@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
|
@@ -1,11 +1,42 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
3
|
+
/**
|
|
4
|
+
* Skeleton — the shape of content that has not arrived. ONE implementation:
|
|
5
|
+
* `@hanzo/ui`'s `Skeleton` is this, and `@hanzo/ui/product`'s `Skeleton` (with
|
|
6
|
+
* `Skeleton.Text`) is this with its own defaults.
|
|
7
|
+
*
|
|
8
|
+
* It is a box with a highlight sweeping across it and nothing else, so the SIZE
|
|
9
|
+
* is the caller's to state and should match what will land there. A skeleton
|
|
10
|
+
* that is not the size of its content is worse than none: the page reflows when
|
|
11
|
+
* the real thing appears, which is the jump the skeleton existed to prevent.
|
|
12
|
+
*
|
|
13
|
+
* After twenty-ui's Skeleton (MIT, NOTICE): the base is the hover rung, the
|
|
14
|
+
* highlight a faint glass band, 4px corners, a 1.5s sweep (`--duration-loop`,
|
|
15
|
+
* stopped under reduced motion), height presets xs 13 / s 16 / m 24 / l 32 /
|
|
16
|
+
* xl 40, and two layouts — `inline` takes a line box of the text around it
|
|
17
|
+
* (it holds a zero-width non-joiner, so it is a line tall with no height
|
|
18
|
+
* given), `block` is a box of its own. The highlight is `--glass` rather than
|
|
19
|
+
* the panel rung: twenty-ui's is 2% black on light and 3% white on dark, and
|
|
20
|
+
* the panel rung is a SOLID step that sits darker than the hover rung in the
|
|
21
|
+
* dark theme, which would sweep a shadow instead of a light.
|
|
22
|
+
*
|
|
23
|
+
* Hidden from assistive technology: a placeholder is scenery, and the content
|
|
24
|
+
* is what should be read when it lands.
|
|
25
|
+
*
|
|
26
|
+
* Class notation is still read (`<Skeleton className="h-4 w-32" />`), the way
|
|
27
|
+
* `Box` reads it, so call sites written against the Box version keep their
|
|
28
|
+
* sizes; a class it does not know stays a class.
|
|
29
|
+
*/
|
|
30
|
+
import { SizableText, YStack } from '@hanzo/gui';
|
|
31
|
+
import { tw } from '../../tw.js';
|
|
32
|
+
import { slot } from './slot.js';
|
|
33
|
+
/** The height presets, px. */
|
|
34
|
+
export const SKELETON_HEIGHT = { xs: 13, s: 16, m: 24, l: 32, xl: 40 };
|
|
35
|
+
/** The band that sweeps: transparent, the glass light, transparent. */
|
|
36
|
+
const BAND = 'linear-gradient(90deg, transparent 0%, var(--glass, rgba(128, 128, 128, 0.08)) 50%, transparent 100%)';
|
|
37
|
+
export function Skeleton({ size, layout = 'inline', animated = true, className, ...props }) {
|
|
38
|
+
const { props: read, rest } = tw(className);
|
|
39
|
+
const height = size ? SKELETON_HEIGHT[size] : layout === 'block' ? '1em' : undefined;
|
|
40
|
+
return (_jsx(YStack, { ...slot('skeleton'), "aria-hidden": true, "data-layout": layout, "data-motion": animated ? 'shimmer' : undefined, display: layout === 'inline' ? 'inline-flex' : 'flex', width: "100%", ...(height === undefined ? null : { height }), rounded: "$xs", bg: "$hover", backgroundImage: animated ? BAND : undefined, backgroundSize: "160px 100%", backgroundRepeat: "no-repeat", overflow: "hidden", ...read, ...(rest ? { className: rest } : null), ...props, children: layout === 'inline' && height === undefined && !('height' in props) && !('height' in read) ? (_jsx(SizableText, { size: "$2", "aria-hidden": true, children: '' })) : null }));
|
|
41
|
+
}
|
|
11
42
|
//# sourceMappingURL=skeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../src/backends/gui/skeleton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;
|
|
1
|
+
{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../src/backends/gui/skeleton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAEhD,OAAO,EAAE,EAAE,EAAmB,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,8BAA8B;AAC9B,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAW,CAAA;AAc/E,uEAAuE;AACvE,MAAM,IAAI,GAAG,uGAAuG,CAAA;AAEpH,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,QAAQ,EAAE,QAAQ,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiB;IACvG,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAA;IAC3C,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAA;IACpF,OAAO,CACL,KAAC,MAAM,OACD,IAAI,CAAC,UAAU,CAAC,sCAEP,MAAM,iBAGN,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC7C,OAAO,EAAE,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,EACrD,KAAK,EAAC,MAAM,KACR,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAC9C,OAAO,EAAC,KAAK,EACb,EAAE,EAAC,QAAQ,EACX,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC5C,cAAc,EAAC,YAAY,EAC3B,gBAAgB,EAAC,WAAW,EAC5B,QAAQ,EAAC,QAAQ,KACZ,IAAe,KAChB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KACnC,KAAK,YAER,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,SAAS,IAAI,CAAC,CAAC,QAAQ,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAC5F,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,iCACnB,GAAG,GACQ,CACf,CAAC,CAAC,CAAC,IAAI,GACD,CACV,CAAA;AACH,CAAC"}
|
|
@@ -17,6 +17,13 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
17
17
|
* no syntax highlighter, the same constraint `code-block.tsx` documents.
|
|
18
18
|
* `theme` names a fixed palette for the code surface, independent of the
|
|
19
19
|
* page's own light or dark theme; `size` picks the type scale.
|
|
20
|
+
*
|
|
21
|
+
* `variant="command"` is the record kit's command block (twenty-ui's
|
|
22
|
+
* CommandBlock, MIT — NOTICE): shell lines on the panel ground, 1px hairline,
|
|
23
|
+
* 4px corners, 12px padding, each line led by a "> " the reader does not copy
|
|
24
|
+
* or hear, wrapping anywhere, with `actions` (the copy button by default) 12px
|
|
25
|
+
* from the text and never shrinking. It follows the page's theme rather than a
|
|
26
|
+
* fixed palette, since it sits in settings and setup pages beside other chrome.
|
|
20
27
|
*/
|
|
21
28
|
const gui_1 = require("@hanzo/gui");
|
|
22
29
|
const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
|
|
@@ -99,7 +106,7 @@ function CopyButton({ copied, onPress, muted, floating, }) {
|
|
|
99
106
|
* copy button. `expandable` clamps the body to `collapsedHeight` until its
|
|
100
107
|
* maximize control is pressed.
|
|
101
108
|
*/
|
|
102
|
-
function Snippet({ code, language = 'text', filename, variant, theme, size, showLineNumbers = false, highlightLines = [], showCopyButton = true, showLanguageBadge = true, showHeader = true, maxHeight, expandable = false, collapsedHeight = 200, wrapLines = false, startLineNumber = 1, ...props }) {
|
|
109
|
+
function Snippet({ code, language = 'text', filename, variant, theme, size, showLineNumbers = false, highlightLines = [], showCopyButton = true, showLanguageBadge = true, showHeader = true, maxHeight, expandable = false, collapsedHeight = 200, wrapLines = false, startLineNumber = 1, actions, ...props }) {
|
|
103
110
|
const resolvedVariant = variant ?? 'default';
|
|
104
111
|
const palette = PALETTE[theme ?? 'dark'];
|
|
105
112
|
const fontSize = FONT_SIZE[size ?? 'default'];
|
|
@@ -117,6 +124,10 @@ function Snippet({ code, language = 'text', filename, variant, theme, size, show
|
|
|
117
124
|
// No clipboard permission or no clipboard API — nothing else to do.
|
|
118
125
|
}
|
|
119
126
|
}, [code]);
|
|
127
|
+
if (resolvedVariant === 'command') {
|
|
128
|
+
return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('snippet'), "data-variant": "command", items: "flex-start", justify: "space-between", gap: "$3", p: "$3", bg: "$panel", borderWidth: 1, borderColor: "$borderColor", rounded: "$xs", ...props, children: [(0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('snippet-body'), flex: 1, minW: 0, children: code.split('\n').map((line, i) => ((0, jsx_runtime_1.jsxs)(Mono, { "data-slot": "snippet-line", size: "$2", color: "$ink", style: { whiteSpace: 'pre-wrap', wordBreak: 'break-all' }, children: [(0, jsx_runtime_1.jsx)(Mono, { "aria-hidden": true, color: "$codeNumber", select: "none", children: '> ' }), line] }, i))) }), (0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('snippet-actions'), shrink: 0, items: "center", gap: "$2", children: actions ??
|
|
129
|
+
(showCopyButton ? (0, jsx_runtime_1.jsx)(CopyButton, { copied: copied, onPress: copy, muted: '$hint' }) : null) })] }));
|
|
130
|
+
}
|
|
120
131
|
if (resolvedVariant === 'inline') {
|
|
121
132
|
return ((0, jsx_runtime_1.jsx)(Mono, { ...(0, slot_1.slot)('snippet'), "data-variant": "inline", fontFamily: "$mono", rounded: "$2", px: "$2", py: "$1", wrap: wrapLines, style: {
|
|
122
133
|
display: 'inline-block',
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type ComponentProps, type ReactNode } from 'react';
|
|
2
|
-
export type SnippetVariant = 'default' | 'inline' | 'minimal';
|
|
2
|
+
export type SnippetVariant = 'default' | 'inline' | 'minimal' | 'command';
|
|
3
3
|
export type SnippetTheme = 'dark' | 'light' | 'github' | 'github-dark' | 'terminal' | 'retro';
|
|
4
4
|
export type SnippetSize = 'xs' | 'sm' | 'default' | 'lg';
|
|
5
5
|
export interface SnippetProps extends Omit<ComponentProps<'div'>, 'children'> {
|
|
@@ -21,6 +21,8 @@ export interface SnippetProps extends Omit<ComponentProps<'div'>, 'children'> {
|
|
|
21
21
|
collapsedHeight?: number | string;
|
|
22
22
|
wrapLines?: boolean;
|
|
23
23
|
startLineNumber?: number;
|
|
24
|
+
/** `command`: the controls beside the lines; the copy button unless given. */
|
|
25
|
+
actions?: ReactNode;
|
|
24
26
|
}
|
|
25
27
|
/**
|
|
26
28
|
* A syntax-plain code panel: `variant="default"` shows a header and a gutter
|
|
@@ -29,7 +31,7 @@ export interface SnippetProps extends Omit<ComponentProps<'div'>, 'children'> {
|
|
|
29
31
|
* copy button. `expandable` clamps the body to `collapsedHeight` until its
|
|
30
32
|
* maximize control is pressed.
|
|
31
33
|
*/
|
|
32
|
-
export declare function Snippet({ code, language, filename, variant, theme, size, showLineNumbers, highlightLines, showCopyButton, showLanguageBadge, showHeader, maxHeight, expandable, collapsedHeight, wrapLines, startLineNumber, ...props }: SnippetProps): import("react").JSX.Element;
|
|
34
|
+
export declare function Snippet({ code, language, filename, variant, theme, size, showLineNumbers, highlightLines, showCopyButton, showLanguageBadge, showHeader, maxHeight, expandable, collapsedHeight, wrapLines, startLineNumber, actions, ...props }: SnippetProps): import("react").JSX.Element;
|
|
33
35
|
export interface InlineCodeProps extends Omit<SnippetProps, 'variant' | 'code'> {
|
|
34
36
|
children: string;
|
|
35
37
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"snippet.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/snippet.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"snippet.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/snippet.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAkC,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAK3F,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAA;AAEzE,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,aAAa,GAAG,UAAU,GAAG,OAAO,CAAA;AAE7F,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;AAiBxD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC3E,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,cAAc,GAAG,IAAI,CAAA;IAC/B,KAAK,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IACzB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAA;IACzB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB;AA6FD;;;;;;GAMG;AACH,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,QAAiB,EACjB,QAAQ,EACR,OAAO,EACP,KAAK,EACL,IAAI,EACJ,eAAuB,EACvB,cAAmB,EACnB,cAAqB,EACrB,iBAAwB,EACxB,UAAiB,EACjB,SAAS,EACT,UAAkB,EAClB,eAAqB,EACrB,SAAiB,EACjB,eAAmB,EACnB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,YAAY,+BAyMd;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7E,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,+EAA+E;AAC/E,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,GAAG,SAAS,CAYvF"}
|
|
@@ -13,6 +13,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
13
13
|
* no syntax highlighter, the same constraint `code-block.tsx` documents.
|
|
14
14
|
* `theme` names a fixed palette for the code surface, independent of the
|
|
15
15
|
* page's own light or dark theme; `size` picks the type scale.
|
|
16
|
+
*
|
|
17
|
+
* `variant="command"` is the record kit's command block (twenty-ui's
|
|
18
|
+
* CommandBlock, MIT — NOTICE): shell lines on the panel ground, 1px hairline,
|
|
19
|
+
* 4px corners, 12px padding, each line led by a "> " the reader does not copy
|
|
20
|
+
* or hear, wrapping anywhere, with `actions` (the copy button by default) 12px
|
|
21
|
+
* from the text and never shrinking. It follows the page's theme rather than a
|
|
22
|
+
* fixed palette, since it sits in settings and setup pages beside other chrome.
|
|
16
23
|
*/
|
|
17
24
|
import { SizableText, XStack, YStack, styled } from '@hanzo/gui';
|
|
18
25
|
import { Check, Copy, FileText, Maximize2, Minimize2 } from '@hanzogui/lucide-icons-2';
|
|
@@ -95,7 +102,7 @@ function CopyButton({ copied, onPress, muted, floating, }) {
|
|
|
95
102
|
* copy button. `expandable` clamps the body to `collapsedHeight` until its
|
|
96
103
|
* maximize control is pressed.
|
|
97
104
|
*/
|
|
98
|
-
export function Snippet({ code, language = 'text', filename, variant, theme, size, showLineNumbers = false, highlightLines = [], showCopyButton = true, showLanguageBadge = true, showHeader = true, maxHeight, expandable = false, collapsedHeight = 200, wrapLines = false, startLineNumber = 1, ...props }) {
|
|
105
|
+
export function Snippet({ code, language = 'text', filename, variant, theme, size, showLineNumbers = false, highlightLines = [], showCopyButton = true, showLanguageBadge = true, showHeader = true, maxHeight, expandable = false, collapsedHeight = 200, wrapLines = false, startLineNumber = 1, actions, ...props }) {
|
|
99
106
|
const resolvedVariant = variant ?? 'default';
|
|
100
107
|
const palette = PALETTE[theme ?? 'dark'];
|
|
101
108
|
const fontSize = FONT_SIZE[size ?? 'default'];
|
|
@@ -113,6 +120,10 @@ export function Snippet({ code, language = 'text', filename, variant, theme, siz
|
|
|
113
120
|
// No clipboard permission or no clipboard API — nothing else to do.
|
|
114
121
|
}
|
|
115
122
|
}, [code]);
|
|
123
|
+
if (resolvedVariant === 'command') {
|
|
124
|
+
return (_jsxs(XStack, { ...slot('snippet'), "data-variant": "command", items: "flex-start", justify: "space-between", gap: "$3", p: "$3", bg: "$panel", borderWidth: 1, borderColor: "$borderColor", rounded: "$xs", ...props, children: [_jsx(YStack, { ...slot('snippet-body'), flex: 1, minW: 0, children: code.split('\n').map((line, i) => (_jsxs(Mono, { "data-slot": "snippet-line", size: "$2", color: "$ink", style: { whiteSpace: 'pre-wrap', wordBreak: 'break-all' }, children: [_jsx(Mono, { "aria-hidden": true, color: "$codeNumber", select: "none", children: '> ' }), line] }, i))) }), _jsx(XStack, { ...slot('snippet-actions'), shrink: 0, items: "center", gap: "$2", children: actions ??
|
|
125
|
+
(showCopyButton ? _jsx(CopyButton, { copied: copied, onPress: copy, muted: '$hint' }) : null) })] }));
|
|
126
|
+
}
|
|
116
127
|
if (resolvedVariant === 'inline') {
|
|
117
128
|
return (_jsx(Mono, { ...slot('snippet'), "data-variant": "inline", fontFamily: "$mono", rounded: "$2", px: "$2", py: "$1", wrap: wrapLines, style: {
|
|
118
129
|
display: 'inline-block',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"snippet.js","sourceRoot":"","sources":["../../../src/backends/gui/snippet.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ
|
|
1
|
+
{"version":3,"file":"snippet.js","sourceRoot":"","sources":["../../../src/backends/gui/snippet.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAChE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACtF,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAuC,MAAM,OAAO,CAAA;AAC3F,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAQ7B,mFAAmF;AACnF,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;IAC3E,KAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;IAC5E,MAAM,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;IAC7E,aAAa,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;IACpF,QAAQ,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE;IACnF,KAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;CACsB,CAAA;AAEpG,MAAM,SAAS,GAAgC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAA;AA4BtF,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE;IAC3B,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,MAAM;IAEb,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE;YAC9D,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;SAChC;KACO;IAEV,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;CACxC,CAAC,CAAA;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE;IAC5B,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE,QAAQ;IACf,OAAO,EAAE,eAAe;IACxB,GAAG,EAAE,IAAI;IACT,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,iBAAiB,EAAE,CAAC;CACrB,CAAC,CAAA;AAEF,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE;IACzB,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE,QAAQ;IACf,IAAI,EAAE,EAAE;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,MAAM;IACV,GAAG,EAAE,IAAI;IACT,eAAe,EAAE,CAAC;IAClB,eAAe,EAAE,aAAa;IAE9B,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,IAAI,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,eAAe,EAAE,SAAS,EAAE;SACtD;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE;SAC3B;KACO;CACX,CAAC,CAAA;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,EAAE;IAC/B,IAAI,EAAE,aAAa;IACnB,UAAU,EAAE,OAAO;IAEnB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE;YACpE,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE;SAC7B;KACO;IAEV,eAAe,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;CACjC,CAAC,CAAA;AAEF,qEAAqE;AACrE,MAAM,IAAI,GAAG,CAAC,IAAY,EAAE,KAAa,EAAE,EAAE,CAC3C,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;AAE7D,+DAA+D;AAC/D,SAAS,UAAU,CAAC,EAClB,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,GAMT;IACC,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAA;IAC7C,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,OAAO,gBACJ,KAAK,EACjB,KAAK,EAAE,KAAK,KACR,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAmB,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,YAE1E,MAAM,CAAC,CAAC,CAAC,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,GAAI,GACzE,CACV,CAAA;AACH,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,EACJ,QAAQ,GAAG,MAAM,EACjB,QAAQ,EACR,OAAO,EACP,KAAK,EACL,IAAI,EACJ,eAAe,GAAG,KAAK,EACvB,cAAc,GAAG,EAAE,EACnB,cAAc,GAAG,IAAI,EACrB,iBAAiB,GAAG,IAAI,EACxB,UAAU,GAAG,IAAI,EACjB,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,eAAe,GAAG,GAAG,EACrB,SAAS,GAAG,KAAK,EACjB,eAAe,GAAG,CAAC,EACnB,OAAO,EACP,GAAG,KAAK,EACK;IACb,MAAM,eAAe,GAAG,OAAO,IAAI,SAAS,CAAA;IAC5C,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,IAAI,MAAM,CAAC,CAAA;IACxC,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,CAAA;IAC7C,MAAM,UAAU,GAAG,QAAQ,GAAG,GAAG,CAAA;IACjC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAA;IACzD,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC,CAAA;IAEjF,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAClC,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;YACzC,SAAS,CAAC,IAAI,CAAC,CAAA;YACf,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAA;QAC1C,CAAC;QAAC,MAAM,CAAC;YACP,oEAAoE;QACtE,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,IAAI,eAAe,KAAK,SAAS,EAAE,CAAC;QAClC,OAAO,CACL,MAAC,MAAM,OACD,IAAI,CAAC,SAAS,CAAC,kBACN,SAAS,EACtB,KAAK,EAAC,YAAY,EAClB,OAAO,EAAC,eAAe,EACvB,GAAG,EAAC,IAAI,EACR,CAAC,EAAC,IAAI,EACN,EAAE,EAAC,QAAQ,EACX,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,cAAc,EAC1B,OAAO,EAAC,KAAK,KACR,KAAuC,aAE5C,KAAC,MAAM,OAAK,IAAI,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,YAC/C,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACjC,MAAC,IAAI,iBAEO,cAAc,EACxB,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,aAEzD,KAAC,IAAI,yBAAa,KAAK,EAAC,aAAa,EAAC,MAAM,EAAC,MAAM,YAChD,IAAI,GACA,EACN,IAAI,KATA,CAAC,CAUD,CACR,CAAC,GACK,EACT,KAAC,MAAM,OAAK,IAAI,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,YACpE,OAAO;wBACN,CAAC,cAAc,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,OAAgB,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAC3F,IACF,CACV,CAAA;IACH,CAAC;IAED,IAAI,eAAe,KAAK,QAAQ,EAAE,CAAC;QACjC,OAAO,CACL,KAAC,IAAI,OACC,IAAI,CAAC,SAAS,CAAC,kBACN,QAAQ,EACrB,UAAU,EAAC,OAAO,EAClB,OAAO,EAAC,IAAI,EACZ,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,IAAI,EAAE,SAAS,EACf,KAAK,EAAE;gBACL,OAAO,EAAE,cAAc;gBACvB,eAAe,EAAE,OAAO,CAAC,EAAE;gBAC3B,KAAK,EAAE,OAAO,CAAC,EAAE;gBACjB,QAAQ;aACT,KACI,KAAqC,YAEzC,IAAI,GACA,CACR,CAAA;IACH,CAAC;IAED,MAAM,SAAS,GACb,eAAe,KAAK,SAAS;QAC7B,UAAU;QACV,OAAO,CAAC,QAAQ,IAAI,CAAC,iBAAiB,IAAI,QAAQ,CAAC,IAAI,cAAc,IAAI,UAAU,CAAC,CAAA;IAEtF,OAAO,CACL,MAAC,KAAK,OACA,IAAI,CAAC,SAAS,CAAC,kBACL,eAAe,EAC7B,OAAO,EAAE,eAAe,EACxB,KAAK,EACH,eAAe,KAAK,SAAS;YAC3B,CAAC,CAAC,EAAE,eAAe,EAAE,OAAO,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC,MAAM,EAAE;YAC9D,CAAC,CAAC,SAAS,KAEV,KAAsC,aAE1C,SAAS,IAAI,CACZ,MAAC,MAAM,OAAK,IAAI,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,EAAE,iBAAiB,EAAE,OAAO,CAAC,MAAM,EAAE,aAC9E,MAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC5B,QAAQ,IAAI,CACX,MAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,MAAM,aAC/B,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,GAAI,EAC5C,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,EAAE,EAAE,YACjE,QAAQ,GACG,IACP,CACV,EACA,iBAAiB,IAAI,QAAQ,IAAI,CAChC,KAAC,KAAK,OAAK,IAAI,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAC,WAAW,YACrD,QAAQ,GACH,CACT,IACM,EACT,MAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC5B,UAAU,IAAI,CACb,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,gBAC3B,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,EAC9C,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,YAExC,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,GAAI,CAC9C,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,GAAI,CAC9C,GACM,CACV,EACA,cAAc,IAAI,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,GAAI,IAC/E,IACF,CACV,EAED,KAAC,MAAM,OACD,IAAI,CAAC,cAAc,CAAC,EACxB,KAAK,EAAE;oBACL,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe;oBACnD,QAAQ,EAAE,MAAM;iBACjB,YAED,KAAC,MAAM,IAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,YAAY,YAC1C,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;wBACzB,MAAM,aAAa,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;wBAChD,OAAO,CACL,MAAC,GAAG,IAEF,WAAW,EAAE,aAAa,EAC1B,IAAI,EAAE,SAAS,eACL,cAAc,eACb,CAAC,sBACM,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,aAEnD,eAAe,IAAI,CAClB,KAAC,IAAI,IACH,KAAK,EAAE,EAAE,EACT,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,MAAM,EACb,IAAI,EAAE,KAAK,EACX,QAAQ,EAAE,SAAS,CAAC,EAAE,EACtB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,YAE9B,CAAC,GACG,CACR,EACD,KAAC,IAAI,IACH,IAAI,EAAE,CAAC,EACP,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,EAAE,EAAE,YAE3B,IAAI,IAAI,GAAG,GACP,KA5BF,CAAC,CA6BF,CACP,CAAA;oBACH,CAAC,CAAC,GACK,GACF,EAER,UAAU,IAAI,CAAC,UAAU,IAAI,CAC5B,KAAC,MAAM,OACD,IAAI,CAAC,cAAc,CAAC,EACxB,QAAQ,EAAC,UAAU,EACnB,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,MAAM,EAAE,EAAE,EACV,aAAa,EAAC,MAAM,EACpB,KAAK,EAAE,EAAE,UAAU,EAAE,2BAA2B,OAAO,CAAC,EAAE,gBAAgB,EAAE,GAC5E,CACH,EAEA,eAAe,KAAK,SAAS,IAAI,cAAc,IAAI,CAClD,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,QAAQ,SAAG,CAC7E,IACK,CACT,CAAA;AACH,CAAC;AAMD,+EAA+E;AAC/E,MAAM,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAmB;IAC1E,OAAO,CACL,KAAC,OAAO,IACN,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAC,QAAQ,EAChB,cAAc,EAAE,KAAK,EACrB,iBAAiB,EAAE,KAAK,EACxB,UAAU,EAAE,KAAK,KACb,KAAK,GACT,CACH,CAAA;AACH,CAAC"}
|
|
@@ -21,10 +21,17 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
21
21
|
*
|
|
22
22
|
* `aria-hidden`, because a spinner is never the message: the thing that is
|
|
23
23
|
* loading says so in text beside it.
|
|
24
|
+
*
|
|
25
|
+
* `variant="dot"` is the record kit's loader (twenty-ui's Loader, MIT — NOTICE):
|
|
26
|
+
* a 24×12 pill outline with an 8px dot that travels across it and squashes as
|
|
27
|
+
* it lands, 0.8s a loop (`data-motion="hop"` in styles/motion.css, stopped under
|
|
28
|
+
* reduced motion). It is the quieter one, for a status pill, a button that is
|
|
29
|
+
* busy or a list fetching more; the arc stays the default everywhere else. Both
|
|
30
|
+
* take the surrounding ink unless given a colour.
|
|
24
31
|
*/
|
|
25
32
|
const gui_1 = require("@hanzo/gui");
|
|
26
33
|
const slot_1 = require("./slot.cjs");
|
|
27
|
-
const Spinner = ({ size = 16, color = 'currentColor', ...props }) => ((0, jsx_runtime_1.jsx)(gui_1.Spinner, { ...(0, slot_1.slot)('spinner'), "aria-hidden": true,
|
|
34
|
+
const Spinner = ({ size = 16, color = 'currentColor', variant = 'arc', ...props }) => variant === 'dot' ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('spinner'), "data-variant": "dot", "aria-hidden": true, width: 24, height: 12, shrink: 0, rounded: "$10", borderWidth: 1, borderColor: color, overflow: "hidden", items: "center", justify: "center", ...props, children: (0, jsx_runtime_1.jsx)(gui_1.View, { "data-motion": "hop", width: 8, height: 8, rounded: "$10", bg: color }) })) : ((0, jsx_runtime_1.jsx)(gui_1.Spinner, { ...(0, slot_1.slot)('spinner'), "aria-hidden": true,
|
|
28
35
|
// The enum is upstream's TYPE; a number is what the element reads.
|
|
29
36
|
size: size, color: color, ...props }));
|
|
30
37
|
exports.Spinner = Spinner;
|
|
@@ -16,15 +16,24 @@
|
|
|
16
16
|
*
|
|
17
17
|
* `aria-hidden`, because a spinner is never the message: the thing that is
|
|
18
18
|
* loading says so in text beside it.
|
|
19
|
+
*
|
|
20
|
+
* `variant="dot"` is the record kit's loader (twenty-ui's Loader, MIT — NOTICE):
|
|
21
|
+
* a 24×12 pill outline with an 8px dot that travels across it and squashes as
|
|
22
|
+
* it lands, 0.8s a loop (`data-motion="hop"` in styles/motion.css, stopped under
|
|
23
|
+
* reduced motion). It is the quieter one, for a status pill, a button that is
|
|
24
|
+
* busy or a list fetching more; the arc stays the default everywhere else. Both
|
|
25
|
+
* take the surrounding ink unless given a colour.
|
|
19
26
|
*/
|
|
20
27
|
import { Spinner as GuiSpinner } from '@hanzo/gui';
|
|
21
28
|
import type { ComponentProps } from 'react';
|
|
22
29
|
export type SpinnerProps = Omit<ComponentProps<typeof GuiSpinner>, 'size' | 'color'> & {
|
|
23
|
-
/** Edge of the arc, px. */
|
|
30
|
+
/** Edge of the arc, px. The dot's pill is always 24×12. */
|
|
24
31
|
size?: number;
|
|
25
32
|
/** Ink. Inherits the surrounding text by default. */
|
|
26
33
|
color?: string;
|
|
34
|
+
/** `arc` (default) or the travelling `dot`. */
|
|
35
|
+
variant?: 'arc' | 'dot';
|
|
27
36
|
};
|
|
28
|
-
declare const Spinner: ({ size, color, ...props }: SpinnerProps) => import("react").JSX.Element;
|
|
37
|
+
declare const Spinner: ({ size, color, variant, ...props }: SpinnerProps) => import("react").JSX.Element;
|
|
29
38
|
export { Spinner };
|
|
30
39
|
//# sourceMappingURL=spinner.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/spinner.tsx"],"names":[],"mappings":"AAEA
|
|
1
|
+
{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/spinner.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAgB,MAAM,YAAY,CAAA;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG3C,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG;IACrF,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+CAA+C;IAC/C,OAAO,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;CACxB,CAAA;AAED,QAAA,MAAM,OAAO,uCAAsE,YAAY,gCA4B5F,CAAA;AAEH,OAAO,EAAE,OAAO,EAAE,CAAA"}
|
|
@@ -18,10 +18,17 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
18
18
|
*
|
|
19
19
|
* `aria-hidden`, because a spinner is never the message: the thing that is
|
|
20
20
|
* loading says so in text beside it.
|
|
21
|
+
*
|
|
22
|
+
* `variant="dot"` is the record kit's loader (twenty-ui's Loader, MIT — NOTICE):
|
|
23
|
+
* a 24×12 pill outline with an 8px dot that travels across it and squashes as
|
|
24
|
+
* it lands, 0.8s a loop (`data-motion="hop"` in styles/motion.css, stopped under
|
|
25
|
+
* reduced motion). It is the quieter one, for a status pill, a button that is
|
|
26
|
+
* busy or a list fetching more; the arc stays the default everywhere else. Both
|
|
27
|
+
* take the surrounding ink unless given a colour.
|
|
21
28
|
*/
|
|
22
|
-
import { Spinner as GuiSpinner } from '@hanzo/gui';
|
|
29
|
+
import { Spinner as GuiSpinner, View, XStack } from '@hanzo/gui';
|
|
23
30
|
import { slot } from './slot.js';
|
|
24
|
-
const Spinner = ({ size = 16, color = 'currentColor', ...props }) => (_jsx(GuiSpinner, { ...slot('spinner'), "aria-hidden": true,
|
|
31
|
+
const Spinner = ({ size = 16, color = 'currentColor', variant = 'arc', ...props }) => variant === 'dot' ? (_jsx(XStack, { ...slot('spinner'), "data-variant": "dot", "aria-hidden": true, width: 24, height: 12, shrink: 0, rounded: "$10", borderWidth: 1, borderColor: color, overflow: "hidden", items: "center", justify: "center", ...props, children: _jsx(View, { "data-motion": "hop", width: 8, height: 8, rounded: "$10", bg: color }) })) : (_jsx(GuiSpinner, { ...slot('spinner'), "aria-hidden": true,
|
|
25
32
|
// The enum is upstream's TYPE; a number is what the element reads.
|
|
26
33
|
size: size, color: color, ...props }));
|
|
27
34
|
export { Spinner };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../../src/backends/gui/spinner.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ
|
|
1
|
+
{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../../src/backends/gui/spinner.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAEhE,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAW7B,MAAM,OAAO,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,cAAc,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE,CACjG,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CAClB,KAAC,MAAM,OACD,IAAI,CAAC,SAAS,CAAC,kBACN,KAAK,uBAElB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAE,CAAC,EACT,OAAO,EAAC,KAAK,EACb,WAAW,EAAE,CAAC,EACd,WAAW,EAAE,KAAc,EAC3B,QAAQ,EAAC,QAAQ,EACjB,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,KACX,KAAgB,YAErB,KAAC,IAAI,mBAAa,KAAK,EAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAC,KAAK,EAAC,EAAE,EAAE,KAAc,GAAI,GAC1E,CACV,CAAC,CAAC,CAAC,CACJ,KAAC,UAAU,OACL,IAAI,CAAC,SAAS,CAAC;IAEnB,mEAAmE;IACnE,IAAI,EAAE,IAA0B,EAChC,KAAK,EAAE,KAAK,KACR,KAAK,GACT,CACD,CAAA;AAEH,OAAO,EAAE,OAAO,EAAE,CAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
'use client';"use strict";
|
|
2
|
+
'use client';
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.StackIcon = StackIcon;
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
/**
|
|
7
|
+
* StackIcon — an icon with a smaller one pinned over its lower-right quadrant:
|
|
8
|
+
* a provider and its state, an app and its connection.
|
|
9
|
+
*
|
|
10
|
+
* Re-expressed from twenty-ui's StackIcon (MIT, see NOTICE): a 16px box, the
|
|
11
|
+
* stacked icon 8px from the left and 7px from the top. Both are decorative.
|
|
12
|
+
*/
|
|
13
|
+
const gui_1 = require("@hanzo/gui");
|
|
14
|
+
const slot_1 = require("./slot.cjs");
|
|
15
|
+
function StackIcon({ icon, stackedIcon, ...props }) {
|
|
16
|
+
return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('stack-icon'), "aria-hidden": true, position: "relative", width: 16, height: 16, shrink: 0, items: "center", justify: "center", ...props, children: [icon, (0, jsx_runtime_1.jsx)(gui_1.XStack, { position: "absolute", l: 8, t: 7, children: stackedIcon })] }));
|
|
17
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* StackIcon — an icon with a smaller one pinned over its lower-right quadrant:
|
|
3
|
+
* a provider and its state, an app and its connection.
|
|
4
|
+
*
|
|
5
|
+
* Re-expressed from twenty-ui's StackIcon (MIT, see NOTICE): a 16px box, the
|
|
6
|
+
* stacked icon 8px from the left and 7px from the top. Both are decorative.
|
|
7
|
+
*/
|
|
8
|
+
import { XStack } from '@hanzo/gui';
|
|
9
|
+
import type { ComponentProps, ReactNode } from 'react';
|
|
10
|
+
export type StackIconProps = Omit<ComponentProps<typeof XStack>, 'children'> & {
|
|
11
|
+
icon: ReactNode;
|
|
12
|
+
stackedIcon: ReactNode;
|
|
13
|
+
};
|
|
14
|
+
export declare function StackIcon({ icon, stackedIcon, ...props }: StackIconProps): import("react").JSX.Element;
|
|
15
|
+
//# sourceMappingURL=stack-icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stack-icon.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/stack-icon.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAC7E,IAAI,EAAE,SAAS,CAAA;IACf,WAAW,EAAE,SAAS,CAAA;CACvB,CAAA;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BASxE"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
/**
|
|
4
|
+
* StackIcon — an icon with a smaller one pinned over its lower-right quadrant:
|
|
5
|
+
* a provider and its state, an app and its connection.
|
|
6
|
+
*
|
|
7
|
+
* Re-expressed from twenty-ui's StackIcon (MIT, see NOTICE): a 16px box, the
|
|
8
|
+
* stacked icon 8px from the left and 7px from the top. Both are decorative.
|
|
9
|
+
*/
|
|
10
|
+
import { XStack } from '@hanzo/gui';
|
|
11
|
+
import { slot } from './slot.js';
|
|
12
|
+
export function StackIcon({ icon, stackedIcon, ...props }) {
|
|
13
|
+
return (_jsxs(XStack, { ...slot('stack-icon'), "aria-hidden": true, position: "relative", width: 16, height: 16, shrink: 0, items: "center", justify: "center", ...props, children: [icon, _jsx(XStack, { position: "absolute", l: 8, t: 7, children: stackedIcon })] }));
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=stack-icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stack-icon.js","sourceRoot":"","sources":["../../../src/backends/gui/stack-icon.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;GAMG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAO7B,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,KAAK,EAAkB;IACvE,OAAO,CACL,MAAC,MAAM,OAAK,IAAI,CAAC,YAAY,CAAC,uBAAc,QAAQ,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,KAAK,KAAK,aACxI,IAAI,EACL,KAAC,MAAM,IAAC,QAAQ,EAAC,UAAU,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,YACnC,WAAW,GACL,IACF,CACV,CAAA;AACH,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
'use client';"use strict";
|
|
2
2
|
'use client';
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.STATUS_HUE = void 0;
|
|
4
5
|
exports.Status = Status;
|
|
5
6
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
7
|
/**
|
|
@@ -11,10 +12,34 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
11
12
|
* context, so a variant reaches both without either reading it twice by hand.
|
|
12
13
|
* The dot is on by default (it is the whole point of a status pill) and can be
|
|
13
14
|
* turned off for a plain label.
|
|
15
|
+
*
|
|
16
|
+
* `color` draws the record status instead (re-expressed from twenty-ui's
|
|
17
|
+
* Status, MIT, see NOTICE): any of the thirty data hues, its step 3 under step
|
|
18
|
+
* 11 ink, a 4px dot in the ink, 20px tall, 13px regular, and a `loading` state
|
|
19
|
+
* that busies the pill. The semantic names stay as aliases onto hues — success
|
|
20
|
+
* green, warning orange, error red, info blue, default and gray gray — so one
|
|
21
|
+
* status map serves both looks.
|
|
14
22
|
*/
|
|
15
23
|
const gui_1 = require("@hanzo/gui");
|
|
24
|
+
const hue_1 = require("./hue.cjs");
|
|
25
|
+
const feedback_1 = require("./feedback.cjs");
|
|
16
26
|
const ink_1 = require("./ink.cjs");
|
|
17
27
|
const slot_1 = require("./slot.cjs");
|
|
28
|
+
/**
|
|
29
|
+
* Status's names onto data hues, read from the one status map (feedback.ts
|
|
30
|
+
* `STATUS_COLOR`), so a success pill, a success banner and a success toast
|
|
31
|
+
* cannot name different colours. The pill draws the hue's tag pair (data
|
|
32
|
+
* steps 3/11); the strip and the toast draw the state token — the same colour
|
|
33
|
+
* by name, each in its own material.
|
|
34
|
+
*/
|
|
35
|
+
exports.STATUS_HUE = {
|
|
36
|
+
default: feedback_1.STATUS_COLOR.neutral,
|
|
37
|
+
gray: feedback_1.STATUS_COLOR.neutral,
|
|
38
|
+
success: feedback_1.STATUS_COLOR.success,
|
|
39
|
+
warning: feedback_1.STATUS_COLOR.warning,
|
|
40
|
+
error: feedback_1.STATUS_COLOR.error,
|
|
41
|
+
info: feedback_1.STATUS_COLOR.info,
|
|
42
|
+
};
|
|
18
43
|
const StatusContext = /* @__PURE__ */ (0, gui_1.createStyledContext)({
|
|
19
44
|
variant: 'default',
|
|
20
45
|
});
|
|
@@ -73,7 +98,19 @@ const StatusDot = (0, gui_1.styled)(gui_1.XStack, {
|
|
|
73
98
|
},
|
|
74
99
|
},
|
|
75
100
|
});
|
|
76
|
-
function Status({ variant = 'default', dot = true, children, ...props }) {
|
|
101
|
+
function Status({ variant = 'default', color, loading = false, weight = 'regular', dot = true, children, ...props }) {
|
|
102
|
+
if (color != null)
|
|
103
|
+
return (0, jsx_runtime_1.jsx)(Hued, { color: color, loading: loading, weight: weight, dot: dot, ...props, children: children });
|
|
77
104
|
const resolved = variant ?? 'default';
|
|
78
105
|
return ((0, jsx_runtime_1.jsxs)(StatusFrame, { ...(0, slot_1.slot)('status'), variant: resolved, "data-variant": resolved, ...props, children: [dot ? (0, jsx_runtime_1.jsx)(StatusDot, { ...(0, slot_1.slot)('status-dot') }) : null, (0, ink_1.ink)(children, StatusText)] }));
|
|
79
106
|
}
|
|
107
|
+
function Hued({ color, loading, weight, dot, children, style, ...props }) {
|
|
108
|
+
const hue = color in exports.STATUS_HUE ? exports.STATUS_HUE[color] : (0, hue_1.hueOr)(color);
|
|
109
|
+
const { style: hueStyle, tone } = (0, hue_1.useTone)(hue, [3, 11]);
|
|
110
|
+
return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('status'), "data-color": hue, ...(loading ? { 'aria-busy': true } : null), display: "inline-flex", self: "flex-start", items: "center", gap: "$1", height: 20, pl: "$2", pr: loading ? '$1' : '$2', rounded: "$10", bg: tone(3), maxW: "100%", overflow: "hidden", style: { ...hueStyle, ...style }, ...props, children: [dot ? (0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('status-dot'), width: 4, height: 4, rounded: "$10", bg: tone(11), shrink: 0 }) : null, (0, ink_1.ink)(children, gui_1.SizableText, {
|
|
111
|
+
size: '$2',
|
|
112
|
+
color: tone(11),
|
|
113
|
+
numberOfLines: 1,
|
|
114
|
+
...(weight === 'medium' ? { fontWeight: '500' } : null),
|
|
115
|
+
}), loading ? (0, jsx_runtime_1.jsx)(gui_1.Spinner, { size: "small", maxW: 12, maxH: 12, color: tone(11) }) : null] }));
|
|
116
|
+
}
|
|
@@ -1,15 +1,29 @@
|
|
|
1
1
|
import type { ComponentProps } from 'react';
|
|
2
|
+
import { type DataHue } from './hue.js';
|
|
3
|
+
/**
|
|
4
|
+
* Status's names onto data hues, read from the one status map (feedback.ts
|
|
5
|
+
* `STATUS_COLOR`), so a success pill, a success banner and a success toast
|
|
6
|
+
* cannot name different colours. The pill draws the hue's tag pair (data
|
|
7
|
+
* steps 3/11); the strip and the toast draw the state token — the same colour
|
|
8
|
+
* by name, each in its own material.
|
|
9
|
+
*/
|
|
10
|
+
export declare const STATUS_HUE: Record<StatusVariant, DataHue>;
|
|
2
11
|
export type StatusVariant = 'default' | 'success' | 'warning' | 'error' | 'info' | 'gray';
|
|
3
12
|
declare const StatusFrame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, any, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
|
|
4
13
|
elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
|
|
5
14
|
fullscreen?: boolean | undefined;
|
|
6
15
|
variant?: "default" | "error" | "gray" | "info" | "success" | "warning" | undefined;
|
|
7
16
|
}, import("@hanzogui/web").StaticConfigPublic>;
|
|
8
|
-
export type StatusProps = Omit<ComponentProps<typeof StatusFrame>, 'variant'> & {
|
|
17
|
+
export type StatusProps = Omit<ComponentProps<typeof StatusFrame>, 'variant' | 'color'> & {
|
|
9
18
|
variant?: StatusVariant | null;
|
|
19
|
+
/** A data hue or a semantic name: the record status look. */
|
|
20
|
+
color?: DataHue | StatusVariant | (string & {});
|
|
21
|
+
/** Busy: a spinner after the label, `aria-busy` on the pill. */
|
|
22
|
+
loading?: boolean;
|
|
23
|
+
weight?: 'regular' | 'medium';
|
|
10
24
|
/** Show the leading dot. Defaults to true — the dot is the point of a status pill. */
|
|
11
25
|
dot?: boolean;
|
|
12
26
|
};
|
|
13
|
-
export declare function Status({ variant, dot, children, ...props }: StatusProps): import("react").JSX.Element;
|
|
27
|
+
export declare function Status({ variant, color, loading, weight, dot, children, ...props }: StatusProps): import("react").JSX.Element;
|
|
14
28
|
export {};
|
|
15
29
|
//# sourceMappingURL=status.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/status.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/status.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAkB,KAAK,OAAO,EAAE,MAAM,OAAO,CAAA;AAKpD;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,aAAa,EAAE,OAAO,CAOrD,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;AAMzF,QAAA,MAAM,WAAW;;;;8CAuBf,CAAA;AAuCF,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC,GAAG;IACxF,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,CAAA;IAC9B,6DAA6D;IAC7D,KAAK,CAAC,EAAE,OAAO,GAAG,aAAa,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;IAC/C,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC7B,sFAAsF;IACtF,GAAG,CAAC,EAAE,OAAO,CAAA;CACd,CAAA;AAED,wBAAgB,MAAM,CAAC,EAAE,OAAmB,EAAE,KAAK,EAAE,OAAe,EAAE,MAAkB,EAAE,GAAU,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BAUtI"}
|
|
@@ -8,10 +8,34 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
8
8
|
* context, so a variant reaches both without either reading it twice by hand.
|
|
9
9
|
* The dot is on by default (it is the whole point of a status pill) and can be
|
|
10
10
|
* turned off for a plain label.
|
|
11
|
+
*
|
|
12
|
+
* `color` draws the record status instead (re-expressed from twenty-ui's
|
|
13
|
+
* Status, MIT, see NOTICE): any of the thirty data hues, its step 3 under step
|
|
14
|
+
* 11 ink, a 4px dot in the ink, 20px tall, 13px regular, and a `loading` state
|
|
15
|
+
* that busies the pill. The semantic names stay as aliases onto hues — success
|
|
16
|
+
* green, warning orange, error red, info blue, default and gray gray — so one
|
|
17
|
+
* status map serves both looks.
|
|
11
18
|
*/
|
|
12
|
-
import { SizableText, XStack, createStyledContext, styled } from '@hanzo/gui';
|
|
19
|
+
import { SizableText, Spinner, XStack, createStyledContext, styled } from '@hanzo/gui';
|
|
20
|
+
import { hueOr, useTone } from './hue.js';
|
|
21
|
+
import { STATUS_COLOR } from './feedback.js';
|
|
13
22
|
import { ink } from './ink.js';
|
|
14
23
|
import { slot } from './slot.js';
|
|
24
|
+
/**
|
|
25
|
+
* Status's names onto data hues, read from the one status map (feedback.ts
|
|
26
|
+
* `STATUS_COLOR`), so a success pill, a success banner and a success toast
|
|
27
|
+
* cannot name different colours. The pill draws the hue's tag pair (data
|
|
28
|
+
* steps 3/11); the strip and the toast draw the state token — the same colour
|
|
29
|
+
* by name, each in its own material.
|
|
30
|
+
*/
|
|
31
|
+
export const STATUS_HUE = {
|
|
32
|
+
default: STATUS_COLOR.neutral,
|
|
33
|
+
gray: STATUS_COLOR.neutral,
|
|
34
|
+
success: STATUS_COLOR.success,
|
|
35
|
+
warning: STATUS_COLOR.warning,
|
|
36
|
+
error: STATUS_COLOR.error,
|
|
37
|
+
info: STATUS_COLOR.info,
|
|
38
|
+
};
|
|
15
39
|
const StatusContext = /* @__PURE__ */ createStyledContext({
|
|
16
40
|
variant: 'default',
|
|
17
41
|
});
|
|
@@ -70,8 +94,20 @@ const StatusDot = styled(XStack, {
|
|
|
70
94
|
},
|
|
71
95
|
},
|
|
72
96
|
});
|
|
73
|
-
export function Status({ variant = 'default', dot = true, children, ...props }) {
|
|
97
|
+
export function Status({ variant = 'default', color, loading = false, weight = 'regular', dot = true, children, ...props }) {
|
|
98
|
+
if (color != null)
|
|
99
|
+
return _jsx(Hued, { color: color, loading: loading, weight: weight, dot: dot, ...props, children: children });
|
|
74
100
|
const resolved = variant ?? 'default';
|
|
75
101
|
return (_jsxs(StatusFrame, { ...slot('status'), variant: resolved, "data-variant": resolved, ...props, children: [dot ? _jsx(StatusDot, { ...slot('status-dot') }) : null, ink(children, StatusText)] }));
|
|
76
102
|
}
|
|
103
|
+
function Hued({ color, loading, weight, dot, children, style, ...props }) {
|
|
104
|
+
const hue = color in STATUS_HUE ? STATUS_HUE[color] : hueOr(color);
|
|
105
|
+
const { style: hueStyle, tone } = useTone(hue, [3, 11]);
|
|
106
|
+
return (_jsxs(XStack, { ...slot('status'), "data-color": hue, ...(loading ? { 'aria-busy': true } : null), display: "inline-flex", self: "flex-start", items: "center", gap: "$1", height: 20, pl: "$2", pr: loading ? '$1' : '$2', rounded: "$10", bg: tone(3), maxW: "100%", overflow: "hidden", style: { ...hueStyle, ...style }, ...props, children: [dot ? _jsx(XStack, { ...slot('status-dot'), width: 4, height: 4, rounded: "$10", bg: tone(11), shrink: 0 }) : null, ink(children, SizableText, {
|
|
107
|
+
size: '$2',
|
|
108
|
+
color: tone(11),
|
|
109
|
+
numberOfLines: 1,
|
|
110
|
+
...(weight === 'medium' ? { fontWeight: '500' } : null),
|
|
111
|
+
}), loading ? _jsx(Spinner, { size: "small", maxW: 12, maxH: 12, color: tone(11) }) : null] }));
|
|
112
|
+
}
|
|
77
113
|
//# sourceMappingURL=status.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"status.js","sourceRoot":"","sources":["../../../src/backends/gui/status.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ
|
|
1
|
+
{"version":3,"file":"status.js","sourceRoot":"","sources":["../../../src/backends/gui/status.tsx"],"names":[],"mappings":"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"}
|