@konstructio/ui 0.1.2-alpha.77 → 0.1.2-alpha.79

package/dist/components/Switch/Switch.js

@@ -1,187 +1,4 @@
-import { jsx as p, jsxs as q } from "react/jsx-runtime";
-import { c as K } from "../../compiler-runtime-DA41awpA.js";
-import * as w from "react";
-import { forwardRef as Q, useRef as Y, useId as Z, useImperativeHandle as ee, useEffect as te } from "react";
-import { P as L, a as oe, c as se, b as ae } from "../../index--l0zux8V.js";
-import { u as O } from "../../index-DLcqcWxM.js";
-import { u as re } from "../../index-BZPx6jYI.js";
-import { u as ne } from "../../index-BRXMsxSL.js";
-import { Typography as F } from "../Typography/Typography.js";
-import { cn as z } from "../../utils/index.js";
-import { switchVariants as le, thumbVariants as ce } from "./Switch.variants.js";
-var A = "Switch", [ie] = ae(A), [de, ue] = ie(A), V = w.forwardRef(
-  (c, f) => {
-    const {
-      __scopeSwitch: e,
-      name: i,
-      checked: t,
-      defaultChecked: h,
-      required: u,
-      disabled: o,
-      value: d = "on",
-      onCheckedChange: s,
-      form: r,
-      ...b
-    } = c, [n, m] = w.useState(null), v = O(f, (l) => m(l)), a = w.useRef(!1), C = n ? r || !!n.closest("form") : !0, [x, T] = oe({
-      prop: t,
-      defaultProp: h ?? !1,
-      onChange: s,
-      caller: A
-    });
-    return /* @__PURE__ */ q(de, { scope: e, checked: x, disabled: o, children: [
-      /* @__PURE__ */ p(
-        L.button,
-        {
-          type: "button",
-          role: "switch",
-          "aria-checked": x,
-          "aria-required": u,
-          "data-state": G(x),
-          "data-disabled": o ? "" : void 0,
-          disabled: o,
-          value: d,
-          ...b,
-          ref: v,
-          onClick: se(c.onClick, (l) => {
-            T((I) => !I), C && (a.current = l.isPropagationStopped(), a.current || l.stopPropagation());
-          })
-        }
-      ),
-      C && /* @__PURE__ */ p(
-        X,
-        {
-          control: n,
-          bubbles: !a.current,
-          name: i,
-          value: d,
-          checked: x,
-          required: u,
-          disabled: o,
-          form: r,
-          style: { transform: "translateX(-100%)" }
-        }
-      )
-    ] });
-  }
-);
-V.displayName = A;
-var W = "SwitchThumb", D = w.forwardRef(
-  (c, f) => {
-    const { __scopeSwitch: e, ...i } = c, t = ue(W, e);
-    return /* @__PURE__ */ p(
-      L.span,
-      {
-        "data-state": G(t.checked),
-        "data-disabled": t.disabled ? "" : void 0,
-        ...i,
-        ref: f
-      }
-    );
-  }
-);
-D.displayName = W;
-var me = "SwitchBubbleInput", X = w.forwardRef(
-  ({
-    __scopeSwitch: c,
-    control: f,
-    checked: e,
-    bubbles: i = !0,
-    ...t
-  }, h) => {
-    const u = w.useRef(null), o = O(u, h), d = re(e), s = ne(f);
-    return w.useEffect(() => {
-      const r = u.current;
-      if (!r) return;
-      const b = window.HTMLInputElement.prototype, m = Object.getOwnPropertyDescriptor(
-        b,
-        "checked"
-      ).set;
-      if (d !== e && m) {
-        const v = new Event("click", { bubbles: i });
-        m.call(r, e), r.dispatchEvent(v);
-      }
-    }, [d, e, i]), /* @__PURE__ */ p(
-      "input",
-      {
-        type: "checkbox",
-        "aria-hidden": !0,
-        defaultChecked: e,
-        ...t,
-        tabIndex: -1,
-        ref: o,
-        style: {
-          ...t.style,
-          ...s,
-          position: "absolute",
-          pointerEvents: "none",
-          opacity: 0,
-          margin: 0
-        }
-      }
-    );
-  }
-);
-X.displayName = me;
-function G(c) {
-  return c ? "checked" : "unchecked";
-}
-var pe = V, fe = D;
-const ye = Q((c, f) => {
-  const e = K.c(39), {
-    alignment: i,
-    className: t,
-    defaultChecked: h,
-    disabled: u,
-    helperText: o,
-    helperTextClassName: d,
-    label: s,
-    labelClassName: r,
-    labelWrapperClassName: b,
-    name: n,
-    theme: m,
-    thumbClassName: v,
-    value: a,
-    onChange: C
-  } = c, x = i === void 0 ? "horizontal" : i, T = u === void 0 ? !1 : u, l = Y(null), I = Z(), S = n ? `${I}-${n}` : I;
-  let B, H;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B = () => l.current, H = [l], e[0] = B, e[1] = H) : (B = e[0], H = e[1]), ee(f, B, H);
-  let M, $;
-  e[2] !== a ? (M = () => {
-    l.current && (l.current.value = `${a}`);
-  }, $ = [a], e[2] = a, e[3] = M, e[4] = $) : (M = e[3], $ = e[4]), te(M, $);
-  const U = x === "vertical" ? "flex-col" : "flex-row";
-  let k;
-  e[5] !== b || e[6] !== U ? (k = z("w-full", "flex", "gap-3", U, b), e[5] = b, e[6] = U, e[7] = k) : k = e[7];
-  let N;
-  e[8] !== C ? (N = (J) => C?.(J), e[8] = C, e[9] = N) : N = e[9];
-  let g;
-  e[10] !== t ? (g = z(le({
-    className: t
-  })), e[10] = t, e[11] = g) : g = e[11];
-  let y;
-  e[12] !== v ? (y = ce({
-    className: v
-  }), e[12] = v, e[13] = y) : y = e[13];
-  let R;
-  e[14] !== y ? (R = /* @__PURE__ */ p(fe, { className: y }), e[14] = y, e[15] = R) : R = e[15];
-  let P;
-  e[16] !== S || e[17] !== h || e[18] !== T || e[19] !== s || e[20] !== g || e[21] !== R || e[22] !== N || e[23] !== a ? (P = /* @__PURE__ */ p(pe, { id: S, defaultChecked: h, checked: a, onCheckedChange: N, className: g, "aria-label": s, disabled: T, children: R }), e[16] = S, e[17] = h, e[18] = T, e[19] = s, e[20] = g, e[21] = R, e[22] = N, e[23] = a, e[24] = P) : P = e[24];
-  let E;
-  e[25] !== S || e[26] !== o || e[27] !== d || e[28] !== s || e[29] !== r ? (E = s ? /* @__PURE__ */ q(F, { component: "label", className: z("flex", "flex-col", "text-sm", "dark:text-white", "select-none", r), htmlFor: S, style: {
-    paddingRight: 15
-  }, children: [
-    s,
-    o ? /* @__PURE__ */ p(F, { component: "span", className: z("text-xs", "select-none", "text-slate-600", "dark:text-metal-400", d), children: o }) : null
-  ] }) : null, e[25] = S, e[26] = o, e[27] = d, e[28] = s, e[29] = r, e[30] = E) : E = e[30];
-  let _;
-  e[31] !== n ? (_ = /* @__PURE__ */ p("input", { ref: l, name: n, type: "text", className: "hidden", "aria-hidden": "true" }), e[31] = n, e[32] = _) : _ = e[32];
-  let j;
-  return e[33] !== P || e[34] !== E || e[35] !== _ || e[36] !== k || e[37] !== m ? (j = /* @__PURE__ */ q("div", { className: k, "data-theme": m, children: [
-    P,
-    E,
-    _
-  ] }), e[33] = P, e[34] = E, e[35] = _, e[36] = k, e[37] = m, e[38] = j) : j = e[38], j;
-});
+import { t as o } from "../../Switch-DjbC0A8y.js";
 export {
-  ye as Switch
+  o as Switch
 };

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

@@ -1,5 +1,44 @@
-import { c as a } from "../../index-D29mdTf5.js";
-const 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-metal-600", "transition-all", "delay-10", "duration-250", "cursor-pointer", "bg-aurora-500", "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-4", "h-4", "bg-white", "dark:bg-gray-400", "dark:data-[state=checked]:bg-white", "rounded-full", "shadow-md", "transition-all", "translate-x-1", "data-[state=checked]:translate-x-5", "delay-10", "duration-300"]);
+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-metal-600",
+  "transition-all",
+  "delay-10",
+  "duration-250",
+  "cursor-pointer",
+  "bg-aurora-500",
+  "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-4",
+  "h-4",
+  "bg-white",
+  "dark:bg-gray-400",
+  "dark:data-[state=checked]:bg-white",
+  "rounded-full",
+  "shadow-md",
+  "transition-all",
+  "translate-x-1",
+  "data-[state=checked]:translate-x-5",
+  "delay-10",
+  "duration-300"
+]);
 export {
   t as switchVariants,
   d as thumbVariants

package/dist/components/Table/Table.js

@@ -1,31 +1,20 @@
-import { jsx as f } from "react/jsx-runtime";
-import { c as p } from "../../compiler-runtime-DA41awpA.js";
-import { cn as c } from "../../utils/index.js";
-import { tableVariants as d } from "./Table.variants.js";
-import { Body as n } from "./components/Body.js";
-import { Filter as b } from "./components/Filter.js";
-import { Head as h } from "./components/Head.js";
-import { Row as x } from "./components/Row.js";
-const a = (s) => {
-  const e = p.c(12);
-  let t, o, r, m;
-  e[0] !== s ? ({
-    children: t,
-    className: o,
-    theme: m,
-    ...r
-  } = s, e[0] = s, e[1] = t, e[2] = o, e[3] = r, e[4] = m) : (t = e[1], o = e[2], r = e[3], m = e[4]);
-  let l;
-  e[5] !== o ? (l = c(d({
-    className: o
-  })), e[5] = o, e[6] = l) : l = e[6];
-  let i;
-  return e[7] !== t || e[8] !== r || e[9] !== l || e[10] !== m ? (i = /* @__PURE__ */ f("table", { className: l, "data-theme": m, ...r, children: t }), e[7] = t, e[8] = r, e[9] = l, e[10] = m, e[11] = i) : i = e[11], i;
-};
-a.Body = n;
-a.Filter = b;
-a.Head = h;
-a.Row = x;
+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 {
-  a as Table
+  o as Table
 };

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

@@ -1,15 +1,32 @@
-import { c as t } from "../../index-D29mdTf5.js";
-const r = 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(["h-[18px]", "bg-slate-100", "[&>tr>th]:py-3", "[&>tr>th]:px-4", "[&>tr>th]:uppercase", "text-left"]), s = t([]);
+import { t } from "../../dist-DtEbXv47.js";
+var a = t([
+  "table-auto",
+  "w-full",
+  "border-collapse",
+  "border-spacing-0",
+  "rounded"
+]), 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"
+]), 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,22 +1,11 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c } from "../../../compiler-runtime-DA41awpA.js";
-import { cn as a } from "../../../utils/index.js";
-import { bodyVariants as f } from "../Table.variants.js";
-const y = (m) => {
-  const e = c.c(10);
-  let t, o, r;
-  e[0] !== m ? ({
-    children: t,
-    className: o,
-    ...r
-  } = m, e[0] = m, e[1] = t, e[2] = o, e[3] = r) : (t = e[1], o = e[2], r = e[3]);
-  let l;
-  e[4] !== o ? (l = a(f({
-    className: o
-  })), e[4] = o, e[5] = l) : l = e[5];
-  let s;
-  return e[6] !== t || e[7] !== r || e[8] !== l ? (s = /* @__PURE__ */ i("tbody", { className: l, ...r, children: t }), e[6] = t, e[7] = r, e[8] = l, e[9] = s) : s = e[9], s;
-};
+import { t } from "../../../utils-DHuiYnx1.js";
+import { bodyVariants as a } from "../Table.variants.js";
+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 {
-  y as Body
+  f as Body
 };

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

@@ -1,23 +1,15 @@
-import { jsx as m, jsxs as c } from "react/jsx-runtime";
-import { c as f } from "../../../compiler-runtime-DA41awpA.js";
-import { Input as d } from "../../Input/Input.js";
-const x = (o) => {
-  const e = f.c(10);
-  let t, l;
-  e[0] !== o ? ({
-    children: t,
-    ...l
-  } = o, e[0] = o, e[1] = t, e[2] = l) : (t = e[1], l = e[2]);
-  let s;
-  e[3] !== l ? (s = /* @__PURE__ */ m(d, { className: "!w-1/3", ...l }), e[3] = l, e[4] = s) : s = e[4];
-  let i;
-  e[5] !== t ? (i = /* @__PURE__ */ m("div", { className: "w-1/4 flex justify-end", children: t }), e[5] = t, e[6] = i) : i = e[6];
-  let r;
-  return e[7] !== s || e[8] !== i ? (r = /* @__PURE__ */ c("div", { className: "flex px-4 py-6 rounded-t", children: [
-    s,
-    i
-  ] }), e[7] = s, e[8] = i, e[9] = r) : r = e[9], r;
-};
+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 {
-  x as Filter
+  m as Filter
 };

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

@@ -1,22 +1,11 @@
-import { jsx as a } from "react/jsx-runtime";
-import { c as i } from "../../../compiler-runtime-DA41awpA.js";
-import { cn as c } from "../../../utils/index.js";
-import { headVariants as f } from "../Table.variants.js";
-const x = (m) => {
-  const e = i.c(10);
-  let t, r, l;
-  e[0] !== m ? ({
-    children: t,
-    className: r,
-    ...l
-  } = m, e[0] = m, e[1] = t, e[2] = r, e[3] = l) : (t = e[1], r = e[2], l = e[3]);
-  let o;
-  e[4] !== r ? (o = c(f({
-    className: r
-  })), e[4] = r, e[5] = o) : o = e[5];
-  let s;
-  return e[6] !== t || e[7] !== l || e[8] !== o ? (s = /* @__PURE__ */ a("thead", { className: o, ...l, children: t }), e[6] = t, e[7] = l, e[8] = o, e[9] = s) : s = e[9], s;
-};
+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 {
-  x as Head
+  d as Head
 };

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

@@ -1,30 +1,16 @@
-import { jsx as f } from "react/jsx-runtime";
-import { c as p } from "../../../compiler-runtime-DA41awpA.js";
-import { cn as d } from "../../../utils/index.js";
-import { rowVariants as w } from "../Table.variants.js";
-const R = (a) => {
-  const e = p.c(18);
-  let t, l, o, r, s, i;
-  e[0] !== a ? ({
-    children: t,
-    className: l,
-    width: i,
-    isSelected: r,
-    onSelect: s,
-    ...o
-  } = a, e[0] = a, e[1] = t, e[2] = l, e[3] = o, e[4] = r, e[5] = s, e[6] = i) : (t = e[1], l = e[2], o = e[3], r = e[4], s = e[5], i = e[6]);
-  let c;
-  e[7] !== i ? (c = {
-    width: i
-  }, e[7] = i, e[8] = c) : c = e[8];
-  let m;
-  e[9] !== l || e[10] !== r ? (m = d(w({
-    className: l,
-    isSelected: r
-  })), e[9] = l, e[10] = r, e[11] = m) : m = e[11];
-  let n;
-  return e[12] !== t || e[13] !== o || e[14] !== s || e[15] !== c || e[16] !== m ? (n = /* @__PURE__ */ f("tr", { style: c, onClick: s, className: m, ...o, children: t }), e[12] = t, e[13] = o, e[14] = s, e[15] = c, e[16] = m, e[17] = n) : n = e[17], n;
-};
+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 {
-  R 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,36 +1,28 @@
-import { jsx as p } from "react/jsx-runtime";
-import { c as f } from "../../compiler-runtime-DA41awpA.js";
-import { R as c } from "../../index-kTGTSLpq.js";
-import { cn as d } from "../../utils/index.js";
-import { rootVariants as g } from "./Tabs.variants.js";
-import { Content as T } from "./components/Content.js";
-import { List as h } from "./components/List.js";
-import { Trigger as u } from "./components/Trigger.js";
-const n = (l) => {
-  const t = f.c(15);
-  let o, e, r, i, a;
-  t[0] !== l ? ({
-    children: o,
-    theme: a,
-    className: e,
-    orientation: r,
-    ...i
-  } = l, t[0] = l, t[1] = o, t[2] = e, t[3] = r, t[4] = i, t[5] = a) : (o = t[1], e = t[2], r = t[3], i = t[4], a = t[5]);
-  let m;
-  t[6] !== e || t[7] !== r ? (m = d(g({
-    variant: r,
-    className: e
-  })), t[6] = e, t[7] = r, t[8] = m) : m = t[8];
-  let s;
-  return t[9] !== o || t[10] !== r || t[11] !== i || t[12] !== m || t[13] !== a ? (s = /* @__PURE__ */ p(c, { ...i, "data-theme": a, "data-orientation": r, "aria-orientation": r, className: m, children: o }), t[9] = o, t[10] = r, t[11] = i, t[12] = m, t[13] = a, t[14] = s) : s = t[14], s;
-};
-n.displayName = "KonstructTabs";
-n.Content = T;
-n.List = h;
-n.Trigger = u;
+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 n } from "./components/Content.js";
+import { List as f } from "./components/List.js";
+import { Trigger as g } from "./components/Trigger.js";
+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 = n;
+r.List = f;
+r.Trigger = g;
 export {
-  T as Content,
-  h as List,
-  n as Tabs,
-  u as Trigger
+  n as Content,
+  f as List,
+  r as Tabs,
+  g as Trigger
 };