@konstructio/ui 0.0.12 → 0.0.13-alpha.1

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

@@ -0,0 +1,6 @@
+import { useTagSelect as o } from "./TagSelect.hook.js";
+import { TagSelectProvider as a } from "./TagSelect.provider.js";
+export {
+  a as TagSelectProvider,
+  o as useTagSelect
+};

package/dist/components/TagSelect/hooks/useTagSelect.js

@@ -1,39 +1,34 @@
-import { useRef as b, useState as o, useEffect as k, useCallback as a } from "react";
-import { useToggle as w } from "../../../hooks/useToggle.js";
-const C = () => {
-  const t = b(null), [r, e] = w(!1), [c, d] = o(null), [u, i] = o("");
-  k(() => {
-    const n = new AbortController(), p = (s) => {
+import { useRef as c, useEffect as u, useCallback as i } from "react";
+import { useTagSelect as d } from "../contexts/TagSelect.hook.js";
+const g = () => {
+  const a = c(null), { onOpen: e } = d();
+  u(() => {
+    const t = new AbortController(), n = (s) => {
       s.key === "Escape" && e(!1);
-    }, m = (s) => {
-      var l;
-      (l = t.current) != null && l.contains(s.target) || e(!1);
+    }, o = (s) => {
+      var r;
+      (r = a.current) != null && r.contains(s.target) || e(!1);
     };
-    return document.addEventListener("keydown", p, {
-      signal: n.signal
-    }), document.addEventListener("mousedown", m, {
-      signal: n.signal
+    return document.addEventListener("keydown", n, {
+      signal: t.signal
+    }), document.addEventListener("mousedown", o, {
+      signal: t.signal
     }), () => {
-      n.abort();
+      t.abort();
     };
-  }, [e, t]);
-  const f = a(() => {
-    e();
-  }, [e]), g = a(
-    (n) => {
-      d(n), e(!1), i(n.label);
+  }, [e, a]);
+  const l = i(
+    (t) => {
+      const n = t.target;
+      (n == null ? void 0 : n.closest("[data-value]")) || e(!0);
     },
     [e]
   );
   return {
-    isOpen: r,
-    selectedTag: c,
-    value: u,
-    wrapperRef: t,
-    handleClickTag: g,
-    handleOpenDropdown: f
+    wrapperRef: a,
+    handleOpen: l
   };
 };
 export {
-  C as useTagSelect
+  g as useTagSelect
 };

package/dist/components/TextArea/TextArea.js

@@ -1,35 +1,36 @@
-import { jsxs as h, jsx as s } from "react/jsx-runtime";
-import { forwardRef as v, useId as N, useState as T, useCallback as j } from "react";
-import "../../contexts/theme.context.js";
-import { useTheme as A } from "../../contexts/theme.hook.js";
-import "../../js.cookie-OLEfuq_g.js";
-import { cn as I } from "../../utils/index.js";
-import { textAreaVariants as V } from "./TextArea.variants.js";
-const q = v(
-  ({ initialValue: o, label: t, name: a, placeholder: l, rows: c = 3, theme: i, onChange: e }, p) => {
-    const r = N(), { theme: u } = A(), m = a ? `${r}-name` : r, [d, f] = T(o ?? ""), n = j(
-      (x) => {
-        f(x.target.value), e == null || e();
-      },
-      [e]
-    );
-    return /* @__PURE__ */ h("div", { className: "flex flex-col gap-2", children: [
-      t ? /* @__PURE__ */ s("label", { htmlFor: m, className: "cursor-pointer", children: t }) : null,
-      /* @__PURE__ */ s(
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
+import { forwardRef as x, useId as u } from "react";
+import { cn as h } from "../../utils/index.js";
+import { textAreaVariants as p } from "./TextArea.variants.js";
+const I = x(
+  ({
+    initialValue: m,
+    label: e,
+    name: l,
+    placeholder: s,
+    rows: c = 3,
+    theme: i,
+    className: n,
+    ...r
+  }, d) => {
+    const t = u(), a = l ? `${t}-name` : t;
+    return /* @__PURE__ */ f("div", { className: "flex flex-col gap-2", "data-theme": i, children: [
+      e ? /* @__PURE__ */ o("label", { htmlFor: a, className: "cursor-pointer", children: e }) : null,
+      /* @__PURE__ */ o(
         "textarea",
         {
-          id: m,
-          ref: p,
-          className: I(V({ theme: i ?? u })),
+          id: a,
+          ref: d,
+          className: h(p({ className: n })),
           rows: c,
-          placeholder: l,
-          value: d,
-          onChange: n
+          placeholder: s,
+          value: m ?? r.value,
+          ...r
         }
       )
     ] });
   }
 );
 export {
-  q as TextArea
+  I as TextArea
 };

package/dist/components/TextArea/TextArea.variants.js

@@ -1,34 +1,21 @@
-import { c as e } from "../../index-BNmRGtA6.js";
-const i = e(
-  [
-    "border",
-    "border-gray-200",
-    "disabled:cursor-not-allowed",
-    "disabled:opacity-50",
-    "focus-visible:outline-none",
-    "focus-visible:ring-1",
-    "focus-visible:ring-ring",
-    "p-2",
-    "placeholder:text-gray-300",
-    "resize-none",
-    "rounded-md",
-    "shadow-sm",
-    "text-base",
-    "w-full"
-  ],
-  {
-    variants: {
-      theme: {
-        colony: "focus:ring-red-700",
-        kubefirst: "focus:ring-kubefirst-primary",
-        civo: ""
-      }
-    },
-    defaultVariants: {
-      theme: "kubefirst"
-    }
-  }
-);
+import { c as r } from "../../index-BNmRGtA6.js";
+const e = r([
+  "border",
+  "border-gray-200",
+  "disabled:cursor-not-allowed",
+  "disabled:opacity-50",
+  "focus-visible:outline-none",
+  "focus-visible:ring-1",
+  "focus-visible:ring-ring",
+  "p-2",
+  "placeholder:text-gray-300",
+  "resize-none",
+  "rounded-md",
+  "shadow-xs",
+  "w-full",
+  "focus:ring-kubefirst-primary",
+  "colony:focus:ring-red-700"
+]);
 export {
-  i as textAreaVariants
+  e as textAreaVariants
 };