@rookcom/monarch-react 0.0.0-stage → 0.3.0
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/CHANGELOG.md +51 -0
- package/README.md +4 -2
- package/dist/components/actions/button/button.d.ts +40 -0
- package/dist/components/actions/button/button.d.ts.map +1 -0
- package/dist/components/actions/button/button.js +69 -0
- package/dist/components/actions/button/button.js.map +1 -0
- package/dist/components/actions/button/index.d.ts +2 -0
- package/dist/components/actions/button/index.d.ts.map +1 -0
- package/dist/components/actions/button/index.js +2 -0
- package/dist/components/actions/button/index.js.map +1 -0
- package/dist/components/actions/copy-button/copy-button.d.ts +71 -0
- package/dist/components/actions/copy-button/copy-button.d.ts.map +1 -0
- package/dist/components/actions/copy-button/copy-button.js +150 -0
- package/dist/components/actions/copy-button/copy-button.js.map +1 -0
- package/dist/components/actions/copy-button/index.d.ts +2 -0
- package/dist/components/actions/copy-button/index.d.ts.map +1 -0
- package/dist/components/actions/copy-button/index.js +2 -0
- package/dist/components/actions/copy-button/index.js.map +1 -0
- package/dist/components/actions/copy-field/copy-field.d.ts +47 -0
- package/dist/components/actions/copy-field/copy-field.d.ts.map +1 -0
- package/dist/components/actions/copy-field/copy-field.js +37 -0
- package/dist/components/actions/copy-field/copy-field.js.map +1 -0
- package/dist/components/actions/copy-field/index.d.ts +2 -0
- package/dist/components/actions/copy-field/index.d.ts.map +1 -0
- package/dist/components/actions/copy-field/index.js +2 -0
- package/dist/components/actions/copy-field/index.js.map +1 -0
- package/dist/components/billing/money/index.d.ts +2 -0
- package/dist/components/billing/money/index.d.ts.map +1 -0
- package/dist/components/billing/money/index.js +2 -0
- package/dist/components/billing/money/index.js.map +1 -0
- package/dist/components/billing/money/money.d.ts +44 -0
- package/dist/components/billing/money/money.d.ts.map +1 -0
- package/dist/components/billing/money/money.js +75 -0
- package/dist/components/billing/money/money.js.map +1 -0
- package/dist/components/data-display/accordion/accordion.d.ts +17 -0
- package/dist/components/data-display/accordion/accordion.d.ts.map +1 -0
- package/dist/components/data-display/accordion/accordion.js +23 -0
- package/dist/components/data-display/accordion/accordion.js.map +1 -0
- package/dist/components/data-display/accordion/index.d.ts +2 -0
- package/dist/components/data-display/accordion/index.d.ts.map +1 -0
- package/dist/components/data-display/accordion/index.js +2 -0
- package/dist/components/data-display/accordion/index.js.map +1 -0
- package/dist/components/data-display/badge/badge.d.ts +13 -0
- package/dist/components/data-display/badge/badge.d.ts.map +1 -0
- package/dist/components/data-display/badge/badge.js +7 -0
- package/dist/components/data-display/badge/badge.js.map +1 -0
- package/dist/components/data-display/badge/index.d.ts +2 -0
- package/dist/components/data-display/badge/index.d.ts.map +1 -0
- package/dist/components/data-display/badge/index.js +2 -0
- package/dist/components/data-display/badge/index.js.map +1 -0
- package/dist/components/data-display/card/card.d.ts +18 -0
- package/dist/components/data-display/card/card.d.ts.map +1 -0
- package/dist/components/data-display/card/card.js +21 -0
- package/dist/components/data-display/card/card.js.map +1 -0
- package/dist/components/data-display/card/index.d.ts +2 -0
- package/dist/components/data-display/card/index.d.ts.map +1 -0
- package/dist/components/data-display/card/index.js +2 -0
- package/dist/components/data-display/card/index.js.map +1 -0
- package/dist/components/data-display/description-list/description-list.d.ts +17 -0
- package/dist/components/data-display/description-list/description-list.d.ts.map +1 -0
- package/dist/components/data-display/description-list/description-list.js +10 -0
- package/dist/components/data-display/description-list/description-list.js.map +1 -0
- package/dist/components/data-display/description-list/index.d.ts +2 -0
- package/dist/components/data-display/description-list/index.d.ts.map +1 -0
- package/dist/components/data-display/description-list/index.js +2 -0
- package/dist/components/data-display/description-list/index.js.map +1 -0
- package/dist/components/data-display/progress-bar/index.d.ts +2 -0
- package/dist/components/data-display/progress-bar/index.d.ts.map +1 -0
- package/dist/components/data-display/progress-bar/index.js +2 -0
- package/dist/components/data-display/progress-bar/index.js.map +1 -0
- package/dist/components/data-display/progress-bar/progress-bar.d.ts +57 -0
- package/dist/components/data-display/progress-bar/progress-bar.d.ts.map +1 -0
- package/dist/components/data-display/progress-bar/progress-bar.js +57 -0
- package/dist/components/data-display/progress-bar/progress-bar.js.map +1 -0
- package/dist/components/data-display/relative-time/index.d.ts +2 -0
- package/dist/components/data-display/relative-time/index.d.ts.map +1 -0
- package/dist/components/data-display/relative-time/index.js +2 -0
- package/dist/components/data-display/relative-time/index.js.map +1 -0
- package/dist/components/data-display/relative-time/relative-time.d.ts +66 -0
- package/dist/components/data-display/relative-time/relative-time.d.ts.map +1 -0
- package/dist/components/data-display/relative-time/relative-time.js +102 -0
- package/dist/components/data-display/relative-time/relative-time.js.map +1 -0
- package/dist/components/data-display/stat-card/index.d.ts +2 -0
- package/dist/components/data-display/stat-card/index.d.ts.map +1 -0
- package/dist/components/data-display/stat-card/index.js +2 -0
- package/dist/components/data-display/stat-card/index.js.map +1 -0
- package/dist/components/data-display/stat-card/stat-card.d.ts +19 -0
- package/dist/components/data-display/stat-card/stat-card.d.ts.map +1 -0
- package/dist/components/data-display/stat-card/stat-card.js +11 -0
- package/dist/components/data-display/stat-card/stat-card.js.map +1 -0
- package/dist/components/data-display/status-badge/index.d.ts +2 -0
- package/dist/components/data-display/status-badge/index.d.ts.map +1 -0
- package/dist/components/data-display/status-badge/index.js +2 -0
- package/dist/components/data-display/status-badge/index.js.map +1 -0
- package/dist/components/data-display/status-badge/status-badge.d.ts +169 -0
- package/dist/components/data-display/status-badge/status-badge.d.ts.map +1 -0
- package/dist/components/data-display/status-badge/status-badge.js +139 -0
- package/dist/components/data-display/status-badge/status-badge.js.map +1 -0
- package/dist/components/data-grid/data-table/data-table.d.ts +53 -0
- package/dist/components/data-grid/data-table/data-table.d.ts.map +1 -0
- package/dist/components/data-grid/data-table/data-table.js +47 -0
- package/dist/components/data-grid/data-table/data-table.js.map +1 -0
- package/dist/components/data-grid/data-table/index.d.ts +2 -0
- package/dist/components/data-grid/data-table/index.d.ts.map +1 -0
- package/dist/components/data-grid/data-table/index.js +2 -0
- package/dist/components/data-grid/data-table/index.js.map +1 -0
- package/dist/components/data-grid/load-more/index.d.ts +2 -0
- package/dist/components/data-grid/load-more/index.d.ts.map +1 -0
- package/dist/components/data-grid/load-more/index.js +2 -0
- package/dist/components/data-grid/load-more/index.js.map +1 -0
- package/dist/components/data-grid/load-more/load-more.d.ts +97 -0
- package/dist/components/data-grid/load-more/load-more.d.ts.map +1 -0
- package/dist/components/data-grid/load-more/load-more.js +184 -0
- package/dist/components/data-grid/load-more/load-more.js.map +1 -0
- package/dist/components/feedback/alert/alert.d.ts +17 -0
- package/dist/components/feedback/alert/alert.d.ts.map +1 -0
- package/dist/components/feedback/alert/alert.js +17 -0
- package/dist/components/feedback/alert/alert.js.map +1 -0
- package/dist/components/feedback/alert/index.d.ts +2 -0
- package/dist/components/feedback/alert/index.d.ts.map +1 -0
- package/dist/components/feedback/alert/index.js +2 -0
- package/dist/components/feedback/alert/index.js.map +1 -0
- package/dist/components/feedback/callout-banner/callout-banner.d.ts +66 -0
- package/dist/components/feedback/callout-banner/callout-banner.d.ts.map +1 -0
- package/dist/components/feedback/callout-banner/callout-banner.js +35 -0
- package/dist/components/feedback/callout-banner/callout-banner.js.map +1 -0
- package/dist/components/feedback/callout-banner/index.d.ts +2 -0
- package/dist/components/feedback/callout-banner/index.d.ts.map +1 -0
- package/dist/components/feedback/callout-banner/index.js +2 -0
- package/dist/components/feedback/callout-banner/index.js.map +1 -0
- package/dist/components/feedback/empty-state/empty-state.d.ts +59 -0
- package/dist/components/feedback/empty-state/empty-state.d.ts.map +1 -0
- package/dist/components/feedback/empty-state/empty-state.js +16 -0
- package/dist/components/feedback/empty-state/empty-state.js.map +1 -0
- package/dist/components/feedback/empty-state/index.d.ts +2 -0
- package/dist/components/feedback/empty-state/index.d.ts.map +1 -0
- package/dist/components/feedback/empty-state/index.js +2 -0
- package/dist/components/feedback/empty-state/index.js.map +1 -0
- package/dist/components/feedback/error-page/error-page.d.ts +66 -0
- package/dist/components/feedback/error-page/error-page.d.ts.map +1 -0
- package/dist/components/feedback/error-page/error-page.js +43 -0
- package/dist/components/feedback/error-page/error-page.js.map +1 -0
- package/dist/components/feedback/error-page/index.d.ts +2 -0
- package/dist/components/feedback/error-page/index.d.ts.map +1 -0
- package/dist/components/feedback/error-page/index.js +2 -0
- package/dist/components/feedback/error-page/index.js.map +1 -0
- package/dist/components/feedback/error-state/error-state.boundary.d.ts +45 -0
- package/dist/components/feedback/error-state/error-state.boundary.d.ts.map +1 -0
- package/dist/components/feedback/error-state/error-state.boundary.js +40 -0
- package/dist/components/feedback/error-state/error-state.boundary.js.map +1 -0
- package/dist/components/feedback/error-state/error-state.d.ts +51 -0
- package/dist/components/feedback/error-state/error-state.d.ts.map +1 -0
- package/dist/components/feedback/error-state/error-state.js +47 -0
- package/dist/components/feedback/error-state/error-state.js.map +1 -0
- package/dist/components/feedback/error-state/index.d.ts +3 -0
- package/dist/components/feedback/error-state/index.d.ts.map +1 -0
- package/dist/components/feedback/error-state/index.js +3 -0
- package/dist/components/feedback/error-state/index.js.map +1 -0
- package/dist/components/feedback/inline-error-retry/index.d.ts +2 -0
- package/dist/components/feedback/inline-error-retry/index.d.ts.map +1 -0
- package/dist/components/feedback/inline-error-retry/index.js +2 -0
- package/dist/components/feedback/inline-error-retry/index.js.map +1 -0
- package/dist/components/feedback/inline-error-retry/inline-error-retry.d.ts +41 -0
- package/dist/components/feedback/inline-error-retry/inline-error-retry.d.ts.map +1 -0
- package/dist/components/feedback/inline-error-retry/inline-error-retry.js +75 -0
- package/dist/components/feedback/inline-error-retry/inline-error-retry.js.map +1 -0
- package/dist/components/feedback/inline-notice/index.d.ts +2 -0
- package/dist/components/feedback/inline-notice/index.d.ts.map +1 -0
- package/dist/components/feedback/inline-notice/index.js +2 -0
- package/dist/components/feedback/inline-notice/index.js.map +1 -0
- package/dist/components/feedback/inline-notice/inline-notice.d.ts +40 -0
- package/dist/components/feedback/inline-notice/inline-notice.d.ts.map +1 -0
- package/dist/components/feedback/inline-notice/inline-notice.js +29 -0
- package/dist/components/feedback/inline-notice/inline-notice.js.map +1 -0
- package/dist/components/feedback/loading-state/index.d.ts +2 -0
- package/dist/components/feedback/loading-state/index.d.ts.map +1 -0
- package/dist/components/feedback/loading-state/index.js +2 -0
- package/dist/components/feedback/loading-state/index.js.map +1 -0
- package/dist/components/feedback/loading-state/loading-state.d.ts +17 -0
- package/dist/components/feedback/loading-state/loading-state.d.ts.map +1 -0
- package/dist/components/feedback/loading-state/loading-state.js +12 -0
- package/dist/components/feedback/loading-state/loading-state.js.map +1 -0
- package/dist/components/feedback/skeleton/index.d.ts +2 -0
- package/dist/components/feedback/skeleton/index.d.ts.map +1 -0
- package/dist/components/feedback/skeleton/index.js +2 -0
- package/dist/components/feedback/skeleton/index.js.map +1 -0
- package/dist/components/feedback/skeleton/skeleton.d.ts +12 -0
- package/dist/components/feedback/skeleton/skeleton.d.ts.map +1 -0
- package/dist/components/feedback/skeleton/skeleton.js +10 -0
- package/dist/components/feedback/skeleton/skeleton.js.map +1 -0
- package/dist/components/feedback/spinner/index.d.ts +2 -0
- package/dist/components/feedback/spinner/index.d.ts.map +1 -0
- package/dist/components/feedback/spinner/index.js +2 -0
- package/dist/components/feedback/spinner/index.js.map +1 -0
- package/dist/components/feedback/spinner/spinner.d.ts +12 -0
- package/dist/components/feedback/spinner/spinner.d.ts.map +1 -0
- package/dist/components/feedback/spinner/spinner.js +10 -0
- package/dist/components/feedback/spinner/spinner.js.map +1 -0
- package/dist/components/feedback/toast/index.d.ts +2 -0
- package/dist/components/feedback/toast/index.d.ts.map +1 -0
- package/dist/components/feedback/toast/index.js +2 -0
- package/dist/components/feedback/toast/index.js.map +1 -0
- package/dist/components/feedback/toast/toast.d.ts +109 -0
- package/dist/components/feedback/toast/toast.d.ts.map +1 -0
- package/dist/components/feedback/toast/toast.js +187 -0
- package/dist/components/feedback/toast/toast.js.map +1 -0
- package/dist/components/forms/checkbox/checkbox.d.ts +15 -0
- package/dist/components/forms/checkbox/checkbox.d.ts.map +1 -0
- package/dist/components/forms/checkbox/checkbox.js +23 -0
- package/dist/components/forms/checkbox/checkbox.js.map +1 -0
- package/dist/components/forms/checkbox/index.d.ts +2 -0
- package/dist/components/forms/checkbox/index.d.ts.map +1 -0
- package/dist/components/forms/checkbox/index.js +2 -0
- package/dist/components/forms/checkbox/index.js.map +1 -0
- package/dist/components/forms/combobox/combobox.d.ts +35 -0
- package/dist/components/forms/combobox/combobox.d.ts.map +1 -0
- package/dist/components/forms/combobox/combobox.js +152 -0
- package/dist/components/forms/combobox/combobox.js.map +1 -0
- package/dist/components/forms/combobox/index.d.ts +2 -0
- package/dist/components/forms/combobox/index.d.ts.map +1 -0
- package/dist/components/forms/combobox/index.js +2 -0
- package/dist/components/forms/combobox/index.js.map +1 -0
- package/dist/components/forms/form-field/form-field.d.ts +104 -0
- package/dist/components/forms/form-field/form-field.d.ts.map +1 -0
- package/dist/components/forms/form-field/form-field.js +114 -0
- package/dist/components/forms/form-field/form-field.js.map +1 -0
- package/dist/components/forms/form-field/index.d.ts +2 -0
- package/dist/components/forms/form-field/index.d.ts.map +1 -0
- package/dist/components/forms/form-field/index.js +2 -0
- package/dist/components/forms/form-field/index.js.map +1 -0
- package/dist/components/forms/inline-edit-text/index.d.ts +2 -0
- package/dist/components/forms/inline-edit-text/index.d.ts.map +1 -0
- package/dist/components/forms/inline-edit-text/index.js +2 -0
- package/dist/components/forms/inline-edit-text/index.js.map +1 -0
- package/dist/components/forms/inline-edit-text/inline-edit-text.d.ts +63 -0
- package/dist/components/forms/inline-edit-text/inline-edit-text.d.ts.map +1 -0
- package/dist/components/forms/inline-edit-text/inline-edit-text.js +175 -0
- package/dist/components/forms/inline-edit-text/inline-edit-text.js.map +1 -0
- package/dist/components/forms/otp-pin-input/index.d.ts +2 -0
- package/dist/components/forms/otp-pin-input/index.d.ts.map +1 -0
- package/dist/components/forms/otp-pin-input/index.js +2 -0
- package/dist/components/forms/otp-pin-input/index.js.map +1 -0
- package/dist/components/forms/otp-pin-input/otp-pin-input.d.ts +32 -0
- package/dist/components/forms/otp-pin-input/otp-pin-input.d.ts.map +1 -0
- package/dist/components/forms/otp-pin-input/otp-pin-input.js +73 -0
- package/dist/components/forms/otp-pin-input/otp-pin-input.js.map +1 -0
- package/dist/components/forms/segmented-control/index.d.ts +2 -0
- package/dist/components/forms/segmented-control/index.d.ts.map +1 -0
- package/dist/components/forms/segmented-control/index.js +2 -0
- package/dist/components/forms/segmented-control/index.js.map +1 -0
- package/dist/components/forms/segmented-control/segmented-control.d.ts +62 -0
- package/dist/components/forms/segmented-control/segmented-control.d.ts.map +1 -0
- package/dist/components/forms/segmented-control/segmented-control.js +139 -0
- package/dist/components/forms/segmented-control/segmented-control.js.map +1 -0
- package/dist/components/forms/select/index.d.ts +2 -0
- package/dist/components/forms/select/index.d.ts.map +1 -0
- package/dist/components/forms/select/index.js +2 -0
- package/dist/components/forms/select/index.js.map +1 -0
- package/dist/components/forms/select/select.d.ts +27 -0
- package/dist/components/forms/select/select.d.ts.map +1 -0
- package/dist/components/forms/select/select.js +39 -0
- package/dist/components/forms/select/select.js.map +1 -0
- package/dist/components/forms/switch/index.d.ts +2 -0
- package/dist/components/forms/switch/index.d.ts.map +1 -0
- package/dist/components/forms/switch/index.js +2 -0
- package/dist/components/forms/switch/index.js.map +1 -0
- package/dist/components/forms/switch/switch.d.ts +13 -0
- package/dist/components/forms/switch/switch.d.ts.map +1 -0
- package/dist/components/forms/switch/switch.js +21 -0
- package/dist/components/forms/switch/switch.js.map +1 -0
- package/dist/components/forms/switch-settings-list/index.d.ts +2 -0
- package/dist/components/forms/switch-settings-list/index.d.ts.map +1 -0
- package/dist/components/forms/switch-settings-list/index.js +2 -0
- package/dist/components/forms/switch-settings-list/index.js.map +1 -0
- package/dist/components/forms/switch-settings-list/switch-settings-list.d.ts +58 -0
- package/dist/components/forms/switch-settings-list/switch-settings-list.d.ts.map +1 -0
- package/dist/components/forms/switch-settings-list/switch-settings-list.js +123 -0
- package/dist/components/forms/switch-settings-list/switch-settings-list.js.map +1 -0
- package/dist/components/forms/tag-input/index.d.ts +2 -0
- package/dist/components/forms/tag-input/index.d.ts.map +1 -0
- package/dist/components/forms/tag-input/index.js +2 -0
- package/dist/components/forms/tag-input/index.js.map +1 -0
- package/dist/components/forms/tag-input/tag-input.d.ts +60 -0
- package/dist/components/forms/tag-input/tag-input.d.ts.map +1 -0
- package/dist/components/forms/tag-input/tag-input.js +258 -0
- package/dist/components/forms/tag-input/tag-input.js.map +1 -0
- package/dist/components/forms/text-field/index.d.ts +2 -0
- package/dist/components/forms/text-field/index.d.ts.map +1 -0
- package/dist/components/forms/text-field/index.js +2 -0
- package/dist/components/forms/text-field/index.js.map +1 -0
- package/dist/components/forms/text-field/text-field.d.ts +15 -0
- package/dist/components/forms/text-field/text-field.d.ts.map +1 -0
- package/dist/components/forms/text-field/text-field.js +14 -0
- package/dist/components/forms/text-field/text-field.js.map +1 -0
- package/dist/components/geo/location-fields/index.d.ts +2 -0
- package/dist/components/geo/location-fields/index.d.ts.map +1 -0
- package/dist/components/geo/location-fields/index.js +2 -0
- package/dist/components/geo/location-fields/index.js.map +1 -0
- package/dist/components/geo/location-fields/location-fields.d.ts +104 -0
- package/dist/components/geo/location-fields/location-fields.d.ts.map +1 -0
- package/dist/components/geo/location-fields/location-fields.js +248 -0
- package/dist/components/geo/location-fields/location-fields.js.map +1 -0
- package/dist/components/identity/avatar/avatar.d.ts +68 -0
- package/dist/components/identity/avatar/avatar.d.ts.map +1 -0
- package/dist/components/identity/avatar/avatar.js +73 -0
- package/dist/components/identity/avatar/avatar.js.map +1 -0
- package/dist/components/identity/avatar/index.d.ts +2 -0
- package/dist/components/identity/avatar/index.d.ts.map +1 -0
- package/dist/components/identity/avatar/index.js +2 -0
- package/dist/components/identity/avatar/index.js.map +1 -0
- package/dist/components/identity/username-availability-input/index.d.ts +2 -0
- package/dist/components/identity/username-availability-input/index.d.ts.map +1 -0
- package/dist/components/identity/username-availability-input/index.js +2 -0
- package/dist/components/identity/username-availability-input/index.js.map +1 -0
- package/dist/components/identity/username-availability-input/username-availability-input.d.ts +71 -0
- package/dist/components/identity/username-availability-input/username-availability-input.d.ts.map +1 -0
- package/dist/components/identity/username-availability-input/username-availability-input.js +110 -0
- package/dist/components/identity/username-availability-input/username-availability-input.js.map +1 -0
- package/dist/components/layout/section-header/index.d.ts +2 -0
- package/dist/components/layout/section-header/index.d.ts.map +1 -0
- package/dist/components/layout/section-header/index.js +2 -0
- package/dist/components/layout/section-header/index.js.map +1 -0
- package/dist/components/layout/section-header/section-header.d.ts +49 -0
- package/dist/components/layout/section-header/section-header.d.ts.map +1 -0
- package/dist/components/layout/section-header/section-header.js +39 -0
- package/dist/components/layout/section-header/section-header.js.map +1 -0
- package/dist/components/layout/separator/index.d.ts +2 -0
- package/dist/components/layout/separator/index.d.ts.map +1 -0
- package/dist/components/layout/separator/index.js +2 -0
- package/dist/components/layout/separator/index.js.map +1 -0
- package/dist/components/layout/separator/separator.d.ts +4 -0
- package/dist/components/layout/separator/separator.d.ts.map +1 -0
- package/dist/components/layout/separator/separator.js +9 -0
- package/dist/components/layout/separator/separator.js.map +1 -0
- package/dist/components/layout/visually-hidden/index.d.ts +2 -0
- package/dist/components/layout/visually-hidden/index.d.ts.map +1 -0
- package/dist/components/layout/visually-hidden/index.js +2 -0
- package/dist/components/layout/visually-hidden/index.js.map +1 -0
- package/dist/components/layout/visually-hidden/visually-hidden.d.ts +4 -0
- package/dist/components/layout/visually-hidden/visually-hidden.d.ts.map +1 -0
- package/dist/components/layout/visually-hidden/visually-hidden.js +7 -0
- package/dist/components/layout/visually-hidden/visually-hidden.js.map +1 -0
- package/dist/components/navigation/back-link/back-link.d.ts +18 -0
- package/dist/components/navigation/back-link/back-link.d.ts.map +1 -0
- package/dist/components/navigation/back-link/back-link.js +16 -0
- package/dist/components/navigation/back-link/back-link.js.map +1 -0
- package/dist/components/navigation/back-link/index.d.ts +2 -0
- package/dist/components/navigation/back-link/index.d.ts.map +1 -0
- package/dist/components/navigation/back-link/index.js +2 -0
- package/dist/components/navigation/back-link/index.js.map +1 -0
- package/dist/components/navigation/breadcrumb/breadcrumb.d.ts +19 -0
- package/dist/components/navigation/breadcrumb/breadcrumb.d.ts.map +1 -0
- package/dist/components/navigation/breadcrumb/breadcrumb.js +19 -0
- package/dist/components/navigation/breadcrumb/breadcrumb.js.map +1 -0
- package/dist/components/navigation/breadcrumb/index.d.ts +2 -0
- package/dist/components/navigation/breadcrumb/index.d.ts.map +1 -0
- package/dist/components/navigation/breadcrumb/index.js +2 -0
- package/dist/components/navigation/breadcrumb/index.js.map +1 -0
- package/dist/components/navigation/link/index.d.ts +2 -0
- package/dist/components/navigation/link/index.d.ts.map +1 -0
- package/dist/components/navigation/link/index.js +2 -0
- package/dist/components/navigation/link/index.js.map +1 -0
- package/dist/components/navigation/link/link.d.ts +13 -0
- package/dist/components/navigation/link/link.d.ts.map +1 -0
- package/dist/components/navigation/link/link.js +18 -0
- package/dist/components/navigation/link/link.js.map +1 -0
- package/dist/components/navigation/pagination/index.d.ts +2 -0
- package/dist/components/navigation/pagination/index.d.ts.map +1 -0
- package/dist/components/navigation/pagination/index.js +2 -0
- package/dist/components/navigation/pagination/index.js.map +1 -0
- package/dist/components/navigation/pagination/pagination.d.ts +18 -0
- package/dist/components/navigation/pagination/pagination.d.ts.map +1 -0
- package/dist/components/navigation/pagination/pagination.js +40 -0
- package/dist/components/navigation/pagination/pagination.js.map +1 -0
- package/dist/components/navigation/tabs/index.d.ts +2 -0
- package/dist/components/navigation/tabs/index.d.ts.map +1 -0
- package/dist/components/navigation/tabs/index.js +2 -0
- package/dist/components/navigation/tabs/index.js.map +1 -0
- package/dist/components/navigation/tabs/tabs.d.ts +121 -0
- package/dist/components/navigation/tabs/tabs.d.ts.map +1 -0
- package/dist/components/navigation/tabs/tabs.js +127 -0
- package/dist/components/navigation/tabs/tabs.js.map +1 -0
- package/dist/components/overlays/confirm-dialog/confirm-dialog.d.ts +107 -0
- package/dist/components/overlays/confirm-dialog/confirm-dialog.d.ts.map +1 -0
- package/dist/components/overlays/confirm-dialog/confirm-dialog.js +186 -0
- package/dist/components/overlays/confirm-dialog/confirm-dialog.js.map +1 -0
- package/dist/components/overlays/confirm-dialog/index.d.ts +2 -0
- package/dist/components/overlays/confirm-dialog/index.d.ts.map +1 -0
- package/dist/components/overlays/confirm-dialog/index.js +2 -0
- package/dist/components/overlays/confirm-dialog/index.js.map +1 -0
- package/dist/components/overlays/dialog/dialog.d.ts +48 -0
- package/dist/components/overlays/dialog/dialog.d.ts.map +1 -0
- package/dist/components/overlays/dialog/dialog.js +35 -0
- package/dist/components/overlays/dialog/dialog.js.map +1 -0
- package/dist/components/overlays/dialog/index.d.ts +2 -0
- package/dist/components/overlays/dialog/index.d.ts.map +1 -0
- package/dist/components/overlays/dialog/index.js +2 -0
- package/dist/components/overlays/dialog/index.js.map +1 -0
- package/dist/components/overlays/dropdown-menu/dropdown-menu.d.ts +24 -0
- package/dist/components/overlays/dropdown-menu/dropdown-menu.d.ts.map +1 -0
- package/dist/components/overlays/dropdown-menu/dropdown-menu.js +41 -0
- package/dist/components/overlays/dropdown-menu/dropdown-menu.js.map +1 -0
- package/dist/components/overlays/dropdown-menu/index.d.ts +2 -0
- package/dist/components/overlays/dropdown-menu/index.d.ts.map +1 -0
- package/dist/components/overlays/dropdown-menu/index.js +2 -0
- package/dist/components/overlays/dropdown-menu/index.js.map +1 -0
- package/dist/components/overlays/popover/index.d.ts +2 -0
- package/dist/components/overlays/popover/index.d.ts.map +1 -0
- package/dist/components/overlays/popover/index.js +2 -0
- package/dist/components/overlays/popover/index.js.map +1 -0
- package/dist/components/overlays/popover/popover.d.ts +8 -0
- package/dist/components/overlays/popover/popover.d.ts.map +1 -0
- package/dist/components/overlays/popover/popover.js +14 -0
- package/dist/components/overlays/popover/popover.js.map +1 -0
- package/dist/components/overlays/responsive-dialog/index.d.ts +2 -0
- package/dist/components/overlays/responsive-dialog/index.d.ts.map +1 -0
- package/dist/components/overlays/responsive-dialog/index.js +2 -0
- package/dist/components/overlays/responsive-dialog/index.js.map +1 -0
- package/dist/components/overlays/responsive-dialog/responsive-dialog.d.ts +25 -0
- package/dist/components/overlays/responsive-dialog/responsive-dialog.d.ts.map +1 -0
- package/dist/components/overlays/responsive-dialog/responsive-dialog.js +22 -0
- package/dist/components/overlays/responsive-dialog/responsive-dialog.js.map +1 -0
- package/dist/components/overlays/sheet/index.d.ts +2 -0
- package/dist/components/overlays/sheet/index.d.ts.map +1 -0
- package/dist/components/overlays/sheet/index.js +2 -0
- package/dist/components/overlays/sheet/index.js.map +1 -0
- package/dist/components/overlays/sheet/sheet.d.ts +53 -0
- package/dist/components/overlays/sheet/sheet.d.ts.map +1 -0
- package/dist/components/overlays/sheet/sheet.js +43 -0
- package/dist/components/overlays/sheet/sheet.js.map +1 -0
- package/dist/components/overlays/tooltip/index.d.ts +2 -0
- package/dist/components/overlays/tooltip/index.d.ts.map +1 -0
- package/dist/components/overlays/tooltip/index.js +2 -0
- package/dist/components/overlays/tooltip/index.js.map +1 -0
- package/dist/components/overlays/tooltip/tooltip.d.ts +20 -0
- package/dist/components/overlays/tooltip/tooltip.d.ts.map +1 -0
- package/dist/components/overlays/tooltip/tooltip.js +12 -0
- package/dist/components/overlays/tooltip/tooltip.js.map +1 -0
- package/dist/components/search/search-input/index.d.ts +2 -0
- package/dist/components/search/search-input/index.d.ts.map +1 -0
- package/dist/components/search/search-input/index.js +2 -0
- package/dist/components/search/search-input/index.js.map +1 -0
- package/dist/components/search/search-input/search-input.d.ts +48 -0
- package/dist/components/search/search-input/search-input.d.ts.map +1 -0
- package/dist/components/search/search-input/search-input.js +140 -0
- package/dist/components/search/search-input/search-input.js.map +1 -0
- package/dist/components/technical/secret-field/index.d.ts +2 -0
- package/dist/components/technical/secret-field/index.d.ts.map +1 -0
- package/dist/components/technical/secret-field/index.js +2 -0
- package/dist/components/technical/secret-field/index.js.map +1 -0
- package/dist/components/technical/secret-field/secret-field.d.ts +38 -0
- package/dist/components/technical/secret-field/secret-field.d.ts.map +1 -0
- package/dist/components/technical/secret-field/secret-field.js +42 -0
- package/dist/components/technical/secret-field/secret-field.js.map +1 -0
- package/dist/components/typography/kbd/index.d.ts +2 -0
- package/dist/components/typography/kbd/index.d.ts.map +1 -0
- package/dist/components/typography/kbd/index.js +2 -0
- package/dist/components/typography/kbd/index.js.map +1 -0
- package/dist/components/typography/kbd/kbd.d.ts +4 -0
- package/dist/components/typography/kbd/kbd.d.ts.map +1 -0
- package/dist/components/typography/kbd/kbd.js +7 -0
- package/dist/components/typography/kbd/kbd.js.map +1 -0
- package/dist/entries/marketing.d.ts +9 -0
- package/dist/entries/marketing.d.ts.map +1 -0
- package/dist/entries/marketing.js +9 -0
- package/dist/entries/marketing.js.map +1 -0
- package/dist/index.d.ts +64 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +67 -0
- package/dist/index.js.map +1 -0
- package/dist/internal/cx.d.ts +3 -0
- package/dist/internal/cx.d.ts.map +1 -0
- package/dist/internal/cx.js +6 -0
- package/dist/internal/cx.js.map +1 -0
- package/dist/internal/dismiss.d.ts +23 -0
- package/dist/internal/dismiss.d.ts.map +1 -0
- package/dist/internal/dismiss.js +36 -0
- package/dist/internal/dismiss.js.map +1 -0
- package/dist/internal/dismissible.d.ts +26 -0
- package/dist/internal/dismissible.d.ts.map +1 -0
- package/dist/internal/dismissible.js +82 -0
- package/dist/internal/dismissible.js.map +1 -0
- package/dist/internal/icons.d.ts +26 -0
- package/dist/internal/icons.d.ts.map +1 -0
- package/dist/internal/icons.js +81 -0
- package/dist/internal/icons.js.map +1 -0
- package/dist/internal/inert.d.ts +7 -0
- package/dist/internal/inert.d.ts.map +1 -0
- package/dist/internal/inert.js +10 -0
- package/dist/internal/inert.js.map +1 -0
- package/dist/manifest.json +8532 -0
- package/dist/patterns/actions/toolbar/index.d.ts +2 -0
- package/dist/patterns/actions/toolbar/index.d.ts.map +1 -0
- package/dist/patterns/actions/toolbar/index.js +2 -0
- package/dist/patterns/actions/toolbar/index.js.map +1 -0
- package/dist/patterns/actions/toolbar/toolbar.d.ts +20 -0
- package/dist/patterns/actions/toolbar/toolbar.d.ts.map +1 -0
- package/dist/patterns/actions/toolbar/toolbar.js +46 -0
- package/dist/patterns/actions/toolbar/toolbar.js.map +1 -0
- package/dist/patterns/layout/marketing-hero/index.d.ts +2 -0
- package/dist/patterns/layout/marketing-hero/index.d.ts.map +1 -0
- package/dist/patterns/layout/marketing-hero/index.js +2 -0
- package/dist/patterns/layout/marketing-hero/index.js.map +1 -0
- package/dist/patterns/layout/marketing-hero/marketing-hero.d.ts +24 -0
- package/dist/patterns/layout/marketing-hero/marketing-hero.d.ts.map +1 -0
- package/dist/patterns/layout/marketing-hero/marketing-hero.js +7 -0
- package/dist/patterns/layout/marketing-hero/marketing-hero.js.map +1 -0
- package/dist/patterns/layout/marketing-section-blocks/index.d.ts +7 -0
- package/dist/patterns/layout/marketing-section-blocks/index.d.ts.map +1 -0
- package/dist/patterns/layout/marketing-section-blocks/index.js +7 -0
- package/dist/patterns/layout/marketing-section-blocks/index.js.map +1 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.cta-band.d.ts +15 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.cta-band.d.ts.map +1 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.cta-band.js +7 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.cta-band.js.map +1 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.d.ts +37 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.d.ts.map +1 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.faq.d.ts +23 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.faq.d.ts.map +1 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.faq.js +15 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.faq.js.map +1 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.feature-grid.d.ts +25 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.feature-grid.d.ts.map +1 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.feature-grid.js +10 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.feature-grid.js.map +1 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.js +14 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.js.map +1 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.product-frame.d.ts +25 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.product-frame.d.ts.map +1 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.product-frame.js +12 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.product-frame.js.map +1 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.stat-strip.d.ts +14 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.stat-strip.d.ts.map +1 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.stat-strip.js +7 -0
- package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.stat-strip.js.map +1 -0
- package/dist/patterns/layout/marketing-site-shell/index.d.ts +4 -0
- package/dist/patterns/layout/marketing-site-shell/index.d.ts.map +1 -0
- package/dist/patterns/layout/marketing-site-shell/index.js +3 -0
- package/dist/patterns/layout/marketing-site-shell/index.js.map +1 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.d.ts +31 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.d.ts.map +1 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.footer.d.ts +33 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.footer.d.ts.map +1 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.footer.js +11 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.footer.js.map +1 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.js +32 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.js.map +1 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.link.d.ts +10 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.link.d.ts.map +1 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.link.js +8 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.link.js.map +1 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.types.d.ts +24 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.types.d.ts.map +1 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.types.js +4 -0
- package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.types.js.map +1 -0
- package/dist/patterns/layout/page-header/index.d.ts +2 -0
- package/dist/patterns/layout/page-header/index.d.ts.map +1 -0
- package/dist/patterns/layout/page-header/index.js +2 -0
- package/dist/patterns/layout/page-header/index.js.map +1 -0
- package/dist/patterns/layout/page-header/page-header.d.ts +17 -0
- package/dist/patterns/layout/page-header/page-header.d.ts.map +1 -0
- package/dist/patterns/layout/page-header/page-header.js +7 -0
- package/dist/patterns/layout/page-header/page-header.js.map +1 -0
- package/dist/patterns/layout/settings-section/index.d.ts +2 -0
- package/dist/patterns/layout/settings-section/index.d.ts.map +1 -0
- package/dist/patterns/layout/settings-section/index.js +2 -0
- package/dist/patterns/layout/settings-section/index.js.map +1 -0
- package/dist/patterns/layout/settings-section/settings-section.d.ts +33 -0
- package/dist/patterns/layout/settings-section/settings-section.d.ts.map +1 -0
- package/dist/patterns/layout/settings-section/settings-section.js +15 -0
- package/dist/patterns/layout/settings-section/settings-section.js.map +1 -0
- package/dist/patterns/layout/split-layout/index.d.ts +2 -0
- package/dist/patterns/layout/split-layout/index.d.ts.map +1 -0
- package/dist/patterns/layout/split-layout/index.js +2 -0
- package/dist/patterns/layout/split-layout/index.js.map +1 -0
- package/dist/patterns/layout/split-layout/split-layout.d.ts +21 -0
- package/dist/patterns/layout/split-layout/split-layout.d.ts.map +1 -0
- package/dist/patterns/layout/split-layout/split-layout.js +10 -0
- package/dist/patterns/layout/split-layout/split-layout.js.map +1 -0
- package/dist/patterns/search/filter-bar/filter-bar.d.ts +25 -0
- package/dist/patterns/search/filter-bar/filter-bar.d.ts.map +1 -0
- package/dist/patterns/search/filter-bar/filter-bar.js +13 -0
- package/dist/patterns/search/filter-bar/filter-bar.js.map +1 -0
- package/dist/patterns/search/filter-bar/index.d.ts +2 -0
- package/dist/patterns/search/filter-bar/index.d.ts.map +1 -0
- package/dist/patterns/search/filter-bar/index.js +2 -0
- package/dist/patterns/search/filter-bar/index.js.map +1 -0
- package/dist/styles.css +5621 -0
- package/package.json +75 -4
|
@@ -0,0 +1,186 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef, useCallback, useEffect, useId, useRef, useState, } from 'react';
|
|
4
|
+
import { cx } from '../../../internal/cx.js';
|
|
5
|
+
import { WarningGlyph } from '../../../internal/icons.js';
|
|
6
|
+
import { Button } from '../../actions/button/index.js';
|
|
7
|
+
import { Alert } from '../../feedback/alert/index.js';
|
|
8
|
+
import { Field, FieldDescription, FieldError, FieldLabel } from '../../forms/form-field/index.js';
|
|
9
|
+
import { Input, Textarea } from '../../forms/text-field/index.js';
|
|
10
|
+
import { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from '../dialog/index.js';
|
|
11
|
+
const DEFAULT_ERROR = 'That did not work. Try again.';
|
|
12
|
+
function defaultErrorMessage(error) {
|
|
13
|
+
return error instanceof Error && error.message ? error.message : DEFAULT_ERROR;
|
|
14
|
+
}
|
|
15
|
+
function isThenable(value) {
|
|
16
|
+
return (typeof value === 'object' &&
|
|
17
|
+
value !== null &&
|
|
18
|
+
typeof value.then === 'function');
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Confirmation for consequential actions, built on Dialog with
|
|
22
|
+
* `role="alertdialog"`. Supports a danger tone, a consequence list,
|
|
23
|
+
* type-to-confirm, an optional or required reason, and async actions with
|
|
24
|
+
* pending and error states. Focus starts on Cancel, the least destructive
|
|
25
|
+
* action, and nothing dismisses the dialog while the action runs.
|
|
26
|
+
*/
|
|
27
|
+
export const ConfirmDialog = forwardRef(function ConfirmDialog({ open: openProp, defaultOpen = false, onOpenChange, trigger, title, description, consequences, children, tone = 'default', confirmLabel = 'Confirm', cancelLabel = 'Cancel', confirmPhrase, confirmPhraseLabel, confirmPhraseMismatch = 'The text does not match.', reason, onConfirm, onCancel, pending: pendingProp, error: errorProp, errorMessage = defaultErrorMessage, closeOnConfirm = true, initialFocus = 'cancel', size = 'sm', closeOnOutsideClick = false, closeLabel = null, onOpenAutoFocus, className, ...rest }, ref) {
|
|
28
|
+
const [openState, setOpenState] = useState(defaultOpen);
|
|
29
|
+
const open = openProp ?? openState;
|
|
30
|
+
const [phrase, setPhrase] = useState('');
|
|
31
|
+
const [reasonText, setReasonText] = useState('');
|
|
32
|
+
const [running, setRunning] = useState(false);
|
|
33
|
+
const [failure, setFailure] = useState(null);
|
|
34
|
+
const [attempted, setAttempted] = useState(false);
|
|
35
|
+
const cancelRef = useRef(null);
|
|
36
|
+
const fieldRef = useRef(null);
|
|
37
|
+
const mounted = useRef(true);
|
|
38
|
+
const errorId = useId();
|
|
39
|
+
useEffect(() => {
|
|
40
|
+
mounted.current = true;
|
|
41
|
+
return () => {
|
|
42
|
+
mounted.current = false;
|
|
43
|
+
};
|
|
44
|
+
}, []);
|
|
45
|
+
// Every opening starts clean: no typed phrase, reason or old error.
|
|
46
|
+
useEffect(() => {
|
|
47
|
+
if (open) {
|
|
48
|
+
setPhrase('');
|
|
49
|
+
setReasonText('');
|
|
50
|
+
setFailure(null);
|
|
51
|
+
setAttempted(false);
|
|
52
|
+
}
|
|
53
|
+
}, [open]);
|
|
54
|
+
const pending = pendingProp ?? running;
|
|
55
|
+
const shownError = errorProp ?? failure;
|
|
56
|
+
const phraseOk = confirmPhrase === undefined || phrase.trim() === confirmPhrase.trim();
|
|
57
|
+
const reasonOk = !reason?.required || reasonText.trim() !== '';
|
|
58
|
+
const blocked = !phraseOk || !reasonOk;
|
|
59
|
+
const setOpen = useCallback((next) => {
|
|
60
|
+
if (openProp === undefined)
|
|
61
|
+
setOpenState(next);
|
|
62
|
+
onOpenChange?.(next);
|
|
63
|
+
}, [openProp, onOpenChange]);
|
|
64
|
+
const handleOpenChange = (next) => {
|
|
65
|
+
if (!next && pending)
|
|
66
|
+
return;
|
|
67
|
+
if (!next)
|
|
68
|
+
onCancel?.();
|
|
69
|
+
setOpen(next);
|
|
70
|
+
};
|
|
71
|
+
const submit = async (event) => {
|
|
72
|
+
event?.preventDefault();
|
|
73
|
+
if (pending)
|
|
74
|
+
return;
|
|
75
|
+
if (blocked) {
|
|
76
|
+
setAttempted(true);
|
|
77
|
+
return;
|
|
78
|
+
}
|
|
79
|
+
setFailure(null);
|
|
80
|
+
const trimmed = reasonText.trim();
|
|
81
|
+
const details = reason && trimmed !== '' ? { reason: trimmed } : {};
|
|
82
|
+
try {
|
|
83
|
+
const result = onConfirm(details);
|
|
84
|
+
if (isThenable(result)) {
|
|
85
|
+
setRunning(true);
|
|
86
|
+
await result;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
catch (error) {
|
|
90
|
+
if (mounted.current) {
|
|
91
|
+
setRunning(false);
|
|
92
|
+
setFailure(errorMessage(error));
|
|
93
|
+
}
|
|
94
|
+
return;
|
|
95
|
+
}
|
|
96
|
+
if (!mounted.current)
|
|
97
|
+
return;
|
|
98
|
+
setRunning(false);
|
|
99
|
+
if (closeOnConfirm)
|
|
100
|
+
setOpen(false);
|
|
101
|
+
};
|
|
102
|
+
const hasField = confirmPhrase !== undefined || reason !== undefined;
|
|
103
|
+
const hasBody = children !== undefined || (consequences && consequences.length > 0) || hasField;
|
|
104
|
+
return (_jsxs(Dialog, { open: open, onOpenChange: handleOpenChange, children: [trigger ? _jsx(DialogTrigger, { asChild: true, children: trigger }) : null, _jsx(DialogContent, { ref: ref, role: "alertdialog", ...rest, size: size, busy: pending, closeLabel: closeLabel, closeOnOutsideClick: closeOnOutsideClick, "data-tone": tone, className: cx('mn-confirm-dialog', className), onOpenAutoFocus: (event) => {
|
|
105
|
+
onOpenAutoFocus?.(event);
|
|
106
|
+
if (event.defaultPrevented)
|
|
107
|
+
return;
|
|
108
|
+
event.preventDefault();
|
|
109
|
+
const target = initialFocus === 'field' && fieldRef.current ? fieldRef.current : null;
|
|
110
|
+
(target ?? cancelRef.current)?.focus();
|
|
111
|
+
}, children: _jsxs("form", { className: "mn-confirm-dialog__form", onSubmit: submit, noValidate: true, children: [_jsxs(DialogHeader, { className: "mn-confirm-dialog__header", children: [tone === 'danger' ? (_jsx("span", { className: "mn-confirm-dialog__icon", "aria-hidden": true, children: _jsx(WarningGlyph, {}) })) : null, _jsx(DialogTitle, { children: title }), description ? _jsx(DialogDescription, { children: description }) : null] }), hasBody ? (_jsxs(DialogBody, { className: "mn-confirm-dialog__body", children: [children, consequences && consequences.length > 0 ? (_jsx("ul", { className: "mn-confirm-dialog__consequences", children: consequences.map((item, index) => (_jsx("li", { children: item }, index))) })) : null, reason ? (_jsxs(Field, { required: reason.required ?? false, invalid: attempted && !reasonOk, children: [_jsx(FieldLabel, { children: reason.label }), reason.description ? (_jsx(FieldDescription, { children: reason.description })) : null, _jsx(Textarea, { ref: confirmPhrase === undefined ? fieldRef : undefined, value: reasonText, onChange: (event) => {
|
|
112
|
+
setReasonText(event.target.value);
|
|
113
|
+
if (attempted)
|
|
114
|
+
setAttempted(false);
|
|
115
|
+
}, placeholder: reason.placeholder, maxLength: reason.maxLength ?? 1000, readOnly: pending, rows: 3 }), _jsx(FieldError, { children: attempted && !reasonOk
|
|
116
|
+
? (reason.requiredMessage ?? 'Enter a reason to continue.')
|
|
117
|
+
: null })] })) : null, confirmPhrase !== undefined ? (_jsxs(Field, { invalid: attempted && !phraseOk, children: [_jsx(FieldLabel, { children: confirmPhraseLabel ?? (_jsxs(_Fragment, { children: ["Type ", _jsx("span", { className: "mn-confirm-dialog__phrase", children: confirmPhrase }), " to confirm"] })) }), _jsx(Input, { ref: fieldRef, value: phrase, onChange: (event) => {
|
|
118
|
+
setPhrase(event.target.value);
|
|
119
|
+
if (attempted)
|
|
120
|
+
setAttempted(false);
|
|
121
|
+
}, onKeyDown: (event) => {
|
|
122
|
+
// A disabled submit button blocks implicit submission, so
|
|
123
|
+
// handle Enter here to report a mismatch instead of ignoring it.
|
|
124
|
+
if (event.key === 'Enter' && !event.nativeEvent.isComposing) {
|
|
125
|
+
event.preventDefault();
|
|
126
|
+
void submit();
|
|
127
|
+
}
|
|
128
|
+
}, readOnly: pending, autoComplete: "off", autoCapitalize: "off", autoCorrect: "off", spellCheck: false }), _jsx(FieldError, { children: attempted && !phraseOk ? confirmPhraseMismatch : null })] })) : null] })) : null, shownError ? (_jsx("div", { className: "mn-confirm-dialog__error", children: _jsx(Alert, { tone: "danger", live: "assertive", id: errorId, children: shownError }) })) : null, _jsxs(DialogFooter, { className: "mn-confirm-dialog__footer", children: [_jsx(DialogClose, { asChild: true, children: _jsx(Button, { ref: cancelRef, disabled: pending, children: cancelLabel }) }), _jsx(Button, { type: "submit", variant: tone === 'danger' ? 'danger' : 'primary', loading: pending, disabled: blocked, "aria-describedby": shownError ? errorId : undefined, children: confirmLabel })] })] }) })] }));
|
|
129
|
+
});
|
|
130
|
+
/**
|
|
131
|
+
* Where focus should return when the dialog closes: the focused element, or,
|
|
132
|
+
* when that is an item of a menu that is about to close, the menu's trigger.
|
|
133
|
+
*/
|
|
134
|
+
function focusReturnTarget() {
|
|
135
|
+
if (typeof document === 'undefined')
|
|
136
|
+
return null;
|
|
137
|
+
const active = document.activeElement instanceof HTMLElement ? document.activeElement : null;
|
|
138
|
+
const menuOwner = active?.closest('[role="menu"]')?.getAttribute('aria-labelledby');
|
|
139
|
+
const trigger = menuOwner ? document.getElementById(menuOwner) : null;
|
|
140
|
+
return trigger ?? active;
|
|
141
|
+
}
|
|
142
|
+
/**
|
|
143
|
+
* Imperative confirmation: `if (await confirm({ title: 'Delete note?' }))`.
|
|
144
|
+
* A replacement for `window.confirm` and `window.prompt` that is themed,
|
|
145
|
+
* accessible and can show consequences, a reason field and async progress.
|
|
146
|
+
*/
|
|
147
|
+
export function useConfirm() {
|
|
148
|
+
const [request, setRequest] = useState(null);
|
|
149
|
+
const [open, setOpen] = useState(false);
|
|
150
|
+
const resolver = useRef(null);
|
|
151
|
+
const counter = useRef(0);
|
|
152
|
+
const returnFocus = useRef(null);
|
|
153
|
+
const settle = useCallback((value) => {
|
|
154
|
+
resolver.current?.(value);
|
|
155
|
+
resolver.current = null;
|
|
156
|
+
}, []);
|
|
157
|
+
useEffect(() => () => settle(null), [settle]);
|
|
158
|
+
const confirm = useCallback((options) => {
|
|
159
|
+
settle(null);
|
|
160
|
+
returnFocus.current = focusReturnTarget();
|
|
161
|
+
counter.current += 1;
|
|
162
|
+
setRequest({ id: counter.current, options });
|
|
163
|
+
setOpen(true);
|
|
164
|
+
return new Promise((resolve) => {
|
|
165
|
+
resolver.current = resolve;
|
|
166
|
+
});
|
|
167
|
+
}, [settle]);
|
|
168
|
+
const options = request?.options;
|
|
169
|
+
const element = (_jsx(ConfirmDialog, { title: "", ...options, open: open && request !== null, onCloseAutoFocus: (event) => {
|
|
170
|
+
options?.onCloseAutoFocus?.(event);
|
|
171
|
+
const target = returnFocus.current;
|
|
172
|
+
if (event.defaultPrevented || !target?.isConnected)
|
|
173
|
+
return;
|
|
174
|
+
event.preventDefault();
|
|
175
|
+
target.focus();
|
|
176
|
+
}, onOpenChange: (next) => {
|
|
177
|
+
setOpen(next);
|
|
178
|
+
if (!next)
|
|
179
|
+
settle(null);
|
|
180
|
+
}, onConfirm: async (details) => {
|
|
181
|
+
await options?.onConfirm?.(details);
|
|
182
|
+
settle(details);
|
|
183
|
+
} }, request?.id ?? 0));
|
|
184
|
+
return { confirm, element };
|
|
185
|
+
}
|
|
186
|
+
//# sourceMappingURL=confirm-dialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"confirm-dialog.js","sourceRoot":"","sources":["../../../../src/components/overlays/confirm-dialog/confirm-dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/confirm-dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/overlays/confirm-dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef, type HTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
3
|
+
/**
|
|
4
|
+
* Modal dialog. Focus is trapped inside, Escape closes it, and focus returns
|
|
5
|
+
* to the trigger. Every dialog needs a DialogTitle (visually hidden if
|
|
6
|
+
* necessary) so it has an accessible name.
|
|
7
|
+
*/
|
|
8
|
+
export declare const Dialog: import("react").FC<DialogPrimitive.DialogProps>;
|
|
9
|
+
export declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
export declare const DialogClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
export interface DialogContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
|
|
12
|
+
/** Width preset: 24rem, 32rem (default), 44rem or 60rem, capped at the viewport minus 2rem. */
|
|
13
|
+
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
14
|
+
/** Accessible label of the built-in close button. Pass null to hide the button. */
|
|
15
|
+
closeLabel?: string | null;
|
|
16
|
+
/**
|
|
17
|
+
* Actions rendered in a DialogFooter after the children. The footer stays
|
|
18
|
+
* visible while DialogBody scrolls.
|
|
19
|
+
*/
|
|
20
|
+
footer?: ReactNode;
|
|
21
|
+
/**
|
|
22
|
+
* An action is in progress: Escape, outside clicks and the built-in close
|
|
23
|
+
* button no longer close the dialog, and the content is `aria-busy`.
|
|
24
|
+
* Disable your own Cancel button too.
|
|
25
|
+
*/
|
|
26
|
+
busy?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* Whether a click outside the dialog closes it. Default `true`; turn it off
|
|
29
|
+
* for forms with typed values so a stray click does not lose them. Escape
|
|
30
|
+
* and the close button still work.
|
|
31
|
+
*/
|
|
32
|
+
closeOnOutsideClick?: boolean;
|
|
33
|
+
/**
|
|
34
|
+
* Ignore Escape while focus is on a control whose own popup is open (a
|
|
35
|
+
* combobox or menu button with `aria-expanded="true"`), so that press only
|
|
36
|
+
* closes the popup. Default `true`.
|
|
37
|
+
*/
|
|
38
|
+
escapeGuard?: boolean;
|
|
39
|
+
/** Below 640px wide, fill the whole screen instead of floating with a margin. */
|
|
40
|
+
fullScreenOnPhone?: boolean;
|
|
41
|
+
}
|
|
42
|
+
export declare const DialogContent: import("react").ForwardRefExoticComponent<DialogContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
43
|
+
export declare function DialogHeader({ className, ...rest }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
44
|
+
export declare const DialogTitle: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
45
|
+
export declare const DialogDescription: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
46
|
+
export declare function DialogBody({ className, ...rest }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
47
|
+
export declare function DialogFooter({ className, ...rest }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
48
|
+
//# sourceMappingURL=dialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/dialog/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,wBAAwB,EAE7B,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAK1D;;;;GAIG;AACH,eAAO,MAAM,MAAM,iDAAuB,CAAC;AAC3C,eAAO,MAAM,aAAa,kIAA0B,CAAC;AACrD,eAAO,MAAM,WAAW,gIAAwB,CAAC;AAEjD,MAAM,WAAW,kBAAmB,SAAQ,wBAAwB,CAClE,OAAO,eAAe,CAAC,OAAO,CAC/B;IACC,+FAA+F;IAC/F,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,mFAAmF;IACnF,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iFAAiF;IACjF,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,aAAa,+GAmDxB,CAAC;AAEH,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAElF;AAED,eAAO,MAAM,WAAW,kMAOtB,CAAC;AAEH,eAAO,MAAM,iBAAiB,4MAW5B,CAAC;AAEH,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAEhF;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAElF"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef, } from 'react';
|
|
4
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
5
|
+
import { cx } from '../../../internal/cx.js';
|
|
6
|
+
import { CloseGlyph } from '../../../internal/icons.js';
|
|
7
|
+
import { dismissHandlers } from '../../../internal/dismiss.js';
|
|
8
|
+
/**
|
|
9
|
+
* Modal dialog. Focus is trapped inside, Escape closes it, and focus returns
|
|
10
|
+
* to the trigger. Every dialog needs a DialogTitle (visually hidden if
|
|
11
|
+
* necessary) so it has an accessible name.
|
|
12
|
+
*/
|
|
13
|
+
export const Dialog = DialogPrimitive.Root;
|
|
14
|
+
export const DialogTrigger = DialogPrimitive.Trigger;
|
|
15
|
+
export const DialogClose = DialogPrimitive.Close;
|
|
16
|
+
export const DialogContent = forwardRef(function DialogContent({ size = 'md', closeLabel = 'Close', footer, busy = false, closeOnOutsideClick = true, escapeGuard = true, fullScreenOnPhone = false, onEscapeKeyDown, onInteractOutside, className, children, ...rest }, ref) {
|
|
17
|
+
const guards = dismissHandlers({ busy, closeOnOutsideClick, escapeGuard }, { onEscapeKeyDown, onInteractOutside });
|
|
18
|
+
return (_jsxs(DialogPrimitive.Portal, { children: [_jsx(DialogPrimitive.Overlay, { className: "mn-overlay" }), _jsxs(DialogPrimitive.Content, { ref: ref, ...rest, ...guards, "aria-busy": busy || rest['aria-busy'] || undefined, "data-size": size, "data-busy": busy || undefined, "data-fullscreen-phone": fullScreenOnPhone || undefined, className: cx('mn-dialog', className), children: [children, footer ? _jsx(DialogFooter, { children: footer }) : null, closeLabel ? (_jsx(DialogPrimitive.Close, { className: "mn-dialog__close", "aria-label": closeLabel, disabled: busy || undefined, children: _jsx(CloseGlyph, {}) })) : null] })] }));
|
|
19
|
+
});
|
|
20
|
+
export function DialogHeader({ className, ...rest }) {
|
|
21
|
+
return _jsx("div", { ...rest, className: cx('mn-dialog__header', className) });
|
|
22
|
+
}
|
|
23
|
+
export const DialogTitle = forwardRef(function DialogTitle({ className, ...rest }, ref) {
|
|
24
|
+
return (_jsx(DialogPrimitive.Title, { ref: ref, ...rest, className: cx('mn-dialog__title', className) }));
|
|
25
|
+
});
|
|
26
|
+
export const DialogDescription = forwardRef(function DialogDescription({ className, ...rest }, ref) {
|
|
27
|
+
return (_jsx(DialogPrimitive.Description, { ref: ref, ...rest, className: cx('mn-dialog__description', className) }));
|
|
28
|
+
});
|
|
29
|
+
export function DialogBody({ className, ...rest }) {
|
|
30
|
+
return _jsx("div", { ...rest, className: cx('mn-dialog__body', className) });
|
|
31
|
+
}
|
|
32
|
+
export function DialogFooter({ className, ...rest }) {
|
|
33
|
+
return _jsx("div", { ...rest, className: cx('mn-dialog__footer', className) });
|
|
34
|
+
}
|
|
35
|
+
//# sourceMappingURL=dialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../../src/components/overlays/dialog/dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/overlays/dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
|
|
2
|
+
import * as Menu from '@radix-ui/react-dropdown-menu';
|
|
3
|
+
/** Action menu. Arrow keys move, typeahead jumps, Escape closes and restores focus. */
|
|
4
|
+
export declare const DropdownMenu: import("react").FC<Menu.DropdownMenuProps>;
|
|
5
|
+
export declare const DropdownMenuTrigger: import("react").ForwardRefExoticComponent<Menu.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
export declare const DropdownMenuGroup: import("react").ForwardRefExoticComponent<Menu.DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export declare const DropdownMenuRadioGroup: import("react").ForwardRefExoticComponent<Menu.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export declare const DropdownMenuSub: import("react").FC<Menu.DropdownMenuSubProps>;
|
|
9
|
+
export declare const DropdownMenuContent: import("react").ForwardRefExoticComponent<Omit<Menu.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
|
+
export interface DropdownMenuItemProps extends ComponentPropsWithoutRef<typeof Menu.Item> {
|
|
11
|
+
/** `danger` for destructive actions. Pair with a confirmation step. */
|
|
12
|
+
tone?: 'default' | 'danger';
|
|
13
|
+
icon?: ReactNode;
|
|
14
|
+
/** Keyboard shortcut hint, e.g. "⌘D". Display only. */
|
|
15
|
+
shortcut?: string;
|
|
16
|
+
}
|
|
17
|
+
export declare const DropdownMenuItem: import("react").ForwardRefExoticComponent<DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
18
|
+
export declare const DropdownMenuCheckboxItem: import("react").ForwardRefExoticComponent<Omit<Menu.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
19
|
+
export declare const DropdownMenuRadioItem: import("react").ForwardRefExoticComponent<Omit<Menu.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
20
|
+
export declare const DropdownMenuLabel: import("react").ForwardRefExoticComponent<Omit<Menu.DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
21
|
+
export declare const DropdownMenuSeparator: import("react").ForwardRefExoticComponent<Omit<Menu.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
22
|
+
export declare const DropdownMenuSubTrigger: import("react").ForwardRefExoticComponent<Omit<Menu.DropdownMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
23
|
+
export declare const DropdownMenuSubContent: import("react").ForwardRefExoticComponent<Omit<Menu.DropdownMenuSubContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
24
|
+
//# sourceMappingURL=dropdown-menu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,wBAAwB,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnG,OAAO,KAAK,IAAI,MAAM,+BAA+B,CAAC;AAItD,uFAAuF;AACvF,eAAO,MAAM,YAAY,4CAAY,CAAC;AACtC,eAAO,MAAM,mBAAmB,6HAAe,CAAC;AAChD,eAAO,MAAM,iBAAiB,wHAAa,CAAC;AAC5C,eAAO,MAAM,sBAAsB,6HAAkB,CAAC;AACtD,eAAO,MAAM,eAAe,+CAAW,CAAC;AAExC,eAAO,MAAM,mBAAmB,uLAe9B,CAAC;AAEH,MAAM,WAAW,qBAAsB,SAAQ,wBAAwB,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC;IACvF,uEAAuE;IACvE,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,gBAAgB,kHA6B5B,CAAC;AAEF,eAAO,MAAM,wBAAwB,4LAYnC,CAAC;AAEH,eAAO,MAAM,qBAAqB,yLAYhC,CAAC;AAEH,eAAO,MAAM,iBAAiB,qLAK5B,CAAC;AAEH,eAAO,MAAM,qBAAqB,yLAKhC,CAAC;AAEH,eAAO,MAAM,sBAAsB,0LAUjC,CAAC;AAEH,eAAO,MAAM,sBAAsB,0LASjC,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import * as Menu from '@radix-ui/react-dropdown-menu';
|
|
5
|
+
import { cx } from '../../../internal/cx.js';
|
|
6
|
+
import { CheckGlyph, ChevronRightGlyph, DotGlyph } from '../../../internal/icons.js';
|
|
7
|
+
/** Action menu. Arrow keys move, typeahead jumps, Escape closes and restores focus. */
|
|
8
|
+
export const DropdownMenu = Menu.Root;
|
|
9
|
+
export const DropdownMenuTrigger = Menu.Trigger;
|
|
10
|
+
export const DropdownMenuGroup = Menu.Group;
|
|
11
|
+
export const DropdownMenuRadioGroup = Menu.RadioGroup;
|
|
12
|
+
export const DropdownMenuSub = Menu.Sub;
|
|
13
|
+
export const DropdownMenuContent = forwardRef(function DropdownMenuContent({ className, sideOffset = 4, align = 'start', ...rest }, ref) {
|
|
14
|
+
return (_jsx(Menu.Portal, { children: _jsx(Menu.Content, { ref: ref, sideOffset: sideOffset, align: align, ...rest, className: cx('mn-menu', className) }) }));
|
|
15
|
+
});
|
|
16
|
+
export const DropdownMenuItem = forwardRef(function DropdownMenuItem({ tone = 'default', icon, shortcut, className, children, ...rest }, ref) {
|
|
17
|
+
if (rest.asChild) {
|
|
18
|
+
// The child (e.g. a link) becomes the menu item; icon and shortcut do not apply.
|
|
19
|
+
return (_jsx(Menu.Item, { ref: ref, ...rest, "data-tone": tone, className: cx('mn-menu__item', className), children: children }));
|
|
20
|
+
}
|
|
21
|
+
return (_jsxs(Menu.Item, { ref: ref, ...rest, "data-tone": tone, className: cx('mn-menu__item', className), children: [icon ? (_jsx("span", { className: "mn-menu__icon", "aria-hidden": true, children: icon })) : null, _jsx("span", { className: "mn-menu__text", children: children }), shortcut ? (_jsx("span", { className: "mn-menu__shortcut", "aria-hidden": true, children: shortcut })) : null] }));
|
|
22
|
+
});
|
|
23
|
+
export const DropdownMenuCheckboxItem = forwardRef(function DropdownMenuCheckboxItem({ className, children, ...rest }, ref) {
|
|
24
|
+
return (_jsxs(Menu.CheckboxItem, { ref: ref, ...rest, className: cx('mn-menu__item', className), children: [_jsx("span", { className: "mn-menu__text", children: children }), _jsx(Menu.ItemIndicator, { className: "mn-menu__indicator", children: _jsx(CheckGlyph, {}) })] }));
|
|
25
|
+
});
|
|
26
|
+
export const DropdownMenuRadioItem = forwardRef(function DropdownMenuRadioItem({ className, children, ...rest }, ref) {
|
|
27
|
+
return (_jsxs(Menu.RadioItem, { ref: ref, ...rest, className: cx('mn-menu__item', className), children: [_jsx("span", { className: "mn-menu__text", children: children }), _jsx(Menu.ItemIndicator, { className: "mn-menu__indicator", children: _jsx(DotGlyph, {}) })] }));
|
|
28
|
+
});
|
|
29
|
+
export const DropdownMenuLabel = forwardRef(function DropdownMenuLabel({ className, ...rest }, ref) {
|
|
30
|
+
return _jsx(Menu.Label, { ref: ref, ...rest, className: cx('mn-menu__label', className) });
|
|
31
|
+
});
|
|
32
|
+
export const DropdownMenuSeparator = forwardRef(function DropdownMenuSeparator({ className, ...rest }, ref) {
|
|
33
|
+
return _jsx(Menu.Separator, { ref: ref, ...rest, className: cx('mn-menu__separator', className) });
|
|
34
|
+
});
|
|
35
|
+
export const DropdownMenuSubTrigger = forwardRef(function DropdownMenuSubTrigger({ className, children, ...rest }, ref) {
|
|
36
|
+
return (_jsxs(Menu.SubTrigger, { ref: ref, ...rest, className: cx('mn-menu__item', className), children: [_jsx("span", { className: "mn-menu__text", children: children }), _jsx(ChevronRightGlyph, { className: "mn-menu__indicator" })] }));
|
|
37
|
+
});
|
|
38
|
+
export const DropdownMenuSubContent = forwardRef(function DropdownMenuSubContent({ className, ...rest }, ref) {
|
|
39
|
+
return (_jsx(Menu.Portal, { children: _jsx(Menu.SubContent, { ref: ref, ...rest, className: cx('mn-menu', className) }) }));
|
|
40
|
+
});
|
|
41
|
+
//# sourceMappingURL=dropdown-menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../../../src/components/overlays/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/dropdown-menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/overlays/dropdown-menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/overlays/popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
2
|
+
/** Non-modal floating panel for filters, pickers and quick edits. */
|
|
3
|
+
export declare const Popover: import("react").FC<PopoverPrimitive.PopoverProps>;
|
|
4
|
+
export declare const PopoverTrigger: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
export declare const PopoverAnchor: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
|
+
export declare const PopoverClose: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
7
|
+
export declare const PopoverContent: import("react").ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
|
+
//# sourceMappingURL=popover.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/popover/popover.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAG5D,qEAAqE;AACrE,eAAO,MAAM,OAAO,mDAAwB,CAAC;AAC7C,eAAO,MAAM,cAAc,oIAA2B,CAAC;AACvD,eAAO,MAAM,aAAa,gIAA0B,CAAC;AACrD,eAAO,MAAM,YAAY,kIAAyB,CAAC;AAEnD,eAAO,MAAM,cAAc,8LAezB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
5
|
+
import { cx } from '../../../internal/cx.js';
|
|
6
|
+
/** Non-modal floating panel for filters, pickers and quick edits. */
|
|
7
|
+
export const Popover = PopoverPrimitive.Root;
|
|
8
|
+
export const PopoverTrigger = PopoverPrimitive.Trigger;
|
|
9
|
+
export const PopoverAnchor = PopoverPrimitive.Anchor;
|
|
10
|
+
export const PopoverClose = PopoverPrimitive.Close;
|
|
11
|
+
export const PopoverContent = forwardRef(function PopoverContent({ className, sideOffset = 6, align = 'start', ...rest }, ref) {
|
|
12
|
+
return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { ref: ref, sideOffset: sideOffset, align: align, ...rest, className: cx('mn-popover', className) }) }));
|
|
13
|
+
});
|
|
14
|
+
//# sourceMappingURL=popover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../../src/components/overlays/popover/popover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAkD,MAAM,OAAO,CAAC;AACnF,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAE7C,qEAAqE;AACrE,MAAM,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC;AAC7C,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AACvD,MAAM,CAAC,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC;AACrD,MAAM,CAAC,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,CAAC;AAEnD,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAGtC,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,UAAU,GAAG,CAAC,EAAE,KAAK,GAAG,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IACpF,OAAO,CACL,KAAC,gBAAgB,CAAC,MAAM,cACtB,KAAC,gBAAgB,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,KACR,IAAI,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,GACtC,GACsB,CAC3B,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/responsive-dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/overlays/responsive-dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { type DialogContentProps } from '../dialog/index.js';
|
|
2
|
+
/**
|
|
3
|
+
* A centred Dialog on wide screens and a bottom sheet on narrow ones, from one
|
|
4
|
+
* API and one DOM. The switch is pure CSS (a media query), not `matchMedia`:
|
|
5
|
+
* the server and the first client render are identical, so there is no
|
|
6
|
+
* hydration mismatch and no flash of the wrong layout. Focus trap, Escape and
|
|
7
|
+
* focus return are the Dialog's in both layouts.
|
|
8
|
+
*
|
|
9
|
+
* Compose it with the Dialog parts: DialogHeader, DialogTitle,
|
|
10
|
+
* DialogDescription, DialogBody and DialogFooter.
|
|
11
|
+
*/
|
|
12
|
+
export declare const ResponsiveDialog: import("react").FC<import("@radix-ui/react-dialog").DialogProps>;
|
|
13
|
+
export declare const ResponsiveDialogTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
14
|
+
export declare const ResponsiveDialogClose: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
15
|
+
export interface ResponsiveDialogContentProps extends Omit<DialogContentProps, 'fullScreenOnPhone'> {
|
|
16
|
+
/**
|
|
17
|
+
* The viewport width below which it becomes a bottom sheet: `sm` (640px,
|
|
18
|
+
* default) or `md` (768px).
|
|
19
|
+
*/
|
|
20
|
+
sheetBelow?: 'sm' | 'md';
|
|
21
|
+
/** Show the grab handle in the bottom-sheet layout. Decorative; default `true`. */
|
|
22
|
+
handle?: boolean;
|
|
23
|
+
}
|
|
24
|
+
export declare const ResponsiveDialogContent: import("react").ForwardRefExoticComponent<ResponsiveDialogContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
25
|
+
//# sourceMappingURL=responsive-dialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"responsive-dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/responsive-dialog/responsive-dialog.tsx"],"names":[],"mappings":"AAIA,OAAO,EAKL,KAAK,kBAAkB,EACxB,MAAM,oBAAoB,CAAC;AAE5B;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,kEAAS,CAAC;AACvC,eAAO,MAAM,uBAAuB,mJAAgB,CAAC;AACrD,eAAO,MAAM,qBAAqB,iJAAc,CAAC;AAEjD,MAAM,WAAW,4BAA6B,SAAQ,IAAI,CACxD,kBAAkB,EAClB,mBAAmB,CACpB;IACC;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,mFAAmF;IACnF,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,uBAAuB,yHAkBlC,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { cx } from '../../../internal/cx.js';
|
|
5
|
+
import { Dialog, DialogClose, DialogContent, DialogTrigger, } from '../dialog/index.js';
|
|
6
|
+
/**
|
|
7
|
+
* A centred Dialog on wide screens and a bottom sheet on narrow ones, from one
|
|
8
|
+
* API and one DOM. The switch is pure CSS (a media query), not `matchMedia`:
|
|
9
|
+
* the server and the first client render are identical, so there is no
|
|
10
|
+
* hydration mismatch and no flash of the wrong layout. Focus trap, Escape and
|
|
11
|
+
* focus return are the Dialog's in both layouts.
|
|
12
|
+
*
|
|
13
|
+
* Compose it with the Dialog parts: DialogHeader, DialogTitle,
|
|
14
|
+
* DialogDescription, DialogBody and DialogFooter.
|
|
15
|
+
*/
|
|
16
|
+
export const ResponsiveDialog = Dialog;
|
|
17
|
+
export const ResponsiveDialogTrigger = DialogTrigger;
|
|
18
|
+
export const ResponsiveDialogClose = DialogClose;
|
|
19
|
+
export const ResponsiveDialogContent = forwardRef(function ResponsiveDialogContent({ sheetBelow = 'sm', handle = true, className, children, ...rest }, ref) {
|
|
20
|
+
return (_jsxs(DialogContent, { ref: ref, ...rest, "data-sheet-below": sheetBelow, className: cx('mn-responsive-dialog', className), children: [handle ? _jsx("div", { className: "mn-responsive-dialog__handle", "aria-hidden": true }) : null, children] }));
|
|
21
|
+
});
|
|
22
|
+
//# sourceMappingURL=responsive-dialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"responsive-dialog.js","sourceRoot":"","sources":["../../../../src/components/overlays/responsive-dialog/responsive-dialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAmB,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,aAAa,GAEd,MAAM,oBAAoB,CAAC;AAE5B;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC;AACvC,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAAC;AACrD,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAAC;AAejD,MAAM,CAAC,MAAM,uBAAuB,GAAG,UAAU,CAG/C,SAAS,uBAAuB,CAChC,EAAE,UAAU,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAClE,GAAG;IAEH,OAAO,CACL,MAAC,aAAa,IACZ,GAAG,EAAE,GAAG,KACJ,IAAI,sBACU,UAAU,EAC5B,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,aAE/C,MAAM,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,8BAA8B,wBAAe,CAAC,CAAC,CAAC,IAAI,EAC5E,QAAQ,IACK,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/sheet/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/overlays/sheet/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|