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

package/dist/components/Table/Table.js

@@ -1,27 +1,31 @@
-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 { 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;
 export {
-  o as Table
+  a as Table
 };

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

@@ -1,36 +1,12 @@
 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: ""
-      }
+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([]);
+}), o = t(["h-[18px]", "bg-slate-100", "[&>tr>th]:py-3", "[&>tr>th]:px-4", "[&>tr>th]:uppercase", "text-left"]), s = t([]);
 export {
   s as bodyVariants,
   o as headVariants,

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

@@ -1,18 +1,22 @@
-import { jsx as t } from "react/jsx-runtime";
-import { cn as s } from "../../../utils/index.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 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;
+};
 export {
-  d as Body
+  y as Body
 };

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

@@ -1,9 +1,23 @@
-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 { 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;
+};
 export {
-  o as Filter
+  x as Filter
 };

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

@@ -1,18 +1,22 @@
-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 { 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;
+};
 export {
-  c as Head
+  x as Head
 };

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

@@ -1,28 +1,30 @@
-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 { 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;
+};
 export {
-  l as Row
+  R as Row
 };

package/dist/components/Tabs/Tabs.js

@@ -1,28 +1,36 @@
-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 { rootVariants as p } from "./Tabs.variants.js";
-import { Content as f } from "./components/Content.js";
-import { List as c } 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
-  }
-);
-r.displayName = "KonstructTabs";
-r.Content = f;
-r.List = c;
-r.Trigger = g;
+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;
 export {
-  f as Content,
-  c as List,
-  r as Tabs,
-  g as Trigger
+  T as Content,
+  h as List,
+  n as Tabs,
+  u as Trigger
 };

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

@@ -29,47 +29,18 @@ const r = t([""], {
   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"
+}), 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"
   }
-);
+});
 export {
   e as contentVariants,
   i as listVariants,

package/dist/components/Tabs/components/Content.js

@@ -1,16 +1,25 @@
-import { jsx as r } from "react/jsx-runtime";
-import { C as a } from "../../../index-Cmf-IG4l.js";
-import { cn as m } from "../../../utils/index.js";
-import { contentVariants as s } from "../Tabs.variants.js";
-const e = ({ children: t, className: o, ...n }) => /* @__PURE__ */ r(
-  a,
-  {
-    ...n,
-    className: m(s({ variant: "default", className: o })),
-    children: t
-  }
-);
-e.displayName = "KonstructTabsContent";
+import { jsx as a } from "react/jsx-runtime";
+import { c as i } from "../../../compiler-runtime-DA41awpA.js";
+import { C as l } from "../../../index-kTGTSLpq.js";
+import { cn as c } from "../../../utils/index.js";
+import { contentVariants as f } from "../Tabs.variants.js";
+const p = (m) => {
+  const t = i.c(10);
+  let e, o, r;
+  t[0] !== m ? ({
+    children: e,
+    className: o,
+    ...r
+  } = m, t[0] = m, t[1] = e, t[2] = o, t[3] = r) : (e = t[1], o = t[2], r = t[3]);
+  let s;
+  t[4] !== o ? (s = c(f({
+    variant: "default",
+    className: o
+  })), t[4] = o, t[5] = s) : s = t[5];
+  let n;
+  return t[6] !== e || t[7] !== r || t[8] !== s ? (n = /* @__PURE__ */ a(l, { ...r, className: s, children: e }), t[6] = e, t[7] = r, t[8] = s, t[9] = n) : n = t[9], n;
+};
+p.displayName = "KonstructTabsContent";
 export {
-  e as Content
+  p as Content
 };

package/dist/components/Tabs/components/List.js

@@ -1,21 +1,30 @@
-import { jsx as t } from "react/jsx-runtime";
-import { L as n } from "../../../index-Cmf-IG4l.js";
-import { cn as a } from "../../../utils/index.js";
-import { listVariants as s } from "../Tabs.variants.js";
-const c = ({
-  children: i,
-  className: r,
-  orientation: m,
-  ...o
-}) => /* @__PURE__ */ t("div", { className: a(s({ variant: "default" })), children: /* @__PURE__ */ t(
-  n,
-  {
-    className: a(s({ variant: m, className: r })),
-    ...o,
-    children: i
-  }
-) });
-c.displayName = "KonstructTabsList";
+import { jsx as c } from "react/jsx-runtime";
+import { c as p } from "../../../compiler-runtime-DA41awpA.js";
+import { L as d } from "../../../index-kTGTSLpq.js";
+import { cn as n } from "../../../utils/index.js";
+import { listVariants as f } from "../Tabs.variants.js";
+const u = (m) => {
+  const e = p.c(13);
+  let t, i, s, r;
+  e[0] !== m ? ({
+    children: t,
+    className: i,
+    orientation: r,
+    ...s
+  } = m, e[0] = m, e[1] = t, e[2] = i, e[3] = s, e[4] = r) : (t = e[1], i = e[2], s = e[3], r = e[4]);
+  let a;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = n(f({
+    variant: "default"
+  })), e[5] = a) : a = e[5];
+  let l;
+  e[6] !== i || e[7] !== r ? (l = n(f({
+    variant: r,
+    className: i
+  })), e[6] = i, e[7] = r, e[8] = l) : l = e[8];
+  let o;
+  return e[9] !== t || e[10] !== s || e[11] !== l ? (o = /* @__PURE__ */ c("div", { className: a, children: /* @__PURE__ */ c(d, { className: l, ...s, children: t }) }), e[9] = t, e[10] = s, e[11] = l, e[12] = o) : o = e[12], o;
+};
+u.displayName = "KonstructTabsList";
 export {
-  c as List
+  u as List
 };

package/dist/components/Tabs/components/Trigger.js

@@ -1,23 +1,27 @@
-import { jsx as r } from "react/jsx-runtime";
-import { T as e } from "../../../index-Cmf-IG4l.js";
-import { Typography as m } from "../../Typography/Typography.js";
-import { cn as n } from "../../../utils/index.js";
-import { triggerVariants as p } from "../Tabs.variants.js";
-const s = ({ tab: i, label: a, isActive: o, className: t }) => /* @__PURE__ */ r(e, { value: i, children: /* @__PURE__ */ r(
-  m,
-  {
-    variant: "body2",
-    component: "span",
-    className: n(
-      p({
-        variant: o ? "active" : "inactive",
-        className: t
-      })
-    ),
-    children: a
-  }
-) });
-s.displayName = "KonstructTabsTrigger";
+import { jsx as c } from "react/jsx-runtime";
+import { c as l } from "../../../compiler-runtime-DA41awpA.js";
+import { T as p } from "../../../index-kTGTSLpq.js";
+import { Typography as f } from "../../Typography/Typography.js";
+import { cn as g } from "../../../utils/index.js";
+import { triggerVariants as v } from "../Tabs.variants.js";
+const T = (n) => {
+  const r = l.c(9), {
+    tab: o,
+    label: a,
+    isActive: s,
+    className: m
+  } = n;
+  let t;
+  r[0] !== m || r[1] !== s ? (t = g(v({
+    variant: s ? "active" : "inactive",
+    className: m
+  })), r[0] = m, r[1] = s, r[2] = t) : t = r[2];
+  let e;
+  r[3] !== a || r[4] !== t ? (e = /* @__PURE__ */ c(f, { variant: "body2", component: "span", className: t, children: a }), r[3] = a, r[4] = t, r[5] = e) : e = r[5];
+  let i;
+  return r[6] !== e || r[7] !== o ? (i = /* @__PURE__ */ c(p, { value: o, children: e }), r[6] = e, r[7] = o, r[8] = i) : i = r[8], i;
+};
+T.displayName = "KonstructTabsTrigger";
 export {
-  s as Trigger
+  T as Trigger
 };

package/dist/components/Tag/Tag.js

@@ -1,19 +1,35 @@
-import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import { S as r } from "../../index-BvoZGpli.js";
-import { cn as o } from "../../utils/index.js";
-import { tagVariants as c } from "./Tag.variants.js";
-const u = ({
-  label: i,
-  color: s,
-  rightIcon: t,
-  leftIcon: e,
-  className: l,
-  "data-value": m
-}) => /* @__PURE__ */ n("div", { className: o(c({ color: s, className: l })), "data-value": m, children: [
-  e ? /* @__PURE__ */ a(r, { className: "text-inherit", children: e }) : null,
-  /* @__PURE__ */ a("span", { className: "text-inherit", children: i }),
-  t ? /* @__PURE__ */ a(r, { className: "text-inherit", children: t }) : null
-] });
+import { jsx as p, jsxs as u } from "react/jsx-runtime";
+import { c as x } from "../../compiler-runtime-DA41awpA.js";
+import { S as d } from "../../index-BvoZGpli.js";
+import { cn as N } from "../../utils/index.js";
+import { tagVariants as g } from "./Tag.variants.js";
+const b = (h) => {
+  const e = x.c(15), {
+    label: c,
+    color: n,
+    rightIcon: i,
+    leftIcon: r,
+    className: m,
+    "data-value": f
+  } = h;
+  let t;
+  e[0] !== m || e[1] !== n ? (t = N(g({
+    color: n,
+    className: m
+  })), e[0] = m, e[1] = n, e[2] = t) : t = e[2];
+  let l;
+  e[3] !== r ? (l = r ? /* @__PURE__ */ p(d, { className: "text-inherit", children: r }) : null, e[3] = r, e[4] = l) : l = e[4];
+  let a;
+  e[5] !== c ? (a = /* @__PURE__ */ p("span", { className: "text-inherit", children: c }), e[5] = c, e[6] = a) : a = e[6];
+  let s;
+  e[7] !== i ? (s = i ? /* @__PURE__ */ p(d, { className: "text-inherit", children: i }) : null, e[7] = i, e[8] = s) : s = e[8];
+  let o;
+  return e[9] !== f || e[10] !== t || e[11] !== l || e[12] !== a || e[13] !== s ? (o = /* @__PURE__ */ u("div", { className: t, "data-value": f, children: [
+    l,
+    a,
+    s
+  ] }), e[9] = f, e[10] = t, e[11] = l, e[12] = a, e[13] = s, e[14] = o) : o = e[14], o;
+};
 export {
-  u as Tag
+  b as Tag
 };