@konstructio/ui 0.1.2-alpha.103 → 0.1.2-alpha.105

package/dist/ui/civo-theme.css

@@ -312,7 +312,11 @@
 
   --color-kubefirst-primary: #8851c8;
   --color-kubefirst-secondary: #7037ae;
+  --color-kubefirst-dark-blue-200: #abadc6;
+  --color-kubefirst-dark-blue-300: #9ea2c6;
+  --color-kubefirst-dark-blue-800: #252a41;
   --color-kubefirst-dark-blue-900: #1e2235;
+  --color-mistery: #81e2b4;
 
   --color-kubefirst-pro-primary: #1fb4d5;
   --color-kubefirst-pro-secondary: #3dc3e2;

package/dist/ui/kubefirst-theme.css

@@ -288,7 +288,11 @@
 
   --color-kubefirst-primary: #8851c8;
   --color-kubefirst-secondary: #7037ae;
+  --color-kubefirst-dark-blue-200: #abadc6;
+  --color-kubefirst-dark-blue-300: #9ea2c6;
+  --color-kubefirst-dark-blue-800: #252a41;
   --color-kubefirst-dark-blue-900: #1e2235;
+  --color-mistery: #81e2b4;
 
   --color-kubefirst-pro-primary: #1fb4d5;
   --color-kubefirst-pro-secondary: #3dc3e2;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.2-alpha.103",
+  "version": "0.1.2-alpha.105",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",
@@ -61,7 +61,7 @@
   },
   "homepage": "https://konstructio.github.io/konstruct-ui",
   "scripts": {
-    "build": "rimraf ./dist & tsc --p ./tsconfig.build.json && vite build && chmod +x scripts/copy.sh && ./scripts/copy.sh",
+    "build": "rimraf ./dist && tsc --p ./tsconfig.build.json && vite build && chmod +x scripts/copy.sh && ./scripts/copy.sh",
     "build:storybook": "storybook build -o storybook-static && cp -r public/* storybook-static",
     "check:prettier": "prettier lib --check --config ./.prettierrc",
     "check:types": "tsc -p tsconfig.json",
@@ -78,20 +78,21 @@
     "test:watch": "vitest dev"
   },
   "dependencies": {
-    "@radix-ui/react-alert-dialog": "^1.1.20",
-    "@radix-ui/react-checkbox": "^1.3.8",
-    "@radix-ui/react-dialog": "^1.1.20",
-    "@radix-ui/react-popover": "^1.1.20",
-    "@radix-ui/react-slider": "^1.4.4",
-    "@radix-ui/react-slot": "^1.3.0",
-    "@radix-ui/react-switch": "^1.3.4",
-    "@radix-ui/react-tabs": "^1.1.18",
-    "@radix-ui/react-toast": "^1.2.20",
-    "@radix-ui/react-tooltip": "^1.2.13",
-    "@radix-ui/react-visually-hidden": "^1.2.8",
+    "@radix-ui/react-alert-dialog": "^1.1.23",
+    "@radix-ui/react-checkbox": "^1.3.11",
+    "@radix-ui/react-dialog": "^1.1.23",
+    "@radix-ui/react-dropdown-menu": "^2.1.24",
+    "@radix-ui/react-popover": "^1.1.23",
+    "@radix-ui/react-slider": "^1.4.7",
+    "@radix-ui/react-slot": "^1.3.3",
+    "@radix-ui/react-switch": "^1.3.7",
+    "@radix-ui/react-tabs": "^1.1.21",
+    "@radix-ui/react-toast": "^1.2.23",
+    "@radix-ui/react-tooltip": "^1.2.16",
+    "@radix-ui/react-visually-hidden": "^1.2.11",
     "@react-input/mask": "^2.0.4",
     "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "^3.14.7",
+    "@tanstack/react-virtual": "^3.14.8",
     "chart.js": "^4.5.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -102,7 +103,7 @@
     "google-libphonenumber": "^3.2.44",
     "i18n-iso-countries": "^7.14.0",
     "js-cookie": "^3.0.8",
-    "lucide-react": "^1.25.0",
+    "lucide-react": "^1.27.0",
     "motion": "^12.42.2",
     "react-chartjs-2": "^5.3.1",
     "react-day-picker": "^10.0.1",
@@ -146,9 +147,9 @@
   "devDependencies": {
     "@faker-js/faker": "^10.5.0",
     "@rollup/plugin-alias": "^6.0.0",
-    "@storybook/addon-docs": "^10.5.3",
-    "@storybook/addon-links": "^10.5.3",
-    "@storybook/react-vite": "^10.5.3",
+    "@storybook/addon-docs": "^10.5.5",
+    "@storybook/addon-links": "^10.5.5",
+    "@storybook/react-vite": "^10.5.5",
     "@tailwindcss/vite": "^4.3.3",
     "@tanstack/react-query": "^5.101.4",
     "@testing-library/jest-dom": "^7.0.0",
@@ -169,17 +170,17 @@
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.5.3",
-    "eslint-plugin-storybook": "^10.5.3",
+    "eslint-plugin-storybook": "^10.5.5",
     "eslint-plugin-vitest": "^0.5.4",
     "glob": "^13.0.6",
     "husky": "^9.1.7",
-    "jest-axe": "^10.0.0",
-    "jsdom": "^29.1.1",
+    "jest-axe": "^11.0.0",
+    "jsdom": "^30.0.0",
     "lodash": "^4.18.1",
-    "postcss": "^8.5.21",
+    "postcss": "^8.5.23",
     "prettier": "^3.9.6",
     "rimraf": "^6.1.3",
-    "storybook": "^10.5.3",
+    "storybook": "^10.5.5",
     "tailwindcss": "^4.3.3",
     "ts-node": "^10.9.2",
     "typescript": "^6.0.3",
@@ -187,7 +188,6 @@
     "vite-plugin-dts": "^5.0.3",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vite-plugin-svgr": "^5.2.0",
-    "vite-tsconfig-paths": "^6.1.1",
     "vitest": "^4.1.10"
   },
   "overrides": {

package/dist/Counter-CY0xGnVM.js

@@ -1,208 +0,0 @@
-import { o as F } from "./rolldown-runtime-Ck3dxwZt.js";
-import { t as q } from "./prop-types-CfEYxTbR.js";
-import { t as _ } from "./dist-CTvBzxW8.js";
-import { t as m } from "./utils-Cx-WzRZF.js";
-import { Typography as C } from "./components/Typography/Typography.js";
-import { buttonVariants as z, counterVariants as A, labelVariants as G } from "./components/Counter/Counter.variants.js";
-import v, { forwardRef as x, useCallback as b, useId as H, useState as J } from "react";
-import { jsx as c, jsxs as y } from "react/jsx-runtime";
-var u = /* @__PURE__ */ F(q());
-function w() {
-  return w = Object.assign || function(t) {
-    for (var i = 1; i < arguments.length; i++) {
-      var n = arguments[i];
-      for (var e in n) Object.prototype.hasOwnProperty.call(n, e) && (t[e] = n[e]);
-    }
-    return t;
-  }, w.apply(this, arguments);
-}
-function K(t, i) {
-  if (t == null) return {};
-  var n = Q(t, i), e, r;
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(t);
-    for (r = 0; r < o.length; r++)
-      e = o[r], !(i.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(t, e) && (n[e] = t[e]);
-  }
-  return n;
-}
-function Q(t, i) {
-  if (t == null) return {};
-  var n = {}, e = Object.keys(t), r, o;
-  for (o = 0; o < e.length; o++)
-    r = e[o], !(i.indexOf(r) >= 0) && (n[r] = t[r]);
-  return n;
-}
-var N = x(function(t, i) {
-  var n = t.color, e = n === void 0 ? "currentColor" : n, r = t.size, o = r === void 0 ? 24 : r, d = K(t, ["color", "size"]);
-  return /* @__PURE__ */ v.createElement("svg", w({
-    ref: i,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: o,
-    height: o,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: e,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, d), /* @__PURE__ */ v.createElement("line", {
-    x1: "5",
-    y1: "12",
-    x2: "19",
-    y2: "12"
-  }));
-});
-N.propTypes = {
-  color: u.default.string,
-  size: u.default.oneOfType([u.default.string, u.default.number])
-};
-N.displayName = "Minus";
-function j() {
-  return j = Object.assign || function(t) {
-    for (var i = 1; i < arguments.length; i++) {
-      var n = arguments[i];
-      for (var e in n) Object.prototype.hasOwnProperty.call(n, e) && (t[e] = n[e]);
-    }
-    return t;
-  }, j.apply(this, arguments);
-}
-function U(t, i) {
-  if (t == null) return {};
-  var n = X(t, i), e, r;
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(t);
-    for (r = 0; r < o.length; r++)
-      e = o[r], !(i.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(t, e) && (n[e] = t[e]);
-  }
-  return n;
-}
-function X(t, i) {
-  if (t == null) return {};
-  var n = {}, e = Object.keys(t), r, o;
-  for (o = 0; o < e.length; o++)
-    r = e[o], !(i.indexOf(r) >= 0) && (n[r] = t[r]);
-  return n;
-}
-var k = x(function(t, i) {
-  var n = t.color, e = n === void 0 ? "currentColor" : n, r = t.size, o = r === void 0 ? 24 : r, d = U(t, ["color", "size"]);
-  return /* @__PURE__ */ v.createElement("svg", j({
-    ref: i,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: o,
-    height: o,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: e,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, d), /* @__PURE__ */ v.createElement("line", {
-    x1: "12",
-    y1: "5",
-    x2: "12",
-    y2: "19"
-  }), /* @__PURE__ */ v.createElement("line", {
-    x1: "5",
-    y1: "12",
-    x2: "19",
-    y2: "12"
-  }));
-});
-k.propTypes = {
-  color: u.default.string,
-  size: u.default.oneOfType([u.default.string, u.default.number])
-};
-k.displayName = "Plus";
-var at = x(({ canDecrement: t = !0, canIncrement: i = !0, className: n, decrementButtonClassName: e, editable: r = !1, incrementButtonClassName: o, isRequired: d, label: h, labelWrapperClassName: E, max: f = -1 / 0, min: p = 1 / 0, name: I, theme: L, value: M, onChange: s }, $) => {
-  const W = H(), l = M ?? 0, [S, g] = J(null), T = S ?? String(l), V = b(() => {
-    let a = 0;
-    p === 1 / 0 ? a = l - 1 : a = Math.max(p, l - 1), g(null), s?.({ target: { value: a } });
-  }, [
-    l,
-    p,
-    s
-  ]), B = b(() => {
-    let a = 0;
-    f === -1 / 0 ? a = l + 1 : a = Math.min(f, l + 1), g(null), s?.({ target: { value: a } });
-  }, [
-    l,
-    f,
-    s
-  ]), D = b((a) => {
-    const O = a.target.value;
-    if (g(O), O === "") return;
-    const P = Number(O);
-    Number.isFinite(P) && s?.({ target: { value: P } });
-  }, [s]), R = b(() => {
-    g(null);
-    const a = Math.min(f === -1 / 0 ? 1 / 0 : f, Math.max(p === 1 / 0 ? -1 / 0 : p, l));
-    a !== l && s?.({ target: { value: a } });
-  }, [
-    l,
-    p,
-    f,
-    s
-  ]);
-  return /* @__PURE__ */ y("div", {
-    className: "flex flex-col gap-2",
-    "data-theme": L,
-    children: [h ? /* @__PURE__ */ c("div", {
-      className: m(E),
-      children: /* @__PURE__ */ y(C, {
-        component: "label",
-        htmlFor: I ?? W,
-        variant: "labelLarge",
-        className: m(G()),
-        children: [
-          h,
-          " ",
-          d && /* @__PURE__ */ c("span", {
-            className: "text-red-600 dark:text-red-500",
-            children: "*"
-          })
-        ]
-      })
-    }) : null, /* @__PURE__ */ y("div", {
-      className: "flex items-center",
-      role: "presentation",
-      children: [
-        /* @__PURE__ */ y("button", {
-          type: "button",
-          onClick: V,
-          className: m(z({
-            button: "rigth",
-            className: e
-          })),
-          disabled: !t,
-          children: [/* @__PURE__ */ c(N, { className: "w-4 h-4" }), /* @__PURE__ */ c(_, { children: "Decrement" })]
-        }),
-        /* @__PURE__ */ c("input", {
-          ref: $,
-          type: "number",
-          value: r ? T : l,
-          name: I,
-          className: m(A({ className: n })),
-          ...r ? {
-            onChange: D,
-            onBlur: R
-          } : { readOnly: !0 },
-          "aria-label": typeof h == "string" ? h : "number input"
-        }),
-        /* @__PURE__ */ y("button", {
-          type: "button",
-          onClick: B,
-          className: m(z({
-            button: "left",
-            className: o
-          })),
-          disabled: !i,
-          children: [/* @__PURE__ */ c(k, { className: "w-4 h-4" }), /* @__PURE__ */ c(_, { children: "Increment" })]
-        })
-      ]
-    })]
-  });
-});
-export {
-  at as t
-};

package/dist/DropdownButton-DnlwdPmb.js

@@ -1,92 +0,0 @@
-import { o as x } from "./rolldown-runtime-Ck3dxwZt.js";
-import { t as C } from "./prop-types-CfEYxTbR.js";
-import { t as l } from "./utils-Cx-WzRZF.js";
-import { Button as E } from "./components/Button/Button.js";
-import v, { forwardRef as _, useCallback as h, useEffect as z, useRef as w, useState as L } from "react";
-import { jsx as d, jsxs as b } from "react/jsx-runtime";
-var c = /* @__PURE__ */ x(C());
-function m() {
-  return m = Object.assign || function(e) {
-    for (var i = 1; i < arguments.length; i++) {
-      var r = arguments[i];
-      for (var t in r) Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
-    }
-    return e;
-  }, m.apply(this, arguments);
-}
-function N(e, i) {
-  if (e == null) return {};
-  var r = D(e, i), t, n;
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    for (n = 0; n < o.length; n++)
-      t = o[n], !(i.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
-  }
-  return r;
-}
-function D(e, i) {
-  if (e == null) return {};
-  var r = {}, t = Object.keys(e), n, o;
-  for (o = 0; o < t.length; o++)
-    n = t[o], !(i.indexOf(n) >= 0) && (r[n] = e[n]);
-  return r;
-}
-var g = _(function(e, i) {
-  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, o = n === void 0 ? 24 : n, s = N(e, ["color", "size"]);
-  return /* @__PURE__ */ v.createElement("svg", m({
-    ref: i,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: o,
-    height: o,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: t,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, s), /* @__PURE__ */ v.createElement("polyline", { points: "6 9 12 15 18 9" }));
-});
-g.propTypes = {
-  color: c.default.string,
-  size: c.default.oneOfType([c.default.string, c.default.number])
-};
-g.displayName = "ChevronDown";
-var T = ({ buttonClassName: e, className: i, itemClassName: r, listClassName: t, options: n }) => {
-  const [o, s] = L(!1), y = w(null), f = w(null), O = h(() => s((a) => !a), []), k = h((a) => {
-    s(!1), a?.();
-  }, []);
-  return z(() => {
-    const a = new AbortController(), u = (p) => {
-      p.key === "Escape" && s(!1);
-    }, j = (p) => {
-      f.current?.contains(p.target) || s(!1);
-    };
-    return document.addEventListener("keydown", u, { signal: a.signal }), document.addEventListener("mousedown", j, { signal: a.signal }), document.addEventListener("visibilitychange", () => {
-      document.hidden && s(!1);
-    }, { signal: a.signal }), () => {
-      a.abort();
-    };
-  }, [f]), /* @__PURE__ */ b("div", {
-    ref: f,
-    className: l("relative w-full", i),
-    children: [/* @__PURE__ */ b(E, {
-      ref: y,
-      className: l("flex gap-2 items-center justify-between w-full", e),
-      onClick: O,
-      children: ["Download Invoice as", /* @__PURE__ */ d(g, { className: l({
-        "transform rotate-180": o,
-        "transition-transform duration-200": !0
-      }) })]
-    }), o && /* @__PURE__ */ d("ul", {
-      className: l("absolute z-10 mt-1 w-full bg-white border border-gray-200 rounded shadow-xs animate-in fade-in-0 py-2", t),
-      children: n.map((a, u) => /* @__PURE__ */ d("li", {
-        className: l("hover:bg-gray-50 px-6 py-1.5 hover:cursor-pointer", r),
-        onClick: () => k(a.onClick),
-        children: a.label
-      }, u))
-    })]
-  });
-};
-export {
-  T as t
-};

package/dist/Modal-Bfzggwlr.js

@@ -1,76 +0,0 @@
-import { t as F } from "./x-BI9jmc7e.js";
-import { t as k } from "./dist-CTvBzxW8.js";
-import { t as h } from "./utils-Cx-WzRZF.js";
-import { t as w } from "./Combination-cjXRJS03.js";
-import { t as A } from "./react-CvUtBTMg.js";
-import { Body as N } from "./components/Modal/components/Body/Body.js";
-import { Footer as R } from "./components/Modal/components/Footer/Footer.js";
-import { Header as x } from "./components/Modal/components/Header/Header.js";
-import { buttonCloseVariants as B, modalVariants as C } from "./components/Modal/components/Wrapper/Wrapper.variants.js";
-import { Children as m, isValidElement as l, useEffect as g, useRef as E, useState as H } from "react";
-import { createPortal as V } from "react-dom";
-import { Fragment as j, jsx as a, jsxs as c } from "react/jsx-runtime";
-var D = ({ buttonCloseClassName: f, children: r, className: n, containerClassName: s, showCloseButton: p = !0, theme: i, transition: u, onClose: d }) => {
-  const o = m.toArray(r).find((t) => l(t) && t.type === e.Header), y = m.toArray(r).find((t) => l(t) && t.type === e.Body), b = m.toArray(r).find((t) => l(t) && t.type === e.Footer), v = m.toArray(r).filter((t) => !l(t) || ![
-    e.Header,
-    e.Body,
-    e.Footer
-  ].includes(t.type));
-  return /* @__PURE__ */ a(w, { children: /* @__PURE__ */ c("div", {
-    className: h("fixed inset-0 grid place-content-center", s),
-    "data-theme": i,
-    children: [/* @__PURE__ */ a("div", {
-      className: "absolute inset-0 bg-black opacity-70 dark:opacity-85 animate-in fade-in-0",
-      onClick: d,
-      role: "presentation"
-    }), /* @__PURE__ */ c(A.div, {
-      className: h(C({ className: n })),
-      role: "dialog",
-      "aria-modal": "true",
-      layout: "size",
-      transition: u ?? {
-        duration: 0.25,
-        ease: "easeInOut"
-      },
-      children: [
-        o,
-        p && /* @__PURE__ */ c("button", {
-          className: h(B({ className: f })),
-          onClick: d,
-          children: [/* @__PURE__ */ a(F, {}), /* @__PURE__ */ a(k, { children: "Dismiss modal" })]
-        }),
-        y ?? v,
-        b
-      ]
-    })]
-  }) });
-}, e = ({ isOpen: f, onClose: r, container: n, theme: s, ...p }) => {
-  const i = E(null), [u, d] = H(null);
-  return g(() => {
-    if (!i.current || s || n) return;
-    const o = i.current.closest("[data-theme]");
-    o && d(o);
-  }, [s, n]), g(() => {
-    const o = new AbortController(), y = (b) => {
-      b.code === "Escape" && r?.();
-    };
-    return window.addEventListener("keydown", y, { signal: o.signal }), () => {
-      o.abort();
-    };
-  }, [r]), /* @__PURE__ */ c(j, { children: [/* @__PURE__ */ a("span", {
-    ref: i,
-    "data-testid": "modal-anchor",
-    hidden: !0
-  }), f && V(/* @__PURE__ */ a(D, {
-    ...p,
-    theme: s,
-    onClose: r
-  }), n || u || document.body)] });
-};
-e.Header = x;
-e.Body = N;
-e.Footer = R;
-export {
-  D as n,
-  e as t
-};

package/dist/Wrapper-ClJ_Mham.js

@@ -1,110 +0,0 @@
-import { o as k } from "./rolldown-runtime-Ck3dxwZt.js";
-import { t as _ } from "./prop-types-CfEYxTbR.js";
-import { t as T } from "./x-BI9jmc7e.js";
-import { t as s } from "./utils-Cx-WzRZF.js";
-import { Tag as S } from "./components/Tag/Tag.js";
-import { useTagSelect as C } from "./components/TagSelect/contexts/TagSelect.hook.js";
-import { List as z } from "./components/TagSelect/components/List/List.js";
-import { useTagSelect as P } from "./components/TagSelect/hooks/useTagSelect.js";
-import { labelVariants as R, tagSelectVariants as E, wrapperVariants as I } from "./components/TagSelect/TagSelect.variants.js";
-import g, { forwardRef as y, useId as L, useImperativeHandle as W } from "react";
-import { jsx as i, jsxs as b } from "react/jsx-runtime";
-var p = /* @__PURE__ */ k(_());
-function u() {
-  return u = Object.assign || function(e) {
-    for (var a = 1; a < arguments.length; a++) {
-      var r = arguments[a];
-      for (var t in r) Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
-    }
-    return e;
-  }, u.apply(this, arguments);
-}
-function V(e, a) {
-  if (e == null) return {};
-  var r = $(e, a), t, n;
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    for (n = 0; n < o.length; n++)
-      t = o[n], !(a.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
-  }
-  return r;
-}
-function $(e, a) {
-  if (e == null) return {};
-  var r = {}, t = Object.keys(e), n, o;
-  for (o = 0; o < t.length; o++)
-    n = t[o], !(a.indexOf(n) >= 0) && (r[n] = e[n]);
-  return r;
-}
-var d = y(function(e, a) {
-  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, o = n === void 0 ? 24 : n, c = V(e, ["color", "size"]);
-  return /* @__PURE__ */ g.createElement("svg", u({
-    ref: a,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: o,
-    height: o,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: t,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, c), /* @__PURE__ */ g.createElement("polyline", { points: "18 15 12 9 6 15" }));
-});
-d.propTypes = {
-  color: p.default.string,
-  size: p.default.oneOfType([p.default.string, p.default.number])
-};
-d.displayName = "ChevronUp";
-var K = y(({ label: e, labelClassName: a, labelWrapperClassName: r, name: t, placeholder: n = "Select a value...", theme: o, wrapperClassName: c }, w) => {
-  const h = L(), { selectedTags: v, isOpen: m, onOpen: x, onRemoveTag: O, inputRef: f } = C(), { wrapperRef: N, handleOpen: j } = P();
-  return W(w, () => f.current, [f]), /* @__PURE__ */ b("div", {
-    ref: N,
-    className: s(I({ className: c })),
-    "data-theme": o,
-    children: [
-      e ? /* @__PURE__ */ i("div", {
-        className: s(r),
-        children: /* @__PURE__ */ i("label", {
-          htmlFor: t ?? h,
-          className: s(R({ className: a })),
-          onClick: () => x(!0),
-          children: e
-        })
-      }) : null,
-      /* @__PURE__ */ b("div", {
-        id: t ?? h,
-        className: s(E()),
-        role: "combobox",
-        onClick: j,
-        "aria-expanded": m,
-        children: [v.length === 0 ? /* @__PURE__ */ i("span", {
-          className: "text-base text-inherit select-none",
-          children: n
-        }) : /* @__PURE__ */ i("div", {
-          className: "flex flex-wrap gap-1.5",
-          children: v.map((l) => /* @__PURE__ */ i(S, {
-            ...l,
-            className: "select-none",
-            rightIcon: /* @__PURE__ */ i(T, {
-              className: "w-3 h-3",
-              onClick: () => O(l)
-            }),
-            "data-value": l.label
-          }, l.id))
-        }), /* @__PURE__ */ i(d, { className: s("w-4 h-4 text-inherit transition-all duration-50 shrink-0", m ? "rotate-0" : "rotate-180") })]
-      }),
-      /* @__PURE__ */ i("input", {
-        ref: f,
-        type: "text",
-        name: t,
-        className: "hidden"
-      }),
-      m ? /* @__PURE__ */ i(z, {}) : null
-    ]
-  });
-});
-export {
-  d as n,
-  K as t
-};