@astryxdesign/core 0.1.7-canary.eb8e07b → 0.1.7

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 (49) hide show
  1. package/dist/ContextMenu/ContextMenu.d.ts.map +1 -1
  2. package/dist/ContextMenu/ContextMenu.js +3 -4
  3. package/dist/ContextMenu/index.d.ts +0 -3
  4. package/dist/ContextMenu/index.d.ts.map +1 -1
  5. package/dist/ContextMenu/index.js +1 -7
  6. package/dist/DropdownMenu/DropdownMenu.d.ts.map +1 -1
  7. package/dist/DropdownMenu/DropdownMenu.js +4 -8
  8. package/dist/DropdownMenu/DropdownMenuContext.d.ts +1 -17
  9. package/dist/DropdownMenu/DropdownMenuContext.d.ts.map +1 -1
  10. package/dist/DropdownMenu/DropdownMenuContext.js +0 -18
  11. package/dist/DropdownMenu/index.d.ts +1 -5
  12. package/dist/DropdownMenu/index.d.ts.map +1 -1
  13. package/dist/DropdownMenu/index.js +1 -10
  14. package/dist/Icon/Icon.d.ts +12 -17
  15. package/dist/Icon/Icon.d.ts.map +1 -1
  16. package/dist/Icon/Icon.js +20 -28
  17. package/dist/astryx.css +1 -15
  18. package/dist/astryx.umd.js +46 -46
  19. package/dist/astryx.umd.js.map +4 -4
  20. package/package.json +1 -1
  21. package/src/ContextMenu/ContextMenu.test.tsx +1 -75
  22. package/src/ContextMenu/ContextMenu.tsx +5 -10
  23. package/src/ContextMenu/index.ts +0 -15
  24. package/src/DropdownMenu/DropdownMenu.doc.mjs +0 -10
  25. package/src/DropdownMenu/DropdownMenu.tsx +6 -11
  26. package/src/DropdownMenu/DropdownMenuContext.tsx +1 -29
  27. package/src/DropdownMenu/index.ts +3 -23
  28. package/src/Icon/Icon.test.tsx +0 -46
  29. package/src/Icon/Icon.tsx +24 -37
  30. package/dist/DropdownMenu/DropdownMenuCheckboxItem.d.ts +0 -89
  31. package/dist/DropdownMenu/DropdownMenuCheckboxItem.d.ts.map +0 -1
  32. package/dist/DropdownMenu/DropdownMenuCheckboxItem.js +0 -170
  33. package/dist/DropdownMenu/DropdownMenuRadioGroup.d.ts +0 -69
  34. package/dist/DropdownMenu/DropdownMenuRadioGroup.d.ts.map +0 -1
  35. package/dist/DropdownMenu/DropdownMenuRadioGroup.js +0 -70
  36. package/dist/DropdownMenu/DropdownMenuRadioItem.d.ts +0 -69
  37. package/dist/DropdownMenu/DropdownMenuRadioItem.d.ts.map +0 -1
  38. package/dist/DropdownMenu/DropdownMenuRadioItem.js +0 -178
  39. package/dist/DropdownMenu/menuItemRoles.d.ts +0 -13
  40. package/dist/DropdownMenu/menuItemRoles.d.ts.map +0 -1
  41. package/dist/DropdownMenu/menuItemRoles.js +0 -15
  42. package/src/DropdownMenu/DropdownMenuCheckboxItem.doc.mjs +0 -95
  43. package/src/DropdownMenu/DropdownMenuCheckboxItem.tsx +0 -237
  44. package/src/DropdownMenu/DropdownMenuRadioGroup.doc.mjs +0 -80
  45. package/src/DropdownMenu/DropdownMenuRadioGroup.tsx +0 -119
  46. package/src/DropdownMenu/DropdownMenuRadioItem.doc.mjs +0 -80
  47. package/src/DropdownMenu/DropdownMenuRadioItem.tsx +0 -232
  48. package/src/DropdownMenu/DropdownMenuSelectable.test.tsx +0 -163
  49. package/src/DropdownMenu/menuItemRoles.ts +0 -22
@@ -1 +1 @@
1
- {"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../src/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,KAON,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAyBrC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAGjD,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,8BAA8B,CAAC;AAqDtC,MAAM,MAAM,mBAAmB,GAAG,oBAAoB,CAAC;AAEvD,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,CAAC;AAErD,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,CAAC;AAErD,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,CAAC;AAMnD,UAAU,oBAAqB,SAAQ,SAAS;IAC9C,oDAAoD;IACpD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;;;OAKG;IACH,aAAa,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IAC9C,+DAA+D;IAC/D,QAAQ,EAAE,SAAS,CAAC;IACpB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,wCAAwC;IACxC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,oBAAqB,SAAQ,oBAAoB;IACzD,gDAAgD;IAChD,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,UAAU,wBAAyB,SAAQ,oBAAoB;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,+CAA+C;IAC/C,WAAW,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GAAG,wBAAwB,CAAC;AAM/E;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,IAAW,EACX,KAAK,EAAE,cAAc,EACrB,UAAkB,EAClB,YAAY,EACZ,GAAG,EACH,SAAS,EACT,KAAK,EACL,MAAM,EACN,aAAa,EACb,aAAa,EAAE,MAAM,EACrB,GAAG,KAAK,EACT,EAAE,gBAAgB,qBAkRlB;yBAhSe,WAAW"}
1
+ {"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../src/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,KAON,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAqBrC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAGjD,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,8BAA8B,CAAC;AAqDtC,MAAM,MAAM,mBAAmB,GAAG,oBAAoB,CAAC;AAEvD,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,CAAC;AAErD,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,CAAC;AAErD,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,CAAC;AAMnD,UAAU,oBAAqB,SAAQ,SAAS;IAC9C,oDAAoD;IACpD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;;;OAKG;IACH,aAAa,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IAC9C,+DAA+D;IAC/D,QAAQ,EAAE,SAAS,CAAC;IACpB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,wCAAwC;IACxC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,oBAAqB,SAAQ,oBAAoB;IACzD,gDAAgD;IAChD,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,UAAU,wBAAyB,SAAQ,oBAAoB;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,+CAA+C;IAC/C,WAAW,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GAAG,wBAAwB,CAAC;AAM/E;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,IAAW,EACX,KAAK,EAAE,cAAc,EACrB,UAAkB,EAClB,YAAY,EACZ,GAAG,EACH,SAAS,EACT,KAAK,EACL,MAAM,EACN,aAAa,EACb,aAAa,EAAE,MAAM,EACrB,GAAG,KAAK,EACT,EAAE,gBAAgB,qBAiRlB;yBA/Re,WAAW"}
@@ -34,7 +34,6 @@ import * as stylex from '@stylexjs/stylex';
34
34
  import { useLayer } from "../Layer/useLayer.js";
35
35
  import { renderDropdownItems } from "../DropdownMenu/renderDropdownItems.js";
36
36
  import { DropdownMenuContext } from "../DropdownMenu/DropdownMenuContext.js";
37
- import { MENU_ITEM_ROLES, MENU_ITEM_SELECTOR } from "../DropdownMenu/menuItemRoles.js";
38
37
  import { useListFocus } from "../hooks/useListFocus.js";
39
38
  import { useTypeahead } from "../hooks/useTypeahead.js";
40
39
  import { useLongPress } from "../hooks/useLongPress.js";
@@ -179,13 +178,13 @@ export function ContextMenu({
179
178
  focusFirst,
180
179
  focusItem
181
180
  } = useListFocus({
182
- itemSelector: MENU_ITEM_SELECTOR,
181
+ itemSelector: '[role="menuitem"]:not([aria-disabled="true"])',
183
182
  wrap: false,
184
183
  onEscape: closeMenu
185
184
  });
186
185
 
187
186
  // First-character typeahead over the enabled menu items (menus-11).
188
- const getMenuItems = useCallback(() => listRef.current ? Array.from(listRef.current.querySelectorAll(MENU_ITEM_SELECTOR)) : [], [listRef]);
187
+ const getMenuItems = useCallback(() => listRef.current ? Array.from(listRef.current.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])')) : [], [listRef]);
189
188
  const typeahead = useTypeahead({
190
189
  getItemLabels: () => getMenuItems().map(el => el.textContent),
191
190
  onMatch: focusItem,
@@ -239,7 +238,7 @@ export function ContextMenu({
239
238
  if (e.key === 'Enter' || e.key === ' ') {
240
239
  e.preventDefault();
241
240
  const focused = document.activeElement;
242
- if (focused && MENU_ITEM_ROLES.has(focused.getAttribute('role') ?? '')) {
241
+ if (focused?.getAttribute('role') === 'menuitem') {
243
242
  focused.click();
244
243
  }
245
244
  return;
@@ -5,7 +5,4 @@
5
5
  */
6
6
  export { ContextMenu, type ContextMenuProps, type ContextMenuItemData, type ContextMenuDivider, type ContextMenuSection, type ContextMenuOption, } from './ContextMenu';
7
7
  export { DropdownMenuItem as ContextMenuItem, type DropdownMenuItemProps as ContextMenuItemProps, } from '../DropdownMenu/DropdownMenuItem';
8
- export { DropdownMenuCheckboxItem as ContextMenuCheckboxItem, type DropdownMenuCheckboxItemProps as ContextMenuCheckboxItemProps, } from '../DropdownMenu/DropdownMenuCheckboxItem';
9
- export { DropdownMenuRadioGroup as ContextMenuRadioGroup, type DropdownMenuRadioGroupProps as ContextMenuRadioGroupProps, } from '../DropdownMenu/DropdownMenuRadioGroup';
10
- export { DropdownMenuRadioItem as ContextMenuRadioItem, type DropdownMenuRadioItemProps as ContextMenuRadioItemProps, } from '../DropdownMenu/DropdownMenuRadioItem';
11
8
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ContextMenu/index.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AAEH,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,GACvB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,gBAAgB,IAAI,eAAe,EACnC,KAAK,qBAAqB,IAAI,oBAAoB,GACnD,MAAM,kCAAkC,CAAC;AAI1C,OAAO,EACL,wBAAwB,IAAI,uBAAuB,EACnD,KAAK,6BAA6B,IAAI,4BAA4B,GACnE,MAAM,0CAA0C,CAAC;AAClD,OAAO,EACL,sBAAsB,IAAI,qBAAqB,EAC/C,KAAK,2BAA2B,IAAI,0BAA0B,GAC/D,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,qBAAqB,IAAI,oBAAoB,EAC7C,KAAK,0BAA0B,IAAI,yBAAyB,GAC7D,MAAM,uCAAuC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ContextMenu/index.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AAEH,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,GACvB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,gBAAgB,IAAI,eAAe,EACnC,KAAK,qBAAqB,IAAI,oBAAoB,GACnD,MAAM,kCAAkC,CAAC"}
@@ -7,10 +7,4 @@
7
7
  * @position Public API entry point
8
8
  */
9
9
  export { ContextMenu } from "./ContextMenu.js";
10
- export { DropdownMenuItem as ContextMenuItem } from "../DropdownMenu/DropdownMenuItem.js";
11
-
12
- // Selectable items work inside a ContextMenu too — re-exported under the
13
- // ContextMenu name for a coherent API.
14
- export { DropdownMenuCheckboxItem as ContextMenuCheckboxItem } from "../DropdownMenu/DropdownMenuCheckboxItem.js";
15
- export { DropdownMenuRadioGroup as ContextMenuRadioGroup } from "../DropdownMenu/DropdownMenuRadioGroup.js";
16
- export { DropdownMenuRadioItem as ContextMenuRadioItem } from "../DropdownMenu/DropdownMenuRadioItem.js";
10
+ export { DropdownMenuItem as ContextMenuItem } from "../DropdownMenu/DropdownMenuItem.js";
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,EAAE,EAOZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAS,KAAK,WAAW,EAAC,MAAM,WAAW,CAAC;AAEnD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAWtC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAQtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAyC5C,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC7B;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,oBAAoB,EAAE,CAAC;CAC/B;AAED,MAAM,MAAM,kBAAkB,GAC5B,oBAAoB,GAAG,mBAAmB,GAAG,mBAAmB,CAAC;AAMnE,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAEnE,UAAU,qBAAsB,SAAQ,SAAS;IAC/C,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,qBAAsB,SAAQ,qBAAqB;IAC3D,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,UAAU,yBAA0B,SAAQ,qBAAqB;IAC/D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,iBAAiB,GAC3B,qBAAqB,GAAG,yBAAyB,CAAC;AA+BpD,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EAAE,eAAe,EACvB,UAAU,EAAE,gBAAgB,EAC5B,YAAY,EACZ,SAAS,EACT,OAAO,EACP,UAAiB,EACjB,SAAmB,EACnB,SAAS,EACT,KAAK,EACL,MAAM,EACN,aAAa,EAAE,MAAM,EACrB,GAAG,KAAK,EACT,EAAE,iBAAiB,qBA4QnB;yBAzRe,YAAY"}
1
+ {"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,EAAE,EAOZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAS,KAAK,WAAW,EAAC,MAAM,WAAW,CAAC;AAEnD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAUtC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAQtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAyC5C,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC7B;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,oBAAoB,EAAE,CAAC;CAC/B;AAED,MAAM,MAAM,kBAAkB,GAC5B,oBAAoB,GAAG,mBAAmB,GAAG,mBAAmB,CAAC;AAMnE,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAEnE,UAAU,qBAAsB,SAAQ,SAAS;IAC/C,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,qBAAsB,SAAQ,qBAAqB;IAC3D,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,UAAU,yBAA0B,SAAQ,qBAAqB;IAC/D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,iBAAiB,GAC3B,qBAAqB,GAAG,yBAAyB,CAAC;AA+BpD,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EAAE,eAAe,EACvB,UAAU,EAAE,gBAAgB,EAC5B,YAAY,EACZ,SAAS,EACT,OAAO,EACP,UAAiB,EACjB,SAAmB,EACnB,SAAS,EACT,KAAK,EACL,MAAM,EACN,aAAa,EAAE,MAAM,EACrB,GAAG,KAAK,EACT,EAAE,iBAAiB,qBAwQnB;yBArRe,YAAY"}
@@ -27,7 +27,6 @@ import { usePopover } from "../Popover/usePopover.js";
27
27
  import { Button } from "../Button/index.js";
28
28
  import { Icon } from "../Icon/index.js";
29
29
  import { renderDropdownItems } from "./renderDropdownItems.js";
30
- import { MENU_ITEM_ROLES, MENU_ITEM_SELECTOR } from "./menuItemRoles.js";
31
30
  import { DropdownMenuContext } from "./DropdownMenuContext.js";
32
31
  import { useListFocus } from "../hooks/useListFocus.js";
33
32
  import { useTypeahead } from "../hooks/useTypeahead.js";
@@ -187,24 +186,21 @@ export function DropdownMenu({
187
186
  popover.hide();
188
187
  }, [popover]);
189
188
 
190
- // Single keyboard navigation path for both modes.
191
- // The selector matches plain items plus selectable items
192
- // (menuitemradio/menuitemcheckbox) so lab checkbox/radio rows are reachable
193
- // and roved to alongside plain items — not just role="menuitem".
189
+ // Single keyboard navigation path for both modes
194
190
  const {
195
191
  listRef,
196
192
  handleKeyDown: listNavKeyDown,
197
193
  focusFirst,
198
194
  focusItem
199
195
  } = useListFocus({
200
- itemSelector: MENU_ITEM_SELECTOR,
196
+ itemSelector: '[role="menuitem"]:not([aria-disabled="true"])',
201
197
  wrap: false,
202
198
  onEscape: closeMenu
203
199
  });
204
200
 
205
201
  // First-character typeahead over the (enabled) menu items — jump to the next
206
202
  // item whose label starts with the typed text (menus-11).
207
- const getMenuItems = useCallback(() => listRef.current ? Array.from(listRef.current.querySelectorAll(MENU_ITEM_SELECTOR)) : [], [listRef]);
203
+ const getMenuItems = useCallback(() => listRef.current ? Array.from(listRef.current.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])')) : [], [listRef]);
208
204
  const typeahead = useTypeahead({
209
205
  getItemLabels: () => getMenuItems().map(el => el.textContent),
210
206
  onMatch: focusItem,
@@ -228,7 +224,7 @@ export function DropdownMenu({
228
224
  if (e.key === 'Enter' || e.key === ' ') {
229
225
  e.preventDefault();
230
226
  const focused = document.activeElement;
231
- if (focused && MENU_ITEM_ROLES.has(focused.getAttribute('role') ?? '')) {
227
+ if (focused?.getAttribute('role') === 'menuitem') {
232
228
  focused.click();
233
229
  }
234
230
  return;
@@ -1,10 +1,8 @@
1
- /** Menu size, derived from the trigger button size. */
2
- export type DropdownMenuSize = 'sm' | 'md' | 'lg';
3
1
  export interface DropdownMenuContextValue {
4
2
  /** Close the menu and return focus to trigger */
5
3
  closeMenu: () => void;
6
4
  /** Menu size derived from button size */
7
- menuSize: DropdownMenuSize;
5
+ menuSize: 'sm' | 'md' | 'lg';
8
6
  }
9
7
  export declare const DropdownMenuContext: import("react").Context<DropdownMenuContextValue | null>;
10
8
  /**
@@ -12,18 +10,4 @@ export declare const DropdownMenuContext: import("react").Context<DropdownMenuCo
12
10
  * Returns null outside of a DropdownMenu.
13
11
  */
14
12
  export declare function useDropdownMenuContext(): DropdownMenuContextValue | null;
15
- export interface DropdownMenuRadioGroupContextValue {
16
- /** The currently selected value in the group. */
17
- value: string | undefined;
18
- /** Select a value. Called by a DropdownMenuRadioItem on activation. */
19
- onChange: (value: string) => void;
20
- /** Whether selecting an item should close the menu. @default true */
21
- hasCloseOnSelect: boolean;
22
- }
23
- export declare const DropdownMenuRadioGroupContext: import("react").Context<DropdownMenuRadioGroupContextValue | null>;
24
- /**
25
- * Read the enclosing radio group's selection state.
26
- * Returns null when used outside a DropdownMenuRadioGroup.
27
- */
28
- export declare function useDropdownMenuRadioGroupContext(): DropdownMenuRadioGroupContextValue | null;
29
13
  //# sourceMappingURL=DropdownMenuContext.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownMenuContext.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenuContext.tsx"],"names":[],"mappings":"AAgBA,uDAAuD;AACvD,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElD,MAAM,WAAW,wBAAwB;IACvC,iDAAiD;IACjD,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,yCAAyC;IACzC,QAAQ,EAAE,gBAAgB,CAAC;CAC5B;AAED,eAAO,MAAM,mBAAmB,0DACsB,CAAC;AAGvD;;;GAGG;AACH,wBAAgB,sBAAsB,IAAI,wBAAwB,GAAG,IAAI,CAExE;AAMD,MAAM,WAAW,kCAAkC;IACjD,iDAAiD;IACjD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,uEAAuE;IACvE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,qEAAqE;IACrE,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,6BAA6B,oEACsB,CAAC;AAGjE;;;GAGG;AACH,wBAAgB,gCAAgC,IAAI,kCAAkC,GAAG,IAAI,CAE5F"}
1
+ {"version":3,"file":"DropdownMenuContext.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenuContext.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,wBAAwB;IACvC,iDAAiD;IACjD,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,yCAAyC;IACzC,QAAQ,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,mBAAmB,0DACsB,CAAC;AAGvD;;;GAGG;AACH,wBAAgB,sBAAsB,IAAI,wBAAwB,GAAG,IAAI,CAExE"}
@@ -12,9 +12,6 @@
12
12
  * items don't need to register themselves.
13
13
  */
14
14
  import { createContext, use } from 'react';
15
-
16
- /** Menu size, derived from the trigger button size. */
17
-
18
15
  export const DropdownMenuContext = /*#__PURE__*/createContext(null);
19
16
  DropdownMenuContext.displayName = 'DropdownMenuContext';
20
17
 
@@ -24,19 +21,4 @@ DropdownMenuContext.displayName = 'DropdownMenuContext';
24
21
  */
25
22
  export function useDropdownMenuContext() {
26
23
  return use(DropdownMenuContext);
27
- }
28
-
29
- // =============================================================================
30
- // Radio group coordination
31
- // =============================================================================
32
-
33
- export const DropdownMenuRadioGroupContext = /*#__PURE__*/createContext(null);
34
- DropdownMenuRadioGroupContext.displayName = 'DropdownMenuRadioGroupContext';
35
-
36
- /**
37
- * Read the enclosing radio group's selection state.
38
- * Returns null when used outside a DropdownMenuRadioGroup.
39
- */
40
- export function useDropdownMenuRadioGroupContext() {
41
- return use(DropdownMenuRadioGroupContext);
42
24
  }
@@ -4,9 +4,5 @@
4
4
  * @position Public API entry point
5
5
  */
6
6
  export { DropdownMenu, type DropdownMenuProps, type DropdownMenuButtonProps, type DropdownMenuItemData, type DropdownMenuDivider, type DropdownMenuSection, type DropdownMenuOption, } from './DropdownMenu';
7
- export { DropdownMenuItem, type DropdownMenuItemProps } from './DropdownMenuItem';
8
- export { DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, } from './DropdownMenuCheckboxItem';
9
- export { DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, } from './DropdownMenuRadioGroup';
10
- export { DropdownMenuRadioItem, type DropdownMenuRadioItemProps, } from './DropdownMenuRadioItem';
11
- export { DropdownMenuContext, useDropdownMenuContext, type DropdownMenuContextValue, type DropdownMenuSize, } from './DropdownMenuContext';
7
+ export { DropdownMenuItem, type DropdownMenuItemProps, } from './DropdownMenuItem';
12
8
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/index.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AAEH,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACtB,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,GACxB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAC,gBAAgB,EAAE,KAAK,qBAAqB,EAAC,MAAM,oBAAoB,CAAC;AAGhF,OAAO,EACL,wBAAwB,EACxB,KAAK,6BAA6B,GACnC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,GACjC,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,GAChC,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,KAAK,wBAAwB,EAC7B,KAAK,gBAAgB,GACtB,MAAM,uBAAuB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/index.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AAEH,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACtB,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,GACxB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,oBAAoB,CAAC"}
@@ -8,13 +8,4 @@
8
8
  * @position Public API entry point
9
9
  */
10
10
  export { DropdownMenu } from "./DropdownMenu.js";
11
- export { DropdownMenuItem } from "./DropdownMenuItem.js";
12
-
13
- // Selectable items — checkbox (independent) and radio (single-select group).
14
- export { DropdownMenuCheckboxItem } from "./DropdownMenuCheckboxItem.js";
15
- export { DropdownMenuRadioGroup } from "./DropdownMenuRadioGroup.js";
16
- export { DropdownMenuRadioItem } from "./DropdownMenuRadioItem.js";
17
-
18
- // Menu-coordination context — public so consumers can build custom menu items
19
- // that read the menu size / close the menu.
20
- export { DropdownMenuContext, useDropdownMenuContext } from "./DropdownMenuContext.js";
11
+ export { DropdownMenuItem } from "./DropdownMenuItem.js";
@@ -82,28 +82,23 @@ declare const colorStyles: Readonly<{
82
82
  /**
83
83
  * Size styles for direct SVG icon components.
84
84
  * Uses width/height only — SVG components handle their own viewBox scaling.
85
- *
86
- * Sizes are expressed in `rem` (relative to the root font-size) so icons scale
87
- * in step with text when the document font-size changes, matching the rest of
88
- * the design system's rem-based type scale. Values are the px-equivalents at a
89
- * 16px root: 12px → 0.75rem, 16px → 1rem, 20px → 1.25rem, 24px → 1.5rem.
90
85
  */
91
86
  declare const sizeStyles: Readonly<{
92
87
  readonly xsm: Readonly<{
93
- readonly width: stylex.StyleXClassNameFor<"width", "0.75rem">;
94
- readonly height: stylex.StyleXClassNameFor<"height", "0.75rem">;
88
+ readonly width: stylex.StyleXClassNameFor<"width", 12>;
89
+ readonly height: stylex.StyleXClassNameFor<"height", 12>;
95
90
  }>;
96
91
  readonly sm: Readonly<{
97
- readonly width: stylex.StyleXClassNameFor<"width", "1rem">;
98
- readonly height: stylex.StyleXClassNameFor<"height", "1rem">;
92
+ readonly width: stylex.StyleXClassNameFor<"width", 16>;
93
+ readonly height: stylex.StyleXClassNameFor<"height", 16>;
99
94
  }>;
100
95
  readonly md: Readonly<{
101
- readonly width: stylex.StyleXClassNameFor<"width", "1.25rem">;
102
- readonly height: stylex.StyleXClassNameFor<"height", "1.25rem">;
96
+ readonly width: stylex.StyleXClassNameFor<"width", 20>;
97
+ readonly height: stylex.StyleXClassNameFor<"height", 20>;
103
98
  }>;
104
99
  readonly lg: Readonly<{
105
- readonly width: stylex.StyleXClassNameFor<"width", "1.5rem">;
106
- readonly height: stylex.StyleXClassNameFor<"height", "1.5rem">;
100
+ readonly width: stylex.StyleXClassNameFor<"width", 24>;
101
+ readonly height: stylex.StyleXClassNameFor<"height", 24>;
107
102
  }>;
108
103
  }>;
109
104
  export type IconColor = keyof typeof colorStyles;
@@ -133,10 +128,10 @@ export interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'ref' | 'color'
133
128
  color?: IconColor;
134
129
  /**
135
130
  * The size of the icon.
136
- * - 'xsm': 0.75rem (12px at a 16px root)
137
- * - 'sm': 1rem (16px at a 16px root)
138
- * - 'md': 1.25rem (20px at a 16px root)
139
- * - 'lg': 1.5rem (24px at a 16px root)
131
+ * - 'xsm': 12px
132
+ * - 'sm': 16px
133
+ * - 'md': 20px
134
+ * - 'lg': 24px
140
135
  * @default 'md'
141
136
  */
142
137
  size?: IconSize;
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/Icon/Icon.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,EAAE,EAAC,KAAK,aAAa,EAAE,KAAK,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/D,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAG3C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAC;AAqBnD,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2Df,CAAC;AAEH;;;;;;;;GAQG;AACH,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;EAiBd,CAAC;AAyCH,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,WAAW,CAAC;AACjD,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,UAAU,CAAC;AAE/C;;;GAGG;AACH,MAAM,MAAM,QAAQ,GAAG,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;AAE9D;;;GAGG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CACrC,QAAQ,CAAC,aAAa,CAAC,EACvB,KAAK,GAAG,OAAO,CAChB;IACC,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAC/B;;;;OAIG;IACH,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAMD;;;;;;;GAOG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,KAAiB,EACjB,IAAW,EACX,GAAG,EACH,GAAG,KAAK,EACT,EAAE,SAAS,qBA0BX;yBAhCe,IAAI;;;AAiFpB;;;;;;GAMG;AACH,wBAAgB,cAAc,CAC5B,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,QAAQ,EAChC,KAAK,CAAC,EAAE;IAAC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAC,GAC3C,KAAK,CAAC,SAAS,CAYjB"}
1
+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/Icon/Icon.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,EAAE,EAAC,KAAK,aAAa,EAAE,KAAK,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/D,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAG3C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAC;AAqBnD,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2Df,CAAC;AAEH;;;GAGG;AACH,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;EAiBd,CAAC;AAiCH,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,WAAW,CAAC;AACjD,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,UAAU,CAAC;AAE/C;;;GAGG;AACH,MAAM,MAAM,QAAQ,GAAG,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;AAE9D;;;GAGG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CACrC,QAAQ,CAAC,aAAa,CAAC,EACvB,KAAK,GAAG,OAAO,CAChB;IACC,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAC/B;;;;OAIG;IACH,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAMD;;;;;;;GAOG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,KAAiB,EACjB,IAAW,EACX,GAAG,EACH,GAAG,KAAK,EACT,EAAE,SAAS,qBA0BX;yBAhCe,IAAI;;;AAiFpB;;;;;;GAMG;AACH,wBAAgB,cAAc,CAC5B,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,QAAQ,EAChC,KAAK,CAAC,EAAE;IAAC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAC,GAC3C,KAAK,CAAC,SAAS,CAYjB"}
package/dist/Icon/Icon.js CHANGED
@@ -128,31 +128,26 @@ const colorStyles = {
128
128
  /**
129
129
  * Size styles for direct SVG icon components.
130
130
  * Uses width/height only — SVG components handle their own viewBox scaling.
131
- *
132
- * Sizes are expressed in `rem` (relative to the root font-size) so icons scale
133
- * in step with text when the document font-size changes, matching the rest of
134
- * the design system's rem-based type scale. Values are the px-equivalents at a
135
- * 16px root: 12px → 0.75rem, 16px → 1rem, 20px → 1.25rem, 24px → 1.5rem.
136
131
  */
137
132
  const sizeStyles = {
138
133
  xsm: {
139
- kzqmXN: "x1jw3ynk",
140
- kZKoxP: "xvle69y",
134
+ kzqmXN: "xsmyaan",
135
+ kZKoxP: "x1kpxq89",
141
136
  $$css: true
142
137
  },
143
138
  sm: {
144
- kzqmXN: "xcdlrvm",
145
- kZKoxP: "x1l36t39",
139
+ kzqmXN: "x1kky2od",
140
+ kZKoxP: "xlup9mm",
146
141
  $$css: true
147
142
  },
148
143
  md: {
149
- kzqmXN: "xwqq7k2",
150
- kZKoxP: "xmll18r",
144
+ kzqmXN: "xw4jnvo",
145
+ kZKoxP: "x1qx5ct2",
151
146
  $$css: true
152
147
  },
153
148
  lg: {
154
- kzqmXN: "xp8d6y2",
155
- kZKoxP: "xam5rvr",
149
+ kzqmXN: "xvy4d1p",
150
+ kZKoxP: "xxk0z11",
156
151
  $$css: true
157
152
  }
158
153
  };
@@ -160,33 +155,30 @@ const sizeStyles = {
160
155
  /**
161
156
  * Size styles for string-based (registry) icons.
162
157
  * Includes fontSize so that 1em-based icons from the registry scale correctly.
163
- *
164
- * Expressed in `rem` for the same reason as {@link sizeStyles} — icons track the
165
- * root font-size instead of being locked to absolute pixels.
166
158
  */
167
159
  const spanSizeStyles = {
168
160
  xsm: {
169
- kzqmXN: "x1jw3ynk",
170
- kZKoxP: "xvle69y",
171
- kGuDYH: "xboafo0",
161
+ kzqmXN: "xsmyaan",
162
+ kZKoxP: "x1kpxq89",
163
+ kGuDYH: "xfifm61",
172
164
  $$css: true
173
165
  },
174
166
  sm: {
175
- kzqmXN: "xcdlrvm",
176
- kZKoxP: "x1l36t39",
177
- kGuDYH: "x1jchvi3",
167
+ kzqmXN: "x1kky2od",
168
+ kZKoxP: "xlup9mm",
169
+ kGuDYH: "x1j61zf2",
178
170
  $$css: true
179
171
  },
180
172
  md: {
181
- kzqmXN: "xwqq7k2",
182
- kZKoxP: "xmll18r",
183
- kGuDYH: "x1603h9y",
173
+ kzqmXN: "xw4jnvo",
174
+ kZKoxP: "x1qx5ct2",
175
+ kGuDYH: "xwsyq91",
184
176
  $$css: true
185
177
  },
186
178
  lg: {
187
- kzqmXN: "xp8d6y2",
188
- kZKoxP: "xam5rvr",
189
- kGuDYH: "xngnso2",
179
+ kzqmXN: "xvy4d1p",
180
+ kZKoxP: "xxk0z11",
181
+ kGuDYH: "x1pvqxga",
190
182
  $$css: true
191
183
  }
192
184
  };
package/dist/astryx.css CHANGED
@@ -698,15 +698,12 @@
698
698
  .x9ynric:not(#\#):not(#\#):not(#\#){font-family:var(--font-family-body)}
699
699
  .x9m5x89:not(#\#):not(#\#):not(#\#){font-family:var(--font-family-code)}
700
700
  .x1g81bgm:not(#\#):not(#\#):not(#\#){font-family:var(--font-family-heading)}
701
- .xboafo0:not(#\#):not(#\#):not(#\#){font-size:.75rem}
702
- .x1603h9y:not(#\#):not(#\#):not(#\#){font-size:1.25rem}
703
- .xngnso2:not(#\#):not(#\#):not(#\#){font-size:1.5rem}
704
701
  .x1k6wstc:not(#\#):not(#\#):not(#\#){font-size:10px}
705
702
  .xfifm61:not(#\#):not(#\#):not(#\#){font-size:12px}
706
703
  .xif65rj:not(#\#):not(#\#):not(#\#){font-size:14px}
707
704
  .x1j61zf2:not(#\#):not(#\#):not(#\#){font-size:16px}
708
- .x1jchvi3:not(#\#):not(#\#):not(#\#){font-size:1rem}
709
705
  .xwsyq91:not(#\#):not(#\#):not(#\#){font-size:20px}
706
+ .x1pvqxga:not(#\#):not(#\#):not(#\#){font-size:24px}
710
707
  .x1qlqyl8:not(#\#):not(#\#):not(#\#){font-size:inherit}
711
708
  .xhs0kqb:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-2xl)}
712
709
  .x16a80zy:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-2xs)}
@@ -847,7 +844,6 @@
847
844
  .xg01cxk:not(#\#):not(#\#):not(#\#){opacity:0}
848
845
  .x1hc1fzr:not(#\#):not(#\#):not(#\#){opacity:1}
849
846
  .x1clqncf:not(#\#):not(#\#):not(#\#){order:-1}
850
- .x1g77sc7:not(#\#):not(#\#):not(#\#){order:0}
851
847
  .x1wfwxd8:not(#\#):not(#\#):not(#\#){outline-offset:0}
852
848
  .x1y3gkto:not(#\#):not(#\#):not(#\#){outline-offset:1px}
853
849
  .x1hl8ikr:not(#\#):not(#\#):not(#\#){outline-offset:2px}
@@ -1112,8 +1108,6 @@
1112
1108
  @media (max-width: 480px){.x1rpgqan.x1rpgqan:not(#\#):not(#\#):not(#\#){flex-direction:column}}
1113
1109
  @media (pointer: coarse){.x6pjikd.x6pjikd:not(#\#):not(#\#):not(#\#){font-size:max(1rem,var(--text-body-size))}}
1114
1110
  @media (pointer: coarse){.xdk3u5w.xdk3u5w:not(#\#):not(#\#):not(#\#){font-size:max(1rem,var(--text-label-size))}}
1115
- @media (pointer: coarse){.x1jymrmb.x1jymrmb:not(#\#):not(#\#):not(#\#){margin-inline-start:auto}}
1116
- @media (pointer: coarse){.xozvky.xozvky:not(#\#):not(#\#):not(#\#){order:1}}
1117
1111
  @media (prefers-reduced-motion: reduce){.xg83hb1.xg83hb1:not(#\#):not(#\#):not(#\#){scroll-behavior:auto}}
1118
1112
  @media (prefers-reduced-motion: reduce){.xsagj69.xsagj69:not(#\#):not(#\#):not(#\#){transition-duration:.01ms}}
1119
1113
  @media (prefers-reduced-motion: reduce){.xzg1mie.xzg1mie:not(#\#):not(#\#):not(#\#){transition-duration:.01s}}
@@ -1196,10 +1190,7 @@
1196
1190
  .x1ey2m1c:not(#\#):not(#\#):not(#\#):not(#\#){bottom:0}
1197
1191
  .x1c7jfne:not(#\#):not(#\#):not(#\#):not(#\#){bottom:2px}
1198
1192
  .x1nqzi6q:not(#\#):not(#\#):not(#\#):not(#\#){bottom:var(--x-bottom)}
1199
- .xvle69y:not(#\#):not(#\#):not(#\#):not(#\#){height:.75rem}
1200
1193
  .xqtp20y:not(#\#):not(#\#):not(#\#):not(#\#){height:0}
1201
- .xmll18r:not(#\#):not(#\#):not(#\#):not(#\#){height:1.25rem}
1202
- .xam5rvr:not(#\#):not(#\#):not(#\#):not(#\#){height:1.5rem}
1203
1194
  .x5yr21d:not(#\#):not(#\#):not(#\#):not(#\#){height:100%}
1204
1195
  .xtdtrs8:not(#\#):not(#\#):not(#\#):not(#\#){height:100dvh}
1205
1196
  .xpyat2d:not(#\#):not(#\#):not(#\#):not(#\#){height:100px}
@@ -1213,7 +1204,6 @@
1213
1204
  .xlup9mm:not(#\#):not(#\#):not(#\#):not(#\#){height:16px}
1214
1205
  .xmix8c7:not(#\#):not(#\#):not(#\#):not(#\#){height:18px}
1215
1206
  .xjm9jq1:not(#\#):not(#\#):not(#\#):not(#\#){height:1px}
1216
- .x1l36t39:not(#\#):not(#\#):not(#\#):not(#\#){height:1rem}
1217
1207
  .x1qx5ct2:not(#\#):not(#\#):not(#\#):not(#\#){height:20px}
1218
1208
  .x17rw0jw:not(#\#):not(#\#):not(#\#):not(#\#){height:22px}
1219
1209
  .xxk0z11:not(#\#):not(#\#):not(#\#):not(#\#){height:24px}
@@ -1416,10 +1406,7 @@
1416
1406
  .xctzyg:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--spacing-2)}
1417
1407
  .xyx6v2t:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--spacing-3)}
1418
1408
  .xjbys53:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--x-top)}
1419
- .x1jw3ynk:not(#\#):not(#\#):not(#\#):not(#\#){width:.75rem}
1420
1409
  .xnalus7:not(#\#):not(#\#):not(#\#):not(#\#){width:0}
1421
- .xwqq7k2:not(#\#):not(#\#):not(#\#):not(#\#){width:1.25rem}
1422
- .xp8d6y2:not(#\#):not(#\#):not(#\#):not(#\#){width:1.5rem}
1423
1410
  .xh8yej3:not(#\#):not(#\#):not(#\#):not(#\#){width:100%}
1424
1411
  .x1o6l61p:not(#\#):not(#\#):not(#\#):not(#\#){width:100dvw}
1425
1412
  .xn9wirt:not(#\#):not(#\#):not(#\#):not(#\#){width:100vw}
@@ -1430,7 +1417,6 @@
1430
1417
  .xzjbwwf:not(#\#):not(#\#):not(#\#):not(#\#){width:180px}
1431
1418
  .x1xp8n7a:not(#\#):not(#\#):not(#\#):not(#\#){width:18px}
1432
1419
  .x1i1rx1s:not(#\#):not(#\#):not(#\#):not(#\#){width:1px}
1433
- .xcdlrvm:not(#\#):not(#\#):not(#\#):not(#\#){width:1rem}
1434
1420
  .x1oysuqx:not(#\#):not(#\#):not(#\#):not(#\#){width:200px}
1435
1421
  .xw4jnvo:not(#\#):not(#\#):not(#\#):not(#\#){width:20px}
1436
1422
  .x17z2i9w:not(#\#):not(#\#):not(#\#):not(#\#){width:22px}