@konstructio/ui 0.1.2-alpha.99 → 0.1.3

package/dist/components/Slider/Slider.js

@@ -1,41 +1,43 @@
-import { t } from "../../utils-COaoD3PI.js";
-import { i as v, n as N, r as V } from "../../dist-BfrkYZKI.js";
-import { sliderVariants as b, thumbVariants as g, trackVariants as j } from "./Slider.variants.js";
-import { forwardRef as R, useCallback as k, useEffect as w, useImperativeHandle as y, useRef as C, useState as S } from "react";
-import { jsx as a, jsxs as l } from "react/jsx-runtime";
-var A = R(({ label: s, labelWrapperClassName: i, defaultValue: c = [0], name: u, theme: m, size: n, showValue: o, ...f }, d) => {
-  const e = C(null), [r, h] = S(c);
-  y(d, () => e.current, [e]), w(() => {
-    e.current && (e.current.value = r.toString());
-  }, [r]);
-  const p = k((x) => h(x), []);
+import { i as v, r as N, t as S } from "../../dist-Bg6GCX6S.js";
+import { t } from "../../utils-DnIJruo0.js";
+import { sliderVariants as V, thumbVariants as g, trackVariants as j } from "./Slider.variants.js";
+import { forwardRef as b, useEffect as w, useImperativeHandle as y, useRef as R, useState as k } from "react";
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+var $ = b(({ label: s, labelWrapperClassName: i, defaultValue: c = [0], name: u, theme: m, size: n, showValue: d, ...f }, o) => {
+  const e = R(null), [a, h] = k(c);
+  y(o, () => e.current, [e]), w(() => {
+    e.current && (e.current.value = a.toString());
+  }, [a]);
+  const p = (x) => {
+    h(x);
+  };
   return /* @__PURE__ */ l("div", {
     className: "w-full relative flex flex-col gap-3",
     "data-theme": m,
     children: [
       /* @__PURE__ */ l("div", {
         className: t("flex items-center", s ? "justify-between" : "justify-end", i),
-        children: [s ? /* @__PURE__ */ a("label", { children: s }) : null, o ? /* @__PURE__ */ a("span", {
+        children: [s ? /* @__PURE__ */ r("label", { children: s }) : null, d ? /* @__PURE__ */ r("span", {
           className: "text-xs",
-          children: r
+          children: a
         }) : null]
       }),
-      /* @__PURE__ */ a("input", {
+      /* @__PURE__ */ r("input", {
         ref: e,
         name: u,
         className: "hidden",
         type: "number"
       }),
-      /* @__PURE__ */ l(N, {
-        value: r,
-        className: t(b()),
+      /* @__PURE__ */ l(S, {
+        value: a,
+        className: t(V()),
         onValueChange: p,
         ...f,
-        children: [/* @__PURE__ */ a(v, { className: t(j({ size: n })) }), /* @__PURE__ */ a(V, { className: t(g({ size: n })) })]
+        children: [/* @__PURE__ */ r(v, { className: t(j({ size: n })) }), /* @__PURE__ */ r(N, { className: t(g({ size: n })) })]
       })
     ]
   });
 });
 export {
-  A as Slider
+  $ as Slider
 };

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

@@ -1,4 +1,4 @@
-import { t as r } from "../../dist-Bcn6lMQe.js";
+import { t as r } from "../../dist-B9GE4SXf.js";
 var a = r([
   "relative",
   "flex",

package/dist/components/Spinner/Spinner.js

@@ -1,4 +1,5 @@
-import { t as o } from "../../Spinner-BB1muhcJ.js";
+"use client";
+import { t as r } from "../../Spinner-DeThqPk_.js";
 export {
-  o as Spinner
+  r as Spinner
 };

package/dist/components/Spinner/Spinner.variants.js

@@ -1,4 +1,4 @@
-import { t as a } from "../../dist-Bcn6lMQe.js";
+import { t as a } from "../../dist-B9GE4SXf.js";
 var r = a([
   "h-full",
   "flex",

package/dist/components/Stepper/Stepper.js

@@ -1,13 +1,13 @@
-import { t as s } from "../../utils-COaoD3PI.js";
-import { stepItemVariants as S, stepListVariants as b, stepperVariants as k } from "./Stepper.variants.js";
-import { StepItem as C } from "./components/StepItem/StepItem.js";
-import { useMemo as I } from "react";
-import { jsx as e } from "react/jsx-runtime";
-var P = ({ className: u, classNames: r, clickable: c = !1, currentStep: a, icons: f, orientation: p = "vertical", showConnector: v = !0, size: h = "sm", steps: l, theme: d, variant: g = "inline", onStepClick: z }) => {
-  const m = g ?? "inline", o = m === "horizontal" ? "horizontal" : p ?? "vertical", V = h ?? "sm", n = I(() => l.map((t, i) => t.status ? t : a !== void 0 ? i < a ? {
+import { t as l } from "../../utils-DnIJruo0.js";
+import { StepItem as b } from "./components/StepItem/StepItem.js";
+import { stepItemVariants as k, stepListVariants as C, stepperVariants as I } from "./Stepper.variants.js";
+import { useMemo as L } from "react";
+import { jsx as o } from "react/jsx-runtime";
+var q = ({ className: u, classNames: i, clickable: f = !1, currentStep: a, fullWidth: n = !1, icons: p, orientation: v = "vertical", showConnector: h = !0, size: d = "sm", steps: m, theme: g, variant: z = "inline", onStepClick: V }) => {
+  const c = z ?? "inline", e = c === "horizontal" ? "horizontal" : v ?? "vertical", S = d ?? "sm", s = L(() => m.map((t, r) => t.status ? t : a !== void 0 ? r < a ? {
     ...t,
     status: "completed"
-  } : i === a ? {
+  } : r === a ? {
     ...t,
     status: "active"
   } : {
@@ -16,33 +16,42 @@ var P = ({ className: u, classNames: r, clickable: c = !1, currentStep: a, icons
   } : {
     ...t,
     status: "pending"
-  }), [l, a]);
-  return /* @__PURE__ */ e("nav", {
-    className: s(k({ orientation: o }), u, r?.root),
-    "data-theme": d,
+  }), [m, a]);
+  return /* @__PURE__ */ o("nav", {
+    className: l(I({
+      orientation: e,
+      fullWidth: n
+    }), u, i?.root),
+    "data-theme": g,
     "aria-label": "Progress steps",
-    children: /* @__PURE__ */ e("ol", {
-      className: s(b({ orientation: o }), r?.list),
-      children: n.map((t, i) => /* @__PURE__ */ e("li", {
-        className: s(S({ orientation: o }), r?.item),
-        children: /* @__PURE__ */ e(C, {
+    children: /* @__PURE__ */ o("ol", {
+      className: l(C({
+        orientation: e,
+        fullWidth: n
+      }), i?.list),
+      children: s.map((t, r) => /* @__PURE__ */ o("li", {
+        className: l(k({
+          orientation: e,
+          fullWidth: n
+        }), i?.item),
+        children: /* @__PURE__ */ o(b, {
           step: t,
-          index: i,
-          isLast: i === n.length - 1,
-          orientation: o,
-          clickable: c ?? !1,
-          onClick: () => z?.(t, i),
-          size: V,
-          showConnector: v ?? !0,
-          nextStepStatus: n[i + 1]?.status,
-          variant: m,
-          classNames: r,
-          icons: f
+          index: r,
+          isLast: r === s.length - 1,
+          orientation: e,
+          clickable: f ?? !1,
+          onClick: () => V?.(t, r),
+          size: S,
+          showConnector: h ?? !0,
+          nextStepStatus: s[r + 1]?.status,
+          variant: c,
+          classNames: i,
+          icons: p
         })
       }, t.id))
     })
   });
 };
 export {
-  P as Stepper
+  q as Stepper
 };

package/dist/components/Stepper/Stepper.variants.js

@@ -1,27 +1,63 @@
-import { t } from "../../dist-Bcn6lMQe.js";
+import { t } from "../../dist-B9GE4SXf.js";
 var e = t(["flex"], {
-  variants: { orientation: {
-    vertical: ["flex-col"],
-    horizontal: ["flex-row", "items-start"]
-  } },
-  defaultVariants: { orientation: "vertical" }
+  variants: {
+    orientation: {
+      vertical: ["flex-col"],
+      horizontal: ["flex-row", "items-start"]
+    },
+    fullWidth: {
+      true: ["w-full"],
+      false: []
+    }
+  },
+  defaultVariants: {
+    orientation: "vertical",
+    fullWidth: !1
+  }
 }), r = t([
   "flex",
   "list-none",
   "p-0",
   "m-0"
 ], {
-  variants: { orientation: {
-    vertical: ["flex-col"],
-    horizontal: ["flex-row"]
-  } },
-  defaultVariants: { orientation: "vertical" }
+  variants: {
+    orientation: {
+      vertical: ["flex-col"],
+      horizontal: ["flex-row"]
+    },
+    fullWidth: {
+      true: ["w-full"],
+      false: []
+    }
+  },
+  defaultVariants: {
+    orientation: "vertical",
+    fullWidth: !1
+  }
 }), i = t(["list-none"], {
-  variants: { orientation: {
-    vertical: [],
-    horizontal: []
-  } },
-  defaultVariants: { orientation: "vertical" }
+  variants: {
+    orientation: {
+      vertical: [],
+      horizontal: []
+    },
+    fullWidth: {
+      true: [],
+      false: []
+    }
+  },
+  compoundVariants: [{
+    orientation: "horizontal",
+    fullWidth: !0,
+    class: [
+      "flex-1",
+      "min-w-0",
+      "last:flex-none"
+    ]
+  }],
+  defaultVariants: {
+    orientation: "vertical",
+    fullWidth: !1
+  }
 }), n = t([
   "flex",
   "group",
@@ -59,7 +95,7 @@ var e = t(["flex"], {
     variant: "inline",
     clickable: !1
   }
-}), s = t([
+}), l = t([
   "flex",
   "items-center",
   "justify-center",
@@ -117,8 +153,8 @@ var e = t(["flex"], {
         "font-semibold"
       ],
       lg: [
-        "w-[54px]",
-        "h-[54px]",
+        "w-13.5",
+        "h-13.5",
         "text-lg",
         "font-semibold"
       ]
@@ -128,7 +164,7 @@ var e = t(["flex"], {
     status: "pending",
     size: "sm"
   }
-}), l = t([
+}), s = t([
   "flex",
   "flex-col",
   "gap-0.5"
@@ -252,7 +288,7 @@ var e = t(["flex"], {
       size: "lg",
       class: [
         "h-6",
-        "ml-[26px]",
+        "ml-6.5",
         "my-1"
       ]
     },
@@ -293,24 +329,24 @@ var e = t(["flex"], {
     size: "sm",
     variant: "inline"
   }
-}), x = t([
+}), m = t([
   "flex",
   "items-center",
   "flex-1"
 ], {
   variants: { variant: {
     inline: ["mt-2.5"],
-    stacked: ["mt-[26px]"],
+    stacked: ["mt-6.5"],
     horizontal: ["mt-0"]
   } },
   defaultVariants: { variant: "inline" }
 });
 export {
-  x as horizontalConnectorWrapperVariants,
+  m as horizontalConnectorWrapperVariants,
   c as stepConnectorVariants,
-  l as stepContentVariants,
+  s as stepContentVariants,
   d as stepDescriptionVariants,
-  s as stepIndicatorVariants,
+  l as stepIndicatorVariants,
   i as stepItemVariants,
   o as stepLabelVariants,
   r as stepListVariants,

package/dist/components/Stepper/components/HorizontalStepItem/HorizontalStepItem.js

@@ -1,9 +1,9 @@
-import { t } from "../../../../utils-COaoD3PI.js";
-import { t as v } from "../../../../StepIndicatorContent-87ASgJsX.js";
+import { t } from "../../../../utils-DnIJruo0.js";
 import { useStepItemLogic as w } from "../../hooks/useStepItemLogic.js";
-import { stepContentVariants as C, stepDescriptionVariants as k, stepIndicatorVariants as g, stepLabelVariants as I, stepVariants as x } from "../../Stepper.variants.js";
-import { getStepAriaLabel as S } from "../../utils/index.js";
+import { stepContentVariants as v, stepDescriptionVariants as C, stepIndicatorVariants as k, stepLabelVariants as g, stepVariants as I } from "../../Stepper.variants.js";
+import { getStepAriaLabel as x } from "../../utils/index.js";
 import { StepConnector as y } from "../StepConnector/StepConnector.js";
+import { t as S } from "../../../../StepIndicatorContent-C6MILk4c.js";
 import { memo as K } from "react";
 import { jsx as a, jsxs as d } from "react/jsx-runtime";
 var L = ({ classNames: r, clickable: D, icons: m, index: c, isLast: p, showConnector: b, size: n, step: i, variant: o, onClick: V }) => {
@@ -15,7 +15,7 @@ var L = ({ classNames: r, clickable: D, icons: m, index: c, isLast: p, showConne
   return o === "horizontal" ? /* @__PURE__ */ d("div", {
     className: "flex items-center",
     children: [/* @__PURE__ */ d("div", {
-      className: t(x({
+      className: t(I({
         orientation: "horizontal",
         variant: o,
         clickable: l
@@ -26,14 +26,14 @@ var L = ({ classNames: r, clickable: D, icons: m, index: c, isLast: p, showConne
       onKeyDown: f,
       "aria-current": e === "active" ? "step" : void 0,
       ...h && { "aria-disabled": !0 },
-      "aria-label": S(c, i.label, e),
+      "aria-label": x(c, i.label, e),
       children: [/* @__PURE__ */ a("div", {
-        className: t(g({
+        className: t(k({
           status: e,
           size: n
         }), r?.indicator),
         "aria-hidden": "true",
-        children: /* @__PURE__ */ a(v, {
+        children: /* @__PURE__ */ a(S, {
           status: e,
           index: c,
           size: n,
@@ -41,16 +41,16 @@ var L = ({ classNames: r, clickable: D, icons: m, index: c, isLast: p, showConne
           className: r?.indicatorContent
         })
       }), /* @__PURE__ */ d("div", {
-        className: t(C({ variant: o }), r?.content),
+        className: t(v({ variant: o }), r?.content),
         children: [i.label && /* @__PURE__ */ a(s, {
-          className: t(I({
+          className: t(g({
             status: e,
             size: n,
             variant: o
           }), r?.label),
           children: i.label
         }), i.description && /* @__PURE__ */ a("span", {
-          className: t(k({
+          className: t(C({
             status: e,
             size: n,
             variant: o
@@ -66,7 +66,7 @@ var L = ({ classNames: r, clickable: D, icons: m, index: c, isLast: p, showConne
   }) : /* @__PURE__ */ d("div", {
     className: "flex flex-1 items-start",
     children: [/* @__PURE__ */ d("div", {
-      className: t(x({
+      className: t(I({
         orientation: "horizontal",
         variant: o,
         clickable: l
@@ -77,14 +77,14 @@ var L = ({ classNames: r, clickable: D, icons: m, index: c, isLast: p, showConne
       onKeyDown: f,
       "aria-current": e === "active" ? "step" : void 0,
       ...h && { "aria-disabled": !0 },
-      "aria-label": S(c, i.label, e),
+      "aria-label": x(c, i.label, e),
       children: [/* @__PURE__ */ a("div", {
-        className: t(g({
+        className: t(k({
           status: e,
           size: n
         }), r?.indicator),
         "aria-hidden": "true",
-        children: /* @__PURE__ */ a(v, {
+        children: /* @__PURE__ */ a(S, {
           status: e,
           index: c,
           size: n,
@@ -92,16 +92,16 @@ var L = ({ classNames: r, clickable: D, icons: m, index: c, isLast: p, showConne
           className: r?.indicatorContent
         })
       }), /* @__PURE__ */ d("div", {
-        className: t(C({ variant: o }), r?.content),
+        className: t(v({ variant: o }), r?.content),
         children: [i.label && /* @__PURE__ */ a(s, {
-          className: t(I({
+          className: t(g({
             status: e,
             size: n,
             variant: o
           }), r?.label),
           children: i.label
         }), i.description && /* @__PURE__ */ a("span", {
-          className: t(k({
+          className: t(C({
             status: e,
             size: n,
             variant: o

package/dist/components/Stepper/components/StepConnector/StepConnector.js

@@ -1,4 +1,4 @@
-import { t as m } from "../../../../utils-COaoD3PI.js";
+import { t as m } from "../../../../utils-DnIJruo0.js";
 import { stepConnectorVariants as n } from "../../Stepper.variants.js";
 import { memo as i } from "react";
 import { jsx as p } from "react/jsx-runtime";

package/dist/components/Stepper/components/StepIndicatorContent/StepIndicatorContent.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../../StepIndicatorContent-87ASgJsX.js";
+import { t as o } from "../../../../StepIndicatorContent-C6MILk4c.js";
 export {
   o as StepIndicatorContent
 };

package/dist/components/Stepper/components/VerticalStepItem/VerticalStepItem.js

@@ -1,13 +1,13 @@
-import { t as a } from "../../../../utils-COaoD3PI.js";
-import { t as x } from "../../../../StepIndicatorContent-87ASgJsX.js";
-import { useStepItemLogic as V } from "../../hooks/useStepItemLogic.js";
-import { stepContentVariants as I, stepDescriptionVariants as S, stepIndicatorVariants as k, stepLabelVariants as D, stepVariants as L } from "../../Stepper.variants.js";
-import { getStepAriaLabel as g } from "../../utils/index.js";
-import { StepConnector as j } from "../StepConnector/StepConnector.js";
+import { t as a } from "../../../../utils-DnIJruo0.js";
+import { useStepItemLogic as x } from "../../hooks/useStepItemLogic.js";
+import { stepContentVariants as V, stepDescriptionVariants as I, stepIndicatorVariants as S, stepLabelVariants as k, stepVariants as D } from "../../Stepper.variants.js";
+import { getStepAriaLabel as L } from "../../utils/index.js";
+import { StepConnector as g } from "../StepConnector/StepConnector.js";
+import { t as j } from "../../../../StepIndicatorContent-C6MILk4c.js";
 import { memo as w } from "react";
 import { jsx as n, jsxs as c } from "react/jsx-runtime";
 var y = ({ classNames: e, clickable: m, icons: p, index: d, isLast: s, showConnector: b, size: o, step: r, variant: i, onClick: f }) => {
-  const { isClickable: l, isDisabled: h, LabelComponent: C, status: t, handleClick: u, handleKeyDown: v } = V({
+  const { isClickable: l, isDisabled: h, LabelComponent: C, status: t, handleClick: u, handleKeyDown: v } = x({
     clickable: m,
     step: r,
     onClick: f
@@ -15,7 +15,7 @@ var y = ({ classNames: e, clickable: m, icons: p, index: d, isLast: s, showConne
   return /* @__PURE__ */ c("div", {
     className: i === "stacked" ? "flex flex-col items-center" : "flex flex-col",
     children: [/* @__PURE__ */ c("div", {
-      className: a(L({
+      className: a(D({
         orientation: "vertical",
         variant: i,
         clickable: l
@@ -26,14 +26,14 @@ var y = ({ classNames: e, clickable: m, icons: p, index: d, isLast: s, showConne
       onKeyDown: v,
       "aria-current": t === "active" ? "step" : void 0,
       ...h && { "aria-disabled": !0 },
-      "aria-label": g(d, r.label, t),
+      "aria-label": L(d, r.label, t),
       children: [/* @__PURE__ */ n("div", {
-        className: a(k({
+        className: a(S({
           status: t,
           size: o
         }), e?.indicator),
         "aria-hidden": "true",
-        children: /* @__PURE__ */ n(x, {
+        children: /* @__PURE__ */ n(j, {
           status: t,
           index: d,
           size: o,
@@ -41,16 +41,16 @@ var y = ({ classNames: e, clickable: m, icons: p, index: d, isLast: s, showConne
           className: e?.indicatorContent
         })
       }), /* @__PURE__ */ c("div", {
-        className: a(I({ variant: i }), e?.content),
+        className: a(V({ variant: i }), e?.content),
         children: [r.label && /* @__PURE__ */ n(C, {
-          className: a(D({
+          className: a(k({
             status: t,
             size: o,
             variant: i
           }), e?.label),
           children: r.label
         }), r.description && /* @__PURE__ */ n("span", {
-          className: a(S({
+          className: a(I({
             status: t,
             size: o,
             variant: i
@@ -58,7 +58,7 @@ var y = ({ classNames: e, clickable: m, icons: p, index: d, isLast: s, showConne
           children: r.description
         })]
       })]
-    }), !s && b && /* @__PURE__ */ n(j, {
+    }), !s && b && /* @__PURE__ */ n(g, {
       orientation: "vertical",
       status: t,
       size: o,

package/dist/components/Stepper/hooks/useStepItemLogic.js

@@ -1,24 +1,19 @@
-import { t as u } from "../../../dist-CMPkuWNy.js";
-import { useCallback as s } from "react";
-function d({ clickable: c, onClick: e, step: n }) {
-  const i = n.status ?? "pending", l = n.disabled || i === "active", r = !!(n.onClick || e), t = c && !l && r, f = typeof n.label == "string" ? "span" : u, o = s(() => {
+import { t as f } from "../../../dist-CK8FUUUn.js";
+function b({ clickable: s, onClick: e, step: n }) {
+  const a = n.status ?? "pending", i = n.disabled || a === "active", c = !!(n.onClick || e), t = s && !i && c, r = typeof n.label == "string" ? "span" : f, l = () => {
     t && (n.onClick ? n.onClick() : e && e());
-  }, [
-    t,
-    n.onClick,
-    e
-  ]);
+  };
   return {
     isClickable: t,
-    isDisabled: l,
-    LabelComponent: f,
-    status: i,
-    handleClick: o,
-    handleKeyDown: s((a) => {
-      t && (a.key === "Enter" || a.key === " ") && (a.preventDefault(), o());
-    }, [t, o])
+    isDisabled: i,
+    LabelComponent: r,
+    status: a,
+    handleClick: l,
+    handleKeyDown: (o) => {
+      t && (o.key === "Enter" || o.key === " ") && (o.preventDefault(), l());
+    }
   };
 }
 export {
-  d as useStepItemLogic
+  b as useStepItemLogic
 };

package/dist/components/Switch/Switch.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../Switch-CT2R9JgM.js";
+import { t as o } from "../../Switch-DUiaVSnE.js";
 export {
   o as Switch
 };

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

@@ -1,5 +1,9 @@
-import { t as a } from "../../dist-Bcn6lMQe.js";
-var t = a([
+import { t as a } from "../../dist-B9GE4SXf.js";
+var e = a([
+  "relative",
+  "shrink-0",
+  "tap-target",
+  "touch-hit-area",
   "w-10",
   "h-5",
   "flex",
@@ -13,8 +17,6 @@ var t = a([
   "delay-10",
   "duration-250",
   "cursor-pointer",
-  "bg-aurora-500",
-  "kubefirst:bg-kubefirst-primary",
   "[&+label,&+span]:cursor-pointer",
   "disabled:[&+label,&+span,&]:cursor-not-allowed",
   "disabled:bg-gray-200",
@@ -24,7 +26,17 @@ var t = a([
   "dark:disabled:data-[state=unchecked]:[&>span]:bg-metal-600",
   "dark:disabled:data-[state=unchecked]:bg-metal-700",
   "dark:disabled:[&>span]:bg-metal-600"
-]), d = a([
+], {
+  variants: { variant: {
+    default: ["bg-aurora-500", "kubefirst:bg-kubefirst-primary"],
+    black: [
+      "bg-black",
+      "dark:bg-aurora-500",
+      "kubefirst:bg-kubefirst-primary"
+    ]
+  } },
+  defaultVariants: { variant: "default" }
+}), d = a([
   "block",
   "w-4",
   "h-4",
@@ -34,12 +46,12 @@ var t = a([
   "rounded-full",
   "shadow-md",
   "transition-all",
-  "translate-x-1",
-  "data-[state=checked]:translate-x-5",
+  "translate-x-0.5",
+  "data-[state=checked]:translate-x-5.5",
   "delay-10",
   "duration-300"
 ]);
 export {
-  t as switchVariants,
+  e as switchVariants,
   d as thumbVariants
 };

package/dist/components/Table/Table.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../utils-COaoD3PI.js";
+import { t as e } from "../../utils-DnIJruo0.js";
 import { tableVariants as i } from "./Table.variants.js";
 import { Body as p } from "./components/Body.js";
 import { Filter as f } from "./components/Filter.js";

package/dist/components/Table/Table.variants.js

@@ -1,4 +1,4 @@
-import { t } from "../../dist-Bcn6lMQe.js";
+import { t } from "../../dist-B9GE4SXf.js";
 var a = t([
   "table-auto",
   "w-full",
@@ -12,21 +12,22 @@ var a = t([
   "[&>td]:px-4",
   "text-slate-700",
   "hover:bg-zinc-100",
+  "active:bg-zinc-100",
   "hover:cursor-pointer"
 ], { variants: { isSelected: {
   true: "bg-purple-50",
   false: ""
-} } }), o = t([
-  "h-[18px]",
+} } }), i = t([
+  "h-4.5",
   "bg-slate-100",
   "[&>tr>th]:py-3",
   "[&>tr>th]:px-4",
   "[&>tr>th]:uppercase",
   "text-left"
-]), p = t([]);
+]), o = t([]);
 export {
-  p as bodyVariants,
-  o as headVariants,
+  o as bodyVariants,
+  i as headVariants,
   e as rowVariants,
   a as tableVariants
 };