@freightos/freightwind 1.0.0 → 1.1.1

package/dist/cjs/components/pagination.js

@@ -1,65 +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.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

@@ -1,218 +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.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

@@ -1,49 +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.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

@@ -1,43 +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.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/resizable.js

@@ -1,47 +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.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;

package/dist/cjs/components/rich-text-editor.js

@@ -1,152 +0,0 @@
-"use strict";
-'use client';
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RichTextEditor = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../lib/utils");
-const extension_bullet_list_1 = __importDefault(require("@tiptap/extension-bullet-list"));
-const extension_list_item_1 = __importDefault(require("@tiptap/extension-list-item"));
-const extension_ordered_list_1 = __importDefault(require("@tiptap/extension-ordered-list"));
-const extension_link_1 = __importDefault(require("@tiptap/extension-link"));
-const extension_underline_1 = __importDefault(require("@tiptap/extension-underline"));
-const extension_placeholder_1 = __importDefault(require("@tiptap/extension-placeholder"));
-const react_1 = require("@tiptap/react");
-const starter_kit_1 = __importDefault(require("@tiptap/starter-kit"));
-const state_1 = require("@tiptap/pm/state");
-const lucide_react_1 = require("lucide-react");
-const react_2 = require("react");
-const input_1 = require("./input");
-const button_1 = require("./button");
-const popover_1 = require("./popover");
-// Custom Link extension to prevent clicks
-const createCustomLink = (onLinkClick) => {
-    return extension_link_1.default.extend({
-        addProseMirrorPlugins() {
-            return [
-                new state_1.Plugin({
-                    key: new state_1.PluginKey('handleLinkClick'),
-                    props: {
-                        handleClick(_view, _pos, event) {
-                            const link = event.target?.closest('a');
-                            if (link) {
-                                event.preventDefault();
-                                event.stopPropagation();
-                                const href = link.getAttribute('href');
-                                if (href) {
-                                    onLinkClick(href);
-                                }
-                                return true;
-                            }
-                            return false;
-                        },
-                    },
-                }),
-            ];
-        },
-    }).configure({
-        openOnClick: false,
-        HTMLAttributes: {
-            class: 'text-primary underline cursor-pointer',
-            rel: 'noopener noreferrer nofollow',
-        },
-    });
-};
-const MenuBar = ({ editor, linkUrl, setLinkUrl, linkPopoverOpen, setLinkPopoverOpen, isEditingExistingLink, setIsEditingExistingLink, handleSetLink, handleRemoveLink, }) => {
-    if (!editor)
-        return null;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-fds-xs border-b border-border bg-fds-gray-10 px-fds-md py-fds-md dark:bg-card", children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => editor.chain().focus().toggleBold().run(), type: "button", className: "cursor-pointer rounded p-1 hover:bg-fds-gray-20 dark:hover:bg-fds-gray-80", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Bold, { className: (0, utils_1.cn)('h-4 w-4 text-foreground', editor.isActive('bold') && 'text-primary') }) }), (0, jsx_runtime_1.jsx)("button", { onClick: () => editor.chain().focus().toggleItalic().run(), type: "button", className: "cursor-pointer rounded p-1 hover:bg-fds-gray-20 dark:hover:bg-fds-gray-80", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Italic, { className: (0, utils_1.cn)('h-4 w-4 text-foreground', editor.isActive('italic') && 'text-primary') }) }), (0, jsx_runtime_1.jsx)("button", { onClick: () => editor.chain().focus().toggleUnderline().run(), type: "button", className: "cursor-pointer rounded p-1 hover:bg-fds-gray-20 dark:hover:bg-fds-gray-80", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Underline, { className: (0, utils_1.cn)('h-4 w-4 text-foreground', editor.isActive('underline') && 'text-primary') }) }), (0, jsx_runtime_1.jsx)("div", { className: "mx-fds-xs h-4 w-px bg-fds-gray-20 dark:bg-fds-gray-80" }), (0, jsx_runtime_1.jsx)("button", { onClick: (e) => {
-                    e.preventDefault();
-                    editor.chain().focus().toggleBulletList().run();
-                }, type: "button", className: "cursor-pointer rounded p-1 hover:bg-fds-gray-20 dark:hover:bg-fds-gray-80", children: (0, jsx_runtime_1.jsx)(lucide_react_1.List, { className: (0, utils_1.cn)('h-4 w-4 text-foreground', editor.isActive('bulletList') && 'text-primary') }) }), (0, jsx_runtime_1.jsx)("button", { onClick: (e) => {
-                    e.preventDefault();
-                    editor.chain().focus().toggleOrderedList().run();
-                }, type: "button", className: "cursor-pointer rounded p-1 hover:bg-fds-gray-20 dark:hover:bg-fds-gray-80", children: (0, jsx_runtime_1.jsx)(lucide_react_1.ListOrdered, { className: (0, utils_1.cn)('h-4 w-4 text-foreground', editor.isActive('orderedList') && 'text-primary') }) }), (0, jsx_runtime_1.jsxs)(popover_1.Popover, { open: linkPopoverOpen, onOpenChange: setLinkPopoverOpen, children: [(0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)("button", { type: "button", className: "cursor-pointer rounded p-1 hover:bg-fds-gray-20 dark:hover:bg-fds-gray-80", onClick: () => {
-                                if (editor.isActive('link')) {
-                                    setLinkUrl(editor.getAttributes('link').href);
-                                }
-                            }, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Link, { className: (0, utils_1.cn)('h-4 w-4 text-foreground', editor.isActive('link') && 'text-primary') }) }) }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { className: "w-[300px]", children: (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-fds-sm", children: isEditingExistingLink ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-fds-sm font-fds-semibold", children: "Visit URL:" }), (0, jsx_runtime_1.jsx)("a", { href: linkUrl, target: "_blank", rel: "noopener noreferrer", className: "truncate text-fds-sm text-primary hover:underline", children: linkUrl }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-fds-xs", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { size: "small", onClick: () => {
-                                                    setIsEditingExistingLink(false);
-                                                }, className: "flex-1", children: "Edit" }), (0, jsx_runtime_1.jsx)(button_1.Button, { size: "small", type: "text", onClick: handleRemoveLink, className: "flex-1", children: "Remove" })] })] })) : editor.isActive('link') ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-fds-sm font-fds-semibold", children: "Edit Link" }), (0, jsx_runtime_1.jsx)(input_1.Input, { value: linkUrl, onChange: (e) => setLinkUrl(e.target.value), placeholder: "Enter URL", onKeyDown: (e) => {
-                                            if (e.key === 'Enter') {
-                                                e.preventDefault();
-                                                handleSetLink();
-                                            }
-                                        }, autoFocus: true }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-fds-xs", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { size: "small", onClick: handleSetLink, className: "flex-1", children: "Update" }), (0, jsx_runtime_1.jsx)(button_1.Button, { size: "small", type: "text", onClick: handleRemoveLink, className: "flex-1", children: "Remove" })] })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-fds-sm font-fds-semibold", children: "Add Link" }), (0, jsx_runtime_1.jsx)(input_1.Input, { value: linkUrl, onChange: (e) => setLinkUrl(e.target.value), placeholder: "Enter URL", onKeyDown: (e) => {
-                                            if (e.key === 'Enter') {
-                                                e.preventDefault();
-                                                handleSetLink();
-                                            }
-                                        }, autoFocus: true }), (0, jsx_runtime_1.jsx)(button_1.Button, { size: "small", onClick: handleSetLink, children: "Add Link" })] })) }) })] })] }));
-};
-const RichTextEditor = ({ value = '', onChange, placeholder = 'Type your message...', className, }) => {
-    const [linkPopoverOpen, setLinkPopoverOpen] = (0, react_2.useState)(false);
-    const [linkUrl, setLinkUrl] = (0, react_2.useState)('');
-    const [isEditingExistingLink, setIsEditingExistingLink] = (0, react_2.useState)(false);
-    const handleLinkClick = (href) => {
-        setLinkUrl(href);
-        setIsEditingExistingLink(true);
-        setLinkPopoverOpen(true);
-    };
-    const CustomLink = createCustomLink(handleLinkClick);
-    const editor = (0, react_1.useEditor)({
-        immediatelyRender: false,
-        extensions: [
-            starter_kit_1.default.configure({
-                bulletList: false,
-                orderedList: false,
-                listItem: false,
-            }),
-            extension_list_item_1.default,
-            extension_bullet_list_1.default.configure({
-                HTMLAttributes: {
-                    class: 'list-disc list-outside ml-4',
-                },
-            }),
-            extension_ordered_list_1.default.configure({
-                HTMLAttributes: {
-                    class: 'list-decimal list-outside ml-4',
-                },
-            }),
-            extension_underline_1.default,
-            CustomLink,
-            extension_placeholder_1.default.configure({
-                placeholder,
-            }),
-        ],
-        content: value,
-        onUpdate: ({ editor }) => {
-            onChange?.(editor.getHTML());
-        },
-        editorProps: {
-            attributes: {
-                class: (0, utils_1.cn)('prose prose-sm focus:outline-none min-h-[80px] px-fds-lg py-fds-sm prose-p:my-1 prose-ul:my-1 prose-ol:my-1 text-fds-sm bg-white dark:bg-black dark:text-white', className),
-            },
-        },
-    });
-    const handleSetLink = () => {
-        if (linkUrl && editor) {
-            // Ensure URL has protocol
-            let formattedUrl = linkUrl;
-            if (!/^https?:\/\//i.test(linkUrl)) {
-                formattedUrl = `https://${linkUrl}`;
-            }
-            editor.chain().focus().setLink({ href: formattedUrl }).run();
-            setLinkUrl('');
-            setIsEditingExistingLink(false);
-            setLinkPopoverOpen(false);
-        }
-    };
-    const handleRemoveLink = () => {
-        if (editor) {
-            editor.chain().focus().unsetLink().run();
-            setLinkUrl('');
-            setIsEditingExistingLink(false);
-            setLinkPopoverOpen(false);
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "w-full", children: [(0, jsx_runtime_1.jsx)(MenuBar, { editor: editor, linkUrl: linkUrl, setLinkUrl: setLinkUrl, linkPopoverOpen: linkPopoverOpen, setLinkPopoverOpen: setLinkPopoverOpen, isEditingExistingLink: isEditingExistingLink, setIsEditingExistingLink: setIsEditingExistingLink, handleSetLink: handleSetLink, handleRemoveLink: handleRemoveLink }), (0, jsx_runtime_1.jsx)(react_1.EditorContent, { editor: editor, placeholder: placeholder })] }));
-};
-exports.RichTextEditor = RichTextEditor;

package/dist/cjs/components/route.js

@@ -1,47 +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.Route = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const utils_1 = require("../lib/utils");
-const Route = React.forwardRef(({ className, type = 'point-to-point', start, end, ...props }, ref) => {
-    if (type === 'point-to-point') {
-        return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: (0, utils_1.cn)('flex items-center gap-fds-sm', className), ...props, children: [start, (0, jsx_runtime_1.jsxs)("div", { className: "relative flex items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-[5px] w-[5px] rounded-full bg-foreground" }), (0, jsx_runtime_1.jsx)("div", { className: "h-px w-[22px] bg-foreground" }), (0, jsx_runtime_1.jsx)("div", { className: "h-[5px] w-[5px] rounded-full bg-foreground" })] }), end] }));
-    }
-    return null;
-});
-exports.Route = Route;
-Route.displayName = 'Route';