@freightos/freightwind 1.0.0 → 1.1.1

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';

package/dist/cjs/components/empty.js

@@ -1,42 +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.Empty = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const utils_1 = require("../lib/utils");
-const Empty = React.forwardRef(({ className, message = 'No data', ...props }, ref) => ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: (0, utils_1.cn)('flex flex-col items-center justify-center py-fds-xl', className), ...props, children: [(0, jsx_runtime_1.jsx)("svg", { width: "64", height: "41", viewBox: "0 0 64 41", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsxs)("g", { transform: "translate(0 1)", fill: "none", fillRule: "evenodd", children: [(0, jsx_runtime_1.jsx)("ellipse", { className: "fill-fds-gray-10 dark:fill-fds-gray-80", cx: "32", cy: "33", rx: "32", ry: "7" }), (0, jsx_runtime_1.jsxs)("g", { fillRule: "nonzero", className: "stroke-fds-gray-30 dark:stroke-fds-gray-60", children: [(0, jsx_runtime_1.jsx)("path", { d: "M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z" }), (0, jsx_runtime_1.jsx)("path", { d: "M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z", className: "fill-fds-gray-5 dark:fill-fds-gray-90" })] })] }) }), (0, jsx_runtime_1.jsx)("span", { className: "mt-fds-sm text-fds-sm text-fds-gray-50", children: message })] })));
-exports.Empty = Empty;
-Empty.displayName = 'Empty';

package/dist/cjs/components/file-preview.js

@@ -1,73 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilePreview = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const button_1 = require("./button");
-const dialog_1 = require("./dialog");
-const icons_1 = require("@freightos/icons");
-const IMAGE_EXTENSIONS = ['.jpg', '.jpeg', '.png', '.gif', '.webp', '.svg', '.bmp'];
-function isImageFile(fileName) {
-    const lowerName = fileName.toLowerCase();
-    return IMAGE_EXTENSIONS.some(ext => lowerName.endsWith(ext));
-}
-const FilePreview = ({ fileName, fileUrl, open, onOpenChange, }) => {
-    const isImage = isImageFile(fileName);
-    const handlePrint = () => {
-        if (isImage) {
-            // For images, create a printable HTML page
-            const printWindow = window.open('', '_blank');
-            if (printWindow) {
-                printWindow.document.write(`
-          <!DOCTYPE html>
-          <html>
-            <head>
-              <title>${fileName}</title>
-              <style>
-                body { margin: 0; display: flex; justify-content: center; align-items: center; min-height: 100vh; }
-                img { max-width: 100%; max-height: 100vh; object-fit: contain; }
-                @media print { body { margin: 0; } img { max-width: 100%; max-height: 100%; } }
-              </style>
-            </head>
-            <body>
-              <img src="${fileUrl}" alt="${fileName}" onload="window.print(); window.close();" />
-            </body>
-          </html>
-        `);
-                printWindow.document.close();
-            }
-        }
-        else {
-            // For PDFs and other documents
-            const printWindow = window.open(fileUrl, '_blank');
-            if (printWindow) {
-                printWindow.onload = () => {
-                    printWindow.print();
-                };
-            }
-        }
-    };
-    const handleDownload = async () => {
-        try {
-            const response = await fetch(fileUrl);
-            const blob = await response.blob();
-            const url = window.URL.createObjectURL(blob);
-            const link = document.createElement('a');
-            link.href = url;
-            link.download = fileName;
-            document.body.appendChild(link);
-            link.click();
-            document.body.removeChild(link);
-            window.URL.revokeObjectURL(url);
-            onOpenChange(false);
-        }
-        catch (error) {
-            console.error('Download failed:', error);
-            // Fallback: open in new tab
-            window.open(fileUrl, '_blank');
-            onOpenChange(false);
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(dialog_1.Dialog, { open: open, onOpenChange: onOpenChange, children: (0, jsx_runtime_1.jsxs)(dialog_1.DialogContent, { className: "h-[90vh] max-w-4xl", children: [(0, jsx_runtime_1.jsx)(dialog_1.DialogHeader, { children: (0, jsx_runtime_1.jsx)(dialog_1.DialogTitle, { children: fileName }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-1 items-center justify-center overflow-auto p-fds-xl", children: isImage ? ((0, jsx_runtime_1.jsx)("img", { src: fileUrl, alt: fileName, className: "max-h-full max-w-full object-contain" })) : ((0, jsx_runtime_1.jsx)("iframe", { src: fileUrl, title: fileName, className: "h-full w-full border-0" })) }), (0, jsx_runtime_1.jsxs)(dialog_1.DialogFooter, { className: "flex justify-end gap-2 py-fds-lg", children: [(0, jsx_runtime_1.jsxs)(button_1.Button, { type: "secondary", size: "medium", onClick: handlePrint, children: [(0, jsx_runtime_1.jsx)(icons_1.IconPrint, {}), "Print"] }), (0, jsx_runtime_1.jsxs)(button_1.Button, { type: "default", size: "medium", onClick: handleDownload, children: [(0, jsx_runtime_1.jsx)(icons_1.IconDownload, {}), "Download"] })] })] }) }));
-};
-exports.FilePreview = FilePreview;