@lazar-ui/kit 0.4.0 → 0.5.1

package/dist/input.js

@@ -1,120 +1,211 @@
-import { jsxs as v, jsx as o } from "react/jsx-runtime";
-import U from "clsx";
-import { useState as g, useCallback as N } from "react";
-import { g as E } from "./getVariantClassName-D7Nhpuec.mjs";
-import { I as f } from "./Icon-DsTlU3j3.mjs";
-import { u as S } from "./useLocale-DdHNhmvT.mjs";
+import { jsxs as v, jsx as i } from "react/jsx-runtime";
+import z from "clsx";
+import { useState as N, useCallback as _ } from "react";
+import { g as S } from "./getVariantClassName-D7Nhpuec.mjs";
+import { I as Y } from "./Icon-DsTlU3j3.mjs";
+import { u as A } from "./useLocale-CJh-krrY.mjs";
 import './input.css';const m = {
   INPUT: "Input",
+  INPUT_DATE: "InputDate",
   INPUT_EMAIL: "InputEmail",
   INPUT_NUMBER: "InputNumber",
   INPUT_PASSWORD: "InputPassword",
   INPUT_PHONE: "InputPhone"
-}, C = "_root_8a405_17", M = "_invalid_8a405_36", T = "_disabled_8a405_42", B = "_sizeSm_8a405_56", L = "_sizeMd_8a405_60", x = "_sizeLg_8a405_64", A = "_control_8a405_68", O = "_before_8a405_100", $ = "_after_8a405_101", k = "_togglePassword_8a405_109", l = {
-  root: C,
-  invalid: M,
-  disabled: T,
+}, E = "_root_8a405_17", U = "_invalid_8a405_36", C = "_disabled_8a405_42", B = "_sizeSm_8a405_56", L = "_sizeMd_8a405_60", k = "_sizeLg_8a405_64", x = "_control_8a405_68", O = "_before_8a405_100", $ = "_after_8a405_101", H = "_togglePassword_8a405_109", p = {
+  root: E,
+  invalid: U,
+  disabled: C,
   sizeSm: B,
   sizeMd: L,
-  sizeLg: x,
-  control: A,
+  sizeLg: k,
+  control: x,
   before: O,
   after: $,
-  togglePassword: k
-}, d = (t) => {
-  const { ref: e, invalid: s = !1, size: a = "md", before: r, after: n, className: i, onChange: c, onBlur: u, onFocus: _, ...p } = t, w = U(
-    l.root,
-    E("size", a, l),
+  togglePassword: H
+}, f = (s) => {
+  const { ref: e, invalid: t = !1, size: o = "md", before: r, after: n, className: a, onChange: l, onBlur: c, onFocus: u, ...d } = s, g = z(
+    p.root,
+    S("size", o, p),
     {
-      [l.disabled]: p.disabled === !0,
-      [l.invalid]: s
+      [p.disabled]: d.disabled === !0,
+      [p.invalid]: t
     },
-    i
-  ), z = (y) => {
-    c?.(y.target.value);
+    a
+  ), I = (h) => {
+    l?.(h.target.value);
   };
-  return /* @__PURE__ */ v("div", { className: w, children: [
-    r && /* @__PURE__ */ o("span", { className: l.before, children: r }),
-    /* @__PURE__ */ o("input", { ref: e, className: l.control, onChange: z, onBlur: u, onFocus: _, ...p }),
-    n && /* @__PURE__ */ o("span", { className: l.after, children: n })
+  return /* @__PURE__ */ v("div", { className: g, children: [
+    r && /* @__PURE__ */ i("span", { className: p.before, children: r }),
+    /* @__PURE__ */ i("input", { ref: e, className: p.control, onChange: I, onBlur: c, onFocus: u, ...d }),
+    n && /* @__PURE__ */ i("span", { className: p.after, children: n })
   ] });
 };
-d.displayName = m.INPUT;
-function D(t) {
-  const e = t.replace(/\D/g, "").slice(0, 11);
+f.displayName = m.INPUT;
+const R = 8;
+function j(s, e) {
+  const t = s.replace(/\D/g, "").slice(0, R);
+  if (!t)
+    return "";
+  const o = e.replace(/[A-Z]/g, "").charAt(0), r = F(e);
+  let n = "";
+  for (let a = 0; a < t.length; a++)
+    r.has(a) && (n += o), n += t[a];
+  return n;
+}
+function F(s) {
+  switch (s) {
+    case "DD/MM/YYYY":
+    case "MM/DD/YYYY":
+    case "DD.MM.YYYY":
+    case "MM.DD.YYYY":
+      return /* @__PURE__ */ new Set([2, 4]);
+    case "YYYY-MM-DD":
+      return /* @__PURE__ */ new Set([4, 6]);
+    default:
+      return /* @__PURE__ */ new Set([2, 4]);
+  }
+}
+function V(s) {
+  const e = s.replace(/\D/g, "").slice(0, 11);
   if (!e)
     return "";
-  let s = "+7";
-  return e.length > 1 && (s += ` (${e.slice(1, 4)}`), e.length >= 4 && (s += `) ${e.slice(4, 7)}`), e.length >= 7 && (s += `-${e.slice(7, 9)}`), e.length >= 9 && (s += `-${e.slice(9, 11)}`), s;
+  let t = "+7";
+  return e.length > 1 && (t += ` (${e.slice(1, 4)}`), e.length >= 4 && (t += `) ${e.slice(4, 7)}`), e.length >= 7 && (t += `-${e.slice(7, 9)}`), e.length >= 9 && (t += `-${e.slice(9, 11)}`), t;
+}
+const W = [0, 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+function Z(s, e) {
+  const o = e.replace(/[A-Z]/g, "").charAt(0);
+  if (!o)
+    return !1;
+  const r = s.split(o);
+  if (r.length !== 3)
+    return !1;
+  const [n, a, l] = r;
+  if (!n || !a || !l)
+    return !1;
+  let c = 0, u = 0, d = 0;
+  switch (e) {
+    case "DD/MM/YYYY":
+    case "DD.MM.YYYY":
+      c = parseInt(n, 10), u = parseInt(a, 10), d = parseInt(l, 10);
+      break;
+    case "MM/DD/YYYY":
+    case "MM.DD.YYYY":
+      u = parseInt(n, 10), c = parseInt(a, 10), d = parseInt(l, 10);
+      break;
+    case "YYYY-MM-DD":
+      c = parseInt(l, 10), u = parseInt(a, 10), d = parseInt(n, 10);
+      break;
+    default:
+      return !1;
+  }
+  if (u < 1 || u > 12 || d < 1)
+    return !1;
+  const I = u === 2 && G(d) ? 29 : W[u] ?? 0;
+  return c >= 1 && c <= I;
 }
-function R(t) {
-  return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t);
+function G(s) {
+  return s % 4 === 0 && s % 100 !== 0 || s % 400 === 0;
 }
-const I = (t) => {
-  const { ref: e, before: s, onBlur: a, invalid: r, ...n } = t, [i, c] = g(!1), u = N(
-    (p) => {
-      c(!0), a?.(p);
+function X(s) {
+  return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(s);
+}
+const M = (s) => {
+  const { ref: e, format: t, before: o, value: r, onChange: n, onBlur: a, invalid: l, ...c } = s, [u, d] = N(!1), g = _(
+    (D) => {
+      const T = j(D, t);
+      n?.(T);
+    },
+    [t, n]
+  ), I = _(
+    (D) => {
+      d(!0), a?.(D);
     },
     [a]
-  ), _ = r || i && n.value != null && !R(n.value);
-  return /* @__PURE__ */ o(
-    d,
+  ), h = l || u && typeof r == "string" && r.length > 0 && !Z(r, t);
+  return /* @__PURE__ */ i(
+    f,
+    {
+      ref: e,
+      type: "text",
+      inputMode: "numeric",
+      before: o ?? /* @__PURE__ */ i(Y, { name: "calendar", size: 16 }),
+      maxLength: 10,
+      value: r,
+      onChange: g,
+      onBlur: I,
+      invalid: h,
+      ...c
+    }
+  );
+};
+M.displayName = m.INPUT_DATE;
+const b = (s) => {
+  const { ref: e, before: t, onBlur: o, invalid: r, ...n } = s, [a, l] = N(!1), c = _(
+    (d) => {
+      l(!0), o?.(d);
+    },
+    [o]
+  ), u = r || a && n.value != null && !X(n.value);
+  return /* @__PURE__ */ i(
+    f,
     {
       ref: e,
       type: "email",
-      before: s ?? /* @__PURE__ */ o(f, { name: "mail", size: 16 }),
-      invalid: _,
-      onBlur: u,
+      before: t ?? /* @__PURE__ */ i(Y, { name: "mail", size: 16 }),
+      invalid: u,
+      onBlur: c,
       ...n
     }
   );
 };
-I.displayName = m.INPUT_EMAIL;
-const P = (t) => {
-  const { ref: e, ...s } = t;
-  return /* @__PURE__ */ o(d, { ref: e, type: "number", inputMode: "numeric", ...s });
+b.displayName = m.INPUT_EMAIL;
+const P = (s) => {
+  const { ref: e, ...t } = s;
+  return /* @__PURE__ */ i(f, { ref: e, type: "number", inputMode: "numeric", ...t });
 };
 P.displayName = m.INPUT_NUMBER;
-const b = (t) => {
-  const { ref: e, after: s, ...a } = t, r = S(), [n, i] = g(!1), c = N(() => i((u) => !u), []);
-  return /* @__PURE__ */ o(
-    d,
+const w = (s) => {
+  const { ref: e, after: t, ...o } = s, r = A(), [n, a] = N(!1), l = _(() => a((c) => !c), []);
+  return /* @__PURE__ */ i(
+    f,
     {
       ref: e,
       type: n ? "text" : "password",
-      after: s ?? /* @__PURE__ */ o(
+      after: t ?? /* @__PURE__ */ i(
         "button",
         {
           type: "button",
-          className: l.togglePassword,
-          onClick: c,
+          className: p.togglePassword,
+          onClick: l,
           tabIndex: -1,
-          "aria-label": n ? r.input.passwordHide : r.input.passwordShow,
-          children: n ? /* @__PURE__ */ o(f, { name: "eye-off", size: 16 }) : /* @__PURE__ */ o(f, { name: "eye", size: 16 })
+          "aria-label": n ? r.Input.Password.passwordHide : r.Input.Password.passwordShow,
+          children: n ? /* @__PURE__ */ i(Y, { name: "eye-off", size: 16 }) : /* @__PURE__ */ i(Y, { name: "eye", size: 16 })
         }
       ),
-      ...a
+      ...o
     }
   );
 };
-b.displayName = m.INPUT_PASSWORD;
-const h = (t) => {
-  const { ref: e, before: s, onChange: a, ...r } = t, n = N(
-    (i) => {
-      const c = D(i);
-      a?.(c);
+w.displayName = m.INPUT_PASSWORD;
+const y = (s) => {
+  const { ref: e, before: t, onChange: o, ...r } = s, n = _(
+    (a) => {
+      const l = V(a);
+      o?.(l);
     },
-    [a]
+    [o]
   );
-  return /* @__PURE__ */ o(d, { ref: e, type: "tel", before: s ?? /* @__PURE__ */ o(f, { name: "phone", size: 16 }), onChange: n, ...r });
+  return /* @__PURE__ */ i(f, { ref: e, type: "tel", before: t ?? /* @__PURE__ */ i(Y, { name: "phone", size: 16 }), onChange: n, ...r });
 };
-h.displayName = m.INPUT_PHONE;
-const q = Object.assign(d, {
-  Email: I,
+y.displayName = m.INPUT_PHONE;
+const te = Object.assign(f, {
+  Date: M,
+  Email: b,
   Number: P,
-  Password: b,
-  Phone: h
+  Password: w,
+  Phone: y
 });
 export {
-  q as Input
+  te as Input
 };

package/dist/lazar-ui-provider.d.ts

@@ -6,24 +6,44 @@ export declare interface IConfigContext {
 }
 
 export declare interface ILocaleMessages {
-    dialog: {
+    Chip: {
+        remove: string;
+    };
+    Dialog: {
         close: string;
     };
-    input: {
-        passwordHide: string;
-        passwordShow: string;
+    Drawer: {
+        Header: {
+            close: string;
+        };
+    };
+    Input: {
+        Password: {
+            passwordHide: string;
+            passwordShow: string;
+        };
     };
-    pagination: {
+    Pagination: {
+        items: string;
+        label: string;
         next: string;
-        page: string;
-        pagination: string;
+        of: string;
         prev: string;
+        Item: {
+            page: string;
+        };
     };
-    select: {
+    Select: {
         clear: string;
         noOptions: string;
         placeholder: string;
     };
+    Table: {
+        ActiveFilters: {
+            clearAll: string;
+            remove: string;
+        };
+    };
 }
 
 declare interface IProps extends default_2.PropsWithChildren {
@@ -58,7 +78,7 @@ declare interface IProps extends default_2.PropsWithChildren {
  * // With custom locale and theme target
  * <LazarUiProvider
  *   theme="dark"
- *   locale={{ dialog: { close: 'Закрыть' } }}
+ *   locale={{ Dialog: { close: 'Закрыть' } }}
  *   themeTarget={document.getElementById('root')}
  * >
  *   <YourApp />

package/dist/lazar-ui-provider.js

@@ -1,5 +1,5 @@
-import { C as t } from "./useLocale-DdHNhmvT.mjs";
-import { L as u, u as x } from "./useLocale-DdHNhmvT.mjs";
+import { C as t } from "./useLocale-CJh-krrY.mjs";
+import { L as u, u as x } from "./useLocale-CJh-krrY.mjs";
 import { useContext as o } from "react";
 const i = () => {
   const r = o(t);

package/dist/pagination.js

@@ -1,15 +1,15 @@
 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-DdHNhmvT.mjs";
+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), w = P.Provider, I = () => {
+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 n;
-}, $ = "_button_nl5gc_14", E = "_active_nl5gc_40", A = "_prevNext_nl5gc_44", j = "_sizeSm_nl5gc_49", k = "_sizeMd_nl5gc_55", B = "_sizeLg_nl5gc_61", m = {
+}, $ = "_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,
@@ -17,12 +17,12 @@ import './pagination.css';const P = L(null), w = P.Provider, I = () => {
   sizeMd: k,
   sizeLg: B
 }, x = (n) => {
-  const { page: e, type: a = "page", children: t } = n, { currentPage: r, totalPages: l, disabled: s, onChange: p, size: u } = I(), i = v(), g = e === r, o = s || e < 1 || e > l || g;
-  let d, _;
-  a === "prev" ? (d = i.pagination.prev, _ = t ?? /* @__PURE__ */ c(z, { name: "chevron-left", size: 14 })) : a === "next" ? (d = i.pagination.next, _ = t ?? /* @__PURE__ */ c(z, { name: "chevron-right", size: 14 })) : (d = i.pagination.page.replace("{page}", String(e)), _ = t ?? e);
-  const M = f(m.button, C("size", u, m), {
-    [m.active]: g,
-    [m.prevNext]: a !== "page"
+  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__ */ c(
     "button",
@@ -33,22 +33,22 @@ import './pagination.css';const P = L(null), w = P.Provider, I = () => {
       disabled: o,
       onClick: () => p(e),
       type: "button",
-      children: _
+      children: 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 r = Math.max(n - 1, 1), l = Math.min(n + 1, e), s = r > 2, p = l < e - 1;
+  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(l + 1, e);
+    const i = Math.min(r + 1, e);
     return [...b(1, i), "ellipsis", e];
   }
   if (s && !p) {
-    const i = Math.max(r - 1, 1);
+    const i = Math.max(l - 1, 1);
     return [1, "ellipsis", ...b(i, e)];
   }
-  return [1, "ellipsis", ...b(r, l), "ellipsis", 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,
@@ -57,16 +57,16 @@ import './pagination.css';const P = L(null), w = P.Provider, I = () => {
   sizeMd: H,
   sizeLg: J
 }, K = (n) => {
-  const { disabled: e = !1, onChange: a, page: t, showPrevNext: r = !0, size: l = "md", totalPages: s } = n, p = v(), u = y(() => V(t, s), [t, s]), i = R(
+  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, a, s]
-  ), g = f(h.root, C("size", l, h), { [h.disabled]: e });
-  return /* @__PURE__ */ c(w, { value: { currentPage: t, disabled: e, onChange: i, size: l, totalPages: s }, children: /* @__PURE__ */ N("nav", { "aria-label": p.pagination.pagination, className: g, children: [
-    r && /* @__PURE__ */ c(x, { page: t - 1, type: "prev" }),
+  ), 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)),
-    r && /* @__PURE__ */ c(x, { page: t + 1, type: "next" })
+    l && /* @__PURE__ */ c(x, { page: t + 1, type: "next" })
   ] }) });
 };
 K.displayName = D;

package/dist/select.js

@@ -1,9 +1,9 @@
-import { jsxs as c, jsx as s } from "react/jsx-runtime";
+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 { Popover as b } from "./popover.js";
-import { u as O } from "./useLocale-DdHNhmvT.mjs";
+import { u as O } from "./useLocale-CJh-krrY.mjs";
 import { g as D } from "./getVariantClassName-D7Nhpuec.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,
@@ -30,38 +30,38 @@ import './select.css';const I = "Select", M = "bottom start", A = "_root_t7wta_7
     clearable: w = !1,
     disabled: i = !1,
     invalid: u = !1,
-    multiple: a = !1,
+    multiple: s = !1,
     onChange: o,
     options: d,
     placeholder: k,
-    size: C = "md",
+    size: S = "md",
     value: n
-  } = v, [g, x] = P(!1), _ = O(), r = a ? 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, L = h(
+  } = 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(
     (e) => {
       if (!e.disabled && o)
-        if (a) {
+        if (s) {
           const l = n ?? [], y = l.includes(e.value) ? l.filter((T) => T !== e.value) : [...l, e.value];
           o(y);
         } else
           o(e.value), x(!1);
     },
-    [a, o, n]
-  ), N = h(
+    [s, o, n]
+  ), L = h(
     (e) => {
-      e.stopPropagation(), o && o(a ? [] : "");
+      e.stopPropagation(), o && o(s ? [] : "");
     },
-    [a, o]
-  ), S = h(
-    (e) => a ? n?.includes(e) ?? !1 : n === e,
-    [a, n]
+    [s, o]
+  ), N = h(
+    (e) => s ? n?.includes(e) ?? !1 : n === e,
+    [s, n]
   ), z = p(
     t.root,
-    D("size", C, t),
+    D("size", S, t),
     i && t.disabled,
     u && t.invalid
   );
-  return /* @__PURE__ */ c(b, { onOpenChange: x, open: g, placement: M, children: [
-    /* @__PURE__ */ s(b.Trigger, { children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ c(b, { onOpenChange: x, open: C, placement: M, children: [
+    /* @__PURE__ */ a(b.Trigger, { children: /* @__PURE__ */ c(
       "div",
       {
         "aria-disabled": i,
@@ -71,34 +71,34 @@ import './select.css';const I = "Select", M = "bottom start", A = "_root_t7wta_7
         tabIndex: i ? -1 : 0,
         onClick: i ? (e) => e.stopPropagation() : void 0,
         children: [
-          /* @__PURE__ */ s("span", { className: p(t.displayText, !r.length && t.displayTextPlaceholder), children: f }),
+          /* @__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__ */ s(
+            w && r.length > 0 && !i && /* @__PURE__ */ a(
               "button",
               {
-                "aria-label": _.select.clear,
+                "aria-label": _.Select.clear,
                 className: t.clearButton,
-                onClick: N,
+                onClick: L,
                 tabIndex: -1,
                 type: "button",
-                children: /* @__PURE__ */ s(m, { name: "x", size: 14 })
+                children: /* @__PURE__ */ a(m, { name: "x", size: 14 })
               }
             ),
-            /* @__PURE__ */ s("span", { className: t.chevron, children: /* @__PURE__ */ s(m, { name: "chevron-down", size: 16 }) })
+            /* @__PURE__ */ a("span", { className: t.chevron, children: /* @__PURE__ */ a(m, { name: "chevron-down", size: 16 }) })
           ] })
         ]
       }
     ) }),
-    /* @__PURE__ */ s(b.Content, { padding: !1, children: /* @__PURE__ */ c(
+    /* @__PURE__ */ a(b.Content, { padding: !1, children: /* @__PURE__ */ c(
       "ul",
       {
         "aria-label": f,
         className: t.optionsList,
         role: "listbox",
         children: [
-          d.length === 0 && /* @__PURE__ */ s("li", { className: t.noOptions, children: _.select.noOptions }),
+          d.length === 0 && /* @__PURE__ */ a("li", { className: t.noOptions, children: _.Select.noOptions }),
           d.map((e) => {
-            const l = S(e.value);
+            const l = N(e.value);
             return /* @__PURE__ */ c(
               "li",
               {
@@ -110,12 +110,12 @@ import './select.css';const I = "Select", M = "bottom start", A = "_root_t7wta_7
                   e.disabled && t.optionDisabled
                 ),
                 onClick: () => {
-                  L(e);
+                  g(e);
                 },
                 role: "option",
                 children: [
-                  a && /* @__PURE__ */ s("span", { className: p(t.checkbox, l && t.checkboxChecked), children: l && /* @__PURE__ */ s(m, { name: "check", size: 12, strokeWidth: 3 }) }),
-                  /* @__PURE__ */ s("span", { className: t.optionLabel, children: e.label })
+                  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 })
                 ]
               },
               e.value

package/dist/table.css

@@ -1 +1 @@
-: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{--table-font-size: var(--lui-font-size-md)}._root_k8vfx_5{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%}