@aggc/ui 0.6.0 → 0.7.1

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-DUse1KRc.js} +285 -285
  2. package/dist/chunks/{pageHeader-D9KF7WOO.js → pageHeader-YZ3BV9dQ.js} +156 -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 +28 -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 +28 -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 +320 -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 +87 -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,37 @@ 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
+ }
382
+ },
345
383
  disabled: {
346
384
  true: {
347
385
  cursor: "not-allowed",
348
- opacity: 0.5
386
+ opacity: 0.45
349
387
  },
350
388
  false: {
351
389
  cursor: "pointer"
@@ -354,36 +392,82 @@ const fr = c({
354
392
  loading: {
355
393
  true: {
356
394
  cursor: "not-allowed",
357
- opacity: 0.5
395
+ opacity: 0.45
358
396
  }
359
397
  }
360
398
  },
361
399
  compoundVariants: [
362
400
  {
363
401
  variant: "solid",
402
+ tone: "default",
364
403
  disabled: !1,
365
404
  loading: !1,
366
405
  css: {
367
406
  _hover: {
368
407
  bg: "text.accent",
369
- opacity: 0.9
408
+ boxShadow: "0 2px 8px -2px rgba(49, 94, 255, 0.4)",
409
+ _dark: {
410
+ boxShadow: "0 2px 8px -2px rgba(138, 180, 255, 0.3)"
411
+ }
412
+ }
413
+ }
414
+ },
415
+ {
416
+ variant: "solid",
417
+ tone: "danger",
418
+ disabled: !1,
419
+ loading: !1,
420
+ css: {
421
+ _hover: {
422
+ bg: "text.error",
423
+ boxShadow: "0 2px 8px -2px rgba(217, 45, 32, 0.4)",
424
+ _dark: {
425
+ boxShadow: "0 2px 8px -2px rgba(255, 142, 127, 0.3)"
426
+ }
370
427
  }
371
428
  }
372
429
  },
373
430
  {
374
431
  variant: "outline",
432
+ tone: "danger",
433
+ disabled: !1,
434
+ loading: !1,
435
+ css: {
436
+ color: "text.error",
437
+ borderColor: "border.danger",
438
+ bg: "transparent",
439
+ _dark: {
440
+ color: "text.error"
441
+ },
442
+ _hover: {
443
+ bg: "badge.dangerBg",
444
+ borderColor: "text.error",
445
+ color: "text.error",
446
+ _dark: {
447
+ color: "text.error"
448
+ }
449
+ }
450
+ }
451
+ },
452
+ {
453
+ variant: "outline",
454
+ tone: "default",
375
455
  disabled: !1,
376
456
  loading: !1,
377
457
  css: {
378
458
  _hover: {
379
459
  color: "text.primary",
380
460
  borderColor: "border.strong",
381
- bg: "bg.cardStrong"
461
+ bg: "bg.cardStrong",
462
+ _dark: {
463
+ bg: "rgba(255, 255, 255, 0.06)"
464
+ }
382
465
  }
383
466
  }
384
467
  },
385
468
  {
386
469
  variant: "subtle",
470
+ tone: "default",
387
471
  disabled: !1,
388
472
  loading: !1,
389
473
  css: {
@@ -396,6 +480,8 @@ const fr = c({
396
480
  ],
397
481
  defaultVariants: {
398
482
  variant: "solid",
483
+ size: "md",
484
+ tone: "default",
399
485
  disabled: !1,
400
486
  loading: !1
401
487
  }
@@ -404,14 +490,17 @@ const fr = c({
404
490
  borderWidth: "1px",
405
491
  borderColor: "border.subtle",
406
492
  bg: "bg.menu",
407
- backdropFilter: "blur(34px) saturate(165%)",
408
- boxShadow: "0 32px 70px -40px rgba(15,23,42,0.5)"
493
+ 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)",
494
+ _dark: {
495
+ borderColor: "border.default",
496
+ 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)"
497
+ }
409
498
  },
410
499
  variants: {
411
500
  placement: {
412
501
  anchored: {
413
502
  position: "absolute",
414
- top: "calc(100% + 10px)",
503
+ top: "calc(100% + 6px)",
415
504
  left: "0",
416
505
  right: "0"
417
506
  },
@@ -421,14 +510,14 @@ const fr = c({
421
510
  },
422
511
  density: {
423
512
  cozy: {
424
- borderRadius: "2xl",
425
- p: "2",
426
- gap: "1"
427
- },
428
- compact: {
429
513
  borderRadius: "xl",
430
514
  p: "1.5",
431
515
  gap: "0.5"
516
+ },
517
+ compact: {
518
+ borderRadius: "lg",
519
+ p: "1",
520
+ gap: "0.5"
432
521
  }
433
522
  }
434
523
  },
@@ -452,18 +541,23 @@ const fr = c({
452
541
  minHeight: "0",
453
542
  overflowY: "auto",
454
543
  paddingRight: "1",
455
- alignContent: "start"
456
- }), Tr = c({
544
+ alignContent: "start",
545
+ scrollbarWidth: "thin",
546
+ scrollbarColor: "rgba(148, 163, 184, 0.3) transparent",
547
+ _dark: {
548
+ scrollbarColor: "rgba(255, 255, 255, 0.12) transparent"
549
+ }
550
+ }), zr = c({
457
551
  display: "flex",
458
552
  alignItems: "flex-start",
459
553
  justifyContent: "space-between",
460
554
  gap: "4",
461
555
  flexDirection: { base: "column", md: "row" }
462
- }), Er = c({
556
+ }), Tr = c({
463
557
  display: "grid",
464
558
  gap: "2",
465
559
  minWidth: "0"
466
- }), Pr = c({
560
+ }), Er = c({
467
561
  flexShrink: "0"
468
562
  });
469
563
  export {
@@ -472,9 +566,9 @@ export {
472
566
  Cr as c,
473
567
  Rr as d,
474
568
  xr as e,
475
- Er as f,
476
- Tr as g,
477
- _r as h,
569
+ Tr as f,
570
+ zr as g,
571
+ vr as h,
478
572
  hr as i,
479
573
  Br as j,
480
574
  Or as k,
@@ -482,8 +576,8 @@ export {
482
576
  kr as m,
483
577
  fr as n,
484
578
  C as o,
485
- Pr as p,
579
+ Er as p,
486
580
  mr as q,
487
581
  c as r,
488
- vr as s
582
+ _r as s
489
583
  };
@@ -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,33 @@ 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
+ };
51
+ };
25
52
  disabled: {
26
53
  true: {
27
54
  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: {