@axtec/components 0.1.7 → 0.1.10

package/dist/index.js

@@ -3,167 +3,171 @@ import { cn as t } from "./index3.js";
 import { Accordion as a } from "./index4.js";
 import { ActionBar as x } from "./index5.js";
 import { ActionLayout as i } from "./index6.js";
-import { Alert as d } from "./index7.js";
-import { AlertBox as g } from "./index8.js";
-import { AlertModal as c } from "./index9.js";
-import { AutoComplete as b } from "./index10.js";
-import { Avatar as A } from "./index11.js";
-import { AvatarCard as C } from "./index12.js";
-import { AverageRating as T } from "./index13.js";
-import { AxtecLogo as k } from "./index14.js";
-import { Badge as M } from "./index15.js";
-import { Breadcrumbs as H } from "./index16.js";
-import { Button as D } from "./index17.js";
-import { ButtonGroup as G } from "./index18.js";
-import { Card as R, CardGrid as F } from "./index19.js";
-import { CardHeading as N } from "./index20.js";
-import { ChartLegend as V, StatisticsLegend as O } from "./index21.js";
-import { Checkbox as j } from "./index22.js";
-import { ConfirmModal as z } from "./index23.js";
-import { DatePicker as K } from "./index24.js";
-import { Drawer as X } from "./index25.js";
-import { Dropdown as Z, DropdownButton as _ } from "./index26.js";
-import { EmptyData as oo } from "./index27.js";
-import { FileUploader as eo } from "./index28.js";
-import { IconButton as po } from "./index29.js";
-import { Image as mo } from "./index30.js";
-import { ImageGrid as fo } from "./index31.js";
-import { ImageUploading as no } from "./index32.js";
-import { Input as go } from "./index33.js";
-import { LinkButton as co } from "./index34.js";
-import { Loader as bo } from "./index35.js";
-import { LoadingModal as Ao } from "./index36.js";
-import { LogoLoader as Co } from "./index37.js";
-import { MenuText as To } from "./index38.js";
-import { Modal as ko } from "./index39.js";
-import { MultiItemSelect as Mo } from "./index40.js";
-import { MyHomeVaultLogo as Ho } from "./index41.js";
-import { Notification as Do } from "./index42.js";
-import { OptionDivider as Go } from "./index43.js";
-import { PageHeading as Ro } from "./index44.js";
-import { Pagination as Eo } from "./index45.js";
-import { Panel as Uo, PanelAction as Vo, PanelBody as Oo, PanelEmptyState as Qo, PanelFooter as jo, PanelHeader as qo, PanelTitle as zo } from "./index46.js";
-import { PhotoLibrary as Ko } from "./index47.js";
-import { Pill as Xo } from "./index48.js";
-import { PrimaryCard as Zo } from "./index49.js";
-import { Progress as $o } from "./index50.js";
-import { QuickActions as rr } from "./index51.js";
-import { RadioGroup as tr } from "./index52.js";
-import { Rating as ar } from "./index53.js";
-import { Row as xr } from "./index54.js";
-import { ScrollableModal as ir } from "./index55.js";
-import { SectionHeading as dr } from "./index56.js";
-import { Select as gr } from "./index57.js";
-import { SelectionCard as cr } from "./index58.js";
-import { Sidebar as br, SidebarCard as sr, SidebarFooter as Ar, SidebarGroup as Pr, SidebarHeader as Cr, SidebarItem as Lr, SidebarNav as Tr, SidebarSection as Br, useSidebar as kr } from "./index59.js";
-import { Skeleton as Mr, SkeletonAvatar as yr, SkeletonCard as Hr, SkeletonText as vr } from "./index60.js";
-import { StatisticsChart as wr } from "./index61.js";
-import { StatusBadge as hr, StatusIndicator as Rr } from "./index62.js";
-import { StepList as Er } from "./index63.js";
-import { SubsectionHeading as Ur } from "./index64.js";
-import { TabView as Or } from "./index65.js";
-import { Table as jr } from "./index66.js";
-import { Tabs as zr } from "./index67.js";
-import { TaskList as Kr } from "./index68.js";
-import { Text as Xr } from "./index69.js";
-import { Textarea as Zr } from "./index70.js";
-import { Toggle as $r } from "./index71.js";
-import { ToggleButton as re } from "./index72.js";
-import { Tooltip as te } from "./index73.js";
-import { TrendIndicator as ae } from "./index74.js";
+import { AgentChat as d } from "./index7.js";
+import { AgentPanel as g } from "./index8.js";
+import { Alert as c } from "./index9.js";
+import { AlertBox as b } from "./index10.js";
+import { AlertModal as A } from "./index11.js";
+import { AutoComplete as C } from "./index12.js";
+import { Avatar as T } from "./index13.js";
+import { AvatarCard as k } from "./index14.js";
+import { AverageRating as M } from "./index15.js";
+import { AxtecLogo as H } from "./index16.js";
+import { Badge as D } from "./index17.js";
+import { Breadcrumbs as w } from "./index18.js";
+import { Button as R } from "./index19.js";
+import { ButtonGroup as E } from "./index20.js";
+import { Card as U, CardGrid as V } from "./index21.js";
+import { CardHeading as Q } from "./index22.js";
+import { ChartLegend as q, StatisticsLegend as z } from "./index23.js";
+import { Checkbox as K } from "./index24.js";
+import { ConfirmModal as X } from "./index25.js";
+import { DatePicker as Z } from "./index26.js";
+import { Drawer as $ } from "./index27.js";
+import { Dropdown as ro, DropdownButton as eo } from "./index28.js";
+import { EmptyData as po } from "./index29.js";
+import { FileUploader as mo } from "./index30.js";
+import { IconButton as fo } from "./index31.js";
+import { Image as no } from "./index32.js";
+import { ImageGrid as go } from "./index33.js";
+import { ImageUploading as co } from "./index34.js";
+import { Input as bo } from "./index35.js";
+import { LinkButton as Ao } from "./index36.js";
+import { Loader as Co } from "./index37.js";
+import { LoadingModal as To } from "./index38.js";
+import { LogoLoader as ko } from "./index39.js";
+import { MenuText as Mo } from "./index40.js";
+import { Modal as Ho } from "./index41.js";
+import { MultiItemSelect as Do } from "./index42.js";
+import { MyHomeVaultLogo as wo } from "./index43.js";
+import { Notification as Ro } from "./index44.js";
+import { OptionDivider as Eo } from "./index45.js";
+import { PageHeading as Uo } from "./index46.js";
+import { Pagination as Oo } from "./index47.js";
+import { Panel as jo, PanelAction as qo, PanelBody as zo, PanelEmptyState as Jo, PanelFooter as Ko, PanelHeader as Wo, PanelTitle as Xo } from "./index48.js";
+import { PhotoLibrary as Zo } from "./index49.js";
+import { Pill as $o } from "./index50.js";
+import { PrimaryCard as rr } from "./index51.js";
+import { Progress as tr } from "./index52.js";
+import { QuickActions as ar } from "./index53.js";
+import { RadioGroup as xr } from "./index54.js";
+import { Rating as ir } from "./index55.js";
+import { Row as dr } from "./index56.js";
+import { ScrollableModal as gr } from "./index57.js";
+import { SectionHeading as cr } from "./index58.js";
+import { Select as br } from "./index59.js";
+import { SelectionCard as Ar } from "./index60.js";
+import { Sidebar as Cr, SidebarCard as Lr, SidebarFooter as Tr, SidebarGroup as Br, SidebarHeader as kr, SidebarItem as Ir, SidebarNav as Mr, SidebarSection as yr, useSidebar as Hr } from "./index61.js";
+import { Skeleton as Dr, SkeletonAvatar as hr, SkeletonCard as wr, SkeletonText as Gr } from "./index62.js";
+import { StatisticsChart as Fr } from "./index63.js";
+import { StatusBadge as Nr, StatusIndicator as Ur } from "./index64.js";
+import { StepList as Or } from "./index65.js";
+import { SubsectionHeading as jr } from "./index66.js";
+import { TabView as zr } from "./index67.js";
+import { Table as Kr } from "./index68.js";
+import { Tabs as Xr } from "./index69.js";
+import { TaskList as Zr } from "./index70.js";
+import { Text as $r } from "./index71.js";
+import { Textarea as re } from "./index72.js";
+import { Toggle as te } from "./index73.js";
+import { ToggleButton as ae } from "./index74.js";
+import { Tooltip as xe } from "./index75.js";
+import { TrendIndicator as ie } from "./index76.js";
 export {
   a as Accordion,
   x as ActionBar,
   i as ActionLayout,
-  d as Alert,
-  g as AlertBox,
-  c as AlertModal,
-  b as AutoComplete,
-  A as Avatar,
-  C as AvatarCard,
-  T as AverageRating,
-  k as AxtecLogo,
-  M as Badge,
-  H as Breadcrumbs,
-  D as Button,
-  G as ButtonGroup,
-  R as Card,
-  F as CardGrid,
-  N as CardHeading,
-  V as ChartLegend,
-  j as Checkbox,
-  z as ConfirmModal,
-  K as DatePicker,
-  X as Drawer,
-  Z as Dropdown,
-  _ as DropdownButton,
-  oo as EmptyData,
-  eo as FileUploader,
-  po as IconButton,
-  mo as Image,
-  fo as ImageGrid,
-  no as ImageUploading,
-  go as Input,
-  co as LinkButton,
-  bo as Loader,
-  Ao as LoadingModal,
-  Co as LogoLoader,
-  To as MenuText,
-  ko as Modal,
-  Mo as MultiItemSelect,
-  Ho as MyHomeVaultLogo,
-  Do as Notification,
-  Go as OptionDivider,
-  Ro as PageHeading,
-  Eo as Pagination,
-  Uo as Panel,
-  Vo as PanelAction,
-  Oo as PanelBody,
-  Qo as PanelEmptyState,
-  jo as PanelFooter,
-  qo as PanelHeader,
-  zo as PanelTitle,
-  Ko as PhotoLibrary,
-  Xo as Pill,
-  Zo as PrimaryCard,
-  $o as Progress,
-  rr as QuickActions,
-  tr as RadioGroup,
-  ar as Rating,
-  xr as Row,
-  ir as ScrollableModal,
-  dr as SectionHeading,
-  gr as Select,
-  cr as SelectionCard,
-  br as Sidebar,
-  sr as SidebarCard,
-  Ar as SidebarFooter,
-  Pr as SidebarGroup,
-  Cr as SidebarHeader,
-  Lr as SidebarItem,
-  Tr as SidebarNav,
-  Br as SidebarSection,
-  Mr as Skeleton,
-  yr as SkeletonAvatar,
-  Hr as SkeletonCard,
-  vr as SkeletonText,
-  wr as StatisticsChart,
-  O as StatisticsLegend,
-  hr as StatusBadge,
-  Rr as StatusIndicator,
-  Er as StepList,
-  Ur as SubsectionHeading,
-  Or as TabView,
-  jr as Table,
-  zr as Tabs,
-  Kr as TaskList,
-  Xr as Text,
-  Zr as Textarea,
-  $r as Toggle,
-  re as ToggleButton,
-  te as Tooltip,
-  ae as TrendIndicator,
+  d as AgentChat,
+  g as AgentPanel,
+  c as Alert,
+  b as AlertBox,
+  A as AlertModal,
+  C as AutoComplete,
+  T as Avatar,
+  k as AvatarCard,
+  M as AverageRating,
+  H as AxtecLogo,
+  D as Badge,
+  w as Breadcrumbs,
+  R as Button,
+  E as ButtonGroup,
+  U as Card,
+  V as CardGrid,
+  Q as CardHeading,
+  q as ChartLegend,
+  K as Checkbox,
+  X as ConfirmModal,
+  Z as DatePicker,
+  $ as Drawer,
+  ro as Dropdown,
+  eo as DropdownButton,
+  po as EmptyData,
+  mo as FileUploader,
+  fo as IconButton,
+  no as Image,
+  go as ImageGrid,
+  co as ImageUploading,
+  bo as Input,
+  Ao as LinkButton,
+  Co as Loader,
+  To as LoadingModal,
+  ko as LogoLoader,
+  Mo as MenuText,
+  Ho as Modal,
+  Do as MultiItemSelect,
+  wo as MyHomeVaultLogo,
+  Ro as Notification,
+  Eo as OptionDivider,
+  Uo as PageHeading,
+  Oo as Pagination,
+  jo as Panel,
+  qo as PanelAction,
+  zo as PanelBody,
+  Jo as PanelEmptyState,
+  Ko as PanelFooter,
+  Wo as PanelHeader,
+  Xo as PanelTitle,
+  Zo as PhotoLibrary,
+  $o as Pill,
+  rr as PrimaryCard,
+  tr as Progress,
+  ar as QuickActions,
+  xr as RadioGroup,
+  ir as Rating,
+  dr as Row,
+  gr as ScrollableModal,
+  cr as SectionHeading,
+  br as Select,
+  Ar as SelectionCard,
+  Cr as Sidebar,
+  Lr as SidebarCard,
+  Tr as SidebarFooter,
+  Br as SidebarGroup,
+  kr as SidebarHeader,
+  Ir as SidebarItem,
+  Mr as SidebarNav,
+  yr as SidebarSection,
+  Dr as Skeleton,
+  hr as SkeletonAvatar,
+  wr as SkeletonCard,
+  Gr as SkeletonText,
+  Fr as StatisticsChart,
+  z as StatisticsLegend,
+  Nr as StatusBadge,
+  Ur as StatusIndicator,
+  Or as StepList,
+  jr as SubsectionHeading,
+  zr as TabView,
+  Kr as Table,
+  Xr as Tabs,
+  Zr as TaskList,
+  $r as Text,
+  re as Textarea,
+  te as Toggle,
+  ae as ToggleButton,
+  xe as Tooltip,
+  ie as TrendIndicator,
   t as cn,
-  kr as useSidebar
+  Hr as useSidebar
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index10.js

@@ -1,104 +1,82 @@
-import { jsxs as O, jsx as d } from "react/jsx-runtime";
-import { useState as m, useRef as p, useEffect as h } from "react";
-import { cn as b } from "./index3.js";
-import { Input as N } from "./index33.js";
-const L = ({
-  options: r,
-  value: a,
-  onChange: x,
-  onSearch: s,
-  label: y,
-  placeholder: D,
-  disabled: E = !1,
-  error: I,
-  debounceMs: g = 300,
-  className: C
-}) => {
-  const [o, i] = m(""), [w, l] = m(!1), [u, c] = m(-1), f = p(null), n = p();
-  h(() => {
-    const e = r.find((t) => t.value === a);
-    e && i(e.label);
-  }, [a, r]), h(() => (n.current && clearTimeout(n.current), n.current = setTimeout(() => {
-    s == null || s(o);
-  }, g), () => {
-    n.current && clearTimeout(n.current);
-  }), [o, g, s]), h(() => {
-    const e = (t) => {
-      f.current && !f.current.contains(t.target) && l(!1);
-    };
-    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, []);
-  const v = (e) => {
-    i(e), l(!0), c(-1);
-  }, k = (e) => {
-    i(e.label), x(e.value, e.label), l(!1);
-  }, A = (e) => {
-    if (!w) {
-      (e.key === "ArrowDown" || e.key === "Enter") && l(!0);
-      return;
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { Fragment as l } from "react";
+import { Transition as x, Dialog as h, TransitionChild as o, DialogPanel as f, DialogTitle as v } from "@headlessui/react";
+import { cn as i } from "./index3.js";
+import { Button as y } from "./index19.js";
+const j = ({
+  isOpen: n,
+  onClose: c,
+  title: d,
+  message: m,
+  body: s,
+  buttons: t,
+  className: p
+}) => /* @__PURE__ */ e(x, { show: n, as: l, children: /* @__PURE__ */ r(h, { onClose: c, className: "relative z-50", children: [
+  /* @__PURE__ */ e(
+    o,
+    {
+      as: l,
+      enter: "ease-out duration-300",
+      enterFrom: "opacity-0",
+      enterTo: "opacity-100",
+      leave: "ease-in duration-200",
+      leaveFrom: "opacity-100",
+      leaveTo: "opacity-0",
+      children: /* @__PURE__ */ e("div", { className: "fixed inset-0 bg-black/50", "aria-hidden": "true" })
     }
-    switch (e.key) {
-      case "ArrowDown":
-        e.preventDefault(), c(
-          (t) => t < r.length - 1 ? t + 1 : t
-        );
-        break;
-      case "ArrowUp":
-        e.preventDefault(), c((t) => t > 0 ? t - 1 : t);
-        break;
-      case "Enter":
-        e.preventDefault(), u >= 0 && r[u] && k(r[u]);
-        break;
-      case "Escape":
-        l(!1);
-        break;
+  ),
+  /* @__PURE__ */ e("div", { className: "fixed inset-0 flex items-center justify-center p-4", children: /* @__PURE__ */ e(
+    o,
+    {
+      as: l,
+      enter: "ease-out duration-300",
+      enterFrom: "opacity-0 scale-95",
+      enterTo: "opacity-100 scale-100",
+      leave: "ease-in duration-200",
+      leaveFrom: "opacity-100 scale-100",
+      leaveTo: "opacity-0 scale-95",
+      children: /* @__PURE__ */ r(
+        f,
+        {
+          className: i(
+            "w-full max-w-md bg-white rounded-2xl shadow-xl overflow-hidden",
+            "transform transition-all",
+            p
+          ),
+          children: [
+            /* @__PURE__ */ e("div", { className: "px-6 py-4 border-b border-slate-200", children: /* @__PURE__ */ e(v, { className: "text-lg font-semibold text-slate-900 text-center", children: d }) }),
+            /* @__PURE__ */ r("div", { className: "px-8 py-6 text-center", children: [
+              /* @__PURE__ */ e("p", { className: "text-slate-700", children: m }),
+              s && /* @__PURE__ */ e("div", { className: "mt-4", children: s })
+            ] }),
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: i(
+                  "flex px-8 py-4 border-t border-slate-200 gap-3",
+                  t.length === 1 ? "justify-center" : "justify-between"
+                ),
+                children: t.map((a) => /* @__PURE__ */ e(
+                  y,
+                  {
+                    ...a,
+                    className: i(
+                      t.length === 1 ? "w-full" : "flex-1",
+                      a.className
+                    ),
+                    children: a.text
+                  },
+                  a.text
+                ))
+              }
+            )
+          ]
+        }
+      )
     }
-  };
-  return /* @__PURE__ */ O("div", { ref: f, className: b("relative", C), children: [
-    /* @__PURE__ */ d(
-      N,
-      {
-        label: y,
-        value: o,
-        onChange: (e) => v(e.target.value),
-        onFocus: () => l(!0),
-        onKeyDown: A,
-        placeholder: D,
-        disabled: E,
-        error: I
-      }
-    ),
-    w && r.length > 0 && /* @__PURE__ */ d(
-      "ul",
-      {
-        className: b(
-          "absolute z-50 w-full mt-1 py-1",
-          "bg-white border border-slate-200 rounded-lg shadow-lg",
-          "max-h-60 overflow-auto"
-        ),
-        role: "listbox",
-        children: r.map((e, t) => /* @__PURE__ */ d(
-          "li",
-          {
-            role: "option",
-            "aria-selected": e.value === a,
-            onClick: () => k(e),
-            onMouseEnter: () => c(t),
-            className: b(
-              "px-4 py-2 cursor-pointer text-sm",
-              "transition-colors",
-              u === t && "bg-slate-100",
-              e.value === a && "text-primary-500 font-medium"
-            ),
-            children: e.label
-          },
-          e.value
-        ))
-      }
-    )
-  ] });
-};
+  ) })
+] }) });
 export {
-  L as AutoComplete
+  j as AlertBox
 };
 //# sourceMappingURL=index10.js.map

package/dist/index10.js.map

@@ -1 +1 @@
-{"version":3,"file":"index10.js","sources":["../src/components/AutoComplete/AutoComplete.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport { cn } from '@/lib/utils'\nimport { Input } from '../Input/Input'\n\nexport interface AutoCompleteOption {\n  value: string\n  label: string\n}\n\nexport interface AutoCompleteProps {\n  options: AutoCompleteOption[]\n  value?: string\n  onChange: (value: string, label: string) => void\n  onSearch?: (query: string) => void\n  label?: string\n  placeholder?: string\n  disabled?: boolean\n  error?: string\n  debounceMs?: number\n  className?: string\n}\n\nexport const AutoComplete = ({\n  options,\n  value,\n  onChange,\n  onSearch,\n  label,\n  placeholder,\n  disabled = false,\n  error,\n  debounceMs = 300,\n  className,\n}: AutoCompleteProps) => {\n  const [inputValue, setInputValue] = useState('')\n  const [isOpen, setIsOpen] = useState(false)\n  const [highlightedIndex, setHighlightedIndex] = useState(-1)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const debounceRef = useRef<ReturnType<typeof setTimeout>>()\n\n  // Sync input value with selected option\n  useEffect(() => {\n    const selectedOption = options.find((opt) => opt.value === value)\n    if (selectedOption) {\n      setInputValue(selectedOption.label)\n    }\n  }, [value, options])\n\n  // Handle debounced search\n  useEffect(() => {\n    if (debounceRef.current) {\n      clearTimeout(debounceRef.current)\n    }\n\n    debounceRef.current = setTimeout(() => {\n      onSearch?.(inputValue)\n    }, debounceMs)\n\n    return () => {\n      if (debounceRef.current) {\n        clearTimeout(debounceRef.current)\n      }\n    }\n  }, [inputValue, debounceMs, onSearch])\n\n  // Handle click outside\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n        setIsOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => document.removeEventListener('mousedown', handleClickOutside)\n  }, [])\n\n  const handleInputChange = (newValue: string) => {\n    setInputValue(newValue)\n    setIsOpen(true)\n    setHighlightedIndex(-1)\n  }\n\n  const handleSelect = (option: AutoCompleteOption) => {\n    setInputValue(option.label)\n    onChange(option.value, option.label)\n    setIsOpen(false)\n  }\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (!isOpen) {\n      if (event.key === 'ArrowDown' || event.key === 'Enter') {\n        setIsOpen(true)\n      }\n      return\n    }\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault()\n        setHighlightedIndex((prev) =>\n          prev < options.length - 1 ? prev + 1 : prev\n        )\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        setHighlightedIndex((prev) => (prev > 0 ? prev - 1 : prev))\n        break\n      case 'Enter':\n        event.preventDefault()\n        if (highlightedIndex >= 0 && options[highlightedIndex]) {\n          handleSelect(options[highlightedIndex])\n        }\n        break\n      case 'Escape':\n        setIsOpen(false)\n        break\n    }\n  }\n\n  return (\n    <div ref={containerRef} className={cn('relative', className)}>\n      <Input\n        label={label}\n        value={inputValue}\n        onChange={(e) => handleInputChange(e.target.value)}\n        onFocus={() => setIsOpen(true)}\n        onKeyDown={handleKeyDown}\n        placeholder={placeholder}\n        disabled={disabled}\n        error={error}\n      />\n\n      {isOpen && options.length > 0 && (\n        <ul\n          className={cn(\n            'absolute z-50 w-full mt-1 py-1',\n            'bg-white border border-slate-200 rounded-lg shadow-lg',\n            'max-h-60 overflow-auto'\n          )}\n          role=\"listbox\"\n        >\n          {options.map((option, index) => (\n            <li\n              key={option.value}\n              role=\"option\"\n              aria-selected={option.value === value}\n              onClick={() => handleSelect(option)}\n              onMouseEnter={() => setHighlightedIndex(index)}\n              className={cn(\n                'px-4 py-2 cursor-pointer text-sm',\n                'transition-colors',\n                highlightedIndex === index && 'bg-slate-100',\n                option.value === value && 'text-primary-500 font-medium'\n              )}\n            >\n              {option.label}\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  )\n}\n"],"names":["AutoComplete","options","value","onChange","onSearch","label","placeholder","disabled","error","debounceMs","className","inputValue","setInputValue","useState","isOpen","setIsOpen","highlightedIndex","setHighlightedIndex","containerRef","useRef","debounceRef","useEffect","selectedOption","opt","handleClickOutside","event","handleInputChange","newValue","handleSelect","option","handleKeyDown","prev","jsxs","cn","jsx","Input","index"],"mappings":"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"}
+{"version":3,"file":"index10.js","sources":["../src/components/AlertBox/AlertBox.tsx"],"sourcesContent":["import { Fragment, type ReactNode } from 'react'\nimport {\n  Dialog,\n  DialogPanel,\n  DialogTitle,\n  Transition,\n  TransitionChild,\n} from '@headlessui/react'\nimport { cn } from '@/lib/utils'\nimport { Button, type ButtonProps } from '../Button/Button'\n\nexport interface AlertBoxButton extends Omit<ButtonProps, 'key'> {\n  text: string\n}\n\nexport interface AlertBoxProps {\n  isOpen: boolean\n  onClose: () => void\n  title: string\n  message: string\n  body?: ReactNode\n  buttons: AlertBoxButton[]\n  className?: string\n}\n\nexport const AlertBox = ({\n  isOpen,\n  onClose,\n  title,\n  message,\n  body,\n  buttons,\n  className,\n}: AlertBoxProps) => {\n  return (\n    <Transition show={isOpen} as={Fragment}>\n      <Dialog onClose={onClose} className=\"relative z-50\">\n        {/* Backdrop */}\n        <TransitionChild\n          as={Fragment}\n          enter=\"ease-out duration-300\"\n          enterFrom=\"opacity-0\"\n          enterTo=\"opacity-100\"\n          leave=\"ease-in duration-200\"\n          leaveFrom=\"opacity-100\"\n          leaveTo=\"opacity-0\"\n        >\n          <div className=\"fixed inset-0 bg-black/50\" aria-hidden=\"true\" />\n        </TransitionChild>\n\n        {/* Modal */}\n        <div className=\"fixed inset-0 flex items-center justify-center p-4\">\n          <TransitionChild\n            as={Fragment}\n            enter=\"ease-out duration-300\"\n            enterFrom=\"opacity-0 scale-95\"\n            enterTo=\"opacity-100 scale-100\"\n            leave=\"ease-in duration-200\"\n            leaveFrom=\"opacity-100 scale-100\"\n            leaveTo=\"opacity-0 scale-95\"\n          >\n            <DialogPanel\n              className={cn(\n                'w-full max-w-md bg-white rounded-2xl shadow-xl overflow-hidden',\n                'transform transition-all',\n                className\n              )}\n            >\n              {/* Header */}\n              <div className=\"px-6 py-4 border-b border-slate-200\">\n                <DialogTitle className=\"text-lg font-semibold text-slate-900 text-center\">\n                  {title}\n                </DialogTitle>\n              </div>\n\n              {/* Message */}\n              <div className=\"px-8 py-6 text-center\">\n                <p className=\"text-slate-700\">{message}</p>\n                {body && <div className=\"mt-4\">{body}</div>}\n              </div>\n\n              {/* Buttons */}\n              <div\n                className={cn(\n                  'flex px-8 py-4 border-t border-slate-200 gap-3',\n                  buttons.length === 1 ? 'justify-center' : 'justify-between'\n                )}\n              >\n                {buttons.map((button) => (\n                  <Button\n                    key={button.text}\n                    {...button}\n                    className={cn(\n                      buttons.length === 1 ? 'w-full' : 'flex-1',\n                      button.className\n                    )}\n                  >\n                    {button.text}\n                  </Button>\n                ))}\n              </div>\n            </DialogPanel>\n          </TransitionChild>\n        </div>\n      </Dialog>\n    </Transition>\n  )\n}\n"],"names":["AlertBox","isOpen","onClose","title","message","body","buttons","className","jsx","Transition","Fragment","jsxs","Dialog","TransitionChild","DialogPanel","cn","DialogTitle","button","Button"],"mappings":";;;;;AAyBO,MAAMA,IAAW,CAAC;AAAA,EACvB,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,MAEI,gBAAAC,EAACC,GAAA,EAAW,MAAMR,GAAQ,IAAIS,GAC5B,UAAA,gBAAAC,EAACC,GAAA,EAAO,SAAAV,GAAkB,WAAU,iBAElC,UAAA;AAAA,EAAA,gBAAAM;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,IAAIH;AAAA,MACJ,OAAM;AAAA,MACN,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,OAAM;AAAA,MACN,WAAU;AAAA,MACV,SAAQ;AAAA,MAER,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,6BAA4B,eAAY,OAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAAA,EAIhE,gBAAAA,EAAC,OAAA,EAAI,WAAU,sDACb,UAAA,gBAAAA;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,IAAIH;AAAA,MACJ,OAAM;AAAA,MACN,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,OAAM;AAAA,MACN,WAAU;AAAA,MACV,SAAQ;AAAA,MAER,UAAA,gBAAAC;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,WAAWC;AAAA,YACT;AAAA,YACA;AAAA,YACAR;AAAA,UAAA;AAAA,UAIF,UAAA;AAAA,YAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,uCACb,UAAA,gBAAAA,EAACQ,KAAY,WAAU,oDACpB,aACH,EAAA,CACF;AAAA,YAGA,gBAAAL,EAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,cAAA,gBAAAH,EAAC,KAAA,EAAE,WAAU,kBAAkB,UAAAJ,GAAQ;AAAA,cACtCC,KAAQ,gBAAAG,EAAC,OAAA,EAAI,WAAU,QAAQ,UAAAH,EAAA,CAAK;AAAA,YAAA,GACvC;AAAA,YAGA,gBAAAG;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWO;AAAA,kBACT;AAAA,kBACAT,EAAQ,WAAW,IAAI,mBAAmB;AAAA,gBAAA;AAAA,gBAG3C,UAAAA,EAAQ,IAAI,CAACW,MACZ,gBAAAT;AAAA,kBAACU;AAAA,kBAAA;AAAA,oBAEE,GAAGD;AAAA,oBACJ,WAAWF;AAAA,sBACTT,EAAQ,WAAW,IAAI,WAAW;AAAA,sBAClCW,EAAO;AAAA,oBAAA;AAAA,oBAGR,UAAAA,EAAO;AAAA,kBAAA;AAAA,kBAPHA,EAAO;AAAA,gBAAA,CASf;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,EACF,CACF;AAAA,EAAA,CACF,EAAA,CACF;"}