onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
500 lines (457 loc) • 587 kB
JavaScript
import { jsx, jsxs } from 'react/jsx-runtime';
import React, { useState } from 'react';
/**
* File generated by the Figma Token Engine
* Do not edit directly
*/
const BORDER_RADIUS_BUTTON_FULL$1 = "62.4rem";
const BORDER_WIDTH_BUTTON_DEFAULT$1 = "0.0625rem";
const BORDER_WIDTH_BUTTON_HOVER$1 = "0.125rem";
const BORDER_WIDTH_BUTTON_PRESSED$1 = "0.125rem";
const LAYOUT_SPACING_INLINE_XS$1 = "0.5rem";
const LAYOUT_SPACING_INLINE_MD$1 = "1rem";
const COMPONENT_CARD_SM$1 = "0.75rem";
const SPACE_0$1 = 0;
const ACTION_PRIMARY_DEFAULT$1 = "#00df88";
const ACTION_PRIMARY_HOVER$1 = "#4ce9ac";
const ACTION_PRIMARY_ACTIVE$1 = "#98f2cf";
const ACTION_PRIMARY_DISABLED$1 = "#E5FCF3";
const ACTION_DESTRUCTIVE_DEFAULT$1 = "#d60000";
const ACTION_DESTRUCTIVE_HOVER$1 = "#a90000";
const ACTION_DESTRUCTIVE_ACTIVE$1 = "#fed8d8";
const ACTION_DESTRUCTIVE_DISABLE$1 = "#feecec";
const ACTION_TERTIARY_DEFAULT$1 = "#3b3b3b";
const ACTION_TERTIARY_HOVER$1 = "#111";
const ACTION_TERTIARY_ACTIVE$1 = "#ababab";
const ACTION_TERTIARY_DISABLE$1 = "#f1f1f1";
const NEUTRAL_80$1 = "#3b3b3b";
const DISPLAY_2XL_LINE_HEIGHT = "56px";
const DISPLAY_2XL_FONT_SIZE = "52px";
const DISPLAY_2XL_LETTER_SPACING = "0%";
const DISPLAY_2XL_TEXT_DECORATION = "none";
const DISPLAY_XL_LINE_HEIGHT = "48px";
const DISPLAY_XL_FONT_SIZE = "44px";
const DISPLAY_XL_LETTER_SPACING = "0%";
const DISPLAY_XL_TEXT_DECORATION = "none";
const HEADING_XL_LINE_HEIGHT = "48px";
const HEADING_XL_FONT_SIZE = "40px";
const HEADING_XL_LETTER_SPACING = "0%";
const HEADING_XL_TEXT_DECORATION = "none";
const HEADING_LG_LINE_HEIGHT = "44px";
const HEADING_LG_FONT_SIZE = "36px";
const HEADING_LG_LETTER_SPACING = "0%";
const HEADING_LG_TEXT_DECORATION = "none";
const HEADING_MD_LINE_HEIGHT = "40px";
const HEADING_MD_FONT_SIZE = "32px";
const HEADING_MD_LETTER_SPACING = "0%";
const HEADING_MD_TEXT_DECORATION = "none";
const HEADING_SM_LINE_HEIGHT = "36px";
const HEADING_SM_FONT_SIZE = "28px";
const HEADING_SM_LETTER_SPACING = "0%";
const HEADING_SM_TEXT_DECORATION = "none";
const HEADING_XS_LINE_HEIGHT = "28px";
const HEADING_XS_FONT_SIZE = "20px";
const HEADING_XS_LETTER_SPACING = "0%";
const HEADING_XS_TEXT_DECORATION = "none";
const HEADING_2XS_LINE_HEIGHT = "24px";
const HEADING_2XS_FONT_SIZE = "18px";
const HEADING_2XS_LETTER_SPACING = "0%";
const HEADING_2XS_TEXT_DECORATION = "none";
const BODY_XL_LINE_HEIGHT = "28px";
const BODY_XL_FONT_SIZE = "18px";
const BODY_XL_LETTER_SPACING = "0%";
const BODY_XL_TEXT_DECORATION = "none";
const BODY_LG_LINE_HEIGHT = "24px";
const BODY_LG_FONT_SIZE = "16px";
const BODY_LG_LETTER_SPACING = "0%";
const BODY_LG_TEXT_DECORATION = "none";
const BODY_MD_LINE_HEIGHT = "20px";
const BODY_MD_FONT_SIZE = "14px";
const BODY_MD_LETTER_SPACING = "0%";
const BODY_MD_TEXT_DECORATION = "none";
const BODY_SM_LINE_HEIGHT = "20px";
const BODY_SM_FONT_SIZE = "12px";
const BODY_SM_LETTER_SPACING = "0%";
const BODY_SM_TEXT_DECORATION = "none";
const UTILITY_BUTTON_FONT_WEIGHT = 500;
const UTILITY_BUTTON_LINE_HEIGHT = "16px";
const UTILITY_BUTTON_FONT_SIZE = "16px";
const UTILITY_BUTTON_LETTER_SPACING = "0%";
const UTILITY_BUTTON_TEXT_DECORATION = "none";
const UTILITY_LINK_FONT_WEIGHT = 500;
const UTILITY_LINK_LINE_HEIGHT = "20px";
const UTILITY_LINK_FONT_SIZE = "14px";
const UTILITY_LINK_LETTER_SPACING = "0%";
const UTILITY_LINK_TEXT_DECORATION = "underline";
const UTILITY_CAPTION_FONT_WEIGHT = "book";
const UTILITY_CAPTION_LINE_HEIGHT = "16px";
const UTILITY_CAPTION_FONT_SIZE = "12px";
const UTILITY_CAPTION_LETTER_SPACING = "0%";
const UTILITY_CAPTION_TEXT_DECORATION = "none";
const FONT_FAMILIES_CAMPTON$1 = "Campton";
const MEDIUM$1 = 500;
const SEMI_BOLD = 600;
const BOOK = "book";
// Facade: curated subset of raw Figma tokens for button usage
// Generated manually; consider automating selection logic later.
const ACTION_PRIMARY_DEFAULT = ACTION_PRIMARY_DEFAULT$1;
const ACTION_PRIMARY_HOVER = ACTION_PRIMARY_HOVER$1;
const ACTION_PRIMARY_ACTIVE = ACTION_PRIMARY_ACTIVE$1;
const ACTION_PRIMARY_DISABLED = ACTION_PRIMARY_DISABLED$1;
const ACTION_TERTIARY_DEFAULT = ACTION_TERTIARY_DEFAULT$1;
const ACTION_TERTIARY_HOVER = ACTION_TERTIARY_HOVER$1;
const ACTION_TERTIARY_ACTIVE = ACTION_TERTIARY_ACTIVE$1;
const ACTION_TERTIARY_DISABLE = ACTION_TERTIARY_DISABLE$1;
const ACTION_DESTRUCTIVE_DEFAULT = ACTION_DESTRUCTIVE_DEFAULT$1;
const ACTION_DESTRUCTIVE_HOVER = ACTION_DESTRUCTIVE_HOVER$1;
const ACTION_DESTRUCTIVE_ACTIVE = ACTION_DESTRUCTIVE_ACTIVE$1;
const ACTION_DESTRUCTIVE_DISABLE = ACTION_DESTRUCTIVE_DISABLE$1;
const NEUTRAL_80 = NEUTRAL_80$1;
const BORDER_WIDTH_BUTTON_DEFAULT = BORDER_WIDTH_BUTTON_DEFAULT$1;
const BORDER_WIDTH_BUTTON_HOVER = BORDER_WIDTH_BUTTON_HOVER$1;
const BORDER_WIDTH_BUTTON_PRESSED = BORDER_WIDTH_BUTTON_PRESSED$1;
const SPACE_0 = SPACE_0$1;
const COMPONENT_CARD_SM = COMPONENT_CARD_SM$1;
const LAYOUT_SPACING_INLINE_MD = LAYOUT_SPACING_INLINE_MD$1;
const LAYOUT_SPACING_INLINE_XS = LAYOUT_SPACING_INLINE_XS$1;
const BORDER_RADIUS_BUTTON_FULL = BORDER_RADIUS_BUTTON_FULL$1;
const FONT_FAMILIES_CAMPTON = FONT_FAMILIES_CAMPTON$1;
const MEDIUM = MEDIUM$1;
// Central design tokens import facade for components.
// Pulls curated subset from the tokens package facade; extend as needed.
const buttonTokens = {
primary: {
default: ACTION_PRIMARY_DEFAULT,
hover: ACTION_PRIMARY_HOVER,
active: ACTION_PRIMARY_ACTIVE,
disabled: ACTION_PRIMARY_DISABLED,
},
outline: {
borderDefault: BORDER_WIDTH_BUTTON_DEFAULT,
borderHover: BORDER_WIDTH_BUTTON_HOVER,
borderActive: BORDER_WIDTH_BUTTON_PRESSED,
text: {
default: ACTION_TERTIARY_DEFAULT,
hover: ACTION_TERTIARY_HOVER,
active: ACTION_TERTIARY_ACTIVE,
disabled: ACTION_TERTIARY_DISABLE,
},
},
ghost: {
text: {
default: ACTION_TERTIARY_DEFAULT,
hover: ACTION_TERTIARY_HOVER,
active: ACTION_TERTIARY_ACTIVE,
disabled: ACTION_TERTIARY_DISABLE,
},
},
destructive: {
text: {
default: ACTION_DESTRUCTIVE_DEFAULT,
hover: ACTION_DESTRUCTIVE_HOVER,
active: ACTION_DESTRUCTIVE_ACTIVE,
disabled: ACTION_DESTRUCTIVE_DISABLE,
},
},
spacing: {
none: SPACE_0,
cardSm: COMPONENT_CARD_SM,
gapMd: LAYOUT_SPACING_INLINE_MD,
gapXs: LAYOUT_SPACING_INLINE_XS,
},
radius: BORDER_RADIUS_BUTTON_FULL,
typography: {
family: FONT_FAMILIES_CAMPTON,
weightMedium: MEDIUM,
},
neutralText: NEUTRAL_80,
};
const Abc = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M20.333 10.889H18.667V10.333H16.444V13.667H18.667V13.111H20.333V14.222C20.333 14.833 19.833 15.333 19.222 15.333H15.889C16.944 13.667 16.444 13.167 16.444 12.556V9.778C14.778 9.167 15.278 8.667 15.889 8.667H19.222C21.500 7.000 22.000 7.500 22.000 8.111V10.889ZM5.889 9.778V13.667H5.889V12.000H3.667V13.667H2.000V8.111C2.000 7.500 2.500 7.000 3.111 7.000H6.444C5.389 8.667 5.889 9.167 5.889 9.778ZM4.222 10.333H2.000V12.000H4.222V10.333ZM12.000 12.000C12.611 12.000 13.111 12.500 13.111 13.111V12.556C14.778 13.167 14.278 13.667 13.667 13.667H9.222V7.000H13.667C12.611 8.667 13.111 9.167 13.111 9.778V9.222C14.778 9.833 14.278 10.333 13.667 10.333ZM10.889 8.667V11.167H11.444V10.333H9.222ZM13.111 11.167H10.889V12.000H13.111V11.167Z", fill: color })));
};
Abc.displayName = 'Abc';
const AcUnit = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M22.000 11.000H17.830L21.070 7.760L19.660 6.340L15.000 11.000H13.000V9.000L17.660 4.340L16.240 2.930L13.000 6.170V2.000H11.000V6.170L7.760 2.930L6.340 4.340L11.000 9.000V11.000H9.000L4.340 6.340L2.930 7.760L6.170 11.000H2.000V13.000H6.170L2.930 16.240L4.340 17.660L9.000 13.000H11.000V15.000L6.340 19.660L7.760 21.070L11.000 17.830V22.000H13.000V17.830L16.240 21.070L17.660 19.660L13.000 15.000V13.000H15.000L19.660 17.660L21.070 16.240L17.830 13.000H22.000V11.000Z", fill: color })));
};
AcUnit.displayName = 'AcUnit';
const Accessibility = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M11.000 2.000C12.100 2.000 13.000 2.900 13.000 4.000C13.000 5.100 12.100 6.000 11.000 6.000C9.900 6.000 9.000 5.100 9.000 4.000C9.000 2.900 9.900 2.000 11.000 2.000ZM20.000 9.000H14.000V22.000H12.000V16.000H10.000V22.000H8.000V9.000H2.000V7.000H20.000V9.000Z", fill: color })));
};
Accessibility.displayName = 'Accessibility';
const AccessibleForward = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M12.000 22.000C17.523 22.000 22.000 17.523 22.000 12.000C22.000 6.477 17.523 2.000 12.000 2.000C6.477 2.000 2.000 6.477 2.000 12.000C2.000 17.523 6.477 22.000 12.000 22.000Z", fill: color }),
React.createElement("path", { d: "M14.500 14.500H12.000C9.500 19.063 7.812 20.750 5.750 20.750C3.688 20.750 2.000 19.063 2.000 17.000C2.000 14.938 3.688 13.250 5.750 13.250V8.250C4.800 8.250 2.000 11.050 2.000 14.500C2.000 17.950 4.800 20.750 8.250 20.750C11.700 20.750 14.500 17.950 14.500 14.500ZM18.250 10.125H15.925L15.513 8.037C16.275 6.375 15.050 4.500 13.200 4.500H6.700C8.188 2.000 7.275 2.587 6.863 3.500L6.025 5.750L8.425 6.413L9.237 4.500H12.000L7.213 12.125C6.463 13.787 7.700 15.750 9.525 15.750H15.750V22.000H18.250V15.125C18.250 13.750 17.125 12.625 15.750 12.625Z", fill: color })));
};
AccessibleForward.displayName = 'AccessibleForward';
const AccountBalanceWallet = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M12.000 22.000C17.523 22.000 22.000 17.523 22.000 12.000C22.000 6.477 17.523 2.000 12.000 2.000C6.477 2.000 2.000 6.477 2.000 12.000C2.000 17.523 6.477 22.000 12.000 22.000Z", fill: color }),
React.createElement("path", { d: "M20.947 6.505V4.105C20.947 2.947 20.000 2.000 18.842 2.000H4.105C2.937 2.000 2.000 2.947 2.000 4.105V18.842C2.000 20.000 2.937 20.947 4.105 20.947H18.842C20.000 20.947 20.947 20.000 20.947 18.842V16.442C21.568 16.074 22.000 15.411 22.000 14.632V8.316C22.000 7.537 21.568 6.874 20.947 6.505ZM19.895 8.316V14.632H12.526V8.316H19.895ZM4.105 18.842V4.105H18.842V6.211H12.526C11.368 6.211 10.421 7.158 10.421 8.316V14.632C10.421 15.789 11.368 16.737 12.526 16.737H18.842V18.842H4.105Z", fill: color })));
};
AccountBalanceWallet.displayName = 'AccountBalanceWallet';
const AccountBalance = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M7.500 11.000H5.500V18.000H7.500V11.000ZM13.500 11.000H11.500V18.000H13.500V11.000ZM22.000 20.000H3.000V22.000H22.000V20.000ZM19.500 11.000H17.500V18.000H19.500V11.000ZM12.500 4.260L17.710 7.000H7.290L12.500 4.260ZM12.500 2.000L3.000 7.000V9.000H22.000V7.000L12.500 2.000Z", fill: color })));
};
AccountBalance.displayName = 'AccountBalance';
const AccountBox = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M19.778 2.000H4.222C3.000 2.000 2.000 3.000 2.000 4.222V19.778C2.000 21.000 3.000 22.000 4.222 22.000H19.778C21.000 22.000 22.000 21.000 22.000 19.778V4.222C22.000 3.000 21.000 2.000 19.778 2.000ZM17.556 19.778H6.444V19.511C8.022 18.244 9.956 17.556 12.000 17.556C14.044 17.556 15.978 18.244 17.556 19.511V19.778ZM19.778 18.511C17.778 16.544 15.033 15.333 12.000 15.333C8.967 15.333 6.222 16.544 4.222 18.511V4.222H19.778V18.511ZM12.000 13.111C14.144 13.111 15.889 11.367 15.889 9.222C15.889 7.078 14.144 5.333 12.000 5.333C9.856 5.333 8.111 7.078 8.111 9.222C8.111 11.367 9.856 13.111 12.000 13.111ZM12.000 7.556C12.922 7.556 13.667 8.300 13.667 9.222C13.667 10.144 12.922 10.889 12.000 10.889C11.078 10.889 10.333 10.144 10.333 9.222C10.333 8.300 11.078 7.556 12.000 7.556Z", fill: color })));
};
AccountBox.displayName = 'AccountBox';
const AccountCircle = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M12.000 2.000C6.486 2.000 2.000 6.486 2.000 12.000C2.000 17.514 6.486 22.000 12.000 22.000C17.514 22.000 22.000 17.514 22.000 12.000C22.000 6.486 17.514 2.000 12.000 2.000ZM12.000 16.286C9.629 16.286 7.714 14.371 7.714 12.000C7.714 9.629 9.629 7.714 12.000 7.714C14.371 7.714 16.286 9.629 16.286 12.000C16.286 14.371 14.371 16.286 12.000 16.286Z", fill: color }),
React.createElement("path", { d: "M12.000 2.000C6.480 2.000 2.000 6.480 2.000 12.000C2.000 17.520 6.480 22.000 12.000 22.000C17.520 22.000 22.000 17.520 22.000 12.000C22.000 6.480 17.520 2.000 12.000 2.000ZM7.350 18.500C8.660 17.560 10.260 17.000 12.000 17.000C13.740 17.000 15.340 17.560 16.650 18.500C15.340 19.440 13.740 20.000 12.000 20.000C10.260 20.000 8.660 19.440 7.350 18.500ZM18.140 17.120C16.450 15.800 14.320 15.000 12.000 15.000C9.680 15.000 7.550 15.800 5.860 17.120C4.700 15.730 4.000 13.950 4.000 12.000C4.000 7.580 7.580 4.000 12.000 4.000C16.420 4.000 20.000 7.580 20.000 12.000C20.000 13.950 19.300 15.730 18.140 17.120Z", fill: color })));
};
AccountCircle.displayName = 'AccountCircle';
const AccountTree = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M21.000 11.000V2.000H15.000V5.000H9.000V2.000H2.000V10.000H9.000V7.000H11.000V17.000H15.000V20.000H22.000V12.000H15.000V15.000H13.000V7.000H15.000V10.000H22.000ZM6.000 9.000H3.000V5.000H6.000V9.000ZM16.000 15.000H19.000V19.000H16.000V15.000ZM16.000 5.000H19.000V9.000H16.000V5.000Z", fill: color })));
};
AccountTree.displayName = 'AccountTree';
const AddAPhoto = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M20.261 6.348H17.504L15.043 5.478H9.826V7.217H14.278L16.739 8.087H20.261V18.522H6.348V10.696H4.609V18.522C4.609 19.478 5.391 20.261 6.348 20.261H20.261C20.348 21.130 21.130 20.348 21.130 19.391V8.087C22.000 7.130 21.217 6.348 20.261 6.348ZM8.957 13.304C8.957 15.704 10.904 17.652 13.304 17.652C15.704 17.652 17.652 15.704 17.652 13.304C17.652 10.904 15.704 8.957 13.304 8.957C10.904 8.957 8.957 10.904 8.957 13.304ZM13.304 10.696C14.739 10.696 15.913 11.870 15.913 13.304C15.913 14.739 14.739 15.913 13.304 15.913C11.870 15.913 10.696 14.739 10.696 13.304C10.696 11.870 11.870 10.696 13.304 10.696ZM6.348 6.348H8.957V4.609H6.348V2.000H4.609V4.609H2.000V6.348H4.609V8.957H6.348V6.348Z", fill: color })));
};
AddAPhoto.displayName = 'AddAPhoto';
const AddAlert = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M9.916 20.149C9.916 21.172 10.744 22.000 11.767 22.000C12.791 22.000 13.619 21.172 13.619 20.149H9.916ZM11.767 6.186C14.335 6.186 16.419 8.270 16.419 10.837V17.349H7.116V10.837C7.116 8.270 9.200 6.186 11.767 6.186ZM11.767 2.000C10.995 2.000 10.372 2.623 10.372 3.395V4.484C7.451 5.116 5.256 7.721 5.256 10.837V16.419L3.395 18.279V19.209H20.140V18.279L18.279 16.419V10.837C18.279 7.721 16.084 5.116 13.163 4.484V3.395C13.163 2.623 12.540 2.000 11.767 2.000ZM12.698 8.047H10.837V10.837H8.047V12.698H10.837V15.488H12.698V12.698H15.488V10.837H12.698V8.047Z", fill: color })));
};
AddAlert.displayName = 'AddAlert';
const AddBox = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M19.778 2.000H4.222C2.989 2.000 2.000 3.000 2.000 4.222V19.778C2.000 21.000 2.989 22.000 4.222 22.000H19.778C21.000 22.000 22.000 21.000 22.000 19.778V4.222C22.000 3.000 21.000 2.000 19.778 2.000ZM19.778 19.778H4.222V4.222H19.778V19.778ZM10.889 17.556H13.111V13.111H17.556V10.889H13.111V6.444H10.889V10.889H6.444V13.111H10.889V17.556Z", fill: color })));
};
AddBox.displayName = 'AddBox';
const AddBusiness = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M22.000 2.000H2.000V4.667H22.000V2.000Z", fill: color }),
React.createElement("path", { d: "M15.684 18.842H17.789V15.684H18.842V13.579L17.789 8.316H2.000L2.000 12.526V15.684H2.000V22.000H11.474V15.684H15.684V18.842ZM9.368 19.895H4.105V15.684H9.368V19.895ZM3.095 13.579L3.726 10.421H16.063L17.747 12.526H4.147Z", fill: color }),
React.createElement("path", { d: "M22.000 9.500H14.500V2.000H9.500V9.500H2.000V14.500H9.500V22.000H14.500V14.500H22.000V9.500Z", fill: color })));
};
AddBusiness.displayName = 'AddBusiness';
const AddCard = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M16.545 3.818H2.000C2.809 2.000 2.009 2.809 2.009 3.818L2.000 14.727C2.000 15.736 2.809 16.545 3.818 16.545H12.909V14.727H3.818V9.273H20.182V3.818C20.182 2.809 19.373 2.000 18.364 2.000ZM18.364 5.636H3.818V3.818H18.364V5.636ZM22.000 13.818V17.455H17.455V20.182H15.636V17.455H12.909V15.636H15.636V12.909H17.455V15.636H20.182Z", fill: color }),
React.createElement("path", { d: "M5.721 17.814H2.000C2.207 17.349 2.002 17.556 2.002 17.814L2.000 20.605C2.000 20.863 2.207 21.070 2.465 21.070H4.791V20.605H2.465V19.209H6.651V17.814C6.651 17.556 6.444 17.349 6.186 17.349ZM6.186 18.279H2.465V17.814H6.186V18.279ZM7.116 20.372V21.302H5.953V22.000H5.488V21.302H4.791V20.837H5.488V20.140H5.953V20.837H6.651Z", fill: color })));
};
AddCard.displayName = 'AddCard';
const AddCircleOutline = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M13.000 7.000H11.000V11.000H7.000V13.000H11.000V17.000H13.000V13.000H17.000V11.000H13.000V7.000ZM12.000 2.000C6.480 2.000 2.000 6.480 2.000 12.000C2.000 17.520 6.480 22.000 12.000 22.000C17.520 22.000 22.000 17.520 22.000 12.000C22.000 6.480 17.520 2.000 12.000 2.000ZM12.000 20.000C7.590 20.000 4.000 16.410 4.000 12.000C4.000 7.590 7.590 4.000 12.000 4.000C16.410 4.000 20.000 7.590 20.000 12.000C20.000 16.410 16.410 20.000 12.000 20.000Z", fill: color })));
};
AddCircleOutline.displayName = 'AddCircleOutline';
const AddHomeWork = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M22.000 2.000H2.000V22.000H22.000V2.000Z", fill: color }),
React.createElement("path", { d: "M22.000 10.110V2.000H7.000V3.970L9.000 5.400V2.000H20.000V8.680C20.750 9.040 21.430 9.520 22.000 10.110Z", fill: color }),
React.createElement("path", { d: "M12.000 10.000H6.000V15.000H4.000V8.030L9.000 4.460L14.000 8.030V14.110C9.570 13.520 10.250 13.040 11.000 12.690V7.000L9.000 2.000L2.000 7.000V22.000H3.000V17.000H5.000V22.000H7.680C12.250 16.090 12.000 15.080 12.000 14.000V15.000Z", fill: color }),
React.createElement("path", { d: "M22.000 12.000C22.000 6.480 17.520 2.000 12.000 2.000C6.480 2.000 2.000 6.480 2.000 12.000C2.000 17.520 6.480 22.000 12.000 22.000C17.520 22.000 22.000 17.520 22.000 12.000ZM11.000 18.000V13.000H6.000V11.000H11.000V6.000H13.000V11.000H18.000V13.000H13.000V18.000H11.000Z", fill: color })));
};
AddHomeWork.displayName = 'AddHomeWork';
const AddHome = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M11.206 4.877L18.110 10.055V10.055C20.067 10.055 20.838 10.170 21.563 10.389V8.904L11.206 2.000L2.000 8.904V21.563H11.988C10.493 22.000 10.262 21.229 10.147 20.412H4.301V10.055L11.206 4.877Z", fill: color }),
React.createElement("path", { d: "M12.000 2.000C6.480 2.000 2.000 6.480 2.000 12.000C2.000 17.520 6.480 22.000 12.000 22.000C17.520 22.000 22.000 17.520 22.000 12.000C22.000 6.480 17.520 2.000 12.000 2.000ZM18.000 13.000H13.000V18.000H11.000V13.000H6.000V11.000H11.000V6.000H13.000V11.000H18.000V13.000Z", fill: color })));
};
AddHome.displayName = 'AddHome';
const AddLocationAlt = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M19.273 2.000V4.727H22.000V6.545H19.273V9.273H17.455V6.545H14.727V4.727H17.455V2.000H19.273ZM12.000 12.909C11.000 12.909 10.182 12.091 10.182 11.091C10.182 10.091 11.000 9.273 12.000 9.273C13.000 9.273 13.818 10.091 13.818 11.091C13.818 12.091 13.000 12.909 12.000 12.909ZM12.909 3.873V5.709C12.608 5.662 12.304 5.637 12.000 5.636C8.955 5.636 6.545 7.973 6.545 11.273C6.545 13.400 8.318 16.218 12.000 19.582C15.682 16.218 17.455 13.409 17.455 11.273V11.091H19.273V11.273C19.273 14.291 16.845 17.864 12.000 22.000C7.155 17.864 4.727 14.291 4.727 11.273C4.727 6.745 8.182 3.818 12.000 3.818C12.309 3.818 12.609 3.836 12.909 3.873Z", fill: color })));
};
AddLocationAlt.displayName = 'AddLocationAlt';
const AddLocation = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M11.000 6.000V7.000H16.000V9.000H13.000V12.000H11.000V9.000H8.000V7.000H11.000V4.000H13.000ZM16.000 10.200C16.000 6.570 13.350 4.000 10.000 4.000C6.650 4.000 4.000 6.570 4.000 10.200C4.000 12.540 5.950 15.640 10.000 19.340C14.050 15.640 16.000 12.540 16.000 10.200ZM10.000 2.000C14.200 2.000 18.000 5.220 18.000 10.200C18.000 13.520 15.330 17.450 10.000 22.000C4.670 17.450 2.000 13.520 2.000 10.200C2.000 5.220 5.800 2.000 10.000 2.000Z", fill: color })));
};
AddLocation.displayName = 'AddLocation';
const AddPhotoAlternate = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M17.238 20.095H3.905V6.762H12.476V4.857H3.905C3.810 3.905 2.952 4.762 2.952 5.810V20.095C2.000 21.143 2.857 22.000 3.905 22.000H17.238C19.238 21.048 20.095 20.190 20.095 19.143V11.524H17.238V20.095ZM9.819 17.076L7.952 14.829L5.333 18.190H15.810L13.390 12.752L10.771 16.124ZM20.095 3.905V2.000H17.238V4.857H14.381C15.343 3.914 15.333 5.810 15.333 5.810H18.190V8.657C18.200 8.667 20.095 8.657 20.095 8.657V6.762H22.000V4.857H19.143Z", fill: color })));
};
AddPhotoAlternate.displayName = 'AddPhotoAlternate';
const AddShoppingCart = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M11.524 9.619H13.429V6.762H16.286V4.857H13.429V2.000H11.524V4.857H8.667V6.762H11.524V9.619ZM7.714 18.190C6.667 18.190 5.819 19.048 5.819 20.095C5.819 21.143 6.667 22.000 7.714 22.000C8.762 22.000 9.619 21.143 9.619 20.095C9.619 19.048 8.762 18.190 7.714 18.190ZM17.238 18.190C16.190 18.190 15.343 19.048 15.343 20.095C15.343 21.143 16.190 22.000 17.238 22.000C18.286 22.000 19.143 21.143 19.143 20.095C19.143 19.048 18.286 18.190 17.238 18.190ZM8.762 13.429H15.857C16.571 13.429 17.200 13.038 17.524 12.448L21.200 5.771L19.543 4.857L15.857 11.524H9.171L5.114 2.952H2.000V4.857H3.905L7.333 12.086L6.048 14.410C5.352 15.686 6.267 17.238 7.714 17.238H19.143V15.333H7.714L8.762 13.429Z", fill: color })));
};
AddShoppingCart.displayName = 'AddShoppingCart';
const AddTask = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M20.182 4.891L9.809 15.273L5.955 11.418L7.236 10.136L9.809 12.709L18.900 3.618L20.182 4.891ZM11.091 18.364C7.082 18.364 3.818 15.100 3.818 11.091C3.818 7.082 7.082 3.818 11.091 3.818C12.518 3.818 13.855 4.236 14.982 4.955L16.300 3.636C14.818 2.609 13.027 2.000 11.091 2.000C6.073 2.000 2.000 6.073 2.000 11.091C2.000 16.109 6.073 20.182 11.091 20.182C12.664 20.182 14.145 19.782 15.436 19.073L14.073 17.709C13.164 18.127 12.155 18.364 11.091 18.364ZM17.455 13.818H14.727V15.636H17.455V18.364H19.273V15.636H22.000V13.818H19.273V11.091H17.455V13.818Z", fill: color })));
};
AddTask.displayName = 'AddTask';
const AddToDrive = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M9.464 2.000L2.000 15.325L5.641 22.000L13.323 8.687L9.464 2.000Z", fill: color }),
React.createElement("path", { d: "M14.500 12.000C14.713 12.000 14.912 12.012 15.113 12.025L9.500 2.000H2.000L16.600 6.800C17.963 5.388 19.875 4.500 22.000 4.500Z", fill: color }),
React.createElement("path", { d: "M6.996 15.278H2.000L2.000 18.805H13.824C7.572 22.000 6.693 19.880 6.693 17.549C6.693 16.762 6.799 16.005 6.996 15.278Z", fill: color }),
React.createElement("path", { d: "M16.000 4.000V2.000H8.000V8.000H2.000V12.000H8.000V18.000H10.000H16.000V8.000H22.000V4.000H16.000Z", fill: color })));
};
AddToDrive.displayName = 'AddToDrive';
const AddToHomeScreen = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M17.445 2.009L8.355 2.000C7.355 2.000 6.536 2.818 6.536 3.818V6.536H8.364V5.627H17.455V18.355H8.364V17.445H6.545V20.173C6.545 21.173 7.364 21.991 8.364 21.991H17.455C18.445 22.000 19.264 21.182 19.264 20.182V3.809C19.273 2.809 18.455 2.000 17.455 2.000ZM10.182 14.718H12.000V8.355H5.636V10.173H8.900L3.809 15.264L5.091 16.545L10.173 11.464V14.718Z", fill: color })));
};
AddToHomeScreen.displayName = 'AddToHomeScreen';
const AddToPhotos = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M4.000 6.000H2.000V20.000C2.000 21.100 2.900 22.000 4.000 22.000H18.000V20.000H4.000V6.000ZM20.000 2.000H8.000C6.900 2.000 6.000 2.900 6.000 4.000V16.000C6.000 17.100 6.900 18.000 8.000 18.000H20.000C21.100 18.000 22.000 17.100 22.000 16.000V4.000C22.000 2.900 21.100 2.000 20.000 2.000ZM20.000 16.000H8.000V4.000H20.000V16.000ZM13.000 15.000H15.000V11.000H19.000V9.000H15.000V5.000H13.000V9.000H9.000V11.000H13.000V15.000Z", fill: color })));
};
AddToPhotos.displayName = 'AddToPhotos';
const Add = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M22.000 13.429H13.429V22.000H10.571V13.429H2.000V10.571H10.571V2.000H13.429V10.571H22.000V13.429Z", fill: color })));
};
Add.displayName = 'Add';
const Addchart = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M22.000 4.000V7.000H18.000V10.000H16.000V7.000H13.000V5.000H16.000V2.000H18.000V5.000H21.000ZM19.000 18.000H5.000V4.000H11.000V2.000H5.000C2.900 3.000 2.000 3.900 2.000 5.000V18.000C3.000 19.100 3.900 20.000 5.000 20.000H19.000C19.100 21.000 20.000 20.100 20.000 19.000V12.000H19.000V18.000ZM15.000 12.000V17.000H16.000V13.000H14.000ZM11.000 16.000H13.000V8.000H11.000V16.000ZM9.000 16.000V11.000H6.000V17.000H8.000Z", fill: color })));
};
Addchart.displayName = 'Addchart';
const AdfScanner = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M18.667 13.111H17.556V4.222H4.222V13.111H3.111C3.489 10.889 2.000 12.378 2.000 14.222V22.000H22.000V16.444C22.000 14.600 20.511 13.111 18.667 13.111ZM6.444 6.444H15.333V13.111H6.444V6.444ZM19.778 19.778H2.000V16.444C2.000 15.833 2.500 15.333 3.111 15.333H18.667C21.500 13.111 22.000 13.611 22.000 14.222V19.778Z", fill: color }),
React.createElement("path", { d: "M12.000 22.000C17.522 22.000 22.000 17.522 22.000 12.000C22.000 6.478 17.522 2.000 12.000 2.000C6.478 2.000 2.000 6.478 2.000 12.000C2.000 17.522 6.478 22.000 12.000 22.000Z", fill: color })));
};
AdfScanner.displayName = 'AdfScanner';
const AdminPanelSettings = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M12.000 22.000C17.523 22.000 22.000 17.523 22.000 12.000C22.000 6.477 17.523 2.000 12.000 2.000C6.477 2.000 2.000 6.477 2.000 12.000C2.000 17.523 6.477 22.000 12.000 22.000Z", fill: color }),
React.createElement("path", { d: "M17.000 10.090V5.270L9.500 2.000L2.000 5.270V10.180C2.000 14.720 5.200 18.970 9.500 20.000C10.050 19.870 10.580 19.680 11.100 19.450C12.180 20.990 13.970 22.000 16.000 22.000C19.310 22.000 22.000 19.310 22.000 16.000C22.000 13.030 19.840 10.570 17.000 10.090ZM10.000 16.000C10.000 16.560 10.080 17.110 10.230 17.620C9.990 17.730 9.750 17.840 9.500 17.920C6.330 16.920 4.000 13.680 4.000 10.180V6.580L9.500 4.180L15.000 6.580V10.090C12.160 10.570 10.000 13.030 10.000 16.000ZM16.000 20.000C13.790 20.000 12.000 18.210 12.000 16.000C12.000 13.790 13.790 12.000 16.000 12.000C18.210 12.000 20.000 13.790 20.000 16.000C20.000 18.210 18.210 20.000 16.000 20.000Z", fill: color }),
React.createElement("path", { d: "M12.000 2.000C8.741 2.000 2.223 3.607 2.000 6.821C4.232 9.991 7.893 12.045 12.000 12.045C16.107 12.045 19.768 9.991 22.000 6.821C21.777 3.607 15.259 2.000 12.000 2.000Z", fill: color })));
};
AdminPanelSettings.displayName = 'AdminPanelSettings';
const AirportShuttle = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M16.000 6.000H2.000C2.900 4.000 2.000 4.890 2.000 6.000V17.000H2.000C4.000 16.660 5.340 18.000 7.000 18.000C8.660 18.000 10.000 16.660 10.000 15.000H16.000C14.000 18.660 15.340 20.000 17.000 20.000C18.660 20.000 20.000 18.660 20.000 17.000H22.000V12.000L16.000 6.000ZM14.000 8.000H15.000L20.000 9.000H16.000V6.000ZM10.000 6.000H14.000V9.000H10.000V6.000ZM4.000 6.000H8.000V9.000H4.000V6.000ZM7.000 16.250C6.310 16.250 5.750 15.690 5.750 15.000C5.750 14.310 6.310 13.750 7.000 13.750C7.690 13.750 8.250 14.310 8.250 15.000C8.250 15.690 7.690 16.250 7.000 16.250ZM19.000 16.250C18.310 16.250 17.750 15.690 17.750 15.000C17.750 14.310 18.310 13.750 19.000 13.750C19.690 13.750 20.250 14.310 20.250 15.000C20.250 15.690 19.690 16.250 19.000 16.250ZM22.000 13.000H21.220C18.670 14.390 17.880 14.000 17.000 14.000C16.120 14.000 15.330 14.390 14.780 15.000H7.220C8.670 12.390 7.890 12.000 7.000 12.000C6.110 12.000 5.330 12.390 4.780 13.000H4.000V11.000H22.000V13.000Z", fill: color }),
React.createElement("path", { d: "M5.333 18.667H2.000C2.214 18.190 2.000 18.402 2.000 18.667V21.286H2.000C2.476 21.205 2.795 21.524 3.191 21.524C3.586 21.524 3.905 21.205 3.905 20.809H5.333C4.857 21.681 5.176 22.000 5.571 22.000C5.967 22.000 6.286 21.681 6.286 21.286H6.762V20.095L5.333 18.667ZM4.857 19.143H5.095L6.286 19.381H5.333V18.667ZM3.905 18.667H4.857V19.381H3.905V18.667ZM2.476 18.667H3.429V19.381H2.476V18.667ZM3.191 21.107C3.026 21.107 2.893 20.974 2.893 20.809C2.893 20.645 3.026 20.512 3.191 20.512C3.355 20.512 3.488 20.645 3.488 20.809C3.488 20.974 3.355 21.107 3.191 21.107ZM6.048 21.107C5.883 21.107 5.750 20.974 5.750 20.809C5.750 20.645 5.883 20.512 6.048 20.512C6.212 20.512 6.345 20.645 6.345 20.809C6.345 20.974 6.212 21.107 6.048 21.107ZM6.762 20.333H6.576C5.969 20.664 5.781 20.571 5.571 20.571C5.362 20.571 5.174 20.664 5.043 20.810H3.243C3.588 20.188 3.402 20.095 3.191 20.095C2.979 20.095 2.793 20.188 2.662 20.333H2.476V19.857H6.762V20.333Z", fill: color })));
};
AirportShuttle.displayName = 'AirportShuttle';
const AlarmOn = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M10.403 14.600L8.293 12.490L7.243 13.540L10.393 16.690L16.337 10.747L15.287 9.697L10.403 14.600ZM17.136 2.000L21.700 5.809L20.432 7.329L15.865 3.523L17.136 2.000ZM6.563 2.000L7.833 3.522L3.268 7.329L2.000 5.808L6.563 2.000ZM11.849 4.169C6.926 4.169 2.934 8.161 2.934 13.085C2.934 18.008 6.926 22.000 11.849 22.000C16.773 22.000 20.765 18.008 20.765 13.085C20.765 8.161 16.773 4.169 11.849 4.169ZM11.849 20.019C8.026 20.019 4.915 16.908 4.915 13.085C4.915 9.261 8.026 6.151 11.849 6.151C15.673 6.151 18.784 9.261 18.784 13.085C18.784 16.908 15.673 20.019 11.849 20.019Z", fill: color })));
};
AlarmOn.displayName = 'AlarmOn';
const Alarm = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M12.589 7.887H11.103V13.831L15.809 16.654L16.552 15.436L12.589 13.088V8.132ZM17.136 2.000L21.700 5.809L20.432 7.329L15.865 3.523L17.136 2.000ZM6.563 2.000L7.833 3.522L3.268 7.329L2.000 5.808L6.563 2.000ZM11.849 4.169C6.926 4.169 2.934 8.161 2.934 13.085C2.934 18.008 6.926 22.000 11.849 22.000C16.773 22.000 20.765 18.008 20.765 13.085C20.765 8.161 16.773 4.169 11.849 4.169ZM11.849 20.019C8.026 20.019 4.915 16.908 4.915 13.085C4.915 9.261 8.026 6.151 11.849 6.151C15.673 6.151 18.784 9.261 18.784 13.085C18.784 16.908 15.673 20.019 11.849 20.019Z", fill: color }),
React.createElement("path", { d: "M2.371 19.809H2.000V21.294L3.176 22.000L3.362 21.696L2.371 21.109V17.595ZM5.783 16.063L6.923 17.015L6.606 17.395L5.465 16.444L5.783 16.063ZM3.140 16.063L3.458 16.443L2.317 17.395L2.000 17.015L3.140 16.063ZM4.461 16.605C3.231 16.605 2.233 17.603 2.233 18.833C2.233 20.063 3.231 21.061 4.461 21.061C5.692 21.061 6.689 20.063 6.689 18.833C6.689 17.603 5.692 16.605 4.461 16.605ZM4.461 20.566C3.506 20.566 2.729 19.789 2.729 18.833C2.729 17.878 3.506 17.100 4.461 17.100C5.417 17.100 6.194 17.878 6.194 18.833C6.194 19.789 5.417 20.566 4.461 20.566Z", fill: color }),
React.createElement("path", { d: "M2.249 20.530H2.000V21.527L2.789 22.000L2.914 21.796L2.249 21.402V19.044ZM4.538 18.016L5.304 18.654L5.091 18.910L4.325 18.271L4.538 18.016ZM2.765 18.016L2.978 18.271L2.213 18.910L2.000 18.654L2.765 18.016ZM3.652 18.380C2.826 18.380 2.157 19.049 2.157 19.875C2.157 20.700 2.826 21.370 3.652 21.370C4.477 21.370 5.147 20.700 5.147 19.875C5.147 19.049 4.477 18.380 3.652 18.380ZM3.652 21.038C3.011 21.038 2.489 20.516 2.489 19.875C2.489 19.234 3.011 18.712 3.652 18.712C4.293 18.712 4.815 19.234 4.815 19.875C4.815 20.516 4.293 21.038 3.652 21.038Z", fill: color })));
};
Alarm.displayName = 'Alarm';
const AllInbox = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M19.778 2.000H4.222C3.000 2.000 2.000 3.000 2.000 4.222V12.000C2.000 13.222 3.000 14.222 4.222 14.222H19.778C21.000 14.222 22.000 13.222 22.000 12.000V4.222C22.000 3.000 21.000 2.000 19.778 2.000ZM4.222 9.778H7.700C7.933 10.644 8.444 11.411 9.111 12.000H4.222V9.778ZM19.778 12.000H14.889C15.556 11.411 16.067 10.644 16.300 9.778H19.778V12.000ZM19.778 7.556H14.222V8.667C14.222 9.856 13.189 10.889 12.000 10.889C10.811 10.889 9.778 9.856 9.778 8.667V7.556H4.222V4.222H19.778V7.556ZM17.556 15.333H14.222V16.444C14.222 16.967 14.011 17.444 13.689 17.833C13.278 18.333 12.667 18.667 12.000 18.667C11.333 18.667 10.722 18.333 10.311 17.833C9.989 17.444 9.778 16.967 9.778 16.444V15.333H2.000V19.778C2.000 21.000 3.000 22.000 4.222 22.000H19.778C21.000 22.000 22.000 21.000 22.000 19.778V15.333H17.556ZM4.222 17.556H7.700C7.722 17.656 7.767 17.744 7.800 17.833C8.067 18.589 8.522 19.256 9.111 19.778H4.222V17.556ZM19.778 19.778H14.889C15.489 19.256 15.944 18.589 16.200 17.833C16.233 17.744 16.278 17.656 16.300 17.556H19.778V19.778Z", fill: color })));
};
AllInbox.displayName = 'AllInbox';
const AllInclusive = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M17.500 2.000C16.300 2.000 15.167 2.467 14.358 3.275L8.500 8.475C7.967 9.008 7.258 9.300 6.500 9.300C4.942 9.300 3.675 8.042 3.675 6.483C3.675 4.925 4.942 3.667 6.500 3.667C7.258 3.667 7.967 3.958 8.533 4.525L9.475 5.358L10.733 4.242L9.683 3.317C8.833 2.467 7.700 2.000 6.500 2.000C4.017 2.000 2.000 4.017 2.000 6.483C2.000 8.950 4.017 10.967 6.500 10.967C7.700 10.967 8.833 10.500 9.642 9.692L15.500 4.492C16.033 3.958 16.742 3.667 17.500 3.667C19.058 3.667 20.325 4.925 20.325 6.483C20.325 8.042 19.058 9.300 17.500 9.300C16.750 9.300 16.033 9.008 15.467 8.442L14.517 7.600L13.258 8.717L14.317 9.650C15.167 10.492 16.292 10.958 17.500 10.958C19.983 10.958 22.000 8.950 22.000 6.475C22.000 4.000 19.983 2.000 17.500 2.000Z", fill: color })));
};
AllInclusive.displayName = 'AllInclusive';
const AlternateEmail = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M11.975 2.000C6.469 2.000 2.000 6.469 2.000 11.975C2.000 17.481 6.469 21.950 11.975 21.950H16.963V19.955H11.975C7.696 19.905 4.045 16.254 4.045 11.925C4.045 7.596 7.696 3.945 12.025 3.945C16.354 3.945 20.005 7.596 20.005 11.925V13.401C19.955 14.190 19.247 14.968 18.459 14.968C17.671 14.968 16.963 14.190 16.963 13.401V11.925C17.012 9.172 14.778 6.938 12.025 6.938C9.272 6.938 7.037 9.172 7.037 11.925C7.037 14.678 9.272 16.913 12.025 16.913C13.401 16.913 14.658 16.354 15.556 15.446C16.204 16.334 17.322 16.913 18.509 16.913C20.474 16.913 22.000 15.317 22.000 13.352V11.975C21.950 6.469 17.481 2.000 11.975 2.000ZM11.975 14.968C10.319 14.968 8.983 13.631 8.983 11.975C8.983 10.319 10.319 8.983 11.975 8.983C13.631 8.983 14.968 10.319 14.968 11.975C14.968 13.631 13.631 14.968 11.975 14.968Z", fill: color })));
};
AlternateEmail.displayName = 'AlternateEmail';
const AmpStories = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M5.636 2.000H2.000V22.000H5.636V2.000Z", fill: color }),
React.createElement("path", { d: "M5.636 2.000H2.000V22.000H5.636V2.000Z", fill: color }),
React.createElement("path", { d: "M2.000 22.000H15.333V2.000H2.000V22.000ZM4.667 4.667H12.667V19.333H4.667V4.667Z", fill: color })));
};
AmpStories.displayName = 'AmpStories';
const Analytics = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M6.000 2.000H2.000V22.000H6.000V2.000Z", fill: color }),
React.createElement("path", { d: "M22.000 2.000H2.000V22.000H22.000V2.000Z", fill: color }),
React.createElement("path", { d: "M19.778 2.000H4.222C3.000 2.000 2.000 3.000 2.000 4.222V19.778C2.000 21.000 3.000 22.000 4.222 22.000H19.778C21.000 22.000 22.000 21.000 22.000 19.778V4.222C22.000 3.000 21.000 2.000 19.778 2.000ZM19.778 19.778H4.222V4.222H19.778V19.778Z", fill: color }),
React.createElement("path", { d: "M10.000 2.000H2.000V22.000H10.000V2.000Z", fill: color }),
React.createElement("path", { d: "M15.333 2.000H2.000V22.000H15.333V2.000Z", fill: color })));
};
Analytics.displayName = 'Analytics';
const Anchor = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M17.000 14.000L18.550 15.550C17.590 17.240 15.220 18.590 13.000 18.920V11.00