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

package/dist/components/Table/Table.js

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

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

@@ -1,12 +1,36 @@
 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,22 +1,18 @@
-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 { 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
+  }
+);
 export {
-  y as Body
+  d as Body
 };

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

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

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

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

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

@@ -1,30 +1,28 @@
-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 { 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
+  }
+);
 export {
-  R as Row
+  l 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 { 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;
 export {
-  T as Content,
-  h as List,
-  n as Tabs,
-  u as Trigger
+  f as Content,
+  c as List,
+  r as Tabs,
+  g as Trigger
 };

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

@@ -29,18 +29,47 @@ 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"]
+}), 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"
     }
-  },
-  defaultVariants: {
-    variant: "default"
   }
-});
+);
 export {
   e as contentVariants,
   i as listVariants,

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

@@ -1,25 +1,16 @@
-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";
+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";
 export {
-  p as Content
+  e as Content
 };

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

@@ -1,30 +1,21 @@
-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";
+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";
 export {
-  u as List
+  c as List
 };

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

@@ -1,27 +1,23 @@
-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";
+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";
 export {
-  T as Trigger
+  s as Trigger
 };

package/dist/components/Tag/Tag.js

@@ -1,35 +1,19 @@
-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;
-};
+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
+] });
 export {
-  b as Tag
+  u as Tag
 };