@astryxdesign/core 0.1.4-canary.7aef8d3 → 0.1.4-canary.7b76c68

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 (230) hide show
  1. package/dist/Banner/Banner.d.ts.map +1 -1
  2. package/dist/Banner/Banner.js +1 -8
  3. package/dist/Calendar/Calendar.d.ts.map +1 -1
  4. package/dist/Calendar/Calendar.js +11 -31
  5. package/dist/Calendar/styles.d.ts +2 -2
  6. package/dist/Calendar/styles.d.ts.map +1 -1
  7. package/dist/Calendar/styles.js +2 -2
  8. package/dist/Card/Card.d.ts +2 -4
  9. package/dist/Card/Card.d.ts.map +1 -1
  10. package/dist/Card/Card.js +7 -15
  11. package/dist/Carousel/Carousel.d.ts.map +1 -1
  12. package/dist/Carousel/Carousel.js +0 -1
  13. package/dist/Chat/ChatToolCalls.d.ts.map +1 -1
  14. package/dist/Chat/ChatToolCalls.js +1 -8
  15. package/dist/CheckboxInput/CheckboxInput.d.ts +1 -1
  16. package/dist/CheckboxInput/CheckboxInput.d.ts.map +1 -1
  17. package/dist/CheckboxInput/CheckboxInput.js +1 -3
  18. package/dist/ClickableCard/ClickableCard.d.ts.map +1 -1
  19. package/dist/ClickableCard/ClickableCard.js +3 -26
  20. package/dist/CodeBlock/CodeBlock.d.ts +1 -10
  21. package/dist/CodeBlock/CodeBlock.d.ts.map +1 -1
  22. package/dist/CodeBlock/CodeBlock.js +5 -23
  23. package/dist/Collapsible/Collapsible.d.ts +3 -9
  24. package/dist/Collapsible/Collapsible.d.ts.map +1 -1
  25. package/dist/Collapsible/Collapsible.js +13 -101
  26. package/dist/Collapsible/CollapsibleGroup.d.ts +7 -39
  27. package/dist/Collapsible/CollapsibleGroup.d.ts.map +1 -1
  28. package/dist/Collapsible/CollapsibleGroup.js +9 -70
  29. package/dist/Collapsible/CollapsibleGroupContext.d.ts +0 -31
  30. package/dist/Collapsible/CollapsibleGroupContext.d.ts.map +1 -1
  31. package/dist/Collapsible/CollapsibleGroupContext.js +3 -33
  32. package/dist/Collapsible/index.d.ts +0 -1
  33. package/dist/Collapsible/index.d.ts.map +1 -1
  34. package/dist/ContextMenu/ContextMenu.d.ts.map +1 -1
  35. package/dist/ContextMenu/ContextMenu.js +0 -2
  36. package/dist/DateTimeInput/DateTimeInput.d.ts.map +1 -1
  37. package/dist/DateTimeInput/DateTimeInput.js +0 -2
  38. package/dist/Grid/Grid.d.ts +3 -4
  39. package/dist/Grid/Grid.d.ts.map +1 -1
  40. package/dist/Grid/Grid.js +9 -26
  41. package/dist/Icon/Icon.d.ts.map +1 -1
  42. package/dist/Icon/Icon.js +1 -5
  43. package/dist/Lightbox/Lightbox.d.ts.map +1 -1
  44. package/dist/Lightbox/Lightbox.js +2 -26
  45. package/dist/NumberInput/NumberInput.d.ts.map +1 -1
  46. package/dist/NumberInput/NumberInput.js +16 -32
  47. package/dist/Pagination/Pagination.d.ts.map +1 -1
  48. package/dist/Pagination/Pagination.js +36 -87
  49. package/dist/PowerSearch/PowerSearch.d.ts.map +1 -1
  50. package/dist/PowerSearch/PowerSearch.js +21 -39
  51. package/dist/ProgressBar/ProgressBar.d.ts.map +1 -1
  52. package/dist/ProgressBar/ProgressBar.js +1 -2
  53. package/dist/Resizable/ResizeHandle.d.ts.map +1 -1
  54. package/dist/Resizable/ResizeHandle.js +2 -10
  55. package/dist/SideNav/SideNav.d.ts.map +1 -1
  56. package/dist/SideNav/SideNav.js +2 -6
  57. package/dist/TabList/TabMenu.d.ts.map +1 -1
  58. package/dist/TabList/TabMenu.js +7 -34
  59. package/dist/Table/BaseTable.d.ts.map +1 -1
  60. package/dist/Table/BaseTable.js +3 -14
  61. package/dist/Table/plugins/columnResize/useTableColumnResize.d.ts.map +1 -1
  62. package/dist/Table/plugins/columnResize/useTableColumnResize.js +2 -5
  63. package/dist/Table/plugins/pagination/paginateData.d.ts.map +1 -1
  64. package/dist/Table/plugins/pagination/paginateData.js +1 -5
  65. package/dist/Table/plugins/selection/useTableSelectionState.d.ts.map +1 -1
  66. package/dist/Table/plugins/selection/useTableSelectionState.js +1 -11
  67. package/dist/Table/plugins/sortable/useTableSortableState.d.ts.map +1 -1
  68. package/dist/Table/plugins/sortable/useTableSortableState.js +4 -8
  69. package/dist/Thumbnail/Thumbnail.d.ts +2 -3
  70. package/dist/Thumbnail/Thumbnail.d.ts.map +1 -1
  71. package/dist/Thumbnail/Thumbnail.js +0 -1
  72. package/dist/TimeInput/TimeInput.d.ts.map +1 -1
  73. package/dist/TimeInput/TimeInput.js +1 -6
  74. package/dist/Toast/Toast.d.ts.map +1 -1
  75. package/dist/Toast/Toast.js +3 -11
  76. package/dist/Toast/ToastViewport.d.ts.map +1 -1
  77. package/dist/Toast/ToastViewport.js +0 -12
  78. package/dist/Typeahead/BaseTypeahead.d.ts.map +1 -1
  79. package/dist/Typeahead/BaseTypeahead.js +2 -5
  80. package/dist/astryx.css +0 -7
  81. package/dist/astryx.umd.js +48 -48
  82. package/dist/astryx.umd.js.map +4 -4
  83. package/dist/hooks/focusableSelector.d.ts +1 -1
  84. package/dist/hooks/focusableSelector.d.ts.map +1 -1
  85. package/dist/hooks/focusableSelector.js +1 -1
  86. package/dist/hooks/useFocusTrap.d.ts +0 -3
  87. package/dist/hooks/useFocusTrap.d.ts.map +1 -1
  88. package/dist/hooks/useFocusTrap.js +1 -38
  89. package/dist/theme/defineTheme.d.ts +1 -1
  90. package/dist/theme/defineTheme.d.ts.map +1 -1
  91. package/dist/theme/expandColorScale.d.ts.map +1 -1
  92. package/dist/theme/expandColorScale.js +3 -10
  93. package/dist/theme/hct.d.ts +15 -0
  94. package/dist/theme/hct.d.ts.map +1 -1
  95. package/dist/theme/hct.js +9 -9
  96. package/dist/theme/tokens.d.ts +2 -10
  97. package/dist/theme/tokens.d.ts.map +1 -1
  98. package/dist/theme/tokens.js +4 -220
  99. package/dist/utils/index.d.ts +0 -2
  100. package/dist/utils/index.d.ts.map +1 -1
  101. package/dist/utils/index.js +1 -2
  102. package/dist/utils/timeParser.d.ts.map +1 -1
  103. package/dist/utils/timeParser.js +5 -8
  104. package/package.json +1 -1
  105. package/src/Avatar/Avatar.doc.mjs +0 -11
  106. package/src/Banner/Banner.doc.mjs +0 -8
  107. package/src/Banner/Banner.test.tsx +0 -38
  108. package/src/Banner/Banner.tsx +1 -8
  109. package/src/Calendar/Calendar.doc.mjs +1 -1
  110. package/src/Calendar/Calendar.test.tsx +4 -112
  111. package/src/Calendar/Calendar.tsx +5 -26
  112. package/src/Calendar/styles.ts +2 -12
  113. package/src/Card/Card.tsx +6 -16
  114. package/src/Carousel/Carousel.doc.mjs +12 -12
  115. package/src/Carousel/Carousel.test.tsx +0 -13
  116. package/src/Carousel/Carousel.tsx +0 -1
  117. package/src/Chat/Chat.doc.mjs +1 -1
  118. package/src/Chat/ChatToolCalls.test.tsx +0 -55
  119. package/src/Chat/ChatToolCalls.tsx +12 -10
  120. package/src/CheckboxInput/CheckboxInput.doc.mjs +3 -3
  121. package/src/CheckboxInput/CheckboxInput.test.tsx +4 -71
  122. package/src/CheckboxInput/CheckboxInput.tsx +0 -2
  123. package/src/Citation/Citation.doc.mjs +0 -5
  124. package/src/ClickableCard/ClickableCard.tsx +2 -45
  125. package/src/CodeBlock/CodeBlock.doc.mjs +2 -7
  126. package/src/CodeBlock/CodeBlock.test.tsx +3 -87
  127. package/src/CodeBlock/CodeBlock.tsx +3 -43
  128. package/src/Collapsible/Collapsible.doc.mjs +4 -8
  129. package/src/Collapsible/Collapsible.tsx +10 -86
  130. package/src/Collapsible/CollapsibleGroup.doc.mjs +3 -27
  131. package/src/Collapsible/CollapsibleGroup.test.tsx +0 -288
  132. package/src/Collapsible/CollapsibleGroup.tsx +9 -107
  133. package/src/Collapsible/CollapsibleGroupContext.tsx +2 -42
  134. package/src/Collapsible/index.ts +0 -4
  135. package/src/CommandPalette/CommandPaletteEmpty.doc.mjs +0 -5
  136. package/src/CommandPalette/CommandPaletteGroup.doc.mjs +0 -10
  137. package/src/CommandPalette/CommandPaletteInput.doc.mjs +0 -6
  138. package/src/CommandPalette/CommandPaletteItem.doc.mjs +0 -6
  139. package/src/CommandPalette/CommandPaletteList.doc.mjs +0 -9
  140. package/src/ContextMenu/ContextMenu.doc.mjs +0 -15
  141. package/src/ContextMenu/ContextMenu.test.tsx +0 -15
  142. package/src/ContextMenu/ContextMenu.tsx +0 -2
  143. package/src/ContextMenu/ContextMenuItem.doc.mjs +0 -6
  144. package/src/DateTimeInput/DateTimeInput.test.tsx +0 -70
  145. package/src/DateTimeInput/DateTimeInput.tsx +0 -2
  146. package/src/Dialog/DialogHeader.doc.mjs +0 -45
  147. package/src/DropdownMenu/DropdownMenu.doc.mjs +1 -1
  148. package/src/Field/FieldLabel.test.tsx +2 -2
  149. package/src/FormLayout/__snapshots__/FormLayout.test.tsx.snap +3 -0
  150. package/src/Grid/Grid.test.tsx +18 -43
  151. package/src/Grid/Grid.tsx +9 -26
  152. package/src/Icon/Icon.test.tsx +29 -41
  153. package/src/Icon/Icon.tsx +2 -6
  154. package/src/Layout/LayoutContent.doc.mjs +0 -12
  155. package/src/Layout/LayoutPanel.doc.mjs +0 -40
  156. package/src/Lightbox/Lightbox.doc.mjs +0 -5
  157. package/src/Lightbox/Lightbox.test.tsx +2 -123
  158. package/src/Lightbox/Lightbox.tsx +1 -29
  159. package/src/NavMenu/NavMenu.doc.mjs +0 -15
  160. package/src/NumberInput/NumberInput.test.tsx +3 -48
  161. package/src/NumberInput/NumberInput.tsx +15 -32
  162. package/src/Overlay/Overlay.doc.mjs +0 -6
  163. package/src/Pagination/Pagination.test.tsx +0 -143
  164. package/src/Pagination/Pagination.tsx +23 -75
  165. package/src/Popover/Popover.test.tsx +0 -65
  166. package/src/PowerSearch/PowerSearch.doc.mjs +2 -2
  167. package/src/PowerSearch/PowerSearch.test.tsx +1 -109
  168. package/src/PowerSearch/PowerSearch.tsx +16 -37
  169. package/src/ProgressBar/ProgressBar.test.tsx +0 -10
  170. package/src/ProgressBar/ProgressBar.tsx +1 -2
  171. package/src/Resizable/ResizeHandle.tsx +2 -10
  172. package/src/SegmentedControl/SegmentedControl.doc.mjs +1 -1
  173. package/src/SelectableCard/SelectableCard.doc.mjs +1 -1
  174. package/src/SideNav/SideNav.doc.mjs +1 -7
  175. package/src/SideNav/SideNav.test.tsx +0 -20
  176. package/src/SideNav/SideNav.tsx +2 -6
  177. package/src/TabList/TabList.test.tsx +1 -185
  178. package/src/TabList/TabMenu.tsx +9 -45
  179. package/src/Table/BaseTable.tsx +2 -13
  180. package/src/Table/Table.test.tsx +0 -51
  181. package/src/Table/plugins/columnResize/useTableColumnResize.test.tsx +0 -13
  182. package/src/Table/plugins/columnResize/useTableColumnResize.tsx +1 -3
  183. package/src/Table/plugins/pagination/paginateData.ts +1 -5
  184. package/src/Table/plugins/pagination/useTablePagination.test.tsx +0 -13
  185. package/src/Table/plugins/selection/useTableSelectionState.test.tsx +0 -23
  186. package/src/Table/plugins/selection/useTableSelectionState.tsx +6 -11
  187. package/src/Table/plugins/sortable/useTableSortableState.test.tsx +1 -35
  188. package/src/Table/plugins/sortable/useTableSortableState.tsx +4 -8
  189. package/src/TextArea/TextArea.test.tsx +3 -3
  190. package/src/TextInput/TextInput.test.tsx +3 -3
  191. package/src/Thumbnail/Thumbnail.test.tsx +2 -36
  192. package/src/Thumbnail/Thumbnail.tsx +2 -4
  193. package/src/TimeInput/TimeInput.test.tsx +0 -37
  194. package/src/TimeInput/TimeInput.tsx +1 -11
  195. package/src/Timestamp/Timestamp.doc.mjs +1 -1
  196. package/src/Toast/Toast.tsx +3 -11
  197. package/src/Toast/ToastViewport.test.tsx +0 -64
  198. package/src/Toast/ToastViewport.tsx +0 -12
  199. package/src/ToggleButton/ToggleButton.doc.mjs +0 -1
  200. package/src/Tokenizer/Tokenizer.doc.mjs +2 -2
  201. package/src/TopNav/TopNav.doc.mjs +1 -1
  202. package/src/TreeList/TreeList.doc.mjs +2 -2
  203. package/src/Typeahead/BaseTypeahead.doc.mjs +0 -19
  204. package/src/Typeahead/BaseTypeahead.tsx +2 -5
  205. package/src/Typeahead/Typeahead.doc.mjs +1 -1
  206. package/src/Typeahead/Typeahead.test.tsx +1 -45
  207. package/src/hooks/focusableSelector.ts +1 -1
  208. package/src/hooks/useFocusTrap.doc.mjs +2 -4
  209. package/src/hooks/useFocusTrap.test.tsx +1 -149
  210. package/src/hooks/useFocusTrap.ts +1 -50
  211. package/src/theme/SyntaxTheme.doc.mjs +4 -4
  212. package/src/theme/defineTheme.ts +13 -4
  213. package/src/theme/derivedVarRegistry.test.ts +2 -2
  214. package/src/theme/expandColorScale.test.ts +0 -29
  215. package/src/theme/expandColorScale.ts +6 -11
  216. package/src/theme/hct.ts +17 -9
  217. package/src/theme/tokens.test.ts +9 -182
  218. package/src/theme/tokens.ts +4 -239
  219. package/src/theme/useTheme.test.tsx +0 -20
  220. package/src/utils/index.ts +0 -3
  221. package/src/utils/timeParser.test.ts +0 -13
  222. package/src/utils/timeParser.ts +5 -8
  223. package/dist/utils/color.d.ts +0 -42
  224. package/dist/utils/color.d.ts.map +0 -1
  225. package/dist/utils/color.js +0 -150
  226. package/src/Resizable/ResizeHandle.test.tsx +0 -180
  227. package/src/__tests__/TestIcon.tsx +0 -26
  228. package/src/docPropReferences.test.ts +0 -178
  229. package/src/utils/color.test.ts +0 -133
  230. package/src/utils/color.ts +0 -148
@@ -1 +1 @@
1
- {"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/Banner/Banner.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,EAAkB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAsB5C;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,IAAI,CAAC;IACd,KAAK,EAAE,IAAI,CAAC;IACZ,OAAO,EAAE,IAAI,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,eAAe,CAAC;AAEjD;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,IAAI,CAAC;CACf;AAED;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,kBAAkB,CAAC;AAEvD,MAAM,WAAW,WAAY,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC5D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,MAAM,EAAE,YAAY,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA2JD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,KAAK,EACL,WAAW,EACX,IAAI,EACJ,aAAqB,EACrB,SAAS,EACT,UAAU,EACV,SAAkB,EAClB,iBAAyB,EACzB,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,WAAW,sCAiIb;yBAjJe,MAAM"}
1
+ {"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/Banner/Banner.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,EAAW,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAsB5C;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,IAAI,CAAC;IACd,KAAK,EAAE,IAAI,CAAC;IACZ,OAAO,EAAE,IAAI,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,eAAe,CAAC;AAEjD;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,IAAI,CAAC;CACf;AAED;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,kBAAkB,CAAC;AAEvD,MAAM,WAAW,WAAY,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC5D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,MAAM,EAAE,YAAY,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA2JD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,KAAK,EACL,WAAW,EACX,IAAI,EACJ,aAAqB,EACrB,SAAS,EACT,UAAU,EACV,SAAkB,EAClB,iBAAyB,EACzB,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,WAAW,sCA0Hb;yBA1Ie,MAAM"}
@@ -30,7 +30,7 @@
30
30
  * - /apps/storybook/stories/Banner.stories.tsx (storybook stories)
31
31
  * - /packages/cli/templates/blocks/components/Banner/ (showcase blocks)
32
32
  */
33
- import { useId, useState } from 'react';
33
+ import { useState } from 'react';
34
34
  import * as stylex from '@stylexjs/stylex';
35
35
  import { Button } from "../Button/index.js";
36
36
  import { Icon } from "../Icon/index.js";
@@ -249,11 +249,6 @@ export function Banner({
249
249
  }) {
250
250
  const [isDismissed, setIsDismissed] = useState(false);
251
251
  const [isExpanded, setIsExpanded] = useState(defaultIsExpanded);
252
- // Links the expand/collapse toggle to the content region it shows/hides so
253
- // assistive tech can move from the button to its controlled content
254
- // (disclosure pattern). The region is conditionally rendered, so aria-controls
255
- // below is set only while it's mounted to avoid a dangling reference.
256
- const contentId = useId();
257
252
  const defaultIconName = defaultIconNames[status];
258
253
  const role = statusRole[status];
259
254
  const iconColor = statusIconColor[status];
@@ -338,7 +333,6 @@ export function Banner({
338
333
  }),
339
334
  onClick: handleToggleExpand,
340
335
  "aria-expanded": isExpanded,
341
- "aria-controls": showContent ? contentId : undefined,
342
336
  isIconOnly: true
343
337
  }), isDismissable && /*#__PURE__*/_jsx(Button, {
344
338
  variant: "ghost",
@@ -355,7 +349,6 @@ export function Banner({
355
349
  })]
356
350
  })]
357
351
  }), showContent && /*#__PURE__*/_jsx("div", {
358
- id: contentId,
359
352
  ...mergeProps(themeProps('banner-content', {
360
353
  container,
361
354
  status
@@ -1 +1 @@
1
- {"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../src/Calendar/Calendar.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA8C5C,YAAY,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,GACV,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,EACV,MAAM,oBAAoB,CAAC;AAI5B,+CAA+C;AAE/C,MAAM,WAAW,cAAc;IAC7B,wEAAwE;IACxE,UAAU,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;CAC3C;AAID,UAAU,iBAAkB,SAAQ,IAAI,CACtC,SAAS,CAAC,cAAc,CAAC,EACzB,UAAU,GAAG,cAAc,CAC5B;IACC,kDAAkD;IAClD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,qDAAqD;IACrD,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACtC,+CAA+C;IAC/C,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAEvB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,aAAa,CAAC;IAEpB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,aAAa,CAAC;IAEpB;;;OAGG;IACH,eAAe,CAAC,EAAE,aAAa,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC;IAEzD;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;IAEvD;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;;OAIG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CAC1C;AAID,UAAU,mBAAoB,SAAQ,iBAAiB;IACrD,qBAAqB;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,aAAa,CAAC;IAE7B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,IAAI,KAAK,IAAI,CAAC;CAC9D;AAED,UAAU,kBAAmB,SAAQ,iBAAiB;IACpD,qBAAqB;IACrB,IAAI,EAAE,OAAO,CAAC;IAEd,0BAA0B;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,kBAAkB,CAAC;AAMrE;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,EAAC,GAAG,EAAE,GAAG,KAAK,EAAC,EAAE,aAAa,+BA4StD;yBA5Se,QAAQ"}
1
+ {"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../src/Calendar/Calendar.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA8C5C,YAAY,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,GACV,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,EACV,MAAM,oBAAoB,CAAC;AAI5B,+CAA+C;AAE/C,MAAM,WAAW,cAAc;IAC7B,wEAAwE;IACxE,UAAU,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;CAC3C;AAID,UAAU,iBAAkB,SAAQ,IAAI,CACtC,SAAS,CAAC,cAAc,CAAC,EACzB,UAAU,GAAG,cAAc,CAC5B;IACC,kDAAkD;IAClD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,qDAAqD;IACrD,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACtC,+CAA+C;IAC/C,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAEvB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,aAAa,CAAC;IAEpB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,aAAa,CAAC;IAEpB;;;OAGG;IACH,eAAe,CAAC,EAAE,aAAa,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC;IAEzD;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;IAEvD;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;;OAIG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CAC1C;AAID,UAAU,mBAAoB,SAAQ,iBAAiB;IACrD,qBAAqB;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,aAAa,CAAC;IAE7B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,IAAI,KAAK,IAAI,CAAC;CAC9D;AAED,UAAU,kBAAmB,SAAQ,iBAAiB;IACpD,qBAAqB;IACrB,IAAI,EAAE,OAAO,CAAC;IAEd,0BAA0B;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,kBAAkB,CAAC;AAMrE;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,EAAC,GAAG,EAAE,GAAG,KAAK,EAAC,EAAE,aAAa,+BA4RtD;yBA5Re,QAAQ"}
@@ -62,7 +62,7 @@ export function Calendar({
62
62
  value,
63
63
  defaultValue,
64
64
  onChange,
65
- numberOfMonths: numberOfMonthsProp = 1,
65
+ numberOfMonths = 1,
66
66
  min,
67
67
  max,
68
68
  dateConstraints,
@@ -82,11 +82,6 @@ export function Calendar({
82
82
  // DayOfWeek so all downstream date math keeps working with an index.
83
83
  const weekStartsOn = normalizeDayOfWeek(weekStartsOnProp);
84
84
 
85
- // `numberOfMonths` is typed `1 | 2`; defensively clamp anything else that
86
- // slips through at runtime to 1 so `Array.from({length})` can't render an
87
- // absurd number of month grids (e.g. `numberOfMonths={1000}`).
88
- const numberOfMonths = numberOfMonthsProp === 2 ? 2 : 1;
89
-
90
85
  // Today's date (memoized)
91
86
  const today = useMemo(() => plainDateToday(), []);
92
87
 
@@ -251,18 +246,10 @@ export function Calendar({
251
246
  children: [/*#__PURE__*/_jsx(Button, {
252
247
  label: "Previous month",
253
248
  variant: "ghost",
254
- icon:
255
- /*#__PURE__*/
256
- // Wrapper span (not Icon props): Icon's string mode clobbers
257
- // caller classNames, so the RTL mirror must live on its own
258
- // element.
259
- _jsx("span", {
260
- ...stylex.props(calendarStyles.navIcon),
261
- children: /*#__PURE__*/_jsx(Icon, {
262
- icon: "chevronLeft",
263
- size: "sm",
264
- color: "inherit"
265
- })
249
+ icon: /*#__PURE__*/_jsx(Icon, {
250
+ icon: "chevronLeft",
251
+ size: "sm",
252
+ color: "inherit"
266
253
  }),
267
254
  onClick: () => navigateMonth(-1),
268
255
  isDisabled: !canNavigatePrevious,
@@ -273,13 +260,10 @@ export function Calendar({
273
260
  }), /*#__PURE__*/_jsx(Button, {
274
261
  label: "Next month",
275
262
  variant: "ghost",
276
- icon: /*#__PURE__*/_jsx("span", {
277
- ...stylex.props(calendarStyles.navIcon),
278
- children: /*#__PURE__*/_jsx(Icon, {
279
- icon: "chevronRight",
280
- size: "sm",
281
- color: "inherit"
282
- })
263
+ icon: /*#__PURE__*/_jsx(Icon, {
264
+ icon: "chevronRight",
265
+ size: "sm",
266
+ color: "inherit"
283
267
  }),
284
268
  onClick: () => navigateMonth(1),
285
269
  isDisabled: !canNavigateNext,
@@ -650,7 +634,6 @@ function DayCell({
650
634
  });
651
635
  return /*#__PURE__*/_jsxs("div", {
652
636
  role: "gridcell",
653
- "aria-selected": state.isSelected || state.isInRange || undefined,
654
637
  ...stylex.props(dayCellStyles.cell),
655
638
  children: [state.isInRange && /*#__PURE__*/_jsx("div", {
656
639
  ...stylex.props(dayCellStyles.rangeBg, dayCellTheme.rangeBg, rangeRounding.roundLeft && dayCellStyles.rangeBgRadiusLeft, rangeRounding.roundRight && dayCellStyles.rangeBgRadiusRight, state.isRangeStart && dayCellStyles.rangeInsetLeft, state.isRangeStart && rangeRounding.roundRight && dayCellStyles.rangeInsetRight, state.isRangeEnd && dayCellStyles.rangeInsetRight, state.isRangeStart && rangeRounding.roundLeft && dayCellStyles.rangeInsetLeft)
@@ -660,11 +643,8 @@ function DayCell({
660
643
  type: "button",
661
644
  "data-date": day.iso,
662
645
  "aria-label": plainDateFormat(date, DATE_FORMAT_WITH_WEEKDAY),
663
- "aria-disabled": state.effectivelyDisabled || undefined
664
- // Mark today's cell programmatically (APG date-picker pattern), not just
665
- // visually, so screen-reader users can identify the current date.
666
- ,
667
- "aria-current": state.isToday ? 'date' : undefined,
646
+ "aria-selected": state.isSelected || state.isInRange || undefined,
647
+ "aria-disabled": state.effectivelyDisabled || undefined,
668
648
  disabled: isDisabled
669
649
  // Initial roving tab-stop seed; useGridFocus owns it after mount.
670
650
  ,
@@ -47,8 +47,8 @@ export declare const calendarStyles: Readonly<{
47
47
  readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", 0>;
48
48
  }>;
49
49
  readonly navIcon: Readonly<{
50
- readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
51
- readonly transform: stylex.StyleXClassNameFor<"transform", "scaleX(-1)" | null>;
50
+ readonly width: stylex.StyleXClassNameFor<"width", "16px">;
51
+ readonly height: stylex.StyleXClassNameFor<"height", "16px">;
52
52
  }>;
53
53
  }>;
54
54
  export declare const monthGridStyles: Readonly<{
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Calendar/styles.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAgB3C,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiDzB,CAAC;AAMH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuC1B,CAAC;AAMH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4GxB,CAAC;AAMH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoEvB,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Calendar/styles.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAgB3C,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuCzB,CAAC;AAMH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuC1B,CAAC;AAMH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4GxB,CAAC;AAMH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoEvB,CAAC"}
@@ -62,8 +62,8 @@ export const calendarStyles = {
62
62
  $$css: true
63
63
  },
64
64
  navIcon: {
65
- k1xSpc: "x3nfvp2",
66
- k3aq6I: "xgtlewx",
65
+ kzqmXN: "x12xnipv",
66
+ kZKoxP: "x6b6gus",
67
67
  $$css: true
68
68
  }
69
69
  };
@@ -21,10 +21,8 @@ import type { BaseProps } from '../BaseProps';
21
21
  * - Non-semantic palette: `blue | cyan | gray | green | orange | pink | purple | red | teal | yellow`
22
22
  * Each uses the corresponding `--color-background-<name>` token (20% opacity tint).
23
23
  *
24
- * Only `default` draws a visible border. Its border width is subtracted from
25
- * the padding so the total inset (border + padding) equals the padding token —
26
- * keeping content geometry faithful to the spacing scale and identical to the
27
- * borderless variants. Themes can override borderWidth/borderColor.
24
+ * All variants include a transparent border to prevent layout jitter
25
+ * when switching variants. Themes can override borderWidth/borderColor.
28
26
  */
29
27
  export type CardVariant = 'default' | 'transparent' | 'muted' | 'blue' | 'cyan' | 'gray' | 'green' | 'orange' | 'pink' | 'purple' | 'red' | 'teal' | 'yellow';
30
28
  export type { SizeValue } from '../utils/types';
@@ -1 +1 @@
1
- {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAYrC,OAAO,KAAK,EAAC,SAAS,EAAE,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAE3D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAO5C;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,aAAa,GACb,OAAO,GACP,MAAM,GACN,MAAM,GACN,MAAM,GACN,OAAO,GACP,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,KAAK,GACL,MAAM,GACN,QAAQ,CAAC;AAwFb,YAAY,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAE9C,MAAM,WAAW,SAAU,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC1D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,EACP,OAAmB,EACnB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,SAAS,+BA0DX;yBAvEe,IAAI"}
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAYrC,OAAO,KAAK,EAAC,SAAS,EAAE,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAE3D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAO5C;;;;;;;;;;GAUG;AACH,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,aAAa,GACb,OAAO,GACP,MAAM,GACN,MAAM,GACN,MAAM,GACN,OAAO,GACP,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,KAAK,GACL,MAAM,GACN,QAAQ,CAAC;AAkFb,YAAY,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAE9C,MAAM,WAAW,SAAU,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC1D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,EACP,OAAmB,EACnB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,SAAS,+BAwDX;yBArEe,IAAI"}
package/dist/Card/Card.js CHANGED
@@ -34,10 +34,8 @@ import { themeProps } from "../utils/themeProps.js";
34
34
  * - Non-semantic palette: `blue | cyan | gray | green | orange | pink | purple | red | teal | yellow`
35
35
  * Each uses the corresponding `--color-background-<name>` token (20% opacity tint).
36
36
  *
37
- * Only `default` draws a visible border. Its border width is subtracted from
38
- * the padding so the total inset (border + padding) equals the padding token —
39
- * keeping content geometry faithful to the spacing scale and identical to the
40
- * borderless variants. Themes can override borderWidth/borderColor.
37
+ * All variants include a transparent border to prevent layout jitter
38
+ * when switching variants. Themes can override borderWidth/borderColor.
41
39
  */
42
40
  import { jsx as _jsx } from "react/jsx-runtime";
43
41
  // =============================================================================
@@ -49,16 +47,13 @@ const styles = {
49
47
  "--_card-radius": "x2kkz0m",
50
48
  kaIpWk: "x153u1i6",
51
49
  kVQacm: "x7giv3",
50
+ kMzoRj: "x1litavf",
51
+ ksu8eU: "x1y0btm7",
52
+ kVAM5u: "x9r1u3d",
52
53
  $$css: true
53
54
  },
54
55
  withBorder: {
55
- kMzoRj: "x1litavf",
56
- ksu8eU: "x1y0btm7",
57
56
  kVAM5u: "xvy26l8",
58
- kZCmMZ: "xs19ii7",
59
- kwRFfy: "x12frdag",
60
- kLKAdn: "x1nex4ik",
61
- kGO01o: "xbv1mwh",
62
57
  $$css: true
63
58
  },
64
59
  scrollable: {
@@ -197,17 +192,14 @@ export function Card({
197
192
  ref: ref,
198
193
  ...mergeProps(themeProps('card', {
199
194
  variant
200
- }), stylex.props(styles.card, variantStyles[variant], hasFixedHeight && styles.scrollable, dynamicStyles.sizing(width ?? null, height ?? null, maxWidth ?? null, minHeight ?? null), ...container(useThemeDefault ? {
195
+ }), stylex.props(styles.card, variantStyles[variant], variant === 'default' && styles.withBorder, hasFixedHeight && styles.scrollable, dynamicStyles.sizing(width ?? null, height ?? null, maxWidth ?? null, minHeight ?? null), ...container(useThemeDefault ? {
201
196
  useThemeDefault: 'card'
202
197
  } : {
203
198
  paddingInnerX: paddingToken,
204
199
  paddingInnerY: paddingToken,
205
200
  paddingOuterX: paddingToken,
206
201
  paddingOuterY: paddingToken
207
- }), !useThemeDefault && effectivePadding !== 4 && paddingStyles[effectivePadding], !useThemeDefault && effectivePadding !== 4 && containerPaddingInlineVarStyles[effectivePadding], !useThemeDefault && effectivePadding !== 4 && containerPaddingBlockStartVarStyles[effectivePadding], !useThemeDefault && effectivePadding !== 4 && containerPaddingBlockEndVarStyles[effectivePadding],
208
- // Applied after the container padding so the border-inset calc wins;
209
- // it reads the --container-padding-* vars set above.
210
- variant === 'default' && styles.withBorder, xstyle), className, style),
202
+ }), !useThemeDefault && effectivePadding !== 4 && paddingStyles[effectivePadding], !useThemeDefault && effectivePadding !== 4 && containerPaddingInlineVarStyles[effectivePadding], !useThemeDefault && effectivePadding !== 4 && containerPaddingBlockStartVarStyles[effectivePadding], !useThemeDefault && effectivePadding !== 4 && containerPaddingBlockEndVarStyles[effectivePadding], xstyle), className, style),
211
203
  ...props,
212
204
  children: children
213
205
  });
@@ -1 +1 @@
1
- {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../src/Carousel/Carousel.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAC,KAAK,SAAS,EAA2C,MAAM,OAAO,CAAC;AAc/E,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE5C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAGhD,MAAM,WAAW,aAAc,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC9D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,kEAAkE;IAClE,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAyJD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,GAAG,EACH,QAAQ,EACR,GAAO,EACP,UAAiB,EACjB,WAAkB,EAClB,OAAe,EACf,OAAO,EACP,YAAY,EAAE,SAAsB,EACpC,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,SAAS,EACb,EAAE,aAAa,+BAgJf;yBA9Je,QAAQ"}
1
+ {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../src/Carousel/Carousel.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAC,KAAK,SAAS,EAA2C,MAAM,OAAO,CAAC;AAc/E,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE5C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAGhD,MAAM,WAAW,aAAc,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC9D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,kEAAkE;IAClE,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAyJD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,GAAG,EACH,QAAQ,EACR,GAAO,EACP,UAAiB,EACjB,WAAkB,EAClB,OAAe,EACf,OAAO,EACP,YAAY,EAAE,SAAsB,EACpC,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,SAAS,EACb,EAAE,aAAa,+BA+If;yBA7Je,QAAQ"}
@@ -264,7 +264,6 @@ export function Carousel({
264
264
  ...htmlProps,
265
265
  children: [/*#__PURE__*/_jsx("div", {
266
266
  ref: composedRef,
267
- tabIndex: 0,
268
267
  ...stylex.props(styles.scroller, gapStyles[gap], padding != null && paddingStyles[padding], hasSnap && styles.snap, fadeStyle),
269
268
  children: Children.map(children, child => /*#__PURE__*/_jsx("div", {
270
269
  ...{
@@ -1 +1 @@
1
- {"version":3,"file":"ChatToolCalls.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatToolCalls.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,EAA+B,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAC1E,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAsB5C,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAE9E,MAAM,WAAW,gBAAgB;IAC/B,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,oDAAoD;IACpD,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,2FAA2F;IAC3F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oFAAoF;IACpF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mFAAmF;IACnF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6FAA6F;IAC7F,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,kBAAmB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACnE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,+BAA+B;IAC/B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAClD;AAqXD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,4BAqJtD;yBArJe,aAAa"}
1
+ {"version":3,"file":"ChatToolCalls.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatToolCalls.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,EAAwB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AACnE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAsB5C,MAAM,MAAM,kBAAkB,GAC1B,SAAS,GACT,SAAS,GACT,UAAU,GACV,OAAO,CAAC;AAEZ,MAAM,WAAW,gBAAgB;IAC/B,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,oDAAoD;IACpD,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,2FAA2F;IAC3F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oFAAoF;IACpF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mFAAmF;IACnF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6FAA6F;IAC7F,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,kBAAmB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACnE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,+BAA+B;IAC/B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAClD;AAsXD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,4BAkJtD;yBAlJe,aAAa"}
@@ -17,7 +17,7 @@
17
17
  * data prop matches that shape directly — no nested compound components
18
18
  * for builders to wire up.
19
19
  */
20
- import React, { useState, useCallback, useId } from 'react';
20
+ import React, { useState, useCallback } from 'react';
21
21
  import * as stylex from '@stylexjs/stylex';
22
22
  import "../theme/tokens.stylex.js";
23
23
  import { colorVars, spacingVars, typeScaleVars, typographyVars, fontWeightVars, radiusVars, durationVars, easeVars } from "../theme/tokens.stylex.js";
@@ -106,13 +106,10 @@ function CallRow({
106
106
  const status = call.status ?? 'complete';
107
107
  const hasDetail = call.resultDetail != null;
108
108
  const [isDetailOpen, setIsDetailOpen] = useState(false);
109
- const detailId = useId();
110
109
  const toggleDetail = hasDetail ? () => setIsDetailOpen(prev => !prev) : undefined;
111
110
  const row = /*#__PURE__*/_jsxs("div", {
112
111
  role: hasDetail ? 'button' : undefined,
113
112
  tabIndex: hasDetail ? 0 : undefined,
114
- "aria-expanded": hasDetail ? isDetailOpen : undefined,
115
- "aria-controls": hasDetail && isDetailOpen ? detailId : undefined,
116
113
  onClick: toggleDetail,
117
114
  onKeyDown: hasDetail ? e => {
118
115
  if (e.key === 'Enter' || e.key === ' ') {
@@ -208,7 +205,6 @@ function CallRow({
208
205
  }
209
206
  return /*#__PURE__*/_jsxs("div", {
210
207
  children: [row, isDetailOpen && /*#__PURE__*/_jsx("div", {
211
- id: detailId,
212
208
  ...{
213
209
  className: "x1f43n9v x1wesfrj"
214
210
  },
@@ -257,7 +253,6 @@ export function ChatToolCalls(props) {
257
253
  } = props;
258
254
  const autoDefault = defaultIsExpanded ?? false;
259
255
  const [internalExpanded, setInternalExpanded] = useState(autoDefault);
260
- const contentId = useId();
261
256
  const isControlled = controlledExpanded !== undefined;
262
257
  const isExpanded = isControlled ? controlledExpanded : internalExpanded;
263
258
  const toggle = useCallback(() => {
@@ -294,7 +289,6 @@ export function ChatToolCalls(props) {
294
289
  role: "button",
295
290
  tabIndex: 0,
296
291
  "aria-expanded": isExpanded,
297
- "aria-controls": contentId,
298
292
  onClick: toggle,
299
293
  onKeyDown: e => {
300
294
  if (e.key === 'Enter' || e.key === ' ') {
@@ -384,7 +378,6 @@ export function ChatToolCalls(props) {
384
378
  })
385
379
  })]
386
380
  }), /*#__PURE__*/_jsx("div", {
387
- id: contentId,
388
381
  ...{
389
382
  0: {
390
383
  className: "xrvj5dj xihq33y xb0j27v"
@@ -158,7 +158,7 @@ export interface CheckboxInputProps extends Omit<BaseProps, 'onChange'> {
158
158
  * />
159
159
  * ```
160
160
  */
161
- export declare function CheckboxInput({ label, isLabelHidden, description, onChange, changeAction, isLoading, value, isDisabled, htmlName, disabledMessage, isReadOnly, isOptional, isRequired, size, onFocus, onBlur, labelIcon, status, width, xstyle, className, style, ref, ...rest }: CheckboxInputProps): import("react").JSX.Element;
161
+ export declare function CheckboxInput({ label, isLabelHidden, description, onChange, changeAction, isLoading, value, isDisabled, htmlName, disabledMessage, isReadOnly, isOptional, isRequired, size, onFocus, onBlur, labelIcon, status, width, xstyle, className, style, ref, }: CheckboxInputProps): import("react").JSX.Element;
162
162
  export declare namespace CheckboxInput {
163
163
  var displayName: string;
164
164
  }
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxInput.d.ts","sourceRoot":"","sources":["../../src/CheckboxInput/CheckboxInput.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAML,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAY3C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAG9C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AACtC,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AA8IhD,QAAA,MAAM,iBAAiB;;;;;;;;;EASrB,CAAC;AAmCH,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAE/D,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACrE,wDAAwD;IACxD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxE;;OAEG;IACH,YAAY,CAAC,EAAE,CACb,OAAO,EAAE,OAAO,EAChB,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAC7B,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,EAAE,OAAO,GAAG,eAAe,CAAC;IACjC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;;;;;;;;;;OAmBG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpD;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACnD;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACjC;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAOD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,aAAqB,EACrB,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,SAAiB,EACjB,KAAK,EACL,UAAkB,EAClB,QAAQ,EACR,eAAe,EACf,UAAkB,EAClB,UAAkB,EAClB,UAAkB,EAClB,IAAW,EACX,OAAO,EACP,MAAM,EACN,SAAS,EACT,MAAM,EACN,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,kBAAkB,+BAwNpB;yBAjPe,aAAa"}
1
+ {"version":3,"file":"CheckboxInput.d.ts","sourceRoot":"","sources":["../../src/CheckboxInput/CheckboxInput.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAML,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAY3C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAG9C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AACtC,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AA8IhD,QAAA,MAAM,iBAAiB;;;;;;;;;EASrB,CAAC;AAmCH,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAE/D,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACrE,wDAAwD;IACxD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxE;;OAEG;IACH,YAAY,CAAC,EAAE,CACb,OAAO,EAAE,OAAO,EAChB,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAC7B,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,EAAE,OAAO,GAAG,eAAe,CAAC;IACjC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;;;;;;;;;;OAmBG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpD;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACnD;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACjC;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAOD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,aAAqB,EACrB,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,SAAiB,EACjB,KAAK,EACL,UAAkB,EAClB,QAAQ,EACR,eAAe,EACf,UAAkB,EAClB,UAAkB,EAClB,UAAkB,EAClB,IAAW,EACX,OAAO,EACP,MAAM,EACN,SAAS,EACT,MAAM,EACN,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,GACJ,EAAE,kBAAkB,+BAuNpB;yBA/Oe,aAAa"}
@@ -219,8 +219,7 @@ export function CheckboxInput({
219
219
  xstyle,
220
220
  className,
221
221
  style,
222
- ref,
223
- ...rest
222
+ ref
224
223
  }) {
225
224
  const id = useId();
226
225
  const descriptionID = useId();
@@ -293,7 +292,6 @@ export function CheckboxInput({
293
292
  children: [/*#__PURE__*/_jsxs("div", {
294
293
  ...stylex.props(styles.checkboxWrapper, wrapperSizeStyles[size]),
295
294
  children: [/*#__PURE__*/_jsx("input", {
296
- ...rest,
297
295
  ref: mergeRefs(ref, indeterminateRef, disabledMessageTooltip.positionRef),
298
296
  id: id,
299
297
  type: "checkbox"
@@ -1 +1 @@
1
- {"version":3,"file":"ClickableCard.d.ts","sourceRoot":"","sources":["../../src/ClickableCard/ClickableCard.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,EAAC,KAAK,SAAS,EAAE,KAAK,UAAU,EAAU,KAAK,GAAG,EAAC,MAAM,OAAO,CAAC;AASxE,OAAO,KAAK,EAAC,SAAS,EAAE,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAG3D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAmG5C,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,yCAAyC;IACzC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAE1B;;;;;OAKG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEnD;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB,yBAAyB;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,0BAA0B;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,IAAI,EACJ,MAAM,EACN,UAAkB,EAClB,QAAQ,EACR,OAAO,EACP,OAAmB,EACnB,KAAK,EACL,MAAM,EACN,QAAQ,EACR,GAAG,EACH,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,aAAa,EACxB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,kBAAkB,+BA8EpB;yBAhGe,aAAa"}
1
+ {"version":3,"file":"ClickableCard.d.ts","sourceRoot":"","sources":["../../src/ClickableCard/ClickableCard.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,EAAC,KAAK,SAAS,EAAE,KAAK,UAAU,EAAU,KAAK,GAAG,EAAC,MAAM,OAAO,CAAC;AAIxE,OAAO,KAAK,EAAC,SAAS,EAAE,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAG3D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAoE5C,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,yCAAyC;IACzC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAE1B;;;;;OAKG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEnD;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB,yBAAyB;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,0BAA0B;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,IAAI,EACJ,MAAM,EACN,UAAkB,EAClB,QAAQ,EACR,OAAO,EACP,OAAmB,EACnB,KAAK,EACL,MAAM,EACN,QAAQ,EACR,GAAG,EACH,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,aAAa,EACxB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,kBAAkB,+BAuEpB;yBAzFe,aAAa"}
@@ -30,7 +30,7 @@
30
30
  import { useRef } from 'react';
31
31
  import * as stylex from '@stylexjs/stylex';
32
32
  import "../theme/tokens.stylex.js";
33
- import { borderVars, colorVars, durationVars, easeVars } from "../theme/tokens.stylex.js";
33
+ import { colorVars, durationVars, easeVars } from "../theme/tokens.stylex.js";
34
34
  import { mergeProps, mergeRefs } from "../utils/index.js";
35
35
  import { Card } from "../Card/Card.js";
36
36
  import { useClickableContainer } from "../hooks/useClickableContainer.js";
@@ -59,6 +59,7 @@ const styles = {
59
59
  k5JduY: "x1s928wv",
60
60
  kwXMNM: "x1j6awrg",
61
61
  kv0HGH: "xarstr8",
62
+ kUfP38: "x1k48kgn",
62
63
  kloYau: "x2q1x1w",
63
64
  kRicXK: "x1ywzrc5",
64
65
  kPNhGg: "x97pup0",
@@ -71,25 +72,6 @@ const styles = {
71
72
  kJs8I2: "x1vwwndy",
72
73
  $$css: true
73
74
  },
74
- borderless: {
75
- kMzoRj: "xc342km",
76
- $$css: true
77
- },
78
- bordered: {
79
- kVAM5u: "x14i3s5s",
80
- kZCmMZ: "xs19ii7",
81
- kwRFfy: "x12frdag",
82
- kLKAdn: "x1nex4ik",
83
- kGO01o: "xbv1mwh",
84
- k1ekBW: "xshfolx",
85
- kIyJzY: "xuedmi6",
86
- kAMwcw: "xlr8y92",
87
- $$css: true
88
- },
89
- borderedHoverOnPointer: {
90
- kbt25U: "x1ww4t2b",
91
- $$css: true
92
- },
93
75
  disabled: {
94
76
  kkrTdU: "x1h6gzvc",
95
77
  kSiTet: "xbyyjgo",
@@ -175,11 +157,6 @@ export function ClickableCard({
175
157
  onMouseUpProp(e);
176
158
  } : onMouseUp;
177
159
  const isLink = href != null;
178
-
179
- // Only the `default` variant has a visible border. Card draws a transparent
180
- // 1px border on every other variant purely to avoid layout jitter; we drop
181
- // it here so the hover overlay covers the full box with no untinted ring.
182
- const hasBorder = variant === 'default';
183
160
  return /*#__PURE__*/_jsxs(Card, {
184
161
  ref: mergeRefs(ref, containerRef),
185
162
  width: width,
@@ -193,7 +170,7 @@ export function ClickableCard({
193
170
  className: classNameProp,
194
171
  style
195
172
  }),
196
- xstyle: [styles.interactive, styles.focusWithin, hasBorder ? styles.bordered : styles.borderless, !isDisabled && styles.overlay, !isDisabled && styles.hoverOnPointer, !isDisabled && hasBorder && styles.borderedHoverOnPointer, isDisabled && styles.disabled, xstyleProp],
173
+ xstyle: [styles.interactive, styles.focusWithin, !isDisabled && styles.overlay, !isDisabled && styles.hoverOnPointer, isDisabled && styles.disabled, xstyleProp],
197
174
  onClick: !isDisabled ? onClick : undefined,
198
175
  onMouseUp: !isDisabled ? handleMouseUp : undefined,
199
176
  ...props,
@@ -1,6 +1,5 @@
1
1
  import * as React from 'react';
2
2
  import type { BaseProps } from '../BaseProps';
3
- import { type SyntaxThemeDefinition } from '../theme/syntax';
4
3
  export interface CodeBlockProps extends BaseProps<HTMLPreElement> {
5
4
  ref?: React.Ref<HTMLPreElement>;
6
5
  code: string;
@@ -40,14 +39,6 @@ export interface CodeBlockProps extends BaseProps<HTMLPreElement> {
40
39
  end: number;
41
40
  }[];
42
41
  highlightMode?: 'auto' | 'ranges' | 'spans';
43
- /**
44
- * Per-instance syntax theme override. Shorthand for wrapping this block in
45
- * `<SyntaxTheme theme={...}>` — accepts a preset from
46
- * `@astryxdesign/core/theme/syntax` or a theme created with
47
- * `defineSyntaxTheme()`. Without it, the block uses the theme-level syntax
48
- * colors from the nearest SyntaxTheme ancestor or `defineTheme({ syntax })`.
49
- */
50
- syntaxTheme?: SyntaxThemeDefinition;
51
42
  }
52
43
  /**
53
44
  * Read-only code display with syntax highlighting, line numbers,
@@ -58,7 +49,7 @@ export interface CodeBlockProps extends BaseProps<HTMLPreElement> {
58
49
  * <CodeBlock code="const x = 42;" language="javascript" />
59
50
  * ```
60
51
  */
61
- export declare function CodeBlock({ code, language, title, hasLanguageLabel, hasLineNumbers, highlightLines, hasCopyButton, onCopy, isWrapped, maxHeight, isCollapsible, collapsibleThreshold, size, width: widthProp, container, tokenizer: customTokenizer, highlightMode, syntaxTheme, xstyle, className, style, ref, ...props }: CodeBlockProps): React.JSX.Element;
52
+ export declare function CodeBlock({ code, language, title, hasLanguageLabel, hasLineNumbers, highlightLines, hasCopyButton, onCopy, isWrapped, maxHeight, isCollapsible, collapsibleThreshold, size, width: widthProp, container, tokenizer: customTokenizer, highlightMode, xstyle, className, style, ref, ...props }: CodeBlockProps): React.JSX.Element;
62
53
  export declare namespace CodeBlock {
63
54
  var displayName: string;
64
55
  }
@@ -1 +1 @@
1
- {"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../src/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA0B5C,OAAO,EAAc,KAAK,qBAAqB,EAAC,MAAM,iBAAiB,CAAC;AAyTxE,MAAM,WAAW,cAAe,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC/D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,CACV,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,KACb;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAC,EAAE,CAAC;IAClD,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC5C;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,qBAAqB,CAAC;CACrC;AAgOD;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,QAAsB,EACtB,KAAK,EACL,gBAAuB,EACvB,cAAsB,EACtB,cAAc,EACd,aAAoB,EACpB,MAAM,EACN,SAAiB,EACjB,SAAS,EACT,aAAqB,EACrB,oBAAyB,EACzB,IAAW,EACX,KAAK,EAAE,SAAyB,EAChC,SAAkB,EAClB,SAAS,EAAE,eAAe,EAC1B,aAAsB,EACtB,WAAW,EACX,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,cAAc,qBAmNhB;yBA3Oe,SAAS"}
1
+ {"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../src/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAsU5C,MAAM,WAAW,cAAe,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC/D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,CACV,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,KACb;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAC,EAAE,CAAC;IAClD,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CAC7C;AAgOD;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,QAAsB,EACtB,KAAK,EACL,gBAAuB,EACvB,cAAsB,EACtB,cAAc,EACd,aAAoB,EACpB,MAAM,EACN,SAAiB,EACjB,SAAS,EACT,aAAqB,EACrB,oBAAyB,EACzB,IAAW,EACX,KAAK,EAAE,SAAyB,EAChC,SAAkB,EAClB,SAAS,EAAE,eAAe,EAC1B,aAAsB,EACtB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,cAAc,qBAkMhB;yBAzNe,SAAS"}
@@ -4,23 +4,21 @@
4
4
 
5
5
  /**
6
6
  * @file CodeBlock.tsx
7
- * @input Uses React, StyleX, theme tokens, CSS Custom Highlight API, SyntaxTheme provider
7
+ * @input Uses React, StyleX, theme tokens, CSS Custom Highlight API
8
8
  * @output Exports CodeBlock component and CodeBlockProps
9
9
  * @position Core implementation; read-only syntax-highlighted code display
10
10
  */
11
- import { useInsertionEffect, useEffect, useId, useRef, useState, useCallback, useMemo } from 'react';
11
+ import { useInsertionEffect, useEffect, useRef, useState, useCallback, useMemo } from 'react';
12
12
  import * as React from 'react';
13
13
  import * as stylex from '@stylexjs/stylex';
14
14
  import "../theme/tokens.stylex.js";
15
15
  import { colorVars, spacingVars, radiusVars, typographyVars, fontWeightVars, typeScaleVars, borderVars, durationVars, easeVars } from "../theme/tokens.stylex.js";
16
16
  import { mergeProps } from "../utils/index.js";
17
- import { useAnnounce } from "../hooks/useAnnounce.js";
18
17
  import { Icon } from "../Icon/index.js";
19
18
  import { tokenize, tokenizeAsync, flatTokensToLines, SYNC_TOKENIZE_THRESHOLD } from "./tokenizer.js";
20
19
  import { ensureHighlightStyles } from "./highlightStyles.js";
21
20
  import { applyHighlightRangesChunked } from "./highlightRanges.js";
22
21
  import { themeProps } from "../utils/themeProps.js";
23
- import { SyntaxTheme } from "../theme/syntax/index.js";
24
22
 
25
23
  // ---------------------------------------------------------------------------
26
24
  // Styles
@@ -371,7 +369,6 @@ export function CodeBlock({
371
369
  container = 'card',
372
370
  tokenizer: customTokenizer,
373
371
  highlightMode = 'auto',
374
- syntaxTheme,
375
372
  xstyle,
376
373
  className,
377
374
  style,
@@ -379,7 +376,6 @@ export function CodeBlock({
379
376
  ...props
380
377
  }) {
381
378
  const [copied, setCopied] = useState(false);
382
- const announce = useAnnounce();
383
379
  const useSpans = highlightMode === 'spans' || highlightMode === 'auto' && !hasHighlightAPI() || highlightMode === 'auto' && isSafari();
384
380
  const lines = useMemo(() => {
385
381
  const l = code.split('\n');
@@ -394,26 +390,18 @@ export function CodeBlock({
394
390
  try {
395
391
  await navigator.clipboard.writeText(code);
396
392
  setCopied(true);
397
- // Swapping the button's aria-label alone isn't reliably announced by
398
- // screen readers, so confirm the copy via a polite live region.
399
- announce('Copied');
400
393
  onCopy?.();
401
394
  setTimeout(() => setCopied(false), 2000);
402
395
  } catch {
403
396
  // Clipboard failures leave the copied state unchanged.
404
397
  }
405
- }, [code, onCopy, announce]);
398
+ }, [code, onCopy]);
406
399
  const sizeStyle = size === 'sm' ? styles.sizeSm : styles.sizeMd;
407
400
  const gutterSizeStyle = size === 'sm' ? styles.gutterSm : styles.gutterMd;
408
401
  const languageLabel = hasLanguageLabel && language !== 'plaintext' ? language : null;
409
402
  const showHeader = title != null || languageLabel != null;
410
403
  const canCollapse = isCollapsible && lines.length >= collapsibleThreshold;
411
404
  const [isCollapsed, setIsCollapsed] = useState(false);
412
- // Links the collapsible header to the code region it shows/hides so assistive
413
- // tech can move from the button to its controlled content (disclosure
414
- // pattern). The region stays mounted when collapsed (CSS grid animation), so
415
- // this is always a resolvable reference — aria-controls can be unconditional.
416
- const regionId = useId();
417
405
  const scrollContainerRef = useRef(null);
418
406
  const scrollStyle = maxHeight ? {
419
407
  maxHeight: typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight
@@ -454,7 +442,6 @@ export function CodeBlock({
454
442
  role: canCollapse ? 'button' : undefined,
455
443
  tabIndex: canCollapse ? 0 : undefined,
456
444
  "aria-expanded": canCollapse ? !isCollapsed : undefined,
457
- "aria-controls": canCollapse ? regionId : undefined,
458
445
  onClick: canCollapse ? () => setIsCollapsed(prev => !prev) : undefined,
459
446
  onKeyDown: canCollapse ? e => {
460
447
  if (e.key === 'Enter' || e.key === ' ') {
@@ -467,7 +454,7 @@ export function CodeBlock({
467
454
  className: "x78zum5 x6s0dn4 x98rzlu xeuugli x1717udv xjbqb8w x1heor9g xln7xf2 x1yc453h"
468
455
  },
469
456
  1: {
470
- className: "x78zum5 x6s0dn4 x98rzlu xeuugli x1717udv xjbqb8w x1heor9g xln7xf2 x1yc453h x1ypdohk x87ps6o x17nn4n9 x1wfwxd8 x7s97pk"
457
+ className: "x78zum5 x6s0dn4 x98rzlu xeuugli x1717udv xjbqb8w x1heor9g xln7xf2 x1yc453h x1ypdohk x87ps6o"
471
458
  }
472
459
  }[!!canCollapse << 0],
473
460
  children: /*#__PURE__*/_jsxs("span", {
@@ -543,7 +530,7 @@ export function CodeBlock({
543
530
  })]
544
531
  })
545
532
  });
546
- const block = /*#__PURE__*/_jsxs("pre", {
533
+ return /*#__PURE__*/_jsxs("pre", {
547
534
  ref: ref,
548
535
  ...mergeProps(themeProps('codeblock', {
549
536
  size,
@@ -552,7 +539,6 @@ export function CodeBlock({
552
539
  }), stylex.props(styles.root, dynamicStyles.width(widthProp), containerStyles[container], xstyle), className, style),
553
540
  ...props,
554
541
  children: [headerEl, canCollapse ? /*#__PURE__*/_jsx("div", {
555
- id: regionId,
556
542
  ...{
557
543
  0: {
558
544
  className: "xrvj5dj x1tu4anv x1qn9uv2 x80gvsz xlr8y92"
@@ -569,9 +555,5 @@ export function CodeBlock({
569
555
  })
570
556
  }) : codeBody, !showHeader && copyButtonEl]
571
557
  });
572
- return syntaxTheme ? /*#__PURE__*/_jsx(SyntaxTheme, {
573
- theme: syntaxTheme,
574
- children: block
575
- }) : block;
576
558
  }
577
559
  CodeBlock.displayName = 'CodeBlock';
@@ -1,20 +1,14 @@
1
1
  /**
2
2
  * @file Collapsible.tsx
3
- * @input Uses React, StyleX, useCollapsible hook, CollapsibleGroupPresentationContext, getIcon, theme tokens
3
+ * @input Uses React, StyleX, useCollapsible hook, getIcon, theme tokens
4
4
  * @output Exports Collapsible component and CollapsibleProps
5
5
  * @position Collapsible content primitive — trigger toggles visibility of children
6
6
  *
7
7
  * Collapsible is a standalone primitive that makes any content collapsible.
8
8
  * It renders a trigger area (always visible) and a content area that toggles.
9
- * Handles state management, accessibility (aria-expanded + aria-controls linking
10
- * the trigger to its content region), and chevron indicator.
9
+ * Handles state management, accessibility (aria-expanded), and chevron indicator.
11
10
  *
12
11
  * Works standalone or coordinated by CollapsibleGroup via the `value` prop.
13
- * When the surrounding CollapsibleGroup enables `dividers`, each Collapsible
14
- * draws its own row chrome (borderBlockStart suppressed on :first-child, plus
15
- * density padding) from CollapsibleGroupPresentationContext — StyleX has no
16
- * child selectors, so the group cannot draw it from outside. The presentation
17
- * context is reset around children so nested collapsibles stay chrome-free.
18
12
  *
19
13
  * SYNC: When modified, update these files to stay in sync:
20
14
  * - /packages/core/src/Collapsible/index.ts (exports)
@@ -22,7 +16,7 @@
22
16
  * - /apps/storybook/stories/Collapsible.stories.tsx
23
17
  * - /packages/cli/templates/blocks/components/Collapsible/ (showcase blocks)
24
18
  */
25
- import { type ReactNode } from 'react';
19
+ import type { ReactNode } from 'react';
26
20
  import type { BaseProps } from '../BaseProps';
27
21
  export interface CollapsibleProps extends BaseProps {
28
22
  /** Ref forwarded to the root element */