@aggc/ui 0.5.1 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/dist/chunks/{UiSkeleton.vue_vue_type_script_setup_true_lang-Lghyrtms.js → UiSkeleton.vue_vue_type_script_setup_true_lang-Dg-HzSqj.js} +286 -286
  2. package/dist/chunks/{pageHeader-CcJrPX_8.js → pageHeader-DhPY_hNA.js} +204 -146
  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 -12
  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 -12
  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 +306 -228
  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/SectionCard.vue +1 -1
  29. package/src/components/StatusBadge.styles.ts +10 -8
  30. package/src/components/StatusBadge.vue +1 -1
  31. package/src/components/UiButton.vue +5 -1
  32. package/src/components/UiCheckbox.styles.ts +7 -11
  33. package/src/components/UiField.styles.ts +2 -2
  34. package/src/components/UiLoadingState.styles.ts +2 -2
  35. package/src/components/UiSegmentedControl.styles.ts +14 -4
  36. package/src/components/UiSelect.styles.ts +24 -10
  37. package/src/components/UiSkeleton.styles.ts +7 -36
  38. package/src/css/base.css +44 -9
  39. package/src/styles/layouts/page.ts +5 -0
  40. package/src/styles/primitives/feedback.ts +1 -0
  41. package/src/styles/primitives/fields.ts +21 -11
  42. package/src/styles/primitives/surfaces.ts +13 -26
  43. package/src/styles/primitives/typography.ts +5 -4
  44. package/src/styles/recipes/badge.recipe.ts +5 -5
  45. package/src/styles/recipes/button.recipe.ts +86 -25
  46. package/src/styles/recipes/card.recipe.ts +24 -13
  47. package/src/styles/recipes/dropdown.recipe.ts +11 -8
  48. package/src/styles/recipes/input.recipe.ts +10 -6
  49. package/src/tokens/core-colors.ts +5 -0
  50. package/src/tokens/motion.ts +8 -0
  51. package/src/tokens/radius.ts +3 -0
@@ -1,41 +1,41 @@
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
- var F = (r) => r === "base";
9
- function D(r) {
10
- return r.slice().filter((t) => !F(t));
8
+ var D = (r) => r === "base";
9
+ function L(r) {
10
+ return r.slice().filter((t) => !D(t));
11
11
  }
12
- function C(r) {
12
+ function w(r) {
13
13
  return String.fromCharCode(r + (r > 25 ? 39 : 97));
14
14
  }
15
- function L(r) {
15
+ function F(r) {
16
16
  let t = "", o;
17
- for (o = Math.abs(r); o > 52; o = o / 52 | 0) t = C(o % 52) + t;
18
- return C(o % 52) + t;
17
+ for (o = Math.abs(r); o > 52; o = o / 52 | 0) t = w(o % 52) + t;
18
+ return w(o % 52) + t;
19
19
  }
20
- function Y(r, t) {
20
+ function X(r, t) {
21
21
  let o = t.length;
22
22
  for (; o; ) r = r * 33 ^ t.charCodeAt(--o);
23
23
  return r;
24
24
  }
25
- function X(r) {
26
- return L(Y(5381, r) >>> 0);
27
- }
28
- var E = /\s*!(important)?/i;
29
25
  function H(r) {
30
- return typeof r == "string" ? E.test(r) : !1;
26
+ return F(X(5381, r) >>> 0);
27
+ }
28
+ var T = /\s*!(important)?/i;
29
+ function Y(r) {
30
+ return typeof r == "string" ? T.test(r) : !1;
31
31
  }
32
32
  function N(r) {
33
- return typeof r == "string" ? r.replace(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
- var y = (r) => {
38
+ var S = (r) => {
39
39
  const t = /* @__PURE__ */ new Map();
40
40
  return (...e) => {
41
41
  const n = JSON.stringify(e);
@@ -45,11 +45,11 @@ var y = (r) => {
45
45
  return t.set(n, i), i;
46
46
  };
47
47
  }, q = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]);
48
- function v(...r) {
48
+ function k(...r) {
49
49
  return r.reduce((t, o) => (o && Object.keys(o).forEach((e) => {
50
50
  if (q.has(e)) return;
51
51
  const n = t[e], i = o[e];
52
- _(n) && _(i) ? t[e] = v(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,
@@ -101,38 +101,38 @@ function U(r) {
101
101
  let d;
102
102
  if (o) {
103
103
  const b = [...e.finalize(a), s];
104
- d = n(t.toHash(b, X));
104
+ d = n(t.toHash(b, H));
105
105
  } else
106
106
  d = [...e.finalize(a), n(s)].join(":");
107
107
  return d;
108
108
  };
109
- return y(({ base: a, ...s } = {}) => {
110
- const d = Object.assign(s, a), b = j(d, r), u = /* @__PURE__ */ new Set();
109
+ return S(({ base: a, ...s } = {}) => {
110
+ const d = Object.assign(s, a), b = P(d, r), u = /* @__PURE__ */ new Set();
111
111
  return W(b, (p, l) => {
112
112
  if (p == null) return;
113
- const g = H(p), [f, ...m] = e.shift(l), x = D(m), S = t.transform(f, N(Z(p)));
114
- let k = i(x, S.className);
115
- g && (k = `${k}!`), u.add(k);
113
+ const g = Y(p), [m, ...f] = e.shift(l), x = L(f), y = t.transform(m, N(Z(p)));
114
+ let _ = i(x, y.className);
115
+ g && (_ = `${_}!`), u.add(_);
116
116
  }), Array.from(u).join(" ");
117
117
  });
118
118
  }
119
119
  function J(...r) {
120
- return r.flat().filter((t) => _(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
- return v(...t(n));
128
+ return k(...t(n));
129
129
  }
130
130
  function e(...n) {
131
131
  return Object.assign({}, ...t(n));
132
132
  }
133
- return { mergeCss: y(o), assignCss: e };
133
+ return { mergeCss: S(o), assignCss: e };
134
134
  }
135
- var rr = /([A-Z])/g, tr = /^ms-/, or = y((r) => r.startsWith("--") ? r : r.replace(rr, "-$1").replace(tr, "-ms-").toLowerCase()), er = "cm,mm,Q,in,pc,pt,px,em,ex,ch,rem,lh,rlh,vw,vh,vmin,vmax,vb,vi,svw,svh,lvw,lvh,dvw,dvh,cqw,cqh,cqi,cqb,cqmin,cqmax,%";
135
+ var rr = /([A-Z])/g, tr = /^ms-/, or = S((r) => r.startsWith("--") ? r : r.replace(rr, "-$1").replace(tr, "-ms-").toLowerCase()), er = "cm,mm,Q,in,pc,pt,px,em,ex,ch,rem,lh,rlh,vw,vh,vmin,vmax,vb,vi,svw,svh,lvw,lvh,dvw,dvh,cqw,cqh,cqi,cqb,cqmin,cqmax,%";
136
136
  `${er.split(",").join("|")}`;
137
137
  function nr(r, ...t) {
138
138
  const o = Object.getOwnPropertyDescriptors(r), e = Object.keys(o), n = (a) => {
@@ -149,13 +149,13 @@ var ir = (...r) => {
149
149
  const t = r.reduce((o, e) => (e && e.forEach((n) => o.add(n)), o), /* @__PURE__ */ new Set([]));
150
150
  return Array.from(t);
151
151
  };
152
- const ar = "_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_complete,_incomplete,_dragging,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_grabbed,_underValue,_overValue,_atValue,_default,_optional,_open,_closed,_fullscreen,_loading,_hidden,_current,_currentPage,_currentStep,_today,_unavailable,_rangeStart,_rangeEnd,_now,_topmost,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_icon,_starting,_noscript,_invertedColors,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,@/xs,@/sm,@/md,@/lg,@/xl,@/2xl,@/3xl,@/4xl,@/5xl,@/6xl,@/7xl,@/8xl,base", 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(":")),
@@ -188,7 +188,7 @@ const B = (r) => z.get(r) || r, M = {
188
188
  }, pr = U(M), c = (...r) => pr(h(...r));
189
189
  c.raw = (...r) => h(...r);
190
190
  const { mergeCss: h } = Q(M);
191
- function fr() {
191
+ function mr() {
192
192
  let r = "", t = 0, o;
193
193
  for (; t < arguments.length; )
194
194
  (o = arguments[t++]) && typeof o == "string" && (r && (r += " "), r += o);
@@ -201,24 +201,24 @@ const O = (r) => ({
201
201
  compoundVariants: [],
202
202
  ...r
203
203
  });
204
- function w(r) {
205
- const { base: t, variants: o, defaultVariants: e, compoundVariants: n } = O(r), i = (l) => ({ ...e, ...T(l) });
204
+ function C(r) {
205
+ const { base: t, variants: o, defaultVariants: e, compoundVariants: n } = O(r), i = (l) => ({ ...e, ...z(l) });
206
206
  function a(l = {}) {
207
207
  const g = i(l);
208
- let f = { ...t };
209
- for (const [x, S] of Object.entries(g))
210
- o[x]?.[S] && (f = h(f, o[x][S]));
211
- const m = ur(n, g);
212
- return h(f, m);
208
+ let m = { ...t };
209
+ for (const [x, y] of Object.entries(g))
210
+ o[x]?.[y] && (m = h(m, o[x][y]));
211
+ const f = ur(n, g);
212
+ return h(m, f);
213
213
  }
214
214
  function s(l) {
215
- const g = O(l.config), f = ir(l.variantKeys, Object.keys(o));
216
- return w({
215
+ const g = O(l.config), m = ir(l.variantKeys, Object.keys(o));
216
+ return C({
217
217
  base: h(t, g.base),
218
218
  variants: Object.fromEntries(
219
- f.map((m) => [m, h(o[m], g.variants[m])])
219
+ m.map((f) => [f, h(o[f], g.variants[f])])
220
220
  ),
221
- defaultVariants: v(e, g.defaultVariants),
221
+ defaultVariants: k(e, g.defaultVariants),
222
222
  compoundVariants: [...n, ...g.compoundVariants]
223
223
  });
224
224
  }
@@ -230,7 +230,7 @@ function w(r) {
230
230
  return nr(l, b);
231
231
  }
232
232
  const p = Object.fromEntries(Object.entries(o).map(([l, g]) => [l, Object.keys(g)]));
233
- return Object.assign(y(d), {
233
+ return Object.assign(S(d), {
234
234
  __cva__: !0,
235
235
  variantMap: p,
236
236
  variantKeys: b,
@@ -247,136 +247,146 @@ function ur(r, t) {
247
247
  Object.entries(e).every(([i, a]) => i === "css" ? !0 : (Array.isArray(a) ? a : [a]).some((d) => t[i] === d)) && (o = h(o, e.css));
248
248
  }), o;
249
249
  }
250
- const mr = c({
250
+ const fr = c({
251
251
  position: "relative",
252
- overflow: "hidden",
253
- borderRadius: "3xl",
252
+ borderRadius: "xl",
254
253
  borderWidth: "1px",
255
254
  borderColor: "border.subtle",
256
255
  bg: "bg.card",
257
- backdropFilter: "blur(28px) saturate(155%)",
258
- boxShadow: "0 25px 30px -35px rgba(15,23,42,0.42)",
259
- _before: {
260
- content: '""',
261
- position: "absolute",
262
- inset: "0",
263
- pointerEvents: "none",
264
- background: "linear-gradient(180deg, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.04) 18%, rgba(255,255,255,0) 100%)"
265
- },
256
+ boxShadow: "0 1px 2px 0 rgba(15,23,42,0.04), 0 1px 3px 0 rgba(15,23,42,0.06)",
257
+ transition: "border-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 160ms cubic-bezier(0.25, 0.1, 0.25, 1)",
266
258
  _dark: {
267
- backdropFilter: "blur(12px) saturate(110%)",
268
- boxShadow: "0 16px 34px -28px rgba(0,0,0,0.92)",
269
- _before: {
270
- background: "none"
271
- }
259
+ borderColor: "border.default",
260
+ boxShadow: "0 1px 2px 0 rgba(0,0,0,0.2), 0 1px 3px 0 rgba(0,0,0,0.24)"
272
261
  }
273
262
  }), hr = c({
274
- borderRadius: "2xl",
263
+ borderRadius: "lg",
275
264
  borderWidth: "1px",
276
265
  borderColor: "border.soft",
277
266
  bg: "bg.cardAlt",
278
- backdropFilter: "blur(24px) saturate(145%)",
279
- boxShadow: "inset 0 1px 0 rgba(255,255,255,0.22)",
267
+ transition: "border-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1)",
280
268
  _dark: {
281
- backdropFilter: "blur(10px) saturate(105%)",
282
- boxShadow: "inset 0 1px 0 rgba(255,255,255,0.03)"
269
+ borderColor: "border.subtle"
283
270
  }
284
271
  }), xr = c({
285
- borderRadius: "2xl",
272
+ borderRadius: "lg",
286
273
  borderWidth: "1px",
287
274
  borderColor: "border.default",
288
275
  bg: "bg.cardStrong",
289
- backdropFilter: "blur(24px) saturate(145%)",
290
- boxShadow: "0 16px 32px -28px rgba(15,23,42,0.42)",
276
+ boxShadow: "0 1px 2px 0 rgba(15,23,42,0.04), 0 4px 12px -4px rgba(15,23,42,0.1)",
277
+ transition: "border-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 160ms cubic-bezier(0.25, 0.1, 0.25, 1)",
291
278
  _dark: {
292
- boxShadow: "0 16px 34px -28px rgba(0,0,0,0.92)"
279
+ borderColor: "border.strong",
280
+ boxShadow: "0 1px 2px 0 rgba(0,0,0,0.24), 0 4px 12px -4px rgba(0,0,0,0.4)"
293
281
  }
294
- }), Sr = c({
282
+ }), yr = c({
295
283
  fontSize: "xs",
296
284
  textTransform: "uppercase",
297
- letterSpacing: "0.12em",
285
+ letterSpacing: "0.08em",
298
286
  color: "text.muted",
299
- fontWeight: "700"
300
- }), yr = c({
287
+ fontWeight: "600"
288
+ }), Sr = c({
301
289
  fontFamily: "heading",
302
290
  fontSize: { base: "2xl", md: "3xl" },
303
- lineHeight: "1",
304
- color: "text.primary"
305
- }), kr = c({
291
+ lineHeight: "1.1",
292
+ color: "text.primary",
293
+ textWrap: "balance"
294
+ }), _r = c({
306
295
  color: "text.secondary",
307
- lineHeight: "1.65",
296
+ lineHeight: "1.6",
308
297
  fontSize: "sm"
309
- }), _r = c({
298
+ }), vr = c({
310
299
  color: "text.secondary",
311
300
  fontSize: "sm",
312
301
  lineHeight: "1.6"
313
- }), vr = c({
302
+ }), kr = c({
314
303
  color: "text.primary",
315
304
  fontWeight: "700",
316
305
  lineHeight: "1.1"
317
- }), wr = c({
306
+ }), Cr = c({
318
307
  whiteSpace: "pre-wrap",
319
308
  fontFamily: "mono",
320
309
  fontSize: "sm",
321
310
  lineHeight: "1.65",
322
311
  color: "text.secondary"
323
- }), Cr = w({
312
+ }), wr = C({
324
313
  base: {
325
314
  position: "relative",
326
315
  display: "inline-flex",
327
316
  alignItems: "center",
328
317
  justifyContent: "center",
329
318
  gap: "2",
330
- borderRadius: "xl",
331
- px: "4",
332
- py: "3",
319
+ borderRadius: "lg",
333
320
  fontSize: "sm",
334
- fontWeight: "700",
335
- letterSpacing: "0.01em",
336
- backdropFilter: "blur(22px) saturate(140%)",
337
- transition: "all 160ms ease",
321
+ fontWeight: "600",
322
+ letterSpacing: "0.005em",
323
+ transition: "background-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), border-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 160ms cubic-bezier(0.25, 0.1, 0.25, 1), opacity 160ms cubic-bezier(0.25, 0.1, 0.25, 1), transform 160ms cubic-bezier(0.25, 0.1, 0.25, 1)",
338
324
  userSelect: "none",
339
- whiteSpace: "nowrap"
325
+ whiteSpace: "nowrap",
326
+ _focusVisible: {
327
+ outline: "2px solid",
328
+ outlineColor: "text.accent",
329
+ outlineOffset: "2px"
330
+ }
340
331
  },
341
332
  variants: {
342
333
  variant: {
343
334
  solid: {
344
- bg: "linear-gradient(135deg, rgba(31,67,182,0.96) 0%, rgba(49,94,255,0.92) 100%)",
335
+ bg: "text.accent",
345
336
  color: "text.inverse",
346
337
  borderWidth: "1px",
347
- borderColor: "rgba(255,255,255,0.18)",
348
- boxShadow: "0 22px 36px -24px rgba(49,94,255,0.78), inset 0 1px 0 rgba(255,255,255,0.24)",
338
+ borderColor: "transparent",
349
339
  _dark: {
350
- color: "#f7f9fd",
351
- borderColor: "rgba(255,255,255,0.06)",
352
- boxShadow: "0 22px 40px -24px rgba(71,121,255,0.55), inset 0 1px 0 rgba(255,255,255,0.18)"
340
+ color: "text.inverse"
353
341
  }
354
342
  },
355
343
  outline: {
356
344
  bg: "bg.buttonOutline",
357
345
  color: "text.secondary",
358
346
  borderWidth: "1px",
359
- borderColor: "border.default",
360
- boxShadow: "inset 0 1px 0 rgba(255,255,255,0.18)",
361
- _dark: {
362
- boxShadow: "inset 0 1px 0 rgba(255,255,255,0.04)"
363
- }
347
+ borderColor: "border.default"
364
348
  },
365
349
  subtle: {
366
350
  bg: "bg.accentSoft",
367
351
  color: "text.accent",
368
352
  borderWidth: "1px",
369
- borderColor: "badge.infoBorder",
370
- boxShadow: "inset 0 1px 0 rgba(255,255,255,0.22)",
353
+ borderColor: "badge.infoBorder"
354
+ }
355
+ },
356
+ size: {
357
+ sm: {
358
+ px: "3",
359
+ py: "1.5",
360
+ fontSize: "xs",
361
+ borderRadius: "md"
362
+ },
363
+ md: {
364
+ px: "4",
365
+ py: "2.5"
366
+ },
367
+ lg: {
368
+ px: "5",
369
+ py: "3",
370
+ fontSize: "md",
371
+ borderRadius: "xl"
372
+ }
373
+ },
374
+ tone: {
375
+ default: {},
376
+ danger: {
377
+ bg: "text.error",
378
+ color: "text.inverse",
379
+ borderWidth: "1px",
380
+ borderColor: "transparent",
371
381
  _dark: {
372
- boxShadow: "inset 0 1px 0 rgba(255,255,255,0.04)"
382
+ color: "text.inverse"
373
383
  }
374
384
  }
375
385
  },
376
386
  disabled: {
377
387
  true: {
378
388
  cursor: "not-allowed",
379
- opacity: 0.5
389
+ opacity: 0.45
380
390
  },
381
391
  false: {
382
392
  cursor: "pointer"
@@ -385,24 +395,60 @@ const mr = c({
385
395
  loading: {
386
396
  true: {
387
397
  cursor: "not-allowed",
388
- opacity: 0.5
398
+ opacity: 0.45
389
399
  }
390
400
  }
391
401
  },
392
402
  compoundVariants: [
393
403
  {
394
404
  variant: "solid",
405
+ tone: "default",
406
+ disabled: !1,
407
+ loading: !1,
408
+ css: {
409
+ _hover: {
410
+ bg: "text.accent",
411
+ boxShadow: "0 2px 8px -2px rgba(49, 94, 255, 0.4)",
412
+ _dark: {
413
+ boxShadow: "0 2px 8px -2px rgba(138, 180, 255, 0.3)"
414
+ }
415
+ }
416
+ }
417
+ },
418
+ {
419
+ variant: "solid",
420
+ tone: "danger",
421
+ disabled: !1,
422
+ loading: !1,
423
+ css: {
424
+ _hover: {
425
+ bg: "text.error",
426
+ boxShadow: "0 2px 8px -2px rgba(217, 45, 32, 0.4)",
427
+ _dark: {
428
+ boxShadow: "0 2px 8px -2px rgba(255, 142, 127, 0.3)"
429
+ }
430
+ }
431
+ }
432
+ },
433
+ {
434
+ variant: "outline",
435
+ tone: "danger",
395
436
  disabled: !1,
396
437
  loading: !1,
397
438
  css: {
439
+ color: "text.error",
440
+ borderColor: "border.danger",
441
+ bg: "transparent",
398
442
  _hover: {
399
- transform: "translateY(-1px)",
400
- boxShadow: "0 24px 42px -24px rgba(49,94,255,0.82), inset 0 1px 0 rgba(255,255,255,0.28)"
443
+ bg: "badge.dangerBg",
444
+ borderColor: "text.error",
445
+ color: "text.error"
401
446
  }
402
447
  }
403
448
  },
404
449
  {
405
450
  variant: "outline",
451
+ tone: "default",
406
452
  disabled: !1,
407
453
  loading: !1,
408
454
  css: {
@@ -410,41 +456,48 @@ const mr = c({
410
456
  color: "text.primary",
411
457
  borderColor: "border.strong",
412
458
  bg: "bg.cardStrong",
413
- transform: "translateY(-1px)"
459
+ _dark: {
460
+ bg: "rgba(255, 255, 255, 0.06)"
461
+ }
414
462
  }
415
463
  }
416
464
  },
417
465
  {
418
466
  variant: "subtle",
467
+ tone: "default",
419
468
  disabled: !1,
420
469
  loading: !1,
421
470
  css: {
422
471
  _hover: {
423
472
  bg: "bg.selected",
424
- borderColor: "border.accent",
425
- transform: "translateY(-1px)"
473
+ borderColor: "border.accent"
426
474
  }
427
475
  }
428
476
  }
429
477
  ],
430
478
  defaultVariants: {
431
479
  variant: "solid",
480
+ size: "md",
481
+ tone: "default",
432
482
  disabled: !1,
433
483
  loading: !1
434
484
  }
435
- }), Rr = w({
485
+ }), Rr = C({
436
486
  base: {
437
487
  borderWidth: "1px",
438
488
  borderColor: "border.subtle",
439
489
  bg: "bg.menu",
440
- backdropFilter: "blur(34px) saturate(165%)",
441
- 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
+ }
442
495
  },
443
496
  variants: {
444
497
  placement: {
445
498
  anchored: {
446
499
  position: "absolute",
447
- top: "calc(100% + 10px)",
500
+ top: "calc(100% + 6px)",
448
501
  left: "0",
449
502
  right: "0"
450
503
  },
@@ -454,14 +507,14 @@ const mr = c({
454
507
  },
455
508
  density: {
456
509
  cozy: {
457
- borderRadius: "2xl",
458
- p: "2",
459
- gap: "1"
460
- },
461
- compact: {
462
510
  borderRadius: "xl",
463
511
  p: "1.5",
464
512
  gap: "0.5"
513
+ },
514
+ compact: {
515
+ borderRadius: "lg",
516
+ p: "1",
517
+ gap: "0.5"
465
518
  }
466
519
  }
467
520
  },
@@ -485,38 +538,43 @@ const mr = c({
485
538
  minHeight: "0",
486
539
  overflowY: "auto",
487
540
  paddingRight: "1",
488
- alignContent: "start"
489
- }), 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({
490
548
  display: "flex",
491
549
  alignItems: "flex-start",
492
550
  justifyContent: "space-between",
493
551
  gap: "4",
494
552
  flexDirection: { base: "column", md: "row" }
495
- }), Er = c({
553
+ }), Tr = c({
496
554
  display: "grid",
497
555
  gap: "2",
498
556
  minWidth: "0"
499
- }), Pr = c({
557
+ }), Er = c({
500
558
  flexShrink: "0"
501
559
  });
502
560
  export {
503
- Sr as a,
504
- Cr as b,
505
- wr as c,
561
+ yr as a,
562
+ wr as b,
563
+ Cr as c,
506
564
  Rr as d,
507
565
  xr as e,
508
- Er as f,
509
- Tr as g,
510
- _r as h,
566
+ Tr as f,
567
+ zr as g,
568
+ vr as h,
511
569
  hr as i,
512
570
  Br as j,
513
571
  Or as k,
514
- yr as l,
515
- vr as m,
516
- mr as n,
517
- w as o,
518
- Pr as p,
519
- fr as q,
572
+ Sr as l,
573
+ kr as m,
574
+ fr as n,
575
+ C as o,
576
+ Er as p,
577
+ mr as q,
520
578
  c as r,
521
- kr as s
579
+ _r as s
522
580
  };