@lablup/ui-common 0.2.0-alpha.18 → 0.2.0-alpha.19
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.
- package/README.md +2 -2
- package/astryx/components/Form.doc.mjs +1 -1
- package/dist/assets/components/Form/FormItemVisual.css +1 -1
- package/dist/astryx/DateInput/tokens.stylex.d.ts +1 -0
- package/dist/astryx/DateInput/tokens.stylex.js +1 -0
- package/dist/astryx/Icon/IconSize.stylex.d.ts +1 -0
- package/dist/astryx/Icon/IconSize.stylex.js +1 -0
- package/dist/astryx/Indicator/indicator.markers.stylex.d.ts +1 -0
- package/dist/astryx/Indicator/indicator.markers.stylex.js +1 -0
- package/dist/astryx/Layer/layerAnimations.stylex.d.ts +1 -0
- package/dist/astryx/Layer/layerAnimations.stylex.js +1 -0
- package/dist/astryx/Layer/layerTextReset.stylex.d.ts +1 -0
- package/dist/astryx/Layer/layerTextReset.stylex.js +1 -0
- package/dist/astryx/Layer/layerViewportInset.stylex.d.ts +1 -0
- package/dist/astryx/Layer/layerViewportInset.stylex.js +1 -0
- package/dist/astryx/Layout/container.stylex.d.ts +1 -0
- package/dist/astryx/Layout/container.stylex.js +1 -0
- package/dist/astryx/Layout/edgeCompensation.stylex.d.ts +1 -0
- package/dist/astryx/Layout/edgeCompensation.stylex.js +1 -0
- package/dist/astryx/Layout/padding.stylex.d.ts +1 -0
- package/dist/astryx/Layout/padding.stylex.js +1 -0
- package/dist/astryx/Markdown/plugin-renderer.d.ts +1 -0
- package/dist/astryx/Markdown/plugin-renderer.js +1 -0
- package/dist/astryx/NavItem/navItemStyles.stylex.d.ts +1 -0
- package/dist/astryx/NavItem/navItemStyles.stylex.js +1 -0
- package/dist/astryx/Selector/selectorPresentation.stylex.d.ts +1 -0
- package/dist/astryx/Selector/selectorPresentation.stylex.js +1 -0
- package/dist/astryx/Stack/stack.stylex.d.ts +1 -0
- package/dist/astryx/Stack/stack.stylex.js +1 -0
- package/dist/astryx/Stack/stackItem.stylex.d.ts +1 -0
- package/dist/astryx/Stack/stackItem.stylex.js +1 -0
- package/dist/astryx/Text/text.stylex.d.ts +1 -0
- package/dist/astryx/Text/text.stylex.js +1 -0
- package/dist/astryx/theme/dataTokens.stylex.d.ts +1 -0
- package/dist/astryx/theme/dataTokens.stylex.js +1 -0
- package/dist/astryx/theme/neutral/fonts.css +3 -0
- package/dist/astryx/utils/focusOutline.stylex.d.ts +1 -0
- package/dist/astryx/utils/focusOutline.stylex.js +1 -0
- package/dist/astryx/utils/interactionOverlay.stylex.d.ts +1 -0
- package/dist/astryx/utils/interactionOverlay.stylex.js +1 -0
- package/dist/components/Form/FormItem.d.ts +5 -0
- package/dist/components/Form/FormItem.js +68 -67
- package/dist/components/Form/FormItem.js.map +1 -1
- package/dist/components/Form/FormItemVisual.d.ts +7 -0
- package/dist/components/Form/FormItemVisual2.js +60 -55
- package/dist/components/Form/FormItemVisual2.js.map +1 -1
- package/dist/components/NotificationStack/NotificationStack2.js +1 -0
- package/dist/components/NotificationStack/NotificationStack2.js.map +1 -1
- package/dist/components/PagedSelector/PagedSelector.d.ts +1 -1
- package/dist/components/PagedSelector/PagedSelector2.js.map +1 -1
- package/dist/forks/ComplexSelector/ComplexSelector.d.ts +82 -6
- package/dist/forks/ComplexSelector/ComplexSelector.js +170 -114
- package/dist/forks/ComplexSelector/ComplexSelector.js.map +1 -1
- package/dist/forks/ComplexSelector/ComplexSelector.styles.d.ts +40 -0
- package/dist/forks/ComplexSelector/ComplexSelector.styles.js +46 -6
- package/dist/forks/ComplexSelector/ComplexSelector.styles.js.map +1 -1
- package/dist/forks/ComplexSelector/index.d.ts +1 -1
- package/dist/forks/Drawer/Drawer.d.ts +21 -3
- package/dist/forks/Drawer/Drawer.js +70 -65
- package/dist/forks/Drawer/Drawer.js.map +1 -1
- package/dist/forks/Drawer/Drawer.styles.d.ts +16 -0
- package/dist/forks/Drawer/Drawer.styles.js +16 -0
- package/dist/forks/Drawer/Drawer.styles.js.map +1 -1
- package/dist/forks/Drawer/useDrawerDialogPresence.js.map +1 -1
- package/dist/forks/Tour/Tour.js +38 -40
- package/dist/forks/Tour/Tour.js.map +1 -1
- package/dist/forks/Tour/TourContext.js.map +1 -1
- package/dist/forks/Tour/TourStep.js.map +1 -1
- package/dist/forks/Tour/TourStep.styles.js.map +1 -1
- package/dist/forks/Tour/useTour.js.map +1 -1
- package/dist/index.d.ts +5 -5
- package/dist/index.js +2 -2
- package/dist/instance.js +2 -2
- package/dist/locales/en.generated.js +34 -0
- package/dist/locales/en.json +136 -0
- package/dist/locales/pseudo.generated.js +34 -0
- package/dist/locales/pseudo.json +102 -0
- package/dist/theme/lablup/built/lablup.d.ts +3 -3
- package/dist/theme/lablup/built/lablup.js +24 -5
- package/dist/theme/lablup/built/lablup.variants.d.ts +2 -2
- package/dist/theme/lablup/built/theme.css +70 -63
- package/dist/theme/lablup/built/theme.css.d.ts +9 -0
- package/package.json +86 -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.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
|
+
{"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.7.0-canary.97a0d31, 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"}
|
package/dist/forks/Tour/Tour.js
CHANGED
|
@@ -1,55 +1,53 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { TourContext as e } from "./TourContext.js";
|
|
3
|
-
import { useCallback as t,
|
|
4
|
-
import { jsx as
|
|
3
|
+
import { useCallback as t, useMemo as n, useState as r } from "react";
|
|
4
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
5
5
|
//#region src/forks/Tour/Tour.tsx
|
|
6
|
-
function
|
|
7
|
-
let [
|
|
8
|
-
|
|
9
|
-
}), []);
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
if (p < g - 1) {
|
|
15
|
-
m(p + 1);
|
|
6
|
+
function a({ isActive: a, children: o, onDismiss: s, hasBackdrop: c = !1, isStepCountShown: l = !1 }) {
|
|
7
|
+
let [u, d] = r([]), [f, p] = r(0), m = t((e) => (d((t) => t.includes(e) ? t : [...t, e]), () => {
|
|
8
|
+
d((t) => t.filter((t) => t !== e));
|
|
9
|
+
}), []), [h, g] = r(a);
|
|
10
|
+
Object.is(h, a) || (g(a), a || p(0));
|
|
11
|
+
let _ = u.length, v = t(() => {
|
|
12
|
+
if (f < _ - 1) {
|
|
13
|
+
p(f + 1);
|
|
16
14
|
return;
|
|
17
15
|
}
|
|
18
|
-
|
|
16
|
+
s("complete");
|
|
19
17
|
}, [
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
]),
|
|
24
|
-
|
|
25
|
-
}, []),
|
|
26
|
-
registerStep:
|
|
27
|
-
activeStepId:
|
|
28
|
-
activeStepIndex:
|
|
29
|
-
stepCount:
|
|
30
|
-
isStepCountShown:
|
|
31
|
-
hasBackdrop:
|
|
32
|
-
onNext:
|
|
33
|
-
onPrevious:
|
|
34
|
-
onDismiss:
|
|
18
|
+
f,
|
|
19
|
+
_,
|
|
20
|
+
s
|
|
21
|
+
]), y = t(() => {
|
|
22
|
+
p((e) => e > 0 ? e - 1 : e);
|
|
23
|
+
}, []), b = a ? u[f] ?? null : null, x = n(() => ({
|
|
24
|
+
registerStep: m,
|
|
25
|
+
activeStepId: b,
|
|
26
|
+
activeStepIndex: f,
|
|
27
|
+
stepCount: _,
|
|
28
|
+
isStepCountShown: l,
|
|
29
|
+
hasBackdrop: c,
|
|
30
|
+
onNext: v,
|
|
31
|
+
onPrevious: y,
|
|
32
|
+
onDismiss: s
|
|
35
33
|
}), [
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
g,
|
|
40
|
-
u,
|
|
41
|
-
l,
|
|
34
|
+
m,
|
|
35
|
+
b,
|
|
36
|
+
f,
|
|
42
37
|
_,
|
|
38
|
+
l,
|
|
39
|
+
c,
|
|
43
40
|
v,
|
|
44
|
-
|
|
41
|
+
y,
|
|
42
|
+
s
|
|
45
43
|
]);
|
|
46
|
-
return /* @__PURE__ */
|
|
47
|
-
value:
|
|
48
|
-
children:
|
|
44
|
+
return /* @__PURE__ */ i(e.Provider, {
|
|
45
|
+
value: x,
|
|
46
|
+
children: o
|
|
49
47
|
});
|
|
50
48
|
}
|
|
51
|
-
|
|
49
|
+
a.displayName = "Tour";
|
|
52
50
|
//#endregion
|
|
53
|
-
export {
|
|
51
|
+
export { a as Tour };
|
|
54
52
|
|
|
55
53
|
//# sourceMappingURL=Tour.js.map
|
|
@@ -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.
|
|
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.7.0-canary.97a0d31, 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, 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 when the tour is deactivated, so a dismissed tour\n // begins from the top next time isActive flips back on. Adjusted during\n // render, so no commit carries the old step past deactivation.\n const [wasActive, setWasActive] = useState(isActive);\n if (!Object.is(wasActive, isActive)) {\n setWasActive(isActive);\n if (!isActive) {\n setActiveStepIndex(0);\n }\n }\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,GAKC,CAAC,GAAW,KAAgB,EAAS,CAAQ;CACnD,AAAK,OAAO,GAAG,GAAW,CAAQ,MAChC,EAAa,CAAQ,GAChB,KACH,EAAmB,CAAC;CAIxB,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.
|
|
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.7.0-canary.97a0d31, 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.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
|
+
{"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.7.0-canary.97a0d31, 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.
|
|
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.7.0-canary.97a0d31, 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.
|
|
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.7.0-canary.97a0d31, 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
|
@@ -17,11 +17,11 @@
|
|
|
17
17
|
*
|
|
18
18
|
* Astryx names exported from ui-common's own copy of the component:
|
|
19
19
|
* ComplexSelector, ComplexSelectorHandle, ComplexSelectorProps,
|
|
20
|
-
* ComplexSelectorRenderState,
|
|
21
|
-
* ComplexSelectorVariant.
|
|
20
|
+
* ComplexSelectorRenderState, ComplexSelectorRenderTriggerProps,
|
|
21
|
+
* ComplexSelectorSize, ComplexSelectorStatus, 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, 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';
|
|
23
|
+
export { AppShell, AppShellMobileContext, AspectRatio, Avatar, AvatarGroup, AvatarGroupOverflow, AvatarStatusDot, Badge, Banner, BaseTypeahead, Blockquote, BottomSheet, BottomSheetSwitcher, BreadcrumbItem, BreadcrumbMenuCheckboxItem, BreadcrumbMenuDivider, BreadcrumbMenuGroup, 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, ContextMenuGroup, 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, DropdownMenuGroup, 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, MENU_PRESS_MARKER, MENU_PRESS_SETTLE_MS, 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, decodeMarkdownCharacterReferences, 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, hasInteractiveAncestor, hasTextSelection, indicatorScope, inputStatusBorderStyles, inputStatusFocusStyles, inputStatusFocusWithinStyles, inputStatusHoverShadowStyles, inputWrapperStyles, interactionOverlayStyles, isDateInRange, isDefinedTheme, isFocusDetached, isImeKeyEvent, isLocaleDayFirst, isMenuPressActivation, isRenderable, isSameDay, isTimeInRange, menuPressStep, 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, useMenuPress, useMergedRefs, useMultiCombobox, useNavHeadingCloseContext, useNavHeadingMenuContext, useOutlineFromDOM, useOutlineFromMarkdown, useOverflow, useOverlay, usePopover, usePowerSearchConfig, usePressFeedback, 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, BreadcrumbMenuGroupProps, 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, ContextMenuGroupProps, 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, DropdownMenuGroupProps, DropdownMenuItemData, DropdownMenuItemProps, DropdownMenuOption, DropdownMenuPresentation, DropdownMenuProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuSection, DropdownMenuSize, DropdownMenuSubMenuPresentation, DropdownMenuSubMenuProps, DropdownMenuTriggerProps, DurationVarName, EaseVarName, ElementSize, EmptyOperatorValue, EmptyStateProps, EntityListOperatorValue, EntryAnimationPreset, EnumItem, EnumListOperatorValue, EnumOperatorValue, ExtendedIconName, FieldContainerStyleProps, FieldControlStyleProps, FieldDefinition, FieldInputBaseProps, FieldLabelProps, FieldPartStyleProps, 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, ItemSwipeAction, ItemSwipeActionVariant, ItemSwipeActions, ItemSwipeBehavior, KbdProps, Key, KeyFallback, KeyboardHintOrientation, LayerAlignment, LayerInset, 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, MarkdownSourceLines, MathBlockNode, MathInlineNode, MathParseOptions, MediaThemeMode, MediaThemeProps, MenuPresentation, MenuPressEffect, MenuPressEvent, MenuPressGesture, MenuPressPointerType, MenuPressStep, MessageEntry, MessagesByLocale, MetadataListColumns, MetadataListItemProps, MetadataListLabelConfig, MetadataListProps, MobileNavConfig, MobileNavProps, MobileNavToggleProps, MoreMenuProps, MotionScaleConfig, MotionScaleTokens, MultiSelectorChange, MultiSelectorDivider, MultiSelectorHandle, MultiSelectorOptionData, MultiSelectorOptionType, MultiSelectorPresentation, MultiSelectorProps, MultiSelectorRenderTriggerProps, 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, UseMenuPressOptions, UseMenuPressReturn, 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 { Board, DEFAULT_BOARD_COLUMN_BREAKPOINTS, columnsForWidth, interpretItems, transformItems, } from './components/Board';
|
|
@@ -37,7 +37,7 @@ export type { BulkErrorModalProps } from './components/BulkErrorModal';
|
|
|
37
37
|
export { ColorPicker, toHexColor } from './components/ColorPicker';
|
|
38
38
|
export type { ColorPickerProps } from './components/ColorPicker';
|
|
39
39
|
export { ComplexSelector } from './forks/ComplexSelector';
|
|
40
|
-
export type { ComplexSelectorHandle, ComplexSelectorProps, ComplexSelectorRenderState, ComplexSelectorSize, ComplexSelectorStatus, ComplexSelectorVariant, } from './forks/ComplexSelector';
|
|
40
|
+
export type { ComplexSelectorHandle, ComplexSelectorProps, ComplexSelectorRenderState, ComplexSelectorRenderTriggerProps, ComplexSelectorSize, ComplexSelectorStatus, ComplexSelectorVariant, } from './forks/ComplexSelector';
|
|
41
41
|
export { ConfirmPopover } from './components/ConfirmPopover';
|
|
42
42
|
export type { ConfirmPopoverProps } from './components/ConfirmPopover';
|
|
43
43
|
export { CountBadge } from './components/CountBadge';
|
package/dist/index.js
CHANGED
|
@@ -61,5 +61,5 @@ import { TokenRow as we } from "./components/TokenRow/TokenRow2.js";
|
|
|
61
61
|
import { UncontrolledInput as Te } from "./components/UncontrolledInput/UncontrolledInput.js";
|
|
62
62
|
import { UnitGrid as Ee } from "./components/UnitGrid/UnitGrid2.js";
|
|
63
63
|
import { UnitGridSkeleton as De } from "./components/UnitGrid/UnitGridSkeleton.js";
|
|
64
|
-
import { AppShell as Oe, AppShellMobileContext as ke, AspectRatio as Ae, Avatar as je, AvatarGroup as Me, AvatarGroupOverflow as Ne, AvatarStatusDot as Pe, Badge as Fe, Banner as Ie, BaseTypeahead as Le, Blockquote as Re, BottomSheet as ze, BottomSheetSwitcher as Be, BreadcrumbItem as Ve, BreadcrumbMenuCheckboxItem as He, BreadcrumbMenuDivider as Ue, BreadcrumbMenuItem as We, BreadcrumbMenuRadioGroup as Ge, BreadcrumbMenuRadioItem as Ke, BreadcrumbMenuSubMenu as qe, Breadcrumbs as Je, Button as Ye, ButtonGroup as Xe, Calendar as Ze, Card as Qe, Carousel as $e, Center as et, ChatComposer as tt, ChatComposerDrawer as nt, ChatComposerInput as rt, ChatComposerTokenElement as it, ChatDictationButton as at, ChatLayout as ot, ChatLayoutScrollButton as st, ChatMessage as ct, ChatMessageBubble as lt, ChatMessageList as ut, ChatMessageMetadata as dt, ChatSendButton as ft, ChatSystemMessage as pt, ChatTokenizedText as mt, ChatToolCalls as ht, CheckIndicator as gt, CheckboxIndicator as _t, CheckboxInput as vt, CheckboxList as yt, CheckboxListItem as bt, Citation as xt, ClickableCard as St, Code as Ct, CodeBlock as wt, Collapsible as Tt, CollapsibleGroup as Et, CommandPalette as Dt, CommandPaletteEmpty as Ot, CommandPaletteFooter as kt, CommandPaletteGroup as At, CommandPaletteInput as jt, CommandPaletteItem as Mt, CommandPaletteList as Nt, ContextMenu as Pt, ContextMenuCheckboxItem as Ft, ContextMenuDivider as It, ContextMenuItem as Lt, ContextMenuRadioGroup as Rt, ContextMenuRadioItem as zt, ContextMenuSubMenu as Bt, DATE_FORMAT_LONG as Vt, DATE_FORMAT_MONTH_ONLY as Ht, DATE_FORMAT_MONTH_YEAR as Ut, DATE_FORMAT_SHORT as Wt, DATE_FORMAT_SHORT_WITH_WEEKDAY as Gt, DATE_FORMAT_SHORT_WITH_YEAR as Kt, DATE_FORMAT_WEEKDAY_ONLY as qt, DATE_FORMAT_WITH_WEEKDAY as Jt, DEFAULT_MIN_COLUMN_WIDTH as Yt, DEFAULT_WIDTH_BREAKPOINTS as Xt, DateInput as Zt, DateRangeInput as Qt, DateTimeInput as $t, Divider as en, DropdownMenu as tn, DropdownMenuCheckboxItem as nn, DropdownMenuContext as rn, DropdownMenuDivider as an, DropdownMenuItem as on, DropdownMenuRadioGroup as sn, DropdownMenuRadioItem as cn, DropdownMenuSubMenu as ln, EDGE_COMP_ATTR as un, EmptyState as dn, Field as fn, FieldLabel as pn, FieldStatus as mn, FileInput as hn, FormLayout as gn, FormLayoutContext as _n, Grid as vn, GridSpan as yn, HStack as bn, Heading as xn, HoverCard as Sn, INTERACTIVE_SELECTORS as Cn, Icon as wn, IconButton as Tn, InputClearButton as En, InputGroup as Dn, InputGroupText as On, InteractiveRoleContext as kn, InternationalizationContext as An, InternationalizationProvider as jn, Item as Mn, Kbd as Nn, LayerProvider as Pn, Layout as Fn, LayoutAreaContext as In, LayoutContent as Ln, LayoutDividerContext as Rn, LayoutFooter as zn, LayoutHeader as Bn, LayoutPanel as Vn, Lightbox as Hn, Link as Un, LinkProvider as Wn, List as Gn, ListItem as Kn, Markdown as qn, MediaTheme as Jn, MetadataList as Yn, MetadataListItem as Xn, MobileNav as Zn, MobileNavToggle as Qn, MoreMenu as $n, MultiSelector as er, NavHeadingCloseContext as tr, NavHeadingMenu as nr, NavHeadingMenuContext as rr, NavHeadingMenuItem as ir, NavIcon as ar, NumberInput as or, Outline as sr, OverflowList as cr, Overlay as lr, Pagination as ur, Popover as dr, PowerSearch as fr, PowerSearchFilterEditor as pr, PowerSearchToken as mr, ProgressBar as hr, RadioIndicator as gr, RadioList as _r, RadioListContext as vr, RadioListItem as yr, ResizeHandle as br, SHARED_DATE_FORMAT_OPTIONS as xr, SYNC_TOKENIZE_THRESHOLD as Sr, ScrollableArea as Cr, Section as wr, SegmentedControl as Tr, SegmentedControlItem as Er, SelectableCard as Dr, Selector as Or, SelectorOption as kr, SideNav as Ar, SideNavCollapseButton as jr, SideNavHeading as Mr, SideNavItem as Nr, SideNavRenderContext as Pr, SideNavSection as Fr, SizeContext as Ir, SizeProvider as Lr, Skeleton as Rr, Slider as zr, Spinner as Br, Stack as Vr, StackItem as Hr, StatusDot as Ur, Step as Wr, Stepper as Gr, Switch as Kr, SyntaxTheme as qr, TOKEN_TYPES as Jr, Tab as Yr, TabList as Xr, TabMenu as Zr, Table as Qr, TableBody as $r, TableCell as ei, TableContext as ti, TableFooter as ni, TableHeader as ri, TableHeaderCell as ii, TableRow as ai, TableSelectionToolbar as oi, Text as si, TextArea as ci, TextInput as li, Theme as ui, ThemeContext as di, Thumbnail as fi, TimeInput as pi, Timer as mi, Timestamp as hi, Toast as gi, ToggleButton as _i, ToggleButtonGroup as vi, Token as yi, Tokenizer as bi, Toolbar as xi, Tooltip as Si, TopNav as Ci, TopNavHeading as wi, TopNavItem as Ti, TopNavMegaMenu as Ei, TopNavMegaMenuFeaturedCard as Di, TopNavMegaMenuItem as Oi, TopNavMenu as ki, TopNavRenderContext as Ai, TreeList as ji, Typeahead as Mi, TypeaheadItem as Ni, VStack as Pi, VisuallyHidden as Fi, WIDTH_BREAKPOINT_NAMES as Ii, adjustTime as Li, applyHighlightRangesBatch as Ri, applyHighlightRangesChunked as zi, applyHighlightRangesFlat as Bi, borderDefaults as Vi, borderVars as Hi, characterCount as Ui, clampTime as Wi, cleanupRanges as Gi, colorDefaults as Ki, colorVars as qi, compareTime as Ji, composeEventHandlers as Yi, container as Xi, createISOTimeString as Zi, createIncrementalState as Qi, createPowerSearchConfig as $i, createStaticSource as ea, dataTokenDefaults as ta, dateToISO as na, defaultIndicators as ra, defineSyntaxTheme as ia, defineTheme as aa, devError as oa, devWarn as sa, domainTokenDefaults as ca, durationDefaults as la, durationVars as ua, easeDefaults as da, easeVars as fa, edgeCompSlot as pa, ensureHighlightStyles as ma, expandColorScale as ha, expandMotionScale as ga, expandRadiusScale as _a, expandTypeScale as va, firstCharacter as ya, flatTokensToLines as ba, focusDefaults as xa, focusOutlineProps as Sa, focusOutlineStyles as Ca, focusVars as wa, fontWeightDefaults as Ta, fontWeightVars as Ea, formatColor as Da, formatDevMessage as Oa, formatDisplayTime12h as ka, formatDisplayTime24h as Aa, formatHex as ja, formatISOTime as Ma, formatSharedDate as Na, generateAdaptationCSS as Pa, generateColumns as Fa, generateOnMediaCSS as Ia, generatePageRange as La, generateThemeCSS as Ra, generateThemeRules as za, generateThemeRulesSplit as Ba, generateTypeScaleComponents as Va, getDaysInMonth as Ha, getExtendedIcon as Ua, getIcon as Wa, getIconRegistry as Ga, getIndicator as Ka, getInputARIA as qa, getItemGroup as Ja, getKey as Ya, getLocaleDirection as Xa, getRegisteredTheme as Za, getRegisteredThemes as Qa, getWeekNumber as $a, groupItems as eo, hasActiveFocusTrapEscape as to, indicatorScope as no, inputStatusBorderStyles as ro, inputStatusFocusStyles as io, inputStatusFocusWithinStyles as ao, inputStatusHoverShadowStyles as oo, inputWrapperStyles as so, isDateInRange as co, isDefinedTheme as lo, isFocusDetached as uo, isImeKeyEvent as fo, isLocaleDayFirst as po, isRenderable as mo, isSameDay as ho, isTimeInRange as go, mergeProps as _o, mergeRefs as vo, observeResize as yo, overlayPaddingReset as bo, paginateData as xo, parseColor as So, parseDateInput as Co, parseHex as wo, parseISO as To, parseISOTime as Eo, parseInline as Do, parseInlineAst as Oo, parseMarkdown as ko, parseMarkdownAst as Ao, parseMarkdownIncremental as jo, parseOutlineFromMarkdown as Mo, parseRgb as No, parseStyleKey as Po, parseTimeInput as Fo, percent as Io, pixel as Lo, plainDateAddDays as Ro, plainDateAddMonths as zo, plainDateCreate as Bo, plainDateDayOfWeek as Vo, plainDateFormat as Ho, plainDateFromDate as Uo, plainDateFromISO as Wo, plainDateFromInstant as Go, plainDateGetWeekNumber as Ko, plainDateIsAfter as qo, plainDateIsBefore as Jo, plainDateIsEqual as Yo, plainDateIsInRange as Xo, plainDateMax as Zo, plainDateMin as Qo, plainDateSetEndOfWeekExclusive as $o, plainDateSetFirstOfMonth as es, plainDateSetStartOfWeek as ts, plainDateToDate as ns, plainDateToISO as rs, plainDateToInstant as is, plainDateToday as as, proportional as os, radiusDefaults as ss, radiusVars as cs, registerIcons as ls, registerTheme as us, renderIconSlot as ds, resetIcons as fs, resetThemes as ps, resolveColumnWidths as ms, resolveContextActions as hs, resolveOperatorLabel as gs, resolveSize as _s, resolveThemeToken as vs, resolveThemeTokens as ys, rtlStyles as bs, shadowDefaults as xs, shadowVars as Ss, sizeDefaults as Cs, sizeVars as ws, spacingDefaults as Ts, spacingVars as Es, stack as Ds, stackItem as Os, syntaxTokenDefaults as ks, textSizeDefaults as As, textSizeVars as js, themeDataAttributes as Ms, themeProps as Ns, toGLFloats as Ps, toSearchFilters as Fs, tokenDefaults as Is, tokenVar as Ls, tokenVars as Rs, tokenize as zs, tokenizeAsync as Bs, tokenizeStreaming as Vs, truncateCharacters as Hs, typeScaleDefaults as Us, typeScaleVars as Ws, typographyDefaults as Gs, typographyVars as Ks, unobserveResize as qs, useAnnounce as Js, useAppShellMobile as Ys, useAvatarGroup as Xs, useBaseTablePlugins as Zs, useButtonGroup as Qs, useCalendarConstraints as $s, useCalendarDays as ec, useCalendarNavigation as tc, useChatComposerContext as nc, useChatComposerTokens as rc, useChatDictation as ic, useChatLayoutContext as ac, useChatNewMessages as oc, useChatPasteAsToken as sc, useChatStreamScroll as cc, useClickableContainer as lc, useClipboard as uc, useCollapsible as dc, useCollator as fc, useCombobox as pc, useCommandPaletteContext as mc, useContainerReveal as hc, useDevWarning as gc, useDirection as _c, useDropdownMenuContext as vc, useEntryAnimation as yc, useFocusTrap as bc, useGridFocus as xc, useHotkeys as Sc, useHoverCard as Cc, useIcon as wc, useImageMode as Tc, useIndicator as Ec, useIndicatorFocusRing as Dc, useInputContainer as Oc, useInputGroup as kc, useInputStatusIcon as Ac, useInteractiveRole as jc, useInteractiveRoleContext as Mc, useKeyboardHint as Nc, useLayer as Pc, useLightbox as Fc, useLinkComponent as Ic, useLinkify as Lc, useListFocus as Rc, useLocale as zc, useLongPress as Bc, useMediaQuery as Vc, useMergedRefs as Hc, useMultiCombobox as Uc, useNavHeadingCloseContext as Wc, useNavHeadingMenuContext as Gc, useOutlineFromDOM as Kc, useOutlineFromMarkdown as qc, useOverflow as Jc, useOverlay as Yc, usePopover as Xc, usePowerSearchConfig as Zc, useResizable as Qc, useScrollLock as $c, useScrollOverflow as el, useScrollableArea as tl, useSelectedItemOffset as nl, useSideNavCollapse as rl, useSideNavRenderMode as il, useSize as al, useSpeechRecognition as ol, useStepperContext as sl, useStreamingText as cl, useSyntaxTheme as ll, useTabListContext as ul, useTableColumnResize as dl, useTableColumnSettings as fl, useTableColumnSettingsState as pl, useTableFilterState as ml, useTableFiltering as hl, useTableGroupedRows as gl, useTablePagination as _l, useTableRowExpansion as vl, useTableRowIndex as yl, useTableRowStatus as bl, useTableSelection as xl, useTableSelectionState as Sl, useTableSortable as Cl, useTableSortableState as wl, useTableStickyColumns as Tl, useTableTreeData as El, useTableTreeState as Dl, useTheme as Ol, useThemeName as kl, useToast as Al, useTooltip as jl, useTopNavRenderMode as Ml, useTranslator as Nl, useTreeFocus as Pl, useTruncation as Fl, useTypeahead as Il, visitMarkdownNodes as Ll, warnOnce as Rl } from "@astryxdesign/core";
|
|
65
|
-
export { c as AlertModal, Oe as AppShell, ke as AppShellMobileContext, Ae as AspectRatio, je as Avatar, Me as AvatarGroup, Ne as AvatarGroupOverflow, Pe as AvatarStatusDot, Fe as Badge, Ie as Banner, Le as BaseTypeahead, Re as Blockquote, d as Board, h as BoardItemTitle, g as BooleanToken, ze as BottomSheet, Be as BottomSheetSwitcher, Ve as BreadcrumbItem, He as BreadcrumbMenuCheckboxItem, Ue as BreadcrumbMenuDivider, We as BreadcrumbMenuItem, Ge as BreadcrumbMenuRadioGroup, Ke as BreadcrumbMenuRadioItem, qe as BreadcrumbMenuSubMenu, Je as Breadcrumbs, N as BulkEditFormItem, z as BulkErrorModal, Ye as Button, Xe as ButtonGroup, Ze as Calendar, Qe as Card, $e as Carousel, et as Center, tt as ChatComposer, nt as ChatComposerDrawer, rt as ChatComposerInput, it as ChatComposerTokenElement, at as ChatDictationButton, ot as ChatLayout, st as ChatLayoutScrollButton, ct as ChatMessage, lt as ChatMessageBubble, ut as ChatMessageList, dt as ChatMessageMetadata, ft as ChatSendButton, pt as ChatSystemMessage, mt as ChatTokenizedText, ht as ChatToolCalls, gt as CheckIndicator, _t as CheckboxIndicator, vt as CheckboxInput, yt as CheckboxList, bt as CheckboxListItem, xt as Citation, St as ClickableCard, Ct as Code, wt as CodeBlock, Tt as Collapsible, Et as CollapsibleGroup, B as ColorPicker, Dt as CommandPalette, Ot as CommandPaletteEmpty, kt as CommandPaletteFooter, At as CommandPaletteGroup, jt as CommandPaletteInput, Mt as CommandPaletteItem, Nt as CommandPaletteList, H as ComplexSelector, U as ConfirmPopover, Pt as ContextMenu, Ft as ContextMenuCheckboxItem, It as ContextMenuDivider, Lt as ContextMenuItem, Rt as ContextMenuRadioGroup, zt as ContextMenuRadioItem, Bt as ContextMenuSubMenu, W as CountBadge, G as CountdownBorder, Vt as DATE_FORMAT_LONG, Ht as DATE_FORMAT_MONTH_ONLY, Ut as DATE_FORMAT_MONTH_YEAR, Wt as DATE_FORMAT_SHORT, Gt as DATE_FORMAT_SHORT_WITH_WEEKDAY, Kt as DATE_FORMAT_SHORT_WITH_YEAR, qt as DATE_FORMAT_WEEKDAY_ONLY, Jt as DATE_FORMAT_WITH_WEEKDAY, f as DEFAULT_BOARD_COLUMN_BREAKPOINTS, Yt as DEFAULT_MIN_COLUMN_WIDTH, Xt as DEFAULT_WIDTH_BREAKPOINTS, I as DataGrid, P as DataGridExportModal, F as DataGridSettingsModal, Zt as DateInput, Qt as DateRangeInput, $t as DateTimeInput, K as DeleteConfirmModal, ne as DialogHeader, J as DigitPopIn, Y as DividedRow, en as Divider, X as DoubleBadge, Q as DoubleToken, tn as DropdownMenu, nn as DropdownMenuCheckboxItem, rn as DropdownMenuContext, an as DropdownMenuDivider, on as DropdownMenuItem, sn as DropdownMenuRadioGroup, cn as DropdownMenuRadioItem, ln as DropdownMenuSubMenu, un as EDGE_COMP_ATTR, dn as EmptyState, _ as ErrorList, $ as ErrorState, fn as Field, pn as FieldLabel, mn as FieldStatus, hn as FileInput, M as Form, v as FormConfigContext, w as FormConfigProvider, O as FormItem, y as FormItemInputContext, D as FormItemVisual, gn as FormLayout, _n as FormLayoutContext, k as FormList, E as FormProvider, C as FormStore, vn as Grid, yn as GridSpan, bn as HStack, xn as Heading, Sn as HoverCard, Cn as INTERACTIVE_SELECTORS, wn as Icon, Tn as IconButton, m as IconWithTooltip, ee as ImageWithFallback, En as InputClearButton, Dn as InputGroup, On as InputGroupText, kn as InteractiveRoleContext, An as InternationalizationContext, jn as InternationalizationProvider, Mn as Item, Nn as Kbd, Pn as LayerProvider, Fn as Layout, In as LayoutAreaContext, Ln as LayoutContent, Rn as LayoutDividerContext, zn as LayoutFooter, Bn as LayoutHeader, Vn as LayoutPanel, Hn as Lightbox, Un as Link, Wn as LinkProvider, Gn as List, te as ListBanner, Kn as ListItem, t as MAX_MODAL_LEVEL, n as MODAL_LIVE_ATTRIBUTE, r as MODAL_OPEN_ATTRIBUTE, qn as Markdown, Jn as MediaTheme, Yn as MetadataList, Xn as MetadataListItem, Zn as MobileNav, Qn as MobileNavToggle, s as Modal, re as ModalHeader, $n as MoreMenu, er as MultiSelector, tr as NavHeadingCloseContext, nr as NavHeadingMenu, rr as NavHeadingMenuContext, ir as NavHeadingMenuItem, ar as NavIcon, b as NoStyleItemContext, ie as NotificationItem, ae as NotificationStack, or as NumberInput, be as NumberStepper, oe as OVERLAY_SCROLLBAR_ATTRIBUTE, sr as Outline, cr as OverflowList, lr as Overlay, se as OverlayScrollbar, ce as PageHeader, le as PageLayout, ue as PagedSelector, ur as Pagination, dr as Popover, fr as PowerSearch, pr as PowerSearchFilterEditor, mr as PowerSearchToken, hr as ProgressBar, de as ProgressWithLabel, gr as RadioIndicator, _r as RadioList, vr as RadioListContext, yr as RadioListItem, br as ResizeHandle, xr as SHARED_DATE_FORMAT_OPTIONS, Sr as SYNC_TOKENIZE_THRESHOLD, Cr as ScrollableArea, wr as Section, Tr as SegmentedControl, Er as SegmentedControlItem, Dr as SelectableCard, fe as SelectionLabel, Or as Selector, kr as SelectorOption, Ar as SideNav, jr as SideNavCollapseButton, Mr as SideNavHeading, Nr as SideNavItem, Pr as SideNavRenderContext, Fr as SideNavSection, Ir as SizeContext, Lr as SizeProvider, Rr as Skeleton, pe as SkeletonCard, me as SkeletonChart, he as SkeletonRow, e as SkeletonText, zr as Slider, ge as SmoothHeight, Br as Spinner, Vr as Stack, Hr as StackItem, _e as StatCard, ye as Statistic, Ur as StatusDot, Wr as Step, Se as StepNumberInput, Gr as Stepper, Kr as Switch, qr as SyntaxTheme, Jr as TOKEN_TYPES, Yr as Tab, Xr as TabList, Zr as TabMenu, Qr as Table, $r as TableBody, ei as TableCell, ti as TableContext, ni as TableFooter, ri as TableHeader, ii as TableHeaderCell, ai as TableRow, oi as TableSelectionToolbar, si as Text, ci as TextArea, Z as TextHighlighter, li as TextInput, ui as Theme, di as ThemeContext, fi as Thumbnail, pi as TimeInput, mi as Timer, hi as Timestamp, gi as Toast, _i as ToggleButton, vi as ToggleButtonGroup, yi as Token, Ce as TokenList, we as TokenRow, bi as Tokenizer, xi as Toolbar, Si as Tooltip, Ci as TopNav, wi as TopNavHeading, Ti as TopNavItem, Ei as TopNavMegaMenu, Di as TopNavMegaMenuFeaturedCard, Oi as TopNavMegaMenuItem, ki as TopNavMenu, Ai as TopNavRenderContext, ji as TreeList, Mi as Typeahead, Ni as TypeaheadItem, Te as UncontrolledInput, Ee as UnitGrid, De as UnitGridSkeleton, Pi as VStack, Fi as VisuallyHidden, Ii as WIDTH_BREAKPOINT_NAMES, Li as adjustTime, Ri as applyHighlightRangesBatch, zi as applyHighlightRangesChunked, Bi as applyHighlightRangesFlat, Vi as borderDefaults, Hi as borderVars, Ui as characterCount, Wi as clampTime, Gi as cleanupRanges, Ki as colorDefaults, qi as colorVars, p as columnsForWidth, Ji as compareTime, Yi as composeEventHandlers, i as configureModalZIndex, Xi as container, Zi as createISOTimeString, Qi as createIncrementalState, $i as createPowerSearchConfig, ea as createStaticSource, L as dataGridColumnLabel, ta as dataTokenDefaults, na as dateToISO, ra as defaultIndicators, x as defaultValidateMessages, ia as defineSyntaxTheme, aa as defineTheme, oa as devError, sa as devWarn, ca as domainTokenDefaults, la as durationDefaults, ua as durationVars, da as easeDefaults, fa as easeVars, pa as edgeCompSlot, ma as ensureHighlightStyles, ha as expandColorScale, ga as expandMotionScale, _a as expandRadiusScale, va as expandTypeScale, ya as firstCharacter, ba as flatTokensToLines, xa as focusDefaults, Sa as focusOutlineProps, Ca as focusOutlineStyles, wa as focusVars, Ta as fontWeightDefaults, Ea as fontWeightVars, Da as formatColor, ve as formatCompactNumber, Oa as formatDevMessage, ka as formatDisplayTime12h, Aa as formatDisplayTime24h, ja as formatHex, Ma as formatISOTime, Na as formatSharedDate, Pa as generateAdaptationCSS, Fa as generateColumns, Ia as generateOnMediaCSS, La as generatePageRange, Ra as generateThemeCSS, za as generateThemeRules, Ba as generateThemeRulesSplit, Va as generateTypeScaleComponents, Ha as getDaysInMonth, Ua as getExtendedIcon, Wa as getIcon, Ga as getIconRegistry, Ka as getIndicator, qa as getInputARIA, Ja as getItemGroup, Ya as getKey, Xa as getLocaleDirection, xe as getNextStepIndex, Za as getRegisteredTheme, Qa as getRegisteredThemes, $a as getWeekNumber, eo as groupItems, to as hasActiveFocusTrapEscape, no as indicatorScope, ro as inputStatusBorderStyles, io as inputStatusFocusStyles, ao as inputStatusFocusWithinStyles, oo as inputStatusHoverShadowStyles, so as inputWrapperStyles, l as interpretItems, R as isDataGridColumnVisible, co as isDateInRange, lo as isDefinedTheme, uo as isFocusDetached, fo as isImeKeyEvent, po as isLocaleDayFirst, mo as isRenderable, ho as isSameDay, go as isTimeInRange, _o as mergeProps, vo as mergeRefs, yo as observeResize, bo as overlayPaddingReset, xo as paginateData, So as parseColor, Co as parseDateInput, wo as parseHex, To as parseISO, Eo as parseISOTime, Do as parseInline, Oo as parseInlineAst, ko as parseMarkdown, Ao as parseMarkdownAst, jo as parseMarkdownIncremental, Mo as parseOutlineFromMarkdown, No as parseRgb, Po as parseStyleKey, Fo as parseTimeInput, Io as percent, Lo as pixel, Ro as plainDateAddDays, zo as plainDateAddMonths, Bo as plainDateCreate, Vo as plainDateDayOfWeek, Ho as plainDateFormat, Uo as plainDateFromDate, Wo as plainDateFromISO, Go as plainDateFromInstant, Ko as plainDateGetWeekNumber, qo as plainDateIsAfter, Jo as plainDateIsBefore, Yo as plainDateIsEqual, Xo as plainDateIsInRange, Zo as plainDateMax, Qo as plainDateMin, $o as plainDateSetEndOfWeekExclusive, es as plainDateSetFirstOfMonth, ts as plainDateSetStartOfWeek, ns as plainDateToDate, rs as plainDateToISO, is as plainDateToInstant, as as plainDateToday, os as proportional, ss as radiusDefaults, cs as radiusVars, a as refreshModalBackground, ls as registerIcons, us as registerTheme, ds as renderIconSlot, fs as resetIcons, ps as resetThemes, ms as resolveColumnWidths, hs as resolveContextActions, gs as resolveOperatorLabel, _s as resolveSize, vs as resolveThemeToken, ys as resolveThemeTokens, bs as rtlStyles, xs as shadowDefaults, Ss as shadowVars, Cs as sizeDefaults, ws as sizeVars, Ts as spacingDefaults, Es as spacingVars, Ds as stack, Os as stackItem, ks as syntaxTokenDefaults, As as textSizeDefaults, js as textSizeVars, Ms as themeDataAttributes, Ns as themeProps, Ps as toGLFloats, V as toHexColor, Fs as toSearchFilters, Is as tokenDefaults, Ls as tokenVar, Rs as tokenVars, zs as tokenize, Bs as tokenizeAsync, Vs as tokenizeStreaming, u as transformItems, Hs as truncateCharacters, Us as typeScaleDefaults, Ws as typeScaleVars, Gs as typographyDefaults, Ks as typographyVars, qs as unobserveResize, Js as useAnnounce, Ys as useAppShellMobile, Xs as useAvatarGroup, Zs as useBaseTablePlugins, Qs as useButtonGroup, $s as useCalendarConstraints, ec as useCalendarDays, tc as useCalendarNavigation, nc as useChatComposerContext, rc as useChatComposerTokens, ic as useChatDictation, ac as useChatLayoutContext, oc as useChatNewMessages, sc as useChatPasteAsToken, cc as useChatStreamScroll, lc as useClickableContainer, uc as useClipboard, dc as useCollapsible, fc as useCollator, pc as useCombobox, mc as useCommandPaletteContext, hc as useContainerReveal, gc as useDevWarning, _c as useDirection, vc as useDropdownMenuContext, yc as useEntryAnimation, bc as useFocusTrap, S as useForm, j as useFormInstance, T as useFormValidateMessages, xc as useGridFocus, Sc as useHotkeys, Cc as useHoverCard, wc as useIcon, Tc as useImageMode, Ec as useIndicator, Dc as useIndicatorFocusRing, Oc as useInputContainer, kc as useInputGroup, Ac as useInputStatusIcon, jc as useInteractiveRole, Mc as useInteractiveRoleContext, Nc as useKeyboardHint, Pc as useLayer, Fc as useLightbox, Ic as useLinkComponent, Lc as useLinkify, Rc as useListFocus, zc as useLocale, Bc as useLongPress, Vc as useMediaQuery, Hc as useMergedRefs, o as useModalLevel, Uc as useMultiCombobox, Wc as useNavHeadingCloseContext, Gc as useNavHeadingMenuContext, Kc as useOutlineFromDOM, qc as useOutlineFromMarkdown, Jc as useOverflow, Yc as useOverlay, Xc as usePopover, Zc as usePowerSearchConfig, q as usePrefersReducedMotion, Qc as useResizable, $c as useScrollLock, el as useScrollOverflow, tl as useScrollableArea, nl as useSelectedItemOffset, rl as useSideNavCollapse, il as useSideNavRenderMode, al as useSize, ol as useSpeechRecognition, sl as useStepperContext, cl as useStreamingText, ll as useSyntaxTheme, ul as useTabListContext, dl as useTableColumnResize, fl as useTableColumnSettings, pl as useTableColumnSettingsState, ml as useTableFilterState, hl as useTableFiltering, gl as useTableGroupedRows, _l as useTablePagination, vl as useTableRowExpansion, yl as useTableRowIndex, bl as useTableRowStatus, xl as useTableSelection, Sl as useTableSelectionState, Cl as useTableSortable, wl as useTableSortableState, Tl as useTableStickyColumns, El as useTableTreeData, Dl as useTableTreeState, Ol as useTheme, kl as useThemeName, Al as useToast, jl as useTooltip, Ml as useTopNavRenderMode, Nl as useTranslator, Pl as useTreeFocus, Fl as useTruncation, Il as useTypeahead, A as useWatch, Ll as visitMarkdownNodes, Rl as warnOnce };
|
|
64
|
+
import { AppShell as Oe, AppShellMobileContext as ke, AspectRatio as Ae, Avatar as je, AvatarGroup as Me, AvatarGroupOverflow as Ne, AvatarStatusDot as Pe, Badge as Fe, Banner as Ie, BaseTypeahead as Le, Blockquote as Re, BottomSheet as ze, BottomSheetSwitcher as Be, BreadcrumbItem as Ve, BreadcrumbMenuCheckboxItem as He, BreadcrumbMenuDivider as Ue, BreadcrumbMenuGroup as We, BreadcrumbMenuItem as Ge, BreadcrumbMenuRadioGroup as Ke, BreadcrumbMenuRadioItem as qe, BreadcrumbMenuSubMenu as Je, Breadcrumbs as Ye, Button as Xe, ButtonGroup as Ze, Calendar as Qe, Card as $e, Carousel as et, Center as tt, ChatComposer as nt, ChatComposerDrawer as rt, ChatComposerInput as it, ChatComposerTokenElement as at, ChatDictationButton as ot, ChatLayout as st, ChatLayoutScrollButton as ct, ChatMessage as lt, ChatMessageBubble as ut, ChatMessageList as dt, ChatMessageMetadata as ft, ChatSendButton as pt, ChatSystemMessage as mt, ChatTokenizedText as ht, ChatToolCalls as gt, CheckIndicator as _t, CheckboxIndicator as vt, CheckboxInput as yt, CheckboxList as bt, CheckboxListItem as xt, Citation as St, ClickableCard as Ct, Code as wt, CodeBlock as Tt, Collapsible as Et, CollapsibleGroup as Dt, CommandPalette as Ot, CommandPaletteEmpty as kt, CommandPaletteFooter as At, CommandPaletteGroup as jt, CommandPaletteInput as Mt, CommandPaletteItem as Nt, CommandPaletteList as Pt, ContextMenu as Ft, ContextMenuCheckboxItem as It, ContextMenuDivider as Lt, ContextMenuGroup as Rt, ContextMenuItem as zt, ContextMenuRadioGroup as Bt, ContextMenuRadioItem as Vt, ContextMenuSubMenu as Ht, DATE_FORMAT_LONG as Ut, DATE_FORMAT_MONTH_ONLY as Wt, DATE_FORMAT_MONTH_YEAR as Gt, DATE_FORMAT_SHORT as Kt, DATE_FORMAT_SHORT_WITH_WEEKDAY as qt, DATE_FORMAT_SHORT_WITH_YEAR as Jt, DATE_FORMAT_WEEKDAY_ONLY as Yt, DATE_FORMAT_WITH_WEEKDAY as Xt, DEFAULT_MIN_COLUMN_WIDTH as Zt, DEFAULT_WIDTH_BREAKPOINTS as Qt, DateInput as $t, DateRangeInput as en, DateTimeInput as tn, Divider as nn, DropdownMenu as rn, DropdownMenuCheckboxItem as an, DropdownMenuContext as on, DropdownMenuDivider as sn, DropdownMenuGroup as cn, DropdownMenuItem as ln, DropdownMenuRadioGroup as un, DropdownMenuRadioItem as dn, DropdownMenuSubMenu as fn, EDGE_COMP_ATTR as pn, EmptyState as mn, Field as hn, FieldLabel as gn, FieldStatus as _n, FileInput as vn, FormLayout as yn, FormLayoutContext as bn, Grid as xn, GridSpan as Sn, HStack as Cn, Heading as wn, HoverCard as Tn, INTERACTIVE_SELECTORS as En, Icon as Dn, IconButton as On, InputClearButton as kn, InputGroup as An, InputGroupText as jn, InteractiveRoleContext as Mn, InternationalizationContext as Nn, InternationalizationProvider as Pn, Item as Fn, Kbd as In, LayerProvider as Ln, Layout as Rn, LayoutAreaContext as zn, LayoutContent as Bn, LayoutDividerContext as Vn, LayoutFooter as Hn, LayoutHeader as Un, LayoutPanel as Wn, Lightbox as Gn, Link as Kn, LinkProvider as qn, List as Jn, ListItem as Yn, MENU_PRESS_MARKER as Xn, MENU_PRESS_SETTLE_MS as Zn, Markdown as Qn, MediaTheme as $n, MetadataList as er, MetadataListItem as tr, MobileNav as nr, MobileNavToggle as rr, MoreMenu as ir, MultiSelector as ar, NavHeadingCloseContext as or, NavHeadingMenu as sr, NavHeadingMenuContext as cr, NavHeadingMenuItem as lr, NavIcon as ur, NumberInput as dr, Outline as fr, OverflowList as pr, Overlay as mr, Pagination as hr, Popover as gr, PowerSearch as _r, PowerSearchFilterEditor as vr, PowerSearchToken as yr, ProgressBar as br, RadioIndicator as xr, RadioList as Sr, RadioListContext as Cr, RadioListItem as wr, ResizeHandle as Tr, SHARED_DATE_FORMAT_OPTIONS as Er, SYNC_TOKENIZE_THRESHOLD as Dr, ScrollableArea as Or, Section as kr, SegmentedControl as Ar, SegmentedControlItem as jr, SelectableCard as Mr, Selector as Nr, SelectorOption as Pr, SideNav as Fr, SideNavCollapseButton as Ir, SideNavHeading as Lr, SideNavItem as Rr, SideNavRenderContext as zr, SideNavSection as Br, SizeContext as Vr, SizeProvider as Hr, Skeleton as Ur, Slider as Wr, Spinner as Gr, Stack as Kr, StackItem as qr, StatusDot as Jr, Step as Yr, Stepper as Xr, Switch as Zr, SyntaxTheme as Qr, TOKEN_TYPES as $r, Tab as ei, TabList as ti, TabMenu as ni, Table as ri, TableBody as ii, TableCell as ai, TableContext as oi, TableFooter as si, TableHeader as ci, TableHeaderCell as li, TableRow as ui, TableSelectionToolbar as di, Text as fi, TextArea as pi, TextInput as mi, Theme as hi, ThemeContext as gi, Thumbnail as _i, TimeInput as vi, Timer as yi, Timestamp as bi, Toast as xi, ToggleButton as Si, ToggleButtonGroup as Ci, Token as wi, Tokenizer as Ti, Toolbar as Ei, Tooltip as Di, TopNav as Oi, TopNavHeading as ki, TopNavItem as Ai, TopNavMegaMenu as ji, TopNavMegaMenuFeaturedCard as Mi, TopNavMegaMenuItem as Ni, TopNavMenu as Pi, TopNavRenderContext as Fi, TreeList as Ii, Typeahead as Li, TypeaheadItem as Ri, VStack as zi, VisuallyHidden as Bi, WIDTH_BREAKPOINT_NAMES as Vi, adjustTime as Hi, applyHighlightRangesBatch as Ui, applyHighlightRangesChunked as Wi, applyHighlightRangesFlat as Gi, borderDefaults as Ki, borderVars as qi, characterCount as Ji, clampTime as Yi, cleanupRanges as Xi, colorDefaults as Zi, colorVars as Qi, compareTime as $i, composeEventHandlers as ea, container as ta, createISOTimeString as na, createIncrementalState as ra, createPowerSearchConfig as ia, createStaticSource as aa, dataTokenDefaults as oa, dateToISO as sa, decodeMarkdownCharacterReferences as ca, defaultIndicators as la, defineSyntaxTheme as ua, defineTheme as da, devError as fa, devWarn as pa, domainTokenDefaults as ma, durationDefaults as ha, durationVars as ga, easeDefaults as _a, easeVars as va, edgeCompSlot as ya, ensureHighlightStyles as ba, expandColorScale as xa, expandMotionScale as Sa, expandRadiusScale as Ca, expandTypeScale as wa, firstCharacter as Ta, flatTokensToLines as Ea, focusDefaults as Da, focusOutlineProps as Oa, focusOutlineStyles as ka, focusVars as Aa, fontWeightDefaults as ja, fontWeightVars as Ma, formatColor as Na, formatDevMessage as Pa, formatDisplayTime12h as Fa, formatDisplayTime24h as Ia, formatHex as La, formatISOTime as Ra, formatSharedDate as za, generateAdaptationCSS as Ba, generateColumns as Va, generateOnMediaCSS as Ha, generatePageRange as Ua, generateThemeCSS as Wa, generateThemeRules as Ga, generateThemeRulesSplit as Ka, generateTypeScaleComponents as qa, getDaysInMonth as Ja, getExtendedIcon as Ya, getIcon as Xa, getIconRegistry as Za, getIndicator as Qa, getInputARIA as $a, getItemGroup as eo, getKey as to, getLocaleDirection as no, getRegisteredTheme as ro, getRegisteredThemes as io, getWeekNumber as ao, groupItems as oo, hasActiveFocusTrapEscape as so, hasInteractiveAncestor as co, hasTextSelection as lo, indicatorScope as uo, inputStatusBorderStyles as fo, inputStatusFocusStyles as po, inputStatusFocusWithinStyles as mo, inputStatusHoverShadowStyles as ho, inputWrapperStyles as go, interactionOverlayStyles as _o, isDateInRange as vo, isDefinedTheme as yo, isFocusDetached as bo, isImeKeyEvent as xo, isLocaleDayFirst as So, isMenuPressActivation as Co, isRenderable as wo, isSameDay as To, isTimeInRange as Eo, menuPressStep as Do, mergeProps as Oo, mergeRefs as ko, observeResize as Ao, overlayPaddingReset as jo, paginateData as Mo, parseColor as No, parseDateInput as Po, parseHex as Fo, parseISO as Io, parseISOTime as Lo, parseInline as Ro, parseInlineAst as zo, parseMarkdown as Bo, parseMarkdownAst as Vo, parseMarkdownIncremental as Ho, parseOutlineFromMarkdown as Uo, parseRgb as Wo, parseStyleKey as Go, parseTimeInput as Ko, percent as qo, pixel as Jo, plainDateAddDays as Yo, plainDateAddMonths as Xo, plainDateCreate as Zo, plainDateDayOfWeek as Qo, plainDateFormat as $o, plainDateFromDate as es, plainDateFromISO as ts, plainDateFromInstant as ns, plainDateGetWeekNumber as rs, plainDateIsAfter as is, plainDateIsBefore as as, plainDateIsEqual as os, plainDateIsInRange as ss, plainDateMax as cs, plainDateMin as ls, plainDateSetEndOfWeekExclusive as us, plainDateSetFirstOfMonth as ds, plainDateSetStartOfWeek as fs, plainDateToDate as ps, plainDateToISO as ms, plainDateToInstant as hs, plainDateToday as gs, proportional as _s, radiusDefaults as vs, radiusVars as ys, registerIcons as bs, registerTheme as xs, renderIconSlot as Ss, resetIcons as Cs, resetThemes as ws, resolveColumnWidths as Ts, resolveContextActions as Es, resolveOperatorLabel as Ds, resolveSize as Os, resolveThemeToken as ks, resolveThemeTokens as As, rtlStyles as js, shadowDefaults as Ms, shadowVars as Ns, sizeDefaults as Ps, sizeVars as Fs, spacingDefaults as Is, spacingVars as Ls, stack as Rs, stackItem as zs, syntaxTokenDefaults as Bs, textSizeDefaults as Vs, textSizeVars as Hs, themeDataAttributes as Us, themeProps as Ws, toGLFloats as Gs, toSearchFilters as Ks, tokenDefaults as qs, tokenVar as Js, tokenVars as Ys, tokenize as Xs, tokenizeAsync as Zs, tokenizeStreaming as Qs, truncateCharacters as $s, typeScaleDefaults as ec, typeScaleVars as tc, typographyDefaults as nc, typographyVars as rc, unobserveResize as ic, useAnnounce as ac, useAppShellMobile as oc, useAvatarGroup as sc, useBaseTablePlugins as cc, useButtonGroup as lc, useCalendarConstraints as uc, useCalendarDays as dc, useCalendarNavigation as fc, useChatComposerContext as pc, useChatComposerTokens as mc, useChatDictation as hc, useChatLayoutContext as gc, useChatNewMessages as _c, useChatPasteAsToken as vc, useChatStreamScroll as yc, useClickableContainer as bc, useClipboard as xc, useCollapsible as Sc, useCollator as Cc, useCombobox as wc, useCommandPaletteContext as Tc, useContainerReveal as Ec, useDevWarning as Dc, useDirection as Oc, useDropdownMenuContext as kc, useEntryAnimation as Ac, useFocusTrap as jc, useGridFocus as Mc, useHotkeys as Nc, useHoverCard as Pc, useIcon as Fc, useImageMode as Ic, useIndicator as Lc, useIndicatorFocusRing as Rc, useInputContainer as zc, useInputGroup as Bc, useInputStatusIcon as Vc, useInteractiveRole as Hc, useInteractiveRoleContext as Uc, useKeyboardHint as Wc, useLayer as Gc, useLightbox as Kc, useLinkComponent as qc, useLinkify as Jc, useListFocus as Yc, useLocale as Xc, useLongPress as Zc, useMediaQuery as Qc, useMenuPress as $c, useMergedRefs as el, useMultiCombobox as tl, useNavHeadingCloseContext as nl, useNavHeadingMenuContext as rl, useOutlineFromDOM as il, useOutlineFromMarkdown as al, useOverflow as ol, useOverlay as sl, usePopover as cl, usePowerSearchConfig as ll, usePressFeedback as ul, useResizable as dl, useScrollLock as fl, useScrollOverflow as pl, useScrollableArea as ml, useSelectedItemOffset as hl, useSideNavCollapse as gl, useSideNavRenderMode as _l, useSize as vl, useSpeechRecognition as yl, useStepperContext as bl, useStreamingText as xl, useSyntaxTheme as Sl, useTabListContext as Cl, useTableColumnResize as wl, useTableColumnSettings as Tl, useTableColumnSettingsState as El, useTableFilterState as Dl, useTableFiltering as Ol, useTableGroupedRows as kl, useTablePagination as Al, useTableRowExpansion as jl, useTableRowIndex as Ml, useTableRowStatus as Nl, useTableSelection as Pl, useTableSelectionState as Fl, useTableSortable as Il, useTableSortableState as Ll, useTableStickyColumns as Rl, useTableTreeData as zl, useTableTreeState as Bl, useTheme as Vl, useThemeName as Hl, useToast as Ul, useTooltip as Wl, useTopNavRenderMode as Gl, useTranslator as Kl, useTreeFocus as ql, useTruncation as Jl, useTypeahead as Yl, visitMarkdownNodes as Xl, warnOnce as Zl } from "@astryxdesign/core";
|
|
65
|
+
export { c as AlertModal, Oe as AppShell, ke as AppShellMobileContext, Ae as AspectRatio, je as Avatar, Me as AvatarGroup, Ne as AvatarGroupOverflow, Pe as AvatarStatusDot, Fe as Badge, Ie as Banner, Le as BaseTypeahead, Re as Blockquote, d as Board, h as BoardItemTitle, g as BooleanToken, ze as BottomSheet, Be as BottomSheetSwitcher, Ve as BreadcrumbItem, He as BreadcrumbMenuCheckboxItem, Ue as BreadcrumbMenuDivider, We as BreadcrumbMenuGroup, Ge as BreadcrumbMenuItem, Ke as BreadcrumbMenuRadioGroup, qe as BreadcrumbMenuRadioItem, Je as BreadcrumbMenuSubMenu, Ye as Breadcrumbs, N as BulkEditFormItem, z as BulkErrorModal, Xe as Button, Ze as ButtonGroup, Qe as Calendar, $e as Card, et as Carousel, tt as Center, nt as ChatComposer, rt as ChatComposerDrawer, it as ChatComposerInput, at as ChatComposerTokenElement, ot as ChatDictationButton, st as ChatLayout, ct as ChatLayoutScrollButton, lt as ChatMessage, ut as ChatMessageBubble, dt as ChatMessageList, ft as ChatMessageMetadata, pt as ChatSendButton, mt as ChatSystemMessage, ht as ChatTokenizedText, gt as ChatToolCalls, _t as CheckIndicator, vt as CheckboxIndicator, yt as CheckboxInput, bt as CheckboxList, xt as CheckboxListItem, St as Citation, Ct as ClickableCard, wt as Code, Tt as CodeBlock, Et as Collapsible, Dt as CollapsibleGroup, B as ColorPicker, Ot as CommandPalette, kt as CommandPaletteEmpty, At as CommandPaletteFooter, jt as CommandPaletteGroup, Mt as CommandPaletteInput, Nt as CommandPaletteItem, Pt as CommandPaletteList, H as ComplexSelector, U as ConfirmPopover, Ft as ContextMenu, It as ContextMenuCheckboxItem, Lt as ContextMenuDivider, Rt as ContextMenuGroup, zt as ContextMenuItem, Bt as ContextMenuRadioGroup, Vt as ContextMenuRadioItem, Ht as ContextMenuSubMenu, W as CountBadge, G as CountdownBorder, Ut as DATE_FORMAT_LONG, Wt as DATE_FORMAT_MONTH_ONLY, Gt as DATE_FORMAT_MONTH_YEAR, Kt as DATE_FORMAT_SHORT, qt as DATE_FORMAT_SHORT_WITH_WEEKDAY, Jt as DATE_FORMAT_SHORT_WITH_YEAR, Yt as DATE_FORMAT_WEEKDAY_ONLY, Xt as DATE_FORMAT_WITH_WEEKDAY, f as DEFAULT_BOARD_COLUMN_BREAKPOINTS, Zt as DEFAULT_MIN_COLUMN_WIDTH, Qt as DEFAULT_WIDTH_BREAKPOINTS, I as DataGrid, P as DataGridExportModal, F as DataGridSettingsModal, $t as DateInput, en as DateRangeInput, tn as DateTimeInput, K as DeleteConfirmModal, ne as DialogHeader, J as DigitPopIn, Y as DividedRow, nn as Divider, X as DoubleBadge, Q as DoubleToken, rn as DropdownMenu, an as DropdownMenuCheckboxItem, on as DropdownMenuContext, sn as DropdownMenuDivider, cn as DropdownMenuGroup, ln as DropdownMenuItem, un as DropdownMenuRadioGroup, dn as DropdownMenuRadioItem, fn as DropdownMenuSubMenu, pn as EDGE_COMP_ATTR, mn as EmptyState, _ as ErrorList, $ as ErrorState, hn as Field, gn as FieldLabel, _n as FieldStatus, vn as FileInput, M as Form, v as FormConfigContext, w as FormConfigProvider, O as FormItem, y as FormItemInputContext, D as FormItemVisual, yn as FormLayout, bn as FormLayoutContext, k as FormList, E as FormProvider, C as FormStore, xn as Grid, Sn as GridSpan, Cn as HStack, wn as Heading, Tn as HoverCard, En as INTERACTIVE_SELECTORS, Dn as Icon, On as IconButton, m as IconWithTooltip, ee as ImageWithFallback, kn as InputClearButton, An as InputGroup, jn as InputGroupText, Mn as InteractiveRoleContext, Nn as InternationalizationContext, Pn as InternationalizationProvider, Fn as Item, In as Kbd, Ln as LayerProvider, Rn as Layout, zn as LayoutAreaContext, Bn as LayoutContent, Vn as LayoutDividerContext, Hn as LayoutFooter, Un as LayoutHeader, Wn as LayoutPanel, Gn as Lightbox, Kn as Link, qn as LinkProvider, Jn as List, te as ListBanner, Yn as ListItem, t as MAX_MODAL_LEVEL, Xn as MENU_PRESS_MARKER, Zn as MENU_PRESS_SETTLE_MS, n as MODAL_LIVE_ATTRIBUTE, r as MODAL_OPEN_ATTRIBUTE, Qn as Markdown, $n as MediaTheme, er as MetadataList, tr as MetadataListItem, nr as MobileNav, rr as MobileNavToggle, s as Modal, re as ModalHeader, ir as MoreMenu, ar as MultiSelector, or as NavHeadingCloseContext, sr as NavHeadingMenu, cr as NavHeadingMenuContext, lr as NavHeadingMenuItem, ur as NavIcon, b as NoStyleItemContext, ie as NotificationItem, ae as NotificationStack, dr as NumberInput, be as NumberStepper, oe as OVERLAY_SCROLLBAR_ATTRIBUTE, fr as Outline, pr as OverflowList, mr as Overlay, se as OverlayScrollbar, ce as PageHeader, le as PageLayout, ue as PagedSelector, hr as Pagination, gr as Popover, _r as PowerSearch, vr as PowerSearchFilterEditor, yr as PowerSearchToken, br as ProgressBar, de as ProgressWithLabel, xr as RadioIndicator, Sr as RadioList, Cr as RadioListContext, wr as RadioListItem, Tr as ResizeHandle, Er as SHARED_DATE_FORMAT_OPTIONS, Dr as SYNC_TOKENIZE_THRESHOLD, Or as ScrollableArea, kr as Section, Ar as SegmentedControl, jr as SegmentedControlItem, Mr as SelectableCard, fe as SelectionLabel, Nr as Selector, Pr as SelectorOption, Fr as SideNav, Ir as SideNavCollapseButton, Lr as SideNavHeading, Rr as SideNavItem, zr as SideNavRenderContext, Br as SideNavSection, Vr as SizeContext, Hr as SizeProvider, Ur as Skeleton, pe as SkeletonCard, me as SkeletonChart, he as SkeletonRow, e as SkeletonText, Wr as Slider, ge as SmoothHeight, Gr as Spinner, Kr as Stack, qr as StackItem, _e as StatCard, ye as Statistic, Jr as StatusDot, Yr as Step, Se as StepNumberInput, Xr as Stepper, Zr as Switch, Qr as SyntaxTheme, $r as TOKEN_TYPES, ei as Tab, ti as TabList, ni as TabMenu, ri as Table, ii as TableBody, ai as TableCell, oi as TableContext, si as TableFooter, ci as TableHeader, li as TableHeaderCell, ui as TableRow, di as TableSelectionToolbar, fi as Text, pi as TextArea, Z as TextHighlighter, mi as TextInput, hi as Theme, gi as ThemeContext, _i as Thumbnail, vi as TimeInput, yi as Timer, bi as Timestamp, xi as Toast, Si as ToggleButton, Ci as ToggleButtonGroup, wi as Token, Ce as TokenList, we as TokenRow, Ti as Tokenizer, Ei as Toolbar, Di as Tooltip, Oi as TopNav, ki as TopNavHeading, Ai as TopNavItem, ji as TopNavMegaMenu, Mi as TopNavMegaMenuFeaturedCard, Ni as TopNavMegaMenuItem, Pi as TopNavMenu, Fi as TopNavRenderContext, Ii as TreeList, Li as Typeahead, Ri as TypeaheadItem, Te as UncontrolledInput, Ee as UnitGrid, De as UnitGridSkeleton, zi as VStack, Bi as VisuallyHidden, Vi as WIDTH_BREAKPOINT_NAMES, Hi as adjustTime, Ui as applyHighlightRangesBatch, Wi as applyHighlightRangesChunked, Gi as applyHighlightRangesFlat, Ki as borderDefaults, qi as borderVars, Ji as characterCount, Yi as clampTime, Xi as cleanupRanges, Zi as colorDefaults, Qi as colorVars, p as columnsForWidth, $i as compareTime, ea as composeEventHandlers, i as configureModalZIndex, ta as container, na as createISOTimeString, ra as createIncrementalState, ia as createPowerSearchConfig, aa as createStaticSource, L as dataGridColumnLabel, oa as dataTokenDefaults, sa as dateToISO, ca as decodeMarkdownCharacterReferences, la as defaultIndicators, x as defaultValidateMessages, ua as defineSyntaxTheme, da as defineTheme, fa as devError, pa as devWarn, ma as domainTokenDefaults, ha as durationDefaults, ga as durationVars, _a as easeDefaults, va as easeVars, ya as edgeCompSlot, ba as ensureHighlightStyles, xa as expandColorScale, Sa as expandMotionScale, Ca as expandRadiusScale, wa as expandTypeScale, Ta as firstCharacter, Ea as flatTokensToLines, Da as focusDefaults, Oa as focusOutlineProps, ka as focusOutlineStyles, Aa as focusVars, ja as fontWeightDefaults, Ma as fontWeightVars, Na as formatColor, ve as formatCompactNumber, Pa as formatDevMessage, Fa as formatDisplayTime12h, Ia as formatDisplayTime24h, La as formatHex, Ra as formatISOTime, za as formatSharedDate, Ba as generateAdaptationCSS, Va as generateColumns, Ha as generateOnMediaCSS, Ua as generatePageRange, Wa as generateThemeCSS, Ga as generateThemeRules, Ka as generateThemeRulesSplit, qa as generateTypeScaleComponents, Ja as getDaysInMonth, Ya as getExtendedIcon, Xa as getIcon, Za as getIconRegistry, Qa as getIndicator, $a as getInputARIA, eo as getItemGroup, to as getKey, no as getLocaleDirection, xe as getNextStepIndex, ro as getRegisteredTheme, io as getRegisteredThemes, ao as getWeekNumber, oo as groupItems, so as hasActiveFocusTrapEscape, co as hasInteractiveAncestor, lo as hasTextSelection, uo as indicatorScope, fo as inputStatusBorderStyles, po as inputStatusFocusStyles, mo as inputStatusFocusWithinStyles, ho as inputStatusHoverShadowStyles, go as inputWrapperStyles, _o as interactionOverlayStyles, l as interpretItems, R as isDataGridColumnVisible, vo as isDateInRange, yo as isDefinedTheme, bo as isFocusDetached, xo as isImeKeyEvent, So as isLocaleDayFirst, Co as isMenuPressActivation, wo as isRenderable, To as isSameDay, Eo as isTimeInRange, Do as menuPressStep, Oo as mergeProps, ko as mergeRefs, Ao as observeResize, jo as overlayPaddingReset, Mo as paginateData, No as parseColor, Po as parseDateInput, Fo as parseHex, Io as parseISO, Lo as parseISOTime, Ro as parseInline, zo as parseInlineAst, Bo as parseMarkdown, Vo as parseMarkdownAst, Ho as parseMarkdownIncremental, Uo as parseOutlineFromMarkdown, Wo as parseRgb, Go as parseStyleKey, Ko as parseTimeInput, qo as percent, Jo as pixel, Yo as plainDateAddDays, Xo as plainDateAddMonths, Zo as plainDateCreate, Qo as plainDateDayOfWeek, $o as plainDateFormat, es as plainDateFromDate, ts as plainDateFromISO, ns as plainDateFromInstant, rs as plainDateGetWeekNumber, is as plainDateIsAfter, as as plainDateIsBefore, os as plainDateIsEqual, ss as plainDateIsInRange, cs as plainDateMax, ls as plainDateMin, us as plainDateSetEndOfWeekExclusive, ds as plainDateSetFirstOfMonth, fs as plainDateSetStartOfWeek, ps as plainDateToDate, ms as plainDateToISO, hs as plainDateToInstant, gs as plainDateToday, _s as proportional, vs as radiusDefaults, ys as radiusVars, a as refreshModalBackground, bs as registerIcons, xs as registerTheme, Ss as renderIconSlot, Cs as resetIcons, ws as resetThemes, Ts as resolveColumnWidths, Es as resolveContextActions, Ds as resolveOperatorLabel, Os as resolveSize, ks as resolveThemeToken, As as resolveThemeTokens, js as rtlStyles, Ms as shadowDefaults, Ns as shadowVars, Ps as sizeDefaults, Fs as sizeVars, Is as spacingDefaults, Ls as spacingVars, Rs as stack, zs as stackItem, Bs as syntaxTokenDefaults, Vs as textSizeDefaults, Hs as textSizeVars, Us as themeDataAttributes, Ws as themeProps, Gs as toGLFloats, V as toHexColor, Ks as toSearchFilters, qs as tokenDefaults, Js as tokenVar, Ys as tokenVars, Xs as tokenize, Zs as tokenizeAsync, Qs as tokenizeStreaming, u as transformItems, $s as truncateCharacters, ec as typeScaleDefaults, tc as typeScaleVars, nc as typographyDefaults, rc as typographyVars, ic as unobserveResize, ac as useAnnounce, oc as useAppShellMobile, sc as useAvatarGroup, cc as useBaseTablePlugins, lc as useButtonGroup, uc as useCalendarConstraints, dc as useCalendarDays, fc as useCalendarNavigation, pc as useChatComposerContext, mc as useChatComposerTokens, hc as useChatDictation, gc as useChatLayoutContext, _c as useChatNewMessages, vc as useChatPasteAsToken, yc as useChatStreamScroll, bc as useClickableContainer, xc as useClipboard, Sc as useCollapsible, Cc as useCollator, wc as useCombobox, Tc as useCommandPaletteContext, Ec as useContainerReveal, Dc as useDevWarning, Oc as useDirection, kc as useDropdownMenuContext, Ac as useEntryAnimation, jc as useFocusTrap, S as useForm, j as useFormInstance, T as useFormValidateMessages, Mc as useGridFocus, Nc as useHotkeys, Pc as useHoverCard, Fc as useIcon, Ic as useImageMode, Lc as useIndicator, Rc as useIndicatorFocusRing, zc as useInputContainer, Bc as useInputGroup, Vc as useInputStatusIcon, Hc as useInteractiveRole, Uc as useInteractiveRoleContext, Wc as useKeyboardHint, Gc as useLayer, Kc as useLightbox, qc as useLinkComponent, Jc as useLinkify, Yc as useListFocus, Xc as useLocale, Zc as useLongPress, Qc as useMediaQuery, $c as useMenuPress, el as useMergedRefs, o as useModalLevel, tl as useMultiCombobox, nl as useNavHeadingCloseContext, rl as useNavHeadingMenuContext, il as useOutlineFromDOM, al as useOutlineFromMarkdown, ol as useOverflow, sl as useOverlay, cl as usePopover, ll as usePowerSearchConfig, q as usePrefersReducedMotion, ul as usePressFeedback, dl as useResizable, fl as useScrollLock, pl as useScrollOverflow, ml as useScrollableArea, hl as useSelectedItemOffset, gl as useSideNavCollapse, _l as useSideNavRenderMode, vl as useSize, yl as useSpeechRecognition, bl as useStepperContext, xl as useStreamingText, Sl as useSyntaxTheme, Cl as useTabListContext, wl as useTableColumnResize, Tl as useTableColumnSettings, El as useTableColumnSettingsState, Dl as useTableFilterState, Ol as useTableFiltering, kl as useTableGroupedRows, Al as useTablePagination, jl as useTableRowExpansion, Ml as useTableRowIndex, Nl as useTableRowStatus, Pl as useTableSelection, Fl as useTableSelectionState, Il as useTableSortable, Ll as useTableSortableState, Rl as useTableStickyColumns, zl as useTableTreeData, Bl as useTableTreeState, Vl as useTheme, Hl as useThemeName, Ul as useToast, Wl as useTooltip, Gl as useTopNavRenderMode, Kl as useTranslator, ql as useTreeFocus, Jl as useTruncation, Yl as useTypeahead, A as useWatch, Xl as visitMarkdownNodes, Zl 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.
|
|
20
|
-
astryxVersion: "0.
|
|
19
|
+
version: "0.2.0-alpha.19",
|
|
20
|
+
astryxVersion: "0.7.0",
|
|
21
21
|
url: import.meta.url,
|
|
22
22
|
astryxIdentity: e
|
|
23
23
|
}, a = !1;
|