@konstructio/ui 0.1.2-alpha.77 → 0.1.2-alpha.79

package/dist/components/Loading/Loading.js

@@ -1,24 +1,4 @@
-import { jsx as l } from "react/jsx-runtime";
-import { c as m } from "../../compiler-runtime-DA41awpA.js";
-import { cn as s } from "../../utils/index.js";
-import { loadingVariants as d } from "./Loading.variants.js";
-import { c as n } from "../../createLucideIcon-CP-mMPfa.js";
-const p = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], f = n("loader-circle", p), g = (c) => {
-  const e = m.c(10);
-  let o, t, a;
-  e[0] !== c ? ({
-    className: o,
-    theme: a,
-    ...t
-  } = c, e[0] = c, e[1] = o, e[2] = t, e[3] = a) : (o = e[1], t = e[2], a = e[3]);
-  let r;
-  e[4] !== o ? (r = s(d({
-    className: o
-  })), e[4] = o, e[5] = r) : r = e[5];
-  let i;
-  return e[6] !== t || e[7] !== r || e[8] !== a ? (i = /* @__PURE__ */ l(f, { "data-theme": a, className: r, ...t }), e[6] = t, e[7] = r, e[8] = a, e[9] = i) : i = e[9], i;
-};
-g.displayName = "Loading";
+import { t as r } from "../../Loading-DKqxR-oV.js";
 export {
-  g as Loading
+  r as Loading
 };

package/dist/components/Loading/Loading.variants.js

@@ -1,5 +1,12 @@
-import { c as t } from "../../index-D29mdTf5.js";
-const a = t(["h-8", "w-8", "animate-spin", "text-inherit", "kubefirst:text-kubefirst-primary", "text-aurora-500"]);
+import { t } from "../../dist-DtEbXv47.js";
+var a = t([
+  "h-8",
+  "w-8",
+  "animate-spin",
+  "text-inherit",
+  "kubefirst:text-kubefirst-primary",
+  "text-aurora-500"
+]);
 export {
   a as loadingVariants
 };

package/dist/components/Modal/Modal.js

@@ -1,11 +1,5 @@
-import "react/jsx-runtime";
-import "../../compiler-runtime-DA41awpA.js";
-import "react";
-import "react-dom";
-import { M as e } from "../../Modal-h5H4yxYg.js";
-import "./components/Header/Header.js";
-import "./components/Body/Body.js";
-import "./components/Footer/Footer.js";
+"use client";
+import { t } from "../../Modal-DbTe8PVX.js";
 export {
-  e as Modal
+  t as Modal
 };

package/dist/components/Modal/components/Body/Body.js

@@ -1,18 +1,10 @@
-import { jsx as l } from "react/jsx-runtime";
-import { c as n } from "../../../../compiler-runtime-DA41awpA.js";
-import { S as p } from "../../../../index-BvoZGpli.js";
-import { cn as a } from "../../../../utils/index.js";
-const u = (c) => {
-  const o = n.c(6), {
-    children: s,
-    asChild: i,
-    className: r
-  } = c, m = i ? p : "div";
-  let t;
-  o[0] !== r ? (t = a("flex-1", r), o[0] = r, o[1] = t) : t = o[1];
-  let e;
-  return o[2] !== m || o[3] !== s || o[4] !== t ? (e = /* @__PURE__ */ l(m, { className: t, children: s }), o[2] = m, o[3] = s, o[4] = t, o[5] = e) : e = o[5], e;
-};
+import { t as m } from "../../../../dist-DXJSck4j.js";
+import { t as a } from "../../../../utils-DHuiYnx1.js";
+import { jsx as s } from "react/jsx-runtime";
+var p = ({ children: r, asChild: o, className: t }) => /* @__PURE__ */ s(o ? m : "div", {
+  className: a("flex-1", t),
+  children: r
+});
 export {
-  u as Body
+  p as Body
 };

package/dist/components/Modal/components/Footer/Footer.js

@@ -1,18 +1,10 @@
-import { jsx as l } from "react/jsx-runtime";
-import { c as n } from "../../../../compiler-runtime-DA41awpA.js";
-import { S as a } from "../../../../index-BvoZGpli.js";
-import { cn as p } from "../../../../utils/index.js";
-const h = (c) => {
-  const o = n.c(6), {
-    children: e,
-    asChild: i,
-    className: s
-  } = c, m = i ? a : "div";
-  let r;
-  o[0] !== s ? (r = p("border-zinc-200 dark:border-metal-700", s), o[0] = s, o[1] = r) : r = o[1];
-  let t;
-  return o[2] !== m || o[3] !== e || o[4] !== r ? (t = /* @__PURE__ */ l(m, { className: r, children: e }), o[2] = m, o[3] = e, o[4] = r, o[5] = t) : t = o[5], t;
-};
+import { t as m } from "../../../../dist-DXJSck4j.js";
+import { t as a } from "../../../../utils-DHuiYnx1.js";
+import { jsx as e } from "react/jsx-runtime";
+var p = ({ children: r, asChild: o, className: t }) => /* @__PURE__ */ e(o ? m : "div", {
+  className: a("border-zinc-200 dark:border-metal-700", t),
+  children: r
+});
 export {
-  h as Footer
+  p as Footer
 };

package/dist/components/Modal/components/Header/Header.js

@@ -1,18 +1,10 @@
-import { jsx as l } from "react/jsx-runtime";
-import { c as n } from "../../../../compiler-runtime-DA41awpA.js";
-import { S as a } from "../../../../index-BvoZGpli.js";
-import { cn as p } from "../../../../utils/index.js";
-const h = (c) => {
-  const o = n.c(6), {
-    children: t,
-    asChild: i,
-    className: s
-  } = c, m = i ? a : "div";
-  let r;
-  o[0] !== s ? (r = p("border-zinc-200 dark:border-metal-700", s), o[0] = s, o[1] = r) : r = o[1];
-  let e;
-  return o[2] !== m || o[3] !== t || o[4] !== r ? (e = /* @__PURE__ */ l(m, { className: r, children: t }), o[2] = m, o[3] = t, o[4] = r, o[5] = e) : e = o[5], e;
-};
+import { t as a } from "../../../../dist-DXJSck4j.js";
+import { t as e } from "../../../../utils-DHuiYnx1.js";
+import { jsx as m } from "react/jsx-runtime";
+var p = ({ children: r, asChild: o, className: t }) => /* @__PURE__ */ m(o ? a : "div", {
+  className: e("border-zinc-200 dark:border-metal-700", t),
+  children: r
+});
 export {
-  h as Header
+  p as Header
 };

package/dist/components/Modal/components/Wrapper/Wrapper.js

@@ -1,13 +1,4 @@
-import "react/jsx-runtime";
-import "../../../../compiler-runtime-DA41awpA.js";
-import "../../../../index-BKjcReYh.js";
-import "react";
-import "../../../../Combination-BtmnusWq.js";
-import { W as x } from "../../../../Modal-h5H4yxYg.js";
-import "../../../../utils/index.js";
-import "./Wrapper.variants.js";
-import "../../../../x-Eoa9FJjA.js";
-import "../../../../proxy-BGrSEZuV.js";
+import { n as p } from "../../../../Modal-DbTe8PVX.js";
 export {
-  x as Wrapper
+  p as Wrapper
 };

package/dist/components/Modal/components/Wrapper/Wrapper.variants.js

@@ -1,5 +1,32 @@
-import { c as t } from "../../../../index-D29mdTf5.js";
-const a = t(["bg-white", "border", "border-transparent", "dark:bg-metal-800", "dark:border-slate-700", "flex", "flex-col", "justify-between", "min-h-112.5", "min-w-125", "relative", "rounded-md", "shadow-xs", "animate-in", "fade-in-0", "zoom-in-95", "duration-150"]), r = t(["absolute", "right-1.5", "top-1.5", "cursor-pointer", "text-slate-500", "dark:text-slate-300", "hover:text-slate-700", "dark:hover:text-slate-100"]);
+import { t } from "../../../../dist-DtEbXv47.js";
+var a = t([
+  "bg-white",
+  "border",
+  "border-transparent",
+  "dark:bg-metal-800",
+  "dark:border-slate-700",
+  "flex",
+  "flex-col",
+  "justify-between",
+  "min-h-112.5",
+  "min-w-125",
+  "relative",
+  "rounded-md",
+  "shadow-xs",
+  "animate-in",
+  "fade-in-0",
+  "zoom-in-95",
+  "duration-150"
+]), r = t([
+  "absolute",
+  "right-1.5",
+  "top-1.5",
+  "cursor-pointer",
+  "text-slate-500",
+  "dark:text-slate-300",
+  "hover:text-slate-700",
+  "dark:hover:text-slate-100"
+]);
 export {
   r as buttonCloseVariants,
   a as modalVariants

package/dist/components/Modal/components/index.js

@@ -1,10 +1,10 @@
-import { Body as e } from "./Body/Body.js";
-import { Footer as t } from "./Footer/Footer.js";
-import { Header as m } from "./Header/Header.js";
-import { W as a } from "../../../Modal-h5H4yxYg.js";
+import { Body as o } from "./Body/Body.js";
+import { Footer as p } from "./Footer/Footer.js";
+import { Header as e } from "./Header/Header.js";
+import { n as i } from "../../../Modal-DbTe8PVX.js";
 export {
-  e as Body,
-  t as Footer,
-  m as Header,
-  a as Wrapper
+  o as Body,
+  p as Footer,
+  e as Header,
+  i as Wrapper
 };

package/dist/components/Modal/contexts/Modal.context.js

@@ -1,5 +1,5 @@
 import { createContext as e } from "react";
-const n = {
+var n = {
   content: void 0,
   isOpen: !1,
   shouldShowClose: !0,

package/dist/components/Modal/contexts/Modal.provider.js

@@ -1,36 +1,23 @@
-import { jsx as O } from "react/jsx-runtime";
-import { c as w } from "../../../compiler-runtime-DA41awpA.js";
-import { useState as h } from "react";
-import { ModalContext as M } from "./Modal.context.js";
-import { useToggle as P } from "../../../hooks/useToggle.js";
-const T = (C) => {
-  const e = w.c(16), {
-    children: c
-  } = C, [f, S] = h(!0), [m, t] = P(!1), [p, g] = h();
-  let n;
-  e[0] !== t ? (n = () => t(!0), e[0] = t, e[1] = n) : n = e[1];
-  const o = n;
-  let l;
-  e[2] !== t ? (l = () => t(!1), e[2] = t, e[3] = l) : l = e[3];
-  const d = l;
-  let r;
-  e[4] !== o ? (r = (v, a) => {
-    const x = a === void 0 ? !0 : a;
-    g(v), o(), S(x);
-  }, e[4] = o, e[5] = r) : r = e[5];
-  const u = r;
-  let s;
-  e[6] !== p || e[7] !== d || e[8] !== o || e[9] !== m || e[10] !== u || e[11] !== f ? (s = {
-    content: p,
-    isOpen: m,
-    shouldShowClose: f,
-    onClose: d,
-    onOpen: o,
-    setContentAndOpen: u
-  }, e[6] = p, e[7] = d, e[8] = o, e[9] = m, e[10] = u, e[11] = f, e[12] = s) : s = e[12];
-  let i;
-  return e[13] !== c || e[14] !== s ? (i = /* @__PURE__ */ O(M.Provider, { value: s, children: c }), e[13] = c, e[14] = s, e[15] = i) : i = e[15], i;
+import { useToggle as i } from "../../../hooks/useToggle.js";
+import { ModalContext as f } from "./Modal.context.js";
+import { useCallback as t, useState as n } from "react";
+import { jsx as h } from "react/jsx-runtime";
+var x = ({ children: s }) => {
+  const [r, l] = n(!0), [a, o] = i(!1), [u, d] = n(), e = t(() => o(!0), [o]), p = t(() => o(!1), [o]), c = (m, C = !0) => {
+    d(m), e(), l(C);
+  };
+  return /* @__PURE__ */ h(f.Provider, {
+    value: {
+      content: u,
+      isOpen: a,
+      shouldShowClose: r,
+      onClose: p,
+      onOpen: e,
+      setContentAndOpen: c
+    },
+    children: s
+  });
 };
 export {
-  T as ModalProvider
+  x as ModalProvider
 };

package/dist/components/Modal/contexts/index.js

@@ -1,4 +1,4 @@
-import { ModalProvider as d } from "./Modal.provider.js";
+import { ModalProvider as r } from "./Modal.provider.js";
 export {
-  d as ModalProvider
+  r as ModalProvider
 };

package/dist/components/Modal/hooks/useModal.js

@@ -1,37 +1,26 @@
-import { c as d } from "../../../compiler-runtime-DA41awpA.js";
-import { useContext as w, useRef as p, useEffect as a } from "react";
-import { ModalContext as E } from "../contexts/Modal.context.js";
-const y = () => {
-  const e = d.c(7), t = w(E), u = p(null);
-  if (!t)
-    throw new Error("useModal must be used within a ModalProvider");
-  const {
-    onClose: o
-  } = t;
-  let n, r;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = () => {
-    const i = document.activeElement;
-    return u.current?.focus(), () => {
-      i?.focus();
+import { ModalContext as l } from "../contexts/Modal.context.js";
+import { useContext as u, useEffect as r, useRef as d } from "react";
+var f = () => {
+  const o = u(l), t = d(null);
+  if (!o) throw new Error("useModal must be used within a ModalProvider");
+  const { onClose: n } = o;
+  return r(() => {
+    const e = document.activeElement;
+    return t.current?.focus(), () => {
+      e?.focus();
     };
-  }, r = [], e[0] = n, e[1] = r) : (n = e[0], r = e[1]), a(n, r);
-  let s, l;
-  e[2] !== o ? (s = () => {
-    const i = new AbortController(), f = (m) => {
-      m.code === "Escape" && o();
+  }, []), r(() => {
+    const e = new AbortController(), s = (c) => {
+      c.code === "Escape" && n();
     };
-    return window.addEventListener("keydown", f, {
-      signal: i.signal
-    }), () => {
-      i.abort();
+    return window.addEventListener("keydown", s, { signal: e.signal }), () => {
+      e.abort();
     };
-  }, l = [o], e[2] = o, e[3] = s, e[4] = l) : (s = e[3], l = e[4]), a(s, l);
-  let c;
-  return e[5] !== t ? (c = {
-    ...t,
-    closeBtnRef: u
-  }, e[5] = t, e[6] = c) : c = e[6], c;
+  }, [n]), {
+    ...o,
+    closeBtnRef: t
+  };
 };
 export {
-  y as useModal
+  f as useModal
 };

package/dist/components/MultiSelectDropdown/MultiSelectDropdown.js

@@ -1,28 +1,4 @@
-import { jsx as f } from "react/jsx-runtime";
-import { c as w } from "../../compiler-runtime-DA41awpA.js";
-import { forwardRef as x } from "react";
-import { Wrapper as g } from "./components/Wrapper/Wrapper.js";
-import { MultiSelectDropdownProvider as D } from "./contexts/MultiSelectDropdown.provider.js";
-const M = x((d, u) => {
-  const e = w.c(24);
-  let o, l, r, t, i, n, p, m, s;
-  e[0] !== d ? ({
-    isLoading: l,
-    multiselect: r,
-    name: t,
-    noOptionsText: i,
-    options: m,
-    value: s,
-    onChange: p,
-    onBlur: n,
-    ...o
-  } = d, e[0] = d, e[1] = o, e[2] = l, e[3] = r, e[4] = t, e[5] = i, e[6] = n, e[7] = p, e[8] = m, e[9] = s) : (o = e[1], l = e[2], r = e[3], t = e[4], i = e[5], n = e[6], p = e[7], m = e[8], s = e[9]);
-  let a;
-  e[10] !== o || e[11] !== t || e[12] !== u ? (a = /* @__PURE__ */ f(g, { ref: u, name: t, ...o }), e[10] = o, e[11] = t, e[12] = u, e[13] = a) : a = e[13];
-  let c;
-  return e[14] !== l || e[15] !== r || e[16] !== t || e[17] !== i || e[18] !== n || e[19] !== p || e[20] !== m || e[21] !== a || e[22] !== s ? (c = /* @__PURE__ */ f(D, { defaultOptions: m, multiselect: r, value: s, onChange: p, onBlur: n, name: t, isLoading: l, noOptionsText: i, children: a }), e[14] = l, e[15] = r, e[16] = t, e[17] = i, e[18] = n, e[19] = p, e[20] = m, e[21] = a, e[22] = s, e[23] = c) : c = e[23], c;
-});
-M.displayName = "KonstructMultiSelectDropdown";
+import { t } from "../../components-DNFycJGm.js";
 export {
-  M as MultiSelectDropdown
+  t as MultiSelectDropdown
 };

package/dist/components/MultiSelectDropdown/MultiSelectDropdown.variants.js

@@ -1,7 +1,31 @@
-import { c as r } from "../../index-D29mdTf5.js";
-const t = r(["flex", "flex-col", "gap-2", "w-full", "relative", "cursor-pointer"]), o = r(["cursor-pointer", "select-none"]), a = r(["min-h-9", "border", "cursor-pointer", "duration-250", "ease-in-out", "flex", "items-center", "justify-between", "px-2", "py-1", "rounded-md", "transition-all", "w-full", "border-gray-200", "dark:border-metal-700", "dark:bg-metal-800"]);
+import { t as r } from "../../dist-DtEbXv47.js";
+var a = r([
+  "flex",
+  "flex-col",
+  "gap-2",
+  "w-full",
+  "relative",
+  "cursor-pointer"
+]), t = r(["cursor-pointer", "select-none"]), o = r([
+  "min-h-9",
+  "border",
+  "cursor-pointer",
+  "duration-250",
+  "ease-in-out",
+  "flex",
+  "items-center",
+  "justify-between",
+  "px-2",
+  "py-1",
+  "rounded-md",
+  "transition-all",
+  "w-full",
+  "border-gray-200",
+  "dark:border-metal-700",
+  "dark:bg-metal-800"
+]);
 export {
-  o as labelVariants,
-  a as multiSelectDropdownVariants,
-  t as wrapperVariants
+  t as labelVariants,
+  o as multiSelectDropdownVariants,
+  a as wrapperVariants
 };

package/dist/components/MultiSelectDropdown/components/Item/Item.js

@@ -1,35 +1,22 @@
-import { jsx as p, jsxs as d } from "react/jsx-runtime";
-import { c as b } from "../../../../compiler-runtime-DA41awpA.js";
-import { Badge as g } from "../../../Badge/Badge.js";
-import { Typography as h } from "../../../Typography/Typography.js";
-import { cn as u } from "../../../../utils/index.js";
-import { itemVariants as x } from "./Item.variants.js";
-import { useMultiSelectDropdown as y } from "../../contexts/MultiSelectDropdown.hook.js";
-const C = (f) => {
-  const e = b.c(16), {
-    option: t,
-    theme: a,
-    isSelected: s,
-    className: n
-  } = f, {
-    onSelectOption: c
-  } = y();
-  let o;
-  e[0] !== n || e[1] !== s ? (o = u(x({
-    isSelected: s
-  }), n), e[0] = n, e[1] = s, e[2] = o) : o = e[2];
-  let l;
-  e[3] !== c || e[4] !== t ? (l = () => c(t), e[3] = c, e[4] = t, e[5] = l) : l = e[5];
-  let i;
-  e[6] !== t.label ? (i = /* @__PURE__ */ p(h, { variant: "body2", children: t.label }), e[6] = t.label, e[7] = i) : i = e[7];
-  let r;
-  e[8] !== t.badge ? (r = t.badge && /* @__PURE__ */ p(g, { label: t.badge }), e[8] = t.badge, e[9] = r) : r = e[9];
-  let m;
-  return e[10] !== o || e[11] !== l || e[12] !== i || e[13] !== r || e[14] !== a ? (m = /* @__PURE__ */ d("li", { role: "option", "data-theme": a, className: o, onClick: l, children: [
-    i,
-    r
-  ] }), e[10] = o, e[11] = l, e[12] = i, e[13] = r, e[14] = a, e[15] = m) : m = e[15], m;
+import { t as i } from "../../../../utils-DHuiYnx1.js";
+import { Badge as l } from "../../../Badge/Badge.js";
+import { Typography as n } from "../../../Typography/Typography.js";
+import { useMultiSelectDropdown as p } from "../../contexts/MultiSelectDropdown.hook.js";
+import { itemVariants as s } from "./Item.variants.js";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+var x = ({ option: r, theme: o, isSelected: t, className: a }) => {
+  const { onSelectOption: m } = p();
+  return /* @__PURE__ */ c("li", {
+    role: "option",
+    "data-theme": o,
+    className: i(s({ isSelected: t }), a),
+    onClick: () => m(r),
+    children: [/* @__PURE__ */ e(n, {
+      variant: "body2",
+      children: r.label
+    }), r.badge && /* @__PURE__ */ e(l, { label: r.badge })]
+  });
 };
 export {
-  C as Item
+  x as Item
 };

package/dist/components/MultiSelectDropdown/components/Item/Item.variants.js

@@ -1,18 +1,28 @@
-import { c as e } from "../../../../index-D29mdTf5.js";
-const t = e(["cursor-pointer", "py-1.5", "px-2", "last:pb-2", "first:pt-2", "h-full", "flex", "items-center", "gap-2", "hover:bg-gray-50", "focus:bg-gray-50", "dark:hover:bg-metal-700", "dark:focus:bg-metal-700"], {
-  variants: {
-    isSelected: {
-      true: "",
-      false: ""
-    }
-  },
+import { t as e } from "../../../../dist-DtEbXv47.js";
+var t = e([
+  "cursor-pointer",
+  "py-1.5",
+  "px-2",
+  "last:pb-2",
+  "first:pt-2",
+  "h-full",
+  "flex",
+  "items-center",
+  "gap-2",
+  "hover:bg-gray-50",
+  "focus:bg-gray-50",
+  "dark:hover:bg-metal-700",
+  "dark:focus:bg-metal-700"
+], {
+  variants: { isSelected: {
+    true: "",
+    false: ""
+  } },
   compoundVariants: [{
     isSelected: !0,
     class: ["bg-slate-50", "dark:bg-metal-700"]
   }],
-  defaultVariants: {
-    isSelected: !1
-  }
+  defaultVariants: { isSelected: !1 }
 });
 export {
   t as itemVariants

package/dist/components/MultiSelectDropdown/components/List/List.js

@@ -1,29 +1,4 @@
-import { jsx as o } from "react/jsx-runtime";
-import { c as h } from "../../../../compiler-runtime-DA41awpA.js";
-import { cn as g } from "../../../../utils/index.js";
-import { Item as p } from "../Item/Item.js";
-import { listVariants as x } from "./List.variants.js";
-import { Typography as u } from "../../../Typography/Typography.js";
-import { useMultiSelectDropdown as y } from "../../contexts/MultiSelectDropdown.hook.js";
-const _ = (d) => {
-  const e = h.c(9), {
-    theme: n
-  } = d, {
-    options: i,
-    selectedOptions: r,
-    isLoading: m,
-    noOptionsText: a
-  } = y();
-  let s;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = g(x()), e[0] = s) : s = e[0];
-  let t;
-  e[1] !== m || e[2] !== a || e[3] !== i || e[4] !== r ? (t = m ? /* @__PURE__ */ o(p, { option: {
-    id: "loading",
-    label: "Loading..."
-  }, className: "select-none pointer-events-none", isSelected: !1 }, "loading") : i.length > 0 ? i.map((c) => /* @__PURE__ */ o(p, { option: c, isSelected: r.some((f) => f.id === c.id) }, c.id)) : /* @__PURE__ */ o("li", { className: "select-none", children: /* @__PURE__ */ o(u, { variant: "body2", className: "italic px-2 py-2", children: a ?? "No options" }) }), e[1] = m, e[2] = a, e[3] = i, e[4] = r, e[5] = t) : t = e[5];
-  let l;
-  return e[6] !== t || e[7] !== n ? (l = /* @__PURE__ */ o("ul", { role: "listbox", "data-theme": n, className: s, children: t }), e[6] = t, e[7] = n, e[8] = l) : l = e[8], l;
-};
+import { r as o } from "../../../../components-DNFycJGm.js";
 export {
-  _ as List
+  o as List
 };

package/dist/components/MultiSelectDropdown/components/List/List.variants.js

@@ -1,5 +1,25 @@
-import { c as a } from "../../../../index-D29mdTf5.js";
-const o = a(["absolute", "bg-white", "border", "duration-100", "flex", "flex-col", "mt-0.5", "rounded", "shadow-xs", "top-full", "transition-all", "w-full", "z-10", "animate-in", "fade-in-50", "overflow-hidden", "border-gray-200", "dark:border-metal-700", "dark:bg-metal-800"]);
+import { t as a } from "../../../../dist-DtEbXv47.js";
+var e = a([
+  "absolute",
+  "bg-white",
+  "border",
+  "duration-100",
+  "flex",
+  "flex-col",
+  "mt-0.5",
+  "rounded",
+  "shadow-xs",
+  "top-full",
+  "transition-all",
+  "w-full",
+  "z-10",
+  "animate-in",
+  "fade-in-50",
+  "overflow-hidden",
+  "border-gray-200",
+  "dark:border-metal-700",
+  "dark:bg-metal-800"
+]);
 export {
-  o as listVariants
+  e as listVariants
 };