@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,62 @@
|
|
|
1
|
+
import { type HTMLAttributes, type ReactElement, type ReactNode, type Ref } from 'react';
|
|
2
|
+
export type SegmentedControlSize = 'sm' | 'md' | 'lg';
|
|
3
|
+
export interface SegmentedOption<T extends string = string> {
|
|
4
|
+
value: T;
|
|
5
|
+
/** Visible text, and the accessible name. Required even when `hideLabel` is set. */
|
|
6
|
+
label: string;
|
|
7
|
+
/** Decorative icon before the label. */
|
|
8
|
+
icon?: ReactNode;
|
|
9
|
+
/** Show only the icon; `label` becomes the accessible name and the tooltip. */
|
|
10
|
+
hideLabel?: boolean;
|
|
11
|
+
/** A count after the label ("Open 12"). Included in the accessible name. */
|
|
12
|
+
count?: number | string;
|
|
13
|
+
/** Short extra text after the label, for example "Save 20%". */
|
|
14
|
+
suffix?: ReactNode;
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
}
|
|
17
|
+
type ControlledValue<V> = {
|
|
18
|
+
value: V;
|
|
19
|
+
defaultValue?: never;
|
|
20
|
+
} | {
|
|
21
|
+
value?: never;
|
|
22
|
+
defaultValue?: V;
|
|
23
|
+
} | {
|
|
24
|
+
value?: undefined;
|
|
25
|
+
defaultValue?: V;
|
|
26
|
+
};
|
|
27
|
+
interface SharedProps<T extends string> extends Omit<HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange' | 'dir'> {
|
|
28
|
+
options: readonly SegmentedOption<T>[];
|
|
29
|
+
size?: SegmentedControlSize;
|
|
30
|
+
/** Stretch to the container and share the width equally. */
|
|
31
|
+
block?: boolean;
|
|
32
|
+
/** Disable every option. */
|
|
33
|
+
disabled?: boolean;
|
|
34
|
+
/** Text direction. Left and Right arrows follow it. Default: inherited from the page. */
|
|
35
|
+
dir?: 'ltr' | 'rtl';
|
|
36
|
+
}
|
|
37
|
+
/** The group must have an accessible name: a visible heading's id, or a label. */
|
|
38
|
+
type AccessibleName = {
|
|
39
|
+
'aria-label': string;
|
|
40
|
+
'aria-labelledby'?: string;
|
|
41
|
+
} | {
|
|
42
|
+
'aria-labelledby': string;
|
|
43
|
+
'aria-label'?: string;
|
|
44
|
+
};
|
|
45
|
+
export type SegmentedControlProps<T extends string = string> = SharedProps<T> & AccessibleName & ControlledValue<T> & {
|
|
46
|
+
onValueChange?: (value: T) => void;
|
|
47
|
+
/** Submits the selected value with a form under this name. */
|
|
48
|
+
name?: string;
|
|
49
|
+
/** Requires a selection (sets aria-required). */
|
|
50
|
+
required?: boolean;
|
|
51
|
+
};
|
|
52
|
+
export type ToggleGroupProps<T extends string = string> = SharedProps<T> & AccessibleName & ControlledValue<readonly T[]> & {
|
|
53
|
+
onValueChange?: (value: T[]) => void;
|
|
54
|
+
};
|
|
55
|
+
export declare const SegmentedControl: <T extends string = string>(props: SegmentedControlProps<T> & {
|
|
56
|
+
ref?: Ref<HTMLDivElement>;
|
|
57
|
+
}) => ReactElement;
|
|
58
|
+
export declare const ToggleGroup: <T extends string = string>(props: ToggleGroupProps<T> & {
|
|
59
|
+
ref?: Ref<HTMLDivElement>;
|
|
60
|
+
}) => ReactElement;
|
|
61
|
+
export {};
|
|
62
|
+
//# sourceMappingURL=segmented-control.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/segmented-control/segmented-control.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef, useCallback, useState, } from 'react';
|
|
4
|
+
import { cx } from '../../../internal/cx.js';
|
|
5
|
+
/** The keys that move focus, mapped to a step. `null` = not a navigation key. */
|
|
6
|
+
function stepFor(key, dir) {
|
|
7
|
+
const forward = dir === 'rtl' ? 'ArrowLeft' : 'ArrowRight';
|
|
8
|
+
const back = dir === 'rtl' ? 'ArrowRight' : 'ArrowLeft';
|
|
9
|
+
if (key === forward || key === 'ArrowDown')
|
|
10
|
+
return 1;
|
|
11
|
+
if (key === back || key === 'ArrowUp')
|
|
12
|
+
return -1;
|
|
13
|
+
if (key === 'Home')
|
|
14
|
+
return 'first';
|
|
15
|
+
if (key === 'End')
|
|
16
|
+
return 'last';
|
|
17
|
+
return null;
|
|
18
|
+
}
|
|
19
|
+
/** Index of the next enabled option, wrapping around; -1 when none is enabled. */
|
|
20
|
+
function nextEnabled(options, from, step, allDisabled) {
|
|
21
|
+
if (allDisabled)
|
|
22
|
+
return -1;
|
|
23
|
+
const n = options.length;
|
|
24
|
+
if (step === 'first')
|
|
25
|
+
return options.findIndex((o) => !o.disabled);
|
|
26
|
+
if (step === 'last') {
|
|
27
|
+
for (let i = n - 1; i >= 0; i--)
|
|
28
|
+
if (!options[i]?.disabled)
|
|
29
|
+
return i;
|
|
30
|
+
return -1;
|
|
31
|
+
}
|
|
32
|
+
for (let k = 1; k <= n; k++) {
|
|
33
|
+
const i = (((from + step * k) % n) + n) % n;
|
|
34
|
+
if (!options[i]?.disabled)
|
|
35
|
+
return i;
|
|
36
|
+
}
|
|
37
|
+
return -1;
|
|
38
|
+
}
|
|
39
|
+
function directionOf(el, dir) {
|
|
40
|
+
if (dir)
|
|
41
|
+
return dir;
|
|
42
|
+
return typeof getComputedStyle === 'function' && getComputedStyle(el).direction === 'rtl'
|
|
43
|
+
? 'rtl'
|
|
44
|
+
: 'ltr';
|
|
45
|
+
}
|
|
46
|
+
function focusOption(root, index) {
|
|
47
|
+
root?.querySelectorAll('[data-index]')[index]?.focus();
|
|
48
|
+
}
|
|
49
|
+
function OptionContent({ option }) {
|
|
50
|
+
return (_jsxs(_Fragment, { children: [option.icon ? (_jsx("span", { className: "mn-segmented-control__icon", "aria-hidden": true, children: option.icon })) : null, _jsx("span", { className: option.hideLabel ? 'mn-visually-hidden' : 'mn-segmented-control__label', children: option.label }), option.count !== undefined ? (_jsxs(_Fragment, { children: [' ', _jsx("span", { className: "mn-segmented-control__count", children: option.count })] })) : null, option.suffix ? (_jsxs(_Fragment, { children: [' ', _jsx("span", { className: "mn-segmented-control__suffix", children: option.suffix })] })) : null] }));
|
|
51
|
+
}
|
|
52
|
+
function useControllable(value, defaultValue, onChange) {
|
|
53
|
+
const [inner, setInner] = useState(defaultValue);
|
|
54
|
+
const controlled = value !== undefined;
|
|
55
|
+
const current = controlled ? value : inner;
|
|
56
|
+
const set = useCallback((next) => {
|
|
57
|
+
if (!controlled)
|
|
58
|
+
setInner(next);
|
|
59
|
+
onChange?.(next);
|
|
60
|
+
}, [controlled, onChange]);
|
|
61
|
+
return [current, set];
|
|
62
|
+
}
|
|
63
|
+
/**
|
|
64
|
+
* A single choice from 2–5 short options, shown as one connected control:
|
|
65
|
+
* view switches (list/board), periods (monthly/yearly), filters. It is a
|
|
66
|
+
* radio group (WAI-ARIA APG): one Tab stop, arrow keys move and select,
|
|
67
|
+
* Home/End jump. For several independent on/off choices use ToggleGroup;
|
|
68
|
+
* when each option shows its own panel use Tabs.
|
|
69
|
+
*/
|
|
70
|
+
function SegmentedControlInner({ options, value: valueProp, defaultValue, onValueChange, size = 'md', block = false, disabled = false, dir, name, required, className, ...rest }, ref) {
|
|
71
|
+
const [value, setValue] = useControllable(valueProp, defaultValue, onValueChange);
|
|
72
|
+
const selectedIndex = options.findIndex((o) => o.value === value);
|
|
73
|
+
// The one Tab stop: the selected option, or the first enabled one.
|
|
74
|
+
const tabStop = selectedIndex >= 0 && !options[selectedIndex]?.disabled
|
|
75
|
+
? selectedIndex
|
|
76
|
+
: nextEnabled(options, 0, 'first', disabled);
|
|
77
|
+
const handleKeyDown = (event, from) => {
|
|
78
|
+
const step = stepFor(event.key, directionOf(event.currentTarget, dir));
|
|
79
|
+
if (step === null)
|
|
80
|
+
return;
|
|
81
|
+
const to = nextEnabled(options, from, step, disabled);
|
|
82
|
+
const option = options[to];
|
|
83
|
+
if (!option)
|
|
84
|
+
return;
|
|
85
|
+
event.preventDefault();
|
|
86
|
+
focusOption(event.currentTarget.parentElement, to);
|
|
87
|
+
// Radio pattern: selection follows focus.
|
|
88
|
+
if (option.value !== value)
|
|
89
|
+
setValue(option.value);
|
|
90
|
+
};
|
|
91
|
+
return (_jsxs("div", { ref: ref, role: "radiogroup", ...rest, dir: dir, "aria-disabled": disabled || undefined, "aria-required": required || undefined, className: cx('mn-segmented-control', className), "data-size": size, "data-block": block || undefined, "data-disabled": disabled || undefined, children: [options.map((option, index) => {
|
|
92
|
+
const checked = index === selectedIndex;
|
|
93
|
+
const off = disabled || option.disabled;
|
|
94
|
+
return (_jsx("button", { type: "button", role: "radio", "aria-checked": checked, tabIndex: index === tabStop ? 0 : -1, disabled: off || undefined, title: option.hideLabel ? option.label : undefined, "data-index": index, "data-state": checked ? 'on' : 'off', "data-icon-only": option.hideLabel || undefined, className: "mn-segmented-control__item", onKeyDown: (event) => handleKeyDown(event, index), onClick: () => {
|
|
95
|
+
if (!checked)
|
|
96
|
+
setValue(option.value);
|
|
97
|
+
}, children: _jsx(OptionContent, { option: option }) }, option.value));
|
|
98
|
+
}), name !== undefined ? _jsx("input", { type: "hidden", name: name, value: value ?? '' }) : null] }));
|
|
99
|
+
}
|
|
100
|
+
export const SegmentedControl = forwardRef(SegmentedControlInner);
|
|
101
|
+
/**
|
|
102
|
+
* Several independent on/off choices shown as one connected control, for
|
|
103
|
+
* example a set of filters. Each option is a toggle button (`aria-pressed`)
|
|
104
|
+
* inside a labelled group. One Tab stop; arrow keys move focus, Space or
|
|
105
|
+
* Enter toggles.
|
|
106
|
+
*/
|
|
107
|
+
function ToggleGroupInner({ options, value: valueProp, defaultValue, onValueChange, size = 'md', block = false, disabled = false, dir, className, ...rest }, ref) {
|
|
108
|
+
const [value, setValue] = useControllable(valueProp, defaultValue ?? [], onValueChange);
|
|
109
|
+
// Roving focus remembers the last focused option, independent of what is pressed.
|
|
110
|
+
const [active, setActive] = useState(() => Math.max(0, nextEnabled(options, 0, 'first', disabled)));
|
|
111
|
+
const tabStop = options[active] && !options[active]?.disabled
|
|
112
|
+
? active
|
|
113
|
+
: nextEnabled(options, 0, 'first', disabled);
|
|
114
|
+
const handleKeyDown = (event, from) => {
|
|
115
|
+
const step = stepFor(event.key, directionOf(event.currentTarget, dir));
|
|
116
|
+
if (step === null)
|
|
117
|
+
return;
|
|
118
|
+
const to = nextEnabled(options, from, step, disabled);
|
|
119
|
+
if (to < 0)
|
|
120
|
+
return;
|
|
121
|
+
event.preventDefault();
|
|
122
|
+
setActive(to);
|
|
123
|
+
focusOption(event.currentTarget.parentElement, to);
|
|
124
|
+
};
|
|
125
|
+
return (_jsx("div", { ref: ref, role: "group", ...rest, dir: dir, "aria-disabled": disabled || undefined, className: cx('mn-segmented-control', className), "data-size": size, "data-block": block || undefined, "data-disabled": disabled || undefined, "data-multiple": "", children: options.map((option, index) => {
|
|
126
|
+
const pressed = value.includes(option.value);
|
|
127
|
+
const off = disabled || option.disabled;
|
|
128
|
+
return (_jsx("button", { type: "button", "aria-pressed": pressed, tabIndex: index === tabStop ? 0 : -1, disabled: off || undefined, title: option.hideLabel ? option.label : undefined, "data-index": index, "data-state": pressed ? 'on' : 'off', "data-icon-only": option.hideLabel || undefined, className: "mn-segmented-control__item", onFocus: () => setActive(index), onKeyDown: (event) => handleKeyDown(event, index), onClick: () => {
|
|
129
|
+
const next = pressed
|
|
130
|
+
? value.filter((v) => v !== option.value)
|
|
131
|
+
: options
|
|
132
|
+
.filter((o) => o.value === option.value || value.includes(o.value))
|
|
133
|
+
.map((o) => o.value);
|
|
134
|
+
setValue(next);
|
|
135
|
+
}, children: _jsx(OptionContent, { option: option }) }, option.value));
|
|
136
|
+
}) }));
|
|
137
|
+
}
|
|
138
|
+
export const ToggleGroup = forwardRef(ToggleGroupInner);
|
|
139
|
+
//# sourceMappingURL=segmented-control.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"segmented-control.js","sourceRoot":"","sources":["../../../../src/components/forms/segmented-control/segmented-control.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/select/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/forms/select/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
3
|
+
/**
|
|
4
|
+
* Single-value select built on Radix Select: typeahead, arrow-key navigation,
|
|
5
|
+
* and screen-reader semantics come from the primitive.
|
|
6
|
+
*
|
|
7
|
+
* <Select value={v} onValueChange={setV}>
|
|
8
|
+
* <SelectTrigger placeholder="Choose a status" />
|
|
9
|
+
* <SelectContent>
|
|
10
|
+
* <SelectItem value="open">Open</SelectItem>
|
|
11
|
+
* </SelectContent>
|
|
12
|
+
* </Select>
|
|
13
|
+
*/
|
|
14
|
+
export declare const Select: import("react").FC<SelectPrimitive.SelectProps>;
|
|
15
|
+
export declare const SelectGroup: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
16
|
+
export declare const SelectValue: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
17
|
+
export interface SelectTriggerProps extends ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
|
|
18
|
+
placeholder?: string;
|
|
19
|
+
size?: 'sm' | 'md' | 'lg';
|
|
20
|
+
invalid?: boolean;
|
|
21
|
+
}
|
|
22
|
+
export declare const SelectTrigger: import("react").ForwardRefExoticComponent<SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
23
|
+
export declare const SelectContent: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
24
|
+
export declare const SelectItem: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
25
|
+
export declare const SelectLabel: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
26
|
+
export declare const SelectSeparator: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
27
|
+
//# sourceMappingURL=select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/select/select.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,wBAAwB,EAAmB,MAAM,OAAO,CAAC;AACnF,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAK1D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,MAAM,iDAAuB,CAAC;AAC3C,eAAO,MAAM,WAAW,6HAAwB,CAAC;AACjD,eAAO,MAAM,WAAW,8HAAwB,CAAC;AAEjD,MAAM,WAAW,kBAAmB,SAAQ,wBAAwB,CAClE,OAAO,eAAe,CAAC,OAAO,CAC/B;IACC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,aAAa,kHAuBxB,CAAC;AAEH,eAAO,MAAM,aAAa,4LAsBxB,CAAC;AAEH,eAAO,MAAM,UAAU,yLAYrB,CAAC;AAEH,eAAO,MAAM,WAAW,0LAKtB,CAAC;AAEH,eAAO,MAAM,eAAe,8LAW1B,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
5
|
+
import { cx } from '../../../internal/cx.js';
|
|
6
|
+
import { CheckGlyph, ChevronDownGlyph } from '../../../internal/icons.js';
|
|
7
|
+
import { useFieldControl } from '../form-field/index.js';
|
|
8
|
+
/**
|
|
9
|
+
* Single-value select built on Radix Select: typeahead, arrow-key navigation,
|
|
10
|
+
* and screen-reader semantics come from the primitive.
|
|
11
|
+
*
|
|
12
|
+
* <Select value={v} onValueChange={setV}>
|
|
13
|
+
* <SelectTrigger placeholder="Choose a status" />
|
|
14
|
+
* <SelectContent>
|
|
15
|
+
* <SelectItem value="open">Open</SelectItem>
|
|
16
|
+
* </SelectContent>
|
|
17
|
+
* </Select>
|
|
18
|
+
*/
|
|
19
|
+
export const Select = SelectPrimitive.Root;
|
|
20
|
+
export const SelectGroup = SelectPrimitive.Group;
|
|
21
|
+
export const SelectValue = SelectPrimitive.Value;
|
|
22
|
+
export const SelectTrigger = forwardRef(function SelectTrigger({ placeholder, size = 'md', invalid, className, children, ...rest }, ref) {
|
|
23
|
+
// `required` is not a valid attribute on the trigger <button>; aria-required carries the meaning.
|
|
24
|
+
const { required: _required, ...props } = useFieldControl(rest, { invalid });
|
|
25
|
+
return (_jsxs(SelectPrimitive.Trigger, { ref: ref, ...props, "data-size": size, className: cx('mn-input', 'mn-select', className), children: [children ?? _jsx(SelectPrimitive.Value, { placeholder: placeholder }), _jsx(SelectPrimitive.Icon, { className: "mn-select__icon", children: _jsx(ChevronDownGlyph, {}) })] }));
|
|
26
|
+
});
|
|
27
|
+
export const SelectContent = forwardRef(function SelectContent({ className, children, position = 'popper', sideOffset = 4, ...rest }, ref) {
|
|
28
|
+
return (_jsx(SelectPrimitive.Portal, { children: _jsx(SelectPrimitive.Content, { ref: ref, position: position, sideOffset: sideOffset, ...rest, className: cx('mn-menu', 'mn-select__content', className), children: _jsx(SelectPrimitive.Viewport, { className: "mn-select__viewport", children: children }) }) }));
|
|
29
|
+
});
|
|
30
|
+
export const SelectItem = forwardRef(function SelectItem({ className, children, ...rest }, ref) {
|
|
31
|
+
return (_jsxs(SelectPrimitive.Item, { ref: ref, ...rest, className: cx('mn-menu__item', className), children: [_jsx(SelectPrimitive.ItemText, { children: children }), _jsx(SelectPrimitive.ItemIndicator, { className: "mn-menu__indicator", children: _jsx(CheckGlyph, {}) })] }));
|
|
32
|
+
});
|
|
33
|
+
export const SelectLabel = forwardRef(function SelectLabel({ className, ...rest }, ref) {
|
|
34
|
+
return _jsx(SelectPrimitive.Label, { ref: ref, ...rest, className: cx('mn-menu__label', className) });
|
|
35
|
+
});
|
|
36
|
+
export const SelectSeparator = forwardRef(function SelectSeparator({ className, ...rest }, ref) {
|
|
37
|
+
return (_jsx(SelectPrimitive.Separator, { ref: ref, ...rest, className: cx('mn-menu__separator', className) }));
|
|
38
|
+
});
|
|
39
|
+
//# sourceMappingURL=select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../src/components/forms/select/select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/forms/switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
|
|
2
|
+
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
3
|
+
export interface SwitchProps extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> {
|
|
4
|
+
label?: ReactNode;
|
|
5
|
+
description?: ReactNode;
|
|
6
|
+
size?: 'sm' | 'md';
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* An on/off setting that applies immediately. For choices that are submitted
|
|
10
|
+
* with a form, prefer Checkbox.
|
|
11
|
+
*/
|
|
12
|
+
export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
13
|
+
//# sourceMappingURL=switch.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/switch/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,wBAAwB,EAE7B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,MAAM,WAAW,WAAY,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IACxF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,2GAsClB,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef, useId, } from 'react';
|
|
4
|
+
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
5
|
+
import { cx } from '../../../internal/cx.js';
|
|
6
|
+
import { useFieldControl } from '../form-field/index.js';
|
|
7
|
+
/**
|
|
8
|
+
* An on/off setting that applies immediately. For choices that are submitted
|
|
9
|
+
* with a form, prefer Checkbox.
|
|
10
|
+
*/
|
|
11
|
+
export const Switch = forwardRef(function Switch({ label, description, size = 'md', className, ...rest }, ref) {
|
|
12
|
+
const auto = useId();
|
|
13
|
+
const props = useFieldControl(rest);
|
|
14
|
+
const id = props.id ?? `mn-switch-${auto}`;
|
|
15
|
+
const descriptionId = description ? `${id}-description` : undefined;
|
|
16
|
+
const control = (_jsx(SwitchPrimitive.Root, { ref: ref, ...props, id: id, "aria-describedby": cx(props['aria-describedby'], descriptionId), "data-size": size, className: cx('mn-switch', label ? undefined : className), children: _jsx(SwitchPrimitive.Thumb, { className: "mn-switch__thumb" }) }));
|
|
17
|
+
if (!label)
|
|
18
|
+
return control;
|
|
19
|
+
return (_jsxs("div", { className: cx('mn-choice', 'mn-choice--switch', className), "data-disabled": props.disabled || undefined, children: [_jsxs("div", { className: "mn-choice__text", children: [_jsx("label", { htmlFor: id, className: "mn-choice__label", children: label }), description ? (_jsx("p", { id: descriptionId, className: "mn-choice__description", children: description })) : null] }), control] }));
|
|
20
|
+
});
|
|
21
|
+
//# sourceMappingURL=switch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../src/components/forms/switch/switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,UAAU,EACV,KAAK,GAIN,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAQzD;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,SAAS,MAAM,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAC1E,MAAM,IAAI,GAAG,KAAK,EAAE,CAAC;IACrB,MAAM,KAAK,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IACpC,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,IAAI,aAAa,IAAI,EAAE,CAAC;IAC3C,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC;IACpE,MAAM,OAAO,GAAG,CACd,KAAC,eAAe,CAAC,IAAI,IACnB,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,EAAE,EAAE,EAAE,sBACY,EAAE,CAAC,KAAK,CAAC,kBAAkB,CAAC,EAAE,aAAa,CAAC,eACnD,IAAI,EACf,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,YAEzD,KAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAC,kBAAkB,GAAG,GACjC,CACxB,CAAC;IACF,IAAI,CAAC,KAAK;QAAE,OAAO,OAAO,CAAC;IAC3B,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,mBAAmB,EAAE,SAAS,CAAC,mBAC3C,KAAK,CAAC,QAAQ,IAAI,SAAS,aAE1C,eAAK,SAAS,EAAC,iBAAiB,aAC9B,gBAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAC,kBAAkB,YAC7C,KAAK,GACA,EACP,WAAW,CAAC,CAAC,CAAC,CACb,YAAG,EAAE,EAAE,aAAa,EAAE,SAAS,EAAC,wBAAwB,YACrD,WAAW,GACV,CACL,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,OAAO,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/switch-settings-list/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/forms/switch-settings-list/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { type HTMLAttributes, type LiHTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
export interface SwitchSettingsLabels {
|
|
3
|
+
/** Accessible name of the saving spinner. Default "Saving". */
|
|
4
|
+
saving?: string;
|
|
5
|
+
/** Shown and announced after a successful save. Default "Saved". */
|
|
6
|
+
saved?: string;
|
|
7
|
+
/** Shown and announced when a save fails, before the error's message. Default "Couldn’t save." */
|
|
8
|
+
error?: string;
|
|
9
|
+
/** The retry button. Its accessible name is this plus the row label. Default "Retry". */
|
|
10
|
+
retry?: string;
|
|
11
|
+
}
|
|
12
|
+
export interface SwitchSettingsListProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
|
|
13
|
+
/** Group heading, for example "Email notifications". Names the group. */
|
|
14
|
+
title?: ReactNode;
|
|
15
|
+
/** A sentence under the title. */
|
|
16
|
+
description?: ReactNode;
|
|
17
|
+
/** Heading element for `title`. Default `h3`. */
|
|
18
|
+
headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
19
|
+
/** Status wording for every row (rows can override). */
|
|
20
|
+
labels?: SwitchSettingsLabels;
|
|
21
|
+
/** How long "Saved" stays visible, in ms. Default 2000. */
|
|
22
|
+
savedDuration?: number;
|
|
23
|
+
/** Turns a failed save into a message shown after `labels.error`. Default: the Error's message. */
|
|
24
|
+
getErrorMessage?: (error: unknown) => ReactNode;
|
|
25
|
+
/** SwitchSettingsItem rows. */
|
|
26
|
+
children: ReactNode;
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* A group of on/off settings that each save on their own, such as
|
|
30
|
+
* notification preferences. Rows toggle optimistically, show their own
|
|
31
|
+
* saving and error state with retry, and roll back if the save fails.
|
|
32
|
+
*/
|
|
33
|
+
export declare const SwitchSettingsList: import("react").ForwardRefExoticComponent<SwitchSettingsListProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
34
|
+
export type SwitchSettingsStatus = 'idle' | 'saving' | 'saved' | 'error';
|
|
35
|
+
export interface SwitchSettingsItemProps extends Omit<LiHTMLAttributes<HTMLLIElement>, 'onChange' | 'defaultChecked'> {
|
|
36
|
+
/** The setting's name. Labels the switch. */
|
|
37
|
+
label: ReactNode;
|
|
38
|
+
/** What the setting does. Describes the switch. */
|
|
39
|
+
description?: ReactNode;
|
|
40
|
+
/** The saved state (controlled). */
|
|
41
|
+
checked?: boolean;
|
|
42
|
+
/** The initial saved state (uncontrolled). */
|
|
43
|
+
defaultChecked?: boolean;
|
|
44
|
+
/**
|
|
45
|
+
* Saves the new state. The switch moves at once; return a promise to show
|
|
46
|
+
* "Saving" and then "Saved", or reject it to roll the switch back and show
|
|
47
|
+
* the error with a retry button.
|
|
48
|
+
*/
|
|
49
|
+
onCheckedChange?: (checked: boolean) => void | Promise<void>;
|
|
50
|
+
disabled?: boolean;
|
|
51
|
+
/** Override the list's status wording for this row. */
|
|
52
|
+
labels?: SwitchSettingsLabels;
|
|
53
|
+
/** Called whenever the row's save status changes. */
|
|
54
|
+
onStatusChange?: (status: SwitchSettingsStatus) => void;
|
|
55
|
+
}
|
|
56
|
+
/** One setting row: label and description on the left, the switch and its save status on the right. */
|
|
57
|
+
export declare const SwitchSettingsItem: import("react").ForwardRefExoticComponent<SwitchSettingsItemProps & import("react").RefAttributes<HTMLLIElement>>;
|
|
58
|
+
//# sourceMappingURL=switch-settings-list.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch-settings-list.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/switch-settings-list/switch-settings-list.tsx"],"names":[],"mappings":"AAEA,OAAO,EAUL,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAMf,MAAM,WAAW,oBAAoB;IACnC,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kGAAkG;IAClG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yFAAyF;IACzF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAyBD,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC5F,yEAAyE;IACzE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kCAAkC;IAClC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,iDAAiD;IACjD,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAChD,wDAAwD;IACxD,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,2DAA2D;IAC3D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mGAAmG;IACnG,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,SAAS,CAAC;IAChD,+BAA+B;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,oHAoD9B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;AAEzE,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CACnD,gBAAgB,CAAC,aAAa,CAAC,EAC/B,UAAU,GAAG,gBAAgB,CAC9B;IACC,6CAA6C;IAC7C,KAAK,EAAE,SAAS,CAAC;IACjB,mDAAmD;IACnD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8CAA8C;IAC9C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,qDAAqD;IACrD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACzD;AAED,uGAAuG;AACvG,eAAO,MAAM,kBAAkB,mHAqK9B,CAAC"}
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import { createContext, forwardRef, useCallback, useContext, useEffect, useId, useMemo, useRef, useState, } from 'react';
|
|
4
|
+
import { cx } from '../../../internal/cx.js';
|
|
5
|
+
import { CheckGlyph, RetryGlyph } from '../../../internal/icons.js';
|
|
6
|
+
import { Spinner } from '../../feedback/spinner/index.js';
|
|
7
|
+
import { Switch } from '../switch/index.js';
|
|
8
|
+
const DEFAULT_LABELS = {
|
|
9
|
+
saving: 'Saving',
|
|
10
|
+
saved: 'Saved',
|
|
11
|
+
error: 'Couldn’t save.',
|
|
12
|
+
retry: 'Retry',
|
|
13
|
+
};
|
|
14
|
+
function defaultMessage(error) {
|
|
15
|
+
return error instanceof Error && error.message ? error.message : null;
|
|
16
|
+
}
|
|
17
|
+
const ListContext = createContext({
|
|
18
|
+
labels: DEFAULT_LABELS,
|
|
19
|
+
savedDuration: 2000,
|
|
20
|
+
getErrorMessage: defaultMessage,
|
|
21
|
+
});
|
|
22
|
+
/**
|
|
23
|
+
* A group of on/off settings that each save on their own, such as
|
|
24
|
+
* notification preferences. Rows toggle optimistically, show their own
|
|
25
|
+
* saving and error state with retry, and roll back if the save fails.
|
|
26
|
+
*/
|
|
27
|
+
export const SwitchSettingsList = forwardRef(function SwitchSettingsList({ title, description, headingLevel: H = 'h3', labels, savedDuration = 2000, getErrorMessage = defaultMessage, className, children, ...rest }, ref) {
|
|
28
|
+
const auto = useId();
|
|
29
|
+
const titleId = `mn-switch-settings-${auto}-title`;
|
|
30
|
+
const descriptionId = `mn-switch-settings-${auto}-description`;
|
|
31
|
+
const value = useMemo(() => ({ labels: { ...DEFAULT_LABELS, ...labels }, savedDuration, getErrorMessage }), [labels, savedDuration, getErrorMessage]);
|
|
32
|
+
const named = Boolean(title) || Boolean(rest['aria-label']) || Boolean(rest['aria-labelledby']);
|
|
33
|
+
return (_jsx(ListContext.Provider, { value: value, children: _jsxs("div", { ref: ref, role: named ? 'group' : undefined, "aria-labelledby": title ? titleId : undefined, "aria-describedby": description ? descriptionId : undefined, ...rest, className: cx('mn-switch-settings-list', className), children: [title || description ? (_jsxs("div", { className: "mn-switch-settings-list__header", children: [title ? (_jsx(H, { id: titleId, className: "mn-switch-settings-list__title", children: title })) : null, description ? (_jsx("p", { id: descriptionId, className: "mn-switch-settings-list__description", children: description })) : null] })) : null, _jsx("ul", { className: "mn-switch-settings-list__rows", children: children })] }) }));
|
|
34
|
+
});
|
|
35
|
+
/** One setting row: label and description on the left, the switch and its save status on the right. */
|
|
36
|
+
export const SwitchSettingsItem = forwardRef(function SwitchSettingsItem({ label, description, checked: checkedProp, defaultChecked = false, onCheckedChange, disabled = false, labels: rowLabels, onStatusChange, className, ...rest }, ref) {
|
|
37
|
+
const list = useContext(ListContext);
|
|
38
|
+
const labels = { ...list.labels, ...rowLabels };
|
|
39
|
+
const auto = useId();
|
|
40
|
+
const base = `mn-switch-settings-${auto}`;
|
|
41
|
+
const switchId = `${base}-switch`;
|
|
42
|
+
const labelId = `${base}-label`;
|
|
43
|
+
const descriptionId = `${base}-description`;
|
|
44
|
+
const statusId = `${base}-status`;
|
|
45
|
+
const retryId = `${base}-retry`;
|
|
46
|
+
const [inner, setInner] = useState(defaultChecked);
|
|
47
|
+
const saved = checkedProp ?? inner;
|
|
48
|
+
// The optimistic value while saving (and, controlled, until the parent's
|
|
49
|
+
// `checked` catches up with a successful save).
|
|
50
|
+
const [pending, setPending] = useState(null);
|
|
51
|
+
const [status, setStatusState] = useState('idle');
|
|
52
|
+
const [message, setMessage] = useState(null);
|
|
53
|
+
const [retryValue, setRetryValue] = useState(null);
|
|
54
|
+
const timer = useRef(undefined);
|
|
55
|
+
const mounted = useRef(true);
|
|
56
|
+
useEffect(() => {
|
|
57
|
+
mounted.current = true;
|
|
58
|
+
return () => {
|
|
59
|
+
mounted.current = false;
|
|
60
|
+
clearTimeout(timer.current);
|
|
61
|
+
};
|
|
62
|
+
}, []);
|
|
63
|
+
const statusRef = useRef(status);
|
|
64
|
+
const setStatus = useCallback((next) => {
|
|
65
|
+
statusRef.current = next;
|
|
66
|
+
setStatusState(next);
|
|
67
|
+
onStatusChange?.(next);
|
|
68
|
+
}, [onStatusChange]);
|
|
69
|
+
// A new `checked` from the parent is the truth, unless a save is in flight.
|
|
70
|
+
useEffect(() => {
|
|
71
|
+
if (statusRef.current !== 'saving')
|
|
72
|
+
setPending(null);
|
|
73
|
+
}, [checkedProp]);
|
|
74
|
+
const shown = pending ?? saved;
|
|
75
|
+
const save = async (next) => {
|
|
76
|
+
if (statusRef.current === 'saving' || disabled)
|
|
77
|
+
return;
|
|
78
|
+
clearTimeout(timer.current);
|
|
79
|
+
setRetryValue(null);
|
|
80
|
+
setPending(next);
|
|
81
|
+
setMessage(null);
|
|
82
|
+
setStatus('saving');
|
|
83
|
+
try {
|
|
84
|
+
const result = onCheckedChange?.(next);
|
|
85
|
+
const async = Boolean(result && typeof result.then === 'function');
|
|
86
|
+
await result;
|
|
87
|
+
if (!mounted.current)
|
|
88
|
+
return;
|
|
89
|
+
if (checkedProp === undefined) {
|
|
90
|
+
setInner(next);
|
|
91
|
+
setPending(null);
|
|
92
|
+
}
|
|
93
|
+
else if (checkedProp === next) {
|
|
94
|
+
setPending(null);
|
|
95
|
+
}
|
|
96
|
+
if (async) {
|
|
97
|
+
setStatus('saved');
|
|
98
|
+
timer.current = setTimeout(() => {
|
|
99
|
+
if (mounted.current)
|
|
100
|
+
setStatus('idle');
|
|
101
|
+
}, list.savedDuration);
|
|
102
|
+
}
|
|
103
|
+
else {
|
|
104
|
+
setStatus('idle');
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
catch (error) {
|
|
108
|
+
if (!mounted.current)
|
|
109
|
+
return;
|
|
110
|
+
setPending(null);
|
|
111
|
+
setRetryValue(next);
|
|
112
|
+
setMessage(list.getErrorMessage(error));
|
|
113
|
+
setStatus('error');
|
|
114
|
+
}
|
|
115
|
+
};
|
|
116
|
+
const announcement = status === 'saved'
|
|
117
|
+
? labels.saved
|
|
118
|
+
: status === 'error'
|
|
119
|
+
? [labels.error, typeof message === 'string' ? message : null].filter(Boolean).join(' ')
|
|
120
|
+
: '';
|
|
121
|
+
return (_jsxs("li", { ref: ref, ...rest, className: cx('mn-switch-settings-list__row', className), "data-status": status, "data-disabled": disabled || undefined, children: [_jsxs("div", { className: "mn-switch-settings-list__text", children: [_jsx("label", { id: labelId, htmlFor: switchId, className: "mn-switch-settings-list__label", children: label }), description ? (_jsx("p", { id: descriptionId, className: "mn-switch-settings-list__item-description", children: description })) : null, status === 'error' ? (_jsxs("p", { className: "mn-switch-settings-list__error", "aria-hidden": true, children: [labels.error, message ? _jsxs(_Fragment, { children: [" ", message] }) : null] })) : null] }), _jsxs("div", { className: "mn-switch-settings-list__control", children: [status === 'saving' ? (_jsx(Spinner, { size: "sm", label: labels.saving, className: "mn-switch-settings-list__spinner" })) : status === 'saved' ? (_jsxs("span", { className: "mn-switch-settings-list__saved", "aria-hidden": true, children: [_jsx(CheckGlyph, {}), labels.saved] })) : status === 'error' && retryValue !== null ? (_jsxs("button", { type: "button", id: retryId, "aria-labelledby": `${retryId} ${labelId}`, className: "mn-switch-settings-list__retry", onClick: () => void save(retryValue), children: [_jsx(RetryGlyph, { "aria-hidden": true }), labels.retry] })) : null, _jsx(Switch, { id: switchId, checked: shown, disabled: disabled, "aria-describedby": cx(description ? descriptionId : undefined, status === 'error' ? statusId : undefined), "aria-busy": status === 'saving' || undefined, onCheckedChange: (next) => void save(next) })] }), _jsx("span", { id: statusId, className: "mn-visually-hidden", role: "status", children: announcement })] }));
|
|
122
|
+
});
|
|
123
|
+
//# sourceMappingURL=switch-settings-list.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch-settings-list.js","sourceRoot":"","sources":["../../../../src/components/forms/switch-settings-list/switch-settings-list.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/tag-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
|