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

package/dist/components/Alert/Alert.variants.js

@@ -1,21 +1,61 @@
 import { c as e } from "../../index-D29mdTf5.js";
-const r = e(["relative", "border", "shadow-xs", "dark:shadow-sm", "p-4", "rounded-lg", "flex", "gap-4", "items-start", "justify-start", "text-sm", "overflow-clip", "duration-300", "data-[state=hidden]:animate-out", "data-[state=hidden]:fade-out-0", "data-[state=hidden]:zoom-out-95"], {
-  variants: {
-    type: {
-      success: ["bg-green-50", "border-green-200", "dark:bg-green-500/10", "dark:border-green-500/20"],
-      info: ["bg-blue-50", "border-blue-100", "dark:bg-blue-500/10", "dark:border-blue-500/20"],
-      warning: ["bg-yellow-50", "border-yellow-200", "dark:bg-yellow-500/10", "dark:border-yellow-500/20"],
-      danger: ["bg-red-50", "border-red-200", "dark:bg-red-500/10", "dark:border-red-500/20"]
+const r = e(
+  [
+    "relative",
+    "border",
+    "shadow-xs",
+    "dark:shadow-sm",
+    "p-4",
+    "rounded-lg",
+    "flex",
+    "gap-4",
+    "items-start",
+    "justify-start",
+    "text-sm",
+    "overflow-clip",
+    "duration-300",
+    "data-[state=hidden]:animate-out",
+    "data-[state=hidden]:fade-out-0",
+    "data-[state=hidden]:zoom-out-95"
+  ],
+  {
+    variants: {
+      type: {
+        success: [
+          "bg-green-50",
+          "border-green-200",
+          "dark:bg-green-500/10",
+          "dark:border-green-500/20"
+        ],
+        info: [
+          "bg-blue-50",
+          "border-blue-100",
+          "dark:bg-blue-500/10",
+          "dark:border-blue-500/20"
+        ],
+        warning: [
+          "bg-yellow-50",
+          "border-yellow-200",
+          "dark:bg-yellow-500/10",
+          "dark:border-yellow-500/20"
+        ],
+        danger: [
+          "bg-red-50",
+          "border-red-200",
+          "dark:bg-red-500/10",
+          "dark:border-red-500/20"
+        ]
+      },
+      isVisible: {
+        true: "",
+        false: "hidden"
+      }
     },
-    isVisible: {
-      true: "",
-      false: "hidden"
+    defaultVariants: {
+      isVisible: !0
     }
-  },
-  defaultVariants: {
-    isVisible: !0
   }
-}), a = e(["text-sm", "font-medium", "leading-5"], {
+), a = e(["text-sm", "font-medium", "leading-5"], {
   variants: {
     type: {
       success: ["text-green-800", "dark:text-green-300"],
@@ -24,16 +64,19 @@ const r = e(["relative", "border", "shadow-xs", "dark:shadow-sm", "p-4", "rounde
       danger: ["text-red-800", "dark:text-rose-300"]
     }
   }
-}), d = e(["text-sm", "font-normal", "leading-5"], {
-  variants: {
-    type: {
-      success: ["text-green-700", "dark:text-green-100"],
-      info: ["text-blue-700", "dark:text-blue-200"],
-      warning: ["text-yellow-700", "dark:text-yellow-100"],
-      danger: ["text-red-700", "dark:text-rose-200"]
+}), d = e(
+  ["text-sm", "font-normal", "leading-5"],
+  {
+    variants: {
+      type: {
+        success: ["text-green-700", "dark:text-green-100"],
+        info: ["text-blue-700", "dark:text-blue-200"],
+        warning: ["text-yellow-700", "dark:text-yellow-100"],
+        danger: ["text-red-700", "dark:text-rose-200"]
+      }
     }
   }
-}), n = e(["size-5", "shrink-0"], {
+), n = e(["size-5", "shrink-0"], {
   variants: {
     type: {
       success: ["text-green-600", "dark:text-green-400"],
@@ -42,16 +85,28 @@ const r = e(["relative", "border", "shadow-xs", "dark:shadow-sm", "p-4", "rounde
       danger: ["text-red-600", "dark:text-rose-400"]
     }
   }
-}), o = e(["size-4", "absolute", "right-3", "top-3", "cursor-pointer", "opacity-70", "hover:opacity-100", "transition-opacity"], {
-  variants: {
-    type: {
-      success: ["text-green-600", "dark:text-green-400"],
-      info: ["text-blue-600", "dark:text-blue-400"],
-      warning: ["text-yellow-600", "dark:text-yellow-400"],
-      danger: ["text-red-600", "dark:text-rose-400"]
+}), o = e(
+  [
+    "size-4",
+    "absolute",
+    "right-3",
+    "top-3",
+    "cursor-pointer",
+    "opacity-70",
+    "hover:opacity-100",
+    "transition-opacity"
+  ],
+  {
+    variants: {
+      type: {
+        success: ["text-green-600", "dark:text-green-400"],
+        info: ["text-blue-600", "dark:text-blue-400"],
+        warning: ["text-yellow-600", "dark:text-yellow-400"],
+        danger: ["text-red-600", "dark:text-rose-400"]
+      }
     }
   }
-});
+);
 export {
   r as alertVariants,
   o as closeButtonVariants,

package/dist/components/AlertDialog/AlertDialog.js

@@ -1,106 +1,132 @@
-import { jsx as a, jsxs as q } from "react/jsx-runtime";
-import { c as te } from "../../compiler-runtime-DA41awpA.js";
-import { C as le, A as ae, O as ie, T as ne, D as se, a as re, b as oe, P as ce, R as me } from "../../index-0g-eSmV1.js";
-import { useRef as fe, useState as de, useEffect as ue } from "react";
-import { Button as Z } from "../Button/Button.js";
-import { cn as X } from "../../utils/index.js";
-import { useAlertDialog as pe } from "./hooks/useAlertDialog.js";
-const Ce = (F) => {
-  const e = te.c(80);
-  let s, r, o, l, c, m, f, d, u, i, n, B, t, p, C;
-  e[0] !== F ? ({
-    buttonCancel: i,
-    buttonConfirm: n,
-    buttonTriggerClassName: s,
-    buttonTriggerText: r,
-    buttonTriggerVariant: o,
-    description: c,
-    isDescriptionChild: m,
-    isTitleChild: f,
-    showCancelButton: B,
-    theme: t,
-    title: p,
-    wrapperClassName: C,
-    onClick: d,
-    onConfirm: u,
-    ...l
-  } = F, e[0] = F, e[1] = s, e[2] = r, e[3] = o, e[4] = l, e[5] = c, e[6] = m, e[7] = f, e[8] = d, e[9] = u, e[10] = i, e[11] = n, e[12] = B, e[13] = t, e[14] = p, e[15] = C) : (s = e[1], r = e[2], o = e[3], l = e[4], c = e[5], m = e[6], f = e[7], d = e[8], u = e[9], i = e[10], n = e[11], B = e[12], t = e[13], p = e[14], C = e[15]);
-  let h;
-  e[16] !== i ? (h = i === void 0 ? {} : i, e[16] = i, e[17] = h) : h = e[17];
-  let b, g, S;
-  e[18] !== h ? ({
-    className: b,
-    text: S,
-    ...g
-  } = h, e[18] = h, e[19] = b, e[20] = g, e[21] = S) : (b = e[19], g = e[20], S = e[21]);
-  const G = S === void 0 ? "Cancel" : S;
-  let x;
-  e[22] !== n ? (x = n === void 0 ? {} : n, e[22] = n, e[23] = x) : x = e[23];
-  let N, y, E;
-  e[24] !== x ? ({
-    className: N,
-    text: E,
-    ...y
-  } = x, e[24] = x, e[25] = N, e[26] = y, e[27] = E) : (N = e[25], y = e[26], E = e[27]);
-  const H = E === void 0 ? "OK" : E, I = B === void 0 ? !0 : B, J = fe(null), [L, ee] = de(null);
-  let K;
-  e[28] !== u ? (K = {
-    onConfirm: u
-  }, e[28] = u, e[29] = K) : K = e[29];
-  const {
-    isOpen: M,
-    handleCancel: Q,
-    handleConfirm: U,
-    handleOpen: W
-  } = pe(K);
-  let P;
-  e[30] !== t ? (P = () => {
-    if (!J.current || t)
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { R as K, A as P, P as z, O as B, C as E, T as S, D as q, a as F, b as G } from "../../index-C7zAY3xv.js";
+import { useRef as H, useState as I, useEffect as J } from "react";
+import { Button as i } from "../Button/Button.js";
+import { cn as n } from "../../utils/index.js";
+import { useAlertDialog as L } from "./hooks/useAlertDialog.js";
+const M = ({
+  buttonCancel: {
+    className: o,
+    text: c = "Cancel",
+    ...d
+  } = {},
+  buttonConfirm: {
+    className: m,
+    text: f = "OK",
+    ...p
+  } = {},
+  buttonTriggerClassName: u,
+  buttonTriggerText: h,
+  buttonTriggerVariant: x,
+  description: b,
+  isDescriptionChild: C,
+  isTitleChild: g,
+  showCancelButton: N = !0,
+  theme: a,
+  title: y,
+  wrapperClassName: k,
+  onClick: A,
+  onConfirm: D,
+  ...l
+}) => {
+  const r = H(null), [O, v] = I(null), { isOpen: R, handleCancel: j, handleConfirm: T, handleOpen: w } = L({
+    onConfirm: D
+  });
+  return J(() => {
+    if (!r.current || a)
       return;
-    const Y = J.current.closest("[data-theme]");
-    Y && ee(Y);
-  }, e[30] = t, e[31] = P) : P = e[31];
-  let z;
-  e[32] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = [], e[32] = z) : z = e[32], ue(P, z);
-  let v;
-  e[33] !== s || e[34] !== r || e[35] !== o || e[36] !== l || e[37] !== W || e[38] !== d || e[39] !== t ? (v = /* @__PURE__ */ a(ae, { ref: J, className: s, variant: o, text: r, "data-theme": t, onOpen: W, onClick: d, ...l }), e[33] = s, e[34] = r, e[35] = o, e[36] = l, e[37] = W, e[38] = d, e[39] = t, e[40] = v) : v = e[40];
-  let V;
-  e[41] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ a(ie, { className: "bg-black opacity-70 dark:opacity-85 inset-0 fixed animate-in fade-in-0" }), e[41] = V) : V = e[41];
-  let T;
-  e[42] !== C ? (T = X("bg-white", "rounded-md", "fixed", "top-1/2", "left-1/2", "-translate-y-2/4", "-translate-x-2/4", "flex", "flex-col", "gap-6", "p-8", "animate-in", "fade-in-0", "zoom-in-85", "border", "border-transparent", "dark:bg-metal-800", "dark:border-metal-700", "dark:border-slate-700", C), e[42] = C, e[43] = T) : T = e[43];
-  let D;
-  e[44] !== f || e[45] !== p ? (D = /* @__PURE__ */ a(ne, { asChild: f, className: "text-base text-slate-700 font-semibold", children: p }), e[44] = f, e[45] = p, e[46] = D) : D = e[46];
-  let k;
-  e[47] !== c || e[48] !== m ? (k = /* @__PURE__ */ a(se, { asChild: m, className: "text-sm text-slate-800", children: c }), e[47] = c, e[48] = m, e[49] = k) : k = e[49];
-  let A;
-  e[50] !== b || e[51] !== g || e[52] !== G || e[53] !== Q || e[54] !== I ? (A = I && /* @__PURE__ */ a(le, { asChild: !0, children: /* @__PURE__ */ a(Z, { type: "button", variant: "secondary", className: X(b), onClick: Q, ...g, children: G }) }), e[50] = b, e[51] = g, e[52] = G, e[53] = Q, e[54] = I, e[55] = A) : A = e[55];
-  let O;
-  e[56] !== N ? (O = X(N), e[56] = N, e[57] = O) : O = e[57];
-  let w;
-  e[58] !== y || e[59] !== H || e[60] !== U || e[61] !== O ? (w = /* @__PURE__ */ a(re, { asChild: !0, children: /* @__PURE__ */ a(Z, { type: "button", variant: "primary", className: O, onClick: U, ...y, children: H }) }), e[58] = y, e[59] = H, e[60] = U, e[61] = O, e[62] = w) : w = e[62];
-  let R;
-  e[63] !== A || e[64] !== w ? (R = /* @__PURE__ */ q("div", { className: "flex flex-row gap-2 justify-end", children: [
-    A,
-    w
-  ] }), e[63] = A, e[64] = w, e[65] = R) : R = e[65];
-  let _;
-  e[66] !== T || e[67] !== D || e[68] !== k || e[69] !== R || e[70] !== t ? (_ = /* @__PURE__ */ q(oe, { "data-theme": t, className: T, children: [
-    D,
-    k,
-    R
-  ] }), e[66] = T, e[67] = D, e[68] = k, e[69] = R, e[70] = t, e[71] = _) : _ = e[71];
-  let j;
-  e[72] !== L || e[73] !== _ ? (j = /* @__PURE__ */ q(ce, { container: L, children: [
-    V,
-    _
-  ] }), e[72] = L, e[73] = _, e[74] = j) : j = e[74];
-  let $;
-  return e[75] !== l || e[76] !== M || e[77] !== v || e[78] !== j ? ($ = /* @__PURE__ */ q(me, { open: M, ...l, children: [
-    v,
-    j
-  ] }), e[75] = l, e[76] = M, e[77] = v, e[78] = j, e[79] = $) : $ = e[79], $;
+    const s = r.current.closest("[data-theme]");
+    s && v(s);
+  }, []), /* @__PURE__ */ t(K, { open: R, ...l, children: [
+    /* @__PURE__ */ e(
+      P,
+      {
+        ref: r,
+        className: u,
+        variant: x,
+        text: h,
+        "data-theme": a,
+        onOpen: w,
+        onClick: A,
+        ...l
+      }
+    ),
+    /* @__PURE__ */ t(z, { container: O, children: [
+      /* @__PURE__ */ e(B, { className: "bg-black opacity-70 dark:opacity-85 inset-0 fixed animate-in fade-in-0" }),
+      /* @__PURE__ */ t(
+        E,
+        {
+          "data-theme": a,
+          className: n(
+            "bg-white",
+            "rounded-md",
+            "fixed",
+            "top-1/2",
+            "left-1/2",
+            "-translate-y-2/4",
+            "-translate-x-2/4",
+            "flex",
+            "flex-col",
+            "gap-6",
+            "p-8",
+            "animate-in",
+            "fade-in-0",
+            "zoom-in-85",
+            "border",
+            "border-transparent",
+            "dark:bg-metal-800",
+            "dark:border-metal-700",
+            "dark:border-slate-700",
+            k
+          ),
+          children: [
+            /* @__PURE__ */ e(
+              S,
+              {
+                asChild: g,
+                className: "text-base text-slate-700 font-semibold",
+                children: y
+              }
+            ),
+            /* @__PURE__ */ e(
+              q,
+              {
+                asChild: C,
+                className: "text-sm text-slate-800",
+                children: b
+              }
+            ),
+            /* @__PURE__ */ t("div", { className: "flex flex-row gap-2 justify-end", children: [
+              N && /* @__PURE__ */ e(F, { asChild: !0, children: /* @__PURE__ */ e(
+                i,
+                {
+                  type: "button",
+                  variant: "secondary",
+                  className: n(o),
+                  onClick: j,
+                  ...d,
+                  children: c
+                }
+              ) }),
+              /* @__PURE__ */ e(G, { asChild: !0, children: /* @__PURE__ */ e(
+                i,
+                {
+                  type: "button",
+                  variant: "primary",
+                  className: n(m),
+                  onClick: T,
+                  ...p,
+                  children: f
+                }
+              ) })
+            ] })
+          ]
+        }
+      )
+    ] })
+  ] });
 };
-Ce.displayName = "KonstructAlertDialog";
+M.displayName = "KonstructAlertDialog";
 export {
-  Ce as AlertDialog
+  M as AlertDialog
 };

package/dist/components/AlertDialog/components/AlertDialogTrigger.js

@@ -1,9 +1,8 @@
 import "react/jsx-runtime";
-import "../../../compiler-runtime-DA41awpA.js";
-import { A as g } from "../../../index-0g-eSmV1.js";
+import { A as e } from "../../../index-C7zAY3xv.js";
 import "react";
 import "../../Button/Button.js";
 import "../../../utils/index.js";
 export {
-  g as AlertDialogTrigger
+  e as AlertDialogTrigger
 };

package/dist/components/AlertDialog/components/index.js

@@ -1,4 +1,4 @@
-import { A as g } from "../../../index-0g-eSmV1.js";
+import { A as g } from "../../../index-C7zAY3xv.js";
 export {
   g as AlertDialogTrigger
 };

package/dist/components/AlertDialog/hooks/useAlertDialog.js

@@ -1,28 +1,10 @@
-import { c as p } from "../../../compiler-runtime-DA41awpA.js";
-import { useState as h } from "react";
-const d = (i) => {
-  const e = p.c(7), {
-    onConfirm: s
-  } = i, [c, r] = h(!1);
-  let t;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = () => r(!0), e[0] = t) : t = e[0];
-  const m = t;
-  let o;
-  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = () => r(!1), e[1] = o) : o = e[1];
-  const f = o;
-  let n;
-  e[2] !== s ? (n = () => {
-    s?.(), r(!1);
-  }, e[2] = s, e[3] = n) : n = e[3];
-  const a = n;
-  let l;
-  return e[4] !== a || e[5] !== c ? (l = {
-    isOpen: c,
-    handleCancel: f,
-    handleConfirm: a,
-    handleOpen: m
-  }, e[4] = a, e[5] = c, e[6] = l) : l = e[6], l;
+import { useState as c, useCallback as s } from "react";
+const p = ({ onConfirm: t }) => {
+  const [n, e] = c(!1), a = s(() => e(!0), []), l = s(() => e(!1), []), o = s(() => {
+    t?.(), e(!1);
+  }, [t]);
+  return { isOpen: n, handleCancel: l, handleConfirm: o, handleOpen: a };
 };
 export {
-  d as useAlertDialog
+  p as useAlertDialog
 };

package/dist/components/Autocomplete/Autocomplete.js

@@ -1,57 +1,85 @@
-import { jsx as c, jsxs as _ } from "react/jsx-runtime";
-import { c as k } from "../../compiler-runtime-DA41awpA.js";
-import { forwardRef as F, useRef as j, useId as L, useImperativeHandle as W } from "react";
-import { cn as H } from "../../utils/index.js";
-import { labelVariants as $, autocompleteVariants as q } from "./Autocomplete.variants.js";
-import { useAutocomplete as B } from "./hooks/useAutocomplete.js";
-import { List as D } from "./components/List/List.js";
-const G = F((z, I) => {
-  const e = k.c(34), {
-    autoComplete: S,
-    className: o,
-    label: i,
-    labelClassName: v,
-    labelWrapperClassName: N,
-    name: t,
-    options: w,
-    placeholder: C,
-    placeHolderEmptyValues: A,
-    placeHolderEmptyValuesClassName: b,
-    theme: x,
-    onChange: V
-  } = z, O = S === void 0 ? "off" : S, g = A === void 0 ? "No values..." : A, y = j(null), m = j(null), p = L();
-  let d, u;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = () => m.current, u = [m], e[0] = d, e[1] = u) : (d = e[0], u = e[1]), W(I, d, u);
-  let f;
-  e[2] !== V || e[3] !== w ? (f = {
-    options: w,
-    inputRef: m,
-    wrapperRef: y,
-    onChange: V
-  }, e[2] = V, e[3] = w, e[4] = f) : f = e[4];
-  const l = B(f);
-  let a;
-  e[5] !== p || e[6] !== i || e[7] !== v || e[8] !== N || e[9] !== t ? (a = i ? /* @__PURE__ */ c("div", { className: H(N), children: /* @__PURE__ */ c("label", { htmlFor: t ?? p, className: H($({
-    className: v
-  })), children: i }) }) : null, e[5] = p, e[6] = i, e[7] = v, e[8] = N, e[9] = t, e[10] = a) : a = e[10];
-  const R = i ? t ?? p : void 0;
-  let s;
-  e[11] !== o ? (s = H(q({
-    className: o
-  })), e[11] = o, e[12] = s) : s = e[12];
-  const E = l.showOptions ? "true" : "false";
-  let n;
-  e[13] !== O || e[14] !== l.handleChange || e[15] !== l.value || e[16] !== t || e[17] !== C || e[18] !== R || e[19] !== s || e[20] !== E ? (n = /* @__PURE__ */ c("input", { ref: m, id: R, type: "text", name: t, role: "combobox", autoComplete: O, className: s, onChange: l.handleChange, value: l.value, placeholder: C, "aria-expanded": E }), e[13] = O, e[14] = l.handleChange, e[15] = l.value, e[16] = t, e[17] = C, e[18] = R, e[19] = s, e[20] = E, e[21] = n) : n = e[21];
-  let r;
-  e[22] !== l.handleSelectValue || e[23] !== l.newOptions || e[24] !== l.showOptions || e[25] !== o || e[26] !== g || e[27] !== b ? (r = l.showOptions && /* @__PURE__ */ c("div", { className: "absolute z-10 top-full w-full rounded-md mt-1 border shadow-sm border-zinc-200 overflow-hidden", children: /* @__PURE__ */ c(D, { className: o, inputRef: m, wrapperRef: y, options: l.newOptions, placeholder: g, placeholderClassName: b, onClick: l.handleSelectValue }) }), e[22] = l.handleSelectValue, e[23] = l.newOptions, e[24] = l.showOptions, e[25] = o, e[26] = g, e[27] = b, e[28] = r) : r = e[28];
-  let h;
-  return e[29] !== n || e[30] !== r || e[31] !== a || e[32] !== x ? (h = /* @__PURE__ */ _("div", { ref: y, className: "relative flex flex-col gap-2", "data-theme": x, children: [
-    a,
-    n,
-    r
-  ] }), e[29] = n, e[30] = r, e[31] = a, e[32] = x, e[33] = h) : h = e[33], h;
-});
-G.displayName = "Autocomplete";
+import { jsxs as b, jsx as l } from "react/jsx-runtime";
+import { forwardRef as C, useRef as d, useId as R, useImperativeHandle as g } from "react";
+import { cn as s } from "../../utils/index.js";
+import { labelVariants as A, autocompleteVariants as O } from "./Autocomplete.variants.js";
+import { useAutocomplete as V } from "./hooks/useAutocomplete.js";
+import { List as j } from "./components/List/List.js";
+const y = C(
+  ({
+    autoComplete: m = "off",
+    className: n,
+    label: t,
+    labelClassName: c,
+    labelWrapperClassName: p,
+    name: r,
+    options: u,
+    placeholder: f,
+    placeHolderEmptyValues: h = "No values...",
+    placeHolderEmptyValuesClassName: v,
+    theme: w,
+    onChange: x
+  }, N) => {
+    const a = d(null), o = d(null), i = R();
+    g(N, () => o.current, [o]);
+    const e = V({
+      options: u,
+      inputRef: o,
+      wrapperRef: a,
+      onChange: x
+    });
+    return /* @__PURE__ */ b(
+      "div",
+      {
+        ref: a,
+        className: "relative flex flex-col gap-2",
+        "data-theme": w,
+        children: [
+          t ? /* @__PURE__ */ l("div", { className: s(p), children: /* @__PURE__ */ l(
+            "label",
+            {
+              htmlFor: r ?? i,
+              className: s(
+                A({
+                  className: c
+                })
+              ),
+              children: t
+            }
+          ) }) : null,
+          /* @__PURE__ */ l(
+            "input",
+            {
+              ref: o,
+              id: t ? r ?? i : void 0,
+              type: "text",
+              name: r,
+              role: "combobox",
+              autoComplete: m,
+              className: s(O({ className: n })),
+              onChange: e.handleChange,
+              value: e.value,
+              placeholder: f,
+              "aria-expanded": e.showOptions ? "true" : "false"
+            }
+          ),
+          e.showOptions && /* @__PURE__ */ l("div", { className: "absolute z-10 top-full w-full rounded-md mt-1 border shadow-sm border-zinc-200 overflow-hidden", children: /* @__PURE__ */ l(
+            j,
+            {
+              className: n,
+              inputRef: o,
+              wrapperRef: a,
+              options: e.newOptions,
+              placeholder: h,
+              placeholderClassName: v,
+              onClick: e.handleSelectValue
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+y.displayName = "Autocomplete";
 export {
-  G as Autocomplete
+  y as Autocomplete
 };

package/dist/components/Autocomplete/Autocomplete.variants.js

@@ -1,5 +1,25 @@
 import { c as r } from "../../index-D29mdTf5.js";
-const e = r(["flex", "w-full", "rounded-md", "border", "border-zinc-200", "bg-transparent", "text-zinc-700", "transition-colors", "placeholder:text-muted-foreground", "focus-visible:outline-none", "focus-visible:ring-1", "focus-visible:ring-ring", "disabled:cursor-not-allowed", "disabled:opacity-50", "shadow-2xs", "py-1", "px-2", "focus:ring-aurora-500", "kubefirst:focus:ring-kubefirst-primary"]), i = r(["pl-1", "text-base", "cursor-pointer"]);
+const e = r([
+  "flex",
+  "w-full",
+  "rounded-md",
+  "border",
+  "border-zinc-200",
+  "bg-transparent",
+  "text-zinc-700",
+  "transition-colors",
+  "placeholder:text-muted-foreground",
+  "focus-visible:outline-none",
+  "focus-visible:ring-1",
+  "focus-visible:ring-ring",
+  "disabled:cursor-not-allowed",
+  "disabled:opacity-50",
+  "shadow-2xs",
+  "py-1",
+  "px-2",
+  "focus:ring-aurora-500",
+  "kubefirst:focus:ring-kubefirst-primary"
+]), i = r(["pl-1", "text-base", "cursor-pointer"]);
 export {
   e as autocompleteVariants,
   i as labelVariants