@lazar-ui/kit 0.6.1 → 0.7.0

package/dist/select.js

@@ -1,121 +1,139 @@
-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-DUCBChX2.mjs";
-import { Popover as b } from "./popover.js";
-import { u as O } from "./useLocale-CJh-krrY.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,
-  invalid: E,
-  sizeSm: j,
-  sizeMd: F,
-  sizeLg: U,
-  displayText: V,
-  displayTextPlaceholder: W,
-  indicators: Y,
-  clearButton: q,
-  chevron: G,
-  optionsList: H,
-  noOptions: J,
-  option: K,
-  optionSelected: Q,
-  optionDisabled: R,
-  optionLabel: X,
-  checkbox: Z,
-  checkboxChecked: $
-}, ee = (v) => {
+import { jsxs as p, jsx as o, Fragment as j } from "react/jsx-runtime";
+import F, { useState as R, useMemo as U, useCallback as v } from "react";
+import m from "clsx";
+import { I as S } from "./Icon-DUCBChX2.mjs";
+import { Popover as C } from "./popover.js";
+import { u as V } from "./useLocale-CJh-krrY.mjs";
+import { g as W } from "./getVariantClassName-DoCNtwBw.mjs";
+import { i as Y } from "./isValidReactNode-CmYwTWCE.mjs";
+import './select.css';const O = "Select", $ = "bottom start";
+var k = /* @__PURE__ */ ((c) => (c.OPTION = "Select.Option", c))(k || {});
+const q = "_root_t7wta_7", G = "_disabled_t7wta_28", H = "_invalid_t7wta_35", J = "_sizeSm_t7wta_39", K = "_sizeMd_t7wta_45", Q = "_sizeLg_t7wta_51", X = "_displayText_t7wta_57", Z = "_displayTextPlaceholder_t7wta_64", ee = "_indicators_t7wta_68", te = "_clearButton_t7wta_74", oe = "_chevron_t7wta_92", se = "_optionsList_t7wta_103", ae = "_noOptions_t7wta_112", le = "_option_t7wta_103", ne = "_optionSelected_t7wta_132", ie = "_optionDisabled_t7wta_138", ce = "_optionLabel_t7wta_146", re = "_checkbox_t7wta_153", de = "_checkboxChecked_t7wta_165", t = {
+  root: q,
+  disabled: G,
+  invalid: H,
+  sizeSm: J,
+  sizeMd: K,
+  sizeLg: Q,
+  displayText: X,
+  displayTextPlaceholder: Z,
+  indicators: ee,
+  clearButton: te,
+  chevron: oe,
+  optionsList: se,
+  noOptions: ae,
+  option: le,
+  optionSelected: ne,
+  optionDisabled: ie,
+  optionLabel: ce,
+  checkbox: re,
+  checkboxChecked: de
+}, L = (c) => {
   const {
-    clearable: w = !1,
-    disabled: i = !1,
-    invalid: u = !1,
-    multiple: s = !1,
-    onChange: o,
-    options: d,
-    placeholder: k,
-    size: S = "md",
+    children: b,
+    clearable: y = !1,
+    disabled: r = !1,
+    invalid: w = !1,
+    multiple: a = !1,
+    onChange: l,
+    options: u,
+    placeholder: z,
+    size: P = "md",
     value: n
-  } = v, [C, x] = P(!1), _ = O(), r = s ? d.filter((e) => n?.includes(e.value)) : d.filter((e) => e.value === n), f = r.length > 0 ? r.map((e) => e.label).join(", ") : k ?? _.Select.placeholder, g = h(
+  } = c, [E, N] = R(!1), f = V(), _ = U(() => {
+    if (!b)
+      return u ?? [];
+    const e = [], s = [k.OPTION];
+    return F.Children.forEach(b, (x) => {
+      if (Y(s, x, !1)) {
+        const d = x, i = d.props.children, D = typeof i == "string" ? i : typeof i == "number" || typeof i == "boolean" ? String(i) : "";
+        e.push({
+          disabled: d.props.disabled,
+          label: D,
+          value: d.props.value
+        });
+      }
+    }), e.length > 0 ? e : u ?? [];
+  }, [b, u]), h = a ? _.filter((e) => n?.includes(e.value)) : _.filter((e) => e.value === n), g = h.length > 0 ? h.map((e) => e.label).join(", ") : z ?? f.Select.placeholder, I = v(
     (e) => {
-      if (!e.disabled && o)
-        if (s) {
-          const l = n ?? [], y = l.includes(e.value) ? l.filter((T) => T !== e.value) : [...l, e.value];
-          o(y);
+      if (!e.disabled && l)
+        if (a) {
+          const s = n ?? [], d = s.includes(e.value) ? s.filter((i) => i !== e.value) : [...s, e.value];
+          l(d);
         } else
-          o(e.value), x(!1);
+          l(e.value), N(!1);
     },
-    [s, o, n]
-  ), L = h(
+    [a, l, n]
+  ), M = v(
     (e) => {
-      e.stopPropagation(), o && o(s ? [] : "");
+      e.stopPropagation(), l && l(a ? [] : "");
     },
-    [s, o]
-  ), N = h(
-    (e) => s ? n?.includes(e) ?? !1 : n === e,
-    [s, n]
-  ), z = p(
+    [a, l]
+  ), A = v(
+    (e) => a ? n?.includes(e) ?? !1 : n === e,
+    [a, n]
+  ), B = m(
     t.root,
-    D("size", S, t),
-    i && t.disabled,
-    u && t.invalid
+    W("size", P, t),
+    r && t.disabled,
+    w && t.invalid
   );
-  return /* @__PURE__ */ c(b, { onOpenChange: x, open: C, placement: M, children: [
-    /* @__PURE__ */ a(b.Trigger, { children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ p(C, { onOpenChange: N, open: E, placement: $, children: [
+    /* @__PURE__ */ o(C.Trigger, { children: /* @__PURE__ */ p(
       "div",
       {
-        "aria-disabled": i,
-        "aria-invalid": u,
-        className: z,
+        "aria-disabled": r,
+        "aria-invalid": w,
+        className: B,
         role: "combobox",
-        tabIndex: i ? -1 : 0,
-        onClick: i ? (e) => e.stopPropagation() : void 0,
+        tabIndex: r ? -1 : 0,
+        onClick: r ? (e) => e.stopPropagation() : void 0,
         children: [
-          /* @__PURE__ */ a("span", { className: p(t.displayText, !r.length && t.displayTextPlaceholder), children: f }),
-          /* @__PURE__ */ c("span", { className: t.indicators, children: [
-            w && r.length > 0 && !i && /* @__PURE__ */ a(
+          /* @__PURE__ */ o("span", { className: m(t.displayText, !h.length && t.displayTextPlaceholder), children: g }),
+          /* @__PURE__ */ p("span", { className: t.indicators, children: [
+            y && h.length > 0 && !r && /* @__PURE__ */ o(
               "button",
               {
-                "aria-label": _.Select.clear,
+                "aria-label": f.Select.clear,
                 className: t.clearButton,
-                onClick: L,
+                onClick: M,
                 tabIndex: -1,
                 type: "button",
-                children: /* @__PURE__ */ a(m, { name: "x", size: 14 })
+                children: /* @__PURE__ */ o(S, { name: "x", size: 14 })
               }
             ),
-            /* @__PURE__ */ a("span", { className: t.chevron, children: /* @__PURE__ */ a(m, { name: "chevron-down", size: 16 }) })
+            /* @__PURE__ */ o("span", { className: t.chevron, children: /* @__PURE__ */ o(S, { name: "chevron-down", size: 16 }) })
           ] })
         ]
       }
     ) }),
-    /* @__PURE__ */ a(b.Content, { padding: !1, children: /* @__PURE__ */ c(
+    /* @__PURE__ */ o(C.Content, { padding: !1, children: /* @__PURE__ */ p(
       "ul",
       {
-        "aria-label": f,
+        "aria-label": g,
         className: t.optionsList,
         role: "listbox",
         children: [
-          d.length === 0 && /* @__PURE__ */ a("li", { className: t.noOptions, children: _.Select.noOptions }),
-          d.map((e) => {
-            const l = N(e.value);
-            return /* @__PURE__ */ c(
+          _.length === 0 && /* @__PURE__ */ o("li", { className: t.noOptions, children: f.Select.noOptions }),
+          _.map((e) => {
+            const s = A(e.value);
+            return /* @__PURE__ */ p(
               "li",
               {
                 "aria-disabled": e.disabled,
-                "aria-selected": l,
-                className: p(
+                "aria-selected": s,
+                className: m(
                   t.option,
-                  l && t.optionSelected,
+                  s && t.optionSelected,
                   e.disabled && t.optionDisabled
                 ),
                 onClick: () => {
-                  g(e);
+                  I(e);
                 },
                 role: "option",
                 children: [
-                  s && /* @__PURE__ */ a("span", { className: p(t.checkbox, l && t.checkboxChecked), children: l && /* @__PURE__ */ a(m, { name: "check", size: 12, strokeWidth: 3 }) }),
-                  /* @__PURE__ */ a("span", { className: t.optionLabel, children: e.label })
+                  a && /* @__PURE__ */ o("span", { className: m(t.checkbox, s && t.checkboxChecked), children: s && /* @__PURE__ */ o(S, { name: "check", size: 12, strokeWidth: 3 }) }),
+                  /* @__PURE__ */ o("span", { className: t.optionLabel, children: e.label })
                 ]
               },
               e.value
@@ -126,7 +144,11 @@ import './select.css';const I = "Select", M = "bottom start", A = "_root_t7wta_7
     ) })
   ] });
 };
-ee.displayName = I;
+L.displayName = O;
+const T = ({ children: c }) => /* @__PURE__ */ o(j, { children: c });
+T.displayName = `${O}.Option`;
+const pe = L;
+pe.Option = T;
 export {
-  ee as Select
+  pe as Select
 };

package/dist/separator.css

@@ -0,0 +1 @@
+:root{--separator-color: var(--lui-color-border-primary)}._root_kvseh_5{background:var(--separator-color);border:none;height:1px;margin:0;padding-inline:var(--lui-space-4);width:100%}._vertical_kvseh_14{height:100%;padding-block:var(--lui-space-4);padding-inline:0;width:1px}._bleed_kvseh_21{padding:0}

package/dist/separator.d.ts

@@ -1,5 +1,25 @@
 import { default as default_2 } from 'react';
 
-export declare const Separator: default_2.FC;
+declare interface IProps {
+    /** Vertical orientation. Default: `false`. */
+    vertical?: boolean;
+    /** CSS colour of the line. Default: `var(--lui-color-border-primary)`. */
+    color?: string;
+    /** Removes padding around the line. Default: `false`. */
+    bleed?: boolean;
+}
+
+/**
+ * Separator component. Renders a horizontal or vertical dividing line.
+ *
+ * @example
+ * ```tsx
+ * <Separator />
+ * <Separator vertical />
+ * <Separator bleed />
+ * <Separator vertical bleed color="var(--lui-color-text-success)" />
+ * ```
+ */
+export declare const Separator: default_2.FC<IProps>;
 
 export { }

package/dist/separator.js

@@ -1,4 +1,24 @@
-import { S as o } from "./Separator-FETQ3gHZ.mjs";
+import { jsx as a } from "react/jsx-runtime";
+import c from "clsx";
+import './separator.css';const i = "Separator", _ = "_root_kvseh_5", n = "_vertical_kvseh_14", v = "_bleed_kvseh_21", o = {
+  root: _,
+  vertical: n,
+  bleed: v
+}, m = (r) => {
+  const { vertical: e = !1, color: t, bleed: s = !1 } = r, l = c(
+    o.root,
+    e && o.vertical,
+    s && o.bleed
+  );
+  return /* @__PURE__ */ a(
+    "hr",
+    {
+      className: l,
+      style: { "--separator-color": t ?? "var(--lui-color-border-primary)" }
+    }
+  );
+};
+m.displayName = i;
 export {
-  o as Separator
+  m as Separator
 };

package/dist/slider.css

@@ -0,0 +1 @@
+:root{--slider-track-height: 6px;--slider-track-radius: var(--lui-radius-full);--slider-track-background: var(--lui-palette-gray-200);--slider-range-background: var(--lui-palette-brand);--slider-thumb-size: 18px;--slider-thumb-background: var(--lui-palette-white);--slider-thumb-border-color: var(--lui-palette-brand);--slider-thumb-border-width: 2px;--slider-thumb-shadow: var(--lui-shadow-xs);--slider-value-font-size: var(--lui-font-size-md);--slider-value-line-height: var(--line-height-md);--slider-value-color: var(--lui-color-text-primary);--slider-gap: var(--lui-space-2);--slider-transition-duration: .15s;--slider-transition-timing: cubic-bezier(.4, 0, .2, 1)}._root_16h6h_24{align-items:center;display:inline-flex;gap:var(--slider-gap);width:100%}._root_16h6h_24._disabled_16h6h_31{cursor:not-allowed;opacity:.5;pointer-events:none}._container_16h6h_37{flex:1;height:var(--slider-thumb-size);min-width:120px;position:relative}._input_16h6h_45{cursor:pointer;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:1}._track_16h6h_58{background:var(--slider-track-background);border-radius:var(--slider-track-radius);height:var(--slider-track-height);left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}._range_16h6h_69{background:var(--slider-range-background);border-radius:var(--slider-track-radius);height:100%;left:0;position:absolute;top:0;transition:background var(--slider-transition-duration) var(--slider-transition-timing)}._thumb_16h6h_79{background:var(--slider-thumb-background);border:var(--slider-thumb-border-width) solid var(--slider-thumb-border-color);border-radius:50%;box-shadow:var(--slider-thumb-shadow);height:var(--slider-thumb-size);position:absolute;top:50%;transform:translate(-50%,-50%);transition:border-color var(--slider-transition-duration) var(--slider-transition-timing),box-shadow var(--slider-transition-duration) var(--slider-transition-timing),transform var(--slider-transition-duration) var(--slider-transition-timing);width:var(--slider-thumb-size)}._input_16h6h_45:focus-visible~._track_16h6h_58 ._thumb_16h6h_79{box-shadow:0 0 0 2px var(--lui-color-background-primary),0 0 0 4px var(--lui-color-border-focus)}._input_16h6h_45:not(:disabled):hover~._track_16h6h_58 ._thumb_16h6h_79{transform:translate(-50%,-50%) scale(1.1)}._input_16h6h_45:not(:disabled):active~._track_16h6h_58 ._thumb_16h6h_79{transform:translate(-50%,-50%) scale(.95)}._input_16h6h_45:disabled~._track_16h6h_58{background:var(--lui-palette-gray-100)}._input_16h6h_45:disabled~._track_16h6h_58 ._range_16h6h_69{background:var(--lui-palette-gray-300)}._input_16h6h_45:disabled~._track_16h6h_58 ._thumb_16h6h_79{border-color:var(--lui-palette-gray-300)}._value_16h6h_120{color:var(--slider-value-color);flex-shrink:0;font-size:var(--slider-value-font-size);line-height:var(--slider-value-line-height);min-width:3ch;text-align:right;-webkit-user-select:none;user-select:none}._sizeSm_16h6h_131{--slider-track-height: 4px;--slider-thumb-size: 14px;--slider-thumb-border-width: 2px;--slider-value-font-size: var(--lui-font-size-sm);--slider-value-line-height: var(--line-height-sm)}._sizeMd_16h6h_140{--slider-track-height: 6px;--slider-thumb-size: 18px;--slider-thumb-border-width: 2px;--slider-value-font-size: var(--lui-font-size-md);--slider-value-line-height: var(--line-height-md)}._sizeLg_16h6h_149{--slider-track-height: 8px;--slider-thumb-size: 22px;--slider-thumb-border-width: 3px;--slider-value-font-size: var(--lui-font-size-lg);--slider-value-line-height: var(--line-height-lg)}

package/dist/slider.d.ts

@@ -0,0 +1,50 @@
+import { default as default_2 } from 'react';
+
+declare enum ESliderSize {
+    SM = "sm",
+    MD = "md",
+    LG = "lg"
+}
+
+export declare interface ISliderProps {
+    /** Current value. Default: 0. */
+    value?: number;
+    /** Default value for uncontrolled mode. */
+    defaultValue?: number;
+    /** Callback when value changes. */
+    onChange?: (value: number) => void;
+    /** Minimum value. Default: 0. */
+    min?: number;
+    /** Maximum value. Default: 100. */
+    max?: number;
+    /** Step increment. Default: 1. */
+    step?: number;
+    /** Size. Default: 'md'. */
+    size?: TSliderSize;
+    /** Disables the slider. */
+    disabled?: boolean;
+    /** Whether to show the value label next to the slider. Default: false. */
+    showValue?: boolean;
+}
+
+/**
+ * Slider component. Renders a range slider for selecting a numeric value.
+ *
+ * Supports controlled (`value` + `onChange`) and uncontrolled (`defaultValue`) modes.
+ * Uses a hidden native `<input type="range">` for accessibility and keyboard interaction.
+ *
+ * @example
+ * ```tsx
+ * <Slider />
+ * <Slider defaultValue={50} />
+ * <Slider value={75} onChange={(v) => setValue(v)} />
+ * <Slider min={0} max={10} step={2} />
+ * <Slider size="lg" showValue />
+ * <Slider disabled />
+ * ```
+ */
+export declare const Slider: default_2.FC<ISliderProps>;
+
+export declare type TSliderSize = `${ESliderSize.SM | ESliderSize.MD | ESliderSize.LG}`;
+
+export { }

package/dist/slider.js

@@ -0,0 +1,72 @@
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { useState as V, useMemo as C, useCallback as S } from "react";
+import x from "clsx";
+import { g as k } from "./getVariantClassName-DoCNtwBw.mjs";
+import './slider.css';const y = "Slider", M = "_root_16h6h_24", w = "_disabled_16h6h_31", L = "_container_16h6h_37", j = "_input_16h6h_45", A = "_track_16h6h_58", I = "_range_16h6h_69", $ = "_thumb_16h6h_79", D = "_value_16h6h_120", E = "_sizeSm_16h6h_131", P = "_sizeMd_16h6h_140", Y = "_sizeLg_16h6h_149", e = {
+  root: M,
+  disabled: w,
+  container: L,
+  input: j,
+  track: A,
+  range: I,
+  thumb: $,
+  value: D,
+  sizeSm: E,
+  sizeMd: P,
+  sizeLg: Y
+}, q = (d) => {
+  const {
+    value: r,
+    defaultValue: _ = 0,
+    disabled: o = !1,
+    max: t = 100,
+    min: s = 0,
+    onChange: c,
+    showValue: m = !1,
+    size: v = "md",
+    step: g = 1
+  } = d, l = r !== void 0, [p, N] = V(_);
+  let a;
+  l ? a = r : a = p;
+  const h = C(() => t === s ? 0 : (a - s) / (t - s) * 100, [a, s, t]), b = S(
+    (z) => {
+      const u = Number(z.target.value);
+      l || N(u), c?.(u);
+    },
+    [l, c]
+  ), f = x(
+    e.root,
+    k("size", v, e),
+    o && e.disabled
+  );
+  return /* @__PURE__ */ i("div", { className: f, children: [
+    /* @__PURE__ */ i("div", { className: e.container, children: [
+      /* @__PURE__ */ n(
+        "input",
+        {
+          "aria-valuemax": t,
+          "aria-valuemin": s,
+          "aria-valuenow": a,
+          className: e.input,
+          disabled: o,
+          max: t,
+          min: s,
+          onChange: b,
+          role: "slider",
+          step: g,
+          type: "range",
+          value: a
+        }
+      ),
+      /* @__PURE__ */ i("div", { className: e.track, "aria-hidden": "true", children: [
+        /* @__PURE__ */ n("div", { className: e.range, style: { width: `${h}%` } }),
+        /* @__PURE__ */ n("div", { className: e.thumb, style: { left: `${h}%` } })
+      ] })
+    ] }),
+    m && /* @__PURE__ */ n("span", { className: e.value, children: a })
+  ] });
+};
+q.displayName = y;
+export {
+  q as Slider
+};

package/dist/table.css

@@ -1 +1 @@
-: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{--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%}

package/dist/table.d.ts

@@ -50,6 +50,10 @@ declare interface IProps_2 extends default_2.PropsWithChildren {
 }
 
 declare interface IProps_3 extends default_2.PropsWithChildren {
+    /** Click handler for the row. */
+    onClick?: default_2.MouseEventHandler<HTMLTableRowElement>;
+    /** Inline styles. */
+    style?: default_2.CSSProperties;
 }
 
 declare interface IProps_4 extends default_2.PropsWithChildren {

package/dist/table.js

@@ -1,30 +1,79 @@
-import { A as d } from "./ActiveFilters-BJojmc-d.mjs";
-import { C as f } from "./Cell-BPBvEyeL.mjs";
-import { R as b } from "./Row-BfI8268z.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-CmYwTWCE.mjs";
+import { jsxs as h, jsx as c } from "react/jsx-runtime";
+import b, { useCallback as p } from "react";
+import { B as u } from "./Button-BN85EtaZ.mjs";
+import { C as y } from "./Chip-CmsNZTlz.mjs";
+import { u as L } from "./useLocale-CJh-krrY.mjs";
+import R from "clsx";
+import { g as w } from "./getVariantClassName-DoCNtwBw.mjs";
+import { i } from "./isValidReactNode-CmYwTWCE.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 }) })
+import './table.css';const v = "Table.ActiveFilters", x = "_root_4qb7d_5", $ = {
+  root: x
+}, g = (t) => {
+  const { filters: l, onClearAll: e, onRemove: r } = t, s = L(), o = p(
+    (n) => () => {
+      r(n);
+    },
+    [r]
+  ), m = p(() => {
+    e?.();
+  }, [e]);
+  return l.length === 0 ? null : /* @__PURE__ */ h("div", { className: $.root, children: [
+    l.map((n) => /* @__PURE__ */ h(y, { onDelete: o(n.key), children: [
+      n.label,
+      ": ",
+      n.value
+    ] }, n.key)),
+    e && /* @__PURE__ */ c(u, { mode: "text", size: "sm", onClick: m, children: s.Table.ActiveFilters.clearAll })
   ] });
 };
-i.displayName = w;
-const r = i;
-r.ActiveFilters = d;
-r.Cell = f;
-r.Row = b;
-r.Toolbar = A;
+g.displayName = v;
+var a = /* @__PURE__ */ ((t) => (t.CELL = "Table.Cell", t.ROW = "Table.Row", t.TOOLBAR = "Table.Toolbar", t))(a || {});
+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
+}, A = (t) => {
+  const { align: l = "left", as: e = "td", children: r, title: s, width: o } = t, m = R(_.root, w("align", l, _), {
+    [_.header]: e === "th"
+  });
+  return /* @__PURE__ */ c(e, { className: m, title: s, width: o, children: r });
+};
+A.displayName = a.CELL;
+const E = "_root_t4731_5", I = {
+  root: E
+}, T = (t) => {
+  const { children: l, onClick: e, style: r } = t, s = (o) => i(a.CELL, o) ? o : null;
+  return /* @__PURE__ */ c("tr", { className: I.root, onClick: e, style: r, children: b.Children.map(l, s) });
+};
+T.displayName = a.ROW;
+const M = "Table.Toolbar", P = "_root_d4szt_6", W = {
+  root: P
+}, f = (t) => {
+  const { children: l } = t;
+  return /* @__PURE__ */ c("div", { className: W.root, children: l });
+};
+f.displayName = M;
+const Y = "Table", j = "_wrapper_17sd8_5", z = "_root_17sd8_11", C = {
+  wrapper: j,
+  root: z
+}, N = (t) => {
+  const { children: l } = t, e = b.Children.toArray(l), r = e.find(
+    (o) => i(a.TOOLBAR, o, !1)
+  ), s = e.filter((o) => !i(a.TOOLBAR, o, !1)).filter((o) => i(a.ROW, o, !0));
+  return /* @__PURE__ */ h("div", { className: C.wrapper, children: [
+    r,
+    /* @__PURE__ */ c("table", { className: C.root, children: /* @__PURE__ */ c("tbody", { children: s }) })
+  ] });
+};
+N.displayName = Y;
+const d = N;
+d.ActiveFilters = g;
+d.Cell = A;
+d.Row = T;
+d.Toolbar = f;
 export {
-  r as Table
+  d as Table
 };

package/dist/tabs.css

@@ -1 +1 @@
-:root{--tabs-padding: var(--lui-space-8);--tabs-panel-padding-top: var(--lui-space-10);--tab-text: var(--lui-color-text-secondary);--tab-text-active: var(--lui-color-text-primary);--tab-text-disabled: var(--lui-color-text-disabled);--tab-border-active: var(--lui-palette-gray-900);--tab-bg-buttons: var(--lui-color-background-tertiary);--tab-bg-buttons-active: var(--lui-color-background-brand-secondary);--tab-text-buttons: var(--lui-color-text-quaternary);--tab-text-buttons-active: var(--lui-color-text-primary);--tab-radius-buttons: var(--lui-radius-1);--tab-font-buttons: var(--lui-font-size-md);--tab-gap-buttons: var(--lui-space-3);--tab-padding-y-buttons: var(--lui-space-2);--tab-padding-x-buttons: var(--lui-space-3);--tab-list-gap: var(--lui-space-4)}._root_ndfzg_20{width:auto}._root_ndfzg_20._variantDefault_ndfzg_23 ._list_ndfzg_23:before{border-bottom:1px solid var(--lui-color-border-primary);bottom:0;content:"";left:0;position:absolute;right:0;z-index:0}._root_ndfzg_20._variantButtons_ndfzg_32 ._list_ndfzg_23{align-items:center;gap:var(--tab-list-gap);justify-content:flex-start;padding:var(--tabs-padding)}._list_ndfzg_23{display:flex;overflow-x:auto;position:relative}._panel_ndfzg_45{padding-top:var(--tabs-panel-padding-top);position:relative}@media only screen and (max-width:1023px){._root_ndfzg_20._variantButtons_ndfzg_32{justify-content:start}}
+._root_11zii_1{position:relative;-webkit-user-select:none;user-select:none}._root_11zii_1._disabled_11zii_5{color:var(--tab-text-disabled);cursor:not-allowed}._root_11zii_1._variantDefault_11zii_9{border-bottom:2px solid transparent;color:var(--tab-text);font-size:var(--lui-font-size-md);font-weight:var(--lui-font-weight-medium);line-height:var(--line-height-md);padding:var(--lui-space-3) var(--lui-space-5);transition:border-color .3s,color .3s;white-space:nowrap}._root_11zii_1._variantDefault_11zii_9:focus{border-color:var(--tab-text-active)}._root_11zii_1._variantDefault_11zii_9._active_11zii_22{border-color:var(--tab-border-active);color:var(--tab-text-active)}._root_11zii_1._variantButtons_11zii_26{align-items:center;background:var(--tab-bg-buttons);border-radius:var(--tab-radius-buttons);color:var(--tab-text-buttons);display:flex;flex:1;flex-direction:column;font-size:var(--tab-font-buttons);font-weight:var(--lui-font-weight-medium);gap:var(--tab-gap-buttons);height:64px;justify-content:center;line-height:var(--line-height-md);max-width:320px;padding:var(--tab-padding-y-buttons) var(--tab-padding-x-buttons)}._root_11zii_1._variantButtons_11zii_26:focus{box-shadow:0 0 0 2px #98a2b324}._root_11zii_1._variantButtons_11zii_26._active_11zii_22{background:var(--tab-bg-buttons-active);color:var(--tab-text-buttons-active)}@media only screen and (max-width:1023px){._root_11zii_1._variantButtons_11zii_26{gap:var(--tab-gap-buttons);height:40px;justify-content:center;padding:var(--lui-space-2) var(--lui-space-5);white-space:nowrap}}:root{--tabs-padding: var(--lui-space-8);--tabs-panel-padding-top: var(--lui-space-10);--tab-text: var(--lui-color-text-secondary);--tab-text-active: var(--lui-color-text-primary);--tab-text-disabled: var(--lui-color-text-disabled);--tab-border-active: var(--lui-palette-gray-900);--tab-bg-buttons: var(--lui-color-background-tertiary);--tab-bg-buttons-active: var(--lui-color-background-brand-secondary);--tab-text-buttons: var(--lui-color-text-quaternary);--tab-text-buttons-active: var(--lui-color-text-primary);--tab-radius-buttons: var(--lui-radius-1);--tab-font-buttons: var(--lui-font-size-md);--tab-gap-buttons: var(--lui-space-3);--tab-padding-y-buttons: var(--lui-space-2);--tab-padding-x-buttons: var(--lui-space-3);--tab-list-gap: var(--lui-space-4)}._root_ndfzg_20{width:auto}._root_ndfzg_20._variantDefault_ndfzg_23 ._list_ndfzg_23:before{border-bottom:1px solid var(--lui-color-border-primary);bottom:0;content:"";left:0;position:absolute;right:0;z-index:0}._root_ndfzg_20._variantButtons_ndfzg_32 ._list_ndfzg_23{align-items:center;gap:var(--tab-list-gap);justify-content:flex-start;padding:var(--tabs-padding)}._list_ndfzg_23{display:flex;overflow-x:auto;position:relative}._panel_ndfzg_45{padding-top:var(--tabs-panel-padding-top);position:relative}@media only screen and (max-width:1023px){._root_ndfzg_20._variantButtons_ndfzg_32{justify-content:start}}