@starci/grammar 0.4.12 → 0.5.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/LICENSE +21 -21
- package/README.md +269 -47
- package/dist/.build-stamp.json +9 -0
- package/dist/common/components-forms.css +435 -0
- package/dist/common/components-navigation.css +1163 -0
- package/dist/common/components-overlays.css +939 -0
- package/dist/common/registry.d.ts +60 -1
- package/dist/common/registry.d.ts.map +1 -1
- package/dist/common/registry.js +6 -0
- package/dist/common/registry.js.map +1 -1
- package/dist/common/renderers-forms.d.ts +44 -0
- package/dist/common/renderers-forms.d.ts.map +1 -0
- package/dist/common/renderers-forms.js +49 -0
- package/dist/common/renderers-forms.js.map +1 -0
- package/dist/common/renderers-navigation.d.ts +42 -0
- package/dist/common/renderers-navigation.d.ts.map +1 -0
- package/dist/common/renderers-navigation.js +46 -0
- package/dist/common/renderers-navigation.js.map +1 -0
- package/dist/common/renderers-overlays.d.ts +32 -0
- package/dist/common/renderers-overlays.d.ts.map +1 -0
- package/dist/common/renderers-overlays.js +36 -0
- package/dist/common/renderers-overlays.js.map +1 -0
- package/dist/common/renderers.d.ts +5 -2
- package/dist/common/renderers.d.ts.map +1 -1
- package/dist/common/renderers.js +3 -0
- package/dist/common/renderers.js.map +1 -1
- package/dist/common/styles.css +282 -1
- package/dist/core/LeadingNumber.d.ts.map +1 -1
- package/dist/core/LeadingNumber.js +1 -1
- package/dist/core/LeadingNumber.js.map +1 -1
- package/dist/core/OtpInput.d.ts +17 -1
- package/dist/core/OtpInput.d.ts.map +1 -1
- package/dist/core/OtpInput.js +17 -5
- package/dist/core/OtpInput.js.map +1 -1
- package/dist/core/StateMark.d.ts +6 -1
- package/dist/core/StateMark.d.ts.map +1 -1
- package/dist/core/StateMark.js +7 -2
- package/dist/core/StateMark.js.map +1 -1
- package/dist/core/branch/Accordion/index.d.ts +28 -0
- package/dist/core/branch/Accordion/index.d.ts.map +1 -0
- package/dist/core/branch/Accordion/index.js +30 -0
- package/dist/core/branch/Accordion/index.js.map +1 -0
- package/dist/core/branch/AlertDialog/index.d.ts +40 -0
- package/dist/core/branch/AlertDialog/index.d.ts.map +1 -0
- package/dist/core/branch/AlertDialog/index.js +59 -0
- package/dist/core/branch/AlertDialog/index.js.map +1 -0
- package/dist/core/branch/Calendar/index.d.ts +26 -0
- package/dist/core/branch/Calendar/index.d.ts.map +1 -0
- package/dist/core/branch/Calendar/index.js +17 -0
- package/dist/core/branch/Calendar/index.js.map +1 -0
- package/dist/core/branch/ComboBox/index.d.ts +32 -0
- package/dist/core/branch/ComboBox/index.d.ts.map +1 -0
- package/dist/core/branch/ComboBox/index.js +28 -0
- package/dist/core/branch/ComboBox/index.js.map +1 -0
- package/dist/core/branch/DataTable/index.d.ts +52 -0
- package/dist/core/branch/DataTable/index.d.ts.map +1 -0
- package/dist/core/branch/DataTable/index.js +46 -0
- package/dist/core/branch/DataTable/index.js.map +1 -0
- package/dist/core/branch/DatePicker/index.d.ts +23 -0
- package/dist/core/branch/DatePicker/index.d.ts.map +1 -0
- package/dist/core/branch/DatePicker/index.js +29 -0
- package/dist/core/branch/DatePicker/index.js.map +1 -0
- package/dist/core/branch/DateRangePicker/index.d.ts +21 -0
- package/dist/core/branch/DateRangePicker/index.d.ts.map +1 -0
- package/dist/core/branch/DateRangePicker/index.js +22 -0
- package/dist/core/branch/DateRangePicker/index.js.map +1 -0
- package/dist/core/branch/Dialog/index.d.ts +36 -0
- package/dist/core/branch/Dialog/index.d.ts.map +1 -0
- package/dist/core/branch/Dialog/index.js +20 -0
- package/dist/core/branch/Dialog/index.js.map +1 -0
- package/dist/core/branch/Disclosure/index.d.ts +22 -0
- package/dist/core/branch/Disclosure/index.d.ts.map +1 -0
- package/dist/core/branch/Disclosure/index.js +26 -0
- package/dist/core/branch/Disclosure/index.js.map +1 -0
- package/dist/core/branch/Drawer/index.d.ts +35 -0
- package/dist/core/branch/Drawer/index.d.ts.map +1 -0
- package/dist/core/branch/Drawer/index.js +20 -0
- package/dist/core/branch/Drawer/index.js.map +1 -0
- package/dist/core/branch/DropdownMenu/index.d.ts +61 -0
- package/dist/core/branch/DropdownMenu/index.d.ts.map +1 -0
- package/dist/core/branch/DropdownMenu/index.js +59 -0
- package/dist/core/branch/DropdownMenu/index.js.map +1 -0
- package/dist/core/branch/ListBox/index.d.ts +30 -0
- package/dist/core/branch/ListBox/index.d.ts.map +1 -0
- package/dist/core/branch/ListBox/index.js +14 -0
- package/dist/core/branch/ListBox/index.js.map +1 -0
- package/dist/core/branch/MarkdownArticle/index.d.ts +8 -0
- package/dist/core/branch/MarkdownArticle/index.d.ts.map +1 -1
- package/dist/core/branch/MarkdownArticle/index.js +7 -2
- package/dist/core/branch/MarkdownArticle/index.js.map +1 -1
- package/dist/core/branch/Popover/index.d.ts +33 -0
- package/dist/core/branch/Popover/index.d.ts.map +1 -0
- package/dist/core/branch/Popover/index.js +16 -0
- package/dist/core/branch/Popover/index.js.map +1 -0
- package/dist/core/branch/Rail/index.d.ts +2 -0
- package/dist/core/branch/Rail/index.d.ts.map +1 -1
- package/dist/core/branch/Rail/index.js +10 -3
- package/dist/core/branch/Rail/index.js.map +1 -1
- package/dist/core/branch/Select/index.d.ts +31 -0
- package/dist/core/branch/Select/index.d.ts.map +1 -0
- package/dist/core/branch/Select/index.js +41 -0
- package/dist/core/branch/Select/index.js.map +1 -0
- package/dist/core/branch/SurfaceAccordionCard/index.d.ts +6 -0
- package/dist/core/branch/SurfaceAccordionCard/index.d.ts.map +1 -1
- package/dist/core/branch/SurfaceAccordionCard/index.js +6 -6
- package/dist/core/branch/SurfaceAccordionCard/index.js.map +1 -1
- package/dist/core/branch/SurfaceCard/classNames.d.ts +7 -2
- package/dist/core/branch/SurfaceCard/classNames.d.ts.map +1 -1
- package/dist/core/branch/SurfaceCard/classNames.js +7 -2
- package/dist/core/branch/SurfaceCard/classNames.js.map +1 -1
- package/dist/core/branch/SurfaceCard/index.d.ts +6 -0
- package/dist/core/branch/SurfaceCard/index.d.ts.map +1 -1
- package/dist/core/branch/SurfaceCard/index.js +4 -4
- package/dist/core/branch/SurfaceCard/index.js.map +1 -1
- package/dist/core/branch/SurfaceListCard/index.d.ts +17 -1
- package/dist/core/branch/SurfaceListCard/index.d.ts.map +1 -1
- package/dist/core/branch/SurfaceListCard/index.js +10 -4
- package/dist/core/branch/SurfaceListCard/index.js.map +1 -1
- package/dist/core/branch/Tabs/index.js +1 -1
- package/dist/core/branch/Tabs/index.js.map +1 -1
- package/dist/core/branch/Toast/index.d.ts +75 -0
- package/dist/core/branch/Toast/index.d.ts.map +1 -0
- package/dist/core/branch/Toast/index.js +145 -0
- package/dist/core/branch/Toast/index.js.map +1 -0
- package/dist/core/composite/Alert/index.d.ts +40 -0
- package/dist/core/composite/Alert/index.d.ts.map +1 -0
- package/dist/core/composite/Alert/index.js +27 -0
- package/dist/core/composite/Alert/index.js.map +1 -0
- package/dist/core/composite/AvatarGroup/index.d.ts +23 -0
- package/dist/core/composite/AvatarGroup/index.d.ts.map +1 -0
- package/dist/core/composite/AvatarGroup/index.js +15 -0
- package/dist/core/composite/AvatarGroup/index.js.map +1 -0
- package/dist/core/composite/Breadcrumbs/index.d.ts +27 -0
- package/dist/core/composite/Breadcrumbs/index.d.ts.map +1 -0
- package/dist/core/composite/Breadcrumbs/index.js +16 -0
- package/dist/core/composite/Breadcrumbs/index.js.map +1 -0
- package/dist/core/composite/ButtonGroup/index.d.ts +14 -0
- package/dist/core/composite/ButtonGroup/index.d.ts.map +1 -0
- package/dist/core/composite/ButtonGroup/index.js +17 -0
- package/dist/core/composite/ButtonGroup/index.js.map +1 -0
- package/dist/core/composite/CheckboxGroup/index.d.ts +23 -0
- package/dist/core/composite/CheckboxGroup/index.d.ts.map +1 -0
- package/dist/core/composite/CheckboxGroup/index.js +21 -0
- package/dist/core/composite/CheckboxGroup/index.js.map +1 -0
- package/dist/core/composite/DescriptionList/index.d.ts +23 -0
- package/dist/core/composite/DescriptionList/index.d.ts.map +1 -0
- package/dist/core/composite/DescriptionList/index.js +8 -0
- package/dist/core/composite/DescriptionList/index.js.map +1 -0
- package/dist/core/composite/Fieldset/index.d.ts +17 -0
- package/dist/core/composite/Fieldset/index.d.ts.map +1 -0
- package/dist/core/composite/Fieldset/index.js +14 -0
- package/dist/core/composite/Fieldset/index.js.map +1 -0
- package/dist/core/composite/Form/index.d.ts +32 -0
- package/dist/core/composite/Form/index.d.ts.map +1 -0
- package/dist/core/composite/Form/index.js +25 -0
- package/dist/core/composite/Form/index.js.map +1 -0
- package/dist/core/composite/HorizontalScrollRegion/index.d.ts +5 -0
- package/dist/core/composite/HorizontalScrollRegion/index.d.ts.map +1 -1
- package/dist/core/composite/HorizontalScrollRegion/index.js +3 -2
- package/dist/core/composite/HorizontalScrollRegion/index.js.map +1 -1
- package/dist/core/composite/Pagination/index.d.ts +31 -0
- package/dist/core/composite/Pagination/index.d.ts.map +1 -0
- package/dist/core/composite/Pagination/index.js +42 -0
- package/dist/core/composite/Pagination/index.js.map +1 -0
- package/dist/core/composite/RadioGroup/index.d.ts +15 -0
- package/dist/core/composite/RadioGroup/index.d.ts.map +1 -0
- package/dist/core/composite/RadioGroup/index.js +20 -0
- package/dist/core/composite/RadioGroup/index.js.map +1 -0
- package/dist/core/composite/SegmentedControl/index.d.ts +24 -0
- package/dist/core/composite/SegmentedControl/index.d.ts.map +1 -0
- package/dist/core/composite/SegmentedControl/index.js +33 -0
- package/dist/core/composite/SegmentedControl/index.js.map +1 -0
- package/dist/core/composite/StaticStateRow/index.d.ts +6 -1
- package/dist/core/composite/StaticStateRow/index.d.ts.map +1 -1
- package/dist/core/composite/StaticStateRow/index.js +6 -1
- package/dist/core/composite/StaticStateRow/index.js.map +1 -1
- package/dist/core/composite/Stepper/index.d.ts +34 -0
- package/dist/core/composite/Stepper/index.d.ts.map +1 -0
- package/dist/core/composite/Stepper/index.js +27 -0
- package/dist/core/composite/Stepper/index.js.map +1 -0
- package/dist/core/composite/TagGroup/index.d.ts +41 -0
- package/dist/core/composite/TagGroup/index.d.ts.map +1 -0
- package/dist/core/composite/TagGroup/index.js +17 -0
- package/dist/core/composite/TagGroup/index.js.map +1 -0
- package/dist/core/composite/Timeline/index.d.ts +28 -0
- package/dist/core/composite/Timeline/index.d.ts.map +1 -0
- package/dist/core/composite/Timeline/index.js +14 -0
- package/dist/core/composite/Timeline/index.js.map +1 -0
- package/dist/core/composite/VerticalScrollRegion/index.d.ts +31 -1
- package/dist/core/composite/VerticalScrollRegion/index.d.ts.map +1 -1
- package/dist/core/composite/VerticalScrollRegion/index.js +16 -3
- package/dist/core/composite/VerticalScrollRegion/index.js.map +1 -1
- package/dist/core/composition/BottomNav/index.d.ts +33 -0
- package/dist/core/composition/BottomNav/index.d.ts.map +1 -0
- package/dist/core/composition/BottomNav/index.js +22 -0
- package/dist/core/composition/BottomNav/index.js.map +1 -0
- package/dist/core/composition/Footer/index.d.ts +35 -0
- package/dist/core/composition/Footer/index.d.ts.map +1 -0
- package/dist/core/composition/Footer/index.js +19 -0
- package/dist/core/composition/Footer/index.js.map +1 -0
- package/dist/core/composition/NavigationFeatureNav/index.d.ts +3 -0
- package/dist/core/composition/NavigationFeatureNav/index.d.ts.map +1 -1
- package/dist/core/composition/NavigationFeatureNav/index.js +3 -0
- package/dist/core/composition/NavigationFeatureNav/index.js.map +1 -1
- package/dist/core/composition/TopBar/index.d.ts +34 -0
- package/dist/core/composition/TopBar/index.d.ts.map +1 -0
- package/dist/core/composition/TopBar/index.js +15 -0
- package/dist/core/composition/TopBar/index.js.map +1 -0
- package/dist/core/composition/WorkspaceShell/index.d.ts +18 -1
- package/dist/core/composition/WorkspaceShell/index.d.ts.map +1 -1
- package/dist/core/composition/WorkspaceShell/index.js +10 -1
- package/dist/core/composition/WorkspaceShell/index.js.map +1 -1
- package/dist/core/dna.d.ts +26 -8
- package/dist/core/dna.d.ts.map +1 -1
- package/dist/core/dna.js +22 -4
- package/dist/core/dna.js.map +1 -1
- package/dist/core/index.d.ts +60 -1
- package/dist/core/index.d.ts.map +1 -1
- package/dist/core/navigationClassNames.d.ts +3 -0
- package/dist/core/navigationClassNames.d.ts.map +1 -0
- package/dist/core/navigationClassNames.js +4 -0
- package/dist/core/navigationClassNames.js.map +1 -0
- package/dist/core/navigationKeys.d.ts +11 -0
- package/dist/core/navigationKeys.d.ts.map +1 -0
- package/dist/core/navigationKeys.js +44 -0
- package/dist/core/navigationKeys.js.map +1 -0
- package/dist/core/overlayScope.d.ts +42 -0
- package/dist/core/overlayScope.d.ts.map +1 -0
- package/dist/core/overlayScope.js +54 -0
- package/dist/core/overlayScope.js.map +1 -0
- package/dist/core/primitive/Avatar/index.d.ts +34 -0
- package/dist/core/primitive/Avatar/index.d.ts.map +1 -0
- package/dist/core/primitive/Avatar/index.js +24 -0
- package/dist/core/primitive/Avatar/index.js.map +1 -0
- package/dist/core/primitive/Badge/index.d.ts +6 -1
- package/dist/core/primitive/Badge/index.d.ts.map +1 -1
- package/dist/core/primitive/Badge/index.js +7 -2
- package/dist/core/primitive/Badge/index.js.map +1 -1
- package/dist/core/primitive/Checkbox/index.d.ts +25 -0
- package/dist/core/primitive/Checkbox/index.d.ts.map +1 -0
- package/dist/core/primitive/Checkbox/index.js +17 -0
- package/dist/core/primitive/Checkbox/index.js.map +1 -0
- package/dist/core/primitive/CloseButton/index.d.ts +17 -0
- package/dist/core/primitive/CloseButton/index.d.ts.map +1 -0
- package/dist/core/primitive/CloseButton/index.js +11 -0
- package/dist/core/primitive/CloseButton/index.js.map +1 -0
- package/dist/core/primitive/DateField/index.d.ts +33 -0
- package/dist/core/primitive/DateField/index.d.ts.map +1 -0
- package/dist/core/primitive/DateField/index.js +33 -0
- package/dist/core/primitive/DateField/index.js.map +1 -0
- package/dist/core/primitive/Field/index.d.ts +127 -0
- package/dist/core/primitive/Field/index.d.ts.map +1 -0
- package/dist/core/primitive/Field/index.js +100 -0
- package/dist/core/primitive/Field/index.js.map +1 -0
- package/dist/core/primitive/FileDropzone/index.d.ts +25 -0
- package/dist/core/primitive/FileDropzone/index.d.ts.map +1 -0
- package/dist/core/primitive/FileDropzone/index.js +35 -0
- package/dist/core/primitive/FileDropzone/index.js.map +1 -0
- package/dist/core/primitive/GrammarRoot/index.d.ts +6 -1
- package/dist/core/primitive/GrammarRoot/index.d.ts.map +1 -1
- package/dist/core/primitive/GrammarRoot/index.js +7 -2
- package/dist/core/primitive/GrammarRoot/index.js.map +1 -1
- package/dist/core/primitive/Icon/index.d.ts +7 -1
- package/dist/core/primitive/Icon/index.d.ts.map +1 -1
- package/dist/core/primitive/Icon/index.js +7 -2
- package/dist/core/primitive/Icon/index.js.map +1 -1
- package/dist/core/primitive/IconButton/index.d.ts +1 -1
- package/dist/core/primitive/IconButton/index.d.ts.map +1 -1
- package/dist/core/primitive/IconButton/index.js +2 -2
- package/dist/core/primitive/IconButton/index.js.map +1 -1
- package/dist/core/primitive/Image/index.d.ts +30 -0
- package/dist/core/primitive/Image/index.d.ts.map +1 -0
- package/dist/core/primitive/Image/index.js +29 -0
- package/dist/core/primitive/Image/index.js.map +1 -0
- package/dist/core/primitive/IncludedMark/index.d.ts +2 -1
- package/dist/core/primitive/IncludedMark/index.d.ts.map +1 -1
- package/dist/core/primitive/IncludedMark/index.js +3 -2
- package/dist/core/primitive/IncludedMark/index.js.map +1 -1
- package/dist/core/primitive/Kbd/index.d.ts +13 -0
- package/dist/core/primitive/Kbd/index.d.ts.map +1 -0
- package/dist/core/primitive/Kbd/index.js +14 -0
- package/dist/core/primitive/Kbd/index.js.map +1 -0
- package/dist/core/primitive/Label/index.d.ts +18 -4
- package/dist/core/primitive/Label/index.d.ts.map +1 -1
- package/dist/core/primitive/Label/index.js +4 -2
- package/dist/core/primitive/Label/index.js.map +1 -1
- package/dist/core/primitive/Link/index.d.ts +30 -0
- package/dist/core/primitive/Link/index.d.ts.map +1 -0
- package/dist/core/primitive/Link/index.js +17 -0
- package/dist/core/primitive/Link/index.js.map +1 -0
- package/dist/core/primitive/Meter/index.d.ts +16 -0
- package/dist/core/primitive/Meter/index.d.ts.map +1 -0
- package/dist/core/primitive/Meter/index.js +20 -0
- package/dist/core/primitive/Meter/index.js.map +1 -0
- package/dist/core/primitive/NumberField/index.d.ts +21 -0
- package/dist/core/primitive/NumberField/index.d.ts.map +1 -0
- package/dist/core/primitive/NumberField/index.js +15 -0
- package/dist/core/primitive/NumberField/index.js.map +1 -0
- package/dist/core/primitive/ProgressCircle/index.d.ts +13 -0
- package/dist/core/primitive/ProgressCircle/index.d.ts.map +1 -0
- package/dist/core/primitive/ProgressCircle/index.js +5 -0
- package/dist/core/primitive/ProgressCircle/index.js.map +1 -0
- package/dist/core/primitive/RankArtwork/index.d.ts +2 -1
- package/dist/core/primitive/RankArtwork/index.d.ts.map +1 -1
- package/dist/core/primitive/RankArtwork/index.js +3 -2
- package/dist/core/primitive/RankArtwork/index.js.map +1 -1
- package/dist/core/primitive/Rating/index.d.ts +26 -0
- package/dist/core/primitive/Rating/index.d.ts.map +1 -0
- package/dist/core/primitive/Rating/index.js +37 -0
- package/dist/core/primitive/Rating/index.js.map +1 -0
- package/dist/core/primitive/SearchField/index.d.ts +22 -0
- package/dist/core/primitive/SearchField/index.d.ts.map +1 -0
- package/dist/core/primitive/SearchField/index.js +15 -0
- package/dist/core/primitive/SearchField/index.js.map +1 -0
- package/dist/core/primitive/SectionHeader/index.d.ts +9 -2
- package/dist/core/primitive/SectionHeader/index.d.ts.map +1 -1
- package/dist/core/primitive/SectionHeader/index.js +8 -2
- package/dist/core/primitive/SectionHeader/index.js.map +1 -1
- package/dist/core/primitive/Skeleton/index.d.ts +21 -0
- package/dist/core/primitive/Skeleton/index.d.ts.map +1 -0
- package/dist/core/primitive/Skeleton/index.js +18 -0
- package/dist/core/primitive/Skeleton/index.js.map +1 -0
- package/dist/core/primitive/Slider/index.d.ts +26 -0
- package/dist/core/primitive/Slider/index.d.ts.map +1 -0
- package/dist/core/primitive/Slider/index.js +37 -0
- package/dist/core/primitive/Slider/index.js.map +1 -0
- package/dist/core/primitive/Spinner/index.d.ts +18 -0
- package/dist/core/primitive/Spinner/index.d.ts.map +1 -0
- package/dist/core/primitive/Spinner/index.js +11 -0
- package/dist/core/primitive/Spinner/index.js.map +1 -0
- package/dist/core/primitive/Switch/index.d.ts +13 -0
- package/dist/core/primitive/Switch/index.d.ts.map +1 -0
- package/dist/core/primitive/Switch/index.js +15 -0
- package/dist/core/primitive/Switch/index.js.map +1 -0
- package/dist/core/primitive/Textarea/index.d.ts +16 -0
- package/dist/core/primitive/Textarea/index.d.ts.map +1 -0
- package/dist/core/primitive/Textarea/index.js +20 -0
- package/dist/core/primitive/Textarea/index.js.map +1 -0
- package/dist/core/primitive/TimeField/index.d.ts +15 -0
- package/dist/core/primitive/TimeField/index.d.ts.map +1 -0
- package/dist/core/primitive/TimeField/index.js +13 -0
- package/dist/core/primitive/TimeField/index.js.map +1 -0
- package/dist/core/styles.css +32 -6
- package/dist/heritage/styles.css +21 -6
- package/dist/offset-pop/components-forms.css +405 -0
- package/dist/offset-pop/components-navigation.css +394 -0
- package/dist/offset-pop/components-overlays.css +253 -0
- package/dist/offset-pop/conformance.d.ts +64 -0
- package/dist/offset-pop/conformance.d.ts.map +1 -0
- package/dist/offset-pop/conformance.js +63 -0
- package/dist/offset-pop/conformance.js.map +1 -0
- package/dist/offset-pop/dna.d.ts +282 -0
- package/dist/offset-pop/dna.d.ts.map +1 -0
- package/dist/offset-pop/dna.js +276 -0
- package/dist/offset-pop/dna.js.map +1 -0
- package/dist/offset-pop/index.d.ts +4 -8
- package/dist/offset-pop/index.d.ts.map +1 -1
- package/dist/offset-pop/index.js +7 -18
- package/dist/offset-pop/index.js.map +1 -1
- package/dist/offset-pop/styles.css +203 -62
- package/package.json +33 -9
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/Image/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGnE,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAA;AAC/E,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE3D,MAAM,MAAM,UAAU,GAAG;IACrB,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,4DAA4D;IAC5D,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,0FAA0F;IAC1F,QAAQ,CAAC,MAAM,CAAC,EAAE,WAAW,CAAA;IAC7B,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAClC,2DAA2D;IAC3D,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,0EAA0E;IAC1E,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACnC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAA;IAC5D,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,KAAK,GAAI,2GAanB,UAAU,gCAmDZ,CAAA"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect, useRef, useState } from "react";
|
|
4
|
+
import { navigationClassName } from "../../navigationClassNames.js";
|
|
5
|
+
/**
|
|
6
|
+
* A reserved-ratio image with loading, loaded and error states.
|
|
7
|
+
*
|
|
8
|
+
* The box claims its aspect ratio before the bytes arrive, so lazy images never shift the page.
|
|
9
|
+
* `MediaFrame` frames approved art with a caption; `Image` is the element inside or outside it.
|
|
10
|
+
* Contract: box MEDIA-2 MEDIA-5 (reserved ratio, load states), img MEDIA-4 MOTION-2, fallback MEDIA-4 MEDIA-5.
|
|
11
|
+
*/
|
|
12
|
+
export const Image = ({ src, alt, aspect = "auto", fit = "cover", fallback, loading = "lazy", srcSet, sizes, width, height, onLoadStateChange, className, }) => {
|
|
13
|
+
const [state, setState] = useState("loading");
|
|
14
|
+
const imageRef = useRef(null);
|
|
15
|
+
const report = (next) => {
|
|
16
|
+
setState(next);
|
|
17
|
+
onLoadStateChange?.(next);
|
|
18
|
+
};
|
|
19
|
+
useEffect(() => {
|
|
20
|
+
setState("loading");
|
|
21
|
+
// A cached image can finish before hydration attaches onLoad.
|
|
22
|
+
const image = imageRef.current;
|
|
23
|
+
if (image !== null && image.complete && image.naturalWidth > 0)
|
|
24
|
+
report("loaded");
|
|
25
|
+
}, [src]);
|
|
26
|
+
const showFallback = state === "error" && fallback !== undefined;
|
|
27
|
+
return (_jsx("span", { className: navigationClassName("starci-core-image", className), "data-component": "Image", "data-contract": "MEDIA-2 MEDIA-5", "data-tier": "atom", "data-grammar-image-aspect": aspect, "data-grammar-image-fit": fit, "data-grammar-image-state": state, children: showFallback ? (_jsx("span", { className: "starci-core-image-fallback", "data-contract": "MEDIA-4 MEDIA-5", "data-grammar-image-fallback": "true", ...(alt === "" ? { "aria-hidden": true } : { role: "img", "aria-label": alt }), children: fallback })) : (_jsx("img", { ref: imageRef, alt: alt, className: "starci-core-image-element", "data-contract": "MEDIA-4 MOTION-2", decoding: "async", loading: loading, src: src, ...(srcSet === undefined ? {} : { srcSet }), ...(sizes === undefined ? {} : { sizes }), ...(width === undefined ? {} : { width }), ...(height === undefined ? {} : { height }), onError: () => report("error"), onLoad: () => report("loaded") })) }));
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Image/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AAwBnE;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAClB,GAAG,EACH,GAAG,EACH,MAAM,GAAG,MAAM,EACf,GAAG,GAAG,OAAO,EACb,QAAQ,EACR,OAAO,GAAG,MAAM,EAChB,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,EACN,iBAAiB,EACjB,SAAS,GACA,EAAE,EAAE;IACb,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAiB,SAAS,CAAC,CAAA;IAC7D,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC/C,MAAM,MAAM,GAAG,CAAC,IAAoB,EAAE,EAAE;QACpC,QAAQ,CAAC,IAAI,CAAC,CAAA;QACd,iBAAiB,EAAE,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC,CAAA;IACD,SAAS,CAAC,GAAG,EAAE;QACX,QAAQ,CAAC,SAAS,CAAC,CAAA;QACnB,8DAA8D;QAC9D,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAA;QAC9B,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,YAAY,GAAG,CAAC;YAAE,MAAM,CAAC,QAAQ,CAAC,CAAA;IACpF,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,MAAM,YAAY,GAAG,KAAK,KAAK,OAAO,IAAI,QAAQ,KAAK,SAAS,CAAA;IAChE,OAAO,CACH,eACI,SAAS,EAAE,mBAAmB,CAAC,mBAAmB,EAAE,SAAS,CAAC,oBAC/C,OAAO,mBACR,iBAAiB,eACrB,MAAM,+BACW,MAAM,4BACT,GAAG,8BACD,KAAK,YAE9B,YAAY,CAAC,CAAC,CAAC,CACZ,eACI,SAAS,EAAC,4BAA4B,mBACxB,iBAAiB,iCACH,MAAM,KAC9B,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,YACjF,QAAQ,GAAQ,CACrB,CAAC,CAAC,CAAC,CACA,cACI,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,2BAA2B,mBACvB,kBAAkB,EAChC,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,KACJ,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,KACxC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,KACtC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,KACtC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAC9B,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,GAChC,CACL,GACE,CACV,CAAA;AACL,CAAC,CAAA"}
|
|
@@ -4,7 +4,8 @@ export type IncludedMarkProps = Omit<ComponentPropsWithoutRef<"svg">, "children"
|
|
|
4
4
|
};
|
|
5
5
|
/**
|
|
6
6
|
* Purpose-named offering marker: an outlined 20px circle-check in inherited
|
|
7
|
-
* foreground. It deliberately does not reuse affirmative/completion state
|
|
7
|
+
* foreground. It deliberately does not reuse affirmative/completion state (TRUTH-1), and it is named
|
|
8
|
+
* only when given a label, silent otherwise (ICON-6).
|
|
8
9
|
*/
|
|
9
10
|
export declare const IncludedMark: ({ className, label, ...props }: IncludedMarkProps) => import("react").JSX.Element;
|
|
10
11
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/IncludedMark/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAGrD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAChF,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/IncludedMark/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAGrD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAChF,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,gCAAgC,iBAAiB,gCAe7E,CAAA"}
|
|
@@ -2,7 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { cn } from "@heroui/react";
|
|
3
3
|
/**
|
|
4
4
|
* Purpose-named offering marker: an outlined 20px circle-check in inherited
|
|
5
|
-
* foreground. It deliberately does not reuse affirmative/completion state
|
|
5
|
+
* foreground. It deliberately does not reuse affirmative/completion state (TRUTH-1), and it is named
|
|
6
|
+
* only when given a label, silent otherwise (ICON-6).
|
|
6
7
|
*/
|
|
7
|
-
export const IncludedMark = ({ className, label, ...props }) => (_jsxs("svg", { ...props, "aria-hidden": label === undefined ? "true" : undefined, "aria-label": label, className: cn("starci-core-included-mark", className), "data-grammar-included-mark": "true", focusable: "false", role: label === undefined ? undefined : "img", viewBox: "0 0 20 20", children: [_jsx("circle", { cx: "10", cy: "10", fill: "none", r: "8", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "m6.5 10.25 2.2 2.2 4.8-5", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.75" })] }));
|
|
8
|
+
export const IncludedMark = ({ className, label, ...props }) => (_jsxs("svg", { ...props, "aria-hidden": label === undefined ? "true" : undefined, "aria-label": label, className: cn("starci-core-included-mark", className), "data-contract": "ICON-6 TRUTH-1", "data-grammar-included-mark": "true", focusable: "false", role: label === undefined ? undefined : "img", viewBox: "0 0 20 20", children: [_jsx("circle", { cx: "10", cy: "10", fill: "none", r: "8", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "m6.5 10.25 2.2 2.2 4.8-5", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.75" })] }));
|
|
8
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/IncludedMark/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAMlC
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/IncludedMark/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAMlC;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAqB,EAAE,EAAE,CAAC,CAC/E,kBACQ,KAAK,iBACI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,gBACzC,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,mBACvC,gBAAgB,gCACH,MAAM,EACjC,SAAS,EAAC,OAAO,EACjB,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAC7C,OAAO,EAAC,WAAW,aAEnB,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,GAAG,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,GAAG,EACpF,eAAM,CAAC,EAAC,0BAA0B,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAC,MAAM,GAAG,IACrI,CACT,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/** Named keys drawn as their platform symbol, with the spelled-out name as the abbreviation title. */
|
|
2
|
+
export declare const KBD_NAMED_KEYS: readonly ["command", "shift", "ctrl", "option", "enter", "delete", "escape", "tab", "capslock", "up", "right", "down", "left", "pageup", "pagedown", "home", "end", "help", "space", "fn", "win", "alt"];
|
|
3
|
+
export type KbdNamedKey = (typeof KBD_NAMED_KEYS)[number];
|
|
4
|
+
export type KbdProps = {
|
|
5
|
+
/**
|
|
6
|
+
* The chord, in press order. A named key (`command`, `shift`, `enter`...) renders its symbol inside
|
|
7
|
+
* an `<abbr>` whose title spells the key; any other string (`K`, `F6`) renders verbatim.
|
|
8
|
+
*/
|
|
9
|
+
readonly keys: readonly string[];
|
|
10
|
+
};
|
|
11
|
+
/** ATOM - `Kbd`: one keyboard shortcut chord as a single `<kbd>` element. Contract: ICON-6 (key glyphs named once via `<abbr title>`). */
|
|
12
|
+
export declare const Kbd: ({ keys }: KbdProps) => import("react").JSX.Element;
|
|
13
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/Kbd/index.tsx"],"names":[],"mappings":"AAEA,sGAAsG;AACtG,eAAO,MAAM,cAAc,0MAGjB,CAAA;AAEV,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AAEzD,MAAM,MAAM,QAAQ,GAAG;IACnB;;;OAGG;IACH,QAAQ,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAA;CACnC,CAAA;AAKD,0IAA0I;AAC1I,eAAO,MAAM,GAAG,GAAI,UAAU,QAAQ,gCAMrC,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Kbd as HeroKbd } from "@heroui/react";
|
|
3
|
+
/** Named keys drawn as their platform symbol, with the spelled-out name as the abbreviation title. */
|
|
4
|
+
export const KBD_NAMED_KEYS = [
|
|
5
|
+
"command", "shift", "ctrl", "option", "enter", "delete", "escape", "tab", "capslock", "up", "right",
|
|
6
|
+
"down", "left", "pageup", "pagedown", "home", "end", "help", "space", "fn", "win", "alt",
|
|
7
|
+
];
|
|
8
|
+
const namedKeys = new Set(KBD_NAMED_KEYS);
|
|
9
|
+
const isNamedKey = (key) => namedKeys.has(key);
|
|
10
|
+
/** ATOM - `Kbd`: one keyboard shortcut chord as a single `<kbd>` element. Contract: ICON-6 (key glyphs named once via `<abbr title>`). */
|
|
11
|
+
export const Kbd = ({ keys }) => (_jsx(HeroKbd, { "data-tier": "atom", "data-component": "Kbd", "data-contract": "ICON-6", className: "starci-core-kbd", children: keys.map((key, index) => isNamedKey(key)
|
|
12
|
+
? _jsx(HeroKbd.Abbr, { keyValue: key }, `${key}-${index}`)
|
|
13
|
+
: _jsx(HeroKbd.Content, { children: key }, `${key}-${index}`)) }));
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Kbd/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,IAAI,OAAO,EAAE,MAAM,eAAe,CAAA;AAE9C,sGAAsG;AACtG,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO;IACnG,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK;CAClF,CAAA;AAYV,MAAM,SAAS,GAAwB,IAAI,GAAG,CAAC,cAAc,CAAC,CAAA;AAC9D,MAAM,UAAU,GAAG,CAAC,GAAW,EAAsB,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAE1E,0IAA0I;AAC1I,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,EAAE,IAAI,EAAY,EAAE,EAAE,CAAC,CACvC,KAAC,OAAO,iBAAW,MAAM,oBAAgB,KAAK,mBAAe,QAAQ,EAAC,SAAS,EAAC,iBAAiB,YAC5F,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC;QACrC,CAAC,CAAC,KAAC,OAAO,CAAC,IAAI,IAAyB,QAAQ,EAAE,GAAG,IAAhC,GAAG,GAAG,IAAI,KAAK,EAAE,CAAmB;QACzD,CAAC,CAAC,KAAC,OAAO,CAAC,OAAO,cAA0B,GAAG,IAAvB,GAAG,GAAG,IAAI,KAAK,EAAE,CAAyB,CAAC,GACjE,CACb,CAAA"}
|
|
@@ -1,11 +1,25 @@
|
|
|
1
|
-
import type
|
|
1
|
+
import { type ReactNode } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* The document-outline rank a surface's visible name takes. Surfaces default to `3` (a card under
|
|
4
|
+
* a page section's `h2`); a page whose cards sit directly under its `h1` passes `2`, a card nested
|
|
5
|
+
* under a `h3` passes `4`, so the outline never skips a level (axe `heading-order`).
|
|
6
|
+
*/
|
|
7
|
+
export type SurfaceHeadingLevel = 2 | 3 | 4 | 5 | 6;
|
|
8
|
+
/** The default rank of a surface name. */
|
|
9
|
+
export declare const DEFAULT_SURFACE_HEADING_LEVEL: SurfaceHeadingLevel;
|
|
2
10
|
export type LabelProps = {
|
|
3
11
|
readonly id?: string;
|
|
4
12
|
readonly children: ReactNode;
|
|
5
13
|
readonly depth?: "top" | "nested";
|
|
6
|
-
/** A surface branch may promote its visible name into the document outline. */
|
|
7
|
-
readonly as?: "span" | "h3";
|
|
14
|
+
/** A surface branch may promote its visible name into the document outline at any rank. */
|
|
15
|
+
readonly as?: "span" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
8
16
|
};
|
|
9
17
|
/** Names a bounded surface region without claiming document-outline heading rank. */
|
|
10
|
-
export declare const Label: ({ id, children, depth, as }: LabelProps) => import("react").
|
|
18
|
+
export declare const Label: ({ id, children, depth, as }: LabelProps) => import("react").DetailedReactHTMLElement<{
|
|
19
|
+
readonly id: string | undefined;
|
|
20
|
+
readonly className: string;
|
|
21
|
+
readonly "data-grammar-label": "true";
|
|
22
|
+
readonly "data-grammar-label-depth": "top" | "nested";
|
|
23
|
+
readonly "data-contract": "FONT-1 MARGIN-0" | "FONT-2 MARGIN-0";
|
|
24
|
+
}, HTMLElement>;
|
|
11
25
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/Label/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/Label/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAEnD,0CAA0C;AAC1C,eAAO,MAAM,6BAA6B,EAAE,mBAAuB,CAAA;AAGnE,MAAM,MAAM,UAAU,GAAG;IACrB,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IACjC,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1D,CAAA;AAED,qFAAqF;AACrF,eAAO,MAAM,KAAK,GAAI,6BAA8C,UAAU;;;;;;eAU7E,CAAA"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { createElement } from "react";
|
|
2
|
+
/** The default rank of a surface name. */
|
|
3
|
+
export const DEFAULT_SURFACE_HEADING_LEVEL = 3;
|
|
2
4
|
import { getLabelClassName, getLabelContract } from "./classNames.js";
|
|
3
5
|
/** Names a bounded surface region without claiming document-outline heading rank. */
|
|
4
6
|
export const Label = ({ id, children, depth = "top", as = "span" }) => {
|
|
@@ -9,6 +11,6 @@ export const Label = ({ id, children, depth = "top", as = "span" }) => {
|
|
|
9
11
|
"data-grammar-label-depth": depth,
|
|
10
12
|
"data-contract": getLabelContract(depth),
|
|
11
13
|
};
|
|
12
|
-
return as
|
|
14
|
+
return createElement(as, shared, children);
|
|
13
15
|
};
|
|
14
16
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Label/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Label/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAkB,MAAM,OAAO,CAAA;AASrD,0CAA0C;AAC1C,MAAM,CAAC,MAAM,6BAA6B,GAAwB,CAAC,CAAA;AACnE,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAUrE,qFAAqF;AACrF,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,GAAG,KAAK,EAAE,EAAE,GAAG,MAAM,EAAc,EAAE,EAAE;IAC9E,MAAM,MAAM,GAAG;QACX,EAAE;QACF,SAAS,EAAE,iBAAiB,EAAE;QAC9B,oBAAoB,EAAE,MAAM;QAC5B,0BAA0B,EAAE,KAAK;QACjC,eAAe,EAAE,gBAAgB,CAAC,KAAK,CAAC;KAClC,CAAA;IAEV,OAAO,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAA;AAC9C,CAAC,CAAA"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
export type LinkKind = "internal" | "external";
|
|
3
|
+
export type LinkProps = {
|
|
4
|
+
readonly children: ReactNode;
|
|
5
|
+
readonly href: string;
|
|
6
|
+
/** `external` leaves the app in a new browsing context with `noopener noreferrer`. */
|
|
7
|
+
readonly kind?: LinkKind;
|
|
8
|
+
/** Marks the destination the reader is on now (`aria-current="page"`). */
|
|
9
|
+
readonly isCurrent?: boolean;
|
|
10
|
+
/** Visited destinations keep a distinct tint unless the surrounding list must stay uniform. */
|
|
11
|
+
readonly visited?: "distinct" | "uniform";
|
|
12
|
+
/** App-owned assistive text appended to an external link, e.g. that it opens a new tab. */
|
|
13
|
+
readonly externalHint?: string;
|
|
14
|
+
/** App-owned glyph after an external label; decorative only. */
|
|
15
|
+
readonly externalIcon?: ReactNode;
|
|
16
|
+
readonly isDisabled?: boolean;
|
|
17
|
+
/** Runs alongside navigation. It cannot cancel the destination. */
|
|
18
|
+
readonly onFollow?: () => void;
|
|
19
|
+
readonly className?: string;
|
|
20
|
+
};
|
|
21
|
+
/**
|
|
22
|
+
* An inline destination in running text or a link list.
|
|
23
|
+
*
|
|
24
|
+
* It is always a real anchor (middle-click, copy-link and the `link` role come from the platform).
|
|
25
|
+
* `TextAction` owns action-shaped links; `Link` owns prose and directory links, including the
|
|
26
|
+
* visited and current destination states that action chrome does not draw.
|
|
27
|
+
* Contract: anchor ACTION-3 (always a destination) FOCUS-1, external glyph ICON-6.
|
|
28
|
+
*/
|
|
29
|
+
export declare const Link: ({ children, href, kind, isCurrent, visited, externalHint, externalIcon, isDisabled, onFollow, className, }: LinkProps) => import("react").JSX.Element;
|
|
30
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/Link/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,MAAM,MAAM,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAA;AAE9C,MAAM,MAAM,SAAS,GAAG;IACpB,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,sFAAsF;IACtF,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACxB,0EAA0E;IAC1E,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,+FAA+F;IAC/F,QAAQ,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;IACzC,2FAA2F;IAC3F,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,gEAAgE;IAChE,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,CAAA;IACjC,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,mEAAmE;IACnE,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,IAAI,GAAI,4GAWlB,SAAS,gCAsBX,CAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Link as HeroLink } from "@heroui/react";
|
|
4
|
+
import { navigationClassName } from "../../navigationClassNames.js";
|
|
5
|
+
/**
|
|
6
|
+
* An inline destination in running text or a link list.
|
|
7
|
+
*
|
|
8
|
+
* It is always a real anchor (middle-click, copy-link and the `link` role come from the platform).
|
|
9
|
+
* `TextAction` owns action-shaped links; `Link` owns prose and directory links, including the
|
|
10
|
+
* visited and current destination states that action chrome does not draw.
|
|
11
|
+
* Contract: anchor ACTION-3 (always a destination) FOCUS-1, external glyph ICON-6.
|
|
12
|
+
*/
|
|
13
|
+
export const Link = ({ children, href, kind = "internal", isCurrent = false, visited = "distinct", externalHint, externalIcon, isDisabled = false, onFollow, className, }) => {
|
|
14
|
+
const external = kind === "external";
|
|
15
|
+
return (_jsxs(HeroLink, { "aria-current": isCurrent ? "page" : undefined, className: navigationClassName("starci-core-link", className), "data-component": "Link", "data-contract": "ACTION-3 FOCUS-1", "data-tier": "atom", "data-grammar-link-kind": kind, "data-grammar-link-visited": visited, "data-grammar-current": isCurrent ? "true" : "false", isDisabled: isDisabled, ...(isDisabled ? { "aria-disabled": true } : { href }), ...(external ? { target: "_blank", rel: "noopener noreferrer" } : {}), ...(onFollow === undefined ? {} : { onPress: () => onFollow() }), children: [children, external && externalIcon !== undefined ? _jsx("span", { "aria-hidden": "true", className: "starci-core-link-external-icon", "data-contract": "ICON-6", "data-grammar-link-external-icon": "true", children: externalIcon }) : null, external && externalHint !== undefined ? _jsx("span", { className: "starci-core-nav-visually-hidden", children: ` ${externalHint}` }) : null] }));
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Link/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AAuBnE;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACjB,QAAQ,EACR,IAAI,EACJ,IAAI,GAAG,UAAU,EACjB,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,UAAU,EACpB,YAAY,EACZ,YAAY,EACZ,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,SAAS,GACD,EAAE,EAAE;IACZ,MAAM,QAAQ,GAAG,IAAI,KAAK,UAAU,CAAA;IACpC,OAAO,CACH,MAAC,QAAQ,oBACS,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5C,SAAS,EAAE,mBAAmB,CAAC,kBAAkB,EAAE,SAAS,CAAC,oBAC9C,MAAM,mBACP,kBAAkB,eACtB,MAAM,4BACQ,IAAI,+BACD,OAAO,0BACZ,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAClD,UAAU,EAAE,UAAU,KAClB,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,KACnD,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,qBAAqB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAClE,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,aAEhE,QAAQ,EACR,QAAQ,IAAI,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,8BAAkB,MAAM,EAAC,SAAS,EAAC,gCAAgC,mBAAe,QAAQ,qCAAiC,MAAM,YAAE,YAAY,GAAQ,CAAC,CAAC,CAAC,IAAI,EACvM,QAAQ,IAAI,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,iCAAiC,YAAE,IAAI,YAAY,EAAE,GAAQ,CAAC,CAAC,CAAC,IAAI,IACvH,CACd,CAAA;AACL,CAAC,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { PresentationState } from "../../../common/state.js";
|
|
2
|
+
export type MeterProps = {
|
|
3
|
+
/** What the gauge measures. Visible by default and wired as the meter's accessible name. */
|
|
4
|
+
readonly label: string;
|
|
5
|
+
readonly value: number;
|
|
6
|
+
readonly minValue?: number;
|
|
7
|
+
readonly maxValue?: number;
|
|
8
|
+
/** App-resolved reading, e.g. "3.2 of 5 GB". Defaults to the platform percentage. */
|
|
9
|
+
readonly valueLabel?: string;
|
|
10
|
+
/** How the reading should be judged. It colours the fill; it never replaces the label. */
|
|
11
|
+
readonly tone?: PresentationState;
|
|
12
|
+
/** Hide the drawn label and reading but keep the accessible name. */
|
|
13
|
+
readonly isLabelHidden?: boolean;
|
|
14
|
+
};
|
|
15
|
+
export declare const Meter: ({ label, value, minValue, maxValue, valueLabel, tone, isLabelHidden, }: MeterProps) => import("react").JSX.Element;
|
|
16
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/Meter/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAGjE,MAAM,MAAM,UAAU,GAAG;IACrB,4FAA4F;IAC5F,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAC1B,qFAAqF;IACrF,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,0FAA0F;IAC1F,QAAQ,CAAC,IAAI,CAAC,EAAE,iBAAiB,CAAA;IACjC,qEAAqE;IACrE,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;CACnC,CAAA;AAeD,eAAO,MAAM,KAAK,GAAI,wEAQnB,UAAU,gCA6BZ,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Label as HeroLabel, Meter as HeroMeter } from "@heroui/react";
|
|
3
|
+
import { vendorStatusFor } from "../../overlayScope.js";
|
|
4
|
+
/**
|
|
5
|
+
* ATOM - `Meter`: a static reading inside a known range (`role="meter"`).
|
|
6
|
+
*
|
|
7
|
+
* The role is exactly `meter` (ARIA 1.2), never React Aria's `"meter progressbar"` fallback list:
|
|
8
|
+
* validators resolve a role list to an unsupported token and reject the `aria-value*` attributes
|
|
9
|
+
* (axe 4.13 `aria-allowed-attr`), while every current engine exposes `meter` (Chromium, WebKit
|
|
10
|
+
* and Gecko map it to a level indicator / progress bar natively).
|
|
11
|
+
*
|
|
12
|
+
* Unlike `Progress`, a meter is not work moving toward completion. Tone is a PresentationState and is
|
|
13
|
+
* echoed on `data-grammar-tone` for family treatments.
|
|
14
|
+
*/
|
|
15
|
+
const renderMeterRoot = (domProps) => _jsx("div", { ...domProps, role: "meter" });
|
|
16
|
+
export const Meter = ({ label, value, minValue = 0, maxValue = 100, valueLabel, tone = "neutral", isLabelHidden = false, }) => {
|
|
17
|
+
const status = vendorStatusFor(tone);
|
|
18
|
+
return (_jsxs(HeroMeter, { "data-tier": "atom", "data-component": "Meter", "data-grammar-tone": tone, "data-contract": "A11Y-3 ACCENT-4", value: value, minValue: minValue, maxValue: maxValue, ...(valueLabel === undefined ? {} : { valueLabel }), ...(isLabelHidden ? { "aria-label": label } : {}), color: status === "default" ? "accent" : status, size: "md", className: "starci-core-meter", render: renderMeterRoot, children: [isLabelHidden ? null : (_jsxs("span", { className: "starci-core-meter-header", children: [_jsx(HeroLabel, { className: "starci-core-meter-label", children: label }), _jsx(HeroMeter.Output, { className: "starci-core-meter-output" })] })), _jsx(HeroMeter.Track, { className: "starci-core-meter-track", children: _jsx(HeroMeter.Fill, { className: "starci-core-meter-fill", "data-contract": "MOTION-2" }) })] }));
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Meter/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AAGtE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAgBvD;;;;;;;;;;GAUG;AACH,MAAM,eAAe,GAAG,CAAC,QAAsC,EAAE,EAAE,CAAC,iBAAS,QAAQ,EAAE,IAAI,EAAC,OAAO,GAAG,CAAA;AAEtG,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAClB,KAAK,EACL,KAAK,EACL,QAAQ,GAAG,CAAC,EACZ,QAAQ,GAAG,GAAG,EACd,UAAU,EACV,IAAI,GAAG,SAAS,EAChB,aAAa,GAAG,KAAK,GACZ,EAAE,EAAE;IACb,MAAM,MAAM,GAAG,eAAe,CAAC,IAAI,CAAC,CAAA;IACpC,OAAO,CACH,MAAC,SAAS,iBACI,MAAM,oBACD,OAAO,uBACH,IAAI,mBACT,iBAAiB,EAC/B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,KACd,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,KAChD,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAClD,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAC/C,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,mBAAmB,EAC7B,MAAM,EAAE,eAAe,aAEtB,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACpB,gBAAM,SAAS,EAAC,0BAA0B,aACtC,KAAC,SAAS,IAAC,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAa,EAClE,KAAC,SAAS,CAAC,MAAM,IAAC,SAAS,EAAC,0BAA0B,GAAG,IACtD,CACV,EACD,KAAC,SAAS,CAAC,KAAK,IAAC,SAAS,EAAC,yBAAyB,YAChD,KAAC,SAAS,CAAC,IAAI,IAAC,SAAS,EAAC,wBAAwB,mBAAe,UAAU,GAAG,GAChE,IACV,CACf,CAAA;AACL,CAAC,CAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { type FieldControlProps } from "../Field/index.js";
|
|
2
|
+
export type NumberFieldProps = FieldControlProps & {
|
|
3
|
+
readonly id?: string;
|
|
4
|
+
readonly placeholder?: string;
|
|
5
|
+
readonly value?: number;
|
|
6
|
+
readonly defaultValue?: number;
|
|
7
|
+
readonly onValueChange?: (value: number) => void;
|
|
8
|
+
readonly minValue?: number;
|
|
9
|
+
readonly maxValue?: number;
|
|
10
|
+
readonly step?: number;
|
|
11
|
+
/** Locale-aware display, e.g. `{ style: "percent" }` or a currency. */
|
|
12
|
+
readonly formatOptions?: Intl.NumberFormatOptions;
|
|
13
|
+
/** Hides the stepper buttons; arrow keys, Page Up/Down and Home/End still step. */
|
|
14
|
+
readonly hideSteppers?: boolean;
|
|
15
|
+
};
|
|
16
|
+
/**
|
|
17
|
+
* A number with stepping. The vendor owns `role="spinbutton"`-equivalent semantics on the input,
|
|
18
|
+
* locale parsing, arrow-key and wheel stepping, clamping to min/max and the localized stepper names.
|
|
19
|
+
*/
|
|
20
|
+
export declare const NumberField: ({ id, placeholder, value, defaultValue, onValueChange, minValue, maxValue, step, formatOptions, hideSteppers, ...field }: NumberFieldProps) => import("react").JSX.Element;
|
|
21
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/NumberField/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAKH,KAAK,iBAAiB,EACzB,MAAM,mBAAmB,CAAA;AAE1B,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAAG;IAC/C,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,uEAAuE;IACvE,QAAQ,CAAC,aAAa,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAA;IACjD,mFAAmF;IACnF,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAA;CAClC,CAAA;AAQD;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,0HAYzB,gBAAgB,gCA6BlB,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { NumberField as HeroNumberField } from "@heroui/react";
|
|
4
|
+
import { FieldDescription, FieldErrorText, FieldLabel, vendorFieldProps, } from "../Field/index.js";
|
|
5
|
+
/*
|
|
6
|
+
* Consumer hook: `starci-core-number-field` names this control's root for a consumer or family
|
|
7
|
+
* stylesheet. No shipped sheet paints it: the root is drawn as a whole by `.starci-core-field`, so
|
|
8
|
+
* a rule on the hook adds to the shared anatomy and never has to replace it.
|
|
9
|
+
*/
|
|
10
|
+
/**
|
|
11
|
+
* A number with stepping. The vendor owns `role="spinbutton"`-equivalent semantics on the input,
|
|
12
|
+
* locale parsing, arrow-key and wheel stepping, clamping to min/max and the localized stepper names.
|
|
13
|
+
*/
|
|
14
|
+
export const NumberField = ({ id, placeholder, value, defaultValue, onValueChange, minValue, maxValue, step, formatOptions, hideSteppers = false, ...field }) => (_jsxs(HeroNumberField, { "data-tier": "atom", "data-component": "NumberField", "data-contract": "A11Y-1 FIELD-1 FIELD-2 FIELD-3", className: "starci-core-field starci-core-number-field", fullWidth: true, ...vendorFieldProps(field), isReadOnly: field.isReadOnly === true, ...(value === undefined ? defaultValue === undefined ? {} : { defaultValue } : { value }), ...(onValueChange === undefined ? {} : { onChange: onValueChange }), ...(minValue === undefined ? {} : { minValue }), ...(maxValue === undefined ? {} : { maxValue }), ...(step === undefined ? {} : { step }), ...(formatOptions === undefined ? {} : { formatOptions }), children: [_jsx(FieldLabel, { isHidden: field.isLabelHidden, isRequired: field.isRequired, children: field.label }), _jsxs(HeroNumberField.Group, { className: "starci-core-number-field-group", "data-grammar-field-control": "true", children: [hideSteppers ? null : _jsx(HeroNumberField.DecrementButton, { className: "starci-core-number-field-step" }), _jsx(HeroNumberField.Input, { ...(id === undefined ? {} : { id }), ...(placeholder === undefined ? {} : { placeholder }), className: "starci-core-number-field-input" }), hideSteppers ? null : _jsx(HeroNumberField.IncrementButton, { className: "starci-core-number-field-step" })] }), _jsx(FieldDescription, { children: field.description }), _jsx(FieldErrorText, { children: field.errorMessage })] }));
|
|
15
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/NumberField/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;AAC9D,OAAO,EACH,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,gBAAgB,GAEnB,MAAM,mBAAmB,CAAA;AAiB1B;;;;GAIG;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EACxB,EAAE,EACF,WAAW,EACX,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,aAAa,EACb,YAAY,GAAG,KAAK,EACpB,GAAG,KAAK,EACO,EAAE,EAAE,CAAC,CACpB,MAAC,eAAe,iBACF,MAAM,oBACD,aAAa,mBACd,gCAAgC,EAC9C,SAAS,EAAC,4CAA4C,EACtD,SAAS,WACL,gBAAgB,CAAC,KAAK,CAAC,EAC3B,UAAU,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,KACjC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,KACtF,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,KAChE,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAC5C,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAC5C,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,KACpC,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,aAE1D,KAAC,UAAU,IAAC,QAAQ,EAAE,KAAK,CAAC,aAAa,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,YAAG,KAAK,CAAC,KAAK,GAAc,EACnG,MAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAC,gCAAgC,gCAA4B,MAAM,aAC9F,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,eAAe,CAAC,eAAe,IAAC,SAAS,EAAC,+BAA+B,GAAG,EACpG,KAAC,eAAe,CAAC,KAAK,OACd,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,KAChC,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,EACtD,SAAS,EAAC,gCAAgC,GAC5C,EACD,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,eAAe,CAAC,eAAe,IAAC,SAAS,EAAC,+BAA+B,GAAG,IAChF,EACxB,KAAC,gBAAgB,cAAE,KAAK,CAAC,WAAW,GAAoB,EACxD,KAAC,cAAc,cAAE,KAAK,CAAC,YAAY,GAAkB,IACvC,CACrB,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export type ProgressCircleSize = "sm" | "md" | "lg";
|
|
2
|
+
export type ProgressCircleProps = {
|
|
3
|
+
/** What the ring measures. Required: the ring draws no label of its own. */
|
|
4
|
+
readonly label: string;
|
|
5
|
+
/** Completion from 0 to 100. Ignored while indeterminate. */
|
|
6
|
+
readonly value?: number;
|
|
7
|
+
/** Work with no knowable completion; the ring is announced without a value. */
|
|
8
|
+
readonly isIndeterminate?: boolean;
|
|
9
|
+
readonly size?: ProgressCircleSize;
|
|
10
|
+
};
|
|
11
|
+
/** ATOM - `ProgressCircle`: compact circular completion, the ring counterpart of `Progress`. */
|
|
12
|
+
export declare const ProgressCircle: ({ label, value, isIndeterminate, size }: ProgressCircleProps) => import("react").JSX.Element;
|
|
13
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/ProgressCircle/index.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEnD,MAAM,MAAM,mBAAmB,GAAG;IAC9B,4EAA4E;IAC5E,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,6DAA6D;IAC7D,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,+EAA+E;IAC/E,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAA;IAClC,QAAQ,CAAC,IAAI,CAAC,EAAE,kBAAkB,CAAA;CACrC,CAAA;AAED,gGAAgG;AAChG,eAAO,MAAM,cAAc,GAAI,yCAA4D,mBAAmB,gCAoB7G,CAAA"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ProgressCircle as HeroProgressCircle } from "@heroui/react";
|
|
3
|
+
/** ATOM - `ProgressCircle`: compact circular completion, the ring counterpart of `Progress`. */
|
|
4
|
+
export const ProgressCircle = ({ label, value = 0, isIndeterminate = false, size = "md" }) => (_jsx(HeroProgressCircle, { "data-tier": "atom", "data-component": "ProgressCircle", "data-size": size, "data-indeterminate": isIndeterminate ? "true" : "false", "aria-label": label, "data-contract": "A11Y-3 MOTION-2", minValue: 0, maxValue: 100, ...(isIndeterminate ? { isIndeterminate: true } : { value }), color: "accent", size: size, className: "starci-core-progress-circle", children: _jsxs(HeroProgressCircle.Track, { children: [_jsx(HeroProgressCircle.TrackCircle, {}), _jsx(HeroProgressCircle.FillCircle, {})] }) }));
|
|
5
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/ProgressCircle/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAcpE,gGAAgG;AAChG,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,eAAe,GAAG,KAAK,EAAE,IAAI,GAAG,IAAI,EAAuB,EAAE,EAAE,CAAC,CAC/G,KAAC,kBAAkB,iBACL,MAAM,oBACD,gBAAgB,eACpB,IAAI,wBACK,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,gBAC1C,KAAK,mBACH,iBAAiB,EAC/B,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,GAAG,KACT,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAC7D,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,6BAA6B,YAEvC,MAAC,kBAAkB,CAAC,KAAK,eACrB,KAAC,kBAAkB,CAAC,WAAW,KAAG,EAClC,KAAC,kBAAkB,CAAC,UAAU,KAAG,IACV,GACV,CACxB,CAAA"}
|
|
@@ -6,7 +6,8 @@ export type RankArtworkProps = Omit<ComponentPropsWithoutRef<"svg">, "children">
|
|
|
6
6
|
};
|
|
7
7
|
/**
|
|
8
8
|
* Semantic ranking artwork shared by every Core consumer. Consumers choose
|
|
9
|
-
* the ranking meaning; the Grammar owns the official Fluent Emoji Flat art.
|
|
9
|
+
* the ranking meaning; the Grammar owns the official Fluent Emoji Flat art. Named only when given a
|
|
10
|
+
* label, silent otherwise (ICON-6).
|
|
10
11
|
*/
|
|
11
12
|
export declare const RankArtwork: ({ className, kind, label, ...props }: RankArtworkProps) => import("react").JSX.Element;
|
|
12
13
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/RankArtwork/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAa,MAAM,OAAO,CAAA;AAGhE,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAA;AAElE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC/E,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAA;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AA0CD
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/RankArtwork/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAa,MAAM,OAAO,CAAA;AAGhE,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAA;AAElE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC/E,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAA;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AA0CD;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,sCAAsC,gBAAgB,gCAgBjF,CAAA"}
|
|
@@ -8,7 +8,8 @@ const artworkByKind = {
|
|
|
8
8
|
};
|
|
9
9
|
/**
|
|
10
10
|
* Semantic ranking artwork shared by every Core consumer. Consumers choose
|
|
11
|
-
* the ranking meaning; the Grammar owns the official Fluent Emoji Flat art.
|
|
11
|
+
* the ranking meaning; the Grammar owns the official Fluent Emoji Flat art. Named only when given a
|
|
12
|
+
* label, silent otherwise (ICON-6).
|
|
12
13
|
*/
|
|
13
|
-
export const RankArtwork = ({ className, kind, label, ...props }) => (_jsx("svg", { ...props, "aria-hidden": label === undefined ? "true" : undefined, "aria-label": label, className: cn("starci-core-rank-artwork", className), "data-grammar-rank-artwork": kind, fill: "none", focusable: "false", role: label === undefined ? undefined : "img", viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", children: artworkByKind[kind] }));
|
|
14
|
+
export const RankArtwork = ({ className, kind, label, ...props }) => (_jsx("svg", { ...props, "aria-hidden": label === undefined ? "true" : undefined, "aria-label": label, className: cn("starci-core-rank-artwork", className), "data-contract": "ICON-6", "data-grammar-rank-artwork": kind, fill: "none", focusable: "false", role: label === undefined ? undefined : "img", viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", children: artworkByKind[kind] }));
|
|
14
15
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/RankArtwork/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AASlC,MAAM,aAAa,GAAuC;IACtD,KAAK,EAAE,CACH,8BACI,eAAM,CAAC,EAAC,8MAA8M,EAAC,IAAI,EAAC,SAAS,GAAG,EACxO,eAAM,CAAC,EAAC,kNAAkN,EAAC,IAAI,EAAC,SAAS,GAAG,EAC5O,eAAM,CAAC,EAAC,iNAAiN,EAAC,IAAI,EAAC,SAAS,GAAG,EAC3O,eAAM,CAAC,EAAC,yNAAyN,EAAC,IAAI,EAAC,SAAS,GAAG,EACnP,eAAM,CAAC,EAAC,+kBAA+kB,EAAC,IAAI,EAAC,SAAS,GAAG,IAC1mB,CACN;IACD,MAAM,EAAE,CACJ,8BACI,eAAM,CAAC,EAAC,sNAAsN,EAAC,IAAI,EAAC,SAAS,GAAG,EAChP,eAAM,CAAC,EAAC,kNAAkN,EAAC,IAAI,EAAC,SAAS,GAAG,EAC5O,eAAM,CAAC,EAAC,8MAA8M,EAAC,IAAI,EAAC,SAAS,GAAG,EACxO,eAAM,CAAC,EAAC,opBAAopB,EAAC,IAAI,EAAC,SAAS,GAAG,EAC9qB,eAAM,CAAC,EAAC,qoBAAqoB,EAAC,IAAI,EAAC,SAAS,GAAG,IAChqB,CACN;IACD,KAAK,EAAE,CACH,8BACI,eAAM,CAAC,EAAC,oOAAoO,EAAC,IAAI,EAAC,SAAS,GAAG,EAC9P,eAAM,CAAC,EAAC,0OAA0O,EAAC,IAAI,EAAC,SAAS,GAAG,EACpQ,eAAM,CAAC,EAAC,qLAAqL,EAAC,IAAI,EAAC,SAAS,GAAG,EAC/M,eAAM,CAAC,EAAC,+kBAA+kB,EAAC,IAAI,EAAC,SAAS,GAAG,EACzmB,eAAM,CAAC,EAAC,0rBAA0rB,EAAC,IAAI,EAAC,SAAS,GAAG,IACrtB,CACN;IACD,GAAG,EAAE,CACD,8BACI,eAAM,CAAC,EAAC,6kBAA6kB,EAAC,IAAI,EAAC,SAAS,GAAG,EACvmB,eAAM,CAAC,EAAC,4kBAA4kB,EAAC,IAAI,EAAC,SAAS,GAAG,EACtmB,eAAM,CAAC,EAAC,qJAAqJ,EAAC,IAAI,EAAC,SAAS,GAAG,EAC/K,eAAM,CAAC,EAAC,oMAAoM,EAAC,IAAI,EAAC,SAAS,GAAG,EAC9N,eAAM,CAAC,EAAC,qOAAqO,EAAC,IAAI,EAAC,SAAS,GAAG,EAC/P,eAAM,CAAC,EAAC,wMAAwM,EAAC,IAAI,EAAC,SAAS,GAAG,IACnO,CACN;CACJ,CAAA;AAED
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/RankArtwork/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AASlC,MAAM,aAAa,GAAuC;IACtD,KAAK,EAAE,CACH,8BACI,eAAM,CAAC,EAAC,8MAA8M,EAAC,IAAI,EAAC,SAAS,GAAG,EACxO,eAAM,CAAC,EAAC,kNAAkN,EAAC,IAAI,EAAC,SAAS,GAAG,EAC5O,eAAM,CAAC,EAAC,iNAAiN,EAAC,IAAI,EAAC,SAAS,GAAG,EAC3O,eAAM,CAAC,EAAC,yNAAyN,EAAC,IAAI,EAAC,SAAS,GAAG,EACnP,eAAM,CAAC,EAAC,+kBAA+kB,EAAC,IAAI,EAAC,SAAS,GAAG,IAC1mB,CACN;IACD,MAAM,EAAE,CACJ,8BACI,eAAM,CAAC,EAAC,sNAAsN,EAAC,IAAI,EAAC,SAAS,GAAG,EAChP,eAAM,CAAC,EAAC,kNAAkN,EAAC,IAAI,EAAC,SAAS,GAAG,EAC5O,eAAM,CAAC,EAAC,8MAA8M,EAAC,IAAI,EAAC,SAAS,GAAG,EACxO,eAAM,CAAC,EAAC,opBAAopB,EAAC,IAAI,EAAC,SAAS,GAAG,EAC9qB,eAAM,CAAC,EAAC,qoBAAqoB,EAAC,IAAI,EAAC,SAAS,GAAG,IAChqB,CACN;IACD,KAAK,EAAE,CACH,8BACI,eAAM,CAAC,EAAC,oOAAoO,EAAC,IAAI,EAAC,SAAS,GAAG,EAC9P,eAAM,CAAC,EAAC,0OAA0O,EAAC,IAAI,EAAC,SAAS,GAAG,EACpQ,eAAM,CAAC,EAAC,qLAAqL,EAAC,IAAI,EAAC,SAAS,GAAG,EAC/M,eAAM,CAAC,EAAC,+kBAA+kB,EAAC,IAAI,EAAC,SAAS,GAAG,EACzmB,eAAM,CAAC,EAAC,0rBAA0rB,EAAC,IAAI,EAAC,SAAS,GAAG,IACrtB,CACN;IACD,GAAG,EAAE,CACD,8BACI,eAAM,CAAC,EAAC,6kBAA6kB,EAAC,IAAI,EAAC,SAAS,GAAG,EACvmB,eAAM,CAAC,EAAC,4kBAA4kB,EAAC,IAAI,EAAC,SAAS,GAAG,EACtmB,eAAM,CAAC,EAAC,qJAAqJ,EAAC,IAAI,EAAC,SAAS,GAAG,EAC/K,eAAM,CAAC,EAAC,oMAAoM,EAAC,IAAI,EAAC,SAAS,GAAG,EAC9N,eAAM,CAAC,EAAC,qOAAqO,EAAC,IAAI,EAAC,SAAS,GAAG,EAC/P,eAAM,CAAC,EAAC,wMAAwM,EAAC,IAAI,EAAC,SAAS,GAAG,IACnO,CACN;CACJ,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAoB,EAAE,EAAE,CAAC,CACnF,iBACQ,KAAK,iBACI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,gBACzC,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,mBACtC,QAAQ,+BACK,IAAI,EAC/B,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,OAAO,EACjB,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAC7C,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,YAEjC,aAAa,CAAC,IAAI,CAAC,GAClB,CACT,CAAA"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { type ReactNode } from "react";
|
|
2
|
+
export type RatingProps = {
|
|
3
|
+
/** Names what is being rated. */
|
|
4
|
+
readonly label: string;
|
|
5
|
+
/** Controlled value; 0 means unrated. Read-only ratings may be fractional (halves are drawn). */
|
|
6
|
+
readonly value?: number;
|
|
7
|
+
readonly defaultValue?: number;
|
|
8
|
+
readonly onChange?: (value: number) => void;
|
|
9
|
+
readonly max?: number;
|
|
10
|
+
readonly isReadOnly?: boolean;
|
|
11
|
+
readonly isDisabled?: boolean;
|
|
12
|
+
/** App-owned accessible text for a value, e.g. "3 of 5 stars". */
|
|
13
|
+
readonly valueLabel: (value: number, max: number) => string;
|
|
14
|
+
/** App-owned glyph; defaults to a neutral star outline filled by the stylesheet. */
|
|
15
|
+
readonly icon?: ReactNode;
|
|
16
|
+
/** Form field name for the native radio set. */
|
|
17
|
+
readonly name?: string;
|
|
18
|
+
readonly className?: string;
|
|
19
|
+
};
|
|
20
|
+
/**
|
|
21
|
+
* A 1..max rating. Interactive ratings are a native radio set, so arrow keys, form submission and
|
|
22
|
+
* the radiogroup semantics come from the platform; read-only ratings are one labelled image.
|
|
23
|
+
* Contract: read-only A11Y-3; radiogroup A11Y-3 FOCUS-2 CONTROL-STATE-3; option FOCUS-1; glyph ICON-6.
|
|
24
|
+
*/
|
|
25
|
+
export declare const Rating: ({ label, value, defaultValue, onChange, max, isReadOnly, isDisabled, valueLabel, icon, name, className, }: RatingProps) => import("react").JSX.Element;
|
|
26
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/Rating/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGvD,MAAM,MAAM,WAAW,GAAG;IACtB,iCAAiC;IACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,iGAAiG;IACjG,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,kEAAkE;IAClE,QAAQ,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,MAAM,CAAA;IAC3D,oFAAoF;IACpF,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAA;IACzB,gDAAgD;IAChD,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAcD;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,2GAYpB,WAAW,gCAoEb,CAAA"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useId, useState } from "react";
|
|
4
|
+
import { navigationClassName } from "../../navigationClassNames.js";
|
|
5
|
+
const StarGlyph = () => (_jsx("svg", { "aria-hidden": "true", focusable: "false", viewBox: "0 0 24 24", className: "starci-core-rating-glyph", "data-contract": "ICON-6", children: _jsx("path", { d: "M12 2.8l2.8 5.9 6.4.8-4.7 4.4 1.2 6.3L12 17.1l-5.7 3.1 1.2-6.3-4.7-4.4 6.4-.8z" }) }));
|
|
6
|
+
const fillFor = (position, value) => {
|
|
7
|
+
if (value >= position)
|
|
8
|
+
return "full";
|
|
9
|
+
if (value >= position - 0.5)
|
|
10
|
+
return "half";
|
|
11
|
+
return "empty";
|
|
12
|
+
};
|
|
13
|
+
/**
|
|
14
|
+
* A 1..max rating. Interactive ratings are a native radio set, so arrow keys, form submission and
|
|
15
|
+
* the radiogroup semantics come from the platform; read-only ratings are one labelled image.
|
|
16
|
+
* Contract: read-only A11Y-3; radiogroup A11Y-3 FOCUS-2 CONTROL-STATE-3; option FOCUS-1; glyph ICON-6.
|
|
17
|
+
*/
|
|
18
|
+
export const Rating = ({ label, value, defaultValue = 0, onChange, max = 5, isReadOnly = false, isDisabled = false, valueLabel, icon, name, className, }) => {
|
|
19
|
+
const [uncontrolled, setUncontrolled] = useState(defaultValue);
|
|
20
|
+
const [preview, setPreview] = useState(null);
|
|
21
|
+
const generatedName = useId();
|
|
22
|
+
const current = value ?? uncontrolled;
|
|
23
|
+
const positions = Array.from({ length: max }, (_, index) => index + 1);
|
|
24
|
+
const glyph = icon ?? _jsx(StarGlyph, {});
|
|
25
|
+
if (isReadOnly) {
|
|
26
|
+
return (_jsx("span", { "aria-label": `${label}: ${valueLabel(current, max)}`, className: navigationClassName("starci-core-rating", className), "data-component": "Rating", "data-tier": "atom", "data-contract": "A11Y-3", "data-grammar-rating-mode": "read-only", role: "img", children: positions.map((position) => (_jsx("span", { className: "starci-core-rating-item", "data-grammar-rating-fill": fillFor(position, current), children: glyph }, position))) }));
|
|
27
|
+
}
|
|
28
|
+
const shown = preview ?? current;
|
|
29
|
+
const select = (next) => {
|
|
30
|
+
if (value === undefined)
|
|
31
|
+
setUncontrolled(next);
|
|
32
|
+
onChange?.(next);
|
|
33
|
+
};
|
|
34
|
+
return (_jsx("span", { "aria-disabled": isDisabled || undefined, "aria-label": label, className: navigationClassName("starci-core-rating", className), "data-component": "Rating", "data-tier": "atom", "data-contract": "A11Y-3 FOCUS-2 CONTROL-STATE-3", "data-grammar-rating-mode": "interactive", "data-grammar-disabled": isDisabled ? "true" : "false", onPointerLeave: () => setPreview(null), role: "radiogroup", children: positions.map((position) => (_jsxs("label", { className: "starci-core-rating-item", "data-contract": "FOCUS-1", "data-grammar-rating-fill": fillFor(position, shown), "data-grammar-selected": Math.round(current) === position ? "true" : "false", onPointerEnter: () => { if (!isDisabled)
|
|
35
|
+
setPreview(position); }, children: [_jsx("input", { "aria-label": valueLabel(position, max), checked: Math.round(current) === position, className: "starci-core-rating-input", disabled: isDisabled, name: name ?? generatedName, onChange: () => select(position), type: "radio", value: position }), glyph] }, position))) }));
|
|
36
|
+
};
|
|
37
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Rating/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AAqBnE,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACpB,6BAAiB,MAAM,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,0BAA0B,mBAAe,QAAQ,YACrH,eAAM,CAAC,EAAC,gFAAgF,GAAG,GACzF,CACT,CAAA;AAED,MAAM,OAAO,GAAG,CAAC,QAAgB,EAAE,KAAa,EAA6B,EAAE;IAC3E,IAAI,KAAK,IAAI,QAAQ;QAAE,OAAO,MAAM,CAAA;IACpC,IAAI,KAAK,IAAI,QAAQ,GAAG,GAAG;QAAE,OAAO,MAAM,CAAA;IAC1C,OAAO,OAAO,CAAA;AAClB,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACnB,KAAK,EACL,KAAK,EACL,YAAY,GAAG,CAAC,EAChB,QAAQ,EACR,GAAG,GAAG,CAAC,EACP,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,SAAS,GACC,EAAE,EAAE;IACd,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAA;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IAC3D,MAAM,aAAa,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,OAAO,GAAG,KAAK,IAAI,YAAY,CAAA;IACrC,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAA;IACtE,MAAM,KAAK,GAAG,IAAI,IAAI,KAAC,SAAS,KAAG,CAAA;IAEnC,IAAI,UAAU,EAAE,CAAC;QACb,OAAO,CACH,6BACgB,GAAG,KAAK,KAAK,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,EAAE,EACnD,SAAS,EAAE,mBAAmB,CAAC,oBAAoB,EAAE,SAAS,CAAC,oBAChD,QAAQ,eACb,MAAM,mBACF,QAAQ,8BACG,WAAW,EACpC,IAAI,EAAC,KAAK,YAET,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACzB,eAAqB,SAAS,EAAC,yBAAyB,8BAA2B,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,YAAG,KAAK,IAA1G,QAAQ,CAA0G,CAChI,CAAC,GACC,CACV,CAAA;IACL,CAAC;IAED,MAAM,KAAK,GAAG,OAAO,IAAI,OAAO,CAAA;IAChC,MAAM,MAAM,GAAG,CAAC,IAAY,EAAE,EAAE;QAC5B,IAAI,KAAK,KAAK,SAAS;YAAE,eAAe,CAAC,IAAI,CAAC,CAAA;QAC9C,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAA;IACpB,CAAC,CAAA;IACD,OAAO,CACH,gCACmB,UAAU,IAAI,SAAS,gBAC1B,KAAK,EACjB,SAAS,EAAE,mBAAmB,CAAC,oBAAoB,EAAE,SAAS,CAAC,oBAChD,QAAQ,eACb,MAAM,mBACF,gCAAgC,8BACrB,aAAa,2BACf,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACpD,cAAc,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EACtC,IAAI,EAAC,YAAY,YAEhB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACzB,iBAEI,SAAS,EAAC,yBAAyB,mBACrB,SAAS,8BACG,OAAO,CAAC,QAAQ,EAAE,KAAK,CAAC,2BAC3B,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC1E,cAAc,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,UAAU;gBAAE,UAAU,CAAC,QAAQ,CAAC,CAAA,CAAC,CAAC,aAE/D,8BACgB,UAAU,CAAC,QAAQ,EAAE,GAAG,CAAC,EACrC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,QAAQ,EACzC,SAAS,EAAC,0BAA0B,EACpC,QAAQ,EAAE,UAAU,EACpB,IAAI,EAAE,IAAI,IAAI,aAAa,EAC3B,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAChC,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,QAAQ,GACjB,EACD,KAAK,KAjBD,QAAQ,CAkBT,CACX,CAAC,GACC,CACV,CAAA;AACL,CAAC,CAAA"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { type FieldControlProps } from "../Field/index.js";
|
|
2
|
+
export type SearchFieldProps = FieldControlProps & {
|
|
3
|
+
readonly id?: string;
|
|
4
|
+
readonly placeholder?: string;
|
|
5
|
+
readonly value?: string;
|
|
6
|
+
readonly defaultValue?: string;
|
|
7
|
+
readonly onValueChange?: (value: string) => void;
|
|
8
|
+
/** Enter in the field. */
|
|
9
|
+
readonly onSubmit?: (value: string) => void;
|
|
10
|
+
/** The clear button or Escape emptied the field. */
|
|
11
|
+
readonly onClear?: () => void;
|
|
12
|
+
/** Results for the current query are loading. The field stays editable. */
|
|
13
|
+
readonly isPending?: boolean;
|
|
14
|
+
/** Accessible name of the clear button. Pass the app's localized "clear" copy. */
|
|
15
|
+
readonly clearLabel?: string;
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* A text field whose job is a query: `type="search"`, a clear button, Escape to clear, Enter to
|
|
19
|
+
* submit - all the vendor's. The leading glyph is decoration; the label is the name.
|
|
20
|
+
*/
|
|
21
|
+
export declare const SearchField: ({ id, placeholder, value, defaultValue, onValueChange, onSubmit, onClear, isPending, clearLabel, ...field }: SearchFieldProps) => import("react").JSX.Element;
|
|
22
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/SearchField/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAKH,KAAK,iBAAiB,EACzB,MAAM,mBAAmB,CAAA;AAE1B,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAAG;IAC/C,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,0BAA0B;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,oDAAoD;IACpD,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,2EAA2E;IAC3E,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,kFAAkF;IAClF,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAC/B,CAAA;AAQD;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,6GAWzB,gBAAgB,gCAgClB,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { SearchField as HeroSearchField, Spinner as HeroSpinner } from "@heroui/react";
|
|
4
|
+
import { FieldDescription, FieldErrorText, FieldLabel, vendorFieldProps, } from "../Field/index.js";
|
|
5
|
+
/*
|
|
6
|
+
* Consumer hook: `starci-core-search-field` names this control's root for a consumer or family
|
|
7
|
+
* stylesheet. No shipped sheet paints it: the root is drawn as a whole by `.starci-core-field`, so
|
|
8
|
+
* a rule on the hook adds to the shared anatomy and never has to replace it.
|
|
9
|
+
*/
|
|
10
|
+
/**
|
|
11
|
+
* A text field whose job is a query: `type="search"`, a clear button, Escape to clear, Enter to
|
|
12
|
+
* submit - all the vendor's. The leading glyph is decoration; the label is the name.
|
|
13
|
+
*/
|
|
14
|
+
export const SearchField = ({ id, placeholder, value, defaultValue, onValueChange, onSubmit, onClear, isPending = false, clearLabel, ...field }) => (_jsxs(HeroSearchField, { "data-tier": "atom", "data-component": "SearchField", "data-contract": "A11Y-1 FIELD-1 FIELD-2 CONTROL-STATE-2", className: "starci-core-field starci-core-search-field", fullWidth: true, ...vendorFieldProps({ ...field, isPending }), isReadOnly: field.isReadOnly === true, ...(value === undefined ? defaultValue === undefined ? {} : { defaultValue } : { value }), ...(onValueChange === undefined ? {} : { onChange: onValueChange }), ...(onSubmit === undefined ? {} : { onSubmit }), ...(onClear === undefined ? {} : { onClear }), children: [_jsx(FieldLabel, { isHidden: field.isLabelHidden, isRequired: field.isRequired, children: field.label }), _jsxs(HeroSearchField.Group, { className: "starci-core-search-field-group", "data-grammar-field-control": "true", children: [_jsx(HeroSearchField.SearchIcon, { "aria-hidden": "true" }), _jsx(HeroSearchField.Input, { ...(id === undefined ? {} : { id }), ...(placeholder === undefined ? {} : { placeholder }), className: "starci-core-search-field-input", ...(isPending ? { "aria-busy": true } : {}) }), isPending ? _jsx(HeroSpinner, { size: "sm", color: "current", "aria-hidden": "true", className: "starci-core-field-spinner" }) : null, _jsx(HeroSearchField.ClearButton, { className: "starci-core-search-field-clear", ...(clearLabel === undefined ? {} : { "aria-label": clearLabel }) })] }), _jsx(FieldDescription, { children: field.description }), _jsx(FieldErrorText, { children: field.errorMessage })] }));
|
|
15
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/SearchField/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtF,OAAO,EACH,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,gBAAgB,GAEnB,MAAM,mBAAmB,CAAA;AAkB1B;;;;GAIG;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EACxB,EAAE,EACF,WAAW,EACX,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,UAAU,EACV,GAAG,KAAK,EACO,EAAE,EAAE,CAAC,CACpB,MAAC,eAAe,iBACF,MAAM,oBACD,aAAa,mBACd,wCAAwC,EACtD,SAAS,EAAC,4CAA4C,EACtD,SAAS,WACL,gBAAgB,CAAC,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,CAAC,EAC7C,UAAU,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,KACjC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,KACtF,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,KAChE,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAC5C,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,aAE9C,KAAC,UAAU,IAAC,QAAQ,EAAE,KAAK,CAAC,aAAa,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,YAAG,KAAK,CAAC,KAAK,GAAc,EACnG,MAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAC,gCAAgC,gCAA4B,MAAM,aAC/F,KAAC,eAAe,CAAC,UAAU,mBAAa,MAAM,GAAG,EACjD,KAAC,eAAe,CAAC,KAAK,OACd,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,KAChC,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,EACtD,SAAS,EAAC,gCAAgC,KACtC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAC9C,EACD,SAAS,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,iBAAa,MAAM,EAAC,SAAS,EAAC,2BAA2B,GAAG,CAAC,CAAC,CAAC,IAAI,EACtH,KAAC,eAAe,CAAC,WAAW,IACxB,SAAS,EAAC,gCAAgC,KACtC,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC,GACpE,IACkB,EACxB,KAAC,gBAAgB,cAAE,KAAK,CAAC,WAAW,GAAoB,EACxD,KAAC,cAAc,cAAE,KAAK,CAAC,YAAY,GAAkB,IACvC,CACrB,CAAA"}
|
|
@@ -4,12 +4,19 @@ export type SectionHeaderProps = {
|
|
|
4
4
|
readonly description?: ReactNode;
|
|
5
5
|
readonly eyebrow?: ReactNode;
|
|
6
6
|
readonly action?: ReactNode;
|
|
7
|
-
|
|
7
|
+
/** Outline rank of the title. Default `2`; pick the rank that follows the heading above it. */
|
|
8
|
+
readonly level?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
8
9
|
readonly className?: string;
|
|
9
10
|
readonly id?: string;
|
|
10
11
|
/** Closed semantic anatomy; ContextIntro requires eyebrow, title and description. */
|
|
11
12
|
readonly composition?: "section-header" | "context-intro";
|
|
12
13
|
};
|
|
13
|
-
/**
|
|
14
|
+
/**
|
|
15
|
+
* Reusable title-copy-action hierarchy shared by StarCi product sections.
|
|
16
|
+
*
|
|
17
|
+
* It renders a plain `div`, never `<header>`: outside a sectioning element a `<header>` is the page
|
|
18
|
+
* banner landmark, and the banner belongs to the application bar (TopBar / NavigationFeatureNav /
|
|
19
|
+
* WorkspaceShell header). A section heading group must not add a second one.
|
|
20
|
+
*/
|
|
14
21
|
export declare const SectionHeader: ({ title, description, eyebrow, action, level, className, id, composition, }: SectionHeaderProps) => import("react").JSX.Element;
|
|
15
22
|
//# sourceMappingURL=index.d.ts.map
|