@lazar-ui/kit 0.5.1 → 0.6.0

package/dist/pagination.js

@@ -1,75 +1,63 @@
-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 './pagination.css';const P = L(null), I = P.Provider, w = () => {
-  const n = S(P);
-  if (!n)
+import { jsx as n, jsxs as N } from "react/jsx-runtime";
+import { createContext as L, useContext as y, useMemo as M, useCallback as S } from "react";
+import v from "clsx";
+import { u as P } from "./useLocale-CJh-krrY.mjs";
+import { g as h } from "./getVariantClassName-DoCNtwBw.mjs";
+import { I as x } from "./Icon-DUCBChX2.mjs";
+import { getPageRange as I } from "./utils.js";
+import './pagination.css';const f = L(null), $ = f.Provider, w = () => {
+  const a = y(f);
+  if (!a)
     throw new Error("Pagination sub-component must be used within a Pagination");
-  return n;
-}, $ = "_button_nl5gc_14", E = "_active_nl5gc_40", A = "_prevNext_nl5gc_44", j = "_sizeSm_nl5gc_49", k = "_sizeMd_nl5gc_55", B = "_sizeLg_nl5gc_61", _ = {
-  button: $,
-  active: E,
+  return a;
+}, j = "_button_nl5gc_14", k = "_active_nl5gc_40", A = "_prevNext_nl5gc_44", D = "_sizeSm_nl5gc_49", E = "_sizeMd_nl5gc_55", R = "_sizeLg_nl5gc_61", d = {
+  button: j,
+  active: k,
   prevNext: A,
-  sizeSm: j,
-  sizeMd: k,
-  sizeLg: B
-}, x = (n) => {
-  const { page: e, type: a = "page", children: t } = n, { currentPage: l, totalPages: r, disabled: s, onChange: p, size: u } = w(), i = v(), g = e === l, o = s || e < 1 || e > r || g;
-  let d, m;
-  a === "prev" ? (d = i.Pagination.prev, m = t ?? /* @__PURE__ */ c(z, { name: "chevron-left", size: 14 })) : a === "next" ? (d = i.Pagination.next, m = t ?? /* @__PURE__ */ c(z, { name: "chevron-right", size: 14 })) : (d = i.Pagination.Item.page.replace("{page}", String(e)), m = t ?? e);
-  const M = f(_.button, C("size", u, _), {
-    [_.active]: g,
-    [_.prevNext]: a !== "page"
+  sizeSm: D,
+  sizeMd: E,
+  sizeLg: R
+}, b = (a) => {
+  const { page: e, type: i = "page", children: t } = a, { currentPage: g, totalPages: p, disabled: o, onChange: u, size: z } = w(), l = P(), c = e === g, s = o || e < 1 || e > p || c;
+  let r, _;
+  i === "prev" ? (r = l.Pagination.prev, _ = t ?? /* @__PURE__ */ n(x, { name: "chevron-left", size: 14 })) : i === "next" ? (r = l.Pagination.next, _ = t ?? /* @__PURE__ */ n(x, { name: "chevron-right", size: 14 })) : (r = l.Pagination.Item.page.replace("{page}", String(e)), _ = t ?? e);
+  const C = v(d.button, h("size", z, d), {
+    [d.active]: c,
+    [d.prevNext]: i !== "page"
   });
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ n(
     "button",
     {
-      "aria-current": g ? "page" : void 0,
-      "aria-label": d,
-      className: M,
-      disabled: o,
-      onClick: () => p(e),
+      "aria-current": c ? "page" : void 0,
+      "aria-label": r,
+      className: C,
+      disabled: s,
+      onClick: () => u(e),
       type: "button",
-      children: m
+      children: _
     }
   );
-}, D = "Pagination", b = (n, e) => Array.from({ length: e - n + 1 }, (a, t) => n + t), V = (n, e) => {
-  if (e <= 7)
-    return b(1, e);
-  const l = Math.max(n - 1, 1), r = Math.min(n + 1, e), s = l > 2, p = r < e - 1;
-  if (!s && p) {
-    const i = Math.min(r + 1, e);
-    return [...b(1, i), "ellipsis", e];
-  }
-  if (s && !p) {
-    const i = Math.max(l - 1, 1);
-    return [1, "ellipsis", ...b(i, e)];
-  }
-  return [1, "ellipsis", ...b(l, r), "ellipsis", e];
-}, Y = "_root_60eox_6", q = "_disabled_60eox_13", F = "_ellipsis_60eox_18", G = "_sizeSm_60eox_27", H = "_sizeMd_60eox_33", J = "_sizeLg_60eox_39", h = {
+}, V = "Pagination", Y = "_root_60eox_6", q = "_disabled_60eox_13", B = "_ellipsis_60eox_18", F = "_sizeSm_60eox_27", G = "_sizeMd_60eox_33", H = "_sizeLg_60eox_39", m = {
   root: Y,
   disabled: q,
-  ellipsis: F,
-  sizeSm: G,
-  sizeMd: H,
-  sizeLg: J
-}, K = (n) => {
-  const { disabled: e = !1, onChange: a, page: t, showPrevNext: l = !0, size: r = "md", totalPages: s } = n, p = v(), u = y(() => V(t, s), [t, s]), i = R(
-    (o) => {
-      e || o < 1 || o > s || a?.(o);
+  ellipsis: B,
+  sizeSm: F,
+  sizeMd: G,
+  sizeLg: H
+}, J = (a) => {
+  const { disabled: e = !1, onChange: i, page: t, showPrevNext: g = !0, size: p = "md", totalPages: o } = a, u = P(), z = M(() => I(t, o), [t, o]), l = S(
+    (s) => {
+      e || s < 1 || s > o || i?.(s);
     },
-    [e, a, s]
-  ), g = f(h.root, C("size", r, h), { [h.disabled]: e });
-  return /* @__PURE__ */ c(I, { value: { currentPage: t, disabled: e, onChange: i, size: r, totalPages: s }, children: /* @__PURE__ */ N("nav", { "aria-label": p.Pagination.label, className: g, children: [
-    l && /* @__PURE__ */ c(x, { page: t - 1, type: "prev" }),
-    u.map((o, d) => o === "ellipsis" ? /* @__PURE__ */ c("span", { "aria-hidden": "true", className: h.ellipsis, children: "…" }, `ellipsis-${d}`) : /* @__PURE__ */ c(x, { page: o, type: "page" }, o)),
-    l && /* @__PURE__ */ c(x, { page: t + 1, type: "next" })
+    [e, i, o]
+  ), c = v(m.root, h("size", p, m), { [m.disabled]: e });
+  return /* @__PURE__ */ n($, { value: { currentPage: t, disabled: e, onChange: l, size: p, totalPages: o }, children: /* @__PURE__ */ N("nav", { "aria-label": u.Pagination.label, className: c, children: [
+    g && /* @__PURE__ */ n(b, { page: t - 1, type: "prev" }),
+    z.map((s, r) => s === "ellipsis" ? /* @__PURE__ */ n("span", { "aria-hidden": "true", className: m.ellipsis, children: "…" }, `ellipsis-${r}`) : /* @__PURE__ */ n(b, { page: s, type: "page" }, s)),
+    g && /* @__PURE__ */ n(b, { page: t + 1, type: "next" })
   ] }) });
 };
-K.displayName = D;
+J.displayName = V;
 export {
-  K as Pagination
+  J as Pagination
 };

package/dist/panel.d.ts

@@ -0,0 +1,9 @@
+import { default as default_2 } from 'react';
+
+declare interface IProps {
+    panels: default_2.ReactNode[];
+}
+
+export declare const Panel: default_2.FC<IProps>;
+
+export { }

package/dist/panel.js

@@ -0,0 +1,4 @@
+import { P as o } from "./Panel-Q06TIYep.mjs";
+export {
+  o as Panel
+};

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.css

@@ -1 +1 @@
-@charset "UTF-8";._item_1mf7l_3{align-items:flex-start;cursor:pointer;display:inline-flex;gap:var(--radio-gap);position:relative;-webkit-user-select:none;user-select:none;vertical-align:middle}._item_1mf7l_3._disabled_1mf7l_12{cursor:not-allowed;opacity:.5}._item_1mf7l_3._invalid_1mf7l_17 ._radio_1mf7l_17{border-color:var(--radio-error-border)}._item_1mf7l_3._invalid_1mf7l_17 ._input_1mf7l_20:checked+._radio_1mf7l_17{background-color:var(--radio-error-checked-bg);border-color:var(--radio-error-checked-border)}._input_1mf7l_20{border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}._radio_1mf7l_17{align-items:center;background:var(--radio-bg);border:1px solid var(--radio-border);border-radius:var(--radio-radius);display:flex;flex-shrink:0;justify-content:center;position:relative;transition:background var(--radio-transition-duration) var(--radio-transition-timing),border-color var(--radio-transition-duration) var(--radio-transition-timing)}._radio_1mf7l_17:after{background:var(--radio-dot-color);border-radius:50%;content:"";opacity:0;position:absolute;transition:opacity var(--radio-transition-duration) var(--radio-transition-timing),transform var(--radio-transition-duration) var(--radio-transition-timing)}._content_1mf7l_63{display:flex;flex-direction:column;gap:var(--radio-content-gap);padding-top:var(--radio-content-padding-top)}._label_1mf7l_70{color:var(--radio-label-color);font-weight:var(--radio-label-font-weight)}._description_1mf7l_75{color:var(--radio-description-color);font-weight:var(--lui-font-weight-normal)}._item_1mf7l_3:not(._disabled_1mf7l_12) ._input_1mf7l_20:not(:checked):hover+._radio_1mf7l_17{border-color:var(--radio-hover-border)}._input_1mf7l_20:focus-visible+._radio_1mf7l_17{box-shadow:var(--radio-focus-shadow)}._input_1mf7l_20:checked+._radio_1mf7l_17{background:var(--radio-checked-bg);border-color:var(--radio-checked-border)}._input_1mf7l_20:checked+._radio_1mf7l_17:after{opacity:1}._disabled_1mf7l_12 ._input_1mf7l_20:checked+._radio_1mf7l_17{background:var(--radio-disabled-bg);border-color:var(--radio-disabled-border)}._disabled_1mf7l_12 ._input_1mf7l_20:checked+._radio_1mf7l_17:after{background:var(--radio-disabled-dot)}._disabled_1mf7l_12 ._input_1mf7l_20:not(:checked)+._radio_1mf7l_17{background:var(--radio-disabled-bg);border-color:var(--radio-disabled-border)}._sizeSm_1mf7l_113 ._radio_1mf7l_17{height:16px;width:16px}._sizeSm_1mf7l_113 ._radio_1mf7l_17:after{height:6px;width:6px}._sizeSm_1mf7l_113 ._label_1mf7l_70{font-size:var(--lui-font-size-sm);line-height:var(--line-height-sm)}._sizeSm_1mf7l_113 ._description_1mf7l_75{font-size:var(--lui-font-size-xs);line-height:var(--line-height-xs)}._sizeMd_1mf7l_130 ._radio_1mf7l_17{height:20px;width:20px}._sizeMd_1mf7l_130 ._radio_1mf7l_17:after{height:8px;width:8px}._sizeMd_1mf7l_130 ._label_1mf7l_70{font-size:var(--lui-font-size-md);line-height:var(--line-height-md)}._sizeMd_1mf7l_130 ._description_1mf7l_75{font-size:var(--lui-font-size-sm);line-height:var(--line-height-sm)}._sizeLg_1mf7l_147 ._radio_1mf7l_17{height:24px;width:24px}._sizeLg_1mf7l_147 ._radio_1mf7l_17:after{height:10px;width:10px}._sizeLg_1mf7l_147 ._label_1mf7l_70{font-size:var(--lui-font-size-lg);line-height:var(--line-height-lg)}._sizeLg_1mf7l_147 ._description_1mf7l_75{font-size:var(--lui-font-size-md);line-height:var(--line-height-md)}:root{--radio-bg: var(--lui-color-background-primary);--radio-border: var(--lui-color-border-primary);--radio-checked-bg: var(--lui-color-background-brand);--radio-checked-border: var(--lui-color-background-brand);--radio-dot-color: var(--lui-color-text-on-brand);--radio-disabled-bg: var(--lui-color-background-disabled);--radio-disabled-border: var(--lui-color-border-disabled);--radio-disabled-dot: var(--lui-color-text-disabled);--radio-error-border: var(--lui-color-border-focus-error);--radio-error-checked-bg: var(--lui-color-background-error);--radio-error-checked-border: var(--lui-color-background-error);--radio-radius: var(--lui-radius-full);--radio-hover-border: var(--lui-palette-gray-400);--radio-focus-shadow: 0 0 0 2px var(--lui-palette-brand-secondary);--radio-label-color: var(--lui-color-text-primary);--radio-description-color: var(--lui-color-text-tertiary);--radio-label-font-weight: var(--lui-font-weight-medium);--radio-gap: var(--lui-space-2);--radio-content-gap: 2px;--radio-content-padding-top: 1px;--radio-group-gap: var(--lui-space-2);--radio-transition-duration: .15s;--radio-transition-timing: cubic-bezier(.4, 0, .2, 1)}._root_pott0_33{border:none;display:flex;flex-direction:column;margin:0;padding:0}._root_pott0_33._vertical_pott0_40 ._group_pott0_40{flex-direction:column}._root_pott0_33._horizontal_pott0_43 ._group_pott0_40{flex-direction:row}._group_pott0_40{display:flex;gap:var(--radio-group-gap)}
+@charset "UTF-8";:root{--radio-bg: var(--lui-color-background-primary);--radio-border: var(--lui-color-border-primary);--radio-checked-bg: var(--lui-color-background-brand);--radio-checked-border: var(--lui-color-background-brand);--radio-dot-color: var(--lui-color-text-on-brand);--radio-disabled-bg: var(--lui-color-background-disabled);--radio-disabled-border: var(--lui-color-border-disabled);--radio-disabled-dot: var(--lui-color-text-disabled);--radio-error-border: var(--lui-color-border-focus-error);--radio-error-checked-bg: var(--lui-color-background-error);--radio-error-checked-border: var(--lui-color-background-error);--radio-radius: var(--lui-radius-full);--radio-hover-border: var(--lui-palette-gray-400);--radio-focus-shadow: 0 0 0 2px var(--lui-palette-brand-secondary);--radio-label-color: var(--lui-color-text-primary);--radio-description-color: var(--lui-color-text-tertiary);--radio-label-font-weight: var(--lui-font-weight-medium);--radio-gap: var(--lui-space-2);--radio-content-gap: 2px;--radio-content-padding-top: 1px;--radio-group-gap: var(--lui-space-2);--radio-transition-duration: .15s;--radio-transition-timing: cubic-bezier(.4, 0, .2, 1)}._root_pott0_33{border:none;display:flex;flex-direction:column;margin:0;padding:0}._root_pott0_33._vertical_pott0_40 ._group_pott0_40{flex-direction:column}._root_pott0_33._horizontal_pott0_43 ._group_pott0_40{flex-direction:row}._group_pott0_40{display:flex;gap:var(--radio-group-gap)}

package/dist/radio.js

@@ -1,113 +1,57 @@
-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 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);
-  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(
-    (h) => {
-      c || f(h), r?.(h);
+import { C as V, D as h, I as M } from "./Item-JbyvZy05.mjs";
+import { jsx as s } from "react/jsx-runtime";
+import P, { useId as z, useState as A, useCallback as E } from "react";
+import T from "clsx";
+import { i as b } from "./isValidReactNode-D1buElhX.mjs";
+import "lodash/camelCase";
+import './radio.css';const x = (e) => {
+  const { children: i, name: c, value: t, defaultValue: d, onChange: a, size: r, disabled: m, invalid: u } = e, p = z(), v = c ?? p, o = t !== void 0, [n, g] = A(d), N = o ? t : n, I = E(
+    (C) => {
+      o || g(C), a?.(C);
     },
-    [c, r]
+    [o, a]
   );
-  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 = {
-  item: w,
-  disabled: B,
-  invalid: O,
-  radio: U,
-  input: G,
-  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(
-    (u) => {
-      p.current = u, typeof n == "function" ? n(u) : n && (n.current = u);
-    },
-    [n]
-  ), N = (u) => {
-    t.onChange?.(u.target.value), m?.(u);
-  }, h = I(
-    o.item,
-    k("size", v, o),
-    {
-      [o.disabled]: d,
-      [o.invalid]: f
-    }
-  );
-  return /* @__PURE__ */ z("label", { className: h, children: [
-    /* @__PURE__ */ s(
-      "input",
-      {
-        ref: g,
-        className: o.input,
-        type: "radio",
-        checked: c,
-        disabled: d,
-        "aria-invalid": f || void 0,
-        name: t.name,
-        value: i,
-        onChange: N,
-        ..._
-      }
-    ),
-    /* @__PURE__ */ s("span", { className: o.radio, "aria-hidden": "true" }),
-    (a || l) && /* @__PURE__ */ z("span", { className: o.content, children: [
-      a && /* @__PURE__ */ s("span", { className: o.label, children: a }),
-      l && /* @__PURE__ */ s("span", { className: o.description, children: l })
-    ] })
-  ] });
+  return /* @__PURE__ */ s(V.Provider, { value: { disabled: m, invalid: u, name: v, onChange: I, size: r, value: N }, children: i });
 };
-R.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,
-  vertical: X,
-  group: Z,
-  horizontal: ee
-}, te = [V.ITEM], y = (e) => {
+var _ = ((e) => (e.ITEM = `${h}.Item`, e))(_ || {}), D = /* @__PURE__ */ ((e) => (e.SM = "sm", e.MD = "md", e.LG = "lg", e))(D || {});
+const L = "_root_pott0_33", R = "_vertical_pott0_40", S = "_group_pott0_40", y = "_horizontal_pott0_43", l = {
+  root: L,
+  vertical: R,
+  group: S,
+  horizontal: y
+}, B = [_.ITEM], f = (e) => {
   const {
-    children: n,
-    name: a,
-    value: i,
-    defaultValue: l,
-    onChange: r,
-    vertical: m = !0,
-    size: _ = "md",
-    disabled: t = !1,
+    children: i,
+    name: c,
+    value: t,
+    defaultValue: d,
+    onChange: a,
+    vertical: r = !0,
+    size: m = "md",
+    disabled: u = !1,
     invalid: p = !1
-  } = e, v = (d) => A(te, d) ? d : null, c = I(C.root, {
-    [C.horizontal]: !m,
-    [C.vertical]: m
+  } = e, v = (n) => b(B, n) ? n : null, o = T(l.root, {
+    [l.horizontal]: !r,
+    [l.vertical]: r
   });
   return /* @__PURE__ */ s(
-    j,
+    x,
     {
-      name: a,
-      value: i,
-      defaultValue: l,
-      onChange: r,
-      size: _,
-      disabled: t,
+      name: c,
+      value: t,
+      defaultValue: d,
+      onChange: a,
+      size: m,
+      disabled: u,
       invalid: p,
-      children: /* @__PURE__ */ s("fieldset", { className: c, children: /* @__PURE__ */ s("div", { className: C.group, children: L.Children.map(n, v) }) })
+      children: /* @__PURE__ */ s("fieldset", { className: o, children: /* @__PURE__ */ s("div", { className: l.group, children: P.Children.map(i, v) }) })
     }
   );
 };
-y.displayName = b;
-const ne = y;
-ne.Item = R;
+f.displayName = h;
+const O = f;
+O.Item = M;
 export {
-  Q as ERadioSize,
-  ne as Radio
+  D as ERadioSize,
+  O as Radio
 };

package/dist/row.d.ts

@@ -0,0 +1,12 @@
+import { default as default_2 } from 'react';
+
+declare interface IProps extends default_2.PropsWithChildren {
+}
+
+/**
+ * Table row. Must be used as a child of `<Table>`.
+ * Accepts `<Table.Cell>` children.
+ */
+export declare const Row: default_2.FC<IProps>;
+
+export { }

package/dist/row.js

@@ -0,0 +1,4 @@
+import { R } from "./Row-C-3TXoDz.mjs";
+export {
+  R as Row
+};

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/tab.d.ts

@@ -0,0 +1,30 @@
+import { default as default_2 } from 'react';
+
+export declare interface ITabProps {
+    /** Index at list of tabs. */
+    index?: number;
+    /** Disabled tab flag. */
+    disabled?: boolean;
+    /** Label. */
+    label: string;
+    /** HTML tabindex attribute. */
+    tabIndex?: number;
+}
+
+/**
+ * Individual tab button. Must be used as a child of `<Tabs>`.
+ *
+ * Manages its active/disabled state via parent context and sets proper ARIA attributes (`role="tab"`, `aria-selected`, `aria-controls`).
+ *
+ * @example
+ * ```tsx
+ * <Tabs defaultActiveIndex={0}>
+ *   <Tabs.Tab label="First" />
+ *   <Tabs.Tab label="Second" disabled />
+ *   <Tabs.Tab label="Third" />
+ * </Tabs>
+ * ```
+ */
+export declare const Tab: default_2.FC<ITabProps>;
+
+export { }

package/dist/tab.js

@@ -0,0 +1,4 @@
+import { T as r } from "./Tab-CR0KvVaA.mjs";
+export {
+  r as Tab
+};

package/dist/table.css

@@ -1 +1 @@
-:root{--active-filters-gap: var(--lui-space-2)}._root_4qb7d_5{align-items:center;display:flex;flex-wrap:wrap;gap:var(--active-filters-gap)}:root{--cell-bg-header: var(--lui-color-background-tertiary);--cell-border-header: var(--lui-color-border-secondary);--cell-padding: var(--lui-space-3) var(--lui-space-4);--cell-max-width: 200px}._root_lmxwt_8{background-color:transparent;border-bottom:1px solid var(--lui-color-border-primary);max-width:var(--cell-max-width);overflow:hidden;padding:var(--cell-padding);text-overflow:ellipsis;white-space:nowrap}._root_lmxwt_8._header_lmxwt_17{background-color:var(--cell-bg-header);border-bottom:2px solid var(--cell-border-header)}._root_lmxwt_8._alignLeft_lmxwt_21{text-align:left}._root_lmxwt_8._alignRight_lmxwt_24{text-align:right}._root_lmxwt_8._alignCenter_lmxwt_27{text-align:center}:root{--table-bg-stripe: var(--lui-color-background-secondary)}._root_t4731_5{background-color:var(--lui-color-background-primary);border-bottom:1px solid var(--lui-color-border-primary);transition:background-color .2s}._root_t4731_5:nth-child(odd){background-color:var(--table-bg-stripe)}._root_t4731_5:hover{background-color:var(--lui-color-background-brand-secondary)}:root{--toolbar-gap: var(--lui-space-3);--toolbar-padding: var(--lui-space-3) 0}._root_d4szt_6{align-items:center;display:flex;gap:var(--toolbar-gap);padding:var(--toolbar-padding)}:root{--table-font-size: var(--lui-font-size-md)}._wrapper_17sd8_5{display:flex;flex-direction:column;gap:var(--lui-space-4)}._root_17sd8_11{border-collapse:collapse;font-size:var(--table-font-size);table-layout:fixed;width:100%}
+:root{--table-font-size: var(--lui-font-size-md)}._wrapper_17sd8_5{display:flex;flex-direction:column;gap:var(--lui-space-4)}._root_17sd8_11{border-collapse:collapse;font-size:var(--table-font-size);table-layout:fixed;width:100%}

package/dist/table.js

@@ -1,79 +1,30 @@
-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 { 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(
-    (a) => () => {
-      r(a);
-    },
-    [r]
-  ), m = p(() => {
-    o?.();
-  }, [o]);
-  return e.length === 0 ? null : /* @__PURE__ */ h("div", { className: x.root, children: [
-    e.map((a) => /* @__PURE__ */ h(L, { onDelete: l(a.key), children: [
-      a.label,
-      ": ",
-      a.value
-    ] }, a.key)),
-    o && /* @__PURE__ */ n(u, { mode: "text", size: "sm", onClick: m, children: c.Table.ActiveFilters.clearAll })
+import { A as d } from "./ActiveFilters-BJojmc-d.mjs";
+import { C as f } from "./Cell-BPBvEyeL.mjs";
+import { R as b } from "./Row-C-3TXoDz.mjs";
+import { T as A } from "./Toolbar-BJQy4qFI.mjs";
+import { jsxs as T, jsx as a } from "react/jsx-runtime";
+import R from "react";
+import { i as t } from "./isValidReactNode-D1buElhX.mjs";
+import "lodash/camelCase";
+import { E as e } from "./enums-BnuDYTua.mjs";
+import './table.css';const w = "Table", C = "_wrapper_17sd8_5", _ = "_root_17sd8_11", l = {
+  wrapper: C,
+  root: _
+}, i = (m) => {
+  const { children: n } = m, s = R.Children.toArray(n), p = s.find(
+    (o) => t(e.TOOLBAR, o, !1)
+  ), c = s.filter((o) => !t(e.TOOLBAR, o, !1)).filter((o) => t(e.ROW, o, !0));
+  return /* @__PURE__ */ T("div", { className: l.wrapper, children: [
+    p,
+    /* @__PURE__ */ a("table", { className: l.root, children: /* @__PURE__ */ a("tbody", { children: c }) })
   ] });
 };
-b.displayName = $;
-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,
-  header: k,
-  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, _), {
-    [_.header]: o === "th"
-  });
-  return /* @__PURE__ */ n(o, { className: m, title: c, width: l, children: r });
-};
-g.displayName = s.CELL;
-const E = "_root_t4731_5", I = {
-  root: E
-}, A = (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) });
-};
-A.displayName = s.ROW;
-const M = "Table.Toolbar", P = "_root_d4szt_6", W = {
-  root: P
-}, f = (t) => {
-  const { children: e } = t;
-  return /* @__PURE__ */ n("div", { className: W.root, children: e });
-};
-f.displayName = M;
-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(
-    (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: [
-    r,
-    /* @__PURE__ */ n("table", { className: C.root, children: /* @__PURE__ */ n("tbody", { children: c }) })
-  ] });
-};
-N.displayName = Y;
-const d = N;
-d.ActiveFilters = b;
-d.Cell = g;
-d.Row = A;
-d.Toolbar = f;
+i.displayName = w;
+const r = i;
+r.ActiveFilters = d;
+r.Cell = f;
+r.Row = b;
+r.Toolbar = A;
 export {
-  d as Table
+  r as Table
 };