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

package/dist/{HamburgerTrigger-7a4POUaM.js → HamburgerTrigger-1vOTrm8-.js}

@@ -1,6 +1,6 @@
 import { o as m } from "./rolldown-runtime-Ck3dxwZt.js";
-import { t as g } from "./prop-types-CaJpPVsa.js";
-import { t as c } from "./dist-C6Cif8-U.js";
+import { t as g } from "./prop-types-CfEYxTbR.js";
+import { t as c } from "./dist-CTvBzxW8.js";
 import { t as y } from "./utils-Cx-WzRZF.js";
 import { hamburgerTriggerVariants as d } from "./components/Sidebar/components/HamburgerTrigger/HamburgerTrigger.variants.js";
 import a, { forwardRef as v } from "react";

package/dist/{Input-DG3snJf_.js → Input-CW0VwW2T.js}

@@ -1,5 +1,5 @@
 import { o as W } from "./rolldown-runtime-Ck3dxwZt.js";
-import { t as $ } from "./prop-types-CaJpPVsa.js";
+import { t as $ } from "./prop-types-CfEYxTbR.js";
 import { t as i } from "./utils-Cx-WzRZF.js";
 import { SearchIcon as S } from "./assets/icons/components/Search.js";
 import { WarningIcon as T } from "./assets/icons/components/Warning.js";
@@ -137,7 +137,7 @@ var K = y(({ className: t, error: r, helperText: n, helperTextClassName: e, isRe
         className: "relative",
         children: [
           o ? /* @__PURE__ */ s("i", {
-            className: i("absolute", "left-2.5", "top-1/2", "-translate-y-[50%]", "text-slate-400", "dark:text-metal-400", { "text-red-700": u }),
+            className: i("absolute", "left-2.5", "top-1/2", "translate-y-[-50%]", "text-slate-400", "dark:text-metal-400", { "text-red-700": u }),
             children: /* @__PURE__ */ s(S, { className: "w-5 h-5" })
           }) : null,
           /* @__PURE__ */ s("input", {
@@ -156,11 +156,11 @@ var K = y(({ className: t, error: r, helperText: n, helperTextClassName: e, isRe
             ...P
           }),
           u ? /* @__PURE__ */ s("i", {
-            className: i("-translate-y-[50%]", "absolute", "right-3", "text-red-700", "top-1/2", "dark:text-red-500"),
+            className: i("translate-y-[-50%]", "absolute", "right-3", "text-red-700", "top-1/2", "dark:text-red-500"),
             children: /* @__PURE__ */ s(T, { className: "w-5 h-5" })
           }) : null,
           f === "password" && !r ? /* @__PURE__ */ s("i", {
-            className: i("-translate-y-[50%]", "absolute", "right-3", "text-slate-400", "top-1/2"),
+            className: i("translate-y-[-50%]", "absolute", "right-3", "text-slate-400", "top-1/2"),
             children: /* @__PURE__ */ s(L, {
               className: "w-5 h-5 cursor-pointer",
               onClick: () => I(!h)

package/dist/{Modal-Bcu6LLAp.js → Modal-Bfzggwlr.js}

@@ -1,5 +1,5 @@
-import { t as F } from "./x-CESTrenk.js";
-import { t as k } from "./dist-C6Cif8-U.js";
+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";

package/dist/{Spinner-BegZ5yd7.js → Spinner-Lw9mZYhg.js}

@@ -1,4 +1,4 @@
-import { n as m } from "./dist-C6Cif8-U.js";
+import { n as m } from "./dist-CTvBzxW8.js";
 import { t as L } from "./utils-Cx-WzRZF.js";
 import { Typography as d } from "./components/Typography/Typography.js";
 import { spinnerIconVariants as k, spinnerVariants as g } from "./components/Spinner/Spinner.variants.js";

package/dist/Switch-WBRr8uOJ.js

@@ -0,0 +1,196 @@
+import { a as H } from "./dist-DqKFpce5.js";
+import { t as y } from "./dist-CVy-ulDZ.js";
+import { t as x } from "./utils-Cx-WzRZF.js";
+import { i as D, r as $, t as G } from "./dist-D4FePjTS.js";
+import { Typography as U } from "./components/Typography/Typography.js";
+import { t as V } from "./dist-C2s4VX-42.js";
+import { switchVariants as W, thumbVariants as X } from "./components/Switch/Switch.variants.js";
+import * as r from "react";
+import { forwardRef as J, useEffect as K, useId as Q, useImperativeHandle as Y, useRef as Z } from "react";
+import { Fragment as ee, jsx as p, jsxs as E } from "react/jsx-runtime";
+var te = Object.defineProperty, g = (c, s) => te(c, "name", {
+  value: s,
+  configurable: !0
+}), T = "Switch", [re, ve] = D(T), [ne, N] = re(T);
+function q(c) {
+  const { __scopeSwitch: s, checked: h, children: n, defaultChecked: a, disabled: o, form: e, name: d, onCheckedChange: t, required: i, value: w = "on", internal_do_not_use_render: m } = c, [u, b] = G({
+    prop: h,
+    defaultProp: a ?? !1,
+    onChange: t,
+    caller: T
+  }), [S, l] = r.useState(null), [v, k] = r.useState(null), R = r.useRef(!1), [f, C] = r.useReducer((P) => P + 1, 0), I = {
+    checked: u,
+    setChecked: b,
+    disabled: o,
+    control: S,
+    setControl: l,
+    name: d,
+    form: e,
+    value: w,
+    hasConsumerStoppedPropagationRef: R,
+    userInteractionCount: f,
+    onUserInteraction: C,
+    required: i,
+    defaultChecked: a,
+    isFormControl: S ? !!e || !!S.closest("form") : !0,
+    bubbleInput: v,
+    setBubbleInput: k
+  };
+  return /* @__PURE__ */ p(ne, {
+    scope: s,
+    ...I,
+    children: L(m) ? m(I) : n
+  });
+}
+g(q, "SwitchProvider");
+var oe = "SwitchTrigger", ce = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ g(function({ __scopeSwitch: s, onClick: h, ...n }, a) {
+  const { control: o, form: e, value: d, disabled: t, checked: i, required: w, setControl: m, setChecked: u, hasConsumerStoppedPropagationRef: b, onUserInteraction: S, isFormControl: l, bubbleInput: v } = N(oe, s), k = H(a, m), R = r.useRef(i);
+  return r.useEffect(() => {
+    const f = e ? o?.ownerDocument.getElementById(e) : o?.form;
+    if (f instanceof HTMLFormElement) {
+      const C = /* @__PURE__ */ g(() => u(R.current), "reset");
+      return f.addEventListener("reset", C), () => f.removeEventListener("reset", C);
+    }
+  }, [
+    o,
+    e,
+    u
+  ]), /* @__PURE__ */ p(y.button, {
+    type: "button",
+    role: "switch",
+    "aria-checked": i,
+    "aria-required": w,
+    "data-state": B(i),
+    "data-disabled": t ? "" : void 0,
+    disabled: t,
+    value: d,
+    ...n,
+    ref: k,
+    onClick: $(h, (f) => {
+      S(), u((C) => !C), v && l && (b.current = f.isPropagationStopped(), b.current || f.stopPropagation());
+    })
+  });
+}, "SwitchTrigger")), se = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ g(function(s, h) {
+  const { __scopeSwitch: n, name: a, checked: o, defaultChecked: e, required: d, disabled: t, value: i, onCheckedChange: w, form: m, ...u } = s;
+  return /* @__PURE__ */ p(q, {
+    __scopeSwitch: n,
+    checked: o,
+    defaultChecked: e,
+    disabled: t,
+    required: d,
+    onCheckedChange: w,
+    name: a,
+    form: m,
+    value: i,
+    internal_do_not_use_render: ({ isFormControl: b }) => /* @__PURE__ */ E(ee, { children: [/* @__PURE__ */ p(ce, {
+      ...u,
+      ref: h,
+      __scopeSwitch: n
+    }), b && /* @__PURE__ */ p(de, { __scopeSwitch: n })] })
+  });
+}, "Switch")), ae = "SwitchThumb", ie = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ g(function(s, h) {
+  const { __scopeSwitch: n, ...a } = s, o = N(ae, n);
+  return /* @__PURE__ */ p(y.span, {
+    "data-state": B(o.checked),
+    "data-disabled": o.disabled ? "" : void 0,
+    ...a,
+    ref: h
+  });
+}, "SwitchThumb")), ue = "SwitchBubbleInput", de = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ g(function({ __scopeSwitch: s, onClick: h, ...n }, a) {
+  const { control: o, hasConsumerStoppedPropagationRef: e, userInteractionCount: d, checked: t, defaultChecked: i, required: w, disabled: m, name: u, value: b, form: S, bubbleInput: l, setBubbleInput: v } = N(ue, s), k = H(a, v), R = V(o), f = r.useRef(!1), C = r.useRef(t), I = r.useRef(d);
+  r.useEffect(() => {
+    const _ = l;
+    if (!_) return;
+    const j = window.HTMLInputElement.prototype, F = Object.getOwnPropertyDescriptor(j, "checked").set, M = d !== I.current;
+    I.current = d;
+    const A = C.current !== t;
+    C.current = t;
+    const z = !(M && e.current);
+    if (A && F) {
+      f.current = !M;
+      const O = new Event("click", { bubbles: z });
+      F.call(_, t), _.dispatchEvent(O), f.current = !1;
+    }
+  }, [
+    l,
+    t,
+    e,
+    d
+  ]);
+  const P = r.useRef(t);
+  return /* @__PURE__ */ p(y.input, {
+    type: "checkbox",
+    "aria-hidden": !0,
+    defaultChecked: i ?? P.current,
+    required: w,
+    disabled: m,
+    name: u,
+    value: b,
+    form: S,
+    ...n,
+    tabIndex: -1,
+    ref: k,
+    onClick: $(h, (_) => {
+      f.current && _.stopPropagation();
+    }),
+    style: {
+      ...n.style,
+      ...R,
+      position: "absolute",
+      pointerEvents: "none",
+      opacity: 0,
+      margin: 0,
+      transform: "translateX(-100%)"
+    }
+  });
+}, "SwitchBubbleInput"));
+function L(c) {
+  return typeof c == "function";
+}
+g(L, "isFunction");
+function B(c) {
+  return c ? "checked" : "unchecked";
+}
+g(B, "getState");
+var ke = J(({ alignment: c = "horizontal", className: s, defaultChecked: h, disabled: n = !1, helperText: a, helperTextClassName: o, label: e, labelClassName: d, labelWrapperClassName: t, name: i, theme: w, thumbClassName: m, value: u, onChange: b }, S) => {
+  const l = Z(null), v = Q(), k = i ? `${v}-${i}` : v;
+  return Y(S, () => l.current, [l]), K(() => {
+    l.current && (l.current.value = `${u}`);
+  }, [u]), /* @__PURE__ */ E("div", {
+    className: x("w-full", "flex", "gap-3", c === "vertical" ? "flex-col" : "flex-row", t),
+    "data-theme": w,
+    children: [
+      /* @__PURE__ */ p(se, {
+        id: k,
+        defaultChecked: h,
+        checked: u,
+        onCheckedChange: (R) => b?.(R),
+        className: x(W({ className: s })),
+        "aria-label": e,
+        disabled: n,
+        children: /* @__PURE__ */ p(ie, { className: X({ className: m }) })
+      }),
+      e ? /* @__PURE__ */ E(U, {
+        component: "label",
+        className: x("flex", "flex-col", "text-sm", "dark:text-white", "select-none", d),
+        htmlFor: k,
+        style: { paddingRight: 15 },
+        children: [e, a ? /* @__PURE__ */ p(U, {
+          component: "span",
+          className: x("text-xs", "select-none", "text-slate-600", "dark:text-metal-400", o),
+          children: a
+        }) : null]
+      }) : null,
+      /* @__PURE__ */ p("input", {
+        ref: l,
+        name: i,
+        type: "text",
+        className: "hidden",
+        "aria-hidden": "true"
+      })
+    ]
+  });
+});
+export {
+  ke as t
+};