@freightos/freightwind 1.0.0 → 1.1.1

package/dist/cjs/components/steps.js

@@ -1,127 +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.StepTitle = exports.StepSubGroup = exports.StepsContainer = exports.StepsAccordion = exports.Steps = exports.StepMeta = exports.stepIndicatorVariants = exports.StepIndicator = exports.StepGroup = exports.StepDescription = exports.StepContent = exports.Step = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../lib/utils");
-const icons_1 = require("@freightos/icons");
-const class_variance_authority_1 = require("class-variance-authority");
-const React = __importStar(require("react"));
-const StepGroupContext = React.createContext({
-    isInsideGroup: false,
-});
-const StepsContainer = ({ children, className, }) => {
-    return (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('flex flex-col', className), children: children });
-};
-exports.StepsContainer = StepsContainer;
-StepsContainer.displayName = 'StepsContainer';
-const StepGroup = ({ icon, title, children, className, showLineAbove = false, showLineBelow = false, lineAboveCompleted = false, lineBelowCompleted = false, defaultOpen = true, }) => {
-    const [isOpen, setIsOpen] = React.useState(defaultOpen);
-    const hasChildren = React.Children.count(children) > 0;
-    return ((0, jsx_runtime_1.jsx)(StepGroupContext.Provider, { value: { isInsideGroup: true }, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('flex flex-col', className), children: [showLineAbove && ((0, jsx_runtime_1.jsx)("div", { className: "relative flex h-4 gap-fds-md overflow-hidden", children: (0, jsx_runtime_1.jsx)("div", { className: "relative flex w-4 flex-shrink-0 justify-center", children: (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('absolute bottom-0 left-[7px] top-0 w-0 border-l-2', lineAboveCompleted
-                                ? 'border-fds-blue-20'
-                                : 'border-fds-gray-10') }) }) })), (0, jsx_runtime_1.jsxs)("div", { className: "relative flex items-center gap-fds-md", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative flex w-4 flex-shrink-0 flex-col items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "relative z-10 flex h-6 w-6 items-center justify-center rounded-full bg-fds-blue-10 text-fds-gray-50 ring-4 ring-white dark:ring-transparent", children: icon }), hasChildren && isOpen && ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('absolute bottom-[-8px] left-[7px] top-6 w-0 border-l-2', lineBelowCompleted
-                                        ? 'border-fds-blue-20'
-                                        : 'border-fds-gray-10') })), !isOpen && showLineBelow && ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('absolute bottom-[-24px] left-[7px] top-6 w-0 border-l-2', lineBelowCompleted
-                                        ? 'border-fds-blue-20'
-                                        : 'border-fds-gray-10') }))] }), (0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: () => setIsOpen(!isOpen), className: "flex flex-1 items-center justify-between py-fds-xs", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-fds-h6 font-fds-bold", children: title }), hasChildren && ((0, jsx_runtime_1.jsx)(icons_1.IconCaretDown, { size: 18, className: (0, utils_1.cn)('text-fds-gray-50 transition-transform duration-200', isOpen && 'rotate-180') }))] })] }), (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('grid transition-[grid-template-rows] duration-300 ease-in-out', isOpen ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'), children: (0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden", children: children }) })] }) }));
-};
-exports.StepGroup = StepGroup;
-StepGroup.displayName = 'StepGroup';
-const StepSubGroup = ({ children, label, className, lineColor = 'gray', }) => {
-    const borderClass = lineColor === 'blue' ? 'border-fds-blue-20' : 'border-fds-gray-10';
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('relative', className), children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative flex gap-fds-md", children: [(0, jsx_runtime_1.jsx)("div", { className: "relative w-4 flex-shrink-0", children: (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('absolute bottom-0 left-[7px] top-0 w-0 border-l-2', borderClass) }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex-1 border-t border-dashed border-border" })] }), children, (0, jsx_runtime_1.jsxs)("div", { className: "relative flex gap-fds-md", children: [(0, jsx_runtime_1.jsx)("div", { className: "relative w-4 flex-shrink-0", children: (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('absolute bottom-0 left-[7px] top-0 w-0 border-l-2', borderClass) }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex-1 border-t border-dashed border-border" })] }), label && ((0, jsx_runtime_1.jsx)("div", { className: "absolute right-0 top-1/2 -translate-y-1/2", children: label }))] }));
-};
-exports.StepSubGroup = StepSubGroup;
-StepSubGroup.displayName = 'StepSubGroup';
-/* -----------------------------------------------------------------------------
- * Step - Individual step item
- * -------------------------------------------------------------------------- */
-const stepIndicatorVariants = (0, class_variance_authority_1.cva)('flex items-center justify-center rounded-full', {
-    variants: {
-        status: {
-            completed: 'h-[16px] w-[16px] bg-fds-blue text-white',
-            active: 'h-[16px] w-[16px] border-2 border-fds-blue bg-white dark:bg-transparent',
-            pending: 'h-[16px] w-[16px] border-2 border-dashed border-fds-gray-30 bg-white dark:bg-transparent',
-        },
-    },
-    defaultVariants: {
-        status: 'pending',
-    },
-});
-exports.stepIndicatorVariants = stepIndicatorVariants;
-const Step = ({ status = 'pending', showLine = true, progressReached = false, nextStepCompleted = false, children, className, meta, }) => {
-    const isCompleted = status === 'completed';
-    const { isInsideGroup } = React.useContext(StepGroupContext);
-    // Visual status: show as completed if progress has reached this step
-    const visuallyCompleted = isCompleted || progressReached;
-    const visualStatus = visuallyCompleted ? 'completed' : status;
-    // Line colors: blue if progress has reached this step or beyond
-    const lineAboveColor = visuallyCompleted
-        ? 'border-fds-blue-20'
-        : 'border-fds-gray-10';
-    const lineBelowColor = nextStepCompleted
-        ? 'border-fds-blue-20'
-        : 'border-fds-gray-10';
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('flex flex-col', className), children: [isInsideGroup && ((0, jsx_runtime_1.jsxs)("div", { className: "relative flex h-3 gap-fds-md", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('absolute bottom-0 left-[7px] top-0 w-0 border-l-2', lineAboveColor) }), (0, jsx_runtime_1.jsx)("div", { className: "w-4 flex-shrink-0" }), (0, jsx_runtime_1.jsx)("div", { className: "flex-1" })] })), (0, jsx_runtime_1.jsxs)("div", { className: "relative flex items-center gap-fds-md", children: [isInsideGroup && ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('absolute bottom-1/2 left-[7px] top-0 w-0 border-l-2', lineAboveColor) })), showLine && ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('absolute bottom-0 left-[7px] top-1/2 w-0 border-l-2', lineBelowColor) })), (0, jsx_runtime_1.jsx)("div", { className: "relative z-10 flex w-4 flex-shrink-0 justify-center bg-white py-2 dark:bg-transparent", children: visualStatus === 'pending' ? ((0, jsx_runtime_1.jsx)("div", { className: "h-[11px] w-[11px] rounded-full border-[1.5px] border-dashed border-fds-gray-30 bg-card" })) : ((0, jsx_runtime_1.jsx)("div", { className: stepIndicatorVariants({ status: visualStatus }), children: visuallyCompleted && (0, jsx_runtime_1.jsx)(icons_1.IconCheck, { size: 10 }) })) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-1 justify-between", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex-1", children: children }), meta && (0, jsx_runtime_1.jsx)("div", { className: "ml-fds-sm", children: meta })] })] }), showLine && ((0, jsx_runtime_1.jsxs)("div", { className: "relative flex gap-fds-md pb-1", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('absolute bottom-0 left-[7px] top-0 w-0 border-l-2', lineBelowColor) }), (0, jsx_runtime_1.jsx)("div", { className: "w-4 flex-shrink-0" }), (0, jsx_runtime_1.jsx)("div", { className: "flex-1" })] }))] }));
-};
-exports.Step = Step;
-Step.displayName = 'Step';
-const StepTitle = ({ children, className }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('font-fds-semibold', className), children: children }));
-exports.StepTitle = StepTitle;
-StepTitle.displayName = 'StepTitle';
-const StepDescription = ({ location, estimatedDate, actualDate, children, className, }) => {
-    if (children) {
-        return (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('', className), children: children });
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('flex items-center gap-fds-xs', className), children: [location && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "font-fds-semibold", children: location }), (0, jsx_runtime_1.jsx)("span", { className: "h-[4px] w-[4px] rounded-full bg-fds-gray-20" })] })), actualDate ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [estimatedDate && ((0, jsx_runtime_1.jsx)("span", { className: "line-through", children: estimatedDate })), (0, jsx_runtime_1.jsx)("span", { className: "text-fds-red", children: actualDate })] })) : estimatedDate ? ((0, jsx_runtime_1.jsx)("span", { children: estimatedDate })) : ((0, jsx_runtime_1.jsx)("span", { children: "TBD" }))] }));
-};
-exports.StepDescription = StepDescription;
-StepDescription.displayName = 'StepDescription';
-const StepMeta = ({ children, className }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('flex items-center gap-fds-xs font-fds-semibold text-fds-gray-60', className), children: children }));
-exports.StepMeta = StepMeta;
-StepMeta.displayName = 'StepMeta';
-/* -----------------------------------------------------------------------------
- * Legacy exports for compatibility
- * -------------------------------------------------------------------------- */
-const Steps = StepsContainer;
-exports.Steps = Steps;
-const StepsAccordion = StepsContainer;
-exports.StepsAccordion = StepsAccordion;
-const StepIndicator = () => null; // No longer needed - indicator is built into Step
-exports.StepIndicator = StepIndicator;
-const StepContent = ({ children, className }) => (0, jsx_runtime_1.jsx)("div", { className: className, children: children });
-exports.StepContent = StepContent;

package/dist/cjs/components/table.js

@@ -1,66 +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.TableRow = exports.TableHeader = exports.TableHead = exports.TableFooter = exports.TableEmpty = exports.TableCell = exports.TableCaption = exports.TableBody = exports.Table = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const utils_1 = require("../lib/utils");
-const Table = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("div", { className: "relative w-full overflow-auto", children: (0, jsx_runtime_1.jsx)("table", { ref: ref, className: (0, utils_1.cn)('w-full caption-bottom text-sm', className), ...props }) })));
-exports.Table = Table;
-Table.displayName = 'Table';
-const TableHeader = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("thead", { ref: ref, className: (0, utils_1.cn)('[&_tr]:border-b [&_tr]:border-fds-gray-20', className), ...props })));
-exports.TableHeader = TableHeader;
-TableHeader.displayName = 'TableHeader';
-const TableBody = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("tbody", { ref: ref, className: (0, utils_1.cn)('[&_tr:last-child]:border-0', className), ...props })));
-exports.TableBody = TableBody;
-TableBody.displayName = 'TableBody';
-const TableFooter = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("tfoot", { ref: ref, className: (0, utils_1.cn)('border-t bg-muted/50 font-medium [&>tr]:last:border-b-0', className), ...props })));
-exports.TableFooter = TableFooter;
-TableFooter.displayName = 'TableFooter';
-const TableRow = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("tr", { ref: ref, className: (0, utils_1.cn)('border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted', className), ...props })));
-exports.TableRow = TableRow;
-TableRow.displayName = 'TableRow';
-const TableHead = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("th", { ref: ref, className: (0, utils_1.cn)('px-fds-md text-left align-middle font-fds-semibold text-foreground [&:has([role=checkbox])]:pr-0', className), ...props })));
-exports.TableHead = TableHead;
-TableHead.displayName = 'TableHead';
-const TableCell = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("td", { ref: ref, className: (0, utils_1.cn)('px-4 align-middle [&:has([role=checkbox])]:pr-0', className), ...props })));
-exports.TableCell = TableCell;
-TableCell.displayName = 'TableCell';
-const TableCaption = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("caption", { ref: ref, className: (0, utils_1.cn)('mt-4 text-sm text-muted-foreground', className), ...props })));
-exports.TableCaption = TableCaption;
-TableCaption.displayName = 'TableCaption';
-const TableEmpty = React.forwardRef(({ className, colSpan, message = 'No data', ...props }, ref) => ((0, jsx_runtime_1.jsx)("tr", { ref: ref, className: className, ...props, children: (0, jsx_runtime_1.jsx)("td", { colSpan: colSpan, className: "text-center", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center justify-center py-fds-xxl", 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.TableEmpty = TableEmpty;
-TableEmpty.displayName = 'TableEmpty';

package/dist/cjs/components/tabs.js

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

package/dist/cjs/components/textarea.js

@@ -1,44 +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.Textarea = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const utils_1 = require("../lib/utils");
-const Textarea = React.forwardRef(({ className, ...props }, ref) => {
-    return ((0, jsx_runtime_1.jsx)("textarea", { className: (0, utils_1.cn)("flex min-h-[80px] w-full rounded-md border border-input-border bg-input px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className), ref: ref, ...props }));
-});
-exports.Textarea = Textarea;
-Textarea.displayName = "Textarea";

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

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

package/dist/cjs/components/toast.js

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

package/dist/cjs/components/toaster.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Toaster = Toaster;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const use_toast_1 = require("../hooks/use-toast");
-const toast_1 = require("./toast");
-function Toaster() {
-    const { toasts } = (0, use_toast_1.useToast)();
-    return ((0, jsx_runtime_1.jsxs)(toast_1.ToastProvider, { children: [toasts.map(function ({ id, title, description, action, ...props }) {
-                return ((0, jsx_runtime_1.jsxs)(toast_1.Toast, { ...props, children: [(0, jsx_runtime_1.jsxs)("div", { className: "grid gap-1", children: [title && (0, jsx_runtime_1.jsx)(toast_1.ToastTitle, { children: title }), description && ((0, jsx_runtime_1.jsx)(toast_1.ToastDescription, { children: description }))] }), action, (0, jsx_runtime_1.jsx)(toast_1.ToastClose, {})] }, id));
-            }), (0, jsx_runtime_1.jsx)(toast_1.ToastViewport, {})] }));
-}

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

@@ -1,58 +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.ToggleGroupItem = exports.ToggleGroup = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const ToggleGroupPrimitive = __importStar(require("@radix-ui/react-toggle-group"));
-const utils_1 = require("../lib/utils");
-const toggle_1 = require("./toggle");
-const ToggleGroupContext = React.createContext({
-    size: "default",
-    variant: "default",
-});
-const ToggleGroup = React.forwardRef(({ className, variant, size, children, ...props }, ref) => ((0, jsx_runtime_1.jsx)(ToggleGroupPrimitive.Root, { ref: ref, className: (0, utils_1.cn)("flex items-center justify-center gap-1", className), ...props, children: (0, jsx_runtime_1.jsx)(ToggleGroupContext.Provider, { value: { variant, size }, children: children }) })));
-exports.ToggleGroup = ToggleGroup;
-ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-const ToggleGroupItem = React.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-    const context = React.useContext(ToggleGroupContext);
-    return ((0, jsx_runtime_1.jsx)(ToggleGroupPrimitive.Item, { ref: ref, className: (0, utils_1.cn)((0, toggle_1.toggleVariants)({
-            variant: context.variant || variant,
-            size: context.size || size,
-        }), className), ...props, children: children }));
-});
-exports.ToggleGroupItem = ToggleGroupItem;
-ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;

package/dist/cjs/components/toggle.js

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