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

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

@@ -1,15 +1,15 @@
-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
-  }
-);
+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
+  })),
+  children: t
+});
 e.displayName = "KonstructTabsContent";
 export {
   e as Content

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

@@ -1,21 +1,19 @@
-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 })),
+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: i
-  }
-) });
-c.displayName = "KonstructTabsList";
+    children: s
+  })
+});
+e.displayName = "KonstructTabsList";
 export {
-  c as List
+  e as List
 };

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

@@ -1,22 +1,20 @@
-import { jsx as r } from "react/jsx-runtime";
-import { T as e } from "../../../index-Cmf-IG4l.js";
+import { t as e } from "../../../utils-DHuiYnx1.js";
 import { Typography as m } from "../../Typography/Typography.js";
-import { cn as n } from "../../../utils/index.js";
+import { i as n } from "../../../dist-B5SlrgYz.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,
-  {
+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: n(
-      p({
-        variant: o ? "active" : "inactive",
-        className: t
-      })
-    ),
-    children: a
-  }
-) });
+    className: e(p({
+      variant: o ? "active" : "inactive",
+      className: t
+    })),
+    children: i
+  })
+});
 s.displayName = "KonstructTabsTrigger";
 export {
   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,19 +1,28 @@
-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 { 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 {
   u as Tag
 };

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

@@ -1,42 +1,35 @@
-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,10 +1,16 @@
+"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";
-import { forwardRef as p } from "react";
-import { TagSelectProvider as f } from "./contexts/TagSelect.provider.js";
-import { Wrapper as i } from "./components/Wrapper/Wrapper.js";
-const n = p(
-  ({ options: o, multiselect: e, ...t }, m) => /* @__PURE__ */ r(f, { defaultOptions: o, multiselect: e, children: /* @__PURE__ */ r(i, { ref: m, ...t }) })
-);
+var s = a(({ options: e, multiselect: o, ...t }, i) => /* @__PURE__ */ r(p, {
+  defaultOptions: e,
+  multiselect: o,
+  children: /* @__PURE__ */ r(m, {
+    ref: i,
+    ...t
+  })
+}));
 export {
-  n as TagSelect
+  s as TagSelect
 };

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

@@ -1,12 +1,12 @@
-import { c as e } from "../../index-D29mdTf5.js";
-const t = e([
+import { t as r } from "../../dist-DtEbXv47.js";
+var a = r([
   "flex",
   "flex-col",
   "gap-2",
   "w-full",
   "relative",
   "text-zinc-500"
-]), a = e(["cursor-pointer"]), o = e([
+]), t = r(["cursor-pointer"]), i = r([
   "border",
   "cursor-pointer",
   "duration-250",
@@ -22,7 +22,7 @@ const t = e([
   "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,20 +1,17 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Tag as m } from "../../../Tag/Tag.js";
-import { cn as a } from "../../../../utils/index.js";
-import { wrapperVariants as c } from "./Item.variants.js";
+import { t as o } from "../../../../utils-DHuiYnx1.js";
+import { Tag as a } from "../../../Tag/Tag.js";
 import { useTagSelect as i } from "../../contexts/TagSelect.hook.js";
-const d = ({ option: e, theme: t }) => {
-  const { onSelectTag: o } = i();
-  return /* @__PURE__ */ r(
-    "li",
-    {
-      role: "option",
-      "data-theme": t,
-      className: a(c({ isSelected: e.isSelected })),
-      onClick: () => o(e),
-      children: /* @__PURE__ */ r(m, { ...e })
-    }
-  );
+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 {
   d as Item

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

@@ -1,32 +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: ""
-      }
-    },
-    compoundVariants: [
-      {
-        isSelected: !0,
-        class: ["bg-purple-100"]
-      }
-    ],
-    defaultVariants: {
-      isSelected: !1
-    }
-  }
-);
+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 }
+});
 export {
-  t as wrapperVariants
+  a as wrapperVariants
 };

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

@@ -1,11 +1,19 @@
-import { jsx as t } from "react/jsx-runtime";
-import { cn as m } from "../../../../utils/index.js";
+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 a } from "./List.variants.js";
-import { useTagSelect as i } from "../../contexts/TagSelect.hook.js";
-const f = ({ theme: o }) => {
-  const { tags: e } = i();
-  return /* @__PURE__ */ t("ul", { role: "listbox", "data-theme": o, className: m(a()), 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" }) });
+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"
+    })
+  });
 };
 export {
   f as List

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

@@ -1,5 +1,5 @@
-import { c as o } from "../../../../index-D29mdTf5.js";
-const a = o([
+import { t as r } from "../../../../dist-DtEbXv47.js";
+var o = r([
   "absolute",
   "bg-white",
   "border",
@@ -19,5 +19,5 @@ const a = o([
   "border-gray-200"
 ]);
 export {
-  a as wrapperVariants
+  o as wrapperVariants
 };

package/dist/components/TagSelect/components/Wrapper/Wrapper.js

@@ -1,87 +1,4 @@
-import "../Item/Item.js";
-import { List as w } from "../List/List.js";
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { forwardRef as T, useId as b, useImperativeHandle as C } from "react";
-import { Tag as S } from "../../../Tag/Tag.js";
-import { cn as a } from "../../../../utils/index.js";
-import { useTagSelect as k } from "../../hooks/useTagSelect.js";
-import { labelVariants as R, tagSelectVariants as I, wrapperVariants as O } from "../../TagSelect.variants.js";
-import { X as V } from "../../../../x-Eoa9FJjA.js";
-import { C as j } from "../../../../chevron-up-DEfvgPCw.js";
-import { useTagSelect as y } from "../../contexts/TagSelect.hook.js";
-const D = T(
-  ({
-    label: i,
-    labelClassName: m,
-    labelWrapperClassName: p,
-    name: t,
-    placeholder: d = "Select a value...",
-    theme: f,
-    wrapperClassName: h
-  }, u) => {
-    const o = b(), { selectedTags: n, isOpen: s, onOpen: N, onRemoveTag: x, inputRef: l } = y(), { wrapperRef: v, handleOpen: g } = k();
-    return C(u, () => l.current, [l]), /* @__PURE__ */ c(
-      "div",
-      {
-        ref: v,
-        className: a(
-          O({
-            className: h
-          })
-        ),
-        "data-theme": f,
-        children: [
-          i ? /* @__PURE__ */ e("div", { className: a(p), children: /* @__PURE__ */ e(
-            "label",
-            {
-              htmlFor: t ?? o,
-              className: a(
-                R({
-                  className: m
-                })
-              ),
-              onClick: () => N(!0),
-              children: i
-            }
-          ) }) : null,
-          /* @__PURE__ */ c(
-            "div",
-            {
-              id: t ?? o,
-              className: a(I()),
-              role: "combobox",
-              onClick: g,
-              "aria-expanded": s,
-              children: [
-                n.length === 0 ? /* @__PURE__ */ e("span", { className: "text-base text-inherit select-none", children: d }) : /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1.5", children: n.map((r) => /* @__PURE__ */ e(
-                  S,
-                  {
-                    ...r,
-                    className: "select-none",
-                    rightIcon: /* @__PURE__ */ e(V, { className: "w-3 h-3", onClick: () => x(r) }),
-                    "data-value": r.label
-                  },
-                  r.id
-                )) }),
-                /* @__PURE__ */ e(
-                  j,
-                  {
-                    className: a(
-                      "w-4 h-4 text-inherit transition-all duration-50 shrink-0",
-                      s ? "rotate-0" : "rotate-180"
-                    )
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ e("input", { ref: l, type: "text", name: t, className: "hidden" }),
-          s ? /* @__PURE__ */ e(w, {}) : null
-        ]
-      }
-    );
-  }
-);
+import { t as p } from "../../../../Wrapper-CjUokv72.js";
 export {
-  D as Wrapper
+  p as Wrapper
 };

package/dist/components/TagSelect/components/index.js

@@ -1,8 +1,8 @@
-import { Item as e } from "./Item/Item.js";
-import { List as t } from "./List/List.js";
-import { Wrapper as f } from "./Wrapper/Wrapper.js";
+import { t as m } from "../../../Wrapper-CjUokv72.js";
+import { Item as t } from "./Item/Item.js";
+import { List as i } from "./List/List.js";
 export {
-  e as Item,
-  t as List,
-  f as Wrapper
+  t as Item,
+  i as List,
+  m as Wrapper
 };

package/dist/components/TagSelect/contexts/TagSelect.context.js

@@ -1,5 +1,5 @@
 import { createContext as e } from "react";
-const t = {
+var t = {
   tags: [],
   selectedTags: [],
   isOpen: !1,

package/dist/components/TagSelect/contexts/TagSelect.hook.js

@@ -1,11 +1,10 @@
-import { useContext as t } from "react";
-import { TagSelectContext as o } from "./TagSelect.context.js";
-const c = () => {
-  const e = t(o);
-  if (!e)
-    throw new Error("useTagSelect must be used within a TagSelectProvider");
+import { TagSelectContext as t } from "./TagSelect.context.js";
+import { useContext as r } from "react";
+var a = () => {
+  const e = r(t);
+  if (!e) throw new Error("useTagSelect must be used within a TagSelectProvider");
   return e;
 };
 export {
-  c as useTagSelect
+  a as useTagSelect
 };