@freightos/freightwind 1.0.0

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

@@ -0,0 +1,110 @@
+"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

@@ -0,0 +1,75 @@
+"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

@@ -0,0 +1,12 @@
+"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

@@ -0,0 +1,58 @@
+"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

@@ -0,0 +1,62 @@
+"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;

package/dist/cjs/components/tooltip.js

@@ -0,0 +1,49 @@
+"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.TooltipTrigger = exports.TooltipProvider = exports.TooltipContent = exports.Tooltip = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../lib/utils");
+const TooltipPrimitive = __importStar(require("@radix-ui/react-tooltip"));
+const React = __importStar(require("react"));
+const TooltipProvider = ({ children, ...props }) => ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Provider, { delayDuration: 0, ...props, children: children }));
+exports.TooltipProvider = TooltipProvider;
+const Tooltip = TooltipPrimitive.Root;
+exports.Tooltip = Tooltip;
+const TooltipTrigger = TooltipPrimitive.Trigger;
+exports.TooltipTrigger = TooltipTrigger;
+const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => ((0, jsx_runtime_1.jsxs)(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: (0, utils_1.cn)('z-[9999] origin-[--radix-tooltip-content-transform-origin] overflow-hidden rounded-fds-md bg-fds-gray px-fds-lg py-fds-md !text-fds-base !font-fds-regular text-fds-white shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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, children: [props.children, (0, jsx_runtime_1.jsx)(TooltipPrimitive.Arrow, { className: "fill-fds-gray", width: 12, height: 6 })] })));
+exports.TooltipContent = TooltipContent;
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;

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

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

package/dist/cjs/index.js

@@ -0,0 +1,88 @@
+"use strict";
+// FreightWind Design System - Component Library
+// @freightos/freightwind
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SonnerToaster = exports.toast = exports.useToast = exports.cn = void 0;
+// Utility
+var utils_1 = require("./lib/utils");
+Object.defineProperty(exports, "cn", { enumerable: true, get: function () { return utils_1.cn; } });
+// Hooks
+var use_toast_1 = require("./hooks/use-toast");
+Object.defineProperty(exports, "useToast", { enumerable: true, get: function () { return use_toast_1.useToast; } });
+Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return use_toast_1.toast; } });
+// Components
+__exportStar(require("./components/accordion"), exports);
+__exportStar(require("./components/alert"), exports);
+__exportStar(require("./components/aspect-ratio"), exports);
+__exportStar(require("./components/avatar"), exports);
+__exportStar(require("./components/badge"), exports);
+__exportStar(require("./components/breadcrumb"), exports);
+__exportStar(require("./components/button"), exports);
+__exportStar(require("./components/calendar"), exports);
+__exportStar(require("./components/card"), exports);
+__exportStar(require("./components/chart"), exports);
+__exportStar(require("./components/checkbox"), exports);
+__exportStar(require("./components/chip"), exports);
+__exportStar(require("./components/collapsible"), exports);
+__exportStar(require("./components/command"), exports);
+__exportStar(require("./components/context-menu"), exports);
+__exportStar(require("./components/country-select"), exports);
+__exportStar(require("./components/date-picker"), exports);
+__exportStar(require("./components/date-range-picker"), exports);
+__exportStar(require("./components/date-time-picker"), exports);
+__exportStar(require("./components/dialog"), exports);
+__exportStar(require("./components/drawer"), exports);
+__exportStar(require("./components/dropdown-menu"), exports);
+__exportStar(require("./components/empty"), exports);
+__exportStar(require("./components/file-preview"), exports);
+__exportStar(require("./components/form"), exports);
+__exportStar(require("./components/inline-edit"), exports);
+__exportStar(require("./components/input"), exports);
+__exportStar(require("./components/input-group"), exports);
+__exportStar(require("./components/input-otp"), exports);
+__exportStar(require("./components/label"), exports);
+__exportStar(require("./components/menubar"), exports);
+__exportStar(require("./components/navigation-menu"), exports);
+__exportStar(require("./components/pagination"), exports);
+__exportStar(require("./components/phone-input"), exports);
+__exportStar(require("./components/popover"), exports);
+__exportStar(require("./components/progress"), exports);
+__exportStar(require("./components/radio-button-group"), exports);
+__exportStar(require("./components/radio-group"), exports);
+__exportStar(require("./components/resizable"), exports);
+__exportStar(require("./components/rich-text-editor"), exports);
+__exportStar(require("./components/scroll-area"), exports);
+__exportStar(require("./components/select"), exports);
+__exportStar(require("./components/separator"), exports);
+__exportStar(require("./components/sheet"), exports);
+__exportStar(require("./components/skeleton"), exports);
+__exportStar(require("./components/slider"), exports);
+var sonner_1 = require("./components/sonner");
+Object.defineProperty(exports, "SonnerToaster", { enumerable: true, get: function () { return sonner_1.Toaster; } });
+__exportStar(require("./components/spinner"), exports);
+__exportStar(require("./components/stepper"), exports);
+__exportStar(require("./components/steps"), exports);
+__exportStar(require("./components/switch"), exports);
+__exportStar(require("./components/table"), exports);
+__exportStar(require("./components/tabs"), exports);
+__exportStar(require("./components/textarea"), exports);
+__exportStar(require("./components/time-picker"), exports);
+__exportStar(require("./components/toast"), exports);
+__exportStar(require("./components/toaster"), exports);
+__exportStar(require("./components/toggle"), exports);
+__exportStar(require("./components/toggle-group"), exports);
+__exportStar(require("./components/tooltip"), exports);