@rookcom/monarch-react 0.2.0 → 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 +43 -0
- package/dist/components/{button.d.ts → actions/button/button.d.ts} +9 -1
- 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.map +1 -0
- package/dist/components/{badge.js → data-display/badge/badge.js} +1 -1
- 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.map +1 -0
- package/dist/components/{card.js → data-display/card/card.js} +1 -1
- 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.map +1 -0
- package/dist/{patterns → components/data-display/description-list}/description-list.js +1 -1
- 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.map +1 -0
- package/dist/{patterns → components/data-display/stat-card}/stat-card.js +2 -2
- 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/{table.d.ts → data-grid/data-table/data-table.d.ts} +2 -2
- package/dist/components/data-grid/data-table/data-table.d.ts.map +1 -0
- package/dist/components/{table.js → data-grid/data-table/data-table.js} +4 -4
- 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.map +1 -0
- package/dist/components/{alert.js → feedback/alert/alert.js} +2 -2
- 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.map +1 -0
- package/dist/components/{skeleton.js → feedback/skeleton/skeleton.js} +1 -1
- 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.map +1 -0
- package/dist/components/{spinner.js → feedback/spinner/spinner.js} +1 -1
- 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.map +1 -0
- package/dist/components/{checkbox.js → forms/checkbox/checkbox.js} +3 -3
- 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.map +1 -0
- package/dist/components/{combobox.js → forms/combobox/combobox.js} +4 -4
- 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/{field.d.ts → forms/form-field/form-field.d.ts} +42 -3
- package/dist/components/forms/form-field/form-field.d.ts.map +1 -0
- package/dist/components/{field.js → forms/form-field/form-field.js} +17 -4
- 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.map +1 -0
- package/dist/components/{select.js → forms/select/select.js} +3 -3
- 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.map +1 -0
- package/dist/components/{switch.js → forms/switch/switch.js} +2 -2
- 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/{input.d.ts → forms/text-field/text-field.d.ts} +1 -1
- package/dist/components/forms/text-field/text-field.d.ts.map +1 -0
- package/dist/components/{input.js → forms/text-field/text-field.js} +3 -3
- 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.map +1 -0
- package/dist/components/{separator.js → layout/separator/separator.js} +1 -1
- 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.map +1 -0
- package/dist/components/{visually-hidden.js → layout/visually-hidden/visually-hidden.js} +1 -1
- 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.map +1 -0
- package/dist/components/{breadcrumb.js → navigation/breadcrumb/breadcrumb.js} +3 -3
- 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.map +1 -0
- package/dist/components/{link.js → navigation/link/link.js} +2 -2
- 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.map +1 -0
- package/dist/components/{pagination.js → navigation/pagination/pagination.js} +3 -3
- 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/{dialog.d.ts → overlays/dialog/dialog.d.ts} +27 -1
- package/dist/components/overlays/dialog/dialog.d.ts.map +1 -0
- package/dist/components/{dialog.js → overlays/dialog/dialog.js} +6 -4
- 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.map +1 -0
- package/dist/components/{dropdown-menu.js → overlays/dropdown-menu/dropdown-menu.js} +2 -2
- 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.map +1 -0
- package/dist/components/{popover.js → overlays/popover/popover.js} +1 -1
- 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.map +1 -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.map +1 -0
- package/dist/components/{kbd.js → typography/kbd/kbd.js} +1 -1
- 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 +62 -29
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +62 -29
- package/dist/index.js.map +1 -1
- 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 +14 -0
- package/dist/internal/icons.d.ts.map +1 -1
- package/dist/internal/icons.js +40 -0
- package/dist/internal/icons.js.map +1 -1
- 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 +6003 -1285
- 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.map +1 -0
- package/dist/patterns/{toolbar.js → actions/toolbar/toolbar.js} +1 -1
- 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.map +1 -0
- package/dist/patterns/{page-header.js → layout/page-header/page-header.js} +1 -1
- 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/{settings.d.ts → layout/settings-section/settings-section.d.ts} +1 -1
- package/dist/patterns/layout/settings-section/settings-section.d.ts.map +1 -0
- package/dist/patterns/{settings.js → layout/settings-section/settings-section.js} +3 -3
- 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.map +1 -0
- package/dist/patterns/{split-layout.js → layout/split-layout/split-layout.js} +3 -3
- package/dist/patterns/layout/split-layout/split-layout.js.map +1 -0
- package/dist/patterns/search/filter-bar/filter-bar.d.ts.map +1 -0
- package/dist/patterns/{filter-bar.js → search/filter-bar/filter-bar.js} +2 -2
- 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 +3648 -11
- package/package.json +7 -2
- package/dist/components/alert.d.ts.map +0 -1
- package/dist/components/alert.js.map +0 -1
- package/dist/components/avatar.d.ts +0 -16
- package/dist/components/avatar.d.ts.map +0 -1
- package/dist/components/avatar.js +0 -28
- package/dist/components/avatar.js.map +0 -1
- package/dist/components/badge.d.ts.map +0 -1
- package/dist/components/badge.js.map +0 -1
- package/dist/components/breadcrumb.d.ts.map +0 -1
- package/dist/components/breadcrumb.js.map +0 -1
- package/dist/components/button.d.ts.map +0 -1
- package/dist/components/button.js +0 -30
- package/dist/components/button.js.map +0 -1
- package/dist/components/card.d.ts.map +0 -1
- package/dist/components/card.js.map +0 -1
- package/dist/components/checkbox.d.ts.map +0 -1
- package/dist/components/checkbox.js.map +0 -1
- package/dist/components/combobox.d.ts.map +0 -1
- package/dist/components/combobox.js.map +0 -1
- package/dist/components/dialog.d.ts.map +0 -1
- package/dist/components/dialog.js.map +0 -1
- package/dist/components/dropdown-menu.d.ts.map +0 -1
- package/dist/components/dropdown-menu.js.map +0 -1
- package/dist/components/empty-state.d.ts +0 -17
- package/dist/components/empty-state.d.ts.map +0 -1
- package/dist/components/empty-state.js +0 -10
- package/dist/components/empty-state.js.map +0 -1
- package/dist/components/field.d.ts.map +0 -1
- package/dist/components/field.js.map +0 -1
- package/dist/components/input.d.ts.map +0 -1
- package/dist/components/input.js.map +0 -1
- package/dist/components/kbd.d.ts.map +0 -1
- package/dist/components/kbd.js.map +0 -1
- package/dist/components/link.d.ts.map +0 -1
- package/dist/components/link.js.map +0 -1
- package/dist/components/pagination.d.ts.map +0 -1
- package/dist/components/pagination.js.map +0 -1
- package/dist/components/popover.d.ts.map +0 -1
- package/dist/components/popover.js.map +0 -1
- package/dist/components/progress.d.ts +0 -14
- package/dist/components/progress.d.ts.map +0 -1
- package/dist/components/progress.js +0 -12
- package/dist/components/progress.js.map +0 -1
- package/dist/components/select.d.ts.map +0 -1
- package/dist/components/select.js.map +0 -1
- package/dist/components/separator.d.ts.map +0 -1
- package/dist/components/separator.js.map +0 -1
- package/dist/components/skeleton.d.ts.map +0 -1
- package/dist/components/skeleton.js.map +0 -1
- package/dist/components/spinner.d.ts.map +0 -1
- package/dist/components/spinner.js.map +0 -1
- package/dist/components/switch.d.ts.map +0 -1
- package/dist/components/switch.js.map +0 -1
- package/dist/components/table.d.ts.map +0 -1
- package/dist/components/table.js.map +0 -1
- package/dist/components/tabs.d.ts +0 -12
- package/dist/components/tabs.d.ts.map +0 -1
- package/dist/components/tabs.js +0 -17
- package/dist/components/tabs.js.map +0 -1
- package/dist/components/toast.d.ts +0 -40
- package/dist/components/toast.d.ts.map +0 -1
- package/dist/components/toast.js +0 -67
- package/dist/components/toast.js.map +0 -1
- package/dist/components/tooltip.d.ts.map +0 -1
- package/dist/components/tooltip.js.map +0 -1
- package/dist/components/visually-hidden.d.ts.map +0 -1
- package/dist/components/visually-hidden.js.map +0 -1
- package/dist/patterns/description-list.d.ts.map +0 -1
- package/dist/patterns/description-list.js.map +0 -1
- package/dist/patterns/filter-bar.d.ts.map +0 -1
- package/dist/patterns/filter-bar.js.map +0 -1
- package/dist/patterns/index.d.ts +0 -9
- package/dist/patterns/index.d.ts.map +0 -1
- package/dist/patterns/index.js +0 -9
- package/dist/patterns/index.js.map +0 -1
- package/dist/patterns/page-header.d.ts.map +0 -1
- package/dist/patterns/page-header.js.map +0 -1
- package/dist/patterns/settings.d.ts.map +0 -1
- package/dist/patterns/settings.js.map +0 -1
- package/dist/patterns/split-layout.d.ts.map +0 -1
- package/dist/patterns/split-layout.js.map +0 -1
- package/dist/patterns/stat-card.d.ts.map +0 -1
- package/dist/patterns/stat-card.js.map +0 -1
- package/dist/patterns/states.d.ts +0 -23
- package/dist/patterns/states.d.ts.map +0 -1
- package/dist/patterns/states.js +0 -15
- package/dist/patterns/states.js.map +0 -1
- package/dist/patterns/toolbar.d.ts.map +0 -1
- package/dist/patterns/toolbar.js.map +0 -1
- /package/dist/components/{badge.d.ts → data-display/badge/badge.d.ts} +0 -0
- /package/dist/components/{card.d.ts → data-display/card/card.d.ts} +0 -0
- /package/dist/{patterns → components/data-display/description-list}/description-list.d.ts +0 -0
- /package/dist/{patterns → components/data-display/stat-card}/stat-card.d.ts +0 -0
- /package/dist/components/{alert.d.ts → feedback/alert/alert.d.ts} +0 -0
- /package/dist/components/{skeleton.d.ts → feedback/skeleton/skeleton.d.ts} +0 -0
- /package/dist/components/{spinner.d.ts → feedback/spinner/spinner.d.ts} +0 -0
- /package/dist/components/{checkbox.d.ts → forms/checkbox/checkbox.d.ts} +0 -0
- /package/dist/components/{combobox.d.ts → forms/combobox/combobox.d.ts} +0 -0
- /package/dist/components/{select.d.ts → forms/select/select.d.ts} +0 -0
- /package/dist/components/{switch.d.ts → forms/switch/switch.d.ts} +0 -0
- /package/dist/components/{separator.d.ts → layout/separator/separator.d.ts} +0 -0
- /package/dist/components/{visually-hidden.d.ts → layout/visually-hidden/visually-hidden.d.ts} +0 -0
- /package/dist/components/{breadcrumb.d.ts → navigation/breadcrumb/breadcrumb.d.ts} +0 -0
- /package/dist/components/{link.d.ts → navigation/link/link.d.ts} +0 -0
- /package/dist/components/{pagination.d.ts → navigation/pagination/pagination.d.ts} +0 -0
- /package/dist/components/{dropdown-menu.d.ts → overlays/dropdown-menu/dropdown-menu.d.ts} +0 -0
- /package/dist/components/{popover.d.ts → overlays/popover/popover.d.ts} +0 -0
- /package/dist/components/{tooltip.d.ts → overlays/tooltip/tooltip.d.ts} +0 -0
- /package/dist/components/{tooltip.js → overlays/tooltip/tooltip.js} +0 -0
- /package/dist/components/{kbd.d.ts → typography/kbd/kbd.d.ts} +0 -0
- /package/dist/patterns/{toolbar.d.ts → actions/toolbar/toolbar.d.ts} +0 -0
- /package/dist/patterns/{page-header.d.ts → layout/page-header/page-header.d.ts} +0 -0
- /package/dist/patterns/{split-layout.d.ts → layout/split-layout/split-layout.d.ts} +0 -0
- /package/dist/patterns/{filter-bar.d.ts → search/filter-bar/filter-bar.d.ts} +0 -0
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { cx } from '../../../internal/cx.js';
|
|
4
|
+
import { VisuallyHidden } from '../../layout/visually-hidden/index.js';
|
|
5
|
+
/** Number of minor-unit digits for an ISO 4217 currency (USD 2, JPY 0, KWD 3). */
|
|
6
|
+
export function currencyDigits(currency) {
|
|
7
|
+
return (new Intl.NumberFormat('en', { style: 'currency', currency }).resolvedOptions()
|
|
8
|
+
.maximumFractionDigits ?? 2);
|
|
9
|
+
}
|
|
10
|
+
/** Converts a minor-unit amount to an exact decimal string without floating-point loss. */
|
|
11
|
+
function minorToDecimal(amount, digits) {
|
|
12
|
+
let raw;
|
|
13
|
+
if (typeof amount === 'bigint')
|
|
14
|
+
raw = amount.toString();
|
|
15
|
+
else if (typeof amount === 'number')
|
|
16
|
+
raw = Math.round(amount).toString();
|
|
17
|
+
else
|
|
18
|
+
raw = amount.trim().replace(/\.0*$/, '');
|
|
19
|
+
if (!/^-?\d+$/.test(raw))
|
|
20
|
+
throw new RangeError(`Money: minor units must be an integer, got ${raw}`);
|
|
21
|
+
if (digits === 0)
|
|
22
|
+
return raw;
|
|
23
|
+
const negative = raw.startsWith('-');
|
|
24
|
+
const digitsOnly = (negative ? raw.slice(1) : raw).padStart(digits + 1, '0');
|
|
25
|
+
const whole = digitsOnly.slice(0, -digits);
|
|
26
|
+
const fraction = digitsOnly.slice(-digits);
|
|
27
|
+
return `${negative ? '-' : ''}${whole}.${fraction}`;
|
|
28
|
+
}
|
|
29
|
+
/** The value `Intl.NumberFormat` receives: exact decimal strings are passed through. */
|
|
30
|
+
function toFormattable(amount, currency, minorUnits) {
|
|
31
|
+
if (minorUnits)
|
|
32
|
+
return minorToDecimal(amount, currencyDigits(currency));
|
|
33
|
+
return typeof amount === 'string' ? amount.trim() : amount;
|
|
34
|
+
}
|
|
35
|
+
function isNegative(value) {
|
|
36
|
+
return typeof value === 'string' ? value.trim().startsWith('-') : value < 0;
|
|
37
|
+
}
|
|
38
|
+
/** Formats an amount of one currency with `Intl.NumberFormat`. */
|
|
39
|
+
export function formatMoney(amount, currency, options = {}) {
|
|
40
|
+
const { locale, minorUnits = false, notation = 'standard', ...intl } = options;
|
|
41
|
+
const value = toFormattable(amount, currency, minorUnits);
|
|
42
|
+
const formatter = new Intl.NumberFormat(locale, {
|
|
43
|
+
style: 'currency',
|
|
44
|
+
currency,
|
|
45
|
+
notation,
|
|
46
|
+
...intl,
|
|
47
|
+
});
|
|
48
|
+
// ES2023 Intl formats decimal strings exactly; the ES2022 lib types do not know that yet.
|
|
49
|
+
return formatter.format(value);
|
|
50
|
+
}
|
|
51
|
+
/**
|
|
52
|
+
* A formatted amount in tabular figures. With `notation="compact"` the short
|
|
53
|
+
* form is shown and the full amount is given to assistive technology and as
|
|
54
|
+
* a hover title.
|
|
55
|
+
*/
|
|
56
|
+
export const Money = forwardRef(function Money({ amount, currency, locale, minorUnits, notation = 'standard', signDisplay, currencyDisplay, currencySign, minimumFractionDigits, maximumFractionDigits, toneNegative = false, emptyLabel, className, title, ...rest }, ref) {
|
|
57
|
+
if (amount === null || amount === undefined) {
|
|
58
|
+
return (_jsx("span", { ref: ref, ...rest, className: cx('mn-money', className), "data-empty": "", children: emptyLabel ?? (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": true, children: "\u2014" }), _jsx(VisuallyHidden, { children: "No amount" })] })) }));
|
|
59
|
+
}
|
|
60
|
+
const options = {
|
|
61
|
+
...(locale !== undefined && { locale }),
|
|
62
|
+
...(minorUnits !== undefined && { minorUnits }),
|
|
63
|
+
...(signDisplay !== undefined && { signDisplay }),
|
|
64
|
+
...(currencyDisplay !== undefined && { currencyDisplay }),
|
|
65
|
+
...(currencySign !== undefined && { currencySign }),
|
|
66
|
+
...(minimumFractionDigits !== undefined && { minimumFractionDigits }),
|
|
67
|
+
...(maximumFractionDigits !== undefined && { maximumFractionDigits }),
|
|
68
|
+
};
|
|
69
|
+
const shown = formatMoney(amount, currency, { ...options, notation });
|
|
70
|
+
const compact = notation === 'compact';
|
|
71
|
+
const full = compact ? formatMoney(amount, currency, options) : shown;
|
|
72
|
+
const negative = isNegative(amount);
|
|
73
|
+
return (_jsx("span", { ref: ref, ...rest, className: cx('mn-money', className), title: title ?? (compact && full !== shown ? full : undefined), "data-currency": currency, "data-notation": notation, "data-negative": negative || undefined, "data-tone": toneNegative && negative ? 'danger' : undefined, children: compact && full !== shown ? (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": true, children: shown }), _jsx(VisuallyHidden, { children: full })] })) : (shown) }));
|
|
74
|
+
});
|
|
75
|
+
//# sourceMappingURL=money.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"money.js","sourceRoot":"","sources":["../../../../src/components/billing/money/money.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
3
|
+
type HeadingLevel = 'h2' | 'h3' | 'h4';
|
|
4
|
+
/**
|
|
5
|
+
* Stacked disclosure sections. Enter/Space toggle, arrow keys move between
|
|
6
|
+
* headers, Home/End jump to the first and last. Built on Radix Accordion.
|
|
7
|
+
*/
|
|
8
|
+
export declare const Accordion: import("react").ForwardRefExoticComponent<ComponentPropsWithoutRef<import("react").ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & import("react").RefAttributes<HTMLDivElement>>> & import("react").RefAttributes<HTMLDivElement>>;
|
|
9
|
+
export declare const AccordionItem: import("react").ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
|
+
export interface AccordionTriggerProps extends ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {
|
|
11
|
+
/** Heading element wrapping the trigger, so the item appears in the page outline. */
|
|
12
|
+
headingAs?: HeadingLevel;
|
|
13
|
+
}
|
|
14
|
+
export declare const AccordionTrigger: import("react").ForwardRefExoticComponent<AccordionTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
15
|
+
export declare const AccordionContent: import("react").ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=accordion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/accordion/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,wBAAwB,EAAmB,MAAM,OAAO,CAAC;AACnF,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAGhE,KAAK,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC;;;GAGG;AACH,eAAO,MAAM,SAAS,uSAKpB,CAAC;AAEH,eAAO,MAAM,aAAa,+LAOxB,CAAC;AAEH,MAAM,WAAW,qBAAsB,SAAQ,wBAAwB,CACrE,OAAO,kBAAkB,CAAC,OAAO,CAClC;IACC,qFAAqF;IACrF,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B;AAED,eAAO,MAAM,gBAAgB,qHAkB3B,CAAC;AAEH,eAAO,MAAM,gBAAgB,kMAa3B,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
5
|
+
import { cx } from '../../../internal/cx.js';
|
|
6
|
+
import { ChevronDownGlyph } from '../../../internal/icons.js';
|
|
7
|
+
/**
|
|
8
|
+
* Stacked disclosure sections. Enter/Space toggle, arrow keys move between
|
|
9
|
+
* headers, Home/End jump to the first and last. Built on Radix Accordion.
|
|
10
|
+
*/
|
|
11
|
+
export const Accordion = forwardRef(function Accordion({ className, ...rest }, ref) {
|
|
12
|
+
return _jsx(AccordionPrimitive.Root, { ref: ref, ...rest, className: cx('mn-accordion', className) });
|
|
13
|
+
});
|
|
14
|
+
export const AccordionItem = forwardRef(function AccordionItem({ className, ...rest }, ref) {
|
|
15
|
+
return (_jsx(AccordionPrimitive.Item, { ref: ref, ...rest, className: cx('mn-accordion__item', className) }));
|
|
16
|
+
});
|
|
17
|
+
export const AccordionTrigger = forwardRef(function AccordionTrigger({ headingAs: Heading = 'h3', className, children, ...rest }, ref) {
|
|
18
|
+
return (_jsx(AccordionPrimitive.Header, { asChild: true, children: _jsx(Heading, { className: "mn-accordion__header", children: _jsxs(AccordionPrimitive.Trigger, { ref: ref, ...rest, className: cx('mn-accordion__trigger', className), children: [_jsx("span", { className: "mn-accordion__label", children: children }), _jsx(ChevronDownGlyph, { className: "mn-accordion__chevron" })] }) }) }));
|
|
19
|
+
});
|
|
20
|
+
export const AccordionContent = forwardRef(function AccordionContent({ className, children, ...rest }, ref) {
|
|
21
|
+
return (_jsx(AccordionPrimitive.Content, { ref: ref, ...rest, className: cx('mn-accordion__content', className), children: _jsx("div", { className: "mn-accordion__body", children: children }) }));
|
|
22
|
+
});
|
|
23
|
+
//# sourceMappingURL=accordion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../../src/components/data-display/accordion/accordion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAkD,MAAM,OAAO,CAAC;AACnF,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAG9D;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAGjC,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAC9C,OAAO,KAAC,kBAAkB,CAAC,IAAI,IAAC,GAAG,EAAE,GAAG,KAAM,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,GAAI,CAAC;AACnG,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAGrC,SAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAClD,OAAO,CACL,KAAC,kBAAkB,CAAC,IAAI,IAAC,GAAG,EAAE,GAAG,KAAM,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAI,CAChG,CAAC;AACJ,CAAC,CAAC,CAAC;AASH,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAGxC,SAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAC1F,OAAO,CACL,KAAC,kBAAkB,CAAC,MAAM,IAAC,OAAO,kBAChC,KAAC,OAAO,IAAC,SAAS,EAAC,sBAAsB,YACvC,MAAC,kBAAkB,CAAC,OAAO,IACzB,GAAG,EAAE,GAAG,KACJ,IAAI,EACR,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,aAEjD,eAAM,SAAS,EAAC,qBAAqB,YAAE,QAAQ,GAAQ,EACvD,KAAC,gBAAgB,IAAC,SAAS,EAAC,uBAAuB,GAAG,IAC3B,GACrB,GACgB,CAC7B,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAGxC,SAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAC/D,OAAO,CACL,KAAC,kBAAkB,CAAC,OAAO,IACzB,GAAG,EAAE,GAAG,KACJ,IAAI,EACR,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,YAEjD,cAAK,SAAS,EAAC,oBAAoB,YAAE,QAAQ,GAAO,GACzB,CAC9B,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,gBAAgB,GAEjB,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,IAAI,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEpF,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,eAAe,CAAC;IACjE,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,2FAA2F;IAC3F,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IACzC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,0BAA0B;IAC1B,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED,2FAA2F;AAC3F,wBAAgB,KAAK,CAAC,EACpB,IAAgB,EAChB,OAAkB,EAClB,IAAW,EACX,GAAW,EACX,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,+BAaZ"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { cx } from '
|
|
2
|
+
import { cx } from '../../../internal/cx.js';
|
|
3
3
|
/** Short status or metadata label. Never the only way to convey meaning: keep the text. */
|
|
4
4
|
export function Badge({ tone = 'neutral', variant = 'subtle', size = 'md', dot = false, className, children, ...rest }) {
|
|
5
5
|
return (_jsxs("span", { ...rest, className: cx('mn-badge', className), "data-tone": tone, "data-variant": variant, "data-size": size, children: [dot ? _jsx("span", { className: "mn-badge__dot", "aria-hidden": true }) : null, children] }));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../src/components/data-display/badge/badge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAa7C,2FAA2F;AAC3F,MAAM,UAAU,KAAK,CAAC,EACpB,IAAI,GAAG,SAAS,EAChB,OAAO,GAAG,QAAQ,EAClB,IAAI,GAAG,IAAI,EACX,GAAG,GAAG,KAAK,EACX,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACI;IACX,OAAO,CACL,mBACM,IAAI,EACR,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,eACzB,IAAI,kBACD,OAAO,eACV,IAAI,aAEd,GAAG,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,eAAe,wBAAe,CAAC,CAAC,CAAC,IAAI,EAC3D,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/card/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,uGAAuG;IACvG,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC1C,8DAA8D;IAC9D,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,IAAI,CAAC,EAAE,OAAmB,EAAE,KAAa,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,+BASzF;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAEhF;AAED,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,kBAAkB,CAAC;IACxE,4DAA4D;IAC5D,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACzB;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,EAAE,GAAU,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,+BAE/E;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,oBAAoB,CAAC,+BAE3F;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAEjF;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAEhF"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { cx } from '
|
|
2
|
+
import { cx } from '../../../internal/cx.js';
|
|
3
3
|
export function Card({ variant = 'outline', flush = false, className, ...rest }) {
|
|
4
4
|
return (_jsx("div", { ...rest, className: cx('mn-card', className), "data-variant": variant, "data-flush": flush || undefined }));
|
|
5
5
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../src/components/data-display/card/card.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAS7C,MAAM,UAAU,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,EAAE,KAAK,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAa;IACxF,OAAO,CACL,iBACM,IAAI,EACR,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,kBACrB,OAAO,gBACT,KAAK,IAAI,SAAS,GAC9B,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAkC;IAC/E,OAAO,iBAAS,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,GAAI,CAAC;AACxE,CAAC;AAOD,MAAM,UAAU,SAAS,CAAC,EAAE,EAAE,EAAE,GAAG,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,EAAkB;IAC9E,OAAO,KAAC,GAAG,OAAK,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAI,CAAC;AACvE,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAwC;IAC1F,OAAO,eAAO,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,GAAI,CAAC;AAC3E,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAkC;IAChF,OAAO,iBAAS,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,GAAI,CAAC;AACzE,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAkC;IAC/E,OAAO,iBAAS,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,GAAI,CAAC;AACxE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/card/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/card/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"description-list.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/description-list/description-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IAC5E,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpB,gFAAgF;IAChF,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC/B;AAED,kEAAkE;AAClE,wBAAgB,eAAe,CAAC,EAC9B,OAAW,EACX,MAAkB,EAClB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,oBAAoB,+BAItB;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;IACpB,wBAAwB;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,oBAAoB,+BAOxF"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { cx } from '
|
|
2
|
+
import { cx } from '../../../internal/cx.js';
|
|
3
3
|
/** Key/value facts on detail pages (owner, stage, created, …). */
|
|
4
4
|
export function DescriptionList({ columns = 2, layout = 'stacked', className, ...rest }) {
|
|
5
5
|
return (_jsx("dl", { ...rest, "data-columns": columns, "data-layout": layout, className: cx('mn-dl', className) }));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"description-list.js","sourceRoot":"","sources":["../../../../src/components/data-display/description-list/description-list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAQ7C,kEAAkE;AAClE,MAAM,UAAU,eAAe,CAAC,EAC9B,OAAO,GAAG,CAAC,EACX,MAAM,GAAG,SAAS,EAClB,SAAS,EACT,GAAG,IAAI,EACc;IACrB,OAAO,CACL,gBAAQ,IAAI,kBAAgB,OAAO,iBAAe,MAAM,EAAE,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,GAAI,CAChG,CAAC;AACJ,CAAC;AAUD,MAAM,UAAU,eAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAwB;IACvF,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,eAAa,IAAI,IAAI,SAAS,aACxE,aAAI,SAAS,EAAC,aAAa,YAAE,IAAI,GAAM,EACvC,aAAI,SAAS,EAAC,cAAc,YAAE,QAAQ,GAAM,IACxC,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/description-list/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/description-list/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/progress-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/progress-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
3
|
+
export type ProgressTone = 'accent' | 'success' | 'warning' | 'danger' | 'neutral';
|
|
4
|
+
export type ProgressSegmentTone = ProgressTone | 'info' | 'data-1' | 'data-2' | 'data-3' | 'data-4' | 'data-5';
|
|
5
|
+
/** One part of a stacked bar. */
|
|
6
|
+
export interface ProgressSegment {
|
|
7
|
+
/** Amount, in the same units as `max`. */
|
|
8
|
+
value: number;
|
|
9
|
+
/** Names the segment in the text alternative, e.g. "Done". */
|
|
10
|
+
label: string;
|
|
11
|
+
/** Fill colour. Default: the data palette in order (`data-1`, `data-2`, …). */
|
|
12
|
+
tone?: ProgressSegmentTone;
|
|
13
|
+
}
|
|
14
|
+
export interface ProgressProps extends Omit<ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, 'value'> {
|
|
15
|
+
/** 0–`max`. Omit for indeterminate. */
|
|
16
|
+
value?: number | null;
|
|
17
|
+
max?: number;
|
|
18
|
+
/** Accessible name, e.g. "Upload progress". Required unless aria-labelledby is set. */
|
|
19
|
+
label?: string;
|
|
20
|
+
size?: 'sm' | 'md';
|
|
21
|
+
/**
|
|
22
|
+
* Fill colour. Default `accent`. With `semantics="meter"` and no tone, the
|
|
23
|
+
* tone is `neutral` (a normal quota is not a status), follows `thresholds`,
|
|
24
|
+
* and a value over `max` is `danger`.
|
|
25
|
+
*/
|
|
26
|
+
tone?: ProgressTone;
|
|
27
|
+
/**
|
|
28
|
+
* `progressbar` (default) for a task moving towards completion;
|
|
29
|
+
* `meter` for a measured quantity within a known range, such as a quota or
|
|
30
|
+
* capacity (`role="meter"`). A meter is never indeterminate.
|
|
31
|
+
*/
|
|
32
|
+
semantics?: 'progressbar' | 'meter';
|
|
33
|
+
/**
|
|
34
|
+
* Meter only: values at or above which the automatic tone becomes
|
|
35
|
+
* `warning` and `danger`, e.g. `{ warning: 80, danger: 95 }` of 100.
|
|
36
|
+
*/
|
|
37
|
+
thresholds?: {
|
|
38
|
+
warning?: number;
|
|
39
|
+
danger?: number;
|
|
40
|
+
};
|
|
41
|
+
/**
|
|
42
|
+
* Stacked parts that add up to the filled amount, e.g. done / in review /
|
|
43
|
+
* in progress. `value` is then the sum of the segments.
|
|
44
|
+
*/
|
|
45
|
+
segments?: ProgressSegment[];
|
|
46
|
+
/**
|
|
47
|
+
* Text alternative for the value (`aria-valuetext`), e.g. "7.2 of 10 GB used".
|
|
48
|
+
* Default for meters and segmented bars: generated from the values.
|
|
49
|
+
*/
|
|
50
|
+
valueText?: string;
|
|
51
|
+
}
|
|
52
|
+
/**
|
|
53
|
+
* Linear progress bar; `value` undefined renders an indeterminate animation.
|
|
54
|
+
* Also a quota meter (`semantics="meter"`) and a stacked bar (`segments`).
|
|
55
|
+
*/
|
|
56
|
+
export declare const Progress: import("react").ForwardRefExoticComponent<ProgressProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
57
|
+
//# sourceMappingURL=progress-bar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/progress-bar/progress-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAmB,MAAM,OAAO,CAAC;AACnF,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAG9D,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AACnF,MAAM,MAAM,mBAAmB,GAC7B,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE/E,iCAAiC;AACjC,MAAM,WAAW,eAAe;IAC9B,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,IAAI,CAAC,EAAE,mBAAmB,CAAC;CAC5B;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EACvD,OAAO,CACR;IACC,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,uFAAuF;IACvF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC;IACpC;;;OAGG;IACH,UAAU,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnD;;;OAGG;IACH,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;IAC7B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD;;;GAGG;AACH,eAAO,MAAM,QAAQ,0GA4GpB,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
4
|
+
import { cx } from '../../../internal/cx.js';
|
|
5
|
+
function clampPct(value, max) {
|
|
6
|
+
if (!(max > 0))
|
|
7
|
+
return 0;
|
|
8
|
+
return Math.min(100, Math.max(0, (value / max) * 100));
|
|
9
|
+
}
|
|
10
|
+
function round(n) {
|
|
11
|
+
return Math.round(n * 100) / 100;
|
|
12
|
+
}
|
|
13
|
+
const SEGMENT_DEFAULTS = ['data-1', 'data-2', 'data-3', 'data-4', 'data-5'];
|
|
14
|
+
/**
|
|
15
|
+
* Linear progress bar; `value` undefined renders an indeterminate animation.
|
|
16
|
+
* Also a quota meter (`semantics="meter"`) and a stacked bar (`segments`).
|
|
17
|
+
*/
|
|
18
|
+
export const Progress = forwardRef(function Progress({ value, max = 100, label, size = 'md', tone, semantics = 'progressbar', thresholds, segments, valueText, getValueLabel, className, ...rest }, ref) {
|
|
19
|
+
const meter = semantics === 'meter';
|
|
20
|
+
if (!meter && !segments) {
|
|
21
|
+
// The original 0.3 progress bar, unchanged (Radix Progress).
|
|
22
|
+
const pct = value === undefined || value === null
|
|
23
|
+
? undefined
|
|
24
|
+
: Math.min(100, Math.max(0, (value / max) * 100));
|
|
25
|
+
return (_jsx(ProgressPrimitive.Root, { ref: ref, value: value ?? null, max: max, "aria-label": label, ...(valueText !== undefined
|
|
26
|
+
? { getValueLabel: () => valueText }
|
|
27
|
+
: getValueLabel && { getValueLabel }), ...rest, "data-size": size, "data-tone": tone ?? 'accent', "data-indeterminate": pct === undefined || undefined, className: cx('mn-progress', className), children: _jsx(ProgressPrimitive.Indicator, { className: "mn-progress__bar", style: pct === undefined ? undefined : { width: `${pct}%` } }) }));
|
|
28
|
+
}
|
|
29
|
+
// Meter and segmented bars: hand-built so the role and value text are exact.
|
|
30
|
+
const parts = segments?.map((s, i) => ({
|
|
31
|
+
...s,
|
|
32
|
+
tone: s.tone ?? SEGMENT_DEFAULTS[i % SEGMENT_DEFAULTS.length] ?? 'data-1',
|
|
33
|
+
}));
|
|
34
|
+
const amount = parts ? parts.reduce((sum, s) => sum + Math.max(0, s.value), 0) : (value ?? 0);
|
|
35
|
+
const over = amount > max;
|
|
36
|
+
let resolvedTone = tone ?? (meter ? 'neutral' : 'accent');
|
|
37
|
+
if (meter && tone === undefined) {
|
|
38
|
+
if (over || (thresholds?.danger !== undefined && amount >= thresholds.danger)) {
|
|
39
|
+
resolvedTone = 'danger';
|
|
40
|
+
}
|
|
41
|
+
else if (thresholds?.warning !== undefined && amount >= thresholds.warning) {
|
|
42
|
+
resolvedTone = 'warning';
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
const generatedText = parts
|
|
46
|
+
? `${parts.map((s) => `${s.label} ${round(s.value)}`).join(', ')} (${round(amount)} of ${round(max)})`
|
|
47
|
+
: `${round(amount)} of ${round(max)}${over ? ', over the limit' : ''}`;
|
|
48
|
+
const role = meter ? 'meter' : 'progressbar';
|
|
49
|
+
let offset = 0;
|
|
50
|
+
return (_jsx("div", { ref: ref, role: role, "aria-label": label, "aria-valuemin": 0, "aria-valuemax": max, "aria-valuenow": Math.min(amount, max), "aria-valuetext": valueText ?? generatedText, ...rest, "data-size": size, "data-tone": resolvedTone, "data-semantics": semantics, "data-segmented": parts ? '' : undefined, "data-over": over || undefined, "data-value": amount, "data-max": max, className: cx('mn-progress', className), children: parts ? (parts.map((s, i) => {
|
|
51
|
+
const width = Math.max(0, Math.min(clampPct(s.value, max), 100 - offset));
|
|
52
|
+
const start = offset;
|
|
53
|
+
offset += width;
|
|
54
|
+
return (_jsx("div", { className: "mn-progress__segment", "data-tone": s.tone, style: { insetInlineStart: `${start}%`, width: `${width}%` } }, i));
|
|
55
|
+
})) : (_jsx("div", { className: "mn-progress__bar", style: { width: `${clampPct(amount, max)}%` } })) }));
|
|
56
|
+
});
|
|
57
|
+
//# sourceMappingURL=progress-bar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress-bar.js","sourceRoot":"","sources":["../../../../src/components/data-display/progress-bar/progress-bar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/relative-time/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/relative-time/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { type HTMLAttributes } from 'react';
|
|
2
|
+
/** Anything `new Date()` accepts: a Date, epoch milliseconds or an ISO 8601 string. */
|
|
3
|
+
export type DateInput = Date | number | string;
|
|
4
|
+
export interface FormatRelativeTimeOptions {
|
|
5
|
+
/** The reference time. Default: the current time. */
|
|
6
|
+
now?: DateInput;
|
|
7
|
+
/** BCP 47 locale, e.g. `en-GB`. Default: the runtime locale. */
|
|
8
|
+
locale?: string;
|
|
9
|
+
/** `auto` writes "yesterday" and "now"; `always` writes "1 day ago". Default `auto`. */
|
|
10
|
+
numeric?: 'auto' | 'always';
|
|
11
|
+
/** Unit length: "3 minutes ago" (`long`), "3 min. ago" (`short`), "3m ago" (`narrow`). Default `long`. */
|
|
12
|
+
format?: 'long' | 'short' | 'narrow';
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Picks the largest unit that keeps the value below its rollover, after
|
|
16
|
+
* rounding, so 59.6 minutes reads "1 hour ago" and not "60 minutes ago".
|
|
17
|
+
*/
|
|
18
|
+
export declare function relativeTimeParts(date: DateInput, now?: DateInput): {
|
|
19
|
+
value: number;
|
|
20
|
+
unit: Intl.RelativeTimeFormatUnit;
|
|
21
|
+
};
|
|
22
|
+
/** Formats a date relative to `now` with `Intl.RelativeTimeFormat` ("3 hours ago", "in 2 days"). */
|
|
23
|
+
export declare function formatRelativeTime(date: DateInput, options?: FormatRelativeTimeOptions): string;
|
|
24
|
+
export interface RelativeTimeProps extends Omit<HTMLAttributes<HTMLTimeElement>, 'children' | 'dateTime'> {
|
|
25
|
+
/** The moment to describe. A Date, epoch milliseconds or an ISO 8601 string. */
|
|
26
|
+
date: DateInput;
|
|
27
|
+
/**
|
|
28
|
+
* The reference time. Pass it from the server (and the same value on the
|
|
29
|
+
* client) for byte-identical server rendering; without it the text is
|
|
30
|
+
* computed from the clock and corrected right after hydration.
|
|
31
|
+
*/
|
|
32
|
+
now?: DateInput;
|
|
33
|
+
/** BCP 47 locale for both the relative and the absolute text. Default: the runtime locale. */
|
|
34
|
+
locale?: string;
|
|
35
|
+
/** IANA time zone for the absolute text, e.g. `Europe/London`. Default: the viewer's zone. */
|
|
36
|
+
timeZone?: string;
|
|
37
|
+
/** `auto` writes "yesterday" and "now"; `always` writes "1 day ago". Default `auto`. */
|
|
38
|
+
numeric?: 'auto' | 'always';
|
|
39
|
+
/** Unit length: `long` "3 minutes ago", `short` "3 min. ago", `narrow` "3m ago". Default `long`. */
|
|
40
|
+
format?: 'long' | 'short' | 'narrow';
|
|
41
|
+
/** `Intl.DateTimeFormat` options for the absolute time. Default `{ dateStyle: 'medium', timeStyle: 'short' }`. */
|
|
42
|
+
absoluteFormat?: Intl.DateTimeFormatOptions;
|
|
43
|
+
/**
|
|
44
|
+
* Show the absolute date instead of relative text once the moment is more
|
|
45
|
+
* than this many milliseconds away, e.g. `7 * 86_400_000` for "a week".
|
|
46
|
+
*/
|
|
47
|
+
absoluteAfter?: number;
|
|
48
|
+
/**
|
|
49
|
+
* Re-render as time passes: `true` picks an interval from the age (5 s for
|
|
50
|
+
* the first minute, then 30 s, 5 min and 1 h); a number is a fixed interval
|
|
51
|
+
* in milliseconds. Default `false`.
|
|
52
|
+
*/
|
|
53
|
+
live?: boolean | number;
|
|
54
|
+
/**
|
|
55
|
+
* Show the absolute time in a tooltip on hover and keyboard focus. Makes the
|
|
56
|
+
* timestamp a tab stop. Default `true`; set `false` in dense lists where
|
|
57
|
+
* the absolute time is shown elsewhere.
|
|
58
|
+
*/
|
|
59
|
+
tooltip?: boolean;
|
|
60
|
+
}
|
|
61
|
+
/**
|
|
62
|
+
* A `<time datetime>` with localised relative text ("3 hours ago") and the
|
|
63
|
+
* absolute time on hover and focus.
|
|
64
|
+
*/
|
|
65
|
+
export declare const RelativeTime: import("react").ForwardRefExoticComponent<RelativeTimeProps & import("react").RefAttributes<HTMLTimeElement>>;
|
|
66
|
+
//# sourceMappingURL=relative-time.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"relative-time.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/relative-time/relative-time.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,cAAc,EAEpB,MAAM,OAAO,CAAC;AAGf,uFAAuF;AACvF,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,yBAAyB;IACxC,qDAAqD;IACrD,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wFAAwF;IACxF,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B,0GAA0G;IAC1G,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;CACtC;AAiBD;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,SAAS,EACf,GAAG,GAAE,SAAsB,GAC1B;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,IAAI,CAAC,sBAAsB,CAAA;CAAE,CAOtD;AAED,oGAAoG;AACpG,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,SAAS,EACf,OAAO,GAAE,yBAA8B,GACtC,MAAM,CAIR;AAsBD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,cAAc,CAAC,eAAe,CAAC,EAC/B,UAAU,GAAG,UAAU,CACxB;IACC,gFAAgF;IAChF,IAAI,EAAE,SAAS,CAAC;IAChB;;;;OAIG;IACH,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,8FAA8F;IAC9F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wFAAwF;IACxF,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B,oGAAoG;IACpG,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IACrC,kHAAkH;IAClH,cAAc,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;IAC5C;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,+GAkGvB,CAAC"}
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef, useEffect, useId, useState, useSyncExternalStore, } from 'react';
|
|
4
|
+
import { cx } from '../../../internal/cx.js';
|
|
5
|
+
const UNITS = [
|
|
6
|
+
// unit, seconds per unit, switch to the next unit at this many of this one
|
|
7
|
+
['second', 1, 60],
|
|
8
|
+
['minute', 60, 60],
|
|
9
|
+
['hour', 3600, 24],
|
|
10
|
+
['day', 86400, 7],
|
|
11
|
+
['week', 604800, 4.345],
|
|
12
|
+
['month', 2629800, 12],
|
|
13
|
+
['year', 31557600, Infinity],
|
|
14
|
+
];
|
|
15
|
+
function toDate(input) {
|
|
16
|
+
return input instanceof Date ? input : new Date(input);
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* Picks the largest unit that keeps the value below its rollover, after
|
|
20
|
+
* rounding, so 59.6 minutes reads "1 hour ago" and not "60 minutes ago".
|
|
21
|
+
*/
|
|
22
|
+
export function relativeTimeParts(date, now = Date.now()) {
|
|
23
|
+
const seconds = (toDate(date).getTime() - toDate(now).getTime()) / 1000;
|
|
24
|
+
for (const [unit, size, rollover] of UNITS) {
|
|
25
|
+
const value = Math.round(seconds / size);
|
|
26
|
+
if (Math.abs(value) < rollover)
|
|
27
|
+
return { value: value === 0 ? 0 : value, unit };
|
|
28
|
+
}
|
|
29
|
+
return { value: Math.round(seconds / 31557600), unit: 'year' };
|
|
30
|
+
}
|
|
31
|
+
/** Formats a date relative to `now` with `Intl.RelativeTimeFormat` ("3 hours ago", "in 2 days"). */
|
|
32
|
+
export function formatRelativeTime(date, options = {}) {
|
|
33
|
+
const { now = Date.now(), locale, numeric = 'auto', format = 'long' } = options;
|
|
34
|
+
const { value, unit } = relativeTimeParts(date, now);
|
|
35
|
+
return new Intl.RelativeTimeFormat(locale, { numeric, style: format }).format(value, unit);
|
|
36
|
+
}
|
|
37
|
+
/** How often to re-render a live timestamp: often while it is fresh, rarely once it is old. */
|
|
38
|
+
function tickFor(date, now) {
|
|
39
|
+
const age = Math.abs(now - date.getTime());
|
|
40
|
+
if (age < 60_000)
|
|
41
|
+
return 5_000;
|
|
42
|
+
if (age < 3_600_000)
|
|
43
|
+
return 30_000;
|
|
44
|
+
if (age < 86_400_000)
|
|
45
|
+
return 300_000;
|
|
46
|
+
return 3_600_000;
|
|
47
|
+
}
|
|
48
|
+
const noopSubscribe = () => () => { };
|
|
49
|
+
/** False on the server and during hydration, true afterwards and on client-only mounts. */
|
|
50
|
+
function useHydrated() {
|
|
51
|
+
return useSyncExternalStore(noopSubscribe, () => true, () => false);
|
|
52
|
+
}
|
|
53
|
+
const DEFAULT_ABSOLUTE = { dateStyle: 'medium', timeStyle: 'short' };
|
|
54
|
+
/**
|
|
55
|
+
* A `<time datetime>` with localised relative text ("3 hours ago") and the
|
|
56
|
+
* absolute time on hover and focus.
|
|
57
|
+
*/
|
|
58
|
+
export const RelativeTime = forwardRef(function RelativeTime({ date, now: nowProp, locale, timeZone, numeric = 'auto', format = 'long', absoluteFormat = DEFAULT_ABSOLUTE, absoluteAfter, live = false, tooltip = true, className, onKeyDown, onBlur, ...rest }, ref) {
|
|
59
|
+
const tipId = useId();
|
|
60
|
+
const injected = nowProp === undefined ? undefined : toDate(nowProp).getTime();
|
|
61
|
+
// The clock is read once for the first render, so server and client agree
|
|
62
|
+
// when `now` is injected; otherwise the effect below corrects it after mount.
|
|
63
|
+
const [clock, setClock] = useState(() => injected ?? Date.now());
|
|
64
|
+
const [dismissed, setDismissed] = useState(false);
|
|
65
|
+
const hydrated = useHydrated();
|
|
66
|
+
const now = injected ?? clock;
|
|
67
|
+
const when = toDate(date);
|
|
68
|
+
const valid = !Number.isNaN(when.getTime());
|
|
69
|
+
useEffect(() => {
|
|
70
|
+
if (injected === undefined)
|
|
71
|
+
setClock(Date.now());
|
|
72
|
+
}, [injected, hydrated]);
|
|
73
|
+
useEffect(() => {
|
|
74
|
+
if (!live || injected !== undefined || !valid)
|
|
75
|
+
return;
|
|
76
|
+
const delay = typeof live === 'number' ? live : tickFor(when, Date.now());
|
|
77
|
+
const timer = setTimeout(() => setClock(Date.now()), delay);
|
|
78
|
+
return () => clearTimeout(timer);
|
|
79
|
+
// Re-arms after every tick because `clock` changes.
|
|
80
|
+
}, [live, injected, valid, when.getTime(), clock]); // eslint-disable-line react-hooks/exhaustive-deps
|
|
81
|
+
if (!valid) {
|
|
82
|
+
return (_jsx("time", { ref: ref, ...rest, className: cx('mn-relative-time', className), "data-invalid": "", children: "\u2014" }));
|
|
83
|
+
}
|
|
84
|
+
const absolute = new Intl.DateTimeFormat(locale, {
|
|
85
|
+
...absoluteFormat,
|
|
86
|
+
...(timeZone ? { timeZone } : {}),
|
|
87
|
+
}).format(when);
|
|
88
|
+
const useAbsolute = absoluteAfter !== undefined && Math.abs(now - when.getTime()) > absoluteAfter;
|
|
89
|
+
const text = useAbsolute
|
|
90
|
+
? absolute
|
|
91
|
+
: formatRelativeTime(when, { now, numeric, format, ...(locale ? { locale } : {}) });
|
|
92
|
+
const showTip = tooltip && !useAbsolute;
|
|
93
|
+
return (_jsxs("span", { className: cx('mn-relative-time', className), "data-dismissed": dismissed || undefined, children: [_jsx("time", { ref: ref, ...rest, className: "mn-relative-time__text", dateTime: when.toISOString(), tabIndex: showTip ? 0 : rest.tabIndex, "aria-describedby": showTip ? tipId : rest['aria-describedby'], suppressHydrationWarning: true, onKeyDown: (event) => {
|
|
94
|
+
if (event.key === 'Escape' && showTip)
|
|
95
|
+
setDismissed(true);
|
|
96
|
+
onKeyDown?.(event);
|
|
97
|
+
}, onBlur: (event) => {
|
|
98
|
+
setDismissed(false);
|
|
99
|
+
onBlur?.(event);
|
|
100
|
+
}, onPointerLeave: () => setDismissed(false), children: text }), showTip ? (_jsx("span", { id: tipId, role: "tooltip", className: "mn-relative-time__tip", suppressHydrationWarning: true, children: absolute })) : null] }, hydrated ? 'client' : 'server'));
|
|
101
|
+
});
|
|
102
|
+
//# sourceMappingURL=relative-time.js.map
|