@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,53 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef, type HTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
3
|
+
/**
|
|
4
|
+
* A panel that slides in from an edge of the screen: detail views, filters,
|
|
5
|
+
* longer forms and mobile navigation. It is a modal dialog (Radix Dialog), so
|
|
6
|
+
* focus is trapped, the page behind does not scroll, Escape closes it and
|
|
7
|
+
* focus returns to the trigger. Every sheet needs a SheetTitle.
|
|
8
|
+
*/
|
|
9
|
+
export declare const Sheet: import("react").FC<DialogPrimitive.DialogProps>;
|
|
10
|
+
export declare const SheetTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
export declare const SheetClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
12
|
+
export type SheetSide = 'right' | 'left' | 'top' | 'bottom';
|
|
13
|
+
export type SheetSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
14
|
+
export interface SheetContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
|
|
15
|
+
/** The edge the sheet is attached to. Default `right`. */
|
|
16
|
+
side?: SheetSide;
|
|
17
|
+
/**
|
|
18
|
+
* Width for `left`/`right` (20, 28, 36 or 48rem, or the full screen) and the
|
|
19
|
+
* maximum height for `top`/`bottom` (40, 60, 80 or 92% of the screen, or all
|
|
20
|
+
* of it). Default `md`. Side sheets never exceed the screen width.
|
|
21
|
+
*/
|
|
22
|
+
size?: SheetSize;
|
|
23
|
+
/** Accessible label of the built-in close button. Pass null to hide the button. */
|
|
24
|
+
closeLabel?: string | null;
|
|
25
|
+
/** Actions in a SheetFooter after the children; it stays visible while SheetBody scrolls. */
|
|
26
|
+
footer?: ReactNode;
|
|
27
|
+
/**
|
|
28
|
+
* An action is in progress: Escape, outside clicks and the built-in close
|
|
29
|
+
* button no longer close the sheet, and the content is `aria-busy`.
|
|
30
|
+
*/
|
|
31
|
+
busy?: boolean;
|
|
32
|
+
/** Whether a click outside closes the sheet. Default `true`. */
|
|
33
|
+
closeOnOutsideClick?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* Ignore Escape while focus is on a control whose own popup is open (a
|
|
36
|
+
* combobox or menu button with `aria-expanded="true"`). Default `true`.
|
|
37
|
+
*/
|
|
38
|
+
escapeGuard?: boolean;
|
|
39
|
+
/** Show the grab handle on a bottom sheet. Decorative; default `true` for `bottom`. */
|
|
40
|
+
handle?: boolean;
|
|
41
|
+
}
|
|
42
|
+
export declare const SheetContent: import("react").ForwardRefExoticComponent<SheetContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
43
|
+
/** Title and description block at the top of the sheet. */
|
|
44
|
+
export declare function SheetHeader({ className, ...rest }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
45
|
+
/** The sheet's accessible name. Required; wrap in VisuallyHidden to hide it. */
|
|
46
|
+
export declare const SheetTitle: import("react").ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
47
|
+
/** Becomes the sheet's accessible description. */
|
|
48
|
+
export declare const SheetDescription: import("react").ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
49
|
+
/** The scrolling region between header and footer. */
|
|
50
|
+
export declare function SheetBody({ className, ...rest }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
51
|
+
/** Sticky actions at the bottom of the sheet. */
|
|
52
|
+
export declare function SheetFooter({ className, ...rest }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
53
|
+
//# sourceMappingURL=sheet.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/sheet/sheet.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;AAY1D;;;;;GAKG;AACH,eAAO,MAAM,KAAK,iDAAuB,CAAC;AAC1C,eAAO,MAAM,YAAY,kIAA0B,CAAC;AACpD,eAAO,MAAM,UAAU,gIAAwB,CAAC;AAEhD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;AAC5D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE3D,MAAM,WAAW,iBAAkB,SAAQ,wBAAwB,CACjE,OAAO,eAAe,CAAC,OAAO,CAC/B;IACC,0DAA0D;IAC1D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,mFAAmF;IACnF,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,6FAA6F;IAC7F,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gEAAgE;IAChE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uFAAuF;IACvF,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,YAAY,8GAsDvB,CAAC;AAEH,2DAA2D;AAC3D,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAEjF;AAED,gFAAgF;AAChF,eAAO,MAAM,UAAU,mQAKrB,CAAC;AAEH,kDAAkD;AAClD,eAAO,MAAM,gBAAgB,+QAO3B,CAAC;AAEH,sDAAsD;AACtD,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAE/E;AAED,iDAAiD;AACjD,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAEjF"}
|
|
@@ -0,0 +1,43 @@
|
|
|
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
|
+
import { DialogBody, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '../dialog/index.js';
|
|
9
|
+
/**
|
|
10
|
+
* A panel that slides in from an edge of the screen: detail views, filters,
|
|
11
|
+
* longer forms and mobile navigation. It is a modal dialog (Radix Dialog), so
|
|
12
|
+
* focus is trapped, the page behind does not scroll, Escape closes it and
|
|
13
|
+
* focus returns to the trigger. Every sheet needs a SheetTitle.
|
|
14
|
+
*/
|
|
15
|
+
export const Sheet = DialogPrimitive.Root;
|
|
16
|
+
export const SheetTrigger = DialogPrimitive.Trigger;
|
|
17
|
+
export const SheetClose = DialogPrimitive.Close;
|
|
18
|
+
export const SheetContent = forwardRef(function SheetContent({ side = 'right', size = 'md', closeLabel = 'Close', footer, busy = false, closeOnOutsideClick = true, escapeGuard = true, handle, onEscapeKeyDown, onInteractOutside, className, children, ...rest }, ref) {
|
|
19
|
+
const guards = dismissHandlers({ busy, closeOnOutsideClick, escapeGuard }, { onEscapeKeyDown, onInteractOutside });
|
|
20
|
+
const showHandle = handle ?? side === 'bottom';
|
|
21
|
+
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-side": side, "data-size": size, "data-busy": busy || undefined, className: cx('mn-sheet', className), children: [showHandle ? _jsx("div", { className: "mn-sheet__handle", "aria-hidden": true }) : null, children, footer ? _jsx(SheetFooter, { children: footer }) : null, closeLabel ? (_jsx(DialogPrimitive.Close, { className: "mn-dialog__close mn-sheet__close", "aria-label": closeLabel, disabled: busy || undefined, children: _jsx(CloseGlyph, {}) })) : null] })] }));
|
|
22
|
+
});
|
|
23
|
+
/** Title and description block at the top of the sheet. */
|
|
24
|
+
export function SheetHeader({ className, ...rest }) {
|
|
25
|
+
return _jsx(DialogHeader, { ...rest, className: cx('mn-sheet__header', className) });
|
|
26
|
+
}
|
|
27
|
+
/** The sheet's accessible name. Required; wrap in VisuallyHidden to hide it. */
|
|
28
|
+
export const SheetTitle = forwardRef(function SheetTitle({ className, ...rest }, ref) {
|
|
29
|
+
return _jsx(DialogTitle, { ref: ref, ...rest, className: cx('mn-sheet__title', className) });
|
|
30
|
+
});
|
|
31
|
+
/** Becomes the sheet's accessible description. */
|
|
32
|
+
export const SheetDescription = forwardRef(function SheetDescription({ className, ...rest }, ref) {
|
|
33
|
+
return (_jsx(DialogDescription, { ref: ref, ...rest, className: cx('mn-sheet__description', className) }));
|
|
34
|
+
});
|
|
35
|
+
/** The scrolling region between header and footer. */
|
|
36
|
+
export function SheetBody({ className, ...rest }) {
|
|
37
|
+
return _jsx(DialogBody, { ...rest, className: cx('mn-sheet__body', className) });
|
|
38
|
+
}
|
|
39
|
+
/** Sticky actions at the bottom of the sheet. */
|
|
40
|
+
export function SheetFooter({ className, ...rest }) {
|
|
41
|
+
return _jsx(DialogFooter, { ...rest, className: cx('mn-sheet__footer', className) });
|
|
42
|
+
}
|
|
43
|
+
//# sourceMappingURL=sheet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sheet.js","sourceRoot":"","sources":["../../../../src/components/overlays/sheet/sheet.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/overlays/tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from 'react';
|
|
2
|
+
/** Mount once near the root. Shares the open delay across tooltips. */
|
|
3
|
+
export declare function TooltipProvider({ delayDuration, children, }: {
|
|
4
|
+
delayDuration?: number;
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
}): import("react").JSX.Element;
|
|
7
|
+
export interface TooltipProps {
|
|
8
|
+
/** Supplementary text. Never put essential information or interactive content here. */
|
|
9
|
+
content: ReactNode;
|
|
10
|
+
/** A single focusable element. */
|
|
11
|
+
children: ReactElement;
|
|
12
|
+
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
13
|
+
align?: 'start' | 'center' | 'end';
|
|
14
|
+
open?: boolean;
|
|
15
|
+
defaultOpen?: boolean;
|
|
16
|
+
onOpenChange?: (open: boolean) => void;
|
|
17
|
+
}
|
|
18
|
+
/** Shows on hover and keyboard focus; Escape dismisses it. */
|
|
19
|
+
export declare function Tooltip({ content, children, side, align, ...state }: TooltipProps): import("react").JSX.Element;
|
|
20
|
+
//# sourceMappingURL=tooltip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/tooltip/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,uEAAuE;AACvE,wBAAgB,eAAe,CAAC,EAC9B,aAAmB,EACnB,QAAQ,GACT,EAAE;IACD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAIA;AAED,MAAM,WAAW,YAAY;IAC3B,uFAAuF;IACvF,OAAO,EAAE,SAAS,CAAC;IACnB,kCAAkC;IAClC,QAAQ,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,8DAA8D;AAC9D,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,IAAY,EACZ,KAAgB,EAChB,GAAG,KAAK,EACT,EAAE,YAAY,+BAWd"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
4
|
+
/** Mount once near the root. Shares the open delay across tooltips. */
|
|
5
|
+
export function TooltipProvider({ delayDuration = 400, children, }) {
|
|
6
|
+
return (_jsx(TooltipPrimitive.Provider, { delayDuration: delayDuration, children: children }));
|
|
7
|
+
}
|
|
8
|
+
/** Shows on hover and keyboard focus; Escape dismisses it. */
|
|
9
|
+
export function Tooltip({ content, children, side = 'top', align = 'center', ...state }) {
|
|
10
|
+
return (_jsxs(TooltipPrimitive.Root, { ...state, children: [_jsx(TooltipPrimitive.Trigger, { asChild: true, children: children }), _jsx(TooltipPrimitive.Portal, { children: _jsx(TooltipPrimitive.Content, { side: side, align: align, sideOffset: 6, className: "mn-tooltip", children: content }) })] }));
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=tooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../src/components/overlays/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAE5D,uEAAuE;AACvE,MAAM,UAAU,eAAe,CAAC,EAC9B,aAAa,GAAG,GAAG,EACnB,QAAQ,GAIT;IACC,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,aAAa,EAAE,aAAa,YAAG,QAAQ,GAA6B,CAChG,CAAC;AACJ,CAAC;AAcD,8DAA8D;AAC9D,MAAM,UAAU,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,KAAK,EACZ,KAAK,GAAG,QAAQ,EAChB,GAAG,KAAK,EACK;IACb,OAAO,CACL,MAAC,gBAAgB,CAAC,IAAI,OAAK,KAAK,aAC9B,KAAC,gBAAgB,CAAC,OAAO,IAAC,OAAO,kBAAE,QAAQ,GAA4B,EACvE,KAAC,gBAAgB,CAAC,MAAM,cACtB,KAAC,gBAAgB,CAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,SAAS,EAAC,YAAY,YACtF,OAAO,GACiB,GACH,IACJ,CACzB,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/search/search-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/search/search-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { type InputHTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
export interface SearchInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'size' | 'type'> {
|
|
3
|
+
/** The query text (controlled). */
|
|
4
|
+
value?: string;
|
|
5
|
+
/** Initial query text when uncontrolled. */
|
|
6
|
+
defaultValue?: string;
|
|
7
|
+
/** Called on every keystroke and on clear, with the new text. */
|
|
8
|
+
onValueChange?: (value: string) => void;
|
|
9
|
+
/**
|
|
10
|
+
* Called with the query to run: after `debounce` ms of no typing, at once on
|
|
11
|
+
* Enter, and with `''` when the field is cleared. Use this for fetching.
|
|
12
|
+
*/
|
|
13
|
+
onSearch?: (query: string) => void;
|
|
14
|
+
/** Milliseconds to wait after the last keystroke before calling `onSearch`. Default 0 (no wait). */
|
|
15
|
+
debounce?: number;
|
|
16
|
+
/** A search is in flight: the leading icon becomes a spinner and the input is `aria-busy`. */
|
|
17
|
+
pending?: boolean;
|
|
18
|
+
/** Show a clear button while there is text. Default true. */
|
|
19
|
+
clearable?: boolean;
|
|
20
|
+
/** Accessible name of the clear button. Default "Clear search". */
|
|
21
|
+
clearLabel?: string;
|
|
22
|
+
/** Called after the field is cleared by the button or Escape. */
|
|
23
|
+
onClear?: () => void;
|
|
24
|
+
/** Hint shown at the trailing edge while the field is empty, e.g. "/" or "⌘K". Decorative. */
|
|
25
|
+
shortcut?: ReactNode;
|
|
26
|
+
/**
|
|
27
|
+
* The key combination that focuses the field from anywhere on the page, in
|
|
28
|
+
* `aria-keyshortcuts` syntax ("/", "Meta+K", "Control+K"). Setting it binds the
|
|
29
|
+
* listener and sets `aria-keyshortcuts`; single keys are ignored while typing
|
|
30
|
+
* in another field.
|
|
31
|
+
*/
|
|
32
|
+
shortcutKeys?: string;
|
|
33
|
+
/** Replaces the leading magnifier icon. Decorative. Pass `null` for none. */
|
|
34
|
+
icon?: ReactNode;
|
|
35
|
+
size?: 'sm' | 'md' | 'lg';
|
|
36
|
+
/** Marks the value invalid. Inside a Field, the Field's `invalid` is used. */
|
|
37
|
+
invalid?: boolean;
|
|
38
|
+
/** Class for the outer wrapper (the input itself is `.mn-search-input__input`). */
|
|
39
|
+
className?: string;
|
|
40
|
+
}
|
|
41
|
+
/**
|
|
42
|
+
* A search box: leading icon, clear button, optional debounce for fetching,
|
|
43
|
+
* a pending state, and an optional keyboard shortcut that focuses it.
|
|
44
|
+
* Renders a native `type="search"` input, so give it a visible label (Field)
|
|
45
|
+
* or an `aria-label`.
|
|
46
|
+
*/
|
|
47
|
+
export declare const SearchInput: import("react").ForwardRefExoticComponent<SearchInputProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
48
|
+
//# sourceMappingURL=search-input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../../src/components/search/search-input/search-input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,mBAAmB,EAExB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,OAAO,GAAG,cAAc,GAAG,MAAM,GAAG,MAAM,CAC3C;IACC,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iEAAiE;IACjE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,oGAAoG;IACpG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8FAA8F;IAC9F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,8EAA8E;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mFAAmF;IACnF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsDD;;;;;GAKG;AACH,eAAO,MAAM,WAAW,+GAqJtB,CAAC"}
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef, useCallback, useEffect, useRef, useState, } from 'react';
|
|
4
|
+
import { cx } from '../../../internal/cx.js';
|
|
5
|
+
import { CloseGlyph } from '../../../internal/icons.js';
|
|
6
|
+
import { useFieldControl } from '../../forms/form-field/index.js';
|
|
7
|
+
import { Spinner } from '../../feedback/spinner/index.js';
|
|
8
|
+
import { Kbd } from '../../typography/kbd/index.js';
|
|
9
|
+
function SearchGlyph() {
|
|
10
|
+
return (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.75, strokeLinecap: "round", "aria-hidden": true, focusable: false, children: [_jsx("circle", { cx: "7", cy: "7", r: "4.5" }), _jsx("path", { d: "M10.5 10.5L14 14" })] }));
|
|
11
|
+
}
|
|
12
|
+
function isEditable(target) {
|
|
13
|
+
if (!(target instanceof HTMLElement))
|
|
14
|
+
return false;
|
|
15
|
+
return (target.isContentEditable ||
|
|
16
|
+
target.tagName === 'INPUT' ||
|
|
17
|
+
target.tagName === 'TEXTAREA' ||
|
|
18
|
+
target.tagName === 'SELECT');
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* True when a keyboard event matches one `aria-keyshortcuts` combination such
|
|
22
|
+
* as "Meta+K" or "/". Modifiers that are not named must not be held (Shift is
|
|
23
|
+
* ignored for single printable keys, since it is how some symbols are typed).
|
|
24
|
+
*/
|
|
25
|
+
function matchesShortcut(event, combo) {
|
|
26
|
+
const parts = combo.split('+').map((p) => p.trim());
|
|
27
|
+
const key = parts.pop();
|
|
28
|
+
if (!key)
|
|
29
|
+
return false;
|
|
30
|
+
const mods = new Set(parts.map((p) => p.toLowerCase()));
|
|
31
|
+
const want = {
|
|
32
|
+
ctrl: mods.has('control') || mods.has('ctrl'),
|
|
33
|
+
meta: mods.has('meta'),
|
|
34
|
+
alt: mods.has('alt'),
|
|
35
|
+
shift: mods.has('shift'),
|
|
36
|
+
};
|
|
37
|
+
if (event.ctrlKey !== want.ctrl || event.metaKey !== want.meta || event.altKey !== want.alt)
|
|
38
|
+
return false;
|
|
39
|
+
if (want.shift && !event.shiftKey)
|
|
40
|
+
return false;
|
|
41
|
+
if (!want.shift && event.shiftKey && key.length > 1)
|
|
42
|
+
return false;
|
|
43
|
+
return event.key.toLowerCase() === key.toLowerCase();
|
|
44
|
+
}
|
|
45
|
+
/**
|
|
46
|
+
* A search box: leading icon, clear button, optional debounce for fetching,
|
|
47
|
+
* a pending state, and an optional keyboard shortcut that focuses it.
|
|
48
|
+
* Renders a native `type="search"` input, so give it a visible label (Field)
|
|
49
|
+
* or an `aria-label`.
|
|
50
|
+
*/
|
|
51
|
+
export const SearchInput = forwardRef(function SearchInput({ value: valueProp, defaultValue = '', onValueChange, onSearch, debounce = 0, pending = false, clearable = true, clearLabel = 'Clear search', onClear, shortcut, shortcutKeys, icon, size = 'md', invalid, className, onChange, onKeyDown, ...rest }, ref) {
|
|
52
|
+
const [internal, setInternal] = useState(defaultValue);
|
|
53
|
+
const value = valueProp !== undefined ? valueProp : internal;
|
|
54
|
+
const inputRef = useRef(null);
|
|
55
|
+
const timer = useRef(null);
|
|
56
|
+
const searchRef = useRef(onSearch);
|
|
57
|
+
searchRef.current = onSearch;
|
|
58
|
+
const cancel = useCallback(() => {
|
|
59
|
+
if (timer.current !== null) {
|
|
60
|
+
clearTimeout(timer.current);
|
|
61
|
+
timer.current = null;
|
|
62
|
+
}
|
|
63
|
+
}, []);
|
|
64
|
+
useEffect(() => cancel, [cancel]);
|
|
65
|
+
const runSearch = (query, immediate) => {
|
|
66
|
+
cancel();
|
|
67
|
+
if (!searchRef.current)
|
|
68
|
+
return;
|
|
69
|
+
if (immediate || debounce <= 0)
|
|
70
|
+
searchRef.current(query);
|
|
71
|
+
else
|
|
72
|
+
timer.current = setTimeout(() => {
|
|
73
|
+
timer.current = null;
|
|
74
|
+
searchRef.current?.(query);
|
|
75
|
+
}, debounce);
|
|
76
|
+
};
|
|
77
|
+
const setValue = (next) => {
|
|
78
|
+
if (valueProp === undefined)
|
|
79
|
+
setInternal(next);
|
|
80
|
+
onValueChange?.(next);
|
|
81
|
+
};
|
|
82
|
+
const clear = () => {
|
|
83
|
+
setValue('');
|
|
84
|
+
runSearch('', true);
|
|
85
|
+
onClear?.();
|
|
86
|
+
inputRef.current?.focus();
|
|
87
|
+
};
|
|
88
|
+
useEffect(() => {
|
|
89
|
+
if (!shortcutKeys)
|
|
90
|
+
return;
|
|
91
|
+
const combos = shortcutKeys.split(' ').filter(Boolean);
|
|
92
|
+
const onKey = (e) => {
|
|
93
|
+
if (e.defaultPrevented)
|
|
94
|
+
return;
|
|
95
|
+
const combo = combos.find((c) => matchesShortcut(e, c));
|
|
96
|
+
if (!combo)
|
|
97
|
+
return;
|
|
98
|
+
const plain = !/(control|ctrl|meta|alt)\+/i.test(combo);
|
|
99
|
+
if (plain && isEditable(e.target))
|
|
100
|
+
return;
|
|
101
|
+
const input = inputRef.current;
|
|
102
|
+
if (!input || input.disabled)
|
|
103
|
+
return;
|
|
104
|
+
e.preventDefault();
|
|
105
|
+
input.focus();
|
|
106
|
+
input.select();
|
|
107
|
+
};
|
|
108
|
+
document.addEventListener('keydown', onKey);
|
|
109
|
+
return () => document.removeEventListener('keydown', onKey);
|
|
110
|
+
}, [shortcutKeys]);
|
|
111
|
+
const handleKey = (e) => {
|
|
112
|
+
onKeyDown?.(e);
|
|
113
|
+
if (e.defaultPrevented)
|
|
114
|
+
return;
|
|
115
|
+
if (e.key === 'Enter') {
|
|
116
|
+
runSearch(value, true);
|
|
117
|
+
}
|
|
118
|
+
else if (e.key === 'Escape' && value !== '') {
|
|
119
|
+
// Escape clears first; a second Escape (empty field) reaches dialogs and popovers.
|
|
120
|
+
e.preventDefault();
|
|
121
|
+
e.stopPropagation();
|
|
122
|
+
clear();
|
|
123
|
+
}
|
|
124
|
+
};
|
|
125
|
+
const fieldProps = useFieldControl(rest, { invalid });
|
|
126
|
+
const showClear = clearable && value !== '' && !fieldProps.disabled && !rest.readOnly;
|
|
127
|
+
const leading = pending ? _jsx(Spinner, { size: "sm" }) : icon === undefined ? _jsx(SearchGlyph, {}) : icon;
|
|
128
|
+
return (_jsxs("div", { className: cx('mn-input', 'mn-search-input', className), "data-size": size, "data-pending": pending || undefined, "data-disabled": fieldProps.disabled || undefined, "data-invalid": fieldProps['aria-invalid'] ? true : undefined, children: [leading ? (_jsx("span", { className: "mn-search-input__icon", "aria-hidden": true, children: leading })) : null, _jsx("input", { ref: (node) => {
|
|
129
|
+
inputRef.current = node;
|
|
130
|
+
if (typeof ref === 'function')
|
|
131
|
+
ref(node);
|
|
132
|
+
else if (ref)
|
|
133
|
+
ref.current = node;
|
|
134
|
+
}, autoComplete: "off", spellCheck: false, enterKeyHint: "search", ...fieldProps, type: "search", "aria-keyshortcuts": shortcutKeys || undefined, "aria-busy": pending || undefined, className: "mn-search-input__input", value: value, onChange: (e) => {
|
|
135
|
+
onChange?.(e);
|
|
136
|
+
setValue(e.target.value);
|
|
137
|
+
runSearch(e.target.value, false);
|
|
138
|
+
}, onKeyDown: handleKey }), showClear ? (_jsx("button", { type: "button", className: "mn-search-input__clear", "aria-label": clearLabel, onMouseDown: (e) => e.preventDefault(), onClick: clear, children: _jsx(CloseGlyph, {}) })) : shortcut && value === '' ? (_jsx(Kbd, { className: "mn-search-input__shortcut", "aria-hidden": true, children: shortcut })) : null] }));
|
|
139
|
+
});
|
|
140
|
+
//# sourceMappingURL=search-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"search-input.js","sourceRoot":"","sources":["../../../../src/components/search/search-input/search-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/technical/secret-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/technical/secret-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { type InputProps } from '../../forms/text-field/index.js';
|
|
2
|
+
export interface SecretFieldProps extends Omit<InputProps, 'type' | 'onCopy'> {
|
|
3
|
+
/**
|
|
4
|
+
* What the secret is ("API key", "Bot token"). Names the reveal and copy
|
|
5
|
+
* buttons ("Show API key") and, outside a Field, the text box.
|
|
6
|
+
*/
|
|
7
|
+
label: string;
|
|
8
|
+
/** Controlled: whether the secret is shown in plain text. */
|
|
9
|
+
revealed?: boolean;
|
|
10
|
+
/** Uncontrolled initial value of `revealed`. Default false. */
|
|
11
|
+
defaultRevealed?: boolean;
|
|
12
|
+
onRevealedChange?: (revealed: boolean) => void;
|
|
13
|
+
/** Show the reveal/hide toggle. Default true. */
|
|
14
|
+
revealable?: boolean;
|
|
15
|
+
/** Show a copy button. It copies the current value without revealing it. Default false. */
|
|
16
|
+
copyable?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* A value is saved on the server but is never sent back, so there is
|
|
19
|
+
* nothing to reveal or copy. The field stays empty, says the secret is set,
|
|
20
|
+
* and typing a new value replaces it; leaving it blank keeps the saved one.
|
|
21
|
+
*/
|
|
22
|
+
isSet?: boolean;
|
|
23
|
+
/** Placeholder while `isSet` and empty. Default "Saved. Enter a new value to replace it". */
|
|
24
|
+
setPlaceholder?: string;
|
|
25
|
+
/** Screen reader description while `isSet`. Default "A value is saved and hidden. Leave blank to keep it." */
|
|
26
|
+
setDescription?: string;
|
|
27
|
+
/** Called with the copied text after a successful copy. */
|
|
28
|
+
onCopy?: (text: string) => void;
|
|
29
|
+
/** Called when copying fails. */
|
|
30
|
+
onCopyError?: (error: Error) => void;
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
* A masked secret (API key, token, signing secret) with reveal/hide and an
|
|
34
|
+
* optional copy button. Never prefilled by the browser or password managers.
|
|
35
|
+
* Supports the "set, not shown" state for secrets the server never returns.
|
|
36
|
+
*/
|
|
37
|
+
export declare const SecretField: import("react").ForwardRefExoticComponent<SecretFieldProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
38
|
+
//# sourceMappingURL=secret-field.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"secret-field.d.ts","sourceRoot":"","sources":["../../../../src/components/technical/secret-field/secret-field.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAEzE,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC3E;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6FAA6F;IAC7F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8GAA8G;IAC9G,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,iCAAiC;IACjC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACtC;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,+GAqHtB,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef, useCallback, useId, useState } from 'react';
|
|
4
|
+
import { cx } from '../../../internal/cx.js';
|
|
5
|
+
import { EyeGlyph, EyeOffGlyph } from '../../../internal/icons.js';
|
|
6
|
+
import { IconButton } from '../../actions/button/index.js';
|
|
7
|
+
import { CopyButton } from '../../actions/copy-button/index.js';
|
|
8
|
+
import { useFieldContext } from '../../forms/form-field/index.js';
|
|
9
|
+
import { Input } from '../../forms/text-field/index.js';
|
|
10
|
+
/**
|
|
11
|
+
* A masked secret (API key, token, signing secret) with reveal/hide and an
|
|
12
|
+
* optional copy button. Never prefilled by the browser or password managers.
|
|
13
|
+
* Supports the "set, not shown" state for secrets the server never returns.
|
|
14
|
+
*/
|
|
15
|
+
export const SecretField = forwardRef(function SecretField({ label, revealed: revealedProp, defaultRevealed = false, onRevealedChange, revealable = true, copyable = false, isSet = false, setPlaceholder = 'Saved. Enter a new value to replace it', setDescription = 'A value is saved and hidden. Leave blank to keep it.', onCopy, onCopyError, size = 'md', className, style, placeholder, disabled, value, defaultValue, onChange, 'aria-describedby': describedBy, ...rest }, ref) {
|
|
16
|
+
const field = useFieldContext();
|
|
17
|
+
const setId = `mn-secret-${useId()}`;
|
|
18
|
+
const [revealedState, setRevealedState] = useState(defaultRevealed);
|
|
19
|
+
const revealed = revealedProp ?? revealedState;
|
|
20
|
+
const setRevealed = useCallback((next) => {
|
|
21
|
+
if (revealedProp === undefined)
|
|
22
|
+
setRevealedState(next);
|
|
23
|
+
onRevealedChange?.(next);
|
|
24
|
+
}, [revealedProp, onRevealedChange]);
|
|
25
|
+
// Track the current text so copy works in uncontrolled mode too.
|
|
26
|
+
const [innerValue, setInnerValue] = useState(() => String(defaultValue ?? ''));
|
|
27
|
+
const current = value !== undefined ? String(value) : innerValue;
|
|
28
|
+
const empty = current === '';
|
|
29
|
+
// A saved-but-hidden secret has nothing to reveal until the user types a new one.
|
|
30
|
+
const hasPlainText = !empty;
|
|
31
|
+
const name = label;
|
|
32
|
+
const actions = (revealable ? 1 : 0) + (copyable ? 1 : 0);
|
|
33
|
+
const buttonSize = size === 'lg' ? 'sm' : 'xs';
|
|
34
|
+
return (_jsxs("div", { className: cx('mn-secret-field', className), style: style, "data-revealed": revealed || undefined, "data-set": isSet || undefined, "data-size": size, "data-actions": actions, children: [_jsx(Input, { ref: ref, ...rest, ...(field ? {} : { 'aria-label': label }), ...(value !== undefined ? { value } : {}), ...(defaultValue !== undefined ? { defaultValue } : {}), onChange: (event) => {
|
|
35
|
+
if (value === undefined)
|
|
36
|
+
setInnerValue(event.currentTarget.value);
|
|
37
|
+
onChange?.(event);
|
|
38
|
+
}, size: size, disabled: disabled, type: revealed ? 'text' : 'password', placeholder: isSet && empty ? setPlaceholder : placeholder, "aria-describedby": cx(describedBy, isSet ? setId : undefined), autoComplete: rest.autoComplete ?? 'off', autoCorrect: "off", autoCapitalize: "off", spellCheck: false, "data-1p-ignore": "", "data-lpignore": "true", "data-bwignore": "", "data-form-type": "other", className: "mn-secret-field__control" }), isSet ? (_jsx("span", { id: setId, className: "mn-visually-hidden", children: setDescription })) : null, _jsxs("span", { className: "mn-secret-field__actions", children: [revealable ? (_jsx(IconButton, { label: `Show ${name}`, icon: revealed ? _jsx(EyeOffGlyph, {}) : _jsx(EyeGlyph, {}), size: buttonSize, "aria-pressed": revealed,
|
|
39
|
+
// Nothing to show while the field is empty (including a saved-but-hidden secret).
|
|
40
|
+
disabled: disabled || !hasPlainText, onClick: () => setRevealed(!revealed), className: "mn-secret-field__toggle" })) : null, copyable ? (_jsx(CopyButton, { value: () => current, label: "Copy", target: name, iconOnly: true, size: buttonSize, disabled: disabled || !hasPlainText, ...(onCopy ? { onCopy } : {}), ...(onCopyError ? { onCopyError } : {}), className: "mn-secret-field__copy" })) : null] })] }));
|
|
41
|
+
});
|
|
42
|
+
//# sourceMappingURL=secret-field.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"secret-field.js","sourceRoot":"","sources":["../../../../src/components/technical/secret-field/secret-field.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/kbd/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/typography/kbd/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/kbd/kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,sDAAsD;AACtD,wBAAgB,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,WAAW,CAAC,+BAEtE"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cx } from '../../../internal/cx.js';
|
|
3
|
+
/** A keyboard key or shortcut, e.g. <Kbd>⌘K</Kbd>. */
|
|
4
|
+
export function Kbd({ className, ...rest }) {
|
|
5
|
+
return _jsx("kbd", { ...rest, className: cx('mn-kbd', className) });
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=kbd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"kbd.js","sourceRoot":"","sources":["../../../../src/components/typography/kbd/kbd.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAE7C,sDAAsD;AACtD,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAA+B;IACrE,OAAO,iBAAS,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAI,CAAC;AAC/D,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* `@rookcom/monarch-react/marketing`: patterns for public pages (product sites,
|
|
3
|
+
* launch pages). Kept out of the root entry so apps that only build signed-in
|
|
4
|
+
* UI never load them. See docs/guides/marketing.md.
|
|
5
|
+
*/
|
|
6
|
+
export * from '../patterns/layout/marketing-site-shell/index.js';
|
|
7
|
+
export * from '../patterns/layout/marketing-hero/index.js';
|
|
8
|
+
export * from '../patterns/layout/marketing-section-blocks/index.js';
|
|
9
|
+
//# sourceMappingURL=marketing.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"marketing.d.ts","sourceRoot":"","sources":["../../src/entries/marketing.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,cAAc,kDAAkD,CAAC;AACjE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sDAAsD,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* `@rookcom/monarch-react/marketing`: patterns for public pages (product sites,
|
|
3
|
+
* launch pages). Kept out of the root entry so apps that only build signed-in
|
|
4
|
+
* UI never load them. See docs/guides/marketing.md.
|
|
5
|
+
*/
|
|
6
|
+
export * from '../patterns/layout/marketing-site-shell/index.js';
|
|
7
|
+
export * from '../patterns/layout/marketing-hero/index.js';
|
|
8
|
+
export * from '../patterns/layout/marketing-section-blocks/index.js';
|
|
9
|
+
//# sourceMappingURL=marketing.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"marketing.js","sourceRoot":"","sources":["../../src/entries/marketing.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,cAAc,kDAAkD,CAAC;AACjE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sDAAsD,CAAC"}
|