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

package/dist/components/Switch/Switch.js

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

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

@@ -1,5 +1,5 @@
-import { c as a } from "../../index-D29mdTf5.js";
-const t = a([
+import { t as a } from "../../dist-DtEbXv47.js";
+var t = a([
   "w-10",
   "h-5",
   "flex",

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-Cmf-IG4l.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
 };

package/dist/components/Tabs/Tabs.variants.js

@@ -1,75 +1,58 @@
-import { c as t } from "../../index-D29mdTf5.js";
-const r = t([""], {
-  variants: {
-    variant: {
-      horizontal: "",
-      vertical: "flex gap-6"
-    }
-  },
-  defaultVariants: {
-    variant: "horizontal"
-  }
-}), e = t([""], {
-  variants: {
-    variant: {
-      default: ""
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-}), i = t(["flex"], {
-  variants: {
-    variant: {
-      default: "flex gap-6",
-      horizontal: "",
-      vertical: "flex-col min-w-[132px] h-full items-center"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-}), n = t(
-  [
-    "cursor-pointer",
-    "h-[27px]",
-    "w-fit",
-    "block",
-    "relative",
-    "after:absolute",
-    "after:bottom-0",
-    "after:left-0",
-    "after:right-0",
-    "after:h-0.5",
-    "after:bg-aurora-500",
-    "after:origin-bottom",
-    'after:content-[""]',
-    "after:scale-y-0",
-    "after:transition-transform",
-    "after:duration-500",
-    "after:transform-gpu",
-    "after:will-change-transform",
-    "kubefirst:after:bg-kubefirst-primary"
-  ],
-  {
-    variants: {
-      variant: {
-        default: "",
-        active: [
-          "text-zinc-700",
-          "font-semibold",
-          "after:scale-y-100",
-          "hover:after:scale-y-140",
-          "dark:text-metal-100"
-        ],
-        inactive: ["text-slate-500", "font-semibold", "dark:text-metal-400"]
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
+import { t as a } from "../../dist-DtEbXv47.js";
+var r = a([""], {
+  variants: { variant: {
+    horizontal: "",
+    vertical: "flex gap-6"
+  } },
+  defaultVariants: { variant: "horizontal" }
+}), e = a([""], {
+  variants: { variant: { default: "" } },
+  defaultVariants: { variant: "default" }
+}), i = a(["flex"], {
+  variants: { variant: {
+    default: "flex gap-6",
+    horizontal: "",
+    vertical: "flex-col min-w-[132px] h-full items-center"
+  } },
+  defaultVariants: { variant: "default" }
+}), n = a([
+  "cursor-pointer",
+  "h-[27px]",
+  "w-fit",
+  "block",
+  "relative",
+  "after:absolute",
+  "after:bottom-0",
+  "after:left-0",
+  "after:right-0",
+  "after:h-0.5",
+  "after:bg-aurora-500",
+  "after:origin-bottom",
+  'after:content-[""]',
+  "after:scale-y-0",
+  "after:transition-transform",
+  "after:duration-500",
+  "after:transform-gpu",
+  "after:will-change-transform",
+  "kubefirst:after:bg-kubefirst-primary"
+], {
+  variants: { variant: {
+    default: "",
+    active: [
+      "text-zinc-700",
+      "font-semibold",
+      "after:scale-y-100",
+      "hover:after:scale-y-140",
+      "dark:text-metal-100"
+    ],
+    inactive: [
+      "text-slate-500",
+      "font-semibold",
+      "dark:text-metal-400"
+    ]
+  } },
+  defaultVariants: { variant: "default" }
+});
 export {
   e as contentVariants,
   i as listVariants,