@lablup/ui-common 0.2.0-alpha.15 → 0.2.0-alpha.17

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 (136) hide show
  1. package/README.md +35 -5
  2. package/dist/astryx/Markdown/parser.d.ts +1 -0
  3. package/dist/astryx/Markdown/parser.js +1 -0
  4. package/dist/astryx/Markdown/plugins.d.ts +1 -0
  5. package/dist/astryx/Markdown/plugins.js +1 -0
  6. package/dist/astryx/Markdown/remark.d.ts +1 -0
  7. package/dist/astryx/Markdown/remark.js +1 -0
  8. package/dist/astryx/Timer.d.ts +1 -0
  9. package/dist/astryx/Timer.js +1 -0
  10. package/dist/astryx/lab.d.ts +2 -2
  11. package/dist/astryx/lab.js +2 -2
  12. package/dist/components/Modal/modalStack.d.ts +2 -0
  13. package/dist/components/Modal/modalStack.js +29 -26
  14. package/dist/components/Modal/modalStack.js.map +1 -1
  15. package/dist/components/PagedSelector/PanelSearchInput.d.ts +1 -1
  16. package/dist/components/PagedSelector/PanelSearchInput.js +1 -1
  17. package/dist/components/PagedSelector/PanelSearchInput.js.map +1 -1
  18. package/dist/forks/ComplexSelector/ComplexSelector.js.map +1 -1
  19. package/dist/forks/ComplexSelector/ComplexSelector.styles.d.ts +4 -0
  20. package/dist/forks/ComplexSelector/ComplexSelector.styles.js +5 -1
  21. package/dist/forks/ComplexSelector/ComplexSelector.styles.js.map +1 -1
  22. package/dist/forks/Drawer/Drawer.d.ts +25 -14
  23. package/dist/forks/Drawer/Drawer.js +79 -79
  24. package/dist/forks/Drawer/Drawer.js.map +1 -1
  25. package/dist/forks/Drawer/Drawer.styles.d.ts +16 -9
  26. package/dist/forks/Drawer/Drawer.styles.js +26 -16
  27. package/dist/forks/Drawer/Drawer.styles.js.map +1 -1
  28. package/dist/forks/Drawer/useDrawerDialogPresence.d.ts +7 -6
  29. package/dist/forks/Drawer/useDrawerDialogPresence.js +30 -21
  30. package/dist/forks/Drawer/useDrawerDialogPresence.js.map +1 -1
  31. package/dist/forks/Tour/Tour.js.map +1 -1
  32. package/dist/forks/Tour/TourContext.js.map +1 -1
  33. package/dist/forks/Tour/TourStep.js.map +1 -1
  34. package/dist/forks/Tour/TourStep.styles.js.map +1 -1
  35. package/dist/forks/Tour/useTour.js.map +1 -1
  36. package/dist/index.d.ts +2 -2
  37. package/dist/index.js +2 -2
  38. package/dist/instance.js +2 -2
  39. package/dist/locales/af-ZA.generated.d.ts +8 -0
  40. package/dist/locales/af-ZA.generated.js +381 -0
  41. package/dist/locales/af-ZA.json +530 -1
  42. package/dist/locales/ar-SA.generated.d.ts +8 -0
  43. package/dist/locales/ar-SA.generated.js +381 -0
  44. package/dist/locales/ar-SA.json +490 -1
  45. package/dist/locales/ca-ES.generated.d.ts +8 -0
  46. package/dist/locales/ca-ES.generated.js +381 -0
  47. package/dist/locales/ca-ES.json +514 -1
  48. package/dist/locales/cs-CZ.generated.d.ts +8 -0
  49. package/dist/locales/cs-CZ.generated.js +381 -0
  50. package/dist/locales/cs-CZ.json +498 -1
  51. package/dist/locales/da-DK.generated.d.ts +8 -0
  52. package/dist/locales/da-DK.generated.js +381 -0
  53. package/dist/locales/da-DK.json +522 -1
  54. package/dist/locales/de-DE.generated.d.ts +8 -0
  55. package/dist/locales/de-DE.generated.js +381 -0
  56. package/dist/locales/de-DE.json +522 -1
  57. package/dist/locales/el-GR.generated.d.ts +8 -0
  58. package/dist/locales/el-GR.generated.js +381 -0
  59. package/dist/locales/el-GR.json +498 -1
  60. package/dist/locales/en.generated.d.ts +8 -0
  61. package/dist/locales/en.generated.js +385 -0
  62. package/dist/locales/en.json +16 -0
  63. package/dist/locales/es-ES.generated.d.ts +8 -0
  64. package/dist/locales/es-ES.generated.js +381 -0
  65. package/dist/locales/es-ES.json +510 -1
  66. package/dist/locales/fi-FI.generated.d.ts +8 -0
  67. package/dist/locales/fi-FI.generated.js +381 -0
  68. package/dist/locales/fi-FI.json +498 -1
  69. package/dist/locales/fr-FR.generated.d.ts +8 -0
  70. package/dist/locales/fr-FR.generated.js +381 -0
  71. package/dist/locales/fr-FR.json +534 -1
  72. package/dist/locales/he-IL.generated.d.ts +8 -0
  73. package/dist/locales/he-IL.generated.js +381 -0
  74. package/dist/locales/he-IL.json +498 -1
  75. package/dist/locales/hu-HU.generated.d.ts +8 -0
  76. package/dist/locales/hu-HU.generated.js +381 -0
  77. package/dist/locales/hu-HU.json +498 -1
  78. package/dist/locales/it-IT.generated.d.ts +8 -0
  79. package/dist/locales/it-IT.generated.js +381 -0
  80. package/dist/locales/it-IT.json +510 -1
  81. package/dist/locales/ja-JP.generated.d.ts +8 -0
  82. package/dist/locales/ja-JP.generated.js +381 -0
  83. package/dist/locales/ja-JP.json +492 -3
  84. package/dist/locales/ko-KR.generated.d.ts +8 -0
  85. package/dist/locales/ko-KR.generated.js +381 -0
  86. package/dist/locales/ko-KR.json +500 -3
  87. package/dist/locales/nl-NL.generated.d.ts +8 -0
  88. package/dist/locales/nl-NL.generated.js +381 -0
  89. package/dist/locales/nl-NL.json +534 -1
  90. package/dist/locales/no-NO.generated.d.ts +8 -0
  91. package/dist/locales/no-NO.generated.js +381 -0
  92. package/dist/locales/no-NO.json +510 -1
  93. package/dist/locales/pl-PL.generated.d.ts +8 -0
  94. package/dist/locales/pl-PL.generated.js +381 -0
  95. package/dist/locales/pl-PL.json +506 -1
  96. package/dist/locales/pseudo.generated.d.ts +8 -0
  97. package/dist/locales/pseudo.generated.js +385 -0
  98. package/dist/locales/pseudo.json +12 -0
  99. package/dist/locales/pt-BR.generated.d.ts +8 -0
  100. package/dist/locales/pt-BR.generated.js +381 -0
  101. package/dist/locales/pt-BR.json +506 -1
  102. package/dist/locales/pt-PT.generated.d.ts +8 -0
  103. package/dist/locales/pt-PT.generated.js +381 -0
  104. package/dist/locales/pt-PT.json +506 -1
  105. package/dist/locales/ro-RO.generated.d.ts +8 -0
  106. package/dist/locales/ro-RO.generated.js +381 -0
  107. package/dist/locales/ro-RO.json +506 -1
  108. package/dist/locales/ru-RU.generated.d.ts +8 -0
  109. package/dist/locales/ru-RU.generated.js +381 -0
  110. package/dist/locales/ru-RU.json +498 -1
  111. package/dist/locales/sr-SP.generated.d.ts +8 -0
  112. package/dist/locales/sr-SP.generated.js +381 -0
  113. package/dist/locales/sr-SP.json +498 -1
  114. package/dist/locales/sv-SE.generated.d.ts +8 -0
  115. package/dist/locales/sv-SE.generated.js +381 -0
  116. package/dist/locales/sv-SE.json +502 -1
  117. package/dist/locales/tr-TR.generated.d.ts +8 -0
  118. package/dist/locales/tr-TR.generated.js +381 -0
  119. package/dist/locales/tr-TR.json +498 -1
  120. package/dist/locales/uk-UA.generated.d.ts +8 -0
  121. package/dist/locales/uk-UA.generated.js +381 -0
  122. package/dist/locales/uk-UA.json +498 -1
  123. package/dist/locales/vi-VN.generated.d.ts +8 -0
  124. package/dist/locales/vi-VN.generated.js +381 -0
  125. package/dist/locales/vi-VN.json +502 -1
  126. package/dist/locales/zh-CN.generated.d.ts +8 -0
  127. package/dist/locales/zh-CN.generated.js +381 -0
  128. package/dist/locales/zh-CN.json +503 -14
  129. package/dist/locales/zh-TW.generated.d.ts +8 -0
  130. package/dist/locales/zh-TW.generated.js +381 -0
  131. package/dist/locales/zh-TW.json +503 -14
  132. package/dist/theme/lablup/built/lablup.d.ts +2 -2
  133. package/dist/theme/lablup/built/lablup.js +2 -2
  134. package/dist/theme/lablup/built/lablup.variants.d.ts +2 -2
  135. package/dist/theme/lablup/built/theme.css +6 -2
  136. package/package.json +26 -6
@@ -1 +1 @@
1
- {"version":3,"file":"useDrawerDialogPresence.js","names":[],"sources":["../../../src/forks/Drawer/useDrawerDialogPresence.ts"],"sourcesContent":["// Copyright (c) Meta Platforms, Inc. and affiliates.\n//\n// Forked from @astryxdesign/lab 0.6.2-canary.c9fb1ad, src/Drawer/useDrawerDialogPresence.ts\n// (MIT; see NOTICE). Unchanged: forked with Drawer, which uses it.\n// Provenance and the drift guard: src/forks/provenance.json.\n\n\"use client\";\n\n/**\n * @file useDrawerDialogPresence.ts\n * @input Controlled open state, modal mode, dialog ref, and rendered-state setter\n * @output Coordinates native dialog presence, exit timing, focus restoration, and unmount cleanup\n * @position Drawer-internal hook; consumed only by Drawer.tsx\n *\n * The drawer has two independent notions of presence:\n * - React's rendered state keeps the panel visible for its CSS exit.\n * - The native <dialog> `open` state keeps it in the top layer.\n *\n * Their close ordering is a browser-visible invariant: the panel must finish\n * its exit, then `dialog.close()` and the React hide must happen in the same\n * task. If the hide lands a frame later, a transformed ancestor becomes the\n * containing block for the now-non-top-layer `position: fixed` panel and it\n * paints back inside the page for one frame.\n *\n * SYNC: When modified, update:\n * - /packages/lab/src/Drawer/Drawer.test.tsx\n * - /.github/scripts/modal-close-visibility.js\n */\n\nimport {\n useEffect,\n useRef,\n type Dispatch,\n type RefObject,\n type SetStateAction,\n} from \"react\";\nimport { flushSync } from \"react-dom\";\n\n/** Slack past the computed transition before the backstop gives up waiting. */\nconst EXIT_BACKSTOP_BUFFER_MS = 50;\n\n/**\n * Hold used when the transition duration cannot be read — an unresolved\n * `var()` outside a real browser. Picking a fixed number would otherwise make\n * an assumption about the consumer's theme.\n */\nconst EXIT_FALLBACK_MS = 250;\n\ntype UseDrawerDialogPresenceOptions = {\n dialogRef: RefObject<HTMLDialogElement | null>;\n isOpen: boolean;\n isModal: boolean;\n setIsRendered: Dispatch<SetStateAction<boolean>>;\n};\n\n/**\n * Coordinates the native dialog and React-rendered presence for Drawer.\n *\n * Opening captures the trigger, opens the native dialog, and honours the\n * component's `data-autofocus` contract. Closing waits for the actual\n * transform transition (with a computed-duration backstop), then closes the\n * native dialog and synchronously hides the panel before the browser can paint\n * it outside the top layer. Unmount cleanup closes a dialog left open by React\n * Activity or a removed subtree.\n */\nexport function useDrawerDialogPresence({\n dialogRef,\n isOpen,\n isModal,\n setIsRendered,\n}: UseDrawerDialogPresenceOptions): void {\n // Element focused when the drawer opened — restored on close.\n const triggerElementRef = useRef<HTMLElement | null>(null);\n\n useEffect(() => {\n const dialog = dialogRef.current;\n if (!dialog) {\n return;\n }\n\n if (isOpen) {\n if (!dialog.open) {\n triggerElementRef.current = document.activeElement as HTMLElement | null;\n if (isModal) {\n dialog.showModal();\n } else {\n dialog.show();\n }\n // React's autoFocus calls .focus() during commit, before the dialog is\n // shown, so it silently fails — honour data-autofocus instead (same\n // contract as Dialog).\n dialog.querySelector<HTMLElement>(\"[data-autofocus]\")?.focus();\n }\n return;\n }\n\n if (!dialog.open) {\n return;\n }\n\n return waitForDrawerExit(dialog, () => {\n dialog.close();\n // flushSync, not a plain setState: React's default scheduling can land\n // the commit after the next paint, and that one frame is exactly the\n // bug — the panel paints outside the top layer. Both happen in this\n // task, so the browser never gets to paint between them.\n flushSync(() => {\n setIsRendered(false);\n });\n // Return focus after close(): a modal dialog makes the rest of the\n // document inert, so focusing the trigger before close() silently fails.\n triggerElementRef.current?.focus();\n triggerElementRef.current = null;\n });\n }, [dialogRef, isModal, isOpen, setIsRendered]);\n\n // Close the native dialog on unmount if it is still open. When the drawer is\n // mounted inside an <Activity> that flips to mode=\"hidden\", React runs effect\n // cleanups (with stale isOpen) instead of re-running the effect with\n // isOpen=false. Leaving `open` set would skip showModal() on the next open.\n // This is deliberately separate from the open/close effect: putting it in\n // that cleanup would cut off every delayed slide-out.\n useEffect(() => {\n const dialog = dialogRef.current;\n return () => {\n if (dialog?.open) {\n dialog.close();\n }\n };\n }, [dialogRef]);\n}\n\n/**\n * Wait for the panel's transform transition, with a computed-duration\n * backstop. Mirrors BottomSheetPanel.waitForTransition: the native event is\n * authoritative, and the timeout only prevents a lost event from stranding an\n * open dialog.\n */\nfunction waitForDrawerExit(\n element: HTMLDialogElement,\n complete: () => void,\n): () => void {\n let done = false;\n let timer: ReturnType<typeof setTimeout> | null = null;\n\n const finish = () => {\n if (done) {\n return;\n }\n done = true;\n if (timer != null) {\n clearTimeout(timer);\n }\n element.removeEventListener(\"transitionend\", handleTransitionEnd);\n element.removeEventListener(\"transitioncancel\", handleTransitionEnd);\n complete();\n };\n\n const handleTransitionEnd = (event: TransitionEvent) => {\n if (event.target === element && event.propertyName === \"transform\") {\n finish();\n }\n };\n\n element.addEventListener(\"transitionend\", handleTransitionEnd);\n element.addEventListener(\"transitioncancel\", handleTransitionEnd);\n\n const transitionMs = readTransformTransitionMs(element);\n timer = setTimeout(\n finish,\n (transitionMs ?? EXIT_FALLBACK_MS) + EXIT_BACKSTOP_BUFFER_MS,\n );\n\n return () => {\n done = true;\n if (timer != null) {\n clearTimeout(timer);\n }\n element.removeEventListener(\"transitionend\", handleTransitionEnd);\n element.removeEventListener(\"transitioncancel\", handleTransitionEnd);\n };\n}\n\n/** Read the transform transition's duration + delay from computed CSS. */\nfunction readTransformTransitionMs(element: HTMLElement): number | null {\n const computed = window.getComputedStyle(element);\n const properties = computed.transitionProperty\n .split(\",\")\n .map((value) => value.trim());\n const durations = parseTimes(computed.transitionDuration);\n const delays = parseTimes(computed.transitionDelay);\n\n if (\n properties.length === 0 ||\n durations.length === 0 ||\n delays.length === 0 ||\n durations.includes(null) ||\n delays.includes(null)\n ) {\n return null;\n }\n\n return properties.reduce((longest, property, index) => {\n if (property !== \"transform\" && property !== \"all\") {\n return longest;\n }\n const duration = durations[index % durations.length];\n const delay = delays[index % delays.length];\n return Math.max(longest, (duration ?? 0) + (delay ?? 0));\n }, 0);\n}\n\nfunction parseTimes(value: string): Array<number | null> {\n return value.split(\",\").map((part) => {\n const trimmed = part.trim();\n const time = Number.parseFloat(trimmed);\n if (!Number.isFinite(time)) {\n return null;\n }\n if (trimmed.endsWith(\"ms\")) {\n return time;\n }\n return trimmed.endsWith(\"s\") ? time * 1000 : null;\n });\n}\n"],"mappings":";;;;AAuCA,IAAM,IAA0B,IAO1B,IAAmB;AAmBzB,SAAgB,EAAwB,EACtC,cACA,WACA,YACA,oBACuC;CAEvC,IAAM,IAAoB,EAA2B,IAAI;CAkDzD,AAhDA,QAAgB;EACd,IAAM,IAAS,EAAU;EACpB,OAIL;OAAI,GAAQ;IACV,AAAK,EAAO,SACV,EAAkB,UAAU,SAAS,eACjC,IACF,EAAO,UAAU,IAEjB,EAAO,KAAK,GAKd,EAAO,cAA2B,kBAAkB,CAAC,EAAE,MAAM;IAE/D;GACF;GAEK,MAAO,MAIZ,OAAO,EAAkB,SAAc;IAYrC,AAXA,EAAO,MAAM,GAKb,QAAgB;KACd,EAAc,EAAK;IACrB,CAAC,GAGD,EAAkB,SAAS,MAAM,GACjC,EAAkB,UAAU;GAC9B,CAAC;EAnBD;CAoBF,GAAG;EAAC;EAAW;EAAS;EAAQ;CAAa,CAAC,GAQ9C,QAAgB;EACd,IAAM,IAAS,EAAU;EACzB,aAAa;GACX,AAAI,GAAQ,QACV,EAAO,MAAM;EAEjB;CACF,GAAG,CAAC,CAAS,CAAC;AAChB;AAQA,SAAS,EACP,GACA,GACY;CACZ,IAAI,IAAO,IACP,IAA8C,MAE5C,UAAe;EACf,MAGJ,IAAO,IACH,KAAS,QACX,aAAa,CAAK,GAEpB,EAAQ,oBAAoB,iBAAiB,CAAmB,GAChE,EAAQ,oBAAoB,oBAAoB,CAAmB,GACnE,EAAS;CACX,GAEM,KAAuB,MAA2B;EACtD,AAAI,EAAM,WAAW,KAAW,EAAM,iBAAiB,eACrD,EAAO;CAEX;CAGA,AADA,EAAQ,iBAAiB,iBAAiB,CAAmB,GAC7D,EAAQ,iBAAiB,oBAAoB,CAAmB;CAEhE,IAAM,IAAe,EAA0B,CAAO;CAMtD,OALA,IAAQ,WACN,IACC,KAAgB,KAAoB,CACvC,SAEa;EAMX,AALA,IAAO,IACH,KAAS,QACX,aAAa,CAAK,GAEpB,EAAQ,oBAAoB,iBAAiB,CAAmB,GAChE,EAAQ,oBAAoB,oBAAoB,CAAmB;CACrE;AACF;AAGA,SAAS,EAA0B,GAAqC;CACtE,IAAM,IAAW,OAAO,iBAAiB,CAAO,GAC1C,IAAa,EAAS,mBACzB,MAAM,GAAG,CAAC,CACV,KAAK,MAAU,EAAM,KAAK,CAAC,GACxB,IAAY,EAAW,EAAS,kBAAkB,GAClD,IAAS,EAAW,EAAS,eAAe;CAYlD,OATE,EAAW,WAAW,KACtB,EAAU,WAAW,KACrB,EAAO,WAAW,KAClB,EAAU,SAAS,IAAI,KACvB,EAAO,SAAS,IAAI,IAEb,OAGF,EAAW,QAAQ,GAAS,GAAU,MAAU;EACrD,IAAI,MAAa,eAAe,MAAa,OAC3C,OAAO;EAET,IAAM,IAAW,EAAU,IAAQ,EAAU,SACvC,IAAQ,EAAO,IAAQ,EAAO;EACpC,OAAO,KAAK,IAAI,IAAU,KAAY,MAAM,KAAS,EAAE;CACzD,GAAG,CAAC;AACN;AAEA,SAAS,EAAW,GAAqC;CACvD,OAAO,EAAM,MAAM,GAAG,CAAC,CAAC,KAAK,MAAS;EACpC,IAAM,IAAU,EAAK,KAAK,GACpB,IAAO,OAAO,WAAW,CAAO;EAOtC,OANK,OAAO,SAAS,CAAI,IAGrB,EAAQ,SAAS,IAAI,IAChB,IAEF,EAAQ,SAAS,GAAG,IAAI,IAAO,MAAO,OALpC;CAMX,CAAC;AACH"}
1
+ {"version":3,"file":"useDrawerDialogPresence.js","names":[],"sources":["../../../src/forks/Drawer/useDrawerDialogPresence.ts"],"sourcesContent":["// Copyright (c) Meta Platforms, Inc. and affiliates.\n//\n// Forked from @astryxdesign/lab 0.6.5-canary.8701623, src/Drawer/useDrawerDialogPresence.ts\n// (MIT; see NOTICE). Changed (marked `ui-common:`): a non-modal drawer opens\n// with `show()`, not `showPopover()`, so it stays out of the top layer (Drawer.tsx).\n// Provenance and the drift guard: src/forks/provenance.json.\n\n\"use client\";\n\n/**\n * @file useDrawerDialogPresence.ts\n * @input Controlled open state, modal mode, dialog ref, and rendered-state setter\n * @output Coordinates native dialog presence, exit timing, focus restoration, and unmount cleanup\n * @position Drawer-internal hook; consumed only by Drawer.tsx\n *\n * The drawer has two independent notions of presence:\n * - React's rendered state keeps the panel visible for its CSS exit.\n * - The native dialog's `open` state: `showModal()` (top layer) with a scrim,\n * `show()` (in the page, by z-index) without (ui-common; lab uses\n * `showPopover()`).\n *\n * Their close ordering is a browser-visible invariant: the panel must finish\n * its exit, then leave the active native host and hide in the same task. If the\n * hide lands a frame later, a transformed ancestor becomes the containing block\n * for the now-non-top-layer `position: fixed` panel and it paints back inside\n * the page for one frame.\n *\n * SYNC: When modified, update:\n * - /packages/lab/src/Drawer/Drawer.test.tsx\n * - /.github/scripts/modal-close-visibility.js\n */\n\nimport {\n useEffect,\n useRef,\n type Dispatch,\n type RefObject,\n type SetStateAction,\n} from \"react\";\nimport { flushSync } from \"react-dom\";\n\n/** Slack past the computed transition before the backstop gives up waiting. */\nconst EXIT_BACKSTOP_BUFFER_MS = 50;\n\n/**\n * Hold used when the transition duration cannot be read — an unresolved\n * `var()` outside a real browser. Picking a fixed number would otherwise make\n * an assumption about the consumer's theme.\n */\nconst EXIT_FALLBACK_MS = 250;\n\ntype UseDrawerDialogPresenceOptions = {\n dialogRef: RefObject<HTMLDialogElement | null>;\n isOpen: boolean;\n isModal: boolean;\n setIsRendered: Dispatch<SetStateAction<boolean>>;\n};\n\n// ui-common: a non-modal drawer opens with `show()` and stacks by z-index, as\n// it did before lab 0.6.5 moved it into the top layer as a manual popover.\n// ui-common's `Modal` and notification stack are z-index surfaces too, so a\n// top-layer drawer would paint over every one of them (Drawer.tsx).\nfunction isDrawerHostOpen(dialog: HTMLDialogElement): boolean {\n return dialog.open;\n}\n\nfunction showDrawerHost(dialog: HTMLDialogElement, isModal: boolean): void {\n if (isModal) {\n dialog.showModal();\n } else {\n dialog.show();\n }\n}\n\n/** Leaves the native host; `close()` fires the native `close` event itself. */\nfunction hideDrawerHost(dialog: HTMLDialogElement): void {\n if (dialog.open) {\n dialog.close();\n }\n}\n\n/**\n * Coordinates the native dialog and React-rendered presence for Drawer.\n *\n * Opening captures the trigger, opens the dialog (`showModal()` or `show()`),\n * and honours the component's `data-autofocus` contract. Closing waits for the\n * actual transform transition (with a computed-duration backstop), then calls\n * `close()` (which fires the native `close` event) and synchronously hides the\n * panel before the browser can paint it outside the top layer, then restores\n * focus to the captured trigger. Unmount cleanup closes a dialog left open by\n * React Activity or a removed subtree.\n */\nexport function useDrawerDialogPresence({\n dialogRef,\n isOpen,\n isModal,\n setIsRendered,\n}: UseDrawerDialogPresenceOptions): void {\n // Element focused when the drawer opened — restored on close.\n const triggerElementRef = useRef<HTMLElement | null>(null);\n\n useEffect(() => {\n const dialog = dialogRef.current;\n if (!dialog) {\n return;\n }\n\n if (isOpen) {\n if (!isDrawerHostOpen(dialog)) {\n triggerElementRef.current = document.activeElement as HTMLElement | null;\n showDrawerHost(dialog, isModal);\n // React's autoFocus calls .focus() during commit, before the native host\n // is visible, so it silently fails — honour data-autofocus instead (same\n // contract as Dialog).\n dialog.querySelector<HTMLElement>(\"[data-autofocus]\")?.focus();\n }\n return;\n }\n\n if (!isDrawerHostOpen(dialog)) {\n return;\n }\n\n return waitForDrawerExit(dialog, () => {\n hideDrawerHost(dialog);\n // flushSync, not a plain setState: React's default scheduling can land\n // the commit after the next paint, and that one frame is exactly the\n // bug — the panel paints outside the top layer. Both happen in this\n // task, so the browser never gets to paint between them.\n flushSync(() => {\n setIsRendered(false);\n });\n // Return focus after leaving the native host: a modal dialog makes the\n // rest of the document inert, so focusing earlier silently fails.\n triggerElementRef.current?.focus();\n triggerElementRef.current = null;\n });\n }, [dialogRef, isModal, isOpen, setIsRendered]);\n\n // Leave the active native host on unmount. When the drawer is mounted inside\n // an <Activity> that flips to mode=\"hidden\", React runs effect cleanups (with\n // stale isOpen) instead of re-running the effect with isOpen=false. Leaving\n // the host active would strand the top-layer surface and skip the next open.\n // This is deliberately separate from the open/close effect: putting it in\n // that cleanup would cut off every delayed slide-out.\n useEffect(() => {\n const dialog = dialogRef.current;\n return () => {\n if (dialog && isDrawerHostOpen(dialog)) {\n hideDrawerHost(dialog);\n }\n };\n }, [dialogRef]);\n}\n\n/**\n * Wait for the panel's transform transition, with a computed-duration\n * backstop. Mirrors BottomSheetPanel.waitForTransition: the native event is\n * authoritative, and the timeout only prevents a lost event from stranding an\n * open dialog.\n */\nfunction waitForDrawerExit(\n element: HTMLDialogElement,\n complete: () => void,\n): () => void {\n let done = false;\n let timer: ReturnType<typeof setTimeout> | null = null;\n\n const finish = () => {\n if (done) {\n return;\n }\n done = true;\n if (timer != null) {\n clearTimeout(timer);\n }\n element.removeEventListener(\"transitionend\", handleTransitionEnd);\n element.removeEventListener(\"transitioncancel\", handleTransitionEnd);\n complete();\n };\n\n const handleTransitionEnd = (event: TransitionEvent) => {\n if (event.target === element && event.propertyName === \"transform\") {\n finish();\n }\n };\n\n element.addEventListener(\"transitionend\", handleTransitionEnd);\n element.addEventListener(\"transitioncancel\", handleTransitionEnd);\n\n const transitionMs = readTransformTransitionMs(element);\n timer = setTimeout(\n finish,\n (transitionMs ?? EXIT_FALLBACK_MS) + EXIT_BACKSTOP_BUFFER_MS,\n );\n\n return () => {\n done = true;\n if (timer != null) {\n clearTimeout(timer);\n }\n element.removeEventListener(\"transitionend\", handleTransitionEnd);\n element.removeEventListener(\"transitioncancel\", handleTransitionEnd);\n };\n}\n\n/** Read the transform transition's duration + delay from computed CSS. */\nfunction readTransformTransitionMs(element: HTMLElement): number | null {\n const computed = window.getComputedStyle(element);\n const properties = computed.transitionProperty\n .split(\",\")\n .map((value) => value.trim());\n const durations = parseTimes(computed.transitionDuration);\n const delays = parseTimes(computed.transitionDelay);\n\n if (\n properties.length === 0 ||\n durations.length === 0 ||\n delays.length === 0 ||\n durations.includes(null) ||\n delays.includes(null)\n ) {\n return null;\n }\n\n return properties.reduce((longest, property, index) => {\n if (property !== \"transform\" && property !== \"all\") {\n return longest;\n }\n const duration = durations[index % durations.length];\n const delay = delays[index % delays.length];\n return Math.max(longest, (duration ?? 0) + (delay ?? 0));\n }, 0);\n}\n\nfunction parseTimes(value: string): (number | null)[] {\n return value.split(\",\").map((part) => {\n const trimmed = part.trim();\n const time = Number.parseFloat(trimmed);\n if (!Number.isFinite(time)) {\n return null;\n }\n if (trimmed.endsWith(\"ms\")) {\n return time;\n }\n return trimmed.endsWith(\"s\") ? time * 1000 : null;\n });\n}\n"],"mappings":";;;;AA0CA,IAAM,IAA0B,IAO1B,IAAmB;AAazB,SAAS,EAAiB,GAAoC;CAC5D,OAAO,EAAO;AAChB;AAEA,SAAS,EAAe,GAA2B,GAAwB;CACzE,AAAI,IACF,EAAO,UAAU,IAEjB,EAAO,KAAK;AAEhB;AAGA,SAAS,EAAe,GAAiC;CACvD,AAAI,EAAO,QACT,EAAO,MAAM;AAEjB;AAaA,SAAgB,EAAwB,EACtC,cACA,WACA,YACA,oBACuC;CAEvC,IAAM,IAAoB,EAA2B,IAAI;CA8CzD,AA5CA,QAAgB;EACd,IAAM,IAAS,EAAU;EACpB,OAIL;OAAI,GAAQ;IACV,AAAK,EAAiB,CAAM,MAC1B,EAAkB,UAAU,SAAS,eACrC,EAAe,GAAQ,CAAO,GAI9B,EAAO,cAA2B,kBAAkB,CAAC,EAAE,MAAM;IAE/D;GACF;GAEK,MAAiB,CAAM,GAI5B,OAAO,EAAkB,SAAc;IAYrC,AAXA,EAAe,CAAM,GAKrB,QAAgB;KACd,EAAc,EAAK;IACrB,CAAC,GAGD,EAAkB,SAAS,MAAM,GACjC,EAAkB,UAAU;GAC9B,CAAC;EAnBD;CAoBF,GAAG;EAAC;EAAW;EAAS;EAAQ;CAAa,CAAC,GAQ9C,QAAgB;EACd,IAAM,IAAS,EAAU;EACzB,aAAa;GACX,AAAI,KAAU,EAAiB,CAAM,KACnC,EAAe,CAAM;EAEzB;CACF,GAAG,CAAC,CAAS,CAAC;AAChB;AAQA,SAAS,EACP,GACA,GACY;CACZ,IAAI,IAAO,IACP,IAA8C,MAE5C,UAAe;EACf,MAGJ,IAAO,IACH,KAAS,QACX,aAAa,CAAK,GAEpB,EAAQ,oBAAoB,iBAAiB,CAAmB,GAChE,EAAQ,oBAAoB,oBAAoB,CAAmB,GACnE,EAAS;CACX,GAEM,KAAuB,MAA2B;EACtD,AAAI,EAAM,WAAW,KAAW,EAAM,iBAAiB,eACrD,EAAO;CAEX;CAGA,AADA,EAAQ,iBAAiB,iBAAiB,CAAmB,GAC7D,EAAQ,iBAAiB,oBAAoB,CAAmB;CAEhE,IAAM,IAAe,EAA0B,CAAO;CAMtD,OALA,IAAQ,WACN,IACC,KAAgB,KAAoB,CACvC,SAEa;EAMX,AALA,IAAO,IACH,KAAS,QACX,aAAa,CAAK,GAEpB,EAAQ,oBAAoB,iBAAiB,CAAmB,GAChE,EAAQ,oBAAoB,oBAAoB,CAAmB;CACrE;AACF;AAGA,SAAS,EAA0B,GAAqC;CACtE,IAAM,IAAW,OAAO,iBAAiB,CAAO,GAC1C,IAAa,EAAS,mBACzB,MAAM,GAAG,CAAC,CACV,KAAK,MAAU,EAAM,KAAK,CAAC,GACxB,IAAY,EAAW,EAAS,kBAAkB,GAClD,IAAS,EAAW,EAAS,eAAe;CAYlD,OATE,EAAW,WAAW,KACtB,EAAU,WAAW,KACrB,EAAO,WAAW,KAClB,EAAU,SAAS,IAAI,KACvB,EAAO,SAAS,IAAI,IAEb,OAGF,EAAW,QAAQ,GAAS,GAAU,MAAU;EACrD,IAAI,MAAa,eAAe,MAAa,OAC3C,OAAO;EAET,IAAM,IAAW,EAAU,IAAQ,EAAU,SACvC,IAAQ,EAAO,IAAQ,EAAO;EACpC,OAAO,KAAK,IAAI,IAAU,KAAY,MAAM,KAAS,EAAE;CACzD,GAAG,CAAC;AACN;AAEA,SAAS,EAAW,GAAkC;CACpD,OAAO,EAAM,MAAM,GAAG,CAAC,CAAC,KAAK,MAAS;EACpC,IAAM,IAAU,EAAK,KAAK,GACpB,IAAO,OAAO,WAAW,CAAO;EAOtC,OANK,OAAO,SAAS,CAAI,IAGrB,EAAQ,SAAS,IAAI,IAChB,IAEF,EAAQ,SAAS,GAAG,IAAI,IAAO,MAAO,OALpC;CAMX,CAAC;AACH"}
@@ -1 +1 @@
1
- {"version":3,"file":"Tour.js","names":[],"sources":["../../../src/forks/Tour/Tour.tsx"],"sourcesContent":["// Copyright (c) Meta Platforms, Inc. and affiliates.\n//\n// Forked from @astryxdesign/lab 0.6.2-canary.c9fb1ad, src/Tour/Tour.tsx\n// (MIT; see NOTICE). Unchanged: forked with TourStep, whose context it provides.\n// Provenance and the drift guard: src/forks/provenance.json.\n\n\"use client\";\n\n/**\n * @file Tour.tsx\n * @input Uses React state/refs, TourContext\n * @output Exports Tour controller component and TourProps\n * @position Lab experiment (facebook/astryx#4239); controller consumed by index.ts\n *\n * Tour is the controller for a product-tour / NUX walkthrough. It renders no\n * visible chrome of its own — it owns the tour state (active step, advance /\n * retreat / complete / dismiss) and shares it with declaratively-nested\n * `<TourStep>` children through context. Steps register on mount, so the step\n * ORDER is taken from the children in document order (no step array to keep in\n * sync with the markup).\n *\n * The behavior (a controller plus spotlight feature steps, an `isActive`\n * switch, dismiss-with-reason, and step progress) is composed from Astryx\n * primitives. Each step anchors its callout via Popover and draws its own\n * highlight/backdrop (see TourStep) — the controller owns no chrome.\n *\n * SYNC: When modified, update these files to stay in sync:\n * - /packages/lab/src/Tour/TourStep.tsx\n * - /packages/lab/src/Tour/TourContext.ts\n * - /packages/lab/src/Tour/useTour.ts\n * - /packages/lab/src/Tour/Tour.doc.mjs (props table, features)\n * - /packages/lab/src/Tour/Tour.test.tsx (tests for new/changed behavior)\n * - /packages/lab/src/Tour/index.ts (exports if types change)\n */\n\nimport { useCallback, useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport {\n TourContext,\n type TourDismissSource,\n type TourContextValue,\n} from \"./TourContext\";\n\nexport interface TourProps {\n /**\n * Whether the tour is running. When false, nothing renders and step state\n * resets — the tour restarts from the first step next time it becomes active.\n * (Controlled: the consumer owns \"has this user seen the tour?\".)\n */\n isActive: boolean;\n /**\n * The tour's steps — `<TourStep>` elements. Step order is taken from their\n * order here; only the active step renders its callout.\n */\n children?: ReactNode;\n /**\n * Called when the tour is dismissed, with the reason. Fires for every exit,\n * including completing the last step (`source === 'complete'`). The consumer\n * flips `isActive` to false in response, and can branch on the source to tell\n * a successful finish apart from an early skip/backdrop/escape.\n */\n onDismiss: (source: TourDismissSource) => void;\n /**\n * Dim the page around the active step's target (a spotlight cutout — the\n * target stays lit, everything else darkens). Use for modal-style steps that\n * demand focus; leave off for a lightweight coachmark that only rings the\n * target.\n * @default false\n */\n hasBackdrop?: boolean;\n /**\n * Show the step count (\"2 of 5\") in each step.\n * @default false\n */\n isStepCountShown?: boolean;\n}\n\n/**\n * Controller for a guided product tour. Renders no chrome; coordinates the\n * active step among its `<TourStep>` children.\n *\n * @example\n * ```\n * const [isActive, setIsActive] = useState(true);\n * const saveRef = useRef(null);\n * const shareRef = useRef(null);\n * <Tour isActive={isActive} hasBackdrop isStepCountShown onDismiss={() => setIsActive(false)}>\n * <TourStep targetRef={saveRef} heading=\"Save your work\">\n * Changes save automatically to the cloud.\n * </TourStep>\n * <TourStep targetRef={shareRef} heading=\"Share it\">\n * Invite teammates from here.\n * </TourStep>\n * </Tour>\n * ```\n */\nexport function Tour({\n isActive,\n children,\n onDismiss,\n hasBackdrop = false,\n isStepCountShown = false,\n}: TourProps) {\n // Steps register on mount; insertion order (document order) defines the\n // sequence. A plain array keeps registration order deterministic.\n const [stepIds, setStepIds] = useState<string[]>([]);\n const [activeStepIndex, setActiveStepIndex] = useState(0);\n\n const registerStep = useCallback((id: string) => {\n setStepIds((prev) => (prev.includes(id) ? prev : [...prev, id]));\n return () => {\n setStepIds((prev) => prev.filter((stepId) => stepId !== id));\n };\n }, []);\n\n // Reset to the first step whenever the tour is (re)started, so a dismissed\n // tour begins from the top next time isActive flips back on.\n useEffect(() => {\n if (!isActive) {\n setActiveStepIndex(0);\n }\n }, [isActive]);\n\n const stepCount = stepIds.length;\n\n const onNext = useCallback(() => {\n // Runs from a click/imperative call (never during render), so branch on the\n // current index directly rather than inside a state updater — calling\n // onDismiss from within setState triggers a \"setState while rendering\"\n // warning.\n if (activeStepIndex < stepCount - 1) {\n setActiveStepIndex(activeStepIndex + 1);\n return;\n }\n // Past the last step → complete. onDismiss carries the reason so a\n // consumer can branch on 'complete' vs an early exit.\n onDismiss(\"complete\");\n }, [activeStepIndex, stepCount, onDismiss]);\n\n const onPrevious = useCallback(() => {\n setActiveStepIndex((prev) => (prev > 0 ? prev - 1 : prev));\n }, []);\n\n const activeStepId = isActive ? (stepIds[activeStepIndex] ?? null) : null;\n\n const contextValue = useMemo<TourContextValue>(\n () => ({\n registerStep,\n activeStepId,\n activeStepIndex,\n stepCount,\n isStepCountShown,\n hasBackdrop,\n onNext,\n onPrevious,\n onDismiss,\n }),\n [\n registerStep,\n activeStepId,\n activeStepIndex,\n stepCount,\n isStepCountShown,\n hasBackdrop,\n onNext,\n onPrevious,\n onDismiss,\n ],\n );\n\n return <TourContext.Provider value={contextValue}>{children}</TourContext.Provider>;\n}\n\nTour.displayName = \"Tour\";\n"],"mappings":";;;;;AA+FA,SAAgB,EAAK,EACnB,aACA,aACA,cACA,iBAAc,IACd,sBAAmB,MACP;CAGZ,IAAM,CAAC,GAAS,KAAc,EAAmB,CAAC,CAAC,GAC7C,CAAC,GAAiB,KAAsB,EAAS,CAAC,GAElD,IAAe,GAAa,OAChC,GAAY,MAAU,EAAK,SAAS,CAAE,IAAI,IAAO,CAAC,GAAG,GAAM,CAAE,CAAE,SAClD;EACX,GAAY,MAAS,EAAK,QAAQ,MAAW,MAAW,CAAE,CAAC;CAC7D,IACC,CAAC,CAAC;CAIL,QAAgB;EACd,AAAK,KACH,EAAmB,CAAC;CAExB,GAAG,CAAC,CAAQ,CAAC;CAEb,IAAM,IAAY,EAAQ,QAEpB,IAAS,QAAkB;EAK/B,IAAI,IAAkB,IAAY,GAAG;GACnC,EAAmB,IAAkB,CAAC;GACtC;EACF;EAGA,EAAU,UAAU;CACtB,GAAG;EAAC;EAAiB;EAAW;CAAS,CAAC,GAEpC,IAAa,QAAkB;EACnC,GAAoB,MAAU,IAAO,IAAI,IAAO,IAAI,CAAK;CAC3D,GAAG,CAAC,CAAC,GAEC,IAAe,IAAY,EAAQ,MAAoB,OAAQ,MAE/D,IAAe,SACZ;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OAAO,kBAAC,EAAY,UAAb;EAAsB,OAAO;EAAe;CAA+B,CAAA;AACpF;AAEA,EAAK,cAAc"}
1
+ {"version":3,"file":"Tour.js","names":[],"sources":["../../../src/forks/Tour/Tour.tsx"],"sourcesContent":["// Copyright (c) Meta Platforms, Inc. and affiliates.\n//\n// Forked from @astryxdesign/lab 0.6.5-canary.8701623, src/Tour/Tour.tsx\n// (MIT; see NOTICE). Unchanged: forked with TourStep, whose context it provides.\n// Provenance and the drift guard: src/forks/provenance.json.\n\n\"use client\";\n\n/**\n * @file Tour.tsx\n * @input Uses React state/refs, TourContext\n * @output Exports Tour controller component and TourProps\n * @position Lab experiment (facebook/astryx#4239); controller consumed by index.ts\n *\n * Tour is the controller for a product-tour / NUX walkthrough. It renders no\n * visible chrome of its own — it owns the tour state (active step, advance /\n * retreat / complete / dismiss) and shares it with declaratively-nested\n * `<TourStep>` children through context. Steps register on mount, so the step\n * ORDER is taken from the children in document order (no step array to keep in\n * sync with the markup).\n *\n * The behavior (a controller plus spotlight feature steps, an `isActive`\n * switch, dismiss-with-reason, and step progress) is composed from Astryx\n * primitives. Each step anchors its callout via Popover and draws its own\n * highlight/backdrop (see TourStep) — the controller owns no chrome.\n *\n * SYNC: When modified, update these files to stay in sync:\n * - /packages/lab/src/Tour/TourStep.tsx\n * - /packages/lab/src/Tour/TourContext.ts\n * - /packages/lab/src/Tour/useTour.ts\n * - /packages/lab/src/Tour/Tour.doc.mjs (props table, features)\n * - /packages/lab/src/Tour/Tour.test.tsx (tests for new/changed behavior)\n * - /packages/lab/src/Tour/index.ts (exports if types change)\n */\n\nimport { useCallback, useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport {\n TourContext,\n type TourDismissSource,\n type TourContextValue,\n} from \"./TourContext\";\n\nexport interface TourProps {\n /**\n * Whether the tour is running. When false, nothing renders and step state\n * resets — the tour restarts from the first step next time it becomes active.\n * (Controlled: the consumer owns \"has this user seen the tour?\".)\n */\n isActive: boolean;\n /**\n * The tour's steps — `<TourStep>` elements. Step order is taken from their\n * order here; only the active step renders its callout.\n */\n children?: ReactNode;\n /**\n * Called when the tour is dismissed, with the reason. Fires for every exit,\n * including completing the last step (`source === 'complete'`). The consumer\n * flips `isActive` to false in response, and can branch on the source to tell\n * a successful finish apart from an early skip/backdrop/escape.\n */\n onDismiss: (source: TourDismissSource) => void;\n /**\n * Dim the page around the active step's target (a spotlight cutout — the\n * target stays lit, everything else darkens). Use for modal-style steps that\n * demand focus; leave off for a lightweight coachmark that only rings the\n * target.\n * @default false\n */\n hasBackdrop?: boolean;\n /**\n * Show the step count (\"2 of 5\") in each step.\n * @default false\n */\n isStepCountShown?: boolean;\n}\n\n/**\n * Controller for a guided product tour. Renders no chrome; coordinates the\n * active step among its `<TourStep>` children.\n *\n * @example\n * ```\n * const [isActive, setIsActive] = useState(true);\n * const saveRef = useRef(null);\n * const shareRef = useRef(null);\n * <Tour isActive={isActive} hasBackdrop isStepCountShown onDismiss={() => setIsActive(false)}>\n * <TourStep targetRef={saveRef} heading=\"Save your work\">\n * Changes save automatically to the cloud.\n * </TourStep>\n * <TourStep targetRef={shareRef} heading=\"Share it\">\n * Invite teammates from here.\n * </TourStep>\n * </Tour>\n * ```\n */\nexport function Tour({\n isActive,\n children,\n onDismiss,\n hasBackdrop = false,\n isStepCountShown = false,\n}: TourProps) {\n // Steps register on mount; insertion order (document order) defines the\n // sequence. A plain array keeps registration order deterministic.\n const [stepIds, setStepIds] = useState<string[]>([]);\n const [activeStepIndex, setActiveStepIndex] = useState(0);\n\n const registerStep = useCallback((id: string) => {\n setStepIds((prev) => (prev.includes(id) ? prev : [...prev, id]));\n return () => {\n setStepIds((prev) => prev.filter((stepId) => stepId !== id));\n };\n }, []);\n\n // Reset to the first step whenever the tour is (re)started, so a dismissed\n // tour begins from the top next time isActive flips back on.\n useEffect(() => {\n if (!isActive) {\n setActiveStepIndex(0);\n }\n }, [isActive]);\n\n const stepCount = stepIds.length;\n\n const onNext = useCallback(() => {\n // Runs from a click/imperative call (never during render), so branch on the\n // current index directly rather than inside a state updater — calling\n // onDismiss from within setState triggers a \"setState while rendering\"\n // warning.\n if (activeStepIndex < stepCount - 1) {\n setActiveStepIndex(activeStepIndex + 1);\n return;\n }\n // Past the last step → complete. onDismiss carries the reason so a\n // consumer can branch on 'complete' vs an early exit.\n onDismiss(\"complete\");\n }, [activeStepIndex, stepCount, onDismiss]);\n\n const onPrevious = useCallback(() => {\n setActiveStepIndex((prev) => (prev > 0 ? prev - 1 : prev));\n }, []);\n\n const activeStepId = isActive ? (stepIds[activeStepIndex] ?? null) : null;\n\n const contextValue = useMemo<TourContextValue>(\n () => ({\n registerStep,\n activeStepId,\n activeStepIndex,\n stepCount,\n isStepCountShown,\n hasBackdrop,\n onNext,\n onPrevious,\n onDismiss,\n }),\n [\n registerStep,\n activeStepId,\n activeStepIndex,\n stepCount,\n isStepCountShown,\n hasBackdrop,\n onNext,\n onPrevious,\n onDismiss,\n ],\n );\n\n return <TourContext.Provider value={contextValue}>{children}</TourContext.Provider>;\n}\n\nTour.displayName = \"Tour\";\n"],"mappings":";;;;;AA+FA,SAAgB,EAAK,EACnB,aACA,aACA,cACA,iBAAc,IACd,sBAAmB,MACP;CAGZ,IAAM,CAAC,GAAS,KAAc,EAAmB,CAAC,CAAC,GAC7C,CAAC,GAAiB,KAAsB,EAAS,CAAC,GAElD,IAAe,GAAa,OAChC,GAAY,MAAU,EAAK,SAAS,CAAE,IAAI,IAAO,CAAC,GAAG,GAAM,CAAE,CAAE,SAClD;EACX,GAAY,MAAS,EAAK,QAAQ,MAAW,MAAW,CAAE,CAAC;CAC7D,IACC,CAAC,CAAC;CAIL,QAAgB;EACd,AAAK,KACH,EAAmB,CAAC;CAExB,GAAG,CAAC,CAAQ,CAAC;CAEb,IAAM,IAAY,EAAQ,QAEpB,IAAS,QAAkB;EAK/B,IAAI,IAAkB,IAAY,GAAG;GACnC,EAAmB,IAAkB,CAAC;GACtC;EACF;EAGA,EAAU,UAAU;CACtB,GAAG;EAAC;EAAiB;EAAW;CAAS,CAAC,GAEpC,IAAa,QAAkB;EACnC,GAAoB,MAAU,IAAO,IAAI,IAAO,IAAI,CAAK;CAC3D,GAAG,CAAC,CAAC,GAEC,IAAe,IAAY,EAAQ,MAAoB,OAAQ,MAE/D,IAAe,SACZ;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OAAO,kBAAC,EAAY,UAAb;EAAsB,OAAO;EAAe;CAA+B,CAAA;AACpF;AAEA,EAAK,cAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"TourContext.js","names":[],"sources":["../../../src/forks/Tour/TourContext.ts"],"sourcesContent":["// Copyright (c) Meta Platforms, Inc. and affiliates.\n//\n// Forked from @astryxdesign/lab 0.6.2-canary.c9fb1ad, src/Tour/TourContext.ts\n// (MIT; see NOTICE). Unchanged: forked with TourStep, which reads it.\n// Provenance and the drift guard: src/forks/provenance.json.\n\n\"use client\";\n\n/**\n * @file TourContext.ts\n * @input Uses React createContext\n * @output Exports TourContext, TourContextValue, TourDismissSource\n * @position Internal context; provided by Tour, consumed by TourStep + useTour\n *\n * SYNC: When modified, update these files to stay in sync:\n * - /packages/lab/src/Tour/Tour.tsx\n * - /packages/lab/src/Tour/TourStep.tsx\n * - /packages/lab/src/Tour/useTour.ts\n * - /packages/lab/src/Tour/Tour.doc.mjs\n */\n\nimport { createContext } from \"react\";\n\n/**\n * Why a tour was dismissed. Lets a consumer distinguish \"finished the whole\n * tour\" from the various early exits, so it can persist \"has seen this tour\"\n * appropriately.\n * - `backdrop`: clicked the dimmed background\n * - `escape`: pressed Escape at any step\n * - `close`: pressed the step's close (X) control\n * - `skip`: chose \"skip\"/\"maybe later\" on the first step\n * - `complete`: advanced past the final step\n */\nexport type TourDismissSource = \"backdrop\" | \"escape\" | \"close\" | \"skip\" | \"complete\";\n\n/**\n * Value shared from the Tour controller to its steps. Steps register\n * themselves on mount (so the controller learns the step order from the\n * children, in document order) and read whether they are the active step.\n */\nexport interface TourContextValue {\n /** Register a step by its stable id; returns an unregister cleanup. */\n registerStep: (id: string) => () => void;\n /** The id of the step that is currently active, or null when none. */\n activeStepId: string | null;\n /** Zero-based index of the active step among registered steps. */\n activeStepIndex: number;\n /** Total number of registered steps. */\n stepCount: number;\n /** Whether the tour's step count should be shown in each step. */\n isStepCountShown: boolean;\n /** Whether a dimmed background is shown behind the active step. */\n hasBackdrop: boolean;\n /** Advance to the next step (or complete on the last step). */\n onNext: () => void;\n /** Return to the previous step (no-op on the first step). */\n onPrevious: () => void;\n /** Dismiss the tour with a reason. */\n onDismiss: (source: TourDismissSource) => void;\n}\n\nexport const TourContext = createContext<TourContextValue | null>(null);\n"],"mappings":";;;AA6DA,IAAa,IAAc,EAAuC,IAAI"}
1
+ {"version":3,"file":"TourContext.js","names":[],"sources":["../../../src/forks/Tour/TourContext.ts"],"sourcesContent":["// Copyright (c) Meta Platforms, Inc. and affiliates.\n//\n// Forked from @astryxdesign/lab 0.6.5-canary.8701623, src/Tour/TourContext.ts\n// (MIT; see NOTICE). Unchanged: forked with TourStep, which reads it.\n// Provenance and the drift guard: src/forks/provenance.json.\n\n\"use client\";\n\n/**\n * @file TourContext.ts\n * @input Uses React createContext\n * @output Exports TourContext, TourContextValue, TourDismissSource\n * @position Internal context; provided by Tour, consumed by TourStep + useTour\n *\n * SYNC: When modified, update these files to stay in sync:\n * - /packages/lab/src/Tour/Tour.tsx\n * - /packages/lab/src/Tour/TourStep.tsx\n * - /packages/lab/src/Tour/useTour.ts\n * - /packages/lab/src/Tour/Tour.doc.mjs\n */\n\nimport { createContext } from \"react\";\n\n/**\n * Why a tour was dismissed. Lets a consumer distinguish \"finished the whole\n * tour\" from the various early exits, so it can persist \"has seen this tour\"\n * appropriately.\n * - `backdrop`: clicked the dimmed background\n * - `escape`: pressed Escape at any step\n * - `close`: pressed the step's close (X) control\n * - `skip`: chose \"skip\"/\"maybe later\" on the first step\n * - `complete`: advanced past the final step\n */\nexport type TourDismissSource = \"backdrop\" | \"escape\" | \"close\" | \"skip\" | \"complete\";\n\n/**\n * Value shared from the Tour controller to its steps. Steps register\n * themselves on mount (so the controller learns the step order from the\n * children, in document order) and read whether they are the active step.\n */\nexport interface TourContextValue {\n /** Register a step by its stable id; returns an unregister cleanup. */\n registerStep: (id: string) => () => void;\n /** The id of the step that is currently active, or null when none. */\n activeStepId: string | null;\n /** Zero-based index of the active step among registered steps. */\n activeStepIndex: number;\n /** Total number of registered steps. */\n stepCount: number;\n /** Whether the tour's step count should be shown in each step. */\n isStepCountShown: boolean;\n /** Whether a dimmed background is shown behind the active step. */\n hasBackdrop: boolean;\n /** Advance to the next step (or complete on the last step). */\n onNext: () => void;\n /** Return to the previous step (no-op on the first step). */\n onPrevious: () => void;\n /** Dismiss the tour with a reason. */\n onDismiss: (source: TourDismissSource) => void;\n}\n\nexport const TourContext = createContext<TourContextValue | null>(null);\n"],"mappings":";;;AA6DA,IAAa,IAAc,EAAuC,IAAI"}
@@ -1 +1 @@
1
- {"version":3,"file":"TourStep.js","names":[],"sources":["../../../src/forks/Tour/TourStep.tsx"],"sourcesContent":["// Copyright (c) Meta Platforms, Inc. and affiliates.\n// Modifications copyright (c) Lablup Inc.\n//\n// Forked from @astryxdesign/lab 0.6.2-canary.c9fb1ad, src/Tour/TourStep.tsx\n// (MIT; see NOTICE). Provenance and the drift guard: src/forks/provenance.json.\n\n\"use client\";\n\n/**\n * TourStep, ui-common's copy of Astryx lab's, with one fix applied (not yet\n * upstream): the highlight overlay is promoted into the top layer exactly\n * once and never hidden and re-shown. Top-layer order is promotion order, so\n * the re-promotion React StrictMode's double-invoked effect caused moved the\n * overlay ABOVE the callout and painted the spotlight dim over it. Detaching\n * the node takes it out of the top layer, so no cleanup is needed.\n *\n * `Tour`, `TourContext` and `useTour` are forked unchanged with it, since the\n * step reads the controller's context. Everything else is upstream's. Its\n * style namespace is Astryx's compiled output (src/forks/compiled.ts).\n *\n * Delete this fork, and its exports.exclude.json entry, once lab ships the\n * fix (CONTRIBUTING, \"Forks of Astryx components\").\n */\n\n/*\n * Upstream's file notes, kept:\n *\n * A TourStep highlights a target element and renders a callout anchored to it,\n * with a heading, body, optional step progress (\"2 of 5\"), and back / next /\n * close controls. It registers with the parent `<Tour>` on mount (so step\n * order follows the children) and only renders its callout while it is the\n * active step. Anchoring + the callout surface reuse the core `Popover`\n * (`anchorRef` → the step's target), so positioning, top-layer rendering, and\n * dismiss semantics come from the existing layer system rather than a bespoke\n * implementation.\n *\n * The highlight is drawn as a separate overlay tracking the target's box — the\n * consumer's element is never restyled, so there is no cascade fight with the\n * target's own styles. That overlay is promoted into the browser TOP LAYER\n * (via the popover API, like the rest of the layer system) so it sits above\n * page content without any hardcoded z-index; the callout is promoted after\n * it, so the callout stays above the highlight. Because it is promoted in\n * place (not portaled out of the tree), it stays inside the consumer's Theme\n * subtree and inherits theme tokens — including a scoped/nested theme's accent\n * for the ring. Dimming is an opt-in spotlight cutout (dims around the target,\n * not over it) rather than a flat scrim.\n */\n\nimport {\n useContext,\n useEffect,\n useId,\n useLayoutEffect,\n useRef,\n useState,\n type ReactNode,\n} from \"react\";\nimport { Popover } from \"@astryxdesign/core/Popover\";\nimport type { LayerAlignment, LayerPlacement } from \"@astryxdesign/core/Layer\";\nimport { Button } from \"@astryxdesign/core/Button\";\nimport { Text } from \"@astryxdesign/core/Text\";\nimport { Heading } from \"@astryxdesign/core/Heading\";\nimport { VStack, HStack } from \"@astryxdesign/core/Layout\";\n\nimport { compiledStyles } from \"../compiled\";\nimport * as compiled from \"./TourStep.styles\";\nimport { TourContext } from \"./TourContext\";\n\n// Client-only layout effect (SSR renders no overlay, so this only runs on the\n// client). Kept local since core does not export its isomorphic variant.\nconst useClientLayoutEffect =\n typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n\n// Gap between the target's edge and the highlight ring, in px.\nconst HIGHLIGHT_PADDING = 4;\n\ninterface TargetRect {\n top: number;\n left: number;\n width: number;\n height: number;\n radius: string;\n}\n\n// @astryxdesign/lab dist/Tour/TourStep.js `styles`.\nconst styles = compiledStyles(compiled.styles);\n\n// Upstream's `overlayRoot`/`overlayInteractive`, `highlight`/`cutout`/`hidden`\n// and `content` styles, which its compiler folded into these class lists\n// (dist/Tour/TourStep.js).\nconst OVERLAY_CLASS_NAME = {\n coachmark:\n \"xixxii4 x10a8y8t x1ghz6dp x1717udv xc342km xng3xce xjbqb8w x1rea2x4 x47corl\",\n backdrop:\n \"xixxii4 x10a8y8t x1ghz6dp x1717udv xc342km xng3xce xjbqb8w x1rea2x4 x67bb7w\",\n};\nfunction highlightClassName(hasBackdrop: boolean, isHidden: boolean): string {\n if (hasBackdrop) {\n return isHidden\n ? \"x10l6tqk x47corl x1gfj591 xuedmi6 xlr8y92 xefcaua xg01cxk\"\n : \"x10l6tqk x47corl x1gfj591 xuedmi6 xlr8y92 xefcaua\";\n }\n return isHidden\n ? \"x10l6tqk x47corl xr5mita x1gfj591 xuedmi6 xlr8y92 xg01cxk\"\n : \"x10l6tqk x47corl xr5mita x1gfj591 xuedmi6 xlr8y92\";\n}\nconst CONTENT_CLASS_NAME = \"x78zum5 xdt5ytf xjcht0a x1va8c73\";\n\nconst calloutGapStyles = {\n below: styles.calloutGapBelow,\n above: styles.calloutGapAbove,\n start: styles.calloutGapStart,\n end: styles.calloutGapEnd,\n} as const;\n\n/**\n * The highlight overlay: a top-layer box sized to the target, plus an optional\n * spotlight-cutout dim. Rendered inline (not portaled) so it stays inside the\n * consumer's Theme subtree and inherits theme tokens — the popover API promotes\n * it into the top layer in place. Rendered before the callout so the callout\n * promotes on top of it; promoted once (never re-promoted) so that ordering\n * holds across re-measures.\n */\nfunction TourHighlight({\n rect,\n hasBackdrop,\n onBackdropClick,\n}: {\n rect: TargetRect | null;\n hasBackdrop: boolean;\n onBackdropClick: () => void;\n}) {\n const ref = useRef<HTMLDivElement>(null);\n\n useClientLayoutEffect(() => {\n const el = ref.current;\n if (el == null || typeof el.showPopover !== \"function\") {\n return;\n }\n // ui-common: promote exactly once, and never hide-then-reshow: top-layer\n // order is promotion order, so a re-promotion (React StrictMode's dev\n // double-invoke of this effect) would move the overlay ABOVE the callout\n // and paint the spotlight dim over it. Detaching the node drops it from\n // the top layer.\n if (!el.matches(\":popover-open\")) {\n el.showPopover();\n }\n }, []);\n\n return (\n <div\n ref={ref}\n popover=\"manual\"\n data-testid={hasBackdrop ? \"tour-backdrop\" : undefined}\n aria-hidden=\"true\"\n onClick={hasBackdrop ? onBackdropClick : undefined}\n className={\n hasBackdrop ? OVERLAY_CLASS_NAME.backdrop : OVERLAY_CLASS_NAME.coachmark\n }\n >\n <div\n data-testid=\"tour-highlight\"\n className={highlightClassName(hasBackdrop, rect == null)}\n style={\n rect != null\n ? {\n top: rect.top - HIGHLIGHT_PADDING,\n left: rect.left - HIGHLIGHT_PADDING,\n width: rect.width + HIGHLIGHT_PADDING * 2,\n height: rect.height + HIGHLIGHT_PADDING * 2,\n borderRadius: rect.radius,\n }\n : undefined\n }\n />\n </div>\n );\n}\n\nexport interface TourStepProps {\n /**\n * Ref to the element this step points at. The callout anchors to it (like a\n * Popover trigger); it must be a `<button>` or `[role=\"button\"]` element,\n * matching Popover's `anchorRef` contract. Accepts a ref to any HTMLElement\n * subtype (e.g. `useRef<HTMLButtonElement>(null)`).\n */\n targetRef: React.RefObject<HTMLElement | null>;\n /** Step heading. */\n heading: ReactNode;\n /** Step body content. */\n children?: ReactNode;\n /**\n * Which side of the target the callout sits on.\n * @default 'below'\n */\n placement?: LayerPlacement;\n /**\n * How the callout aligns along the placement side — e.g. with `placement=\"below\"`,\n * `start` left-aligns it under the target, `center` centers it, `end` right-aligns it.\n * @default 'start'\n */\n alignment?: LayerAlignment;\n /** Test id applied to the callout content. */\n \"data-testid\"?: string;\n}\n\n/**\n * A single spotlight step within a `<Tour>`. Renders its callout only while\n * active.\n *\n * @example\n * ```\n * <TourStep targetRef={saveRef} heading=\"Save your work\">\n * Changes save automatically.\n * </TourStep>\n * ```\n */\nexport function TourStep({\n targetRef,\n heading,\n children,\n placement = \"below\",\n alignment = \"start\",\n \"data-testid\": testId,\n}: TourStepProps) {\n const tour = useContext(TourContext);\n const id = useId();\n const isActiveStep = tour != null && tour.activeStepId === id;\n\n // The active target's viewport box, tracked so the highlight overlay can sit\n // exactly over it. null until measured (or when inactive).\n const [rect, setRect] = useState<TargetRect | null>(null);\n\n // Register with the controller on mount so the tour learns this step (and\n // its position among siblings). Unregister on unmount.\n useEffect(() => {\n if (tour == null) {\n return;\n }\n return tour.registerStep(id);\n }, [tour, id]);\n\n // Track the target's box while this step is active. Re-measure on\n // scroll/resize so the highlight stays glued to the target.\n useEffect(() => {\n const el = targetRef.current;\n if (el == null || !isActiveStep) {\n setRect(null);\n return;\n }\n const measure = () => {\n const box = el.getBoundingClientRect();\n setRect({\n top: box.top,\n left: box.left,\n width: box.width,\n height: box.height,\n radius: getComputedStyle(el).borderRadius || \"0px\",\n });\n };\n measure();\n window.addEventListener(\"scroll\", measure, true);\n window.addEventListener(\"resize\", measure);\n return () => {\n window.removeEventListener(\"scroll\", measure, true);\n window.removeEventListener(\"resize\", measure);\n setRect(null);\n };\n }, [targetRef, isActiveStep]);\n\n // Outside a <Tour>, or when this isn't the active step, render nothing.\n if (tour == null || !isActiveStep) {\n return null;\n }\n\n const {\n activeStepIndex,\n stepCount,\n isStepCountShown,\n hasBackdrop,\n onNext,\n onPrevious,\n onDismiss,\n } = tour;\n\n const isFirstStep = activeStepIndex <= 0;\n const isLastStep = stepCount > 0 && activeStepIndex === stepCount - 1;\n\n const content = (\n <div className={CONTENT_CLASS_NAME} data-testid={testId}>\n <VStack gap={1}>\n <Heading level={4}>{heading}</Heading>\n {children != null && <Text type=\"body\">{children}</Text>}\n </VStack>\n <HStack gap={2} xstyle={styles.footer}>\n {isStepCountShown && stepCount > 0 ? (\n <Text type=\"supporting\" color=\"secondary\">\n {`${activeStepIndex + 1} of ${stepCount}`}\n </Text>\n ) : (\n <span />\n )}\n <HStack gap={2}>\n {!isFirstStep && (\n <Button variant=\"ghost\" size=\"sm\" label=\"Back\" onClick={onPrevious} />\n )}\n <Button\n variant=\"primary\"\n size=\"sm\"\n label={isLastStep ? \"Done\" : \"Next\"}\n onClick={onNext}\n />\n </HStack>\n </HStack>\n </div>\n );\n\n return (\n <>\n {/* Rendered before the callout so the callout promotes above it in the\n top layer (callout > highlight > page). */}\n <TourHighlight\n rect={rect}\n hasBackdrop={hasBackdrop}\n onBackdropClick={() => onDismiss(\"backdrop\")}\n />\n <Popover\n // Popover types anchorRef as RefObject<HTMLElement>; TourStep accepts a\n // nullable ref for ergonomics (useRef<HTMLButtonElement>(null)). Popover\n // guards a null `.current` internally, so this widening is safe.\n anchorRef={targetRef as React.RefObject<HTMLElement>}\n isOpen\n onOpenChange={(open) => {\n // Popover reports close from light-dismiss (backdrop) or Escape.\n // Route it to the tour as a dismissal so the whole tour ends, not\n // just this step's popover. Escape and outside-click both surface\n // here.\n if (!open) {\n onDismiss(\"close\");\n }\n }}\n placement={placement}\n alignment={alignment}\n // Size the callout to its content instead of matching the target's\n // width (Popover's default minWidth: anchor-size(width) makes it span a\n // wide target); the content's own maxWidth caps it.\n width=\"fit-content\"\n // Push the callout clear of the highlight ring so the ring is never\n // covered (placement-aware; adds to Popover's own anchor gap).\n xstyle={calloutGapStyles[placement]}\n label={typeof heading === \"string\" ? heading : \"Tour step\"}\n hasCloseButton\n closeButtonLabel=\"Close tour\"\n content={content}\n />\n </>\n );\n}\n\nTourStep.displayName = \"TourStep\";\n"],"mappings":";;;;;;;;;;;;AAsEA,IAAM,IACJ,OAAO,SAAW,MAAc,IAAkB,GAG9C,IAAoB,GAWpB,IAAS,EAAe,CAAe,GAKvC,IAAqB;CACzB,WACE;CACF,UACE;AACJ;AACA,SAAS,EAAmB,GAAsB,GAA2B;CAM3E,OALI,IACK,IACH,8DACA,sDAEC,IACH,8DACA;AACN;AACA,IAAM,IAAqB,oCAErB,IAAmB;CACvB,OAAO,EAAO;CACd,OAAO,EAAO;CACd,OAAO,EAAO;CACd,KAAK,EAAO;AACd;AAUA,SAAS,EAAc,EACrB,SACA,gBACA,sBAKC;CACD,IAAM,IAAM,EAAuB,IAAI;CAiBvC,OAfA,QAA4B;EAC1B,IAAM,IAAK,EAAI;EACX,KAAM,QAAQ,OAAO,EAAG,eAAgB,eAQvC,EAAG,QAAQ,eAAe,KAC7B,EAAG,YAAY;CAEnB,GAAG,CAAC,CAAC,GAGH,kBAAC,OAAD;EACO;EACL,SAAQ;EACR,eAAa,IAAc,kBAAkB,KAAA;EAC7C,eAAY;EACZ,SAAS,IAAc,IAAkB,KAAA;EACzC,WACE,IAAc,EAAmB,WAAW,EAAmB;EAGjE,UAAA,kBAAC,OAAD;GACE,eAAY;GACZ,WAAW,EAAmB,GAAa,KAAQ,IAAI;GACvD,OACE,KAAQ,OAQJ,KAAA,IAPA;IACE,KAAK,EAAK,MAAM;IAChB,MAAM,EAAK,OAAO;IAClB,OAAO,EAAK,QAAQ;IACpB,QAAQ,EAAK,SAAS;IACtB,cAAc,EAAK;GACrB;EAGP,CAAA;CACE,CAAA;AAET;AAwCA,SAAgB,EAAS,EACvB,cACA,YACA,aACA,eAAY,SACZ,eAAY,SACZ,eAAe,KACC;CAChB,IAAM,IAAO,EAAW,CAAW,GAC7B,IAAK,EAAM,GACX,IAAe,KAAQ,QAAQ,EAAK,iBAAiB,GAIrD,CAAC,GAAM,KAAW,EAA4B,IAAI;CAwCxD,IApCA,QAAgB;EACV,SAAQ,MAGZ,OAAO,EAAK,aAAa,CAAE;CAC7B,GAAG,CAAC,GAAM,CAAE,CAAC,GAIb,QAAgB;EACd,IAAM,IAAK,EAAU;EACrB,IAAI,KAAM,QAAQ,CAAC,GAAc;GAC/B,EAAQ,IAAI;GACZ;EACF;EACA,IAAM,UAAgB;GACpB,IAAM,IAAM,EAAG,sBAAsB;GACrC,EAAQ;IACN,KAAK,EAAI;IACT,MAAM,EAAI;IACV,OAAO,EAAI;IACX,QAAQ,EAAI;IACZ,QAAQ,iBAAiB,CAAE,CAAC,CAAC,gBAAgB;GAC/C,CAAC;EACH;EAIA,OAHA,EAAQ,GACR,OAAO,iBAAiB,UAAU,GAAS,EAAI,GAC/C,OAAO,iBAAiB,UAAU,CAAO,SAC5B;GAGX,AAFA,OAAO,oBAAoB,UAAU,GAAS,EAAI,GAClD,OAAO,oBAAoB,UAAU,CAAO,GAC5C,EAAQ,IAAI;EACd;CACF,GAAG,CAAC,GAAW,CAAY,CAAC,GAGxB,KAAQ,QAAQ,CAAC,GACnB,OAAO;CAGT,IAAM,EACJ,oBACA,cACA,qBACA,gBACA,WACA,eACA,iBACE,GAEE,IAAc,KAAmB,GACjC,IAAa,IAAY,KAAK,MAAoB,IAAY,GAE9D,IACJ,kBAAC,OAAD;EAAK,WAAW;EAAoB,eAAa;EAAjD,UAAA,CACE,kBAAC,GAAD;GAAQ,KAAK;GAAb,UAAA,CACE,kBAAC,GAAD;IAAS,OAAO;IAAI,UAAA;GAAiB,CAAA,GACpC,KAAY,QAAQ,kBAAC,GAAD;IAAM,MAAK;IAAQ;GAAe,CAAA,CACjD;EACR,CAAA,GAAA,kBAAC,GAAD;GAAQ,KAAK;GAAG,QAAQ,EAAO;GAA/B,UAAA,CACG,KAAoB,IAAY,IAC/B,kBAAC,GAAD;IAAM,MAAK;IAAa,OAAM;IAC3B,UAAA,GAAG,IAAkB,EAAE,MAAM;GAC1B,CAAA,IAEN,kBAAC,QAAD,CAAO,CAAA,GAET,kBAAC,GAAD;IAAQ,KAAK;IAAb,UAAA,CACG,CAAC,KACA,kBAAC,GAAD;KAAQ,SAAQ;KAAQ,MAAK;KAAK,OAAM;KAAO,SAAS;IAAa,CAAA,GAEvE,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,OAAO,IAAa,SAAS;KAC7B,SAAS;IACV,CAAA,CACK;GACF,CAAA,CAAA;EACL,CAAA,CAAA;;CAGP,OACE,kBAAA,GAAA,EAAA,UAAA,CAGE,kBAAC,GAAD;EACQ;EACO;EACb,uBAAuB,EAAU,UAAU;CAC5C,CAAA,GACD,kBAAC,GAAD;EAIE,WAAW;EACX,QAAA;EACA,eAAe,MAAS;GAKtB,AAAK,KACH,EAAU,OAAO;EAErB;EACW;EACA;EAIX,OAAM;EAGN,QAAQ,EAAiB;EACzB,OAAO,OAAO,KAAY,WAAW,IAAU;EAC/C,gBAAA;EACA,kBAAiB;EACR;CACV,CAAA,CACD,EAAA,CAAA;AAEN;AAEA,EAAS,cAAc"}
1
+ {"version":3,"file":"TourStep.js","names":[],"sources":["../../../src/forks/Tour/TourStep.tsx"],"sourcesContent":["// Copyright (c) Meta Platforms, Inc. and affiliates.\n// Modifications copyright (c) Lablup Inc.\n//\n// Forked from @astryxdesign/lab 0.6.5-canary.8701623, src/Tour/TourStep.tsx\n// (MIT; see NOTICE). Provenance and the drift guard: src/forks/provenance.json.\n\n\"use client\";\n\n/**\n * TourStep, ui-common's copy of Astryx lab's, with one fix applied (not yet\n * upstream): the highlight overlay is promoted into the top layer exactly\n * once and never hidden and re-shown. Top-layer order is promotion order, so\n * the re-promotion React StrictMode's double-invoked effect caused moved the\n * overlay ABOVE the callout and painted the spotlight dim over it. Detaching\n * the node takes it out of the top layer, so no cleanup is needed.\n *\n * `Tour`, `TourContext` and `useTour` are forked unchanged with it, since the\n * step reads the controller's context. Everything else is upstream's. Its\n * style namespace is Astryx's compiled output (src/forks/compiled.ts).\n *\n * Delete this fork, and its exports.exclude.json entry, once lab ships the\n * fix (CONTRIBUTING, \"Forks of Astryx components\").\n */\n\n/*\n * Upstream's file notes, kept:\n *\n * A TourStep highlights a target element and renders a callout anchored to it,\n * with a heading, body, optional step progress (\"2 of 5\"), and back / next /\n * close controls. It registers with the parent `<Tour>` on mount (so step\n * order follows the children) and only renders its callout while it is the\n * active step. Anchoring + the callout surface reuse the core `Popover`\n * (`anchorRef` → the step's target), so positioning, top-layer rendering, and\n * dismiss semantics come from the existing layer system rather than a bespoke\n * implementation.\n *\n * The highlight is drawn as a separate overlay tracking the target's box — the\n * consumer's element is never restyled, so there is no cascade fight with the\n * target's own styles. That overlay is promoted into the browser TOP LAYER\n * (via the popover API, like the rest of the layer system) so it sits above\n * page content without any hardcoded z-index; the callout is promoted after\n * it, so the callout stays above the highlight. Because it is promoted in\n * place (not portaled out of the tree), it stays inside the consumer's Theme\n * subtree and inherits theme tokens — including a scoped/nested theme's accent\n * for the ring. Dimming is an opt-in spotlight cutout (dims around the target,\n * not over it) rather than a flat scrim.\n */\n\nimport {\n useContext,\n useEffect,\n useId,\n useLayoutEffect,\n useRef,\n useState,\n type ReactNode,\n} from \"react\";\nimport { Popover } from \"@astryxdesign/core/Popover\";\nimport type { LayerAlignment, LayerPlacement } from \"@astryxdesign/core/Layer\";\nimport { Button } from \"@astryxdesign/core/Button\";\nimport { Text } from \"@astryxdesign/core/Text\";\nimport { Heading } from \"@astryxdesign/core/Heading\";\nimport { VStack, HStack } from \"@astryxdesign/core/Layout\";\n\nimport { compiledStyles } from \"../compiled\";\nimport * as compiled from \"./TourStep.styles\";\nimport { TourContext } from \"./TourContext\";\n\n// Client-only layout effect (SSR renders no overlay, so this only runs on the\n// client). Kept local since core does not export its isomorphic variant.\nconst useClientLayoutEffect =\n typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n\n// Gap between the target's edge and the highlight ring, in px.\nconst HIGHLIGHT_PADDING = 4;\n\ninterface TargetRect {\n top: number;\n left: number;\n width: number;\n height: number;\n radius: string;\n}\n\n// @astryxdesign/lab dist/Tour/TourStep.js `styles`.\nconst styles = compiledStyles(compiled.styles);\n\n// Upstream's `overlayRoot`/`overlayInteractive`, `highlight`/`cutout`/`hidden`\n// and `content` styles, which its compiler folded into these class lists\n// (dist/Tour/TourStep.js).\nconst OVERLAY_CLASS_NAME = {\n coachmark:\n \"xixxii4 x10a8y8t x1ghz6dp x1717udv xc342km xng3xce xjbqb8w x1rea2x4 x47corl\",\n backdrop:\n \"xixxii4 x10a8y8t x1ghz6dp x1717udv xc342km xng3xce xjbqb8w x1rea2x4 x67bb7w\",\n};\nfunction highlightClassName(hasBackdrop: boolean, isHidden: boolean): string {\n if (hasBackdrop) {\n return isHidden\n ? \"x10l6tqk x47corl x1gfj591 xuedmi6 xlr8y92 xefcaua xg01cxk\"\n : \"x10l6tqk x47corl x1gfj591 xuedmi6 xlr8y92 xefcaua\";\n }\n return isHidden\n ? \"x10l6tqk x47corl xr5mita x1gfj591 xuedmi6 xlr8y92 xg01cxk\"\n : \"x10l6tqk x47corl xr5mita x1gfj591 xuedmi6 xlr8y92\";\n}\nconst CONTENT_CLASS_NAME = \"x78zum5 xdt5ytf xjcht0a x1va8c73\";\n\nconst calloutGapStyles = {\n below: styles.calloutGapBelow,\n above: styles.calloutGapAbove,\n start: styles.calloutGapStart,\n end: styles.calloutGapEnd,\n} as const;\n\n/**\n * The highlight overlay: a top-layer box sized to the target, plus an optional\n * spotlight-cutout dim. Rendered inline (not portaled) so it stays inside the\n * consumer's Theme subtree and inherits theme tokens — the popover API promotes\n * it into the top layer in place. Rendered before the callout so the callout\n * promotes on top of it; promoted once (never re-promoted) so that ordering\n * holds across re-measures.\n */\nfunction TourHighlight({\n rect,\n hasBackdrop,\n onBackdropClick,\n}: {\n rect: TargetRect | null;\n hasBackdrop: boolean;\n onBackdropClick: () => void;\n}) {\n const ref = useRef<HTMLDivElement>(null);\n\n useClientLayoutEffect(() => {\n const el = ref.current;\n if (el == null || typeof el.showPopover !== \"function\") {\n return;\n }\n // ui-common: promote exactly once, and never hide-then-reshow: top-layer\n // order is promotion order, so a re-promotion (React StrictMode's dev\n // double-invoke of this effect) would move the overlay ABOVE the callout\n // and paint the spotlight dim over it. Detaching the node drops it from\n // the top layer.\n if (!el.matches(\":popover-open\")) {\n el.showPopover();\n }\n }, []);\n\n return (\n <div\n ref={ref}\n popover=\"manual\"\n data-testid={hasBackdrop ? \"tour-backdrop\" : undefined}\n aria-hidden=\"true\"\n onClick={hasBackdrop ? onBackdropClick : undefined}\n className={\n hasBackdrop ? OVERLAY_CLASS_NAME.backdrop : OVERLAY_CLASS_NAME.coachmark\n }\n >\n <div\n data-testid=\"tour-highlight\"\n className={highlightClassName(hasBackdrop, rect == null)}\n style={\n rect != null\n ? {\n top: rect.top - HIGHLIGHT_PADDING,\n left: rect.left - HIGHLIGHT_PADDING,\n width: rect.width + HIGHLIGHT_PADDING * 2,\n height: rect.height + HIGHLIGHT_PADDING * 2,\n borderRadius: rect.radius,\n }\n : undefined\n }\n />\n </div>\n );\n}\n\nexport interface TourStepProps {\n /**\n * Ref to the element this step points at. The callout anchors to it (like a\n * Popover trigger); it must be a `<button>` or `[role=\"button\"]` element,\n * matching Popover's `anchorRef` contract. Accepts a ref to any HTMLElement\n * subtype (e.g. `useRef<HTMLButtonElement>(null)`).\n */\n targetRef: React.RefObject<HTMLElement | null>;\n /** Step heading. */\n heading: ReactNode;\n /** Step body content. */\n children?: ReactNode;\n /**\n * Which side of the target the callout sits on.\n * @default 'below'\n */\n placement?: LayerPlacement;\n /**\n * How the callout aligns along the placement side — e.g. with `placement=\"below\"`,\n * `start` left-aligns it under the target, `center` centers it, `end` right-aligns it.\n * @default 'start'\n */\n alignment?: LayerAlignment;\n /** Test id applied to the callout content. */\n \"data-testid\"?: string;\n}\n\n/**\n * A single spotlight step within a `<Tour>`. Renders its callout only while\n * active.\n *\n * @example\n * ```\n * <TourStep targetRef={saveRef} heading=\"Save your work\">\n * Changes save automatically.\n * </TourStep>\n * ```\n */\nexport function TourStep({\n targetRef,\n heading,\n children,\n placement = \"below\",\n alignment = \"start\",\n \"data-testid\": testId,\n}: TourStepProps) {\n const tour = useContext(TourContext);\n const id = useId();\n const isActiveStep = tour != null && tour.activeStepId === id;\n\n // The active target's viewport box, tracked so the highlight overlay can sit\n // exactly over it. null until measured (or when inactive).\n const [rect, setRect] = useState<TargetRect | null>(null);\n\n // Register with the controller on mount so the tour learns this step (and\n // its position among siblings). Unregister on unmount.\n useEffect(() => {\n if (tour == null) {\n return;\n }\n return tour.registerStep(id);\n }, [tour, id]);\n\n // Track the target's box while this step is active. Re-measure on\n // scroll/resize so the highlight stays glued to the target.\n useEffect(() => {\n const el = targetRef.current;\n if (el == null || !isActiveStep) {\n setRect(null);\n return;\n }\n const measure = () => {\n const box = el.getBoundingClientRect();\n setRect({\n top: box.top,\n left: box.left,\n width: box.width,\n height: box.height,\n radius: getComputedStyle(el).borderRadius || \"0px\",\n });\n };\n measure();\n window.addEventListener(\"scroll\", measure, true);\n window.addEventListener(\"resize\", measure);\n return () => {\n window.removeEventListener(\"scroll\", measure, true);\n window.removeEventListener(\"resize\", measure);\n setRect(null);\n };\n }, [targetRef, isActiveStep]);\n\n // Outside a <Tour>, or when this isn't the active step, render nothing.\n if (tour == null || !isActiveStep) {\n return null;\n }\n\n const {\n activeStepIndex,\n stepCount,\n isStepCountShown,\n hasBackdrop,\n onNext,\n onPrevious,\n onDismiss,\n } = tour;\n\n const isFirstStep = activeStepIndex <= 0;\n const isLastStep = stepCount > 0 && activeStepIndex === stepCount - 1;\n\n const content = (\n <div className={CONTENT_CLASS_NAME} data-testid={testId}>\n <VStack gap={1}>\n <Heading level={4}>{heading}</Heading>\n {children != null && <Text type=\"body\">{children}</Text>}\n </VStack>\n <HStack gap={2} xstyle={styles.footer}>\n {isStepCountShown && stepCount > 0 ? (\n <Text type=\"supporting\" color=\"secondary\">\n {`${activeStepIndex + 1} of ${stepCount}`}\n </Text>\n ) : (\n <span />\n )}\n <HStack gap={2}>\n {!isFirstStep && (\n <Button variant=\"ghost\" size=\"sm\" label=\"Back\" onClick={onPrevious} />\n )}\n <Button\n variant=\"primary\"\n size=\"sm\"\n label={isLastStep ? \"Done\" : \"Next\"}\n onClick={onNext}\n />\n </HStack>\n </HStack>\n </div>\n );\n\n return (\n <>\n {/* Rendered before the callout so the callout promotes above it in the\n top layer (callout > highlight > page). */}\n <TourHighlight\n rect={rect}\n hasBackdrop={hasBackdrop}\n onBackdropClick={() => onDismiss(\"backdrop\")}\n />\n <Popover\n // Popover types anchorRef as RefObject<HTMLElement>; TourStep accepts a\n // nullable ref for ergonomics (useRef<HTMLButtonElement>(null)). Popover\n // guards a null `.current` internally, so this widening is safe.\n anchorRef={targetRef as React.RefObject<HTMLElement>}\n isOpen\n onOpenChange={(open) => {\n // Popover reports close from light-dismiss (backdrop) or Escape.\n // Route it to the tour as a dismissal so the whole tour ends, not\n // just this step's popover. Escape and outside-click both surface\n // here.\n if (!open) {\n onDismiss(\"close\");\n }\n }}\n placement={placement}\n alignment={alignment}\n // Size the callout to its content instead of matching the target's\n // width (Popover's default minWidth: anchor-size(width) makes it span a\n // wide target); the content's own maxWidth caps it.\n width=\"fit-content\"\n // Push the callout clear of the highlight ring so the ring is never\n // covered (placement-aware; adds to Popover's own anchor gap).\n xstyle={calloutGapStyles[placement]}\n label={typeof heading === \"string\" ? heading : \"Tour step\"}\n hasCloseButton\n closeButtonLabel=\"Close tour\"\n content={content}\n />\n </>\n );\n}\n\nTourStep.displayName = \"TourStep\";\n"],"mappings":";;;;;;;;;;;;AAsEA,IAAM,IACJ,OAAO,SAAW,MAAc,IAAkB,GAG9C,IAAoB,GAWpB,IAAS,EAAe,CAAe,GAKvC,IAAqB;CACzB,WACE;CACF,UACE;AACJ;AACA,SAAS,EAAmB,GAAsB,GAA2B;CAM3E,OALI,IACK,IACH,8DACA,sDAEC,IACH,8DACA;AACN;AACA,IAAM,IAAqB,oCAErB,IAAmB;CACvB,OAAO,EAAO;CACd,OAAO,EAAO;CACd,OAAO,EAAO;CACd,KAAK,EAAO;AACd;AAUA,SAAS,EAAc,EACrB,SACA,gBACA,sBAKC;CACD,IAAM,IAAM,EAAuB,IAAI;CAiBvC,OAfA,QAA4B;EAC1B,IAAM,IAAK,EAAI;EACX,KAAM,QAAQ,OAAO,EAAG,eAAgB,eAQvC,EAAG,QAAQ,eAAe,KAC7B,EAAG,YAAY;CAEnB,GAAG,CAAC,CAAC,GAGH,kBAAC,OAAD;EACO;EACL,SAAQ;EACR,eAAa,IAAc,kBAAkB,KAAA;EAC7C,eAAY;EACZ,SAAS,IAAc,IAAkB,KAAA;EACzC,WACE,IAAc,EAAmB,WAAW,EAAmB;EAGjE,UAAA,kBAAC,OAAD;GACE,eAAY;GACZ,WAAW,EAAmB,GAAa,KAAQ,IAAI;GACvD,OACE,KAAQ,OAQJ,KAAA,IAPA;IACE,KAAK,EAAK,MAAM;IAChB,MAAM,EAAK,OAAO;IAClB,OAAO,EAAK,QAAQ;IACpB,QAAQ,EAAK,SAAS;IACtB,cAAc,EAAK;GACrB;EAGP,CAAA;CACE,CAAA;AAET;AAwCA,SAAgB,EAAS,EACvB,cACA,YACA,aACA,eAAY,SACZ,eAAY,SACZ,eAAe,KACC;CAChB,IAAM,IAAO,EAAW,CAAW,GAC7B,IAAK,EAAM,GACX,IAAe,KAAQ,QAAQ,EAAK,iBAAiB,GAIrD,CAAC,GAAM,KAAW,EAA4B,IAAI;CAwCxD,IApCA,QAAgB;EACV,SAAQ,MAGZ,OAAO,EAAK,aAAa,CAAE;CAC7B,GAAG,CAAC,GAAM,CAAE,CAAC,GAIb,QAAgB;EACd,IAAM,IAAK,EAAU;EACrB,IAAI,KAAM,QAAQ,CAAC,GAAc;GAC/B,EAAQ,IAAI;GACZ;EACF;EACA,IAAM,UAAgB;GACpB,IAAM,IAAM,EAAG,sBAAsB;GACrC,EAAQ;IACN,KAAK,EAAI;IACT,MAAM,EAAI;IACV,OAAO,EAAI;IACX,QAAQ,EAAI;IACZ,QAAQ,iBAAiB,CAAE,CAAC,CAAC,gBAAgB;GAC/C,CAAC;EACH;EAIA,OAHA,EAAQ,GACR,OAAO,iBAAiB,UAAU,GAAS,EAAI,GAC/C,OAAO,iBAAiB,UAAU,CAAO,SAC5B;GAGX,AAFA,OAAO,oBAAoB,UAAU,GAAS,EAAI,GAClD,OAAO,oBAAoB,UAAU,CAAO,GAC5C,EAAQ,IAAI;EACd;CACF,GAAG,CAAC,GAAW,CAAY,CAAC,GAGxB,KAAQ,QAAQ,CAAC,GACnB,OAAO;CAGT,IAAM,EACJ,oBACA,cACA,qBACA,gBACA,WACA,eACA,iBACE,GAEE,IAAc,KAAmB,GACjC,IAAa,IAAY,KAAK,MAAoB,IAAY,GAE9D,IACJ,kBAAC,OAAD;EAAK,WAAW;EAAoB,eAAa;EAAjD,UAAA,CACE,kBAAC,GAAD;GAAQ,KAAK;GAAb,UAAA,CACE,kBAAC,GAAD;IAAS,OAAO;IAAI,UAAA;GAAiB,CAAA,GACpC,KAAY,QAAQ,kBAAC,GAAD;IAAM,MAAK;IAAQ;GAAe,CAAA,CACjD;EACR,CAAA,GAAA,kBAAC,GAAD;GAAQ,KAAK;GAAG,QAAQ,EAAO;GAA/B,UAAA,CACG,KAAoB,IAAY,IAC/B,kBAAC,GAAD;IAAM,MAAK;IAAa,OAAM;IAC3B,UAAA,GAAG,IAAkB,EAAE,MAAM;GAC1B,CAAA,IAEN,kBAAC,QAAD,CAAO,CAAA,GAET,kBAAC,GAAD;IAAQ,KAAK;IAAb,UAAA,CACG,CAAC,KACA,kBAAC,GAAD;KAAQ,SAAQ;KAAQ,MAAK;KAAK,OAAM;KAAO,SAAS;IAAa,CAAA,GAEvE,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,OAAO,IAAa,SAAS;KAC7B,SAAS;IACV,CAAA,CACK;GACF,CAAA,CAAA;EACL,CAAA,CAAA;;CAGP,OACE,kBAAA,GAAA,EAAA,UAAA,CAGE,kBAAC,GAAD;EACQ;EACO;EACb,uBAAuB,EAAU,UAAU;CAC5C,CAAA,GACD,kBAAC,GAAD;EAIE,WAAW;EACX,QAAA;EACA,eAAe,MAAS;GAKtB,AAAK,KACH,EAAU,OAAO;EAErB;EACW;EACA;EAIX,OAAM;EAGN,QAAQ,EAAiB;EACzB,OAAO,OAAO,KAAY,WAAW,IAAU;EAC/C,gBAAA;EACA,kBAAiB;EACR;CACV,CAAA,CACD,EAAA,CAAA;AAEN;AAEA,EAAS,cAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"TourStep.styles.js","names":[],"sources":["../../../src/forks/Tour/TourStep.styles.ts"],"sourcesContent":["/* eslint-disable */\n// @ts-nocheck\n// @generated by scripts/sync-forks.mjs. Do not edit.\n//\n// Compiled StyleX from @astryxdesign/lab 0.6.2-canary.c9fb1ad, reused by the\n// Tour fork so it renders with upstream's own class names\n// (src/forks/compiled.ts). Copyright (c) Meta Platforms, Inc. and\n// affiliates; MIT, see NOTICE.\n\n// dist/Tour/TourStep.js\nexport const styles = {\n footer: {\n kGNEyG: \"x6s0dn4\",\n kjj79g: \"x1qughib\",\n $$css: true,\n },\n calloutGapBelow: {\n keoZOQ: \"xtbrsbv\",\n $$css: true,\n },\n calloutGapAbove: {\n k1K539: \"x1p37lm5\",\n $$css: true,\n },\n calloutGapStart: {\n k71WvV: \"x1pezmd8\",\n $$css: true,\n },\n calloutGapEnd: {\n keTefX: \"x1cmpsy9\",\n $$css: true,\n },\n};\n"],"mappings":";AAUA,IAAa,IAAS;CACpB,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,iBAAiB;EACf,QAAQ;EACR,OAAO;CACT;CACA,iBAAiB;EACf,QAAQ;EACR,OAAO;CACT;CACA,iBAAiB;EACf,QAAQ;EACR,OAAO;CACT;CACA,eAAe;EACb,QAAQ;EACR,OAAO;CACT;AACF"}
1
+ {"version":3,"file":"TourStep.styles.js","names":[],"sources":["../../../src/forks/Tour/TourStep.styles.ts"],"sourcesContent":["/* eslint-disable */\n// @ts-nocheck\n// @generated by scripts/sync-forks.mjs. Do not edit.\n//\n// Compiled StyleX from @astryxdesign/lab 0.6.5-canary.8701623, reused by the\n// Tour fork so it renders with upstream's own class names\n// (src/forks/compiled.ts). Copyright (c) Meta Platforms, Inc. and\n// affiliates; MIT, see NOTICE.\n\n// dist/Tour/TourStep.js\nexport const styles = {\n footer: {\n kGNEyG: \"x6s0dn4\",\n kjj79g: \"x1qughib\",\n $$css: true,\n },\n calloutGapBelow: {\n keoZOQ: \"xtbrsbv\",\n $$css: true,\n },\n calloutGapAbove: {\n k1K539: \"x1p37lm5\",\n $$css: true,\n },\n calloutGapStart: {\n k71WvV: \"x1pezmd8\",\n $$css: true,\n },\n calloutGapEnd: {\n keTefX: \"x1cmpsy9\",\n $$css: true,\n },\n};\n"],"mappings":";AAUA,IAAa,IAAS;CACpB,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,iBAAiB;EACf,QAAQ;EACR,OAAO;CACT;CACA,iBAAiB;EACf,QAAQ;EACR,OAAO;CACT;CACA,iBAAiB;EACf,QAAQ;EACR,OAAO;CACT;CACA,eAAe;EACb,QAAQ;EACR,OAAO;CACT;AACF"}
@@ -1 +1 @@
1
- {"version":3,"file":"useTour.js","names":[],"sources":["../../../src/forks/Tour/useTour.ts"],"sourcesContent":["// Copyright (c) Meta Platforms, Inc. and affiliates.\n//\n// Forked from @astryxdesign/lab 0.6.2-canary.c9fb1ad, src/Tour/useTour.ts\n// (MIT; see NOTICE). Unchanged: forked with TourStep, whose context it reads.\n// Provenance and the drift guard: src/forks/provenance.json.\n\n\"use client\";\n\n/**\n * @file useTour.ts\n * @input Uses React useContext, TourContext\n * @output Exports useTour hook and UseTourReturn type\n * @position Public hook; reads the nearest Tour controller's state\n *\n * SYNC: When modified, update these files to stay in sync:\n * - /packages/lab/src/Tour/TourContext.ts\n * - /packages/lab/src/Tour/Tour.doc.mjs\n */\n\nimport { useContext } from \"react\";\nimport { TourContext, type TourDismissSource } from \"./TourContext\";\n\n/**\n * Read-only view of the active Tour's state, for custom step UIs or\n * instrumentation. Returns `null` when called outside a `<Tour>`.\n */\nexport interface UseTourReturn {\n /** Zero-based index of the active step. */\n activeStepIndex: number;\n /** Total number of registered steps. */\n stepCount: number;\n /** Whether the active step is the first one. */\n isFirstStep: boolean;\n /** Whether the active step is the last one. */\n isLastStep: boolean;\n /** Advance to the next step (or complete on the last step). */\n next: () => void;\n /** Return to the previous step. */\n previous: () => void;\n /** Dismiss the tour with a reason. */\n dismiss: (source: TourDismissSource) => void;\n}\n\n/**\n * Access the current Tour controller state. Must be used inside a `<Tour>`;\n * returns `null` otherwise so callers can guard.\n */\nexport function useTour(): UseTourReturn | null {\n const ctx = useContext(TourContext);\n if (ctx == null) {\n return null;\n }\n return {\n activeStepIndex: ctx.activeStepIndex,\n stepCount: ctx.stepCount,\n isFirstStep: ctx.activeStepIndex <= 0,\n isLastStep: ctx.stepCount > 0 && ctx.activeStepIndex === ctx.stepCount - 1,\n next: ctx.onNext,\n previous: ctx.onPrevious,\n dismiss: ctx.onDismiss,\n };\n}\n"],"mappings":";;;;AA+CA,SAAgB,IAAgC;CAC9C,IAAM,IAAM,EAAW,CAAW;CAIlC,OAHI,KAAO,OACF,OAEF;EACL,iBAAiB,EAAI;EACrB,WAAW,EAAI;EACf,aAAa,EAAI,mBAAmB;EACpC,YAAY,EAAI,YAAY,KAAK,EAAI,oBAAoB,EAAI,YAAY;EACzE,MAAM,EAAI;EACV,UAAU,EAAI;EACd,SAAS,EAAI;CACf;AACF"}
1
+ {"version":3,"file":"useTour.js","names":[],"sources":["../../../src/forks/Tour/useTour.ts"],"sourcesContent":["// Copyright (c) Meta Platforms, Inc. and affiliates.\n//\n// Forked from @astryxdesign/lab 0.6.5-canary.8701623, src/Tour/useTour.ts\n// (MIT; see NOTICE). Unchanged: forked with TourStep, whose context it reads.\n// Provenance and the drift guard: src/forks/provenance.json.\n\n\"use client\";\n\n/**\n * @file useTour.ts\n * @input Uses React useContext, TourContext\n * @output Exports useTour hook and UseTourReturn type\n * @position Public hook; reads the nearest Tour controller's state\n *\n * SYNC: When modified, update these files to stay in sync:\n * - /packages/lab/src/Tour/TourContext.ts\n * - /packages/lab/src/Tour/Tour.doc.mjs\n */\n\nimport { useContext } from \"react\";\nimport { TourContext, type TourDismissSource } from \"./TourContext\";\n\n/**\n * Read-only view of the active Tour's state, for custom step UIs or\n * instrumentation. Returns `null` when called outside a `<Tour>`.\n */\nexport interface UseTourReturn {\n /** Zero-based index of the active step. */\n activeStepIndex: number;\n /** Total number of registered steps. */\n stepCount: number;\n /** Whether the active step is the first one. */\n isFirstStep: boolean;\n /** Whether the active step is the last one. */\n isLastStep: boolean;\n /** Advance to the next step (or complete on the last step). */\n next: () => void;\n /** Return to the previous step. */\n previous: () => void;\n /** Dismiss the tour with a reason. */\n dismiss: (source: TourDismissSource) => void;\n}\n\n/**\n * Access the current Tour controller state. Must be used inside a `<Tour>`;\n * returns `null` otherwise so callers can guard.\n */\nexport function useTour(): UseTourReturn | null {\n const ctx = useContext(TourContext);\n if (ctx == null) {\n return null;\n }\n return {\n activeStepIndex: ctx.activeStepIndex,\n stepCount: ctx.stepCount,\n isFirstStep: ctx.activeStepIndex <= 0,\n isLastStep: ctx.stepCount > 0 && ctx.activeStepIndex === ctx.stepCount - 1,\n next: ctx.onNext,\n previous: ctx.onPrevious,\n dismiss: ctx.onDismiss,\n };\n}\n"],"mappings":";;;;AA+CA,SAAgB,IAAgC;CAC9C,IAAM,IAAM,EAAW,CAAW;CAIlC,OAHI,KAAO,OACF,OAEF;EACL,iBAAiB,EAAI;EACrB,WAAW,EAAI;EACf,aAAa,EAAI,mBAAmB;EACpC,YAAY,EAAI,YAAY,KAAK,EAAI,oBAAoB,EAAI,YAAY;EACzE,MAAM,EAAI;EACV,UAAU,EAAI;EACd,SAAS,EAAI;CACf;AACF"}
package/dist/index.d.ts CHANGED
@@ -20,8 +20,8 @@
20
20
  * ComplexSelectorRenderState, ComplexSelectorSize, ComplexSelectorStatus,
21
21
  * ComplexSelectorVariant.
22
22
  */
23
- export { AppShell, AppShellMobileContext, AspectRatio, Avatar, AvatarGroup, AvatarGroupOverflow, AvatarStatusDot, Badge, Banner, BaseTypeahead, Blockquote, BottomSheet, BottomSheetSwitcher, BreadcrumbItem, BreadcrumbMenuCheckboxItem, BreadcrumbMenuDivider, BreadcrumbMenuItem, BreadcrumbMenuRadioGroup, BreadcrumbMenuRadioItem, BreadcrumbMenuSubMenu, Breadcrumbs, Button, ButtonGroup, Calendar, Card, Carousel, Center, ChatComposer, ChatComposerDrawer, ChatComposerInput, ChatComposerTokenElement, ChatDictationButton, ChatLayout, ChatLayoutScrollButton, ChatMessage, ChatMessageBubble, ChatMessageList, ChatMessageMetadata, ChatSendButton, ChatSystemMessage, ChatTokenizedText, ChatToolCalls, CheckIndicator, CheckboxIndicator, CheckboxInput, CheckboxList, CheckboxListItem, Citation, ClickableCard, Code, CodeBlock, Collapsible, CollapsibleGroup, CommandPalette, CommandPaletteEmpty, CommandPaletteFooter, CommandPaletteGroup, CommandPaletteInput, CommandPaletteItem, CommandPaletteList, ContextMenu, ContextMenuCheckboxItem, ContextMenuDivider, ContextMenuItem, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSubMenu, DATE_FORMAT_LONG, DATE_FORMAT_MONTH_ONLY, DATE_FORMAT_MONTH_YEAR, DATE_FORMAT_SHORT, DATE_FORMAT_SHORT_WITH_WEEKDAY, DATE_FORMAT_SHORT_WITH_YEAR, DATE_FORMAT_WEEKDAY_ONLY, DATE_FORMAT_WITH_WEEKDAY, DEFAULT_MIN_COLUMN_WIDTH, DEFAULT_WIDTH_BREAKPOINTS, DateInput, DateRangeInput, DateTimeInput, Divider, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContext, DropdownMenuDivider, DropdownMenuItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSubMenu, EDGE_COMP_ATTR, EmptyState, Field, FieldLabel, FieldStatus, FileInput, FormLayout, FormLayoutContext, Grid, GridSpan, HStack, Heading, HoverCard, INTERACTIVE_SELECTORS, Icon, IconButton, InputClearButton, InputGroup, InputGroupText, InteractiveRoleContext, InternationalizationContext, InternationalizationProvider, Item, Kbd, LayerProvider, Layout, LayoutAreaContext, LayoutContent, LayoutDividerContext, LayoutFooter, LayoutHeader, LayoutPanel, Lightbox, Link, LinkProvider, List, ListItem, Markdown, MediaTheme, MetadataList, MetadataListItem, MobileNav, MobileNavToggle, MoreMenu, MultiSelector, NavHeadingCloseContext, NavHeadingMenu, NavHeadingMenuContext, NavHeadingMenuItem, NavIcon, NumberInput, Outline, OverflowList, Overlay, Pagination, Popover, PowerSearch, PowerSearchFilterEditor, PowerSearchToken, ProgressBar, RadioIndicator, RadioList, RadioListContext, RadioListItem, ResizeHandle, SHARED_DATE_FORMAT_OPTIONS, SYNC_TOKENIZE_THRESHOLD, ScrollableArea, Section, SegmentedControl, SegmentedControlItem, SelectableCard, Selector, SelectorOption, SideNav, SideNavCollapseButton, SideNavHeading, SideNavItem, SideNavRenderContext, SideNavSection, SizeContext, SizeProvider, Skeleton, Slider, Spinner, Stack, StackItem, StatusDot, Step, Stepper, Switch, SyntaxTheme, TOKEN_TYPES, Tab, TabList, TabMenu, Table, TableBody, TableCell, TableContext, TableFooter, TableHeader, TableHeaderCell, TableRow, Text, TextArea, TextInput, Theme, ThemeContext, Thumbnail, TimeInput, Timestamp, Toast, ToggleButton, ToggleButtonGroup, Token, Tokenizer, Toolbar, Tooltip, TopNav, TopNavHeading, TopNavItem, TopNavMegaMenu, TopNavMegaMenuFeaturedCard, TopNavMegaMenuItem, TopNavMenu, TopNavRenderContext, TreeList, Typeahead, TypeaheadItem, VStack, VisuallyHidden, WIDTH_BREAKPOINT_NAMES, adjustTime, applyHighlightRangesBatch, applyHighlightRangesChunked, applyHighlightRangesFlat, borderDefaults, borderVars, characterCount, clampTime, cleanupRanges, colorDefaults, colorVars, compareTime, composeEventHandlers, container, createISOTimeString, createIncrementalState, createPowerSearchConfig, createStaticSource, dataTokenDefaults, dateToISO, defaultIndicators, defineSyntaxTheme, defineTheme, devError, devWarn, domainTokenDefaults, durationDefaults, durationVars, easeDefaults, easeVars, edgeCompSlot, ensureHighlightStyles, expandColorScale, expandMotionScale, expandRadiusScale, expandTypeScale, firstCharacter, flatTokensToLines, focusDefaults, focusOutlineProps, focusOutlineStyles, focusVars, fontWeightDefaults, fontWeightVars, formatColor, formatDevMessage, formatDisplayTime12h, formatDisplayTime24h, formatHex, formatISOTime, formatSharedDate, generateAdaptationCSS, generateColumns, generateOnMediaCSS, generatePageRange, generateThemeCSS, generateThemeRules, generateThemeRulesSplit, generateTypeScaleComponents, getDaysInMonth, getExtendedIcon, getIcon, getIconRegistry, getIndicator, getInputARIA, getItemGroup, getKey, getLocaleDirection, getRegisteredTheme, getRegisteredThemes, getWeekNumber, groupItems, hasActiveFocusTrapEscape, indicatorScope, inputStatusBorderStyles, inputStatusFocusStyles, inputStatusFocusWithinStyles, inputStatusHoverShadowStyles, inputWrapperStyles, isDateInRange, isDefinedTheme, isFocusDetached, isImeKeyEvent, isLocaleDayFirst, isRenderable, isSameDay, isTimeInRange, mergeProps, mergeRefs, observeResize, overlayPaddingReset, paginateData, parseColor, parseDateInput, parseHex, parseISO, parseISOTime, parseInline, parseMarkdown, parseMarkdownIncremental, parseOutlineFromMarkdown, parseRgb, parseStyleKey, parseTimeInput, percent, pixel, plainDateAddDays, plainDateAddMonths, plainDateCreate, plainDateDayOfWeek, plainDateFormat, plainDateFromDate, plainDateFromISO, plainDateFromInstant, plainDateGetWeekNumber, plainDateIsAfter, plainDateIsBefore, plainDateIsEqual, plainDateIsInRange, plainDateMax, plainDateMin, plainDateSetEndOfWeekExclusive, plainDateSetFirstOfMonth, plainDateSetStartOfWeek, plainDateToDate, plainDateToISO, plainDateToInstant, plainDateToday, proportional, radiusDefaults, radiusVars, registerIcons, registerTheme, renderIconSlot, resetIcons, resetThemes, resolveColumnWidths, resolveContextActions, resolveOperatorLabel, resolveSize, resolveThemeToken, resolveThemeTokens, rtlStyles, shadowDefaults, shadowVars, sizeDefaults, sizeVars, spacingDefaults, spacingVars, stack, stackItem, syntaxTokenDefaults, textSizeDefaults, textSizeVars, themeDataAttributes, themeProps, toGLFloats, toSearchFilters, tokenDefaults, tokenVar, tokenVars, tokenize, tokenizeAsync, tokenizeStreaming, truncateCharacters, typeScaleDefaults, typeScaleVars, typographyDefaults, typographyVars, unobserveResize, useAnnounce, useAppShellMobile, useAvatarGroup, useBaseTablePlugins, useButtonGroup, useCalendarConstraints, useCalendarDays, useCalendarNavigation, useChatComposerContext, useChatComposerTokens, useChatDictation, useChatLayoutContext, useChatNewMessages, useChatPasteAsToken, useChatStreamScroll, useClickableContainer, useClipboard, useCollapsible, useCollator, useCombobox, useCommandPaletteContext, useContainerReveal, useDevWarning, useDirection, useDropdownMenuContext, useEntryAnimation, useFocusTrap, useGridFocus, useHotkeys, useHoverCard, useIcon, useImageMode, useIndicator, useIndicatorFocusRing, useInputContainer, useInputGroup, useInputStatusIcon, useInteractiveRole, useInteractiveRoleContext, useKeyboardHint, useLayer, useLightbox, useLinkComponent, useLinkify, useListFocus, useLocale, useLongPress, useMediaQuery, useMergedRefs, useMultiCombobox, useNavHeadingCloseContext, useNavHeadingMenuContext, useOutlineFromDOM, useOutlineFromMarkdown, useOverflow, useOverlay, usePopover, usePowerSearchConfig, useResizable, useScrollLock, useScrollOverflow, useScrollableArea, useSelectedItemOffset, useSideNavCollapse, useSideNavRenderMode, useSize, useSpeechRecognition, useStepperContext, useStreamingText, useSyntaxTheme, useTabListContext, useTableColumnResize, useTableColumnSettings, useTableColumnSettingsState, useTableFilterState, useTableFiltering, useTableGroupedRows, useTablePagination, useTableRowExpansion, useTableRowIndex, useTableRowStatus, useTableSelection, useTableSelectionState, useTableSortable, useTableSortableState, useTableStickyColumns, useTableTreeData, useTableTreeState, useTheme, useThemeName, useToast, useTooltip, useTopNavRenderMode, useTranslator, useTreeFocus, useTruncation, useTypeahead, warnOnce, } from '@astryxdesign/core';
24
- export type { AnnounceFn, AnnouncePoliteness, AppShellBreakpoint, AppShellMobileContextValue, AppShellProps, AppShellVariant, AppShellVariantMap, AspectRatioFit, AspectRatioProps, AspectRatioShape, AvatarGroupContextValue, AvatarGroupOverflowProps, AvatarGroupProps, AvatarProps, AvatarShape, AvatarSize, AvatarStatusDotProps, AvatarStatusDotVariant, AvatarStatusDotVariantMap, BadgeProps, BadgeVariant, BadgeVariantMap, BannerContainer, BannerContainerMap, BannerProps, BannerStatus, BannerStatusMap, BaseProps, BaseTableProps, BaseTypeaheadProps, BlockNode, BlockNodeWithMath, BlockquoteProps, BodyCellRenderProps, BodyRowRenderProps, BorderVarName, BottomSheetHeight, BottomSheetProps, BottomSheetSnapPoint, BottomSheetSwitcherProps, BreadcrumbItemProps, BreadcrumbMenuCheckboxItemProps, BreadcrumbMenuDividerData, BreadcrumbMenuDividerProps, BreadcrumbMenuItemData, BreadcrumbMenuItemProps, BreadcrumbMenuOption, BreadcrumbMenuRadioGroupProps, BreadcrumbMenuRadioItemProps, BreadcrumbMenuSection, BreadcrumbMenuSubMenuProps, BreadcrumbsProps, BreadcrumbsVariant, BreadcrumbsVariantMap, BuiltinTextColor, BuiltinTextType, ButtonGroupContextValue, ButtonGroupOrientation, ButtonGroupProps, ButtonProps, ButtonSize, ButtonVariant, ButtonVariantMap, CalendarDay, CalendarHandle, CalendarProps, CardProps, CardVariant, CardVariantMap, CarouselHandle, CarouselProps, Catalog, CenterAxis, CenterProps, ChatComposerContextValue, ChatComposerDensity, ChatComposerDrawerProps, ChatComposerInputControl, ChatComposerInputHandle, ChatComposerInputProps, ChatComposerProps, ChatComposerStatus, ChatComposerToken, ChatComposerTrigger, ChatComposerTriggerItem, ChatDensity, ChatDictationButtonProps, ChatLayoutProps, ChatLayoutScrollButtonProps, ChatMessageBubbleProps, ChatMessageBubbleVariant, ChatMessageListProps, ChatMessageMetadataProps, ChatMessageProps, ChatMessageSender, ChatMessageStatus, ChatScrollToBottomOptions, ChatSendButtonProps, ChatSystemMessageProps, ChatSystemMessageVariant, ChatTokenizedTextProps, ChatToolCallItem, ChatToolCallStatus, ChatToolCallsProps, CheckboxInputProps, CheckboxInputSize, CheckboxListItemProps, CheckboxListProps, CitationProps, CitationSource, ClassProps, ClassValue, ClickableCardProps, ClickableContainerResult, CodeBlockProps, CodeColor, CodeProps, CodeSize, CollapsibleChevronPosition, CollapsibleConfig, CollapsibleGroupDensity, CollapsibleGroupProps, CollapsibleProps, ColorScaleConfig, ColorScaleTokens, ColorVarName, ColumnSettingsOption, ColumnWidth, CommandPaletteContextValue, CommandPaletteEmptyProps, CommandPaletteFooterProps, CommandPaletteGroupProps, CommandPaletteInputProps, CommandPaletteItemProps, CommandPaletteListProps, CommandPaletteProps, ComponentStyleMap, ContainerComponent, ContainerOptions, ContainerRevealOptions, ContentRevealOptions, ContextLayerOptions, ContextLayerReturn, ContextMenuCheckboxItemProps, ContextMenuDividerData, ContextMenuDividerProps, ContextMenuItemData, ContextMenuItemProps, ContextMenuOption, ContextMenuProps, ContextMenuRadioGroupProps, ContextMenuRadioItemProps, ContextMenuSection, ContextMenuSubMenuProps, ContextRenderProps, CoreIndicatorName, CoreTokenName, CreateStaticSourceOptions, CustomOperatorValue, CustomTextTypes, DataTokenName, DateAbsoluteOperatorValue, DateInputFormat, DateInputNativePicker, DateInputProps, DateInputSize, DateInputStatus, DateInputStatusType, DateRange, DateRangeFilterPreset, DateRangeInputProps, DateRangeInputSize, DateRangeInputStatus, DateRangeInputStatusType, DateRangeOperatorValue, DateRangePreset, DateRelativeOperatorValue, DateTimeInputHourFormat, DateTimeInputNativePicker, DateTimeInputProps, DateTimeInputSize, DateTimeInputStatus, DateTimeInputStatusType, DateTimeInputTimeIncrement, DateTimeInputTimeOptionInterval, DateTimeRange, DateTimeRangePart, DayOfWeek, DayOfWeekName, DefineThemeInput, DefinedTheme, DividerProps, DividerVariant, DividerVariantMap, DomainTokenName, DropdownMenuButtonProps, DropdownMenuCheckboxItemProps, DropdownMenuContextValue, DropdownMenuDividerData, DropdownMenuDividerProps, DropdownMenuItemData, DropdownMenuItemProps, DropdownMenuOption, DropdownMenuPresentation, DropdownMenuProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuSection, DropdownMenuSize, DropdownMenuSubMenuProps, DurationVarName, EaseVarName, ElementSize, EmptyOperatorValue, EmptyStateProps, EntityListOperatorValue, EntryAnimationPreset, EnumItem, EnumListOperatorValue, EnumOperatorValue, ExtendedIconName, FieldDefinition, FieldLabelProps, FieldProps, FieldStatusInput, FieldStatusProps, FieldStatusType, FieldStatusVariant, FieldStatusVariantMap, FileInputProps, FileInputStatus, FileInputStatusType, FilterValue, FilterValueCustom, FilterValueDateAbsolute, FilterValueDateRange, FilterValueDateRelative, FilterValueEmpty, FilterValueEntityList, FilterValueEnum, FilterValueEnumList, FilterValueFloat, FilterValueInteger, FilterValueNested, FilterValueString, FilterValueStringList, FilterValueTime, FixedLayerOptions, FixedLayerReturn, FixedRenderProps, FloatOperatorValue, FontWeight, FontWeightVarName, FormLayoutDirection, FormLayoutProps, FormOptionality, GridAlignment, GridColumns, GridProps, GridSpanProps, GroupItemsOptions, HStackProps, HeaderCellRenderProps, HeaderRowRenderProps, HeadingLevel, HeadingProps, HeadingTag, HeadingType, HeadingTypeMap, Hotkey, HoverCardFocusTrigger, HoverCardOptions, HoverCardProps, HoverCardReturn, HoverCardTouchTrigger, ISODateString, ISODateTimeString, ISOTimeString, IconButtonProps, IconColor, IconName, IconProps, IconRegistry, IconRegistrySource, IconSize, IconType, ImageSampleRegion, IncrementalParseState, IndicatorComponent, IndicatorFamily, IndicatorFamilyMap, IndicatorMap, IndicatorName, IndicatorNameOfFamily, IndicatorPosition, IndicatorProps, IndicatorRegistry, IndicatorRegistrySource, IndicatorSize, IndicatorState, InferData, InlineNode, InlineNodeWithMath, InputARIA, InputARIAInputGroup, InputGroupContextValue, InputGroupProps, InputGroupSize, InputGroupTextProps, InputSize, InputStatus, InputStatusType, IntegerOperatorValue, InteractiveRole, InternationalizationContextValue, InternationalizationProviderProps, ItemAlign, ItemDensity, ItemGroup, ItemProps, KbdProps, Key, KeyFallback, KeyboardHintOrientation, LayerAlignment, LayerPlacement, LayerProviderProps, LayerToastConfig, LayoutArea, LayoutContentProps, LayoutDividerContextValue, LayoutFooterProps, LayoutHeaderProps, LayoutHeight, LayoutPanelProps, LayoutProps, LightboxMedia, LightboxMediaType, LightboxProps, LinkComponentType, LinkProps, LinkProviderProps, LinkifyPattern, ListDensity, ListFocusOrientation, ListItemNode, ListItemProps, ListProps, ListStyle, Locale, MarkdownComponents, MarkdownInlinePlugin, MarkdownProps, MarkdownSource, MathBlockNode, MathInlineNode, MathParseOptions, MediaThemeMode, MediaThemeProps, MenuPresentation, MessageEntry, MessagesByLocale, MetadataListColumns, MetadataListItemProps, MetadataListLabelConfig, MetadataListProps, MobileNavConfig, MobileNavProps, MobileNavToggleProps, MoreMenuProps, MotionScaleConfig, MotionScaleTokens, MultiSelectorDivider, MultiSelectorOptionData, MultiSelectorOptionType, MultiSelectorPresentation, MultiSelectorProps, MultiSelectorSection, MultiSelectorSelectedItem, MultiSelectorSize, MultiSelectorStatus, MultiSelectorStatusType, NamespacedIconName, NavHeadingCloseContextValue, NavHeadingMenuContextValue, NavHeadingMenuItemProps, NavHeadingMenuProps, NavHeadingMenuSize, NavIconProps, NestedOperatorValue, NumberInputProps, NumberInputSize, NumberInputStatus, NumberInputStatusType, OperatorTokenizationConfig, OperatorValue, OutlineItem, OutlineProps, OverflowItem, OverflowListProps, OverlayAlign, OverlayContainerProps, OverlayPosition, OverlayProps, OverlayScrimMode, OverlayShowOn, Overrides, PaginationProps, PaginationSize, PaginationVariant, PaginationVariantMap, ParseOptions, ParsedTime, PartialFilter, PixelWidth, PlainDate, PopoverProps, PopoverTriggerRenderProps, PowerSearchChangeType, PowerSearchComponentOverride, PowerSearchComponents, PowerSearchConfig, PowerSearchEditorProps, PowerSearchEntity, PowerSearchField, PowerSearchFilter, PowerSearchHandle, PowerSearchOperator, PowerSearchOperatorBase, PowerSearchOperatorWithI18nKey, PowerSearchOperatorWithLabel, PowerSearchProps, PowerSearchSize, PowerSearchTokenProps, ProgressBarMark, ProgressBarProps, ProgressBarVariant, ProgressBarVariantMap, ProportionalWidth, ProseElement, RGBA, RadioListContextValue, RadioListItemProps, RadioListProps, RadioListSize, RadiusScaleConfig, RadiusScaleTokens, RadiusVarName, RelativeDateFilterPreset, ResizableConfig, ResizablePercentSize, ResizableProps, ResizableRegion, ResizableRegionConfig, ResizableSize, ResizeHandleProps, ResolveThemeTokenOptions, ResolveThemeTokensOptions, ResolvedDefinedTheme, ResolvedThemeMode, ScrollAxis, ScrollAxisState, ScrollKeyboardAccess, ScrollOverflowState, ScrollOverscroll, ScrollStickyContainment, ScrollWrapperRenderProps, ScrollableAreaProps, ScrollableAreaState, ScrollableAreaStickyContainment, ScrollableElementProps, SearchSource, SearchableItem, SectionProps, SectionVariant, SectionVariantMap, SegmentedControlItemProps, SegmentedControlLayout, SegmentedControlProps, SegmentedControlSize, SelectableCardProps, SelectorDivider, SelectorOptionData, SelectorOptionType, SelectorPresentation, SelectorProps, SelectorSection, SelectorSize, SelectorStatus, SelectorStatusType, ShadowVarName, SharedDateFormat, ShowToastFn, SideNavCollapseButtonProps, SideNavCollapseState, SideNavCollapsibleConfig, SideNavControlledCollapsible, SideNavHeadingProps, SideNavImperativeCollapseHandle, SideNavItemProps, SideNavProps, SideNavRenderMode, SideNavSectionProps, SizeValue, SizeVarName, SkeletonProps, SkeletonRadius, SliderBaseProps, SliderProps, SliderRangeProps, SliderSingleProps, SourceRange, SpacingStep, SpacingToken, SpacingVarName, SpinnerProps, SpinnerShade, SpinnerSize, StackAlignment, StackCrossAlignment, StackDirection, StackItemCrossAlignSelf, StackItemOptions, StackItemProps, StackItemSize, StackMainAlignment, StackOptions, StackProps, StackWrap, StatusDotProps, StatusDotVariant, StatusDotVariantMap, StepIndicatorPreset, StepProps, StepStatus, StepperCollapsedVariant, StepperContextValue, StepperHorizontalOptions, StepperIndicatorPosition, StepperOrientation, StepperProps, StepperRegistrationOptions, StreamingTextSpeed, StringListOperatorValue, StringOperatorValue, StyleOverrides, SwitchLabelPosition, SwitchLabelSpacing, SwitchProps, SyntaxThemeDefinition, SyntaxThemeInput, SyntaxThemeTokenInput, SyntaxThemeTokenKey, SyntaxThemeTokenMap, SyntaxToken, SyntaxTokenName, SyntaxTokenValue, TabListLayout, TabListOverflow, TabListPattern, TabListProps, TabListSize, TabMenuOption, TabMenuProps, TabProps, TableAlignment, TableBodyProps, TableCellNode, TableCellProps, TableColumn, TableColumnAlign, TableContextAction, TableContextActions, TableContextValue, TableDensity, TableDividers, TableFilterFieldRef, TableFilterState, TableFilterValue, TableFilterVariant, TableFooterProps, TableHeaderCellProps, TableHeaderProps, TablePlugin, TableProps, TableRenderProps, TableRowProps, TableRowStatus, TableSemanticRowStatus, TableSortComparator, TableSortDirection, TableSortEntry, TableSortState, TableSortableColumnConfig, TableTextOverflow, TableTreeRowMeta, TableVerticalAlign, TextAreaProps, TextAreaSize, TextAreaStatus, TextAreaStatusType, TextColor, TextColorMap, TextDisplay, TextInputProps, TextInputSize, TextInputStatus, TextInputStatusType, TextInputType, TextJustify, TextProps, TextSize, TextSizeVarName, TextType, TextWeight, TextWrap, TextXStyleAllowed, ThemeAdaptationCondition, ThemeAdaptationRule, ThemeAdaptationTypographyConfig, ThemeAdaptationValue, ThemeAdaptationWidthCondition, ThemeAdaptations, ThemeCSSOutput, ThemeContextValue, ThemeDataAttributes, ThemeMode, ThemeProps, ThemeRulesSplit, ThumbnailProps, TimeInputHourFormat, TimeInputNativePicker, TimeInputProps, TimeInputSize, TimeInputStatus, TimeInputStatusType, TimeOperatorValue, TimestampFormat, TimestampProps, TimestampTooltipEntry, TimestampTooltipFormat, ToastCollisionBehavior, ToastContentRenderFn, ToastContentRenderProps, ToastDismissFn, ToastDismissReason, ToastOptions, ToastPosition, ToastProps, ToastType, ToggleButtonGroupMultipleProps, ToggleButtonGroupProps, ToggleButtonGroupSingleProps, ToggleButtonProps, TokenColor, TokenColorMap, TokenLine, TokenName, TokenPortal, TokenProps, TokenSize, TokenValue, TokenizerChange, TokenizerHandle, TokenizerOverflowBehavior, TokenizerProps, TokenizerSize, TokenizerStatus, TokenizerStatusType, ToolbarProps, ToolbarSize, TooltipFocusTrigger, TooltipOptions, TooltipProps, TooltipReturn, TooltipTouchTrigger, TopNavHeadingProps, TopNavItemProps, TopNavMegaMenuFeaturedCardProps, TopNavMegaMenuItemProps, TopNavMegaMenuProps, TopNavMenuItemData, TopNavMenuProps, TopNavProps, TopNavRenderMode, Translator, TranslatorFn, TreeListDensity, TreeListItemData, TreeListProps, TreeListVariant, TreeListVariantMap, TypeScaleConfig, TypeScaleTokens, TypeScaleVarName, TypeaheadItemProps, TypeaheadProps, TypeaheadSize, TypeaheadStatus, TypeaheadStatusType, TypographyConfig, TypographyRole, TypographyVarName, UseCalendarConstraintsOptions, UseCalendarConstraintsReturn, UseCalendarDaysOptions, UseCalendarDaysReturn, UseCalendarNavigationOptions, UseCalendarNavigationReturn, UseChatComposerTokensOptions, UseChatComposerTokensReturn, UseChatDictationOptions, UseChatDictationReturn, UseChatNewMessagesOptions, UseChatNewMessagesReturn, UseChatPasteAsTokenOptions, UseChatPasteAsTokenReturn, UseChatStreamScrollOptions, UseChatStreamScrollReturn, UseClickableContainerOptions, UseClipboardOptions, UseClipboardReturn, UseCollapsibleOptions, UseCollapsibleReturn, UseContainerRevealOptions, UseContainerRevealReturn, UseFocusTrapOptions, UseFocusTrapReturn, UseGridFocusOptions, UseGridFocusReturn, UseImageModeOptions, UseInputContainerOptions, UseInputStatusIconOptions, UseInputStatusIconReturn, UseInteractiveRoleOptions, UseKeyboardHintOptions, UseKeyboardHintReturn, UseLightboxOptions, UseLightboxReturn, UseLinkifyOptions, UseListFocusOptions, UseListFocusReturn, UseLongPressHandlers, UseLongPressOptions, UseOverflowOptions, UseOverflowReturn, UseOverlayOptions, UseOverlayResult, UsePopoverOptions, UsePopoverReturn, UseResizableMultiConfig, UseResizableSingleConfig, UseScrollableAreaOptions, UseScrollableAreaResult, UseSpeechRecognitionOptions, UseSpeechRecognitionReturn, UseStreamingTextOptions, UseSyntaxThemeReturn, UseTableColumnResizeConfig, UseTableColumnSettingsConfig, UseTableColumnSettingsStateConfig, UseTableColumnSettingsStateReturn, UseTableFilteringConfig, UseTableGroupedRowsConfig, UseTableGroupedRowsResult, UseTablePaginationConfig, UseTableRowExpansionConfig, UseTableRowIndexConfig, UseTableRowStatusConfig, UseTableSelectionConfig, UseTableSelectionStateConfig, UseTableSelectionStateResult, UseTableSortableConfig, UseTableSortableStateConfig, UseTableSortableStateResult, UseTableStickyColumnsConfig, UseTableTreeDataConfig, UseTableTreeStateConfig, UseTableTreeStateResult, UseThemeReturn, UseTreeFocusOptions, UseTreeFocusReturn, UseTruncationOptions, UseTruncationReturn, UseTypeaheadOptions, UseTypeaheadReturn, VStackProps, VisuallyHiddenProps, WidthBreakpointName, WidthBreakpoints, WordBreak, } from '@astryxdesign/core';
23
+ export { AppShell, AppShellMobileContext, AspectRatio, Avatar, AvatarGroup, AvatarGroupOverflow, AvatarStatusDot, Badge, Banner, BaseTypeahead, Blockquote, BottomSheet, BottomSheetSwitcher, BreadcrumbItem, BreadcrumbMenuCheckboxItem, BreadcrumbMenuDivider, BreadcrumbMenuItem, BreadcrumbMenuRadioGroup, BreadcrumbMenuRadioItem, BreadcrumbMenuSubMenu, Breadcrumbs, Button, ButtonGroup, Calendar, Card, Carousel, Center, ChatComposer, ChatComposerDrawer, ChatComposerInput, ChatComposerTokenElement, ChatDictationButton, ChatLayout, ChatLayoutScrollButton, ChatMessage, ChatMessageBubble, ChatMessageList, ChatMessageMetadata, ChatSendButton, ChatSystemMessage, ChatTokenizedText, ChatToolCalls, CheckIndicator, CheckboxIndicator, CheckboxInput, CheckboxList, CheckboxListItem, Citation, ClickableCard, Code, CodeBlock, Collapsible, CollapsibleGroup, CommandPalette, CommandPaletteEmpty, CommandPaletteFooter, CommandPaletteGroup, CommandPaletteInput, CommandPaletteItem, CommandPaletteList, ContextMenu, ContextMenuCheckboxItem, ContextMenuDivider, ContextMenuItem, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSubMenu, DATE_FORMAT_LONG, DATE_FORMAT_MONTH_ONLY, DATE_FORMAT_MONTH_YEAR, DATE_FORMAT_SHORT, DATE_FORMAT_SHORT_WITH_WEEKDAY, DATE_FORMAT_SHORT_WITH_YEAR, DATE_FORMAT_WEEKDAY_ONLY, DATE_FORMAT_WITH_WEEKDAY, DEFAULT_MIN_COLUMN_WIDTH, DEFAULT_WIDTH_BREAKPOINTS, DateInput, DateRangeInput, DateTimeInput, Divider, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContext, DropdownMenuDivider, DropdownMenuItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSubMenu, EDGE_COMP_ATTR, EmptyState, Field, FieldLabel, FieldStatus, FileInput, FormLayout, FormLayoutContext, Grid, GridSpan, HStack, Heading, HoverCard, INTERACTIVE_SELECTORS, Icon, IconButton, InputClearButton, InputGroup, InputGroupText, InteractiveRoleContext, InternationalizationContext, InternationalizationProvider, Item, Kbd, LayerProvider, Layout, LayoutAreaContext, LayoutContent, LayoutDividerContext, LayoutFooter, LayoutHeader, LayoutPanel, Lightbox, Link, LinkProvider, List, ListItem, Markdown, MediaTheme, MetadataList, MetadataListItem, MobileNav, MobileNavToggle, MoreMenu, MultiSelector, NavHeadingCloseContext, NavHeadingMenu, NavHeadingMenuContext, NavHeadingMenuItem, NavIcon, NumberInput, Outline, OverflowList, Overlay, Pagination, Popover, PowerSearch, PowerSearchFilterEditor, PowerSearchToken, ProgressBar, RadioIndicator, RadioList, RadioListContext, RadioListItem, ResizeHandle, SHARED_DATE_FORMAT_OPTIONS, SYNC_TOKENIZE_THRESHOLD, ScrollableArea, Section, SegmentedControl, SegmentedControlItem, SelectableCard, Selector, SelectorOption, SideNav, SideNavCollapseButton, SideNavHeading, SideNavItem, SideNavRenderContext, SideNavSection, SizeContext, SizeProvider, Skeleton, Slider, Spinner, Stack, StackItem, StatusDot, Step, Stepper, Switch, SyntaxTheme, TOKEN_TYPES, Tab, TabList, TabMenu, Table, TableBody, TableCell, TableContext, TableFooter, TableHeader, TableHeaderCell, TableRow, TableSelectionToolbar, Text, TextArea, TextInput, Theme, ThemeContext, Thumbnail, TimeInput, Timer, Timestamp, Toast, ToggleButton, ToggleButtonGroup, Token, Tokenizer, Toolbar, Tooltip, TopNav, TopNavHeading, TopNavItem, TopNavMegaMenu, TopNavMegaMenuFeaturedCard, TopNavMegaMenuItem, TopNavMenu, TopNavRenderContext, TreeList, Typeahead, TypeaheadItem, VStack, VisuallyHidden, WIDTH_BREAKPOINT_NAMES, adjustTime, applyHighlightRangesBatch, applyHighlightRangesChunked, applyHighlightRangesFlat, borderDefaults, borderVars, characterCount, clampTime, cleanupRanges, colorDefaults, colorVars, compareTime, composeEventHandlers, container, createISOTimeString, createIncrementalState, createPowerSearchConfig, createStaticSource, dataTokenDefaults, dateToISO, defaultIndicators, defineSyntaxTheme, defineTheme, devError, devWarn, domainTokenDefaults, durationDefaults, durationVars, easeDefaults, easeVars, edgeCompSlot, ensureHighlightStyles, expandColorScale, expandMotionScale, expandRadiusScale, expandTypeScale, firstCharacter, flatTokensToLines, focusDefaults, focusOutlineProps, focusOutlineStyles, focusVars, fontWeightDefaults, fontWeightVars, formatColor, formatDevMessage, formatDisplayTime12h, formatDisplayTime24h, formatHex, formatISOTime, formatSharedDate, generateAdaptationCSS, generateColumns, generateOnMediaCSS, generatePageRange, generateThemeCSS, generateThemeRules, generateThemeRulesSplit, generateTypeScaleComponents, getDaysInMonth, getExtendedIcon, getIcon, getIconRegistry, getIndicator, getInputARIA, getItemGroup, getKey, getLocaleDirection, getRegisteredTheme, getRegisteredThemes, getWeekNumber, groupItems, hasActiveFocusTrapEscape, indicatorScope, inputStatusBorderStyles, inputStatusFocusStyles, inputStatusFocusWithinStyles, inputStatusHoverShadowStyles, inputWrapperStyles, isDateInRange, isDefinedTheme, isFocusDetached, isImeKeyEvent, isLocaleDayFirst, isRenderable, isSameDay, isTimeInRange, mergeProps, mergeRefs, observeResize, overlayPaddingReset, paginateData, parseColor, parseDateInput, parseHex, parseISO, parseISOTime, parseInline, parseInlineAst, parseMarkdown, parseMarkdownAst, parseMarkdownIncremental, parseOutlineFromMarkdown, parseRgb, parseStyleKey, parseTimeInput, percent, pixel, plainDateAddDays, plainDateAddMonths, plainDateCreate, plainDateDayOfWeek, plainDateFormat, plainDateFromDate, plainDateFromISO, plainDateFromInstant, plainDateGetWeekNumber, plainDateIsAfter, plainDateIsBefore, plainDateIsEqual, plainDateIsInRange, plainDateMax, plainDateMin, plainDateSetEndOfWeekExclusive, plainDateSetFirstOfMonth, plainDateSetStartOfWeek, plainDateToDate, plainDateToISO, plainDateToInstant, plainDateToday, proportional, radiusDefaults, radiusVars, registerIcons, registerTheme, renderIconSlot, resetIcons, resetThemes, resolveColumnWidths, resolveContextActions, resolveOperatorLabel, resolveSize, resolveThemeToken, resolveThemeTokens, rtlStyles, shadowDefaults, shadowVars, sizeDefaults, sizeVars, spacingDefaults, spacingVars, stack, stackItem, syntaxTokenDefaults, textSizeDefaults, textSizeVars, themeDataAttributes, themeProps, toGLFloats, toSearchFilters, tokenDefaults, tokenVar, tokenVars, tokenize, tokenizeAsync, tokenizeStreaming, truncateCharacters, typeScaleDefaults, typeScaleVars, typographyDefaults, typographyVars, unobserveResize, useAnnounce, useAppShellMobile, useAvatarGroup, useBaseTablePlugins, useButtonGroup, useCalendarConstraints, useCalendarDays, useCalendarNavigation, useChatComposerContext, useChatComposerTokens, useChatDictation, useChatLayoutContext, useChatNewMessages, useChatPasteAsToken, useChatStreamScroll, useClickableContainer, useClipboard, useCollapsible, useCollator, useCombobox, useCommandPaletteContext, useContainerReveal, useDevWarning, useDirection, useDropdownMenuContext, useEntryAnimation, useFocusTrap, useGridFocus, useHotkeys, useHoverCard, useIcon, useImageMode, useIndicator, useIndicatorFocusRing, useInputContainer, useInputGroup, useInputStatusIcon, useInteractiveRole, useInteractiveRoleContext, useKeyboardHint, useLayer, useLightbox, useLinkComponent, useLinkify, useListFocus, useLocale, useLongPress, useMediaQuery, useMergedRefs, useMultiCombobox, useNavHeadingCloseContext, useNavHeadingMenuContext, useOutlineFromDOM, useOutlineFromMarkdown, useOverflow, useOverlay, usePopover, usePowerSearchConfig, useResizable, useScrollLock, useScrollOverflow, useScrollableArea, useSelectedItemOffset, useSideNavCollapse, useSideNavRenderMode, useSize, useSpeechRecognition, useStepperContext, useStreamingText, useSyntaxTheme, useTabListContext, useTableColumnResize, useTableColumnSettings, useTableColumnSettingsState, useTableFilterState, useTableFiltering, useTableGroupedRows, useTablePagination, useTableRowExpansion, useTableRowIndex, useTableRowStatus, useTableSelection, useTableSelectionState, useTableSortable, useTableSortableState, useTableStickyColumns, useTableTreeData, useTableTreeState, useTheme, useThemeName, useToast, useTooltip, useTopNavRenderMode, useTranslator, useTreeFocus, useTruncation, useTypeahead, visitMarkdownNodes, warnOnce, } from '@astryxdesign/core';
24
+ export type { AnnounceFn, AnnouncePoliteness, AppShellBreakpoint, AppShellMobileContextValue, AppShellProps, AppShellVariant, AppShellVariantMap, AspectRatioFit, AspectRatioProps, AspectRatioShape, AvatarGroupContextValue, AvatarGroupOverflowProps, AvatarGroupProps, AvatarProps, AvatarShape, AvatarSize, AvatarStatusDotProps, AvatarStatusDotVariant, AvatarStatusDotVariantMap, BadgeProps, BadgeVariant, BadgeVariantMap, BannerContainer, BannerContainerMap, BannerProps, BannerStatus, BannerStatusMap, BaseProps, BaseTableProps, BaseTypeaheadProps, BlockNode, BlockNodeWithMath, BlockquoteProps, BodyCellRenderProps, BodyRowRenderProps, BorderVarName, BottomSheetHeight, BottomSheetProps, BottomSheetSnapPoint, BottomSheetSwitcherProps, BreadcrumbItemProps, BreadcrumbMenuCheckboxItemProps, BreadcrumbMenuDividerData, BreadcrumbMenuDividerProps, BreadcrumbMenuItemData, BreadcrumbMenuItemProps, BreadcrumbMenuOption, BreadcrumbMenuRadioGroupProps, BreadcrumbMenuRadioItemProps, BreadcrumbMenuSection, BreadcrumbMenuSubMenuProps, BreadcrumbsProps, BreadcrumbsVariant, BreadcrumbsVariantMap, BuiltinTextColor, BuiltinTextType, ButtonGroupContextValue, ButtonGroupOrientation, ButtonGroupProps, ButtonProps, ButtonSize, ButtonVariant, ButtonVariantMap, CalendarDay, CalendarHandle, CalendarProps, CardProps, CardVariant, CardVariantMap, CarouselHandle, CarouselProps, Catalog, CenterAxis, CenterProps, ChatComposerContextValue, ChatComposerDensity, ChatComposerDrawerProps, ChatComposerInputControl, ChatComposerInputHandle, ChatComposerInputProps, ChatComposerProps, ChatComposerStatus, ChatComposerToken, ChatComposerTokenElementProps, ChatComposerTrigger, ChatComposerTriggerItem, ChatDensity, ChatDictationButtonProps, ChatLayoutProps, ChatLayoutScrollButtonProps, ChatMessageBubbleProps, ChatMessageBubbleVariant, ChatMessageListProps, ChatMessageMetadataProps, ChatMessageProps, ChatMessageSender, ChatMessageStatus, ChatScrollToBottomOptions, ChatSendButtonProps, ChatSystemMessageProps, ChatSystemMessageVariant, ChatTokenizedTextProps, ChatToolCallItem, ChatToolCallStatus, ChatToolCallsProps, CheckboxInputProps, CheckboxInputSize, CheckboxListItemProps, CheckboxListProps, CitationProps, CitationSource, ClassProps, ClassValue, ClickableCardProps, ClickableContainerResult, CodeBlockProps, CodeColor, CodeProps, CodeSize, CollapsibleChevronPosition, CollapsibleConfig, CollapsibleGroupDensity, CollapsibleGroupProps, CollapsibleProps, ColorScaleConfig, ColorScaleTokens, ColorVarName, ColumnSettingsOption, ColumnWidth, CommandPaletteContextValue, CommandPaletteEmptyProps, CommandPaletteFooterProps, CommandPaletteGroupProps, CommandPaletteInputProps, CommandPaletteItemProps, CommandPaletteListProps, CommandPaletteProps, ComponentStyleMap, ContainerComponent, ContainerOptions, ContainerRevealOptions, ContentRevealOptions, ContextLayerOptions, ContextLayerReturn, ContextMenuCheckboxItemProps, ContextMenuDividerData, ContextMenuDividerProps, ContextMenuItemData, ContextMenuItemProps, ContextMenuOption, ContextMenuProps, ContextMenuRadioGroupProps, ContextMenuRadioItemProps, ContextMenuSection, ContextMenuSubMenuProps, ContextRenderProps, CoreIndicatorName, CoreTokenName, CreateStaticSourceOptions, CustomOperatorValue, CustomTextTypes, DataTokenName, DateAbsoluteOperatorValue, DateInputFormat, DateInputNativePicker, DateInputPresentation, DateInputProps, DateInputSize, DateInputStatus, DateInputStatusType, DateRange, DateRangeFilterPreset, DateRangeInputProps, DateRangeInputSize, DateRangeInputStatus, DateRangeInputStatusType, DateRangeOperatorValue, DateRangePreset, DateRelativeOperatorValue, DateTimeInputHourFormat, DateTimeInputNativePicker, DateTimeInputPresentation, DateTimeInputProps, DateTimeInputSize, DateTimeInputStatus, DateTimeInputStatusType, DateTimeInputTimeIncrement, DateTimeInputTimeOptionInterval, DateTimeRange, DateTimeRangePart, DayOfWeek, DayOfWeekName, DefineThemeInput, DefinedTheme, DividerProps, DividerVariant, DividerVariantMap, DomainTokenName, DropdownMenuButtonProps, DropdownMenuCheckboxItemProps, DropdownMenuContextValue, DropdownMenuDividerData, DropdownMenuDividerProps, DropdownMenuItemData, DropdownMenuItemProps, DropdownMenuOption, DropdownMenuPresentation, DropdownMenuProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuSection, DropdownMenuSize, DropdownMenuSubMenuProps, DurationVarName, EaseVarName, ElementSize, EmptyOperatorValue, EmptyStateProps, EntityListOperatorValue, EntryAnimationPreset, EnumItem, EnumListOperatorValue, EnumOperatorValue, ExtendedIconName, FieldDefinition, FieldLabelProps, FieldProps, FieldStatusInput, FieldStatusProps, FieldStatusType, FieldStatusVariant, FieldStatusVariantMap, FileInputProps, FileInputStatus, FileInputStatusType, FilterValue, FilterValueCustom, FilterValueDateAbsolute, FilterValueDateRange, FilterValueDateRelative, FilterValueEmpty, FilterValueEntityList, FilterValueEnum, FilterValueEnumList, FilterValueFloat, FilterValueInteger, FilterValueNested, FilterValueString, FilterValueStringList, FilterValueTime, FixedLayerOptions, FixedLayerReturn, FixedRenderProps, FloatOperatorValue, FontWeight, FontWeightVarName, FormLayoutDirection, FormLayoutProps, FormOptionality, GridAlignment, GridColumns, GridProps, GridSpanProps, GroupItemsOptions, HStackProps, HeaderCellRenderProps, HeaderRowRenderProps, HeadingLevel, HeadingProps, HeadingTag, HeadingType, HeadingTypeMap, Hotkey, HoverCardFocusTrigger, HoverCardOptions, HoverCardProps, HoverCardReturn, HoverCardTouchTrigger, ISODateString, ISODateTimeString, ISOTimeString, IconButtonProps, IconColor, IconName, IconProps, IconRegistry, IconRegistrySource, IconSize, IconType, ImageSampleRegion, IncrementalMathParseOptions, IncrementalParseOptions, IncrementalParseState, IndicatorComponent, IndicatorFamily, IndicatorFamilyMap, IndicatorMap, IndicatorName, IndicatorNameOfFamily, IndicatorPosition, IndicatorProps, IndicatorRegistry, IndicatorRegistrySource, IndicatorSize, IndicatorState, InferData, InlineNode, InlineNodeWithMath, InputARIA, InputARIAInputGroup, InputGroupContextValue, InputGroupProps, InputGroupSize, InputGroupTextProps, InputSize, InputStatus, InputStatusType, IntegerOperatorValue, InteractiveRole, InternationalizationContextValue, InternationalizationProviderProps, ItemAlign, ItemDensity, ItemGroup, ItemProps, KbdProps, Key, KeyFallback, KeyboardHintOrientation, LayerAlignment, LayerPlacement, LayerProviderProps, LayerToastConfig, LayoutArea, LayoutContentProps, LayoutDividerContextValue, LayoutFooterProps, LayoutHeaderProps, LayoutHeight, LayoutPanelProps, LayoutProps, LightboxMedia, LightboxMediaType, LightboxProps, LinkComponentType, LinkProps, LinkProviderProps, LinkifyPattern, ListDensity, ListFocusOrientation, ListItemNode, ListItemProps, ListProps, ListStyle, Locale, MarkdownAstBlockContent, MarkdownAstBlockquote, MarkdownAstBreak, MarkdownAstCitation, MarkdownAstCode, MarkdownAstDataValue, MarkdownAstExtensionNode, MarkdownAstHeading, MarkdownAstImage, MarkdownAstInlineCode, MarkdownAstInlineMath, MarkdownAstLink, MarkdownAstList, MarkdownAstListItem, MarkdownAstMath, MarkdownAstNode, MarkdownAstNodeBase, MarkdownAstNodeMap, MarkdownAstParagraph, MarkdownAstPhrasingContent, MarkdownAstPoint, MarkdownAstPosition, MarkdownAstRoot, MarkdownAstTable, MarkdownAstTableCell, MarkdownAstTableRow, MarkdownAstText, MarkdownAstThematicBreak, MarkdownComponents, MarkdownInlinePlugin, MarkdownProps, MarkdownSource, MathBlockNode, MathInlineNode, MathParseOptions, MediaThemeMode, MediaThemeProps, MenuPresentation, MessageEntry, MessagesByLocale, MetadataListColumns, MetadataListItemProps, MetadataListLabelConfig, MetadataListProps, MobileNavConfig, MobileNavProps, MobileNavToggleProps, MoreMenuProps, MotionScaleConfig, MotionScaleTokens, MultiSelectorDivider, MultiSelectorOptionData, MultiSelectorOptionType, MultiSelectorPresentation, MultiSelectorProps, MultiSelectorSection, MultiSelectorSelectedItem, MultiSelectorSize, MultiSelectorStatus, MultiSelectorStatusType, NamespacedIconName, NavHeadingCloseContextValue, NavHeadingMenuContextValue, NavHeadingMenuItemProps, NavHeadingMenuProps, NavHeadingMenuSize, NavIconProps, NestedOperatorValue, NumberInputProps, NumberInputSize, NumberInputStatus, NumberInputStatusType, OperatorTokenizationConfig, OperatorValue, OutlineItem, OutlineProps, OverflowItem, OverflowListProps, OverlayAlign, OverlayContainerProps, OverlayPosition, OverlayProps, OverlayScrimMode, OverlayShowOn, Overrides, PaginationProps, PaginationSize, PaginationVariant, PaginationVariantMap, ParseOptions, ParseOutlineFromMarkdownOptions, ParsedTime, PartialFilter, PixelWidth, PlainDate, PopoverProps, PopoverTriggerRenderProps, PowerSearchChangeType, PowerSearchComponentOverride, PowerSearchComponents, PowerSearchConfig, PowerSearchEditorProps, PowerSearchEntity, PowerSearchField, PowerSearchFilter, PowerSearchHandle, PowerSearchOperator, PowerSearchOperatorBase, PowerSearchOperatorWithI18nKey, PowerSearchOperatorWithLabel, PowerSearchProps, PowerSearchSize, PowerSearchTokenProps, ProgressBarMark, ProgressBarProps, ProgressBarVariant, ProgressBarVariantMap, ProportionalWidth, ProseElement, ProviderMessagesByLocale, RGBA, RadioListContextValue, RadioListItemProps, RadioListProps, RadioListSize, RadiusScaleConfig, RadiusScaleTokens, RadiusVarName, RelativeDateFilterPreset, ResizableConfig, ResizablePercentSize, ResizableProps, ResizableRegion, ResizableRegionConfig, ResizableSize, ResizeHandleProps, ResolveThemeTokenOptions, ResolveThemeTokensOptions, ResolvedDefinedTheme, ResolvedThemeMode, RuntimeCatalog, ScrollAxis, ScrollAxisState, ScrollKeyboardAccess, ScrollOverflowState, ScrollOverscroll, ScrollStickyContainment, ScrollWrapperRenderProps, ScrollableAreaProps, ScrollableAreaState, ScrollableAreaStickyContainment, ScrollableElementProps, SearchSource, SearchableItem, SectionProps, SectionVariant, SectionVariantMap, SegmentedControlItemProps, SegmentedControlLayout, SegmentedControlProps, SegmentedControlSize, SelectableCardProps, SelectorDivider, SelectorOptionData, SelectorOptionType, SelectorPresentation, SelectorProps, SelectorSection, SelectorSize, SelectorStatus, SelectorStatusType, ShadowVarName, SharedDateFormat, ShowToastFn, SideNavCollapseButtonProps, SideNavCollapseState, SideNavCollapsibleConfig, SideNavControlledCollapsible, SideNavHeadingProps, SideNavImperativeCollapseHandle, SideNavItemProps, SideNavProps, SideNavRenderMode, SideNavSectionProps, SizeValue, SizeVarName, SkeletonProps, SkeletonRadius, SliderBaseProps, SliderProps, SliderRangeProps, SliderSingleProps, SourceRange, SpacingStep, SpacingToken, SpacingVarName, SpinnerProps, SpinnerShade, SpinnerSize, StackAlignment, StackCrossAlignment, StackDirection, StackItemCrossAlignSelf, StackItemOptions, StackItemProps, StackItemSize, StackMainAlignment, StackOptions, StackProps, StackWrap, StatusDotProps, StatusDotVariant, StatusDotVariantMap, StepIndicatorPreset, StepProps, StepStatus, StepperCollapsedVariant, StepperContextValue, StepperHorizontalOptions, StepperIndicatorPosition, StepperOrientation, StepperProps, StepperRegistrationOptions, StreamingTextSpeed, StringListOperatorValue, StringOperatorValue, StyleOverrides, SwitchLabelPosition, SwitchLabelSpacing, SwitchProps, SyntaxThemeDefinition, SyntaxThemeInput, SyntaxThemeTokenInput, SyntaxThemeTokenKey, SyntaxThemeTokenMap, SyntaxToken, SyntaxTokenName, SyntaxTokenValue, TabListLayout, TabListOverflow, TabListPattern, TabListProps, TabListSize, TabMenuOption, TabMenuProps, TabProps, TableAlignment, TableBodyProps, TableCellNode, TableCellProps, TableColumn, TableColumnAlign, TableContextAction, TableContextActions, TableContextValue, TableDensity, TableDividers, TableFilterFieldRef, TableFilterState, TableFilterValue, TableFilterVariant, TableFooterProps, TableHeaderCellProps, TableHeaderProps, TablePlugin, TableProps, TableRenderProps, TableRowProps, TableRowStatus, TableSelectionState, TableSelectionToolbarProps, TableSemanticRowStatus, TableSortComparator, TableSortDirection, TableSortEntry, TableSortState, TableSortableColumnConfig, TableTextOverflow, TableTreeRowMeta, TableVerticalAlign, TextAreaProps, TextAreaSize, TextAreaStatus, TextAreaStatusType, TextColor, TextColorMap, TextDisplay, TextInputProps, TextInputSize, TextInputStatus, TextInputStatusType, TextInputType, TextJustify, TextProps, TextSize, TextSizeVarName, TextType, TextWeight, TextWrap, TextXStyleAllowed, ThemeAdaptationCondition, ThemeAdaptationRule, ThemeAdaptationTypographyConfig, ThemeAdaptationValue, ThemeAdaptationWidthCondition, ThemeAdaptations, ThemeCSSOutput, ThemeContextValue, ThemeDataAttributes, ThemeMode, ThemeProps, ThemeRulesSplit, ThumbnailProps, TimeInputHourFormat, TimeInputNativePicker, TimeInputPresentation, TimeInputProps, TimeInputSize, TimeInputStatus, TimeInputStatusType, TimeOperatorValue, TimerFormat, TimerProps, TimestampFormat, TimestampProps, TimestampTooltipEntry, TimestampTooltipFormat, ToastCollisionBehavior, ToastContentRenderFn, ToastContentRenderProps, ToastDismissFn, ToastDismissReason, ToastOptions, ToastPosition, ToastProps, ToastType, ToggleButtonGroupMultipleProps, ToggleButtonGroupProps, ToggleButtonGroupSingleProps, ToggleButtonProps, TokenColor, TokenColorMap, TokenLine, TokenName, TokenPortal, TokenProps, TokenSize, TokenValue, TokenizerChange, TokenizerHandle, TokenizerOverflowBehavior, TokenizerProps, TokenizerSize, TokenizerStatus, TokenizerStatusType, ToolbarProps, ToolbarSize, TooltipFocusTrigger, TooltipOptions, TooltipProps, TooltipReturn, TooltipTouchTrigger, TopNavHeadingProps, TopNavItemProps, TopNavMegaMenuFeaturedCardProps, TopNavMegaMenuItemProps, TopNavMegaMenuProps, TopNavMenuItemData, TopNavMenuProps, TopNavProps, TopNavRenderMode, Translator, TranslatorFn, TreeListDensity, TreeListItemData, TreeListProps, TreeListVariant, TreeListVariantMap, TypeScaleConfig, TypeScaleTokens, TypeScaleVarName, TypeaheadItemProps, TypeaheadProps, TypeaheadSize, TypeaheadStatus, TypeaheadStatusType, TypographyConfig, TypographyRole, TypographyVarName, UseCalendarConstraintsOptions, UseCalendarConstraintsReturn, UseCalendarDaysOptions, UseCalendarDaysReturn, UseCalendarNavigationOptions, UseCalendarNavigationReturn, UseChatComposerTokensOptions, UseChatComposerTokensReturn, UseChatDictationOptions, UseChatDictationReturn, UseChatNewMessagesOptions, UseChatNewMessagesReturn, UseChatPasteAsTokenOptions, UseChatPasteAsTokenReturn, UseChatStreamScrollOptions, UseChatStreamScrollReturn, UseClickableContainerOptions, UseClipboardOptions, UseClipboardReturn, UseCollapsibleOptions, UseCollapsibleReturn, UseContainerRevealOptions, UseContainerRevealReturn, UseFocusTrapOptions, UseFocusTrapReturn, UseGridFocusOptions, UseGridFocusReturn, UseImageModeOptions, UseInputContainerOptions, UseInputStatusIconOptions, UseInputStatusIconReturn, UseInteractiveRoleOptions, UseKeyboardHintOptions, UseKeyboardHintReturn, UseLightboxOptions, UseLightboxReturn, UseLinkifyOptions, UseListFocusOptions, UseListFocusReturn, UseLongPressHandlers, UseLongPressOptions, UseOverflowOptions, UseOverflowReturn, UseOverlayOptions, UseOverlayResult, UsePopoverOptions, UsePopoverReturn, UseResizableMultiConfig, UseResizableSingleConfig, UseScrollableAreaOptions, UseScrollableAreaResult, UseSpeechRecognitionOptions, UseSpeechRecognitionReturn, UseStreamingTextOptions, UseSyntaxThemeReturn, UseTableColumnResizeConfig, UseTableColumnSettingsConfig, UseTableColumnSettingsStateConfig, UseTableColumnSettingsStateReturn, UseTableFilteringConfig, UseTableGroupedRowsConfig, UseTableGroupedRowsResult, UseTablePaginationConfig, UseTableRowExpansionConfig, UseTableRowIndexConfig, UseTableRowStatusConfig, UseTableSelectionConfig, UseTableSelectionStateConfig, UseTableSelectionStateResult, UseTableSortableConfig, UseTableSortableStateConfig, UseTableSortableStateResult, UseTableStickyColumnsConfig, UseTableTreeDataConfig, UseTableTreeStateConfig, UseTableTreeStateResult, UseThemeReturn, UseTreeFocusOptions, UseTreeFocusReturn, UseTruncationOptions, UseTruncationReturn, UseTypeaheadOptions, UseTypeaheadReturn, VStackProps, VisuallyHiddenProps, WidthBreakpointName, WidthBreakpoints, WordBreak, } from '@astryxdesign/core';
25
25
  export { AlertModal } from './components/AlertModal';
26
26
  export type { AlertModalProps } from './components/AlertModal';
27
27
  export { BoardItemTitle } from './components/BoardItemTitle';
package/dist/index.js CHANGED
@@ -59,5 +59,5 @@ import { TokenRow as ye } from "./components/TokenRow/TokenRow2.js";
59
59
  import { UncontrolledInput as be } from "./components/UncontrolledInput/UncontrolledInput.js";
60
60
  import { UnitGrid as xe } from "./components/UnitGrid/UnitGrid2.js";
61
61
  import { UnitGridSkeleton as Se } from "./components/UnitGrid/UnitGridSkeleton.js";
62
- import { AppShell as Ce, AppShellMobileContext as we, AspectRatio as Te, Avatar as Ee, AvatarGroup as De, AvatarGroupOverflow as Oe, AvatarStatusDot as ke, Badge as Ae, Banner as je, BaseTypeahead as Me, Blockquote as Ne, BottomSheet as Pe, BottomSheetSwitcher as Fe, BreadcrumbItem as Ie, BreadcrumbMenuCheckboxItem as Le, BreadcrumbMenuDivider as Re, BreadcrumbMenuItem as ze, BreadcrumbMenuRadioGroup as Be, BreadcrumbMenuRadioItem as Ve, BreadcrumbMenuSubMenu as He, Breadcrumbs as Ue, Button as We, ButtonGroup as Ge, Calendar as Ke, Card as qe, Carousel as Je, Center as Ye, ChatComposer as Xe, ChatComposerDrawer as Ze, ChatComposerInput as Qe, ChatComposerTokenElement as $e, ChatDictationButton as et, ChatLayout as tt, ChatLayoutScrollButton as nt, ChatMessage as rt, ChatMessageBubble as it, ChatMessageList as at, ChatMessageMetadata as ot, ChatSendButton as st, ChatSystemMessage as ct, ChatTokenizedText as lt, ChatToolCalls as ut, CheckIndicator as dt, CheckboxIndicator as ft, CheckboxInput as pt, CheckboxList as mt, CheckboxListItem as ht, Citation as gt, ClickableCard as _t, Code as vt, CodeBlock as yt, Collapsible as bt, CollapsibleGroup as xt, CommandPalette as St, CommandPaletteEmpty as Ct, CommandPaletteFooter as wt, CommandPaletteGroup as Tt, CommandPaletteInput as Et, CommandPaletteItem as Dt, CommandPaletteList as Ot, ContextMenu as kt, ContextMenuCheckboxItem as At, ContextMenuDivider as jt, ContextMenuItem as Mt, ContextMenuRadioGroup as Nt, ContextMenuRadioItem as Pt, ContextMenuSubMenu as Ft, DATE_FORMAT_LONG as It, DATE_FORMAT_MONTH_ONLY as Lt, DATE_FORMAT_MONTH_YEAR as Rt, DATE_FORMAT_SHORT as zt, DATE_FORMAT_SHORT_WITH_WEEKDAY as Bt, DATE_FORMAT_SHORT_WITH_YEAR as Vt, DATE_FORMAT_WEEKDAY_ONLY as Ht, DATE_FORMAT_WITH_WEEKDAY as Ut, DEFAULT_MIN_COLUMN_WIDTH as Wt, DEFAULT_WIDTH_BREAKPOINTS as Gt, DateInput as Kt, DateRangeInput as qt, DateTimeInput as Jt, Divider as Yt, DropdownMenu as Xt, DropdownMenuCheckboxItem as Zt, DropdownMenuContext as Qt, DropdownMenuDivider as $t, DropdownMenuItem as en, DropdownMenuRadioGroup as tn, DropdownMenuRadioItem as nn, DropdownMenuSubMenu as rn, EDGE_COMP_ATTR as an, EmptyState as on, Field as sn, FieldLabel as cn, FieldStatus as ln, FileInput as un, FormLayout as dn, FormLayoutContext as fn, Grid as pn, GridSpan as mn, HStack as hn, Heading as gn, HoverCard as _n, INTERACTIVE_SELECTORS as vn, Icon as yn, IconButton as bn, InputClearButton as xn, InputGroup as Sn, InputGroupText as Cn, InteractiveRoleContext as wn, InternationalizationContext as Tn, InternationalizationProvider as En, Item as Dn, Kbd as On, LayerProvider as kn, Layout as An, LayoutAreaContext as jn, LayoutContent as Mn, LayoutDividerContext as Nn, LayoutFooter as Pn, LayoutHeader as Fn, LayoutPanel as In, Lightbox as Ln, Link as Rn, LinkProvider as zn, List as Bn, ListItem as Vn, Markdown as Hn, MediaTheme as Un, MetadataList as Wn, MetadataListItem as Gn, MobileNav as Kn, MobileNavToggle as qn, MoreMenu as Jn, MultiSelector as Yn, NavHeadingCloseContext as Xn, NavHeadingMenu as Zn, NavHeadingMenuContext as Qn, NavHeadingMenuItem as $n, NavIcon as er, NumberInput as tr, Outline as nr, OverflowList as rr, Overlay as ir, Pagination as ar, Popover as or, PowerSearch as sr, PowerSearchFilterEditor as cr, PowerSearchToken as lr, ProgressBar as ur, RadioIndicator as dr, RadioList as fr, RadioListContext as pr, RadioListItem as mr, ResizeHandle as hr, SHARED_DATE_FORMAT_OPTIONS as gr, SYNC_TOKENIZE_THRESHOLD as _r, ScrollableArea as vr, Section as yr, SegmentedControl as br, SegmentedControlItem as xr, SelectableCard as Sr, Selector as Cr, SelectorOption as wr, SideNav as Tr, SideNavCollapseButton as Er, SideNavHeading as Dr, SideNavItem as Or, SideNavRenderContext as kr, SideNavSection as Ar, SizeContext as jr, SizeProvider as Mr, Skeleton as Nr, Slider as Pr, Spinner as Fr, Stack as Ir, StackItem as Lr, StatusDot as Rr, Step as zr, Stepper as Br, Switch as Vr, SyntaxTheme as Hr, TOKEN_TYPES as Ur, Tab as Wr, TabList as Gr, TabMenu as Kr, Table as qr, TableBody as Jr, TableCell as Yr, TableContext as Xr, TableFooter as Zr, TableHeader as Qr, TableHeaderCell as $r, TableRow as ei, Text as ti, TextArea as ni, TextInput as ri, Theme as ii, ThemeContext as ai, Thumbnail as oi, TimeInput as si, Timestamp as ci, Toast as li, ToggleButton as ui, ToggleButtonGroup as di, Token as fi, Tokenizer as pi, Toolbar as mi, Tooltip as hi, TopNav as gi, TopNavHeading as _i, TopNavItem as vi, TopNavMegaMenu as yi, TopNavMegaMenuFeaturedCard as bi, TopNavMegaMenuItem as xi, TopNavMenu as Si, TopNavRenderContext as Ci, TreeList as wi, Typeahead as Ti, TypeaheadItem as Ei, VStack as Di, VisuallyHidden as Oi, WIDTH_BREAKPOINT_NAMES as ki, adjustTime as Ai, applyHighlightRangesBatch as ji, applyHighlightRangesChunked as Mi, applyHighlightRangesFlat as Ni, borderDefaults as Pi, borderVars as Fi, characterCount as Ii, clampTime as Li, cleanupRanges as Ri, colorDefaults as zi, colorVars as Bi, compareTime as Vi, composeEventHandlers as Hi, container as Ui, createISOTimeString as Wi, createIncrementalState as Gi, createPowerSearchConfig as Ki, createStaticSource as qi, dataTokenDefaults as Ji, dateToISO as Yi, defaultIndicators as Xi, defineSyntaxTheme as Zi, defineTheme as Qi, devError as $i, devWarn as ea, domainTokenDefaults as ta, durationDefaults as na, durationVars as ra, easeDefaults as ia, easeVars as aa, edgeCompSlot as oa, ensureHighlightStyles as sa, expandColorScale as ca, expandMotionScale as la, expandRadiusScale as ua, expandTypeScale as da, firstCharacter as fa, flatTokensToLines as pa, focusDefaults as ma, focusOutlineProps as ha, focusOutlineStyles as ga, focusVars as _a, fontWeightDefaults as va, fontWeightVars as ya, formatColor as ba, formatDevMessage as xa, formatDisplayTime12h as Sa, formatDisplayTime24h as Ca, formatHex as wa, formatISOTime as Ta, formatSharedDate as Ea, generateAdaptationCSS as Da, generateColumns as Oa, generateOnMediaCSS as ka, generatePageRange as Aa, generateThemeCSS as ja, generateThemeRules as Ma, generateThemeRulesSplit as Na, generateTypeScaleComponents as Pa, getDaysInMonth as Fa, getExtendedIcon as Ia, getIcon as La, getIconRegistry as Ra, getIndicator as za, getInputARIA as Ba, getItemGroup as Va, getKey as Ha, getLocaleDirection as Ua, getRegisteredTheme as Wa, getRegisteredThemes as Ga, getWeekNumber as Ka, groupItems as qa, hasActiveFocusTrapEscape as Ja, indicatorScope as Ya, inputStatusBorderStyles as Xa, inputStatusFocusStyles as Za, inputStatusFocusWithinStyles as Qa, inputStatusHoverShadowStyles as $a, inputWrapperStyles as eo, isDateInRange as to, isDefinedTheme as no, isFocusDetached as ro, isImeKeyEvent as io, isLocaleDayFirst as ao, isRenderable as oo, isSameDay as so, isTimeInRange as co, mergeProps as lo, mergeRefs as uo, observeResize as fo, overlayPaddingReset as po, paginateData as mo, parseColor as ho, parseDateInput as go, parseHex as _o, parseISO as vo, parseISOTime as yo, parseInline as bo, parseMarkdown as xo, parseMarkdownIncremental as So, parseOutlineFromMarkdown as Co, parseRgb as wo, parseStyleKey as To, parseTimeInput as Eo, percent as Do, pixel as Oo, plainDateAddDays as ko, plainDateAddMonths as Ao, plainDateCreate as jo, plainDateDayOfWeek as Mo, plainDateFormat as No, plainDateFromDate as Po, plainDateFromISO as Fo, plainDateFromInstant as Io, plainDateGetWeekNumber as Lo, plainDateIsAfter as Ro, plainDateIsBefore as zo, plainDateIsEqual as Bo, plainDateIsInRange as Vo, plainDateMax as Ho, plainDateMin as Uo, plainDateSetEndOfWeekExclusive as Wo, plainDateSetFirstOfMonth as Go, plainDateSetStartOfWeek as Ko, plainDateToDate as qo, plainDateToISO as Jo, plainDateToInstant as Yo, plainDateToday as Xo, proportional as Zo, radiusDefaults as Qo, radiusVars as $o, registerIcons as es, registerTheme as ts, renderIconSlot as ns, resetIcons as rs, resetThemes as is, resolveColumnWidths as as, resolveContextActions as os, resolveOperatorLabel as ss, resolveSize as cs, resolveThemeToken as ls, resolveThemeTokens as us, rtlStyles as ds, shadowDefaults as fs, shadowVars as ps, sizeDefaults as ms, sizeVars as hs, spacingDefaults as gs, spacingVars as _s, stack as vs, stackItem as ys, syntaxTokenDefaults as bs, textSizeDefaults as xs, textSizeVars as Ss, themeDataAttributes as Cs, themeProps as ws, toGLFloats as Ts, toSearchFilters as Es, tokenDefaults as Ds, tokenVar as Os, tokenVars as ks, tokenize as As, tokenizeAsync as js, tokenizeStreaming as Ms, truncateCharacters as Ns, typeScaleDefaults as Ps, typeScaleVars as Fs, typographyDefaults as Is, typographyVars as Ls, unobserveResize as Rs, useAnnounce as zs, useAppShellMobile as Bs, useAvatarGroup as Vs, useBaseTablePlugins as Hs, useButtonGroup as Us, useCalendarConstraints as Ws, useCalendarDays as Gs, useCalendarNavigation as Ks, useChatComposerContext as qs, useChatComposerTokens as Js, useChatDictation as Ys, useChatLayoutContext as Xs, useChatNewMessages as Zs, useChatPasteAsToken as Qs, useChatStreamScroll as $s, useClickableContainer as ec, useClipboard as tc, useCollapsible as nc, useCollator as rc, useCombobox as ic, useCommandPaletteContext as ac, useContainerReveal as oc, useDevWarning as sc, useDirection as cc, useDropdownMenuContext as lc, useEntryAnimation as uc, useFocusTrap as dc, useGridFocus as fc, useHotkeys as pc, useHoverCard as mc, useIcon as hc, useImageMode as gc, useIndicator as _c, useIndicatorFocusRing as vc, useInputContainer as yc, useInputGroup as bc, useInputStatusIcon as xc, useInteractiveRole as Sc, useInteractiveRoleContext as Cc, useKeyboardHint as wc, useLayer as Tc, useLightbox as Ec, useLinkComponent as Dc, useLinkify as Oc, useListFocus as kc, useLocale as Ac, useLongPress as jc, useMediaQuery as Mc, useMergedRefs as Nc, useMultiCombobox as Pc, useNavHeadingCloseContext as Fc, useNavHeadingMenuContext as Ic, useOutlineFromDOM as Lc, useOutlineFromMarkdown as Rc, useOverflow as zc, useOverlay as Bc, usePopover as Vc, usePowerSearchConfig as Hc, useResizable as Uc, useScrollLock as Wc, useScrollOverflow as Gc, useScrollableArea as Kc, useSelectedItemOffset as qc, useSideNavCollapse as Jc, useSideNavRenderMode as Yc, useSize as Xc, useSpeechRecognition as Zc, useStepperContext as Qc, useStreamingText as $c, useSyntaxTheme as el, useTabListContext as tl, useTableColumnResize as nl, useTableColumnSettings as rl, useTableColumnSettingsState as il, useTableFilterState as al, useTableFiltering as ol, useTableGroupedRows as sl, useTablePagination as cl, useTableRowExpansion as ll, useTableRowIndex as ul, useTableRowStatus as dl, useTableSelection as fl, useTableSelectionState as pl, useTableSortable as ml, useTableSortableState as hl, useTableStickyColumns as gl, useTableTreeData as _l, useTableTreeState as vl, useTheme as yl, useThemeName as bl, useToast as xl, useTooltip as Sl, useTopNavRenderMode as Cl, useTranslator as wl, useTreeFocus as Tl, useTruncation as El, useTypeahead as Dl, warnOnce as Ol } from "@astryxdesign/core";
63
- export { c as AlertModal, Ce as AppShell, we as AppShellMobileContext, Te as AspectRatio, Ee as Avatar, De as AvatarGroup, Oe as AvatarGroupOverflow, ke as AvatarStatusDot, Ae as Badge, je as Banner, Me as BaseTypeahead, Ne as Blockquote, u as BoardItemTitle, d as BooleanToken, Pe as BottomSheet, Fe as BottomSheetSwitcher, Ie as BreadcrumbItem, Le as BreadcrumbMenuCheckboxItem, Re as BreadcrumbMenuDivider, ze as BreadcrumbMenuItem, Be as BreadcrumbMenuRadioGroup, Ve as BreadcrumbMenuRadioItem, He as BreadcrumbMenuSubMenu, Ue as Breadcrumbs, O as BulkEditFormItem, P as BulkErrorModal, We as Button, Ge as ButtonGroup, Ke as Calendar, qe as Card, Je as Carousel, Ye as Center, Xe as ChatComposer, Ze as ChatComposerDrawer, Qe as ChatComposerInput, $e as ChatComposerTokenElement, et as ChatDictationButton, tt as ChatLayout, nt as ChatLayoutScrollButton, rt as ChatMessage, it as ChatMessageBubble, at as ChatMessageList, ot as ChatMessageMetadata, st as ChatSendButton, ct as ChatSystemMessage, lt as ChatTokenizedText, ut as ChatToolCalls, dt as CheckIndicator, ft as CheckboxIndicator, pt as CheckboxInput, mt as CheckboxList, ht as CheckboxListItem, gt as Citation, _t as ClickableCard, vt as Code, yt as CodeBlock, bt as Collapsible, xt as CollapsibleGroup, F as ColorPicker, St as CommandPalette, Ct as CommandPaletteEmpty, wt as CommandPaletteFooter, Tt as CommandPaletteGroup, Et as CommandPaletteInput, Dt as CommandPaletteItem, Ot as CommandPaletteList, L as ComplexSelector, R as ConfirmPopover, kt as ContextMenu, At as ContextMenuCheckboxItem, jt as ContextMenuDivider, Mt as ContextMenuItem, Nt as ContextMenuRadioGroup, Pt as ContextMenuRadioItem, Ft as ContextMenuSubMenu, z as CountBadge, B as CountdownBorder, It as DATE_FORMAT_LONG, Lt as DATE_FORMAT_MONTH_ONLY, Rt as DATE_FORMAT_MONTH_YEAR, zt as DATE_FORMAT_SHORT, Bt as DATE_FORMAT_SHORT_WITH_WEEKDAY, Vt as DATE_FORMAT_SHORT_WITH_YEAR, Ht as DATE_FORMAT_WEEKDAY_ONLY, Ut as DATE_FORMAT_WITH_WEEKDAY, Wt as DEFAULT_MIN_COLUMN_WIDTH, Gt as DEFAULT_WIDTH_BREAKPOINTS, j as DataGrid, k as DataGridExportModal, A as DataGridSettingsModal, Kt as DateInput, qt as DateRangeInput, Jt as DateTimeInput, V as DeleteConfirmModal, Z as DialogHeader, U as DigitPopIn, W as DividedRow, Yt as Divider, G as DoubleBadge, q as DoubleToken, Xt as DropdownMenu, Zt as DropdownMenuCheckboxItem, Qt as DropdownMenuContext, $t as DropdownMenuDivider, en as DropdownMenuItem, tn as DropdownMenuRadioGroup, nn as DropdownMenuRadioItem, rn as DropdownMenuSubMenu, an as EDGE_COMP_ATTR, on as EmptyState, f as ErrorList, J as ErrorState, sn as Field, cn as FieldLabel, ln as FieldStatus, un as FileInput, D as Form, p as FormConfigContext, y as FormConfigProvider, C as FormItem, m as FormItemInputContext, S as FormItemVisual, dn as FormLayout, fn as FormLayoutContext, w as FormList, x as FormProvider, v as FormStore, pn as Grid, mn as GridSpan, hn as HStack, gn as Heading, _n as HoverCard, vn as INTERACTIVE_SELECTORS, yn as Icon, bn as IconButton, l as IconWithTooltip, Y as ImageWithFallback, xn as InputClearButton, Sn as InputGroup, Cn as InputGroupText, wn as InteractiveRoleContext, Tn as InternationalizationContext, En as InternationalizationProvider, Dn as Item, On as Kbd, kn as LayerProvider, An as Layout, jn as LayoutAreaContext, Mn as LayoutContent, Nn as LayoutDividerContext, Pn as LayoutFooter, Fn as LayoutHeader, In as LayoutPanel, Ln as Lightbox, Rn as Link, zn as LinkProvider, Bn as List, X as ListBanner, Vn as ListItem, t as MAX_MODAL_LEVEL, n as MODAL_LIVE_ATTRIBUTE, r as MODAL_OPEN_ATTRIBUTE, Hn as Markdown, Un as MediaTheme, Wn as MetadataList, Gn as MetadataListItem, Kn as MobileNav, qn as MobileNavToggle, s as Modal, Q as ModalHeader, Jn as MoreMenu, Yn as MultiSelector, Xn as NavHeadingCloseContext, Zn as NavHeadingMenu, Qn as NavHeadingMenuContext, $n as NavHeadingMenuItem, er as NavIcon, h as NoStyleItemContext, $ as NotificationItem, ee as NotificationStack, tr as NumberInput, he as NumberStepper, te as OVERLAY_SCROLLBAR_ATTRIBUTE, nr as Outline, rr as OverflowList, ir as Overlay, ne as OverlayScrollbar, re as PageHeader, ie as PageLayout, ae as PagedSelector, ar as Pagination, or as Popover, sr as PowerSearch, cr as PowerSearchFilterEditor, lr as PowerSearchToken, ur as ProgressBar, oe as ProgressWithLabel, dr as RadioIndicator, fr as RadioList, pr as RadioListContext, mr as RadioListItem, hr as ResizeHandle, gr as SHARED_DATE_FORMAT_OPTIONS, _r as SYNC_TOKENIZE_THRESHOLD, vr as ScrollableArea, yr as Section, br as SegmentedControl, xr as SegmentedControlItem, Sr as SelectableCard, se as SelectionLabel, Cr as Selector, wr as SelectorOption, Tr as SideNav, Er as SideNavCollapseButton, Dr as SideNavHeading, Or as SideNavItem, kr as SideNavRenderContext, Ar as SideNavSection, jr as SizeContext, Mr as SizeProvider, Nr as Skeleton, ce as SkeletonCard, le as SkeletonChart, ue as SkeletonRow, e as SkeletonText, Pr as Slider, de as SmoothHeight, Fr as Spinner, Ir as Stack, Lr as StackItem, fe as StatCard, me as Statistic, Rr as StatusDot, zr as Step, _e as StepNumberInput, Br as Stepper, Vr as Switch, Hr as SyntaxTheme, Ur as TOKEN_TYPES, Wr as Tab, Gr as TabList, Kr as TabMenu, qr as Table, Jr as TableBody, Yr as TableCell, Xr as TableContext, Zr as TableFooter, Qr as TableHeader, $r as TableHeaderCell, ei as TableRow, ti as Text, ni as TextArea, K as TextHighlighter, ri as TextInput, ii as Theme, ai as ThemeContext, oi as Thumbnail, si as TimeInput, ci as Timestamp, li as Toast, ui as ToggleButton, di as ToggleButtonGroup, fi as Token, ve as TokenList, ye as TokenRow, pi as Tokenizer, mi as Toolbar, hi as Tooltip, gi as TopNav, _i as TopNavHeading, vi as TopNavItem, yi as TopNavMegaMenu, bi as TopNavMegaMenuFeaturedCard, xi as TopNavMegaMenuItem, Si as TopNavMenu, Ci as TopNavRenderContext, wi as TreeList, Ti as Typeahead, Ei as TypeaheadItem, be as UncontrolledInput, xe as UnitGrid, Se as UnitGridSkeleton, Di as VStack, Oi as VisuallyHidden, ki as WIDTH_BREAKPOINT_NAMES, Ai as adjustTime, ji as applyHighlightRangesBatch, Mi as applyHighlightRangesChunked, Ni as applyHighlightRangesFlat, Pi as borderDefaults, Fi as borderVars, Ii as characterCount, Li as clampTime, Ri as cleanupRanges, zi as colorDefaults, Bi as colorVars, Vi as compareTime, Hi as composeEventHandlers, i as configureModalZIndex, Ui as container, Wi as createISOTimeString, Gi as createIncrementalState, Ki as createPowerSearchConfig, qi as createStaticSource, M as dataGridColumnLabel, Ji as dataTokenDefaults, Yi as dateToISO, Xi as defaultIndicators, g as defaultValidateMessages, Zi as defineSyntaxTheme, Qi as defineTheme, $i as devError, ea as devWarn, ta as domainTokenDefaults, na as durationDefaults, ra as durationVars, ia as easeDefaults, aa as easeVars, oa as edgeCompSlot, sa as ensureHighlightStyles, ca as expandColorScale, la as expandMotionScale, ua as expandRadiusScale, da as expandTypeScale, fa as firstCharacter, pa as flatTokensToLines, ma as focusDefaults, ha as focusOutlineProps, ga as focusOutlineStyles, _a as focusVars, va as fontWeightDefaults, ya as fontWeightVars, ba as formatColor, pe as formatCompactNumber, xa as formatDevMessage, Sa as formatDisplayTime12h, Ca as formatDisplayTime24h, wa as formatHex, Ta as formatISOTime, Ea as formatSharedDate, Da as generateAdaptationCSS, Oa as generateColumns, ka as generateOnMediaCSS, Aa as generatePageRange, ja as generateThemeCSS, Ma as generateThemeRules, Na as generateThemeRulesSplit, Pa as generateTypeScaleComponents, Fa as getDaysInMonth, Ia as getExtendedIcon, La as getIcon, Ra as getIconRegistry, za as getIndicator, Ba as getInputARIA, Va as getItemGroup, Ha as getKey, Ua as getLocaleDirection, ge as getNextStepIndex, Wa as getRegisteredTheme, Ga as getRegisteredThemes, Ka as getWeekNumber, qa as groupItems, Ja as hasActiveFocusTrapEscape, Ya as indicatorScope, Xa as inputStatusBorderStyles, Za as inputStatusFocusStyles, Qa as inputStatusFocusWithinStyles, $a as inputStatusHoverShadowStyles, eo as inputWrapperStyles, N as isDataGridColumnVisible, to as isDateInRange, no as isDefinedTheme, ro as isFocusDetached, io as isImeKeyEvent, ao as isLocaleDayFirst, oo as isRenderable, so as isSameDay, co as isTimeInRange, lo as mergeProps, uo as mergeRefs, fo as observeResize, po as overlayPaddingReset, mo as paginateData, ho as parseColor, go as parseDateInput, _o as parseHex, vo as parseISO, yo as parseISOTime, bo as parseInline, xo as parseMarkdown, So as parseMarkdownIncremental, Co as parseOutlineFromMarkdown, wo as parseRgb, To as parseStyleKey, Eo as parseTimeInput, Do as percent, Oo as pixel, ko as plainDateAddDays, Ao as plainDateAddMonths, jo as plainDateCreate, Mo as plainDateDayOfWeek, No as plainDateFormat, Po as plainDateFromDate, Fo as plainDateFromISO, Io as plainDateFromInstant, Lo as plainDateGetWeekNumber, Ro as plainDateIsAfter, zo as plainDateIsBefore, Bo as plainDateIsEqual, Vo as plainDateIsInRange, Ho as plainDateMax, Uo as plainDateMin, Wo as plainDateSetEndOfWeekExclusive, Go as plainDateSetFirstOfMonth, Ko as plainDateSetStartOfWeek, qo as plainDateToDate, Jo as plainDateToISO, Yo as plainDateToInstant, Xo as plainDateToday, Zo as proportional, Qo as radiusDefaults, $o as radiusVars, a as refreshModalBackground, es as registerIcons, ts as registerTheme, ns as renderIconSlot, rs as resetIcons, is as resetThemes, as as resolveColumnWidths, os as resolveContextActions, ss as resolveOperatorLabel, cs as resolveSize, ls as resolveThemeToken, us as resolveThemeTokens, ds as rtlStyles, fs as shadowDefaults, ps as shadowVars, ms as sizeDefaults, hs as sizeVars, gs as spacingDefaults, _s as spacingVars, vs as stack, ys as stackItem, bs as syntaxTokenDefaults, xs as textSizeDefaults, Ss as textSizeVars, Cs as themeDataAttributes, ws as themeProps, Ts as toGLFloats, I as toHexColor, Es as toSearchFilters, Ds as tokenDefaults, Os as tokenVar, ks as tokenVars, As as tokenize, js as tokenizeAsync, Ms as tokenizeStreaming, Ns as truncateCharacters, Ps as typeScaleDefaults, Fs as typeScaleVars, Is as typographyDefaults, Ls as typographyVars, Rs as unobserveResize, zs as useAnnounce, Bs as useAppShellMobile, Vs as useAvatarGroup, Hs as useBaseTablePlugins, Us as useButtonGroup, Ws as useCalendarConstraints, Gs as useCalendarDays, Ks as useCalendarNavigation, qs as useChatComposerContext, Js as useChatComposerTokens, Ys as useChatDictation, Xs as useChatLayoutContext, Zs as useChatNewMessages, Qs as useChatPasteAsToken, $s as useChatStreamScroll, ec as useClickableContainer, tc as useClipboard, nc as useCollapsible, rc as useCollator, ic as useCombobox, ac as useCommandPaletteContext, oc as useContainerReveal, sc as useDevWarning, cc as useDirection, lc as useDropdownMenuContext, uc as useEntryAnimation, dc as useFocusTrap, _ as useForm, E as useFormInstance, b as useFormValidateMessages, fc as useGridFocus, pc as useHotkeys, mc as useHoverCard, hc as useIcon, gc as useImageMode, _c as useIndicator, vc as useIndicatorFocusRing, yc as useInputContainer, bc as useInputGroup, xc as useInputStatusIcon, Sc as useInteractiveRole, Cc as useInteractiveRoleContext, wc as useKeyboardHint, Tc as useLayer, Ec as useLightbox, Dc as useLinkComponent, Oc as useLinkify, kc as useListFocus, Ac as useLocale, jc as useLongPress, Mc as useMediaQuery, Nc as useMergedRefs, o as useModalLevel, Pc as useMultiCombobox, Fc as useNavHeadingCloseContext, Ic as useNavHeadingMenuContext, Lc as useOutlineFromDOM, Rc as useOutlineFromMarkdown, zc as useOverflow, Bc as useOverlay, Vc as usePopover, Hc as usePowerSearchConfig, H as usePrefersReducedMotion, Uc as useResizable, Wc as useScrollLock, Gc as useScrollOverflow, Kc as useScrollableArea, qc as useSelectedItemOffset, Jc as useSideNavCollapse, Yc as useSideNavRenderMode, Xc as useSize, Zc as useSpeechRecognition, Qc as useStepperContext, $c as useStreamingText, el as useSyntaxTheme, tl as useTabListContext, nl as useTableColumnResize, rl as useTableColumnSettings, il as useTableColumnSettingsState, al as useTableFilterState, ol as useTableFiltering, sl as useTableGroupedRows, cl as useTablePagination, ll as useTableRowExpansion, ul as useTableRowIndex, dl as useTableRowStatus, fl as useTableSelection, pl as useTableSelectionState, ml as useTableSortable, hl as useTableSortableState, gl as useTableStickyColumns, _l as useTableTreeData, vl as useTableTreeState, yl as useTheme, bl as useThemeName, xl as useToast, Sl as useTooltip, Cl as useTopNavRenderMode, wl as useTranslator, Tl as useTreeFocus, El as useTruncation, Dl as useTypeahead, T as useWatch, Ol as warnOnce };
62
+ import { AppShell as Ce, AppShellMobileContext as we, AspectRatio as Te, Avatar as Ee, AvatarGroup as De, AvatarGroupOverflow as Oe, AvatarStatusDot as ke, Badge as Ae, Banner as je, BaseTypeahead as Me, Blockquote as Ne, BottomSheet as Pe, BottomSheetSwitcher as Fe, BreadcrumbItem as Ie, BreadcrumbMenuCheckboxItem as Le, BreadcrumbMenuDivider as Re, BreadcrumbMenuItem as ze, BreadcrumbMenuRadioGroup as Be, BreadcrumbMenuRadioItem as Ve, BreadcrumbMenuSubMenu as He, Breadcrumbs as Ue, Button as We, ButtonGroup as Ge, Calendar as Ke, Card as qe, Carousel as Je, Center as Ye, ChatComposer as Xe, ChatComposerDrawer as Ze, ChatComposerInput as Qe, ChatComposerTokenElement as $e, ChatDictationButton as et, ChatLayout as tt, ChatLayoutScrollButton as nt, ChatMessage as rt, ChatMessageBubble as it, ChatMessageList as at, ChatMessageMetadata as ot, ChatSendButton as st, ChatSystemMessage as ct, ChatTokenizedText as lt, ChatToolCalls as ut, CheckIndicator as dt, CheckboxIndicator as ft, CheckboxInput as pt, CheckboxList as mt, CheckboxListItem as ht, Citation as gt, ClickableCard as _t, Code as vt, CodeBlock as yt, Collapsible as bt, CollapsibleGroup as xt, CommandPalette as St, CommandPaletteEmpty as Ct, CommandPaletteFooter as wt, CommandPaletteGroup as Tt, CommandPaletteInput as Et, CommandPaletteItem as Dt, CommandPaletteList as Ot, ContextMenu as kt, ContextMenuCheckboxItem as At, ContextMenuDivider as jt, ContextMenuItem as Mt, ContextMenuRadioGroup as Nt, ContextMenuRadioItem as Pt, ContextMenuSubMenu as Ft, DATE_FORMAT_LONG as It, DATE_FORMAT_MONTH_ONLY as Lt, DATE_FORMAT_MONTH_YEAR as Rt, DATE_FORMAT_SHORT as zt, DATE_FORMAT_SHORT_WITH_WEEKDAY as Bt, DATE_FORMAT_SHORT_WITH_YEAR as Vt, DATE_FORMAT_WEEKDAY_ONLY as Ht, DATE_FORMAT_WITH_WEEKDAY as Ut, DEFAULT_MIN_COLUMN_WIDTH as Wt, DEFAULT_WIDTH_BREAKPOINTS as Gt, DateInput as Kt, DateRangeInput as qt, DateTimeInput as Jt, Divider as Yt, DropdownMenu as Xt, DropdownMenuCheckboxItem as Zt, DropdownMenuContext as Qt, DropdownMenuDivider as $t, DropdownMenuItem as en, DropdownMenuRadioGroup as tn, DropdownMenuRadioItem as nn, DropdownMenuSubMenu as rn, EDGE_COMP_ATTR as an, EmptyState as on, Field as sn, FieldLabel as cn, FieldStatus as ln, FileInput as un, FormLayout as dn, FormLayoutContext as fn, Grid as pn, GridSpan as mn, HStack as hn, Heading as gn, HoverCard as _n, INTERACTIVE_SELECTORS as vn, Icon as yn, IconButton as bn, InputClearButton as xn, InputGroup as Sn, InputGroupText as Cn, InteractiveRoleContext as wn, InternationalizationContext as Tn, InternationalizationProvider as En, Item as Dn, Kbd as On, LayerProvider as kn, Layout as An, LayoutAreaContext as jn, LayoutContent as Mn, LayoutDividerContext as Nn, LayoutFooter as Pn, LayoutHeader as Fn, LayoutPanel as In, Lightbox as Ln, Link as Rn, LinkProvider as zn, List as Bn, ListItem as Vn, Markdown as Hn, MediaTheme as Un, MetadataList as Wn, MetadataListItem as Gn, MobileNav as Kn, MobileNavToggle as qn, MoreMenu as Jn, MultiSelector as Yn, NavHeadingCloseContext as Xn, NavHeadingMenu as Zn, NavHeadingMenuContext as Qn, NavHeadingMenuItem as $n, NavIcon as er, NumberInput as tr, Outline as nr, OverflowList as rr, Overlay as ir, Pagination as ar, Popover as or, PowerSearch as sr, PowerSearchFilterEditor as cr, PowerSearchToken as lr, ProgressBar as ur, RadioIndicator as dr, RadioList as fr, RadioListContext as pr, RadioListItem as mr, ResizeHandle as hr, SHARED_DATE_FORMAT_OPTIONS as gr, SYNC_TOKENIZE_THRESHOLD as _r, ScrollableArea as vr, Section as yr, SegmentedControl as br, SegmentedControlItem as xr, SelectableCard as Sr, Selector as Cr, SelectorOption as wr, SideNav as Tr, SideNavCollapseButton as Er, SideNavHeading as Dr, SideNavItem as Or, SideNavRenderContext as kr, SideNavSection as Ar, SizeContext as jr, SizeProvider as Mr, Skeleton as Nr, Slider as Pr, Spinner as Fr, Stack as Ir, StackItem as Lr, StatusDot as Rr, Step as zr, Stepper as Br, Switch as Vr, SyntaxTheme as Hr, TOKEN_TYPES as Ur, Tab as Wr, TabList as Gr, TabMenu as Kr, Table as qr, TableBody as Jr, TableCell as Yr, TableContext as Xr, TableFooter as Zr, TableHeader as Qr, TableHeaderCell as $r, TableRow as ei, TableSelectionToolbar as ti, Text as ni, TextArea as ri, TextInput as ii, Theme as ai, ThemeContext as oi, Thumbnail as si, TimeInput as ci, Timer as li, Timestamp as ui, Toast as di, ToggleButton as fi, ToggleButtonGroup as pi, Token as mi, Tokenizer as hi, Toolbar as gi, Tooltip as _i, TopNav as vi, TopNavHeading as yi, TopNavItem as bi, TopNavMegaMenu as xi, TopNavMegaMenuFeaturedCard as Si, TopNavMegaMenuItem as Ci, TopNavMenu as wi, TopNavRenderContext as Ti, TreeList as Ei, Typeahead as Di, TypeaheadItem as Oi, VStack as ki, VisuallyHidden as Ai, WIDTH_BREAKPOINT_NAMES as ji, adjustTime as Mi, applyHighlightRangesBatch as Ni, applyHighlightRangesChunked as Pi, applyHighlightRangesFlat as Fi, borderDefaults as Ii, borderVars as Li, characterCount as Ri, clampTime as zi, cleanupRanges as Bi, colorDefaults as Vi, colorVars as Hi, compareTime as Ui, composeEventHandlers as Wi, container as Gi, createISOTimeString as Ki, createIncrementalState as qi, createPowerSearchConfig as Ji, createStaticSource as Yi, dataTokenDefaults as Xi, dateToISO as Zi, defaultIndicators as Qi, defineSyntaxTheme as $i, defineTheme as ea, devError as ta, devWarn as na, domainTokenDefaults as ra, durationDefaults as ia, durationVars as aa, easeDefaults as oa, easeVars as sa, edgeCompSlot as ca, ensureHighlightStyles as la, expandColorScale as ua, expandMotionScale as da, expandRadiusScale as fa, expandTypeScale as pa, firstCharacter as ma, flatTokensToLines as ha, focusDefaults as ga, focusOutlineProps as _a, focusOutlineStyles as va, focusVars as ya, fontWeightDefaults as ba, fontWeightVars as xa, formatColor as Sa, formatDevMessage as Ca, formatDisplayTime12h as wa, formatDisplayTime24h as Ta, formatHex as Ea, formatISOTime as Da, formatSharedDate as Oa, generateAdaptationCSS as ka, generateColumns as Aa, generateOnMediaCSS as ja, generatePageRange as Ma, generateThemeCSS as Na, generateThemeRules as Pa, generateThemeRulesSplit as Fa, generateTypeScaleComponents as Ia, getDaysInMonth as La, getExtendedIcon as Ra, getIcon as za, getIconRegistry as Ba, getIndicator as Va, getInputARIA as Ha, getItemGroup as Ua, getKey as Wa, getLocaleDirection as Ga, getRegisteredTheme as Ka, getRegisteredThemes as qa, getWeekNumber as Ja, groupItems as Ya, hasActiveFocusTrapEscape as Xa, indicatorScope as Za, inputStatusBorderStyles as Qa, inputStatusFocusStyles as $a, inputStatusFocusWithinStyles as eo, inputStatusHoverShadowStyles as to, inputWrapperStyles as no, isDateInRange as ro, isDefinedTheme as io, isFocusDetached as ao, isImeKeyEvent as oo, isLocaleDayFirst as so, isRenderable as co, isSameDay as lo, isTimeInRange as uo, mergeProps as fo, mergeRefs as po, observeResize as mo, overlayPaddingReset as ho, paginateData as go, parseColor as _o, parseDateInput as vo, parseHex as yo, parseISO as bo, parseISOTime as xo, parseInline as So, parseInlineAst as Co, parseMarkdown as wo, parseMarkdownAst as To, parseMarkdownIncremental as Eo, parseOutlineFromMarkdown as Do, parseRgb as Oo, parseStyleKey as ko, parseTimeInput as Ao, percent as jo, pixel as Mo, plainDateAddDays as No, plainDateAddMonths as Po, plainDateCreate as Fo, plainDateDayOfWeek as Io, plainDateFormat as Lo, plainDateFromDate as Ro, plainDateFromISO as zo, plainDateFromInstant as Bo, plainDateGetWeekNumber as Vo, plainDateIsAfter as Ho, plainDateIsBefore as Uo, plainDateIsEqual as Wo, plainDateIsInRange as Go, plainDateMax as Ko, plainDateMin as qo, plainDateSetEndOfWeekExclusive as Jo, plainDateSetFirstOfMonth as Yo, plainDateSetStartOfWeek as Xo, plainDateToDate as Zo, plainDateToISO as Qo, plainDateToInstant as $o, plainDateToday as es, proportional as ts, radiusDefaults as ns, radiusVars as rs, registerIcons as is, registerTheme as as, renderIconSlot as os, resetIcons as ss, resetThemes as cs, resolveColumnWidths as ls, resolveContextActions as us, resolveOperatorLabel as ds, resolveSize as fs, resolveThemeToken as ps, resolveThemeTokens as ms, rtlStyles as hs, shadowDefaults as gs, shadowVars as _s, sizeDefaults as vs, sizeVars as ys, spacingDefaults as bs, spacingVars as xs, stack as Ss, stackItem as Cs, syntaxTokenDefaults as ws, textSizeDefaults as Ts, textSizeVars as Es, themeDataAttributes as Ds, themeProps as Os, toGLFloats as ks, toSearchFilters as As, tokenDefaults as js, tokenVar as Ms, tokenVars as Ns, tokenize as Ps, tokenizeAsync as Fs, tokenizeStreaming as Is, truncateCharacters as Ls, typeScaleDefaults as Rs, typeScaleVars as zs, typographyDefaults as Bs, typographyVars as Vs, unobserveResize as Hs, useAnnounce as Us, useAppShellMobile as Ws, useAvatarGroup as Gs, useBaseTablePlugins as Ks, useButtonGroup as qs, useCalendarConstraints as Js, useCalendarDays as Ys, useCalendarNavigation as Xs, useChatComposerContext as Zs, useChatComposerTokens as Qs, useChatDictation as $s, useChatLayoutContext as ec, useChatNewMessages as tc, useChatPasteAsToken as nc, useChatStreamScroll as rc, useClickableContainer as ic, useClipboard as ac, useCollapsible as oc, useCollator as sc, useCombobox as cc, useCommandPaletteContext as lc, useContainerReveal as uc, useDevWarning as dc, useDirection as fc, useDropdownMenuContext as pc, useEntryAnimation as mc, useFocusTrap as hc, useGridFocus as gc, useHotkeys as _c, useHoverCard as vc, useIcon as yc, useImageMode as bc, useIndicator as xc, useIndicatorFocusRing as Sc, useInputContainer as Cc, useInputGroup as wc, useInputStatusIcon as Tc, useInteractiveRole as Ec, useInteractiveRoleContext as Dc, useKeyboardHint as Oc, useLayer as kc, useLightbox as Ac, useLinkComponent as jc, useLinkify as Mc, useListFocus as Nc, useLocale as Pc, useLongPress as Fc, useMediaQuery as Ic, useMergedRefs as Lc, useMultiCombobox as Rc, useNavHeadingCloseContext as zc, useNavHeadingMenuContext as Bc, useOutlineFromDOM as Vc, useOutlineFromMarkdown as Hc, useOverflow as Uc, useOverlay as Wc, usePopover as Gc, usePowerSearchConfig as Kc, useResizable as qc, useScrollLock as Jc, useScrollOverflow as Yc, useScrollableArea as Xc, useSelectedItemOffset as Zc, useSideNavCollapse as Qc, useSideNavRenderMode as $c, useSize as el, useSpeechRecognition as tl, useStepperContext as nl, useStreamingText as rl, useSyntaxTheme as il, useTabListContext as al, useTableColumnResize as ol, useTableColumnSettings as sl, useTableColumnSettingsState as cl, useTableFilterState as ll, useTableFiltering as ul, useTableGroupedRows as dl, useTablePagination as fl, useTableRowExpansion as pl, useTableRowIndex as ml, useTableRowStatus as hl, useTableSelection as gl, useTableSelectionState as _l, useTableSortable as vl, useTableSortableState as yl, useTableStickyColumns as bl, useTableTreeData as xl, useTableTreeState as Sl, useTheme as Cl, useThemeName as wl, useToast as Tl, useTooltip as El, useTopNavRenderMode as Dl, useTranslator as Ol, useTreeFocus as kl, useTruncation as Al, useTypeahead as jl, visitMarkdownNodes as Ml, warnOnce as Nl } from "@astryxdesign/core";
63
+ export { c as AlertModal, Ce as AppShell, we as AppShellMobileContext, Te as AspectRatio, Ee as Avatar, De as AvatarGroup, Oe as AvatarGroupOverflow, ke as AvatarStatusDot, Ae as Badge, je as Banner, Me as BaseTypeahead, Ne as Blockquote, u as BoardItemTitle, d as BooleanToken, Pe as BottomSheet, Fe as BottomSheetSwitcher, Ie as BreadcrumbItem, Le as BreadcrumbMenuCheckboxItem, Re as BreadcrumbMenuDivider, ze as BreadcrumbMenuItem, Be as BreadcrumbMenuRadioGroup, Ve as BreadcrumbMenuRadioItem, He as BreadcrumbMenuSubMenu, Ue as Breadcrumbs, O as BulkEditFormItem, P as BulkErrorModal, We as Button, Ge as ButtonGroup, Ke as Calendar, qe as Card, Je as Carousel, Ye as Center, Xe as ChatComposer, Ze as ChatComposerDrawer, Qe as ChatComposerInput, $e as ChatComposerTokenElement, et as ChatDictationButton, tt as ChatLayout, nt as ChatLayoutScrollButton, rt as ChatMessage, it as ChatMessageBubble, at as ChatMessageList, ot as ChatMessageMetadata, st as ChatSendButton, ct as ChatSystemMessage, lt as ChatTokenizedText, ut as ChatToolCalls, dt as CheckIndicator, ft as CheckboxIndicator, pt as CheckboxInput, mt as CheckboxList, ht as CheckboxListItem, gt as Citation, _t as ClickableCard, vt as Code, yt as CodeBlock, bt as Collapsible, xt as CollapsibleGroup, F as ColorPicker, St as CommandPalette, Ct as CommandPaletteEmpty, wt as CommandPaletteFooter, Tt as CommandPaletteGroup, Et as CommandPaletteInput, Dt as CommandPaletteItem, Ot as CommandPaletteList, L as ComplexSelector, R as ConfirmPopover, kt as ContextMenu, At as ContextMenuCheckboxItem, jt as ContextMenuDivider, Mt as ContextMenuItem, Nt as ContextMenuRadioGroup, Pt as ContextMenuRadioItem, Ft as ContextMenuSubMenu, z as CountBadge, B as CountdownBorder, It as DATE_FORMAT_LONG, Lt as DATE_FORMAT_MONTH_ONLY, Rt as DATE_FORMAT_MONTH_YEAR, zt as DATE_FORMAT_SHORT, Bt as DATE_FORMAT_SHORT_WITH_WEEKDAY, Vt as DATE_FORMAT_SHORT_WITH_YEAR, Ht as DATE_FORMAT_WEEKDAY_ONLY, Ut as DATE_FORMAT_WITH_WEEKDAY, Wt as DEFAULT_MIN_COLUMN_WIDTH, Gt as DEFAULT_WIDTH_BREAKPOINTS, j as DataGrid, k as DataGridExportModal, A as DataGridSettingsModal, Kt as DateInput, qt as DateRangeInput, Jt as DateTimeInput, V as DeleteConfirmModal, Z as DialogHeader, U as DigitPopIn, W as DividedRow, Yt as Divider, G as DoubleBadge, q as DoubleToken, Xt as DropdownMenu, Zt as DropdownMenuCheckboxItem, Qt as DropdownMenuContext, $t as DropdownMenuDivider, en as DropdownMenuItem, tn as DropdownMenuRadioGroup, nn as DropdownMenuRadioItem, rn as DropdownMenuSubMenu, an as EDGE_COMP_ATTR, on as EmptyState, f as ErrorList, J as ErrorState, sn as Field, cn as FieldLabel, ln as FieldStatus, un as FileInput, D as Form, p as FormConfigContext, y as FormConfigProvider, C as FormItem, m as FormItemInputContext, S as FormItemVisual, dn as FormLayout, fn as FormLayoutContext, w as FormList, x as FormProvider, v as FormStore, pn as Grid, mn as GridSpan, hn as HStack, gn as Heading, _n as HoverCard, vn as INTERACTIVE_SELECTORS, yn as Icon, bn as IconButton, l as IconWithTooltip, Y as ImageWithFallback, xn as InputClearButton, Sn as InputGroup, Cn as InputGroupText, wn as InteractiveRoleContext, Tn as InternationalizationContext, En as InternationalizationProvider, Dn as Item, On as Kbd, kn as LayerProvider, An as Layout, jn as LayoutAreaContext, Mn as LayoutContent, Nn as LayoutDividerContext, Pn as LayoutFooter, Fn as LayoutHeader, In as LayoutPanel, Ln as Lightbox, Rn as Link, zn as LinkProvider, Bn as List, X as ListBanner, Vn as ListItem, t as MAX_MODAL_LEVEL, n as MODAL_LIVE_ATTRIBUTE, r as MODAL_OPEN_ATTRIBUTE, Hn as Markdown, Un as MediaTheme, Wn as MetadataList, Gn as MetadataListItem, Kn as MobileNav, qn as MobileNavToggle, s as Modal, Q as ModalHeader, Jn as MoreMenu, Yn as MultiSelector, Xn as NavHeadingCloseContext, Zn as NavHeadingMenu, Qn as NavHeadingMenuContext, $n as NavHeadingMenuItem, er as NavIcon, h as NoStyleItemContext, $ as NotificationItem, ee as NotificationStack, tr as NumberInput, he as NumberStepper, te as OVERLAY_SCROLLBAR_ATTRIBUTE, nr as Outline, rr as OverflowList, ir as Overlay, ne as OverlayScrollbar, re as PageHeader, ie as PageLayout, ae as PagedSelector, ar as Pagination, or as Popover, sr as PowerSearch, cr as PowerSearchFilterEditor, lr as PowerSearchToken, ur as ProgressBar, oe as ProgressWithLabel, dr as RadioIndicator, fr as RadioList, pr as RadioListContext, mr as RadioListItem, hr as ResizeHandle, gr as SHARED_DATE_FORMAT_OPTIONS, _r as SYNC_TOKENIZE_THRESHOLD, vr as ScrollableArea, yr as Section, br as SegmentedControl, xr as SegmentedControlItem, Sr as SelectableCard, se as SelectionLabel, Cr as Selector, wr as SelectorOption, Tr as SideNav, Er as SideNavCollapseButton, Dr as SideNavHeading, Or as SideNavItem, kr as SideNavRenderContext, Ar as SideNavSection, jr as SizeContext, Mr as SizeProvider, Nr as Skeleton, ce as SkeletonCard, le as SkeletonChart, ue as SkeletonRow, e as SkeletonText, Pr as Slider, de as SmoothHeight, Fr as Spinner, Ir as Stack, Lr as StackItem, fe as StatCard, me as Statistic, Rr as StatusDot, zr as Step, _e as StepNumberInput, Br as Stepper, Vr as Switch, Hr as SyntaxTheme, Ur as TOKEN_TYPES, Wr as Tab, Gr as TabList, Kr as TabMenu, qr as Table, Jr as TableBody, Yr as TableCell, Xr as TableContext, Zr as TableFooter, Qr as TableHeader, $r as TableHeaderCell, ei as TableRow, ti as TableSelectionToolbar, ni as Text, ri as TextArea, K as TextHighlighter, ii as TextInput, ai as Theme, oi as ThemeContext, si as Thumbnail, ci as TimeInput, li as Timer, ui as Timestamp, di as Toast, fi as ToggleButton, pi as ToggleButtonGroup, mi as Token, ve as TokenList, ye as TokenRow, hi as Tokenizer, gi as Toolbar, _i as Tooltip, vi as TopNav, yi as TopNavHeading, bi as TopNavItem, xi as TopNavMegaMenu, Si as TopNavMegaMenuFeaturedCard, Ci as TopNavMegaMenuItem, wi as TopNavMenu, Ti as TopNavRenderContext, Ei as TreeList, Di as Typeahead, Oi as TypeaheadItem, be as UncontrolledInput, xe as UnitGrid, Se as UnitGridSkeleton, ki as VStack, Ai as VisuallyHidden, ji as WIDTH_BREAKPOINT_NAMES, Mi as adjustTime, Ni as applyHighlightRangesBatch, Pi as applyHighlightRangesChunked, Fi as applyHighlightRangesFlat, Ii as borderDefaults, Li as borderVars, Ri as characterCount, zi as clampTime, Bi as cleanupRanges, Vi as colorDefaults, Hi as colorVars, Ui as compareTime, Wi as composeEventHandlers, i as configureModalZIndex, Gi as container, Ki as createISOTimeString, qi as createIncrementalState, Ji as createPowerSearchConfig, Yi as createStaticSource, M as dataGridColumnLabel, Xi as dataTokenDefaults, Zi as dateToISO, Qi as defaultIndicators, g as defaultValidateMessages, $i as defineSyntaxTheme, ea as defineTheme, ta as devError, na as devWarn, ra as domainTokenDefaults, ia as durationDefaults, aa as durationVars, oa as easeDefaults, sa as easeVars, ca as edgeCompSlot, la as ensureHighlightStyles, ua as expandColorScale, da as expandMotionScale, fa as expandRadiusScale, pa as expandTypeScale, ma as firstCharacter, ha as flatTokensToLines, ga as focusDefaults, _a as focusOutlineProps, va as focusOutlineStyles, ya as focusVars, ba as fontWeightDefaults, xa as fontWeightVars, Sa as formatColor, pe as formatCompactNumber, Ca as formatDevMessage, wa as formatDisplayTime12h, Ta as formatDisplayTime24h, Ea as formatHex, Da as formatISOTime, Oa as formatSharedDate, ka as generateAdaptationCSS, Aa as generateColumns, ja as generateOnMediaCSS, Ma as generatePageRange, Na as generateThemeCSS, Pa as generateThemeRules, Fa as generateThemeRulesSplit, Ia as generateTypeScaleComponents, La as getDaysInMonth, Ra as getExtendedIcon, za as getIcon, Ba as getIconRegistry, Va as getIndicator, Ha as getInputARIA, Ua as getItemGroup, Wa as getKey, Ga as getLocaleDirection, ge as getNextStepIndex, Ka as getRegisteredTheme, qa as getRegisteredThemes, Ja as getWeekNumber, Ya as groupItems, Xa as hasActiveFocusTrapEscape, Za as indicatorScope, Qa as inputStatusBorderStyles, $a as inputStatusFocusStyles, eo as inputStatusFocusWithinStyles, to as inputStatusHoverShadowStyles, no as inputWrapperStyles, N as isDataGridColumnVisible, ro as isDateInRange, io as isDefinedTheme, ao as isFocusDetached, oo as isImeKeyEvent, so as isLocaleDayFirst, co as isRenderable, lo as isSameDay, uo as isTimeInRange, fo as mergeProps, po as mergeRefs, mo as observeResize, ho as overlayPaddingReset, go as paginateData, _o as parseColor, vo as parseDateInput, yo as parseHex, bo as parseISO, xo as parseISOTime, So as parseInline, Co as parseInlineAst, wo as parseMarkdown, To as parseMarkdownAst, Eo as parseMarkdownIncremental, Do as parseOutlineFromMarkdown, Oo as parseRgb, ko as parseStyleKey, Ao as parseTimeInput, jo as percent, Mo as pixel, No as plainDateAddDays, Po as plainDateAddMonths, Fo as plainDateCreate, Io as plainDateDayOfWeek, Lo as plainDateFormat, Ro as plainDateFromDate, zo as plainDateFromISO, Bo as plainDateFromInstant, Vo as plainDateGetWeekNumber, Ho as plainDateIsAfter, Uo as plainDateIsBefore, Wo as plainDateIsEqual, Go as plainDateIsInRange, Ko as plainDateMax, qo as plainDateMin, Jo as plainDateSetEndOfWeekExclusive, Yo as plainDateSetFirstOfMonth, Xo as plainDateSetStartOfWeek, Zo as plainDateToDate, Qo as plainDateToISO, $o as plainDateToInstant, es as plainDateToday, ts as proportional, ns as radiusDefaults, rs as radiusVars, a as refreshModalBackground, is as registerIcons, as as registerTheme, os as renderIconSlot, ss as resetIcons, cs as resetThemes, ls as resolveColumnWidths, us as resolveContextActions, ds as resolveOperatorLabel, fs as resolveSize, ps as resolveThemeToken, ms as resolveThemeTokens, hs as rtlStyles, gs as shadowDefaults, _s as shadowVars, vs as sizeDefaults, ys as sizeVars, bs as spacingDefaults, xs as spacingVars, Ss as stack, Cs as stackItem, ws as syntaxTokenDefaults, Ts as textSizeDefaults, Es as textSizeVars, Ds as themeDataAttributes, Os as themeProps, ks as toGLFloats, I as toHexColor, As as toSearchFilters, js as tokenDefaults, Ms as tokenVar, Ns as tokenVars, Ps as tokenize, Fs as tokenizeAsync, Is as tokenizeStreaming, Ls as truncateCharacters, Rs as typeScaleDefaults, zs as typeScaleVars, Bs as typographyDefaults, Vs as typographyVars, Hs as unobserveResize, Us as useAnnounce, Ws as useAppShellMobile, Gs as useAvatarGroup, Ks as useBaseTablePlugins, qs as useButtonGroup, Js as useCalendarConstraints, Ys as useCalendarDays, Xs as useCalendarNavigation, Zs as useChatComposerContext, Qs as useChatComposerTokens, $s as useChatDictation, ec as useChatLayoutContext, tc as useChatNewMessages, nc as useChatPasteAsToken, rc as useChatStreamScroll, ic as useClickableContainer, ac as useClipboard, oc as useCollapsible, sc as useCollator, cc as useCombobox, lc as useCommandPaletteContext, uc as useContainerReveal, dc as useDevWarning, fc as useDirection, pc as useDropdownMenuContext, mc as useEntryAnimation, hc as useFocusTrap, _ as useForm, E as useFormInstance, b as useFormValidateMessages, gc as useGridFocus, _c as useHotkeys, vc as useHoverCard, yc as useIcon, bc as useImageMode, xc as useIndicator, Sc as useIndicatorFocusRing, Cc as useInputContainer, wc as useInputGroup, Tc as useInputStatusIcon, Ec as useInteractiveRole, Dc as useInteractiveRoleContext, Oc as useKeyboardHint, kc as useLayer, Ac as useLightbox, jc as useLinkComponent, Mc as useLinkify, Nc as useListFocus, Pc as useLocale, Fc as useLongPress, Ic as useMediaQuery, Lc as useMergedRefs, o as useModalLevel, Rc as useMultiCombobox, zc as useNavHeadingCloseContext, Bc as useNavHeadingMenuContext, Vc as useOutlineFromDOM, Hc as useOutlineFromMarkdown, Uc as useOverflow, Wc as useOverlay, Gc as usePopover, Kc as usePowerSearchConfig, H as usePrefersReducedMotion, qc as useResizable, Jc as useScrollLock, Yc as useScrollOverflow, Xc as useScrollableArea, Zc as useSelectedItemOffset, Qc as useSideNavCollapse, $c as useSideNavRenderMode, el as useSize, tl as useSpeechRecognition, nl as useStepperContext, rl as useStreamingText, il as useSyntaxTheme, al as useTabListContext, ol as useTableColumnResize, sl as useTableColumnSettings, cl as useTableColumnSettingsState, ll as useTableFilterState, ul as useTableFiltering, dl as useTableGroupedRows, fl as useTablePagination, pl as useTableRowExpansion, ml as useTableRowIndex, hl as useTableRowStatus, gl as useTableSelection, _l as useTableSelectionState, vl as useTableSortable, yl as useTableSortableState, bl as useTableStickyColumns, xl as useTableTreeData, Sl as useTableTreeState, Cl as useTheme, wl as useThemeName, Tl as useToast, El as useTooltip, Dl as useTopNavRenderMode, Ol as useTranslator, kl as useTreeFocus, Al as useTruncation, jl as useTypeahead, T as useWatch, Ml as visitMarkdownNodes, Nl as warnOnce };
package/dist/instance.js CHANGED
@@ -16,8 +16,8 @@ function r(e, r, i = console.warn) {
16
16
  o !== null && (a.warned = !0, i(o));
17
17
  }
18
18
  var i = {
19
- version: "0.2.0-alpha.15",
20
- astryxVersion: "0.6.2",
19
+ version: "0.2.0-alpha.17",
20
+ astryxVersion: "0.6.5",
21
21
  url: import.meta.url,
22
22
  astryxIdentity: e
23
23
  }, a = !1;
@@ -0,0 +1,8 @@
1
+ /**
2
+ * @generated by scripts/generate-i18n-runtime.mjs from packages/core/locales/af-ZA.json.
3
+ * Translator descriptions remain in the authored JSON catalogs and must not be copied here.
4
+ * Do not edit by hand. Run `pnpm generate:i18n-runtime` instead.
5
+ */
6
+ declare const runtimeCatalog: Readonly<Record<string, string>>;
7
+ export default runtimeCatalog;
8
+ //# sourceMappingURL=af-ZA.generated.d.ts.map