@lazar-ui/kit 0.6.0 → 0.6.2

package/dist/pagination.js

@@ -1,63 +1,75 @@
-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)
+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-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)
     throw new Error("Pagination sub-component must be used within a Pagination");
-  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,
+  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,
   prevNext: A,
-  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"
+  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"
   });
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ c(
     "button",
     {
-      "aria-current": c ? "page" : void 0,
-      "aria-label": r,
-      className: C,
-      disabled: s,
-      onClick: () => u(e),
+      "aria-current": g ? "page" : void 0,
+      "aria-label": d,
+      className: M,
+      disabled: o,
+      onClick: () => p(e),
       type: "button",
-      children: _
+      children: m
     }
   );
-}, 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 = {
+}, 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 = {
   root: Y,
   disabled: q,
-  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);
+  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);
     },
-    [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" })
+    [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" })
   ] }) });
 };
-J.displayName = V;
+K.displayName = D;
 export {
-  J as Pagination
+  K as Pagination
 };

package/dist/radio.css

@@ -1 +1 @@
-@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)}
+@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)}

package/dist/radio.js

@@ -1,57 +1,113 @@
-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 { jsx as s, jsxs as z } from "react/jsx-runtime";
+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 T } from "./getVariantClassName-DoCNtwBw.mjs";
+import { i as k } from "./isValidReactNode-CmYwTWCE.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);
+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] = A(l), g = c ? i : d, N = x(
+    (h) => {
+      c || f(h), r?.(h);
     },
-    [o, a]
+    [c, r]
   );
-  return /* @__PURE__ */ s(V.Provider, { value: { disabled: m, invalid: u, name: v, onChange: I, size: r, value: N }, children: i });
+  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: G,
+  input: U,
+  content: Y,
+  label: q,
+  description: F,
+  sizeSm: H,
+  sizeMd: J,
+  sizeLg: K
+}, 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);
+    },
+    [n]
+  ), N = (u) => {
+    t.onChange?.(u.target.value), m?.(u);
+  }, h = I(
+    o.item,
+    T("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 })
+    ] })
+  ] });
 };
-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) => {
+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,
+  vertical: X,
+  group: Z,
+  horizontal: ee
+}, te = [V.ITEM], y = (e) => {
   const {
-    children: i,
-    name: c,
-    value: t,
-    defaultValue: d,
-    onChange: a,
-    vertical: r = !0,
-    size: m = "md",
-    disabled: u = !1,
+    children: n,
+    name: a,
+    value: i,
+    defaultValue: l,
+    onChange: r,
+    vertical: m = !0,
+    size: _ = "md",
+    disabled: t = !1,
     invalid: p = !1
-  } = e, v = (n) => b(B, n) ? n : null, o = T(l.root, {
-    [l.horizontal]: !r,
-    [l.vertical]: r
+  } = e, v = (d) => k(te, d) ? d : null, c = I(C.root, {
+    [C.horizontal]: !m,
+    [C.vertical]: m
   });
   return /* @__PURE__ */ s(
-    x,
+    j,
     {
-      name: c,
-      value: t,
-      defaultValue: d,
-      onChange: a,
-      size: m,
-      disabled: u,
+      name: a,
+      value: i,
+      defaultValue: l,
+      onChange: r,
+      size: _,
+      disabled: t,
       invalid: p,
-      children: /* @__PURE__ */ s("fieldset", { className: o, children: /* @__PURE__ */ s("div", { className: l.group, children: P.Children.map(i, v) }) })
+      children: /* @__PURE__ */ s("fieldset", { className: c, children: /* @__PURE__ */ s("div", { className: C.group, children: L.Children.map(n, v) }) })
     }
   );
 };
-f.displayName = h;
-const O = f;
-O.Item = M;
+y.displayName = b;
+const ne = y;
+ne.Item = M;
 export {
-  D as ERadioSize,
-  O as Radio
+  Q as ERadioSize,
+  ne as Radio
 };

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.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-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 { jsxs as h, jsx as n } from "react/jsx-runtime";
+import b, { useCallback as p } from "react";
+import { B as u } from "./Button-BN85EtaZ.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 "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: e, onClearAll: o, onRemove: r } = t, c = R(), l = p(
+    (a) => () => {
+      r(a);
+    },
+    [r]
+  ), m = p(() => {
+    o?.();
+  }, [o]);
+  return e.length === 0 ? null : /* @__PURE__ */ h("div", { className: $.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 })
   ] });
 };
-i.displayName = w;
-const r = i;
-r.ActiveFilters = d;
-r.Cell = f;
-r.Row = b;
-r.Toolbar = A;
+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,
+  header: k,
+  alignLeft: B,
+  alignRight: F,
+  alignCenter: D
+}, 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 });
+};
+A.displayName = s.CELL;
+const E = "_root_t4731_5", I = {
+  root: E
+}, T = (t) => {
+  const { children: e } = t, o = (r) => i(s.CELL, r) ? r : null;
+  return /* @__PURE__ */ n("tr", { className: I.root, children: b.Children.map(e, o) });
+};
+T.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 = 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: [
+    r,
+    /* @__PURE__ */ n("table", { className: C.root, children: /* @__PURE__ */ n("tbody", { children: c }) })
+  ] });
+};
+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}}

package/dist/tabs.js

@@ -1,37 +1,79 @@
-import { T as v } from "./Tab-CR0KvVaA.mjs";
-import { jsx as a, jsxs as T } from "react/jsx-runtime";
-import i from "react";
+import { jsx as c, jsxs as z } from "react/jsx-runtime";
 import C from "clsx";
-import "./useTabsContext-DdF09jQq.mjs";
-import { P as h } from "./Provider-CBfZpO45.mjs";
-import { P as b } from "./Panel-Q06TIYep.mjs";
-import { i as g } from "./isValidReactNode-D1buElhX.mjs";
-import { g as N } from "./getVariantClassName-DoCNtwBw.mjs";
-import { E, a as P } from "./enums-CiPhZomh.mjs";
-import './tabs.css';const B = "_root_ndfzg_20", x = "_variantDefault_ndfzg_23", z = "_list_ndfzg_23", A = "_variantButtons_ndfzg_32", D = "_panel_ndfzg_45", t = {
-  root: B,
-  variantDefault: x,
-  list: z,
-  variantButtons: A,
-  panel: D
-}, S = [E.TAB], l = (m) => {
-  const { defaultActiveIndex: c = 0, children: p, onChange: d, variant: o = P.DEFAULT } = m, s = [], f = C(t.root, N("variant", o, t));
-  let r = !1;
-  const _ = (n, u) => {
-    if (!g(S, n))
+import m, { createContext as D, useContext as E, useState as L, useId as y } from "react";
+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}`, 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 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, $ = C(_.root, I("variant", l, _), {
+    [_.active]: T,
+    [_.disabled]: n
+  });
+  return /* @__PURE__ */ c(
+    "button",
+    {
+      "aria-selected": T,
+      "aria-controls": v,
+      "aria-disabled": n,
+      className: $,
+      disabled: n,
+      id: e,
+      onClick: () => {
+        n || u(a);
+      },
+      role: "tab",
+      tabIndex: n ? -1 : o,
+      children: s
+    }
+  );
+};
+N.displayName = `${f.TAB}`;
+const P = (t) => {
+  const { panels: n } = t, { activeIndex: s, getPanelId: a } = x(), o = a(s);
+  return /* @__PURE__ */ c("div", { id: o, children: n[s] });
+};
+P.displayName = `${f.PANEL}`;
+const M = "_root_ndfzg_20", R = "_variantDefault_ndfzg_23", V = "_list_ndfzg_23", Y = "_variantButtons_ndfzg_32", q = "_panel_ndfzg_45", b = {
+  root: M,
+  variantDefault: R,
+  list: V,
+  variantButtons: Y,
+  panel: q
+}, 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 (!S(G, l))
       return null;
-    const { children: e = null } = n.props;
-    return s.push(e), e && (r = !0), i.cloneElement(n, { index: u });
+    const { children: e = null } = l.props;
+    return r.push(e), e && (i = !0), m.cloneElement(l, { index: v });
   };
-  return /* @__PURE__ */ a(h, { defaultActiveIndex: c, onTabChange: d, variant: o, children: /* @__PURE__ */ T("div", { className: f, children: [
-    /* @__PURE__ */ a("div", { className: t.list, children: i.Children.map(p, _) }),
-    r && /* @__PURE__ */ a("div", { className: t.panel, children: /* @__PURE__ */ a(b, { panels: s }) })
+  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 }) })
   ] }) });
 };
-l.displayName = "Tabs";
-const V = l;
-V.Tab = v;
+B.displayName = "Tabs";
+const H = B;
+H.Tab = N;
 export {
-  P as ETabsVariant,
-  V as Tabs
+  A as ETabsVariant,
+  H as Tabs
 };

package/dist/text.js

@@ -1,8 +1,50 @@
-import { T as R } from "./Text-DiOqZt8E.mjs";
-var a = /* @__PURE__ */ ((r) => (r.XS = "xs", r.SM = "sm", r.MD = "md", r.LG = "lg", r))(a || {}), d = /* @__PURE__ */ ((r) => (r.PRIMARY = "primary", r.SECONDARY = "secondary", r.TERTIARY = "tertiary", r.DISABLED = "disabled", r.BRAND = "brand", r))(d || {}), m = /* @__PURE__ */ ((r) => (r.NORMAL = "normal", r.MEDIUM = "medium", r.SEMIBOLD = "semibold", r.BOLD = "bold", r))(m || {});
+import { jsx as v } from "react/jsx-runtime";
+import y from "react";
+import j from "clsx";
+import { g as D } from "./getDecorationStyle-BCBONKEl.mjs";
+import { g as t } from "./getVariantClassName-DoCNtwBw.mjs";
+import './text.css';const u = "Text", w = "sm", S = "normal", h = "p", M = "_root_1vl2j_1", A = "_truncate_1vl2j_5", L = "_sizeXs_1vl2j_12", z = "_sizeSm_1vl2j_18", N = "_sizeMd_1vl2j_24", b = "_sizeLg_1vl2j_30", p = "_weightNormal_1vl2j_37", B = "_weightMedium_1vl2j_41", R = "_weightSemibold_1vl2j_45", f = "_weightBold_1vl2j_49", I = "_colorPrimary_1vl2j_54", P = "_colorSecondary_1vl2j_58", O = "_colorTertiary_1vl2j_62", U = "_colorDisabled_1vl2j_66", X = "_colorBrand_1vl2j_70", r = {
+  root: M,
+  truncate: A,
+  sizeXs: L,
+  sizeSm: z,
+  sizeMd: N,
+  sizeLg: b,
+  weightNormal: p,
+  weightMedium: B,
+  weightSemibold: R,
+  weightBold: f,
+  colorPrimary: I,
+  colorSecondary: P,
+  colorTertiary: O,
+  colorDisabled: U,
+  colorBrand: X
+}, Y = y.forwardRef((o, e) => {
+  const {
+    as: l = h,
+    children: c,
+    color: s,
+    size: i = w,
+    weight: a = S,
+    truncate: n = !1,
+    underline: _,
+    strikethrough: m
+  } = o, d = D({ strikethrough: m, underline: _ }), g = j(
+    r.root,
+    t("size", i, r),
+    t("weight", a, r),
+    s && t("color", s, r),
+    {
+      [r.truncate]: n
+    }
+  );
+  return /* @__PURE__ */ v(l, { className: g, ref: e, style: d, children: c });
+});
+Y.displayName = u;
+var F = /* @__PURE__ */ ((o) => (o.XS = "xs", o.SM = "sm", o.MD = "md", o.LG = "lg", o))(F || {}), G = /* @__PURE__ */ ((o) => (o.PRIMARY = "primary", o.SECONDARY = "secondary", o.TERTIARY = "tertiary", o.DISABLED = "disabled", o.BRAND = "brand", o))(G || {}), T = /* @__PURE__ */ ((o) => (o.NORMAL = "normal", o.MEDIUM = "medium", o.SEMIBOLD = "semibold", o.BOLD = "bold", o))(T || {});
 export {
-  d as ETextColor,
-  a as ETextSize,
-  m as ETextWeight,
-  R as Text
+  G as ETextColor,
+  F as ETextSize,
+  T as ETextWeight,
+  Y as Text
 };