@hanzo/ui 8.27.91 → 8.29.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/NOTICE +25 -0
- package/README.md +1 -1
- package/dist/backends/gui/alert-dialog.cjs +24 -6
- package/dist/backends/gui/alert-dialog.d.ts +11 -3
- package/dist/backends/gui/alert-dialog.d.ts.map +1 -1
- package/dist/backends/gui/alert-dialog.js +24 -6
- package/dist/backends/gui/alert-dialog.js.map +1 -1
- package/dist/backends/gui/alert.cjs +32 -1
- package/dist/backends/gui/alert.d.ts +36 -3
- package/dist/backends/gui/alert.d.ts.map +1 -1
- package/dist/backends/gui/alert.js +32 -2
- package/dist/backends/gui/alert.js.map +1 -1
- package/dist/backends/gui/avatar-group.cjs +28 -0
- package/dist/backends/gui/avatar-group.d.ts +33 -0
- package/dist/backends/gui/avatar-group.d.ts.map +1 -0
- package/dist/backends/gui/avatar-group.js +26 -0
- package/dist/backends/gui/avatar-group.js.map +1 -0
- package/dist/backends/gui/avatar.cjs +53 -3
- package/dist/backends/gui/avatar.d.ts +46 -4
- package/dist/backends/gui/avatar.d.ts.map +1 -1
- package/dist/backends/gui/avatar.js +52 -3
- package/dist/backends/gui/avatar.js.map +1 -1
- package/dist/backends/gui/badge.cjs +40 -2
- package/dist/backends/gui/badge.d.ts +7 -2
- package/dist/backends/gui/badge.d.ts.map +1 -1
- package/dist/backends/gui/badge.js +40 -2
- package/dist/backends/gui/badge.js.map +1 -1
- package/dist/backends/gui/banner.cjs +40 -1
- package/dist/backends/gui/banner.d.ts +36 -3
- package/dist/backends/gui/banner.d.ts.map +1 -1
- package/dist/backends/gui/banner.js +42 -4
- package/dist/backends/gui/banner.js.map +1 -1
- package/dist/backends/gui/breadcrumb.cjs +28 -10
- package/dist/backends/gui/breadcrumb.d.ts +20 -11
- package/dist/backends/gui/breadcrumb.d.ts.map +1 -1
- package/dist/backends/gui/breadcrumb.js +28 -10
- package/dist/backends/gui/breadcrumb.js.map +1 -1
- package/dist/backends/gui/button-group.cjs +43 -0
- package/dist/backends/gui/button-group.d.ts +48 -0
- package/dist/backends/gui/button-group.d.ts.map +1 -0
- package/dist/backends/gui/button-group.js +40 -0
- package/dist/backends/gui/button-group.js.map +1 -0
- package/dist/backends/gui/button.cjs +177 -4
- package/dist/backends/gui/button.d.ts +69 -4
- package/dist/backends/gui/button.d.ts.map +1 -1
- package/dist/backends/gui/button.js +179 -6
- package/dist/backends/gui/button.js.map +1 -1
- package/dist/backends/gui/card.cjs +50 -21
- package/dist/backends/gui/card.d.ts +16 -7
- package/dist/backends/gui/card.d.ts.map +1 -1
- package/dist/backends/gui/card.js +50 -21
- package/dist/backends/gui/card.js.map +1 -1
- package/dist/backends/gui/checkbox.cjs +86 -14
- package/dist/backends/gui/checkbox.d.ts +30 -2
- package/dist/backends/gui/checkbox.d.ts.map +1 -1
- package/dist/backends/gui/checkbox.js +87 -15
- package/dist/backends/gui/checkbox.js.map +1 -1
- package/dist/backends/gui/chip.cjs +51 -0
- package/dist/backends/gui/chip.d.ts +47 -0
- package/dist/backends/gui/chip.d.ts.map +1 -0
- package/dist/backends/gui/chip.js +49 -0
- package/dist/backends/gui/chip.js.map +1 -0
- package/dist/backends/gui/choice.cjs +18 -3
- package/dist/backends/gui/choice.d.ts +10 -2
- package/dist/backends/gui/choice.d.ts.map +1 -1
- package/dist/backends/gui/choice.js +19 -4
- package/dist/backends/gui/choice.js.map +1 -1
- package/dist/backends/gui/code-editor.cjs +16 -5
- package/dist/backends/gui/code-editor.d.ts +18 -1
- package/dist/backends/gui/code-editor.d.ts.map +1 -1
- package/dist/backends/gui/code-editor.js +16 -5
- package/dist/backends/gui/code-editor.js.map +1 -1
- package/dist/backends/gui/color-sample.cjs +24 -0
- package/dist/backends/gui/color-sample.d.ts +23 -0
- package/dist/backends/gui/color-sample.d.ts.map +1 -0
- package/dist/backends/gui/color-sample.js +22 -0
- package/dist/backends/gui/color-sample.js.map +1 -0
- package/dist/backends/gui/control.cjs +5 -3
- package/dist/backends/gui/control.d.ts +13 -3
- package/dist/backends/gui/control.d.ts.map +1 -1
- package/dist/backends/gui/control.js +5 -3
- package/dist/backends/gui/control.js.map +1 -1
- package/dist/backends/gui/country-select.cjs +69 -0
- package/dist/backends/gui/country-select.d.ts +30 -0
- package/dist/backends/gui/country-select.d.ts.map +1 -0
- package/dist/backends/gui/country-select.js +67 -0
- package/dist/backends/gui/country-select.js.map +1 -0
- package/dist/backends/gui/currency-picker.cjs +48 -0
- package/dist/backends/gui/currency-picker.d.ts +37 -0
- package/dist/backends/gui/currency-picker.d.ts.map +1 -0
- package/dist/backends/gui/currency-picker.js +46 -0
- package/dist/backends/gui/currency-picker.js.map +1 -0
- package/dist/backends/gui/density.cjs +32 -0
- package/dist/backends/gui/density.d.ts +27 -0
- package/dist/backends/gui/density.d.ts.map +1 -0
- package/dist/backends/gui/density.js +27 -0
- package/dist/backends/gui/density.js.map +1 -0
- package/dist/backends/gui/dialog.cjs +65 -7
- package/dist/backends/gui/dialog.d.ts +68 -3
- package/dist/backends/gui/dialog.d.ts.map +1 -1
- package/dist/backends/gui/dialog.js +63 -7
- package/dist/backends/gui/dialog.js.map +1 -1
- package/dist/backends/gui/dropdown-menu.cjs +361 -31
- package/dist/backends/gui/dropdown-menu.d.ts +151 -15
- package/dist/backends/gui/dropdown-menu.d.ts.map +1 -1
- package/dist/backends/gui/dropdown-menu.js +353 -34
- package/dist/backends/gui/dropdown-menu.js.map +1 -1
- package/dist/backends/gui/feedback.cjs +78 -0
- package/dist/backends/gui/feedback.d.ts +46 -0
- package/dist/backends/gui/feedback.d.ts.map +1 -0
- package/dist/backends/gui/feedback.js +74 -0
- package/dist/backends/gui/feedback.js.map +1 -0
- package/dist/backends/gui/field.cjs +71 -14
- package/dist/backends/gui/field.d.ts +43 -3
- package/dist/backends/gui/field.d.ts.map +1 -1
- package/dist/backends/gui/field.js +69 -14
- package/dist/backends/gui/field.js.map +1 -1
- package/dist/backends/gui/flag.cjs +17 -0
- package/dist/backends/gui/flag.d.ts +9 -0
- package/dist/backends/gui/flag.d.ts.map +1 -0
- package/dist/backends/gui/flag.js +14 -0
- package/dist/backends/gui/flag.js.map +1 -0
- package/dist/backends/gui/grip.cjs +35 -3
- package/dist/backends/gui/grip.d.ts +16 -1
- package/dist/backends/gui/grip.d.ts.map +1 -1
- package/dist/backends/gui/grip.js +35 -3
- package/dist/backends/gui/grip.js.map +1 -1
- package/dist/backends/gui/heading.cjs +27 -0
- package/dist/backends/gui/heading.d.ts +8 -0
- package/dist/backends/gui/heading.d.ts.map +1 -0
- package/dist/backends/gui/heading.js +25 -0
- package/dist/backends/gui/heading.js.map +1 -0
- package/dist/backends/gui/hue.cjs +49 -0
- package/dist/backends/gui/hue.d.ts +18 -0
- package/dist/backends/gui/hue.d.ts.map +1 -0
- package/dist/backends/gui/hue.js +43 -0
- package/dist/backends/gui/hue.js.map +1 -0
- package/dist/backends/gui/icon-picker.cjs +194 -0
- package/dist/backends/gui/icon-picker.d.ts +51 -0
- package/dist/backends/gui/icon-picker.d.ts.map +1 -0
- package/dist/backends/gui/icon-picker.js +155 -0
- package/dist/backends/gui/icon-picker.js.map +1 -0
- package/dist/backends/gui/icon-tile.cjs +36 -0
- package/dist/backends/gui/icon-tile.d.ts +26 -0
- package/dist/backends/gui/icon-tile.d.ts.map +1 -0
- package/dist/backends/gui/icon-tile.js +32 -0
- package/dist/backends/gui/icon-tile.js.map +1 -0
- package/dist/backends/gui/icons.cjs +381 -0
- package/dist/backends/gui/icons.d.ts +53 -0
- package/dist/backends/gui/icons.d.ts.map +1 -0
- package/dist/backends/gui/icons.js +377 -0
- package/dist/backends/gui/icons.js.map +1 -0
- package/dist/backends/gui/image-input.cjs +78 -0
- package/dist/backends/gui/image-input.d.ts +32 -0
- package/dist/backends/gui/image-input.d.ts.map +1 -0
- package/dist/backends/gui/image-input.js +74 -0
- package/dist/backends/gui/image-input.js.map +1 -0
- package/dist/backends/gui/index.cjs +105 -7
- package/dist/backends/gui/index.d.ts +47 -2
- package/dist/backends/gui/index.d.ts.map +1 -1
- package/dist/backends/gui/index.js +37 -1
- package/dist/backends/gui/index.js.map +1 -1
- package/dist/backends/gui/input-group.cjs +49 -0
- package/dist/backends/gui/input-group.d.ts +46 -0
- package/dist/backends/gui/input-group.d.ts.map +1 -0
- package/dist/backends/gui/input-group.js +46 -0
- package/dist/backends/gui/input-group.js.map +1 -0
- package/dist/backends/gui/input.cjs +32 -4
- package/dist/backends/gui/input.d.ts +5 -1
- package/dist/backends/gui/input.d.ts.map +1 -1
- package/dist/backends/gui/input.js +33 -5
- package/dist/backends/gui/input.js.map +1 -1
- package/dist/backends/gui/item.cjs +34 -2
- package/dist/backends/gui/item.d.ts +21 -5
- package/dist/backends/gui/item.d.ts.map +1 -1
- package/dist/backends/gui/item.js +35 -3
- package/dist/backends/gui/item.js.map +1 -1
- package/dist/backends/gui/json-tree.cjs +103 -15
- package/dist/backends/gui/json-tree.d.ts +39 -3
- package/dist/backends/gui/json-tree.d.ts.map +1 -1
- package/dist/backends/gui/json-tree.js +104 -16
- package/dist/backends/gui/json-tree.js.map +1 -1
- package/dist/backends/gui/kbd.cjs +18 -2
- package/dist/backends/gui/kbd.d.ts +5 -2
- package/dist/backends/gui/kbd.d.ts.map +1 -1
- package/dist/backends/gui/kbd.js +18 -2
- package/dist/backends/gui/kbd.js.map +1 -1
- package/dist/backends/gui/label.cjs +14 -3
- package/dist/backends/gui/label.d.ts +12 -3
- package/dist/backends/gui/label.d.ts.map +1 -1
- package/dist/backends/gui/label.js +14 -3
- package/dist/backends/gui/label.js.map +1 -1
- package/dist/backends/gui/layout.cjs +5 -1
- package/dist/backends/gui/layout.d.ts +1 -1
- package/dist/backends/gui/layout.d.ts.map +1 -1
- package/dist/backends/gui/layout.js +5 -1
- package/dist/backends/gui/layout.js.map +1 -1
- package/dist/backends/gui/number-field.cjs +163 -0
- package/dist/backends/gui/number-field.d.ts +34 -0
- package/dist/backends/gui/number-field.d.ts.map +1 -0
- package/dist/backends/gui/number-field.js +160 -0
- package/dist/backends/gui/number-field.js.map +1 -0
- package/dist/backends/gui/overflowing-list.cjs +79 -0
- package/dist/backends/gui/overflowing-list.d.ts +42 -0
- package/dist/backends/gui/overflowing-list.d.ts.map +1 -0
- package/dist/backends/gui/overflowing-list.js +76 -0
- package/dist/backends/gui/overflowing-list.js.map +1 -0
- package/dist/backends/gui/phone-country-picker.cjs +60 -0
- package/dist/backends/gui/phone-country-picker.d.ts +34 -0
- package/dist/backends/gui/phone-country-picker.d.ts.map +1 -0
- package/dist/backends/gui/phone-country-picker.js +57 -0
- package/dist/backends/gui/phone-country-picker.js.map +1 -0
- package/dist/backends/gui/popover.cjs +20 -4
- package/dist/backends/gui/popover.d.ts +12 -1
- package/dist/backends/gui/popover.d.ts.map +1 -1
- package/dist/backends/gui/popover.js +21 -5
- package/dist/backends/gui/popover.js.map +1 -1
- package/dist/backends/gui/progress-ring.cjs +38 -0
- package/dist/backends/gui/progress-ring.d.ts +37 -0
- package/dist/backends/gui/progress-ring.d.ts.map +1 -0
- package/dist/backends/gui/progress-ring.js +36 -0
- package/dist/backends/gui/progress-ring.js.map +1 -0
- package/dist/backends/gui/progress.cjs +31 -7
- package/dist/backends/gui/progress.d.ts +25 -3
- package/dist/backends/gui/progress.d.ts.map +1 -1
- package/dist/backends/gui/progress.js +32 -8
- package/dist/backends/gui/progress.js.map +1 -1
- package/dist/backends/gui/radio-group.cjs +28 -2
- package/dist/backends/gui/radio-group.d.ts +20 -2
- package/dist/backends/gui/radio-group.d.ts.map +1 -1
- package/dist/backends/gui/radio-group.js +28 -2
- package/dist/backends/gui/radio-group.js.map +1 -1
- package/dist/backends/gui/search-list.cjs +62 -0
- package/dist/backends/gui/search-list.d.ts +65 -0
- package/dist/backends/gui/search-list.d.ts.map +1 -0
- package/dist/backends/gui/search-list.js +58 -0
- package/dist/backends/gui/search-list.js.map +1 -0
- package/dist/backends/gui/select.cjs +50 -16
- package/dist/backends/gui/select.d.ts +12 -3
- package/dist/backends/gui/select.d.ts.map +1 -1
- package/dist/backends/gui/select.js +51 -17
- package/dist/backends/gui/select.js.map +1 -1
- package/dist/backends/gui/shortcut.cjs +122 -0
- package/dist/backends/gui/shortcut.d.ts +58 -0
- package/dist/backends/gui/shortcut.d.ts.map +1 -0
- package/dist/backends/gui/shortcut.js +115 -0
- package/dist/backends/gui/shortcut.js.map +1 -0
- package/dist/backends/gui/skeleton.cjs +41 -10
- package/dist/backends/gui/skeleton.d.ts +46 -8
- package/dist/backends/gui/skeleton.d.ts.map +1 -1
- package/dist/backends/gui/skeleton.js +39 -8
- package/dist/backends/gui/skeleton.js.map +1 -1
- package/dist/backends/gui/snippet.cjs +12 -1
- package/dist/backends/gui/snippet.d.ts +4 -2
- package/dist/backends/gui/snippet.d.ts.map +1 -1
- package/dist/backends/gui/snippet.js +12 -1
- package/dist/backends/gui/snippet.js.map +1 -1
- package/dist/backends/gui/spinner.cjs +8 -1
- package/dist/backends/gui/spinner.d.ts +11 -2
- package/dist/backends/gui/spinner.d.ts.map +1 -1
- package/dist/backends/gui/spinner.js +9 -2
- package/dist/backends/gui/spinner.js.map +1 -1
- package/dist/backends/gui/stack-icon.cjs +17 -0
- package/dist/backends/gui/stack-icon.d.ts +15 -0
- package/dist/backends/gui/stack-icon.d.ts.map +1 -0
- package/dist/backends/gui/stack-icon.js +15 -0
- package/dist/backends/gui/stack-icon.js.map +1 -0
- package/dist/backends/gui/status.cjs +38 -1
- package/dist/backends/gui/status.d.ts +16 -2
- package/dist/backends/gui/status.d.ts.map +1 -1
- package/dist/backends/gui/status.js +38 -2
- package/dist/backends/gui/status.js.map +1 -1
- package/dist/backends/gui/stepper.cjs +73 -3
- package/dist/backends/gui/stepper.d.ts +25 -1
- package/dist/backends/gui/stepper.d.ts.map +1 -1
- package/dist/backends/gui/stepper.js +71 -5
- package/dist/backends/gui/stepper.js.map +1 -1
- package/dist/backends/gui/switch.cjs +35 -20
- package/dist/backends/gui/switch.d.ts +12 -2
- package/dist/backends/gui/switch.d.ts.map +1 -1
- package/dist/backends/gui/switch.js +35 -20
- package/dist/backends/gui/switch.js.map +1 -1
- package/dist/backends/gui/tabs.cjs +63 -17
- package/dist/backends/gui/tabs.d.ts +35 -6
- package/dist/backends/gui/tabs.d.ts.map +1 -1
- package/dist/backends/gui/tabs.js +65 -19
- package/dist/backends/gui/tabs.js.map +1 -1
- package/dist/backends/gui/tag.cjs +48 -0
- package/dist/backends/gui/tag.d.ts +53 -0
- package/dist/backends/gui/tag.d.ts.map +1 -0
- package/dist/backends/gui/tag.js +46 -0
- package/dist/backends/gui/tag.js.map +1 -0
- package/dist/backends/gui/tags.cjs +9 -2
- package/dist/backends/gui/tags.d.ts +6 -5
- package/dist/backends/gui/tags.d.ts.map +1 -1
- package/dist/backends/gui/tags.js +9 -2
- package/dist/backends/gui/tags.js.map +1 -1
- package/dist/backends/gui/textarea.cjs +22 -6
- package/dist/backends/gui/textarea.d.ts +10 -1
- package/dist/backends/gui/textarea.d.ts.map +1 -1
- package/dist/backends/gui/textarea.js +22 -6
- package/dist/backends/gui/textarea.js.map +1 -1
- package/dist/backends/gui/toaster.cjs +167 -3
- package/dist/backends/gui/toaster.d.ts +28 -2
- package/dist/backends/gui/toaster.d.ts.map +1 -1
- package/dist/backends/gui/toaster.js +167 -5
- package/dist/backends/gui/toaster.js.map +1 -1
- package/dist/backends/gui/toggle-group.cjs +13 -0
- package/dist/backends/gui/toggle-group.d.ts +7 -1
- package/dist/backends/gui/toggle-group.d.ts.map +1 -1
- package/dist/backends/gui/toggle-group.js +13 -0
- package/dist/backends/gui/toggle-group.js.map +1 -1
- package/dist/backends/gui/tooltip.cjs +29 -6
- package/dist/backends/gui/tooltip.d.ts +23 -4
- package/dist/backends/gui/tooltip.d.ts.map +1 -1
- package/dist/backends/gui/tooltip.js +31 -8
- package/dist/backends/gui/tooltip.js.map +1 -1
- package/dist/backends/gui/truncated-text.cjs +102 -0
- package/dist/backends/gui/truncated-text.d.ts +55 -0
- package/dist/backends/gui/truncated-text.d.ts.map +1 -0
- package/dist/backends/gui/truncated-text.js +97 -0
- package/dist/backends/gui/truncated-text.js.map +1 -0
- package/dist/gallery/compound.cjs +60 -0
- package/dist/gallery/compound.d.ts +2 -0
- package/dist/gallery/compound.d.ts.map +1 -0
- package/dist/gallery/compound.js +58 -0
- package/dist/gallery/compound.js.map +1 -0
- package/dist/gallery/display.cjs +47 -0
- package/dist/gallery/display.d.ts +3 -0
- package/dist/gallery/display.d.ts.map +1 -0
- package/dist/gallery/display.js +45 -0
- package/dist/gallery/display.js.map +1 -0
- package/dist/gallery/feedback.cjs +38 -0
- package/dist/gallery/feedback.d.ts +2 -0
- package/dist/gallery/feedback.d.ts.map +1 -0
- package/dist/gallery/feedback.js +36 -0
- package/dist/gallery/feedback.js.map +1 -0
- package/dist/gallery/fields.cjs +53 -0
- package/dist/gallery/fields.d.ts +2 -0
- package/dist/gallery/fields.d.ts.map +1 -0
- package/dist/gallery/fields.js +51 -0
- package/dist/gallery/fields.js.map +1 -0
- package/dist/gallery/frames.cjs +47 -0
- package/dist/gallery/frames.d.ts +2 -0
- package/dist/gallery/frames.d.ts.map +1 -0
- package/dist/gallery/frames.js +45 -0
- package/dist/gallery/frames.js.map +1 -0
- package/dist/gallery/icons.cjs +19 -0
- package/dist/gallery/icons.d.ts +2 -0
- package/dist/gallery/icons.d.ts.map +1 -0
- package/dist/gallery/icons.js +17 -0
- package/dist/gallery/icons.js.map +1 -0
- package/dist/gallery/menus.cjs +64 -0
- package/dist/gallery/menus.d.ts +15 -0
- package/dist/gallery/menus.d.ts.map +1 -0
- package/dist/gallery/menus.js +58 -0
- package/dist/gallery/menus.js.map +1 -0
- package/dist/gallery/records.cjs +34 -0
- package/dist/gallery/records.d.ts +2 -0
- package/dist/gallery/records.d.ts.map +1 -0
- package/dist/gallery/records.js +32 -0
- package/dist/gallery/records.js.map +1 -0
- package/dist/gallery/section.cjs +17 -0
- package/dist/gallery/section.d.ts +10 -0
- package/dist/gallery/section.d.ts.map +1 -0
- package/dist/gallery/section.js +14 -0
- package/dist/gallery/section.js.map +1 -0
- package/dist/gallery.cjs +8 -14
- package/dist/gallery.d.ts.map +1 -1
- package/dist/gallery.html +1594 -256
- package/dist/gallery.js +3 -9
- package/dist/gallery.js.map +1 -1
- package/dist/gui-config.cjs +33 -4
- package/dist/gui-config.d.ts +11 -3
- package/dist/gui-config.d.ts.map +1 -1
- package/dist/gui-config.js +33 -4
- package/dist/gui-config.js.map +1 -1
- package/dist/index.cjs +73 -2
- package/dist/index.d.ts +5 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +10 -1
- package/dist/index.js.map +1 -1
- package/dist/index.node.cjs +73 -2
- package/dist/index.node.js +10 -1
- package/dist/motion.cjs +25 -1
- package/dist/motion.d.ts +16 -1
- package/dist/motion.d.ts.map +1 -1
- package/dist/motion.js +24 -1
- package/dist/motion.js.map +1 -1
- package/dist/primitives/AvatarGroup.cjs +8 -0
- package/dist/primitives/AvatarGroup.d.ts +2 -0
- package/dist/primitives/AvatarGroup.d.ts.map +1 -0
- package/dist/primitives/AvatarGroup.js +5 -0
- package/dist/primitives/AvatarGroup.js.map +1 -0
- package/dist/primitives/BannerAction.cjs +8 -0
- package/dist/primitives/BannerAction.d.ts +2 -0
- package/dist/primitives/BannerAction.d.ts.map +1 -0
- package/dist/primitives/BannerAction.js +5 -0
- package/dist/primitives/BannerAction.js.map +1 -0
- package/dist/primitives/ButtonGroup.cjs +8 -0
- package/dist/primitives/ButtonGroup.d.ts +2 -0
- package/dist/primitives/ButtonGroup.d.ts.map +1 -0
- package/dist/primitives/ButtonGroup.js +5 -0
- package/dist/primitives/ButtonGroup.js.map +1 -0
- package/dist/primitives/ButtonGroupContext.cjs +8 -0
- package/dist/primitives/ButtonGroupContext.d.ts +2 -0
- package/dist/primitives/ButtonGroupContext.d.ts.map +1 -0
- package/dist/primitives/ButtonGroupContext.js +5 -0
- package/dist/primitives/ButtonGroupContext.js.map +1 -0
- package/dist/primitives/CONCEPTS.cjs +8 -0
- package/dist/primitives/CONCEPTS.d.ts +2 -0
- package/dist/primitives/CONCEPTS.d.ts.map +1 -0
- package/dist/primitives/CONCEPTS.js +5 -0
- package/dist/primitives/CONCEPTS.js.map +1 -0
- package/dist/primitives/CalloutAction.cjs +8 -0
- package/dist/primitives/CalloutAction.d.ts +2 -0
- package/dist/primitives/CalloutAction.d.ts.map +1 -0
- package/dist/primitives/CalloutAction.js +5 -0
- package/dist/primitives/CalloutAction.js.map +1 -0
- package/dist/primitives/Chip.cjs +8 -0
- package/dist/primitives/Chip.d.ts +2 -0
- package/dist/primitives/Chip.d.ts.map +1 -0
- package/dist/primitives/Chip.js +5 -0
- package/dist/primitives/Chip.js.map +1 -0
- package/dist/primitives/ColorSample.cjs +8 -0
- package/dist/primitives/ColorSample.d.ts +2 -0
- package/dist/primitives/ColorSample.d.ts.map +1 -0
- package/dist/primitives/ColorSample.js +5 -0
- package/dist/primitives/ColorSample.js.map +1 -0
- package/dist/primitives/CountrySelect.cjs +8 -0
- package/dist/primitives/CountrySelect.d.ts +2 -0
- package/dist/primitives/CountrySelect.d.ts.map +1 -0
- package/dist/primitives/CountrySelect.js +5 -0
- package/dist/primitives/CountrySelect.js.map +1 -0
- package/dist/primitives/CurrencyPicker.cjs +8 -0
- package/dist/primitives/CurrencyPicker.d.ts +2 -0
- package/dist/primitives/CurrencyPicker.d.ts.map +1 -0
- package/dist/primitives/CurrencyPicker.js +5 -0
- package/dist/primitives/CurrencyPicker.js.map +1 -0
- package/dist/primitives/Density.cjs +8 -0
- package/dist/primitives/Density.d.ts +2 -0
- package/dist/primitives/Density.d.ts.map +1 -0
- package/dist/primitives/Density.js +5 -0
- package/dist/primitives/Density.js.map +1 -0
- package/dist/primitives/DialogBody.cjs +8 -0
- package/dist/primitives/DialogBody.d.ts +2 -0
- package/dist/primitives/DialogBody.d.ts.map +1 -0
- package/dist/primitives/DialogBody.js +5 -0
- package/dist/primitives/DialogBody.js.map +1 -0
- package/dist/primitives/DropdownMenuBack.cjs +8 -0
- package/dist/primitives/DropdownMenuBack.d.ts +2 -0
- package/dist/primitives/DropdownMenuBack.d.ts.map +1 -0
- package/dist/primitives/DropdownMenuBack.js +5 -0
- package/dist/primitives/DropdownMenuBack.js.map +1 -0
- package/dist/primitives/DropdownMenuClose.cjs +8 -0
- package/dist/primitives/DropdownMenuClose.d.ts +2 -0
- package/dist/primitives/DropdownMenuClose.d.ts.map +1 -0
- package/dist/primitives/DropdownMenuClose.js +5 -0
- package/dist/primitives/DropdownMenuClose.js.map +1 -0
- package/dist/primitives/DropdownMenuEmpty.cjs +8 -0
- package/dist/primitives/DropdownMenuEmpty.d.ts +2 -0
- package/dist/primitives/DropdownMenuEmpty.d.ts.map +1 -0
- package/dist/primitives/DropdownMenuEmpty.js +5 -0
- package/dist/primitives/DropdownMenuEmpty.js.map +1 -0
- package/dist/primitives/DropdownMenuHeader.cjs +8 -0
- package/dist/primitives/DropdownMenuHeader.d.ts +2 -0
- package/dist/primitives/DropdownMenuHeader.d.ts.map +1 -0
- package/dist/primitives/DropdownMenuHeader.js +5 -0
- package/dist/primitives/DropdownMenuHeader.js.map +1 -0
- package/dist/primitives/DropdownMenuLoading.cjs +8 -0
- package/dist/primitives/DropdownMenuLoading.d.ts +2 -0
- package/dist/primitives/DropdownMenuLoading.d.ts.map +1 -0
- package/dist/primitives/DropdownMenuLoading.js +5 -0
- package/dist/primitives/DropdownMenuLoading.js.map +1 -0
- package/dist/primitives/DropdownMenuOptionItem.cjs +8 -0
- package/dist/primitives/DropdownMenuOptionItem.d.ts +2 -0
- package/dist/primitives/DropdownMenuOptionItem.d.ts.map +1 -0
- package/dist/primitives/DropdownMenuOptionItem.js +5 -0
- package/dist/primitives/DropdownMenuOptionItem.js.map +1 -0
- package/dist/primitives/DropdownMenuPage.cjs +8 -0
- package/dist/primitives/DropdownMenuPage.d.ts +2 -0
- package/dist/primitives/DropdownMenuPage.d.ts.map +1 -0
- package/dist/primitives/DropdownMenuPage.js +5 -0
- package/dist/primitives/DropdownMenuPage.js.map +1 -0
- package/dist/primitives/DropdownMenuSearch.cjs +8 -0
- package/dist/primitives/DropdownMenuSearch.d.ts +2 -0
- package/dist/primitives/DropdownMenuSearch.d.ts.map +1 -0
- package/dist/primitives/DropdownMenuSearch.js +5 -0
- package/dist/primitives/DropdownMenuSearch.js.map +1 -0
- package/dist/primitives/DropdownMenuSection.cjs +8 -0
- package/dist/primitives/DropdownMenuSection.d.ts +2 -0
- package/dist/primitives/DropdownMenuSection.d.ts.map +1 -0
- package/dist/primitives/DropdownMenuSection.js +5 -0
- package/dist/primitives/DropdownMenuSection.js.map +1 -0
- package/dist/primitives/DropdownMenuSelectionGroup.cjs +8 -0
- package/dist/primitives/DropdownMenuSelectionGroup.d.ts +2 -0
- package/dist/primitives/DropdownMenuSelectionGroup.d.ts.map +1 -0
- package/dist/primitives/DropdownMenuSelectionGroup.js +5 -0
- package/dist/primitives/DropdownMenuSelectionGroup.js.map +1 -0
- package/dist/primitives/DropdownMenuTitle.cjs +8 -0
- package/dist/primitives/DropdownMenuTitle.d.ts +2 -0
- package/dist/primitives/DropdownMenuTitle.d.ts.map +1 -0
- package/dist/primitives/DropdownMenuTitle.js +5 -0
- package/dist/primitives/DropdownMenuTitle.js.map +1 -0
- package/dist/primitives/FIELD_ICONS.cjs +8 -0
- package/dist/primitives/FIELD_ICONS.d.ts +2 -0
- package/dist/primitives/FIELD_ICONS.d.ts.map +1 -0
- package/dist/primitives/FIELD_ICONS.js +5 -0
- package/dist/primitives/FIELD_ICONS.js.map +1 -0
- package/dist/primitives/Glyph.cjs +8 -0
- package/dist/primitives/Glyph.d.ts +2 -0
- package/dist/primitives/Glyph.d.ts.map +1 -0
- package/dist/primitives/Glyph.js +5 -0
- package/dist/primitives/Glyph.js.map +1 -0
- package/dist/primitives/Heading.cjs +2 -2
- package/dist/primitives/Heading.d.ts +1 -1
- package/dist/primitives/Heading.d.ts.map +1 -1
- package/dist/primitives/Heading.js +1 -1
- package/dist/primitives/Heading.js.map +1 -1
- package/dist/primitives/IconPicker.cjs +8 -0
- package/dist/primitives/IconPicker.d.ts +2 -0
- package/dist/primitives/IconPicker.d.ts.map +1 -0
- package/dist/primitives/IconPicker.js +5 -0
- package/dist/primitives/IconPicker.js.map +1 -0
- package/dist/primitives/IconTile.cjs +8 -0
- package/dist/primitives/IconTile.d.ts +2 -0
- package/dist/primitives/IconTile.d.ts.map +1 -0
- package/dist/primitives/IconTile.js +5 -0
- package/dist/primitives/IconTile.js.map +1 -0
- package/dist/primitives/ImageInput.cjs +8 -0
- package/dist/primitives/ImageInput.d.ts +2 -0
- package/dist/primitives/ImageInput.d.ts.map +1 -0
- package/dist/primitives/ImageInput.js +5 -0
- package/dist/primitives/ImageInput.js.map +1 -0
- package/dist/primitives/InputGroup.cjs +8 -0
- package/dist/primitives/InputGroup.d.ts +2 -0
- package/dist/primitives/InputGroup.d.ts.map +1 -0
- package/dist/primitives/InputGroup.js +5 -0
- package/dist/primitives/InputGroup.js.map +1 -0
- package/dist/primitives/NumberField.cjs +8 -0
- package/dist/primitives/NumberField.d.ts +2 -0
- package/dist/primitives/NumberField.d.ts.map +1 -0
- package/dist/primitives/NumberField.js +5 -0
- package/dist/primitives/NumberField.js.map +1 -0
- package/dist/primitives/OverflowingList.cjs +8 -0
- package/dist/primitives/OverflowingList.d.ts +2 -0
- package/dist/primitives/OverflowingList.d.ts.map +1 -0
- package/dist/primitives/OverflowingList.js +5 -0
- package/dist/primitives/OverflowingList.js.map +1 -0
- package/dist/primitives/PhoneCountryPicker.cjs +8 -0
- package/dist/primitives/PhoneCountryPicker.d.ts +2 -0
- package/dist/primitives/PhoneCountryPicker.d.ts.map +1 -0
- package/dist/primitives/PhoneCountryPicker.js +5 -0
- package/dist/primitives/PhoneCountryPicker.js.map +1 -0
- package/dist/primitives/ProgressRing.cjs +8 -0
- package/dist/primitives/ProgressRing.d.ts +2 -0
- package/dist/primitives/ProgressRing.d.ts.map +1 -0
- package/dist/primitives/ProgressRing.js +5 -0
- package/dist/primitives/ProgressRing.js.map +1 -0
- package/dist/primitives/RadioCircle.cjs +8 -0
- package/dist/primitives/RadioCircle.d.ts +2 -0
- package/dist/primitives/RadioCircle.d.ts.map +1 -0
- package/dist/primitives/RadioCircle.js +5 -0
- package/dist/primitives/RadioCircle.js.map +1 -0
- package/dist/primitives/SKELETON_HEIGHT.cjs +8 -0
- package/dist/primitives/SKELETON_HEIGHT.d.ts +2 -0
- package/dist/primitives/SKELETON_HEIGHT.d.ts.map +1 -0
- package/dist/primitives/SKELETON_HEIGHT.js +5 -0
- package/dist/primitives/SKELETON_HEIGHT.js.map +1 -0
- package/dist/primitives/STATUS_COLOR.cjs +8 -0
- package/dist/primitives/STATUS_COLOR.d.ts +2 -0
- package/dist/primitives/STATUS_COLOR.d.ts.map +1 -0
- package/dist/primitives/STATUS_COLOR.js +5 -0
- package/dist/primitives/STATUS_COLOR.js.map +1 -0
- package/dist/primitives/STATUS_HUE.cjs +8 -0
- package/dist/primitives/STATUS_HUE.d.ts +2 -0
- package/dist/primitives/STATUS_HUE.d.ts.map +1 -0
- package/dist/primitives/STATUS_HUE.js +5 -0
- package/dist/primitives/STATUS_HUE.js.map +1 -0
- package/dist/primitives/STATUS_PAINT.cjs +8 -0
- package/dist/primitives/STATUS_PAINT.d.ts +2 -0
- package/dist/primitives/STATUS_PAINT.d.ts.map +1 -0
- package/dist/primitives/STATUS_PAINT.js +5 -0
- package/dist/primitives/STATUS_PAINT.js.map +1 -0
- package/dist/primitives/Shortcut.cjs +8 -0
- package/dist/primitives/Shortcut.d.ts +2 -0
- package/dist/primitives/Shortcut.d.ts.map +1 -0
- package/dist/primitives/Shortcut.js +5 -0
- package/dist/primitives/Shortcut.js.map +1 -0
- package/dist/primitives/StackIcon.cjs +8 -0
- package/dist/primitives/StackIcon.d.ts +2 -0
- package/dist/primitives/StackIcon.d.ts.map +1 -0
- package/dist/primitives/StackIcon.js +5 -0
- package/dist/primitives/StackIcon.js.map +1 -0
- package/dist/primitives/TABLER.cjs +8 -0
- package/dist/primitives/TABLER.d.ts +2 -0
- package/dist/primitives/TABLER.d.ts.map +1 -0
- package/dist/primitives/TABLER.js +5 -0
- package/dist/primitives/TABLER.js.map +1 -0
- package/dist/primitives/TOAST_DURATION.cjs +8 -0
- package/dist/primitives/TOAST_DURATION.d.ts +2 -0
- package/dist/primitives/TOAST_DURATION.d.ts.map +1 -0
- package/dist/primitives/TOAST_DURATION.js +5 -0
- package/dist/primitives/TOAST_DURATION.js.map +1 -0
- package/dist/primitives/Tag.cjs +8 -0
- package/dist/primitives/Tag.d.ts +2 -0
- package/dist/primitives/Tag.d.ts.map +1 -0
- package/dist/primitives/Tag.js +5 -0
- package/dist/primitives/Tag.js.map +1 -0
- package/dist/primitives/ToastCard.cjs +8 -0
- package/dist/primitives/ToastCard.d.ts +2 -0
- package/dist/primitives/ToastCard.d.ts.map +1 -0
- package/dist/primitives/ToastCard.js +5 -0
- package/dist/primitives/ToastCard.js.map +1 -0
- package/dist/primitives/ToastFace.cjs +8 -0
- package/dist/primitives/ToastFace.d.ts +2 -0
- package/dist/primitives/ToastFace.d.ts.map +1 -0
- package/dist/primitives/ToastFace.js +5 -0
- package/dist/primitives/ToastFace.js.map +1 -0
- package/dist/primitives/TruncatedText.cjs +8 -0
- package/dist/primitives/TruncatedText.d.ts +2 -0
- package/dist/primitives/TruncatedText.d.ts.map +1 -0
- package/dist/primitives/TruncatedText.js +5 -0
- package/dist/primitives/TruncatedText.js.map +1 -0
- package/dist/primitives/TruncatedTextProvider.cjs +8 -0
- package/dist/primitives/TruncatedTextProvider.d.ts +2 -0
- package/dist/primitives/TruncatedTextProvider.d.ts.map +1 -0
- package/dist/primitives/TruncatedTextProvider.js +5 -0
- package/dist/primitives/TruncatedTextProvider.js.map +1 -0
- package/dist/primitives/VisuallyHidden.cjs +8 -0
- package/dist/primitives/VisuallyHidden.d.ts +2 -0
- package/dist/primitives/VisuallyHidden.d.ts.map +1 -0
- package/dist/primitives/VisuallyHidden.js +5 -0
- package/dist/primitives/VisuallyHidden.js.map +1 -0
- package/dist/primitives/fieldSize.cjs +8 -0
- package/dist/primitives/fieldSize.d.ts +2 -0
- package/dist/primitives/fieldSize.d.ts.map +1 -0
- package/dist/primitives/fieldSize.js +5 -0
- package/dist/primitives/fieldSize.js.map +1 -0
- package/dist/primitives/flag.cjs +8 -0
- package/dist/primitives/flag.d.ts +2 -0
- package/dist/primitives/flag.d.ts.map +1 -0
- package/dist/primitives/flag.js +5 -0
- package/dist/primitives/flag.js.map +1 -0
- package/dist/primitives/formatShortcut.cjs +8 -0
- package/dist/primitives/formatShortcut.d.ts +2 -0
- package/dist/primitives/formatShortcut.d.ts.map +1 -0
- package/dist/primitives/formatShortcut.js +5 -0
- package/dist/primitives/formatShortcut.js.map +1 -0
- package/dist/primitives/iconWords.cjs +8 -0
- package/dist/primitives/iconWords.d.ts +2 -0
- package/dist/primitives/iconWords.d.ts.map +1 -0
- package/dist/primitives/iconWords.js +5 -0
- package/dist/primitives/iconWords.js.map +1 -0
- package/dist/primitives/initialOf.cjs +8 -0
- package/dist/primitives/initialOf.d.ts +2 -0
- package/dist/primitives/initialOf.d.ts.map +1 -0
- package/dist/primitives/initialOf.js +5 -0
- package/dist/primitives/initialOf.js.map +1 -0
- package/dist/primitives/loadIcons.cjs +8 -0
- package/dist/primitives/loadIcons.d.ts +2 -0
- package/dist/primitives/loadIcons.d.ts.map +1 -0
- package/dist/primitives/loadIcons.js +5 -0
- package/dist/primitives/loadIcons.js.map +1 -0
- package/dist/primitives/parseNumber.cjs +8 -0
- package/dist/primitives/parseNumber.d.ts +2 -0
- package/dist/primitives/parseNumber.d.ts.map +1 -0
- package/dist/primitives/parseNumber.js +5 -0
- package/dist/primitives/parseNumber.js.map +1 -0
- package/dist/primitives/resolveIcon.cjs +8 -0
- package/dist/primitives/resolveIcon.d.ts +2 -0
- package/dist/primitives/resolveIcon.d.ts.map +1 -0
- package/dist/primitives/resolveIcon.js +5 -0
- package/dist/primitives/resolveIcon.js.map +1 -0
- package/dist/primitives/speakShortcut.cjs +8 -0
- package/dist/primitives/speakShortcut.d.ts +2 -0
- package/dist/primitives/speakShortcut.d.ts.map +1 -0
- package/dist/primitives/speakShortcut.js +5 -0
- package/dist/primitives/speakShortcut.js.map +1 -0
- package/dist/primitives/tileTones.cjs +8 -0
- package/dist/primitives/tileTones.d.ts +2 -0
- package/dist/primitives/tileTones.d.ts.map +1 -0
- package/dist/primitives/tileTones.js +5 -0
- package/dist/primitives/tileTones.js.map +1 -0
- package/dist/primitives/useDensity.cjs +8 -0
- package/dist/primitives/useDensity.d.ts +2 -0
- package/dist/primitives/useDensity.d.ts.map +1 -0
- package/dist/primitives/useDensity.js +5 -0
- package/dist/primitives/useDensity.js.map +1 -0
- package/dist/primitives/useField.cjs +8 -0
- package/dist/primitives/useField.d.ts +2 -0
- package/dist/primitives/useField.d.ts.map +1 -0
- package/dist/primitives/useField.js +5 -0
- package/dist/primitives/useField.js.map +1 -0
- package/dist/primitives/useIcons.cjs +8 -0
- package/dist/primitives/useIcons.d.ts +2 -0
- package/dist/primitives/useIcons.d.ts.map +1 -0
- package/dist/primitives/useIcons.js +5 -0
- package/dist/primitives/useIcons.js.map +1 -0
- package/dist/product/ComboBox.cjs +25 -7
- package/dist/product/ComboBox.d.ts +3 -1
- package/dist/product/ComboBox.d.ts.map +1 -1
- package/dist/product/ComboBox.js +25 -7
- package/dist/product/ComboBox.js.map +1 -1
- package/dist/product/CommandMenu.cjs +137 -0
- package/dist/product/CommandMenu.d.ts +77 -0
- package/dist/product/CommandMenu.d.ts.map +1 -0
- package/dist/product/CommandMenu.js +134 -0
- package/dist/product/CommandMenu.js.map +1 -0
- package/dist/product/DetailPane.cjs +154 -12
- package/dist/product/DetailPane.d.ts +80 -2
- package/dist/product/DetailPane.d.ts.map +1 -1
- package/dist/product/DetailPane.js +153 -16
- package/dist/product/DetailPane.js.map +1 -1
- package/dist/product/Fact.cjs +6 -1
- package/dist/product/Fact.d.ts +16 -1
- package/dist/product/Fact.d.ts.map +1 -1
- package/dist/product/Fact.js +6 -1
- package/dist/product/Fact.js.map +1 -1
- package/dist/product/Field.cjs +14 -2
- package/dist/product/Field.d.ts +16 -1
- package/dist/product/Field.d.ts.map +1 -1
- package/dist/product/Field.js +14 -2
- package/dist/product/Field.js.map +1 -1
- package/dist/product/Filters.cjs +61 -9
- package/dist/product/Filters.d.ts +37 -6
- package/dist/product/Filters.d.ts.map +1 -1
- package/dist/product/Filters.js +62 -10
- package/dist/product/Filters.js.map +1 -1
- package/dist/product/MenuRow.cjs +81 -2
- package/dist/product/MenuRow.d.ts +76 -6
- package/dist/product/MenuRow.d.ts.map +1 -1
- package/dist/product/MenuRow.js +81 -4
- package/dist/product/MenuRow.js.map +1 -1
- package/dist/product/PrimaryButton.cjs +5 -1
- package/dist/product/PrimaryButton.d.ts +8 -0
- package/dist/product/PrimaryButton.d.ts.map +1 -1
- package/dist/product/PrimaryButton.js +5 -1
- package/dist/product/PrimaryButton.js.map +1 -1
- package/dist/product/Skeleton.cjs +7 -6
- package/dist/product/Skeleton.d.ts +3 -20
- package/dist/product/Skeleton.d.ts.map +1 -1
- package/dist/product/Skeleton.js +8 -7
- package/dist/product/Skeleton.js.map +1 -1
- package/dist/product/index.cjs +2 -0
- package/dist/product/index.d.ts +1 -0
- package/dist/product/index.d.ts.map +1 -1
- package/dist/product/index.js +2 -0
- package/dist/product/index.js.map +1 -1
- package/dist/settings/Section.cjs +11 -2
- package/dist/settings/Section.d.ts +8 -1
- package/dist/settings/Section.d.ts.map +1 -1
- package/dist/settings/Section.js +11 -2
- package/dist/settings/Section.js.map +1 -1
- package/dist/styles/motion.css +70 -0
- package/dist/styles.css +1460 -127
- package/dist/theme.css +944 -0
- package/package.json +2 -1
|
@@ -22,25 +22,95 @@
|
|
|
22
22
|
* for a single choice inside a menu. gui's union is React Native's role set and
|
|
23
23
|
* lacks `menuitemradio`, so the one cast below says it; the attribute reaches
|
|
24
24
|
* the DOM as written.
|
|
25
|
+
*
|
|
26
|
+
* THE ANATOMY IS SHARED. `MenuRowContent` is what sits inside any menu row — the
|
|
27
|
+
* leading slot (a dot, an icon, an icon in its tinted well, an avatar, a drag
|
|
28
|
+
* grip), the label with its contextual text, the second line, the shortcut keys,
|
|
29
|
+
* and the trailing check or submenu chevron — and `DropdownMenuItem`'s
|
|
30
|
+
* declarative rows render it inside gui's own `Menu.Item`, so a menu item and a
|
|
31
|
+
* sheet row are one anatomy with each keeping its own role.
|
|
32
|
+
*
|
|
33
|
+
* `size="row"` is the record geometry (twenty-ui's MenuItem, MIT, NOTICE): 32px,
|
|
34
|
+
* 4px inset, 8px gap, a 4px corner concentric in an 8px panel, the hover tint one
|
|
35
|
+
* rung up, the label in the secondary ink. The default stays the sheet row these
|
|
36
|
+
* screens were drawn with.
|
|
25
37
|
*/
|
|
26
|
-
import type
|
|
38
|
+
import { type ReactNode } from 'react';
|
|
39
|
+
import { type ShortcutKeys } from '../backends/gui/shortcut.js';
|
|
27
40
|
/** The tier hue a row may carry. Monochrome by default — only the genuine states
|
|
28
41
|
* take a colour (a live network green, a caution amber). */
|
|
29
42
|
export type DotColor = '$green10' | '$yellow10' | '$soft' | '$faint' | '$dim';
|
|
30
|
-
|
|
31
|
-
|
|
43
|
+
/** The record row's geometry, shared with DropdownMenu so a menu and a list are one row. */
|
|
44
|
+
export declare const MENU_ROW: {
|
|
45
|
+
readonly h: 32;
|
|
46
|
+
readonly px: 4;
|
|
47
|
+
readonly gap: 8;
|
|
48
|
+
readonly icon: 16;
|
|
49
|
+
readonly chevron: 14;
|
|
50
|
+
readonly well: 4;
|
|
51
|
+
};
|
|
52
|
+
export type MenuRowShortcut = ReactNode | string | ShortcutKeys;
|
|
53
|
+
export type MenuRowContentProps = {
|
|
54
|
+
label: ReactNode;
|
|
32
55
|
/** A second, muted line under the label. */
|
|
33
|
-
sub?:
|
|
56
|
+
sub?: ReactNode;
|
|
57
|
+
/** Dimmed text beside the label — a count, a type, an id. */
|
|
58
|
+
contextual?: ReactNode;
|
|
59
|
+
/** `left` sits right after the label; `right` is pushed to the trailing end. */
|
|
60
|
+
contextualPosition?: 'left' | 'right';
|
|
34
61
|
/** A tier dot in place of an icon. */
|
|
35
62
|
dot?: DotColor;
|
|
63
|
+
/** The leading slot: an icon, an Avatar, a logo. */
|
|
36
64
|
icon?: ReactNode;
|
|
65
|
+
/** Seat the icon in its tinted well (4px padding, 4px corner). */
|
|
66
|
+
iconContainer?: boolean;
|
|
67
|
+
/** A drag grip: `always` in place of the icon, `onHover` swapping with it. */
|
|
68
|
+
grip?: 'never' | 'always' | 'onHover';
|
|
69
|
+
/** Keys: a ReactNode, one key, or a list read as one chord. */
|
|
70
|
+
shortcut?: MenuRowShortcut;
|
|
71
|
+
/** The trailing check of the chosen row. */
|
|
72
|
+
check?: boolean;
|
|
73
|
+
/** A submenu chevron; `open` turns it a quarter. */
|
|
74
|
+
submenu?: boolean | 'open';
|
|
75
|
+
/** `danger` for a destructive row, `placeholder` for a row that offers rather than does. */
|
|
76
|
+
tone?: 'default' | 'danger' | 'placeholder';
|
|
77
|
+
/** The record row reads in the secondary ink; the sheet row in full ink. */
|
|
78
|
+
quiet?: boolean;
|
|
79
|
+
/** Whether the row is under the pointer, for the hover-only grip. */
|
|
80
|
+
hovered?: boolean;
|
|
81
|
+
/** The second line's rung: the sheet's softer one or a menu's quiet one. */
|
|
82
|
+
subColor?: '$soft' | '$hint';
|
|
83
|
+
};
|
|
84
|
+
export declare function MenuRowContent({ label, sub, contextual, contextualPosition, dot, icon, iconContainer, grip, shortcut, check, submenu, tone, quiet, hovered, subColor, }: MenuRowContentProps): import("react").JSX.Element;
|
|
85
|
+
export type MenuRowProps = Omit<MenuRowContentProps, 'check' | 'tone' | 'quiet' | 'hovered' | 'subColor' | 'label' | 'sub'> & {
|
|
86
|
+
label: string;
|
|
87
|
+
/** A second, muted line under the label. */
|
|
88
|
+
sub?: string;
|
|
37
89
|
/** Whether this row is the chosen one — see the note above on what it decides. */
|
|
38
90
|
active?: boolean;
|
|
39
91
|
/** The destructive register — sign out, delete, revoke. */
|
|
40
92
|
danger?: boolean;
|
|
41
|
-
|
|
93
|
+
/** A row that offers rather than does: "Add a field", "No value". */
|
|
94
|
+
placeholder?: boolean;
|
|
95
|
+
/** Keyboard-highlighted from outside (a list whose cursor is not focus). */
|
|
96
|
+
focused?: boolean;
|
|
97
|
+
disabled?: boolean;
|
|
98
|
+
/** Trailing actions: shown on hover or focus on a pointer, always on touch. */
|
|
99
|
+
actions?: ReactNode;
|
|
100
|
+
actionsVisibility?: 'hover' | 'always';
|
|
101
|
+
/**
|
|
102
|
+
* `suggestion` is a typeahead row (an @-mention, a variable): its selection
|
|
103
|
+
* follows a caret, not the pointer, so the selected row is a rung stronger
|
|
104
|
+
* than hover.
|
|
105
|
+
*/
|
|
106
|
+
variant?: 'default' | 'suggestion';
|
|
107
|
+
/** With `variant="suggestion"`, the row the caret is on. */
|
|
108
|
+
selected?: boolean;
|
|
109
|
+
/** `row` is the record geometry; the default is the identity sheet's. */
|
|
110
|
+
size?: 'default' | 'row';
|
|
111
|
+
onPress?: () => void;
|
|
42
112
|
};
|
|
43
|
-
export declare function MenuRow({ label, sub, dot, icon, active, danger, onPress }: MenuRowProps): import("react").JSX.Element;
|
|
113
|
+
export declare function MenuRow({ label, sub, dot, icon, active, danger, placeholder, focused, disabled, actions, actionsVisibility, variant, selected, size, onPress, ...content }: MenuRowProps): import("react").JSX.Element;
|
|
44
114
|
/**
|
|
45
115
|
* A quiet heading over a group of rows — "Organization", "Project", "Theme".
|
|
46
116
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuRow.d.ts","sourceRoot":"","sources":["../../src/product/MenuRow.tsx"],"names":[],"mappings":"AAEA
|
|
1
|
+
{"version":3,"file":"MenuRow.d.ts","sourceRoot":"","sources":["../../src/product/MenuRow.tsx"],"names":[],"mappings":"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"}
|
package/dist/product/MenuRow.js
CHANGED
|
@@ -1,11 +1,88 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
/**
|
|
4
|
+
* MenuRow — ONE row for the identity sheets: `OrgSwitcher`, `UserMenu`, and
|
|
5
|
+
* whatever a surface adds to either through `footer`.
|
|
6
|
+
*
|
|
7
|
+
* The anatomy is always the same — a leading dot or icon, a label, an optional
|
|
8
|
+
* second line, and a check on the chosen one — and it was written four times:
|
|
9
|
+
* once inside the org switcher, once inside the account menu, and twice more in
|
|
10
|
+
* the console, which had to draw its own to put project rows in the same sheet.
|
|
11
|
+
* Four copies is four sets of numbers, and they disagreed: the same sheet held
|
|
12
|
+
* rows a step apart in their gutter and two different hover tints.
|
|
13
|
+
*
|
|
14
|
+
* A row also has to SAY what it is. A row that can be current is one of a set
|
|
15
|
+
* exactly one of which holds (`menuitemradio`, inside the caller's `group`); a
|
|
16
|
+
* row without the notion is an action (`menuitem`). The presence of `active`
|
|
17
|
+
* decides it, so no call site states it twice and none of them can forget.
|
|
18
|
+
*
|
|
19
|
+
* Every sheet these rows sit in is a `menu`, and a menu owns menu items, groups
|
|
20
|
+
* and separators — nothing else. The choice used to be a `radiogroup` of `radio`
|
|
21
|
+
* rows, the pair gui's `role` union carries whole, and axe fails a `radiogroup`
|
|
22
|
+
* inside a `menu` outright (`aria-required-children`: "children which are not
|
|
23
|
+
* allowed"). `group` + `menuitemradio` + `aria-checked` is the pair ARIA names
|
|
24
|
+
* for a single choice inside a menu. gui's union is React Native's role set and
|
|
25
|
+
* lacks `menuitemradio`, so the one cast below says it; the attribute reaches
|
|
26
|
+
* the DOM as written.
|
|
27
|
+
*
|
|
28
|
+
* THE ANATOMY IS SHARED. `MenuRowContent` is what sits inside any menu row — the
|
|
29
|
+
* leading slot (a dot, an icon, an icon in its tinted well, an avatar, a drag
|
|
30
|
+
* grip), the label with its contextual text, the second line, the shortcut keys,
|
|
31
|
+
* and the trailing check or submenu chevron — and `DropdownMenuItem`'s
|
|
32
|
+
* declarative rows render it inside gui's own `Menu.Item`, so a menu item and a
|
|
33
|
+
* sheet row are one anatomy with each keeping its own role.
|
|
34
|
+
*
|
|
35
|
+
* `size="row"` is the record geometry (twenty-ui's MenuItem, MIT, NOTICE): 32px,
|
|
36
|
+
* 4px inset, 8px gap, a 4px corner concentric in an 8px panel, the hover tint one
|
|
37
|
+
* rung up, the label in the secondary ink. The default stays the sheet row these
|
|
38
|
+
* screens were drawn with.
|
|
39
|
+
*/
|
|
40
|
+
import { useState } from 'react';
|
|
3
41
|
import { Text, XStack, YStack, isWeb } from '@hanzo/gui';
|
|
4
|
-
import { Check } from '@hanzogui/lucide-icons-2';
|
|
42
|
+
import { Check, ChevronRight, GripVertical } from '@hanzogui/lucide-icons-2';
|
|
5
43
|
import { press, RING } from '../backends/gui/press.js';
|
|
6
|
-
|
|
44
|
+
import { Shortcut } from '../backends/gui/shortcut.js';
|
|
45
|
+
import { touch } from '../backends/gui/gesture.js';
|
|
46
|
+
/** The record row's geometry, shared with DropdownMenu so a menu and a list are one row. */
|
|
47
|
+
export const MENU_ROW = { h: 32, px: 4, gap: 8, icon: 16, chevron: 14, well: 4 };
|
|
48
|
+
/** The label's ink. The sheet row keeps the red it was drawn with; the record row reads the error state. */
|
|
49
|
+
const labelColor = (tone, quiet) => tone === 'danger' ? (quiet ? '$bad' : '$red10') : tone === 'placeholder' ? '$hint' : quiet ? '$aside' : '$ink';
|
|
50
|
+
/** A key, a chord or a sequence, as the kit's Shortcut keycaps (spoken once). A node is the caller's own rendering. */
|
|
51
|
+
const keys = (shortcut) => {
|
|
52
|
+
if (shortcut == null || shortcut === false)
|
|
53
|
+
return null;
|
|
54
|
+
if (typeof shortcut === 'string')
|
|
55
|
+
return _jsx(Shortcut, { keys: [shortcut] });
|
|
56
|
+
if (Array.isArray(shortcut))
|
|
57
|
+
return _jsx(Shortcut, { keys: shortcut });
|
|
58
|
+
return shortcut;
|
|
59
|
+
};
|
|
60
|
+
export function MenuRowContent({ label, sub, contextual, contextualPosition = 'left', dot, icon, iconContainer = false, grip = 'never', shortcut, check = false, submenu = false, tone = 'default', quiet = false, hovered = false, subColor = '$hint', }) {
|
|
61
|
+
const lead = dot ? _jsx(YStack, { width: 8, height: 8, rounded: "$10", bg: dot }) : icon;
|
|
62
|
+
const swap = grip === 'onHover' && hovered;
|
|
63
|
+
const leading = grip === 'always' || swap ? (_jsx(GripVertical, { size: MENU_ROW.icon, color: "$hush" })) : lead && iconContainer ? (_jsx(XStack, { p: MENU_ROW.well, rounded: "$xs", bg: "$hover", items: "center", justify: "center", shrink: 0, children: lead })) : (lead);
|
|
64
|
+
const dim = contextual != null && contextual !== '' ? (_jsx(Text, { fontSize: "$2", color: "$hint", numberOfLines: 1, pl: 4, shrink: 1, children: contextual })) : null;
|
|
65
|
+
return (_jsxs(_Fragment, { children: [grip !== 'never' ? (_jsx(XStack, { shrink: 0, items: "center", justify: "center", minW: MENU_ROW.icon, children: leading })) : (leading ?? null), _jsxs(YStack, { flex: 1, minW: 0, children: [_jsxs(XStack, { items: "center", minW: 0, children: [typeof label === 'string' || typeof label === 'number' ? (_jsx(Text, { fontSize: "$2", color: labelColor(tone, quiet), numberOfLines: 1, shrink: 1, children: label })) : (label), contextualPosition === 'left' ? dim : null] }), sub ? (typeof sub === 'string' ? (_jsx(Text, { fontSize: "$1", color: subColor, numberOfLines: 1, children: sub })) : (sub)) : null] }), contextualPosition === 'right' ? dim : null, shortcut != null ? _jsx(XStack, { shrink: 0, children: keys(shortcut) }) : null, check ? _jsx(Check, { size: MENU_ROW.icon, strokeWidth: 2 }) : null, submenu ? (_jsx(XStack, { shrink: 0, animation: "quick", rotate: submenu === 'open' ? '90deg' : '0deg', ...{ 'data-open': submenu === 'open' ? '' : undefined }, children: _jsx(ChevronRight, { size: MENU_ROW.chevron, color: "$hush" }) })) : null] }));
|
|
66
|
+
}
|
|
67
|
+
export function MenuRow({ label, sub, dot, icon, active, danger, placeholder, focused = false, disabled = false, actions, actionsVisibility = 'hover', variant = 'default', selected = false, size = 'default', onPress, ...content }) {
|
|
7
68
|
const selectable = active !== undefined;
|
|
8
|
-
|
|
69
|
+
const row = size === 'row';
|
|
70
|
+
const [hovered, setHovered] = useState(false);
|
|
71
|
+
const [within, setWithin] = useState(false);
|
|
72
|
+
const shown = actionsVisibility === 'always' || hovered || within;
|
|
73
|
+
const lit = variant === 'suggestion' && selected ? '$raised' : focused ? '$hover' : active ? '$edge' : 'transparent';
|
|
74
|
+
const run = disabled ? undefined : onPress;
|
|
75
|
+
const hover = { onHoverIn: () => setHovered(true), onHoverOut: () => setHovered(false) };
|
|
76
|
+
const body = (_jsx(XStack, { ...press(run), ...{ role: selectable ? (isWeb ? 'menuitemradio' : 'radio') : 'menuitem' }, "aria-checked": selectable ? !!active : undefined, "aria-disabled": disabled || undefined, ...(variant === 'suggestion' ? { 'aria-selected': selected } : null), cursor: disabled ? 'default' : 'pointer', items: "center", ...(row
|
|
77
|
+
? { gap: MENU_ROW.gap, px: MENU_ROW.px, minH: MENU_ROW.h, rounded: '$xs', ...touch(MENU_ROW.h, 44, 'y') }
|
|
78
|
+
: { gap: '$2.5', px: '$2', py: '$2', rounded: '$3' }), bg: lit, opacity: disabled ? 0.5 : 1, hoverStyle: disabled ? undefined : { bg: variant === 'suggestion' && selected ? '$raised' : row ? '$hover' : '$raised' }, focusVisibleStyle: RING, ...(actions ? { flex: 1, minW: 0 } : hover), onFocus: () => setWithin(true), onBlur: () => setWithin(false), children: _jsx(MenuRowContent, { ...content, label: label, sub: sub, dot: dot, icon: icon, check: !!active, tone: danger ? 'danger' : placeholder ? 'placeholder' : 'default', quiet: row, hovered: hovered, subColor: row ? '$hint' : '$soft' }) }));
|
|
79
|
+
if (!actions)
|
|
80
|
+
return body;
|
|
81
|
+
// The actions sit BESIDE the row, not inside it: a control inside a
|
|
82
|
+
// `menuitem` is a nested interactive. One hover covers both.
|
|
83
|
+
return (_jsxs(XStack, { ...{ 'data-slot': 'menu-row-with-actions' }, items: "center", gap: MENU_ROW.gap, ...hover, children: [body, _jsx(XStack, { ...{ 'data-slot': 'menu-row-actions' }, role: "group", shrink: 0, items: "center", gap: "$1", opacity: shown ? 1 : 0,
|
|
84
|
+
// A finger cannot hover: on a coarse pointer the actions are always there.
|
|
85
|
+
$touchable: { opacity: 1 }, animation: "75ms", children: actions })] }));
|
|
9
86
|
}
|
|
10
87
|
/**
|
|
11
88
|
* A quiet heading over a group of rows — "Organization", "Project", "Theme".
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuRow.js","sourceRoot":"","sources":["../../src/product/MenuRow.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;
|
|
1
|
+
{"version":3,"file":"MenuRow.js","sourceRoot":"","sources":["../../src/product/MenuRow.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,9 +16,13 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
16
16
|
// adding `icon`/`iconAfter` to the canonical Button, which is a new public API
|
|
17
17
|
// on the component every surface depends on, and it wants its own change.
|
|
18
18
|
const gui_1 = require("@hanzo/gui");
|
|
19
|
+
const density_1 = require("../backends/gui/density.cjs");
|
|
19
20
|
const instrument_1 = require("./instrument.cjs");
|
|
21
|
+
/** The record density's main action: semibold, a 12px gutter. */
|
|
22
|
+
const MAIN = { fontWeight: '600', px: '$3' };
|
|
20
23
|
function PrimaryButton({ onPress, ...rest }) {
|
|
21
24
|
const track = (0, instrument_1.useEmit)();
|
|
25
|
+
const compact = (0, density_1.useDensity)() === 'compact';
|
|
22
26
|
// DESTRUCTURE the caller's handler out first. Wrapping it while still reading it
|
|
23
27
|
// off a rebound `props` makes the wrapper call ITSELF — an unbounded recursion
|
|
24
28
|
// that a real browser click turns into "Maximum call stack size exceeded".
|
|
@@ -32,5 +36,5 @@ function PrimaryButton({ onPress, ...rest }) {
|
|
|
32
36
|
onPress?.(e);
|
|
33
37
|
};
|
|
34
38
|
const handler = press;
|
|
35
|
-
return ((0, jsx_runtime_1.jsx)(gui_1.Button, { bg: "var(--primary)", color: "var(--primary-foreground)", borderColor: "var(--primary)", hoverStyle: { bg: 'var(--primary-hover)', borderColor: 'var(--primary-hover)' }, pressStyle: { bg: 'var(--primary-hover)', borderColor: 'var(--primary-hover)' }, onPress: handler, ...rest }));
|
|
39
|
+
return ((0, jsx_runtime_1.jsx)(gui_1.Button, { bg: "var(--primary)", color: "var(--primary-foreground)", borderColor: "var(--primary)", hoverStyle: { bg: 'var(--primary-hover)', borderColor: 'var(--primary-hover)' }, pressStyle: { bg: 'var(--primary-hover)', borderColor: 'var(--primary-hover)' }, onPress: handler, ...(compact ? MAIN : null), ...rest }));
|
|
36
40
|
}
|
|
@@ -12,6 +12,14 @@
|
|
|
12
12
|
* a view was the one control that ignored the person's accent.
|
|
13
13
|
*
|
|
14
14
|
* A caller's own `style`/`color` still win (spread last).
|
|
15
|
+
*
|
|
16
|
+
* Under `<Density value="compact">` it is the record surfaces' main action —
|
|
17
|
+
* an onboarding step, an import's next step — as twenty-ui's MainButton draws
|
|
18
|
+
* it (MIT, NOTICE): the label at semibold and 12px beside it. A regular surface
|
|
19
|
+
* draws it as it always has. Its lift (twenty-ui's elevated shadow) waits for
|
|
20
|
+
* the move onto the canonical Button below: the ladder's first rung is the
|
|
21
|
+
* `elevation-1` class, and gui's Button drops `className` (measured: the
|
|
22
|
+
* server render carries `is_Button` and nothing a caller passed).
|
|
15
23
|
*/
|
|
16
24
|
import type { ComponentProps } from 'react';
|
|
17
25
|
import { Button } from '@hanzo/gui';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PrimaryButton.d.ts","sourceRoot":"","sources":["../../src/product/PrimaryButton.tsx"],"names":[],"mappings":"AAEA
|
|
1
|
+
{"version":3,"file":"PrimaryButton.d.ts","sourceRoot":"","sources":["../../src/product/PrimaryButton.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAa3C,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAQnC,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,+BA4BhF"}
|
|
@@ -13,9 +13,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
13
13
|
// adding `icon`/`iconAfter` to the canonical Button, which is a new public API
|
|
14
14
|
// on the component every surface depends on, and it wants its own change.
|
|
15
15
|
import { Button } from '@hanzo/gui';
|
|
16
|
+
import { useDensity } from '../backends/gui/density.js';
|
|
16
17
|
import { labelOf, useEmit } from './instrument.js';
|
|
18
|
+
/** The record density's main action: semibold, a 12px gutter. */
|
|
19
|
+
const MAIN = { fontWeight: '600', px: '$3' };
|
|
17
20
|
export function PrimaryButton({ onPress, ...rest }) {
|
|
18
21
|
const track = useEmit();
|
|
22
|
+
const compact = useDensity() === 'compact';
|
|
19
23
|
// DESTRUCTURE the caller's handler out first. Wrapping it while still reading it
|
|
20
24
|
// off a rebound `props` makes the wrapper call ITSELF — an unbounded recursion
|
|
21
25
|
// that a real browser click turns into "Maximum call stack size exceeded".
|
|
@@ -29,6 +33,6 @@ export function PrimaryButton({ onPress, ...rest }) {
|
|
|
29
33
|
onPress?.(e);
|
|
30
34
|
};
|
|
31
35
|
const handler = press;
|
|
32
|
-
return (_jsx(Button, { bg: "var(--primary)", color: "var(--primary-foreground)", borderColor: "var(--primary)", hoverStyle: { bg: 'var(--primary-hover)', borderColor: 'var(--primary-hover)' }, pressStyle: { bg: 'var(--primary-hover)', borderColor: 'var(--primary-hover)' }, onPress: handler, ...rest }));
|
|
36
|
+
return (_jsx(Button, { bg: "var(--primary)", color: "var(--primary-foreground)", borderColor: "var(--primary)", hoverStyle: { bg: 'var(--primary-hover)', borderColor: 'var(--primary-hover)' }, pressStyle: { bg: 'var(--primary-hover)', borderColor: 'var(--primary-hover)' }, onPress: handler, ...(compact ? MAIN : null), ...rest }));
|
|
33
37
|
}
|
|
34
38
|
//# sourceMappingURL=PrimaryButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PrimaryButton.js","sourceRoot":"","sources":["../../src/product/PrimaryButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;
|
|
1
|
+
{"version":3,"file":"PrimaryButton.js","sourceRoot":"","sources":["../../src/product/PrimaryButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AA0BZ,8EAA8E;AAC9E,4EAA4E;AAC5E,iFAAiF;AACjF,8EAA8E;AAC9E,SAAS;AACT,EAAE;AACF,6EAA6E;AAC7E,gFAAgF;AAChF,+EAA+E;AAC/E,2EAA2E;AAC3E,+EAA+E;AAC/E,0EAA0E;AAC1E,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAE/C,iEAAiE;AACjE,MAAM,IAAI,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAW,CAAA;AAErD,MAAM,UAAU,aAAa,CAAC,EAAE,OAAO,EAAE,GAAG,IAAI,EAAiC;IAC/E,MAAM,KAAK,GAAG,OAAO,EAAE,CAAA;IACvB,MAAM,OAAO,GAAG,UAAU,EAAE,KAAK,SAAS,CAAA;IAC1C,iFAAiF;IACjF,+EAA+E;IAC/E,2EAA2E;IAC3E,MAAM,KAAK,GAAG,CAAC,CAAU,EAAE,EAAE;QAC3B,yEAAyE;QACzE,KAAK,CAAC;YACJ,SAAS,EAAE,eAAe;YAC1B,MAAM,EAAE,OAAO;YACf,EAAE,EAAE,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC;SACjD,CAAC,CACD;QAAC,OAA8C,EAAE,CAAC,CAAC,CAAC,CAAA;IACvD,CAAC,CAAA;IACD,MAAM,OAAO,GAAG,KAAiD,CAAA;IACjE,OAAO,CACL,KAAC,MAAM,IACL,EAAE,EAAC,gBAAgB,EACnB,KAAK,EAAC,2BAA2B,EACjC,WAAW,EAAC,gBAAgB,EAC5B,UAAU,EAAE,EAAE,EAAE,EAAE,sBAAsB,EAAE,WAAW,EAAE,sBAAsB,EAAE,EAC/E,UAAU,EAAE,EAAE,EAAE,EAAE,sBAAsB,EAAE,WAAW,EAAE,sBAAsB,EAAE,EAC/E,OAAO,EAAE,OAAO,KACZ,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KACvB,IAAI,GACR,CACH,CAAA;AACH,CAAC"}
|
|
@@ -6,10 +6,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
6
6
|
/**
|
|
7
7
|
* Skeleton — the honest "loading", never fabricated content.
|
|
8
8
|
*
|
|
9
|
-
* The
|
|
10
|
-
*
|
|
11
|
-
*
|
|
12
|
-
*
|
|
9
|
+
* The product layer's spelling of the ONE skeleton (`backends/gui/skeleton.tsx`):
|
|
10
|
+
* a block by default, a line of the `$1` size tall unless told otherwise, and
|
|
11
|
+
* `Skeleton.Text` for a paragraph. The paint, the corner and the sweep are the
|
|
12
|
+
* core's; this only states the defaults a product surface reaches for.
|
|
13
13
|
*
|
|
14
14
|
* It renders a BLOCK, not a spinner: a placeholder the size and shape of the
|
|
15
15
|
* thing that is coming keeps the layout from jumping when the data lands. Give
|
|
@@ -20,8 +20,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
20
20
|
* <Skeleton.Text lines={3} /> // a paragraph
|
|
21
21
|
*/
|
|
22
22
|
const gui_1 = require("@hanzo/gui");
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
const skeleton_1 = require("../backends/gui/skeleton.cjs");
|
|
24
|
+
function Block({ height = '$1', ...props }) {
|
|
25
|
+
return (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { layout: "block", height: height, ...props });
|
|
25
26
|
}
|
|
26
27
|
/**
|
|
27
28
|
* A paragraph's worth of lines. The last one is short, because a real paragraph
|
|
@@ -1,23 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
* The block and its highlight are gui props; the sweep is `data-motion="shimmer"`
|
|
5
|
-
* in `styles/motion.css`. Before this, every surface hand-rolled a grey `<div>`
|
|
6
|
-
* and picked its own radius. This is that div, once, sized in the same `$` space
|
|
7
|
-
* as the rest of the package.
|
|
8
|
-
*
|
|
9
|
-
* It renders a BLOCK, not a spinner: a placeholder the size and shape of the
|
|
10
|
-
* thing that is coming keeps the layout from jumping when the data lands. Give
|
|
11
|
-
* it the dimensions of the real content — that is the whole discipline.
|
|
12
|
-
*
|
|
13
|
-
* <Skeleton height="$2" width={180} /> // a line of text
|
|
14
|
-
* <Skeleton height={120} rounded="$4" /> // a card
|
|
15
|
-
* <Skeleton.Text lines={3} /> // a paragraph
|
|
16
|
-
*/
|
|
17
|
-
import { View } from '@hanzo/gui';
|
|
18
|
-
import type { ComponentProps } from 'react';
|
|
19
|
-
export type SkeletonProps = ComponentProps<typeof View>;
|
|
20
|
-
declare function Block({ height, rounded, ...props }: SkeletonProps): import("react").JSX.Element;
|
|
1
|
+
import { type SkeletonProps as CoreProps } from '../backends/gui/skeleton.js';
|
|
2
|
+
export type SkeletonProps = Omit<CoreProps, 'layout'>;
|
|
3
|
+
declare function Block({ height, ...props }: SkeletonProps): import("react").JSX.Element;
|
|
21
4
|
export type SkeletonTextProps = SkeletonProps & {
|
|
22
5
|
/** How many lines to stand in for. */
|
|
23
6
|
lines?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../src/product/Skeleton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../src/product/Skeleton.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAoB,KAAK,aAAa,IAAI,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAE5F,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;AAErD,iBAAS,KAAK,CAAC,EAAE,MAAa,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAExD;AAED,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG;IAC9C,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED;;;GAGG;AACH,iBAAS,YAAY,CAAC,EAAE,KAAS,EAAE,GAAU,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,+BAQ3E;AAED,eAAO,MAAM,QAAQ;;CAA+C,CAAA"}
|
package/dist/product/Skeleton.js
CHANGED
|
@@ -3,10 +3,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
3
3
|
/**
|
|
4
4
|
* Skeleton — the honest "loading", never fabricated content.
|
|
5
5
|
*
|
|
6
|
-
* The
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
*
|
|
6
|
+
* The product layer's spelling of the ONE skeleton (`backends/gui/skeleton.tsx`):
|
|
7
|
+
* a block by default, a line of the `$1` size tall unless told otherwise, and
|
|
8
|
+
* `Skeleton.Text` for a paragraph. The paint, the corner and the sweep are the
|
|
9
|
+
* core's; this only states the defaults a product surface reaches for.
|
|
10
10
|
*
|
|
11
11
|
* It renders a BLOCK, not a spinner: a placeholder the size and shape of the
|
|
12
12
|
* thing that is coming keeps the layout from jumping when the data lands. Give
|
|
@@ -16,9 +16,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
16
16
|
* <Skeleton height={120} rounded="$4" /> // a card
|
|
17
17
|
* <Skeleton.Text lines={3} /> // a paragraph
|
|
18
18
|
*/
|
|
19
|
-
import {
|
|
20
|
-
|
|
21
|
-
|
|
19
|
+
import { YStack } from '@hanzo/gui';
|
|
20
|
+
import { Skeleton as Core } from '../backends/gui/skeleton.js';
|
|
21
|
+
function Block({ height = '$1', ...props }) {
|
|
22
|
+
return _jsx(Core, { layout: "block", height: height, ...props });
|
|
22
23
|
}
|
|
23
24
|
/**
|
|
24
25
|
* A paragraph's worth of lines. The last one is short, because a real paragraph
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../src/product/Skeleton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../src/product/Skeleton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,QAAQ,IAAI,IAAI,EAAmC,MAAM,0BAA0B,CAAA;AAI5F,SAAS,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,KAAK,EAAiB;IACvD,OAAO,KAAC,IAAI,IAAC,MAAM,EAAC,OAAO,EAAC,MAAM,EAAE,MAAM,KAAM,KAAK,GAAI,CAAA;AAC3D,CAAC;AAOD;;;GAGG;AACH,SAAS,YAAY,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,EAAE,GAAG,KAAK,EAAqB;IAC1E,OAAO,CACL,KAAC,MAAM,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,MAAM,YAC3B,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACpD,KAAC,KAAK,IAAS,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,KAAM,KAAK,IAArD,CAAC,CAAwD,CACtE,CAAC,GACK,CACV,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAA"}
|
package/dist/product/index.cjs
CHANGED
|
@@ -158,6 +158,8 @@ __exportStar(require("./SlideOver.cjs"), exports);
|
|
|
158
158
|
// `DetailPane` is the one mount point over `SlideOver` for a descriptor-driven
|
|
159
159
|
// item view: a caller writes `{ title, content, footer? }`, never a drawer.
|
|
160
160
|
__exportStar(require("./DetailPane.cjs"), exports);
|
|
161
|
+
// `CommandMenu` is the palette as a pane page: the search is the pane's bar.
|
|
162
|
+
__exportStar(require("./CommandMenu.cjs"), exports);
|
|
161
163
|
__exportStar(require("./StatusTag.cjs"), exports);
|
|
162
164
|
__exportStar(require("./Split.cjs"), exports);
|
|
163
165
|
__exportStar(require("./tone.cjs"), exports);
|
package/dist/product/index.d.ts
CHANGED
|
@@ -52,6 +52,7 @@ export * from './SelectMenu.js';
|
|
|
52
52
|
export * from './Skeleton.js';
|
|
53
53
|
export * from './SlideOver.js';
|
|
54
54
|
export * from './DetailPane.js';
|
|
55
|
+
export * from './CommandMenu.js';
|
|
55
56
|
export * from './StatusTag.js';
|
|
56
57
|
export * from './Split.js';
|
|
57
58
|
export * from './tone.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/product/index.ts"],"names":[],"mappings":"AAaA,cAAc,UAAU,CAAA;AAKxB,OAAO,EACL,MAAM,EACN,aAAa,EACb,SAAS,EACT,SAAS,IAAI,eAAe,EAC5B,QAAQ,EACR,OAAO,EACP,SAAS,EACT,UAAU,EACV,UAAU,EACV,KAAK,GACN,MAAM,UAAU,CAAA;AAGjB,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AAK/D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,cAAc,mBAAmB,CAAA;AAKjC,OAAO,EACL,UAAU,EACV,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,eAAe,GACrB,MAAM,cAAc,CAAA;AACrB,OAAO,EACL,KAAK,EACL,KAAK,EACL,GAAG,EACH,MAAM,EACN,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,QAAQ,EACb,KAAK,QAAQ,EACb,KAAK,QAAQ,EACb,KAAK,IAAI,GACV,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACL,UAAU,EACV,UAAU,EACV,OAAO,EACP,UAAU,EACV,KAAK,IAAI,EACT,KAAK,QAAQ,EACb,KAAK,QAAQ,EACb,KAAK,QAAQ,EACb,KAAK,eAAe,GACrB,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,MAAM,EAAE,KAAK,UAAU,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAS/G,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AAKvB,cAAc,QAAQ,CAAA;AAKtB,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAK5B,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AAOzB,cAAc,cAAc,CAAA;AAK5B,cAAc,YAAY,CAAA;AAO1B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAI7B,cAAc,cAAc,CAAA;AAG5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAGvB,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAM5B,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAG3B,cAAc,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/product/index.ts"],"names":[],"mappings":"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"}
|
package/dist/product/index.js
CHANGED
|
@@ -114,6 +114,8 @@ export * from './SlideOver.js';
|
|
|
114
114
|
// `DetailPane` is the one mount point over `SlideOver` for a descriptor-driven
|
|
115
115
|
// item view: a caller writes `{ title, content, footer? }`, never a drawer.
|
|
116
116
|
export * from './DetailPane.js';
|
|
117
|
+
// `CommandMenu` is the palette as a pane page: the search is the pane's bar.
|
|
118
|
+
export * from './CommandMenu.js';
|
|
117
119
|
export * from './StatusTag.js';
|
|
118
120
|
export * from './Split.js';
|
|
119
121
|
export * from './tone.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/product/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/product/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -26,10 +26,19 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
26
26
|
*/
|
|
27
27
|
const gui_1 = require("@hanzo/gui");
|
|
28
28
|
const slot_1 = require("../backends/gui/slot.cjs");
|
|
29
|
+
const density_1 = require("../backends/gui/density.cjs");
|
|
29
30
|
const CopyButton_1 = require("../product/CopyButton.cjs");
|
|
30
|
-
/**
|
|
31
|
+
/**
|
|
32
|
+
* A section's title, what it is for, and its one action.
|
|
33
|
+
*
|
|
34
|
+
* Under a compact `<Density>` it is the record settings header (twenty-ui's
|
|
35
|
+
* Section, MIT, NOTICE): a 13px semibold title, the description in the quiet
|
|
36
|
+
* ink on a 20px line 8px under it and clamped to five lines, the action never
|
|
37
|
+
* shrinking, and 16px before what follows. The regular heading is unchanged.
|
|
38
|
+
*/
|
|
31
39
|
function Heading({ title, detail, action, level = 2 }) {
|
|
32
|
-
|
|
40
|
+
const compact = (0, density_1.useDensity)() === 'compact';
|
|
41
|
+
return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('settings-heading'), items: "flex-start", gap: compact ? '$2' : '$3', ...(compact ? { mb: '$4' } : null), children: [(0, jsx_runtime_1.jsxs)(gui_1.YStack, { flex: 1, minW: 0, gap: compact ? '$2' : '$1', children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { role: "heading", "aria-level": level, size: compact ? '$2' : '$6', ...(compact ? { fontWeight: '600' } : null), color: "$ink", children: title }), detail ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: compact ? '$aside' : '$soft', ...(compact ? { lineHeight: 20, numberOfLines: 5 } : null), children: detail })) : null] }), compact && action ? (0, jsx_runtime_1.jsx)(gui_1.XStack, { shrink: 0, children: action }) : action] }));
|
|
33
42
|
}
|
|
34
43
|
/** A group inside a section: a small title over what it holds. */
|
|
35
44
|
function Group({ title, detail, action, level = 3, children }) {
|
|
@@ -8,7 +8,14 @@ export interface HeadingProps {
|
|
|
8
8
|
/** The heading's outline level. The page's own title is the nav's, so 2. */
|
|
9
9
|
level?: 1 | 2 | 3;
|
|
10
10
|
}
|
|
11
|
-
/**
|
|
11
|
+
/**
|
|
12
|
+
* A section's title, what it is for, and its one action.
|
|
13
|
+
*
|
|
14
|
+
* Under a compact `<Density>` it is the record settings header (twenty-ui's
|
|
15
|
+
* Section, MIT, NOTICE): a 13px semibold title, the description in the quiet
|
|
16
|
+
* ink on a 20px line 8px under it and clamped to five lines, the action never
|
|
17
|
+
* shrinking, and 16px before what follows. The regular heading is unchanged.
|
|
18
|
+
*/
|
|
12
19
|
export declare function Heading({ title, detail, action, level }: HeadingProps): import("react").JSX.Element;
|
|
13
20
|
export interface GroupProps {
|
|
14
21
|
title: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../src/settings/Section.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../src/settings/Section.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iDAAiD;IACjD,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CAClB;AAED;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAS,EAAE,EAAE,YAAY,+BAiBzE;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,kEAAkE;AAClE,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAS,EAAE,QAAQ,EAAE,EAAE,UAAU,+BAmB/E;AAED;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAYzD;AAED,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oDAAoD;IACpD,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,uDAAuD;IACvD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,+EAA+E;IAC/E,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,kFAAkF;AAClF,wBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,+BAyB9E;AAED,0EAA0E;AAC1E,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAcrG;AAED,oGAAoG;AACpG,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,SAAS,CAAA;CAAE,+BASlF;AAED;;;;;;GAMG;AACH,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,+BAMtD;AAED,MAAM,WAAW,SAAS;IACxB,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,oEAAoE;IACpE,KAAK,EAAE,MAAM,CAAA;IACb,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,qFAAqF;AACrF,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAA4C,EAAE,QAAQ,EAAE,EAAE,SAAS,+BAgCvG"}
|
package/dist/settings/Section.js
CHANGED
|
@@ -16,10 +16,19 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
16
16
|
*/
|
|
17
17
|
import { SizableText, XStack, YStack } from '@hanzo/gui';
|
|
18
18
|
import { slot } from '../backends/gui/slot.js';
|
|
19
|
+
import { useDensity } from '../backends/gui/density.js';
|
|
19
20
|
import { CopyButton } from '../product/CopyButton.js';
|
|
20
|
-
/**
|
|
21
|
+
/**
|
|
22
|
+
* A section's title, what it is for, and its one action.
|
|
23
|
+
*
|
|
24
|
+
* Under a compact `<Density>` it is the record settings header (twenty-ui's
|
|
25
|
+
* Section, MIT, NOTICE): a 13px semibold title, the description in the quiet
|
|
26
|
+
* ink on a 20px line 8px under it and clamped to five lines, the action never
|
|
27
|
+
* shrinking, and 16px before what follows. The regular heading is unchanged.
|
|
28
|
+
*/
|
|
21
29
|
export function Heading({ title, detail, action, level = 2 }) {
|
|
22
|
-
|
|
30
|
+
const compact = useDensity() === 'compact';
|
|
31
|
+
return (_jsxs(XStack, { ...slot('settings-heading'), items: "flex-start", gap: compact ? '$2' : '$3', ...(compact ? { mb: '$4' } : null), children: [_jsxs(YStack, { flex: 1, minW: 0, gap: compact ? '$2' : '$1', children: [_jsx(SizableText, { role: "heading", "aria-level": level, size: compact ? '$2' : '$6', ...(compact ? { fontWeight: '600' } : null), color: "$ink", children: title }), detail ? (_jsx(SizableText, { size: "$2", color: compact ? '$aside' : '$soft', ...(compact ? { lineHeight: 20, numberOfLines: 5 } : null), children: detail })) : null] }), compact && action ? _jsx(XStack, { shrink: 0, children: action }) : action] }));
|
|
23
32
|
}
|
|
24
33
|
/** A group inside a section: a small title over what it holds. */
|
|
25
34
|
export function Group({ title, detail, action, level = 3, children }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../src/settings/Section.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAGxD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAYlD
|
|
1
|
+
{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../src/settings/Section.tsx"],"names":[],"mappings":"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"}
|