@konstructio/ui 0.1.2-alpha.98 → 0.1.3

package/dist/{x-KjMYhcCb.js → x-BmNOD9Gr.js}

@@ -1,5 +1,5 @@
-import { o as u } from "./chunk-cI0lbGMq.js";
-import { t as c } from "./prop-types-CE0Kfmwk.js";
+import { o as u } from "./rolldown-runtime-B28h4lGi.js";
+import { t as c } from "./prop-types-qsAjMBb1.js";
 import l, { forwardRef as m } from "react";
 var a = /* @__PURE__ */ u(c());
 function p() {
@@ -23,8 +23,7 @@ function y(t, n) {
 }
 function v(t, n) {
   if (t == null) return {};
-  var r = {}, e = Object.keys(t), o, i;
-  for (i = 0; i < e.length; i++)
+  for (var r = {}, e = Object.keys(t), o, i = 0; i < e.length; i++)
     o = e[i], !(n.indexOf(o) >= 0) && (r[o] = t[o]);
   return r;
 }

package/dist/x-C8O1IsaM.js

@@ -0,0 +1,17 @@
+import { t as e } from "./createLucideIcon-C7E_xycG.js";
+var a = {
+  name: "x",
+  size: 24,
+  node: [["path", {
+    d: "M18 6 6 18",
+    key: "1bl5f8"
+  }], ["path", {
+    d: "m6 6 12 12",
+    key: "d8bk6v"
+  }]]
+};
+a.node;
+var o = e(a);
+export {
+  o as t
+};

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.98",
+  "version": "0.1.3",
   "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,42 +78,43 @@
     "test:watch": "vitest dev"
   },
   "dependencies": {
-    "@radix-ui/react-alert-dialog": "^1.1.15",
-    "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-slider": "^1.3.6",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-switch": "^1.2.6",
-    "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-toast": "^1.2.15",
-    "@radix-ui/react-tooltip": "^1.2.8",
-    "@radix-ui/react-visually-hidden": "^1.2.4",
+    "@radix-ui/react-alert-dialog": "^1.2.1",
+    "@radix-ui/react-checkbox": "^1.4.1",
+    "@radix-ui/react-dialog": "^1.3.1",
+    "@radix-ui/react-dropdown-menu": "^2.2.1",
+    "@radix-ui/react-popover": "^1.3.1",
+    "@radix-ui/react-slider": "^1.6.1",
+    "@radix-ui/react-slot": "^1.5.0",
+    "@radix-ui/react-switch": "^1.4.1",
+    "@radix-ui/react-tabs": "^1.2.1",
+    "@radix-ui/react-tooltip": "^1.4.1",
+    "@radix-ui/react-visually-hidden": "^1.2.13",
     "@react-input/mask": "^2.0.4",
     "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "^3.13.24",
-    "chart.js": "^4.5.1",
+    "@tanstack/react-virtual": "^3.14.18",
+    "chart.js": "^4.6.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
-    "countries-and-timezones": "^3.9.0",
-    "country-flag-icons": "^1.6.16",
-    "country-locale-map": "^1.9.12",
-    "google-libphonenumber": "^3.2.44",
+    "countries-and-timezones": "^3.11.0",
+    "country-flag-icons": "^1.6.20",
+    "country-locale-map": "^1.9.14",
+    "google-libphonenumber": "^3.2.48",
     "i18n-iso-countries": "^7.14.0",
-    "js-cookie": "^3.0.5",
-    "lucide-react": "^1.8.0",
-    "motion": "^12.38.0",
+    "js-cookie": "^3.0.8",
+    "lucide-react": "^1.66.0",
     "react-chartjs-2": "^5.3.1",
-    "react-day-picker": "^9.14.0",
+    "react-day-picker": "^10.0.2",
     "react-feather": "^2.0.10",
     "react-focus-lock": "^2.13.7",
     "react-remove-scroll": "^2.7.2",
-    "tailwind-merge": "^3.5.0"
+    "tailwind-merge": "^3.7.0"
   },
   "peerDependencies": {
-    "@tanstack/react-query": "^5.90",
+    "@tanstack/react-query": "^5.105",
     "@types/react": "*",
     "@types/react-dom": "*",
+    "motion": "^14",
     "react": "^16.8 || ^17.0 || ^18.0 || ^19.0",
     "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0",
     "react-router-dom": "^7",
@@ -143,51 +144,51 @@
     }
   },
   "devDependencies": {
-    "@faker-js/faker": "^10.4.0",
-    "@rollup/plugin-alias": "^6.0.0",
-    "@storybook/addon-docs": "^10.3.5",
-    "@storybook/addon-links": "^10.3.5",
-    "@storybook/react-vite": "^10.3.5",
-    "@tailwindcss/vite": "^4.2.4",
-    "@tanstack/react-query": "^5.99.2",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/google-libphonenumber": "^7.4.30",
+    "@faker-js/faker": "^10.6.0",
+    "@rollup/plugin-alias": "^6.0.1",
+    "@storybook/addon-docs": "^10.6.5",
+    "@storybook/addon-links": "^10.6.5",
+    "@storybook/react-vite": "^10.6.5",
+    "@tailwindcss/vite": "^4.3.3",
+    "@tanstack/react-query": "^5.105.2",
+    "@testing-library/jest-dom": "^7.0.1",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.8",
+    "@types/google-libphonenumber": "^7.4.31",
     "@types/jest-axe": "^3.5.9",
     "@types/js-cookie": "^3.0.6",
-    "@types/lodash": "^4.17.24",
-    "@types/react": "^19.2.14",
-    "@types/react-dom": "^19.2.3",
-    "@typescript-eslint/eslint-plugin": "^8.59.0",
-    "@typescript-eslint/parser": "^8.59.0",
-    "@vitejs/plugin-react": "^6.0.1",
-    "@vitest/coverage-v8": "^4.1.5",
-    "autoprefixer": "^10.5.0",
-    "eslint": "^9.39.3",
+    "@types/lodash": "^4.17.27",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@typescript-eslint/eslint-plugin": "^8.72.1",
+    "@typescript-eslint/parser": "^8.72.1",
+    "@vitejs/plugin-react": "^6.2.1",
+    "@vitest/coverage-v8": "^5.0.5",
+    "autoprefixer": "^10.6.2",
+    "eslint": "^9.39.5",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.1.1",
-    "eslint-plugin-react-refresh": "^0.5.2",
-    "eslint-plugin-storybook": "^10.3.5",
+    "eslint-plugin-react-refresh": "^0.5.7",
+    "eslint-plugin-storybook": "^10.6.5",
     "eslint-plugin-vitest": "^0.5.4",
-    "glob": "^13.0.6",
+    "glob": "^14.0.3",
     "husky": "^9.1.7",
-    "jest-axe": "^10.0.0",
-    "jsdom": "^29.0.2",
+    "jest-axe": "^11.0.0",
+    "jsdom": "^30.1.3",
     "lodash": "^4.18.1",
-    "postcss": "^8.5.10",
-    "prettier": "^3.8.3",
+    "motion": "^14.9.0",
+    "postcss": "^8.5.32",
+    "prettier": "^3.9.10",
     "rimraf": "^6.1.3",
-    "storybook": "^10.3.5",
-    "tailwindcss": "^4.2.4",
+    "storybook": "^10.6.5",
+    "tailwindcss": "^4.3.3",
     "ts-node": "^10.9.2",
     "typescript": "^6.0.3",
-    "vite": "^8.0.9",
-    "vite-plugin-dts": "^4.5.4",
+    "vite": "^8.3.5",
+    "vite-plugin-dts": "^5.1.2",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vite-plugin-svgr": "^5.2.0",
-    "vite-tsconfig-paths": "^6.1.1",
-    "vitest": "^4.1.5"
+    "vitest": "^5.0.5"
   },
   "overrides": {
     "storybook": "$storybook",

package/dist/AlertDialogTrigger-C2GlLI2j.js

@@ -1,146 +0,0 @@
-import { n as u } from "./dist-C4El7dZ5.js";
-import { t as O } from "./utils-COaoD3PI.js";
-import { a as w, s as I } from "./dist-D_9sBzad.js";
-import { c as x, d as M, f as A, l as $, n as F, o as L, r as B, s as G, t as f, u as j } from "./dist-B5WmTRxj.js";
-import { Button as W } from "./components/Button/Button.js";
-import * as i from "react";
-import { forwardRef as Y } from "react";
-import { Fragment as k, jsx as l, jsxs as q } from "react/jsx-runtime";
-var H = /* @__PURE__ */ Symbol("radix.slottable");
-// @__NO_SIDE_EFFECTS__
-function V(r) {
-  const e = ({ children: o }) => /* @__PURE__ */ l(k, { children: o });
-  return e.displayName = `${r}.Slottable`, e.__radixId = H, e;
-}
-var v = "AlertDialog", [z, pe] = I(v, [A]), s = A(), m = (r) => {
-  const { __scopeAlertDialog: e, ...o } = r, a = s(e);
-  return /* @__PURE__ */ l(x, {
-    ...a,
-    ...o,
-    modal: !0
-  });
-};
-m.displayName = v;
-var J = "AlertDialogTrigger", D = i.forwardRef((r, e) => {
-  const { __scopeAlertDialog: o, ...a } = r, t = s(o);
-  return /* @__PURE__ */ l(j, {
-    ...t,
-    ...a,
-    ref: e
-  });
-});
-D.displayName = J;
-var K = "AlertDialogPortal", _ = (r) => {
-  const { __scopeAlertDialog: e, ...o } = r, a = s(e);
-  return /* @__PURE__ */ l(G, {
-    ...a,
-    ...o
-  });
-};
-_.displayName = K;
-var Q = "AlertDialogOverlay", y = i.forwardRef((r, e) => {
-  const { __scopeAlertDialog: o, ...a } = r, t = s(o);
-  return /* @__PURE__ */ l(L, {
-    ...t,
-    ...a,
-    ref: e
-  });
-});
-y.displayName = Q;
-var c = "AlertDialogContent", [U, X] = z(c), Z = /* @__PURE__ */ V("AlertDialogContent"), N = i.forwardRef((r, e) => {
-  const { __scopeAlertDialog: o, children: a, ...t } = r, p = s(o), n = i.useRef(null), P = u(e, n), g = i.useRef(null);
-  return /* @__PURE__ */ l(M, {
-    contentName: c,
-    titleName: R,
-    docsSlug: "alert-dialog",
-    children: /* @__PURE__ */ l(U, {
-      scope: o,
-      cancelRef: g,
-      children: /* @__PURE__ */ q(F, {
-        role: "alertdialog",
-        ...p,
-        ...t,
-        ref: P,
-        onOpenAutoFocus: w(t.onOpenAutoFocus, (d) => {
-          d.preventDefault(), g.current?.focus({ preventScroll: !0 });
-        }),
-        onPointerDownOutside: (d) => d.preventDefault(),
-        onInteractOutside: (d) => d.preventDefault(),
-        children: [/* @__PURE__ */ l(Z, { children: a }), /* @__PURE__ */ l(re, { contentRef: n })]
-      })
-    })
-  });
-});
-N.displayName = c;
-var R = "AlertDialogTitle", S = i.forwardRef((r, e) => {
-  const { __scopeAlertDialog: o, ...a } = r, t = s(o);
-  return /* @__PURE__ */ l($, {
-    ...t,
-    ...a,
-    ref: e
-  });
-});
-S.displayName = R;
-var h = "AlertDialogDescription", E = i.forwardRef((r, e) => {
-  const { __scopeAlertDialog: o, ...a } = r, t = s(o);
-  return /* @__PURE__ */ l(B, {
-    ...t,
-    ...a,
-    ref: e
-  });
-});
-E.displayName = h;
-var ee = "AlertDialogAction", C = i.forwardRef((r, e) => {
-  const { __scopeAlertDialog: o, ...a } = r, t = s(o);
-  return /* @__PURE__ */ l(f, {
-    ...t,
-    ...a,
-    ref: e
-  });
-});
-C.displayName = ee;
-var T = "AlertDialogCancel", b = i.forwardRef((r, e) => {
-  const { __scopeAlertDialog: o, ...a } = r, { cancelRef: t } = X(T, o), p = s(o), n = u(e, t);
-  return /* @__PURE__ */ l(f, {
-    ...p,
-    ...a,
-    ref: n
-  });
-});
-b.displayName = T;
-var re = ({ contentRef: r }) => {
-  const e = `\`${c}\` requires a description for the component to be accessible for screen reader users.
-
-You can add a description to the \`${c}\` by passing a \`${h}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
-
-Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${c}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
-
-For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
-  return i.useEffect(() => {
-    document.getElementById(r.current?.getAttribute("aria-describedby")) || console.warn(e);
-  }, [e, r]), null;
-}, de = m, oe = D, ge = _, ue = y, Ae = N, fe = C, ve = b, me = S, De = E, _e = Y(({ "data-theme": r, className: e, text: o, variant: a, onOpen: t, onClick: p }, n) => /* @__PURE__ */ l(oe, {
-  asChild: !0,
-  children: /* @__PURE__ */ l(W, {
-    ref: n,
-    type: "button",
-    variant: a,
-    "data-theme": r,
-    className: O(e),
-    onClick: () => {
-      t(), p?.();
-    },
-    children: o
-  })
-}));
-export {
-  De as a,
-  de as c,
-  Ae as i,
-  me as l,
-  fe as n,
-  ue as o,
-  ve as r,
-  ge as s,
-  _e as t
-};

package/dist/Breadcrumb-xLKDl92B.js

@@ -1,82 +0,0 @@
-import { o as b } from "./chunk-cI0lbGMq.js";
-import { t as y } from "./prop-types-CE0Kfmwk.js";
-import { t as u } from "./utils-COaoD3PI.js";
-import { breadcrumbVariants as O, breadcrumbWrapperVariants as j } from "./components/Breadcrumb/Breadcrumb.variants.js";
-import { BackButton as w } from "./components/Breadcrumb/components/BackButton/BackButton.js";
-import { Item as _ } from "./components/Breadcrumb/components/Item/Item.js";
-import d, { Fragment as x, forwardRef as N, useId as k } from "react";
-import { jsx as i, jsxs as h } from "react/jsx-runtime";
-var l = /* @__PURE__ */ b(y());
-function m() {
-  return m = Object.assign || function(r) {
-    for (var n = 1; n < arguments.length; n++) {
-      var o = arguments[n];
-      for (var e in o) Object.prototype.hasOwnProperty.call(o, e) && (r[e] = o[e]);
-    }
-    return r;
-  }, m.apply(this, arguments);
-}
-function z(r, n) {
-  if (r == null) return {};
-  var o = P(r, n), e, t;
-  if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(r);
-    for (t = 0; t < a.length; t++)
-      e = a[t], !(n.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(r, e) && (o[e] = r[e]);
-  }
-  return o;
-}
-function P(r, n) {
-  if (r == null) return {};
-  var o = {}, e = Object.keys(r), t, a;
-  for (a = 0; a < e.length; a++)
-    t = e[a], !(n.indexOf(t) >= 0) && (o[t] = r[t]);
-  return o;
-}
-var p = N(function(r, n) {
-  var o = r.color, e = o === void 0 ? "currentColor" : o, t = r.size, a = t === void 0 ? 24 : t, s = z(r, ["color", "size"]);
-  return /* @__PURE__ */ d.createElement("svg", m({
-    ref: n,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: a,
-    height: a,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: e,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, s), /* @__PURE__ */ d.createElement("polyline", { points: "9 18 15 12 9 6" }));
-});
-p.propTypes = {
-  color: l.default.string,
-  size: l.default.oneOfType([l.default.string, l.default.number])
-};
-p.displayName = "ChevronRight";
-var S = ({ "aria-label": r = "breadcrumb", backButton: n, className: o, steps: e, theme: t, wrapperClassName: a, ...s }) => {
-  const g = k();
-  return /* @__PURE__ */ h("nav", {
-    "aria-label": r,
-    "data-theme": t,
-    className: u(j({ className: a })),
-    children: [n && /* @__PURE__ */ i(w, {
-      ...n,
-      theme: t
-    }), /* @__PURE__ */ i("ol", {
-      className: u(O({ className: o })),
-      ...s,
-      children: e.map(({ label: c, ...v }, f) => /* @__PURE__ */ h(x, { children: [/* @__PURE__ */ i(_, {
-        ...v,
-        label: c,
-        isLast: f === e.length - 1
-      }), f !== e.length - 1 && /* @__PURE__ */ i("li", {
-        "aria-hidden": "true",
-        className: "flex items-center",
-        children: /* @__PURE__ */ i(p, { className: "text-gray-400 w-5 h-5" })
-      })] }, `${g}-${c}`))
-    })]
-  });
-};
-export {
-  S as t
-};

package/dist/Checkbox-BvRmHWxk.js

@@ -1,239 +0,0 @@
-import { o as G } from "./chunk-cI0lbGMq.js";
-import { t as U } from "./prop-types-CE0Kfmwk.js";
-import { n as B } from "./dist-C4El7dZ5.js";
-import { t as w } from "./utils-COaoD3PI.js";
-import { a as S, r as V, s as X, t as I } from "./dist-D_9sBzad.js";
-import { t as J } from "./dist-DF7Yi2EK.js";
-import { t as Q } from "./dist-DxDE5irg2.js";
-import { t as Y } from "./dist-X40eHC8j2.js";
-import { useToggle as Z } from "./hooks/useToggle.js";
-import { checkboxVariants as ee, labelVariants as te } from "./components/Checkbox/Checkbox.variants.js";
-import * as p from "react";
-import j, { forwardRef as T, useCallback as re, useId as oe } from "react";
-import { Fragment as ne, jsx as f, jsxs as z } from "react/jsx-runtime";
-var E = /* @__PURE__ */ G(U());
-function R() {
-  return R = Object.assign || function(e) {
-    for (var a = 1; a < arguments.length; a++) {
-      var n = arguments[a];
-      for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
-    }
-    return e;
-  }, R.apply(this, arguments);
-}
-function ae(e, a) {
-  if (e == null) return {};
-  var n = se(e, a), r, o;
-  if (Object.getOwnPropertySymbols) {
-    var t = Object.getOwnPropertySymbols(e);
-    for (o = 0; o < t.length; o++)
-      r = t[o], !(a.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
-  }
-  return n;
-}
-function se(e, a) {
-  if (e == null) return {};
-  var n = {}, r = Object.keys(e), o, t;
-  for (t = 0; t < r.length; t++)
-    o = r[t], !(a.indexOf(o) >= 0) && (n[o] = e[o]);
-  return n;
-}
-var N = T(function(e, a) {
-  var n = e.color, r = n === void 0 ? "currentColor" : n, o = e.size, t = o === void 0 ? 24 : o, l = ae(e, ["color", "size"]);
-  return /* @__PURE__ */ j.createElement("svg", R({
-    ref: a,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: t,
-    height: t,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: r,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, l), /* @__PURE__ */ j.createElement("polyline", { points: "20 6 9 17 4 12" }));
-});
-N.propTypes = {
-  color: E.default.string,
-  size: E.default.oneOfType([E.default.string, E.default.number])
-};
-N.displayName = "Check";
-var P = "Checkbox", [ce, Ee] = X(P), [ie, O] = ce(P);
-function le(e) {
-  const { __scopeCheckbox: a, checked: n, children: r, defaultChecked: o, disabled: t, form: l, name: h, onCheckedChange: i, required: b, value: k = "on", internal_do_not_use_render: d } = e, [u, x] = V({
-    prop: n,
-    defaultProp: o ?? !1,
-    onChange: i,
-    caller: P
-  }), [C, m] = p.useState(null), [v, s] = p.useState(null), c = p.useRef(!1), y = C ? !!l || !!C.closest("form") : !0, _ = {
-    checked: u,
-    disabled: t,
-    setChecked: x,
-    control: C,
-    setControl: m,
-    name: h,
-    form: l,
-    value: k,
-    hasConsumerStoppedPropagationRef: c,
-    required: b,
-    defaultChecked: g(o) ? !1 : o,
-    isFormControl: y,
-    bubbleInput: v,
-    setBubbleInput: s
-  };
-  return /* @__PURE__ */ f(ie, {
-    scope: a,
-    ..._,
-    children: de(d) ? d(_) : r
-  });
-}
-var L = "CheckboxTrigger", M = p.forwardRef(({ __scopeCheckbox: e, onKeyDown: a, onClick: n, ...r }, o) => {
-  const { control: t, value: l, disabled: h, checked: i, required: b, setControl: k, setChecked: d, hasConsumerStoppedPropagationRef: u, isFormControl: x, bubbleInput: C } = O(L, e), m = B(o, k), v = p.useRef(i);
-  return p.useEffect(() => {
-    const s = t?.form;
-    if (s) {
-      const c = () => d(v.current);
-      return s.addEventListener("reset", c), () => s.removeEventListener("reset", c);
-    }
-  }, [t, d]), /* @__PURE__ */ f(I.button, {
-    type: "button",
-    role: "checkbox",
-    "aria-checked": g(i) ? "mixed" : i,
-    "aria-required": b,
-    "data-state": H(i),
-    "data-disabled": h ? "" : void 0,
-    disabled: h,
-    value: l,
-    ...r,
-    ref: m,
-    onKeyDown: S(a, (s) => {
-      s.key === "Enter" && s.preventDefault();
-    }),
-    onClick: S(n, (s) => {
-      d((c) => g(c) ? !0 : !c), C && x && (u.current = s.isPropagationStopped(), u.current || s.stopPropagation());
-    })
-  });
-});
-M.displayName = L;
-var q = p.forwardRef((e, a) => {
-  const { __scopeCheckbox: n, name: r, checked: o, defaultChecked: t, required: l, disabled: h, value: i, onCheckedChange: b, form: k, ...d } = e;
-  return /* @__PURE__ */ f(le, {
-    __scopeCheckbox: n,
-    checked: o,
-    defaultChecked: t,
-    disabled: h,
-    required: l,
-    onCheckedChange: b,
-    name: r,
-    form: k,
-    value: i,
-    internal_do_not_use_render: ({ isFormControl: u }) => /* @__PURE__ */ z(ne, { children: [/* @__PURE__ */ f(M, {
-      ...d,
-      ref: a,
-      __scopeCheckbox: n
-    }), u && /* @__PURE__ */ f(D, { __scopeCheckbox: n })] })
-  });
-});
-q.displayName = P;
-var F = "CheckboxIndicator", A = p.forwardRef((e, a) => {
-  const { __scopeCheckbox: n, forceMount: r, ...o } = e, t = O(F, n);
-  return /* @__PURE__ */ f(J, {
-    present: r || g(t.checked) || t.checked === !0,
-    children: /* @__PURE__ */ f(I.span, {
-      "data-state": H(t.checked),
-      "data-disabled": t.disabled ? "" : void 0,
-      ...o,
-      ref: a,
-      style: {
-        pointerEvents: "none",
-        ...e.style
-      }
-    })
-  });
-});
-A.displayName = F;
-var $ = "CheckboxBubbleInput", D = p.forwardRef(({ __scopeCheckbox: e, ...a }, n) => {
-  const { control: r, hasConsumerStoppedPropagationRef: o, checked: t, defaultChecked: l, required: h, disabled: i, name: b, value: k, form: d, bubbleInput: u, setBubbleInput: x } = O($, e), C = B(n, x), m = Q(t), v = Y(r);
-  p.useEffect(() => {
-    const c = u;
-    if (!c) return;
-    const y = window.HTMLInputElement.prototype, _ = Object.getOwnPropertyDescriptor(y, "checked").set, K = !o.current;
-    if (m !== t && _) {
-      const W = new Event("click", { bubbles: K });
-      c.indeterminate = g(t), _.call(c, g(t) ? !1 : t), c.dispatchEvent(W);
-    }
-  }, [
-    u,
-    m,
-    t,
-    o
-  ]);
-  const s = p.useRef(g(t) ? !1 : t);
-  return /* @__PURE__ */ f(I.input, {
-    type: "checkbox",
-    "aria-hidden": !0,
-    defaultChecked: l ?? s.current,
-    required: h,
-    disabled: i,
-    name: b,
-    value: k,
-    form: d,
-    ...a,
-    tabIndex: -1,
-    ref: C,
-    style: {
-      ...a.style,
-      ...v,
-      position: "absolute",
-      pointerEvents: "none",
-      opacity: 0,
-      margin: 0,
-      transform: "translateX(-100%)"
-    }
-  });
-});
-D.displayName = $;
-function de(e) {
-  return typeof e == "function";
-}
-function g(e) {
-  return e === "indeterminate";
-}
-function H(e) {
-  return g(e) ? "indeterminate" : e ? "checked" : "unchecked";
-}
-var ue = T(({ ariaLabelledBy: e, className: a, defaultChecked: n, disabled: r, id: o, label: t, labelClassName: l, labelWrapperClassName: h, name: i, theme: b, title: k, variant: d, onChange: u, ...x }, C) => {
-  const [m, v] = Z(n ?? !1), s = oe(), c = re((y) => {
-    v(y), u?.(y);
-  }, [u, v]);
-  return /* @__PURE__ */ z("div", {
-    className: w("flex items-center gap-4", h),
-    "data-theme": b,
-    children: [/* @__PURE__ */ f(q, {
-      id: o ?? s,
-      checked: m,
-      ref: C,
-      name: i,
-      disabled: r,
-      "aria-labelledby": e,
-      title: k,
-      className: w(ee({
-        className: a,
-        variant: d,
-        checked: m
-      })),
-      onCheckedChange: c,
-      ...x,
-      children: /* @__PURE__ */ f(A, { children: /* @__PURE__ */ f(N, { className: "w-4 h-4 stroke-2" }) })
-    }), t ? /* @__PURE__ */ f("label", {
-      htmlFor: i ?? o,
-      className: w(te({ className: l }), { "cursor-not-allowed": r }),
-      onClick: () => !r && c(!m),
-      children: t
-    }) : null]
-  });
-});
-ue.displayName = "KonstructCheckbox";
-export {
-  ue as t
-};