@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.
Files changed (50) hide show
  1. 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
  2. package/dist/chunks/{pageHeader-D9KF7WOO.js → pageHeader-DhPY_hNA.js} +153 -62
  3. package/dist/components/StatusBadge.styles.d.ts +5 -0
  4. package/dist/components/StatusBadge.vue.d.ts +2 -2
  5. package/dist/components/UiButton.styles.d.ts +31 -1
  6. package/dist/components/UiButton.vue.d.ts +4 -0
  7. package/dist/components/UiCheckbox.styles.d.ts +2 -4
  8. package/dist/components/UiSegmentedControl.styles.d.ts +5 -1
  9. package/dist/components/UiSelect.styles.d.ts +10 -3
  10. package/dist/components/UiSkeleton.styles.d.ts +1 -33
  11. package/dist/components.js +1 -1
  12. package/dist/index.js +2 -2
  13. package/dist/styles/recipes/badge.recipe.d.ts +5 -0
  14. package/dist/styles/recipes/button.recipe.d.ts +31 -1
  15. package/dist/styles/recipes/card.recipe.d.ts +23 -12
  16. package/dist/styles/recipes/dropdown.recipe.d.ts +6 -6
  17. package/dist/styles/recipes/input.recipe.d.ts +0 -3
  18. package/dist/styles.js +118 -92
  19. package/dist/tokens/colors.d.ts +30 -0
  20. package/dist/tokens/core-colors.d.ts +30 -0
  21. package/dist/tokens/motion.d.ts +20 -0
  22. package/dist/tokens/radius.d.ts +9 -0
  23. package/dist/tokens-core.js +21 -5
  24. package/dist/ui.css +312 -207
  25. package/package.json +1 -1
  26. package/src/components/ResultPanel.styles.ts +7 -2
  27. package/src/components/SectionCard.styles.ts +1 -1
  28. package/src/components/StatusBadge.styles.ts +10 -8
  29. package/src/components/StatusBadge.vue +1 -1
  30. package/src/components/UiButton.vue +5 -1
  31. package/src/components/UiCheckbox.styles.ts +7 -11
  32. package/src/components/UiField.styles.ts +2 -2
  33. package/src/components/UiLoadingState.styles.ts +2 -2
  34. package/src/components/UiSegmentedControl.styles.ts +14 -4
  35. package/src/components/UiSelect.styles.ts +24 -10
  36. package/src/components/UiSkeleton.styles.ts +7 -36
  37. package/src/css/base.css +44 -9
  38. package/src/styles/layouts/page.ts +5 -0
  39. package/src/styles/primitives/feedback.ts +1 -0
  40. package/src/styles/primitives/fields.ts +21 -11
  41. package/src/styles/primitives/surfaces.ts +12 -5
  42. package/src/styles/primitives/typography.ts +5 -4
  43. package/src/styles/recipes/badge.recipe.ts +5 -5
  44. package/src/styles/recipes/button.recipe.ts +83 -8
  45. package/src/styles/recipes/card.recipe.ts +24 -13
  46. package/src/styles/recipes/dropdown.recipe.ts +11 -8
  47. package/src/styles/recipes/input.recipe.ts +10 -6
  48. package/src/tokens/core-colors.ts +5 -0
  49. package/src/tokens/motion.ts +8 -0
  50. package/src/tokens/radius.ts +3 -0
@@ -1,8 +1,8 @@
1
- function _(r) {
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 T(r) {
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 E = /\s*!(important)?/i;
28
+ var T = /\s*!(important)?/i;
29
29
  function Y(r) {
30
- return typeof r == "string" ? E.test(r) : !1;
30
+ return typeof r == "string" ? T.test(r) : !1;
31
31
  }
32
32
  function N(r) {
33
- return typeof r == "string" ? r.replace(E, "").trim() : r;
33
+ return typeof r == "string" ? r.replace(T, "").trim() : r;
34
34
  }
35
- function P(r) {
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
- _(n) && _(i) ? t[e] = k(n, i) : t[e] = i;
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 j(r, t, o = !0) {
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 = j(d, r), u = /* @__PURE__ */ new Set();
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 v = i(x, y.className);
115
- g && (v = `${v}!`), u.add(v);
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) => _(t) && Object.keys(T(t)).length > 0);
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) => j(a, r));
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", I = new Set(ar.split(",")), sr = /^@|&|&$/;
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 I.has(r) || sr.test(r);
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) => I.has(t) ? t.replace(lr, "") : dr.test(t) ? `[${P(t.trim())}]` : 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", A = /* @__PURE__ */ new Map(), z = /* @__PURE__ */ new Map();
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
- A.set(t, e), n.length && n.forEach((i) => {
170
- z.set(i === "1" ? e : i, t);
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) => z.get(r) || r, M = {
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: `${A.get(o) || or(o)}_${P(t)}` };
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, ...T(l) });
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
- boxShadow: "0 1px 3px 0 rgba(0,0,0,0.24)"
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 8px -2px rgba(15,23,42,0.08)",
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
- boxShadow: "0 2px 8px -2px rgba(0,0,0,0.32)"
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.12em",
285
+ letterSpacing: "0.08em",
279
286
  color: "text.muted",
280
- fontWeight: "700"
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
- }), vr = c({
291
+ lineHeight: "1.1",
292
+ color: "text.primary",
293
+ textWrap: "balance"
294
+ }), _r = c({
287
295
  color: "text.secondary",
288
- lineHeight: "1.65",
296
+ lineHeight: "1.6",
289
297
  fontSize: "sm"
290
- }), _r = c({
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.01em",
317
- transition: "background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease",
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: "#f7f9fd"
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.5
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.5
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
- opacity: 0.9
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
- backdropFilter: "blur(34px) saturate(165%)",
408
- boxShadow: "0 32px 70px -40px rgba(15,23,42,0.5)"
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% + 10px)",
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
- }), Tr = c({
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
- }), Er = c({
553
+ }), Tr = c({
463
554
  display: "grid",
464
555
  gap: "2",
465
556
  minWidth: "0"
466
- }), Pr = c({
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
- Er as f,
476
- Tr as g,
477
- _r as h,
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
- Pr as p,
576
+ Er as p,
486
577
  mr as q,
487
578
  c as r,
488
- vr as s
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: "#f7f9fd";
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
- boxShadow: "0 12px 24px -16px rgba(49,94,255,0.7)";
28
+ transform: "scale(1)";
31
29
  };
32
30
  false: {
33
31
  borderColor: "border.default";
34
32
  bg: "bg.buttonOutline";
35
33
  color: "transparent";
36
- boxShadow: "inset 0 1px 0 rgba(255,255,255,0.32)";
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
- boxShadow: "0 18px 42px -28px rgba(49,94,255,0.42)";
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: "3";
83
+ py: "2.5";
77
84
  };
78
85
  };
79
86
  active: {