@freightos/freightwind 1.0.0 → 1.1.0

package/dist/cjs/components/country-select.js

@@ -1,155 +0,0 @@
-"use strict";
-'use client';
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CountrySelect = exports.COUNTRIES = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../lib/utils");
-const countryUtils_1 = require("../lib/countryUtils");
-const icons_1 = require("@freightos/icons");
-const React = __importStar(require("react"));
-// Common countries list - can be extended or replaced via props
-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' },
-];
-const CountrySelect = ({ value, onChange, placeholder = 'Select country', mostUsedCountries = ['US', 'CN'], countries = exports.COUNTRIES, className, disabled = false, }) => {
-    const [open, setOpen] = React.useState(false);
-    const [search, setSearch] = React.useState('');
-    const containerRef = React.useRef(null);
-    const inputRef = React.useRef(null);
-    // Get selected country
-    const selectedCountry = countries.find((c) => c.code === value);
-    // 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));
-        // Sort: most used first, then alphabetically
-        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 handleSelect = (country) => {
-        onChange?.(country.code);
-        setOpen(false);
-        setSearch('');
-    };
-    const handleTriggerClick = () => {
-        if (!disabled) {
-            setOpen(!open);
-            if (!open) {
-                setTimeout(() => inputRef.current?.focus(), 0);
-            }
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: containerRef, className: (0, utils_1.cn)('relative', className), children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: handleTriggerClick, disabled: disabled, className: (0, utils_1.cn)('flex h-[32px] w-full items-center gap-fds-sm rounded-fds-md border 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: [selectedCountry ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("img", { src: (0, countryUtils_1.getCountryFlag)(selectedCountry.code), alt: selectedCountry.code, className: "h-4 w-4 shrink-0 rounded-full object-cover" }), (0, jsx_runtime_1.jsx)("span", { className: "flex-1 truncate text-left", children: selectedCountry.name })] })) : ((0, jsx_runtime_1.jsx)("span", { className: "flex-1 text-left text-muted-foreground", children: placeholder })), (0, jsx_runtime_1.jsx)(icons_1.IconCaretDown, { size: 16, className: (0, utils_1.cn)('shrink-0 text-fds-gray-60 transition-transform', open && 'rotate-180') })] }), open && ((0, jsx_runtime_1.jsxs)("div", { className: "absolute top-full z-50 mt-fds-xs w-full rounded-fds-md border border-border bg-popover shadow-lg", children: [(0, jsx_runtime_1.jsx)("div", { className: "border-b border-border p-fds-xs", children: (0, jsx_runtime_1.jsx)("input", { ref: inputRef, 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)]" }) }), (0, jsx_runtime_1.jsx)("div", { className: "max-h-[210px] overflow-y-auto p-fds-xs", children: filteredCountries.length === 0 ? ((0, jsx_runtime_1.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 === value;
-                            const isMostUsed = mostUsedCountries.includes(country.code);
-                            const isLastMostUsed = isMostUsed &&
-                                !search &&
-                                index === mostUsedCountries.length - 1 &&
-                                filteredCountries.length > mostUsedCountries.length;
-                            return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { onClick: () => handleSelect(country), className: (0, utils_1.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: [(0, jsx_runtime_1.jsx)("img", { src: (0, countryUtils_1.getCountryFlag)(country.code), alt: country.code, className: "h-6 w-6 shrink-0 rounded-full object-cover" }), (0, jsx_runtime_1.jsx)("span", { className: "flex-1 truncate text-fds-base", children: country.name }), isSelected && ((0, jsx_runtime_1.jsx)(icons_1.IconCheck, { size: 16, className: "shrink-0 text-fds-blue" }))] }), isLastMostUsed && ((0, jsx_runtime_1.jsx)("div", { className: "my-fds-xs h-px bg-border" }))] }, country.code));
-                        })) })] }))] }));
-};
-exports.CountrySelect = CountrySelect;

package/dist/cjs/components/date-picker.js

@@ -1,59 +0,0 @@
-"use strict";
-'use client';
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DatePicker = DatePicker;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const lucide_react_1 = require("lucide-react");
-const icons_1 = require("@freightos/icons");
-const date_fns_1 = require("date-fns");
-const utils_1 = require("../lib/utils");
-const calendar_1 = require("./calendar");
-const popover_1 = require("./popover");
-function DatePicker({ value, onChange, placeholder = 'Pick a date', disabled = false, className, }) {
-    const [open, setOpen] = React.useState(false);
-    const [isHovered, setIsHovered] = React.useState(false);
-    const handleSelect = (date) => {
-        onChange?.(date);
-        setOpen(false);
-    };
-    const handleClear = (e) => {
-        e.stopPropagation();
-        onChange?.(undefined);
-    };
-    const showClearIcon = isHovered && value;
-    return ((0, jsx_runtime_1.jsxs)(popover_1.Popover, { open: open, onOpenChange: setOpen, children: [(0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)("button", { type: "button", disabled: disabled, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), className: (0, utils_1.cn)('flex h-[var(--fds-size-xl)] w-full items-center justify-between gap-3 rounded-[var(--fds-border-radius-md)] border border-input-border bg-input py-1 pl-3 pr-2 text-sm', 'focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2', 'disabled:cursor-not-allowed disabled:opacity-50', !value && 'text-muted-foreground', className), children: [(0, jsx_runtime_1.jsx)("span", { className: "truncate", children: value ? (0, date_fns_1.format)(value, 'dd/MM/yyyy') : placeholder }), showClearIcon ? ((0, jsx_runtime_1.jsx)(icons_1.IconClearCircledSolid, { size: 16, className: "shrink-0 cursor-pointer text-muted-foreground hover:text-foreground", onClick: handleClear })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.CalendarIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }))] }) }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { className: "w-auto p-0", align: "start", children: (0, jsx_runtime_1.jsx)(calendar_1.Calendar, { mode: "single", selected: value, onSelect: handleSelect }) })] }));
-}

package/dist/cjs/components/date-range-picker.js

@@ -1,59 +0,0 @@
-"use strict";
-'use client';
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateRangePicker = DateRangePicker;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const lucide_react_1 = require("lucide-react");
-const icons_1 = require("@freightos/icons");
-const date_fns_1 = require("date-fns");
-const utils_1 = require("../lib/utils");
-const calendar_1 = require("./calendar");
-const popover_1 = require("./popover");
-function DateRangePicker({ value, onChange, placeholder = 'Start date - End date', disabled = false, className, }) {
-    const [open, setOpen] = React.useState(false);
-    const [isHovered, setIsHovered] = React.useState(false);
-    const handleSelect = (range) => {
-        onChange?.(range);
-    };
-    const handleClear = (e) => {
-        e.stopPropagation();
-        onChange?.(undefined);
-    };
-    const hasValue = value?.from;
-    const showClearIcon = isHovered && hasValue;
-    return ((0, jsx_runtime_1.jsxs)(popover_1.Popover, { open: open, onOpenChange: setOpen, children: [(0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)("button", { type: "button", disabled: disabled, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), className: (0, utils_1.cn)('flex h-[var(--fds-size-xl)] w-full items-center justify-between gap-3 rounded-[var(--fds-border-radius-md)] border border-input-border bg-input py-1 pl-3 pr-2 text-sm', 'focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2', 'disabled:cursor-not-allowed disabled:opacity-50', !hasValue && 'text-muted-foreground', className), children: [(0, jsx_runtime_1.jsx)("span", { className: "truncate", children: value?.from ? (value.to ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, date_fns_1.format)(value.from, 'dd/MM/yyyy'), " - ", (0, date_fns_1.format)(value.to, 'dd/MM/yyyy')] })) : ((0, date_fns_1.format)(value.from, 'dd/MM/yyyy'))) : (placeholder) }), showClearIcon ? ((0, jsx_runtime_1.jsx)(icons_1.IconClearCircledSolid, { size: 16, className: "shrink-0 cursor-pointer text-muted-foreground hover:text-foreground", onClick: handleClear })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.CalendarIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }))] }) }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { className: "w-auto p-0", align: "end", children: (0, jsx_runtime_1.jsx)(calendar_1.Calendar, { mode: "range", defaultMonth: value?.from, selected: value, onSelect: handleSelect, numberOfMonths: 2, showOutsideDays: false }) })] }));
-}

package/dist/cjs/components/date-time-picker.js

@@ -1,106 +0,0 @@
-"use strict";
-'use client';
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateTimePicker = DateTimePicker;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const lucide_react_1 = require("lucide-react");
-const icons_1 = require("@freightos/icons");
-const date_fns_1 = require("date-fns");
-const utils_1 = require("../lib/utils");
-const button_1 = require("./button");
-const calendar_1 = require("./calendar");
-const popover_1 = require("./popover");
-const scroll_area_1 = require("./scroll-area");
-function DateTimePicker({ value, onChange, placeholder = 'Pick date and time', disabled = false, className, use24Hour = false, }) {
-    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);
-    const handleDateSelect = (selectedDate) => {
-        if (selectedDate) {
-            const newDate = new Date(selectedDate);
-            if (value) {
-                newDate.setHours(value.getHours());
-                newDate.setMinutes(value.getMinutes());
-            }
-            onChange?.(newDate);
-        }
-    };
-    const handleTimeChange = (type, val) => {
-        const newDate = value ? new Date(value) : new Date();
-        if (type === 'hour') {
-            if (use24Hour) {
-                newDate.setHours(parseInt(val));
-            }
-            else {
-                newDate.setHours((parseInt(val) % 12) + (newDate.getHours() >= 12 ? 12 : 0));
-            }
-        }
-        else if (type === 'minute') {
-            newDate.setMinutes(parseInt(val));
-        }
-        else if (type === 'ampm') {
-            const currentHours = newDate.getHours();
-            if (val === 'PM' && currentHours < 12) {
-                newDate.setHours(currentHours + 12);
-            }
-            else if (val === 'AM' && currentHours >= 12) {
-                newDate.setHours(currentHours - 12);
-            }
-        }
-        onChange?.(newDate);
-    };
-    const handleClear = (e) => {
-        e.stopPropagation();
-        onChange?.(undefined);
-    };
-    const formatString = use24Hour ? 'dd/MM/yyyy HH:mm' : 'dd/MM/yyyy hh:mm aa';
-    const showClearIcon = isHovered && value;
-    return ((0, jsx_runtime_1.jsxs)(popover_1.Popover, { open: open, onOpenChange: setOpen, children: [(0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)("button", { type: "button", disabled: disabled, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), className: (0, utils_1.cn)('flex h-[var(--fds-size-xl)] w-full items-center justify-between gap-3 rounded-[var(--fds-border-radius-md)] border border-input-border bg-input py-1 pl-3 pr-2 text-sm', 'focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2', 'disabled:cursor-not-allowed disabled:opacity-50', !value && 'text-muted-foreground', className), children: [(0, jsx_runtime_1.jsx)("span", { className: "truncate", children: value ? (0, date_fns_1.format)(value, formatString) : placeholder }), showClearIcon ? ((0, jsx_runtime_1.jsx)(icons_1.IconClearCircledSolid, { size: 16, className: "shrink-0 cursor-pointer text-muted-foreground hover:text-foreground", onClick: handleClear })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.CalendarIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }))] }) }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { className: "w-auto p-0", children: (0, jsx_runtime_1.jsxs)("div", { className: "sm:flex", children: [(0, jsx_runtime_1.jsx)(calendar_1.Calendar, { mode: "single", selected: value, onSelect: handleDateSelect }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col divide-y sm:h-[300px] sm:flex-row sm:divide-x sm:divide-y-0", children: [(0, jsx_runtime_1.jsxs)(scroll_area_1.ScrollArea, { className: "w-64 sm:w-auto", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex p-2 sm:flex-col", children: hours.map((hour) => ((0, jsx_runtime_1.jsx)(button_1.Button, { size: "small", htmlType: "button", type: value &&
-                                                    (use24Hour
-                                                        ? value.getHours() === hour
-                                                        : value.getHours() % 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))) }), (0, jsx_runtime_1.jsx)(scroll_area_1.ScrollBar, { orientation: "horizontal", className: "sm:hidden" })] }), (0, jsx_runtime_1.jsxs)(scroll_area_1.ScrollArea, { className: "w-64 sm:w-auto", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex p-2 sm:flex-col", children: Array.from({ length: 12 }, (_, i) => i * 5).map((minute) => ((0, jsx_runtime_1.jsx)(button_1.Button, { size: "small", htmlType: "button", type: value && value.getMinutes() === minute
-                                                    ? 'default'
-                                                    : 'text', className: "aspect-square shrink-0 sm:w-full", onClick: () => handleTimeChange('minute', minute.toString()), children: minute.toString().padStart(2, '0') }, minute))) }), (0, jsx_runtime_1.jsx)(scroll_area_1.ScrollBar, { orientation: "horizontal", className: "sm:hidden" })] }), !use24Hour && ((0, jsx_runtime_1.jsx)(scroll_area_1.ScrollArea, { className: "", children: (0, jsx_runtime_1.jsx)("div", { className: "flex p-2 sm:flex-col", children: ['AM', 'PM'].map((ampm) => ((0, jsx_runtime_1.jsx)(button_1.Button, { size: "small", htmlType: "button", type: value &&
-                                                ((ampm === 'AM' && value.getHours() < 12) ||
-                                                    (ampm === 'PM' && value.getHours() >= 12))
-                                                ? 'default'
-                                                : 'text', className: "aspect-square shrink-0 sm:w-full", onClick: () => handleTimeChange('ampm', ampm), children: ampm }, ampm))) }) }))] })] }) })] }));
-}

package/dist/cjs/components/dialog.js

@@ -1,70 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogTrigger = exports.DialogTitle = exports.DialogPortal = exports.DialogOverlay = exports.DialogHeader = exports.DialogFooter = exports.DialogDescription = exports.DialogContent = exports.DialogClose = exports.DialogBody = exports.Dialog = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const DialogPrimitive = __importStar(require("@radix-ui/react-dialog"));
-const React = __importStar(require("react"));
-const utils_1 = require("../lib/utils");
-const icons_1 = require("@freightos/icons");
-const Dialog = DialogPrimitive.Root;
-exports.Dialog = Dialog;
-const DialogTrigger = DialogPrimitive.Trigger;
-exports.DialogTrigger = DialogTrigger;
-const DialogPortal = DialogPrimitive.Portal;
-exports.DialogPortal = DialogPortal;
-const DialogClose = DialogPrimitive.Close;
-exports.DialogClose = DialogClose;
-const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(DialogPrimitive.Overlay, { ref: ref, className: (0, utils_1.cn)('fixed inset-0 z-[9999] bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className), ...props })));
-exports.DialogOverlay = DialogOverlay;
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-const DialogContent = React.forwardRef(({ className, children, closable = true, ...props }, ref) => ((0, jsx_runtime_1.jsxs)(DialogPortal, { children: [(0, jsx_runtime_1.jsx)(DialogOverlay, {}), (0, jsx_runtime_1.jsxs)(DialogPrimitive.Content, { ref: ref, className: (0, utils_1.cn)('fixed left-[50%] top-[50%] z-[9999] flex w-full max-w-lg translate-x-[-50%] translate-y-[-50%] flex-col bg-card shadow-lg duration-150 ease-out 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 sm:rounded-lg', className), ...props, children: [children, closable && ((0, jsx_runtime_1.jsx)(DialogPrimitive.Close, { asChild: true, children: (0, jsx_runtime_1.jsxs)("button", { className: "hover:text-fds-gray-90 absolute end-fds-xl top-fds-lg text-fds-gray-60 dark:text-fds-gray-40 dark:hover:text-fds-gray-10", children: [(0, jsx_runtime_1.jsx)(icons_1.IconClose, { size: 24 }), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Close" })] }) }))] })] })));
-exports.DialogContent = DialogContent;
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-const DialogHeader = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('flex flex-col space-y-1.5 border-b px-fds-xl py-fds-lg text-center sm:text-left', className), ...props }));
-exports.DialogHeader = DialogHeader;
-DialogHeader.displayName = 'DialogHeader';
-const DialogBody = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, utils_1.cn)('flex-1 overflow-y-auto p-6', className), ...props })));
-exports.DialogBody = DialogBody;
-DialogBody.displayName = 'DialogBody';
-const DialogFooter = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('flex flex-col-reverse border-t p-6 sm:flex-row sm:justify-end sm:space-x-2', className), ...props }));
-exports.DialogFooter = DialogFooter;
-DialogFooter.displayName = 'DialogFooter';
-const DialogTitle = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(DialogPrimitive.Title, { ref: ref, className: (0, utils_1.cn)('text-lg font-semibold leading-none tracking-tight', className), ...props })));
-exports.DialogTitle = DialogTitle;
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-const DialogDescription = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(DialogPrimitive.Description, { ref: ref, className: (0, utils_1.cn)('text-sm text-muted-foreground', className), ...props })));
-exports.DialogDescription = DialogDescription;
-DialogDescription.displayName = DialogPrimitive.Description.displayName;

package/dist/cjs/components/drawer.js

@@ -1,68 +0,0 @@
-"use strict";
-'use client';
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DrawerDescription = exports.DrawerTitle = exports.DrawerFooter = exports.DrawerHeader = exports.DrawerContent = exports.DrawerClose = exports.DrawerTrigger = exports.DrawerOverlay = exports.DrawerPortal = exports.Drawer = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const vaul_1 = require("vaul");
-const utils_1 = require("../lib/utils");
-const Drawer = ({ shouldScaleBackground = true, ...props }) => ((0, jsx_runtime_1.jsx)(vaul_1.Drawer.Root, { shouldScaleBackground: shouldScaleBackground, ...props }));
-exports.Drawer = Drawer;
-Drawer.displayName = 'Drawer';
-const DrawerTrigger = vaul_1.Drawer.Trigger;
-exports.DrawerTrigger = DrawerTrigger;
-const DrawerPortal = vaul_1.Drawer.Portal;
-exports.DrawerPortal = DrawerPortal;
-const DrawerClose = vaul_1.Drawer.Close;
-exports.DrawerClose = DrawerClose;
-const DrawerOverlay = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(vaul_1.Drawer.Overlay, { ref: ref, className: (0, utils_1.cn)('fixed inset-0 z-50 bg-black/80', className), ...props })));
-exports.DrawerOverlay = DrawerOverlay;
-DrawerOverlay.displayName = vaul_1.Drawer.Overlay.displayName;
-const DrawerContent = React.forwardRef(({ className, children, ...props }, ref) => ((0, jsx_runtime_1.jsxs)(DrawerPortal, { children: [(0, jsx_runtime_1.jsx)(DrawerOverlay, {}), (0, jsx_runtime_1.jsxs)(vaul_1.Drawer.Content, { ref: ref, className: (0, utils_1.cn)('fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background', className), ...props, children: [(0, jsx_runtime_1.jsx)("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }), children] })] })));
-exports.DrawerContent = DrawerContent;
-DrawerContent.displayName = 'DrawerContent';
-const DrawerHeader = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('grid gap-1.5 p-4 text-center sm:text-left', className), ...props }));
-exports.DrawerHeader = DrawerHeader;
-DrawerHeader.displayName = 'DrawerHeader';
-const DrawerFooter = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('mt-auto flex flex-col gap-2 p-4', className), ...props }));
-exports.DrawerFooter = DrawerFooter;
-DrawerFooter.displayName = 'DrawerFooter';
-const DrawerTitle = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(vaul_1.Drawer.Title, { ref: ref, className: (0, utils_1.cn)('text-lg font-semibold leading-none tracking-tight', className), ...props })));
-exports.DrawerTitle = DrawerTitle;
-DrawerTitle.displayName = vaul_1.Drawer.Title.displayName;
-const DrawerDescription = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(vaul_1.Drawer.Description, { ref: ref, className: (0, utils_1.cn)('text-sm text-muted-foreground', className), ...props })));
-exports.DrawerDescription = DrawerDescription;
-DrawerDescription.displayName = vaul_1.Drawer.Description.displayName;

package/dist/cjs/components/dropdown-menu.js

@@ -1,85 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropdownMenuTrigger = exports.DropdownMenuSubTrigger = exports.DropdownMenuSubContent = exports.DropdownMenuSub = exports.DropdownMenuShortcut = exports.DropdownMenuSeparator = exports.DropdownMenuRadioItem = exports.DropdownMenuRadioGroup = exports.DropdownMenuPortal = exports.DropdownMenuLabel = exports.DropdownMenuItem = exports.DropdownMenuGroup = exports.DropdownMenuContent = exports.DropdownMenuCheckboxItem = exports.DropdownMenu = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const DropdownMenuPrimitive = __importStar(require("@radix-ui/react-dropdown-menu"));
-const lucide_react_1 = require("lucide-react");
-const React = __importStar(require("react"));
-const utils_1 = require("../lib/utils");
-const DropdownMenu = DropdownMenuPrimitive.Root;
-exports.DropdownMenu = DropdownMenu;
-const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-exports.DropdownMenuTrigger = DropdownMenuTrigger;
-const DropdownMenuGroup = DropdownMenuPrimitive.Group;
-exports.DropdownMenuGroup = DropdownMenuGroup;
-const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
-exports.DropdownMenuPortal = DropdownMenuPortal;
-const DropdownMenuSub = DropdownMenuPrimitive.Sub;
-exports.DropdownMenuSub = DropdownMenuSub;
-const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
-const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => ((0, jsx_runtime_1.jsxs)(DropdownMenuPrimitive.SubTrigger, { ref: ref, className: (0, utils_1.cn)('flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', inset && 'pl-8', className), ...props, children: [children, (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "ml-auto" })] })));
-exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
-DropdownMenuSubTrigger.displayName =
-    DropdownMenuPrimitive.SubTrigger.displayName;
-const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.SubContent, { ref: ref, className: (0, utils_1.cn)('z-50 min-w-[8rem] origin-[--radix-dropdown-menu-content-transform-origin] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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', className), ...props })));
-exports.DropdownMenuSubContent = DropdownMenuSubContent;
-DropdownMenuSubContent.displayName =
-    DropdownMenuPrimitive.SubContent.displayName;
-const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: (0, utils_1.cn)('z-[1010] max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] origin-[--radix-dropdown-menu-content-transform-origin] overflow-y-auto overflow-x-hidden rounded-md bg-popover py-1 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', className), ...props }) })));
-exports.DropdownMenuContent = DropdownMenuContent;
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Item, { ref: ref, className: (0, utils_1.cn)('relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-fds-xs text-sm outline-none transition-colors hover:bg-fds-blue-10 focus:bg-fds-blue-10 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', inset && 'pl-8', className), ...props })));
-exports.DropdownMenuItem = DropdownMenuItem;
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => ((0, jsx_runtime_1.jsxs)(DropdownMenuPrimitive.CheckboxItem, { ref: ref, className: (0, utils_1.cn)('relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className), checked: checked, ...props, children: [(0, jsx_runtime_1.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: "h-4 w-4" }) }) }), children] })));
-exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
-DropdownMenuCheckboxItem.displayName =
-    DropdownMenuPrimitive.CheckboxItem.displayName;
-const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => ((0, jsx_runtime_1.jsxs)(DropdownMenuPrimitive.RadioItem, { ref: ref, className: (0, utils_1.cn)('relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className), ...props, children: [(0, jsx_runtime_1.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.Circle, { className: "h-2 w-2 fill-current" }) }) }), children] })));
-exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Label, { ref: ref, className: (0, utils_1.cn)('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className), ...props })));
-exports.DropdownMenuLabel = DropdownMenuLabel;
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Separator, { ref: ref, className: (0, utils_1.cn)('-mx-1 my-1 h-px bg-muted', className), ...props })));
-exports.DropdownMenuSeparator = DropdownMenuSeparator;
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-const DropdownMenuShortcut = ({ className, ...props }) => {
-    return ((0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)('ml-auto text-xs tracking-widest opacity-60', className), ...props }));
-};
-exports.DropdownMenuShortcut = DropdownMenuShortcut;
-DropdownMenuShortcut.displayName = 'DropdownMenuShortcut';