@aggc/ui 0.5.1 → 0.7.0
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/dist/chunks/{UiSkeleton.vue_vue_type_script_setup_true_lang-Lghyrtms.js → UiSkeleton.vue_vue_type_script_setup_true_lang-Dg-HzSqj.js} +286 -286
- package/dist/chunks/{pageHeader-CcJrPX_8.js → pageHeader-DhPY_hNA.js} +204 -146
- package/dist/components/StatusBadge.styles.d.ts +5 -0
- package/dist/components/StatusBadge.vue.d.ts +2 -2
- package/dist/components/UiButton.styles.d.ts +31 -12
- package/dist/components/UiButton.vue.d.ts +4 -0
- package/dist/components/UiCheckbox.styles.d.ts +2 -4
- package/dist/components/UiSegmentedControl.styles.d.ts +5 -1
- package/dist/components/UiSelect.styles.d.ts +10 -3
- package/dist/components/UiSkeleton.styles.d.ts +1 -33
- package/dist/components.js +1 -1
- package/dist/index.js +2 -2
- package/dist/styles/recipes/badge.recipe.d.ts +5 -0
- package/dist/styles/recipes/button.recipe.d.ts +31 -12
- package/dist/styles/recipes/card.recipe.d.ts +23 -12
- package/dist/styles/recipes/dropdown.recipe.d.ts +6 -6
- package/dist/styles/recipes/input.recipe.d.ts +0 -3
- package/dist/styles.js +118 -92
- package/dist/tokens/colors.d.ts +30 -0
- package/dist/tokens/core-colors.d.ts +30 -0
- package/dist/tokens/motion.d.ts +20 -0
- package/dist/tokens/radius.d.ts +9 -0
- package/dist/tokens-core.js +21 -5
- package/dist/ui.css +306 -228
- package/package.json +1 -1
- package/src/components/ResultPanel.styles.ts +7 -2
- package/src/components/SectionCard.styles.ts +1 -1
- package/src/components/SectionCard.vue +1 -1
- package/src/components/StatusBadge.styles.ts +10 -8
- package/src/components/StatusBadge.vue +1 -1
- package/src/components/UiButton.vue +5 -1
- package/src/components/UiCheckbox.styles.ts +7 -11
- package/src/components/UiField.styles.ts +2 -2
- package/src/components/UiLoadingState.styles.ts +2 -2
- package/src/components/UiSegmentedControl.styles.ts +14 -4
- package/src/components/UiSelect.styles.ts +24 -10
- package/src/components/UiSkeleton.styles.ts +7 -36
- package/src/css/base.css +44 -9
- package/src/styles/layouts/page.ts +5 -0
- package/src/styles/primitives/feedback.ts +1 -0
- package/src/styles/primitives/fields.ts +21 -11
- package/src/styles/primitives/surfaces.ts +13 -26
- package/src/styles/primitives/typography.ts +5 -4
- package/src/styles/recipes/badge.recipe.ts +5 -5
- package/src/styles/recipes/button.recipe.ts +86 -25
- package/src/styles/recipes/card.recipe.ts +24 -13
- package/src/styles/recipes/dropdown.recipe.ts +11 -8
- package/src/styles/recipes/input.recipe.ts +10 -6
- package/src/tokens/core-colors.ts +5 -0
- package/src/tokens/motion.ts +8 -0
- package/src/tokens/radius.ts +3 -0
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
function
|
|
1
|
+
function v(r) {
|
|
2
2
|
return typeof r == "object" && r != null && !Array.isArray(r);
|
|
3
3
|
}
|
|
4
4
|
var V = (r) => typeof r == "object" && r !== null;
|
|
5
|
-
function
|
|
5
|
+
function z(r) {
|
|
6
6
|
return Object.fromEntries(Object.entries(r ?? {}).filter(([t, o]) => o !== void 0));
|
|
7
7
|
}
|
|
8
|
-
var
|
|
9
|
-
function
|
|
10
|
-
return r.slice().filter((t) => !
|
|
8
|
+
var D = (r) => r === "base";
|
|
9
|
+
function L(r) {
|
|
10
|
+
return r.slice().filter((t) => !D(t));
|
|
11
11
|
}
|
|
12
|
-
function
|
|
12
|
+
function w(r) {
|
|
13
13
|
return String.fromCharCode(r + (r > 25 ? 39 : 97));
|
|
14
14
|
}
|
|
15
|
-
function
|
|
15
|
+
function F(r) {
|
|
16
16
|
let t = "", o;
|
|
17
|
-
for (o = Math.abs(r); o > 52; o = o / 52 | 0) t =
|
|
18
|
-
return
|
|
17
|
+
for (o = Math.abs(r); o > 52; o = o / 52 | 0) t = w(o % 52) + t;
|
|
18
|
+
return w(o % 52) + t;
|
|
19
19
|
}
|
|
20
|
-
function
|
|
20
|
+
function X(r, t) {
|
|
21
21
|
let o = t.length;
|
|
22
22
|
for (; o; ) r = r * 33 ^ t.charCodeAt(--o);
|
|
23
23
|
return r;
|
|
24
24
|
}
|
|
25
|
-
function X(r) {
|
|
26
|
-
return L(Y(5381, r) >>> 0);
|
|
27
|
-
}
|
|
28
|
-
var E = /\s*!(important)?/i;
|
|
29
25
|
function H(r) {
|
|
30
|
-
return
|
|
26
|
+
return F(X(5381, r) >>> 0);
|
|
27
|
+
}
|
|
28
|
+
var T = /\s*!(important)?/i;
|
|
29
|
+
function Y(r) {
|
|
30
|
+
return typeof r == "string" ? T.test(r) : !1;
|
|
31
31
|
}
|
|
32
32
|
function N(r) {
|
|
33
|
-
return typeof r == "string" ? r.replace(
|
|
33
|
+
return typeof r == "string" ? r.replace(T, "").trim() : r;
|
|
34
34
|
}
|
|
35
|
-
function
|
|
35
|
+
function E(r) {
|
|
36
36
|
return typeof r == "string" ? r.replaceAll(" ", "_") : r;
|
|
37
37
|
}
|
|
38
|
-
var
|
|
38
|
+
var S = (r) => {
|
|
39
39
|
const t = /* @__PURE__ */ new Map();
|
|
40
40
|
return (...e) => {
|
|
41
41
|
const n = JSON.stringify(e);
|
|
@@ -45,11 +45,11 @@ var y = (r) => {
|
|
|
45
45
|
return t.set(n, i), i;
|
|
46
46
|
};
|
|
47
47
|
}, q = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]);
|
|
48
|
-
function
|
|
48
|
+
function k(...r) {
|
|
49
49
|
return r.reduce((t, o) => (o && Object.keys(o).forEach((e) => {
|
|
50
50
|
if (q.has(e)) return;
|
|
51
51
|
const n = t[e], i = o[e];
|
|
52
|
-
|
|
52
|
+
v(n) && v(i) ? t[e] = k(n, i) : t[e] = i;
|
|
53
53
|
}), t), {});
|
|
54
54
|
}
|
|
55
55
|
var G = (r) => r != null;
|
|
@@ -80,7 +80,7 @@ function K(r, t) {
|
|
|
80
80
|
{}
|
|
81
81
|
);
|
|
82
82
|
}
|
|
83
|
-
function
|
|
83
|
+
function P(r, t, o = !0) {
|
|
84
84
|
const { utility: e, conditions: n } = t, { hasShorthand: i, resolveShorthand: a } = e;
|
|
85
85
|
return W(
|
|
86
86
|
r,
|
|
@@ -101,38 +101,38 @@ function U(r) {
|
|
|
101
101
|
let d;
|
|
102
102
|
if (o) {
|
|
103
103
|
const b = [...e.finalize(a), s];
|
|
104
|
-
d = n(t.toHash(b,
|
|
104
|
+
d = n(t.toHash(b, H));
|
|
105
105
|
} else
|
|
106
106
|
d = [...e.finalize(a), n(s)].join(":");
|
|
107
107
|
return d;
|
|
108
108
|
};
|
|
109
|
-
return
|
|
110
|
-
const d = Object.assign(s, a), b =
|
|
109
|
+
return S(({ base: a, ...s } = {}) => {
|
|
110
|
+
const d = Object.assign(s, a), b = P(d, r), u = /* @__PURE__ */ new Set();
|
|
111
111
|
return W(b, (p, l) => {
|
|
112
112
|
if (p == null) return;
|
|
113
|
-
const g =
|
|
114
|
-
let
|
|
115
|
-
g && (
|
|
113
|
+
const g = Y(p), [m, ...f] = e.shift(l), x = L(f), y = t.transform(m, N(Z(p)));
|
|
114
|
+
let _ = i(x, y.className);
|
|
115
|
+
g && (_ = `${_}!`), u.add(_);
|
|
116
116
|
}), Array.from(u).join(" ");
|
|
117
117
|
});
|
|
118
118
|
}
|
|
119
119
|
function J(...r) {
|
|
120
|
-
return r.flat().filter((t) =>
|
|
120
|
+
return r.flat().filter((t) => v(t) && Object.keys(z(t)).length > 0);
|
|
121
121
|
}
|
|
122
122
|
function Q(r) {
|
|
123
123
|
function t(n) {
|
|
124
124
|
const i = J(...n);
|
|
125
|
-
return i.length === 1 ? i : i.map((a) =>
|
|
125
|
+
return i.length === 1 ? i : i.map((a) => P(a, r));
|
|
126
126
|
}
|
|
127
127
|
function o(...n) {
|
|
128
|
-
return
|
|
128
|
+
return k(...t(n));
|
|
129
129
|
}
|
|
130
130
|
function e(...n) {
|
|
131
131
|
return Object.assign({}, ...t(n));
|
|
132
132
|
}
|
|
133
|
-
return { mergeCss:
|
|
133
|
+
return { mergeCss: S(o), assignCss: e };
|
|
134
134
|
}
|
|
135
|
-
var rr = /([A-Z])/g, tr = /^ms-/, or =
|
|
135
|
+
var rr = /([A-Z])/g, tr = /^ms-/, or = S((r) => r.startsWith("--") ? r : r.replace(rr, "-$1").replace(tr, "-ms-").toLowerCase()), er = "cm,mm,Q,in,pc,pt,px,em,ex,ch,rem,lh,rlh,vw,vh,vmin,vmax,vb,vi,svw,svh,lvw,lvh,dvw,dvh,cqw,cqh,cqi,cqb,cqmin,cqmax,%";
|
|
136
136
|
`${er.split(",").join("|")}`;
|
|
137
137
|
function nr(r, ...t) {
|
|
138
138
|
const o = Object.getOwnPropertyDescriptors(r), e = Object.keys(o), n = (a) => {
|
|
@@ -149,13 +149,13 @@ var ir = (...r) => {
|
|
|
149
149
|
const t = r.reduce((o, e) => (e && e.forEach((n) => o.add(n)), o), /* @__PURE__ */ new Set([]));
|
|
150
150
|
return Array.from(t);
|
|
151
151
|
};
|
|
152
|
-
const ar = "_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_complete,_incomplete,_dragging,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_grabbed,_underValue,_overValue,_atValue,_default,_optional,_open,_closed,_fullscreen,_loading,_hidden,_current,_currentPage,_currentStep,_today,_unavailable,_rangeStart,_rangeEnd,_now,_topmost,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_icon,_starting,_noscript,_invertedColors,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,@/xs,@/sm,@/md,@/lg,@/xl,@/2xl,@/3xl,@/4xl,@/5xl,@/6xl,@/7xl,@/8xl,base",
|
|
152
|
+
const ar = "_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_complete,_incomplete,_dragging,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_grabbed,_underValue,_overValue,_atValue,_default,_optional,_open,_closed,_fullscreen,_loading,_hidden,_current,_currentPage,_currentStep,_today,_unavailable,_rangeStart,_rangeEnd,_now,_topmost,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_icon,_starting,_noscript,_invertedColors,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,@/xs,@/sm,@/md,@/lg,@/xl,@/2xl,@/3xl,@/4xl,@/5xl,@/6xl,@/7xl,@/8xl,base", j = new Set(ar.split(",")), sr = /^@|&|&$/;
|
|
153
153
|
function R(r) {
|
|
154
|
-
return
|
|
154
|
+
return j.has(r) || sr.test(r);
|
|
155
155
|
}
|
|
156
156
|
const lr = /^_/, dr = /&|@/;
|
|
157
157
|
function cr(r) {
|
|
158
|
-
return r.map((t) =>
|
|
158
|
+
return r.map((t) => j.has(t) ? t.replace(lr, "") : dr.test(t) ? `[${E(t.trim())}]` : t);
|
|
159
159
|
}
|
|
160
160
|
function br(r) {
|
|
161
161
|
return r.sort((t, o) => {
|
|
@@ -163,14 +163,14 @@ function br(r) {
|
|
|
163
163
|
return e && !n ? 1 : !e && n ? -1 : 0;
|
|
164
164
|
});
|
|
165
165
|
}
|
|
166
|
-
const gr = "aspectRatio:asp,boxDecorationBreak:bx-db,zIndex:z,boxSizing:bx-s,objectPosition:obj-p,objectFit:obj-f,overscrollBehavior:ovs-b,overscrollBehaviorX:ovs-bx,overscrollBehaviorY:ovs-by,position:pos/1,top:top,left:left,inset:inset,insetInline:inset-x/insetX,insetBlock:inset-y/insetY,insetBlockEnd:inset-be,insetBlockStart:inset-bs,insetInlineEnd:inset-e/insetEnd/end,insetInlineStart:inset-s/insetStart/start,right:right,bottom:bottom,float:float,visibility:vis,display:d,hideFrom:hide,hideBelow:show,flexBasis:flex-b,flex:flex,flexDirection:flex-d/flexDir,flexGrow:flex-g,flexShrink:flex-sh,gridTemplateColumns:grid-tc,gridTemplateRows:grid-tr,gridColumn:grid-c,gridRow:grid-r,gridColumnStart:grid-cs,gridColumnEnd:grid-ce,gridAutoFlow:grid-af,gridAutoColumns:grid-ac,gridAutoRows:grid-ar,gap:gap,gridGap:grid-g,gridRowGap:grid-rg,gridColumnGap:grid-cg,rowGap:rg,columnGap:cg,justifyContent:jc,alignContent:ac,alignItems:ai,alignSelf:as,padding:p/1,paddingLeft:pl/1,paddingRight:pr/1,paddingTop:pt/1,paddingBottom:pb/1,paddingBlock:py/1/paddingY,paddingBlockEnd:pbe,paddingBlockStart:pbs,paddingInline:px/paddingX/1,paddingInlineEnd:pe/1/paddingEnd,paddingInlineStart:ps/1/paddingStart,marginLeft:ml/1,marginRight:mr/1,marginTop:mt/1,marginBottom:mb/1,margin:m/1,marginBlock:my/1/marginY,marginBlockEnd:mbe,marginBlockStart:mbs,marginInline:mx/1/marginX,marginInlineEnd:me/1/marginEnd,marginInlineStart:ms/1/marginStart,spaceX:sx,spaceY:sy,outlineWidth:ring-w/ringWidth,outlineColor:ring-c/ringColor,outline:ring/1,outlineOffset:ring-o/ringOffset,focusRing:focus-ring,focusVisibleRing:focus-v-ring,focusRingColor:focus-ring-c,focusRingOffset:focus-ring-o,focusRingWidth:focus-ring-w,focusRingStyle:focus-ring-s,divideX:dvd-x,divideY:dvd-y,divideColor:dvd-c,divideStyle:dvd-s,width:w/1,inlineSize:w-is,minWidth:min-w/minW,minInlineSize:min-w-is,maxWidth:max-w/maxW,maxInlineSize:max-w-is,height:h/1,blockSize:h-bs,minHeight:min-h/minH,minBlockSize:min-h-bs,maxHeight:max-h/maxH,maxBlockSize:max-b,boxSize:size,color:c,fontFamily:ff,fontSize:fs,fontSizeAdjust:fs-a,fontPalette:fp,fontKerning:fk,fontFeatureSettings:ff-s,fontWeight:fw,fontSmoothing:fsmt,fontVariant:fv,fontVariantAlternates:fv-alt,fontVariantCaps:fv-caps,fontVariationSettings:fv-s,fontVariantNumeric:fv-num,letterSpacing:ls,lineHeight:lh,textAlign:ta,textDecoration:td,textDecorationColor:td-c,textEmphasisColor:te-c,textDecorationStyle:td-s,textDecorationThickness:td-t,textUnderlineOffset:tu-o,textTransform:tt,textIndent:ti,textShadow:tsh,textShadowColor:tsh-c/textShadowColor,WebkitTextFillColor:wktf-c,textOverflow:tov,verticalAlign:va,wordBreak:wb,textWrap:tw,truncate:trunc,lineClamp:lc,listStyleType:li-t,listStylePosition:li-pos,listStyleImage:li-img,listStyle:li-s,backgroundPosition:bg-p/bgPosition,backgroundPositionX:bg-p-x/bgPositionX,backgroundPositionY:bg-p-y/bgPositionY,backgroundAttachment:bg-a/bgAttachment,backgroundClip:bg-cp/bgClip,background:bg/1,backgroundColor:bg-c/bgColor,backgroundOrigin:bg-o/bgOrigin,backgroundImage:bg-i/bgImage,backgroundRepeat:bg-r/bgRepeat,backgroundBlendMode:bg-bm/bgBlendMode,backgroundSize:bg-s/bgSize,backgroundGradient:bg-grad/bgGradient,backgroundLinear:bg-linear/bgLinear,backgroundRadial:bg-radial/bgRadial,backgroundConic:bg-conic/bgConic,textGradient:txt-grad,gradientFromPosition:grad-from-pos,gradientToPosition:grad-to-pos,gradientFrom:grad-from,gradientTo:grad-to,gradientVia:grad-via,gradientViaPosition:grad-via-pos,borderRadius:bdr/rounded,borderTopLeftRadius:bdr-tl/roundedTopLeft,borderTopRightRadius:bdr-tr/roundedTopRight,borderBottomRightRadius:bdr-br/roundedBottomRight,borderBottomLeftRadius:bdr-bl/roundedBottomLeft,borderTopRadius:bdr-t/roundedTop,borderRightRadius:bdr-r/roundedRight,borderBottomRadius:bdr-b/roundedBottom,borderLeftRadius:bdr-l/roundedLeft,borderStartStartRadius:bdr-ss/roundedStartStart,borderStartEndRadius:bdr-se/roundedStartEnd,borderStartRadius:bdr-s/roundedStart,borderEndStartRadius:bdr-es/roundedEndStart,borderEndEndRadius:bdr-ee/roundedEndEnd,borderEndRadius:bdr-e/roundedEnd,border:bd,borderWidth:bd-w,borderTopWidth:bd-t-w,borderLeftWidth:bd-l-w,borderRightWidth:bd-r-w,borderBottomWidth:bd-b-w,borderBlockStartWidth:bd-bs-w,borderBlockEndWidth:bd-be-w,borderColor:bd-c,borderInline:bd-x/borderX,borderInlineWidth:bd-x-w/borderXWidth,borderInlineColor:bd-x-c/borderXColor,borderBlock:bd-y/borderY,borderBlockWidth:bd-y-w/borderYWidth,borderBlockColor:bd-y-c/borderYColor,borderLeft:bd-l,borderLeftColor:bd-l-c,borderInlineStart:bd-s/borderStart,borderInlineStartWidth:bd-s-w/borderStartWidth,borderInlineStartColor:bd-s-c/borderStartColor,borderRight:bd-r,borderRightColor:bd-r-c,borderInlineEnd:bd-e/borderEnd,borderInlineEndWidth:bd-e-w/borderEndWidth,borderInlineEndColor:bd-e-c/borderEndColor,borderTop:bd-t,borderTopColor:bd-t-c,borderBottom:bd-b,borderBottomColor:bd-b-c,borderBlockEnd:bd-be,borderBlockEndColor:bd-be-c,borderBlockStart:bd-bs,borderBlockStartColor:bd-bs-c,opacity:op,boxShadow:bx-sh/shadow,boxShadowColor:bx-sh-c/shadowColor,mixBlendMode:mix-bm,filter:filter,brightness:brightness,contrast:contrast,grayscale:grayscale,hueRotate:hue-rotate,invert:invert,saturate:saturate,sepia:sepia,dropShadow:drop-shadow,blur:blur,backdropFilter:bkdp,backdropBlur:bkdp-blur,backdropBrightness:bkdp-brightness,backdropContrast:bkdp-contrast,backdropGrayscale:bkdp-grayscale,backdropHueRotate:bkdp-hue-rotate,backdropInvert:bkdp-invert,backdropOpacity:bkdp-opacity,backdropSaturate:bkdp-saturate,backdropSepia:bkdp-sepia,borderCollapse:bd-cl,borderSpacing:bd-sp,borderSpacingX:bd-sx,borderSpacingY:bd-sy,tableLayout:tbl,transitionTimingFunction:trs-tmf,transitionDelay:trs-dly,transitionDuration:trs-dur,transitionProperty:trs-prop,transition:trs,animation:anim,animationName:anim-n,animationTimingFunction:anim-tmf,animationDuration:anim-dur,animationDelay:anim-dly,animationPlayState:anim-ps,animationComposition:anim-comp,animationFillMode:anim-fm,animationDirection:anim-dir,animationIterationCount:anim-ic,animationRange:anim-r,animationState:anim-s,animationRangeStart:anim-rs,animationRangeEnd:anim-re,animationTimeline:anim-tl,transformOrigin:trf-o,transformBox:trf-b,transformStyle:trf-s,transform:trf,rotate:rotate,rotateX:rotate-x,rotateY:rotate-y,rotateZ:rotate-z,scale:scale,scaleX:scale-x,scaleY:scale-y,translate:translate,translateX:translate-x/x,translateY:translate-y/y,translateZ:translate-z/z,accentColor:ac-c,caretColor:ca-c,scrollBehavior:scr-bhv,scrollbar:scr-bar,scrollbarColor:scr-bar-c,scrollbarGutter:scr-bar-g,scrollbarWidth:scr-bar-w,scrollMargin:scr-m,scrollMarginLeft:scr-ml,scrollMarginRight:scr-mr,scrollMarginTop:scr-mt,scrollMarginBottom:scr-mb,scrollMarginBlock:scr-my/scrollMarginY,scrollMarginBlockEnd:scr-mbe,scrollMarginBlockStart:scr-mbt,scrollMarginInline:scr-mx/scrollMarginX,scrollMarginInlineEnd:scr-me,scrollMarginInlineStart:scr-ms,scrollPadding:scr-p,scrollPaddingBlock:scr-py/scrollPaddingY,scrollPaddingBlockStart:scr-pbs,scrollPaddingBlockEnd:scr-pbe,scrollPaddingInline:scr-px/scrollPaddingX,scrollPaddingInlineEnd:scr-pe,scrollPaddingInlineStart:scr-ps,scrollPaddingLeft:scr-pl,scrollPaddingRight:scr-pr,scrollPaddingTop:scr-pt,scrollPaddingBottom:scr-pb,scrollSnapAlign:scr-sa,scrollSnapStop:scrs-s,scrollSnapType:scrs-t,scrollSnapStrictness:scrs-strt,scrollSnapMargin:scrs-m,scrollSnapMarginTop:scrs-mt,scrollSnapMarginBottom:scrs-mb,scrollSnapMarginLeft:scrs-ml,scrollSnapMarginRight:scrs-mr,scrollSnapCoordinate:scrs-c,scrollSnapDestination:scrs-d,scrollSnapPointsX:scrs-px,scrollSnapPointsY:scrs-py,scrollSnapTypeX:scrs-tx,scrollSnapTypeY:scrs-ty,scrollTimeline:scrtl,scrollTimelineAxis:scrtl-a,scrollTimelineName:scrtl-n,touchAction:tch-a,userSelect:us,overflow:ov,overflowWrap:ov-wrap,overflowX:ov-x,overflowY:ov-y,overflowAnchor:ov-a,overflowBlock:ov-b,overflowInline:ov-i,overflowClipBox:ovcp-bx,overflowClipMargin:ovcp-m,overscrollBehaviorBlock:ovs-bb,overscrollBehaviorInline:ovs-bi,fill:fill,stroke:stk,strokeWidth:stk-w,strokeDasharray:stk-dsh,strokeDashoffset:stk-do,strokeLinecap:stk-lc,strokeLinejoin:stk-lj,strokeMiterlimit:stk-ml,strokeOpacity:stk-op,srOnly:sr,debug:debug,appearance:ap,backfaceVisibility:bfv,clipPath:cp-path,hyphens:hy,mask:msk,maskImage:msk-i,maskSize:msk-s,textSizeAdjust:txt-adj,container:cq,containerName:cq-n,containerType:cq-t,cursor:cursor,textStyle:textStyle",
|
|
166
|
+
const gr = "aspectRatio:asp,boxDecorationBreak:bx-db,zIndex:z,boxSizing:bx-s,objectPosition:obj-p,objectFit:obj-f,overscrollBehavior:ovs-b,overscrollBehaviorX:ovs-bx,overscrollBehaviorY:ovs-by,position:pos/1,top:top,left:left,inset:inset,insetInline:inset-x/insetX,insetBlock:inset-y/insetY,insetBlockEnd:inset-be,insetBlockStart:inset-bs,insetInlineEnd:inset-e/insetEnd/end,insetInlineStart:inset-s/insetStart/start,right:right,bottom:bottom,float:float,visibility:vis,display:d,hideFrom:hide,hideBelow:show,flexBasis:flex-b,flex:flex,flexDirection:flex-d/flexDir,flexGrow:flex-g,flexShrink:flex-sh,gridTemplateColumns:grid-tc,gridTemplateRows:grid-tr,gridColumn:grid-c,gridRow:grid-r,gridColumnStart:grid-cs,gridColumnEnd:grid-ce,gridAutoFlow:grid-af,gridAutoColumns:grid-ac,gridAutoRows:grid-ar,gap:gap,gridGap:grid-g,gridRowGap:grid-rg,gridColumnGap:grid-cg,rowGap:rg,columnGap:cg,justifyContent:jc,alignContent:ac,alignItems:ai,alignSelf:as,padding:p/1,paddingLeft:pl/1,paddingRight:pr/1,paddingTop:pt/1,paddingBottom:pb/1,paddingBlock:py/1/paddingY,paddingBlockEnd:pbe,paddingBlockStart:pbs,paddingInline:px/paddingX/1,paddingInlineEnd:pe/1/paddingEnd,paddingInlineStart:ps/1/paddingStart,marginLeft:ml/1,marginRight:mr/1,marginTop:mt/1,marginBottom:mb/1,margin:m/1,marginBlock:my/1/marginY,marginBlockEnd:mbe,marginBlockStart:mbs,marginInline:mx/1/marginX,marginInlineEnd:me/1/marginEnd,marginInlineStart:ms/1/marginStart,spaceX:sx,spaceY:sy,outlineWidth:ring-w/ringWidth,outlineColor:ring-c/ringColor,outline:ring/1,outlineOffset:ring-o/ringOffset,focusRing:focus-ring,focusVisibleRing:focus-v-ring,focusRingColor:focus-ring-c,focusRingOffset:focus-ring-o,focusRingWidth:focus-ring-w,focusRingStyle:focus-ring-s,divideX:dvd-x,divideY:dvd-y,divideColor:dvd-c,divideStyle:dvd-s,width:w/1,inlineSize:w-is,minWidth:min-w/minW,minInlineSize:min-w-is,maxWidth:max-w/maxW,maxInlineSize:max-w-is,height:h/1,blockSize:h-bs,minHeight:min-h/minH,minBlockSize:min-h-bs,maxHeight:max-h/maxH,maxBlockSize:max-b,boxSize:size,color:c,fontFamily:ff,fontSize:fs,fontSizeAdjust:fs-a,fontPalette:fp,fontKerning:fk,fontFeatureSettings:ff-s,fontWeight:fw,fontSmoothing:fsmt,fontVariant:fv,fontVariantAlternates:fv-alt,fontVariantCaps:fv-caps,fontVariationSettings:fv-s,fontVariantNumeric:fv-num,letterSpacing:ls,lineHeight:lh,textAlign:ta,textDecoration:td,textDecorationColor:td-c,textEmphasisColor:te-c,textDecorationStyle:td-s,textDecorationThickness:td-t,textUnderlineOffset:tu-o,textTransform:tt,textIndent:ti,textShadow:tsh,textShadowColor:tsh-c/textShadowColor,WebkitTextFillColor:wktf-c,textOverflow:tov,verticalAlign:va,wordBreak:wb,textWrap:tw,truncate:trunc,lineClamp:lc,listStyleType:li-t,listStylePosition:li-pos,listStyleImage:li-img,listStyle:li-s,backgroundPosition:bg-p/bgPosition,backgroundPositionX:bg-p-x/bgPositionX,backgroundPositionY:bg-p-y/bgPositionY,backgroundAttachment:bg-a/bgAttachment,backgroundClip:bg-cp/bgClip,background:bg/1,backgroundColor:bg-c/bgColor,backgroundOrigin:bg-o/bgOrigin,backgroundImage:bg-i/bgImage,backgroundRepeat:bg-r/bgRepeat,backgroundBlendMode:bg-bm/bgBlendMode,backgroundSize:bg-s/bgSize,backgroundGradient:bg-grad/bgGradient,backgroundLinear:bg-linear/bgLinear,backgroundRadial:bg-radial/bgRadial,backgroundConic:bg-conic/bgConic,textGradient:txt-grad,gradientFromPosition:grad-from-pos,gradientToPosition:grad-to-pos,gradientFrom:grad-from,gradientTo:grad-to,gradientVia:grad-via,gradientViaPosition:grad-via-pos,borderRadius:bdr/rounded,borderTopLeftRadius:bdr-tl/roundedTopLeft,borderTopRightRadius:bdr-tr/roundedTopRight,borderBottomRightRadius:bdr-br/roundedBottomRight,borderBottomLeftRadius:bdr-bl/roundedBottomLeft,borderTopRadius:bdr-t/roundedTop,borderRightRadius:bdr-r/roundedRight,borderBottomRadius:bdr-b/roundedBottom,borderLeftRadius:bdr-l/roundedLeft,borderStartStartRadius:bdr-ss/roundedStartStart,borderStartEndRadius:bdr-se/roundedStartEnd,borderStartRadius:bdr-s/roundedStart,borderEndStartRadius:bdr-es/roundedEndStart,borderEndEndRadius:bdr-ee/roundedEndEnd,borderEndRadius:bdr-e/roundedEnd,border:bd,borderWidth:bd-w,borderTopWidth:bd-t-w,borderLeftWidth:bd-l-w,borderRightWidth:bd-r-w,borderBottomWidth:bd-b-w,borderBlockStartWidth:bd-bs-w,borderBlockEndWidth:bd-be-w,borderColor:bd-c,borderInline:bd-x/borderX,borderInlineWidth:bd-x-w/borderXWidth,borderInlineColor:bd-x-c/borderXColor,borderBlock:bd-y/borderY,borderBlockWidth:bd-y-w/borderYWidth,borderBlockColor:bd-y-c/borderYColor,borderLeft:bd-l,borderLeftColor:bd-l-c,borderInlineStart:bd-s/borderStart,borderInlineStartWidth:bd-s-w/borderStartWidth,borderInlineStartColor:bd-s-c/borderStartColor,borderRight:bd-r,borderRightColor:bd-r-c,borderInlineEnd:bd-e/borderEnd,borderInlineEndWidth:bd-e-w/borderEndWidth,borderInlineEndColor:bd-e-c/borderEndColor,borderTop:bd-t,borderTopColor:bd-t-c,borderBottom:bd-b,borderBottomColor:bd-b-c,borderBlockEnd:bd-be,borderBlockEndColor:bd-be-c,borderBlockStart:bd-bs,borderBlockStartColor:bd-bs-c,opacity:op,boxShadow:bx-sh/shadow,boxShadowColor:bx-sh-c/shadowColor,mixBlendMode:mix-bm,filter:filter,brightness:brightness,contrast:contrast,grayscale:grayscale,hueRotate:hue-rotate,invert:invert,saturate:saturate,sepia:sepia,dropShadow:drop-shadow,blur:blur,backdropFilter:bkdp,backdropBlur:bkdp-blur,backdropBrightness:bkdp-brightness,backdropContrast:bkdp-contrast,backdropGrayscale:bkdp-grayscale,backdropHueRotate:bkdp-hue-rotate,backdropInvert:bkdp-invert,backdropOpacity:bkdp-opacity,backdropSaturate:bkdp-saturate,backdropSepia:bkdp-sepia,borderCollapse:bd-cl,borderSpacing:bd-sp,borderSpacingX:bd-sx,borderSpacingY:bd-sy,tableLayout:tbl,transitionTimingFunction:trs-tmf,transitionDelay:trs-dly,transitionDuration:trs-dur,transitionProperty:trs-prop,transition:trs,animation:anim,animationName:anim-n,animationTimingFunction:anim-tmf,animationDuration:anim-dur,animationDelay:anim-dly,animationPlayState:anim-ps,animationComposition:anim-comp,animationFillMode:anim-fm,animationDirection:anim-dir,animationIterationCount:anim-ic,animationRange:anim-r,animationState:anim-s,animationRangeStart:anim-rs,animationRangeEnd:anim-re,animationTimeline:anim-tl,transformOrigin:trf-o,transformBox:trf-b,transformStyle:trf-s,transform:trf,rotate:rotate,rotateX:rotate-x,rotateY:rotate-y,rotateZ:rotate-z,scale:scale,scaleX:scale-x,scaleY:scale-y,translate:translate,translateX:translate-x/x,translateY:translate-y/y,translateZ:translate-z/z,accentColor:ac-c,caretColor:ca-c,scrollBehavior:scr-bhv,scrollbar:scr-bar,scrollbarColor:scr-bar-c,scrollbarGutter:scr-bar-g,scrollbarWidth:scr-bar-w,scrollMargin:scr-m,scrollMarginLeft:scr-ml,scrollMarginRight:scr-mr,scrollMarginTop:scr-mt,scrollMarginBottom:scr-mb,scrollMarginBlock:scr-my/scrollMarginY,scrollMarginBlockEnd:scr-mbe,scrollMarginBlockStart:scr-mbt,scrollMarginInline:scr-mx/scrollMarginX,scrollMarginInlineEnd:scr-me,scrollMarginInlineStart:scr-ms,scrollPadding:scr-p,scrollPaddingBlock:scr-py/scrollPaddingY,scrollPaddingBlockStart:scr-pbs,scrollPaddingBlockEnd:scr-pbe,scrollPaddingInline:scr-px/scrollPaddingX,scrollPaddingInlineEnd:scr-pe,scrollPaddingInlineStart:scr-ps,scrollPaddingLeft:scr-pl,scrollPaddingRight:scr-pr,scrollPaddingTop:scr-pt,scrollPaddingBottom:scr-pb,scrollSnapAlign:scr-sa,scrollSnapStop:scrs-s,scrollSnapType:scrs-t,scrollSnapStrictness:scrs-strt,scrollSnapMargin:scrs-m,scrollSnapMarginTop:scrs-mt,scrollSnapMarginBottom:scrs-mb,scrollSnapMarginLeft:scrs-ml,scrollSnapMarginRight:scrs-mr,scrollSnapCoordinate:scrs-c,scrollSnapDestination:scrs-d,scrollSnapPointsX:scrs-px,scrollSnapPointsY:scrs-py,scrollSnapTypeX:scrs-tx,scrollSnapTypeY:scrs-ty,scrollTimeline:scrtl,scrollTimelineAxis:scrtl-a,scrollTimelineName:scrtl-n,touchAction:tch-a,userSelect:us,overflow:ov,overflowWrap:ov-wrap,overflowX:ov-x,overflowY:ov-y,overflowAnchor:ov-a,overflowBlock:ov-b,overflowInline:ov-i,overflowClipBox:ovcp-bx,overflowClipMargin:ovcp-m,overscrollBehaviorBlock:ovs-bb,overscrollBehaviorInline:ovs-bi,fill:fill,stroke:stk,strokeWidth:stk-w,strokeDasharray:stk-dsh,strokeDashoffset:stk-do,strokeLinecap:stk-lc,strokeLinejoin:stk-lj,strokeMiterlimit:stk-ml,strokeOpacity:stk-op,srOnly:sr,debug:debug,appearance:ap,backfaceVisibility:bfv,clipPath:cp-path,hyphens:hy,mask:msk,maskImage:msk-i,maskSize:msk-s,textSizeAdjust:txt-adj,container:cq,containerName:cq-n,containerType:cq-t,cursor:cursor,textStyle:textStyle", I = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Map();
|
|
167
167
|
gr.split(",").forEach((r) => {
|
|
168
168
|
const [t, o] = r.split(":"), [e, ...n] = o.split("/");
|
|
169
|
-
|
|
170
|
-
|
|
169
|
+
I.set(t, e), n.length && n.forEach((i) => {
|
|
170
|
+
A.set(i === "1" ? e : i, t);
|
|
171
171
|
});
|
|
172
172
|
});
|
|
173
|
-
const B = (r) =>
|
|
173
|
+
const B = (r) => A.get(r) || r, M = {
|
|
174
174
|
conditions: {
|
|
175
175
|
shift: br,
|
|
176
176
|
finalize: cr,
|
|
@@ -179,7 +179,7 @@ const B = (r) => z.get(r) || r, M = {
|
|
|
179
179
|
utility: {
|
|
180
180
|
transform: (r, t) => {
|
|
181
181
|
const o = B(r);
|
|
182
|
-
return { className: `${
|
|
182
|
+
return { className: `${I.get(o) || or(o)}_${E(t)}` };
|
|
183
183
|
},
|
|
184
184
|
hasShorthand: !0,
|
|
185
185
|
toHash: (r, t) => t(r.join(":")),
|
|
@@ -188,7 +188,7 @@ const B = (r) => z.get(r) || r, M = {
|
|
|
188
188
|
}, pr = U(M), c = (...r) => pr(h(...r));
|
|
189
189
|
c.raw = (...r) => h(...r);
|
|
190
190
|
const { mergeCss: h } = Q(M);
|
|
191
|
-
function
|
|
191
|
+
function mr() {
|
|
192
192
|
let r = "", t = 0, o;
|
|
193
193
|
for (; t < arguments.length; )
|
|
194
194
|
(o = arguments[t++]) && typeof o == "string" && (r && (r += " "), r += o);
|
|
@@ -201,24 +201,24 @@ const O = (r) => ({
|
|
|
201
201
|
compoundVariants: [],
|
|
202
202
|
...r
|
|
203
203
|
});
|
|
204
|
-
function
|
|
205
|
-
const { base: t, variants: o, defaultVariants: e, compoundVariants: n } = O(r), i = (l) => ({ ...e, ...
|
|
204
|
+
function C(r) {
|
|
205
|
+
const { base: t, variants: o, defaultVariants: e, compoundVariants: n } = O(r), i = (l) => ({ ...e, ...z(l) });
|
|
206
206
|
function a(l = {}) {
|
|
207
207
|
const g = i(l);
|
|
208
|
-
let
|
|
209
|
-
for (const [x,
|
|
210
|
-
o[x]?.[
|
|
211
|
-
const
|
|
212
|
-
return h(
|
|
208
|
+
let m = { ...t };
|
|
209
|
+
for (const [x, y] of Object.entries(g))
|
|
210
|
+
o[x]?.[y] && (m = h(m, o[x][y]));
|
|
211
|
+
const f = ur(n, g);
|
|
212
|
+
return h(m, f);
|
|
213
213
|
}
|
|
214
214
|
function s(l) {
|
|
215
|
-
const g = O(l.config),
|
|
216
|
-
return
|
|
215
|
+
const g = O(l.config), m = ir(l.variantKeys, Object.keys(o));
|
|
216
|
+
return C({
|
|
217
217
|
base: h(t, g.base),
|
|
218
218
|
variants: Object.fromEntries(
|
|
219
|
-
|
|
219
|
+
m.map((f) => [f, h(o[f], g.variants[f])])
|
|
220
220
|
),
|
|
221
|
-
defaultVariants:
|
|
221
|
+
defaultVariants: k(e, g.defaultVariants),
|
|
222
222
|
compoundVariants: [...n, ...g.compoundVariants]
|
|
223
223
|
});
|
|
224
224
|
}
|
|
@@ -230,7 +230,7 @@ function w(r) {
|
|
|
230
230
|
return nr(l, b);
|
|
231
231
|
}
|
|
232
232
|
const p = Object.fromEntries(Object.entries(o).map(([l, g]) => [l, Object.keys(g)]));
|
|
233
|
-
return Object.assign(
|
|
233
|
+
return Object.assign(S(d), {
|
|
234
234
|
__cva__: !0,
|
|
235
235
|
variantMap: p,
|
|
236
236
|
variantKeys: b,
|
|
@@ -247,136 +247,146 @@ function ur(r, t) {
|
|
|
247
247
|
Object.entries(e).every(([i, a]) => i === "css" ? !0 : (Array.isArray(a) ? a : [a]).some((d) => t[i] === d)) && (o = h(o, e.css));
|
|
248
248
|
}), o;
|
|
249
249
|
}
|
|
250
|
-
const
|
|
250
|
+
const fr = c({
|
|
251
251
|
position: "relative",
|
|
252
|
-
|
|
253
|
-
borderRadius: "3xl",
|
|
252
|
+
borderRadius: "xl",
|
|
254
253
|
borderWidth: "1px",
|
|
255
254
|
borderColor: "border.subtle",
|
|
256
255
|
bg: "bg.card",
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
_before: {
|
|
260
|
-
content: '""',
|
|
261
|
-
position: "absolute",
|
|
262
|
-
inset: "0",
|
|
263
|
-
pointerEvents: "none",
|
|
264
|
-
background: "linear-gradient(180deg, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.04) 18%, rgba(255,255,255,0) 100%)"
|
|
265
|
-
},
|
|
256
|
+
boxShadow: "0 1px 2px 0 rgba(15,23,42,0.04), 0 1px 3px 0 rgba(15,23,42,0.06)",
|
|
257
|
+
transition: "border-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 160ms cubic-bezier(0.25, 0.1, 0.25, 1)",
|
|
266
258
|
_dark: {
|
|
267
|
-
|
|
268
|
-
boxShadow: "0
|
|
269
|
-
_before: {
|
|
270
|
-
background: "none"
|
|
271
|
-
}
|
|
259
|
+
borderColor: "border.default",
|
|
260
|
+
boxShadow: "0 1px 2px 0 rgba(0,0,0,0.2), 0 1px 3px 0 rgba(0,0,0,0.24)"
|
|
272
261
|
}
|
|
273
262
|
}), hr = c({
|
|
274
|
-
borderRadius: "
|
|
263
|
+
borderRadius: "lg",
|
|
275
264
|
borderWidth: "1px",
|
|
276
265
|
borderColor: "border.soft",
|
|
277
266
|
bg: "bg.cardAlt",
|
|
278
|
-
|
|
279
|
-
boxShadow: "inset 0 1px 0 rgba(255,255,255,0.22)",
|
|
267
|
+
transition: "border-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1)",
|
|
280
268
|
_dark: {
|
|
281
|
-
|
|
282
|
-
boxShadow: "inset 0 1px 0 rgba(255,255,255,0.03)"
|
|
269
|
+
borderColor: "border.subtle"
|
|
283
270
|
}
|
|
284
271
|
}), xr = c({
|
|
285
|
-
borderRadius: "
|
|
272
|
+
borderRadius: "lg",
|
|
286
273
|
borderWidth: "1px",
|
|
287
274
|
borderColor: "border.default",
|
|
288
275
|
bg: "bg.cardStrong",
|
|
289
|
-
|
|
290
|
-
|
|
276
|
+
boxShadow: "0 1px 2px 0 rgba(15,23,42,0.04), 0 4px 12px -4px rgba(15,23,42,0.1)",
|
|
277
|
+
transition: "border-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 160ms cubic-bezier(0.25, 0.1, 0.25, 1)",
|
|
291
278
|
_dark: {
|
|
292
|
-
|
|
279
|
+
borderColor: "border.strong",
|
|
280
|
+
boxShadow: "0 1px 2px 0 rgba(0,0,0,0.24), 0 4px 12px -4px rgba(0,0,0,0.4)"
|
|
293
281
|
}
|
|
294
|
-
}),
|
|
282
|
+
}), yr = c({
|
|
295
283
|
fontSize: "xs",
|
|
296
284
|
textTransform: "uppercase",
|
|
297
|
-
letterSpacing: "0.
|
|
285
|
+
letterSpacing: "0.08em",
|
|
298
286
|
color: "text.muted",
|
|
299
|
-
fontWeight: "
|
|
300
|
-
}),
|
|
287
|
+
fontWeight: "600"
|
|
288
|
+
}), Sr = c({
|
|
301
289
|
fontFamily: "heading",
|
|
302
290
|
fontSize: { base: "2xl", md: "3xl" },
|
|
303
|
-
lineHeight: "1",
|
|
304
|
-
color: "text.primary"
|
|
305
|
-
|
|
291
|
+
lineHeight: "1.1",
|
|
292
|
+
color: "text.primary",
|
|
293
|
+
textWrap: "balance"
|
|
294
|
+
}), _r = c({
|
|
306
295
|
color: "text.secondary",
|
|
307
|
-
lineHeight: "1.
|
|
296
|
+
lineHeight: "1.6",
|
|
308
297
|
fontSize: "sm"
|
|
309
|
-
}),
|
|
298
|
+
}), vr = c({
|
|
310
299
|
color: "text.secondary",
|
|
311
300
|
fontSize: "sm",
|
|
312
301
|
lineHeight: "1.6"
|
|
313
|
-
}),
|
|
302
|
+
}), kr = c({
|
|
314
303
|
color: "text.primary",
|
|
315
304
|
fontWeight: "700",
|
|
316
305
|
lineHeight: "1.1"
|
|
317
|
-
}),
|
|
306
|
+
}), Cr = c({
|
|
318
307
|
whiteSpace: "pre-wrap",
|
|
319
308
|
fontFamily: "mono",
|
|
320
309
|
fontSize: "sm",
|
|
321
310
|
lineHeight: "1.65",
|
|
322
311
|
color: "text.secondary"
|
|
323
|
-
}),
|
|
312
|
+
}), wr = C({
|
|
324
313
|
base: {
|
|
325
314
|
position: "relative",
|
|
326
315
|
display: "inline-flex",
|
|
327
316
|
alignItems: "center",
|
|
328
317
|
justifyContent: "center",
|
|
329
318
|
gap: "2",
|
|
330
|
-
borderRadius: "
|
|
331
|
-
px: "4",
|
|
332
|
-
py: "3",
|
|
319
|
+
borderRadius: "lg",
|
|
333
320
|
fontSize: "sm",
|
|
334
|
-
fontWeight: "
|
|
335
|
-
letterSpacing: "0.
|
|
336
|
-
|
|
337
|
-
transition: "all 160ms ease",
|
|
321
|
+
fontWeight: "600",
|
|
322
|
+
letterSpacing: "0.005em",
|
|
323
|
+
transition: "background-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), border-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 160ms cubic-bezier(0.25, 0.1, 0.25, 1), opacity 160ms cubic-bezier(0.25, 0.1, 0.25, 1), transform 160ms cubic-bezier(0.25, 0.1, 0.25, 1)",
|
|
338
324
|
userSelect: "none",
|
|
339
|
-
whiteSpace: "nowrap"
|
|
325
|
+
whiteSpace: "nowrap",
|
|
326
|
+
_focusVisible: {
|
|
327
|
+
outline: "2px solid",
|
|
328
|
+
outlineColor: "text.accent",
|
|
329
|
+
outlineOffset: "2px"
|
|
330
|
+
}
|
|
340
331
|
},
|
|
341
332
|
variants: {
|
|
342
333
|
variant: {
|
|
343
334
|
solid: {
|
|
344
|
-
bg: "
|
|
335
|
+
bg: "text.accent",
|
|
345
336
|
color: "text.inverse",
|
|
346
337
|
borderWidth: "1px",
|
|
347
|
-
borderColor: "
|
|
348
|
-
boxShadow: "0 22px 36px -24px rgba(49,94,255,0.78), inset 0 1px 0 rgba(255,255,255,0.24)",
|
|
338
|
+
borderColor: "transparent",
|
|
349
339
|
_dark: {
|
|
350
|
-
color: "
|
|
351
|
-
borderColor: "rgba(255,255,255,0.06)",
|
|
352
|
-
boxShadow: "0 22px 40px -24px rgba(71,121,255,0.55), inset 0 1px 0 rgba(255,255,255,0.18)"
|
|
340
|
+
color: "text.inverse"
|
|
353
341
|
}
|
|
354
342
|
},
|
|
355
343
|
outline: {
|
|
356
344
|
bg: "bg.buttonOutline",
|
|
357
345
|
color: "text.secondary",
|
|
358
346
|
borderWidth: "1px",
|
|
359
|
-
borderColor: "border.default"
|
|
360
|
-
boxShadow: "inset 0 1px 0 rgba(255,255,255,0.18)",
|
|
361
|
-
_dark: {
|
|
362
|
-
boxShadow: "inset 0 1px 0 rgba(255,255,255,0.04)"
|
|
363
|
-
}
|
|
347
|
+
borderColor: "border.default"
|
|
364
348
|
},
|
|
365
349
|
subtle: {
|
|
366
350
|
bg: "bg.accentSoft",
|
|
367
351
|
color: "text.accent",
|
|
368
352
|
borderWidth: "1px",
|
|
369
|
-
borderColor: "badge.infoBorder"
|
|
370
|
-
|
|
353
|
+
borderColor: "badge.infoBorder"
|
|
354
|
+
}
|
|
355
|
+
},
|
|
356
|
+
size: {
|
|
357
|
+
sm: {
|
|
358
|
+
px: "3",
|
|
359
|
+
py: "1.5",
|
|
360
|
+
fontSize: "xs",
|
|
361
|
+
borderRadius: "md"
|
|
362
|
+
},
|
|
363
|
+
md: {
|
|
364
|
+
px: "4",
|
|
365
|
+
py: "2.5"
|
|
366
|
+
},
|
|
367
|
+
lg: {
|
|
368
|
+
px: "5",
|
|
369
|
+
py: "3",
|
|
370
|
+
fontSize: "md",
|
|
371
|
+
borderRadius: "xl"
|
|
372
|
+
}
|
|
373
|
+
},
|
|
374
|
+
tone: {
|
|
375
|
+
default: {},
|
|
376
|
+
danger: {
|
|
377
|
+
bg: "text.error",
|
|
378
|
+
color: "text.inverse",
|
|
379
|
+
borderWidth: "1px",
|
|
380
|
+
borderColor: "transparent",
|
|
371
381
|
_dark: {
|
|
372
|
-
|
|
382
|
+
color: "text.inverse"
|
|
373
383
|
}
|
|
374
384
|
}
|
|
375
385
|
},
|
|
376
386
|
disabled: {
|
|
377
387
|
true: {
|
|
378
388
|
cursor: "not-allowed",
|
|
379
|
-
opacity: 0.
|
|
389
|
+
opacity: 0.45
|
|
380
390
|
},
|
|
381
391
|
false: {
|
|
382
392
|
cursor: "pointer"
|
|
@@ -385,24 +395,60 @@ const mr = c({
|
|
|
385
395
|
loading: {
|
|
386
396
|
true: {
|
|
387
397
|
cursor: "not-allowed",
|
|
388
|
-
opacity: 0.
|
|
398
|
+
opacity: 0.45
|
|
389
399
|
}
|
|
390
400
|
}
|
|
391
401
|
},
|
|
392
402
|
compoundVariants: [
|
|
393
403
|
{
|
|
394
404
|
variant: "solid",
|
|
405
|
+
tone: "default",
|
|
406
|
+
disabled: !1,
|
|
407
|
+
loading: !1,
|
|
408
|
+
css: {
|
|
409
|
+
_hover: {
|
|
410
|
+
bg: "text.accent",
|
|
411
|
+
boxShadow: "0 2px 8px -2px rgba(49, 94, 255, 0.4)",
|
|
412
|
+
_dark: {
|
|
413
|
+
boxShadow: "0 2px 8px -2px rgba(138, 180, 255, 0.3)"
|
|
414
|
+
}
|
|
415
|
+
}
|
|
416
|
+
}
|
|
417
|
+
},
|
|
418
|
+
{
|
|
419
|
+
variant: "solid",
|
|
420
|
+
tone: "danger",
|
|
421
|
+
disabled: !1,
|
|
422
|
+
loading: !1,
|
|
423
|
+
css: {
|
|
424
|
+
_hover: {
|
|
425
|
+
bg: "text.error",
|
|
426
|
+
boxShadow: "0 2px 8px -2px rgba(217, 45, 32, 0.4)",
|
|
427
|
+
_dark: {
|
|
428
|
+
boxShadow: "0 2px 8px -2px rgba(255, 142, 127, 0.3)"
|
|
429
|
+
}
|
|
430
|
+
}
|
|
431
|
+
}
|
|
432
|
+
},
|
|
433
|
+
{
|
|
434
|
+
variant: "outline",
|
|
435
|
+
tone: "danger",
|
|
395
436
|
disabled: !1,
|
|
396
437
|
loading: !1,
|
|
397
438
|
css: {
|
|
439
|
+
color: "text.error",
|
|
440
|
+
borderColor: "border.danger",
|
|
441
|
+
bg: "transparent",
|
|
398
442
|
_hover: {
|
|
399
|
-
|
|
400
|
-
|
|
443
|
+
bg: "badge.dangerBg",
|
|
444
|
+
borderColor: "text.error",
|
|
445
|
+
color: "text.error"
|
|
401
446
|
}
|
|
402
447
|
}
|
|
403
448
|
},
|
|
404
449
|
{
|
|
405
450
|
variant: "outline",
|
|
451
|
+
tone: "default",
|
|
406
452
|
disabled: !1,
|
|
407
453
|
loading: !1,
|
|
408
454
|
css: {
|
|
@@ -410,41 +456,48 @@ const mr = c({
|
|
|
410
456
|
color: "text.primary",
|
|
411
457
|
borderColor: "border.strong",
|
|
412
458
|
bg: "bg.cardStrong",
|
|
413
|
-
|
|
459
|
+
_dark: {
|
|
460
|
+
bg: "rgba(255, 255, 255, 0.06)"
|
|
461
|
+
}
|
|
414
462
|
}
|
|
415
463
|
}
|
|
416
464
|
},
|
|
417
465
|
{
|
|
418
466
|
variant: "subtle",
|
|
467
|
+
tone: "default",
|
|
419
468
|
disabled: !1,
|
|
420
469
|
loading: !1,
|
|
421
470
|
css: {
|
|
422
471
|
_hover: {
|
|
423
472
|
bg: "bg.selected",
|
|
424
|
-
borderColor: "border.accent"
|
|
425
|
-
transform: "translateY(-1px)"
|
|
473
|
+
borderColor: "border.accent"
|
|
426
474
|
}
|
|
427
475
|
}
|
|
428
476
|
}
|
|
429
477
|
],
|
|
430
478
|
defaultVariants: {
|
|
431
479
|
variant: "solid",
|
|
480
|
+
size: "md",
|
|
481
|
+
tone: "default",
|
|
432
482
|
disabled: !1,
|
|
433
483
|
loading: !1
|
|
434
484
|
}
|
|
435
|
-
}), Rr =
|
|
485
|
+
}), Rr = C({
|
|
436
486
|
base: {
|
|
437
487
|
borderWidth: "1px",
|
|
438
488
|
borderColor: "border.subtle",
|
|
439
489
|
bg: "bg.menu",
|
|
440
|
-
|
|
441
|
-
|
|
490
|
+
boxShadow: "0 4px 16px -4px rgba(15,23,42,0.1), 0 8px 24px -8px rgba(15,23,42,0.08), 0 1px 2px 0 rgba(15,23,42,0.04)",
|
|
491
|
+
_dark: {
|
|
492
|
+
borderColor: "border.default",
|
|
493
|
+
boxShadow: "0 4px 16px -4px rgba(0,0,0,0.32), 0 8px 24px -8px rgba(0,0,0,0.24), 0 1px 2px 0 rgba(0,0,0,0.16)"
|
|
494
|
+
}
|
|
442
495
|
},
|
|
443
496
|
variants: {
|
|
444
497
|
placement: {
|
|
445
498
|
anchored: {
|
|
446
499
|
position: "absolute",
|
|
447
|
-
top: "calc(100% +
|
|
500
|
+
top: "calc(100% + 6px)",
|
|
448
501
|
left: "0",
|
|
449
502
|
right: "0"
|
|
450
503
|
},
|
|
@@ -454,14 +507,14 @@ const mr = c({
|
|
|
454
507
|
},
|
|
455
508
|
density: {
|
|
456
509
|
cozy: {
|
|
457
|
-
borderRadius: "2xl",
|
|
458
|
-
p: "2",
|
|
459
|
-
gap: "1"
|
|
460
|
-
},
|
|
461
|
-
compact: {
|
|
462
510
|
borderRadius: "xl",
|
|
463
511
|
p: "1.5",
|
|
464
512
|
gap: "0.5"
|
|
513
|
+
},
|
|
514
|
+
compact: {
|
|
515
|
+
borderRadius: "lg",
|
|
516
|
+
p: "1",
|
|
517
|
+
gap: "0.5"
|
|
465
518
|
}
|
|
466
519
|
}
|
|
467
520
|
},
|
|
@@ -485,38 +538,43 @@ const mr = c({
|
|
|
485
538
|
minHeight: "0",
|
|
486
539
|
overflowY: "auto",
|
|
487
540
|
paddingRight: "1",
|
|
488
|
-
alignContent: "start"
|
|
489
|
-
|
|
541
|
+
alignContent: "start",
|
|
542
|
+
scrollbarWidth: "thin",
|
|
543
|
+
scrollbarColor: "rgba(148, 163, 184, 0.3) transparent",
|
|
544
|
+
_dark: {
|
|
545
|
+
scrollbarColor: "rgba(255, 255, 255, 0.12) transparent"
|
|
546
|
+
}
|
|
547
|
+
}), zr = c({
|
|
490
548
|
display: "flex",
|
|
491
549
|
alignItems: "flex-start",
|
|
492
550
|
justifyContent: "space-between",
|
|
493
551
|
gap: "4",
|
|
494
552
|
flexDirection: { base: "column", md: "row" }
|
|
495
|
-
}),
|
|
553
|
+
}), Tr = c({
|
|
496
554
|
display: "grid",
|
|
497
555
|
gap: "2",
|
|
498
556
|
minWidth: "0"
|
|
499
|
-
}),
|
|
557
|
+
}), Er = c({
|
|
500
558
|
flexShrink: "0"
|
|
501
559
|
});
|
|
502
560
|
export {
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
561
|
+
yr as a,
|
|
562
|
+
wr as b,
|
|
563
|
+
Cr as c,
|
|
506
564
|
Rr as d,
|
|
507
565
|
xr as e,
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
566
|
+
Tr as f,
|
|
567
|
+
zr as g,
|
|
568
|
+
vr as h,
|
|
511
569
|
hr as i,
|
|
512
570
|
Br as j,
|
|
513
571
|
Or as k,
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
572
|
+
Sr as l,
|
|
573
|
+
kr as m,
|
|
574
|
+
fr as n,
|
|
575
|
+
C as o,
|
|
576
|
+
Er as p,
|
|
577
|
+
mr as q,
|
|
520
578
|
c as r,
|
|
521
|
-
|
|
579
|
+
_r as s
|
|
522
580
|
};
|