@astryxdesign/core 0.5.0-canary.6838406 → 0.5.0-canary.7b60efa

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 (42) hide show
  1. package/dist/Avatar/Avatar.d.ts +1 -25
  2. package/dist/Avatar/Avatar.d.ts.map +1 -1
  3. package/dist/Avatar/Avatar.js +9 -43
  4. package/dist/Avatar/index.d.ts +2 -2
  5. package/dist/Avatar/index.d.ts.map +1 -1
  6. package/dist/Avatar/index.js +1 -1
  7. package/dist/AvatarGroup/AvatarGroup.d.ts +2 -9
  8. package/dist/AvatarGroup/AvatarGroup.d.ts.map +1 -1
  9. package/dist/AvatarGroup/AvatarGroup.js +2 -5
  10. package/dist/AvatarGroup/AvatarGroupContext.d.ts +1 -2
  11. package/dist/AvatarGroup/AvatarGroupContext.d.ts.map +1 -1
  12. package/dist/AvatarGroup/AvatarGroupOverflow.d.ts.map +1 -1
  13. package/dist/AvatarGroup/AvatarGroupOverflow.js +6 -10
  14. package/dist/DateInput/DateInput.d.ts +0 -43
  15. package/dist/DateInput/DateInput.d.ts.map +1 -1
  16. package/dist/DateInput/DateInput.js +0 -19
  17. package/dist/DateInput/index.d.ts +1 -1
  18. package/dist/DateInput/index.d.ts.map +1 -1
  19. package/dist/astryx.css +0 -21
  20. package/dist/theme/derivedVarRegistry.d.ts.map +1 -1
  21. package/dist/theme/derivedVarRegistry.js +0 -4
  22. package/package.json +2 -2
  23. package/src/Avatar/Avatar.doc.mjs +2 -12
  24. package/src/Avatar/Avatar.test.tsx +0 -80
  25. package/src/Avatar/Avatar.tsx +14 -64
  26. package/src/Avatar/index.ts +2 -2
  27. package/src/AvatarGroup/AvatarGroup.doc.mjs +2 -8
  28. package/src/AvatarGroup/AvatarGroup.test.tsx +0 -24
  29. package/src/AvatarGroup/AvatarGroup.tsx +4 -12
  30. package/src/AvatarGroup/AvatarGroupContext.ts +3 -5
  31. package/src/AvatarGroup/AvatarGroupOverflow.tsx +4 -10
  32. package/src/DateInput/DateInput.doc.mjs +0 -16
  33. package/src/DateInput/DateInput.tsx +0 -52
  34. package/src/DateInput/DateInputTouch.test.tsx +9 -32
  35. package/src/DateInput/index.ts +0 -1
  36. package/src/theme/derivedVarRegistry.test.ts +0 -1
  37. package/src/theme/derivedVarRegistry.ts +0 -1
  38. package/dist/DateInput/NativeDateField.d.ts +0 -10
  39. package/dist/DateInput/NativeDateField.d.ts.map +0 -1
  40. package/dist/DateInput/NativeDateField.js +0 -477
  41. package/src/DateInput/NativeDateField.test.tsx +0 -565
  42. package/src/DateInput/NativeDateField.tsx +0 -623
@@ -16,7 +16,6 @@
16
16
  */
17
17
  import { type ReactNode } from 'react';
18
18
  import type { BaseProps } from '../BaseProps';
19
- import * as stylex from '@stylexjs/stylex';
20
19
  import type { LinkComponentType } from '../Link/types';
21
20
  /**
22
21
  * Named size options.
@@ -34,25 +33,10 @@ type AvatarNumericSize = 16 | 20 | 24 | 32 | 36 | 40 | 48 | 60 | 64 | 72 | 96 |
34
33
  * Avatar size - can be a named size or a specific pixel value
35
34
  */
36
35
  export type AvatarSize = AvatarNamedSize | AvatarNumericSize;
37
- /**
38
- * Avatar shape options
39
- */
40
- export type AvatarShape = 'circle' | 'rounded' | 'square';
41
36
  /**
42
37
  * Resolves named sizes to their numeric pixel values
43
38
  */
44
39
  export declare function resolveSize(size: AvatarSize): number;
45
- export declare const shapeStyles: Readonly<{
46
- readonly circle: Readonly<{
47
- readonly '--_avatar-radius': stylex.StyleXClassNameFor<"--_avatar-radius", "9999px">;
48
- }>;
49
- readonly rounded: Readonly<{
50
- readonly '--_avatar-radius': stylex.StyleXClassNameFor<"--_avatar-radius", "8px">;
51
- }>;
52
- readonly square: Readonly<{
53
- readonly '--_avatar-radius': stylex.StyleXClassNameFor<"--_avatar-radius", "0px">;
54
- }>;
55
- }>;
56
40
  export interface AvatarProps extends BaseProps<HTMLDivElement> {
57
41
  /** Ref forwarded to the root element */
58
42
  ref?: React.Ref<HTMLDivElement>;
@@ -85,14 +69,6 @@ export interface AvatarProps extends BaseProps<HTMLDivElement> {
85
69
  * @default 'md'
86
70
  */
87
71
  size?: AvatarSize;
88
- /**
89
- * Shape variant of the avatar.
90
- * - 'circle': Full circle (default)
91
- * - 'rounded': Rounded square
92
- * - 'square': Sharp square
93
- * @default 'circle'
94
- */
95
- shape?: AvatarShape;
96
72
  /**
97
73
  * The primary image source for the avatar.
98
74
  */
@@ -171,7 +147,7 @@ export interface AvatarProps extends BaseProps<HTMLDivElement> {
171
147
  * <Avatar src="/user.jpg" name="John Doe" onClick={() => openProfile()} />
172
148
  * ```
173
149
  */
174
- export declare function Avatar({ alt, 'data-testid': testId, fallbackSrc, name, size, shape, src, status, tooltip, href, as, target, rel, onClick, xstyle, className, style, ref, ...props }: AvatarProps): import("react").JSX.Element;
150
+ export declare function Avatar({ alt, 'data-testid': testId, fallbackSrc, name, size, src, status, tooltip, href, as, target, rel, onClick, xstyle, className, style, ref, ...props }: AvatarProps): import("react").JSX.Element;
175
151
  export declare namespace Avatar {
176
152
  var displayName: string;
177
153
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAqB3C,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AA4BrD;;;;;;GAMG;AACH,KAAK,eAAe,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzD;;GAEG;AACH,KAAK,iBAAiB,GACpB,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEzE;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG,iBAAiB,CAAC;AAE7D;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE1D;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAgBpD;AASD,eAAO,MAAM,WAAW;;;;;;;;;;EAUtB,CAAC;AA6IH,MAAM,WAAW,WAAY,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC5D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAChD;AAwHD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,MAAM,CAAC,EACrB,GAAG,EACH,aAAa,EAAE,MAAM,EACrB,WAAW,EACX,IAAI,EACJ,IAAW,EACX,KAAgB,EAChB,GAAG,EACH,MAAM,EACN,OAAc,EACd,IAAI,EACJ,EAAE,EACF,MAAM,EACN,GAAG,EACH,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,WAAW,+BAsVb;yBA1We,MAAM"}
1
+ {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAsB5C,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AA4BrD;;;;;;GAMG;AACH,KAAK,eAAe,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzD;;GAEG;AACH,KAAK,iBAAiB,GACpB,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEzE;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG,iBAAiB,CAAC;AAE7D;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAgBpD;AAgID,MAAM,WAAW,WAAY,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC5D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAChD;AAwHD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,MAAM,CAAC,EACrB,GAAG,EACH,aAAa,EAAE,MAAM,EACrB,WAAW,EACX,IAAI,EACJ,IAAW,EACX,GAAG,EACH,MAAM,EACN,OAAc,EACd,IAAI,EACJ,EAAE,EACF,MAAM,EACN,GAAG,EACH,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,WAAW,+BAkVb;yBArWe,MAAM"}
@@ -77,10 +77,6 @@ const INITIALS_FONT_SIZE_RATIO = 0.4;
77
77
  * Avatar size - can be a named size or a specific pixel value
78
78
  */
79
79
 
80
- /**
81
- * Avatar shape options
82
- */
83
-
84
80
  /**
85
81
  * Resolves named sizes to their numeric pixel values
86
82
  */
@@ -102,28 +98,6 @@ export function resolveSize(size) {
102
98
  }
103
99
  }
104
100
 
105
- // Sets one local custom property rather than `borderRadius` directly, so
106
- // every clipping/ring surface that needs the shape's radius (the wrapper,
107
- // the interactive focus ring, the content div that actually clips via
108
- // `overflow: hidden`, and AvatarGroupOverflow's "+N" indicator) reads the
109
- // same value instead of each hardcoding its own borderRadius independently.
110
- // A theme override only has to reach this one property, not fight the
111
- // per-surface StyleX class order to change the shape everywhere at once.
112
- export const shapeStyles = {
113
- circle: {
114
- "--_avatar-radius": "xeincmr",
115
- $$css: true
116
- },
117
- rounded: {
118
- "--_avatar-radius": "xdarwi0",
119
- $$css: true
120
- },
121
- square: {
122
- "--_avatar-radius": "x877142",
123
- $$css: true
124
- }
125
- };
126
-
127
101
  /**
128
102
  * Base styles for the avatar
129
103
  * Uses a wrapper/content structure so status isn't clipped by overflow:hidden
@@ -133,7 +107,7 @@ const styles = {
133
107
  kVAEAm: "x1n2onr6",
134
108
  k1xSpc: "x3nfvp2",
135
109
  kmuXW: "x2lah0s",
136
- kaIpWk: "xbc78cj",
110
+ kaIpWk: "xjspbzw",
137
111
  $$css: true
138
112
  },
139
113
  fallback: {
@@ -164,7 +138,7 @@ const styles = {
164
138
  kVVagm: "xln7xf2",
165
139
  kybGjl: "x1hl2dhg",
166
140
  kkrTdU: "x1ypdohk x16khyan",
167
- kaIpWk: "xbc78cj",
141
+ kaIpWk: "xjspbzw",
168
142
  $$css: true
169
143
  }
170
144
  };
@@ -194,20 +168,15 @@ const dynamicStyles = {
194
168
  fontSize: size => [_temp, {
195
169
  "--x-fontSize": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(`${size * INITIALS_FONT_SIZE_RATIO}px`)
196
170
  }],
197
- statusPositionCircle: size => [_temp2, {
171
+ statusPosition: size => [_temp2, {
198
172
  "--x-bottom": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(size * CIRCLE_EDGE_OFFSET_RATIO),
199
173
  "--x-insetInlineEnd": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(size * CIRCLE_EDGE_OFFSET_RATIO)
200
- }],
201
- statusPositionCorner: {
202
- krVfgx: "x1ey2m1c",
203
- kt4wiu: "xtijo5x",
204
- k3aq6I: "xv8yid9 x10fxb7p",
205
- $$css: true
206
- }
174
+ }]
207
175
  };
208
176
  const BORDER_WIDTH = 2;
209
177
  const groupStyles = {
210
178
  ring: {
179
+ kaIpWk: "xjspbzw",
211
180
  kMzoRj: "xdh2fpr",
212
181
  ksu8eU: "x1y0btm7",
213
182
  kVAM5u: "x1touxvs",
@@ -364,7 +333,6 @@ export function Avatar({
364
333
  fallbackSrc,
365
334
  name,
366
335
  size = 'md',
367
- shape = 'circle',
368
336
  src,
369
337
  status,
370
338
  tooltip = true,
@@ -416,7 +384,6 @@ export function Avatar({
416
384
  } : undefined;
417
385
  const avatarGroup = useAvatarGroup();
418
386
  const resolvedSize = avatarGroup?.size ?? size;
419
- const resolvedShape = avatarGroup?.shape ?? shape;
420
387
  const numericSize = useMemo(() => resolveSize(resolvedSize), [resolvedSize]);
421
388
 
422
389
  // Resolve the tooltip content:
@@ -520,7 +487,7 @@ export function Avatar({
520
487
  const visualContent = /*#__PURE__*/_jsxs(_Fragment, {
521
488
  children: [/*#__PURE__*/_jsxs("div", {
522
489
  ...{
523
- className: "x78zum5 x6s0dn4 xl56j7k xh8yej3 x5yr21d xb3r6kr x87ps6o xbc78cj"
490
+ className: "x78zum5 x6s0dn4 xl56j7k xh8yej3 x5yr21d xjspbzw xb3r6kr x87ps6o"
524
491
  },
525
492
  children: [showImage && /*#__PURE__*/_jsx("img", {
526
493
  src: src,
@@ -552,7 +519,7 @@ export function Avatar({
552
519
  })
553
520
  })]
554
521
  }), status && /*#__PURE__*/_jsx("div", {
555
- ...stylex.props(styles.status, resolvedShape === 'circle' ? dynamicStyles.statusPositionCircle(numericSize) : dynamicStyles.statusPositionCorner),
522
+ ...stylex.props(styles.status, dynamicStyles.statusPosition(numericSize)),
556
523
  children: status
557
524
  })]
558
525
  });
@@ -562,9 +529,8 @@ export function Avatar({
562
529
  // tooltip tab-stop focus ring all live here so the interactive
563
530
  // `<a>`/`<button>` and the static `<div>` carry the exact same box.
564
531
  const rootStylexProps = mergeProps(themeProps('avatar', {
565
- size: resolvedSize,
566
- shape: resolvedShape
567
- }), focusOutlineProps.focusVisible(styles.wrapper, dynamicStyles.size(numericSize), isInteractive && styles.interactive, avatarGroup && groupStyles.ring, avatarGroup && groupStyles.overlap, avatarGroup && groupDynamicStyles.overlap(-avatarGroup.overlap), shapeStyles[resolvedShape], xstyle), className, style);
532
+ size: resolvedSize
533
+ }), focusOutlineProps.focusVisible(styles.wrapper, dynamicStyles.size(numericSize), isInteractive && styles.interactive, avatarGroup && groupStyles.ring, avatarGroup && groupStyles.overlap, avatarGroup && groupDynamicStyles.overlap(-avatarGroup.overlap), xstyle), className, style);
568
534
  let rootElement;
569
535
 
570
536
  // `props` is typed for the default `<div>` root (its event handlers are
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @file index.ts
3
3
  * @input Imports Avatar component and types from Avatar.tsx, AvatarStatusDot from AvatarStatusDot.tsx
4
- * @output Exports Avatar, AvatarProps, AvatarSize, AvatarShape, resolveSize, AvatarStatusDot, AvatarStatusDotProps, AvatarStatusDotVariant
4
+ * @output Exports Avatar, AvatarProps, AvatarSize, AvatarStatusDot, AvatarStatusDotProps, AvatarStatusDotVariant
5
5
  * @position Component entry point; re-exported by /packages/core/src/index.ts
6
6
  *
7
7
  * SYNC: When modified, update this header and /packages/core/src/Avatar/Avatar.doc.mjs
@@ -32,7 +32,7 @@ export interface AvatarStatusDotVariantMap {
32
32
  error: true;
33
33
  }
34
34
  export { Avatar, resolveSize } from './Avatar';
35
- export type { AvatarProps, AvatarSize, AvatarShape } from './Avatar';
35
+ export type { AvatarProps, AvatarSize } from './Avatar';
36
36
  export { AvatarStatusDot } from './AvatarStatusDot';
37
37
  export type { AvatarStatusDotProps, AvatarStatusDotVariant, } from './AvatarStatusDot';
38
38
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Avatar/index.ts"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AAEH;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,IAAI,CAAC;IACd,OAAO,EAAE,IAAI,CAAC;IACd,KAAK,EAAE,IAAI,CAAC;CACb;AAED,OAAO,EAAC,MAAM,EAAE,WAAW,EAAC,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAC,WAAW,EAAE,UAAU,EAAE,WAAW,EAAC,MAAM,UAAU,CAAC;AACnE,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,YAAY,EACV,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Avatar/index.ts"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AAEH;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,IAAI,CAAC;IACd,OAAO,EAAE,IAAI,CAAC;IACd,KAAK,EAAE,IAAI,CAAC;CACb;AAED,OAAO,EAAC,MAAM,EAAE,WAAW,EAAC,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAC,WAAW,EAAE,UAAU,EAAC,MAAM,UAAU,CAAC;AACtD,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,YAAY,EACV,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,mBAAmB,CAAC"}
@@ -5,7 +5,7 @@
5
5
  /**
6
6
  * @file index.ts
7
7
  * @input Imports Avatar component and types from Avatar.tsx, AvatarStatusDot from AvatarStatusDot.tsx
8
- * @output Exports Avatar, AvatarProps, AvatarSize, AvatarShape, resolveSize, AvatarStatusDot, AvatarStatusDotProps, AvatarStatusDotVariant
8
+ * @output Exports Avatar, AvatarProps, AvatarSize, AvatarStatusDot, AvatarStatusDotProps, AvatarStatusDotVariant
9
9
  * @position Component entry point; re-exported by /packages/core/src/index.ts
10
10
  *
11
11
  * SYNC: When modified, update this header and /packages/core/src/Avatar/Avatar.doc.mjs
@@ -22,7 +22,7 @@
22
22
  */
23
23
  import { type ReactNode } from 'react';
24
24
  import type { BaseProps } from '../BaseProps';
25
- import { type AvatarShape, type AvatarSize } from '../Avatar';
25
+ import { type AvatarSize } from '../Avatar';
26
26
  export interface AvatarGroupProps extends BaseProps<HTMLDivElement> {
27
27
  /** Ref forwarded to the root element. */
28
28
  ref?: React.Ref<HTMLDivElement>;
@@ -38,13 +38,6 @@ export interface AvatarGroupProps extends BaseProps<HTMLDivElement> {
38
38
  * @default 'md'
39
39
  */
40
40
  size?: AvatarSize;
41
- /**
42
- * Shape applied to all avatars via context, overriding each avatar's own
43
- * `shape` prop so a group stays visually uniform. Also applied to the
44
- * `AvatarGroupOverflow` "+N" indicator, so it matches the group.
45
- * @default 'circle'
46
- */
47
- shape?: AvatarShape;
48
41
  /**
49
42
  * Test ID for integration testing.
50
43
  */
@@ -68,7 +61,7 @@ export interface AvatarGroupProps extends BaseProps<HTMLDivElement> {
68
61
  * </AvatarGroup>
69
62
  * ```
70
63
  */
71
- export declare function AvatarGroup({ children, size, shape, 'data-testid': testId, 'aria-label': ariaLabelFromProps, 'aria-describedby': ariaDescribedByFromProps, onKeyDown, onFocus, xstyle, className, style, ref, ...props }: AvatarGroupProps): ReactNode;
64
+ export declare function AvatarGroup({ children, size, 'data-testid': testId, 'aria-label': ariaLabelFromProps, 'aria-describedby': ariaDescribedByFromProps, onKeyDown, onFocus, xstyle, className, style, ref, ...props }: AvatarGroupProps): ReactNode;
72
65
  export declare namespace AvatarGroup {
73
66
  var displayName: string;
74
67
  }
@@ -1 +1 @@
1
- {"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../src/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,EAA2B,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAC/D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAc,KAAK,WAAW,EAAE,KAAK,UAAU,EAAC,MAAM,WAAW,CAAC;AAczE,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACjE,yCAAyC;IACzC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AASD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAW,EACX,KAAgB,EAChB,aAAa,EAAE,MAAM,EACrB,YAAY,EAAE,kBAAkB,EAChC,kBAAkB,EAAE,wBAAwB,EAC5C,SAAS,EACT,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,SAAS,CAmE9B;yBAjFe,WAAW"}
1
+ {"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../src/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,EAA2B,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAC/D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAc,KAAK,UAAU,EAAC,MAAM,WAAW,CAAC;AAcvD,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACjE,yCAAyC;IACzC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AASD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAW,EACX,aAAa,EAAE,MAAM,EACrB,YAAY,EAAE,kBAAkB,EAChC,kBAAkB,EAAE,wBAAwB,EAC5C,SAAS,EACT,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,SAAS,CAmE9B;yBAhFe,WAAW"}
@@ -66,7 +66,6 @@ const styles = {
66
66
  export function AvatarGroup({
67
67
  children,
68
68
  size = 'md',
69
- shape = 'circle',
70
69
  'data-testid': testId,
71
70
  'aria-label': ariaLabelFromProps,
72
71
  'aria-describedby': ariaDescribedByFromProps,
@@ -84,10 +83,9 @@ export function AvatarGroup({
84
83
  const overlap = Math.round(numericSize * OVERLAP_RATIO);
85
84
  const contextValue = useMemo(() => ({
86
85
  size,
87
- shape,
88
86
  overlap,
89
87
  numericSize
90
- }), [size, shape, overlap, numericSize]);
88
+ }), [size, overlap, numericSize]);
91
89
 
92
90
  // The keyboard hint and roving tab stop only make sense once the group has
93
91
  // interactive children. Detect their presence from the rendered DOM after
@@ -129,8 +127,7 @@ export function AvatarGroup({
129
127
  onKeyDown: composeEventHandlers(onKeyDown, handleKeyDown),
130
128
  onFocus: composeEventHandlers(onFocus, handleFocus),
131
129
  ...mergeProps(themeProps('avatar-group', {
132
- size,
133
- shape
130
+ size
134
131
  }), stylex.props(styles.root, xstyle), className, style),
135
132
  children: [children, hasInteractiveItems && /*#__PURE__*/_jsx(VisuallyHidden, {
136
133
  id: hintId,
@@ -1,7 +1,6 @@
1
- import type { AvatarShape, AvatarSize } from '../Avatar';
1
+ import type { AvatarSize } from '../Avatar';
2
2
  export interface AvatarGroupContextValue {
3
3
  size: AvatarSize;
4
- shape: AvatarShape;
5
4
  overlap: number;
6
5
  numericSize: number;
7
6
  }
@@ -1 +1 @@
1
- {"version":3,"file":"AvatarGroupContext.d.ts","sourceRoot":"","sources":["../../src/AvatarGroup/AvatarGroupContext.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAC,WAAW,EAAE,UAAU,EAAC,MAAM,WAAW,CAAC;AAEvD,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,WAAW,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,yDAE9B,CAAC;AAGF,wBAAgB,cAAc,IAAI,uBAAuB,GAAG,IAAI,CAE/D"}
1
+ {"version":3,"file":"AvatarGroupContext.d.ts","sourceRoot":"","sources":["../../src/AvatarGroup/AvatarGroupContext.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,WAAW,CAAC;AAE1C,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,yDACsB,CAAC;AAGtD,wBAAgB,cAAc,IAAI,uBAAuB,GAAG,IAAI,CAE/D"}
@@ -1 +1 @@
1
- {"version":3,"file":"AvatarGroupOverflow.d.ts","sourceRoot":"","sources":["../../src/AvatarGroup/AvatarGroupOverflow.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAa5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAQ5C,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CACpD,SAAS,CAAC,WAAW,CAAC,EACtB,SAAS,CACV;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAwFD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,KAAK,EACL,OAAO,EACP,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,wBAAwB,GAAG,SAAS,CAkEtC;yBA3Ee,mBAAmB"}
1
+ {"version":3,"file":"AvatarGroupOverflow.d.ts","sourceRoot":"","sources":["../../src/AvatarGroup/AvatarGroupOverflow.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAa5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAQ5C,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CACpD,SAAS,CAAC,WAAW,CAAC,EACtB,SAAS,CACV;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAqFD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,KAAK,EACL,OAAO,EACP,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,wBAAwB,GAAG,SAAS,CA+DtC;yBAxEe,mBAAmB"}
@@ -15,8 +15,7 @@
15
15
  import React from 'react';
16
16
  import * as stylex from '@stylexjs/stylex';
17
17
  import "../theme/tokens.stylex.js";
18
- import { colorVars, typographyVars, typeScaleVars, fontWeightVars, spacingVars } from "../theme/tokens.stylex.js";
19
- import { shapeStyles } from "../Avatar/Avatar.js";
18
+ import { colorVars, typographyVars, typeScaleVars, fontWeightVars, radiusVars, spacingVars } from "../theme/tokens.stylex.js";
20
19
  import { mergeProps } from "../utils/index.js";
21
20
  import { resolveSize } from "../Avatar/index.js";
22
21
  import { useAvatarGroup } from "./AvatarGroupContext.js";
@@ -32,7 +31,7 @@ const styles = {
32
31
  k1xSpc: "x3nfvp2",
33
32
  kGNEyG: "x6s0dn4",
34
33
  kjj79g: "xl56j7k",
35
- kaIpWk: "xbc78cj",
34
+ kaIpWk: "xjspbzw",
36
35
  kWkggS: "x10xzikg",
37
36
  kMwMTN: "xv1l7n4",
38
37
  kMv6JI: "x9ynric",
@@ -110,7 +109,6 @@ export function AvatarGroupOverflow({
110
109
  const t = useTranslator();
111
110
  const group = useAvatarGroup();
112
111
  const size = group?.size ?? 'md';
113
- const shape = group?.shape ?? 'circle';
114
112
  const numericSize = group?.numericSize ?? resolveSize('md');
115
113
  const overlap = group?.overlap ?? 0;
116
114
 
@@ -131,9 +129,8 @@ export function AvatarGroupOverflow({
131
129
  "aria-label": label,
132
130
  "data-avatar-item": "",
133
131
  ...mergeProps(themeProps('avatar-group-overflow', {
134
- size,
135
- shape
136
- }), focusOutlineProps.focusVisible(styles.base, styles.button, styles.overlap, dynamicStyles.size(numericSize), dynamicStyles.fontSize(numericSize), dynamicStyles.overlap(-overlap), shapeStyles[shape], xstyle), className, style),
132
+ size
133
+ }), focusOutlineProps.focusVisible(styles.base, styles.button, styles.overlap, dynamicStyles.size(numericSize), dynamicStyles.fontSize(numericSize), dynamicStyles.overlap(-overlap), xstyle), className, style),
137
134
  children: content
138
135
  });
139
136
  }
@@ -142,9 +139,8 @@ export function AvatarGroupOverflow({
142
139
  ...rest,
143
140
  "aria-label": label,
144
141
  ...mergeProps(themeProps('avatar-group-overflow', {
145
- size,
146
- shape
147
- }), stylex.props(styles.base, styles.overlap, dynamicStyles.size(numericSize), dynamicStyles.fontSize(numericSize), dynamicStyles.overlap(-overlap), shapeStyles[shape], xstyle), className, style),
142
+ size
143
+ }), stylex.props(styles.base, styles.overlap, dynamicStyles.size(numericSize), dynamicStyles.fontSize(numericSize), dynamicStyles.overlap(-overlap), xstyle), className, style),
148
144
  children: content
149
145
  });
150
146
  }
@@ -31,16 +31,6 @@ export type DateInputSize = keyof typeof sizeStyles;
31
31
  * types stay in compile-time lockstep: renaming or removing one of these
32
32
  * members from `TimestampFormat` breaks this type at build time.
33
33
  */
34
- /**
35
- * When DateInput hands date picking to the browser/OS instead of its own
36
- * surfaces.
37
- *
38
- * - `'touch'`: native on touch devices (coarse pointer), Astryx's calendar
39
- * popover on mouse-driven ones
40
- * - `'always'`: native wherever the browser supports `<input type="date">`
41
- * - `'never'`: Astryx's own pickers everywhere
42
- */
43
- export type DateInputNativePicker = 'touch' | 'always' | 'never';
44
34
  export type DateInputFormat = Extract<TimestampFormat, 'date' | 'date_long' | 'date_weekday' | 'system_date'>;
45
35
  export type { InputStatus as DateInputStatus, InputStatusType as DateInputStatusType, } from '../Field';
46
36
  import type { BaseProps } from '../BaseProps';
@@ -212,39 +202,6 @@ export interface DateInputProps extends Omit<BaseProps, 'onChange' | 'defaultVal
212
202
  * ```
213
203
  */
214
204
  format?: DateInputFormat | ((value: ISODateString) => string);
215
- /**
216
- * When date picking is handed to the browser/OS instead of Astryx's own
217
- * surfaces: the field becomes an `<input type="date">` and the platform
218
- * draws the picker — the iOS wheel, the Android calendar dialog — with the
219
- * OS's own hit areas, momentum scrolling, locale and accessibility
220
- * settings.
221
- *
222
- * - `'touch'` (default): native on touch devices (coarse pointer), the text
223
- * field and calendar popover on mouse-driven ones
224
- * - `'always'`: native wherever the browser supports `<input type="date">`
225
- * - `'never'`: Astryx's own pickers everywhere — the touch picker on a
226
- * finger, the calendar popover on a mouse
227
- *
228
- * `format` and `placeholder` still apply in native mode: DateInput paints
229
- * the closed field's text itself, over the control. `numberOfMonths` and
230
- * `weekStartsOn` do not — they describe a calendar grid the native picker
231
- * does not have — so a field that needs either should pass `'never'`.
232
- *
233
- * `min` and `max` are forwarded, but note that a native picker may not
234
- * *show* them: on iOS they are constraint-validation flags rather than
235
- * clamps, so an out-of-range date can be selected and is refused on commit
236
- * (announced to assistive technology) rather than being greyed out in the
237
- * picker. `dateConstraints` is enforced the same way, on commit, and is
238
- * reason enough to prefer `'never'` on a field that uses it.
239
- *
240
- * @default 'touch'
241
- * @example
242
- * ```
243
- * // Astryx's own touch picker instead of the platform's
244
- * <DateInput label="Event date" value={date} onChange={setDate} nativePicker="never" />
245
- * ```
246
- */
247
- nativePicker?: DateInputNativePicker;
248
205
  }
249
206
  /**
250
207
  * A date picker that fits the pointer it is being used with.
@@ -1 +1 @@
1
- {"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../src/DateInput/DateInput.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../src/DateInput/DateInput.tsx"],"names":[],"mappings":"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"}
@@ -32,7 +32,6 @@ import { useInputStatusIcon } from "../hooks/useInputStatusIcon.js";
32
32
  import { useMediaQuery } from "../hooks/useMediaQuery.js";
33
33
  import { useResolvedRequired } from "../hooks/useResolvedRequired.js";
34
34
  import { usePopover } from "../Popover/index.js";
35
- import { NativeDateField } from "./NativeDateField.js";
36
35
  import { TouchDateField } from "./TouchDateField.js";
37
36
  import { useTooltip } from "../Tooltip/index.js";
38
37
  import { getInputARIA, isImeKeyEvent, parseDateInput } from "../utils/index.js";
@@ -88,15 +87,6 @@ const sizeStyles = {
88
87
  * types stay in compile-time lockstep: renaming or removing one of these
89
88
  * members from `TimestampFormat` breaks this type at build time.
90
89
  */
91
- /**
92
- * When DateInput hands date picking to the browser/OS instead of its own
93
- * surfaces.
94
- *
95
- * - `'touch'`: native on touch devices (coarse pointer), Astryx's calendar
96
- * popover on mouse-driven ones
97
- * - `'always'`: native wherever the browser supports `<input type="date">`
98
- * - `'never'`: Astryx's own pickers everywhere
99
- */
100
90
 
101
91
  // Re-export shared types for convenience
102
92
 
@@ -570,15 +560,6 @@ PointerDateField.displayName = 'PointerDateField';
570
560
  */
571
561
  export function DateInput(props) {
572
562
  const isTouch = useMediaQuery(TOUCH_POINTER_QUERY);
573
- const nativePicker = props.nativePicker ?? 'touch';
574
-
575
- // The platform's picker, where the consumer asked for it — see the
576
- // `nativePicker` prop for what that trades away.
577
- if (nativePicker === 'always' || nativePicker === 'touch' && isTouch) {
578
- return /*#__PURE__*/_jsx(NativeDateField, {
579
- ...props
580
- });
581
- }
582
563
  return isTouch ? /*#__PURE__*/_jsx(TouchDateField, {
583
564
  ...props
584
565
  }) : /*#__PURE__*/_jsx(PointerDateField, {
@@ -5,5 +5,5 @@
5
5
  * @position Package entry point for DateInput
6
6
  */
7
7
  export { DateInput } from './DateInput';
8
- export type { DateInputProps, DateInputSize, DateInputFormat, DateInputNativePicker, DateInputStatus, DateInputStatusType, } from './DateInput';
8
+ export type { DateInputProps, DateInputSize, DateInputFormat, DateInputStatus, DateInputStatusType, } from './DateInput';
9
9
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DateInput/index.ts"],"names":[],"mappings":"AAIA;;;;;GAKG;AAEH,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,YAAY,EACV,cAAc,EACd,aAAa,EACb,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,mBAAmB,GACpB,MAAM,aAAa,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DateInput/index.ts"],"names":[],"mappings":"AAIA;;;;;GAKG;AAEH,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,YAAY,EACV,cAAc,EACd,aAAa,EACb,eAAe,EACf,eAAe,EACf,mBAAmB,GACpB,MAAM,aAAa,CAAC"}
package/dist/astryx.css CHANGED
@@ -79,9 +79,6 @@
79
79
  :root, .x1kvdh9l{--spacing-0:0px;--spacing-0-5:2px;--spacing-1:4px;--spacing-1-5:6px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-7:28px;--spacing-8:32px;--spacing-9:36px;--spacing-10:40px;--spacing-11:44px;--spacing-12:48px;}
80
80
  :root, .x1etlgq0{--text-heading-1-size:var(--font-size-2xl);--text-heading-1-weight:var(--font-weight-semibold);--text-heading-1-leading:1.3333;--text-heading-2-size:var(--font-size-xl);--text-heading-2-weight:var(--font-weight-semibold);--text-heading-2-leading:1.4;--text-heading-3-size:var(--font-size-lg);--text-heading-3-weight:var(--font-weight-semibold);--text-heading-3-leading:1.4118;--text-heading-4-size:var(--font-size-base);--text-heading-4-weight:var(--font-weight-semibold);--text-heading-4-leading:1.4286;--text-heading-5-size:var(--font-size-sm);--text-heading-5-weight:var(--font-weight-semibold);--text-heading-5-leading:1.6667;--text-heading-6-size:var(--font-size-xs);--text-heading-6-weight:var(--font-weight-semibold);--text-heading-6-leading:1.6;--text-body-size:var(--font-size-base);--text-body-weight:var(--font-weight-normal);--text-body-leading:1.4286;--text-large-size:var(--font-size-lg);--text-large-weight:var(--font-weight-semibold);--text-large-leading:1.4118;--text-label-size:var(--font-size-base);--text-label-weight:var(--font-weight-medium);--text-label-leading:1.4286;--text-code-size:var(--font-size-base);--text-code-weight:var(--font-weight-normal);--text-code-leading:1.4286;--text-supporting-size:var(--font-size-sm);--text-supporting-weight:var(--font-weight-normal);--text-supporting-leading:1.6667;--text-display-1-size:var(--font-size-5xl);--text-display-1-weight:var(--font-weight-normal);--text-display-1-leading:1.2381;--text-display-2-size:var(--font-size-4xl);--text-display-2-weight:var(--font-weight-normal);--text-display-2-leading:1.2571;--text-display-3-size:var(--font-size-3xl);--text-display-3-weight:var(--font-weight-normal);--text-display-3-leading:1.2414;}
81
81
  .xlz5hwt{--_avatar-group-overlap:var(--x---_avatar-group-overlap)}
82
- .xdarwi0{--_avatar-radius:var(--radius-element)}
83
- .xeincmr{--_avatar-radius:var(--radius-full)}
84
- .x877142{--_avatar-radius:var(--radius-none)}
85
82
  .xh8ntw8{--_button-radius:calc(var(--radius-element) - var(--spacing-1))}
86
83
  .xcw7vlg{--_button-radius:max(var(--radius-element),calc(var(--_chat-composer-radius) - var(--_chat-composer-padding)))}
87
84
  .x1rjw8qi{--_button-radius:var(--radius-full)}
@@ -404,7 +401,6 @@
404
401
  .x1pjcqnp:not(#\#):not(#\#){border-radius:inherit}
405
402
  .x1ws5lxm:not(#\#):not(#\#){border-radius:max(0px,calc(var(--_dropdown-menu-radius,var(--spacing-2)) - var(--_dropdown-menu-padding,var(--spacing-1))))}
406
403
  .xc910v0:not(#\#):not(#\#){border-radius:max(0px,calc(var(--_segmented-control-radius) - var(--_segmented-control-padding)))}
407
- .xbc78cj:not(#\#):not(#\#){border-radius:var(--_avatar-radius)}
408
404
  .x1vf2byn:not(#\#):not(#\#){border-radius:var(--_banner-radius,var(--radius-container))}
409
405
  .x1jxw6zd:not(#\#):not(#\#){border-radius:var(--_button-radius,var(--radius-element))}
410
406
  .xy0xnkn:not(#\#):not(#\#){border-radius:var(--_button-radius,var(--radius-full))}
@@ -438,7 +434,6 @@
438
434
  .x98rzlu:not(#\#):not(#\#){flex:1}
439
435
  .xxhr3t:not(#\#):not(#\#){gap:0}
440
436
  .x1jnr06f:not(#\#):not(#\#){gap:4px}
441
- .x167g77z:not(#\#):not(#\#){gap:8px}
442
437
  .x14kbac9:not(#\#):not(#\#){gap:inherit}
443
438
  .x1lsbc85:not(#\#):not(#\#){gap:var(--spacing-0-5)}
444
439
  .xsn7fz1:not(#\#):not(#\#){gap:var(--spacing-0)}
@@ -563,7 +558,6 @@
563
558
  @media (hover: hover){.x61roa7.x61roa7.x61roa7:where(.x1odsvnm:hover *):not(#\#):not(#\#){border-color:var(--color-border)}}
564
559
  @media (hover: hover){.x1xwh4np.x1xwh4np.x1xwh4np:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#){border-color:var(--color-border-emphasized)}}
565
560
  @media (hover: hover){.x13nosk6.x13nosk6.x13nosk6:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#){text-decoration:underline}}
566
- .x1lugfcp:not(#\#):not(#\#):not(#\#){-webkit-appearance:none}
567
561
  .x67t5t6:not(#\#):not(#\#):not(#\#){-webkit-backdrop-filter:blur(12px)}
568
562
  .x1ua5tub:not(#\#):not(#\#):not(#\#){-webkit-box-orient:vertical}
569
563
  .x1yhjpo9:not(#\#):not(#\#):not(#\#){-webkit-line-clamp:var(--x-WebkitLineClamp)}
@@ -573,7 +567,6 @@
573
567
  .xt2iwb0:not(#\#):not(#\#):not(#\#){-webkit-mask-image:linear-gradient(transparent,transparent)}
574
568
  .x5lxg6s:not(#\#):not(#\#):not(#\#){-webkit-overflow-scrolling:touch}
575
569
  .x1i10hfl:not(#\#):not(#\#):not(#\#){-webkit-tap-highlight-color:transparent}
576
- .xg7jpbn:not(#\#):not(#\#):not(#\#){-webkit-text-fill-color:transparent}
577
570
  .xpdipgo:not(#\#):not(#\#):not(#\#){-webkit-touch-callout:none}
578
571
  .x8gbvx8:not(#\#):not(#\#):not(#\#){align-content:flex-start}
579
572
  .x1pha0wt:not(#\#):not(#\#):not(#\#){align-items:baseline}
@@ -1153,7 +1146,6 @@
1153
1146
  .x3oybdh:not(#\#):not(#\#):not(#\#){transform:scale(1)}
1154
1147
  .x11lhmoz:not(#\#):not(#\#):not(#\#){transform:translate(-50%,-50%)}
1155
1148
  .x1m9mm8y:not(#\#):not(#\#):not(#\#){transform:translate(-50%,50%)}
1156
- .xv8yid9:not(#\#):not(#\#):not(#\#){transform:translate(25%,25%)}
1157
1149
  .x4v1no5:not(#\#):not(#\#):not(#\#){transform:translate(50%,50%)}
1158
1150
  .x5i6ehr:not(#\#):not(#\#):not(#\#){transform:translateX(-100%)}
1159
1151
  .xuuh30:not(#\#):not(#\#):not(#\#){transform:translateX(-50%)}
@@ -1303,7 +1295,6 @@
1303
1295
  .xaafvuh:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:scaleX(-1) rotate(0deg)}
1304
1296
  .x1nxqau:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:scaleX(-1) rotate(90deg)}
1305
1297
  .xgtlewx:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:scaleX(-1)}
1306
- .x10fxb7p:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translate(-25%,25%)}
1307
1298
  .xqgnvz5:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translate(-50%,50%)}
1308
1299
  .xoffwj3:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translate(50%,-50%)}
1309
1300
  .x1df3fe5:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translateX(-100%)}
@@ -1472,7 +1463,6 @@
1472
1463
  .xs02d24:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(100% + 1px)}
1473
1464
  .x12qplqi:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(100% + var(--container-padding-block-start,0px) + var(--container-padding-block-end,0px))}
1474
1465
  .xpa73km:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(100dvh - var(--_app-shell-header-height,0px))}
1475
- .x1oglpa6:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(max(1rem,var(--text-body-size)) * var(--text-body-leading));height:1lh}
1476
1466
  .x1tpcejd:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(var(--_sheet-budget) + 48px)}
1477
1467
  .x1uiybsj:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(var(--size-element-lg) - 4px)}
1478
1468
  .x102lyln:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(var(--size-element-lg) - 8px)}
@@ -1776,13 +1766,7 @@
1776
1766
  .xxyica1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{border-radius:inherit}
1777
1767
  .x17gn2l9:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{grid-column:1}
1778
1768
  .xd54j2p:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{inset-block:0}
1779
- .xpsyfx0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value{margin-block:0}
1780
- .x1qqcexc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value{margin-inline:0}
1781
- .x1x4c3m6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value{padding-block:0}
1782
- .xtbxizx:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-datetime-edit{padding-block:0}
1783
1769
  @starting-style{.x5rzir7.x5rzir7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:0}}
1784
- .xkqr7wz:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value{padding-inline:0}
1785
- .xslb4at:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-datetime-edit{padding-inline:0}
1786
1770
  .xvtkv6q:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transition:background-color .15s ease,width .15s ease}
1787
1771
  .x17s1k9h:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transition:opacity .15s ease}
1788
1772
  .x19ds33d:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{align-self:start}
@@ -1806,15 +1790,12 @@
1806
1790
  .xc2ndz5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{content:counter(astryx-list) "."}
1807
1791
  .xh3pasq:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{content:var(--_input-clear-hit-content)}
1808
1792
  .xhkezso:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{display:block}
1809
- .xolhmmf:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-calendar-picker-indicator{display:none}
1810
1793
  .x3nzp0f:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{font-family:var(--font-family-code)}
1811
1794
  .xekda60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{inset-inline-end:-2px}
1812
1795
  .x1unh1gc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{inset-inline-end:0}
1813
1796
  .xvw6utc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{inset-inline-start:-2px}
1814
1797
  .x1iygr5g:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{inset-inline-start:0}
1815
1798
  .x1km86hw:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{inset-inline-start:calc(var(--spacing-4) + var(--_codeblock-gutter-width) + var(--spacing-3))}
1816
- .x15bqym3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-datetime-edit{line-height:inherit}
1817
- .x1f74mqm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value{line-height:inherit}
1818
1799
  .xph5o2a:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{opacity:0}
1819
1800
  .xb3n6bw:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{opacity:1}
1820
1801
  .xni466t:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{opacity:var(--_sheet-scrim-opacity,1)}
@@ -1825,7 +1806,6 @@
1825
1806
  .x1hmns74:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{position:absolute}
1826
1807
  .x1j6awrg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{position:absolute}
1827
1808
  .x1wnbjh8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{text-align:end}
1828
- .x9rmy9g:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value{text-align:start}
1829
1809
  .x1fgylwi:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{transform-origin:center top}
1830
1810
  .xgu12d:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{transform-origin:left center}
1831
1811
  .x1e8txe:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{transform:scaleX(0)}
@@ -1865,7 +1845,6 @@
1865
1845
  .xe80sof:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{bottom:-2px}
1866
1846
  .x1xrz1ek:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{bottom:0}
1867
1847
  .xu6fald:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{height:var(--_sheet-keyboard-inset,0px)}
1868
- .xec4aax:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value{min-height:0}
1869
1848
  .x51xajf:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{top:-2px}
1870
1849
  .x1m1drc7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{top:0}
1871
1850
  .xkj6t0a:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{width:0}
@@ -1 +1 @@
1
- {"version":3,"file":"derivedVarRegistry.d.ts","sourceRoot":"","sources":["../../src/theme/derivedVarRegistry.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;GAgBG;AAEH,MAAM,WAAW,eAAe;IAC9B,2EAA2E;IAC3E,QAAQ,EAAE,MAAM,CAAC;IACjB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,iFAAiF;IACjF,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,EAAE,CA+ChE,CAAC;AAEF;;;GAGG;AACH,wBAAgB,cAAc,CAC5B,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,MAAM,GACf,eAAe,EAAE,CAMnB"}
1
+ {"version":3,"file":"derivedVarRegistry.d.ts","sourceRoot":"","sources":["../../src/theme/derivedVarRegistry.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;GAgBG;AAEH,MAAM,WAAW,eAAe;IAC9B,2EAA2E;IAC3E,QAAQ,EAAE,MAAM,CAAC;IACjB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,iFAAiF;IACjF,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,EAAE,CA8ChE,CAAC;AAEF;;;GAGG;AACH,wBAAgB,cAAc,CAC5B,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,MAAM,GACf,eAAe,EAAE,CAMnB"}
@@ -26,10 +26,6 @@
26
26
  * entries share the same property.
27
27
  */
28
28
  export const derivedVarRegistry = {
29
- avatar: [{
30
- property: 'borderRadius',
31
- vars: ['--_avatar-radius']
32
- }],
33
29
  banner: [{
34
30
  property: 'borderRadius',
35
31
  vars: ['--_banner-radius']