@freightos/freightwind 1.1.3 → 2.1.0

package/README.md

@@ -5,7 +5,7 @@ FreightWind Design System — React UI components for Freightos applications.
 ## Installation
 
 ```bash
-npm install @freightos/freightwind @freightos/icons
+npm install @freightos/freightwind @freightos/freightwind/icons
 ```
 
 ## Usage
@@ -21,7 +21,7 @@ Components require Tailwind CSS v4 with the FDS design tokens loaded via `tokens
 
 - `react` >= 18
 - `react-dom` >= 18
-- `@freightos/icons` >= 1.0.0
+- `@freightos/freightwind/icons` >= 1.0.0
 
 ## License
 

package/dist/cjs/components/alert.js

@@ -36,7 +36,7 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Alert = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_1 = require("@freightos/icons");
+const icons_1 = require("../icons");
 const react_1 = require("motion/react");
 const React = __importStar(require("react"));
 const utils_1 = require("../lib/utils");
@@ -57,7 +57,7 @@ const alertConfig = {
         iconColor: 'text-fds-yellow-30',
     },
     error: {
-        icon: icons_1.IconNegativeCircled,
+        icon: icons_1.IconClearCircled,
         borderColor: 'border-l-fds-red-30',
         iconColor: 'text-fds-red-30',
     },
@@ -88,6 +88,6 @@ const Alert = ({ variant = 'info', title, message, closable = false, onClose, ca
                 setVisible(false);
                 onClose?.();
             }
-        }, children: (0, jsx_runtime_1.jsx)("div", { style: { overflow: 'hidden' }, children: (0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { initial: false, children: !closing && ((0, jsx_runtime_1.jsxs)(react_1.motion.div, { role: "alert", exit: { y: -20 }, transition: { duration: 0.15, ease: 'easeIn' }, className: (0, utils_1.cn)('flex w-full gap-fds-sm rounded-fds-md border-l-4 bg-card pr-fds-sm shadow-[0_0_10px_0_rgba(35,37,55,0.12)]', title ? 'items-start pl-fds-md py-fds-md' : 'items-center pl-fds-lg py-[5px]', config.borderColor), children: [(0, jsx_runtime_1.jsx)(Icon, { size: title ? 20 : 18, className: (0, utils_1.cn)('shrink-0', title && 'mt-[3px]', config.iconColor) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 min-w-0", children: [title && (0, jsx_runtime_1.jsx)("div", { className: "text-fds-h5 font-fds-bold leading-fds-title text-foreground", children: title }), message && ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('text-fds-base text-fds-gray-80 dark:text-white', title && 'mt-fds-xs'), children: message }))] }), showCta && (0, jsx_runtime_1.jsx)("div", { className: "shrink-0", children: callToAction }), showClose && ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: handleClose, className: "fw-base shrink-0 cursor-pointer text-fds-gray-90 hover:text-fds-gray-100 transition-colors", "aria-label": "Close alert", children: (0, jsx_runtime_1.jsx)(icons_1.IconClose, { size: 16 }) }))] })) }) }) }));
+        }, children: (0, jsx_runtime_1.jsx)("div", { style: { overflow: 'hidden', padding: 10, margin: -10 }, children: (0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { initial: false, children: !closing && ((0, jsx_runtime_1.jsxs)(react_1.motion.div, { role: "alert", exit: { y: -20 }, transition: { duration: 0.15, ease: 'easeIn' }, className: (0, utils_1.cn)('flex w-full gap-fds-sm rounded-fds-md border-l-4 bg-card pr-fds-sm shadow-[0_0_10px_0_rgba(35,37,55,0.12)]', 'items-start', title ? 'pl-fds-md py-fds-md' : 'pl-fds-lg py-fds-sm', config.borderColor), children: [(0, jsx_runtime_1.jsx)(Icon, { size: title ? 'md' : 'sm', className: (0, utils_1.cn)('shrink-0 mt-[2px]', config.iconColor) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 min-w-0", children: [title && (0, jsx_runtime_1.jsx)("div", { className: "text-fds-h5 font-fds-bold leading-fds-title text-foreground", children: title }), message && ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('text-fds-base text-fds-gray-80 dark:text-white', title && 'mt-fds-xs'), children: message }))] }), showCta && (0, jsx_runtime_1.jsx)("div", { className: "shrink-0", children: callToAction }), showClose && ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: handleClose, className: "fw-base shrink-0 cursor-pointer text-fds-gray-90 hover:text-fds-gray-100 transition-colors", "aria-label": "Close alert", children: (0, jsx_runtime_1.jsx)(icons_1.IconClear, { size: "sm" }) }))] })) }) }) }));
 };
 exports.Alert = Alert;

package/dist/cjs/components/avatar.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Avatar = Avatar;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_1 = require("@freightos/icons");
+const icons_1 = require("../icons");
 const class_variance_authority_1 = require("class-variance-authority");
 const icon_utils_1 = require("../lib/icon-utils");
 const FLAGS_BASE_URL = 'https://freightwind.freightos.com/flags/1x1';
@@ -39,11 +39,11 @@ const avatarVariants = (0, class_variance_authority_1.cva)('relative flex shrink
     },
 });
 const iconSizeMap = {
-    xs: 10,
-    sm: 14,
-    md: 18,
-    lg: 22,
-    xl: 28,
+    xs: 'xxs',
+    sm: 'xs',
+    md: 'sm',
+    lg: 'sm',
+    xl: 'md',
 };
 function Avatar({ variant = 'default', size = 'md', bordered = false, icon, title, flag, src, alt, }) {
     const classes = avatarVariants({ variant, size, bordered });

package/dist/cjs/components/button.js

@@ -73,10 +73,10 @@ const Button = React.forwardRef(({ variant = 'default', size = 'md', icon, loadi
         console.warn('Button: tooltip is required for icon-only buttons.');
     }
     const IconComp = icon ? icon_utils_1.iconMap[icon] : null;
-    // Icon sizes: with text (sm=12, md=16, lg=16), icon-only (sm=16, md=16, lg=24)
+    // Icon sizes: with text (sm=xs, md=sm, lg=sm), icon-only (sm=sm, md=sm, lg=md)
     const iconSize = iconOnly
-        ? size === 'lg' ? 24 : 16
-        : size === 'sm' ? 12 : 16;
+        ? size === 'lg' ? 'md' : 'sm'
+        : size === 'sm' ? 'xs' : 'sm';
     const button = ((0, jsx_runtime_1.jsxs)("button", { className: (0, utils_1.cn)(buttonVariants({ variant, size }), variant === 'toggle' && active && 'border-fds-blue-30 text-fds-blue-30 bg-fds-blue-10', iconOnly && '!px-0', iconOnly && size === 'sm' && 'w-[var(--fds-size-lg)]', iconOnly && size === 'md' && 'w-[var(--fds-size-xl)]', iconOnly && size === 'lg' && 'w-[var(--fds-size-xxl)]', fullWidth && 'w-full'), ref: ref, disabled: disabled || loading, "aria-busy": loading || undefined, "aria-label": iconOnly ? tooltip : undefined, "aria-pressed": variant === 'toggle' ? active : undefined, ...props, children: [loading ? (0, jsx_runtime_1.jsx)(LoadingSpinner, {}) : IconComp && (0, jsx_runtime_1.jsx)(IconComp, { size: iconSize }), children] }));
     if (tooltip) {
         return (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { message: tooltip, children: button });

package/dist/cjs/components/chip.js

@@ -39,7 +39,7 @@ exports.Chip = Chip;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const class_variance_authority_1 = require("class-variance-authority");
 const React = __importStar(require("react"));
-const icons_1 = require("@freightos/icons");
+const icons_1 = require("../icons");
 const icon_utils_1 = require("../lib/icon-utils");
 const utils_1 = require("../lib/utils");
 const chipVariants = (0, class_variance_authority_1.cva)('inline-flex items-center rounded-full h-5 px-fds-sm text-fds-sm font-fds-regular transition-colors', {
@@ -80,5 +80,5 @@ function Chip({ variant = 'default', icon, closable, onClose, badge, children, }
     };
     const IconComp = icon ? icon_utils_1.iconMap[icon] : null;
     const iconOnly = !!icon && !children;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)(chipVariants({ variant }), iconOnly && 'justify-center', badge !== undefined && (typeof badge === 'string' ? badge.length > 0 : badge > 0) && '!pl-0.5'), children: [badge !== undefined && (typeof badge === 'string' ? badge.length > 0 : badge > 0) && ((0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)('mr-1 inline-flex items-center justify-center rounded-full min-w-[16px] h-4 px-1 text-[10px] font-fds-semibold leading-none', badgeColors[variant]), children: typeof badge === 'number' && badge > 99 ? '99+' : badge })), IconComp && (0, jsx_runtime_1.jsx)(IconComp, { size: 12, className: children ? 'mr-fds-sm' : '' }), children, closable && ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: handleClose, "aria-label": "Remove", className: "fw-base ml-fds-sm inline-flex cursor-pointer items-center hover:opacity-70", children: (0, jsx_runtime_1.jsx)(icons_1.IconClose, { size: 10 }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)(chipVariants({ variant }), iconOnly && 'justify-center', badge !== undefined && (typeof badge === 'string' ? badge.length > 0 : badge > 0) && '!pl-0.5'), children: [badge !== undefined && (typeof badge === 'string' ? badge.length > 0 : badge > 0) && ((0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)('mr-1 inline-flex items-center justify-center rounded-full min-w-[16px] h-4 px-1 text-[10px] font-fds-semibold leading-none', badgeColors[variant]), children: typeof badge === 'number' && badge > 99 ? '99+' : badge })), IconComp && (0, jsx_runtime_1.jsx)(IconComp, { size: "xs", className: children ? 'mr-fds-sm' : '' }), children, closable && ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: handleClose, "aria-label": "Remove", className: "fw-base ml-fds-sm inline-flex cursor-pointer items-center hover:opacity-70", children: (0, jsx_runtime_1.jsx)(icons_1.IconClear, { size: "xxs" }) }))] }));
 }

package/dist/cjs/components/message.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.message = exports.MessageProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_1 = require("@freightos/icons");
+const icons_1 = require("../icons");
 const sonner_1 = require("sonner");
 const messageConfig = {
     success: { icon: icons_1.IconCheckCircled, bg: "bg-[rgba(71,169,110,1)]" },
     info: { icon: icons_1.IconInfoCircled, bg: "bg-[rgba(32,117,189,1)]" },
     warning: { icon: icons_1.IconRisk, bg: "bg-[rgba(237,175,7,1)]" },
-    error: { icon: icons_1.IconNegativeCircled, bg: "bg-[rgba(216,39,30,1)]" },
+    error: { icon: icons_1.IconClearCircled, bg: "bg-[rgba(216,39,30,1)]" },
 };
 function MessageToast({ variant, title, onClick, toastId, }) {
     const config = messageConfig[variant];
@@ -18,7 +18,7 @@ function MessageToast({ variant, title, onClick, toastId, }) {
     return ((0, jsx_runtime_1.jsxs)("div", { dir: dir, className: `mx-auto flex w-fit items-center gap-fds-sm rounded-fds-md p-fds-lg shadow-fds-md text-white font-[family-name:var(--font-open-sans)] ${config.bg} ${onClick ? "cursor-pointer" : ""}`, onClick: onClick ? () => {
             onClick();
             sonner_1.toast.dismiss(toastId);
-        } : undefined, children: [(0, jsx_runtime_1.jsx)(Icon, { size: 16, className: "shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "text-fds-h6 font-fds-regular leading-fds-body", children: title })] }));
+        } : undefined, children: [(0, jsx_runtime_1.jsx)(Icon, { size: "sm", className: "shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "text-fds-h6 font-fds-regular leading-fds-body", children: title })] }));
 }
 function showMessage(variant, title, options) {
     return sonner_1.toast.custom((id) => ((0, jsx_runtime_1.jsx)(MessageToast, { variant: variant, title: title, onClick: options?.onClick, toastId: id })), {

package/dist/cjs/components/pop-confirm.js

@@ -82,5 +82,5 @@ function PopConfirm({ title, onConfirm, onCancel, placement = 'top', children, s
     }
     const iconName = slotProps?.icon?.name ?? 'risk';
     const IconComp = icon_utils_1.iconMap[iconName];
-    return ((0, jsx_runtime_1.jsxs)(PopoverPrimitive.Root, { open: open, onOpenChange: setOpen, children: [(0, jsx_runtime_1.jsx)(PopoverPrimitive.Trigger, { asChild: true, ref: triggerRef, children: children }), (0, jsx_runtime_1.jsx)(PopoverPrimitive.Portal, { children: (0, jsx_runtime_1.jsxs)(PopoverPrimitive.Content, { side: side, align: align, alignOffset: alignOffset, sideOffset: 8, className: "z-[1300] w-[246px] rounded-fds-lg bg-white p-fds-lg shadow-fds-md origin-[--radix-popover-content-transform-origin] animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-fds-xs", children: [IconComp && (0, jsx_runtime_1.jsx)(IconComp, { size: 16, color: slotProps?.icon?.color ?? 'yellow-30', className: "mt-[2.5px] shrink-0" }), (0, jsx_runtime_1.jsx)("p", { className: "text-fds-base text-fds-gray-100", children: title })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-[10px] flex justify-end gap-fds-sm", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { variant: slotProps?.cancelButton?.variant ?? 'secondary', size: "sm", onClick: handleCancel, children: slotProps?.cancelButton?.children ?? 'No' }), (0, jsx_runtime_1.jsx)(button_1.Button, { variant: slotProps?.confirmButton?.variant ?? 'danger', size: "sm", onClick: handleConfirm, children: slotProps?.confirmButton?.children ?? 'Yes' })] }), (0, jsx_runtime_1.jsx)(PopoverPrimitive.Arrow, { className: "fill-white", width: 16, height: 8 })] }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(PopoverPrimitive.Root, { open: open, onOpenChange: setOpen, children: [(0, jsx_runtime_1.jsx)(PopoverPrimitive.Trigger, { asChild: true, ref: triggerRef, children: children }), (0, jsx_runtime_1.jsx)(PopoverPrimitive.Portal, { children: (0, jsx_runtime_1.jsxs)(PopoverPrimitive.Content, { side: side, align: align, alignOffset: alignOffset, sideOffset: 8, className: "z-[1300] w-[246px] rounded-fds-lg bg-white p-fds-lg shadow-fds-md origin-[--radix-popover-content-transform-origin] animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-fds-xs", children: [IconComp && (0, jsx_runtime_1.jsx)(IconComp, { size: "sm", color: slotProps?.icon?.color ?? 'yellow-30', className: "mt-[2.5px] shrink-0" }), (0, jsx_runtime_1.jsx)("p", { className: "text-fds-base text-fds-gray-100", children: title })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-[10px] flex justify-end gap-fds-sm", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { variant: slotProps?.cancelButton?.variant ?? 'secondary', size: "sm", onClick: handleCancel, children: slotProps?.cancelButton?.children ?? 'No' }), (0, jsx_runtime_1.jsx)(button_1.Button, { variant: slotProps?.confirmButton?.variant ?? 'danger', size: "sm", onClick: handleConfirm, children: slotProps?.confirmButton?.children ?? 'Yes' })] }), (0, jsx_runtime_1.jsx)(PopoverPrimitive.Arrow, { className: "fill-white", width: 16, height: 8 })] }) })] }));
 }

package/dist/cjs/constants/countries.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.COUNTRIES = void 0;
+exports.COUNTRIES = [
+    { code: 'US', name: 'United States' },
+    { code: 'CN', name: 'China' },
+    { code: 'GB', name: 'United Kingdom' },
+    { code: 'CA', name: 'Canada' },
+    { code: 'DE', name: 'Germany' },
+    { code: 'FR', name: 'France' },
+    { code: 'IT', name: 'Italy' },
+    { code: 'ES', name: 'Spain' },
+    { code: 'NL', name: 'Netherlands' },
+    { code: 'BE', name: 'Belgium' },
+    { code: 'CH', name: 'Switzerland' },
+    { code: 'AT', name: 'Austria' },
+    { code: 'SE', name: 'Sweden' },
+    { code: 'NO', name: 'Norway' },
+    { code: 'DK', name: 'Denmark' },
+    { code: 'FI', name: 'Finland' },
+    { code: 'PL', name: 'Poland' },
+    { code: 'CZ', name: 'Czech Republic' },
+    { code: 'IE', name: 'Ireland' },
+    { code: 'PT', name: 'Portugal' },
+    { code: 'GR', name: 'Greece' },
+    { code: 'JP', name: 'Japan' },
+    { code: 'KR', name: 'South Korea' },
+    { code: 'IN', name: 'India' },
+    { code: 'AU', name: 'Australia' },
+    { code: 'NZ', name: 'New Zealand' },
+    { code: 'SG', name: 'Singapore' },
+    { code: 'HK', name: 'Hong Kong' },
+    { code: 'TW', name: 'Taiwan' },
+    { code: 'TH', name: 'Thailand' },
+    { code: 'MY', name: 'Malaysia' },
+    { code: 'ID', name: 'Indonesia' },
+    { code: 'PH', name: 'Philippines' },
+    { code: 'VN', name: 'Vietnam' },
+    { code: 'BR', name: 'Brazil' },
+    { code: 'MX', name: 'Mexico' },
+    { code: 'AR', name: 'Argentina' },
+    { code: 'CL', name: 'Chile' },
+    { code: 'CO', name: 'Colombia' },
+    { code: 'PE', name: 'Peru' },
+    { code: 'ZA', name: 'South Africa' },
+    { code: 'EG', name: 'Egypt' },
+    { code: 'IL', name: 'Israel' },
+    { code: 'AE', name: 'United Arab Emirates' },
+    { code: 'SA', name: 'Saudi Arabia' },
+    { code: 'TR', name: 'Turkey' },
+    { code: 'RU', name: 'Russia' },
+    { code: 'UA', name: 'Ukraine' },
+];

package/dist/cjs/constants/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.US_STATES = exports.COUNTRIES = exports.PHONE_COUNTRIES = void 0;
+var phone_countries_1 = require("./phone-countries");
+Object.defineProperty(exports, "PHONE_COUNTRIES", { enumerable: true, get: function () { return phone_countries_1.PHONE_COUNTRIES; } });
+var countries_1 = require("./countries");
+Object.defineProperty(exports, "COUNTRIES", { enumerable: true, get: function () { return countries_1.COUNTRIES; } });
+var us_states_1 = require("./us-states");
+Object.defineProperty(exports, "US_STATES", { enumerable: true, get: function () { return us_states_1.US_STATES; } });

package/dist/cjs/constants/phone-countries.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PHONE_COUNTRIES = void 0;
+// Default country list — consumers can override via the `countries` prop.
+exports.PHONE_COUNTRIES = [
+    { code: 'US', name: 'United States', dialCode: '+1' },
+    { code: 'CN', name: 'China', dialCode: '+86' },
+    { code: 'GB', name: 'United Kingdom', dialCode: '+44' },
+    { code: 'CA', name: 'Canada', dialCode: '+1' },
+    { code: 'DE', name: 'Germany', dialCode: '+49' },
+    { code: 'FR', name: 'France', dialCode: '+33' },
+    { code: 'IT', name: 'Italy', dialCode: '+39' },
+    { code: 'ES', name: 'Spain', dialCode: '+34' },
+    { code: 'NL', name: 'Netherlands', dialCode: '+31' },
+    { code: 'BE', name: 'Belgium', dialCode: '+32' },
+    { code: 'CH', name: 'Switzerland', dialCode: '+41' },
+    { code: 'AT', name: 'Austria', dialCode: '+43' },
+    { code: 'SE', name: 'Sweden', dialCode: '+46' },
+    { code: 'NO', name: 'Norway', dialCode: '+47' },
+    { code: 'DK', name: 'Denmark', dialCode: '+45' },
+    { code: 'FI', name: 'Finland', dialCode: '+358' },
+    { code: 'PL', name: 'Poland', dialCode: '+48' },
+    { code: 'CZ', name: 'Czech Republic', dialCode: '+420' },
+    { code: 'IE', name: 'Ireland', dialCode: '+353' },
+    { code: 'PT', name: 'Portugal', dialCode: '+351' },
+    { code: 'GR', name: 'Greece', dialCode: '+30' },
+    { code: 'JP', name: 'Japan', dialCode: '+81' },
+    { code: 'KR', name: 'South Korea', dialCode: '+82' },
+    { code: 'IN', name: 'India', dialCode: '+91' },
+    { code: 'AU', name: 'Australia', dialCode: '+61' },
+    { code: 'NZ', name: 'New Zealand', dialCode: '+64' },
+    { code: 'SG', name: 'Singapore', dialCode: '+65' },
+    { code: 'HK', name: 'Hong Kong', dialCode: '+852' },
+    { code: 'TW', name: 'Taiwan', dialCode: '+886' },
+    { code: 'TH', name: 'Thailand', dialCode: '+66' },
+    { code: 'MY', name: 'Malaysia', dialCode: '+60' },
+    { code: 'ID', name: 'Indonesia', dialCode: '+62' },
+    { code: 'PH', name: 'Philippines', dialCode: '+63' },
+    { code: 'VN', name: 'Vietnam', dialCode: '+84' },
+    { code: 'BR', name: 'Brazil', dialCode: '+55' },
+    { code: 'MX', name: 'Mexico', dialCode: '+52' },
+    { code: 'AR', name: 'Argentina', dialCode: '+54' },
+    { code: 'CL', name: 'Chile', dialCode: '+56' },
+    { code: 'CO', name: 'Colombia', dialCode: '+57' },
+    { code: 'PE', name: 'Peru', dialCode: '+51' },
+    { code: 'ZA', name: 'South Africa', dialCode: '+27' },
+    { code: 'EG', name: 'Egypt', dialCode: '+20' },
+    { code: 'IL', name: 'Israel', dialCode: '+972' },
+    { code: 'AE', name: 'United Arab Emirates', dialCode: '+971' },
+    { code: 'SA', name: 'Saudi Arabia', dialCode: '+966' },
+    { code: 'TR', name: 'Turkey', dialCode: '+90' },
+    { code: 'RU', name: 'Russia', dialCode: '+7' },
+    { code: 'UA', name: 'Ukraine', dialCode: '+380' },
+];

package/dist/cjs/constants/us-states.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.US_STATES = void 0;
+exports.US_STATES = [
+    { value: 'AL', label: 'Alabama' },
+    { value: 'AK', label: 'Alaska' },
+    { value: 'AZ', label: 'Arizona' },
+    { value: 'AR', label: 'Arkansas' },
+    { value: 'CA', label: 'California' },
+    { value: 'CO', label: 'Colorado' },
+    { value: 'CT', label: 'Connecticut' },
+    { value: 'DE', label: 'Delaware' },
+    { value: 'DC', label: 'District of Columbia' },
+    { value: 'FL', label: 'Florida' },
+    { value: 'GA', label: 'Georgia' },
+    { value: 'HI', label: 'Hawaii' },
+    { value: 'ID', label: 'Idaho' },
+    { value: 'IL', label: 'Illinois' },
+    { value: 'IN', label: 'Indiana' },
+    { value: 'IA', label: 'Iowa' },
+    { value: 'KS', label: 'Kansas' },
+    { value: 'KY', label: 'Kentucky' },
+    { value: 'LA', label: 'Louisiana' },
+    { value: 'ME', label: 'Maine' },
+    { value: 'MD', label: 'Maryland' },
+    { value: 'MA', label: 'Massachusetts' },
+    { value: 'MI', label: 'Michigan' },
+    { value: 'MN', label: 'Minnesota' },
+    { value: 'MS', label: 'Mississippi' },
+    { value: 'MO', label: 'Missouri' },
+    { value: 'MT', label: 'Montana' },
+    { value: 'NE', label: 'Nebraska' },
+    { value: 'NV', label: 'Nevada' },
+    { value: 'NH', label: 'New Hampshire' },
+    { value: 'NJ', label: 'New Jersey' },
+    { value: 'NM', label: 'New Mexico' },
+    { value: 'NY', label: 'New York' },
+    { value: 'NC', label: 'North Carolina' },
+    { value: 'ND', label: 'North Dakota' },
+    { value: 'OH', label: 'Ohio' },
+    { value: 'OK', label: 'Oklahoma' },
+    { value: 'OR', label: 'Oregon' },
+    { value: 'PA', label: 'Pennsylvania' },
+    { value: 'RI', label: 'Rhode Island' },
+    { value: 'SC', label: 'South Carolina' },
+    { value: 'SD', label: 'South Dakota' },
+    { value: 'TN', label: 'Tennessee' },
+    { value: 'TX', label: 'Texas' },
+    { value: 'UT', label: 'Utah' },
+    { value: 'VT', label: 'Vermont' },
+    { value: 'VA', label: 'Virginia' },
+    { value: 'WA', label: 'Washington' },
+    { value: 'WV', label: 'West Virginia' },
+    { value: 'WI', label: 'Wisconsin' },
+    { value: 'WY', label: 'Wyoming' },
+];

package/dist/cjs/icons/colors.js

@@ -0,0 +1,67 @@
+"use strict";
+/**
+ * Freightos Design System Colors
+ *
+ * These color tokens can be used with the `color` prop on any icon component
+ * to get autocomplete support for design system colors.
+ *
+ * Names match the FDS token convention (e.g. `blue-30` = primary blue).
+ *
+ * @example
+ * <IconSearch color="blue-30" />
+ * <IconError color="red-30" />
+ * <IconWarning color="yellow-30" />
+ * <IconSuccess color="green-30" />
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FREIGHTOS_COLORS = void 0;
+/**
+ * Maps Freightos design system color names to their hex values.
+ * This can be used if you need the actual color values in your application.
+ */
+exports.FREIGHTOS_COLORS = {
+    // Blues
+    "blue-05": "#b0cee8",
+    "blue-10": "#e1f5f9",
+    "blue-20": "#ace8f0",
+    "blue-30": "#2075bd",
+    "blue-40": "#125c9b",
+    "blue-50": "#05387d",
+    // Reds
+    "red-10": "#ffede1",
+    "red-20": "#fbbea4",
+    "red-30": "#d8271e",
+    "red-40": "#9b0f1f",
+    "red-50": "#670521",
+    // Yellows
+    "yellow-10": "#fef6cc",
+    "yellow-20": "#fdea9a",
+    "yellow-30": "#edaf07",
+    "yellow-40": "#dc9500",
+    "yellow-50": "#9c6b02",
+    "yellow-60": "#714601",
+    // Greens
+    "green-10": "#eafdea",
+    "green-20": "#bdf6c2",
+    "green-30": "#47a96e",
+    "green-40": "#237957",
+    "green-50": "#0d5143",
+    // Grays
+    white: "#ffffff",
+    "gray-05": "#fbfbfb",
+    "gray-10": "#f6f6f6",
+    "gray-20": "#e5e6e6",
+    "gray-30": "#c6c7c7",
+    "gray-40": "#afb2b2",
+    "gray-50": "#999c9d",
+    "gray-60": "#8a8d8f",
+    "gray-70": "#6a6f73",
+    "gray-80": "#53575f",
+    "gray-90": "#3b3f4b",
+    "gray-100": "#232537",
+    // Purples
+    "purple-1": "#715397",
+    "purple-2": "#e7d8fc",
+    // Special
+    transparent: "transparent",
+};

package/dist/cjs/icons/icons/IconAddPerson.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconAddPerson = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const types_1 = require("../types");
+const colors_1 = require("../colors");
+exports.IconAddPerson = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return ((0, jsx_runtime_1.jsx)("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M19.2727 9.5455V6.8182H17.4545V9.5455H14.7273V11.3637H17.4545V14.091H19.2727V11.3637H22V9.5455H19.2727ZM9.27273 12.2728C11.2818 12.2728 12.9091 10.6455 12.9091 8.6364C12.9091 6.62729 11.2818 5 9.27273 5C7.26364 5 5.63636 6.62729 5.63636 8.6364C5.63636 10.6455 7.26364 12.2728 9.27273 12.2728ZM9.27273 6.8182C10.2727 6.8182 11.0909 7.63639 11.0909 8.6364C11.0909 9.63641 10.2727 10.4546 9.27273 10.4546C8.27273 10.4546 7.45455 9.63641 7.45455 8.6364C7.45455 7.63639 8.27273 6.8182 9.27273 6.8182ZM15.0818 14.6001C13.5545 13.8183 11.5727 13.1819 9.27273 13.1819C6.97273 13.1819 4.99091 13.8183 3.46364 14.6001C2.55455 15.0637 2 16.0001 2 17.0183V19.5456H16.5455V17.0183C16.5455 16.0001 15.9909 15.0637 15.0818 14.6001ZM14.7273 17.7274H3.81818V17.0183C3.81818 16.6728 4 16.3637 4.29091 16.2183C5.37273 15.6637 7.11818 15.0001 9.27273 15.0001C11.4273 15.0001 13.1727 15.6637 14.2545 16.2183C14.5455 16.3637 14.7273 16.6728 14.7273 17.0183V17.7274Z", fill: "currentColor" }) }));
+});
+exports.IconAddPerson.displayName = 'IconAddPerson';

package/dist/cjs/icons/icons/IconAddressBook.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconAddressBook = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const types_1 = require("../types");
+const colors_1 = require("../colors");
+exports.IconAddressBook = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return ((0, jsx_runtime_1.jsx)("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.6258 6.3756V19.3116C17.6281 19.4387 17.5786 19.5615 17.4882 19.6531C17.3977 19.7446 17.2737 19.7975 17.1434 19.8H5.71447C5.58412 19.7978 5.45998 19.7453 5.3693 19.6539C5.27862 19.5626 5.22881 19.4399 5.23078 19.3128V4.6872C5.22881 4.5601 5.27862 4.43742 5.3693 4.34608C5.45998 4.25475 5.58412 4.20221 5.71447 4.2H17.1434C17.2735 4.20252 17.3973 4.2552 17.4878 4.3465C17.5782 4.4378 17.6278 4.5603 17.6258 4.6872V6.3756ZM20 8.202C20.0003 8.31318 19.9554 8.41996 19.8751 8.49891C19.7948 8.57787 19.6857 8.62257 19.5717 8.6232H18.8578V10.8732H19.5717C19.6283 10.8735 19.6842 10.8847 19.7363 10.9061C19.7885 10.9275 19.8358 10.9587 19.8756 10.9979C19.9153 11.0371 19.9468 11.0836 19.9681 11.1347C19.9895 11.1858 20.0003 11.2404 20 11.2956V12.702C20.0003 12.7572 19.9895 12.8118 19.9681 12.8629C19.9468 12.914 19.9153 12.9605 19.8756 12.9997C19.8358 13.0389 19.7885 13.0701 19.7363 13.0915C19.6842 13.1129 19.6283 13.1241 19.5717 13.1244H18.8578V15.3732H19.5717C19.6283 15.3735 19.6842 15.3847 19.7363 15.4061C19.7885 15.4275 19.8358 15.4587 19.8756 15.4979C19.9153 15.5371 19.9468 15.5836 19.9681 15.6347C19.9895 15.6858 20.0003 15.7404 20 15.7956V17.202C20.0003 17.3132 19.9554 17.42 19.8751 17.4989C19.7948 17.5779 19.6857 17.6226 19.5717 17.6232H18.8578V19.3116C18.859 19.5323 18.8155 19.7511 18.7299 19.9554C18.6442 20.1598 18.5182 20.3456 18.3588 20.5024C18.1995 20.6592 18.01 20.7839 17.8013 20.8693C17.5925 20.9546 17.3685 20.9991 17.1422 21H5.71447C5.2577 20.9978 4.82052 20.8188 4.49903 20.5024C4.17754 20.1861 3.99805 19.7582 4.00002 19.3128V4.6872C3.99805 4.24184 4.17754 3.81395 4.49903 3.49757C4.82052 3.18119 5.2577 3.00222 5.71447 3H17.1434C17.5999 3.00254 18.0368 3.18165 18.358 3.49799C18.6793 3.81434 18.8586 4.24205 18.8566 4.6872V6.3756H19.5705C19.627 6.37576 19.683 6.38678 19.7352 6.40803C19.7874 6.42928 19.8348 6.46035 19.8747 6.49946C19.9146 6.53858 19.9462 6.58496 19.9677 6.63598C19.9892 6.687 20.0002 6.74164 20 6.7968V8.2032V8.202ZM12.5378 10.35C12.5378 9.7308 12.0197 9.2244 11.3846 9.2244C10.7495 9.2244 10.2302 9.7308 10.2302 10.35C10.2302 10.9692 10.7495 11.4756 11.3846 11.4756C12.0197 11.4756 12.5391 10.9692 12.5391 10.35H12.5378ZM14.8455 15.4128C14.7323 15.012 12.9428 14.2872 11.3846 14.2872C9.82647 14.2872 8.03816 15.0132 7.92247 15.4176V15.9744H14.8468V15.4128H14.8455ZM9.07693 10.35C9.07685 10.0546 9.13644 9.76209 9.25231 9.48915C9.36818 9.21621 9.53805 8.96819 9.75222 8.75926C9.9664 8.55033 10.2207 8.38457 10.5006 8.27145C10.7804 8.15834 11.0804 8.10008 11.3834 8.1C11.6864 8.09992 11.9864 8.15803 12.2663 8.271C12.5463 8.38397 12.8006 8.54959 13.0149 8.75841C13.2292 8.96723 13.3992 9.21516 13.5152 9.48804C13.6312 9.76092 13.691 10.0534 13.6911 10.3488C13.6912 10.9454 13.4483 11.5176 13.0158 11.9395C12.5832 12.3615 11.9965 12.5986 11.3846 12.5988C10.7727 12.599 10.1859 12.3621 9.75309 11.9404C9.32032 11.5187 9.07709 10.9466 9.07693 10.35ZM6.76924 15.4128C6.76924 13.9164 9.8437 13.1628 11.3846 13.1628C12.9255 13.1628 16 13.9164 16 15.4128V17.1H6.76924V15.4128Z", fill: "currentColor" }) }));
+});
+exports.IconAddressBook.displayName = 'IconAddressBook';

package/dist/cjs/icons/icons/IconAgreement.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconAgreement = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const types_1 = require("../types");
+const colors_1 = require("../colors");
+exports.IconAgreement = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return ((0, jsx_runtime_1.jsx)("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M5.5 22C4.66667 22 3.95833 21.7083 3.375 21.125C2.79167 20.5417 2.5 19.8333 2.5 19V16H5.5V2H20.5V19C20.5 19.8333 20.2083 20.5417 19.625 21.125C19.0417 21.7083 18.3333 22 17.5 22H5.5ZM17.5 20C17.7833 20 18.0208 19.9042 18.2125 19.7125C18.4042 19.5208 18.5 19.2833 18.5 19V4H7.5V16H16.5V19C16.5 19.2833 16.5958 19.5208 16.7875 19.7125C16.9792 19.9042 17.2167 20 17.5 20ZM8.5 9V7H17.5V9H8.5ZM8.5 12V10H17.5V12H8.5ZM5.5 20H14.5V18H4.5V19C4.5 19.2833 4.59583 19.5208 4.7875 19.7125C4.97917 19.9042 5.21667 20 5.5 20ZM5.5 20H4.5H14.5H5.5Z", fill: "currentColor" }) }));
+});
+exports.IconAgreement.displayName = 'IconAgreement';

package/dist/cjs/icons/icons/IconAircraftOnGround.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconAircraftOnGround = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const types_1 = require("../types");
+const colors_1 = require("../colors");
+exports.IconAircraftOnGround = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return ((0, jsx_runtime_1.jsx)("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.0934 13.87L10.5914 13.8754L5.09226 13.8684L3.43549 13.8672L2.09739 8.87335L3.59892 8.87477L5.0977 10.875L10.2426 10.8734L8.09955 2.87551L10.0932 2.85895L15.0963 10.8669L20.5929 10.8642C21.4226 10.8697 22.0914 11.5497 22.093 12.3672C22.0875 13.1968 21.4171 13.8631 20.59 13.8673L15.0934 13.87ZM15 17C15.5523 17 16 16.5523 16 16C16 15.4477 15.5523 15 15 15C14.4477 15 14 15.4477 14 16C14 16.5523 14.4477 17 15 17ZM12 16C12 16.5523 11.5523 17 11 17C10.4477 17 10 16.5523 10 16C10 15.4477 10.4477 15 11 15C11.5523 15 12 15.4477 12 16ZM1 18V20H23V18H1Z", fill: "currentColor" }) }));
+});
+exports.IconAircraftOnGround.displayName = 'IconAircraftOnGround';

package/dist/cjs/icons/icons/IconAirplaneLanding.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconAirplaneLanding = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const types_1 = require("../types");
+const colors_1 = require("../colors");
+exports.IconAirplaneLanding = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return ((0, jsx_runtime_1.jsx)("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M2 19.8947H22V22H2V19.8947ZM9.5579 13.8632L14.1368 15.0842L19.7263 16.5789C20.5684 16.8 21.4316 16.3053 21.6632 15.4632C21.8842 14.6316 21.3895 13.7579 20.5474 13.5263L14.9579 12.0316L12.0526 2.52632L10.0211 2V10.7158L4.78947 9.31579L3.81053 6.87368L2.28421 6.46316V11.9053L3.96842 12.3579L9.5579 13.8632Z", fill: "currentColor" }) }));
+});
+exports.IconAirplaneLanding.displayName = 'IconAirplaneLanding';

package/dist/cjs/icons/icons/IconAirplaneTakeoff.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconAirplaneTakeoff = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const types_1 = require("../types");
+const colors_1 = require("../colors");
+exports.IconAirplaneTakeoff = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return ((0, jsx_runtime_1.jsx)("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M2.65089 19.7051H21.3886V22H2.65089V19.7051ZM21.9507 8.965C21.7436 8.04705 20.9251 7.49627 20.1361 7.74871L14.8994 9.37808L8.09468 2L6.19133 2.5852L10.2742 10.8124L5.37279 12.3385L3.42998 10.5714L2 11.0189L4.55424 16.171C4.55424 16.171 11.576 13.9908 20.8955 11.0878C21.6943 10.8239 22.1578 9.88296 21.9507 8.965Z", fill: "currentColor" }) }));
+});
+exports.IconAirplaneTakeoff.displayName = 'IconAirplaneTakeoff';

package/dist/cjs/icons/icons/IconAirport.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconAirport = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const types_1 = require("../types");
+const colors_1 = require("../colors");
+exports.IconAirport = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return ((0, jsx_runtime_1.jsx)("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M19.9999 19.8438H21.9999V22H1.99988V19.8438H14.9999V12.2949H19.9999V19.8438ZM17.9999 7.98145H19.9999L20.9999 9.05957L19.9999 11.2168H14.9999L13.9999 9.05957L14.9999 7.98145H16.9999V5.8252H17.9999V7.98145ZM9.37781 6.74707L12.3719 5.69824C12.8232 5.53583 13.2916 5.89087 13.41 6.48145C13.5283 7.07191 13.2633 7.67692 12.8065 7.84668C7.48831 9.71023 3.47855 11.111 3.46082 11.1172L1.99988 7.80273L2.81726 7.51465L3.92859 8.65137L6.7323 7.66992L4.39734 2.37695L5.48523 2L9.37781 6.74707Z", fill: "currentColor" }) }));
+});
+exports.IconAirport.displayName = 'IconAirport';

package/dist/cjs/icons/icons/IconAirportArrival.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconAirportArrival = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const types_1 = require("../types");
+const colors_1 = require("../colors");
+exports.IconAirportArrival = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return ((0, jsx_runtime_1.jsx)("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.3229 9.28078C21.7983 9.41243 22.0265 9.96728 21.8302 10.5084C21.634 11.0495 21.0962 11.38 20.6122 11.251C15.0223 9.65524 10.813 8.44926 10.813 8.44926L11.2209 4.95088L12.0793 5.19467L12.4708 6.74823L15.4104 7.58784L16.0598 2L17.1989 2.32987L18.1826 8.38314L21.3229 9.28078ZM4 11.7143L3 9.65714L4 8.62856H6V6.57141H7V8.62856H9L10 9.65714L9 11.7143H4ZM2 22V19.9429H4V12.7429H9V19.9429H22V22H2Z", fill: "currentColor" }) }));
+});
+exports.IconAirportArrival.displayName = 'IconAirportArrival';

package/dist/cjs/icons/icons/IconAlarm.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconAlarm = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const types_1 = require("../types");
+const colors_1 = require("../colors");
+exports.IconAlarm = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return ((0, jsx_runtime_1.jsx)("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.5053 8.1367H10.997V14.0802L15.7707 16.9034L16.5249 15.685L12.5053 13.3373V8.1367ZM17.3695 2L22 5.81129L20.7104 7.33432L16.0799 3.52303L17.3695 2ZM6.63047 2L7.92006 3.52303L3.28959 7.33432L2 5.84844L6.63047 2ZM12 4.16939C10.2101 4.16939 8.46044 4.69226 6.97222 5.67189C5.48399 6.65152 4.32406 8.0439 3.6391 9.67295C2.95414 11.302 2.77493 13.0946 3.12411 14.824C3.4733 16.5534 4.33521 18.1419 5.60084 19.3888C6.86648 20.6356 8.47899 21.4847 10.2345 21.8287C11.99 22.1727 13.8096 21.9961 15.4632 21.3214C17.1168 20.6466 18.5302 19.5039 19.5246 18.0378C20.519 16.5717 21.0498 14.848 21.0498 13.0847C21.0498 10.7202 20.0963 8.45257 18.3992 6.78062C16.702 5.10868 14.4001 4.16939 12 4.16939ZM12 20.0238C10.6066 20.0252 9.24398 19.6195 8.08466 18.8579C6.92533 18.0964 6.02134 17.0131 5.48706 15.7453C4.95278 14.4775 4.81221 13.082 5.08314 11.7355C5.35408 10.389 6.02433 9.15185 7.00911 8.18066C7.9939 7.20947 9.24896 6.54785 10.6155 6.2795C11.9821 6.01115 13.3987 6.14813 14.6862 6.67311C15.9738 7.1981 17.0743 8.08749 17.8486 9.22878C18.6229 10.3701 19.0362 11.712 19.0362 13.0847C19.0362 14.9238 18.2951 16.6876 16.9758 17.9887C15.6565 19.2899 13.8668 20.0218 12 20.0238Z", fill: "currentColor" }) }));
+});
+exports.IconAlarm.displayName = 'IconAlarm';