@konstructio/ui 0.1.0-alpha.4 → 0.1.0-alpha.6

package/dist/{Combination-Cvr3uETz.js → Combination-Dyw3lLGQ.js}

@@ -1,5 +1,5 @@
 import * as l from "react";
-import { useState as ee } from "react";
+import { useState as q } from "react";
 var b = function() {
   return b = Object.assign || function(t) {
     for (var n, r = 1, a = arguments.length; r < a; r++) {
@@ -17,17 +17,17 @@ function Z(e, t) {
       t.indexOf(r[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[a]) && (n[r[a]] = e[r[a]]);
   return n;
 }
-function te(e, t, n) {
+function J(e, t, n) {
   if (n || arguments.length === 2) for (var r = 0, a = t.length, c; r < a; r++)
     (c || !(r in t)) && (c || (c = Array.prototype.slice.call(t, 0, r)), c[r] = t[r]);
   return e.concat(c || Array.prototype.slice.call(t));
 }
-var x = "right-scroll-bar-position", O = "width-before-scroll-bar", re = "with-scroll-bars-hidden", ne = "--removed-body-scroll-bar-size";
+var x = "right-scroll-bar-position", O = "width-before-scroll-bar", ee = "with-scroll-bars-hidden", te = "--removed-body-scroll-bar-size";
 function I(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
-function ae(e, t) {
-  var n = ee(function() {
+function re(e, t) {
+  var n = q(function() {
     return {
       // value
       value: e,
@@ -47,14 +47,14 @@ function ae(e, t) {
   })[0];
   return n.callback = t, n.facade;
 }
-var oe = typeof window < "u" ? l.useLayoutEffect : l.useEffect, D = /* @__PURE__ */ new WeakMap();
-function ce(e, t) {
-  var n = ae(null, function(r) {
+var ne = typeof window < "u" ? l.useLayoutEffect : l.useEffect, D = /* @__PURE__ */ new WeakMap();
+function ae(e, t) {
+  var n = re(null, function(r) {
     return e.forEach(function(a) {
       return I(a, r);
     });
   });
-  return oe(function() {
+  return ne(function() {
     var r = D.get(n);
     if (r) {
       var a = new Set(r), c = new Set(e), u = n.current;
@@ -67,11 +67,11 @@ function ce(e, t) {
     D.set(n, e);
   }, [e]), n;
 }
-function _(e) {
+function oe(e) {
   return e;
 }
-function Q(e, t) {
-  t === void 0 && (t = _);
+function ce(e, t) {
+  t === void 0 && (t = oe);
   var n = [], r = !1, a = {
     read: function() {
       if (r)
@@ -125,15 +125,12 @@ function Q(e, t) {
   };
   return a;
 }
-function Xe(e, t) {
-  return t === void 0 && (t = _), Q(e, t);
-}
 function ie(e) {
   e === void 0 && (e = {});
-  var t = Q(null);
+  var t = ce(null);
   return t.options = b({ async: !0, ssr: !1 }, e), t;
 }
-var G = function(e) {
+var _ = function(e) {
   var t = e.sideCar, n = Z(e, ["sideCar"]);
   if (!t)
     throw new Error("Sidecar: please provide `sideCar` property to import the right car");
@@ -142,21 +139,21 @@ var G = function(e) {
     throw new Error("Sidecar medium not found");
   return l.createElement(r, b({}, n));
 };
-G.isSideCarExport = !0;
+_.isSideCarExport = !0;
 function le(e, t) {
-  return e.useMedium(t), G;
+  return e.useMedium(t), _;
 }
-var K = ie(), W = function() {
+var Q = ie(), W = function() {
 }, A = l.forwardRef(function(e, t) {
   var n = l.useRef(null), r = l.useState({
     onScrollCapture: W,
     onWheelCapture: W,
     onTouchMoveCapture: W
-  }), a = r[0], c = r[1], u = e.forwardProps, i = e.children, h = e.className, m = e.removeScrollBar, d = e.enabled, p = e.shards, R = e.sideCar, C = e.noRelative, E = e.noIsolation, o = e.inert, f = e.allowPinchZoom, v = e.as, y = v === void 0 ? "div" : v, g = e.gapMode, S = Z(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), s = R, k = ce([n, t]), w = b(b({}, S), a);
+  }), a = r[0], c = r[1], u = e.forwardProps, i = e.children, h = e.className, m = e.removeScrollBar, d = e.enabled, p = e.shards, R = e.sideCar, C = e.noRelative, E = e.noIsolation, o = e.inert, f = e.allowPinchZoom, v = e.as, y = v === void 0 ? "div" : v, g = e.gapMode, S = Z(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), s = R, k = ae([n, t]), w = b(b({}, S), a);
   return l.createElement(
     l.Fragment,
     null,
-    d && l.createElement(s, { sideCar: K, removeScrollBar: m, shards: p, noRelative: C, noIsolation: E, inert: o, setCallbacks: c, allowPinchZoom: !!f, lockRef: n, gapMode: g }),
+    d && l.createElement(s, { sideCar: Q, removeScrollBar: m, shards: p, noRelative: C, noIsolation: E, inert: o, setCallbacks: c, allowPinchZoom: !!f, lockRef: n, gapMode: g }),
     u ? l.cloneElement(l.Children.only(i), b(b({}, w), { ref: k })) : l.createElement(y, b({}, w, { className: h, ref: k }), i)
   );
 });
@@ -207,7 +204,7 @@ var ve = function() {
       };
     }, [t && n]);
   };
-}, U = function() {
+}, G = function() {
   var e = he(), t = function(n) {
     var r = n.styles, a = n.dynamic;
     return e(r, a), null;
@@ -233,14 +230,14 @@ var ve = function() {
     right: t[2],
     gap: Math.max(0, r - n + t[2] - t[0])
   };
-}, be = U(), L = "data-scroll-locked", Se = function(e, t, n, r) {
+}, be = G(), M = "data-scroll-locked", Se = function(e, t, n, r) {
   var a = e.left, c = e.top, u = e.right, i = e.gap;
   return n === void 0 && (n = "margin"), `
-  .`.concat(re, ` {
+  .`.concat(ee, ` {
    overflow: hidden `).concat(r, `;
    padding-right: `).concat(i, "px ").concat(r, `;
   }
-  body[`).concat(L, `] {
+  body[`).concat(M, `] {
     overflow: hidden `).concat(r, `;
     overscroll-behavior: contain;
     `).concat([
@@ -273,18 +270,18 @@ var ve = function() {
     margin-right: 0 `).concat(r, `;
   }
   
-  body[`).concat(L, `] {
-    `).concat(ne, ": ").concat(i, `px;
+  body[`).concat(M, `] {
+    `).concat(te, ": ").concat(i, `px;
   }
 `);
 }, V = function() {
-  var e = parseInt(document.body.getAttribute(L) || "0", 10);
+  var e = parseInt(document.body.getAttribute(M) || "0", 10);
   return isFinite(e) ? e : 0;
 }, we = function() {
   l.useEffect(function() {
-    return document.body.setAttribute(L, (V() + 1).toString()), function() {
+    return document.body.setAttribute(M, (V() + 1).toString()), function() {
       var e = V() - 1;
-      e <= 0 ? document.body.removeAttribute(L) : document.body.setAttribute(L, e.toString());
+      e <= 0 ? document.body.removeAttribute(M) : document.body.setAttribute(M, e.toString());
     };
   }, []);
 }, pe = function(e) {
@@ -308,7 +305,7 @@ if (typeof window < "u")
   }
 var P = Y ? { passive: !1 } : !1, Ce = function(e) {
   return e.tagName === "TEXTAREA";
-}, $ = function(e, t) {
+}, K = function(e, t) {
   if (!(e instanceof Element))
     return !1;
   var n = window.getComputedStyle(e);
@@ -318,16 +315,16 @@ var P = Y ? { passive: !1 } : !1, Ce = function(e) {
     !(n.overflowY === n.overflowX && !Ce(e) && n[t] === "visible")
   );
 }, Ee = function(e) {
-  return $(e, "overflowY");
+  return K(e, "overflowY");
 }, Re = function(e) {
-  return $(e, "overflowX");
+  return K(e, "overflowX");
 }, H = function(e, t) {
   var n = t.ownerDocument, r = t;
   do {
     typeof ShadowRoot < "u" && r instanceof ShadowRoot && (r = r.host);
-    var a = q(e, r);
+    var a = U(e, r);
     if (a) {
-      var c = J(e, r), u = c[1], i = c[2];
+      var c = $(e, r), u = c[1], i = c[2];
       if (u > i)
         return !0;
     }
@@ -348,17 +345,17 @@ var P = Y ? { passive: !1 } : !1, Ce = function(e) {
     n,
     r
   ];
-}, q = function(e, t) {
+}, U = function(e, t) {
   return e === "v" ? Ee(t) : Re(t);
-}, J = function(e, t) {
+}, $ = function(e, t) {
   return e === "v" ? ke(t) : Pe(t);
-}, Me = function(e, t) {
+}, Le = function(e, t) {
   return e === "h" && t === "rtl" ? -1 : 1;
-}, Le = function(e, t, n, r, a) {
-  var c = Me(e, window.getComputedStyle(t).direction), u = c * r, i = n.target, h = t.contains(i), m = !1, d = u > 0, p = 0, R = 0;
+}, Me = function(e, t, n, r, a) {
+  var c = Le(e, window.getComputedStyle(t).direction), u = c * r, i = n.target, h = t.contains(i), m = !1, d = u > 0, p = 0, R = 0;
   do {
-    var C = J(e, i), E = C[0], o = C[1], f = C[2], v = o - f - c * E;
-    (E || v) && q(e, i) && (p += v, R += E), i = i.parentNode.host || i.parentNode;
+    var C = $(e, i), E = C[0], o = C[1], f = C[2], v = o - f - c * E;
+    (E || v) && U(e, i) && (p += v, R += E), i = i.parentNode.host || i.parentNode;
   } while (
     // portaled content
     !h && i !== document.body || // self content
@@ -378,15 +375,15 @@ var P = Y ? { passive: !1 } : !1, Ce = function(e) {
   .block-interactivity-`.concat(e, ` {pointer-events: none;}
   .allow-interactivity-`).concat(e, ` {pointer-events: all;}
 `);
-}, Ne = 0, M = [];
+}, Ne = 0, L = [];
 function xe(e) {
-  var t = l.useRef([]), n = l.useRef([0, 0]), r = l.useRef(), a = l.useState(Ne++)[0], c = l.useState(U)[0], u = l.useRef(e);
+  var t = l.useRef([]), n = l.useRef([0, 0]), r = l.useRef(), a = l.useState(Ne++)[0], c = l.useState(G)[0], u = l.useRef(e);
   l.useEffect(function() {
     u.current = e;
   }, [e]), l.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(a));
-      var o = te([e.lockRef.current], (e.shards || []).map(F), !0).filter(Boolean);
+      var o = J([e.lockRef.current], (e.shards || []).map(F), !0).filter(Boolean);
       return o.forEach(function(f) {
         return f.classList.add("allow-interactivity-".concat(a));
       }), function() {
@@ -410,10 +407,10 @@ function xe(e) {
     if (!r.current && "changedTouches" in o && (g || S) && (r.current = s), !s)
       return !0;
     var j = r.current || s;
-    return Le(j, f, o, j === "h" ? g : S);
+    return Me(j, f, o, j === "h" ? g : S);
   }, []), h = l.useCallback(function(o) {
     var f = o;
-    if (!(!M.length || M[M.length - 1] !== c)) {
+    if (!(!L.length || L[L.length - 1] !== c)) {
       var v = "deltaY" in f ? z(f) : N(f), y = t.current.filter(function(s) {
         return s.name === f.type && (s.target === f.target || f.target === s.shadowParent) && Te(s.delta, v);
       })[0];
@@ -443,12 +440,12 @@ function xe(e) {
     m(o.type, N(o), o.target, i(o, e.lockRef.current));
   }, []);
   l.useEffect(function() {
-    return M.push(c), e.setCallbacks({
+    return L.push(c), e.setCallbacks({
       onScrollCapture: p,
       onWheelCapture: p,
       onTouchMoveCapture: R
     }), document.addEventListener("wheel", h, P), document.addEventListener("touchmove", h, P), document.addEventListener("touchstart", d, P), function() {
-      M = M.filter(function(o) {
+      L = L.filter(function(o) {
         return o !== c;
       }), document.removeEventListener("wheel", h, P), document.removeEventListener("touchmove", h, P), document.removeEventListener("touchstart", d, P);
     };
@@ -466,14 +463,11 @@ function Oe(e) {
     e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
   return t;
 }
-const Ae = le(K, xe);
+const Ae = le(Q, xe);
 var Ie = l.forwardRef(function(e, t) {
   return l.createElement(A, b({}, e, { ref: t, sideCar: Ae }));
 });
 Ie.classNames = A.classNames;
 export {
-  Ie as R,
-  ie as a,
-  Xe as c,
-  ce as u
+  Ie as R
 };

package/dist/Modal-CdsrVAoM.js

@@ -0,0 +1,98 @@
+import { Body as b } from "./components/Modal/components/Body/Body.js";
+import { Footer as g } from "./components/Modal/components/Footer/Footer.js";
+import { Header as v } from "./components/Modal/components/Header/Header.js";
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { Children as s, isValidElement as m, useEffect as w } from "react";
+import { r as x } from "./index-BCGvACM9.js";
+import { R as A } from "./index--EmNlyHx.js";
+import { R as E } from "./Combination-Dyw3lLGQ.js";
+import { cn as p } from "./utils/index.js";
+import { buttonCloseVariants as N, modalVariants as R } from "./components/Modal/components/Wrapper/Wrapper.variants.js";
+import { X as k } from "./x-BPcqkRZd.js";
+const B = ({
+  children: e,
+  theme: o,
+  className: d,
+  buttonCloseClassName: i,
+  onClose: n
+}) => {
+  const c = s.toArray(e).find(
+    (r) => m(r) && r.type === t.Header
+  ), f = s.toArray(e).find(
+    (r) => m(r) && r.type === t.Body
+  ), y = s.toArray(e).find(
+    (r) => m(r) && r.type === t.Footer
+  ), u = s.toArray(e).filter(
+    (r) => !m(r) || ![t.Header, t.Body, t.Footer].includes(
+      r.type
+    )
+  );
+  return /* @__PURE__ */ a(E, { children: /* @__PURE__ */ l(
+    "div",
+    {
+      className: "fixed inset-0 grid place-content-center",
+      "data-theme": o,
+      children: [
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: "absolute inset-0 bg-black opacity-75 animate-in fade-in-0",
+            onClick: n,
+            role: "presentation"
+          }
+        ),
+        /* @__PURE__ */ l(
+          "div",
+          {
+            className: p(
+              R({
+                className: d
+              })
+            ),
+            role: "dialog",
+            "aria-modal": "true",
+            children: [
+              c,
+              /* @__PURE__ */ l(
+                "button",
+                {
+                  className: p(
+                    N({
+                      className: i
+                    })
+                  ),
+                  onClick: n,
+                  children: [
+                    /* @__PURE__ */ a(k, {}),
+                    /* @__PURE__ */ a(A, { children: "Dismiss modal" })
+                  ]
+                }
+              ),
+              f ?? u,
+              y
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+}, t = ({ isOpen: e, onClose: o, ...d }) => (w(() => {
+  const i = new AbortController(), n = (c) => {
+    c.code === "Escape" && (o == null || o());
+  };
+  return window.addEventListener("keydown", n, {
+    signal: i.signal
+  }), () => {
+    i.abort();
+  };
+}, [o]), e ? x.createPortal(
+  /* @__PURE__ */ a(B, { ...d, onClose: o }),
+  document.body
+) : null);
+t.Header = v;
+t.Body = b;
+t.Footer = g;
+export {
+  t as M,
+  B as W
+};

package/dist/{chevron-up-DgLBQCKD.js → chevron-up-RLP4nX7V.js}

@@ -1,5 +1,5 @@
 import l, { forwardRef as c } from "react";
-import { P as a } from "./index-C5psggHV.js";
+import { P as a } from "./index-h-Ul0anl.js";
 function p() {
   return p = Object.assign || function(e) {
     for (var o = 1; o < arguments.length; o++) {

package/dist/components/Alert/Alert.js

@@ -3,7 +3,7 @@ import { useRef as b, useState as C, useMemo as V, isValidElement as v, useCallb
 import { V as x } from "../../index--EmNlyHx.js";
 import { cn as m } from "../../utils/index.js";
 import { closeButtonVariants as y, alertVariants as A } from "./Alert.variants.js";
-import { X as E } from "../../x-DU-Zw-L_.js";
+import { X as E } from "../../x-BPcqkRZd.js";
 const B = ({
   theme: c,
   type: o,

package/dist/components/AlertDialog/AlertDialog.js

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { R as A, A as D, P as v, O as j, C as k, T, D as w, a as P, b as R } from "../../index-BuxebbOg.js";
+import { R as A, A as D, P as v, O as j, C as k, T, D as w, a as P, b as R } from "../../index-CI55pdPK.js";
 import { Button as l } from "../Button/Button.js";
 import { cn as t } from "../../utils/index.js";
 import { useAlertDialog as z } from "./hooks/useAlertDialog.js";

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { A as p } from "../../../index-BuxebbOg.js";
+import { A as p } from "../../../index-CI55pdPK.js";
 import "../../Button/Button.js";
 import "../../../utils/index.js";
 export {

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

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

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -3,7 +3,7 @@ import u, { forwardRef as b, useId as v, Fragment as y } from "react";
 import { cn as h } from "../../utils/index.js";
 import { breadcrumbVariants as O, breadcrumbWrapperVariants as j } from "./Breadcrumb.variants.js";
 import { Item as w } from "./components/Item/Item.js";
-import { P as l } from "../../index-C5psggHV.js";
+import { P as l } from "../../index-h-Ul0anl.js";
 function m() {
   return m = Object.assign || function(r) {
     for (var o = 1; o < arguments.length; o++) {

package/dist/components/Checkbox/Checkbox.js

@@ -9,7 +9,7 @@ import { P as w } from "../../index-BCGvACM9.js";
 import { cn as T } from "../../utils/index.js";
 import { checkboxVariants as te, labelVariants as re } from "./Checkbox.variants.js";
 import { useToggle as oe } from "../../hooks/useToggle.js";
-import { P as y } from "../../index-C5psggHV.js";
+import { P as y } from "../../index-h-Ul0anl.js";
 function R() {
   return R = Object.assign || function(e) {
     for (var c = 1; c < arguments.length; c++) {

package/dist/components/Command/Command.js

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import { R as s, D as p } from "../../index-1RDo-S_f.js";
+import { R as s, D as p } from "../../index-Cod3awtw.js";
 import { V as l } from "../../index--EmNlyHx.js";
 import { cn as m } from "../../utils/index.js";
 import { wrapperVariants as f } from "./Command.variants.js";

package/dist/components/Command/components/Command.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { _ as o } from "../../../index-Cz09twLl.js";
+import { _ as o } from "../../../index-Cj4IZ4ka.js";
 const s = p(({ className: r, children: a, ...e }, i) => /* @__PURE__ */ m(o, { ref: i, className: r, ...e, children: /* @__PURE__ */ m("div", { className: "w-[500px]", children: a }) }));
 s.displayName = o.displayName;
 export {

package/dist/components/Command/components/CommandEmpty.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { _ as m } from "../../../index-Cz09twLl.js";
+import { _ as m } from "../../../index-Cj4IZ4ka.js";
 const r = p((t, e) => /* @__PURE__ */ o(
   m.Empty,
   {

package/dist/components/Command/components/CommandGroup.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { _ as o } from "../../../index-Cz09twLl.js";
+import { _ as o } from "../../../index-Cj4IZ4ka.js";
 import { cn as a } from "../../../utils/index.js";
 const t = p(({ className: r, ...m }, d) => /* @__PURE__ */ e(
   o.Group,

package/dist/components/Command/components/CommandInput.js

@@ -1,9 +1,9 @@
 import { jsxs as y, jsx as c } from "react/jsx-runtime";
-import { _ as m } from "../../../index-Cz09twLl.js";
+import { _ as m } from "../../../index-Cj4IZ4ka.js";
 import s, { forwardRef as u } from "react";
 import { cn as f } from "../../../utils/index.js";
 import { searchInconInputVariants as v, inputVariants as g } from "../Command.variants.js";
-import { P as a } from "../../../index-C5psggHV.js";
+import { P as a } from "../../../index-h-Ul0anl.js";
 function p() {
   return p = Object.assign || function(r) {
     for (var n = 1; n < arguments.length; n++) {

package/dist/components/Command/components/CommandItem.js

@@ -1,6 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
 import { forwardRef as i, useContext as p, useCallback as c } from "react";
-import { _ as r } from "../../../index-Cz09twLl.js";
+import { _ as r } from "../../../index-Cj4IZ4ka.js";
 import { cn as l } from "../../../utils/index.js";
 import { CommandContext as u } from "../contexts/Command.context.js";
 const f = i(({ className: a, onSelect: e, ...s }, o) => {

package/dist/components/Command/components/CommandList.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
-import { _ as o } from "../../../index-Cz09twLl.js";
+import { _ as o } from "../../../index-Cj4IZ4ka.js";
 import { cn as t } from "../../../utils/index.js";
 const e = s(({ className: m, ...r }, a) => /* @__PURE__ */ i(
   o.List,

package/dist/components/Command/components/CommandSeparator.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { _ as r } from "../../../index-Cz09twLl.js";
+import { _ as r } from "../../../index-Cj4IZ4ka.js";
 import { cn as t } from "../../../utils/index.js";
 const s = p(({ className: o, ...a }, m) => /* @__PURE__ */ e(
   r.Separator,

package/dist/components/Command/components/DialogContent.js

@@ -1,9 +1,9 @@
 import { jsxs as t, jsx as a } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
-import { a as r, C as o, b as l } from "../../../index-1RDo-S_f.js";
+import { a as r, C as o, b as l } from "../../../index-Cod3awtw.js";
 import { cn as m } from "../../../utils/index.js";
 import { DialogOverlay as p } from "./DialogOverlay.js";
-import { X as c } from "../../../x-DU-Zw-L_.js";
+import { X as c } from "../../../x-BPcqkRZd.js";
 const f = i(({ className: e, children: s, ...n }, d) => /* @__PURE__ */ t(r, { children: [
   /* @__PURE__ */ a(p, {}),
   /* @__PURE__ */ t(

package/dist/components/Command/components/DialogOverlay.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as d } from "react";
-import { O as a } from "../../../index-1RDo-S_f.js";
+import { O as a } from "../../../index-Cod3awtw.js";
 import { cn as i } from "../../../utils/index.js";
 const m = d(({ className: t, ...e }, o) => /* @__PURE__ */ s(
   a,

package/dist/components/Dropdown/components/List/List.js

@@ -1,59 +1,64 @@
-import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as d, useRef as b, useImperativeHandle as v } from "react";
-import { cn as x } from "../../../../utils/index.js";
-import { useNavigationUlList as L } from "../../hooks/useNavigationList.js";
-import { ListItem as r } from "../ListItem/ListItem.js";
-import { listVariants as N } from "./List.variants.js";
-import { useDropdownContext as g } from "../../contexts/dropdown.hook.js";
-const y = d(
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as v, useRef as w, useImperativeHandle as N } from "react";
+import { cn as h } from "../../../../utils/index.js";
+import { useNavigationUlList as x } from "../../hooks/useNavigationList.js";
+import { ListItem as s } from "../ListItem/ListItem.js";
+import { listVariants as C } from "./List.variants.js";
+import { useDropdownContext as k } from "../../contexts/dropdown.hook.js";
+const T = v(
   ({
-    className: s,
-    isLoading: a,
+    className: i,
+    isLoading: n,
     itemClassName: o,
-    name: n,
-    options: t,
-    wrapperInputRef: m,
-    wrapperRef: f
-  }, c) => {
-    const e = b(null), { isOpen: p } = g();
-    v(c, () => e.current, [e]), L({ ulRef: e, wrapperRef: f, wrapperInputRef: m });
-    const u = t.length === 0;
-    return /* @__PURE__ */ l(
+    name: c,
+    options: r,
+    searchable: m = !1,
+    wrapperInputRef: f,
+    wrapperRef: p
+  }, u) => {
+    const l = w(null), { isOpen: b, searchTerm: d } = k();
+    N(u, () => l.current, [l]), x({ ulRef: l, wrapperRef: p, wrapperInputRef: f });
+    const a = m ? r.filter((e) => {
+      const g = d.toLowerCase();
+      return (typeof e.label == "string" ? e.label.toLowerCase() : "").includes(g);
+    }) : r, L = a.length === 0;
+    return /* @__PURE__ */ t(
       "ul",
       {
-        ref: e,
-        title: n,
+        ref: l,
+        title: c,
         role: "listbox",
-        className: x(N({ className: s }), p ? "flex" : "hidden"),
-        children: a ? /* @__PURE__ */ l(
-          r,
+        className: h(C({ className: i })),
+        "data-state": b ? "open" : "closed",
+        children: n ? /* @__PURE__ */ t(
+          s,
           {
             className: o,
             isClickable: !1,
             value: "Loading...",
             label: "Loading..."
           }
-        ) : u ? /* @__PURE__ */ l(
-          r,
+        ) : L ? /* @__PURE__ */ t(
+          s,
           {
             className: o,
             isClickable: !1,
             value: "No options",
             label: "No options"
           }
-        ) : t.map((i) => /* @__PURE__ */ l(
-          r,
+        ) : a.map((e) => /* @__PURE__ */ t(
+          s,
           {
             className: o,
             isClickable: !0,
-            ...i
+            ...e
           },
-          i.value
+          e.value
         ))
       }
     );
   }
 );
 export {
-  y as List
+  T as List
 };

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

@@ -1,5 +1,5 @@
 import { c as o } from "../../../../index-BNmRGtA6.js";
-const r = o([
+const a = o([
   "absolute",
   "bg-white",
   "border",
@@ -17,8 +17,10 @@ const r = o([
   "max-h-[185px]",
   "overflow-y-auto",
   "border-gray-200",
-  "text-zinc-700"
+  "text-zinc-700",
+  "data-[state=open]:block",
+  "data-[state=closed]:hidden"
 ]);
 export {
-  r as listVariants
+  a as listVariants
 };