@freightos/freightwind 1.0.0

package/dist/cjs/components/pagination.js

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

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

@@ -0,0 +1,218 @@
+"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.PhoneInput = exports.PHONE_COUNTRIES = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../lib/utils");
+const countryUtils_1 = require("../lib/countryUtils");
+const icons_1 = require("@freightos/icons");
+const React = __importStar(require("react"));
+const libphonenumber_js_1 = require("libphonenumber-js");
+// Countries with dial codes
+exports.PHONE_COUNTRIES = [
+    { code: 'US', name: 'United States', dialCode: '+1' },
+    { code: 'CN', name: 'China', dialCode: '+86' },
+    { code: 'GB', name: 'United Kingdom', dialCode: '+44' },
+    { code: 'CA', name: 'Canada', dialCode: '+1' },
+    { code: 'DE', name: 'Germany', dialCode: '+49' },
+    { code: 'FR', name: 'France', dialCode: '+33' },
+    { code: 'IT', name: 'Italy', dialCode: '+39' },
+    { code: 'ES', name: 'Spain', dialCode: '+34' },
+    { code: 'NL', name: 'Netherlands', dialCode: '+31' },
+    { code: 'BE', name: 'Belgium', dialCode: '+32' },
+    { code: 'CH', name: 'Switzerland', dialCode: '+41' },
+    { code: 'AT', name: 'Austria', dialCode: '+43' },
+    { code: 'SE', name: 'Sweden', dialCode: '+46' },
+    { code: 'NO', name: 'Norway', dialCode: '+47' },
+    { code: 'DK', name: 'Denmark', dialCode: '+45' },
+    { code: 'FI', name: 'Finland', dialCode: '+358' },
+    { code: 'PL', name: 'Poland', dialCode: '+48' },
+    { code: 'CZ', name: 'Czech Republic', dialCode: '+420' },
+    { code: 'IE', name: 'Ireland', dialCode: '+353' },
+    { code: 'PT', name: 'Portugal', dialCode: '+351' },
+    { code: 'GR', name: 'Greece', dialCode: '+30' },
+    { code: 'JP', name: 'Japan', dialCode: '+81' },
+    { code: 'KR', name: 'South Korea', dialCode: '+82' },
+    { code: 'IN', name: 'India', dialCode: '+91' },
+    { code: 'AU', name: 'Australia', dialCode: '+61' },
+    { code: 'NZ', name: 'New Zealand', dialCode: '+64' },
+    { code: 'SG', name: 'Singapore', dialCode: '+65' },
+    { code: 'HK', name: 'Hong Kong', dialCode: '+852' },
+    { code: 'TW', name: 'Taiwan', dialCode: '+886' },
+    { code: 'TH', name: 'Thailand', dialCode: '+66' },
+    { code: 'MY', name: 'Malaysia', dialCode: '+60' },
+    { code: 'ID', name: 'Indonesia', dialCode: '+62' },
+    { code: 'PH', name: 'Philippines', dialCode: '+63' },
+    { code: 'VN', name: 'Vietnam', dialCode: '+84' },
+    { code: 'BR', name: 'Brazil', dialCode: '+55' },
+    { code: 'MX', name: 'Mexico', dialCode: '+52' },
+    { code: 'AR', name: 'Argentina', dialCode: '+54' },
+    { code: 'CL', name: 'Chile', dialCode: '+56' },
+    { code: 'CO', name: 'Colombia', dialCode: '+57' },
+    { code: 'PE', name: 'Peru', dialCode: '+51' },
+    { code: 'ZA', name: 'South Africa', dialCode: '+27' },
+    { code: 'EG', name: 'Egypt', dialCode: '+20' },
+    { code: 'IL', name: 'Israel', dialCode: '+972' },
+    { code: 'AE', name: 'United Arab Emirates', dialCode: '+971' },
+    { code: 'SA', name: 'Saudi Arabia', dialCode: '+966' },
+    { code: 'TR', name: 'Turkey', dialCode: '+90' },
+    { code: 'RU', name: 'Russia', dialCode: '+7' },
+    { code: 'UA', name: 'Ukraine', dialCode: '+380' },
+];
+const PhoneInput = ({ value = '', onChange, onError, placeholder = 'Enter phone number', defaultCountry = 'US', mostUsedCountries = ['US', 'CN'], countries = exports.PHONE_COUNTRIES, className, disabled = false, }) => {
+    const [open, setOpen] = React.useState(false);
+    const [search, setSearch] = React.useState('');
+    const [selectedCountry, setSelectedCountry] = React.useState(() => countries.find((c) => c.code === defaultCountry) || countries[0]);
+    const [phoneNumber, setPhoneNumber] = React.useState('');
+    const containerRef = React.useRef(null);
+    const searchInputRef = React.useRef(null);
+    // Parse initial value to extract country and number
+    React.useEffect(() => {
+        if (value) {
+            try {
+                const parsed = (0, libphonenumber_js_1.parsePhoneNumberFromString)(value);
+                if (parsed) {
+                    const countryCode = parsed.country;
+                    if (countryCode) {
+                        const country = countries.find((c) => c.code === countryCode);
+                        if (country) {
+                            setSelectedCountry(country);
+                        }
+                    }
+                    setPhoneNumber(parsed.nationalNumber);
+                }
+                else {
+                    // Try to extract dial code from value
+                    const matchingCountry = countries.find((c) => value.startsWith(c.dialCode));
+                    if (matchingCountry) {
+                        setSelectedCountry(matchingCountry);
+                        setPhoneNumber(value.slice(matchingCountry.dialCode.length).trim());
+                    }
+                    else {
+                        setPhoneNumber(value.replace(/^\+\d+\s*/, ''));
+                    }
+                }
+            }
+            catch {
+                setPhoneNumber(value);
+            }
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    // Filter countries based on search
+    const filteredCountries = React.useMemo(() => {
+        const searchLower = search.toLowerCase();
+        const filtered = countries.filter((country) => country.name.toLowerCase().includes(searchLower) ||
+            country.code.toLowerCase().includes(searchLower) ||
+            country.dialCode.includes(search));
+        return filtered.sort((a, b) => {
+            const aIsMostUsed = mostUsedCountries.includes(a.code);
+            const bIsMostUsed = mostUsedCountries.includes(b.code);
+            if (aIsMostUsed && !bIsMostUsed)
+                return -1;
+            if (!aIsMostUsed && bIsMostUsed)
+                return 1;
+            return a.name.localeCompare(b.name);
+        });
+    }, [countries, search, mostUsedCountries]);
+    // Close on click outside
+    React.useEffect(() => {
+        const handleClickOutside = (e) => {
+            if (containerRef.current &&
+                !containerRef.current.contains(e.target)) {
+                setOpen(false);
+                setSearch('');
+            }
+        };
+        if (open) {
+            document.addEventListener('mousedown', handleClickOutside);
+        }
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, [open]);
+    const handleCountrySelect = (country) => {
+        setSelectedCountry(country);
+        setOpen(false);
+        setSearch('');
+        // Update full value with new country code
+        const fullNumber = `${country.dialCode} ${phoneNumber}`.trim();
+        onChange?.(fullNumber);
+        validateNumber(phoneNumber, country.code);
+    };
+    const handlePhoneChange = (e) => {
+        const input = e.target.value;
+        // Format as user types
+        const formatter = new libphonenumber_js_1.AsYouType(selectedCountry.code);
+        const formatted = formatter.input(input);
+        // Extract just the national number part
+        const nationalNumber = formatted.replace(/^\+\d+\s*/, '');
+        setPhoneNumber(nationalNumber);
+        // Build full international number
+        const fullNumber = `${selectedCountry.dialCode} ${nationalNumber}`.trim();
+        onChange?.(fullNumber);
+        validateNumber(nationalNumber, selectedCountry.code);
+    };
+    const validateNumber = (number, countryCode) => {
+        if (!number || !onError)
+            return;
+        try {
+            const fullNumber = `${(0, libphonenumber_js_1.getCountryCallingCode)(countryCode)}${number.replace(/\D/g, '')}`;
+            const parsed = (0, libphonenumber_js_1.parsePhoneNumberFromString)(`+${fullNumber}`, countryCode);
+            onError?.(!parsed?.isValid());
+        }
+        catch {
+            onError?.(true);
+        }
+    };
+    const handleTriggerClick = () => {
+        if (!disabled) {
+            setOpen(!open);
+            if (!open) {
+                setTimeout(() => searchInputRef.current?.focus(), 0);
+            }
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: containerRef, className: (0, utils_1.cn)('relative flex min-w-0', className), children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: handleTriggerClick, disabled: disabled, className: (0, utils_1.cn)('flex h-[32px] shrink-0 items-center gap-fds-xs rounded-l-fds-md border border-r-0 border-input-border bg-input px-fds-sm text-fds-base outline-none transition-[color,box-shadow]', open &&
+                    'border-[#2075bd] shadow-[0_0_0_2px_var(--fds-color-primary-blue-20)]', disabled && 'cursor-not-allowed opacity-50'), children: [(0, jsx_runtime_1.jsx)("img", { src: (0, countryUtils_1.getCountryFlag)(selectedCountry.code), alt: selectedCountry.code, className: "h-4 w-4 shrink-0 rounded-full object-cover" }), (0, jsx_runtime_1.jsx)("span", { className: "text-fds-sm text-fds-gray-60", children: selectedCountry.dialCode }), (0, jsx_runtime_1.jsx)(icons_1.IconCaretDown, { size: 14, className: (0, utils_1.cn)('shrink-0 text-fds-gray-60 transition-transform', open && 'rotate-180') })] }), (0, jsx_runtime_1.jsx)("input", { type: "tel", value: phoneNumber, onChange: handlePhoneChange, placeholder: placeholder, disabled: disabled, className: (0, utils_1.cn)('h-[32px] flex-1 rounded-r-fds-md border border-input-border bg-input px-fds-sm text-fds-base outline-none transition-[color,box-shadow] placeholder:text-muted-foreground', 'focus:border-[#2075bd] focus:shadow-[0_0_0_2px_var(--fds-color-primary-blue-20)]', disabled && 'cursor-not-allowed opacity-50') }), open && ((0, jsx_runtime_1.jsxs)("div", { className: "absolute left-0 top-full z-50 mt-fds-xs w-[280px] rounded-fds-md border border-border bg-popover shadow-lg", children: [(0, jsx_runtime_1.jsx)("div", { className: "border-b border-border p-fds-xs", children: (0, jsx_runtime_1.jsx)("input", { ref: searchInputRef, type: "text", value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Search country...", className: "h-[28px] w-full rounded-fds-sm border border-input-border bg-input px-fds-sm text-fds-sm outline-none focus:border-[#2075bd] focus:shadow-[0_0_0_2px_var(--fds-color-primary-blue-20)]" }) }), (0, jsx_runtime_1.jsx)("div", { className: "max-h-[210px] overflow-y-auto p-fds-xs", children: filteredCountries.length === 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "px-fds-sm py-fds-md text-center text-fds-sm text-muted-foreground", children: "No countries found" })) : (filteredCountries.map((country, index) => {
+                            const isSelected = country.code === selectedCountry.code;
+                            const isMostUsed = mostUsedCountries.includes(country.code);
+                            const isLastMostUsed = isMostUsed &&
+                                !search &&
+                                index === mostUsedCountries.length - 1 &&
+                                filteredCountries.length > mostUsedCountries.length;
+                            return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { onClick: () => handleCountrySelect(country), className: (0, utils_1.cn)('flex cursor-pointer items-center gap-fds-sm rounded-fds-sm px-fds-sm py-fds-xs hover:bg-accent', isSelected && 'bg-accent'), children: [(0, jsx_runtime_1.jsx)("img", { src: (0, countryUtils_1.getCountryFlag)(country.code), alt: country.code, className: "h-6 w-6 shrink-0 rounded-full object-cover" }), (0, jsx_runtime_1.jsx)("span", { className: "flex-1 truncate text-fds-base", children: country.name }), (0, jsx_runtime_1.jsx)("span", { className: "text-fds-sm text-fds-gray-60", children: country.dialCode })] }), isLastMostUsed && ((0, jsx_runtime_1.jsx)("div", { className: "my-fds-xs h-px bg-border" }))] }, country.code));
+                        })) })] }))] }));
+};
+exports.PhoneInput = PhoneInput;

package/dist/cjs/components/popover.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.PopoverArrow = exports.PopoverContent = exports.PopoverTrigger = exports.Popover = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const PopoverPrimitive = __importStar(require("@radix-ui/react-popover"));
+const utils_1 = require("../lib/utils");
+const Popover = PopoverPrimitive.Root;
+exports.Popover = Popover;
+const PopoverTrigger = PopoverPrimitive.Trigger;
+exports.PopoverTrigger = PopoverTrigger;
+const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, showArrow = false, ...props }, ref) => ((0, jsx_runtime_1.jsx)(PopoverPrimitive.Portal, { children: (0, jsx_runtime_1.jsxs)(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: (0, utils_1.cn)("z-[1300] w-72 rounded-md bg-popover p-4 text-popover-foreground shadow-fds-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]", className), ...props, children: [props.children, showArrow && ((0, jsx_runtime_1.jsx)(PopoverPrimitive.Arrow, { className: "fill-popover", width: 16, height: 8 }))] }) })));
+exports.PopoverContent = PopoverContent;
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+const PopoverArrow = PopoverPrimitive.Arrow;
+exports.PopoverArrow = PopoverArrow;

package/dist/cjs/components/progress.js

@@ -0,0 +1,43 @@
+"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.Progress = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const ProgressPrimitive = __importStar(require("@radix-ui/react-progress"));
+const utils_1 = require("../lib/utils");
+const Progress = React.forwardRef(({ className, value, ...props }, ref) => ((0, jsx_runtime_1.jsx)(ProgressPrimitive.Root, { ref: ref, className: (0, utils_1.cn)("relative h-4 w-full overflow-hidden rounded-full bg-secondary", className), ...props, children: (0, jsx_runtime_1.jsx)(ProgressPrimitive.Indicator, { className: "h-full w-full flex-1 bg-primary transition-all", style: { transform: `translateX(-${100 - (value || 0)}%)` } }) })));
+exports.Progress = Progress;
+Progress.displayName = ProgressPrimitive.Root.displayName;

package/dist/cjs/components/radio-button-group.js

@@ -0,0 +1,84 @@
+"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.RadioButtonGroupItem = exports.RadioButtonGroup = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../lib/utils");
+const class_variance_authority_1 = require("class-variance-authority");
+const React = __importStar(require("react"));
+const radio_group_1 = require("./radio-group");
+const radioButtonGroupItemVariants = (0, class_variance_authority_1.cva)('relative flex cursor-pointer items-center justify-center border bg-card px-[15px] transition-all has-[[data-state=checked]]:z-10', {
+    variants: {
+        size: {
+            small: 'h-[24px]',
+            medium: 'h-[32px]',
+            large: 'h-[40px]',
+        },
+        variant: {
+            default: 'border-fds-gray-30 text-fds-gray-80 dark:border-fds-gray-60 dark:text-fds-gray-40 has-[[data-state=checked]]:border-fds-blue has-[[data-state=checked]]:bg-fds-blue-10 has-[[data-state=checked]]:text-fds-blue dark:has-[[data-state=checked]]:border-fds-blue-20 dark:has-[[data-state=checked]]:text-fds-blue',
+            custom: '', // No default checked styles, allows full customization
+        },
+    },
+    defaultVariants: {
+        size: 'medium',
+        variant: 'default',
+    },
+});
+const RadioButtonGroup = React.forwardRef(({ className, children, size, borderRadius = 'lg', ...props }, ref) => {
+    const childrenArray = React.Children.toArray(children);
+    const childrenWithProps = childrenArray.map((child, index) => {
+        if (React.isValidElement(child)) {
+            const isFirst = index === 0;
+            const isLast = index === childrenArray.length - 1;
+            const roundedStart = borderRadius === 'full' ? 'rounded-s-full' : 'rounded-s-fds-md';
+            const roundedEnd = borderRadius === 'full' ? 'rounded-e-full' : 'rounded-e-fds-md';
+            const childProps = child.props;
+            return React.cloneElement(child, {
+                ...childProps,
+                size: childProps.size ?? size ?? undefined,
+                className: (0, utils_1.cn)(childProps.className, isFirst && roundedStart, isLast && roundedEnd, !isFirst && '-ml-px') || undefined,
+            });
+        }
+        return child;
+    });
+    return ((0, jsx_runtime_1.jsx)(radio_group_1.RadioGroup, { ref: ref, className: (0, utils_1.cn)('flex gap-0', className), ...props, children: childrenWithProps }));
+});
+exports.RadioButtonGroup = RadioButtonGroup;
+RadioButtonGroup.displayName = 'RadioButtonGroup';
+const RadioButtonGroupItem = React.forwardRef(({ className, value, id, size, variant, children, ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: (0, utils_1.cn)(radioButtonGroupItemVariants({ size, variant }), className), ...props, children: [(0, jsx_runtime_1.jsx)(radio_group_1.RadioGroupItem, { id: id, value: value, className: "sr-only" }), (0, jsx_runtime_1.jsx)("label", { htmlFor: id, className: "cursor-pointer whitespace-nowrap font-medium after:absolute after:inset-0", style: { color: 'inherit', fontSize: 'inherit' }, children: children })] }));
+});
+exports.RadioButtonGroupItem = RadioButtonGroupItem;
+RadioButtonGroupItem.displayName = 'RadioButtonGroupItem';

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

@@ -0,0 +1,50 @@
+"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.RadioGroupItem = exports.RadioGroup = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const RadioGroupPrimitive = __importStar(require("@radix-ui/react-radio-group"));
+const React = __importStar(require("react"));
+const utils_1 = require("../lib/utils");
+const RadioGroup = React.forwardRef(({ className, ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsx)(RadioGroupPrimitive.Root, { className: (0, utils_1.cn)('grid gap-2', className), ...props, ref: ref }));
+});
+exports.RadioGroup = RadioGroup;
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+const RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsx)(RadioGroupPrimitive.Item, { ref: ref, className: (0, utils_1.cn)('aspect-square h-[16px] w-[16px] rounded-full border border-fds-gray-80 text-fds-blue ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-fds-blue focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-fds-blue', className), ...props, children: (0, jsx_runtime_1.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: (0, jsx_runtime_1.jsx)("div", { className: "h-[8px] w-[8px] rounded-full bg-fds-blue" }) }) }));
+});
+exports.RadioGroupItem = RadioGroupItem;
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;

package/dist/cjs/components/resizable.js

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