@konstructio/ui 0.1.3 → 0.1.4

package/dist/components/Filter/components/TimeFilterDropdown/TimeFilterDropdown.js

@@ -1,17 +1,17 @@
 import { t as k } from "../../../../chevron-down-BODx0Q7h.js";
 import { Badge as N } from "../../../Badge/Badge.js";
-import { Button as s } from "../../../Button/Button.js";
+import { Button as m } from "../../../Button/Button.js";
 import { filterButtonIconVariants as C, filterButtonVariants as w } from "../../Filter.variants.js";
 import { TimePicker as B } from "../../../TimePicker/TimePicker.js";
 import { t as a } from "../../../../utils-DnIJruo0.js";
 import { FilterDropdown as D } from "../FilterDropdown/FilterDropdown.js";
 import { useTimeFilterDropdown as F } from "./hooks/useTimeFilterDropdown/useTimeFilterDropdown.js";
 import { Fragment as j, jsx as e, jsxs as l } from "react/jsx-runtime";
-var q = ({ label: p, position: g = "left", format: r = "24", presets: n, showTimePicker: i = !0, onApply: x }) => {
-  const { appliedLabel: c, isOpen: o, selectedTime: h, selectedPresetLabel: d, handleApply: b, handleOpenChange: u, handleSelectPreset: f, handleSelectCustom: y, handleReset: v } = F({
+var q = ({ label: p, position: g = "left", format: t = "24", presets: n, showTimePicker: i = !0, onApply: x }) => {
+  const { appliedLabel: s, isOpen: o, selectedTime: b, selectedPresetLabel: c, handleApply: h, handleOpenChange: u, handleSelectPreset: f, handleSelectCustom: y, handleReset: v } = F({
     onApply: x,
-    format: r
-  }), m = n && n.length > 0;
+    format: t
+  }), d = n && n.length > 0;
   return /* @__PURE__ */ l(D, {
     isOpen: o,
     position: g,
@@ -19,7 +19,7 @@ var q = ({ label: p, position: g = "left", format: r = "24", presets: n, showTim
     triggerClassName: a(w(), { "text-slate-700 dark:text-metal-100": o }),
     trigger: /* @__PURE__ */ l(j, { children: [
       p,
-      c && /* @__PURE__ */ e(N, { label: c }),
+      s && /* @__PURE__ */ e(N, { label: s }),
       /* @__PURE__ */ e(k, { className: a(C(), { "rotate-180 text-blue-600 dark:text-aurora-500": o }) })
     ] }),
     onOpenChange: u,
@@ -27,29 +27,29 @@ var q = ({ label: p, position: g = "left", format: r = "24", presets: n, showTim
       /* @__PURE__ */ l("div", {
         className: "flex",
         children: [
-          m && /* @__PURE__ */ e("div", {
+          d && /* @__PURE__ */ e("div", {
             className: "flex flex-col gap-1 py-4 px-4 min-w-40",
-            children: n.map((t) => /* @__PURE__ */ e("button", {
+            children: n.map((r) => /* @__PURE__ */ e("button", {
               type: "button",
-              className: a("text-left", "px-3", "py-1.5", "rounded", "cursor-pointer", "text-sm", "whitespace-nowrap", "transition-colors", "hover:bg-gray-100", "dark:hover:bg-metal-700", {
-                "bg-blue-50 text-blue-600 dark:bg-metal-700 dark:text-aurora-500": d === t.label,
-                "text-gray-700 dark:text-gray-300": d !== t.label
+              className: a("text-left", "px-3", "py-1.5", "rounded", "outline-none", "focus-visible:ring-1", "focus-visible:ring-aurora-500", "cursor-pointer", "text-sm", "whitespace-nowrap", "transition-colors", "hover:bg-gray-100", "dark:hover:bg-metal-700", {
+                "bg-blue-50 text-blue-600 dark:bg-metal-700 dark:text-aurora-500": c === r.label,
+                "text-gray-700 dark:text-gray-300": c !== r.label
               }),
-              onClick: () => f(t),
-              children: t.label
-            }, t.label))
+              onClick: () => f(r),
+              children: r.label
+            }, r.label))
           }),
-          m && i && /* @__PURE__ */ e("div", { className: "w-px bg-gray-200 dark:bg-metal-700" }),
+          d && i && /* @__PURE__ */ e("div", { className: "w-px bg-gray-200 dark:bg-metal-700" }),
           i && /* @__PURE__ */ e("div", {
             className: "py-4 px-6",
             children: /* @__PURE__ */ e("div", {
               className: a({
-                "w-35.5": r === "24",
-                "w-52": r === "12"
+                "w-35.5": t === "24",
+                "w-52": t === "12"
               }),
               children: /* @__PURE__ */ e(B, {
-                format: r,
-                time: h,
+                format: t,
+                time: b,
                 onChange: y,
                 mode: "input"
               })
@@ -60,14 +60,14 @@ var q = ({ label: p, position: g = "left", format: r = "24", presets: n, showTim
       /* @__PURE__ */ e("div", { className: "h-px bg-gray-200 dark:bg-metal-700" }),
       /* @__PURE__ */ l("div", {
         className: a("flex", "justify-end", "items-center", "gap-4", "px-6", "py-3"),
-        children: [/* @__PURE__ */ e(s, {
+        children: [/* @__PURE__ */ e(m, {
           variant: "secondary",
           appearance: "compact",
           onClick: v,
           children: "Reset"
-        }), /* @__PURE__ */ e(s, {
+        }), /* @__PURE__ */ e(m, {
           appearance: "compact",
-          onClick: b,
+          onClick: h,
           children: "Apply"
         })]
       })

package/dist/components/Input/Input.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../Input-C1Js3pbF.js";
+import { t as o } from "../../Input-CE6J6HIW.js";
 export {
   o as Input
 };

package/dist/components/Modal/components/Wrapper/Wrapper.variants.js

@@ -1,5 +1,5 @@
 import { t as e } from "../../../../dist-B9GE4SXf.js";
-var r = e([
+var t = e([
   "bg-white",
   "border",
   "border-transparent",
@@ -28,6 +28,10 @@ var r = e([
   "right-1.5",
   "top-1.5",
   "cursor-pointer",
+  "rounded",
+  "outline-none",
+  "focus-visible:ring-1",
+  "focus-visible:ring-aurora-500",
   "text-slate-500",
   "dark:text-slate-300",
   "hover:text-slate-700",
@@ -35,5 +39,5 @@ var r = e([
 ]);
 export {
   a as buttonCloseVariants,
-  r as modalVariants
+  t as modalVariants
 };

package/dist/components/PhoneNumberInput/components/FlagContent/FlagContent.js

@@ -1,14 +1,14 @@
 import { t as n } from "../../../../chevron-up-B8hiVgxZ.js";
 import { t as s } from "../../../../utils-DnIJruo0.js";
 import { usePhoneNumberContext as l } from "../../contexts/phone-number.hook.js";
-import { jsx as a, jsxs as c } from "react/jsx-runtime";
-var u = () => {
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+var m = () => {
   const { selectedCountry: e, isOpenSelector: t, handleOpenSelector: o } = l(), { flag: r } = e;
-  return /* @__PURE__ */ c("button", {
+  return /* @__PURE__ */ i("button", {
     type: "button",
     "aria-label": `Select country, ${e.name}`,
     "aria-expanded": t,
-    className: "flex items-center gap-2 cursor-pointer",
+    className: "relative flex items-center gap-2 cursor-pointer tap-target touch-hit-area rounded outline-none focus-visible:ring-1 focus-visible:ring-aurora-500",
     onClick: () => o(!t),
     children: [/* @__PURE__ */ a(r, {}), /* @__PURE__ */ a(n, {
       className: s("transition-all", "duration-100", "data-[state=open]:rotate-0", "data-[state=closed]:rotate-180", "w-5", "h-5", "text-slate-400"),
@@ -17,5 +17,5 @@ var u = () => {
   });
 };
 export {
-  u as FlagContent
+  m as FlagContent
 };

package/dist/components/PhoneNumberInput/components/FlagSelectorWrapper/FlagSelectorWrapper.js

@@ -1,4 +1,4 @@
-import { t as i } from "../../../../Input-C1Js3pbF.js";
+import { t as i } from "../../../../Input-CE6J6HIW.js";
 import { usePhoneNumberContext as c } from "../../contexts/phone-number.hook.js";
 import { t as d } from "../../../../FlagSelectorList-PTBEUWVJ.js";
 import { t as p } from "../../../../utils-DnIJruo0.js";

package/dist/components/Range/Range.variants.js

@@ -8,7 +8,7 @@ var e = r([
   "border-gray-200",
   "rounded-full",
   "shadow-sm"
-]), s = r([
+]), i = r([
   "absolute",
   "h-full",
   "bg-kubefirst-secondary"
@@ -24,13 +24,18 @@ var e = r([
     lg: ["h-3"]
   } },
   defaultVariants: { size: "md" }
-}), i = r([
+}), s = r([
   "block",
   "w-5",
   "h-5",
   "rounded-full",
   "cursor-pointer",
+  "relative",
+  "tap-target",
+  "touch-hit-area",
   "focus-visible:outline-none",
+  "focus-visible:ring-2",
+  "focus-visible:ring-aurora-500",
   "shadow-md",
   "bg-white",
   "border",
@@ -44,8 +49,8 @@ var e = r([
   defaultVariants: { size: "md" }
 });
 export {
-  s as rangeOutsideVariants,
+  i as rangeOutsideVariants,
   e as rangeVariants,
-  i as thumbVariants,
+  s as thumbVariants,
   t as trackVariants
 };

package/dist/components/Select/Select.js

@@ -1,31 +1,32 @@
-import { n as y, t as d } from "../../utils-DnIJruo0.js";
-import { t as M } from "../../Wrapper-CyjvfERI.js";
-import { SelectProvider as S } from "./contexts/select.provider.js";
-import { n as b } from "../../AdditionalOptions-ClcR_Kf7.js";
-import { forwardRef as E, useId as G, useMemo as H } from "react";
-import { jsx as s, jsxs as P } from "react/jsx-runtime";
-var B = E(({ error: e, errorClassName: m, helperText: l, helperTextClassName: x, highlightSearch: h, id: u, mainWrapperClassName: I, name: r, value: g, options: t, onChange: v, onBlur: n, onValueChange: $, ...N }, O) => {
-  const c = G(), o = u ?? (r ? `${c}-${r}` : c), i = `${o}-error`, p = `${o}-helper-text`, a = typeof e == "string" && e.length > 0, f = !a && !!l, j = y(a && i, f && p), k = H(() => t.length ? b(t.at(0)) ? t.flatMap((w) => w.options) : t : [], [t]);
-  return /* @__PURE__ */ s(S, {
+import { n as M, t as d } from "../../utils-DnIJruo0.js";
+import { t as S } from "../../Wrapper-CyjvfERI.js";
+import { SelectProvider as b } from "./contexts/select.provider.js";
+import { n as E } from "../../AdditionalOptions-ClcR_Kf7.js";
+import { forwardRef as G, useId as H, useMemo as P } from "react";
+import { jsx as s, jsxs as R } from "react/jsx-runtime";
+var C = G(({ error: e, errorClassName: m, helperText: l, helperTextClassName: x, highlightSearch: h, showSelectedCheck: u, id: I, mainWrapperClassName: g, name: r, value: v, options: t, onChange: $, onBlur: n, onValueChange: N, ...O }, j) => {
+  const c = H(), o = I ?? (r ? `${c}-${r}` : c), i = `${o}-error`, p = `${o}-helper-text`, a = typeof e == "string" && e.length > 0, f = !a && !!l, k = M(a && i, f && p), w = P(() => t.length ? E(t.at(0)) ? t.flatMap((y) => y.options) : t : [], [t]);
+  return /* @__PURE__ */ s(b, {
     highlightSearch: h,
     name: r,
-    value: g,
-    options: k,
+    showSelectedCheck: u,
+    value: v,
+    options: w,
     onBlur: n,
-    onChange: v,
-    onValueChange: $,
-    children: /* @__PURE__ */ P("div", {
-      className: d("relative w-full", I),
+    onChange: $,
+    onValueChange: N,
+    children: /* @__PURE__ */ R("div", {
+      className: d("relative w-full", g),
       children: [
-        /* @__PURE__ */ s(M, {
-          describedBy: j,
+        /* @__PURE__ */ s(S, {
+          describedBy: k,
           error: e,
           fieldId: o,
           name: r,
-          ref: O,
+          ref: j,
           onBlur: n,
           groupedOptions: t,
-          ...N
+          ...O
         }),
         a ? /* @__PURE__ */ s("span", {
           id: i,
@@ -42,5 +43,5 @@ var B = E(({ error: e, errorClassName: m, helperText: l, helperTextClassName: x,
   });
 });
 export {
-  B as Select
+  C as Select
 };

package/dist/components/Select/components/ListItem/ListItem.js

@@ -1,64 +1,74 @@
-import { t as l } from "../../../../utils-DnIJruo0.js";
-import { Typography as x } from "../../../Typography/Typography.js";
-import { useSelectContext as I } from "../../contexts/select.hook.js";
-import { listItemVariants as C } from "./ListItem.variants.js";
-import { useRef as L } from "react";
-import { jsx as n, jsxs as m } from "react/jsx-runtime";
-function V(c, r) {
-  const i = r.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), o = new RegExp(`(${i})`, "gi");
-  return c.split(o).map((a, t) => a.toLowerCase() === r.toLowerCase() ? /* @__PURE__ */ n("mark", {
+import { CheckIcon as L } from "../../../../assets/icons/components/Check.js";
+import { t as c } from "../../../../utils-DnIJruo0.js";
+import { Typography as p } from "../../../Typography/Typography.js";
+import { useSelectContext as S } from "../../contexts/select.hook.js";
+import { listItemVariants as V } from "./ListItem.variants.js";
+import { useRef as j } from "react";
+import { jsx as a, jsxs as m } from "react/jsx-runtime";
+function z(l, n) {
+  const i = n.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), o = new RegExp(`(${i})`, "gi");
+  return l.split(o).map((r, t) => r.toLowerCase() === n.toLowerCase() ? /* @__PURE__ */ a("mark", {
     className: "bg-transparent font-semibold text-metal-800 dark:text-metal-50",
-    children: a
-  }, t) : /* @__PURE__ */ n("span", { children: a }, t));
+    children: r
+  }, t) : /* @__PURE__ */ a("span", { children: r }, t));
 }
-var D = ({ isEmpty: c, isClickable: r, className: i, inputRef: o, listItemSecondRowClassName: a, ...t }) => {
-  const { searchTerm: f, highlightSearchEnabled: g, setValue: p, toggleOpen: y } = I(), k = L(null), d = (e) => {
-    p(e.value, o), y(!1);
-  }, N = (e, s) => {
-    e.key === "Enter" && (e.stopPropagation(), d(s));
-  }, b = ({ label: e, rightComponent: s, subLabel: u, rightComponentClassName: w }) => {
-    if (c) return /* @__PURE__ */ n(x, {
+var O = ({ isEmpty: l, isClickable: n, className: i, inputRef: o, listItemSecondRowClassName: r, ...t }) => {
+  const { searchTerm: f, highlightSearchEnabled: k, showSelectedCheck: y, value: d, setValue: N, toggleOpen: w } = S(), b = j(null), u = !l && d !== void 0 && d === t.value, h = (e) => {
+    N(e.value, o), w(!1);
+  }, C = (e, s) => {
+    e.key === "Enter" && (e.stopPropagation(), h(s));
+  }, I = ({ label: e, rightComponent: s, subLabel: x, rightComponentClassName: v }) => {
+    if (l) return /* @__PURE__ */ a(p, {
       variant: "body2",
       className: "text-zinc-800 dark:text-metal-50 italic",
       children: e
     });
     if (typeof e != "string") return e;
-    const h = g && f.length > 0 ? V(e, f) : [e];
-    return /* @__PURE__ */ m(x, {
+    const g = k && f.length > 0 ? z(e, f) : [e];
+    return /* @__PURE__ */ m(p, {
       variant: "body2",
       className: "text-zinc-700 dark:text-metal-50 font-medium",
       children: [s ? /* @__PURE__ */ m("span", {
-        className: l("flex gap-2 items-center", w),
+        className: c("flex gap-2 items-center", v),
         children: [
-          h,
+          g,
           " ",
           s
         ]
-      }) : h, u ? /* @__PURE__ */ n("span", {
-        className: l("block font-normal text-sm text-metal-800 dark:text-metal-50", a),
-        children: u
+      }) : g, x ? /* @__PURE__ */ a("span", {
+        className: c("block font-normal text-sm text-metal-800 dark:text-metal-50", r),
+        children: x
       }) : null]
     });
   };
   return /* @__PURE__ */ m("li", {
-    ref: k,
+    ref: b,
     role: "option",
+    "aria-selected": u,
     "data-action": "false",
-    className: l(C({ className: i })),
+    className: c(V({ className: i })),
     tabIndex: 0,
     onClick: (e) => {
-      r && (d(t), e.stopPropagation());
+      n && (h(t), e.stopPropagation());
     },
-    onKeyDown: (e) => N(e, t),
-    children: [t.leftIcon ? /* @__PURE__ */ n("span", {
-      className: l("w-4 h-4 flex justify-center", {
-        "items-center": !t.subLabel,
-        "items-baseline -tranmetal-y-2": !!t.subLabel
-      }, t.leftIconClassName),
-      children: t.leftIcon
-    }) : null, b(t)]
+    onKeyDown: (e) => C(e, t),
+    children: [
+      t.leftIcon ? /* @__PURE__ */ a("span", {
+        className: c("w-4 h-4 flex justify-center", {
+          "items-center": !t.subLabel,
+          "items-baseline -tranmetal-y-2": !!t.subLabel
+        }, t.leftIconClassName),
+        children: t.leftIcon
+      }) : null,
+      I(t),
+      y && u ? /* @__PURE__ */ a(L, {
+        size: 16,
+        "aria-hidden": "true",
+        className: "ml-auto shrink-0 text-aurora-500"
+      }) : null
+    ]
   });
 };
 export {
-  D as ListItem
+  O as ListItem
 };

package/dist/components/Select/contexts/select.context.js

@@ -9,6 +9,7 @@ var t = e({
   page: 1,
   options: [],
   isTyping: !1,
+  showSelectedCheck: !1,
   setOptions() {
     throw new Error("setOptions function must be overridden");
   },

package/dist/components/Select/contexts/select.provider.js

@@ -1,49 +1,50 @@
-import { useToggle as N } from "../../../hooks/useToggle.js";
-import { SelectContext as O } from "./select.context.js";
+import { useToggle as O } from "../../../hooks/useToggle.js";
+import { SelectContext as R } from "./select.context.js";
 import { useCallback as T, useEffect as p, useRef as v, useState as e } from "react";
-import { jsx as R } from "react/jsx-runtime";
-var c = 1, Y = 300, w = ({ children: E, value: S, name: i, highlightSearch: d = !1, options: n, onChange: a, onBlur: u, onValueChange: l }) => {
-  const [C, g] = e(n), F = v(d), [P, h] = N(!1), [I, b] = e(""), [x, A] = e(!0), [_, o] = e(!0), [y, s] = e(c), [D, m] = e(!1), t = v(void 0), G = T((r, f) => {
-    f?.current && (f.current.value = r), t.current && clearTimeout(t.current), m(!0), o(!0), s(c), a?.({ target: {
+import { jsx as Y } from "react/jsx-runtime";
+var c = 1, j = 300, z = ({ children: E, value: S, name: i, highlightSearch: d = !1, showSelectedCheck: C = !1, options: n, onChange: a, onBlur: u, onValueChange: l }) => {
+  const [F, g] = e(n), P = v(d), [I, f] = O(!1), [b, x] = e(""), [A, _] = e(!0), [y, s] = e(!0), [D, o] = e(c), [G, h] = e(!1), t = v(void 0), L = T((r, m) => {
+    m?.current && (m.current.value = r), t.current && clearTimeout(t.current), h(!0), s(!0), o(c), a?.({ target: {
       value: r,
       name: i ?? ""
     } }), l?.(r), u?.(), t.current = setTimeout(() => {
-      m(!1);
-    }, Y);
+      h(!1);
+    }, j);
   }, [
     a,
     l,
     i,
     u
-  ]), L = T((r) => {
-    h(r), o(!0), s(c);
-  }, [h]);
+  ]), N = T((r) => {
+    f(r), s(!0), o(c);
+  }, [f]);
   return p(() => {
     g(n);
   }, [n.length]), p(() => () => {
     t.current && clearTimeout(t.current);
-  }, []), /* @__PURE__ */ R(O.Provider, {
+  }, []), /* @__PURE__ */ Y(R.Provider, {
     value: {
-      highlightSearchEnabled: F.current,
-      isOpen: P,
-      searchTerm: I,
+      highlightSearchEnabled: P.current,
+      isOpen: I,
+      searchTerm: b,
       value: S,
-      canFilter: x,
-      canContinueFetching: _,
-      page: y,
-      options: C,
-      isTyping: D,
+      canFilter: A,
+      canContinueFetching: y,
+      page: D,
+      options: F,
+      isTyping: G,
+      showSelectedCheck: C,
       setOptions: g,
-      setPage: s,
-      setCanContinueFetching: o,
-      setCanFilter: A,
-      setSearchTerm: b,
-      setValue: G,
-      toggleOpen: L
+      setPage: o,
+      setCanContinueFetching: s,
+      setCanFilter: _,
+      setSearchTerm: x,
+      setValue: L,
+      toggleOpen: N
     },
     children: E
   });
 };
 export {
-  w as SelectProvider
+  z as SelectProvider
 };

package/dist/components/Sidebar/components/CollapseTrigger/CollapseTrigger.variants.js

@@ -10,12 +10,14 @@ var t = e([
   "border-metal-700",
   "text-metal-50",
   "cursor-pointer",
+  "relative",
   "tap-target",
+  "touch-hit-area",
   "hover:bg-metal-800",
   "active:bg-metal-800",
   "focus:outline-none",
   "focus-visible:ring-2",
-  "focus-visible:ring-white/40"
+  "focus-visible:ring-aurora-500"
 ]);
 export {
   t as collapseTriggerVariants

package/dist/components/Sidebar/components/HamburgerTrigger/HamburgerTrigger.variants.js

@@ -1,5 +1,5 @@
 import { t as e } from "../../../../dist-B9GE4SXf.js";
-var r = e([
+var t = e([
   "fixed",
   "top-4",
   "left-4",
@@ -13,10 +13,13 @@ var r = e([
   "bg-kubefirst-dark-blue-900",
   "text-white",
   "cursor-pointer",
+  "tap-target",
+  "touch-hit-area",
+  "active:bg-kubefirst-dark-blue-800",
   "focus:outline-none",
   "focus-visible:ring-2",
-  "focus-visible:ring-white/40"
+  "focus-visible:ring-aurora-500"
 ]);
 export {
-  r as hamburgerTriggerVariants
+  t as hamburgerTriggerVariants
 };

package/dist/components/Sidebar/components/NavigationOption/NavigationOption.variants.js

@@ -11,6 +11,7 @@ var t = e([
   "group-data-[mode=expanded]/sidebar:[&>a]:py-1.5",
   "cursor-pointer",
   "tap-target",
+  "pointer-coarse:min-h-11",
   "flex",
   "font-normal",
   "gap-4",

package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.variants.js

@@ -8,10 +8,12 @@ var i = t([
   "text-white",
   "selection:bg-powder-500",
   "selection:text-white"
-]), n = t([
+]), r = t([
   "flex",
   "w-full",
   "cursor-pointer",
+  "tap-target",
+  "active:bg-kubefirst-dark-blue-800",
   "items-center",
   "justify-between",
   "gap-2",
@@ -24,6 +26,6 @@ var i = t([
   "focus-visible:ring-aurora-500"
 ]);
 export {
-  n as navigationTitleButtonVariants,
+  r as navigationTitleButtonVariants,
   i as navigationTitleVariants
 };

package/dist/components/Slider/Slider.variants.js

@@ -1,5 +1,5 @@
 import { t as r } from "../../dist-B9GE4SXf.js";
-var a = r([
+var e = r([
   "relative",
   "flex",
   "items-center",
@@ -16,13 +16,18 @@ var a = r([
     lg: ["h-3"]
   } },
   defaultVariants: { size: "md" }
-}), s = r([
+}), t = r([
   "block",
   "w-5",
   "h-5",
   "rounded-full",
   "cursor-pointer",
+  "relative",
+  "tap-target",
+  "touch-hit-area",
   "focus-visible:outline-none",
+  "focus-visible:ring-2",
+  "focus-visible:ring-aurora-500",
   "shadow-md",
   "bg-white",
   "border",
@@ -36,7 +41,7 @@ var a = r([
   defaultVariants: { size: "md" }
 });
 export {
-  a as sliderVariants,
-  s as thumbVariants,
+  e as sliderVariants,
+  t as thumbVariants,
   i as trackVariants
 };

package/dist/components/Switch/Switch.variants.js

@@ -1,5 +1,5 @@
 import { t as a } from "../../dist-B9GE4SXf.js";
-var e = a([
+var t = a([
   "relative",
   "shrink-0",
   "tap-target",
@@ -11,6 +11,10 @@ var e = a([
   "rounded-full",
   "shadow",
   "focus:shadow-md",
+  "outline-none",
+  "focus-visible:outline-2",
+  "focus-visible:outline-offset-2",
+  "focus-visible:outline-aurora-500",
   "data-[state=unchecked]:bg-gray-300",
   "dark:data-[state=unchecked]:bg-metal-600",
   "transition-all",
@@ -36,7 +40,7 @@ var e = a([
     ]
   } },
   defaultVariants: { variant: "default" }
-}), d = a([
+}), r = a([
   "block",
   "w-4",
   "h-4",
@@ -52,6 +56,6 @@ var e = a([
   "duration-300"
 ]);
 export {
-  e as switchVariants,
-  d as thumbVariants
+  t as switchVariants,
+  r as thumbVariants
 };

package/dist/components/Table/components/Filter.js

@@ -1,4 +1,4 @@
-import { t as a } from "../../../Input-C1Js3pbF.js";
+import { t as a } from "../../../Input-CE6J6HIW.js";
 import { jsx as s, jsxs as t } from "react/jsx-runtime";
 var m = ({ children: e, ...r }) => /* @__PURE__ */ t("div", {
   className: "flex px-4 py-6 rounded-t",

package/dist/components/Toast/Toast.variants.js

@@ -1,5 +1,5 @@
 import { t as r } from "../../dist-B9GE4SXf.js";
-var e = r([
+var t = r([
   "overflow-hidden",
   "rounded-lg",
   "inset-ring",
@@ -77,7 +77,11 @@ var e = r([
   "cursor-pointer",
   "text-white",
   "tap-target",
-  "touch-hit-area"
+  "touch-hit-area",
+  "rounded",
+  "outline-none",
+  "focus-visible:ring-1",
+  "focus-visible:ring-aurora-500"
 ], {
   variants: { type: {
     success: ["dark:text-green-300"],
@@ -90,7 +94,7 @@ var e = r([
 export {
   s as toastCloseButtonVariants,
   i as toastDescriptionVariants,
-  e as toastFrameVariants,
+  t as toastFrameVariants,
   o as toastIconVariants,
   n as toastTitleVariants,
   a as toastVariants