@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.
- package/BaseAsyncButton-nFOdhiBv.js +179 -0
- package/{Expandable-aJSmv_1C.js → Expandable-BXdTP6Nb.js} +2354 -2249
- package/{UIContext-Cx54OlNB.js → UIContext-C3E-k7HI.js} +185 -141
- package/catalog.js +356 -412
- package/index.js +299 -292
- package/internals.js +26 -26
- package/lib/composites/overlay/MergePrompt/MergePrompt.d.ts +12 -0
- package/package.json +1 -1
- package/ui.css +1 -1
- package/BaseAsyncButton-x5Us8SVv.js +0 -223
|
@@ -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
|
|
3
|
-
import { createPortal as
|
|
4
|
-
import { AnimatePresence as
|
|
5
|
-
import { useFloating as z, autoUpdate as
|
|
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
|
-
},
|
|
32
|
+
}, F = {
|
|
33
33
|
display: "data-display"
|
|
34
34
|
};
|
|
35
|
-
function
|
|
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,
|
|
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
|
-
|
|
50
|
-
const
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
|
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
|
-
|
|
175
|
-
function
|
|
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
|
-
|
|
191
|
-
function
|
|
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
|
-
|
|
206
|
-
function
|
|
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
|
-
|
|
222
|
-
const
|
|
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 =
|
|
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
|
|
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
|
-
|
|
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: [
|
|
277
|
-
whileElementsMounted:
|
|
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 =
|
|
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,
|
|
325
|
-
|
|
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" ?
|
|
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
|
|
798
|
+
const xe = {
|
|
776
799
|
borderColor: "--_border-color",
|
|
777
800
|
radius: "--_radius",
|
|
778
801
|
gap: "--_gap"
|
|
779
|
-
},
|
|
802
|
+
}, $e = p.forwardRef(
|
|
780
803
|
({ definition: s, className: a, style: e, children: o, ...t }, l) => {
|
|
781
|
-
const { style: r, dataAttrs: d } = u(s,
|
|
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
|
-
|
|
796
|
-
const
|
|
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
|
-
|
|
813
|
-
const
|
|
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
|
-
|
|
826
|
-
const
|
|
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
|
-
|
|
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
|
-
},
|
|
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
|
-
|
|
864
|
-
function
|
|
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
|
-
|
|
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
|
|
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
|
-
},
|
|
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,
|
|
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
|
|
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
|
-
},
|
|
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,
|
|
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
|
-
|
|
970
|
-
const
|
|
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
|
-
},
|
|
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,
|
|
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
|
-
|
|
995
|
-
const
|
|
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
|
|
1003
|
-
const { style: l, dataAttrs: r } = u(s,
|
|
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
|
-
|
|
1016
|
-
function
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1439
|
-
const
|
|
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
|
|
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,
|
|
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
|
-
|
|
1467
|
-
const
|
|
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
|
|
1474
|
-
const { definition: a, value: e, max: o = 100, indeterminate: t = !1, className: l, style: r, ...d } = s, { style: i, dataAttrs: c } = u(a,
|
|
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
|
-
|
|
1499
|
-
const
|
|
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
|
|
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,
|
|
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
|
-
|
|
1522
|
-
const
|
|
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
|
|
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,
|
|
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
|
-
|
|
1565
|
-
const
|
|
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
|
-
},
|
|
1612
|
+
}, Ta = {
|
|
1571
1613
|
underline: "data-underline"
|
|
1572
1614
|
};
|
|
1573
|
-
function
|
|
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,
|
|
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
|
-
|
|
1591
|
-
const
|
|
1592
|
-
function
|
|
1593
|
-
return
|
|
1632
|
+
Ma.displayName = "BaseLink";
|
|
1633
|
+
const Da = { region: null, density: "default" }, k = x(Da);
|
|
1634
|
+
function Ya() {
|
|
1635
|
+
return $(k);
|
|
1594
1636
|
}
|
|
1595
|
-
function
|
|
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
|
-
|
|
1653
|
+
Ia.displayName = "UIContextProvider";
|
|
1612
1654
|
export {
|
|
1613
|
-
|
|
1655
|
+
ea as $,
|
|
1614
1656
|
Ne as A,
|
|
1615
|
-
|
|
1616
|
-
|
|
1657
|
+
Aa as B,
|
|
1658
|
+
Ga as C,
|
|
1617
1659
|
Ce as D,
|
|
1618
|
-
|
|
1619
|
-
|
|
1620
|
-
|
|
1621
|
-
|
|
1622
|
-
|
|
1623
|
-
|
|
1624
|
-
|
|
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
|
-
|
|
1629
|
-
|
|
1630
|
-
|
|
1631
|
-
|
|
1632
|
-
|
|
1633
|
-
|
|
1634
|
-
|
|
1635
|
-
|
|
1636
|
-
|
|
1637
|
-
|
|
1638
|
-
|
|
1639
|
-
|
|
1640
|
-
|
|
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
|
-
|
|
1643
|
-
|
|
1644
|
-
|
|
1645
|
-
|
|
1646
|
-
|
|
1647
|
-
|
|
1648
|
-
|
|
1649
|
-
|
|
1650
|
-
|
|
1651
|
-
|
|
1652
|
-
|
|
1653
|
-
|
|
1654
|
-
|
|
1655
|
-
|
|
1656
|
-
|
|
1657
|
-
|
|
1658
|
-
|
|
1659
|
-
|
|
1660
|
-
|
|
1661
|
-
|
|
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
|
-
|
|
1664
|
-
|
|
1665
|
-
|
|
1666
|
-
|
|
1667
|
-
|
|
1668
|
-
|
|
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
|
-
|
|
1725
|
+
Ya as u,
|
|
1682
1726
|
he as v,
|
|
1683
1727
|
Be as w,
|
|
1684
1728
|
Se as x,
|