@appcorp/shadcn 1.2.0 → 2.0.1

package/components/app-sidebar.js

@@ -1,41 +1 @@
-"use client";
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppSidebar = void 0;
-var react_1 = __importDefault(require("react"));
-var nav_main_1 = require("./nav-main");
-var nav_projects_1 = require("./nav-projects");
-var nav_user_1 = require("./nav-user");
-var team_switcher_1 = require("./team-switcher");
-var sidebar_1 = require("./sidebar");
-var AppSidebar = function (_a) {
-    var props = __rest(_a, []);
-    return (react_1.default.createElement(sidebar_1.Sidebar, { collapsible: "icon" },
-        react_1.default.createElement(sidebar_1.SidebarHeader, null,
-            react_1.default.createElement(team_switcher_1.TeamSwitcher, { profiles: props.profiles })),
-        react_1.default.createElement(sidebar_1.SidebarContent, null,
-            react_1.default.createElement(nav_main_1.NavMain, { items: props.navItems }),
-            react_1.default.createElement(nav_projects_1.NavProjects, { apps: props.apps, offerUrl: props.offerUrl })),
-        react_1.default.createElement(sidebar_1.SidebarFooter, null,
-            react_1.default.createElement(nav_user_1.NavUser, { footerNavItems: props.footerNavItems, handleSignOut: props.handleSignOut, user: {
-                    email: props.email,
-                    name: props.username,
-                    avatar: props.avatar,
-                } })),
-        react_1.default.createElement(sidebar_1.SidebarRail, null)));
-};
-exports.AppSidebar = AppSidebar;
+"use strict";"use client";var l=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(n[r[o]]=t[r[o]]);return n};import a from"react";import{NavMain as m}from"./nav-main";import{NavProjects as i}from"./nav-projects";import{NavUser as p}from"./nav-user";import{TeamSwitcher as c}from"./team-switcher";import{Sidebar as f,SidebarContent as s,SidebarFooter as u,SidebarHeader as b,SidebarRail as v}from"./sidebar";export const AppSidebar=t=>{var e=l(t,[]);return a.createElement(f,{collapsible:"icon"},a.createElement(b,null,a.createElement(c,{profiles:e.profiles})),a.createElement(s,null,a.createElement(m,{items:e.navItems}),a.createElement(i,{apps:e.apps,offerUrl:e.offerUrl})),a.createElement(u,null,a.createElement(p,{footerNavItems:e.footerNavItems,handleSignOut:e.handleSignOut,user:{email:e.email,name:e.username,avatar:e.avatar}})),a.createElement(v,null))};

package/components/audio.js

@@ -1,21 +1 @@
-"use client";
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AudioControl = void 0;
-var react_1 = __importDefault(require("react"));
-var button_1 = require("./ui/button");
-var enhanced_label_1 = require("./enhanced-label");
-var AudioControl = function (_a) {
-    var audioUrl = _a.audioUrl, id = _a.id, label = _a.label, onDelete = _a.onDelete, onGenerate = _a.onGenerate, _b = _a.required, required = _b === void 0 ? false : _b;
-    return (react_1.default.createElement("div", { className: "space-y-2" },
-        label && (react_1.default.createElement(enhanced_label_1.EnhancedLabel, { htmlFor: id, required: required }, label)),
-        !audioUrl && (react_1.default.createElement("div", { className: "flex gap-2" },
-            react_1.default.createElement(button_1.Button, { type: "button", onClick: onGenerate, variant: "outline", className: "flex-1" }, "Generate Audio"),
-            react_1.default.createElement(button_1.Button, { type: "button", onClick: onDelete, variant: "destructive", className: "flex-1" }, "Delete Audio"))),
-        audioUrl && (react_1.default.createElement("div", { className: "mt-2 rounded-md border border-gray-200 bg-gray-50 p-3" },
-            react_1.default.createElement("audio", { controls: true, className: "w-full", src: audioUrl }, "Your browser does not support the audio element.")))));
-};
-exports.AudioControl = AudioControl;
+"use strict";"use client";import e from"react";import{Button as a}from"./ui/button";import{EnhancedLabel as m}from"./enhanced-label";export const AudioControl=({audioUrl:t,id:o,label:r,onDelete:n,onGenerate:l,required:c=!1})=>e.createElement("div",{className:"space-y-2"},r&&e.createElement(m,{htmlFor:o,required:c},r),!t&&e.createElement("div",{className:"flex gap-2"},e.createElement(a,{type:"button",onClick:l,variant:"outline",className:"flex-1"},"Generate Audio"),e.createElement(a,{type:"button",onClick:n,variant:"destructive",className:"flex-1"},"Delete Audio")),t&&e.createElement("div",{className:"mt-2 rounded-md border border-gray-200 bg-gray-50 p-3"},e.createElement("audio",{controls:!0,className:"w-full",src:t},"Your browser does not support the audio element.")));

package/components/dashboard.js

@@ -1,67 +1 @@
-"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.Dashboard = void 0;
-var react_1 = __importStar(require("react"));
-var lucide_react_1 = require("lucide-react");
-var app_sidebar_1 = require("./app-sidebar");
-var breadcrumb_1 = require("./ui/breadcrumb");
-var separator_1 = require("./ui/separator");
-var sidebar_1 = require("./sidebar");
-var theme_switcher_1 = require("./ui/theme-switcher");
-var button_1 = require("./ui/button");
-var language_selector_1 = require("./ui/language-selector");
-var Dashboard = function (_a) {
-    var apps = _a.apps, avatar = _a.avatar, breadcrumbs = _a.breadcrumbs, children = _a.children, clearBrowserCache = _a.clearBrowserCache, email = _a.email, footerNavItems = _a.footerNavItems, handleSignOut = _a.handleSignOut, locale = _a.locale, navItems = _a.navItems, offerUrl = _a.offerUrl, onLocaleChange = _a.onLocaleChange, profiles = _a.profiles, showLanguageSelector = _a.showLanguageSelector, username = _a.username;
-    return (react_1.default.createElement(sidebar_1.SidebarProvider, null,
-        react_1.default.createElement(app_sidebar_1.AppSidebar, { apps: apps, avatar: avatar, email: email, footerNavItems: footerNavItems, handleSignOut: handleSignOut, navItems: navItems, offerUrl: offerUrl, profiles: profiles, username: username }),
-        react_1.default.createElement(sidebar_1.SidebarInset, null,
-            react_1.default.createElement("header", { className: "flex h-16 shrink-0 items-center justify-between gap-2 border transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12" },
-                react_1.default.createElement("div", { className: "flex items-center gap-2 px-4" },
-                    react_1.default.createElement(sidebar_1.SidebarTrigger, { className: "-ml-1" }),
-                    react_1.default.createElement(separator_1.Separator, { orientation: "vertical", className: "mr-2 data-[orientation=vertical]:h-4" }),
-                    react_1.default.createElement(breadcrumb_1.Breadcrumb, null,
-                        react_1.default.createElement(breadcrumb_1.BreadcrumbList, { className: "[&>*:last-child]:hidden" }, breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.map(function (breadcrumb) { return (react_1.default.createElement(react_1.Fragment, { key: breadcrumb.label },
-                            react_1.default.createElement(breadcrumb_1.BreadcrumbItem, { className: "hidden md:block" },
-                                react_1.default.createElement(breadcrumb_1.BreadcrumbLink, { href: breadcrumb.href }, breadcrumb.label)),
-                            react_1.default.createElement(breadcrumb_1.BreadcrumbSeparator, { className: "hidden md:block" }))); })))),
-                react_1.default.createElement("div", { className: "flex items-center gap-2 px-4" },
-                    showLanguageSelector && (react_1.default.createElement(language_selector_1.LanguageSelector, { value: locale, onChange: onLocaleChange })),
-                    clearBrowserCache && (react_1.default.createElement(button_1.Button, { variant: "ghost", size: "icon", "aria-label": "Clear browser cache", title: "Clear browser cache", onClick: clearBrowserCache, "data-slot": "clear-cache-button" },
-                        react_1.default.createElement(lucide_react_1.RefreshCw, { className: "h-4 w-4", "aria-hidden": "true" }))),
-                    react_1.default.createElement(theme_switcher_1.ThemeSwitcher, null))),
-            children)));
-};
-exports.Dashboard = Dashboard;
+"use strict";import e,{Fragment as b}from"react";import{RefreshCw as g}from"lucide-react";import{AppSidebar as v}from"./app-sidebar";import{Breadcrumb as N,BreadcrumbItem as S,BreadcrumbLink as w,BreadcrumbList as k,BreadcrumbSeparator as x}from"./ui/breadcrumb";import{Separator as B}from"./ui/separator";import{SidebarInset as C,SidebarProvider as I,SidebarTrigger as L}from"./sidebar";import{ThemeSwitcher as y}from"./ui/theme-switcher";import{Button as R}from"./ui/button";import{LanguageSelector as T}from"./ui/language-selector";export const Dashboard=({apps:l,avatar:m,breadcrumbs:a,children:n,clearBrowserCache:r,email:i,footerNavItems:o,handleSignOut:c,locale:s,navItems:d,offerUrl:p,onLocaleChange:h,profiles:f,showLanguageSelector:E,username:u})=>e.createElement(I,null,e.createElement(v,{apps:l,avatar:m,email:i,footerNavItems:o,handleSignOut:c,navItems:d,offerUrl:p,profiles:f,username:u}),e.createElement(C,null,e.createElement("header",{className:"flex h-16 shrink-0 items-center justify-between gap-2 border transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12"},e.createElement("div",{className:"flex items-center gap-2 px-4"},e.createElement(L,{className:"-ml-1"}),e.createElement(B,{orientation:"vertical",className:"mr-2 data-[orientation=vertical]:h-4"}),e.createElement(N,null,e.createElement(k,{className:"[&>*:last-child]:hidden"},a?.map(t=>e.createElement(b,{key:t.label},e.createElement(S,{className:"hidden md:block"},e.createElement(w,{href:t.href},t.label)),e.createElement(x,{className:"hidden md:block"})))))),e.createElement("div",{className:"flex items-center gap-2 px-4"},E&&e.createElement(T,{value:s,onChange:h}),r&&e.createElement(R,{variant:"ghost",size:"icon","aria-label":"Clear browser cache",title:"Clear browser cache",onClick:r,"data-slot":"clear-cache-button"},e.createElement(g,{className:"h-4 w-4","aria-hidden":"true"})),e.createElement(y,null))),n));

package/components/drawer-generic.js

@@ -1,47 +1 @@
-"use client";
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DrawerGeneric = void 0;
-var drawer_1 = require("../components/ui/drawer");
-var lucide_react_1 = require("lucide-react");
-var button_1 = require("../components/ui/button");
-var react_1 = __importDefault(require("react"));
-var separator_1 = require("../components/ui/separator");
-var utils_1 = require("../lib/utils");
-var DrawerGeneric = function (_a) {
-    var _b = _a.direction, direction = _b === void 0 ? "right" : _b, filterDrawer = _a.filterDrawer, filterDrawerFooter = _a.filterDrawerFooter, filterDrawerHeader = _a.filterDrawerHeader, formDrawer = _a.formDrawer, formDrawerFooter = _a.formDrawerFooter, formDrawerHeader = _a.formDrawerHeader, moreActionsDrawer = _a.moreActionsDrawer, moreActionsDrawerFooter = _a.moreActionsDrawerFooter, moreActionsDrawerHeader = _a.moreActionsDrawerHeader, onOpenChange = _a.onOpenChange, open = _a.open, viewDrawer = _a.viewDrawer, viewDrawerFooter = _a.viewDrawerFooter, viewDrawerHeader = _a.viewDrawerHeader, _c = _a.width, width = _c === void 0 ? "small" : _c;
-    var widthClass = {
-        small: "w-[400px]",
-        medium: "w-[700px]",
-        large: "w-[1000px]",
-        full: "w-screen",
-    };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(drawer_1.Drawer, { direction: direction, onOpenChange: onOpenChange, open: open },
-            react_1.default.createElement(drawer_1.DrawerContent, { className: (0, utils_1.cn)("", widthClass[width]) },
-                react_1.default.createElement(drawer_1.DrawerHeader, { className: "flex flex-row justify-center items-start" },
-                    react_1.default.createElement("div", { className: "w-full" },
-                        moreActionsDrawerHeader,
-                        filterDrawerHeader,
-                        formDrawerHeader,
-                        viewDrawerHeader),
-                    react_1.default.createElement(drawer_1.DrawerClose, { asChild: true },
-                        react_1.default.createElement(button_1.Button, { size: "icon", variant: "ghost", className: "h-8 w-8" },
-                            react_1.default.createElement(lucide_react_1.X, { className: "h-4 w-4" })))),
-                react_1.default.createElement(separator_1.Separator, null),
-                react_1.default.createElement("div", { className: "overflow-y-auto p-4 flex-1" },
-                    moreActionsDrawer,
-                    filterDrawer,
-                    formDrawer,
-                    viewDrawer),
-                react_1.default.createElement(separator_1.Separator, null),
-                react_1.default.createElement(drawer_1.DrawerFooter, null,
-                    moreActionsDrawerFooter,
-                    filterDrawerFooter,
-                    formDrawerFooter,
-                    viewDrawerFooter)))));
-};
-exports.DrawerGeneric = DrawerGeneric;
+"use strict";"use client";import{Drawer as D,DrawerClose as N,DrawerContent as g,DrawerHeader as C,DrawerFooter as v}from"../components/ui/drawer";import{X as y}from"lucide-react";import{Button as F}from"../components/ui/button";import e from"react";import{Separator as r}from"../components/ui/separator";import{cn as S}from"../lib/utils";export const DrawerGeneric=({direction:t="right",filterDrawer:a,filterDrawerFooter:l,filterDrawerHeader:m,formDrawer:n,formDrawerFooter:o,formDrawerHeader:c,moreActionsDrawer:s,moreActionsDrawerFooter:i,moreActionsDrawerHeader:w,onOpenChange:p,open:f,viewDrawer:u,viewDrawerFooter:E,viewDrawerHeader:d,width:h="small"})=>{const x={small:"w-[400px]",medium:"w-[700px]",large:"w-[1000px]",full:"w-screen"};return e.createElement(e.Fragment,null,e.createElement(D,{direction:t,onOpenChange:p,open:f},e.createElement(g,{className:S("",x[h])},e.createElement(C,{className:"flex flex-row justify-center items-start"},e.createElement("div",{className:"w-full"},w,m,c,d),e.createElement(N,{asChild:!0},e.createElement(F,{size:"icon",variant:"ghost",className:"h-8 w-8"},e.createElement(y,{className:"h-4 w-4"})))),e.createElement(r,null),e.createElement("div",{className:"overflow-y-auto p-4 flex-1"},s,a,n,u),e.createElement(r,null),e.createElement(v,null,i,l,o,E))))};

package/components/enhanced-checkbox.js

@@ -1,86 +1 @@
-"use client";
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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;
-    };
-})();
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EnhancedCheckbox = void 0;
-var React = __importStar(require("react"));
-var utils_1 = require("../lib/utils");
-var checkbox_1 = require("./ui/checkbox");
-var enhanced_label_1 = require("./enhanced-label");
-var EnhancedCheckbox = React.forwardRef(function (_a, ref) {
-    var className = _a.className, error = _a.error, info = _a.info, label = _a.label, id = _a.id, testId = _a.testId, props = __rest(_a, ["className", "error", "info", "label", "id", "testId"]);
-    // Determine if there's an error (for aria-invalid and styling)
-    var hasError = Boolean(error);
-    var checkboxElement = (React.createElement(checkbox_1.Checkbox, __assign({ ref: ref, id: id, "data-slot": "checkbox", "data-testid": testId, "aria-invalid": hasError, className: (0, utils_1.cn)(
-        // Error state styling
-        hasError &&
-            "data-[state=checked]:bg-destructive data-[state=unchecked]:bg-destructive/20 border-destructive focus-visible:border-destructive focus-visible:ring-destructive/20", className) }, props)));
-    // If label is provided, render the complete checkbox with label structure
-    if (label) {
-        return (React.createElement("div", { className: "w-full space-y-2" },
-            React.createElement("div", { className: "flex items-center space-x-2" },
-                checkboxElement,
-                React.createElement(enhanced_label_1.EnhancedLabel, { htmlFor: id, className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, label)),
-            (error || info) && (React.createElement("div", null, error ? (React.createElement("p", { className: "text-xs text-destructive" }, error)) : info ? (React.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400" }, info)) : null))));
-    }
-    // If no label, render just the checkbox with messages (backward compatibility)
-    return (React.createElement("div", { className: "w-full" },
-        checkboxElement,
-        (error || info) && (React.createElement("div", null, error ? (React.createElement("p", { className: "text-xs text-destructive" }, error)) : info ? (React.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400" }, info)) : null))));
-});
-exports.EnhancedCheckbox = EnhancedCheckbox;
-EnhancedCheckbox.displayName = "EnhancedCheckbox";
+"use strict";"use client";var b=function(a,c){var l={};for(var e in a)Object.prototype.hasOwnProperty.call(a,e)&&c.indexOf(e)<0&&(l[e]=a[e]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var t=0,e=Object.getOwnPropertySymbols(a);t<e.length;t++)c.indexOf(e[t])<0&&Object.prototype.propertyIsEnumerable.call(a,e[t])&&(l[e[t]]=a[e[t]]);return l};import*as r from"react";import{cn as f}from"../lib/utils";import{Checkbox as p}from"./ui/checkbox";import{EnhancedLabel as x}from"./enhanced-label";const d=r.forwardRef((a,c)=>{var{className:l,error:e,info:t,label:s,id:n,testId:m}=a,u=b(a,["className","error","info","label","id","testId"]);const o=!!e,i=r.createElement(p,Object.assign({ref:c,id:n,"data-slot":"checkbox","data-testid":m,"aria-invalid":o,className:f(o&&"data-[state=checked]:bg-destructive data-[state=unchecked]:bg-destructive/20 border-destructive focus-visible:border-destructive focus-visible:ring-destructive/20",l)},u));return s?r.createElement("div",{className:"w-full space-y-2"},r.createElement("div",{className:"flex items-center space-x-2"},i,r.createElement(x,{htmlFor:n,className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"},s)),(e||t)&&r.createElement("div",null,e?r.createElement("p",{className:"text-xs text-destructive"},e):t?r.createElement("p",{className:"text-xs text-blue-600 dark:text-blue-400"},t):null)):r.createElement("div",{className:"w-full"},i,(e||t)&&r.createElement("div",null,e?r.createElement("p",{className:"text-xs text-destructive"},e):t?r.createElement("p",{className:"text-xs text-blue-600 dark:text-blue-400"},t):null))});d.displayName="EnhancedCheckbox";export{d as EnhancedCheckbox};

package/components/enhanced-combobox.js

@@ -1,315 +1 @@
-"use client";
-"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.EnhancedCombobox = EnhancedCombobox;
-exports.CompanyCombobox = CompanyCombobox;
-exports.CountryCombobox = CountryCombobox;
-var react_1 = __importStar(require("react"));
-var lucide_react_1 = require("lucide-react");
-var utils_1 = require("../lib/utils");
-var button_1 = require("./ui/button");
-var enhanced_label_1 = require("./enhanced-label");
-var command_1 = require("./ui/command");
-var popover_1 = require("./ui/popover");
-function VirtualizedList(_a) {
-    var options = _a.options, selectedValue = _a.selectedValue, onSelect = _a.onSelect, scrollContainer = _a.scrollContainer, testIdOptionPrefix = _a.testIdOptionPrefix;
-    var _b = (0, react_1.useState)({
-        start: 0,
-        end: Math.min(options.length, 25), // Increased initial visible items
-    }), visibleRange = _b[0], setVisibleRange = _b[1];
-    var handleScroll = (0, react_1.useCallback)(function () {
-        if (!scrollContainer.current)
-            return;
-        var _a = scrollContainer.current, scrollTop = _a.scrollTop, clientHeight = _a.clientHeight;
-        var itemHeight = 32; // Approximate item height
-        var containerHeight = clientHeight;
-        // Calculate visible range with proper bounds checking
-        var start = Math.max(0, Math.floor(scrollTop / itemHeight));
-        var visibleCount = Math.ceil(containerHeight / itemHeight);
-        var bufferSize = Math.min(10, Math.ceil(visibleCount * 0.5)); // Dynamic buffer
-        var end = Math.min(options.length, start + visibleCount + bufferSize);
-        var newRange = {
-            start: Math.max(0, start - bufferSize),
-            end: end,
-        };
-        // Only update if the range actually changed to prevent unnecessary re-renders
-        setVisibleRange(function (prevRange) {
-            if (prevRange.start !== newRange.start ||
-                prevRange.end !== newRange.end) {
-                return newRange;
-            }
-            return prevRange;
-        });
-    }, [options.length, scrollContainer]);
-    (0, react_1.useEffect)(function () {
-        var container = scrollContainer.current;
-        if (container) {
-            // Add scroll listener with passive option for better performance
-            container.addEventListener("scroll", handleScroll, { passive: true });
-            // Also listen to parent containers that might interfere (like drawer)
-            var parentContainer_1 = container.parentElement;
-            var parentScrollHandler_1 = function () { return handleScroll(); };
-            while (parentContainer_1) {
-                var hasOverflow = getComputedStyle(parentContainer_1).overflowY;
-                if (hasOverflow === "auto" || hasOverflow === "scroll") {
-                    parentContainer_1.addEventListener("scroll", parentScrollHandler_1, {
-                        passive: true,
-                    });
-                    break;
-                }
-                parentContainer_1 = parentContainer_1.parentElement;
-            }
-            return function () {
-                container.removeEventListener("scroll", handleScroll);
-                if (parentContainer_1) {
-                    parentContainer_1.removeEventListener("scroll", parentScrollHandler_1);
-                }
-            };
-        }
-    }, [handleScroll, scrollContainer]);
-    // Reset visible range when options change (e.g., due to search filtering)
-    (0, react_1.useEffect)(function () {
-        var newEnd = Math.min(options.length, 25);
-        setVisibleRange(function () {
-            // Force update if options changed
-            return {
-                start: 0,
-                end: newEnd,
-            };
-        });
-        // Reset scroll position when options change
-        if (scrollContainer.current) {
-            scrollContainer.current.scrollTop = 0;
-        }
-    }, [options.length, options, scrollContainer]); // Watch both length and options array
-    // Ensure we always have valid visible range
-    var safeStart = Math.max(0, Math.min(visibleRange.start, options.length - 1));
-    var safeEnd = Math.max(safeStart + 1, Math.min(visibleRange.end, options.length));
-    var visibleOptions = options.slice(safeStart, safeEnd);
-    var topSpacer = safeStart * 32; // Approximate item height
-    var bottomSpacer = Math.max(0, (options.length - safeEnd) * 32);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        topSpacer > 0 && react_1.default.createElement("div", { style: { height: topSpacer } }),
-        visibleOptions.map(function (option, index) { return (react_1.default.createElement(command_1.CommandItem, { key: "".concat(option.value, "-").concat(safeStart + index), value: option.label, onSelect: function () { return onSelect(option.value); }, "data-testid": "".concat(testIdOptionPrefix !== null && testIdOptionPrefix !== void 0 ? testIdOptionPrefix : "combobox-option", "-").concat(option.value), className: "cursor-pointer hover:bg-accent hover:text-accent-foreground transition-colors h-8 flex items-center" },
-            react_1.default.createElement(lucide_react_1.Check, { className: (0, utils_1.cn)("mr-2 h-4 w-4", selectedValue === option.value ? "opacity-100" : "opacity-0") }),
-            react_1.default.createElement("span", { className: "truncate" }, option.label))); }),
-        bottomSpacer > 0 && react_1.default.createElement("div", { style: { height: bottomSpacer } })));
-}
-function EnhancedCombobox(_a) {
-    var className = _a.className, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.emptyText, emptyText = _c === void 0 ? "No options found." : _c, error = _a.error, id = _a.id, info = _a.info, label = _a.label, _d = _a.loading, loading = _d === void 0 ? false : _d, _e = _a.maxHeight, maxHeight = _e === void 0 ? 256 : _e, onSearchChange = _a.onSearchChange, onValueChange = _a.onValueChange, _f = _a.options, options = _f === void 0 ? [] : _f, _g = _a.placeholder, placeholder = _g === void 0 ? "Select option..." : _g, _h = _a.required, required = _h === void 0 ? false : _h, _j = _a.searchPlaceholder, searchPlaceholder = _j === void 0 ? "Search..." : _j, _k = _a.showScrollIndicators, showScrollIndicators = _k === void 0 ? true : _k, value = _a.value, _l = _a.virtualizeThreshold, virtualizeThreshold = _l === void 0 ? 50 : _l, testIdTrigger = _a.testIdTrigger, testIdSearchInput = _a.testIdSearchInput, testIdPopoverContent = _a.testIdPopoverContent, testIdEmpty = _a.testIdEmpty, testIdList = _a.testIdList, testIdOptionPrefix = _a.testIdOptionPrefix, testIdScrollUp = _a.testIdScrollUp, testIdScrollDown = _a.testIdScrollDown;
-    var _m = (0, react_1.useState)(false), open = _m[0], setOpen = _m[1];
-    var _o = (0, react_1.useState)(""), searchValue = _o[0], setSearchValue = _o[1];
-    var _p = (0, react_1.useState)(false), canScrollUp = _p[0], setCanScrollUp = _p[1];
-    var _q = (0, react_1.useState)(false), canScrollDown = _q[0], setCanScrollDown = _q[1];
-    var scrollContainerRef = (0, react_1.useRef)(null);
-    var selectedOption = options.find(function (option) { return option.value === value; });
-    var shouldVirtualize = options.length > virtualizeThreshold;
-    // Filter options based on search - always handle filtering at this level for virtualization
-    var filteredOptions = react_1.default.useMemo(function () {
-        if (!searchValue) {
-            // No search query, return all options
-            return options;
-        }
-        if (onSearchChange && shouldVirtualize) {
-            // For virtualized lists with external search, let external handler manage it
-            // but still return all current options as they're already filtered externally
-            return options;
-        }
-        if (onSearchChange && !shouldVirtualize) {
-            // Non-virtualized with external search - let external handler manage
-            return options;
-        }
-        // Local filtering for non-external search or as fallback
-        return options.filter(function (option) {
-            return option.label.toLowerCase().includes(searchValue.toLowerCase());
-        });
-    }, [options, searchValue, onSearchChange, shouldVirtualize]);
-    var handleSearchChange = function (search) {
-        setSearchValue(search);
-        onSearchChange === null || onSearchChange === void 0 ? void 0 : onSearchChange(search);
-    };
-    var handleSelect = function (selectedValue) {
-        if (selectedValue === value) {
-            onValueChange("");
-        }
-        else {
-            onValueChange(selectedValue);
-        }
-        setOpen(false);
-        setSearchValue("");
-    };
-    // Handle scroll indicators
-    var updateScrollIndicators = function () {
-        if (!scrollContainerRef.current)
-            return;
-        var _a = scrollContainerRef.current, scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
-        setCanScrollUp(scrollTop > 0);
-        setCanScrollDown(scrollTop < scrollHeight - clientHeight - 1);
-    };
-    // Update scroll indicators when options change or component opens
-    (0, react_1.useEffect)(function () {
-        if (open) {
-            // Small delay to ensure DOM is updated
-            setTimeout(updateScrollIndicators, 10);
-        }
-    }, [open, options]);
-    var scrollToTop = function () {
-        var _a;
-        (_a = scrollContainerRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ top: 0, behavior: "smooth" });
-    };
-    var scrollToBottom = function () {
-        if (!scrollContainerRef.current)
-            return;
-        var scrollHeight = scrollContainerRef.current.scrollHeight;
-        scrollContainerRef.current.scrollTo({
-            top: scrollHeight,
-            behavior: "smooth",
-        });
-    };
-    var comboboxElement = (react_1.default.createElement(popover_1.Popover, { open: open, onOpenChange: setOpen, modal: true },
-        react_1.default.createElement(popover_1.PopoverTrigger, { asChild: true },
-            react_1.default.createElement(button_1.Button, { id: id, "data-testid": testIdTrigger, variant: "outline", role: "combobox", "aria-expanded": open, disabled: disabled, className: (0, utils_1.cn)("w-full justify-between", !selectedOption && "text-muted-foreground", className) },
-                (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) || placeholder,
-                react_1.default.createElement(lucide_react_1.ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" }))),
-        react_1.default.createElement(popover_1.PopoverContent, { "data-testid": testIdPopoverContent, className: "w-[var(--radix-popover-trigger-width)] p-0", side: "bottom", align: "start", avoidCollisions: true, collisionPadding: 8, style: { zIndex: 1000 }, onOpenAutoFocus: function (e) { return e.preventDefault(); } },
-            react_1.default.createElement(command_1.Command, { shouldFilter: false },
-                react_1.default.createElement(command_1.CommandInput, { "data-slot": "command-input", "data-testid": testIdSearchInput, placeholder: searchPlaceholder, value: searchValue, onValueChange: handleSearchChange }),
-                react_1.default.createElement(command_1.CommandEmpty, { "data-slot": "command-empty", "data-testid": testIdEmpty }, loading ? (react_1.default.createElement("div", { className: "flex items-center justify-center py-6" },
-                    react_1.default.createElement("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-primary" }),
-                    react_1.default.createElement("span", { className: "ml-2 text-sm" }, "Searching..."))) : (emptyText)),
-                react_1.default.createElement("div", { className: "relative" },
-                    showScrollIndicators && canScrollUp && (react_1.default.createElement("div", { className: "absolute top-0 left-0 right-0 z-10 h-8 bg-gradient-to-b from-background to-transparent pointer-events-none" },
-                        react_1.default.createElement("button", { "data-testid": testIdScrollUp, onClick: scrollToTop, className: "absolute top-1 left-1/2 transform -translate-x-1/2 p-1 rounded-full bg-background shadow-sm border pointer-events-auto hover:bg-muted transition-colors", "aria-label": "Scroll to top" },
-                            react_1.default.createElement(lucide_react_1.ChevronUp, { className: "h-3 w-3" })))),
-                    react_1.default.createElement(command_1.CommandGroup, { "data-testid": testIdList, ref: scrollContainerRef, className: (0, utils_1.cn)("overflow-y-auto smooth-scroll", "scrollbar-thin scrollbar-thumb-muted-foreground/20 scrollbar-track-transparent hover:scrollbar-thumb-muted-foreground/40", "scroll-smooth", filteredOptions.length > 10 && "pb-2" // Extra padding for many options
-                        ), style: { maxHeight: "".concat(maxHeight, "px") }, onScroll: updateScrollIndicators }, shouldVirtualize &&
-                        filteredOptions.length > virtualizeThreshold ? (
-                    // Virtualized rendering for large lists
-                    react_1.default.createElement(VirtualizedList, { options: filteredOptions, selectedValue: value, onSelect: handleSelect, scrollContainer: scrollContainerRef, testIdOptionPrefix: testIdOptionPrefix })) : (
-                    // Regular rendering for smaller lists or filtered results
-                    filteredOptions.map(function (option) { return (react_1.default.createElement(command_1.CommandItem, { key: option.value, value: option.label, onSelect: function () { return handleSelect(option.value); }, "data-testid": "".concat(testIdOptionPrefix !== null && testIdOptionPrefix !== void 0 ? testIdOptionPrefix : "combobox-option", "-").concat(option.value), className: "cursor-pointer hover:bg-accent hover:text-accent-foreground transition-colors" },
-                        react_1.default.createElement(lucide_react_1.Check, { className: (0, utils_1.cn)("mr-2 h-4 w-4", value === option.value ? "opacity-100" : "opacity-0") }),
-                        react_1.default.createElement("span", { className: "truncate" }, option.label))); }))),
-                    showScrollIndicators && canScrollDown && (react_1.default.createElement("div", { className: "absolute bottom-0 left-0 right-0 z-10 h-8 bg-gradient-to-t from-background to-transparent pointer-events-none" },
-                        react_1.default.createElement("button", { "data-testid": testIdScrollDown, onClick: scrollToBottom, className: "absolute bottom-1 left-1/2 transform -translate-x-1/2 p-1 rounded-full bg-background shadow-sm border pointer-events-auto hover:bg-muted transition-colors", "aria-label": "Scroll to bottom" },
-                            react_1.default.createElement(lucide_react_1.ChevronDown, { className: "h-3 w-3" })))))))));
-    // If label is provided, render the complete combobox with label structure
-    if (label) {
-        return (react_1.default.createElement("div", { className: "w-full space-y-2" },
-            react_1.default.createElement(enhanced_label_1.EnhancedLabel, { htmlFor: id, required: required }, label),
-            comboboxElement,
-            error && (react_1.default.createElement("p", { className: "text-xs text-destructive dark:text-red-400" }, error)),
-            info && !error && (react_1.default.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400" }, info))));
-    }
-    // If no label, render just the combobox (backward compatibility)
-    return comboboxElement;
-}
-function CompanyCombobox(_a) {
-    var _b = _a.companies, companies = _b === void 0 ? [] : _b, value = _a.value, onValueChange = _a.onValueChange, onSearchChange = _a.onSearchChange, _c = _a.loading, loading = _c === void 0 ? false : _c, _d = _a.placeholder, placeholder = _d === void 0 ? "Select company..." : _d, className = _a.className, _e = _a.maxHeight, maxHeight = _e === void 0 ? 320 : _e, _f = _a.showScrollIndicators, showScrollIndicators = _f === void 0 ? true : _f, label = _a.label, _g = _a.required, required = _g === void 0 ? false : _g, id = _a.id, info = _a.info, error = _a.error;
-    var options = companies.map(function (company) {
-        var _a, _b;
-        return ({
-            value: ((_a = company.id) === null || _a === void 0 ? void 0 : _a.toString()) || "",
-            label: company.name,
-            id: (_b = company.id) === null || _b === void 0 ? void 0 : _b.toString(),
-        });
-    });
-    return (react_1.default.createElement(EnhancedCombobox, { options: options, value: value, onValueChange: onValueChange, onSearchChange: onSearchChange, placeholder: placeholder, searchPlaceholder: "Search companies...", emptyText: "No companies found.", loading: loading, className: className, maxHeight: maxHeight, showScrollIndicators: showScrollIndicators, virtualizeThreshold: 100, label: label, required: required, id: id, info: info, error: error }));
-}
-function CountryCombobox(_a) {
-    var _b = _a.countries, countries = _b === void 0 ? [] : _b, value = _a.value, onValueChange = _a.onValueChange, onSearchChange = _a.onSearchChange, _c = _a.loading, loading = _c === void 0 ? false : _c, _d = _a.placeholder, placeholder = _d === void 0 ? "Select country..." : _d, className = _a.className, _e = _a.maxHeight, maxHeight = _e === void 0 ? 280 : _e, _f = _a.showScrollIndicators, showScrollIndicators = _f === void 0 ? true : _f, label = _a.label, _g = _a.required, required = _g === void 0 ? false : _g, id = _a.id, info = _a.info, error = _a.error;
-    // Default countries if none provided or if provided list is empty
-    var defaultCountries = [
-        { name: "Afghanistan", code: "AF" },
-        { name: "Albania", code: "AL" },
-        { name: "Algeria", code: "DZ" },
-        { name: "Argentina", code: "AR" },
-        { name: "Australia", code: "AU" },
-        { name: "Austria", code: "AT" },
-        { name: "Bangladesh", code: "BD" },
-        { name: "Belgium", code: "BE" },
-        { name: "Brazil", code: "BR" },
-        { name: "Canada", code: "CA" },
-        { name: "China", code: "CN" },
-        { name: "Denmark", code: "DK" },
-        { name: "Egypt", code: "EG" },
-        { name: "Finland", code: "FI" },
-        { name: "France", code: "FR" },
-        { name: "Germany", code: "DE" },
-        { name: "Greece", code: "GR" },
-        { name: "India", code: "IN" },
-        { name: "Indonesia", code: "ID" },
-        { name: "Iran", code: "IR" },
-        { name: "Iraq", code: "IQ" },
-        { name: "Ireland", code: "IE" },
-        { name: "Israel", code: "IL" },
-        { name: "Italy", code: "IT" },
-        { name: "Japan", code: "JP" },
-        { name: "Jordan", code: "JO" },
-        { name: "Kenya", code: "KE" },
-        { name: "Malaysia", code: "MY" },
-        { name: "Mexico", code: "MX" },
-        { name: "Netherlands", code: "NL" },
-        { name: "New Zealand", code: "NZ" },
-        { name: "Nigeria", code: "NG" },
-        { name: "Norway", code: "NO" },
-        { name: "Pakistan", code: "PK" },
-        { name: "Philippines", code: "PH" },
-        { name: "Poland", code: "PL" },
-        { name: "Portugal", code: "PT" },
-        { name: "Russia", code: "RU" },
-        { name: "Saudi Arabia", code: "SA" },
-        { name: "Singapore", code: "SG" },
-        { name: "South Africa", code: "ZA" },
-        { name: "South Korea", code: "KR" },
-        { name: "Spain", code: "ES" },
-        { name: "Sweden", code: "SE" },
-        { name: "Switzerland", code: "CH" },
-        { name: "Thailand", code: "TH" },
-        { name: "Turkey", code: "TR" },
-        { name: "Ukraine", code: "UA" },
-        { name: "United Arab Emirates", code: "AE" },
-        { name: "United Kingdom", code: "GB" },
-        { name: "United States", code: "US" },
-        { name: "Vietnam", code: "VN" },
-    ];
-    var countryList = countries.length > 0 ? countries : defaultCountries;
-    var options = countryList.map(function (country) { return ({
-        value: country.name,
-        label: country.name,
-    }); });
-    return (react_1.default.createElement(EnhancedCombobox, { options: options, value: value, onValueChange: onValueChange, onSearchChange: onSearchChange, placeholder: placeholder, searchPlaceholder: "Search countries...", emptyText: "No countries found.", loading: loading, className: className, maxHeight: maxHeight, showScrollIndicators: showScrollIndicators, virtualizeThreshold: 30, label: label, required: required, id: id, info: info, error: error }));
-}
+"use strict";"use client";import e,{useState as y,useRef as W,useEffect as U,useCallback as ee}from"react";import{Check as V,ChevronsUpDown as te,ChevronUp as ae,ChevronDown as ne}from"lucide-react";import{cn as H}from"../lib/utils";import{Button as oe}from"./ui/button";import{EnhancedLabel as re}from"./enhanced-label";import{Command as le,CommandEmpty as ce,CommandGroup as se,CommandInput as me,CommandItem as G}from"./ui/command";import{Popover as de,PopoverContent as ie,PopoverTrigger as ue}from"./ui/popover";function he({options:n,selectedValue:E,onSelect:S,scrollContainer:r,testIdOptionPrefix:i}){const[b,f]=y({start:0,end:Math.min(n.length,25)}),u=ee(()=>{if(!r.current)return;const{scrollTop:a,clientHeight:o}=r.current,m=32,c=o,d=Math.max(0,Math.floor(a/m)),w=Math.ceil(c/m),C=Math.min(10,Math.ceil(w*.5)),R=Math.min(n.length,d+w+C),N={start:Math.max(0,d-C),end:R};f(x=>x.start!==N.start||x.end!==N.end?N:x)},[n.length,r]);U(()=>{const a=r.current;if(a){a.addEventListener("scroll",u,{passive:!0});let o=a.parentElement;const m=()=>u();for(;o;){const c=getComputedStyle(o).overflowY;if(c==="auto"||c==="scroll"){o.addEventListener("scroll",m,{passive:!0});break}o=o.parentElement}return()=>{a.removeEventListener("scroll",u),o&&o.removeEventListener("scroll",m)}}},[u,r]),U(()=>{const a=Math.min(n.length,25);f(()=>({start:0,end:a})),r.current&&(r.current.scrollTop=0)},[n.length,n,r]);const h=Math.max(0,Math.min(b.start,n.length-1)),s=Math.max(h+1,Math.min(b.end,n.length)),p=n.slice(h,s),l=h*32,v=Math.max(0,(n.length-s)*32);return e.createElement(e.Fragment,null,l>0&&e.createElement("div",{style:{height:l}}),p.map((a,o)=>e.createElement(G,{key:`${a.value}-${h+o}`,value:a.label,onSelect:()=>S(a.value),"data-testid":`${i??"combobox-option"}-${a.value}`,className:"cursor-pointer hover:bg-accent hover:text-accent-foreground transition-colors h-8 flex items-center"},e.createElement(V,{className:H("mr-2 h-4 w-4",E===a.value?"opacity-100":"opacity-0")}),e.createElement("span",{className:"truncate"},a.label))),v>0&&e.createElement("div",{style:{height:v}}))}export function EnhancedCombobox({className:n,disabled:E=!1,emptyText:S="No options found.",error:r,id:i,info:b,label:f,loading:u=!1,maxHeight:h=256,onSearchChange:s,onValueChange:p,options:l=[],placeholder:v="Select option...",required:a=!1,searchPlaceholder:o="Search...",showScrollIndicators:m=!0,value:c,virtualizeThreshold:d=50,testIdTrigger:w,testIdSearchInput:C,testIdPopoverContent:R,testIdEmpty:N,testIdList:x,testIdOptionPrefix:A,testIdScrollUp:K,testIdScrollDown:$}){const[T,D]=y(!1),[k,P]=y(""),[O,q]=y(!1),[J,Z]=y(!1),g=W(null),M=l.find(t=>t.value===c),I=l.length>d,L=e.useMemo(()=>!k||s&&I||s&&!I?l:l.filter(t=>t.label.toLowerCase().includes(k.toLowerCase())),[l,k,s,I]),_=t=>{P(t),s?.(t)},z=t=>{p(t===c?"":t),D(!1),P("")},B=()=>{if(!g.current)return;const{scrollTop:t,scrollHeight:Q,clientHeight:X}=g.current;q(t>0),Z(t<Q-X-1)};U(()=>{T&&setTimeout(B,10)},[T,l]);const j=()=>{var t;(t=g.current)===null||t===void 0||t.scrollTo({top:0,behavior:"smooth"})},Y=()=>{if(!g.current)return;const{scrollHeight:t}=g.current;g.current.scrollTo({top:t,behavior:"smooth"})},F=e.createElement(de,{open:T,onOpenChange:D,modal:!0},e.createElement(ue,{asChild:!0},e.createElement(oe,{id:i,"data-testid":w,variant:"outline",role:"combobox","aria-expanded":T,disabled:E,className:H("w-full justify-between",!M&&"text-muted-foreground",n)},M?.label||v,e.createElement(te,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"}))),e.createElement(ie,{"data-testid":R,className:"w-[var(--radix-popover-trigger-width)] p-0",side:"bottom",align:"start",avoidCollisions:!0,collisionPadding:8,style:{zIndex:1e3},onOpenAutoFocus:t=>t.preventDefault()},e.createElement(le,{shouldFilter:!1},e.createElement(me,{"data-slot":"command-input","data-testid":C,placeholder:o,value:k,onValueChange:_}),e.createElement(ce,{"data-slot":"command-empty","data-testid":N},u?e.createElement("div",{className:"flex items-center justify-center py-6"},e.createElement("div",{className:"animate-spin rounded-full h-4 w-4 border-b-2 border-primary"}),e.createElement("span",{className:"ml-2 text-sm"},"Searching...")):S),e.createElement("div",{className:"relative"},m&&O&&e.createElement("div",{className:"absolute top-0 left-0 right-0 z-10 h-8 bg-gradient-to-b from-background to-transparent pointer-events-none"},e.createElement("button",{"data-testid":K,onClick:j,className:"absolute top-1 left-1/2 transform -translate-x-1/2 p-1 rounded-full bg-background shadow-sm border pointer-events-auto hover:bg-muted transition-colors","aria-label":"Scroll to top"},e.createElement(ae,{className:"h-3 w-3"}))),e.createElement(se,{"data-testid":x,ref:g,className:H("overflow-y-auto smooth-scroll","scrollbar-thin scrollbar-thumb-muted-foreground/20 scrollbar-track-transparent hover:scrollbar-thumb-muted-foreground/40","scroll-smooth",L.length>10&&"pb-2"),style:{maxHeight:`${h}px`},onScroll:B},I&&L.length>d?e.createElement(he,{options:L,selectedValue:c,onSelect:z,scrollContainer:g,testIdOptionPrefix:A}):L.map(t=>e.createElement(G,{key:t.value,value:t.label,onSelect:()=>z(t.value),"data-testid":`${A??"combobox-option"}-${t.value}`,className:"cursor-pointer hover:bg-accent hover:text-accent-foreground transition-colors"},e.createElement(V,{className:H("mr-2 h-4 w-4",c===t.value?"opacity-100":"opacity-0")}),e.createElement("span",{className:"truncate"},t.label)))),m&&J&&e.createElement("div",{className:"absolute bottom-0 left-0 right-0 z-10 h-8 bg-gradient-to-t from-background to-transparent pointer-events-none"},e.createElement("button",{"data-testid":$,onClick:Y,className:"absolute bottom-1 left-1/2 transform -translate-x-1/2 p-1 rounded-full bg-background shadow-sm border pointer-events-auto hover:bg-muted transition-colors","aria-label":"Scroll to bottom"},e.createElement(ne,{className:"h-3 w-3"})))))));return f?e.createElement("div",{className:"w-full space-y-2"},e.createElement(re,{htmlFor:i,required:a},f),F,r&&e.createElement("p",{className:"text-xs text-destructive dark:text-red-400"},r),b&&!r&&e.createElement("p",{className:"text-xs text-blue-600 dark:text-blue-400"},b)):F}export function CompanyCombobox({companies:n=[],value:E,onValueChange:S,onSearchChange:r,loading:i=!1,placeholder:b="Select company...",className:f,maxHeight:u=320,showScrollIndicators:h=!0,label:s,required:p=!1,id:l,info:v,error:a}){const o=n.map(m=>{var c,d;return{value:((c=m.id)===null||c===void 0?void 0:c.toString())||"",label:m.name,id:(d=m.id)===null||d===void 0?void 0:d.toString()}});return e.createElement(EnhancedCombobox,{options:o,value:E,onValueChange:S,onSearchChange:r,placeholder:b,searchPlaceholder:"Search companies...",emptyText:"No companies found.",loading:i,className:f,maxHeight:u,showScrollIndicators:h,virtualizeThreshold:100,label:s,required:p,id:l,info:v,error:a})}export function CountryCombobox({countries:n=[],value:E,onValueChange:S,onSearchChange:r,loading:i=!1,placeholder:b="Select country...",className:f,maxHeight:u=280,showScrollIndicators:h=!0,label:s,required:p=!1,id:l,info:v,error:a}){const o=[{name:"Afghanistan",code:"AF"},{name:"Albania",code:"AL"},{name:"Algeria",code:"DZ"},{name:"Argentina",code:"AR"},{name:"Australia",code:"AU"},{name:"Austria",code:"AT"},{name:"Bangladesh",code:"BD"},{name:"Belgium",code:"BE"},{name:"Brazil",code:"BR"},{name:"Canada",code:"CA"},{name:"China",code:"CN"},{name:"Denmark",code:"DK"},{name:"Egypt",code:"EG"},{name:"Finland",code:"FI"},{name:"France",code:"FR"},{name:"Germany",code:"DE"},{name:"Greece",code:"GR"},{name:"India",code:"IN"},{name:"Indonesia",code:"ID"},{name:"Iran",code:"IR"},{name:"Iraq",code:"IQ"},{name:"Ireland",code:"IE"},{name:"Israel",code:"IL"},{name:"Italy",code:"IT"},{name:"Japan",code:"JP"},{name:"Jordan",code:"JO"},{name:"Kenya",code:"KE"},{name:"Malaysia",code:"MY"},{name:"Mexico",code:"MX"},{name:"Netherlands",code:"NL"},{name:"New Zealand",code:"NZ"},{name:"Nigeria",code:"NG"},{name:"Norway",code:"NO"},{name:"Pakistan",code:"PK"},{name:"Philippines",code:"PH"},{name:"Poland",code:"PL"},{name:"Portugal",code:"PT"},{name:"Russia",code:"RU"},{name:"Saudi Arabia",code:"SA"},{name:"Singapore",code:"SG"},{name:"South Africa",code:"ZA"},{name:"South Korea",code:"KR"},{name:"Spain",code:"ES"},{name:"Sweden",code:"SE"},{name:"Switzerland",code:"CH"},{name:"Thailand",code:"TH"},{name:"Turkey",code:"TR"},{name:"Ukraine",code:"UA"},{name:"United Arab Emirates",code:"AE"},{name:"United Kingdom",code:"GB"},{name:"United States",code:"US"},{name:"Vietnam",code:"VN"}],c=(n.length>0?n:o).map(d=>({value:d.name,label:d.name}));return e.createElement(EnhancedCombobox,{options:c,value:E,onValueChange:S,onSearchChange:r,placeholder:b,searchPlaceholder:"Search countries...",emptyText:"No countries found.",loading:i,className:f,maxHeight:u,showScrollIndicators:h,virtualizeThreshold:30,label:s,required:p,id:l,info:v,error:a})}