@konstructio/ui 0.1.2-alpha.8 → 0.1.2-alpha.81

package/dist/components/Switch/Switch.js

@@ -1,201 +1,4 @@
-import { jsxs as C, jsx as i } from "react/jsx-runtime";
-import * as h from "react";
-import { forwardRef as H, useRef as M, useId as $, useImperativeHandle as j, useEffect as z } from "react";
-import { a as A, c as U, b as q } from "../../index-BfXxHr_2.js";
-import { u as N } from "../../index-DQH6odE9.js";
-import { u as F } from "../../index-BZPx6jYI.js";
-import { u as L } from "../../index-BAEWsOG1.js";
-import { P } from "../../index-BVRIAMfe.js";
-import { cn as R } from "../../utils/index.js";
-import { thumbVariants as O, switchVariants as V } from "./Switch.variants.js";
-var b = "Switch", [D, ce] = U(b), [W, X] = D(b), y = h.forwardRef(
-  (e, l) => {
-    const {
-      __scopeSwitch: t,
-      name: s,
-      checked: o,
-      defaultChecked: d,
-      required: u,
-      disabled: r,
-      value: c = "on",
-      onCheckedChange: m,
-      form: n,
-      ...a
-    } = e, [p, f] = h.useState(null), w = N(l, (v) => f(v)), x = h.useRef(!1), k = p ? n || !!p.closest("form") : !0, [S, B] = A({
-      prop: o,
-      defaultProp: d ?? !1,
-      onChange: m,
-      caller: b
-    });
-    return /* @__PURE__ */ C(W, { scope: t, checked: S, disabled: r, children: [
-      /* @__PURE__ */ i(
-        P.button,
-        {
-          type: "button",
-          role: "switch",
-          "aria-checked": S,
-          "aria-required": u,
-          "data-state": I(S),
-          "data-disabled": r ? "" : void 0,
-          disabled: r,
-          value: c,
-          ...a,
-          ref: w,
-          onClick: q(e.onClick, (v) => {
-            B((T) => !T), k && (x.current = v.isPropagationStopped(), x.current || v.stopPropagation());
-          })
-        }
-      ),
-      k && /* @__PURE__ */ i(
-        _,
-        {
-          control: p,
-          bubbles: !x.current,
-          name: s,
-          value: c,
-          checked: S,
-          required: u,
-          disabled: r,
-          form: n,
-          style: { transform: "translateX(-100%)" }
-        }
-      )
-    ] });
-  }
-);
-y.displayName = b;
-var g = "SwitchThumb", E = h.forwardRef(
-  (e, l) => {
-    const { __scopeSwitch: t, ...s } = e, o = X(g, t);
-    return /* @__PURE__ */ i(
-      P.span,
-      {
-        "data-state": I(o.checked),
-        "data-disabled": o.disabled ? "" : void 0,
-        ...s,
-        ref: l
-      }
-    );
-  }
-);
-E.displayName = g;
-var G = "SwitchBubbleInput", _ = h.forwardRef(
-  ({
-    __scopeSwitch: e,
-    control: l,
-    checked: t,
-    bubbles: s = !0,
-    ...o
-  }, d) => {
-    const u = h.useRef(null), r = N(u, d), c = F(t), m = L(l);
-    return h.useEffect(() => {
-      const n = u.current;
-      if (!n) return;
-      const a = window.HTMLInputElement.prototype, f = Object.getOwnPropertyDescriptor(
-        a,
-        "checked"
-      ).set;
-      if (c !== t && f) {
-        const w = new Event("click", { bubbles: s });
-        f.call(n, t), n.dispatchEvent(w);
-      }
-    }, [c, t, s]), /* @__PURE__ */ i(
-      "input",
-      {
-        type: "checkbox",
-        "aria-hidden": !0,
-        defaultChecked: t,
-        ...o,
-        tabIndex: -1,
-        ref: r,
-        style: {
-          ...o.style,
-          ...m,
-          position: "absolute",
-          pointerEvents: "none",
-          opacity: 0,
-          margin: 0
-        }
-      }
-    );
-  }
-);
-_.displayName = G;
-function I(e) {
-  return e ? "checked" : "unchecked";
-}
-var J = y, K = E;
-const ne = H(
-  ({
-    name: e,
-    alignment: l = "horizontal",
-    theme: t,
-    thumbClassName: s,
-    className: o,
-    label: d,
-    defaultChecked: u,
-    value: r,
-    helperText: c,
-    onChange: m
-  }, n) => {
-    const a = M(null), p = $(), f = e ? `${p}-${e}` : p;
-    return j(n, () => a.current, [a]), z(() => {
-      a.current && (a.current.value = `${r}`);
-    }, [r]), /* @__PURE__ */ C(
-      "div",
-      {
-        className: R(
-          "w-full flex gap-3",
-          l === "vertical" ? "flex-col" : "flex-row"
-        ),
-        "data-theme": t,
-        children: [
-          /* @__PURE__ */ i(
-            J,
-            {
-              id: f,
-              defaultChecked: u,
-              checked: r,
-              onCheckedChange: (w) => m?.(w),
-              className: R(V({ className: o })),
-              "aria-label": d,
-              children: /* @__PURE__ */ i(
-                K,
-                {
-                  className: O({
-                    className: s
-                  })
-                }
-              )
-            }
-          ),
-          d ? /* @__PURE__ */ C(
-            "label",
-            {
-              className: "flex flex-col text-slate-800 dark:text-white text-sm",
-              htmlFor: f,
-              style: { paddingRight: 15 },
-              children: [
-                d,
-                c ? /* @__PURE__ */ i("span", { className: "text-slate-600 dark:text-slate-400 text-xs", children: c }) : null
-              ]
-            }
-          ) : null,
-          /* @__PURE__ */ i(
-            "input",
-            {
-              ref: a,
-              name: e,
-              type: "text",
-              className: "hidden",
-              "aria-hidden": "true"
-            }
-          )
-        ]
-      }
-    );
-  }
-);
+import { t as o } from "../../Switch-DjbC0A8y.js";
 export {
-  ne as Switch
+  o as Switch
 };

package/dist/components/Switch/Switch.variants.js

@@ -1,24 +1,33 @@
-import { c as a } from "../../index-D29mdTf5.js";
-const r = a([
-  "w-[40px]",
-  "h-[20px]",
+import { t as a } from "../../dist-DtEbXv47.js";
+var t = a([
+  "w-10",
+  "h-5",
   "flex",
   "items-center",
   "rounded-full",
   "shadow",
   "focus:shadow-md",
   "data-[state=unchecked]:bg-gray-300",
-  "dark:data-[state=unchecked]:bg-gray-600",
+  "dark:data-[state=unchecked]:bg-metal-600",
   "transition-all",
   "delay-10",
   "duration-250",
   "cursor-pointer",
   "bg-aurora-500",
-  "kubefirst:bg-kubefirst-primary"
-]), e = a([
+  "kubefirst:bg-kubefirst-primary",
+  "[&+label,&+span]:cursor-pointer",
+  "disabled:[&+label,&+span,&]:cursor-not-allowed",
+  "disabled:bg-gray-200",
+  "disabled:data-[state=unchecked]:[&>span]:bg-white",
+  "disabled:data-[state=unchecked]:bg-gray-200",
+  "dark:disabled:bg-metal-700",
+  "dark:disabled:data-[state=unchecked]:[&>span]:bg-metal-600",
+  "dark:disabled:data-[state=unchecked]:bg-metal-700",
+  "dark:disabled:[&>span]:bg-metal-600"
+]), d = a([
   "block",
-  "w-[16px]",
-  "h-[16px]",
+  "w-4",
+  "h-4",
   "bg-white",
   "dark:bg-gray-400",
   "dark:data-[state=checked]:bg-white",
@@ -31,6 +40,6 @@ const r = a([
   "duration-300"
 ]);
 export {
-  r as switchVariants,
-  e as thumbVariants
+  t as switchVariants,
+  d as thumbVariants
 };

package/dist/components/Table/Table.js

@@ -1,27 +1,20 @@
-import { jsx as e } from "react/jsx-runtime";
-import { cn as i } from "../../utils/index.js";
-import { tableVariants as p } from "./Table.variants.js";
-import { Body as f } from "./components/Body.js";
-import { Filter as l } from "./components/Filter.js";
-import { Head as d } from "./components/Head.js";
-import { Row as s } from "./components/Row.js";
-const o = ({ children: r, className: m, theme: t, ...a }) => /* @__PURE__ */ e(
-  "table",
-  {
-    className: i(
-      p({
-        className: m
-      })
-    ),
-    "data-theme": t,
-    ...a,
-    children: r
-  }
-);
-o.Body = f;
-o.Filter = l;
-o.Head = d;
-o.Row = s;
+import { t as e } from "../../utils-DHuiYnx1.js";
+import { tableVariants as i } from "./Table.variants.js";
+import { Body as p } from "./components/Body.js";
+import { Filter as f } from "./components/Filter.js";
+import { Head as l } from "./components/Head.js";
+import { Row as d } from "./components/Row.js";
+import { jsx as s } from "react/jsx-runtime";
+var o = ({ children: r, className: m, theme: t, ...a }) => /* @__PURE__ */ s("table", {
+  className: e(i({ className: m })),
+  "data-theme": t,
+  ...a,
+  children: r
+});
+o.Body = p;
+o.Filter = f;
+o.Head = l;
+o.Row = d;
 export {
   o as Table
 };

package/dist/components/Table/Table.variants.js

@@ -1,39 +1,32 @@
-import { c as t } from "../../index-D29mdTf5.js";
-const r = t([
+import { t } from "../../dist-DtEbXv47.js";
+var a = t([
   "table-auto",
   "w-full",
   "border-collapse",
   "border-spacing-0",
   "rounded"
-]), a = t(
-  [
-    "h-8",
-    "text-inherit",
-    "[&>td]:py-3",
-    "[&>td]:px-4",
-    "text-slate-700",
-    "hover:bg-zinc-100",
-    "hover:cursor-pointer"
-  ],
-  {
-    variants: {
-      isSelected: {
-        true: "bg-purple-50",
-        false: ""
-      }
-    }
-  }
-), o = t([
+]), e = t([
+  "h-8",
+  "text-inherit",
+  "[&>td]:py-3",
+  "[&>td]:px-4",
+  "text-slate-700",
+  "hover:bg-zinc-100",
+  "hover:cursor-pointer"
+], { variants: { isSelected: {
+  true: "bg-purple-50",
+  false: ""
+} } }), o = t([
   "h-[18px]",
   "bg-slate-100",
   "[&>tr>th]:py-3",
   "[&>tr>th]:px-4",
   "[&>tr>th]:uppercase",
   "text-left"
-]), s = t([]);
+]), p = t([]);
 export {
-  s as bodyVariants,
+  p as bodyVariants,
   o as headVariants,
-  a as rowVariants,
-  r as tableVariants
+  e as rowVariants,
+  a as tableVariants
 };

package/dist/components/Table/components/Body.js

@@ -1,18 +1,11 @@
-import { jsx as t } from "react/jsx-runtime";
-import { cn as s } from "../../../utils/index.js";
+import { t } from "../../../utils-DHuiYnx1.js";
 import { bodyVariants as a } from "../Table.variants.js";
-const d = ({ children: o, className: r, ...m }) => /* @__PURE__ */ t(
-  "tbody",
-  {
-    className: s(
-      a({
-        className: r
-      })
-    ),
-    ...m,
-    children: o
-  }
-);
+import { jsx as s } from "react/jsx-runtime";
+var f = ({ children: o, className: r, ...m }) => /* @__PURE__ */ s("tbody", {
+  className: t(a({ className: r })),
+  ...m,
+  children: o
+});
 export {
-  d as Body
+  f as Body
 };

package/dist/components/Table/components/Filter.js

@@ -1,9 +1,15 @@
-import { jsxs as t, jsx as s } from "react/jsx-runtime";
-import { Input as i } from "../../Input/Input.js";
-const o = ({ children: e, ...r }) => /* @__PURE__ */ t("div", { className: "flex px-4 py-6 rounded-t", children: [
-  /* @__PURE__ */ s(i, { className: "!w-1/3", ...r }),
-  /* @__PURE__ */ s("div", { className: "w-1/4 flex justify-end", children: e })
-] });
+import { t as a } from "../../../Input-GBMxM3Z7.js";
+import { jsx as s, jsxs as t } from "react/jsx-runtime";
+var m = ({ children: e, ...r }) => /* @__PURE__ */ t("div", {
+  className: "flex px-4 py-6 rounded-t",
+  children: [/* @__PURE__ */ s(a, {
+    className: "!w-1/3",
+    ...r
+  }), /* @__PURE__ */ s("div", {
+    className: "w-1/4 flex justify-end",
+    children: e
+  })]
+});
 export {
-  o as Filter
+  m as Filter
 };

package/dist/components/Table/components/Head.js

@@ -1,18 +1,11 @@
-import { jsx as m } from "react/jsx-runtime";
-import { cn as t } from "../../../utils/index.js";
-import { headVariants as e } from "../Table.variants.js";
-const c = ({ children: o, className: r, ...a }) => /* @__PURE__ */ m(
-  "thead",
-  {
-    className: t(
-      e({
-        className: r
-      })
-    ),
-    ...a,
-    children: o
-  }
-);
+import { t as o } from "../../../utils-DHuiYnx1.js";
+import { headVariants as t } from "../Table.variants.js";
+import { jsx as e } from "react/jsx-runtime";
+var d = ({ children: a, className: r, ...m }) => /* @__PURE__ */ e("thead", {
+  className: o(t({ className: r })),
+  ...m,
+  children: a
+});
 export {
-  c as Head
+  d as Head
 };

package/dist/components/Table/components/Row.js

@@ -1,28 +1,16 @@
-import { jsx as a } from "react/jsx-runtime";
-import { cn as c } from "../../../utils/index.js";
-import { rowVariants as n } from "../Table.variants.js";
-const l = ({
-  children: o,
-  className: r,
-  width: t,
-  isSelected: m,
-  onSelect: s,
-  ...i
-}) => /* @__PURE__ */ a(
-  "tr",
-  {
-    style: { width: t },
-    onClick: s,
-    className: c(
-      n({
-        className: r,
-        isSelected: m
-      })
-    ),
-    ...i,
-    children: o
-  }
-);
+import { t as i } from "../../../utils-DHuiYnx1.js";
+import { rowVariants as p } from "../Table.variants.js";
+import { jsx as c } from "react/jsx-runtime";
+var n = ({ children: r, className: o, width: t, isSelected: m, onSelect: a, ...s }) => /* @__PURE__ */ c("tr", {
+  style: { width: t },
+  onClick: a,
+  className: i(p({
+    className: o,
+    isSelected: m
+  })),
+  ...s,
+  children: r
+});
 export {
-  l as Row
+  n as Row
 };

package/dist/components/Table/components/index.js

@@ -1,10 +1,10 @@
-import { Body as e } from "./Body.js";
-import { Filter as f } from "./Filter.js";
+import { Body as r } from "./Body.js";
+import { Filter as t } from "./Filter.js";
 import { Head as p } from "./Head.js";
-import { Row as d } from "./Row.js";
+import { Row as e } from "./Row.js";
 export {
-  e as Body,
-  f as Filter,
+  r as Body,
+  t as Filter,
   p as Head,
-  d as Row
+  e as Row
 };

package/dist/components/Tabs/Tabs.js

@@ -1,28 +1,28 @@
-import { jsx as s } from "react/jsx-runtime";
-import { R as e } from "../../index-DQJhMz8c.js";
-import { cn as n } from "../../utils/index.js";
+import { t as s } from "../../utils-DHuiYnx1.js";
+import { r as e } from "../../dist-B5SlrgYz.js";
 import { rootVariants as p } from "./Tabs.variants.js";
-import { Content as f } from "./components/Content.js";
-import { List as c } from "./components/List.js";
+import { Content as n } from "./components/Content.js";
+import { List as f } from "./components/List.js";
 import { Trigger as g } from "./components/Trigger.js";
-const r = ({ children: o, theme: a, className: m, orientation: t, ...i }) => /* @__PURE__ */ s(
-  e,
-  {
-    ...i,
-    "data-theme": a,
-    "data-orientation": t,
-    "aria-orientation": t,
-    className: n(p({ variant: t, className: m })),
-    children: o
-  }
-);
+import { jsx as T } from "react/jsx-runtime";
+var r = ({ children: o, theme: a, className: m, orientation: t, ...i }) => /* @__PURE__ */ T(e, {
+  ...i,
+  "data-theme": a,
+  "data-orientation": t,
+  "aria-orientation": t,
+  className: s(p({
+    variant: t,
+    className: m
+  })),
+  children: o
+});
 r.displayName = "KonstructTabs";
-r.Content = f;
-r.List = c;
+r.Content = n;
+r.List = f;
 r.Trigger = g;
 export {
-  f as Content,
-  c as List,
+  n as Content,
+  f as List,
   r as Tabs,
   g as Trigger
 };