@aggc/ui 0.6.0 → 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-B61z8swg.js → UiSkeleton.vue_vue_type_script_setup_true_lang-Dg-HzSqj.js} +285 -285
- package/dist/chunks/{pageHeader-D9KF7WOO.js → pageHeader-DhPY_hNA.js} +153 -62
- 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 -1
- 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 -1
- 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 +312 -207
- package/package.json +1 -1
- package/src/components/ResultPanel.styles.ts +7 -2
- package/src/components/SectionCard.styles.ts +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 +12 -5
- package/src/styles/primitives/typography.ts +5 -4
- package/src/styles/recipes/badge.recipe.ts +5 -5
- package/src/styles/recipes/button.recipe.ts +83 -8
- 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,8 +1,8 @@
|
|
|
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
8
|
var D = (r) => r === "base";
|
|
@@ -25,14 +25,14 @@ function X(r, t) {
|
|
|
25
25
|
function H(r) {
|
|
26
26
|
return F(X(5381, r) >>> 0);
|
|
27
27
|
}
|
|
28
|
-
var
|
|
28
|
+
var T = /\s*!(important)?/i;
|
|
29
29
|
function Y(r) {
|
|
30
|
-
return typeof r == "string" ?
|
|
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
38
|
var S = (r) => {
|
|
@@ -49,7 +49,7 @@ 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,
|
|
@@ -107,22 +107,22 @@ function U(r) {
|
|
|
107
107
|
return d;
|
|
108
108
|
};
|
|
109
109
|
return S(({ base: a, ...s } = {}) => {
|
|
110
|
-
const d = Object.assign(s, a), b =
|
|
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
113
|
const g = Y(p), [m, ...f] = e.shift(l), x = L(f), y = t.transform(m, N(Z(p)));
|
|
114
|
-
let
|
|
115
|
-
g && (
|
|
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
128
|
return k(...t(n));
|
|
@@ -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(":")),
|
|
@@ -202,7 +202,7 @@ const O = (r) => ({
|
|
|
202
202
|
...r
|
|
203
203
|
});
|
|
204
204
|
function C(r) {
|
|
205
|
-
const { base: t, variants: o, defaultVariants: e, compoundVariants: n } = O(r), i = (l) => ({ ...e, ...
|
|
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
208
|
let m = { ...t };
|
|
@@ -249,45 +249,53 @@ function ur(r, t) {
|
|
|
249
249
|
}
|
|
250
250
|
const fr = c({
|
|
251
251
|
position: "relative",
|
|
252
|
-
overflow: "hidden",
|
|
253
252
|
borderRadius: "xl",
|
|
254
253
|
borderWidth: "1px",
|
|
255
254
|
borderColor: "border.subtle",
|
|
256
255
|
bg: "bg.card",
|
|
257
|
-
boxShadow: "0 1px 3px 0 rgba(15,23,42,0.06)",
|
|
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)",
|
|
258
258
|
_dark: {
|
|
259
|
-
|
|
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)"
|
|
260
261
|
}
|
|
261
262
|
}), hr = c({
|
|
262
263
|
borderRadius: "lg",
|
|
263
264
|
borderWidth: "1px",
|
|
264
265
|
borderColor: "border.soft",
|
|
265
|
-
bg: "bg.cardAlt"
|
|
266
|
+
bg: "bg.cardAlt",
|
|
267
|
+
transition: "border-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1)",
|
|
268
|
+
_dark: {
|
|
269
|
+
borderColor: "border.subtle"
|
|
270
|
+
}
|
|
266
271
|
}), xr = c({
|
|
267
272
|
borderRadius: "lg",
|
|
268
273
|
borderWidth: "1px",
|
|
269
274
|
borderColor: "border.default",
|
|
270
275
|
bg: "bg.cardStrong",
|
|
271
|
-
boxShadow: "0 2px
|
|
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)",
|
|
272
278
|
_dark: {
|
|
273
|
-
|
|
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)"
|
|
274
281
|
}
|
|
275
282
|
}), yr = c({
|
|
276
283
|
fontSize: "xs",
|
|
277
284
|
textTransform: "uppercase",
|
|
278
|
-
letterSpacing: "0.
|
|
285
|
+
letterSpacing: "0.08em",
|
|
279
286
|
color: "text.muted",
|
|
280
|
-
fontWeight: "
|
|
287
|
+
fontWeight: "600"
|
|
281
288
|
}), Sr = c({
|
|
282
289
|
fontFamily: "heading",
|
|
283
290
|
fontSize: { base: "2xl", md: "3xl" },
|
|
284
|
-
lineHeight: "1",
|
|
285
|
-
color: "text.primary"
|
|
286
|
-
|
|
291
|
+
lineHeight: "1.1",
|
|
292
|
+
color: "text.primary",
|
|
293
|
+
textWrap: "balance"
|
|
294
|
+
}), _r = c({
|
|
287
295
|
color: "text.secondary",
|
|
288
|
-
lineHeight: "1.
|
|
296
|
+
lineHeight: "1.6",
|
|
289
297
|
fontSize: "sm"
|
|
290
|
-
}),
|
|
298
|
+
}), vr = c({
|
|
291
299
|
color: "text.secondary",
|
|
292
300
|
fontSize: "sm",
|
|
293
301
|
lineHeight: "1.6"
|
|
@@ -309,14 +317,17 @@ const fr = c({
|
|
|
309
317
|
justifyContent: "center",
|
|
310
318
|
gap: "2",
|
|
311
319
|
borderRadius: "lg",
|
|
312
|
-
px: "4",
|
|
313
|
-
py: "2.5",
|
|
314
320
|
fontSize: "sm",
|
|
315
321
|
fontWeight: "600",
|
|
316
|
-
letterSpacing: "0.
|
|
317
|
-
transition: "background-color 160ms
|
|
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)",
|
|
318
324
|
userSelect: "none",
|
|
319
|
-
whiteSpace: "nowrap"
|
|
325
|
+
whiteSpace: "nowrap",
|
|
326
|
+
_focusVisible: {
|
|
327
|
+
outline: "2px solid",
|
|
328
|
+
outlineColor: "text.accent",
|
|
329
|
+
outlineOffset: "2px"
|
|
330
|
+
}
|
|
320
331
|
},
|
|
321
332
|
variants: {
|
|
322
333
|
variant: {
|
|
@@ -326,7 +337,7 @@ const fr = c({
|
|
|
326
337
|
borderWidth: "1px",
|
|
327
338
|
borderColor: "transparent",
|
|
328
339
|
_dark: {
|
|
329
|
-
color: "
|
|
340
|
+
color: "text.inverse"
|
|
330
341
|
}
|
|
331
342
|
},
|
|
332
343
|
outline: {
|
|
@@ -342,10 +353,40 @@ const fr = c({
|
|
|
342
353
|
borderColor: "badge.infoBorder"
|
|
343
354
|
}
|
|
344
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",
|
|
381
|
+
_dark: {
|
|
382
|
+
color: "text.inverse"
|
|
383
|
+
}
|
|
384
|
+
}
|
|
385
|
+
},
|
|
345
386
|
disabled: {
|
|
346
387
|
true: {
|
|
347
388
|
cursor: "not-allowed",
|
|
348
|
-
opacity: 0.
|
|
389
|
+
opacity: 0.45
|
|
349
390
|
},
|
|
350
391
|
false: {
|
|
351
392
|
cursor: "pointer"
|
|
@@ -354,36 +395,76 @@ const fr = c({
|
|
|
354
395
|
loading: {
|
|
355
396
|
true: {
|
|
356
397
|
cursor: "not-allowed",
|
|
357
|
-
opacity: 0.
|
|
398
|
+
opacity: 0.45
|
|
358
399
|
}
|
|
359
400
|
}
|
|
360
401
|
},
|
|
361
402
|
compoundVariants: [
|
|
362
403
|
{
|
|
363
404
|
variant: "solid",
|
|
405
|
+
tone: "default",
|
|
364
406
|
disabled: !1,
|
|
365
407
|
loading: !1,
|
|
366
408
|
css: {
|
|
367
409
|
_hover: {
|
|
368
410
|
bg: "text.accent",
|
|
369
|
-
|
|
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",
|
|
436
|
+
disabled: !1,
|
|
437
|
+
loading: !1,
|
|
438
|
+
css: {
|
|
439
|
+
color: "text.error",
|
|
440
|
+
borderColor: "border.danger",
|
|
441
|
+
bg: "transparent",
|
|
442
|
+
_hover: {
|
|
443
|
+
bg: "badge.dangerBg",
|
|
444
|
+
borderColor: "text.error",
|
|
445
|
+
color: "text.error"
|
|
370
446
|
}
|
|
371
447
|
}
|
|
372
448
|
},
|
|
373
449
|
{
|
|
374
450
|
variant: "outline",
|
|
451
|
+
tone: "default",
|
|
375
452
|
disabled: !1,
|
|
376
453
|
loading: !1,
|
|
377
454
|
css: {
|
|
378
455
|
_hover: {
|
|
379
456
|
color: "text.primary",
|
|
380
457
|
borderColor: "border.strong",
|
|
381
|
-
bg: "bg.cardStrong"
|
|
458
|
+
bg: "bg.cardStrong",
|
|
459
|
+
_dark: {
|
|
460
|
+
bg: "rgba(255, 255, 255, 0.06)"
|
|
461
|
+
}
|
|
382
462
|
}
|
|
383
463
|
}
|
|
384
464
|
},
|
|
385
465
|
{
|
|
386
466
|
variant: "subtle",
|
|
467
|
+
tone: "default",
|
|
387
468
|
disabled: !1,
|
|
388
469
|
loading: !1,
|
|
389
470
|
css: {
|
|
@@ -396,6 +477,8 @@ const fr = c({
|
|
|
396
477
|
],
|
|
397
478
|
defaultVariants: {
|
|
398
479
|
variant: "solid",
|
|
480
|
+
size: "md",
|
|
481
|
+
tone: "default",
|
|
399
482
|
disabled: !1,
|
|
400
483
|
loading: !1
|
|
401
484
|
}
|
|
@@ -404,14 +487,17 @@ const fr = c({
|
|
|
404
487
|
borderWidth: "1px",
|
|
405
488
|
borderColor: "border.subtle",
|
|
406
489
|
bg: "bg.menu",
|
|
407
|
-
|
|
408
|
-
|
|
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
|
+
}
|
|
409
495
|
},
|
|
410
496
|
variants: {
|
|
411
497
|
placement: {
|
|
412
498
|
anchored: {
|
|
413
499
|
position: "absolute",
|
|
414
|
-
top: "calc(100% +
|
|
500
|
+
top: "calc(100% + 6px)",
|
|
415
501
|
left: "0",
|
|
416
502
|
right: "0"
|
|
417
503
|
},
|
|
@@ -421,14 +507,14 @@ const fr = c({
|
|
|
421
507
|
},
|
|
422
508
|
density: {
|
|
423
509
|
cozy: {
|
|
424
|
-
borderRadius: "2xl",
|
|
425
|
-
p: "2",
|
|
426
|
-
gap: "1"
|
|
427
|
-
},
|
|
428
|
-
compact: {
|
|
429
510
|
borderRadius: "xl",
|
|
430
511
|
p: "1.5",
|
|
431
512
|
gap: "0.5"
|
|
513
|
+
},
|
|
514
|
+
compact: {
|
|
515
|
+
borderRadius: "lg",
|
|
516
|
+
p: "1",
|
|
517
|
+
gap: "0.5"
|
|
432
518
|
}
|
|
433
519
|
}
|
|
434
520
|
},
|
|
@@ -452,18 +538,23 @@ const fr = c({
|
|
|
452
538
|
minHeight: "0",
|
|
453
539
|
overflowY: "auto",
|
|
454
540
|
paddingRight: "1",
|
|
455
|
-
alignContent: "start"
|
|
456
|
-
|
|
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({
|
|
457
548
|
display: "flex",
|
|
458
549
|
alignItems: "flex-start",
|
|
459
550
|
justifyContent: "space-between",
|
|
460
551
|
gap: "4",
|
|
461
552
|
flexDirection: { base: "column", md: "row" }
|
|
462
|
-
}),
|
|
553
|
+
}), Tr = c({
|
|
463
554
|
display: "grid",
|
|
464
555
|
gap: "2",
|
|
465
556
|
minWidth: "0"
|
|
466
|
-
}),
|
|
557
|
+
}), Er = c({
|
|
467
558
|
flexShrink: "0"
|
|
468
559
|
});
|
|
469
560
|
export {
|
|
@@ -472,9 +563,9 @@ export {
|
|
|
472
563
|
Cr as c,
|
|
473
564
|
Rr as d,
|
|
474
565
|
xr as e,
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
566
|
+
Tr as f,
|
|
567
|
+
zr as g,
|
|
568
|
+
vr as h,
|
|
478
569
|
hr as i,
|
|
479
570
|
Br as j,
|
|
480
571
|
Or as k,
|
|
@@ -482,8 +573,8 @@ export {
|
|
|
482
573
|
kr as m,
|
|
483
574
|
fr as n,
|
|
484
575
|
C as o,
|
|
485
|
-
|
|
576
|
+
Er as p,
|
|
486
577
|
mr as q,
|
|
487
578
|
c as r,
|
|
488
|
-
|
|
579
|
+
_r as s
|
|
489
580
|
};
|
|
@@ -20,5 +20,10 @@ export declare const statusBadgeClass: import("../../styled-system/types").Recip
|
|
|
20
20
|
color: "badge.neutralText";
|
|
21
21
|
borderColor: "badge.neutralBorder";
|
|
22
22
|
};
|
|
23
|
+
danger: {
|
|
24
|
+
bg: "badge.dangerBg";
|
|
25
|
+
color: "badge.dangerText";
|
|
26
|
+
borderColor: "badge.dangerBorder";
|
|
27
|
+
};
|
|
23
28
|
};
|
|
24
29
|
}>;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
type __VLS_Props = {
|
|
2
|
-
tone?: "success" | "warning" | "info" | "neutral";
|
|
2
|
+
tone?: "success" | "warning" | "info" | "danger" | "neutral";
|
|
3
3
|
};
|
|
4
4
|
declare var __VLS_1: {};
|
|
5
5
|
type __VLS_Slots = {} & {
|
|
6
6
|
default?: (props: typeof __VLS_1) => any;
|
|
7
7
|
};
|
|
8
8
|
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
9
|
-
tone: "success" | "warning" | "info" | "neutral";
|
|
9
|
+
tone: "success" | "warning" | "info" | "danger" | "neutral";
|
|
10
10
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
11
11
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
12
12
|
declare const _default: typeof __VLS_export;
|
|
@@ -6,7 +6,7 @@ export declare const uiButtonClass: import("../../styled-system/types").RecipeRu
|
|
|
6
6
|
borderWidth: "1px";
|
|
7
7
|
borderColor: "transparent";
|
|
8
8
|
_dark: {
|
|
9
|
-
color: "
|
|
9
|
+
color: "text.inverse";
|
|
10
10
|
};
|
|
11
11
|
};
|
|
12
12
|
outline: {
|
|
@@ -22,6 +22,36 @@ export declare const uiButtonClass: import("../../styled-system/types").RecipeRu
|
|
|
22
22
|
borderColor: "badge.infoBorder";
|
|
23
23
|
};
|
|
24
24
|
};
|
|
25
|
+
size: {
|
|
26
|
+
sm: {
|
|
27
|
+
px: "3";
|
|
28
|
+
py: "1.5";
|
|
29
|
+
fontSize: "xs";
|
|
30
|
+
borderRadius: "md";
|
|
31
|
+
};
|
|
32
|
+
md: {
|
|
33
|
+
px: "4";
|
|
34
|
+
py: "2.5";
|
|
35
|
+
};
|
|
36
|
+
lg: {
|
|
37
|
+
px: "5";
|
|
38
|
+
py: "3";
|
|
39
|
+
fontSize: "md";
|
|
40
|
+
borderRadius: "xl";
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
tone: {
|
|
44
|
+
default: {};
|
|
45
|
+
danger: {
|
|
46
|
+
bg: "text.error";
|
|
47
|
+
color: "text.inverse";
|
|
48
|
+
borderWidth: "1px";
|
|
49
|
+
borderColor: "transparent";
|
|
50
|
+
_dark: {
|
|
51
|
+
color: "text.inverse";
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
};
|
|
25
55
|
disabled: {
|
|
26
56
|
true: {
|
|
27
57
|
cursor: "not-allowed";
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
type __VLS_Props = {
|
|
2
2
|
variant?: "solid" | "outline" | "subtle";
|
|
3
|
+
size?: "sm" | "md" | "lg";
|
|
4
|
+
tone?: "default" | "danger";
|
|
3
5
|
loading?: boolean;
|
|
4
6
|
loadingLabel?: string;
|
|
5
7
|
disabled?: boolean;
|
|
@@ -11,7 +13,9 @@ type __VLS_Slots = {} & {
|
|
|
11
13
|
default?: (props: typeof __VLS_1) => any;
|
|
12
14
|
};
|
|
13
15
|
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
16
|
+
size: "sm" | "md" | "lg";
|
|
14
17
|
variant: "solid" | "outline" | "subtle";
|
|
18
|
+
tone: "default" | "danger";
|
|
15
19
|
disabled: boolean;
|
|
16
20
|
loading: boolean;
|
|
17
21
|
type: "button" | "submit";
|
|
@@ -3,12 +3,10 @@ export declare const uiCheckboxRootClass: import("../../styled-system/types").Re
|
|
|
3
3
|
true: {
|
|
4
4
|
borderColor: "border.accent";
|
|
5
5
|
bg: "bg.selected";
|
|
6
|
-
boxShadow: "0 18px 40px -30px rgba(49,94,255,0.56)";
|
|
7
6
|
};
|
|
8
7
|
false: {
|
|
9
8
|
borderColor: "border.default";
|
|
10
9
|
bg: "bg.input";
|
|
11
|
-
boxShadow: "0 14px 32px -30px rgba(15,23,42,0.42)";
|
|
12
10
|
};
|
|
13
11
|
};
|
|
14
12
|
disabled: {
|
|
@@ -27,13 +25,13 @@ export declare const uiCheckboxIndicatorClass: import("../../styled-system/types
|
|
|
27
25
|
borderColor: "border.accent";
|
|
28
26
|
bg: "bg.accentStrong";
|
|
29
27
|
color: "text.inverse";
|
|
30
|
-
|
|
28
|
+
transform: "scale(1)";
|
|
31
29
|
};
|
|
32
30
|
false: {
|
|
33
31
|
borderColor: "border.default";
|
|
34
32
|
bg: "bg.buttonOutline";
|
|
35
33
|
color: "transparent";
|
|
36
|
-
|
|
34
|
+
transform: "scale(1)";
|
|
37
35
|
};
|
|
38
36
|
};
|
|
39
37
|
}>;
|
|
@@ -5,10 +5,14 @@ export declare const segmentedControlOptionClass: import("../../styled-system/ty
|
|
|
5
5
|
borderColor: "border.accent";
|
|
6
6
|
bg: "bg.accentStrong";
|
|
7
7
|
color: "text.inverse";
|
|
8
|
-
boxShadow: "0 14px 26px -16px rgba(49,94,255,0.68)";
|
|
9
8
|
_hover: {
|
|
10
9
|
bg: "bg.accentStrong";
|
|
11
10
|
};
|
|
11
|
+
_dark: {
|
|
12
|
+
bg: "rgba(138, 180, 255, 0.2)";
|
|
13
|
+
color: "text.accent";
|
|
14
|
+
borderColor: "border.accent";
|
|
15
|
+
};
|
|
12
16
|
};
|
|
13
17
|
false: {
|
|
14
18
|
borderColor: "transparent";
|
|
@@ -27,12 +27,14 @@ export declare const uiSelectTriggerClass: import("../../styled-system/types").R
|
|
|
27
27
|
true: {
|
|
28
28
|
borderColor: "border.accent";
|
|
29
29
|
bg: "bg.cardStrong";
|
|
30
|
-
|
|
30
|
+
_dark: {
|
|
31
|
+
borderColor: "border.accent";
|
|
32
|
+
bg: "bg.input";
|
|
33
|
+
};
|
|
31
34
|
};
|
|
32
35
|
false: {
|
|
33
36
|
borderColor: "border.default";
|
|
34
37
|
bg: "bg.input";
|
|
35
|
-
boxShadow: "inset 0 1px 0 rgba(255,255,255,0.22)";
|
|
36
38
|
};
|
|
37
39
|
};
|
|
38
40
|
selected: {
|
|
@@ -50,6 +52,11 @@ export declare const uiSelectTriggerClass: import("../../styled-system/types").R
|
|
|
50
52
|
};
|
|
51
53
|
false: {
|
|
52
54
|
cursor: "pointer";
|
|
55
|
+
_focusVisible: {
|
|
56
|
+
outline: "2px solid";
|
|
57
|
+
outlineColor: "text.accent";
|
|
58
|
+
outlineOffset: "2px";
|
|
59
|
+
};
|
|
53
60
|
};
|
|
54
61
|
};
|
|
55
62
|
}>;
|
|
@@ -73,7 +80,7 @@ export declare const uiSelectOptionClass: import("../../styled-system/types").Re
|
|
|
73
80
|
py: "2.5";
|
|
74
81
|
};
|
|
75
82
|
md: {
|
|
76
|
-
py: "
|
|
83
|
+
py: "2.5";
|
|
77
84
|
};
|
|
78
85
|
};
|
|
79
86
|
active: {
|