@mt-gloss/ui 0.0.14 → 0.0.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,8 +1,8 @@
1
1
  import { jsx as n, jsxs as b } from "react/jsx-runtime";
2
- import p, { useState as C, createContext as $, useContext as w } from "react";
3
- import { createPortal as R } from "react-dom";
4
- import { AnimatePresence as P, motion as x } from "framer-motion";
5
- import { useFloating as z, autoUpdate as M, offset as T, flip as D, shift as I, useDismiss as V, useRole as O, useInteractions as E } from "@floating-ui/react";
2
+ import p, { useState as C, createContext as x, useContext as $ } from "react";
3
+ import { createPortal as w } from "react-dom";
4
+ import { AnimatePresence as R, motion as P } from "framer-motion";
5
+ import { useFloating as z, autoUpdate as T, offset as M, flip as D, shift as I, useDismiss as V, useRole as E, useInteractions as O } from "@floating-ui/react";
6
6
  function u(s, a, e, o) {
7
7
  const t = {}, l = {};
8
8
  if (!s) return { style: t, dataAttrs: l };
@@ -29,11 +29,11 @@ const H = {
29
29
  fontWeight: "--_font-weight",
30
30
  minHeight: "--_min-height",
31
31
  gap: "--_gap"
32
- }, G = {
32
+ }, F = {
33
33
  display: "data-display"
34
34
  };
35
- function F(s) {
36
- const { as: a, definition: e, className: o, style: t, children: l, disabled: r, loading: d, ...i } = s, c = a || "button", { style: g, dataAttrs: _ } = u(e, H, G);
35
+ function G(s) {
36
+ const { as: a, definition: e, className: o, style: t, children: l, disabled: r, loading: d, ...i } = s, c = a || "button", { style: g, dataAttrs: _ } = u(e, H, F);
37
37
  return r && (_["data-disabled"] = ""), d && (_["data-loading"] = ""), /* @__PURE__ */ n(
38
38
  c,
39
39
  {
@@ -46,8 +46,8 @@ function F(s) {
46
46
  }
47
47
  );
48
48
  }
49
- F.displayName = "BaseButton";
50
- const Ha = {
49
+ G.displayName = "BaseButton";
50
+ const Ga = {
51
51
  // Brand
52
52
  BrandPrimary: "var(--gloss-color-brand-primary)",
53
53
  BrandPrimaryHover: "var(--gloss-color-brand-primary-hover)",
@@ -118,7 +118,7 @@ const Ha = {
118
118
  Amber600: "var(--gloss-color-amber-600)",
119
119
  // Base
120
120
  White: "var(--gloss-color-white)"
121
- }, Ga = {
121
+ }, La = {
122
122
  None: "0",
123
123
  Xs: "var(--gloss-spacing-1)",
124
124
  Sm: "var(--gloss-spacing-2)",
@@ -130,7 +130,30 @@ const Ha = {
130
130
  "4xl": "var(--gloss-spacing-10)",
131
131
  "5xl": "var(--gloss-spacing-12)",
132
132
  "6xl": "var(--gloss-spacing-16)"
133
- }, Fa = {
133
+ }, Wa = {
134
+ // Font families (CSS vars)
135
+ FontDisplay: "var(--gloss-font-display)",
136
+ FontBody: "var(--gloss-font-body)",
137
+ FontMono: "var(--gloss-font-mono)",
138
+ // Font sizes (CSS vars)
139
+ TextXs: "var(--gloss-text-xs)",
140
+ TextSm: "var(--gloss-text-sm)",
141
+ TextBase: "var(--gloss-text-base)",
142
+ TextLg: "var(--gloss-text-lg)",
143
+ TextXl: "var(--gloss-text-xl)",
144
+ Text2xl: "var(--gloss-text-2xl)",
145
+ Text3xl: "var(--gloss-text-3xl)",
146
+ Text4xl: "var(--gloss-text-4xl)",
147
+ // Line heights (raw values — no SCSS token)
148
+ LeadingTight: "1.25",
149
+ LeadingNormal: "1.5",
150
+ LeadingRelaxed: "1.75",
151
+ // Font weights (raw values — no SCSS token)
152
+ WeightNormal: "400",
153
+ WeightMedium: "500",
154
+ WeightSemibold: "600",
155
+ WeightBold: "700"
156
+ }, Xa = {
134
157
  Card: "var(--gloss-elevation-card)",
135
158
  ButtonDefault: "var(--gloss-elevation-button-default)",
136
159
  ButtonHover: "var(--gloss-elevation-button-hover)",
@@ -140,7 +163,7 @@ const Ha = {
140
163
  InputFocus: "var(--gloss-elevation-input-focus)",
141
164
  Sidebar: "var(--gloss-elevation-sidebar)",
142
165
  None: "none"
143
- }, Xa = {
166
+ }, ja = {
144
167
  None: "0",
145
168
  Xs: "var(--gloss-radius-xs)",
146
169
  Sm: "var(--gloss-radius-sm)",
@@ -148,7 +171,7 @@ const Ha = {
148
171
  Lg: "var(--gloss-radius-lg)",
149
172
  Xl: "var(--gloss-radius-xl)",
150
173
  Full: "var(--gloss-radius-full)"
151
- }, ja = {
174
+ }, Ua = {
152
175
  Dropdown: "var(--gloss-z-dropdown)",
153
176
  Sticky: "var(--gloss-z-sticky)",
154
177
  Overlay: "var(--gloss-z-overlay)",
@@ -156,7 +179,7 @@ const Ha = {
156
179
  Popover: "var(--gloss-z-popover)",
157
180
  Toast: "var(--gloss-z-toast)"
158
181
  };
159
- function X(s) {
182
+ function L(s) {
160
183
  const { as: a, definition: e, className: o, style: t, children: l, ...r } = s, d = a || "div", i = { ...t };
161
184
  e?.padding && (i["--_padding"] = e.padding), e?.paddingX && (i["--_px"] = e.paddingX), e?.paddingY && (i["--_py"] = e.paddingY), e?.margin && (i["--_margin"] = e.margin), e?.gap && (i["--_gap"] = e.gap), e?.bg && (i["--_bg"] = e.bg), e?.border && (i["--_border"] = e.border), e?.radius && (i["--_radius"] = e.radius);
162
185
  const c = {};
@@ -171,8 +194,8 @@ function X(s) {
171
194
  }
172
195
  );
173
196
  }
174
- X.displayName = "BaseBox";
175
- function j(s) {
197
+ L.displayName = "BaseBox";
198
+ function W(s) {
176
199
  const { as: a, definition: e, className: o, style: t, children: l, ...r } = s, d = a || "div", i = { ...t };
177
200
  e?.gap && (i["--_gap"] = e.gap), e?.padding && (i["--_padding"] = e.padding);
178
201
  const c = {};
@@ -187,8 +210,8 @@ function j(s) {
187
210
  }
188
211
  );
189
212
  }
190
- j.displayName = "BaseStack";
191
- function U(s) {
213
+ W.displayName = "BaseStack";
214
+ function X(s) {
192
215
  const { as: a, definition: e, className: o, style: t, ...l } = s, r = a || "hr", d = { ...t };
193
216
  e?.color && (d["--_color"] = e.color), e?.thickness && (d["--_thickness"] = e.thickness), e?.spacing && (d["--_spacing"] = e.spacing);
194
217
  const i = {};
@@ -202,8 +225,8 @@ function U(s) {
202
225
  }
203
226
  );
204
227
  }
205
- U.displayName = "BaseDivider";
206
- function B(s) {
228
+ X.displayName = "BaseDivider";
229
+ function h(s) {
207
230
  const { as: a, definition: e, className: o, style: t, children: l, ...r } = s, d = a || "span", i = { ...t };
208
231
  e?.fontFamily && (i["--_font-family"] = e.fontFamily), e?.fontSize && (i["--_font-size"] = e.fontSize), e?.fontWeight && (i["--_font-weight"] = e.fontWeight), e?.lineHeight && (i["--_line-height"] = e.lineHeight), e?.letterSpacing && (i["--_letter-spacing"] = e.letterSpacing), e?.color && (i["--_color"] = e.color);
209
232
  const c = {};
@@ -218,8 +241,8 @@ function B(s) {
218
241
  }
219
242
  );
220
243
  }
221
- B.displayName = "BaseTypography";
222
- const W = {
244
+ h.displayName = "BaseTypography";
245
+ const j = {
223
246
  sm: 16,
224
247
  md: 20,
225
248
  lg: 24,
@@ -230,7 +253,7 @@ const W = {
230
253
  className: e = "",
231
254
  ...o
232
255
  }) => {
233
- const t = W[a];
256
+ const t = j[a];
234
257
  return /* @__PURE__ */ n(
235
258
  "svg",
236
259
  {
@@ -245,7 +268,7 @@ const W = {
245
268
  );
246
269
  };
247
270
  S.displayName = "Icon";
248
- function L(s) {
271
+ function U(s) {
249
272
  const { definition: a, name: e, icon: o, className: t, style: l } = s;
250
273
  if (!e && !o) return null;
251
274
  const r = { ...l };
@@ -261,7 +284,7 @@ function L(s) {
261
284
  }
262
285
  );
263
286
  }
264
- L.displayName = "BaseIcon";
287
+ U.displayName = "BaseIcon";
265
288
  function Y(s) {
266
289
  const {
267
290
  open: a,
@@ -273,8 +296,8 @@ function Y(s) {
273
296
  open: a,
274
297
  onOpenChange: t,
275
298
  placement: e,
276
- middleware: [T(o), D(), I()],
277
- whileElementsMounted: M,
299
+ middleware: [M(o), D(), I()],
300
+ whileElementsMounted: T,
278
301
  // Phase 6.1.1 bug fix 2026-04-16: use top/left positioning (not transform).
279
302
  // BaseOverlay wraps content in framer-motion motion.div with animate={scale},
280
303
  // which owns the `transform` CSS property. If floating-ui writes
@@ -290,7 +313,7 @@ function K(s) {
290
313
  outsidePress: e = !0,
291
314
  escapeKey: o = !0,
292
315
  role: t = "dialog"
293
- } = s, l = V(a, { outsidePress: e, escapeKey: o }), r = O(a, { role: t }), { getFloatingProps: d, getReferenceProps: i } = E([
316
+ } = s, l = V(a, { outsidePress: e, escapeKey: o }), r = E(a, { role: t }), { getFloatingProps: d, getReferenceProps: i } = O([
294
317
  l,
295
318
  r
296
319
  ]);
@@ -321,8 +344,8 @@ function A(s) {
321
344
  role: a?.role ?? "dialog"
322
345
  }), m = { ...r };
323
346
  a?.bg && (m["--_bg"] = a.bg), a?.shadow && (m["--_shadow"] = a.shadow), a?.radius && (m["--_radius"] = a.radius), a?.padding && (m["--_padding"] = a.padding), a?.zIndex && (m["--_z-index"] = a.zIndex);
324
- const v = a?.portal !== !1, y = !!c, h = /* @__PURE__ */ n(P, { children: e && /* @__PURE__ */ n(
325
- x.div,
347
+ const v = a?.portal !== !1, y = !!c, B = /* @__PURE__ */ n(R, { children: e && /* @__PURE__ */ n(
348
+ P.div,
326
349
  {
327
350
  ref: _.refs.setFloating,
328
351
  className: l ? `gloss-base-overlay ${l}` : "gloss-base-overlay",
@@ -335,7 +358,7 @@ function A(s) {
335
358
  children: d
336
359
  }
337
360
  ) });
338
- return v && typeof document < "u" ? R(h, document.body) : h;
361
+ return v && typeof document < "u" ? w(B, document.body) : B;
339
362
  }
340
363
  A.displayName = "BaseOverlay";
341
364
  const Z = {
@@ -772,13 +795,13 @@ const Ce = p.forwardRef(
772
795
  )
773
796
  );
774
797
  Ce.displayName = "BaseCardActions";
775
- const $e = {
798
+ const xe = {
776
799
  borderColor: "--_border-color",
777
800
  radius: "--_radius",
778
801
  gap: "--_gap"
779
- }, we = p.forwardRef(
802
+ }, $e = p.forwardRef(
780
803
  ({ definition: s, className: a, style: e, children: o, ...t }, l) => {
781
- const { style: r, dataAttrs: d } = u(s, $e);
804
+ const { style: r, dataAttrs: d } = u(s, xe);
782
805
  return /* @__PURE__ */ n(
783
806
  "div",
784
807
  {
@@ -792,8 +815,8 @@ const $e = {
792
815
  );
793
816
  }
794
817
  );
795
- we.displayName = "BaseAccordion";
796
- const Re = p.forwardRef(
818
+ $e.displayName = "BaseAccordion";
819
+ const we = p.forwardRef(
797
820
  ({ className: s, style: a, children: e, open: o, ...t }, l) => {
798
821
  const r = {};
799
822
  return o && (r["data-open"] = ""), /* @__PURE__ */ n(
@@ -809,8 +832,8 @@ const Re = p.forwardRef(
809
832
  );
810
833
  }
811
834
  );
812
- Re.displayName = "BaseAccordionItem";
813
- const Pe = p.forwardRef(
835
+ we.displayName = "BaseAccordionItem";
836
+ const Re = p.forwardRef(
814
837
  ({ className: s, children: a, ...e }, o) => /* @__PURE__ */ n(
815
838
  "button",
816
839
  {
@@ -822,8 +845,8 @@ const Pe = p.forwardRef(
822
845
  }
823
846
  )
824
847
  );
825
- Pe.displayName = "BaseAccordionTrigger";
826
- const xe = p.forwardRef(
848
+ Re.displayName = "BaseAccordionTrigger";
849
+ const Pe = p.forwardRef(
827
850
  ({ className: s, style: a, children: e, ...o }, t) => /* @__PURE__ */ n(
828
851
  "div",
829
852
  {
@@ -835,7 +858,7 @@ const xe = p.forwardRef(
835
858
  }
836
859
  )
837
860
  );
838
- xe.displayName = "BaseAccordionContent";
861
+ Pe.displayName = "BaseAccordionContent";
839
862
  const ze = {
840
863
  bg: "--_bg",
841
864
  borderColor: "--_border-color",
@@ -843,7 +866,7 @@ const ze = {
843
866
  elevation: "--_elevation",
844
867
  padding: "--_padding",
845
868
  minWidth: "--_min-width"
846
- }, Me = p.forwardRef(
869
+ }, Te = p.forwardRef(
847
870
  ({ definition: s, className: a, style: e, children: o, ...t }, l) => {
848
871
  const { style: r, dataAttrs: d } = u(s, ze);
849
872
  return /* @__PURE__ */ n(
@@ -860,8 +883,8 @@ const ze = {
860
883
  );
861
884
  }
862
885
  );
863
- Me.displayName = "BaseMenu";
864
- function Te({ label: s, className: a, style: e, children: o, ...t }) {
886
+ Te.displayName = "BaseMenu";
887
+ function Me({ label: s, className: a, style: e, children: o, ...t }) {
865
888
  return /* @__PURE__ */ b(
866
889
  "div",
867
890
  {
@@ -877,7 +900,7 @@ function Te({ label: s, className: a, style: e, children: o, ...t }) {
877
900
  }
878
901
  );
879
902
  }
880
- Te.displayName = "BaseMenuGroup";
903
+ Me.displayName = "BaseMenuGroup";
881
904
  const De = {
882
905
  padding: "--_item-padding",
883
906
  fontSize: "--_item-font-size",
@@ -914,7 +937,7 @@ function Ve({ className: s }) {
914
937
  );
915
938
  }
916
939
  Ve.displayName = "BaseMenuDivider";
917
- const Oe = {
940
+ const Ee = {
918
941
  bg: "--_bg",
919
942
  color: "--_color",
920
943
  radius: "--_radius",
@@ -922,9 +945,9 @@ const Oe = {
922
945
  fontSize: "--_font-size",
923
946
  maxWidth: "--_max-width",
924
947
  arrowSize: "--_arrow-size"
925
- }, Ee = {}, He = p.forwardRef(
948
+ }, Oe = {}, He = p.forwardRef(
926
949
  ({ definition: s, className: a, style: e, children: o, placement: t = "top", ...l }, r) => {
927
- const { style: d, dataAttrs: i } = u(s, Oe, Ee);
950
+ const { style: d, dataAttrs: i } = u(s, Ee, Oe);
928
951
  return i["data-placement"] = t, /* @__PURE__ */ b(
929
952
  "div",
930
953
  {
@@ -943,15 +966,15 @@ const Oe = {
943
966
  }
944
967
  );
945
968
  He.displayName = "BaseTooltip";
946
- const Ge = {
969
+ const Fe = {
947
970
  activeColor: "--_active-color",
948
971
  inactiveColor: "--_inactive-color",
949
972
  hoverColor: "--_hover-color",
950
973
  starSize: "--_star-size",
951
974
  gap: "--_gap"
952
- }, Fe = p.forwardRef(
975
+ }, Ge = p.forwardRef(
953
976
  ({ definition: s, className: a, style: e, children: o, readOnly: t, disabled: l, ...r }, d) => {
954
- const { style: i, dataAttrs: c } = u(s, Ge);
977
+ const { style: i, dataAttrs: c } = u(s, Fe);
955
978
  return t && (c["data-readonly"] = ""), l && (c["data-disabled"] = ""), /* @__PURE__ */ n(
956
979
  "div",
957
980
  {
@@ -966,17 +989,17 @@ const Ge = {
966
989
  );
967
990
  }
968
991
  );
969
- Fe.displayName = "BaseRating";
970
- const Xe = {
992
+ Ge.displayName = "BaseRating";
993
+ const Le = {
971
994
  bg: "--_bg",
972
995
  activeBg: "--_active-bg",
973
996
  borderColor: "--_border-color",
974
997
  radius: "--_radius",
975
998
  padding: "--_padding",
976
999
  fontSize: "--_font-size"
977
- }, je = p.forwardRef(
1000
+ }, We = p.forwardRef(
978
1001
  ({ definition: s, className: a, style: e, children: o, disabled: t, ...l }, r) => {
979
- const { style: d, dataAttrs: i } = u(s, Xe);
1002
+ const { style: d, dataAttrs: i } = u(s, Le);
980
1003
  return t && (i["data-disabled"] = ""), /* @__PURE__ */ n(
981
1004
  "div",
982
1005
  {
@@ -991,16 +1014,16 @@ const Xe = {
991
1014
  );
992
1015
  }
993
1016
  );
994
- je.displayName = "BaseSegmentedControl";
995
- const Ue = {
1017
+ We.displayName = "BaseSegmentedControl";
1018
+ const Xe = {
996
1019
  bg: "--_bg",
997
1020
  borderColor: "--_border-color",
998
1021
  radius: "--_radius",
999
1022
  elevation: "--_elevation",
1000
1023
  padding: "--_padding"
1001
1024
  };
1002
- function We({ definition: s, className: a, style: e, children: o, ...t }) {
1003
- const { style: l, dataAttrs: r } = u(s, Ue);
1025
+ function je({ definition: s, className: a, style: e, children: o, ...t }) {
1026
+ const { style: l, dataAttrs: r } = u(s, Xe);
1004
1027
  return /* @__PURE__ */ n(
1005
1028
  "div",
1006
1029
  {
@@ -1012,8 +1035,8 @@ function We({ definition: s, className: a, style: e, children: o, ...t }) {
1012
1035
  }
1013
1036
  );
1014
1037
  }
1015
- We.displayName = "BaseDatePicker";
1016
- function Le({ className: s, style: a, children: e, ...o }) {
1038
+ je.displayName = "BaseDatePicker";
1039
+ function Ue({ className: s, style: a, children: e, ...o }) {
1017
1040
  return /* @__PURE__ */ n(
1018
1041
  "div",
1019
1042
  {
@@ -1024,7 +1047,7 @@ function Le({ className: s, style: a, children: e, ...o }) {
1024
1047
  }
1025
1048
  );
1026
1049
  }
1027
- Le.displayName = "BaseDatePickerHeader";
1050
+ Ue.displayName = "BaseDatePickerHeader";
1028
1051
  function Ye({ className: s, style: a, children: e, ...o }) {
1029
1052
  return /* @__PURE__ */ n(
1030
1053
  "div",
@@ -1383,7 +1406,7 @@ va.displayName = "BaseRangeSlider";
1383
1406
  const ha = function(a) {
1384
1407
  const { as: e, className: o, ...t } = a;
1385
1408
  return /* @__PURE__ */ n(
1386
- B,
1409
+ h,
1387
1410
  {
1388
1411
  as: e || "span",
1389
1412
  className: o ? `gloss-base-text ${o}` : "gloss-base-text",
@@ -1392,7 +1415,26 @@ const ha = function(a) {
1392
1415
  );
1393
1416
  };
1394
1417
  ha.displayName = "BaseText";
1395
- function Ba({
1418
+ const Ba = {
1419
+ 1: "h1",
1420
+ 2: "h2",
1421
+ 3: "h3",
1422
+ 4: "h4",
1423
+ 5: "h5",
1424
+ 6: "h6"
1425
+ }, Sa = function(a) {
1426
+ const { as: e, level: o = 2, className: t, ...l } = a, r = e || Ba[o];
1427
+ return /* @__PURE__ */ n(
1428
+ h,
1429
+ {
1430
+ as: r,
1431
+ className: t ? `gloss-base-title ${t}` : "gloss-base-title",
1432
+ ...l
1433
+ }
1434
+ );
1435
+ };
1436
+ Sa.displayName = "BaseTitle";
1437
+ function Aa({
1396
1438
  definition: s,
1397
1439
  open: a,
1398
1440
  onDismiss: e,
@@ -1435,16 +1477,16 @@ function Ba({
1435
1477
  }
1436
1478
  );
1437
1479
  }
1438
- Ba.displayName = "BasePopover";
1439
- const Sa = {
1480
+ Aa.displayName = "BasePopover";
1481
+ const ka = {
1440
1482
  size: "--_size",
1441
1483
  bg: "--_bg",
1442
1484
  color: "--_color",
1443
1485
  fontSize: "--_font-size",
1444
1486
  radius: "--_radius"
1445
1487
  };
1446
- function Aa(s) {
1447
- const { definition: a, src: e, alt: o, className: t, style: l, children: r, ...d } = s, [i, c] = C(!1), { style: g, dataAttrs: _ } = u(a, Sa), f = e && !i;
1488
+ function Na(s) {
1489
+ const { definition: a, src: e, alt: o, className: t, style: l, children: r, ...d } = s, [i, c] = C(!1), { style: g, dataAttrs: _ } = u(a, ka), f = e && !i;
1448
1490
  return /* @__PURE__ */ n(
1449
1491
  "div",
1450
1492
  {
@@ -1463,15 +1505,15 @@ function Aa(s) {
1463
1505
  }
1464
1506
  );
1465
1507
  }
1466
- Aa.displayName = "BaseAvatar";
1467
- const ka = {
1508
+ Na.displayName = "BaseAvatar";
1509
+ const Ca = {
1468
1510
  trackBg: "--_track-bg",
1469
1511
  fillBg: "--_fill-bg",
1470
1512
  height: "--_height",
1471
1513
  radius: "--_radius"
1472
1514
  };
1473
- function Na(s) {
1474
- const { definition: a, value: e, max: o = 100, indeterminate: t = !1, className: l, style: r, ...d } = s, { style: i, dataAttrs: c } = u(a, ka);
1515
+ function xa(s) {
1516
+ const { definition: a, value: e, max: o = 100, indeterminate: t = !1, className: l, style: r, ...d } = s, { style: i, dataAttrs: c } = u(a, Ca);
1475
1517
  t && (c["data-indeterminate"] = "");
1476
1518
  const g = t ? void 0 : `${Math.min(100, (e || 0) / (o || 100) * 100)}%`;
1477
1519
  return /* @__PURE__ */ n(
@@ -1495,8 +1537,8 @@ function Na(s) {
1495
1537
  }
1496
1538
  );
1497
1539
  }
1498
- Na.displayName = "BaseProgressBar";
1499
- const Ca = {
1540
+ xa.displayName = "BaseProgressBar";
1541
+ const $a = {
1500
1542
  bg: "--_bg",
1501
1543
  color: "--_color",
1502
1544
  padding: "--_padding",
@@ -1505,8 +1547,8 @@ const Ca = {
1505
1547
  fontSize: "--_font-size",
1506
1548
  fontWeight: "--_font-weight"
1507
1549
  };
1508
- function $a(s) {
1509
- const { as: a, definition: e, className: o, style: t, dot: l, children: r, ...d } = s, i = a || "span", { style: c, dataAttrs: g } = u(e, Ca);
1550
+ function wa(s) {
1551
+ const { as: a, definition: e, className: o, style: t, dot: l, children: r, ...d } = s, i = a || "span", { style: c, dataAttrs: g } = u(e, $a);
1510
1552
  return l && (g["data-dot"] = ""), /* @__PURE__ */ n(
1511
1553
  i,
1512
1554
  {
@@ -1518,8 +1560,8 @@ function $a(s) {
1518
1560
  }
1519
1561
  );
1520
1562
  }
1521
- $a.displayName = "BaseBadge";
1522
- const wa = {
1563
+ wa.displayName = "BaseBadge";
1564
+ const Ra = {
1523
1565
  bg: "--_bg",
1524
1566
  color: "--_color",
1525
1567
  borderColor: "--_border-color",
@@ -1530,7 +1572,7 @@ const wa = {
1530
1572
  fontWeight: "--_font-weight",
1531
1573
  gap: "--_gap"
1532
1574
  };
1533
- function Ra(s) {
1575
+ function Pa(s) {
1534
1576
  const {
1535
1577
  as: a,
1536
1578
  definition: e,
@@ -1544,7 +1586,7 @@ function Ra(s) {
1544
1586
  deleteButton: g,
1545
1587
  children: _,
1546
1588
  ...f
1547
- } = s, m = a || "span", { style: v, dataAttrs: y } = u(e, wa);
1589
+ } = s, m = a || "span", { style: v, dataAttrs: y } = u(e, Ra);
1548
1590
  return l && (y["data-disabled"] = ""), r && (y["data-clickable"] = ""), d && (y["data-selected"] = ""), /* @__PURE__ */ b(
1549
1591
  m,
1550
1592
  {
@@ -1561,17 +1603,17 @@ function Ra(s) {
1561
1603
  }
1562
1604
  );
1563
1605
  }
1564
- Ra.displayName = "BaseChip";
1565
- const Pa = {
1606
+ Pa.displayName = "BaseChip";
1607
+ const za = {
1566
1608
  color: "--_color",
1567
1609
  fontSize: "--_font-size",
1568
1610
  fontWeight: "--_font-weight",
1569
1611
  gap: "--_gap"
1570
- }, xa = {
1612
+ }, Ta = {
1571
1613
  underline: "data-underline"
1572
1614
  };
1573
- function za(s) {
1574
- const { as: a, definition: e, className: o, style: t, disabled: l, leftIcon: r, rightIcon: d, children: i, ...c } = s, g = a || "a", { style: _, dataAttrs: f } = u(e, Pa, xa);
1615
+ function Ma(s) {
1616
+ const { as: a, definition: e, className: o, style: t, disabled: l, leftIcon: r, rightIcon: d, children: i, ...c } = s, g = a || "a", { style: _, dataAttrs: f } = u(e, za, Ta);
1575
1617
  return l && (f["data-disabled"] = ""), /* @__PURE__ */ b(
1576
1618
  g,
1577
1619
  {
@@ -1587,12 +1629,12 @@ function za(s) {
1587
1629
  }
1588
1630
  );
1589
1631
  }
1590
- za.displayName = "BaseLink";
1591
- const Ma = { region: null, density: "default" }, k = $(Ma);
1592
- function Ua() {
1593
- return w(k);
1632
+ Ma.displayName = "BaseLink";
1633
+ const Da = { region: null, density: "default" }, k = x(Da);
1634
+ function Ya() {
1635
+ return $(k);
1594
1636
  }
1595
- function Ta({ region: s, density: a = "default", children: e }) {
1637
+ function Ia({ region: s, density: a = "default", children: e }) {
1596
1638
  const o = { region: s, density: a };
1597
1639
  return p.createElement(
1598
1640
  k.Provider,
@@ -1608,64 +1650,66 @@ function Ta({ region: s, density: a = "default", children: e }) {
1608
1650
  )
1609
1651
  );
1610
1652
  }
1611
- Ta.displayName = "UIContextProvider";
1653
+ Ia.displayName = "UIContextProvider";
1612
1654
  export {
1613
- sa as $,
1655
+ ea as $,
1614
1656
  Ne as A,
1615
- Ba as B,
1616
- Ha as C,
1657
+ Aa as B,
1658
+ Ga as C,
1617
1659
  Ce as D,
1618
- Fa as E,
1619
- we as F,
1620
- Re as G,
1621
- Pe as H,
1622
- xe as I,
1623
- Me as J,
1624
- Te as K,
1660
+ Xa as E,
1661
+ $e as F,
1662
+ we as G,
1663
+ Re as H,
1664
+ Pe as I,
1665
+ Te as J,
1666
+ Me as K,
1625
1667
  Ie as L,
1626
1668
  Ve as M,
1627
1669
  He as N,
1628
- Fe as O,
1629
- je as P,
1630
- We as Q,
1631
- Xa as R,
1632
- Ga as S,
1633
- Le as T,
1634
- Ta as U,
1635
- Ye as V,
1636
- Ze as W,
1637
- Je as X,
1638
- Qe as Y,
1639
- ja as Z,
1640
- ea as _,
1670
+ Ge as O,
1671
+ We as P,
1672
+ je as Q,
1673
+ ja as R,
1674
+ La as S,
1675
+ Wa as T,
1676
+ Ia as U,
1677
+ Ue as V,
1678
+ Ye as W,
1679
+ Ze as X,
1680
+ Je as Y,
1681
+ Ua as Z,
1682
+ Qe as _,
1641
1683
  k as a,
1642
- oa as a0,
1643
- ra as a1,
1644
- ia as a2,
1645
- na as a3,
1646
- ca as a4,
1647
- ga as a5,
1648
- pa as a6,
1649
- ua as a7,
1650
- ba as a8,
1651
- fa as a9,
1652
- ma as aa,
1653
- va as ab,
1654
- ha as ac,
1655
- Aa as ad,
1656
- Na as ae,
1657
- $a as af,
1658
- Ra as ag,
1659
- za as ah,
1660
- S as ai,
1661
- u as aj,
1684
+ sa as a0,
1685
+ oa as a1,
1686
+ ra as a2,
1687
+ ia as a3,
1688
+ na as a4,
1689
+ ca as a5,
1690
+ ga as a6,
1691
+ pa as a7,
1692
+ ua as a8,
1693
+ ba as a9,
1694
+ fa as aa,
1695
+ ma as ab,
1696
+ va as ac,
1697
+ ha as ad,
1698
+ Sa as ae,
1699
+ Na as af,
1700
+ xa as ag,
1701
+ wa as ah,
1702
+ Pa as ai,
1703
+ Ma as aj,
1704
+ S as ak,
1705
+ u as al,
1662
1706
  A as b,
1663
- X as c,
1664
- j as d,
1665
- U as e,
1666
- B as f,
1667
- L as g,
1668
- F as h,
1707
+ L as c,
1708
+ W as d,
1709
+ X as e,
1710
+ h as f,
1711
+ U as g,
1712
+ G as h,
1669
1713
  J as i,
1670
1714
  ae as j,
1671
1715
  oe as k,
@@ -1678,7 +1722,7 @@ export {
1678
1722
  ue as r,
1679
1723
  me as s,
1680
1724
  ve as t,
1681
- Ua as u,
1725
+ Ya as u,
1682
1726
  he as v,
1683
1727
  Be as w,
1684
1728
  Se as x,