@freightos/freightwind 1.0.0 → 1.1.1

package/dist/esm/components/input.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cva } from 'class-variance-authority';
-import * as React from 'react';
-import { cn } from '../lib/utils';
-const inputVariants = cva('flex w-full rounded-fds-md border border-input-border bg-input text-foreground outline-none transition-[color,box-shadow] file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus:border-[#2075bd] focus:shadow-[0_0_0_2px_var(--fds-color-primary-blue-20)] disabled:cursor-not-allowed disabled:opacity-50', {
-    variants: {
-        inputSize: {
-            small: 'h-[24px] px-2 py-1 text-fds-sm',
-            default: 'h-[32px] px-3 py-2 text-fds-base',
-            large: 'h-[40px] px-3 py-2 text-fds-h6',
-        },
-    },
-    defaultVariants: {
-        inputSize: 'default',
-    },
-});
-const Input = React.forwardRef(({ className, type, inputSize, ...props }, ref) => {
-    return (_jsx("input", { type: type, className: cn(inputVariants({ inputSize, className })), ref: ref, ...props }));
-});
-Input.displayName = 'Input';
-export { Input };

package/dist/esm/components/label.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { cva } from "class-variance-authority";
-import { cn } from "../lib/utils";
-const labelVariants = cva("text-fds-sm font-fds-semibold leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
-const Label = React.forwardRef(({ className, ...props }, ref) => (_jsx(LabelPrimitive.Root, { ref: ref, className: cn(labelVariants(), className), ...props })));
-Label.displayName = LabelPrimitive.Root.displayName;
-export { Label };

package/dist/esm/components/menubar.js

@@ -1,45 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import * as MenubarPrimitive from "@radix-ui/react-menubar";
-import { Check, ChevronRight, Circle } from "lucide-react";
-import { cn } from "../lib/utils";
-function MenubarMenu({ ...props }) {
-    return _jsx(MenubarPrimitive.Menu, { ...props });
-}
-function MenubarGroup({ ...props }) {
-    return _jsx(MenubarPrimitive.Group, { ...props });
-}
-function MenubarPortal({ ...props }) {
-    return _jsx(MenubarPrimitive.Portal, { ...props });
-}
-function MenubarRadioGroup({ ...props }) {
-    return _jsx(MenubarPrimitive.RadioGroup, { ...props });
-}
-function MenubarSub({ ...props }) {
-    return _jsx(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
-}
-const Menubar = React.forwardRef(({ className, ...props }, ref) => (_jsx(MenubarPrimitive.Root, { ref: ref, className: cn("flex h-10 items-center space-x-1 rounded-md border bg-background p-1", className), ...props })));
-Menubar.displayName = MenubarPrimitive.Root.displayName;
-const MenubarTrigger = React.forwardRef(({ className, ...props }, ref) => (_jsx(MenubarPrimitive.Trigger, { ref: ref, className: cn("flex cursor-default select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className), ...props })));
-MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-const MenubarSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => (_jsxs(MenubarPrimitive.SubTrigger, { ref: ref, className: cn("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", inset && "pl-8", className), ...props, children: [children, _jsx(ChevronRight, { className: "ml-auto h-4 w-4" })] })));
-MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-const MenubarSubContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(MenubarPrimitive.SubContent, { ref: ref, className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 origin-[--radix-menubar-content-transform-origin]", className), ...props })));
-MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-const MenubarContent = React.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => (_jsx(MenubarPrimitive.Portal, { children: _jsx(MenubarPrimitive.Content, { ref: ref, align: align, alignOffset: alignOffset, sideOffset: sideOffset, className: cn("z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 origin-[--radix-menubar-content-transform-origin]", className), ...props }) })));
-MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-const MenubarItem = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(MenubarPrimitive.Item, { ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className), ...props })));
-MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-const MenubarCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => (_jsxs(MenubarPrimitive.CheckboxItem, { ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), checked: checked, ...props, children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(MenubarPrimitive.ItemIndicator, { children: _jsx(Check, { className: "h-4 w-4" }) }) }), children] })));
-MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-const MenubarRadioItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(MenubarPrimitive.RadioItem, { ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), ...props, children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(MenubarPrimitive.ItemIndicator, { children: _jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }), children] })));
-MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-const MenubarLabel = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(MenubarPrimitive.Label, { ref: ref, className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className), ...props })));
-MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-const MenubarSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(MenubarPrimitive.Separator, { ref: ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props })));
-MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;
-const MenubarShortcut = ({ className, ...props }) => {
-    return (_jsx("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props }));
-};
-MenubarShortcut.displayname = "MenubarShortcut";
-export { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarSeparator, MenubarLabel, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarPortal, MenubarSubContent, MenubarSubTrigger, MenubarGroup, MenubarSub, MenubarShortcut, };

package/dist/esm/components/navigation-menu.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
-import { cva } from "class-variance-authority";
-import { ChevronDown } from "lucide-react";
-import { cn } from "../lib/utils";
-const NavigationMenu = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(NavigationMenuPrimitive.Root, { ref: ref, className: cn("relative z-10 flex max-w-max flex-1 items-center justify-center", className), ...props, children: [children, _jsx(NavigationMenuViewport, {})] })));
-NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-const NavigationMenuList = React.forwardRef(({ className, ...props }, ref) => (_jsx(NavigationMenuPrimitive.List, { ref: ref, className: cn("group flex flex-1 list-none items-center justify-center space-x-1", className), ...props })));
-NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
-const NavigationMenuItem = NavigationMenuPrimitive.Item;
-const navigationMenuTriggerStyle = cva("group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent");
-const NavigationMenuTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(NavigationMenuPrimitive.Trigger, { ref: ref, className: cn(navigationMenuTriggerStyle(), "group", className), ...props, children: [children, " ", _jsx(ChevronDown, { className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180", "aria-hidden": "true" })] })));
-NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-const NavigationMenuContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(NavigationMenuPrimitive.Content, { ref: ref, className: cn("left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ", className), ...props })));
-NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
-const NavigationMenuLink = NavigationMenuPrimitive.Link;
-const NavigationMenuViewport = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: _jsx(NavigationMenuPrimitive.Viewport, { className: cn("origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]", className), ref: ref, ...props }) })));
-NavigationMenuViewport.displayName =
-    NavigationMenuPrimitive.Viewport.displayName;
-const NavigationMenuIndicator = React.forwardRef(({ className, ...props }, ref) => (_jsx(NavigationMenuPrimitive.Indicator, { ref: ref, className: cn("top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in", className), ...props, children: _jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" }) })));
-NavigationMenuIndicator.displayName =
-    NavigationMenuPrimitive.Indicator.displayName;
-export { navigationMenuTriggerStyle, NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, };

package/dist/esm/components/pagination.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';
-import { cn } from '../lib/utils';
-import { buttonVariants, } from './button';
-const Pagination = ({ className, ...props }) => (_jsx("nav", { role: "navigation", "aria-label": "pagination", className: cn('mx-auto flex w-full justify-center', className), ...props }));
-Pagination.displayName = 'Pagination';
-const PaginationContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("ul", { ref: ref, className: cn('flex flex-row items-center gap-1', className), ...props })));
-PaginationContent.displayName = 'PaginationContent';
-const PaginationItem = React.forwardRef(({ className, ...props }, ref) => (_jsx("li", { ref: ref, className: cn('', className), ...props })));
-PaginationItem.displayName = 'PaginationItem';
-const PaginationLink = ({ className, isActive, icon = true, size, ...props }) => (_jsx("a", { "aria-current": isActive ? 'page' : undefined, className: cn(buttonVariants({
-        type: isActive ? 'secondary' : 'text',
-        size,
-    }), icon && 'aspect-square p-0', className), ...props }));
-PaginationLink.displayName = 'PaginationLink';
-const PaginationPrevious = ({ className, ...props }) => (_jsxs(PaginationLink, { "aria-label": "Go to previous page", icon: false, size: "medium", className: cn('gap-1 pl-2.5', className), ...props, children: [_jsx(ChevronLeft, { className: "h-4 w-4" }), _jsx("span", { children: "Previous" })] }));
-PaginationPrevious.displayName = 'PaginationPrevious';
-const PaginationNext = ({ className, ...props }) => (_jsxs(PaginationLink, { "aria-label": "Go to next page", icon: false, size: "medium", className: cn('gap-1 pr-2.5', className), ...props, children: [_jsx("span", { children: "Next" }), _jsx(ChevronRight, { className: "h-4 w-4" })] }));
-PaginationNext.displayName = 'PaginationNext';
-const PaginationEllipsis = ({ className, ...props }) => (_jsxs("span", { "aria-hidden": true, className: cn('flex h-9 w-9 items-center justify-center', className), ...props, children: [_jsx(MoreHorizontal, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "More pages" })] }));
-PaginationEllipsis.displayName = 'PaginationEllipsis';
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };

package/dist/esm/components/phone-input.js

@@ -1,181 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../lib/utils';
-import { getCountryFlag } from '../lib/countryUtils';
-import { IconCaretDown } from '@freightos/icons';
-import * as React from 'react';
-import { parsePhoneNumberFromString, AsYouType, getCountryCallingCode, } from 'libphonenumber-js';
-// Countries with dial codes
-export const 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' },
-];
-export const PhoneInput = ({ value = '', onChange, onError, placeholder = 'Enter phone number', defaultCountry = 'US', mostUsedCountries = ['US', 'CN'], countries = PHONE_COUNTRIES, className, disabled = false, }) => {
-    const [open, setOpen] = React.useState(false);
-    const [search, setSearch] = React.useState('');
-    const [selectedCountry, setSelectedCountry] = React.useState(() => countries.find((c) => c.code === defaultCountry) || countries[0]);
-    const [phoneNumber, setPhoneNumber] = React.useState('');
-    const containerRef = React.useRef(null);
-    const searchInputRef = React.useRef(null);
-    // Parse initial value to extract country and number
-    React.useEffect(() => {
-        if (value) {
-            try {
-                const parsed = parsePhoneNumberFromString(value);
-                if (parsed) {
-                    const countryCode = parsed.country;
-                    if (countryCode) {
-                        const country = countries.find((c) => c.code === countryCode);
-                        if (country) {
-                            setSelectedCountry(country);
-                        }
-                    }
-                    setPhoneNumber(parsed.nationalNumber);
-                }
-                else {
-                    // Try to extract dial code from value
-                    const matchingCountry = countries.find((c) => value.startsWith(c.dialCode));
-                    if (matchingCountry) {
-                        setSelectedCountry(matchingCountry);
-                        setPhoneNumber(value.slice(matchingCountry.dialCode.length).trim());
-                    }
-                    else {
-                        setPhoneNumber(value.replace(/^\+\d+\s*/, ''));
-                    }
-                }
-            }
-            catch {
-                setPhoneNumber(value);
-            }
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    // Filter countries based on search
-    const filteredCountries = React.useMemo(() => {
-        const searchLower = search.toLowerCase();
-        const filtered = countries.filter((country) => country.name.toLowerCase().includes(searchLower) ||
-            country.code.toLowerCase().includes(searchLower) ||
-            country.dialCode.includes(search));
-        return filtered.sort((a, b) => {
-            const aIsMostUsed = mostUsedCountries.includes(a.code);
-            const bIsMostUsed = mostUsedCountries.includes(b.code);
-            if (aIsMostUsed && !bIsMostUsed)
-                return -1;
-            if (!aIsMostUsed && bIsMostUsed)
-                return 1;
-            return a.name.localeCompare(b.name);
-        });
-    }, [countries, search, mostUsedCountries]);
-    // Close on click outside
-    React.useEffect(() => {
-        const handleClickOutside = (e) => {
-            if (containerRef.current &&
-                !containerRef.current.contains(e.target)) {
-                setOpen(false);
-                setSearch('');
-            }
-        };
-        if (open) {
-            document.addEventListener('mousedown', handleClickOutside);
-        }
-        return () => document.removeEventListener('mousedown', handleClickOutside);
-    }, [open]);
-    const handleCountrySelect = (country) => {
-        setSelectedCountry(country);
-        setOpen(false);
-        setSearch('');
-        // Update full value with new country code
-        const fullNumber = `${country.dialCode} ${phoneNumber}`.trim();
-        onChange?.(fullNumber);
-        validateNumber(phoneNumber, country.code);
-    };
-    const handlePhoneChange = (e) => {
-        const input = e.target.value;
-        // Format as user types
-        const formatter = new AsYouType(selectedCountry.code);
-        const formatted = formatter.input(input);
-        // Extract just the national number part
-        const nationalNumber = formatted.replace(/^\+\d+\s*/, '');
-        setPhoneNumber(nationalNumber);
-        // Build full international number
-        const fullNumber = `${selectedCountry.dialCode} ${nationalNumber}`.trim();
-        onChange?.(fullNumber);
-        validateNumber(nationalNumber, selectedCountry.code);
-    };
-    const validateNumber = (number, countryCode) => {
-        if (!number || !onError)
-            return;
-        try {
-            const fullNumber = `${getCountryCallingCode(countryCode)}${number.replace(/\D/g, '')}`;
-            const parsed = parsePhoneNumberFromString(`+${fullNumber}`, countryCode);
-            onError?.(!parsed?.isValid());
-        }
-        catch {
-            onError?.(true);
-        }
-    };
-    const handleTriggerClick = () => {
-        if (!disabled) {
-            setOpen(!open);
-            if (!open) {
-                setTimeout(() => searchInputRef.current?.focus(), 0);
-            }
-        }
-    };
-    return (_jsxs("div", { ref: containerRef, className: cn('relative flex min-w-0', className), children: [_jsxs("button", { type: "button", onClick: handleTriggerClick, disabled: disabled, className: cn('flex h-[32px] shrink-0 items-center gap-fds-xs rounded-l-fds-md border border-r-0 border-input-border bg-input px-fds-sm text-fds-base outline-none transition-[color,box-shadow]', open &&
-                    'border-[#2075bd] shadow-[0_0_0_2px_var(--fds-color-primary-blue-20)]', disabled && 'cursor-not-allowed opacity-50'), children: [_jsx("img", { src: getCountryFlag(selectedCountry.code), alt: selectedCountry.code, className: "h-4 w-4 shrink-0 rounded-full object-cover" }), _jsx("span", { className: "text-fds-sm text-fds-gray-60", children: selectedCountry.dialCode }), _jsx(IconCaretDown, { size: 14, className: cn('shrink-0 text-fds-gray-60 transition-transform', open && 'rotate-180') })] }), _jsx("input", { type: "tel", value: phoneNumber, onChange: handlePhoneChange, placeholder: placeholder, disabled: disabled, className: cn('h-[32px] flex-1 rounded-r-fds-md border border-input-border bg-input px-fds-sm text-fds-base outline-none transition-[color,box-shadow] placeholder:text-muted-foreground', 'focus:border-[#2075bd] focus:shadow-[0_0_0_2px_var(--fds-color-primary-blue-20)]', disabled && 'cursor-not-allowed opacity-50') }), open && (_jsxs("div", { className: "absolute left-0 top-full z-50 mt-fds-xs w-[280px] rounded-fds-md border border-border bg-popover shadow-lg", children: [_jsx("div", { className: "border-b border-border p-fds-xs", children: _jsx("input", { ref: searchInputRef, type: "text", value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Search country...", className: "h-[28px] w-full rounded-fds-sm border border-input-border bg-input px-fds-sm text-fds-sm outline-none focus:border-[#2075bd] focus:shadow-[0_0_0_2px_var(--fds-color-primary-blue-20)]" }) }), _jsx("div", { className: "max-h-[210px] overflow-y-auto p-fds-xs", children: filteredCountries.length === 0 ? (_jsx("div", { className: "px-fds-sm py-fds-md text-center text-fds-sm text-muted-foreground", children: "No countries found" })) : (filteredCountries.map((country, index) => {
-                            const isSelected = country.code === selectedCountry.code;
-                            const isMostUsed = mostUsedCountries.includes(country.code);
-                            const isLastMostUsed = isMostUsed &&
-                                !search &&
-                                index === mostUsedCountries.length - 1 &&
-                                filteredCountries.length > mostUsedCountries.length;
-                            return (_jsxs(React.Fragment, { children: [_jsxs("div", { onClick: () => handleCountrySelect(country), className: cn('flex cursor-pointer items-center gap-fds-sm rounded-fds-sm px-fds-sm py-fds-xs hover:bg-accent', isSelected && 'bg-accent'), children: [_jsx("img", { src: getCountryFlag(country.code), alt: country.code, className: "h-6 w-6 shrink-0 rounded-full object-cover" }), _jsx("span", { className: "flex-1 truncate text-fds-base", children: country.name }), _jsx("span", { className: "text-fds-sm text-fds-gray-60", children: country.dialCode })] }), isLastMostUsed && (_jsx("div", { className: "my-fds-xs h-px bg-border" }))] }, country.code));
-                        })) })] }))] }));
-};

package/dist/esm/components/popover.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { cn } from "../lib/utils";
-const Popover = PopoverPrimitive.Root;
-const PopoverTrigger = PopoverPrimitive.Trigger;
-const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, showArrow = false, ...props }, ref) => (_jsx(PopoverPrimitive.Portal, { children: _jsxs(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn("z-[1300] w-72 rounded-md bg-popover p-4 text-popover-foreground shadow-fds-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 origin-[--radix-popover-content-transform-origin]", className), ...props, children: [props.children, showArrow && (_jsx(PopoverPrimitive.Arrow, { className: "fill-popover", width: 16, height: 8 }))] }) })));
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-const PopoverArrow = PopoverPrimitive.Arrow;
-export { Popover, PopoverTrigger, PopoverContent, PopoverArrow };

package/dist/esm/components/progress.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { cn } from "../lib/utils";
-const Progress = React.forwardRef(({ className, value, ...props }, ref) => (_jsx(ProgressPrimitive.Root, { ref: ref, className: cn("relative h-4 w-full overflow-hidden rounded-full bg-secondary", className), ...props, children: _jsx(ProgressPrimitive.Indicator, { className: "h-full w-full flex-1 bg-primary transition-all", style: { transform: `translateX(-${100 - (value || 0)}%)` } }) })));
-Progress.displayName = ProgressPrimitive.Root.displayName;
-export { Progress };

package/dist/esm/components/resizable.js

@@ -1,9 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { GripVertical } from 'lucide-react';
-import * as ResizablePrimitive from 'react-resizable-panels';
-import { cn } from '../lib/utils';
-const ResizablePanelGroup = ({ className, ...props }) => (_jsx(ResizablePrimitive.PanelGroup, { className: cn('flex h-full w-full data-[panel-group-direction=vertical]:flex-col', className), ...props }));
-const ResizablePanel = ResizablePrimitive.Panel;
-const ResizableHandle = ({ withHandle, className, ...props }) => (_jsx(ResizablePrimitive.PanelResizeHandle, { className: cn('relative flex w-px items-center justify-center bg-fds-gray-20 dark:bg-fds-gray-70 after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-fds-blue-50 focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90', className), ...props, children: withHandle && (_jsx("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border border-fds-gray-20 bg-fds-gray-10 dark:border-fds-gray-70 dark:bg-fds-gray-80", children: _jsx(GripVertical, { className: "h-2.5 w-2.5" }) })) }));
-export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

package/dist/esm/components/rich-text-editor.js

@@ -1,145 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { cn } from '../lib/utils';
-import BulletList from '@tiptap/extension-bullet-list';
-import ListItem from '@tiptap/extension-list-item';
-import OrderedList from '@tiptap/extension-ordered-list';
-import Link from '@tiptap/extension-link';
-import UnderlineExtension from '@tiptap/extension-underline';
-import Placeholder from '@tiptap/extension-placeholder';
-import { EditorContent, useEditor } from '@tiptap/react';
-import StarterKit from '@tiptap/starter-kit';
-import { Plugin, PluginKey } from '@tiptap/pm/state';
-import { Bold, Italic, Link as LinkIcon, List, ListOrdered, Underline, } from 'lucide-react';
-import { useState } from 'react';
-import { Input } from './input';
-import { Button } from './button';
-import { Popover, PopoverContent, PopoverTrigger } from './popover';
-// Custom Link extension to prevent clicks
-const createCustomLink = (onLinkClick) => {
-    return Link.extend({
-        addProseMirrorPlugins() {
-            return [
-                new Plugin({
-                    key: new PluginKey('handleLinkClick'),
-                    props: {
-                        handleClick(_view, _pos, event) {
-                            const link = event.target?.closest('a');
-                            if (link) {
-                                event.preventDefault();
-                                event.stopPropagation();
-                                const href = link.getAttribute('href');
-                                if (href) {
-                                    onLinkClick(href);
-                                }
-                                return true;
-                            }
-                            return false;
-                        },
-                    },
-                }),
-            ];
-        },
-    }).configure({
-        openOnClick: false,
-        HTMLAttributes: {
-            class: 'text-primary underline cursor-pointer',
-            rel: 'noopener noreferrer nofollow',
-        },
-    });
-};
-const MenuBar = ({ editor, linkUrl, setLinkUrl, linkPopoverOpen, setLinkPopoverOpen, isEditingExistingLink, setIsEditingExistingLink, handleSetLink, handleRemoveLink, }) => {
-    if (!editor)
-        return null;
-    return (_jsxs("div", { className: "flex items-center gap-fds-xs border-b border-border bg-fds-gray-10 px-fds-md py-fds-md dark:bg-card", children: [_jsx("button", { onClick: () => editor.chain().focus().toggleBold().run(), type: "button", className: "cursor-pointer rounded p-1 hover:bg-fds-gray-20 dark:hover:bg-fds-gray-80", children: _jsx(Bold, { className: cn('h-4 w-4 text-foreground', editor.isActive('bold') && 'text-primary') }) }), _jsx("button", { onClick: () => editor.chain().focus().toggleItalic().run(), type: "button", className: "cursor-pointer rounded p-1 hover:bg-fds-gray-20 dark:hover:bg-fds-gray-80", children: _jsx(Italic, { className: cn('h-4 w-4 text-foreground', editor.isActive('italic') && 'text-primary') }) }), _jsx("button", { onClick: () => editor.chain().focus().toggleUnderline().run(), type: "button", className: "cursor-pointer rounded p-1 hover:bg-fds-gray-20 dark:hover:bg-fds-gray-80", children: _jsx(Underline, { className: cn('h-4 w-4 text-foreground', editor.isActive('underline') && 'text-primary') }) }), _jsx("div", { className: "mx-fds-xs h-4 w-px bg-fds-gray-20 dark:bg-fds-gray-80" }), _jsx("button", { onClick: (e) => {
-                    e.preventDefault();
-                    editor.chain().focus().toggleBulletList().run();
-                }, type: "button", className: "cursor-pointer rounded p-1 hover:bg-fds-gray-20 dark:hover:bg-fds-gray-80", children: _jsx(List, { className: cn('h-4 w-4 text-foreground', editor.isActive('bulletList') && 'text-primary') }) }), _jsx("button", { onClick: (e) => {
-                    e.preventDefault();
-                    editor.chain().focus().toggleOrderedList().run();
-                }, type: "button", className: "cursor-pointer rounded p-1 hover:bg-fds-gray-20 dark:hover:bg-fds-gray-80", children: _jsx(ListOrdered, { className: cn('h-4 w-4 text-foreground', editor.isActive('orderedList') && 'text-primary') }) }), _jsxs(Popover, { open: linkPopoverOpen, onOpenChange: setLinkPopoverOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "cursor-pointer rounded p-1 hover:bg-fds-gray-20 dark:hover:bg-fds-gray-80", onClick: () => {
-                                if (editor.isActive('link')) {
-                                    setLinkUrl(editor.getAttributes('link').href);
-                                }
-                            }, children: _jsx(LinkIcon, { className: cn('h-4 w-4 text-foreground', editor.isActive('link') && 'text-primary') }) }) }), _jsx(PopoverContent, { className: "w-[300px]", children: _jsx("div", { className: "flex flex-col gap-fds-sm", children: isEditingExistingLink ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-fds-sm font-fds-semibold", children: "Visit URL:" }), _jsx("a", { href: linkUrl, target: "_blank", rel: "noopener noreferrer", className: "truncate text-fds-sm text-primary hover:underline", children: linkUrl }), _jsxs("div", { className: "flex gap-fds-xs", children: [_jsx(Button, { size: "small", onClick: () => {
-                                                    setIsEditingExistingLink(false);
-                                                }, className: "flex-1", children: "Edit" }), _jsx(Button, { size: "small", type: "text", onClick: handleRemoveLink, className: "flex-1", children: "Remove" })] })] })) : editor.isActive('link') ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-fds-sm font-fds-semibold", children: "Edit Link" }), _jsx(Input, { value: linkUrl, onChange: (e) => setLinkUrl(e.target.value), placeholder: "Enter URL", onKeyDown: (e) => {
-                                            if (e.key === 'Enter') {
-                                                e.preventDefault();
-                                                handleSetLink();
-                                            }
-                                        }, autoFocus: true }), _jsxs("div", { className: "flex gap-fds-xs", children: [_jsx(Button, { size: "small", onClick: handleSetLink, className: "flex-1", children: "Update" }), _jsx(Button, { size: "small", type: "text", onClick: handleRemoveLink, className: "flex-1", children: "Remove" })] })] })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-fds-sm font-fds-semibold", children: "Add Link" }), _jsx(Input, { value: linkUrl, onChange: (e) => setLinkUrl(e.target.value), placeholder: "Enter URL", onKeyDown: (e) => {
-                                            if (e.key === 'Enter') {
-                                                e.preventDefault();
-                                                handleSetLink();
-                                            }
-                                        }, autoFocus: true }), _jsx(Button, { size: "small", onClick: handleSetLink, children: "Add Link" })] })) }) })] })] }));
-};
-export const RichTextEditor = ({ value = '', onChange, placeholder = 'Type your message...', className, }) => {
-    const [linkPopoverOpen, setLinkPopoverOpen] = useState(false);
-    const [linkUrl, setLinkUrl] = useState('');
-    const [isEditingExistingLink, setIsEditingExistingLink] = useState(false);
-    const handleLinkClick = (href) => {
-        setLinkUrl(href);
-        setIsEditingExistingLink(true);
-        setLinkPopoverOpen(true);
-    };
-    const CustomLink = createCustomLink(handleLinkClick);
-    const editor = useEditor({
-        immediatelyRender: false,
-        extensions: [
-            StarterKit.configure({
-                bulletList: false,
-                orderedList: false,
-                listItem: false,
-            }),
-            ListItem,
-            BulletList.configure({
-                HTMLAttributes: {
-                    class: 'list-disc list-outside ml-4',
-                },
-            }),
-            OrderedList.configure({
-                HTMLAttributes: {
-                    class: 'list-decimal list-outside ml-4',
-                },
-            }),
-            UnderlineExtension,
-            CustomLink,
-            Placeholder.configure({
-                placeholder,
-            }),
-        ],
-        content: value,
-        onUpdate: ({ editor }) => {
-            onChange?.(editor.getHTML());
-        },
-        editorProps: {
-            attributes: {
-                class: cn('prose prose-sm focus:outline-none min-h-[80px] px-fds-lg py-fds-sm prose-p:my-1 prose-ul:my-1 prose-ol:my-1 text-fds-sm bg-white dark:bg-black dark:text-white', className),
-            },
-        },
-    });
-    const handleSetLink = () => {
-        if (linkUrl && editor) {
-            // Ensure URL has protocol
-            let formattedUrl = linkUrl;
-            if (!/^https?:\/\//i.test(linkUrl)) {
-                formattedUrl = `https://${linkUrl}`;
-            }
-            editor.chain().focus().setLink({ href: formattedUrl }).run();
-            setLinkUrl('');
-            setIsEditingExistingLink(false);
-            setLinkPopoverOpen(false);
-        }
-    };
-    const handleRemoveLink = () => {
-        if (editor) {
-            editor.chain().focus().unsetLink().run();
-            setLinkUrl('');
-            setIsEditingExistingLink(false);
-            setLinkPopoverOpen(false);
-        }
-    };
-    return (_jsxs("div", { className: "w-full", children: [_jsx(MenuBar, { editor: editor, linkUrl: linkUrl, setLinkUrl: setLinkUrl, linkPopoverOpen: linkPopoverOpen, setLinkPopoverOpen: setLinkPopoverOpen, isEditingExistingLink: isEditingExistingLink, setIsEditingExistingLink: setIsEditingExistingLink, handleSetLink: handleSetLink, handleRemoveLink: handleRemoveLink }), _jsx(EditorContent, { editor: editor, placeholder: placeholder })] }));
-};

package/dist/esm/components/route.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { cn } from '../lib/utils';
-const Route = React.forwardRef(({ className, type = 'point-to-point', start, end, ...props }, ref) => {
-    if (type === 'point-to-point') {
-        return (_jsxs("div", { ref: ref, className: cn('flex items-center gap-fds-sm', className), ...props, children: [start, _jsxs("div", { className: "relative flex items-center", children: [_jsx("div", { className: "h-[5px] w-[5px] rounded-full bg-foreground" }), _jsx("div", { className: "h-px w-[22px] bg-foreground" }), _jsx("div", { className: "h-[5px] w-[5px] rounded-full bg-foreground" })] }), end] }));
-    }
-    return null;
-});
-Route.displayName = 'Route';
-export { Route };

package/dist/esm/components/scroll-area.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { cn } from "../lib/utils";
-const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(ScrollAreaPrimitive.Root, { ref: ref, className: cn("relative overflow-hidden", className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] })));
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { ref: ref, orientation: orientation, className: cn("flex touch-none select-none transition-colors", orientation === "vertical" &&
-        "h-full w-2.5 border-l border-l-transparent p-[1px]", orientation === "horizontal" &&
-        "h-2.5 flex-col border-t border-t-transparent p-[1px]", className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" }) })));
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
-export { ScrollArea, ScrollBar };

package/dist/esm/components/select.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import * as SelectPrimitive from '@radix-ui/react-select';
-import { cn } from '../lib/utils';
-import { IconCaretDown, IconCaretUp } from '@freightos/icons';
-const Select = SelectPrimitive.Root;
-const SelectGroup = SelectPrimitive.Group;
-const SelectValue = SelectPrimitive.Value;
-const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Trigger, { ref: ref, className: cn('flex h-[32px] w-full items-center justify-between rounded-fds-md border border-input-border bg-input py-2 pl-3 pr-2 text-sm transition-[color,box-shadow] focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=open]:border-[#2075bd] data-[placeholder]:text-muted-foreground data-[state=open]:shadow-[0_0_0_2px_var(--fds-color-primary-blue-20)] [&>span]:line-clamp-1 [&[data-state=open]>span[data-radix-select-icon]>svg]:rotate-180', className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(IconCaretDown, { className: "transition-transform duration-200" }) })] })));
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollUpButton, { ref: ref, className: cn('flex cursor-default items-center justify-center py-1', className), ...props, children: _jsx(IconCaretUp, {}) })));
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollDownButton, { ref: ref, className: cn('flex cursor-default items-center justify-center py-1', className), ...props, children: _jsx(IconCaretDown, {}) })));
-SelectScrollDownButton.displayName =
-    SelectPrimitive.ScrollDownButton.displayName;
-const SelectContent = React.forwardRef(({ className, children, position = 'popper', ...props }, ref) => (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { ref: ref, className: cn('relative z-[9999] max-h-[--radix-select-content-available-height] min-w-[8rem] w-max origin-[--radix-select-content-transform-origin] overflow-y-auto overflow-x-hidden rounded-fds-md bg-popover text-popover-foreground shadow-fds-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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', position === 'popper' &&
-            'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className), position: position, ...props, children: [_jsx(SelectScrollUpButton, {}), _jsx(SelectPrimitive.Viewport, { className: cn('w-full', position === 'popper' &&
-                    'h-[var(--radix-select-trigger-height)] min-w-[var(--radix-select-trigger-width)]'), children: children }), _jsx(SelectScrollDownButton, {})] }) })));
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-const SelectLabel = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Label, { ref: ref, className: cn('py-1.5 pl-8 pr-2 text-sm font-semibold', className), ...props })));
-SelectLabel.displayName = SelectPrimitive.Label.displayName;
-const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(SelectPrimitive.Item, { ref: ref, className: cn('relative flex w-full cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[disabled]:opacity-50', className), ...props, children: _jsx(SelectPrimitive.ItemText, { asChild: true, children: _jsx("div", { className: "flex w-full flex-1 items-center", children: children }) }) })));
-SelectItem.displayName = SelectPrimitive.Item.displayName;
-const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Separator, { ref: ref, className: cn('-mx-1 my-1 h-px bg-muted', className), ...props })));
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };

package/dist/esm/components/separator.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import * as React from 'react';
-import { cn } from '../lib/utils';
-const Separator = React.forwardRef(({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => (_jsx(SeparatorPrimitive.Root, { ref: ref, decorative: decorative, orientation: orientation, className: cn('shrink-0 bg-fds-gray-20', orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]', className), ...props })));
-Separator.displayName = SeparatorPrimitive.Root.displayName;
-export { Separator };