geoiq-frontend-ui-kit 1.1.20 → 1.1.22

package/dist/components/atoms/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/tooltip/tooltip.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,UAAU,EACV,OAAO,EACP,GAAG,KAAK,EACT,EAAE,YAAY,+CAed"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/tooltip/tooltip.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,UAAU,EACV,OAAO,EACP,GAAG,KAAK,EACT,EAAE,YAAY,+CAgBd"}

package/dist/components/molecules/dropdown-menu/dropdown-menu.d.ts

@@ -1,4 +1,4 @@
 import { DropdownMenuProps } from './dropdown-menu.types';
 
-export declare function Dropdown({ trigger, optionGroups, header, }: DropdownMenuProps): import("react/jsx-dev-runtime").JSX.Element;
+export declare function Dropdown({ trigger, optionGroups, header, dropdownContentProps, }: DropdownMenuProps): import("react/jsx-dev-runtime").JSX.Element;
 //# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/components/molecules/dropdown-menu/dropdown-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAEzD,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,YAAY,EACZ,MAAqB,GACtB,EAAE,iBAAiB,+CAgJnB"}
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAEzD,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,YAAY,EACZ,MAAqB,EACrB,oBAAyB,GAC1B,EAAE,iBAAiB,+CAmJnB"}

package/dist/components/molecules/dropdown-menu/dropdown-menu.types.d.ts

@@ -1,3 +1,4 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 export type DropdownMenuOptions = {
     label: string;
     icon?: React.ReactNode;
@@ -6,9 +7,11 @@ export type DropdownMenuOptions = {
     className?: string;
     onClick?: () => void;
 };
+export type DropdownContentProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>;
 export type DropdownMenuProps = {
     trigger: React.ReactNode;
     optionGroups: DropdownMenuOptions[][];
     header?: React.ReactNode;
+    dropdownContentProps?: DropdownContentProps;
 };
 //# sourceMappingURL=dropdown-menu.types.d.ts.map

package/dist/components/molecules/dropdown-menu/dropdown-menu.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/dropdown-menu/dropdown-menu.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,YAAY,EAAE,mBAAmB,EAAE,EAAE,CAAA;IACrC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB,CAAA"}
+{"version":3,"file":"dropdown-menu.types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/dropdown-menu/dropdown-menu.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAEtE,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,wBAAwB,CAC/D,OAAO,qBAAqB,CAAC,OAAO,CACrC,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,YAAY,EAAE,mBAAmB,EAAE,EAAE,CAAA;IACrC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;CAC5C,CAAA"}

package/dist/components/molecules/single-combobox/single-combobox.d.ts

@@ -1,4 +1,4 @@
 import { SingleComboboxPropsType } from './single-combobox.types';
 
-export declare function SingleCombobox({ options, value, placeholder, searchPlaceholder, emptyMessage, onChange, onSearchChange, }: SingleComboboxPropsType): import("react/jsx-dev-runtime").JSX.Element;
+export declare function SingleCombobox({ options, value, placeholder, searchPlaceholder, emptyMessage, onChange, onSearchChange, onChangePopoverOpen, }: SingleComboboxPropsType): import("react/jsx-dev-runtime").JSX.Element;
 //# sourceMappingURL=single-combobox.d.ts.map

package/dist/components/molecules/single-combobox/single-combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"single-combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/single-combobox/single-combobox.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAOjE,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,WAAqB,EACrB,iBAA4B,EAC5B,YAA2B,EAC3B,QAAQ,EACR,cAAc,GACf,EAAE,uBAAuB,+CA6FzB"}
+{"version":3,"file":"single-combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/single-combobox/single-combobox.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAOjE,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,WAAqB,EACrB,iBAA4B,EAC5B,YAA2B,EAC3B,QAAQ,EACR,cAAc,EACd,mBAAmB,GACpB,EAAE,uBAAuB,+CAiGzB"}

package/dist/components/molecules/single-combobox/single-combobox.types.d.ts

@@ -11,5 +11,6 @@ export type SingleComboboxPropsType = {
     emptyMessage?: string;
     onChange: (value: string) => void;
     onSearchChange?: (value: string) => void;
+    onChangePopoverOpen?: (open: boolean) => void;
 };
 //# sourceMappingURL=single-combobox.types.d.ts.map

package/dist/components/molecules/single-combobox/single-combobox.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"single-combobox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/single-combobox/single-combobox.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,KAAK,CAAC;QACb,EAAE,EAAE,MAAM,CAAA;QACV,IAAI,EAAE,MAAM,CAAA;QACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;KAC1B,CAAC,CAAA;IACF,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACzC,CAAA"}
+{"version":3,"file":"single-combobox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/single-combobox/single-combobox.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,KAAK,CAAC;QACb,EAAE,EAAE,MAAM,CAAA;QACV,IAAI,EAAE,MAAM,CAAA;QACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;KAC1B,CAAC,CAAA;IACF,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CAC9C,CAAA"}

package/dist/components/organisms/navbar/navbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/navbar/navbar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAa,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAgKvD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0CxC,CAAA"}
+{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/navbar/navbar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAa,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAkKvD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0CxC,CAAA"}

package/dist/index.es10.js

@@ -1,7 +1,7 @@
 import * as r from "react";
 import * as a from "@radix-ui/react-progress";
 import { cn as n } from "./index.es59.js";
-import { ProgressVariants as i } from "./index.es68.js";
+import { ProgressVariants as i } from "./index.es67.js";
 const l = r.forwardRef(({ className: t, value: o, ...e }, m) => {
   const s = (o || 0) / (e.max || 100) * 100;
   return /* @__PURE__ */ r.createElement(

package/dist/index.es15.js

@@ -6,7 +6,7 @@ import "./index.es41.js";
 import "./index.es60.js";
 import "./index.es26.js";
 import "./index.es32.js";
-import { TextAreaVariants as u } from "./index.es71.js";
+import { TextAreaVariants as u } from "./index.es68.js";
 const m = e.forwardRef(
   ({ className: o, inputLabel: a, showTextCount: l, maximumTextCount: i, ...t }, f) => {
     const [r, s] = e.useState(!1), c = e.useRef(null);

package/dist/index.es17.js

@@ -1,16 +1,17 @@
-import { TooltipProvider as l, TooltipWrapper as n, TooltipTrigger as i, TooltipContent as a } from "./index.es16.js";
+import { TooltipProvider as r, TooltipWrapper as n, TooltipTrigger as i, TooltipContent as a } from "./index.es16.js";
 import * as e from "react";
 function c({
-  headerText: o,
-  content: r,
+  headerText: l,
+  content: o,
   ...t
 }) {
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(l, null, /* @__PURE__ */ e.createElement(n, { ...t }, /* @__PURE__ */ e.createElement(i, null, t?.triggerElement), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(r, null, /* @__PURE__ */ e.createElement(n, { ...t }, /* @__PURE__ */ e.createElement(i, null, t?.triggerElement), /* @__PURE__ */ e.createElement(
     a,
     {
       side: t?.side ?? "top",
-      headerText: o ?? "",
-      content: r ?? ""
+      headerText: l ?? "",
+      content: o ?? "",
+      ...t
     }
   ))));
 }

package/dist/index.es17.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es17.js","sources":["../src/components/atoms/tooltip/tooltip.tsx"],"sourcesContent":["import {\n  TooltipWrapper,\n  TooltipContent,\n  TooltipTrigger,\n  TooltipProvider,\n} from './tooltip-components'\nimport * as React from 'react'\nimport { TooltipProps } from './tooltip.types'\n\nexport default function Tooltip({\n  headerText,\n  content,\n  ...props\n}: TooltipProps) {\n  return (\n    <>\n      <TooltipProvider>\n        <TooltipWrapper {...props}>\n          <TooltipTrigger>{props?.triggerElement}</TooltipTrigger>\n          <TooltipContent\n            side={props?.side ?? 'top'}\n            headerText={headerText ?? ''}\n            content={content ?? ''}\n          />\n        </TooltipWrapper>\n      </TooltipProvider>\n    </>\n  )\n}\n"],"names":["Tooltip","headerText","content","props","React","TooltipProvider","TooltipWrapper","TooltipTrigger","TooltipContent"],"mappings":";;AASA,SAAwBA,EAAQ;AAAA,EAC9B,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAiB;AAEb,SAAA,gBAAAC,EAAA,cAAAA,EAAA,UAAA,MACG,gBAAAA,EAAA,cAAAC,GAAA,MACE,gBAAAD,EAAA,cAAAE,GAAA,EAAgB,GAAGH,KACjB,gBAAAC,EAAA,cAAAG,GAAA,MAAgBJ,GAAO,cAAe,GACvC,gBAAAC,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAML,GAAO,QAAQ;AAAA,MACrB,YAAYF,KAAc;AAAA,MAC1B,SAASC,KAAW;AAAA,IAAA;AAAA,EAExB,CAAA,CACF,CACF;AAEJ;"}
+{"version":3,"file":"index.es17.js","sources":["../src/components/atoms/tooltip/tooltip.tsx"],"sourcesContent":["import {\n  TooltipWrapper,\n  TooltipContent,\n  TooltipTrigger,\n  TooltipProvider,\n} from './tooltip-components'\nimport * as React from 'react'\nimport { TooltipProps } from './tooltip.types'\n\nexport default function Tooltip({\n  headerText,\n  content,\n  ...props\n}: TooltipProps) {\n  return (\n    <>\n      <TooltipProvider>\n        <TooltipWrapper {...props}>\n          <TooltipTrigger>{props?.triggerElement}</TooltipTrigger>\n          <TooltipContent\n            side={props?.side ?? 'top'}\n            headerText={headerText ?? ''}\n            content={content ?? ''}\n            {...props}\n          />\n        </TooltipWrapper>\n      </TooltipProvider>\n    </>\n  )\n}\n"],"names":["Tooltip","headerText","content","props","React","TooltipProvider","TooltipWrapper","TooltipTrigger","TooltipContent"],"mappings":";;AASA,SAAwBA,EAAQ;AAAA,EAC9B,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAiB;AAEb,SAAA,gBAAAC,EAAA,cAAAA,EAAA,UAAA,MACG,gBAAAA,EAAA,cAAAC,GAAA,MACE,gBAAAD,EAAA,cAAAE,GAAA,EAAgB,GAAGH,KACjB,gBAAAC,EAAA,cAAAG,GAAA,MAAgBJ,GAAO,cAAe,GACvC,gBAAAC,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAML,GAAO,QAAQ;AAAA,MACrB,YAAYF,KAAc;AAAA,MAC1B,SAASC,KAAW;AAAA,MACnB,GAAGC;AAAA,IAAA;AAAA,EAER,CAAA,CACF,CACF;AAEJ;"}

package/dist/index.es18.js

@@ -1,7 +1,7 @@
 import * as o from "react";
 import { cn as m } from "./index.es59.js";
 import { TypographyVariants as n } from "./index.es53.js";
-import { defaultTypographyVariant as y, variantElementMap as i } from "./index.es67.js";
+import { defaultTypographyVariant as y, variantElementMap as i } from "./index.es73.js";
 const c = o.forwardRef(({ className: t, variant: r = y, ...a }, e) => {
   const p = i[r];
   return /* @__PURE__ */ o.createElement(

package/dist/index.es19.js

@@ -1,6 +1,6 @@
 import * as e from "react";
 import { cn as r } from "./index.es59.js";
-import { AlertVariants as f, AlertContentVariants as d, AlertButtonVariants as g } from "./index.es73.js";
+import { AlertVariants as f, AlertContentVariants as d, AlertButtonVariants as g } from "./index.es74.js";
 import { Button as p } from "./index.es7.js";
 const c = e.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.createElement(
   "h5",

package/dist/index.es20.js

@@ -1,9 +1,9 @@
-import { Breadcrumb as E, BreadcrumbList as i, BreadcrumbSeparator as c, BreadcrumbItem as o, BreadcrumbEllipsis as b, BreadcrumbLink as u } from "./index.es74.js";
+import { Breadcrumb as E, BreadcrumbList as i, BreadcrumbSeparator as c, BreadcrumbItem as o, BreadcrumbEllipsis as b, BreadcrumbLink as u } from "./index.es71.js";
 import { DropdownMenu as g, DropdownMenuTrigger as y, DropdownMenuContent as d, DropdownMenuItem as h } from "./index.es70.js";
 import e from "react";
 import { Typography as B } from "./index.es18.js";
 import { cn as f } from "./index.es59.js";
-import { CrumbVariants as w } from "./index.es75.js";
+import { CrumbVariants as w } from "./index.es72.js";
 function l({ field: r, isSelected: t }) {
   return /* @__PURE__ */ e.createElement(o, null, /* @__PURE__ */ e.createElement(
     u,

package/dist/index.es21.js

@@ -1,40 +1,49 @@
 import e from "react";
-import { DropdownMenu as b, DropdownMenuTrigger as i, DropdownMenuContent as g, DropdownMenuLabel as p, DropdownMenuSeparator as d, DropdownMenuGroup as h, DropdownMenuSub as E, DropdownMenuSubTrigger as w, DropdownMenuPortal as x, DropdownMenuSubContent as N, DropdownMenuItem as s } from "./index.es70.js";
-function y({
+import { DropdownMenu as i, DropdownMenuTrigger as g, DropdownMenuContent as p, DropdownMenuLabel as h, DropdownMenuSeparator as d, DropdownMenuGroup as E, DropdownMenuSub as w, DropdownMenuSubTrigger as x, DropdownMenuPortal as N, DropdownMenuSubContent as D, DropdownMenuItem as s } from "./index.es70.js";
+function k({
   trigger: c,
   optionGroups: r,
-  header: t = "My Account"
+  header: t = "My Account",
+  dropdownContentProps: o = {}
 }) {
-  return /* @__PURE__ */ e.createElement(b, null, /* @__PURE__ */ e.createElement(i, { asChild: !0 }, c), /* @__PURE__ */ e.createElement(g, { className: "bg-light-1 w-56 shadow-lg  rounded-[8px]" }, t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(p, null, t), /* @__PURE__ */ e.createElement(d, { className: "border-neutral-1 border-t" })), r.map((o, n) => /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, /* @__PURE__ */ e.createElement(h, null, o.map((a, m) => a.subItems ? /* @__PURE__ */ e.createElement(E, { key: m }, /* @__PURE__ */ e.createElement(
-    w,
+  return /* @__PURE__ */ e.createElement(i, null, /* @__PURE__ */ e.createElement(g, { asChild: !0 }, c), /* @__PURE__ */ e.createElement(
+    p,
     {
-      disabled: a.disabled,
-      className: `data-[disabled]:hover:bg-light-1 hover:bg-light-2 rounded-md py-[11px] px-4 cursor-pointer data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed ${a.className}`
+      className: "bg-light-1 w-56 shadow-lg  rounded-[8px]",
+      ...o
     },
-    a.icon,
-    /* @__PURE__ */ e.createElement("span", { className: "text-xs" }, a.label)
-  ), /* @__PURE__ */ e.createElement(x, null, /* @__PURE__ */ e.createElement(N, { className: "bg-light-1" }, a.subItems?.map((l, u) => /* @__PURE__ */ e.createElement(
-    s,
-    {
-      disabled: l?.disabled,
-      className: ` data-[disabled]:hover:bg-light-1 hover:bg-light-2  data-[disabled]:cursor-not-allowed py-[11px] px-4 rounded-md ${l.className}`,
-      onClick: l.onClick,
-      key: u
-    },
-    l.icon,
-    /* @__PURE__ */ e.createElement("span", { className: "text-xs" }, l.label)
-  ))))) : /* @__PURE__ */ e.createElement(
-    s,
-    {
-      className: `data-[disabled]:hover:bg-light-1 hover:bg-light-2 data-[disabled]:cursor-not-allowed hover:rounded-md py-[11px] px-4 h-[42px] ${a.className}`,
-      onClick: a.onClick,
-      disabled: a.disabled
-    },
-    a.icon,
-    /* @__PURE__ */ e.createElement("span", { className: "text-xs" }, a.label)
-  ))), n + 1 !== r.length && /* @__PURE__ */ e.createElement(d, { className: "border-neutral-1 border-t" })))));
+    t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(h, null, t), /* @__PURE__ */ e.createElement(d, { className: "border-neutral-1 border-t" })),
+    r.map((m, n) => /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, /* @__PURE__ */ e.createElement(E, null, m.map((a, u) => a.subItems ? /* @__PURE__ */ e.createElement(w, { key: u }, /* @__PURE__ */ e.createElement(
+      x,
+      {
+        disabled: a.disabled,
+        className: `data-[disabled]:hover:bg-light-1 hover:bg-light-2 rounded-md py-[11px] px-4 cursor-pointer data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed ${a.className}`
+      },
+      a.icon,
+      /* @__PURE__ */ e.createElement("span", { className: "text-xs" }, a.label)
+    ), /* @__PURE__ */ e.createElement(N, null, /* @__PURE__ */ e.createElement(D, { className: "bg-light-1" }, a.subItems?.map((l, b) => /* @__PURE__ */ e.createElement(
+      s,
+      {
+        disabled: l?.disabled,
+        className: ` data-[disabled]:hover:bg-light-1 hover:bg-light-2  data-[disabled]:cursor-not-allowed py-[11px] px-4 rounded-md ${l.className}`,
+        onClick: l.onClick,
+        key: b
+      },
+      l.icon,
+      /* @__PURE__ */ e.createElement("span", { className: "text-xs" }, l.label)
+    ))))) : /* @__PURE__ */ e.createElement(
+      s,
+      {
+        className: `data-[disabled]:hover:bg-light-1 hover:bg-light-2 data-[disabled]:cursor-not-allowed hover:rounded-md py-[11px] px-4 h-[42px] ${a.className}`,
+        onClick: a.onClick,
+        disabled: a.disabled
+      },
+      a.icon,
+      /* @__PURE__ */ e.createElement("span", { className: "text-xs" }, a.label)
+    ))), n + 1 !== r.length && /* @__PURE__ */ e.createElement(d, { className: "border-neutral-1 border-t" })))
+  ));
 }
 export {
-  y as Dropdown
+  k as Dropdown
 };
 //# sourceMappingURL=index.es21.js.map

package/dist/index.es21.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es21.js","sources":["../src/components/molecules/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import React from 'react'\n\n// import { Button } from '../button'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuSeparator,\n  // DropdownMenuShortcut,\n  //   DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from './dropdown-menu-components'\nimport { DropdownMenuProps } from './dropdown-menu.types'\n\nexport function Dropdown({\n  trigger,\n  optionGroups,\n  header = 'My Account',\n}: DropdownMenuProps) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>{trigger}</DropdownMenuTrigger>\n      <DropdownMenuContent className=\"bg-light-1 w-56 shadow-lg  rounded-[8px]\">\n        {/* label section (string/jsx) */}\n        {header && (\n          <>\n            <DropdownMenuLabel>{header}</DropdownMenuLabel>\n            <DropdownMenuSeparator className=\"border-neutral-1 border-t\" />\n          </>\n        )}\n        {optionGroups.map((options, groupIndex) => {\n          return (\n            <React.Fragment key={groupIndex}>\n              <DropdownMenuGroup>\n                {options.map((option, optionIndex) => {\n                  if (option.subItems) {\n                    return (\n                      <DropdownMenuSub key={optionIndex}>\n                        <DropdownMenuSubTrigger\n                          disabled={option['disabled']}\n                          className={`data-[disabled]:hover:bg-light-1 hover:bg-light-2 rounded-md py-[11px] px-4 cursor-pointer data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed ${option.className}`}\n                        >\n                          {option.icon}\n                          <span className=\"text-xs\">{option.label}</span>\n                        </DropdownMenuSubTrigger>\n                        <DropdownMenuPortal>\n                          <DropdownMenuSubContent className=\"bg-light-1\">\n                            {option.subItems?.map((subItem, subItemIndex) => (\n                              <DropdownMenuItem\n                                disabled={subItem?.disabled}\n                                className={` data-[disabled]:hover:bg-light-1 hover:bg-light-2  data-[disabled]:cursor-not-allowed py-[11px] px-4 rounded-md ${subItem.className}`}\n                                onClick={subItem.onClick}\n                                key={subItemIndex}\n                              >\n                                {subItem.icon}\n                                <span className=\"text-xs\">{subItem.label}</span>\n                              </DropdownMenuItem>\n                            ))}\n                          </DropdownMenuSubContent>\n                        </DropdownMenuPortal>\n                      </DropdownMenuSub>\n                    )\n                  }\n                  return (\n                    <DropdownMenuItem\n                      className={`data-[disabled]:hover:bg-light-1 hover:bg-light-2 data-[disabled]:cursor-not-allowed hover:rounded-md py-[11px] px-4 h-[42px] ${option.className}`}\n                      onClick={option.onClick}\n                      disabled={option['disabled']}\n                    >\n                      {option.icon}\n                      <span className=\"text-xs\">{option.label}</span>\n\n                      {/* <DropdownMenuShortcut>⌘B</DropdownMenuShortcut> */}\n                    </DropdownMenuItem>\n                  )\n                })}\n              </DropdownMenuGroup>\n              {groupIndex + 1 !== optionGroups.length && (\n                <DropdownMenuSeparator className=\"border-neutral-1 border-t\" />\n              )}\n            </React.Fragment>\n          )\n        })}\n        {/* <DropdownMenuGroup>\n          <DropdownMenuItem>\n            <User className=\"mr-2 h-4 w-4\" />\n            <span>Profile</span>\n            <DropdownMenuShortcut>⇧⌘P</DropdownMenuShortcut>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            <CreditCard className=\"mr-2 h-4 w-4\" />\n            <span>Billing</span>\n            <DropdownMenuShortcut>⌘B</DropdownMenuShortcut>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            <Settings className=\"mr-2 h-4 w-4\" />\n            <span>Settings</span>\n            <DropdownMenuShortcut>⌘S</DropdownMenuShortcut>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            <Keyboard className=\"mr-2 h-4 w-4\" />\n            <span>Keyboard shortcuts</span>\n            <DropdownMenuShortcut>⌘K</DropdownMenuShortcut>\n          </DropdownMenuItem>\n        </DropdownMenuGroup>\n        <DropdownMenuSeparator />\n        <DropdownMenuGroup>\n          <DropdownMenuItem>\n            <Users className=\"mr-2 h-4 w-4\" />\n            <span>Team</span>\n          </DropdownMenuItem>\n          <DropdownMenuSub>\n            <DropdownMenuSubTrigger>\n              <UserPlus className=\"mr-2 h-4 w-4\" />\n              <span>Invite users</span>\n            </DropdownMenuSubTrigger>\n            <DropdownMenuPortal>\n              <DropdownMenuSubContent>\n                <DropdownMenuItem>\n                  <Mail className=\"mr-2 h-4 w-4\" />\n                  <span>Email</span>\n                </DropdownMenuItem>\n                <DropdownMenuItem>\n                  <MessageSquare className=\"mr-2 h-4 w-4\" />\n                  <span>Message</span>\n                </DropdownMenuItem>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem>\n                  <PlusCircle className=\"mr-2 h-4 w-4\" />\n                  <span>More...</span>\n                </DropdownMenuItem>\n              </DropdownMenuSubContent>\n            </DropdownMenuPortal>\n          </DropdownMenuSub>\n          <DropdownMenuItem>\n            <Plus className=\"mr-2 h-4 w-4\" />\n            <span>New Team</span>\n            <DropdownMenuShortcut>⌘+T</DropdownMenuShortcut>\n          </DropdownMenuItem>\n        </DropdownMenuGroup>\n        <DropdownMenuSeparator />\n        <DropdownMenuItem>\n          <Github className=\"mr-2 h-4 w-4\" />\n          <span>GitHub</span>\n        </DropdownMenuItem>\n        <DropdownMenuItem>\n          <LifeBuoy className=\"mr-2 h-4 w-4\" />\n          <span>Support</span>\n        </DropdownMenuItem>\n        <DropdownMenuItem disabled>\n          <Cloud className=\"mr-2 h-4 w-4\" />\n          <span>API</span>\n        </DropdownMenuItem>\n        <DropdownMenuSeparator />\n        <DropdownMenuItem>\n          <LogOut className=\"mr-2 h-4 w-4\" />\n          <span>Log out</span>\n          <DropdownMenuShortcut>⇧⌘Q</DropdownMenuShortcut>\n        </DropdownMenuItem> */}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n"],"names":["Dropdown","trigger","optionGroups","header","React","DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","options","groupIndex","DropdownMenuGroup","option","optionIndex","DropdownMenuSub","DropdownMenuSubTrigger","DropdownMenuPortal","DropdownMenuSubContent","subItem","subItemIndex","DropdownMenuItem"],"mappings":";;AAoBO,SAASA,EAAS;AAAA,EACvB,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC,IAAS;AACX,GAAsB;AACpB,SACGC,gBAAAA,EAAA,cAAAC,GAAA,MACED,gBAAAA,EAAA,cAAAE,GAAA,EAAoB,SAAO,GAAA,GAAEL,CAAQ,GACrCG,gBAAAA,EAAA,cAAAG,GAAA,EAAoB,WAAU,8CAE5BJ,KACCC,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACGA,gBAAAA,EAAA,cAAAI,GAAA,MAAmBL,CAAO,GAC1BC,gBAAAA,EAAA,cAAAK,GAAA,EAAsB,WAAU,6BAA4B,CAC/D,GAEDP,EAAa,IAAI,CAACQ,GAASC,MAEvBP,gBAAAA,EAAA,cAAAA,EAAM,UAAN,EAAe,KAAKO,EAAA,GAClBP,gBAAAA,EAAA,cAAAQ,GAAA,MACEF,EAAQ,IAAI,CAACG,GAAQC,MAChBD,EAAO,WAEPT,gBAAAA,EAAA,cAACW,GAAgB,EAAA,KAAKD,EACpB,GAAAV,gBAAAA,EAAA;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,UAAUH,EAAO;AAAA,MACjB,WAAW,4JAA4JA,EAAO,SAAS;AAAA,IAAA;AAAA,IAEtLA,EAAO;AAAA,IACPT,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAU,UAAA,GAAWS,EAAO,KAAM;AAAA,EAAA,GAE1CT,gBAAAA,EAAA,cAACa,GACC,MAAAb,gBAAAA,EAAA,cAACc,GAAuB,EAAA,WAAU,aAC/B,GAAAL,EAAO,UAAU,IAAI,CAACM,GAASC,MAC9BhB,gBAAAA,EAAA;AAAA,IAACiB;AAAA,IAAA;AAAA,MACC,UAAUF,GAAS;AAAA,MACnB,WAAW,oHAAoHA,EAAQ,SAAS;AAAA,MAChJ,SAASA,EAAQ;AAAA,MACjB,KAAKC;AAAA,IAAA;AAAA,IAEJD,EAAQ;AAAA,IACRf,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAU,UAAA,GAAWe,EAAQ,KAAM;AAAA,EAAA,CAE5C,CACH,CACF,CACF,IAIFf,gBAAAA,EAAA;AAAA,IAACiB;AAAA,IAAA;AAAA,MACC,WAAW,iIAAiIR,EAAO,SAAS;AAAA,MAC5J,SAASA,EAAO;AAAA,MAChB,UAAUA,EAAO;AAAA,IAAU;AAAA,IAE1BA,EAAO;AAAA,IACPT,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAU,UAAA,GAAWS,EAAO,KAAM;AAAA,EAAA,CAK7C,CACH,GACCF,IAAa,MAAMT,EAAa,UAC9BE,gBAAAA,EAAA,cAAAK,GAAA,EAAsB,WAAU,4BAAA,CAA4B,CAEjE,CAEH,CA6EH,CACF;AAEJ;"}
+{"version":3,"file":"index.es21.js","sources":["../src/components/molecules/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import React from 'react'\n\n// import { Button } from '../button'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuSeparator,\n  // DropdownMenuShortcut,\n  //   DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from './dropdown-menu-components'\nimport { DropdownMenuProps } from './dropdown-menu.types'\n\nexport function Dropdown({\n  trigger,\n  optionGroups,\n  header = 'My Account',\n  dropdownContentProps = {},\n}: DropdownMenuProps) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>{trigger}</DropdownMenuTrigger>\n      <DropdownMenuContent\n        className=\"bg-light-1 w-56 shadow-lg  rounded-[8px]\"\n        {...dropdownContentProps}\n      >\n        {/* label section (string/jsx) */}\n        {header && (\n          <>\n            <DropdownMenuLabel>{header}</DropdownMenuLabel>\n            <DropdownMenuSeparator className=\"border-neutral-1 border-t\" />\n          </>\n        )}\n        {optionGroups.map((options, groupIndex) => {\n          return (\n            <React.Fragment key={groupIndex}>\n              <DropdownMenuGroup>\n                {options.map((option, optionIndex) => {\n                  if (option.subItems) {\n                    return (\n                      <DropdownMenuSub key={optionIndex}>\n                        <DropdownMenuSubTrigger\n                          disabled={option['disabled']}\n                          className={`data-[disabled]:hover:bg-light-1 hover:bg-light-2 rounded-md py-[11px] px-4 cursor-pointer data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed ${option.className}`}\n                        >\n                          {option.icon}\n                          <span className=\"text-xs\">{option.label}</span>\n                        </DropdownMenuSubTrigger>\n                        <DropdownMenuPortal>\n                          <DropdownMenuSubContent className=\"bg-light-1\">\n                            {option.subItems?.map((subItem, subItemIndex) => (\n                              <DropdownMenuItem\n                                disabled={subItem?.disabled}\n                                className={` data-[disabled]:hover:bg-light-1 hover:bg-light-2  data-[disabled]:cursor-not-allowed py-[11px] px-4 rounded-md ${subItem.className}`}\n                                onClick={subItem.onClick}\n                                key={subItemIndex}\n                              >\n                                {subItem.icon}\n                                <span className=\"text-xs\">{subItem.label}</span>\n                              </DropdownMenuItem>\n                            ))}\n                          </DropdownMenuSubContent>\n                        </DropdownMenuPortal>\n                      </DropdownMenuSub>\n                    )\n                  }\n                  return (\n                    <DropdownMenuItem\n                      className={`data-[disabled]:hover:bg-light-1 hover:bg-light-2 data-[disabled]:cursor-not-allowed hover:rounded-md py-[11px] px-4 h-[42px] ${option.className}`}\n                      onClick={option.onClick}\n                      disabled={option['disabled']}\n                    >\n                      {option.icon}\n                      <span className=\"text-xs\">{option.label}</span>\n\n                      {/* <DropdownMenuShortcut>⌘B</DropdownMenuShortcut> */}\n                    </DropdownMenuItem>\n                  )\n                })}\n              </DropdownMenuGroup>\n              {groupIndex + 1 !== optionGroups.length && (\n                <DropdownMenuSeparator className=\"border-neutral-1 border-t\" />\n              )}\n            </React.Fragment>\n          )\n        })}\n        {/* <DropdownMenuGroup>\n          <DropdownMenuItem>\n            <User className=\"mr-2 h-4 w-4\" />\n            <span>Profile</span>\n            <DropdownMenuShortcut>⇧⌘P</DropdownMenuShortcut>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            <CreditCard className=\"mr-2 h-4 w-4\" />\n            <span>Billing</span>\n            <DropdownMenuShortcut>⌘B</DropdownMenuShortcut>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            <Settings className=\"mr-2 h-4 w-4\" />\n            <span>Settings</span>\n            <DropdownMenuShortcut>⌘S</DropdownMenuShortcut>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            <Keyboard className=\"mr-2 h-4 w-4\" />\n            <span>Keyboard shortcuts</span>\n            <DropdownMenuShortcut>⌘K</DropdownMenuShortcut>\n          </DropdownMenuItem>\n        </DropdownMenuGroup>\n        <DropdownMenuSeparator />\n        <DropdownMenuGroup>\n          <DropdownMenuItem>\n            <Users className=\"mr-2 h-4 w-4\" />\n            <span>Team</span>\n          </DropdownMenuItem>\n          <DropdownMenuSub>\n            <DropdownMenuSubTrigger>\n              <UserPlus className=\"mr-2 h-4 w-4\" />\n              <span>Invite users</span>\n            </DropdownMenuSubTrigger>\n            <DropdownMenuPortal>\n              <DropdownMenuSubContent>\n                <DropdownMenuItem>\n                  <Mail className=\"mr-2 h-4 w-4\" />\n                  <span>Email</span>\n                </DropdownMenuItem>\n                <DropdownMenuItem>\n                  <MessageSquare className=\"mr-2 h-4 w-4\" />\n                  <span>Message</span>\n                </DropdownMenuItem>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem>\n                  <PlusCircle className=\"mr-2 h-4 w-4\" />\n                  <span>More...</span>\n                </DropdownMenuItem>\n              </DropdownMenuSubContent>\n            </DropdownMenuPortal>\n          </DropdownMenuSub>\n          <DropdownMenuItem>\n            <Plus className=\"mr-2 h-4 w-4\" />\n            <span>New Team</span>\n            <DropdownMenuShortcut>⌘+T</DropdownMenuShortcut>\n          </DropdownMenuItem>\n        </DropdownMenuGroup>\n        <DropdownMenuSeparator />\n        <DropdownMenuItem>\n          <Github className=\"mr-2 h-4 w-4\" />\n          <span>GitHub</span>\n        </DropdownMenuItem>\n        <DropdownMenuItem>\n          <LifeBuoy className=\"mr-2 h-4 w-4\" />\n          <span>Support</span>\n        </DropdownMenuItem>\n        <DropdownMenuItem disabled>\n          <Cloud className=\"mr-2 h-4 w-4\" />\n          <span>API</span>\n        </DropdownMenuItem>\n        <DropdownMenuSeparator />\n        <DropdownMenuItem>\n          <LogOut className=\"mr-2 h-4 w-4\" />\n          <span>Log out</span>\n          <DropdownMenuShortcut>⇧⌘Q</DropdownMenuShortcut>\n        </DropdownMenuItem> */}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n"],"names":["Dropdown","trigger","optionGroups","header","dropdownContentProps","DropdownMenu","React","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","options","groupIndex","DropdownMenuGroup","option","optionIndex","DropdownMenuSub","DropdownMenuSubTrigger","DropdownMenuPortal","DropdownMenuSubContent","subItem","subItemIndex","DropdownMenuItem"],"mappings":";;AAoBO,SAASA,EAAS;AAAA,EACvB,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,sBAAAC,IAAuB,CAAC;AAC1B,GAAsB;AACpB,yCACGC,GACC,MAAAC,gBAAAA,EAAA,cAACC,KAAoB,SAAO,GAAA,GAAEN,CAAQ,GACtCK,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAGJ;AAAA,IAAA;AAAA,IAGHD,KAEGG,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MAAAA,gBAAAA,EAAA,cAACG,GAAmB,MAAAN,CAAO,GAC1BG,gBAAAA,EAAA,cAAAI,GAAA,EAAsB,WAAU,4BAAA,CAA4B,CAC/D;AAAA,IAEDR,EAAa,IAAI,CAACS,GAASC,MAEvBN,gBAAAA,EAAA,cAAAA,EAAM,UAAN,EAAe,KAAKM,EAAA,GAClBN,gBAAAA,EAAA,cAAAO,GAAA,MACEF,EAAQ,IAAI,CAACG,GAAQC,MAChBD,EAAO,WAEPR,gBAAAA,EAAA,cAACU,GAAgB,EAAA,KAAKD,EACpB,GAAAT,gBAAAA,EAAA;AAAA,MAACW;AAAA,MAAA;AAAA,QACC,UAAUH,EAAO;AAAA,QACjB,WAAW,4JAA4JA,EAAO,SAAS;AAAA,MAAA;AAAA,MAEtLA,EAAO;AAAA,MACPR,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAU,UAAA,GAAWQ,EAAO,KAAM;AAAA,IAAA,GAE1CR,gBAAAA,EAAA,cAACY,GACC,MAAAZ,gBAAAA,EAAA,cAACa,GAAuB,EAAA,WAAU,aAC/B,GAAAL,EAAO,UAAU,IAAI,CAACM,GAASC,MAC9Bf,gBAAAA,EAAA;AAAA,MAACgB;AAAA,MAAA;AAAA,QACC,UAAUF,GAAS;AAAA,QACnB,WAAW,oHAAoHA,EAAQ,SAAS;AAAA,QAChJ,SAASA,EAAQ;AAAA,QACjB,KAAKC;AAAA,MAAA;AAAA,MAEJD,EAAQ;AAAA,MACRd,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAU,UAAA,GAAWc,EAAQ,KAAM;AAAA,IAAA,CAE5C,CACH,CACF,CACF,IAIFd,gBAAAA,EAAA;AAAA,MAACgB;AAAA,MAAA;AAAA,QACC,WAAW,iIAAiIR,EAAO,SAAS;AAAA,QAC5J,SAASA,EAAO;AAAA,QAChB,UAAUA,EAAO;AAAA,MAAU;AAAA,MAE1BA,EAAO;AAAA,MACPR,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAU,UAAA,GAAWQ,EAAO,KAAM;AAAA,IAAA,CAK7C,CACH,GACCF,IAAa,MAAMV,EAAa,UAC9BI,gBAAAA,EAAA,cAAAI,GAAA,EAAsB,WAAU,4BAAA,CAA4B,CAEjE,CAEH;AAAA,EAAA,CA8EL;AAEJ;"}

package/dist/index.es24.js

@@ -1,7 +1,7 @@
 import { cn as s } from "./index.es59.js";
 import { useRanger as b } from "@tanstack/react-ranger";
 import e from "react";
-import { SliderBgColorVariants as a } from "./index.es72.js";
+import { SliderBgColorVariants as a } from "./index.es76.js";
 const w = ({ left: t = 0, width: o = 0, index: l = -1 }) => /* @__PURE__ */ e.createElement(
   "div",
   {

package/dist/index.es25.js

@@ -1,61 +1,64 @@
 import * as e from "react";
-import { useRef as E } from "react";
-import { ChevronUp as x, ChevronDown as b, Check as C } from "lucide-react";
+import { useRef as b } from "react";
+import { ChevronUp as C, ChevronDown as N, Check as y } from "lucide-react";
 import { cn as m } from "./index.es59.js";
-import { Button as N } from "./index.es7.js";
-import { Command as y, CommandInput as v, CommandEmpty as w, CommandGroup as k, CommandList as O, CommandItem as S } from "./index.es41.js";
-import { Popover as P, PopoverTrigger as R, PopoverContent as j } from "./index.es60.js";
-import { ComboBoxStates as B } from "./index.es76.js";
-import { Typography as i } from "./index.es18.js";
-function W({
+import { Button as v } from "./index.es7.js";
+import { Command as w, CommandInput as k, CommandEmpty as S, CommandGroup as O, CommandList as P, CommandItem as R } from "./index.es41.js";
+import { Popover as j, PopoverTrigger as B, PopoverContent as I } from "./index.es60.js";
+import { ComboBoxStates as T } from "./index.es75.js";
+import { Typography as d } from "./index.es18.js";
+function z({
   options: n,
   value: a,
-  placeholder: d = "Empty",
-  searchPlaceholder: h = "Search",
-  emptyMessage: g = "No results",
-  onChange: p,
-  onSearchChange: o
+  placeholder: h = "Empty",
+  searchPlaceholder: g = "Search",
+  emptyMessage: p = "No results",
+  onChange: f,
+  onSearchChange: o,
+  onChangePopoverOpen: s
 }) {
-  const [l, s] = e.useState(!1), c = E(null), f = (t) => {
-    p(t), s(!1);
+  const [l, c] = e.useState(!1), i = b(null), u = (t) => {
+    f(t), c(!1);
+  }, E = (t) => {
+    c(t), s && s(t);
   }, r = n.find((t) => t.id === a);
-  return /* @__PURE__ */ e.createElement(P, { open: l, onOpenChange: s }, /* @__PURE__ */ e.createElement(R, { ref: c, asChild: !0 }, /* @__PURE__ */ e.createElement(
-    N,
+  return /* @__PURE__ */ e.createElement(j, { open: l, onOpenChange: E }, /* @__PURE__ */ e.createElement(B, { ref: i, asChild: !0 }, /* @__PURE__ */ e.createElement(
+    v,
     {
       variant: "secondary",
       role: "combobox",
       "aria-expanded": l,
       className: m(
-        B({ isOpen: l, isValue: !!a }),
+        T({ isOpen: l, isValue: !!a }),
         "w-full justify-between px-3 py-2"
       )
     },
     r ? /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-2" }, r.icon, /* @__PURE__ */ e.createElement(
-      i,
+      d,
       {
         variant: "body2",
         className: a ? "text-light-2" : "text-light-4"
       },
       r?.name
-    )) : /* @__PURE__ */ e.createElement(i, { variant: "body2", className: "text-light-4" }, d),
-    l ? /* @__PURE__ */ e.createElement(x, { className: "w-4 h-4 ml-2 stroke-light-2" }) : /* @__PURE__ */ e.createElement(b, { className: "w-4 h-4 ml-2 stroke-light-2" })
+    )) : /* @__PURE__ */ e.createElement(d, { variant: "body2", className: "text-light-4" }, h),
+    l ? /* @__PURE__ */ e.createElement(C, { className: "w-4 h-4 ml-2 stroke-light-2" }) : /* @__PURE__ */ e.createElement(N, { className: "w-4 h-4 ml-2 stroke-light-2" })
   )), /* @__PURE__ */ e.createElement(
-    j,
+    I,
     {
       style: {
-        width: c.current?.clientWidth
+        width: i.current?.clientWidth
       },
       className: "p-0 bg-light-1 mt-1 rounded-lg"
     },
-    /* @__PURE__ */ e.createElement(y, { shouldFilter: !o }, /* @__PURE__ */ e.createElement(
-      v,
+    /* @__PURE__ */ e.createElement(w, { shouldFilter: !o }, /* @__PURE__ */ e.createElement(
+      k,
       {
-        placeholder: h,
+        placeholder: g,
         className: "",
         onValueChange: o
       }
-    ), /* @__PURE__ */ e.createElement(w, { className: "text-light-4" }, g), /* @__PURE__ */ e.createElement(k, null, /* @__PURE__ */ e.createElement(O, null, n.map((t) => /* @__PURE__ */ e.createElement(
-      S,
+    ), /* @__PURE__ */ e.createElement(S, { className: "text-light-4" }, p), /* @__PURE__ */ e.createElement(O, null, /* @__PURE__ */ e.createElement(P, null, n.map((t) => /* @__PURE__ */ e.createElement(
+      R,
       {
         key: t.id,
         value: t.id,
@@ -65,16 +68,16 @@ function W({
           t.disabled ? "text-light-4" : "text-light-2",
           a === t.id ? "bg-light-2" : ""
         ),
-        onSelect: (u) => {
-          f(u);
+        onSelect: (x) => {
+          u(x);
         }
       },
       /* @__PURE__ */ e.createElement("div", { className: "flex flex-row gap-2 " }, t.icon, t.name),
-      a === t.id ? /* @__PURE__ */ e.createElement(C, { className: m("h-4 w-4 stroke-brand") }) : /* @__PURE__ */ e.createElement("div", null)
+      a === t.id ? /* @__PURE__ */ e.createElement(y, { className: m("h-4 w-4 stroke-brand") }) : /* @__PURE__ */ e.createElement("div", null)
     )))))
   ));
 }
 export {
-  W as SingleCombobox
+  z as SingleCombobox
 };
 //# sourceMappingURL=index.es25.js.map

package/dist/index.es25.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es25.js","sources":["../src/components/molecules/single-combobox/single-combobox.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Check, ChevronDown, ChevronUp } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\nimport { Button } from '../../atoms/button'\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../../unstyled/command'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '../../unstyled/popover/popover-components'\nimport { SingleComboboxPropsType } from './single-combobox.types'\nimport { ComboBoxStates } from './single-combobox.styles'\nimport { Typography } from '../../atoms/typography'\nimport { useRef } from 'react'\n\n// const frameworks =\n\nexport function SingleCombobox({\n  options,\n  value,\n  placeholder = 'Empty',\n  searchPlaceholder = 'Search',\n  emptyMessage = 'No results',\n  onChange,\n  onSearchChange,\n}: SingleComboboxPropsType) {\n  const [open, setOpen] = React.useState(false)\n  const popoverRef = useRef<HTMLButtonElement>(null)\n\n  const handleChange = (newValue: string) => {\n    onChange(newValue)\n    setOpen(false)\n  }\n  const selectedOption = options.find((option) => option.id === value)\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger ref={popoverRef} asChild>\n        <Button\n          variant=\"secondary\"\n          role=\"combobox\"\n          aria-expanded={open}\n          //   className=\"w-[200px] justify-between\"\n          className={cn(\n            ComboBoxStates({ isOpen: open, isValue: !!value }),\n            'w-full justify-between px-3 py-2'\n          )}\n        >\n          {selectedOption ? (\n            <div className=\"flex items-center gap-2\">\n              {selectedOption.icon}\n              <Typography\n                variant={'body2'}\n                className={value ? 'text-light-2' : 'text-light-4'}\n              >\n                {selectedOption?.name}\n              </Typography>\n            </div>\n          ) : (\n            <Typography variant={'body2'} className=\"text-light-4\">\n              {placeholder}\n            </Typography>\n          )}\n          {open ? (\n            <ChevronUp className=\"w-4 h-4 ml-2 stroke-light-2\" />\n          ) : (\n            <ChevronDown className=\"w-4 h-4 ml-2 stroke-light-2\" />\n          )}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        style={{\n          width: popoverRef.current?.clientWidth,\n        }}\n        className=\"p-0 bg-light-1 mt-1 rounded-lg\"\n      >\n        <Command shouldFilter={onSearchChange ? false : true}>\n          <CommandInput\n            placeholder={searchPlaceholder}\n            className=\"\"\n            onValueChange={onSearchChange}\n          />\n          <CommandEmpty className=\"text-light-4\">{emptyMessage}</CommandEmpty>\n          <CommandGroup>\n            <CommandList>\n              {options.map((option) => {\n                return (\n                  <CommandItem\n                    key={option.id}\n                    value={option.id}\n                    disabled={option.disabled}\n                    className={cn(\n                      'justify-between gap-2 text-light-2 hover:bg-light-2 hover:text-light-1 focus:bg-light-2 focus:text-accent-foreground',\n                      option.disabled ? 'text-light-4' : 'text-light-2',\n                      value === option.id ? 'bg-light-2' : ''\n                    )}\n                    onSelect={(currentValue) => {\n                      handleChange(currentValue)\n                    }}\n                  >\n                    <div className=\"flex flex-row gap-2 \">\n                      {option.icon}\n                      {option.name}\n                    </div>\n                    {value === option.id ? (\n                      <Check className={cn('h-4 w-4 stroke-brand')} />\n                    ) : (\n                      <div />\n                    )}\n                  </CommandItem>\n                )\n              })}\n            </CommandList>\n          </CommandGroup>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],"names":["SingleCombobox","options","value","placeholder","searchPlaceholder","emptyMessage","onChange","onSearchChange","open","setOpen","React","popoverRef","useRef","handleChange","newValue","selectedOption","option","Popover","PopoverTrigger","Button","cn","ComboBoxStates","Typography","ChevronUp","ChevronDown","PopoverContent","Command","CommandInput","CommandEmpty","CommandGroup","CommandList","CommandItem","currentValue","Check"],"mappings":";;;;;;;;;AA2BO,SAASA,EAAe;AAAA,EAC7B,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,mBAAAC,IAAoB;AAAA,EACpB,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,gBAAAC;AACF,GAA4B;AAC1B,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAS,EAAK,GACtCC,IAAaC,EAA0B,IAAI,GAE3CC,IAAe,CAACC,MAAqB;AACzC,IAAAR,EAASQ,CAAQ,GACjBL,EAAQ,EAAK;AAAA,EAAA,GAETM,IAAiBd,EAAQ,KAAK,CAACe,MAAWA,EAAO,OAAOd,CAAK;AAGjE,SAAA,gBAAAQ,EAAA,cAACO,GAAQ,EAAA,MAAAT,GAAY,cAAcC,qCAChCS,GAAe,EAAA,KAAKP,GAAY,SAAO,GACtC,GAAA,gBAAAD,EAAA;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,iBAAeX;AAAA,MAEf,WAAWY;AAAA,QACTC,EAAe,EAAE,QAAQb,GAAM,SAAS,CAAC,CAACN,GAAO;AAAA,QACjD;AAAA,MACF;AAAA,IAAA;AAAA,IAECa,IACE,gBAAAL,EAAA,cAAA,OAAA,EAAI,WAAU,0BAAA,GACZK,EAAe,MAChB,gBAAAL,EAAA;AAAA,MAACY;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAWpB,IAAQ,iBAAiB;AAAA,MAAA;AAAA,MAEnCa,GAAgB;AAAA,IAAA,CAErB,IAEC,gBAAAL,EAAA,cAAAY,GAAA,EAAW,SAAS,SAAS,WAAU,kBACrCnB,CACH;AAAA,IAEDK,oCACEe,GAAU,EAAA,WAAU,+BAA8B,IAEnD,gBAAAb,EAAA,cAACc,GAAY,EAAA,WAAU,8BAA8B,CAAA;AAAA,EAAA,CAG3D,GACA,gBAAAd,EAAA;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAOd,EAAW,SAAS;AAAA,MAC7B;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,IAET,gBAAAD,EAAA,cAAAgB,GAAA,EAAQ,cAAc,CAAAnB,KACrB,gBAAAG,EAAA;AAAA,MAACiB;AAAA,MAAA;AAAA,QACC,aAAavB;AAAA,QACb,WAAU;AAAA,QACV,eAAeG;AAAA,MAAA;AAAA,IAAA,GAEjB,gBAAAG,EAAA,cAACkB,GAAa,EAAA,WAAU,kBAAgBvB,CAAa,GACpD,gBAAAK,EAAA,cAAAmB,GAAA,MACE,gBAAAnB,EAAA,cAAAoB,GAAA,MACE7B,EAAQ,IAAI,CAACe,MAEV,gBAAAN,EAAA;AAAA,MAACqB;AAAA,MAAA;AAAA,QACC,KAAKf,EAAO;AAAA,QACZ,OAAOA,EAAO;AAAA,QACd,UAAUA,EAAO;AAAA,QACjB,WAAWI;AAAA,UACT;AAAA,UACAJ,EAAO,WAAW,iBAAiB;AAAA,UACnCd,MAAUc,EAAO,KAAK,eAAe;AAAA,QACvC;AAAA,QACA,UAAU,CAACgB,MAAiB;AAC1B,UAAAnB,EAAamB,CAAY;AAAA,QAC3B;AAAA,MAAA;AAAA,sCAEC,OAAI,EAAA,WAAU,0BACZhB,EAAO,MACPA,EAAO,IACV;AAAA,MACCd,MAAUc,EAAO,KACf,gBAAAN,EAAA,cAAAuB,GAAA,EAAM,WAAWb,EAAG,sBAAsB,EAAA,CAAG,IAE9C,gBAAAV,EAAA,cAAC,OAAI,IAAA;AAAA,IAAA,CAIZ,CACH,CACF,CACF;AAAA,EAAA,CAEJ;AAEJ;"}
+{"version":3,"file":"index.es25.js","sources":["../src/components/molecules/single-combobox/single-combobox.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Check, ChevronDown, ChevronUp } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\nimport { Button } from '../../atoms/button'\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../../unstyled/command'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '../../unstyled/popover/popover-components'\nimport { SingleComboboxPropsType } from './single-combobox.types'\nimport { ComboBoxStates } from './single-combobox.styles'\nimport { Typography } from '../../atoms/typography'\nimport { useRef } from 'react'\n\n// const frameworks =\n\nexport function SingleCombobox({\n  options,\n  value,\n  placeholder = 'Empty',\n  searchPlaceholder = 'Search',\n  emptyMessage = 'No results',\n  onChange,\n  onSearchChange,\n  onChangePopoverOpen,\n}: SingleComboboxPropsType) {\n  const [open, setOpen] = React.useState(false)\n  const popoverRef = useRef<HTMLButtonElement>(null)\n\n  const handleChange = (newValue: string) => {\n    onChange(newValue)\n    setOpen(false)\n  }\n  const handlePopoverOpen = (newOpen: boolean) => {\n    setOpen(newOpen)\n    onChangePopoverOpen && onChangePopoverOpen(newOpen)\n  }\n  const selectedOption = options.find((option) => option.id === value)\n\n  return (\n    <Popover open={open} onOpenChange={handlePopoverOpen}>\n      <PopoverTrigger ref={popoverRef} asChild>\n        <Button\n          variant=\"secondary\"\n          role=\"combobox\"\n          aria-expanded={open}\n          //   className=\"w-[200px] justify-between\"\n          className={cn(\n            ComboBoxStates({ isOpen: open, isValue: !!value }),\n            'w-full justify-between px-3 py-2'\n          )}\n        >\n          {selectedOption ? (\n            <div className=\"flex items-center gap-2\">\n              {selectedOption.icon}\n              <Typography\n                variant={'body2'}\n                className={value ? 'text-light-2' : 'text-light-4'}\n              >\n                {selectedOption?.name}\n              </Typography>\n            </div>\n          ) : (\n            <Typography variant={'body2'} className=\"text-light-4\">\n              {placeholder}\n            </Typography>\n          )}\n          {open ? (\n            <ChevronUp className=\"w-4 h-4 ml-2 stroke-light-2\" />\n          ) : (\n            <ChevronDown className=\"w-4 h-4 ml-2 stroke-light-2\" />\n          )}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        style={{\n          width: popoverRef.current?.clientWidth,\n        }}\n        className=\"p-0 bg-light-1 mt-1 rounded-lg\"\n      >\n        <Command shouldFilter={onSearchChange ? false : true}>\n          <CommandInput\n            placeholder={searchPlaceholder}\n            className=\"\"\n            onValueChange={onSearchChange}\n          />\n          <CommandEmpty className=\"text-light-4\">{emptyMessage}</CommandEmpty>\n          <CommandGroup>\n            <CommandList>\n              {options.map((option) => {\n                return (\n                  <CommandItem\n                    key={option.id}\n                    value={option.id}\n                    disabled={option.disabled}\n                    className={cn(\n                      'justify-between gap-2 text-light-2 hover:bg-light-2 hover:text-light-1 focus:bg-light-2 focus:text-accent-foreground',\n                      option.disabled ? 'text-light-4' : 'text-light-2',\n                      value === option.id ? 'bg-light-2' : ''\n                    )}\n                    onSelect={(currentValue) => {\n                      handleChange(currentValue)\n                    }}\n                  >\n                    <div className=\"flex flex-row gap-2 \">\n                      {option.icon}\n                      {option.name}\n                    </div>\n                    {value === option.id ? (\n                      <Check className={cn('h-4 w-4 stroke-brand')} />\n                    ) : (\n                      <div />\n                    )}\n                  </CommandItem>\n                )\n              })}\n            </CommandList>\n          </CommandGroup>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],"names":["SingleCombobox","options","value","placeholder","searchPlaceholder","emptyMessage","onChange","onSearchChange","onChangePopoverOpen","open","setOpen","React","popoverRef","useRef","handleChange","newValue","handlePopoverOpen","newOpen","selectedOption","option","Popover","PopoverTrigger","Button","cn","ComboBoxStates","Typography","ChevronUp","ChevronDown","PopoverContent","Command","CommandInput","CommandEmpty","CommandGroup","CommandList","CommandItem","currentValue","Check"],"mappings":";;;;;;;;;AA2BO,SAASA,EAAe;AAAA,EAC7B,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,mBAAAC,IAAoB;AAAA,EACpB,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,qBAAAC;AACF,GAA4B;AAC1B,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAS,EAAK,GACtCC,IAAaC,EAA0B,IAAI,GAE3CC,IAAe,CAACC,MAAqB;AACzC,IAAAT,EAASS,CAAQ,GACjBL,EAAQ,EAAK;AAAA,EAAA,GAETM,IAAoB,CAACC,MAAqB;AAC9C,IAAAP,EAAQO,CAAO,GACfT,KAAuBA,EAAoBS,CAAO;AAAA,EAAA,GAE9CC,IAAiBjB,EAAQ,KAAK,CAACkB,MAAWA,EAAO,OAAOjB,CAAK;AAGjE,SAAA,gBAAAS,EAAA,cAACS,GAAQ,EAAA,MAAAX,GAAY,cAAcO,qCAChCK,GAAe,EAAA,KAAKT,GAAY,SAAO,GACtC,GAAA,gBAAAD,EAAA;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,iBAAeb;AAAA,MAEf,WAAWc;AAAA,QACTC,EAAe,EAAE,QAAQf,GAAM,SAAS,CAAC,CAACP,GAAO;AAAA,QACjD;AAAA,MACF;AAAA,IAAA;AAAA,IAECgB,IACE,gBAAAP,EAAA,cAAA,OAAA,EAAI,WAAU,0BAAA,GACZO,EAAe,MAChB,gBAAAP,EAAA;AAAA,MAACc;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAWvB,IAAQ,iBAAiB;AAAA,MAAA;AAAA,MAEnCgB,GAAgB;AAAA,IAAA,CAErB,IAEC,gBAAAP,EAAA,cAAAc,GAAA,EAAW,SAAS,SAAS,WAAU,kBACrCtB,CACH;AAAA,IAEDM,oCACEiB,GAAU,EAAA,WAAU,+BAA8B,IAEnD,gBAAAf,EAAA,cAACgB,GAAY,EAAA,WAAU,8BAA8B,CAAA;AAAA,EAAA,CAG3D,GACA,gBAAAhB,EAAA;AAAA,IAACiB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAOhB,EAAW,SAAS;AAAA,MAC7B;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,IAET,gBAAAD,EAAA,cAAAkB,GAAA,EAAQ,cAAc,CAAAtB,KACrB,gBAAAI,EAAA;AAAA,MAACmB;AAAA,MAAA;AAAA,QACC,aAAa1B;AAAA,QACb,WAAU;AAAA,QACV,eAAeG;AAAA,MAAA;AAAA,IAAA,GAEjB,gBAAAI,EAAA,cAACoB,GAAa,EAAA,WAAU,kBAAgB1B,CAAa,GACpD,gBAAAM,EAAA,cAAAqB,GAAA,MACE,gBAAArB,EAAA,cAAAsB,GAAA,MACEhC,EAAQ,IAAI,CAACkB,MAEV,gBAAAR,EAAA;AAAA,MAACuB;AAAA,MAAA;AAAA,QACC,KAAKf,EAAO;AAAA,QACZ,OAAOA,EAAO;AAAA,QACd,UAAUA,EAAO;AAAA,QACjB,WAAWI;AAAA,UACT;AAAA,UACAJ,EAAO,WAAW,iBAAiB;AAAA,UACnCjB,MAAUiB,EAAO,KAAK,eAAe;AAAA,QACvC;AAAA,QACA,UAAU,CAACgB,MAAiB;AAC1B,UAAArB,EAAaqB,CAAY;AAAA,QAC3B;AAAA,MAAA;AAAA,sCAEC,OAAI,EAAA,WAAU,0BACZhB,EAAO,MACPA,EAAO,IACV;AAAA,MACCjB,MAAUiB,EAAO,KACf,gBAAAR,EAAA,cAAAyB,GAAA,EAAM,WAAWb,EAAG,sBAAsB,EAAA,CAAG,IAE9C,gBAAAZ,EAAA,cAAC,OAAI,IAAA;AAAA,IAAA,CAIZ,CACH,CACF,CACF;AAAA,EAAA,CAEJ;AAEJ;"}

package/dist/index.es27.js

@@ -1,7 +1,7 @@
 import * as o from "@radix-ui/react-slider";
 import * as e from "react";
 import { cn as i } from "./index.es59.js";
-import { SliderVariants as t } from "./index.es78.js";
+import { SliderVariants as t } from "./index.es77.js";
 const s = e.forwardRef(({ className: r, ...l }, a) => (
   // <div className='bg-light-3 h-[100px] w-full flex'>
   /* @__PURE__ */ e.createElement(

package/dist/index.es30.js

@@ -1,7 +1,7 @@
 import * as e from "react";
 import * as t from "@radix-ui/react-tabs";
 import { cn as n } from "./index.es59.js";
-import { TabsVariants as d, TabTriggerVariants as T } from "./index.es77.js";
+import { TabsVariants as d, TabTriggerVariants as T } from "./index.es78.js";
 const c = e.forwardRef(({ className: a, variant: r, size: s, ...o }, i) => /* @__PURE__ */ e.createElement(
   t.List,
   {