@konstructio/ui 0.1.0-alpha.9 → 0.1.1-alpha.2

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

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

package/dist/components/Tag/Tag.js

@@ -1,5 +1,5 @@
 import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import { S as r } from "../../index-B5MIi2tR.js";
+import { S as r } from "../../index-DQH6odE9.js";
 import { cn as o } from "../../utils/index.js";
 import { tagVariants as c } from "./Tag.variants.js";
 const u = ({

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

@@ -1,4 +1,4 @@
-import { c as e } from "../../index-BNmRGtA6.js";
+import { c as e } from "../../index-D29mdTf5.js";
 const f = e(
   [
     "px-2",

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

@@ -1,4 +1,4 @@
-import { c as e } from "../../index-BNmRGtA6.js";
+import { c as e } from "../../index-D29mdTf5.js";
 const t = e([
   "flex",
   "flex-col",

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

@@ -1,4 +1,4 @@
-import { c as e } from "../../../../index-BNmRGtA6.js";
+import { c as e } from "../../../../index-D29mdTf5.js";
 const t = e(
   [
     "cursor-pointer",

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

@@ -1,4 +1,4 @@
-import { c as o } from "../../../../index-BNmRGtA6.js";
+import { c as o } from "../../../../index-D29mdTf5.js";
 const a = o([
   "absolute",
   "bg-white",

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

@@ -1,32 +1,30 @@
-import { useRef as c, useEffect as u, useCallback as i } from "react";
-import { useTagSelect as d } from "../contexts/TagSelect.hook.js";
+import { useRef as l, useEffect as c, useCallback as u } from "react";
+import { useTagSelect as i } 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);
-    }, o = (s) => {
-      var r;
-      (r = a.current) != null && r.contains(s.target) || e(!1);
+  const n = l(null), { onOpen: e } = i();
+  c(() => {
+    const t = new AbortController(), s = (a) => {
+      a.key === "Escape" && e(!1);
+    }, o = (a) => {
+      n.current?.contains(a.target) || e(!1);
     };
-    return document.addEventListener("keydown", n, {
+    return document.addEventListener("keydown", s, {
       signal: t.signal
     }), document.addEventListener("mousedown", o, {
       signal: t.signal
     }), () => {
       t.abort();
     };
-  }, [e, a]);
-  const l = i(
+  }, [e, n]);
+  const r = u(
     (t) => {
-      const n = t.target;
-      (n == null ? void 0 : n.closest("[data-value]")) || e(!0);
+      t.target?.closest("[data-value]") || e(!0);
     },
     [e]
   );
   return {
-    wrapperRef: a,
-    handleOpen: l
+    wrapperRef: n,
+    handleOpen: r
   };
 };
 export {

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

@@ -1,5 +1,5 @@
-import { c as r } from "../../index-BNmRGtA6.js";
-const e = r([
+import { c as r } from "../../index-D29mdTf5.js";
+const o = r([
   "border",
   "border-gray-200",
   "disabled:cursor-not-allowed",
@@ -13,9 +13,8 @@ const e = r([
   "rounded-md",
   "shadow-xs",
   "w-full",
-  "focus:ring-kubefirst-primary",
-  "colony:focus:ring-red-700"
+  "focus:ring-kubefirst-primary"
 ]);
 export {
-  e as textAreaVariants
+  o as textAreaVariants
 };

package/dist/components/TimePicker/TimePicker.variants.js

@@ -1,4 +1,4 @@
-import { c as r } from "../../index-BNmRGtA6.js";
+import { c as r } from "../../index-D29mdTf5.js";
 const t = r([
   "border",
   "rounded",
@@ -11,8 +11,7 @@ const t = r([
   "cursor-pointer",
   "transition-all",
   "transition-duration-100",
-  "data-[open=true]:border-blue-primary",
-  "data-[open=true]:border-civo-primary",
+  "data-[open=true]:border-aurora-500",
   "text-sm"
 ]), o = r([
   "snap-y",
@@ -21,7 +20,7 @@ const t = r([
   "scrollbar-none",
   "flex",
   "flex-col"
-]), a = r([
+]), n = r([
   "w-[60px]",
   "h-[40px]",
   "snap-start",
@@ -41,7 +40,7 @@ const t = r([
   "data-[active=true]:font-medium",
   "focus-visible:border-blue-200",
   "focus-within:border-blue-200"
-]), n = r([
+]), a = r([
   "flex",
   "items-center",
   "justify-center",
@@ -55,8 +54,8 @@ const t = r([
   "text-sm"
 ]);
 export {
-  n as buttonVariants,
-  a as liVariants,
+  a as buttonVariants,
+  n as liVariants,
   t as timePickerVariants,
   o as ulVariants
 };

package/dist/components/TimePicker/components/HoursList/HoursList.js

@@ -5,25 +5,20 @@ import { buttonVariants as b, liVariants as d, ulVariants as h } from "../../Tim
 import { useTimePickerContext as k } from "../../contexts/time-picker.hook.js";
 const H = ({ hours: l, scrollBehavior: i }) => {
   const n = p(null), u = p(!0), { format: c, onSelectHour: m } = k(), s = c === "12" && l >= 12 ? l - 12 : l, f = v(
-    (r, e) => {
-      var t;
-      (t = r.currentTarget) == null || t.blur(), m(e);
+    (r, t) => {
+      r.currentTarget?.blur(), m(t);
     },
     [m]
   );
   if (y(() => {
     if (u.current) {
-      const r = n.current, e = s === 0 && c === "12" ? 12 : s;
-      if (r) {
-        const t = r.querySelector(
-          `[data-value="${`0${e}`.slice(-2)}"]`
-        );
-        t == null || t.scrollIntoView({
-          behavior: i,
-          block: "center"
-        });
-      }
-      u.current = !1;
+      const r = n.current, t = s === 0 && c === "12" ? 12 : s;
+      r && r.querySelector(
+        `[data-value="${`0${t}`.slice(-2)}"]`
+      )?.scrollIntoView({
+        behavior: i,
+        block: "center"
+      }), u.current = !1;
     }
   }, [c, s, i]), c === "12") {
     const r = s === 0 ? 12 : s;
@@ -34,12 +29,12 @@ const H = ({ hours: l, scrollBehavior: i }) => {
         className: o(h()),
         "aria-label": "hours",
         role: "listbox",
-        children: Array.from({ length: 12 }, (e, t) => /* @__PURE__ */ a(
+        children: Array.from({ length: 12 }, (t, e) => /* @__PURE__ */ a(
           "li",
           {
             className: o(d()),
-            "data-value": `0${t + 1}`.slice(-2),
-            "data-active": r - 1 === t,
+            "data-value": `0${e + 1}`.slice(-2),
+            "data-active": r - 1 === e,
             role: "presentation",
             children: /* @__PURE__ */ a(
               "button",
@@ -47,12 +42,12 @@ const H = ({ hours: l, scrollBehavior: i }) => {
                 type: "button",
                 role: "option",
                 className: o(b()),
-                onClick: (N) => f(N, t + 1),
-                children: t + 1
+                onClick: (N) => f(N, e + 1),
+                children: e + 1
               }
             )
           },
-          t
+          e
         ))
       }
     );
@@ -64,12 +59,12 @@ const H = ({ hours: l, scrollBehavior: i }) => {
       className: o(h()),
       "aria-label": "hours",
       role: "listbox",
-      children: Array.from({ length: 24 }, (r, e) => /* @__PURE__ */ a(
+      children: Array.from({ length: 24 }, (r, t) => /* @__PURE__ */ a(
         "li",
         {
           className: o(d()),
-          "data-value": `0${e}`.slice(-2),
-          "data-active": l === e,
+          "data-value": `0${t}`.slice(-2),
+          "data-active": l === t,
           role: "presentation",
           children: /* @__PURE__ */ a(
             "button",
@@ -77,12 +72,12 @@ const H = ({ hours: l, scrollBehavior: i }) => {
               type: "button",
               role: "option",
               className: o(b()),
-              onClick: (t) => f(t, e),
-              children: e
+              onClick: (e) => f(e, t),
+              children: t
             }
           )
         },
-        e
+        t
       ))
     }
   );

package/dist/components/TimePicker/components/MeridianList/MeridianList.js

@@ -1,31 +1,30 @@
-import { jsxs as b, jsx as r } from "react/jsx-runtime";
-import { useCallback as N } from "react";
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { useCallback as b } from "react";
 import { cn as t } from "../../../../utils/index.js";
-import { buttonVariants as c, liVariants as s } from "../../TimePicker.variants.js";
-import { useTimePickerContext as x } from "../../contexts/time-picker.hook.js";
-const M = ({
-  listClassName: m,
+import { buttonVariants as n, liVariants as c } from "../../TimePicker.variants.js";
+import { useTimePickerContext as N } from "../../contexts/time-picker.hook.js";
+const x = ({
+  listClassName: s,
   listItemClassName: a,
   listItemButtonClassName: i
 }) => {
-  const { format: p, isAM: l, onSelectAM: u, onSelectPM: d } = x(), o = N(
-    (e, f) => {
-      var n;
-      (n = e.currentTarget) == null || n.blur(), f();
+  const { format: m, isAM: l, onSelectAM: p, onSelectPM: u } = N(), o = b(
+    (e, d) => {
+      e.currentTarget?.blur(), d();
     },
     []
   );
-  return p === "24" ? null : /* @__PURE__ */ b(
+  return m === "24" ? null : /* @__PURE__ */ f(
     "ul",
     {
-      className: t("flex items-center justify-center flex-col", m),
+      className: t("flex items-center justify-center flex-col", s),
       "aria-label": "meridian",
       role: "listbox",
       children: [
         /* @__PURE__ */ r(
           "li",
           {
-            className: t(s({ className: a })),
+            className: t(c({ className: a })),
             "data-active": l,
             role: "presentation",
             children: /* @__PURE__ */ r(
@@ -33,8 +32,8 @@ const M = ({
               {
                 type: "button",
                 role: "option",
-                className: t(c({ className: i })),
-                onClick: (e) => o(e, u),
+                className: t(n({ className: i })),
+                onClick: (e) => o(e, p),
                 children: "AM"
               }
             )
@@ -43,7 +42,7 @@ const M = ({
         /* @__PURE__ */ r(
           "li",
           {
-            className: t(s({ className: a })),
+            className: t(c({ className: a })),
             "data-active": !l,
             role: "presentation",
             children: /* @__PURE__ */ r(
@@ -51,8 +50,8 @@ const M = ({
               {
                 type: "button",
                 role: "option",
-                className: t(c({ className: i })),
-                onClick: (e) => o(e, d),
+                className: t(n({ className: i })),
+                onClick: (e) => o(e, u),
                 children: "PM"
               }
             )
@@ -62,7 +61,7 @@ const M = ({
     }
   );
 };
-M.displayName = "MeridianList";
+x.displayName = "MeridianList";
 export {
-  M as MeridianList
+  x as MeridianList
 };

package/dist/components/TimePicker/components/MinutesList/MinutesList.js

@@ -1,50 +1,49 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useRef as i, useEffect as p, useCallback as f } from "react";
-import { cn as n } from "../../../../utils/index.js";
+import { jsx as r } from "react/jsx-runtime";
+import { useRef as c, useEffect as p, useCallback as f } from "react";
+import { cn as o } from "../../../../utils/index.js";
 import { buttonVariants as b, liVariants as h, ulVariants as d } from "../../TimePicker.variants.js";
 import { useTimePickerContext as k } from "../../contexts/time-picker.hook.js";
-const y = ({ minutes: a, scrollBehavior: l }) => {
-  const s = i(null), u = i(a), { onSelectMinute: c } = k();
+const y = ({ minutes: n, scrollBehavior: a }) => {
+  const l = c(null), u = c(n), { onSelectMinute: s } = k();
   p(() => {
-    const r = s.current;
-    if (r) {
-      const e = `0${u.current}`.slice(-2), t = r.querySelector(
+    const t = l.current;
+    if (t) {
+      const e = `0${u.current}`.slice(-2);
+      t.querySelector(
         `[data-value="${e}"]`
-      );
-      t == null || t.scrollIntoView({
-        behavior: l,
+      )?.scrollIntoView({
+        behavior: a,
         block: "center"
       });
     }
-  }, [l]);
+  }, [a]);
   const m = f(
-    (r, e) => {
-      var t;
-      c(r), (t = e.currentTarget) == null || t.blur();
+    (t, e) => {
+      s(t), e.currentTarget?.blur();
     },
-    [c]
+    [s]
   );
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ r(
     "ul",
     {
-      ref: s,
-      className: n(d()),
+      ref: l,
+      className: o(d()),
       "aria-label": "minutes",
       role: "listbox",
-      children: Array.from({ length: 60 }, (r, e) => /* @__PURE__ */ o(
+      children: Array.from({ length: 60 }, (t, e) => /* @__PURE__ */ r(
         "li",
         {
-          className: n(h()),
+          className: o(h()),
           "data-value": `0${e}`.slice(-2),
-          "data-active": a === e,
+          "data-active": n === e,
           role: "presentation",
-          children: /* @__PURE__ */ o(
+          children: /* @__PURE__ */ r(
             "button",
             {
               type: "button",
               role: "option",
-              className: n(b()),
-              onClick: (t) => m(e, t),
+              className: o(b()),
+              onClick: (i) => m(e, i),
               children: `0${e}`.slice(-2)
             }
           )

package/dist/components/TimePicker/components/Wrapper/Wrapper.js

@@ -1,31 +1,30 @@
 import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { useId as y, useState as E, useRef as O, useCallback as I, useEffect as L } from "react";
-import { cn as d } from "../../../../utils/index.js";
-import { timePickerVariants as j } from "../../TimePicker.variants.js";
-import { WrapperList as P } from "../WrapperList/WrapperList.js";
-import { C as R } from "../../../../chevron-down-UW8ts6wI.js";
-import { useTimePickerContext as T } from "../../contexts/time-picker.hook.js";
-const $ = ({
-  name: p,
+import { useId as N, useState as y, useRef as E, useCallback as O, useEffect as I } from "react";
+import { cn as m } from "../../../../utils/index.js";
+import { timePickerVariants as L } from "../../TimePicker.variants.js";
+import { WrapperList as j } from "../WrapperList/WrapperList.js";
+import { C as P } from "../../../../chevron-down-CVce9Mvh.js";
+import { useTimePickerContext as R } from "../../contexts/time-picker.hook.js";
+const V = ({
+  name: d,
   label: i,
-  required: f,
-  scrollBehavior: u,
-  className: x,
-  listClassName: h,
-  listItemClassName: w,
-  listItemButtonClassName: b
+  required: p,
+  scrollBehavior: f,
+  className: u,
+  listClassName: x,
+  listItemClassName: h,
+  listItemButtonClassName: w
 }) => {
-  const g = y(), [n, r] = E(!1), l = O(null), { format: k, formattedTime: c } = T(), s = p ?? `time-${g}`, v = I(() => r((e) => !e), []);
-  return L(() => {
-    const e = new AbortController(), C = (o) => {
+  const b = N(), [n, r] = y(!1), l = E(null), { format: g, formattedTime: c } = R(), s = d ?? `time-${b}`, k = O(() => r((e) => !e), []);
+  return I(() => {
+    const e = new AbortController(), v = (o) => {
       o.key === "Escape" && r(!1);
-    }, N = (o) => {
-      var m;
-      (m = l.current) != null && m.contains(o.target) || r(!1);
+    }, C = (o) => {
+      l.current?.contains(o.target) || r(!1);
     };
-    return document.addEventListener("mousedown", N, {
+    return document.addEventListener("mousedown", C, {
       signal: e.signal
-    }), document.addEventListener("keydown", C, {
+    }), document.addEventListener("keydown", v, {
       signal: e.signal
     }), () => {
       e.abort();
@@ -34,15 +33,15 @@ const $ = ({
     "div",
     {
       ref: l,
-      className: d(
+      className: m(
         "w-max text-slate-800 text-sm flex flex-col gap-2",
-        k === "12" ? "w-[208px]" : "w-[140px]"
+        g === "12" ? "w-[208px]" : "w-[140px]"
       ),
       children: [
         i ? /* @__PURE__ */ t("label", { htmlFor: s, className: "text-slate-500 font-medium", children: [
           i,
           " ",
-          f && /* @__PURE__ */ a("span", { className: "text-red-600", children: "*" })
+          p && /* @__PURE__ */ a("span", { className: "text-red-600", children: "*" })
         ] }) : null,
         /* @__PURE__ */ t("div", { className: "relative", children: [
           /* @__PURE__ */ t(
@@ -52,13 +51,13 @@ const $ = ({
               "aria-haspopup": "listbox",
               "aria-expanded": "true",
               "aria-controls": "time-options",
-              className: d(j({ className: x })),
+              className: m(L({ className: u })),
               "data-open": n,
-              onClick: v,
+              onClick: k,
               children: [
                 c,
                 /* @__PURE__ */ a(
-                  R,
+                  P,
                   {
                     className: "w-4 h-4 transition-all text-gray-400 data-[open=true]:rotate-180",
                     "data-open": n
@@ -68,13 +67,13 @@ const $ = ({
             }
           ),
           /* @__PURE__ */ a(
-            P,
+            j,
             {
               isOpen: n,
-              scrollBehavior: u,
-              listClassName: h,
-              listItemClassName: w,
-              listItemButtonClassName: b
+              scrollBehavior: f,
+              listClassName: x,
+              listItemClassName: h,
+              listItemButtonClassName: w
             }
           )
         ] }),
@@ -92,5 +91,5 @@ const $ = ({
   );
 };
 export {
-  $ as Wrapper
+  V as Wrapper
 };

package/dist/components/TimePicker/components/WrapperList/WrapperList.variants.js

@@ -1,4 +1,4 @@
-import { c as a } from "../../../../index-BNmRGtA6.js";
+import { c as a } from "../../../../index-D29mdTf5.js";
 const p = a([
   "flex",
   "gap-1.5",