@lazar-ui/kit 0.2.0 → 0.2.2

package/dist/select.js

@@ -1,159 +1,121 @@
-import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import { useState as z, useCallback as _ } from "react";
-import { c as h } from "./clsx-OuTLNxxd.mjs";
-import { Popover as u } from "./popover.js";
-import { u as P } from "./useLocale-D2Z0JH0l.mjs";
-import { g as O } from "./getVariantClassName-D7Nhpuec.mjs";
-import './select.css';const M = "Select", B = "bottom start", D = "_root_1howi_7", j = "_disabled_1howi_28", A = "_invalid_1howi_35", E = "_sizeSm_1howi_39", I = "_sizeMd_1howi_45", W = "_sizeLg_1howi_51", F = "_displayText_1howi_57", U = "_displayTextPlaceholder_1howi_64", V = "_indicators_1howi_68", Y = "_clearButton_1howi_74", q = "_chevron_1howi_92", G = "_optionsList_1howi_103", H = "_noOptions_1howi_112", J = "_option_1howi_103", K = "_optionSelected_1howi_132", Q = "_optionDisabled_1howi_138", R = "_optionLabel_1howi_146", X = "_checkbox_1howi_153", Z = "_checkboxChecked_1howi_165", o = {
-  root: D,
-  disabled: j,
-  invalid: A,
-  sizeSm: E,
-  sizeMd: I,
-  sizeLg: W,
-  displayText: F,
-  displayTextPlaceholder: U,
-  indicators: V,
-  clearButton: Y,
-  chevron: q,
-  optionsList: G,
-  noOptions: H,
-  option: J,
-  optionSelected: K,
-  optionDisabled: Q,
-  optionLabel: R,
-  checkbox: X,
-  checkboxChecked: Z
-}, $ = (v) => {
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import { useState as P, useCallback as h } from "react";
+import { c as p } from "./clsx-OuTLNxxd.mjs";
+import { I as m } from "./Icon-flib0kme.mjs";
+import { Popover as b } from "./popover.js";
+import { u as O } from "./useLocale-DdHNhmvT.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,
+  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) => {
   const {
-    clearable: f = !1,
-    disabled: a = !1,
-    invalid: b = !1,
-    multiple: s = !1,
-    onChange: t,
-    options: r,
+    clearable: w = !1,
+    disabled: i = !1,
+    invalid: u = !1,
+    multiple: a = !1,
+    onChange: o,
+    options: d,
     placeholder: k,
-    size: w = "md",
+    size: C = "md",
     value: n
-  } = v, [L, m] = z(!1), p = P(), d = s ? r.filter((e) => n?.includes(e.value)) : r.filter((e) => e.value === n), x = d.length > 0 ? d.map((e) => e.label).join(", ") : k ?? p.select.placeholder, g = _(
+  } = 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(
     (e) => {
-      if (!e.disabled && t)
-        if (s) {
+      if (!e.disabled && o)
+        if (a) {
           const l = n ?? [], y = l.includes(e.value) ? l.filter((T) => T !== e.value) : [...l, e.value];
-          t(y);
+          o(y);
         } else
-          t(e.value), m(!1);
+          o(e.value), x(!1);
     },
-    [s, t, n]
-  ), C = _(
+    [a, o, n]
+  ), N = h(
     (e) => {
-      e.stopPropagation(), t && t(s ? [] : "");
+      e.stopPropagation(), o && o(a ? [] : "");
     },
-    [s, t]
-  ), N = _(
-    (e) => s ? n?.includes(e) ?? !1 : n === e,
-    [s, n]
+    [a, o]
   ), S = h(
-    o.root,
-    O("size", w, o),
-    a && o.disabled,
-    b && o.invalid
+    (e) => a ? n?.includes(e) ?? !1 : n === e,
+    [a, n]
+  ), z = p(
+    t.root,
+    D("size", C, t),
+    i && t.disabled,
+    u && t.invalid
   );
-  return /* @__PURE__ */ c(u, { onOpenChange: m, open: L, placement: B, children: [
-    /* @__PURE__ */ i(u.Trigger, { children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ c(b, { onOpenChange: x, open: g, placement: M, children: [
+    /* @__PURE__ */ s(b.Trigger, { children: /* @__PURE__ */ c(
       "div",
       {
-        "aria-disabled": a,
-        "aria-invalid": b,
-        className: S,
+        "aria-disabled": i,
+        "aria-invalid": u,
+        className: z,
         role: "combobox",
-        tabIndex: a ? -1 : 0,
-        onClick: a ? (e) => e.stopPropagation() : void 0,
+        tabIndex: i ? -1 : 0,
+        onClick: i ? (e) => e.stopPropagation() : void 0,
         children: [
-          /* @__PURE__ */ i("span", { className: h(o.displayText, !d.length && o.displayTextPlaceholder), children: x }),
-          /* @__PURE__ */ c("span", { className: o.indicators, children: [
-            f && d.length > 0 && !a && /* @__PURE__ */ i(
+          /* @__PURE__ */ s("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(
               "button",
               {
-                "aria-label": p.select.clear,
-                className: o.clearButton,
-                onClick: C,
+                "aria-label": _.select.clear,
+                className: t.clearButton,
+                onClick: N,
                 tabIndex: -1,
                 type: "button",
-                children: "✕"
+                children: /* @__PURE__ */ s(m, { name: "x", size: 14 })
               }
             ),
-            /* @__PURE__ */ i(
-              "svg",
-              {
-                "aria-hidden": "true",
-                className: o.chevron,
-                height: "16",
-                viewBox: "0 0 16 16",
-                width: "16",
-                children: /* @__PURE__ */ i(
-                  "path",
-                  {
-                    d: "M4 6 L8 10 L12 6",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: "1.5"
-                  }
-                )
-              }
-            )
+            /* @__PURE__ */ s("span", { className: t.chevron, children: /* @__PURE__ */ s(m, { name: "chevronDown", size: 16 }) })
           ] })
         ]
       }
     ) }),
-    /* @__PURE__ */ i(u.Content, { padding: !1, children: /* @__PURE__ */ c(
+    /* @__PURE__ */ s(b.Content, { padding: !1, children: /* @__PURE__ */ c(
       "ul",
       {
-        "aria-label": x,
-        className: o.optionsList,
+        "aria-label": f,
+        className: t.optionsList,
         role: "listbox",
         children: [
-          r.length === 0 && /* @__PURE__ */ i("li", { className: o.noOptions, children: p.select.noOptions }),
-          r.map((e) => {
-            const l = N(e.value);
+          d.length === 0 && /* @__PURE__ */ s("li", { className: t.noOptions, children: _.select.noOptions }),
+          d.map((e) => {
+            const l = S(e.value);
             return /* @__PURE__ */ c(
               "li",
               {
                 "aria-disabled": e.disabled,
                 "aria-selected": l,
-                className: h(
-                  o.option,
-                  l && o.optionSelected,
-                  e.disabled && o.optionDisabled
+                className: p(
+                  t.option,
+                  l && t.optionSelected,
+                  e.disabled && t.optionDisabled
                 ),
                 onClick: () => {
-                  g(e);
+                  L(e);
                 },
                 role: "option",
                 children: [
-                  s && /* @__PURE__ */ i("span", { className: h(o.checkbox, l && o.checkboxChecked), children: l && /* @__PURE__ */ i(
-                    "svg",
-                    {
-                      "aria-hidden": "true",
-                      height: "12",
-                      viewBox: "0 0 12 12",
-                      width: "12",
-                      children: /* @__PURE__ */ i(
-                        "path",
-                        {
-                          d: "M2 6 L5 9 L10 3",
-                          fill: "none",
-                          stroke: "currentColor",
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round",
-                          strokeWidth: "2"
-                        }
-                      )
-                    }
-                  ) }),
-                  /* @__PURE__ */ i("span", { className: o.optionLabel, children: e.label })
+                  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 })
                 ]
               },
               e.value
@@ -164,7 +126,7 @@ import './select.css';const M = "Select", B = "bottom start", D = "_root_1howi_7
     ) })
   ] });
 };
-$.displayName = M;
+ee.displayName = I;
 export {
-  $ as Select
+  ee as Select
 };

package/dist/separator.css

@@ -1 +1 @@
-:root{--separator-color: var(--color-border-primary)}._root_1o06b_5{background:var(--separator-color);border:none;height:1px;margin:0;padding-inline:var(--space-4);width:100%}._vertical_1o06b_14{height:100%;padding-block:var(--space-4);padding-inline:0;width:1px}._bleed_1o06b_21{padding:0}
+: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

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

package/dist/separator.js

@@ -1,24 +1,24 @@
 import { jsx as l } from "react/jsx-runtime";
 import { c } from "./clsx-OuTLNxxd.mjs";
-import './separator.css';const _ = "Separator", b = "_root_1o06b_5", i = "_vertical_1o06b_14", n = "_bleed_1o06b_21", o = {
-  root: b,
-  vertical: i,
-  bleed: n
+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: a = !1 } = r, s = c(
+  const { vertical: e = !1, color: t, bleed: s = !1 } = r, a = c(
     o.root,
     e && o.vertical,
-    a && o.bleed
+    s && o.bleed
   );
   return /* @__PURE__ */ l(
     "hr",
     {
-      className: s,
-      style: { "--separator-color": t ?? "var(--color-border-primary)" }
+      className: a,
+      style: { "--separator-color": t ?? "var(--lui-color-border-primary)" }
     }
   );
 };
-m.displayName = _;
+m.displayName = i;
 export {
   m as Separator
 };

package/dist/skeleton.css

@@ -1 +1 @@
-:root{--skeleton-animation-duration: 1.8s}._root_dz5s8_5{animation:_skeleton-pulse_dz5s8_1 var(--skeleton-animation-duration) ease-in-out infinite;background:var(--color-background-tertiary);display:block;width:100%}._variantText_dz5s8_12{border-radius:var(--radius-1);height:1em}._variantCircular_dz5s8_17{border-radius:50%;height:40px;width:40px}._variantRectangular_dz5s8_23{border-radius:var(--radius-2);height:100px}@keyframes _skeleton-pulse_dz5s8_1{0%{opacity:1}50%{opacity:.4}to{opacity:1}}
+:root{--skeleton-animation-duration: 1.8s}._root_15r0q_5{animation:_skeleton-pulse_15r0q_1 var(--skeleton-animation-duration) ease-in-out infinite;background:var(--lui-color-background-tertiary);display:block;width:100%}._variantText_15r0q_12{border-radius:var(--lui-radius-1);height:1em}._variantCircular_15r0q_17{border-radius:50%;height:40px;width:40px}._variantRectangular_15r0q_23{border-radius:var(--lui-radius-2);height:100px}@keyframes _skeleton-pulse_15r0q_1{0%{opacity:1}50%{opacity:.4}to{opacity:1}}

package/dist/skeleton.js

@@ -1,27 +1,27 @@
 import { jsx as c } from "react/jsx-runtime";
 import { c as l } from "./clsx-OuTLNxxd.mjs";
-import { g as d } from "./getVariantClassName-D7Nhpuec.mjs";
-import './skeleton.css';const _ = "Skeleton", v = "_root_dz5s8_5", u = "_variantText_dz5s8_12", m = "_variantCircular_dz5s8_17", p = "_variantRectangular_dz5s8_23", e = {
-  root: v,
-  "skeleton-pulse": "_skeleton-pulse_dz5s8_1",
-  variantText: u,
+import { g as _ } from "./getVariantClassName-D7Nhpuec.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",
+  variantText: d,
   variantCircular: m,
   variantRectangular: p
-}, x = (s) => {
-  const { borderRadius: o, height: t, variant: i = "text", width: a } = s, n = l(
+}, x = (i) => {
+  const { borderRadius: o, height: t, variant: n = "text", width: r } = i, s = l(
     e.root,
-    d("variant", i, e)
-  ), r = {};
-  return a !== void 0 && (r.width = typeof a == "number" ? `${a}px` : a), t !== void 0 && (r.height = typeof t == "number" ? `${t}px` : t), o !== void 0 && (r.borderRadius = o), /* @__PURE__ */ c(
+    _("variant", n, e)
+  ), a = {};
+  return r !== void 0 && (a.width = typeof r == "number" ? `${r}px` : r), t !== void 0 && (a.height = typeof t == "number" ? `${t}px` : t), o !== void 0 && (a.borderRadius = o), /* @__PURE__ */ c(
     "div",
     {
-      className: n,
-      style: r,
+      className: s,
+      style: a,
       "aria-hidden": "true"
     }
   );
 };
-x.displayName = _;
+x.displayName = v;
 export {
   x as Skeleton
 };

package/dist/spinner.css

@@ -1 +1 @@
-:root{--spinner-speed: .8s;--spinner-color: var(--color-text-secondary)}._root_1n8x7_6{animation:_spinner-rotate_1n8x7_1 var(--spinner-speed) linear infinite;border-color:var(--spinner-color);border-radius:50%;border-style:solid;border-top-color:transparent;border-width:2px;display:inline-block;flex-shrink:0}._sizeSm_1n8x7_17{height:16px;width:16px}._sizeMd_1n8x7_22{height:24px;width:24px}._sizeLg_1n8x7_27{height:32px;width:32px}._sizeXl_1n8x7_32{height:40px;width:40px}@keyframes _spinner-rotate_1n8x7_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
+:root{--spinner-speed: .8s;--spinner-color: var(--lui-color-text-secondary)}._root_1nbe0_6{animation:_spinner-rotate_1nbe0_1 var(--spinner-speed) linear infinite;border-color:var(--spinner-color);border-radius:50%;border-style:solid;border-top-color:transparent;border-width:2px;display:inline-block;flex-shrink:0}._sizeSm_1nbe0_17{height:16px;width:16px}._sizeMd_1nbe0_22{height:24px;width:24px}._sizeLg_1nbe0_27{height:32px;width:32px}._sizeXl_1nbe0_32{height:40px;width:40px}@keyframes _spinner-rotate_1nbe0_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}

package/dist/spinner.d.ts

@@ -10,7 +10,7 @@ declare enum ESpinnerSize {
 export declare interface ISpinnerProps {
     /** Size. Default: 'md'. */
     size?: TSpinnerSize;
-    /** CSS color value for the spinner arc. Default: 'var(--color-text-secondary)'. */
+    /** CSS color value for the spinner arc. Default: 'var(--lui-color-text-secondary)'. */
     color?: string;
 }
 
@@ -21,7 +21,7 @@ export declare interface ISpinnerProps {
  * ```tsx
  * <Spinner />
  * <Spinner size="lg" />
- * <Spinner color="var(--palette-brand)" />
+ * <Spinner color="var(--lui-palette-brand)" />
  * ```
  */
 export declare const Spinner: default_2.FC<ISpinnerProps>;

package/dist/spinner.js

@@ -1,15 +1,15 @@
 import { jsx as r } from "react/jsx-runtime";
 import { c as i } from "./clsx-OuTLNxxd.mjs";
 import { g as a } from "./getVariantClassName-D7Nhpuec.mjs";
-import './spinner.css';const _ = "Spinner", c = "_root_1n8x7_6", l = "_sizeSm_1n8x7_17", m = "_sizeMd_1n8x7_22", z = "_sizeLg_1n8x7_27", p = "_sizeXl_1n8x7_32", s = {
+import './spinner.css';const _ = "Spinner", c = "_root_1nbe0_6", l = "_sizeSm_1nbe0_17", m = "_sizeMd_1nbe0_22", z = "_sizeLg_1nbe0_27", p = "_sizeXl_1nbe0_32", s = {
   root: c,
-  "spinner-rotate": "_spinner-rotate_1n8x7_1",
+  "spinner-rotate": "_spinner-rotate_1nbe0_1",
   sizeSm: l,
   sizeMd: m,
   sizeLg: z,
   sizeXl: p
-}, x = (o) => {
-  const { color: e, size: t = "md" } = o, n = i(
+}, b = (e) => {
+  const { color: o, size: t = "md" } = e, n = i(
     s.root,
     a("size", t, s)
   );
@@ -19,11 +19,11 @@ import './spinner.css';const _ = "Spinner", c = "_root_1n8x7_6", l = "_sizeSm_1n
       className: n,
       role: "status",
       "aria-label": "Loading",
-      style: { "--spinner-color": e ?? "var(--color-text-secondary)" }
+      style: { "--spinner-color": o ?? "var(--lui-color-text-secondary)" }
     }
   );
 };
-x.displayName = _;
+b.displayName = _;
 export {
-  x as Spinner
+  b as Spinner
 };

package/dist/switch.css

@@ -1 +1 @@
-:root{--switch-track-width: 36px;--switch-track-height: 20px;--switch-track-radius: var(--radius-full);--switch-track-background: var(--palette-gray-300);--switch-track-background-checked: var(--palette-brand);--switch-track-background-disabled: var(--palette-gray-200);--switch-thumb-size: 16px;--switch-thumb-background: var(--palette-white);--switch-thumb-shadow: var(--shadow-xs);--switch-thumb-offset: 2px;--switch-label-font-size: var(--font-size-md);--switch-label-line-height: var(--line-height-md);--switch-label-color: var(--color-text-primary);--switch-label-gap: var(--space-2);--switch-transition-duration: .2s;--switch-transition-timing: cubic-bezier(.4, 0, .2, 1)}._root_84xww_24{align-items:center;cursor:pointer;display:inline-flex;flex-shrink:0;gap:var(--switch-label-gap);vertical-align:middle}._root_84xww_24._disabled_84xww_33{cursor:not-allowed;opacity:.5}._input_84xww_39{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}._track_84xww_52{align-items:center;background:var(--switch-track-background);border-radius:var(--switch-track-radius);display:inline-flex;flex-shrink:0;height:var(--switch-track-height);position:relative;transition:background var(--switch-transition-duration) var(--switch-transition-timing);width:var(--switch-track-width)}._thumb_84xww_64{background:var(--switch-thumb-background);border-radius:50%;box-shadow:var(--switch-thumb-shadow);height:var(--switch-thumb-size);left:var(--switch-thumb-offset);position:absolute;transition:transform var(--switch-transition-duration) var(--switch-transition-timing),left var(--switch-transition-duration) var(--switch-transition-timing);width:var(--switch-thumb-size)}._label_84xww_75{color:var(--switch-label-color);font-size:var(--switch-label-font-size);line-height:var(--switch-label-line-height);-webkit-user-select:none;user-select:none}._input_84xww_39:checked+._track_84xww_52{background:var(--switch-track-background-checked)}._input_84xww_39:checked+._track_84xww_52 ._thumb_84xww_64{left:calc(var(--switch-track-width) - var(--switch-thumb-size) - var(--switch-thumb-offset))}._input_84xww_39:focus-visible+._track_84xww_52{box-shadow:0 0 0 2px var(--color-border-focus)}._input_84xww_39:disabled+._track_84xww_52{background:var(--switch-track-background-disabled)}._sizeSm_84xww_102{--switch-track-width: 28px;--switch-track-height: 16px;--switch-thumb-size: 12px;--switch-thumb-offset: 2px;--switch-label-font-size: var(--font-size-sm);--switch-label-line-height: var(--line-height-sm)}._sizeMd_84xww_112{--switch-track-width: 36px;--switch-track-height: 20px;--switch-thumb-size: 16px;--switch-thumb-offset: 2px;--switch-label-font-size: var(--font-size-md);--switch-label-line-height: var(--line-height-md)}._sizeLg_84xww_122{--switch-track-width: 44px;--switch-track-height: 24px;--switch-thumb-size: 20px;--switch-thumb-offset: 2px;--switch-label-font-size: var(--font-size-lg);--switch-label-line-height: var(--line-height-lg)}
+:root{--switch-track-width: 36px;--switch-track-height: 20px;--switch-track-radius: var(--lui-radius-full);--switch-track-background: var(--lui-palette-gray-300);--switch-track-background-checked: var(--lui-palette-brand);--switch-track-background-disabled: var(--lui-palette-gray-200);--switch-thumb-size: 16px;--switch-thumb-background: var(--lui-palette-white);--switch-thumb-shadow: var(--lui-shadow-xs);--switch-thumb-offset: 2px;--switch-label-font-size: var(--lui-font-size-md);--switch-label-line-height: var(--line-height-md);--switch-label-color: var(--lui-color-text-primary);--switch-label-gap: var(--lui-space-2);--switch-transition-duration: .2s;--switch-transition-timing: cubic-bezier(.4, 0, .2, 1)}._root_1v9jq_24{align-items:center;cursor:pointer;display:inline-flex;flex-shrink:0;gap:var(--switch-label-gap);vertical-align:middle}._root_1v9jq_24._disabled_1v9jq_33{cursor:not-allowed;opacity:.5}._input_1v9jq_39{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}._track_1v9jq_52{align-items:center;background:var(--switch-track-background);border-radius:var(--switch-track-radius);display:inline-flex;flex-shrink:0;height:var(--switch-track-height);position:relative;transition:background var(--switch-transition-duration) var(--switch-transition-timing);width:var(--switch-track-width)}._thumb_1v9jq_64{background:var(--switch-thumb-background);border-radius:50%;box-shadow:var(--switch-thumb-shadow);height:var(--switch-thumb-size);left:var(--switch-thumb-offset);position:absolute;transition:transform var(--switch-transition-duration) var(--switch-transition-timing),left var(--switch-transition-duration) var(--switch-transition-timing);width:var(--switch-thumb-size)}._label_1v9jq_75{color:var(--switch-label-color);font-size:var(--switch-label-font-size);line-height:var(--switch-label-line-height);-webkit-user-select:none;user-select:none}._input_1v9jq_39:checked+._track_1v9jq_52{background:var(--switch-track-background-checked)}._input_1v9jq_39:checked+._track_1v9jq_52 ._thumb_1v9jq_64{left:calc(var(--switch-track-width) - var(--switch-thumb-size) - var(--switch-thumb-offset))}._input_1v9jq_39:focus-visible+._track_1v9jq_52{box-shadow:0 0 0 2px var(--lui-color-border-focus)}._input_1v9jq_39:disabled+._track_1v9jq_52{background:var(--switch-track-background-disabled)}._sizeSm_1v9jq_102{--switch-track-width: 28px;--switch-track-height: 16px;--switch-thumb-size: 12px;--switch-thumb-offset: 2px;--switch-label-font-size: var(--lui-font-size-sm);--switch-label-line-height: var(--line-height-sm)}._sizeMd_1v9jq_112{--switch-track-width: 36px;--switch-track-height: 20px;--switch-thumb-size: 16px;--switch-thumb-offset: 2px;--switch-label-font-size: var(--lui-font-size-md);--switch-label-line-height: var(--line-height-md)}._sizeLg_1v9jq_122{--switch-track-width: 44px;--switch-track-height: 24px;--switch-thumb-size: 20px;--switch-thumb-offset: 2px;--switch-label-font-size: var(--lui-font-size-lg);--switch-label-line-height: var(--line-height-lg)}

package/dist/switch.js

@@ -1,18 +1,18 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import { c as m } from "./clsx-OuTLNxxd.mjs";
-import { g as w } from "./getVariantClassName-D7Nhpuec.mjs";
-import './switch.css';const b = "Switch", h = "_root_84xww_24", p = "_disabled_84xww_33", x = "_input_84xww_39", u = "_track_84xww_52", z = "_thumb_84xww_64", N = "_label_84xww_75", k = "_sizeSm_84xww_102", g = "_sizeMd_84xww_112", S = "_sizeLg_84xww_122", s = {
-  root: h,
-  disabled: p,
-  input: x,
-  track: u,
-  thumb: z,
-  label: N,
-  sizeSm: k,
-  sizeMd: g,
-  sizeLg: S
-}, f = (c) => {
-  const { children: t, checked: i, defaultChecked: o, disabled: a = !1, onChange: l, size: n = "md", ..._ } = c, r = m(s.root, w("size", n, s), a && s.disabled);
+import { g as b } from "./getVariantClassName-D7Nhpuec.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,
+  input: j,
+  track: z,
+  thumb: q,
+  label: v,
+  sizeSm: N,
+  sizeMd: k,
+  sizeLg: g
+}, S = (c) => {
+  const { children: t, checked: i, defaultChecked: o, disabled: a = !1, onChange: l, size: n = "md", ..._ } = c, r = m(s.root, b("size", n, s), a && s.disabled);
   return /* @__PURE__ */ d("label", { className: r, children: [
     /* @__PURE__ */ e(
       "input",
@@ -31,7 +31,7 @@ import './switch.css';const b = "Switch", h = "_root_84xww_24", p = "_disabled_8
     t && /* @__PURE__ */ e("span", { className: s.label, children: t })
   ] });
 };
-f.displayName = b;
+S.displayName = h;
 export {
-  f as Switch
+  S as Switch
 };

package/dist/table.css

@@ -1 +1 @@
-:root{--cell-bg-header: var(--color-background-tertiary);--cell-border-header: var(--color-border-secondary);--cell-padding: var(--space-3) var(--space-4);--cell-max-width: 200px}._root_hpkeq_8{background-color:transparent;border-bottom:1px solid var(--color-border-primary);max-width:var(--cell-max-width);overflow:hidden;padding:var(--cell-padding);text-overflow:ellipsis;white-space:nowrap}._root_hpkeq_8._header_hpkeq_17{background-color:var(--cell-bg-header);border-bottom:2px solid var(--cell-border-header)}._root_hpkeq_8._alignLeft_hpkeq_21{text-align:left}._root_hpkeq_8._alignRight_hpkeq_24{text-align:right}._root_hpkeq_8._alignCenter_hpkeq_27{text-align:center}:root{--table-bg-stripe: var(--color-background-secondary)}._root_1xa2n_5{background-color:var(--color-background-primary);border-bottom:1px solid var(--color-border-primary);transition:background-color .2s}._root_1xa2n_5:nth-child(odd){background-color:var(--table-bg-stripe)}._root_1xa2n_5:hover{background-color:var(--color-background-brand-secondary)}:root{--table-font-size: var(--font-size-md)}._root_op0kb_5{border-collapse:collapse;font-size:var(--table-font-size);table-layout:fixed;width:100%}
+: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%}

package/dist/table.js

@@ -1,40 +1,40 @@
-import { jsx as a } from "react/jsx-runtime";
-import { c as C } from "./clsx-OuTLNxxd.mjs";
+import { jsx as l } from "react/jsx-runtime";
+import { c as p } from "./clsx-OuTLNxxd.mjs";
 import s from "react";
 import { g as f } from "./getVariantClassName-D7Nhpuec.mjs";
 import { i } from "./isValidReactNode-CmYwTWCE.mjs";
 import "./camelCase-PtIYufW8.mjs";
 import './table.css';var n = /* @__PURE__ */ ((t) => (t.CELL = "Table.Cell", t.ROW = "Table.Row", t))(n || {});
-const u = "_root_hpkeq_8", L = "_header_hpkeq_17", N = "_alignLeft_hpkeq_21", R = "_alignRight_hpkeq_24", b = "_alignCenter_hpkeq_27", l = {
+const u = "_root_lmxwt_8", L = "_header_lmxwt_17", N = "_alignLeft_lmxwt_21", R = "_alignRight_lmxwt_24", w = "_alignCenter_lmxwt_27", a = {
   root: u,
   header: L,
   alignLeft: N,
   alignRight: R,
-  alignCenter: b
+  alignCenter: w
 }, c = (t) => {
-  const { align: r = "left", as: o = "td", children: e, title: _, width: p } = t, g = C(l.root, f("align", r, l), {
-    [l.header]: o === "th"
+  const { align: r = "left", as: e = "td", children: o, title: g, width: h } = t, C = p(a.root, f("align", r, a), {
+    [a.header]: e === "th"
   });
-  return /* @__PURE__ */ a(o, { className: g, title: _, width: p, children: e });
+  return /* @__PURE__ */ l(e, { className: C, title: g, width: h, children: o });
 };
 c.displayName = n.CELL;
-const T = "_root_1xa2n_5", k = {
-  root: T
-}, d = (t) => {
-  const { children: r } = t, o = (e) => i(n.CELL, e) ? e : null;
-  return /* @__PURE__ */ a("tr", { className: k.root, children: s.Children.map(r, o) });
+const x = "_root_t4731_5", T = {
+  root: x
+}, m = (t) => {
+  const { children: r } = t, e = (o) => i(n.CELL, o) ? o : null;
+  return /* @__PURE__ */ l("tr", { className: T.root, children: s.Children.map(r, e) });
 };
-d.displayName = n.ROW;
-const y = "Table", $ = "_root_op0kb_5", q = {
-  root: $
-}, h = (t) => {
-  const { children: r } = t, o = (e) => i(n.ROW, e) ? e : null;
-  return /* @__PURE__ */ a("table", { className: q.root, children: /* @__PURE__ */ a("tbody", { children: s.Children.map(r, o) }) });
+m.displayName = n.ROW;
+const b = "Table", y = "_root_k8vfx_5", $ = {
+  root: y
+}, d = (t) => {
+  const { children: r } = t, e = (o) => i(n.ROW, o) ? o : null;
+  return /* @__PURE__ */ l("table", { className: $.root, children: /* @__PURE__ */ l("tbody", { children: s.Children.map(r, e) }) });
 };
-h.displayName = y;
-const m = h;
-m.Cell = c;
-m.Row = d;
+d.displayName = b;
+const _ = d;
+_.Cell = c;
+_.Row = m;
 export {
-  m as Table
+  _ as Table
 };

package/dist/tabs.css

@@ -1 +1 @@
-._root_9eoad_1{position:relative;-webkit-user-select:none;user-select:none}._root_9eoad_1._disabled_9eoad_5{color:var(--tab-text-disabled);cursor:not-allowed}._root_9eoad_1._variantDefault_9eoad_9{border-bottom:2px solid transparent;color:var(--tab-text);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-md);padding:var(--space-3) var(--space-5);transition:border-color .3s,color .3s;white-space:nowrap}._root_9eoad_1._variantDefault_9eoad_9:focus{border-color:var(--tab-text-active)}._root_9eoad_1._variantDefault_9eoad_9._active_9eoad_22{border-color:var(--tab-border-active);color:var(--tab-text-active)}._root_9eoad_1._variantButtons_9eoad_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(--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_9eoad_1._variantButtons_9eoad_26:focus{box-shadow:0 0 0 2px #98a2b324}._root_9eoad_1._variantButtons_9eoad_26._active_9eoad_22{background:var(--tab-bg-buttons-active);color:var(--tab-text-buttons-active)}@media only screen and (max-width:1023px){._root_9eoad_1._variantButtons_9eoad_26{gap:var(--tab-gap-buttons);height:40px;justify-content:center;padding:var(--space-2) var(--space-5);white-space:nowrap}}:root{--tabs-padding: var(--space-8);--tabs-panel-padding-top: var(--space-10);--tab-text: var(--color-text-secondary);--tab-text-active: var(--color-text-primary);--tab-text-disabled: var(--color-text-disabled);--tab-border-active: var(--palette-gray-900);--tab-bg-buttons: var(--color-background-tertiary);--tab-bg-buttons-active: var(--color-background-brand-secondary);--tab-text-buttons: var(--color-text-quaternary);--tab-text-buttons-active: var(--color-text-primary);--tab-radius-buttons: var(--radius-1);--tab-font-buttons: var(--font-size-md);--tab-gap-buttons: var(--space-3);--tab-padding-y-buttons: var(--space-2);--tab-padding-x-buttons: var(--space-3);--tab-list-gap: var(--space-4)}._root_1piy6_20{width:auto}._root_1piy6_20._variantDefault_1piy6_23 ._list_1piy6_23:before{border-bottom:1px solid var(--color-border-primary);bottom:0;content:"";left:0;position:absolute;right:0;z-index:0}._root_1piy6_20._variantButtons_1piy6_32 ._list_1piy6_23{align-items:center;gap:var(--tab-list-gap);justify-content:flex-start;padding:var(--tabs-padding)}._list_1piy6_23{display:flex;overflow-x:auto;position:relative}._panel_1piy6_45{padding-top:var(--tabs-panel-padding-top);position:relative}@media only screen and (max-width:1023px){._root_1piy6_20._variantButtons_1piy6_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}}