@konstructio/ui 0.0.12-alpha.2 → 0.0.12-alpha.3

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/Toast/Toast.js

@@ -2,12 +2,12 @@ import { jsx as c, jsxs as D, Fragment as se } from "react/jsx-runtime";
 import { u as ae, S as j } from "../../index-B_6_jmOO.js";
 import * as s from "react";
 import { useState as Re, useRef as be, useEffect as ge, useMemo as oe, isValidElement as re, useCallback as Se } from "react";
-import { P as L, r as Ie, d as Ne } from "../../index-BTeAm7mx.js";
+import { P as L, r as Ie, d as Ne } from "../../index-D7QNmo_D.js";
 import { c as Ae, a as Fe, b, d as X, u as _e } from "../../index-Cva-e5M4.js";
 import { c as De } from "../../index-BbsJ0VIJ.js";
-import { B as Le, R as Oe, P as Me } from "../../index-B33at13_.js";
+import { B as Le, R as Oe, P as Me } from "../../index-D_76wh4w.js";
 import { P as ke } from "../../index-Dj1pom3_.js";
-import { V as ie, R as Ve } from "../../index-Z1voPZOH.js";
+import { V as ie, R as Ve } from "../../index-CbTU3cnP.js";
 import { cn as q } from "../../utils/index.js";
 import { closeToastVariants as Ke, toastVariants as He, viewportToastVariants as We } from "./Toast.variants.js";
 import { X as Xe } from "../../x-DU-Zw-L_.js";

package/dist/components/Typography/Typography.js

@@ -1,30 +1,31 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useId as h } from "react";
-import { typographyVariants as i } from "./Typography.variants.js";
-import { useTheme as y } from "../../contexts/theme.hook.js";
-const n = ({
-  className: o,
-  theme: t,
-  children: e,
-  variant: r,
-  ...m
+import { jsx as c } from "react/jsx-runtime";
+import { useId as d } from "react";
+import { typographyVariants as f } from "./Typography.variants.js";
+import { useTheme as n } from "../../contexts/theme.hook.js";
+const u = ({
+  className: e,
+  theme: m,
+  children: p,
+  variant: o,
+  component: s,
+  ...t
 }) => {
-  const p = h(), { theme: s } = y();
-  return /* @__PURE__ */ a(
-    "p",
+  const r = d(), { theme: h } = n(), y = s ?? (o != null && o.includes("h") ? o : "p");
+  return /* @__PURE__ */ c(
+    y,
     {
-      id: p,
-      className: i({
-        className: o,
-        theme: t ?? s,
-        variant: r
+      id: r,
+      className: f({
+        className: e,
+        theme: m ?? h,
+        variant: o
       }),
-      ...m,
-      children: e
+      ...t,
+      children: p
     }
   );
 };
-n.displayName = "Typography";
+u.displayName = "Typography";
 export {
-  n as Typography
+  u as Typography
 };

package/dist/components/Typography/Typography.variants.js

@@ -1,29 +1,56 @@
 import { c as t } from "../../index-BNmRGtA6.js";
-const x = t([""], {
+const e = t(["font-normal", "text-zinc-700"], {
   variants: {
     variant: {
-      h1: "text-[57px] font-normal leading-[64px]",
-      h2: "text-[45px] font-normal leading-[52px]",
-      h3: "text-[36px] font-normal leading-[44px]",
-      h4: "text-[32px] font-normal leading-[40px]",
-      h5: "text-[28px] font-normal leading-[36px]",
-      h6: "text-[24px] font-medium leading-[32px] tracking-[0.15px]",
-      subtitle1: "text-[22px] font-normal leading-[28px]",
-      subtitle2: "text-[16px] font-medium leading-[24px] tracking-[0.15px]",
-      subtitle3: "text-[14px] font-medium leading-[20px] tracking-[0.1px]",
-      labelLarge: "text-[14px] font-normal leading-[20px] tracking-[0.1px]",
-      labelMedium: "text-[12px] font-medium leading-[16px] tracking-[0.5px] uppercase",
-      labelSmall: "text-[11px] font-medium leading-[16px] tracking-[0.5px] uppercase",
-      buttonSmall: "text-[14px] font-semibold leading-[20px] tracking-[0.25px]",
-      body1: "text-[16px] font-normal leading-[24px] tracking-[0.5px]",
-      body2: "text-[14px] font-normal leading-[20px] tracking-[0.25px]",
-      body3: "text-[12px] font-normal leading-[16px] tracking-[0.4px]",
-      tooltip: "text-[14px] font-normal leading-[22px]"
+      h1: ["text-[57px]", "leading-[64px]"],
+      h2: ["text-[45px]", "leading-[52px]"],
+      h3: ["text-[36px]", "leading-[44px]"],
+      h4: ["text-[32px]", "leading-[40px]"],
+      h5: ["text-[28px]", "leading-[36px]"],
+      h6: ["text-[24px]", "font-medium", "leading-[32px]", "tracking-[0.15px]"],
+      subtitle1: ["text-[22px]", "leading-[28px]"],
+      subtitle2: [
+        "text-[16px]",
+        "font-medium",
+        "leading-[24px]",
+        "tracking-[0.15px]"
+      ],
+      subtitle3: [
+        "text-[14px]",
+        "font-medium",
+        "leading-[20px]",
+        "tracking-[0.1px]"
+      ],
+      labelLarge: ["text-[14px]", "leading-[20px]", "tracking-[0.1px]"],
+      labelMedium: [
+        "text-[12px]",
+        "font-medium",
+        "leading-[16px]",
+        "tracking-[0.5px]",
+        "uppercase"
+      ],
+      labelSmall: [
+        "text-[11px]",
+        "font-medium",
+        "leading-[16px]",
+        "tracking-[0.5px]",
+        "uppercase"
+      ],
+      buttonSmall: [
+        "text-[14px]",
+        "font-semibold",
+        "leading-[20px]",
+        "tracking-[0.25px]"
+      ],
+      body1: ["text-[16px]", "leading-[24px]", "tracking-[0.5px]"],
+      body2: ["text-[14px]", "leading-[20px]", "tracking-[0.25px]"],
+      body3: ["text-[12px]", "leading-[16px]", "tracking-[0.4px]"],
+      tooltip: ["text-[14px]", "leading-[22px]"]
     },
     theme: {
-      kubefirst: "text-zinc-700",
-      colony: "text-zinc-700",
-      civo: "text-zinc-700"
+      kubefirst: "",
+      colony: "",
+      civo: ""
     }
   },
   defaultVariants: {
@@ -32,5 +59,5 @@ const x = t([""], {
   }
 });
 export {
-  x as typographyVariants
+  e as typographyVariants
 };

package/dist/components/index.js

@@ -7,7 +7,7 @@ import { Card as n } from "./Card/Card.js";
 import { Checkbox as l } from "./Checkbox/Checkbox.js";
 import { Dropdown as c } from "./Dropdown/Dropdown.js";
 import { Input as N } from "./Input/Input.js";
-import { M as S } from "../Modal-DZUwNzSW.js";
+import { M as S } from "../Modal-ByNiP7eb.js";
 import { NumberInput as s } from "./NumberInput/NumberInput.js";
 import { ProgressBar as C } from "./ProgressBar/ProgressBar.js";
 import { Radio as B } from "./Radio/Radio.js";

package/dist/{index-C6WtlN_F.js → index-BzaHYXkt.js}

@@ -2,7 +2,7 @@ import * as d from "react";
 import { a as ae, c as ce, b as _ } from "./index-Cva-e5M4.js";
 import { u as K } from "./index-B_6_jmOO.js";
 import { a as le, u as de } from "./index-4ecjw_Aj.js";
-import { P as T } from "./index-BTeAm7mx.js";
+import { P as T } from "./index-D7QNmo_D.js";
 import { c as ue } from "./index-BbsJ0VIJ.js";
 import { jsx as g, jsxs as fe } from "react/jsx-runtime";
 function $(e, [t, n]) {

package/dist/{index-Z1voPZOH.js → index-CbTU3cnP.js}

@@ -1,5 +1,5 @@
 import * as e from "react";
-import { P as o } from "./index-BTeAm7mx.js";
+import { P as o } from "./index-D7QNmo_D.js";
 import { jsx as t } from "react/jsx-runtime";
 var d = "VisuallyHidden", a = e.forwardRef(
   (r, i) => /* @__PURE__ */ t(