@freightos/freightwind 1.0.0 → 1.1.0

package/dist/esm/components/table.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { cn } from '../lib/utils';
-const Table = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { className: "relative w-full overflow-auto", children: _jsx("table", { ref: ref, className: cn('w-full caption-bottom text-sm', className), ...props }) })));
-Table.displayName = 'Table';
-const TableHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("thead", { ref: ref, className: cn('[&_tr]:border-b [&_tr]:border-fds-gray-20', className), ...props })));
-TableHeader.displayName = 'TableHeader';
-const TableBody = React.forwardRef(({ className, ...props }, ref) => (_jsx("tbody", { ref: ref, className: cn('[&_tr:last-child]:border-0', className), ...props })));
-TableBody.displayName = 'TableBody';
-const TableFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("tfoot", { ref: ref, className: cn('border-t bg-muted/50 font-medium [&>tr]:last:border-b-0', className), ...props })));
-TableFooter.displayName = 'TableFooter';
-const TableRow = React.forwardRef(({ className, ...props }, ref) => (_jsx("tr", { ref: ref, className: cn('border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted', className), ...props })));
-TableRow.displayName = 'TableRow';
-const TableHead = React.forwardRef(({ className, ...props }, ref) => (_jsx("th", { ref: ref, className: cn('px-fds-md text-left align-middle font-fds-semibold text-foreground [&:has([role=checkbox])]:pr-0', className), ...props })));
-TableHead.displayName = 'TableHead';
-const TableCell = React.forwardRef(({ className, ...props }, ref) => (_jsx("td", { ref: ref, className: cn('px-4 align-middle [&:has([role=checkbox])]:pr-0', className), ...props })));
-TableCell.displayName = 'TableCell';
-const TableCaption = React.forwardRef(({ className, ...props }, ref) => (_jsx("caption", { ref: ref, className: cn('mt-4 text-sm text-muted-foreground', className), ...props })));
-TableCaption.displayName = 'TableCaption';
-const TableEmpty = React.forwardRef(({ className, colSpan, message = 'No data', ...props }, ref) => (_jsx("tr", { ref: ref, className: className, ...props, children: _jsx("td", { colSpan: colSpan, className: "text-center", children: _jsxs("div", { className: "flex flex-col items-center justify-center py-fds-xxl", children: [_jsx("svg", { width: "64", height: "41", viewBox: "0 0 64 41", xmlns: "http://www.w3.org/2000/svg", children: _jsxs("g", { transform: "translate(0 1)", fill: "none", fillRule: "evenodd", children: [_jsx("ellipse", { className: "fill-fds-gray-10 dark:fill-fds-gray-80", cx: "32", cy: "33", rx: "32", ry: "7" }), _jsxs("g", { fillRule: "nonzero", className: "stroke-fds-gray-30 dark:stroke-fds-gray-60", children: [_jsx("path", { d: "M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z" }), _jsx("path", { d: "M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z", className: "fill-fds-gray-5 dark:fill-fds-gray-90" })] })] }) }), _jsx("span", { className: "mt-fds-sm text-fds-sm text-fds-gray-50", children: message })] }) }) })));
-TableEmpty.displayName = 'TableEmpty';
-export { Table, TableBody, TableCaption, TableCell, TableEmpty, TableFooter, TableHead, TableHeader, TableRow, };

package/dist/esm/components/tabs.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-import { cn } from '../lib/utils';
-const Tabs = TabsPrimitive.Root;
-const TabsList = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.List, { ref: ref, className: cn('inline-flex h-auto w-full items-center justify-start overflow-x-auto border-b border-fds-gray-20 dark:border-fds-gray-80', className), ...props })));
-TabsList.displayName = TabsPrimitive.List.displayName;
-const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Trigger, { ref: ref, className: cn('inline-flex items-center justify-center whitespace-nowrap border-b-2 border-transparent px-fds-lg py-fds-xs text-[16px] text-foreground transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50', 'hover:text-fds-gray-80 dark:hover:text-fds-gray-20', 'data-[state=active]:border-fds-blue data-[state=active]:text-fds-blue', 'dark:data-[state=active]:border-fds-blue-20 dark:data-[state=active]:text-fds-blue-20', className), ...props })));
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-const TabsContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Content, { ref: ref, className: cn('mt-fds-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fds-blue focus-visible:ring-offset-2', className), ...props })));
-TabsContent.displayName = TabsPrimitive.Content.displayName;
-export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/esm/components/textarea.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../lib/utils";
-const Textarea = React.forwardRef(({ className, ...props }, ref) => {
-    return (_jsx("textarea", { className: cn("flex min-h-[80px] w-full rounded-md border border-input-border bg-input px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className), ref: ref, ...props }));
-});
-Textarea.displayName = "Textarea";
-export { Textarea };

package/dist/esm/components/time-picker.js

@@ -1,74 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { IconClearCircledSolid, IconClock } from '@freightos/icons';
-import { cn } from '../lib/utils';
-import { Button } from './button';
-import { Popover, PopoverContent, PopoverTrigger, } from './popover';
-import { ScrollArea, ScrollBar, } from './scroll-area';
-export function TimePicker({ value, onChange, placeholder = 'Select time', disabled = false, className, use24Hour = true, }) {
-    const [open, setOpen] = React.useState(false);
-    const [isHovered, setIsHovered] = React.useState(false);
-    const hours = use24Hour
-        ? Array.from({ length: 24 }, (_, i) => i)
-        : Array.from({ length: 12 }, (_, i) => i + 1);
-    // Parse value to get hour and minute
-    const parsedHour = value ? parseInt(value.split(':')[0], 10) : undefined;
-    const parsedMinute = value ? parseInt(value.split(':')[1], 10) : undefined;
-    const handleTimeChange = (type, val) => {
-        const currentHour = parsedHour ?? 0;
-        const currentMinute = parsedMinute ?? 0;
-        let newHour = currentHour;
-        let newMinute = currentMinute;
-        if (type === 'hour') {
-            if (use24Hour) {
-                newHour = parseInt(val);
-            }
-            else {
-                const isPM = currentHour >= 12;
-                newHour = (parseInt(val) % 12) + (isPM ? 12 : 0);
-            }
-        }
-        else if (type === 'minute') {
-            newMinute = parseInt(val);
-        }
-        else if (type === 'ampm') {
-            if (val === 'PM' && currentHour < 12) {
-                newHour = currentHour + 12;
-            }
-            else if (val === 'AM' && currentHour >= 12) {
-                newHour = currentHour - 12;
-            }
-        }
-        const timeString = `${newHour.toString().padStart(2, '0')}:${newMinute.toString().padStart(2, '0')}`;
-        onChange?.(timeString);
-    };
-    const handleClear = (e) => {
-        e.stopPropagation();
-        onChange?.(undefined);
-    };
-    const formatDisplayTime = (timeValue) => {
-        if (!timeValue)
-            return undefined;
-        const [h, m] = timeValue.split(':').map(Number);
-        if (use24Hour) {
-            return `${h.toString().padStart(2, '0')}:${m.toString().padStart(2, '0')}`;
-        }
-        const hour12 = h % 12 || 12;
-        const ampm = h >= 12 ? 'PM' : 'AM';
-        return `${hour12}:${m.toString().padStart(2, '0')} ${ampm}`;
-    };
-    const showClearIcon = isHovered && value;
-    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", disabled: disabled, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), className: cn('flex h-[32px] w-full items-center justify-between gap-2 rounded-fds-md border border-input-border bg-input py-2 pl-3 pr-2 text-sm transition-[color,box-shadow]', 'focus:outline-none focus:border-[#2075bd] focus:shadow-[0_0_0_2px_var(--fds-color-primary-blue-20)]', 'disabled:cursor-not-allowed disabled:opacity-50', open && 'border-[#2075bd] shadow-[0_0_0_2px_var(--fds-color-primary-blue-20)]', !value && 'text-muted-foreground', className), children: [_jsx("span", { className: "truncate", children: value ? formatDisplayTime(value) : placeholder }), showClearIcon ? (_jsx(IconClearCircledSolid, { size: 16, className: "shrink-0 cursor-pointer text-muted-foreground hover:text-foreground", onClick: handleClear })) : (_jsx(IconClock, { size: 16, className: "shrink-0 text-muted-foreground" }))] }) }), _jsx(PopoverContent, { className: "w-auto p-0", children: _jsxs("div", { className: "flex divide-x sm:h-[300px]", children: [_jsxs(ScrollArea, { className: "w-auto", children: [_jsx("div", { className: "flex flex-col p-2", children: hours.map((hour) => (_jsx(Button, { size: "small", htmlType: "button", type: parsedHour !== undefined &&
-                                            (use24Hour
-                                                ? parsedHour === hour
-                                                : parsedHour % 12 === hour % 12)
-                                            ? 'default'
-                                            : 'text', className: "aspect-square shrink-0 sm:w-full", onClick: () => handleTimeChange('hour', hour.toString()), children: use24Hour ? hour.toString().padStart(2, '0') : hour }, hour))) }), _jsx(ScrollBar, { orientation: "horizontal", className: "sm:hidden" })] }), _jsxs(ScrollArea, { className: "w-auto", children: [_jsx("div", { className: "flex flex-col p-2", children: Array.from({ length: 12 }, (_, i) => i * 5).map((minute) => (_jsx(Button, { size: "small", htmlType: "button", type: parsedMinute !== undefined && parsedMinute === minute
-                                            ? 'default'
-                                            : 'text', className: "aspect-square shrink-0 sm:w-full", onClick: () => handleTimeChange('minute', minute.toString()), children: minute.toString().padStart(2, '0') }, minute))) }), _jsx(ScrollBar, { orientation: "horizontal", className: "sm:hidden" })] }), !use24Hour && (_jsx(ScrollArea, { className: "", children: _jsx("div", { className: "flex flex-col p-2", children: ['AM', 'PM'].map((ampm) => (_jsx(Button, { size: "small", htmlType: "button", type: parsedHour !== undefined &&
-                                        ((ampm === 'AM' && parsedHour < 12) ||
-                                            (ampm === 'PM' && parsedHour >= 12))
-                                        ? 'default'
-                                        : 'text', className: "aspect-square shrink-0 sm:w-full", onClick: () => handleTimeChange('ampm', ampm), children: ampm }, ampm))) }) }))] }) })] }));
-}

package/dist/esm/components/toast.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import * as ToastPrimitives from "@radix-ui/react-toast";
-import { cva } from "class-variance-authority";
-import { X } from "lucide-react";
-import { cn } from "../lib/utils";
-const ToastProvider = ToastPrimitives.Provider;
-const ToastViewport = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Viewport, { ref: ref, className: cn("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]", className), ...props })));
-ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-const toastVariants = cva("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full", {
-    variants: {
-        variant: {
-            default: "border bg-background text-foreground",
-            destructive: "destructive group border-destructive bg-destructive text-destructive-foreground",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-    },
-});
-const Toast = React.forwardRef(({ className, variant, ...props }, ref) => {
-    return (_jsx(ToastPrimitives.Root, { ref: ref, className: cn(toastVariants({ variant }), className), ...props }));
-});
-Toast.displayName = ToastPrimitives.Root.displayName;
-const ToastAction = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Action, { ref: ref, className: cn("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive", className), ...props })));
-ToastAction.displayName = ToastPrimitives.Action.displayName;
-const ToastClose = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Close, { ref: ref, className: cn("absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600", className), "toast-close": "", ...props, children: _jsx(X, { className: "h-4 w-4" }) })));
-ToastClose.displayName = ToastPrimitives.Close.displayName;
-const ToastTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Title, { ref: ref, className: cn("text-sm font-semibold", className), ...props })));
-ToastTitle.displayName = ToastPrimitives.Title.displayName;
-const ToastDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Description, { ref: ref, className: cn("text-sm opacity-90", className), ...props })));
-ToastDescription.displayName = ToastPrimitives.Description.displayName;
-export { ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };

package/dist/esm/components/toaster.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useToast } from "../hooks/use-toast";
-import { Toast, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, } from "./toast";
-export function Toaster() {
-    const { toasts } = useToast();
-    return (_jsxs(ToastProvider, { children: [toasts.map(function ({ id, title, description, action, ...props }) {
-                return (_jsxs(Toast, { ...props, children: [_jsxs("div", { className: "grid gap-1", children: [title && _jsx(ToastTitle, { children: title }), description && (_jsx(ToastDescription, { children: description }))] }), action, _jsx(ToastClose, {})] }, id));
-            }), _jsx(ToastViewport, {})] }));
-}

package/dist/esm/components/toggle-group.js

@@ -1,21 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-import { cn } from "../lib/utils";
-import { toggleVariants } from "./toggle";
-const ToggleGroupContext = React.createContext({
-    size: "default",
-    variant: "default",
-});
-const ToggleGroup = React.forwardRef(({ className, variant, size, children, ...props }, ref) => (_jsx(ToggleGroupPrimitive.Root, { ref: ref, className: cn("flex items-center justify-center gap-1", className), ...props, children: _jsx(ToggleGroupContext.Provider, { value: { variant, size }, children: children }) })));
-ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-const ToggleGroupItem = React.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-    const context = React.useContext(ToggleGroupContext);
-    return (_jsx(ToggleGroupPrimitive.Item, { ref: ref, className: cn(toggleVariants({
-            variant: context.variant || variant,
-            size: context.size || size,
-        }), className), ...props, children: children }));
-});
-ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
-export { ToggleGroup, ToggleGroupItem };

package/dist/esm/components/toggle.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import * as TogglePrimitive from "@radix-ui/react-toggle";
-import { cva } from "class-variance-authority";
-import { cn } from "../lib/utils";
-const toggleVariants = cva("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2", {
-    variants: {
-        variant: {
-            default: "bg-transparent",
-            outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground",
-        },
-        size: {
-            default: "h-10 px-3 min-w-10",
-            sm: "h-9 px-2.5 min-w-9",
-            lg: "h-11 px-5 min-w-11",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-        size: "default",
-    },
-});
-const Toggle = React.forwardRef(({ className, variant, size, ...props }, ref) => (_jsx(TogglePrimitive.Root, { ref: ref, className: cn(toggleVariants({ variant, size, className })), ...props })));
-Toggle.displayName = TogglePrimitive.Root.displayName;
-export { Toggle, toggleVariants };

package/dist/esm/hooks/use-toast.js

@@ -1,128 +0,0 @@
-"use client";
-// Inspired by react-hot-toast library
-import * as React from "react";
-const TOAST_LIMIT = 1;
-const TOAST_REMOVE_DELAY = 1000000;
-const actionTypes = {
-    ADD_TOAST: "ADD_TOAST",
-    UPDATE_TOAST: "UPDATE_TOAST",
-    DISMISS_TOAST: "DISMISS_TOAST",
-    REMOVE_TOAST: "REMOVE_TOAST",
-};
-let count = 0;
-function genId() {
-    count = (count + 1) % Number.MAX_SAFE_INTEGER;
-    return count.toString();
-}
-const toastTimeouts = new Map();
-const addToRemoveQueue = (toastId) => {
-    if (toastTimeouts.has(toastId)) {
-        return;
-    }
-    const timeout = setTimeout(() => {
-        toastTimeouts.delete(toastId);
-        dispatch({
-            type: "REMOVE_TOAST",
-            toastId: toastId,
-        });
-    }, TOAST_REMOVE_DELAY);
-    toastTimeouts.set(toastId, timeout);
-};
-export const reducer = (state, action) => {
-    switch (action.type) {
-        case "ADD_TOAST":
-            return {
-                ...state,
-                toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
-            };
-        case "UPDATE_TOAST":
-            return {
-                ...state,
-                toasts: state.toasts.map((t) => t.id === action.toast.id ? { ...t, ...action.toast } : t),
-            };
-        case "DISMISS_TOAST": {
-            const { toastId } = action;
-            // ! Side effects ! - This could be extracted into a dismissToast() action,
-            // but I'll keep it here for simplicity
-            if (toastId) {
-                addToRemoveQueue(toastId);
-            }
-            else {
-                state.toasts.forEach((toast) => {
-                    addToRemoveQueue(toast.id);
-                });
-            }
-            return {
-                ...state,
-                toasts: state.toasts.map((t) => t.id === toastId || toastId === undefined
-                    ? {
-                        ...t,
-                        open: false,
-                    }
-                    : t),
-            };
-        }
-        case "REMOVE_TOAST":
-            if (action.toastId === undefined) {
-                return {
-                    ...state,
-                    toasts: [],
-                };
-            }
-            return {
-                ...state,
-                toasts: state.toasts.filter((t) => t.id !== action.toastId),
-            };
-    }
-};
-const listeners = [];
-let memoryState = { toasts: [] };
-function dispatch(action) {
-    memoryState = reducer(memoryState, action);
-    listeners.forEach((listener) => {
-        listener(memoryState);
-    });
-}
-function toast({ ...props }) {
-    const id = genId();
-    const update = (props) => dispatch({
-        type: "UPDATE_TOAST",
-        toast: { ...props, id },
-    });
-    const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
-    dispatch({
-        type: "ADD_TOAST",
-        toast: {
-            ...props,
-            id,
-            open: true,
-            onOpenChange: (open) => {
-                if (!open)
-                    dismiss();
-            },
-        },
-    });
-    return {
-        id: id,
-        dismiss,
-        update,
-    };
-}
-function useToast() {
-    const [state, setState] = React.useState(memoryState);
-    React.useEffect(() => {
-        listeners.push(setState);
-        return () => {
-            const index = listeners.indexOf(setState);
-            if (index > -1) {
-                listeners.splice(index, 1);
-            }
-        };
-    }, [state]);
-    return {
-        ...state,
-        toast,
-        dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId }),
-    };
-}
-export { useToast, toast };

package/dist/esm/lib/countryUtils.js

@@ -1,87 +0,0 @@
-/**
- * Get flag image URL for country code (ISO 3166-1 alpha-2)
- * Uses Freightos festatic CDN for flag images
- * @param countryCode Two-letter country code (e.g., 'US', 'GB', 'FR')
- * @returns Flag image URL or empty string if invalid
- */
-export const getCountryFlag = (countryCode) => {
-    if (!countryCode || countryCode.length !== 2)
-        return '';
-    const lowerCode = countryCode.toLowerCase();
-    // Use Freightos festatic CDN for flag images
-    return `https://festatic.freightos.com/flags/1x1/${lowerCode}.svg`;
-};
-/**
- * Get flag emoji for country code (ISO 3166-1 alpha-2)
- * Uses Unicode regional indicator symbols to display flag emojis
- */
-export const getCountryFlagEmoji = (countryCode) => {
-    if (!countryCode || countryCode.length !== 2)
-        return '';
-    const upperCode = countryCode.toUpperCase();
-    // Convert country code to regional indicator symbols (flag emoji)
-    const codePoints = [...upperCode].map(char => 0x1F1E6 + char.charCodeAt(0) - 65);
-    return String.fromCodePoint(...codePoints);
-};
-/**
- * Common country names mapping (ISO 3166-1 alpha-2 codes)
- */
-const COUNTRY_NAMES = {
-    US: 'United States',
-    GB: 'United Kingdom',
-    CA: 'Canada',
-    FR: 'France',
-    DE: 'Germany',
-    IT: 'Italy',
-    ES: 'Spain',
-    NL: 'Netherlands',
-    BE: 'Belgium',
-    CH: 'Switzerland',
-    AT: 'Austria',
-    SE: 'Sweden',
-    NO: 'Norway',
-    DK: 'Denmark',
-    FI: 'Finland',
-    PL: 'Poland',
-    CZ: 'Czech Republic',
-    IE: 'Ireland',
-    PT: 'Portugal',
-    GR: 'Greece',
-    CN: 'China',
-    JP: 'Japan',
-    KR: 'South Korea',
-    IN: 'India',
-    AU: 'Australia',
-    NZ: 'New Zealand',
-    SG: 'Singapore',
-    HK: 'Hong Kong',
-    TW: 'Taiwan',
-    TH: 'Thailand',
-    MY: 'Malaysia',
-    ID: 'Indonesia',
-    PH: 'Philippines',
-    VN: 'Vietnam',
-    BR: 'Brazil',
-    MX: 'Mexico',
-    AR: 'Argentina',
-    CL: 'Chile',
-    CO: 'Colombia',
-    PE: 'Peru',
-    ZA: 'South Africa',
-    EG: 'Egypt',
-    IL: 'Israel',
-    AE: 'United Arab Emirates',
-    SA: 'Saudi Arabia',
-    TR: 'Turkey',
-    RU: 'Russia',
-    UA: 'Ukraine',
-};
-/**
- * Get country information including flag, code, and name
- */
-export const getCountryInfo = (countryCode) => {
-    const upperCode = countryCode?.toUpperCase() || '';
-    const flag = getCountryFlag(upperCode);
-    const name = COUNTRY_NAMES[upperCode] || upperCode;
-    return { flag, code: upperCode, name };
-};

package/dist/styles.css

@@ -1,152 +0,0 @@
-/* FreightWind Design System - FDS Tokens */
-/* Auto-generated - do not edit manually */
-
-:root {
-  /* Primary Blue */
-  --fds-blue: #0066FF;
-  --fds-blue-10: #E5F0FF;
-  --fds-blue-20: #CCE0FF;
-  --fds-blue-40: #4D94FF;
-  --fds-blue-50: #0052CC;
-
-  /* Semantic Colors */
-  --fds-red: #DC2626;
-  --fds-red-10: #FEE2E2;
-  --fds-green: #16A34A;
-  --fds-green-10: #DCFCE7;
-  --fds-orange: #EA580C;
-  --fds-orange-10: #FFEDD5;
-  --fds-yellow: #CA8A04;
-  --fds-yellow-10: #FEF9C3;
-  --fds-purple: #9333EA;
-  --fds-purple-10: #F3E8FF;
-
-  /* Gray Scale */
-  --fds-gray-10: #F8FAFC;
-  --fds-gray-20: #F1F5F9;
-  --fds-gray-30: #E2E8F0;
-  --fds-gray-40: #CBD5E1;
-  --fds-gray-50: #94A3B8;
-  --fds-gray-60: #64748B;
-  --fds-gray-70: #475569;
-  --fds-gray-80: #334155;
-  --fds-gray-90: #1E293B;
-
-  /* Spacing */
-  --fds-spacing-xs: 4px;
-  --fds-spacing-sm: 8px;
-  --fds-spacing-md: 12px;
-  --fds-spacing-lg: 16px;
-  --fds-spacing-xl: 24px;
-  --fds-spacing-xxl: 32px;
-  --fds-spacing-xxxl: 64px;
-
-  /* Typography Sizes */
-  --fds-text-xs: 10px;
-  --fds-text-sm: 12px;
-  --fds-text-base: 14px;
-  --fds-text-h6: 16px;
-  --fds-text-h5: 18px;
-  --fds-text-h4: 20px;
-  --fds-text-h3: 24px;
-  --fds-text-h2: 32px;
-  --fds-text-h1: 40px;
-
-  /* Font Weights */
-  --fds-font-regular: 400;
-  --fds-font-medium: 500;
-  --fds-font-semibold: 600;
-  --fds-font-bold: 700;
-
-  /* Border Radius */
-  --fds-radius-sm: 2px;
-  --fds-radius-md: 4px;
-  --fds-radius-lg: 8px;
-
-  /* Shadows */
-  --fds-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-  --fds-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-  --fds-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-}
-
-/* Tailwind-compatible utility classes */
-.bg-fds-blue { background-color: var(--fds-blue); }
-.bg-fds-blue-10 { background-color: var(--fds-blue-10); }
-.bg-fds-blue-20 { background-color: var(--fds-blue-20); }
-.bg-fds-blue-40 { background-color: var(--fds-blue-40); }
-.bg-fds-blue-50 { background-color: var(--fds-blue-50); }
-
-.bg-fds-red { background-color: var(--fds-red); }
-.bg-fds-red-10 { background-color: var(--fds-red-10); }
-.bg-fds-green { background-color: var(--fds-green); }
-.bg-fds-green-10 { background-color: var(--fds-green-10); }
-.bg-fds-orange { background-color: var(--fds-orange); }
-.bg-fds-orange-10 { background-color: var(--fds-orange-10); }
-.bg-fds-purple { background-color: var(--fds-purple); }
-.bg-fds-purple-10 { background-color: var(--fds-purple-10); }
-
-.bg-fds-gray-10 { background-color: var(--fds-gray-10); }
-.bg-fds-gray-20 { background-color: var(--fds-gray-20); }
-.bg-fds-gray-30 { background-color: var(--fds-gray-30); }
-.bg-fds-gray-40 { background-color: var(--fds-gray-40); }
-.bg-fds-gray-50 { background-color: var(--fds-gray-50); }
-.bg-fds-gray-60 { background-color: var(--fds-gray-60); }
-.bg-fds-gray-70 { background-color: var(--fds-gray-70); }
-.bg-fds-gray-80 { background-color: var(--fds-gray-80); }
-.bg-fds-gray-90 { background-color: var(--fds-gray-90); }
-
-.text-fds-blue { color: var(--fds-blue); }
-.text-fds-red { color: var(--fds-red); }
-.text-fds-green { color: var(--fds-green); }
-.text-fds-orange { color: var(--fds-orange); }
-.text-fds-purple { color: var(--fds-purple); }
-
-.text-fds-gray-50 { color: var(--fds-gray-50); }
-.text-fds-gray-60 { color: var(--fds-gray-60); }
-.text-fds-gray-70 { color: var(--fds-gray-70); }
-
-.border-fds-blue { border-color: var(--fds-blue); }
-.border-fds-gray-20 { border-color: var(--fds-gray-20); }
-.border-fds-gray-30 { border-color: var(--fds-gray-30); }
-
-.p-fds-xs { padding: var(--fds-spacing-xs); }
-.p-fds-sm { padding: var(--fds-spacing-sm); }
-.p-fds-md { padding: var(--fds-spacing-md); }
-.p-fds-lg { padding: var(--fds-spacing-lg); }
-.p-fds-xl { padding: var(--fds-spacing-xl); }
-.p-fds-xxl { padding: var(--fds-spacing-xxl); }
-
-.m-fds-xs { margin: var(--fds-spacing-xs); }
-.m-fds-sm { margin: var(--fds-spacing-sm); }
-.m-fds-md { margin: var(--fds-spacing-md); }
-.m-fds-lg { margin: var(--fds-spacing-lg); }
-.m-fds-xl { margin: var(--fds-spacing-xl); }
-
-.gap-fds-xs { gap: var(--fds-spacing-xs); }
-.gap-fds-sm { gap: var(--fds-spacing-sm); }
-.gap-fds-md { gap: var(--fds-spacing-md); }
-.gap-fds-lg { gap: var(--fds-spacing-lg); }
-.gap-fds-xl { gap: var(--fds-spacing-xl); }
-
-.text-fds-xs { font-size: var(--fds-text-xs); }
-.text-fds-sm { font-size: var(--fds-text-sm); }
-.text-fds-base { font-size: var(--fds-text-base); }
-.text-fds-h6 { font-size: var(--fds-text-h6); }
-.text-fds-h5 { font-size: var(--fds-text-h5); }
-.text-fds-h4 { font-size: var(--fds-text-h4); }
-.text-fds-h3 { font-size: var(--fds-text-h3); }
-.text-fds-h2 { font-size: var(--fds-text-h2); }
-.text-fds-h1 { font-size: var(--fds-text-h1); }
-
-.font-fds-regular { font-weight: var(--fds-font-regular); }
-.font-fds-medium { font-weight: var(--fds-font-medium); }
-.font-fds-semibold { font-weight: var(--fds-font-semibold); }
-.font-fds-bold { font-weight: var(--fds-font-bold); }
-
-.rounded-fds-sm { border-radius: var(--fds-radius-sm); }
-.rounded-fds-md { border-radius: var(--fds-radius-md); }
-.rounded-fds-lg { border-radius: var(--fds-radius-lg); }
-
-.shadow-fds-sm { box-shadow: var(--fds-shadow-sm); }
-.shadow-fds-md { box-shadow: var(--fds-shadow-md); }
-.shadow-fds-lg { box-shadow: var(--fds-shadow-lg); }

package/dist/types/components/accordion.d.ts

@@ -1,11 +0,0 @@
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import * as React from 'react';
-declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
-declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-interface AccordionTriggerProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {
-    caretPosition?: 'start' | 'end';
-    bottom?: React.ReactNode;
-}
-declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/types/components/aspect-ratio.d.ts

@@ -1,3 +0,0 @@
-import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
-declare const AspectRatio: import("react").ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & import("react").RefAttributes<HTMLDivElement>>;
-export { AspectRatio };

package/dist/types/components/breadcrumb.d.ts

@@ -1,19 +0,0 @@
-import * as React from "react";
-declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
-    separator?: React.ReactNode;
-} & React.RefAttributes<HTMLElement>>;
-declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
-declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
-declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
-    asChild?: boolean;
-} & React.RefAttributes<HTMLAnchorElement>>;
-declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-declare const BreadcrumbSeparator: {
-    ({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const BreadcrumbEllipsis: {
-    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

package/dist/types/components/calendar.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { DayButton, DayPicker } from 'react-day-picker';
-declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
-    buttonVariant?: 'default' | 'secondary' | 'tertiary' | 'text' | 'danger';
-}): import("react/jsx-runtime").JSX.Element;
-declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): import("react/jsx-runtime").JSX.Element;
-export { Calendar, CalendarDayButton };

package/dist/types/components/card.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardAction: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-interface CardTitleProps extends React.HTMLAttributes<HTMLDivElement> {
-    size?: 'small' | 'medium';
-}
-declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLDivElement>>;
-declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export { Card, CardAction, CardContent, CardFooter, CardHeader, CardTitle };