@lazar-ui/kit 0.5.0 → 0.5.2

package/dist/empty-state.js

@@ -1,25 +1,25 @@
 import { jsx as e, jsxs as C } from "react/jsx-runtime";
-import T, { cloneElement as S } from "react";
+import S, { cloneElement as T } from "react";
 import { i as f } from "./isValidReactNode-CmYwTWCE.mjs";
-import "./camelCase-PtIYufW8.mjs";
+import "lodash/camelCase";
 import A from "clsx";
-import { I as x } from "./Icon-DsTlU3j3.mjs";
+import { I as x } from "./Icon-DUCBChX2.mjs";
 import { g as u } from "./getComponentSlots-DwAYUFNk.mjs";
 import './empty-state.css';const l = "EmptyState";
 var o = ((t) => (t.ACTIONS = `${l}.Actions`, t.CONTENT = `${l}.Content`, t))(o || {});
 const v = "_actions_dl9xv_1", E = {
   actions: v
 }, p = ({ children: t }) => {
-  const s = T.Children.toArray(t), r = s.map((n, c) => {
+  const s = S.Children.toArray(t), i = s.map((n, c) => {
     if (!f("Button", n))
       return n;
-    const i = n.props.variant;
-    return S(n, {
+    const r = n.props.variant;
+    return T(n, {
       key: c,
-      ...i ? {} : { variant: i ?? (c === 0 ? "primary" : "secondary") }
+      ...r ? {} : { variant: r ?? (c === 0 ? "primary" : "secondary") }
     });
   });
-  return s.length === 0 ? null : /* @__PURE__ */ e("div", { className: E.actions, children: r });
+  return s.length === 0 ? null : /* @__PURE__ */ e("div", { className: E.actions, children: i });
 };
 p.displayName = o.ACTIONS;
 const O = "_content_laixm_1", h = {
@@ -29,17 +29,17 @@ const O = "_content_laixm_1", h = {
   return /* @__PURE__ */ e("div", { className: h.content, children: s });
 };
 d.displayName = o.CONTENT;
-const I = "_root_1fqx3_5", $ = "_icon_1fqx3_14", g = "_title_1fqx3_20", q = "_description_1fqx3_28", a = {
+const I = "_root_1fqx3_5", g = "_icon_1fqx3_14", q = "_title_1fqx3_20", $ = "_description_1fqx3_28", a = {
   root: I,
-  icon: $,
-  title: g,
-  description: q
+  icon: g,
+  title: q,
+  description: $
 }, L = [o.ACTIONS, o.CONTENT], N = (t) => {
-  const { children: s, description: r, icon: n, title: c } = t, i = A(a.root), { [o.ACTIONS]: m, [o.CONTENT]: y } = u(s, L);
-  return /* @__PURE__ */ C("div", { className: i, children: [
+  const { children: s, description: i, icon: n, title: c } = t, r = A(a.root), { [o.ACTIONS]: m, [o.CONTENT]: y } = u(s, L);
+  return /* @__PURE__ */ C("div", { className: r, children: [
     n && /* @__PURE__ */ e("div", { className: a.icon, children: /* @__PURE__ */ e(x, { name: n, size: 48 }) }),
     c && /* @__PURE__ */ e("h3", { className: a.title, children: c }),
-    r && /* @__PURE__ */ e("p", { className: a.description, children: r }),
+    i && /* @__PURE__ */ e("p", { className: a.description, children: i }),
     y,
     m
   ] });

package/dist/flex.js

@@ -1,6 +1,6 @@
 import { jsx as g } from "react/jsx-runtime";
 import x from "clsx";
-import { c as j } from "./camelCase-PtIYufW8.mjs";
+import j from "lodash/camelCase";
 import './flex.css';const S = "Flex", v = "_root_1mp2w_7", C = "_directionRow_1mp2w_14", F = "_directionColumn_1mp2w_18", h = "_directionRowReverse_1mp2w_22", R = "_directionColumnReverse_1mp2w_26", E = "_alignFlexStart_1mp2w_30", B = "_alignCenter_1mp2w_34", k = "_alignFlexEnd_1mp2w_38", A = "_alignStretch_1mp2w_42", W = "_alignBaseline_1mp2w_46", $ = "_justifyFlexStart_1mp2w_50", N = "_justifyCenter_1mp2w_54", D = "_justifyFlexEnd_1mp2w_58", I = "_justifySpaceBetween_1mp2w_62", L = "_justifySpaceAround_1mp2w_66", M = "_justifySpaceEvenly_1mp2w_70", P = "_fullWidth_1mp2w_74", Y = "_wrap_1mp2w_78", b = "_grow_1mp2w_82", q = "_shrink_1mp2w_86", e = {
   root: v,
   directionRow: C,

package/dist/getVariantClassName-DoCNtwBw.mjs

@@ -0,0 +1,8 @@
+import r from "lodash/camelCase";
+const o = (s, e, t) => {
+  const a = r(`${s}-${e}`);
+  return t[a] || a;
+};
+export {
+  o as g
+};

package/dist/icon.js

@@ -1,4 +1,4 @@
-import { I } from "./Icon-DsTlU3j3.mjs";
+import { I } from "./Icon-DUCBChX2.mjs";
 export {
   I as Icon
 };

package/dist/input.js

@@ -1,8 +1,8 @@
 import { jsxs as v, jsx as i } from "react/jsx-runtime";
 import z from "clsx";
 import { useState as N, useCallback as _ } from "react";
-import { g as S } from "./getVariantClassName-D7Nhpuec.mjs";
-import { I as Y } from "./Icon-DsTlU3j3.mjs";
+import { g as S } from "./getVariantClassName-DoCNtwBw.mjs";
+import { I as Y } from "./Icon-DUCBChX2.mjs";
 import { u as A } from "./useLocale-CJh-krrY.mjs";
 import './input.css';const m = {
   INPUT: "Input",

package/dist/menu.js

@@ -1,10 +1,10 @@
 import { jsxs as h, jsx as t } from "react/jsx-runtime";
 import p from "clsx";
-import { I as u } from "./Icon-DsTlU3j3.mjs";
+import { I as u } from "./Icon-DUCBChX2.mjs";
 import { usePopoverContext as N, Popover as k } from "./popover.js";
 import O from "react";
 import { i as y } from "./isValidReactNode-CmYwTWCE.mjs";
-import './menu.css';const T = () => {
+import './menu.css';const g = () => {
   const { state: e } = N();
   return {
     close: () => {
@@ -13,14 +13,14 @@ import './menu.css';const T = () => {
   };
 }, c = "Menu", A = "bottom start";
 var r = ((e) => (e.CHECKBOX = `${c}.Checkbox`, e.CONTENT = `${c}.Content`, e.GROUP = `${c}.Group`, e.ITEM = `${c}.Item`, e.SEPARATOR = `${c}.Separator`, e.TRIGGER = `${c}.Trigger`, e))(r || {});
-const G = "_root_15rud_1", P = "_disabled_15rud_19", M = "_checkbox_15rud_27", v = "_checked_15rud_38", U = "_label_15rud_44", _ = {
+const G = "_root_15rud_1", P = "_disabled_15rud_19", M = "_checkbox_15rud_27", v = "_checked_15rud_38", B = "_label_15rud_44", _ = {
   root: G,
   disabled: P,
   checkbox: M,
   checked: v,
-  label: U
-}, g = (e) => {
-  const { checked: o, children: n, disabled: s = !1, onCheckedChange: a } = e, { close: l } = T(), d = p(
+  label: B
+}, T = (e) => {
+  const { checked: o, children: n, disabled: s = !1, onCheckedChange: a } = e, { close: l } = g(), d = p(
     _.root,
     s && _.disabled
   );
@@ -42,38 +42,38 @@ const G = "_root_15rud_1", P = "_disabled_15rud_19", M = "_checkbox_15rud_27", v
     }
   );
 };
-g.displayName = r.CHECKBOX;
-const B = "_root_1h0xj_14", L = {
-  root: B
-}, $ = (e) => {
+T.displayName = r.CHECKBOX;
+const L = "_root_1h0xj_14", U = {
+  root: L
+}, x = (e) => {
   const { children: o } = e;
-  return /* @__PURE__ */ t(k.Content, { padding: !1, children: /* @__PURE__ */ t("div", { className: L.root, children: o }) });
+  return /* @__PURE__ */ t(k.Content, { padding: !1, children: /* @__PURE__ */ t("div", { className: U.root, children: o }) });
 };
-$.displayName = r.CONTENT;
-const j = [r.TRIGGER, r.CONTENT], x = (e) => {
+x.displayName = r.CONTENT;
+const j = [r.TRIGGER, r.CONTENT], f = (e) => {
   const { children: o, open: n, onOpenChange: s, placement: a = A } = e, l = (d) => y(j, d) ? d : null;
   return /* @__PURE__ */ t(k, { open: n, onOpenChange: s, placement: a, children: O.Children.map(o, l) });
 };
-x.displayName = c;
+f.displayName = c;
 const q = "_root_dtqrm_1", S = "_label_dtqrm_9", b = {
   root: q,
   label: S
-}, f = (e) => {
+}, $ = (e) => {
   const { children: o, label: n } = e;
   return /* @__PURE__ */ h("div", { className: b.root, role: "group", children: [
     /* @__PURE__ */ t("div", { className: b.label, children: n }),
     o
   ] });
 };
-f.displayName = r.GROUP;
+$.displayName = r.GROUP;
 const z = "_root_5s7ps_1", D = "_disabled_5s7ps_19", H = "_danger_5s7ps_26", K = "_icon_5s7ps_33", X = "_label_5s7ps_43", m = {
   root: z,
   disabled: D,
   danger: H,
   icon: K,
   label: X
-}, E = (e) => {
-  const { children: o, danger: n = !1, disabled: s = !1, icon: a, onAction: l } = e, { close: d } = T(), C = p(
+}, R = (e) => {
+  const { children: o, danger: n = !1, disabled: s = !1, icon: a, onAction: l } = e, { close: d } = g(), C = p(
     m.root,
     n && m.danger,
     s && m.disabled
@@ -95,22 +95,22 @@ const z = "_root_5s7ps_1", D = "_disabled_5s7ps_19", H = "_danger_5s7ps_26", K =
     }
   );
 };
-E.displayName = r.ITEM;
+R.displayName = r.ITEM;
 const F = "_root_16pgq_1", V = {
   root: F
-}, R = () => /* @__PURE__ */ t("hr", { className: V.root });
-R.displayName = r.SEPARATOR;
+}, E = () => /* @__PURE__ */ t("hr", { className: V.root });
+E.displayName = r.SEPARATOR;
 const I = (e) => {
   const { children: o } = e, { triggerRef: n, state: s } = N();
   return /* @__PURE__ */ t("span", { "aria-expanded": s.isOpen, "aria-haspopup": "true", onClick: () => s.toggle(), ref: n, children: o });
 };
 I.displayName = r.TRIGGER;
-const i = x;
-i.Checkbox = g;
-i.Content = $;
-i.Group = f;
-i.Item = E;
-i.Separator = R;
+const i = f;
+i.Checkbox = T;
+i.Content = x;
+i.Group = $;
+i.Item = R;
+i.Separator = E;
 i.Trigger = I;
 export {
   i as Menu

package/dist/pagination.js

@@ -2,8 +2,8 @@ import { jsx as c, jsxs as N } from "react/jsx-runtime";
 import { createContext as L, useContext as S, useMemo as y, useCallback as R } from "react";
 import f from "clsx";
 import { u as v } from "./useLocale-CJh-krrY.mjs";
-import { g as C } from "./getVariantClassName-D7Nhpuec.mjs";
-import { I as z } from "./Icon-DsTlU3j3.mjs";
+import { g as C } from "./getVariantClassName-DoCNtwBw.mjs";
+import { I as z } from "./Icon-DUCBChX2.mjs";
 import './pagination.css';const P = L(null), I = P.Provider, w = () => {
   const n = S(P);
   if (!n)

package/dist/popover.js

@@ -1,28 +1,27 @@
-import { jsx as a } from "react/jsx-runtime";
-import { createContext as C, useContext as O, useRef as l } from "react";
-import R from "clsx";
-import { s as T } from "./Overlay-OYo7gW8m.mjs";
-import { $ as h, a as N } from "./useOverlayTriggerState-DK8Xy6Kr.mjs";
-import { $ as _ } from "./useOverlayPosition-CK3oEqVS.mjs";
-import './popover.css';const f = C(null), y = f.Provider, m = () => {
-  const e = O(f);
+import { jsx as i } from "react/jsx-runtime";
+import { createContext as y, useContext as R, useRef as d } from "react";
+import h from "clsx";
+import { useOverlayPosition as x, useOverlay as N, Overlay as _ } from "react-aria";
+import { useOverlayTriggerState as E } from "react-stately";
+import './popover.css';const u = y(null), F = u.Provider, m = () => {
+  const e = R(u);
   if (!e)
     throw new Error("Sub-component must be used within a Popover");
   return e;
-}, i = "Popover", E = 4;
-var p = ((e) => (e.TRIGGER = `${i}.Trigger`, e.CONTENT = `${i}.Content`, e))(p || {});
-const F = "_content_1rtd6_10", G = "_noPadding_1rtd6_32", d = {
-  content: F,
-  noPadding: G
-}, u = (e) => {
-  const { children: n, padding: r = !0 } = e, { triggerRef: t, state: o, placement: c } = m(), s = l(null), { overlayProps: $, placement: v } = _({
+}, c = "Popover", G = 4;
+var p = ((e) => (e.TRIGGER = `${c}.Trigger`, e.CONTENT = `${c}.Content`, e))(p || {});
+const b = "_content_1rtd6_10", w = "_noPadding_1rtd6_32", l = {
+  content: b,
+  noPadding: w
+}, g = (e) => {
+  const { children: n, padding: r = !0 } = e, { triggerRef: t, state: o, placement: a } = m(), s = d(null), { overlayProps: O, placement: C } = x({
     isOpen: o.isOpen,
-    offset: E,
+    offset: G,
     overlayRef: s,
-    placement: c,
+    placement: a,
     shouldFlip: !0,
     targetRef: t
-  }), { overlayProps: x } = h(
+  }), { overlayProps: T } = N(
     {
       isDismissable: !0,
       isOpen: o.isOpen,
@@ -31,36 +30,36 @@ const F = "_content_1rtd6_10", G = "_noPadding_1rtd6_32", d = {
     },
     s
   );
-  return o.isOpen ? /* @__PURE__ */ a(T, { children: /* @__PURE__ */ a(
+  return o.isOpen ? /* @__PURE__ */ i(_, { children: /* @__PURE__ */ i(
     "div",
     {
-      className: R(d.content, !r && d.noPadding),
-      "data-placement": v,
+      className: h(l.content, !r && l.noPadding),
+      "data-placement": C,
       ref: s,
-      ...x,
-      ...$,
+      ...T,
+      ...O,
       children: n
     }
   ) }) : null;
 };
-u.displayName = p.CONTENT;
-const g = (e) => {
-  const { children: n, open: r, onOpenChange: t, placement: o = "bottom" } = e, c = l(null), s = N({ isOpen: r, onOpenChange: t });
-  return /* @__PURE__ */ a(y, { value: { placement: o, state: s, triggerRef: c }, children: n });
+g.displayName = p.CONTENT;
+const v = (e) => {
+  const { children: n, open: r, onOpenChange: t, placement: o = "bottom" } = e, a = d(null), s = E({ isOpen: r, onOpenChange: t });
+  return /* @__PURE__ */ i(F, { value: { placement: o, state: s, triggerRef: a }, children: n });
 };
-g.displayName = i;
+v.displayName = c;
 const P = (e) => {
   const { children: n } = e, { triggerRef: r, state: t } = m();
   return (
     // eslint-disable-next-line @typescript-eslint/unbound-method
-    /* @__PURE__ */ a("span", { "aria-expanded": t.isOpen, "aria-haspopup": "true", onClick: t.toggle, ref: r, children: n })
+    /* @__PURE__ */ i("span", { "aria-expanded": t.isOpen, "aria-haspopup": "true", onClick: t.toggle, ref: r, children: n })
   );
 };
 P.displayName = p.TRIGGER;
-const b = g;
-b.Trigger = P;
-b.Content = u;
+const f = v;
+f.Trigger = P;
+f.Content = g;
 export {
-  b as Popover,
+  f as Popover,
   m as usePopoverContext
 };

package/dist/radio.js

@@ -1,36 +1,36 @@
 import { jsx as s, jsxs as z } from "react/jsx-runtime";
-import L, { createContext as S, useContext as E, useId as P, useState as T, useCallback as x, useRef as $ } from "react";
+import L, { createContext as S, useContext as E, useId as P, useState as A, useCallback as x, useRef as D } from "react";
 import I from "clsx";
-import { g as k } from "./getVariantClassName-D7Nhpuec.mjs";
-import { i as A } from "./isValidReactNode-CmYwTWCE.mjs";
-import "./camelCase-PtIYufW8.mjs";
-import './radio.css';const M = S(null), D = () => {
-  const e = E(M);
+import { g as T } from "./getVariantClassName-DoCNtwBw.mjs";
+import { i as k } from "./isValidReactNode-CmYwTWCE.mjs";
+import "lodash/camelCase";
+import './radio.css';const R = S(null), $ = () => {
+  const e = E(R);
   if (!e)
     throw new Error("useRadioContext should be used inside Radio component");
   return e;
 }, j = (e) => {
-  const { children: n, name: a, value: i, defaultValue: l, onChange: r, size: m, disabled: _, invalid: t } = e, p = P(), v = a ?? p, c = i !== void 0, [d, f] = T(l), g = c ? i : d, N = x(
+  const { children: n, name: a, value: i, defaultValue: l, onChange: r, size: m, disabled: _, invalid: t } = e, p = P(), v = a ?? p, c = i !== void 0, [d, f] = A(l), g = c ? i : d, N = x(
     (h) => {
       c || f(h), r?.(h);
     },
     [c, r]
   );
-  return /* @__PURE__ */ s(M.Provider, { value: { disabled: _, invalid: t, name: v, onChange: N, size: m, value: g }, children: n });
-}, b = "Radio", w = "_item_1mf7l_3", B = "_disabled_1mf7l_12", O = "_invalid_1mf7l_17", U = "_radio_1mf7l_17", G = "_input_1mf7l_20", Y = "_content_1mf7l_63", q = "_label_1mf7l_70", F = "_description_1mf7l_75", H = "_sizeSm_1mf7l_113", J = "_sizeMd_1mf7l_130", K = "_sizeLg_1mf7l_147", o = {
+  return /* @__PURE__ */ s(R.Provider, { value: { disabled: _, invalid: t, name: v, onChange: N, size: m, value: g }, children: n });
+}, b = "Radio", w = "_item_1mf7l_3", B = "_disabled_1mf7l_12", O = "_invalid_1mf7l_17", G = "_radio_1mf7l_17", U = "_input_1mf7l_20", Y = "_content_1mf7l_63", q = "_label_1mf7l_70", F = "_description_1mf7l_75", H = "_sizeSm_1mf7l_113", J = "_sizeMd_1mf7l_130", K = "_sizeLg_1mf7l_147", o = {
   item: w,
   disabled: B,
   invalid: O,
-  radio: U,
-  input: G,
+  radio: G,
+  input: U,
   content: Y,
   label: q,
   description: F,
   sizeSm: H,
   sizeMd: J,
   sizeLg: K
-}, R = (e) => {
-  const { ref: n, children: a, value: i, description: l, disabled: r, onChange: m, ..._ } = e, t = D(), p = $(null), v = t.size ?? "md", c = t.value !== void 0 ? i === t.value : void 0, d = r !== void 0 ? r : t.disabled, f = t.invalid === !0, g = x(
+}, M = (e) => {
+  const { ref: n, children: a, value: i, description: l, disabled: r, onChange: m, ..._ } = e, t = $(), p = D(null), v = t.size ?? "md", c = t.value !== void 0 ? i === t.value : void 0, d = r !== void 0 ? r : t.disabled, f = t.invalid === !0, g = x(
     (u) => {
       p.current = u, typeof n == "function" ? n(u) : n && (n.current = u);
     },
@@ -39,7 +39,7 @@ import './radio.css';const M = S(null), D = () => {
     t.onChange?.(u.target.value), m?.(u);
   }, h = I(
     o.item,
-    k("size", v, o),
+    T("size", v, o),
     {
       [o.disabled]: d,
       [o.invalid]: f
@@ -68,7 +68,7 @@ import './radio.css';const M = S(null), D = () => {
     ] })
   ] });
 };
-R.displayName = `${b}.Item`;
+M.displayName = `${b}.Item`;
 var V = ((e) => (e.ITEM = `${b}.Item`, e))(V || {}), Q = /* @__PURE__ */ ((e) => (e.SM = "sm", e.MD = "md", e.LG = "lg", e))(Q || {});
 const W = "_root_pott0_33", X = "_vertical_pott0_40", Z = "_group_pott0_40", ee = "_horizontal_pott0_43", C = {
   root: W,
@@ -86,7 +86,7 @@ const W = "_root_pott0_33", X = "_vertical_pott0_40", Z = "_group_pott0_40", ee
     size: _ = "md",
     disabled: t = !1,
     invalid: p = !1
-  } = e, v = (d) => A(te, d) ? d : null, c = I(C.root, {
+  } = e, v = (d) => k(te, d) ? d : null, c = I(C.root, {
     [C.horizontal]: !m,
     [C.vertical]: m
   });
@@ -106,7 +106,7 @@ const W = "_root_pott0_33", X = "_vertical_pott0_40", Z = "_group_pott0_40", ee
 };
 y.displayName = b;
 const ne = y;
-ne.Item = R;
+ne.Item = M;
 export {
   Q as ERadioSize,
   ne as Radio

package/dist/select.js

@@ -1,10 +1,10 @@
 import { jsxs as c, jsx as a } from "react/jsx-runtime";
 import { useState as P, useCallback as h } from "react";
 import p from "clsx";
-import { I as m } from "./Icon-DsTlU3j3.mjs";
+import { I as m } from "./Icon-DUCBChX2.mjs";
 import { Popover as b } from "./popover.js";
 import { u as O } from "./useLocale-CJh-krrY.mjs";
-import { g as D } from "./getVariantClassName-D7Nhpuec.mjs";
+import { g as D } from "./getVariantClassName-DoCNtwBw.mjs";
 import './select.css';const I = "Select", M = "bottom start", A = "_root_t7wta_7", B = "_disabled_t7wta_28", E = "_invalid_t7wta_35", j = "_sizeSm_t7wta_39", F = "_sizeMd_t7wta_45", U = "_sizeLg_t7wta_51", V = "_displayText_t7wta_57", W = "_displayTextPlaceholder_t7wta_64", Y = "_indicators_t7wta_68", q = "_clearButton_t7wta_74", G = "_chevron_t7wta_92", H = "_optionsList_t7wta_103", J = "_noOptions_t7wta_112", K = "_option_t7wta_103", Q = "_optionSelected_t7wta_132", R = "_optionDisabled_t7wta_138", X = "_optionLabel_t7wta_146", Z = "_checkbox_t7wta_153", $ = "_checkboxChecked_t7wta_165", t = {
   root: A,
   disabled: B,

package/dist/skeleton.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import c from "clsx";
-import { g as _ } from "./getVariantClassName-D7Nhpuec.mjs";
+import { g as _ } from "./getVariantClassName-DoCNtwBw.mjs";
 import './skeleton.css';const v = "Skeleton", u = "_root_15r0q_5", d = "_variantText_15r0q_12", m = "_variantCircular_15r0q_17", p = "_variantRectangular_15r0q_23", e = {
   root: u,
   "skeleton-pulse": "_skeleton-pulse_15r0q_1",

package/dist/spinner.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import i from "clsx";
-import { g as a } from "./getVariantClassName-D7Nhpuec.mjs";
+import { g as a } from "./getVariantClassName-DoCNtwBw.mjs";
 import './spinner.css';const _ = "Spinner", l = "_root_1nbe0_6", c = "_sizeSm_1nbe0_17", m = "_sizeMd_1nbe0_22", z = "_sizeLg_1nbe0_27", p = "_sizeXl_1nbe0_32", s = {
   root: l,
   "spinner-rotate": "_spinner-rotate_1nbe0_1",

package/dist/switch.js

@@ -1,6 +1,6 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import m from "clsx";
-import { g as b } from "./getVariantClassName-D7Nhpuec.mjs";
+import { g as b } from "./getVariantClassName-DoCNtwBw.mjs";
 import './switch.css';const h = "Switch", p = "_root_1v9jq_24", u = "_disabled_1v9jq_33", j = "_input_1v9jq_39", z = "_track_1v9jq_52", q = "_thumb_1v9jq_64", v = "_label_1v9jq_75", N = "_sizeSm_1v9jq_102", k = "_sizeMd_1v9jq_112", g = "_sizeLg_1v9jq_122", s = {
   root: p,
   disabled: u,

package/dist/table.js

@@ -1,16 +1,16 @@
 import { jsxs as h, jsx as n } from "react/jsx-runtime";
-import T, { useCallback as p } from "react";
-import { B as u } from "./Button-BYnrV9av.mjs";
-import { C as L } from "./Chip-DLfYGIQG.mjs";
-import { u as y } from "./useLocale-CJh-krrY.mjs";
-import R from "clsx";
-import { g as w } from "./getVariantClassName-D7Nhpuec.mjs";
+import b, { useCallback as p } from "react";
+import { B as u } from "./Button-jq8mFP6t.mjs";
+import { C as L } from "./Chip-CmsNZTlz.mjs";
+import { u as R } from "./useLocale-CJh-krrY.mjs";
+import y from "clsx";
+import { g as w } from "./getVariantClassName-DoCNtwBw.mjs";
 import { i } from "./isValidReactNode-CmYwTWCE.mjs";
-import "./camelCase-PtIYufW8.mjs";
-import './table.css';const $ = "Table.ActiveFilters", v = "_root_4qb7d_5", x = {
-  root: v
-}, b = (t) => {
-  const { filters: e, onClearAll: o, onRemove: r } = t, c = y(), l = p(
+import "lodash/camelCase";
+import './table.css';const v = "Table.ActiveFilters", x = "_root_4qb7d_5", $ = {
+  root: x
+}, g = (t) => {
+  const { filters: e, onClearAll: o, onRemove: r } = t, c = R(), l = p(
     (a) => () => {
       r(a);
     },
@@ -18,7 +18,7 @@ import './table.css';const $ = "Table.ActiveFilters", v = "_root_4qb7d_5", x = {
   ), m = p(() => {
     o?.();
   }, [o]);
-  return e.length === 0 ? null : /* @__PURE__ */ h("div", { className: x.root, children: [
+  return e.length === 0 ? null : /* @__PURE__ */ h("div", { className: $.root, children: [
     e.map((a) => /* @__PURE__ */ h(L, { onDelete: l(a.key), children: [
       a.label,
       ": ",
@@ -27,7 +27,7 @@ import './table.css';const $ = "Table.ActiveFilters", v = "_root_4qb7d_5", x = {
     o && /* @__PURE__ */ n(u, { mode: "text", size: "sm", onClick: m, children: c.Table.ActiveFilters.clearAll })
   ] });
 };
-b.displayName = $;
+g.displayName = v;
 var s = /* @__PURE__ */ ((t) => (t.CELL = "Table.Cell", t.ROW = "Table.Row", t.TOOLBAR = "Table.Toolbar", t))(s || {});
 const O = "_root_lmxwt_8", k = "_header_lmxwt_17", B = "_alignLeft_lmxwt_21", F = "_alignRight_lmxwt_24", D = "_alignCenter_lmxwt_27", _ = {
   root: O,
@@ -35,20 +35,20 @@ const O = "_root_lmxwt_8", k = "_header_lmxwt_17", B = "_alignLeft_lmxwt_21", F
   alignLeft: B,
   alignRight: F,
   alignCenter: D
-}, g = (t) => {
-  const { align: e = "left", as: o = "td", children: r, title: c, width: l } = t, m = R(_.root, w("align", e, _), {
+}, A = (t) => {
+  const { align: e = "left", as: o = "td", children: r, title: c, width: l } = t, m = y(_.root, w("align", e, _), {
     [_.header]: o === "th"
   });
   return /* @__PURE__ */ n(o, { className: m, title: c, width: l, children: r });
 };
-g.displayName = s.CELL;
+A.displayName = s.CELL;
 const E = "_root_t4731_5", I = {
   root: E
-}, A = (t) => {
+}, T = (t) => {
   const { children: e } = t, o = (r) => i(s.CELL, r) ? r : null;
-  return /* @__PURE__ */ n("tr", { className: I.root, children: T.Children.map(e, o) });
+  return /* @__PURE__ */ n("tr", { className: I.root, children: b.Children.map(e, o) });
 };
-A.displayName = s.ROW;
+T.displayName = s.ROW;
 const M = "Table.Toolbar", P = "_root_d4szt_6", W = {
   root: P
 }, f = (t) => {
@@ -60,7 +60,7 @@ const Y = "Table", j = "_wrapper_17sd8_5", z = "_root_17sd8_11", C = {
   wrapper: j,
   root: z
 }, N = (t) => {
-  const { children: e } = t, o = T.Children.toArray(e), r = o.find(
+  const { children: e } = t, o = b.Children.toArray(e), r = o.find(
     (l) => i(s.TOOLBAR, l, !1)
   ), c = o.filter((l) => !i(s.TOOLBAR, l, !1)).filter((l) => i(s.ROW, l, !0));
   return /* @__PURE__ */ h("div", { className: C.wrapper, children: [
@@ -70,9 +70,9 @@ const Y = "Table", j = "_wrapper_17sd8_5", z = "_root_17sd8_11", C = {
 };
 N.displayName = Y;
 const d = N;
-d.ActiveFilters = b;
-d.Cell = g;
-d.Row = A;
+d.ActiveFilters = g;
+d.Cell = A;
+d.Row = T;
 d.Toolbar = f;
 export {
   d as Table

package/dist/tabs.js

@@ -1,28 +1,28 @@
 import { jsx as c, jsxs as z } from "react/jsx-runtime";
 import C from "clsx";
 import m, { createContext as D, useContext as E, useState as L, useId as y } from "react";
-import { g as I } from "./getVariantClassName-D7Nhpuec.mjs";
-import { i as U } from "./isValidReactNode-CmYwTWCE.mjs";
+import { g as I } from "./getVariantClassName-DoCNtwBw.mjs";
+import { i as S } from "./isValidReactNode-CmYwTWCE.mjs";
 import './tabs.css';const g = D(null), x = () => {
   const t = E(g);
   if (!t)
     throw new Error("useTabsContext should be used inside Tabs component");
   return t;
-}, p = (t, n, s) => `${t}-${s}-${n}`, k = (t) => {
+}, p = (t, n, s) => `${t}-${s}-${n}`, U = (t) => {
   const { defaultActiveIndex: n = 0, children: s, onTabChange: a, variant: o } = t, [r, d] = L(n), i = y(), u = (e) => {
     e !== r && (d(e), a && a(e));
   }, l = (e) => p(i, e, "panel"), v = (e) => p(i, e, "tab");
   return /* @__PURE__ */ c(g.Provider, { value: { activeIndex: r, baseId: i, getPanelId: l, getTabId: v, setActiveTab: u, variant: o }, children: s });
 }, h = "Tabs";
 var f = ((t) => (t.PANEL = `${h}.Panel`, t.TAB = `${h}.Tab`, t))(f || {}), A = /* @__PURE__ */ ((t) => (t.BUTTONS = "buttons", t.DEFAULT = "default", t))(A || {});
-const S = "_root_11zii_1", w = "_disabled_11zii_5", O = "_variantDefault_11zii_9", j = "_active_11zii_22", F = "_variantButtons_11zii_26", _ = {
-  root: S,
+const k = "_root_11zii_1", w = "_disabled_11zii_5", O = "_variantDefault_11zii_9", j = "_active_11zii_22", F = "_variantButtons_11zii_26", _ = {
+  root: k,
   disabled: w,
   variantDefault: O,
   active: j,
   variantButtons: F
 }, N = (t) => {
-  const { disabled: n = !1, label: s, index: a = 0, tabIndex: o = 0 } = t, { activeIndex: r, getPanelId: d, getTabId: i, setActiveTab: u, variant: l } = x(), v = d(a), e = i(a), T = r === a, B = C(_.root, I("variant", l, _), {
+  const { disabled: n = !1, label: s, index: a = 0, tabIndex: o = 0 } = t, { activeIndex: r, getPanelId: d, getTabId: i, setActiveTab: u, variant: l } = x(), v = d(a), e = i(a), T = r === a, $ = C(_.root, I("variant", l, _), {
     [_.active]: T,
     [_.disabled]: n
   });
@@ -32,7 +32,7 @@ const S = "_root_11zii_1", w = "_disabled_11zii_5", O = "_variantDefault_11zii_9
       "aria-selected": T,
       "aria-controls": v,
       "aria-disabled": n,
-      className: B,
+      className: $,
       disabled: n,
       id: e,
       onClick: () => {
@@ -56,22 +56,22 @@ const M = "_root_ndfzg_20", R = "_variantDefault_ndfzg_23", V = "_list_ndfzg_23"
   list: V,
   variantButtons: Y,
   panel: q
-}, G = [f.TAB], $ = (t) => {
+}, G = [f.TAB], B = (t) => {
   const { defaultActiveIndex: n = 0, children: s, onChange: a, variant: o = A.DEFAULT } = t, r = [], d = C(b.root, I("variant", o, b));
   let i = !1;
   const u = (l, v) => {
-    if (!U(G, l))
+    if (!S(G, l))
       return null;
     const { children: e = null } = l.props;
     return r.push(e), e && (i = !0), m.cloneElement(l, { index: v });
   };
-  return /* @__PURE__ */ c(k, { defaultActiveIndex: n, onTabChange: a, variant: o, children: /* @__PURE__ */ z("div", { className: d, children: [
+  return /* @__PURE__ */ c(U, { defaultActiveIndex: n, onTabChange: a, variant: o, children: /* @__PURE__ */ z("div", { className: d, children: [
     /* @__PURE__ */ c("div", { className: b.list, children: m.Children.map(s, u) }),
     i && /* @__PURE__ */ c("div", { className: b.panel, children: /* @__PURE__ */ c(P, { panels: r }) })
   ] }) });
 };
-$.displayName = "Tabs";
-const H = $;
+B.displayName = "Tabs";
+const H = B;
 H.Tab = N;
 export {
   A as ETabsVariant,

package/dist/textarea.js

@@ -1,6 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
 import g from "clsx";
-import { g as s } from "./getVariantClassName-D7Nhpuec.mjs";
+import { g as s } from "./getVariantClassName-DoCNtwBw.mjs";
 import './textarea.css';const h = "Textarea", N = "_root_n07z1_14", v = "_invalid_n07z1_55", x = "_sizeSm_n07z1_63", C = "_sizeMd_n07z1_69", p = "_sizeLg_n07z1_75", f = "_resizeNone_n07z1_82", u = "_resizeVertical_n07z1_86", B = "_resizeBoth_n07z1_90", e = {
   root: N,
   invalid: v,