@astryxdesign/lab 0.1.4-canary.36ade03 → 0.1.4-canary.37c19d3

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 (45) hide show
  1. package/README.md +0 -2
  2. package/dist/index.d.ts +0 -2
  3. package/dist/index.d.ts.map +1 -1
  4. package/dist/index.js +0 -4
  5. package/dist/lab.css +21 -118
  6. package/package.json +2 -2
  7. package/src/index.ts +0 -4
  8. package/dist/Chat/ChatEmojiPicker.d.ts +0 -80
  9. package/dist/Chat/ChatEmojiPicker.d.ts.map +0 -1
  10. package/dist/Chat/ChatEmojiPicker.js +0 -201
  11. package/dist/Chat/ChatReactionBar.d.ts +0 -73
  12. package/dist/Chat/ChatReactionBar.d.ts.map +0 -1
  13. package/dist/Chat/ChatReactionBar.js +0 -148
  14. package/dist/Chat/ChatTypingIndicator.d.ts +0 -30
  15. package/dist/Chat/ChatTypingIndicator.d.ts.map +0 -1
  16. package/dist/Chat/ChatTypingIndicator.js +0 -112
  17. package/dist/Chat/ChatUnreadDivider.d.ts +0 -27
  18. package/dist/Chat/ChatUnreadDivider.d.ts.map +0 -1
  19. package/dist/Chat/ChatUnreadDivider.js +0 -83
  20. package/dist/Chat/index.d.ts +0 -15
  21. package/dist/Chat/index.d.ts.map +0 -1
  22. package/dist/Chat/index.js +0 -14
  23. package/dist/Drawer/Drawer.d.ts +0 -135
  24. package/dist/Drawer/Drawer.d.ts.map +0 -1
  25. package/dist/Drawer/Drawer.js +0 -503
  26. package/dist/Drawer/index.d.ts +0 -9
  27. package/dist/Drawer/index.d.ts.map +0 -1
  28. package/dist/Drawer/index.js +0 -10
  29. package/src/Chat/ChatEmojiPicker.doc.mjs +0 -68
  30. package/src/Chat/ChatEmojiPicker.test.tsx +0 -143
  31. package/src/Chat/ChatEmojiPicker.tsx +0 -287
  32. package/src/Chat/ChatReactionBar.doc.mjs +0 -73
  33. package/src/Chat/ChatReactionBar.test.tsx +0 -124
  34. package/src/Chat/ChatReactionBar.tsx +0 -290
  35. package/src/Chat/ChatTypingIndicator.doc.mjs +0 -35
  36. package/src/Chat/ChatTypingIndicator.test.tsx +0 -48
  37. package/src/Chat/ChatTypingIndicator.tsx +0 -158
  38. package/src/Chat/ChatUnreadDivider.doc.mjs +0 -36
  39. package/src/Chat/ChatUnreadDivider.test.tsx +0 -35
  40. package/src/Chat/ChatUnreadDivider.tsx +0 -113
  41. package/src/Chat/index.ts +0 -22
  42. package/src/Drawer/Drawer.doc.mjs +0 -157
  43. package/src/Drawer/Drawer.test.tsx +0 -636
  44. package/src/Drawer/Drawer.tsx +0 -741
  45. package/src/Drawer/index.ts +0 -11
package/README.md CHANGED
@@ -12,8 +12,6 @@ Components in lab:
12
12
  - Compose with `@astryxdesign/core` components (use the theme, follow naming conventions)
13
13
  - Graduate to `@astryxdesign/core` after thorough engineering review
14
14
 
15
- See the **[Component Lifecycle](https://github.com/facebook/astryx/wiki/Component-Lifecycle)** wiki for how a component moves from lab → core (and the promotion gates), and the **[Component Hardening Protocol](https://github.com/facebook/astryx/wiki/Component-Hardening-Protocol)** for the bar a component must clear to graduate.
16
-
17
15
  ## What's here vs what's in core
18
16
 
19
17
  **Lab:** Works, has basic props, maybe has stories. API might change. Not accessibility-hardened, not vibe-tested, not fully themed. **Canary-only — no stability promise.**
package/dist/index.d.ts CHANGED
@@ -14,8 +14,6 @@ export { CodeEditor, type CodeEditorProps } from './CodeEditor';
14
14
  export { tokenize, tokenizeAsync, SYNC_TOKENIZE_THRESHOLD, type SyntaxToken, } from '@astryxdesign/core/CodeBlock';
15
15
  export { InfoTip, type InfoTipProps, type InfoTipSize } from './InfoTip';
16
16
  export { ChatReasoning, type ChatReasoningProps, } from './ChatReasoning/ChatReasoning';
17
- export * from './Chat';
18
- export { Drawer, type DrawerProps } from './Drawer';
19
17
  export * from './Schedule';
20
18
  export { SVGIcon, type SVGIconProps, type SVGIconVariation, type SVGIconSize, type SVGIconColor, type SVGIconDef, type IconShape, type IconShapeRole, iconVars, variations, opticalSize, xIcon, checkIcon, bellIcon, homeIcon, settingsIcon, calendarIcon, menuIcon, heartIcon, eyeIcon, starIcon, folderIcon, shieldIcon, searchIcon, mailIcon, lockIcon, starterIcons, } from './SVGIcon';
21
19
  export { Chart, type ChartProps, type YBaseline, ChartAxis, type ChartAxisProps, ChartGrid, type ChartGridProps, ChartBar, type ChartBarProps, ChartLine, type ChartLineProps, ChartArea, type ChartAreaProps, ChartErrorBar, type ChartErrorBarProps, ChartCandlestick, type ChartCandlestickProps, ChartDot, type ChartDotProps, ChartDotGL, type ChartDotGLProps, ChartDotGLInteractive, type ChartDotGLInteractiveProps, ChartHeatmapGL, type ChartHeatmapGLProps, ChartStreamGL, type ChartStreamGLProps, type ChartStreamGLHandle, ChartTooltip, type ChartTooltipProps, type ChartCrosshairMode, ChartLegend, type ChartLegendProps, type ChartLegendItem, useChart, type ChartContext, type ChartMargin, type ChartScale, m4Reduce, type M4Point, useChartColors, useChartRange, type UseChartRangeOptions, type UseChartRangeReturn, getChartColors, getChartColorsFromResolver, type ChartColorsAPI, type SequentialHue, type TokenResolver, compactNumber, currency, percent, shortDate, monthYear, } from './Chart';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
package/dist/index.js CHANGED
@@ -22,10 +22,6 @@ export { InfoTip } from "./InfoTip/index.js";
22
22
 
23
23
  // Chat — experimental reasoning display
24
24
  export { ChatReasoning } from "./ChatReasoning/ChatReasoning.js";
25
- export * from "./Chat/index.js";
26
-
27
- // Drawer — experimental overlay panel
28
- export { Drawer } from "./Drawer/index.js";
29
25
 
30
26
  // Schedule — experimental full-calendar views
31
27
  export * from "./Schedule/index.js";
package/dist/lab.css CHANGED
@@ -9,8 +9,6 @@
9
9
  @property --x-height { syntax: "*"; inherits: false;}
10
10
  @property --x-insetInlineStart { syntax: "*"; inherits: false;}
11
11
  @property --x-marginBlockStart { syntax: "*"; inherits: false;}
12
- @property --x-maxHeight { syntax: "*"; inherits: false;}
13
- @property --x-maxWidth { syntax: "*"; inherits: false;}
14
12
  @property --x-minHeight { syntax: "*"; inherits: false;}
15
13
  @property --x-minWidth { syntax: "*"; inherits: false;}
16
14
  @property --x-top { syntax: "*"; inherits: false;}
@@ -18,7 +16,6 @@
18
16
  @keyframes x1ofn8cw-B{0%{background-position:200% 0;}100%{background-position:-200% 0;}}
19
17
  @keyframes xr5kuex-B{0%{stroke-dasharray:1,150;stroke-dashoffset:0;}50%{stroke-dasharray:90,150;stroke-dashoffset:-35;}100%{stroke-dasharray:90,150;stroke-dashoffset:-124;}}
20
18
  @keyframes xqng64z-B{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
21
- @keyframes x17t2jll-B{0%{transform:translateY(0);opacity:.35;}30%{transform:translateY(-3px);opacity:1;}60%{transform:translateY(0);opacity:.35;}100%{transform:translateY(0);opacity:.35;}}
22
19
  :root, .x1ucsbpz{--icon-layer-primary-fill:none;--icon-layer-primary-stroke:currentColor;--icon-layer-primary-opacity:1;--icon-layer-primary-stroke-role-fill:none;--icon-layer-primary-stroke-role-stroke:currentColor;--icon-layer-primary-stroke-role-opacity:1;--icon-layer-primary-stroke-role-width:1.5;--icon-layer-secondary-fill:none;--icon-layer-secondary-stroke:currentColor;--icon-layer-secondary-opacity:1;--icon-layer-secondary-stroke-role-fill:none;--icon-layer-secondary-stroke-role-stroke:currentColor;--icon-layer-secondary-stroke-role-opacity:1;--icon-layer-secondary-stroke-role-width:1.5;--icon-size:24px;--icon-stroke-width:1.5;--icon-stroke-linecap:round;--icon-stroke-linejoin:round;--icon-padding:0px;--icon-inline-offset:0px;--icon-block-offset:0px;--icon-bold-stroke-boost:0.5;--icon-gap:0.75;--icon-gap-linejoin:round;}
23
20
  .x1eijsz{--icon-layer-primary-fill:currentColor}
24
21
  .xawlqpt{--icon-layer-primary-fill:none}
@@ -65,7 +62,6 @@
65
62
  .x1t9827k:not(#\#):not(#\#){border-color:color-mix(in srgb,var(--color-border-red) 48%,var(--color-border))}
66
63
  .x1ooq0ed:not(#\#):not(#\#){border-color:color-mix(in srgb,var(--color-border-teal) 48%,var(--color-border))}
67
64
  .x1t0z2uq:not(#\#):not(#\#){border-color:color-mix(in srgb,var(--color-border-yellow) 48%,var(--color-border))}
68
- .x9r1u3d:not(#\#):not(#\#){border-color:transparent}
69
65
  .xad5do:not(#\#):not(#\#){border-color:var(--color-accent)}
70
66
  .xlee4gx:not(#\#):not(#\#){border-color:var(--color-border-blue)}
71
67
  .xb1xfl:not(#\#):not(#\#){border-color:var(--color-border-cyan)}
@@ -85,7 +81,6 @@
85
81
  .xng3xce:not(#\#):not(#\#){border-style:none}
86
82
  .x1y0btm7:not(#\#):not(#\#){border-style:solid}
87
83
  .xc342km:not(#\#):not(#\#){border-width:0}
88
- .xmkeg23:not(#\#):not(#\#){border-width:1px}
89
84
  .x1litavf:not(#\#):not(#\#){border-width:var(--border-width)}
90
85
  .x98rzlu:not(#\#):not(#\#){flex:1}
91
86
  .xxhr3t:not(#\#):not(#\#){gap:0}
@@ -108,7 +103,6 @@
108
103
  .x1a2a7pz:not(#\#):not(#\#){outline:none}
109
104
  .xysyzu8:not(#\#):not(#\#){overflow:auto}
110
105
  .xb3r6kr:not(#\#):not(#\#){overflow:hidden}
111
- .xish69e:not(#\#):not(#\#){overscroll-behavior:contain}
112
106
  .x13f7esw:not(#\#):not(#\#){padding-block:var(--spacing-0-5)}
113
107
  .xu0wf1k:not(#\#):not(#\#){padding-block:var(--spacing-1)}
114
108
  .xce4md1:not(#\#):not(#\#){padding-block:var(--spacing-2)}
@@ -122,10 +116,6 @@
122
116
  .xb0j27v:not(#\#):not(#\#){transition:grid-template-rows var(--duration-medium) var(--ease-standard)}
123
117
  .x1ob6yzd:not(#\#):not(#\#){transition:transform var(--duration-fast) var(--ease-standard)}
124
118
  .x17nn4n9:focus-visible:not(#\#):not(#\#){outline:2px solid var(--color-accent)}
125
- .x1xfd4ba:hover:not(#\#):not(#\#){border-color:transparent}
126
- .xn21ew4:hover:not(#\#):not(#\#){border-color:var(--color-accent)}
127
- @media (hover: hover){.xhggfp0.xhggfp0:hover:not(#\#):not(#\#){border-color:var(--color-accent)}}
128
- @media (hover: hover){.x1ww4t2b.x1ww4t2b:hover:not(#\#):not(#\#){border-color:var(--color-border-emphasized)}}
129
119
  .x6s0dn4:not(#\#):not(#\#):not(#\#){align-items:center}
130
120
  .x1cy8zhl:not(#\#):not(#\#):not(#\#){align-items:flex-start}
131
121
  .x7a106z:not(#\#):not(#\#):not(#\#){align-items:start}
@@ -133,20 +123,15 @@
133
123
  .xqcrz7y:not(#\#):not(#\#):not(#\#){align-self:flex-start}
134
124
  .x1y8v6su:not(#\#):not(#\#):not(#\#){align-self:start}
135
125
  .xkh2ocl:not(#\#):not(#\#):not(#\#){align-self:stretch}
136
- .x1jksiw5:not(#\#):not(#\#):not(#\#){animation-delay:.16s}
137
- .xtmkasn:not(#\#):not(#\#):not(#\#){animation-delay:.32s}
138
126
  .xmg6eyc:not(#\#):not(#\#):not(#\#){animation-duration:1.5s}
139
127
  .x1c74tu6:not(#\#):not(#\#):not(#\#){animation-duration:2s}
140
128
  .xeaay5l:not(#\#):not(#\#):not(#\#){animation-duration:4s}
141
- .xxprybm:not(#\#):not(#\#):not(#\#){animation-duration:var(--duration-slow)}
142
129
  .xa4qsjk:not(#\#):not(#\#):not(#\#){animation-iteration-count:infinite}
143
- .x17u5aw1:not(#\#):not(#\#):not(#\#){animation-name:x17t2jll-B}
144
130
  .x3mlza6:not(#\#):not(#\#):not(#\#){animation-name:x1ofn8cw-B}
145
131
  .x1ka1v4i:not(#\#):not(#\#):not(#\#){animation-name:xqng64z-B}
146
132
  .x1mla6dk:not(#\#):not(#\#):not(#\#){animation-name:xr5kuex-B}
147
133
  .x4hg4is:not(#\#):not(#\#):not(#\#){animation-timing-function:ease-in-out}
148
134
  .x1esw782:not(#\#):not(#\#):not(#\#){animation-timing-function:linear}
149
- .xjyslct:not(#\#):not(#\#):not(#\#){appearance:none}
150
135
  .x1ta4xzc:not(#\#):not(#\#):not(#\#){background-clip:text}
151
136
  .xndu7tf:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-border-blue) 10%,var(--color-background-card))}
152
137
  .xuei7rd:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-border-blue) 20%,var(--color-background-card))}
@@ -169,7 +154,6 @@
169
154
  .x17tjail:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-border-yellow) 10%,var(--color-background-card))}
170
155
  .x1sjw1wq:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-border-yellow) 20%,var(--color-background-card))}
171
156
  .xjbqb8w:not(#\#):not(#\#):not(#\#){background-color:transparent}
172
- .xgcxg3y:not(#\#):not(#\#):not(#\#){background-color:var(--color-accent-muted)}
173
157
  .x1ewilqj:not(#\#):not(#\#):not(#\#){background-color:var(--color-accent)}
174
158
  .x1o0wnni:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-blue)}
175
159
  .x1de1mus:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-card)}
@@ -181,7 +165,6 @@
181
165
  .xnpoty2:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-pink)}
182
166
  .x16i6n6f:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-purple)}
183
167
  .x1cibrc5:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-red)}
184
- .x10xzikg:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-surface)}
185
168
  .x1jtji5o:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-teal)}
186
169
  .x1bo7t0x:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-yellow)}
187
170
  .xr0mm9x:not(#\#):not(#\#):not(#\#){background-color:var(--color-border-blue)}
@@ -195,7 +178,6 @@
195
178
  .x154rz6c:not(#\#):not(#\#):not(#\#){background-color:var(--color-border-yellow)}
196
179
  .x1m4xfpy:not(#\#):not(#\#):not(#\#){background-color:var(--color-border)}
197
180
  .x1pjz0fi:not(#\#):not(#\#):not(#\#){background-color:var(--color-error)}
198
- .x1q5y3ey:not(#\#):not(#\#):not(#\#){background-color:var(--color-icon-secondary)}
199
181
  .xdsz4j9:not(#\#):not(#\#):not(#\#){background-color:var(--color-success)}
200
182
  .xdomwnj:not(#\#):not(#\#):not(#\#){background-color:var(--color-text-secondary)}
201
183
  .x1q8g9m5:not(#\#):not(#\#):not(#\#){background-color:var(--color-warning)}
@@ -205,12 +187,7 @@
205
187
  .x18b5jzi:not(#\#):not(#\#):not(#\#){border-inline-end-style:solid}
206
188
  .x10w94by:not(#\#):not(#\#):not(#\#){border-inline-end-width:0}
207
189
  .xw8tdv1:not(#\#):not(#\#):not(#\#){border-inline-end-width:var(--border-width)}
208
- .x1j92z86:not(#\#):not(#\#):not(#\#){border-inline-start-color:var(--color-border)}
209
- .x1t7ytsu:not(#\#):not(#\#):not(#\#){border-inline-start-style:solid}
210
- .xgbv0en:not(#\#):not(#\#):not(#\#){border-inline-start-width:var(--border-width)}
211
190
  .x18oyj42:not(#\#):not(#\#):not(#\#){box-shadow:0 0 0 1px var(--color-accent)}
212
- .x1kcpxr7:not(#\#):not(#\#):not(#\#){box-shadow:var(--shadow-high)}
213
- .x9f619:not(#\#):not(#\#):not(#\#){box-sizing:border-box}
214
191
  .x1ftfhsn:not(#\#):not(#\#):not(#\#){caret-color:var(--color-text-primary)}
215
192
  .xeh89do:not(#\#):not(#\#):not(#\#){clip:rect(0 0 0 0)}
216
193
  .xzpqnlu:not(#\#):not(#\#):not(#\#){clip:rect(0,0,0,0)}
@@ -236,7 +213,6 @@
236
213
  .xri61p4:not(#\#):not(#\#):not(#\#){color:var(--color-on-success)}
237
214
  .xrebv38:not(#\#):not(#\#):not(#\#){color:var(--color-on-warning)}
238
215
  .xtjic6:not(#\#):not(#\#):not(#\#){color:var(--color-success)}
239
- .xjse4m1:not(#\#):not(#\#):not(#\#){color:var(--color-text-accent)}
240
216
  .x1vvqiwl:not(#\#):not(#\#):not(#\#){color:var(--color-text-blue)}
241
217
  .x1txnczv:not(#\#):not(#\#):not(#\#){color:var(--color-text-cyan)}
242
218
  .xnbbluu:not(#\#):not(#\#):not(#\#){color:var(--color-text-disabled)}
@@ -259,30 +235,21 @@
259
235
  .x78zum5:not(#\#):not(#\#):not(#\#){display:flex}
260
236
  .xrvj5dj:not(#\#):not(#\#):not(#\#){display:grid}
261
237
  .x3nfvp2:not(#\#):not(#\#):not(#\#){display:inline-flex}
262
- .x1s85apg:not(#\#):not(#\#):not(#\#){display:none}
263
238
  .xbh8q5q:not(#\#):not(#\#):not(#\#){fill:none}
264
239
  .xdt5ytf:not(#\#):not(#\#):not(#\#){flex-direction:column}
265
240
  .x1q0g3np:not(#\#):not(#\#):not(#\#){flex-direction:row}
266
- .x1iyjqo2:not(#\#):not(#\#):not(#\#){flex-grow:1}
267
241
  .x2lah0s:not(#\#):not(#\#):not(#\#){flex-shrink:0}
268
- .x1a02dak:not(#\#):not(#\#):not(#\#){flex-wrap:wrap}
269
- .xjb2p0i:not(#\#):not(#\#):not(#\#){font-family:inherit}
270
242
  .x9ynric:not(#\#):not(#\#):not(#\#){font-family:var(--font-family-body)}
271
243
  .x9m5x89:not(#\#):not(#\#):not(#\#){font-family:var(--font-family-code)}
272
244
  .x1k6wstc:not(#\#):not(#\#):not(#\#){font-size:10px}
273
- .x1jvydc1:not(#\#):not(#\#):not(#\#){font-size:15px}
274
- .xosj86m:not(#\#):not(#\#):not(#\#){font-size:18px}
275
245
  .x1j29vfg:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-base)}
276
246
  .x1eqnyfr:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-sm)}
277
247
  .xjm74w1:not(#\#):not(#\#):not(#\#){font-size:var(--text-body-size)}
278
- .xcr08ib:not(#\#):not(#\#):not(#\#){font-size:var(--text-label-size)}
279
248
  .x141an7d:not(#\#):not(#\#):not(#\#){font-size:var(--text-supporting-size)}
280
- .xss6m8b:not(#\#):not(#\#):not(#\#){font-variant-numeric:tabular-nums}
281
249
  .x1lvx875:not(#\#):not(#\#):not(#\#){font-weight:var(--font-weight-bold)}
282
250
  .x1e4wzip:not(#\#):not(#\#):not(#\#){font-weight:var(--font-weight-medium)}
283
251
  .x1sodnla:not(#\#):not(#\#):not(#\#){font-weight:var(--font-weight-normal)}
284
252
  .x2mo6ok:not(#\#):not(#\#):not(#\#){font-weight:var(--font-weight-semibold)}
285
- .xmhvcl5:not(#\#):not(#\#):not(#\#){font-weight:var(--text-label-weight)}
286
253
  .x1pbwhf9:not(#\#):not(#\#):not(#\#){grid-auto-columns:minmax(140px,1fr)}
287
254
  .x1mt1orb:not(#\#):not(#\#):not(#\#){grid-auto-flow:column}
288
255
  .xc2ull6:not(#\#):not(#\#):not(#\#){grid-auto-rows:128px}
@@ -292,17 +259,11 @@
292
259
  .x1cmcxw8:not(#\#):not(#\#):not(#\#){grid-template-columns:88px minmax(0,1fr)}
293
260
  .x37c5m6:not(#\#):not(#\#):not(#\#){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
294
261
  .x1gj6vdr:not(#\#):not(#\#):not(#\#){grid-template-columns:repeat(7,minmax(0,1fr))}
295
- .x12m0uhf:not(#\#):not(#\#):not(#\#){grid-template-columns:repeat(8,1fr)}
296
262
  .xqketvx:not(#\#):not(#\#):not(#\#){grid-template-columns:var(--x-gridTemplateColumns)}
297
263
  .xihq33y:not(#\#):not(#\#):not(#\#){grid-template-rows:0fr}
298
264
  .x1tu4anv:not(#\#):not(#\#):not(#\#){grid-template-rows:1fr}
299
265
  .xb29p26:not(#\#):not(#\#):not(#\#){grid-template-rows:56px auto 1fr}
300
- .xtijo5x:not(#\#):not(#\#):not(#\#){inset-inline-end:0}
301
- .x1woyocn:not(#\#):not(#\#):not(#\#){inset-inline-end:auto}
302
266
  .xq124y2:not(#\#):not(#\#):not(#\#){inset-inline-end:var(--spacing-0-5)}
303
- .x72tfeb:not(#\#):not(#\#):not(#\#){inset-inline-end:var(--spacing-2)}
304
- .x1o0tod:not(#\#):not(#\#):not(#\#){inset-inline-start:0}
305
- .xhi6v0a:not(#\#):not(#\#):not(#\#){inset-inline-start:auto}
306
267
  .x1lxsm33:not(#\#):not(#\#):not(#\#){inset-inline-start:var(--x-insetInlineStart)}
307
268
  .xl56j7k:not(#\#):not(#\#):not(#\#){justify-content:center}
308
269
  .x13a6bvl:not(#\#):not(#\#):not(#\#){justify-content:flex-end}
@@ -314,7 +275,6 @@
314
275
  .xklk4pu:not(#\#):not(#\#):not(#\#){line-height:30px}
315
276
  .xw6l6zx:not(#\#):not(#\#):not(#\#){line-height:var(--text-body-leading)}
316
277
  .x17iicif:not(#\#):not(#\#):not(#\#){line-height:var(--text-code-leading)}
317
- .x1kq96og:not(#\#):not(#\#):not(#\#){line-height:var(--text-label-leading)}
318
278
  .x1ltkj2j:not(#\#):not(#\#):not(#\#){line-height:var(--text-supporting-leading)}
319
279
  .x3ct3a4:not(#\#):not(#\#):not(#\#){list-style-type:none}
320
280
  .x1h1dc9q:not(#\#):not(#\#):not(#\#){margin-inline-end:calc(var(--spacing-0-5) + var(--border-width))}
@@ -322,7 +282,6 @@
322
282
  .xladpz9:not(#\#):not(#\#):not(#\#){margin-inline-start:var(--spacing-0-5)}
323
283
  .xbyyjgo:not(#\#):not(#\#):not(#\#){opacity:.5}
324
284
  .x1us6l5c:not(#\#):not(#\#):not(#\#){opacity:.8}
325
- .x2ssjo2:not(#\#):not(#\#):not(#\#){outline-offset:-2px}
326
285
  .x1wfwxd8:not(#\#):not(#\#):not(#\#){outline-offset:0}
327
286
  .x1h4wwuj:not(#\#):not(#\#):not(#\#){overflow-wrap:normal}
328
287
  .xyri2b:not(#\#):not(#\#):not(#\#){padding-inline-end:0}
@@ -338,7 +297,6 @@
338
297
  .x67bb7w:not(#\#):not(#\#):not(#\#){pointer-events:auto}
339
298
  .x47corl:not(#\#):not(#\#):not(#\#){pointer-events:none}
340
299
  .x10l6tqk:not(#\#):not(#\#):not(#\#){position:absolute}
341
- .xixxii4:not(#\#):not(#\#):not(#\#){position:fixed}
342
300
  .x1n2onr6:not(#\#):not(#\#):not(#\#){position:relative}
343
301
  .x1owpc8m:not(#\#):not(#\#):not(#\#){stroke-linecap:round}
344
302
  .ximx5ud:not(#\#):not(#\#):not(#\#){stroke:var(--color-accent-muted)}
@@ -356,25 +314,15 @@
356
314
  .xp4054r:not(#\#):not(#\#):not(#\#){text-align:end}
357
315
  .x1yc453h:not(#\#):not(#\#):not(#\#){text-align:start}
358
316
  .xlyipyv:not(#\#):not(#\#):not(#\#){text-overflow:ellipsis}
359
- .xx69xxh:not(#\#):not(#\#):not(#\#){touch-action:pan-y}
360
317
  .x9tu13d:not(#\#):not(#\#):not(#\#){transform:rotate(-90deg)}
361
318
  .x19jd1h0:not(#\#):not(#\#):not(#\#){transform:rotate(180deg)}
362
- .x5i6ehr:not(#\#):not(#\#):not(#\#){transform:translateX(-100%)}
363
- .xbryuvx:not(#\#):not(#\#):not(#\#){transform:translateX(0)}
364
- .xumwmo6:not(#\#):not(#\#):not(#\#){transform:translateX(100%)}
365
- .x105ttfm:not(#\#):not(#\#):not(#\#){transform:translateY(-100%)}
366
319
  .x1cb1t30:not(#\#):not(#\#):not(#\#){transform:translateY(-50%)}
367
- .xnn1q72:not(#\#):not(#\#):not(#\#){transform:translateY(0)}
368
- .x1weeur4:not(#\#):not(#\#):not(#\#){transform:translateY(100%)}
369
- .xd00j3c:not(#\#):not(#\#):not(#\#){transition-behavior:allow-discrete}
370
320
  .xkvfbh3:not(#\#):not(#\#):not(#\#){transition-duration:var(--duration-fast-min)}
371
321
  .xuedmi6:not(#\#):not(#\#):not(#\#){transition-duration:var(--duration-fast)}
372
322
  .x80gvsz:not(#\#):not(#\#):not(#\#){transition-duration:var(--duration-medium)}
373
323
  .x15406qy:not(#\#):not(#\#):not(#\#){transition-property:background-color}
374
- .xq90yva:not(#\#):not(#\#):not(#\#){transition-property:border-color,background-color}
375
324
  .xt3l3uh:not(#\#):not(#\#):not(#\#){transition-property:color}
376
325
  .xxnu56j:not(#\#):not(#\#):not(#\#){transition-property:stroke-dashoffset}
377
- .x1yw18vd:not(#\#):not(#\#):not(#\#){transition-property:transform,max-width,display}
378
326
  .xlr8y92:not(#\#):not(#\#):not(#\#){transition-timing-function:var(--ease-standard)}
379
327
  .x87ps6o:not(#\#):not(#\#):not(#\#){user-select:none}
380
328
  .xxymvpz:not(#\#):not(#\#):not(#\#){vertical-align:middle}
@@ -382,21 +330,13 @@
382
330
  .xuxw1ft:not(#\#):not(#\#):not(#\#){white-space:nowrap}
383
331
  .x1sdyfia:not(#\#):not(#\#):not(#\#){white-space:pre}
384
332
  .x1lldw8n:not(#\#):not(#\#):not(#\#){word-break:normal}
385
- .x98t3bc:not(#\#):not(#\#):not(#\#){writing-mode:vertical-rl}
386
333
  .x1vjfegm:not(#\#):not(#\#):not(#\#){z-index:1}
387
334
  .x1355qak:not(#\#):not(#\#):not(#\#){z-index:20}
388
335
  .xr3buco:not(#\#):not(#\#):not(#\#){z-index:var(--x-zIndex)}
389
336
  .x7s97pk:focus-visible:not(#\#):not(#\#):not(#\#){outline-offset:2px}
390
- .x1df3fe5:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translateX(-100%)}
391
- .xttggg:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translateX(100%)}
392
- .x1n5bzlp:hover:not(#\#):not(#\#):not(#\#){background-color:transparent}
393
- .xtao9ic:hover:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-muted)}
394
337
  .xyxi2l3:active:not(#\#):not(#\#):not(#\#){background-color:var(--color-overlay-pressed)}
395
338
  @media (prefers-reduced-motion: reduce){.xnh0sag.xnh0sag:not(#\#):not(#\#):not(#\#){animation-duration:3s}}
396
339
  @media (prefers-reduced-motion: reduce){.xy02sl2.xy02sl2:not(#\#):not(#\#):not(#\#){animation-duration:4s}}
397
- @media (prefers-reduced-motion: reduce){.x1aquc0h.x1aquc0h:not(#\#):not(#\#):not(#\#){animation-name:none}}
398
- @media (prefers-reduced-motion: reduce){.xzg1mie.xzg1mie:not(#\#):not(#\#):not(#\#){transition-duration:.01s}}
399
- @media (prefers-reduced-motion: reduce){.x12w9bfk.x12w9bfk:not(#\#):not(#\#):not(#\#){transition-duration:0s}}
400
340
  @media (hover: hover){.xe9uy6x.xe9uy6x:hover:not(#\#):not(#\#):not(#\#){background-color:var(--color-overlay-hover)}}
401
341
  @media (hover: hover){.xkxie9p.xkxie9p:hover:not(#\#):not(#\#):not(#\#){color:var(--color-icon-primary)}}
402
342
  .xw8gpjh:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-color:var(--color-border)}
@@ -404,22 +344,15 @@
404
344
  .x1qhh985:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-width:0}
405
345
  .x92x3c3:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-width:var(--border-width)}
406
346
  .x5mp61g:not(#\#):not(#\#):not(#\#):not(#\#){border-top-color:var(--color-border-orange)}
407
- .x1pc3f07:not(#\#):not(#\#):not(#\#):not(#\#){border-top-color:var(--color-border)}
408
347
  .x13fuv20:not(#\#):not(#\#):not(#\#):not(#\#){border-top-style:solid}
409
348
  .xamhcws:not(#\#):not(#\#):not(#\#):not(#\#){border-top-width:2px}
410
- .x11xkdxz:not(#\#):not(#\#):not(#\#):not(#\#){border-top-width:var(--border-width)}
411
- .x1ey2m1c:not(#\#):not(#\#):not(#\#):not(#\#){bottom:0}
412
- .xdd4er5:not(#\#):not(#\#):not(#\#):not(#\#){bottom:auto}
413
- .xtdtrs8:not(#\#):not(#\#):not(#\#):not(#\#){height:100dvh}
414
349
  .x170jfvy:not(#\#):not(#\#):not(#\#):not(#\#){height:10px}
415
350
  .x1v9usgg:not(#\#):not(#\#):not(#\#):not(#\#){height:14px}
416
351
  .xlup9mm:not(#\#):not(#\#):not(#\#):not(#\#){height:16px}
417
352
  .xjm9jq1:not(#\#):not(#\#):not(#\#):not(#\#){height:1px}
418
353
  .xxk0z11:not(#\#):not(#\#):not(#\#):not(#\#){height:24px}
419
354
  .x1gnnpzl:not(#\#):not(#\#):not(#\#):not(#\#){height:30px}
420
- .x10w6t97:not(#\#):not(#\#):not(#\#):not(#\#){height:32px}
421
355
  .xqu0tyb:not(#\#):not(#\#):not(#\#):not(#\#){height:4px}
422
- .x1ycjhwn:not(#\#):not(#\#):not(#\#):not(#\#){height:5px}
423
356
  .x1d9x2de:not(#\#):not(#\#):not(#\#):not(#\#){height:640px}
424
357
  .xhigkf7:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--icon-size)}
425
358
  .x6b6gus:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--spacing-4)}
@@ -430,13 +363,7 @@
430
363
  .x160xvyo:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:calc(var(--spacing-1) * -1)}
431
364
  .xtbrsbv:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--spacing-2)}
432
365
  .x1vhfslr:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--x-marginBlockStart)}
433
- .x7ab17h:not(#\#):not(#\#):not(#\#):not(#\#){max-height:none}
434
- .x1jols5v:not(#\#):not(#\#):not(#\#):not(#\#){max-height:var(--x-maxHeight)}
435
- .x1k2d6hx:not(#\#):not(#\#):not(#\#):not(#\#){max-width:44px}
436
- .x1x1rfll:not(#\#):not(#\#):not(#\#):not(#\#){max-width:none}
437
- .xf68679:not(#\#):not(#\#):not(#\#):not(#\#){max-width:var(--x-maxWidth)}
438
366
  .x2lwn1j:not(#\#):not(#\#):not(#\#):not(#\#){min-height:0}
439
- .xisnujt:not(#\#):not(#\#):not(#\#):not(#\#){min-height:20px}
440
367
  .xjwf9q1:not(#\#):not(#\#):not(#\#):not(#\#){min-height:24px}
441
368
  .x1cy360x:not(#\#):not(#\#):not(#\#):not(#\#){min-height:3em}
442
369
  .x82snj4:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--x-minHeight)}
@@ -445,67 +372,43 @@
445
372
  .x1uz6y0c:not(#\#):not(#\#):not(#\#):not(#\#){min-width:784px}
446
373
  .xkj4a21:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--x-minWidth)}
447
374
  .xw2csxc:not(#\#):not(#\#):not(#\#):not(#\#){overflow-x:auto}
448
- .x6ikm8r:not(#\#):not(#\#):not(#\#):not(#\#){overflow-x:hidden}
449
- .x1odjw0f:not(#\#):not(#\#):not(#\#):not(#\#){overflow-y:auto}
450
375
  .x1j85h84:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:1px}
451
376
  .xy143xn:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--spacing-1)}
452
377
  .xpgmcrp:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--icon-block-offset)}
453
378
  .xbx876j:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--spacing-0-5)}
454
379
  .x1xye8es:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--spacing-2)}
455
- .x13vifvy:not(#\#):not(#\#):not(#\#):not(#\#){top:0}
456
- .x80663w:not(#\#):not(#\#):not(#\#):not(#\#){top:auto}
457
- .xctzyg:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--spacing-2)}
458
380
  .xyx6v2t:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--spacing-3)}
459
381
  .xjbys53:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--x-top)}
460
382
  .xh8yej3:not(#\#):not(#\#):not(#\#):not(#\#){width:100%}
461
- .x1o6l61p:not(#\#):not(#\#):not(#\#):not(#\#){width:100dvw}
462
383
  .x1fsd2vl:not(#\#):not(#\#):not(#\#):not(#\#){width:10px}
463
384
  .x6jxa94:not(#\#):not(#\#):not(#\#):not(#\#){width:14px}
464
385
  .x1kky2od:not(#\#):not(#\#):not(#\#):not(#\#){width:16px}
465
386
  .x1i1rx1s:not(#\#):not(#\#):not(#\#):not(#\#){width:1px}
466
387
  .xvy4d1p:not(#\#):not(#\#):not(#\#):not(#\#){width:24px}
467
- .x1dz1jew:not(#\#):not(#\#):not(#\#):not(#\#){width:280px}
468
388
  .x1849jeq:not(#\#):not(#\#):not(#\#):not(#\#){width:30px}
469
- .x1td3qas:not(#\#):not(#\#):not(#\#):not(#\#){width:32px}
470
389
  .x51ohtg:not(#\#):not(#\#):not(#\#):not(#\#){width:4px}
471
- .x1ftt334:not(#\#):not(#\#):not(#\#):not(#\#){width:5px}
472
390
  .x1oai4fc:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--icon-size)}
473
391
  .x12xnipv:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--spacing-4)}
474
392
  .xfyiiit:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--spacing-5)}
475
- @starting-style{.x6mt36l.x6mt36l:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){transform:translateX(-100%)}}
476
- @starting-style{.x1yqmsfc.x1yqmsfc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){transform:translateX(100%)}}
477
- @starting-style{.xub2912.xub2912:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){transform:translateY(-100%)}}
478
- @starting-style{.xhbqy3z.xhbqy3z:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){transform:translateY(100%)}}
479
- @starting-style{.x1lymnkk.x1lymnkk:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){transform:translateX(-100%)}}
480
- @starting-style{.x14gflnl.x14gflnl:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){transform:translateX(100%)}}
481
- .xmwhqxd:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{border-radius:var(--radius-full)}
482
- .xq94oqs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{border-radius:var(--radius-full)}
483
- .xm4btww:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{inset-inline:0}
484
- .x1abwkk1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{backdrop-filter:blur(2px)}
485
- .x19jfor0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{background-color:var(--color-border-orange)}
486
- .xvgeimn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-color:var(--color-border-orange)}
487
- .xnixb3f:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{background-color:var(--color-overlay)}
488
- .x1cpjm7i:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{content:""}
489
- .x1s928wv:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{content:""}
490
- .xxxjk75:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{inset-inline-start:-1px}
491
- .xh7j7mt:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{inset-inline-start:-6px}
492
- .xph5o2a:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{opacity:0}
493
- .xb3n6bw:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{opacity:1}
494
- .x1hmns74:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{position:absolute}
495
- .x1j6awrg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{position:absolute}
496
- .xft5bk6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{transition-duration:var(--duration-medium)}
497
- .x167zut7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{transition-property:opacity}
498
- .x15h3t91:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{transition-timing-function:var(--ease-standard)}
499
- @media (prefers-reduced-motion: reduce){.x1viac0w.x1viac0w:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{transition-duration:.01s}}
500
- .x1b5r9ul:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{border-top-color:var(--color-border-orange)}
501
- .xnvurfn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{border-top-style:solid}
502
- .x1b8stmw:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{border-top-width:2px}
503
- .x17zp9gg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{height:10px}
504
- .x1bymyaz:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{height:10px}
505
- .x1mpa3hi:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{top:-6px}
506
- .x1m1drc7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{top:0}
507
- .xw9j58:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{top:4px}
508
- .xaknh5y:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{width:10px}
509
- .xg4xgkf:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{width:10px}
510
- @starting-style{.xxiuuzi.xxiuuzi:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{opacity:0}}
393
+ .xmwhqxd:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{border-radius:var(--radius-full)}
394
+ .xq94oqs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{border-radius:var(--radius-full)}
395
+ .xm4btww:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{inset-inline:0}
396
+ .x19jfor0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{background-color:var(--color-border-orange)}
397
+ .xvgeimn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-color:var(--color-border-orange)}
398
+ .x1cpjm7i:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{content:""}
399
+ .x1s928wv:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{content:""}
400
+ .xxxjk75:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{inset-inline-start:-1px}
401
+ .xh7j7mt:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{inset-inline-start:-6px}
402
+ .x1hmns74:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{position:absolute}
403
+ .x1j6awrg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{position:absolute}
404
+ .x1b5r9ul:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{border-top-color:var(--color-border-orange)}
405
+ .xnvurfn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{border-top-style:solid}
406
+ .x1b8stmw:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{border-top-width:2px}
407
+ .x17zp9gg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{height:10px}
408
+ .x1bymyaz:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{height:10px}
409
+ .x1mpa3hi:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{top:-6px}
410
+ .x1m1drc7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{top:0}
411
+ .xw9j58:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{top:4px}
412
+ .xaknh5y:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{width:10px}
413
+ .xg4xgkf:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{width:10px}
511
414
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@astryxdesign/lab",
3
- "version": "0.1.4-canary.36ade03",
3
+ "version": "0.1.4-canary.37c19d3",
4
4
  "description": "Experimental Astryx components — published to npm only under the @canary dist-tag for early testing; never released as a stable (latest) version.",
5
5
  "author": "Meta Open Source",
6
6
  "license": "MIT",
@@ -45,7 +45,7 @@
45
45
  },
46
46
  "peerDependencies": {
47
47
  "@stylexjs/stylex": ">=0.10.0",
48
- "@astryxdesign/core": "0.1.4-canary.36ade03",
48
+ "@astryxdesign/core": "0.1.4-canary.37c19d3",
49
49
  "react": ">=19.0.0",
50
50
  "react-dom": ">=19.0.0"
51
51
  },
package/src/index.ts CHANGED
@@ -30,10 +30,6 @@ export {
30
30
  ChatReasoning,
31
31
  type ChatReasoningProps,
32
32
  } from './ChatReasoning/ChatReasoning';
33
- export * from './Chat';
34
-
35
- // Drawer — experimental overlay panel
36
- export {Drawer, type DrawerProps} from './Drawer';
37
33
 
38
34
  // Schedule — experimental full-calendar views
39
35
  export * from './Schedule';
@@ -1,80 +0,0 @@
1
- /**
2
- * @file ChatEmojiPicker.tsx
3
- * @input Uses React, StyleX, theme tokens, Popover, TextInput, useGridFocus
4
- * @output Exports ChatEmojiPicker component, ChatEmojiPickerProps,
5
- * ChatEmojiOption, and DEFAULT_CHAT_EMOJIS
6
- * @position Popover emoji grid for chat reactions; wraps a trigger button
7
- *
8
- * Renders a Popover around a trigger element: a shortname filter input over
9
- * a fixed 8-column emoji grid. Arrow keys move focus through the grid
10
- * (left/right by one, up/down by a row) via useGridFocus; picking an emoji
11
- * calls onSelect and closes the popover, which restores focus to the
12
- * trigger. Ships with a small default emoji set; pass `emojis` to override.
13
- *
14
- * SYNC: When modified, update these files to stay in sync:
15
- * - /packages/lab/src/Chat/index.ts (exports)
16
- * - /packages/lab/src/Chat/ChatEmojiPicker.doc.mjs
17
- * - /apps/storybook/stories/ChatAdditions.stories.tsx (examples)
18
- */
19
- import type { ReactNode } from 'react';
20
- import type { BaseProps } from '@astryxdesign/core';
21
- export interface ChatEmojiOption {
22
- /** The emoji character, e.g. "🎉". */
23
- emoji: string;
24
- /** Shortname used for filtering and accessible labels, e.g. "tada". */
25
- name: string;
26
- }
27
- /**
28
- * Small default emoji set (two grid rows) covering the common
29
- * reaction vocabulary. Override via the `emojis` prop.
30
- */
31
- export declare const DEFAULT_CHAT_EMOJIS: ReadonlyArray<ChatEmojiOption>;
32
- export interface ChatEmojiPickerProps extends Omit<BaseProps<HTMLDivElement>, 'onSelect'> {
33
- /** Ref forwarded to the popover panel element */
34
- ref?: React.Ref<HTMLDivElement>;
35
- /**
36
- * Called with the picked emoji character.
37
- * The popover closes itself after selection.
38
- */
39
- onSelect: (emoji: string) => void;
40
- /**
41
- * Emoji options rendered in the grid (8 per row).
42
- * @default DEFAULT_CHAT_EMOJIS
43
- */
44
- emojis?: ReadonlyArray<ChatEmojiOption>;
45
- /**
46
- * Accessible label for the popover dialog.
47
- * @default 'Pick an emoji'
48
- */
49
- label?: string;
50
- /**
51
- * Placeholder and hidden label for the filter input.
52
- * @default 'Search emoji'
53
- */
54
- searchLabel?: string;
55
- /**
56
- * Trigger element — must contain a `<button>` (Popover wires it up).
57
- */
58
- children: ReactNode;
59
- /** Test ID for the popover content. */
60
- 'data-testid'?: string;
61
- }
62
- /**
63
- * Popover emoji grid with shortname filtering and arrow-key navigation.
64
- *
65
- * Wraps its trigger button in a Popover. Typing in the filter input narrows
66
- * the grid by shortname; arrow keys move focus between emoji; picking one
67
- * calls `onSelect` and closes the popover (focus returns to the trigger).
68
- *
69
- * @example
70
- * ```
71
- * <ChatEmojiPicker onSelect={(emoji) => addReaction(emoji)}>
72
- * <button type="button" aria-label="Add reaction">🙂</button>
73
- * </ChatEmojiPicker>
74
- * ```
75
- */
76
- export declare function ChatEmojiPicker({ onSelect, emojis, label, searchLabel, children, xstyle, className, style: styleProp, 'data-testid': testId, ref, }: ChatEmojiPickerProps): import("react").JSX.Element;
77
- export declare namespace ChatEmojiPicker {
78
- var displayName: string;
79
- }
80
- //# sourceMappingURL=ChatEmojiPicker.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChatEmojiPicker.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatEmojiPicker.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAYrC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAOlD,MAAM,WAAW,eAAe;IAC9B,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,aAAa,CAAC,eAAe,CAiB9D,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,SAAS,CAAC,cAAc,CAAC,EACzB,UAAU,CACX;IACC,iDAAiD;IACjD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAEhC;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAExC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB,uCAAuC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA+DD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,MAA4B,EAC5B,KAAuB,EACvB,WAA4B,EAC5B,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,aAAa,EAAE,MAAM,EACrB,GAAG,GACJ,EAAE,oBAAoB,+BAoFtB;yBA/Fe,eAAe"}