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

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

@@ -1,45 +1,57 @@
-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,

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({
+import { t as r } from "../../../utils-DHuiYnx1.js";
+import { t as n } from "../../../dist-B5SlrgYz.js";
+import { contentVariants as m } from "../Tabs.variants.js";
+import { jsx as s } from "react/jsx-runtime";
+var e = ({ children: t, className: o, ...a }) => /* @__PURE__ */ s(n, {
+  ...a,
+  className: r(m({
     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";
+  })),
+  children: t
+});
+e.displayName = "KonstructTabsContent";
 export {
-  p as Content
+  e as Content
 };

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

@@ -1,30 +1,19 @@
-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 { t as a } from "../../../utils-DHuiYnx1.js";
+import { n } from "../../../dist-B5SlrgYz.js";
+import { listVariants as t } from "../Tabs.variants.js";
+import { jsx as r } from "react/jsx-runtime";
+var e = ({ children: s, className: i, orientation: m, ...o }) => /* @__PURE__ */ r("div", {
+  className: a(t({ variant: "default" })),
+  children: /* @__PURE__ */ r(n, {
+    className: a(t({
+      variant: m,
+      className: i
+    })),
+    ...o,
+    children: s
+  })
+});
+e.displayName = "KonstructTabsList";
 export {
-  u as List
+  e as List
 };

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

@@ -1,27 +1,21 @@
-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 { t as e } from "../../../utils-DHuiYnx1.js";
+import { Typography as m } from "../../Typography/Typography.js";
+import { i as n } from "../../../dist-B5SlrgYz.js";
+import { triggerVariants as p } from "../Tabs.variants.js";
+import { jsx as r } from "react/jsx-runtime";
+var s = ({ tab: a, label: i, isActive: o, className: t }) => /* @__PURE__ */ r(n, {
+  value: a,
+  children: /* @__PURE__ */ r(m, {
+    variant: "body2",
+    component: "span",
+    className: e(p({
+      variant: o ? "active" : "inactive",
+      className: t
+    })),
+    children: i
+  })
+});
+s.displayName = "KonstructTabsTrigger";
 export {
-  T as Trigger
+  s as Trigger
 };

package/dist/components/Tabs/components/index.js

@@ -1,8 +1,8 @@
-import { Content as t } from "./Content.js";
-import { List as f } from "./List.js";
+import { Content as o } from "./Content.js";
+import { List as m } from "./List.js";
 import { Trigger as p } from "./Trigger.js";
 export {
-  t as Content,
-  f as List,
+  o as Content,
+  m as List,
   p as Trigger
 };

package/dist/components/Tag/Tag.js

@@ -1,35 +1,28 @@
-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 { t as e } from "../../dist-DXJSck4j.js";
+import { t as n } from "../../utils-DHuiYnx1.js";
+import { tagVariants as o } from "./Tag.variants.js";
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+var u = ({ label: i, color: s, rightIcon: t, leftIcon: r, className: l, "data-value": m }) => /* @__PURE__ */ c("div", {
+  className: n(o({
+    color: s,
+    className: l
+  })),
+  "data-value": m,
+  children: [
+    r ? /* @__PURE__ */ a(e, {
+      className: "text-inherit",
+      children: r
+    }) : null,
+    /* @__PURE__ */ a("span", {
+      className: "text-inherit",
+      children: i
+    }),
+    t ? /* @__PURE__ */ a(e, {
+      className: "text-inherit",
+      children: t
+    }) : null
+  ]
+});
 export {
-  b as Tag
+  u as Tag
 };

package/dist/components/Tag/Tag.variants.js

@@ -1,28 +1,34 @@
-import { c as e } from "../../index-D29mdTf5.js";
-const f = e(["px-2", "py-1", "rounded-md", "w-max", "text-xs", "flex", "items-center", "justify-center", "gap-1"], {
-  variants: {
-    color: {
-      gray: ["bg-[#f4f4f5]", "text-[#71717a]"],
-      "gray-800": ["bg-gray-100", "text-gray-800"],
-      cyan: ["bg-[#ecfeff]", "text-[#0e7490]"],
-      gold: ["bg-[#fef9c3]", "text-[#a16207]"],
-      green: ["bg-[#dcfce7]", "text-[#15803d]"],
-      "light blue": ["bg-[#e0f2fe]", "text-[#0369a1]"],
-      lime: ["bg-[#ecfccb]", "text-[#4d7c0f]"],
-      pink: ["bg-[#fce7f3]", "text-[#be185d]"],
-      purple: ["bg-[#ede9fe]", "text-[#6d28d9]"],
-      emerald: ["bg-[#ecfdf5]", "text-[#047857]"],
-      fuscia: ["bg-[#fdf4ff]", "text-[#a21caf]"],
-      indigo: ["bg-[#e0e7ff]", "text-[#4338ca]"],
-      "light-orange": ["bg-[#fef3c7]", "text-[#d97706]"],
-      "dark-sky-blue": ["bg-[#dbeafe]", "text-[#1d4ed8]"],
-      mistery: ["bg-[#1e2235]", "text-[#81e2b4]"],
-      default: ["bg-transparent", "text-[#71717A]"]
-    }
-  },
-  defaultVariants: {
-    color: "default"
-  }
+import { t as e } from "../../dist-DtEbXv47.js";
+var f = e([
+  "px-2",
+  "py-1",
+  "rounded-md",
+  "w-max",
+  "text-xs",
+  "flex",
+  "items-center",
+  "justify-center",
+  "gap-1"
+], {
+  variants: { color: {
+    gray: ["bg-[#f4f4f5]", "text-[#71717a]"],
+    "gray-800": ["bg-gray-100", "text-gray-800"],
+    cyan: ["bg-[#ecfeff]", "text-[#0e7490]"],
+    gold: ["bg-[#fef9c3]", "text-[#a16207]"],
+    green: ["bg-[#dcfce7]", "text-[#15803d]"],
+    "light blue": ["bg-[#e0f2fe]", "text-[#0369a1]"],
+    lime: ["bg-[#ecfccb]", "text-[#4d7c0f]"],
+    pink: ["bg-[#fce7f3]", "text-[#be185d]"],
+    purple: ["bg-[#ede9fe]", "text-[#6d28d9]"],
+    emerald: ["bg-[#ecfdf5]", "text-[#047857]"],
+    fuscia: ["bg-[#fdf4ff]", "text-[#a21caf]"],
+    indigo: ["bg-[#e0e7ff]", "text-[#4338ca]"],
+    "light-orange": ["bg-[#fef3c7]", "text-[#d97706]"],
+    "dark-sky-blue": ["bg-[#dbeafe]", "text-[#1d4ed8]"],
+    mistery: ["bg-[#1e2235]", "text-[#81e2b4]"],
+    default: ["bg-transparent", "text-[#71717A]"]
+  } },
+  defaultVariants: { color: "default" }
 });
 export {
   f as tagVariants

package/dist/components/TagSelect/TagSelect.js

@@ -1,21 +1,16 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c } from "../../compiler-runtime-DA41awpA.js";
-import { forwardRef as f } from "react";
-import { Wrapper as a } from "./components/Wrapper/Wrapper.js";
-import { TagSelectProvider as n } from "./contexts/TagSelect.provider.js";
-const S = f((m, p) => {
-  const e = c.c(11);
-  let t, o, r;
-  e[0] !== m ? ({
-    options: r,
-    multiselect: o,
+"use client";
+import { t as m } from "../../Wrapper-CjUokv72.js";
+import { TagSelectProvider as p } from "./contexts/TagSelect.provider.js";
+import { forwardRef as a } from "react";
+import { jsx as r } from "react/jsx-runtime";
+var s = a(({ options: e, multiselect: o, ...t }, i) => /* @__PURE__ */ r(p, {
+  defaultOptions: e,
+  multiselect: o,
+  children: /* @__PURE__ */ r(m, {
+    ref: i,
     ...t
-  } = 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] !== t || e[5] !== p ? (l = /* @__PURE__ */ s(a, { ref: p, ...t }), e[4] = t, e[5] = p, e[6] = l) : l = e[6];
-  let i;
-  return e[7] !== o || e[8] !== r || e[9] !== l ? (i = /* @__PURE__ */ s(n, { defaultOptions: r, multiselect: o, children: l }), e[7] = o, e[8] = r, e[9] = l, e[10] = i) : i = e[10], i;
-});
+  })
+}));
 export {
-  S as TagSelect
+  s as TagSelect
 };

package/dist/components/TagSelect/TagSelect.variants.js

@@ -1,7 +1,28 @@
-import { c as e } from "../../index-D29mdTf5.js";
-const t = e(["flex", "flex-col", "gap-2", "w-full", "relative", "text-zinc-500"]), a = e(["cursor-pointer"]), o = e(["border", "cursor-pointer", "duration-250", "ease-in-out", "flex", "items-center", "justify-between", "px-2", "py-1", "rounded", "transition-all", "w-full", "border-gray-200"]);
+import { t as r } from "../../dist-DtEbXv47.js";
+var a = r([
+  "flex",
+  "flex-col",
+  "gap-2",
+  "w-full",
+  "relative",
+  "text-zinc-500"
+]), t = r(["cursor-pointer"]), i = r([
+  "border",
+  "cursor-pointer",
+  "duration-250",
+  "ease-in-out",
+  "flex",
+  "items-center",
+  "justify-between",
+  "px-2",
+  "py-1",
+  "rounded",
+  "transition-all",
+  "w-full",
+  "border-gray-200"
+]);
 export {
-  a as labelVariants,
-  o as tagSelectVariants,
-  t as wrapperVariants
+  t as labelVariants,
+  i as tagSelectVariants,
+  a as wrapperVariants
 };

package/dist/components/TagSelect/components/Item/Item.js

@@ -1,27 +1,18 @@
-import { jsx as c } from "react/jsx-runtime";
-import { c as p } from "../../../../compiler-runtime-DA41awpA.js";
+import { t as o } from "../../../../utils-DHuiYnx1.js";
 import { Tag as a } from "../../../Tag/Tag.js";
-import { cn as f } from "../../../../utils/index.js";
-import { wrapperVariants as d } from "./Item.variants.js";
-import { useTagSelect as S } from "../../contexts/TagSelect.hook.js";
-const k = (n) => {
-  const e = p.c(12), {
-    option: t,
-    theme: s
-  } = n, {
-    onSelectTag: m
-  } = S();
-  let o;
-  e[0] !== t.isSelected ? (o = f(d({
-    isSelected: t.isSelected
-  })), e[0] = t.isSelected, e[1] = o) : o = e[1];
-  let i;
-  e[2] !== m || e[3] !== t ? (i = () => m(t), e[2] = m, e[3] = t, e[4] = i) : i = e[4];
-  let r;
-  e[5] !== t ? (r = /* @__PURE__ */ c(a, { ...t }), e[5] = t, e[6] = r) : r = e[6];
-  let l;
-  return e[7] !== o || e[8] !== i || e[9] !== r || e[10] !== s ? (l = /* @__PURE__ */ c("li", { role: "option", "data-theme": s, className: o, onClick: i, children: r }), e[7] = o, e[8] = i, e[9] = r, e[10] = s, e[11] = l) : l = e[11], l;
+import { useTagSelect as i } from "../../contexts/TagSelect.hook.js";
+import { wrapperVariants as c } from "./Item.variants.js";
+import { jsx as r } from "react/jsx-runtime";
+var d = ({ option: e, theme: t }) => {
+  const { onSelectTag: m } = i();
+  return /* @__PURE__ */ r("li", {
+    role: "option",
+    "data-theme": t,
+    className: o(c({ isSelected: e.isSelected })),
+    onClick: () => m(e),
+    children: /* @__PURE__ */ r(a, { ...e })
+  });
 };
 export {
-  k as Item
+  d as Item
 };

package/dist/components/TagSelect/components/Item/Item.variants.js

@@ -1,19 +1,23 @@
-import { c as e } from "../../../../index-D29mdTf5.js";
-const t = e(["cursor-pointer", "py-1.5", "px-2", "last:pb-2", "first:pt-2", "h-full", "hover:bg-purple-100"], {
-  variants: {
-    isSelected: {
-      true: "",
-      false: ""
-    }
-  },
+import { t as e } from "../../../../dist-DtEbXv47.js";
+var a = e([
+  "cursor-pointer",
+  "py-1.5",
+  "px-2",
+  "last:pb-2",
+  "first:pt-2",
+  "h-full",
+  "hover:bg-purple-100"
+], {
+  variants: { isSelected: {
+    true: "",
+    false: ""
+  } },
   compoundVariants: [{
     isSelected: !0,
     class: ["bg-purple-100"]
   }],
-  defaultVariants: {
-    isSelected: !1
-  }
+  defaultVariants: { isSelected: !1 }
 });
 export {
-  t as wrapperVariants
+  a as wrapperVariants
 };

package/dist/components/TagSelect/components/List/List.js

@@ -1,25 +1,20 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as l } from "../../../../compiler-runtime-DA41awpA.js";
-import { cn as a } from "../../../../utils/index.js";
-import { Item as c } from "../Item/Item.js";
-import { wrapperVariants as p } from "./List.variants.js";
-import { useTagSelect as f } from "../../contexts/TagSelect.hook.js";
-const y = (o) => {
-  const e = l.c(6), {
-    theme: i
-  } = o, {
-    tags: r
-  } = f();
-  let m;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = a(p()), e[0] = m) : m = e[0];
-  let t;
-  e[1] !== r ? (t = r.length > 0 ? r.map(h) : /* @__PURE__ */ n("span", { className: "text-center text-sm px-4 py-2", children: "There is not options available" }), e[1] = r, e[2] = t) : t = e[2];
-  let s;
-  return e[3] !== t || e[4] !== i ? (s = /* @__PURE__ */ n("ul", { role: "listbox", "data-theme": i, className: m, children: t }), e[3] = t, e[4] = i, e[5] = s) : s = e[5], s;
+import { t as a } from "../../../../utils-DHuiYnx1.js";
+import { useTagSelect as m } from "../../contexts/TagSelect.hook.js";
+import { Item as s } from "../Item/Item.js";
+import { wrapperVariants as i } from "./List.variants.js";
+import { jsx as t } from "react/jsx-runtime";
+var f = ({ theme: o }) => {
+  const { tags: e } = m();
+  return /* @__PURE__ */ t("ul", {
+    role: "listbox",
+    "data-theme": o,
+    className: a(i()),
+    children: e.length > 0 ? e.map((r) => /* @__PURE__ */ t(s, { option: r }, r.id)) : /* @__PURE__ */ t("span", {
+      className: "text-center text-sm px-4 py-2",
+      children: "There is not options available"
+    })
+  });
 };
-function h(o) {
-  return /* @__PURE__ */ n(c, { option: o }, o.id);
-}
 export {
-  y as List
+  f as List
 };

package/dist/components/TagSelect/components/List/List.variants.js

@@ -1,5 +1,23 @@
-import { c as o } from "../../../../index-D29mdTf5.js";
-const a = o(["absolute", "bg-white", "border", "duration-100", "flex", "flex-col", "mt-0.5", "rounded", "shadow-xs", "top-full", "transition-all", "w-full", "z-10", "animate-in", "fade-in-50", "overflow-hidden", "border-gray-200"]);
+import { t as r } from "../../../../dist-DtEbXv47.js";
+var o = r([
+  "absolute",
+  "bg-white",
+  "border",
+  "duration-100",
+  "flex",
+  "flex-col",
+  "mt-0.5",
+  "rounded",
+  "shadow-xs",
+  "top-full",
+  "transition-all",
+  "w-full",
+  "z-10",
+  "animate-in",
+  "fade-in-50",
+  "overflow-hidden",
+  "border-gray-200"
+]);
 export {
-  a as wrapperVariants
+  o as wrapperVariants
 };