@lucasbernardosn/react-ui 0.4.0 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/buttons/button/button-variants.d.ts +1 -1
- package/dist/components/buttons/button/button-variants.js +119 -119
- package/dist/components/buttons/button/button-variants.js.map +1 -1
- package/dist/components/buttons/button/button.d.ts +1 -1
- package/dist/components/buttons/button/button.js +1 -1
- package/dist/components/buttons/button/button.js.map +1 -1
- package/dist/components/buttons/icon-button/icon-button-variants.d.ts +3 -0
- package/dist/components/buttons/icon-button/icon-button-variants.js +3 -0
- package/dist/components/buttons/icon-button/icon-button-variants.js.map +1 -1
- package/dist/components/buttons/responsive-button/responsive-button.d.ts +2 -1
- package/dist/components/buttons/responsive-button/responsive-button.js +2 -1
- package/dist/components/buttons/responsive-button/responsive-button.js.map +1 -1
- package/dist/components/buttons/toggle/index.d.ts +3 -0
- package/dist/components/buttons/toggle/index.js +2 -0
- package/dist/components/buttons/toggle/toggle-variants.d.ts +47 -0
- package/dist/components/buttons/toggle/toggle-variants.js +97 -0
- package/dist/components/buttons/toggle/toggle-variants.js.map +1 -0
- package/dist/components/buttons/toggle/toggle.d.ts +61 -0
- package/dist/components/buttons/toggle/toggle.js +69 -0
- package/dist/components/buttons/toggle/toggle.js.map +1 -0
- package/dist/components/collections/async-select/async-select-variants.js +7 -8
- package/dist/components/collections/async-select/async-select-variants.js.map +1 -1
- package/dist/components/collections/autocomplete/autocomplete-backdrop.d.ts +1 -2
- package/dist/components/collections/autocomplete/autocomplete-backdrop.js +1 -2
- package/dist/components/collections/autocomplete/autocomplete-backdrop.js.map +1 -1
- package/dist/components/collections/autocomplete/autocomplete-group-label-variants.d.ts +4 -4
- package/dist/components/collections/autocomplete/autocomplete-group-label-variants.js +4 -4
- package/dist/components/collections/autocomplete/autocomplete-group-label-variants.js.map +1 -1
- package/dist/components/collections/autocomplete/autocomplete-input-variants.d.ts +5 -5
- package/dist/components/collections/autocomplete/autocomplete-input-variants.js +8 -8
- package/dist/components/collections/autocomplete/autocomplete-input-variants.js.map +1 -1
- package/dist/components/collections/autocomplete/autocomplete-item-variants.d.ts +1 -1
- package/dist/components/collections/autocomplete/autocomplete-item-variants.js +1 -1
- package/dist/components/collections/autocomplete/autocomplete-item-variants.js.map +1 -1
- package/dist/components/collections/autocomplete/autocomplete-popup-variants.d.ts +4 -2
- package/dist/components/collections/autocomplete/autocomplete-popup-variants.js +4 -2
- package/dist/components/collections/autocomplete/autocomplete-popup-variants.js.map +1 -1
- package/dist/components/collections/autocomplete/autocomplete-separator.d.ts +1 -2
- package/dist/components/collections/autocomplete/autocomplete-separator.js +1 -2
- package/dist/components/collections/autocomplete/autocomplete-separator.js.map +1 -1
- package/dist/components/collections/command/command-collection.d.ts +14 -0
- package/dist/components/collections/command/command-collection.js +15 -0
- package/dist/components/collections/command/command-collection.js.map +1 -0
- package/dist/components/collections/command/command-empty.d.ts +14 -0
- package/dist/components/collections/command/command-empty.js +28 -0
- package/dist/components/collections/command/command-empty.js.map +1 -0
- package/dist/components/collections/command/command-footer.d.ts +12 -0
- package/dist/components/collections/command/command-footer.js +33 -0
- package/dist/components/collections/command/command-footer.js.map +1 -0
- package/dist/components/collections/command/command-group-label.d.ts +15 -0
- package/dist/components/collections/command/command-group-label.js +31 -0
- package/dist/components/collections/command/command-group-label.js.map +1 -0
- package/dist/components/collections/command/command-group.d.ts +15 -0
- package/dist/components/collections/command/command-group.js +19 -0
- package/dist/components/collections/command/command-group.js.map +1 -0
- package/dist/components/collections/command/command-input.d.ts +20 -0
- package/dist/components/collections/command/command-input.js +75 -0
- package/dist/components/collections/command/command-input.js.map +1 -0
- package/dist/components/collections/command/command-item-text.d.ts +19 -0
- package/dist/components/collections/command/command-item-text.js +32 -0
- package/dist/components/collections/command/command-item-text.js.map +1 -0
- package/dist/components/collections/command/command-item-variants.d.ts +12 -0
- package/dist/components/collections/command/command-item-variants.js +39 -0
- package/dist/components/collections/command/command-item-variants.js.map +1 -0
- package/dist/components/collections/command/command-item.d.ts +17 -0
- package/dist/components/collections/command/command-item.js +25 -0
- package/dist/components/collections/command/command-item.js.map +1 -0
- package/dist/components/collections/command/command-list.d.ts +14 -0
- package/dist/components/collections/command/command-list.js +31 -0
- package/dist/components/collections/command/command-list.js.map +1 -0
- package/dist/components/collections/command/command-loading.d.ts +17 -0
- package/dist/components/collections/command/command-loading.js +30 -0
- package/dist/components/collections/command/command-loading.js.map +1 -0
- package/dist/components/collections/command/command-root.d.ts +91 -0
- package/dist/components/collections/command/command-root.js +50 -0
- package/dist/components/collections/command/command-root.js.map +1 -0
- package/dist/components/collections/command/command-separator.d.ts +15 -0
- package/dist/components/collections/command/command-separator.js +27 -0
- package/dist/components/collections/command/command-separator.js.map +1 -0
- package/dist/components/collections/command/index.d.ts +2 -0
- package/dist/components/collections/command/index.js +2 -0
- package/dist/components/collections/command/index.parts.d.ts +19 -0
- package/dist/components/collections/command/index.parts.js +35 -0
- package/dist/components/collections/command/index.parts.js.map +1 -0
- package/dist/components/collections/command/use-command-context.d.ts +10 -0
- package/dist/components/collections/command/use-command-context.js +10 -0
- package/dist/components/collections/command/use-command-context.js.map +1 -0
- package/dist/components/collections/command/use-command-filter.d.ts +27 -0
- package/dist/components/collections/command/use-command-filter.js +32 -0
- package/dist/components/collections/command/use-command-filter.js.map +1 -0
- package/dist/components/collections/select/select-backdrop.d.ts +1 -2
- package/dist/components/collections/select/select-backdrop.js +1 -2
- package/dist/components/collections/select/select-backdrop.js.map +1 -1
- package/dist/components/collections/select/select-group-label-variants.d.ts +2 -2
- package/dist/components/collections/select/select-group-label-variants.js +2 -2
- package/dist/components/collections/select/select-group-label-variants.js.map +1 -1
- package/dist/components/collections/select/select-item-variants.d.ts +3 -2
- package/dist/components/collections/select/select-item-variants.js +3 -2
- package/dist/components/collections/select/select-item-variants.js.map +1 -1
- package/dist/components/collections/select/select-popup-variants.d.ts +1 -1
- package/dist/components/collections/select/select-popup-variants.js +1 -1
- package/dist/components/collections/select/select-popup-variants.js.map +1 -1
- package/dist/components/collections/select/select-separator.d.ts +1 -1
- package/dist/components/collections/select/select-separator.js +1 -1
- package/dist/components/collections/select/select-separator.js.map +1 -1
- package/dist/components/collections/select/select-trigger-variants.d.ts +2 -2
- package/dist/components/collections/select/select-trigger-variants.js +5 -5
- package/dist/components/collections/select/select-trigger-variants.js.map +1 -1
- package/dist/components/collections/tree-view/tree-view-node-checkbox.js +1 -1
- package/dist/components/collections/tree-view/tree-view-node-checkbox.js.map +1 -1
- package/dist/components/collections/tree-view/tree-view-node-variants.d.ts +1 -1
- package/dist/components/collections/tree-view/tree-view-node-variants.js +6 -6
- package/dist/components/collections/tree-view/tree-view-node-variants.js.map +1 -1
- package/dist/components/collections/tree-view/tree-view-root.d.ts +1 -1
- package/dist/components/collections/tree-view/tree-view-root.js +1 -1
- package/dist/components/collections/tree-view/tree-view-root.js.map +1 -1
- package/dist/components/disclosure/tabs/tabs-indicator-variants.d.ts +6 -1
- package/dist/components/disclosure/tabs/tabs-indicator-variants.js +7 -2
- package/dist/components/disclosure/tabs/tabs-indicator-variants.js.map +1 -1
- package/dist/components/disclosure/tabs/tabs-list-variants.d.ts +6 -1
- package/dist/components/disclosure/tabs/tabs-list-variants.js +7 -2
- package/dist/components/disclosure/tabs/tabs-list-variants.js.map +1 -1
- package/dist/components/disclosure/tabs/tabs-root-variants.d.ts +1 -1
- package/dist/components/disclosure/tabs/tabs-root-variants.js +10 -8
- package/dist/components/disclosure/tabs/tabs-root-variants.js.map +1 -1
- package/dist/components/disclosure/tabs/tabs-root.d.ts +1 -1
- package/dist/components/disclosure/tabs/tabs-root.js +1 -1
- package/dist/components/disclosure/tabs/tabs-root.js.map +1 -1
- package/dist/components/disclosure/tabs/tabs-tab-variants.d.ts +5 -1
- package/dist/components/disclosure/tabs/tabs-tab-variants.js +6 -2
- package/dist/components/disclosure/tabs/tabs-tab-variants.js.map +1 -1
- package/dist/components/display/avatar/avatar-root-variants.d.ts +1 -1
- package/dist/components/display/avatar/avatar-root-variants.js +162 -162
- package/dist/components/display/avatar/avatar-root-variants.js.map +1 -1
- package/dist/components/display/badge/badge-variants.d.ts +5 -5
- package/dist/components/display/badge/badge-variants.js +166 -166
- package/dist/components/display/badge/badge-variants.js.map +1 -1
- package/dist/components/display/card/card-body.d.ts +2 -2
- package/dist/components/display/card/card-body.js +2 -2
- package/dist/components/display/card/card-body.js.map +1 -1
- package/dist/components/display/card/card-description.d.ts +1 -2
- package/dist/components/display/card/card-description.js +1 -2
- package/dist/components/display/card/card-description.js.map +1 -1
- package/dist/components/display/card/card-footer.d.ts +1 -1
- package/dist/components/display/card/card-footer.js +1 -1
- package/dist/components/display/card/card-footer.js.map +1 -1
- package/dist/components/display/card/card-header.d.ts +1 -2
- package/dist/components/display/card/card-header.js +1 -2
- package/dist/components/display/card/card-header.js.map +1 -1
- package/dist/components/display/card/card-title.d.ts +1 -2
- package/dist/components/display/card/card-title.js +1 -2
- package/dist/components/display/card/card-title.js.map +1 -1
- package/dist/components/display/clipboard/clipboard-indicator.js +2 -2
- package/dist/components/display/clipboard/clipboard-indicator.js.map +1 -1
- package/dist/components/display/status/status-variants.d.ts +2 -2
- package/dist/components/display/status/status-variants.js +6 -6
- package/dist/components/display/status/status-variants.js.map +1 -1
- package/dist/components/display/tag/tag-root-variants.d.ts +2 -2
- package/dist/components/display/tag/tag-root-variants.js +163 -163
- package/dist/components/display/tag/tag-root-variants.js.map +1 -1
- package/dist/components/feedback/alert/alert-description.d.ts +1 -2
- package/dist/components/feedback/alert/alert-description.js +2 -3
- package/dist/components/feedback/alert/alert-description.js.map +1 -1
- package/dist/components/feedback/alert/alert-indicator.d.ts +2 -2
- package/dist/components/feedback/alert/alert-indicator.js +2 -2
- package/dist/components/feedback/alert/alert-indicator.js.map +1 -1
- package/dist/components/feedback/alert/alert-root-variants.d.ts +3 -3
- package/dist/components/feedback/alert/alert-root-variants.js +28 -28
- package/dist/components/feedback/alert/alert-root-variants.js.map +1 -1
- package/dist/components/feedback/alert/alert-title.d.ts +1 -2
- package/dist/components/feedback/alert/alert-title.js +2 -3
- package/dist/components/feedback/alert/alert-title.js.map +1 -1
- package/dist/components/feedback/meter/index.d.ts +2 -0
- package/dist/components/feedback/meter/index.js +2 -0
- package/dist/components/feedback/meter/index.parts.d.ts +12 -0
- package/dist/components/feedback/meter/index.parts.js +18 -0
- package/dist/components/feedback/meter/index.parts.js.map +1 -0
- package/dist/components/feedback/meter/meter-indicator.d.ts +17 -0
- package/dist/components/feedback/meter/meter-indicator.js +31 -0
- package/dist/components/feedback/meter/meter-indicator.js.map +1 -0
- package/dist/components/feedback/meter/meter-label.d.ts +13 -0
- package/dist/components/feedback/meter/meter-label.js +20 -0
- package/dist/components/feedback/meter/meter-label.js.map +1 -0
- package/dist/components/feedback/meter/meter-root-variants.d.ts +14 -0
- package/dist/components/feedback/meter/meter-root-variants.js +42 -0
- package/dist/components/feedback/meter/meter-root-variants.js.map +1 -0
- package/dist/components/feedback/meter/meter-root.d.ts +37 -0
- package/dist/components/feedback/meter/meter-root.js +51 -0
- package/dist/components/feedback/meter/meter-root.js.map +1 -0
- package/dist/components/feedback/meter/meter-track-variants.d.ts +6 -0
- package/dist/components/feedback/meter/meter-track-variants.js +22 -0
- package/dist/components/feedback/meter/meter-track-variants.js.map +1 -0
- package/dist/components/feedback/meter/meter-track.d.ts +13 -0
- package/dist/components/feedback/meter/meter-track.js +23 -0
- package/dist/components/feedback/meter/meter-track.js.map +1 -0
- package/dist/components/feedback/meter/meter-value.d.ts +14 -0
- package/dist/components/feedback/meter/meter-value.js +25 -0
- package/dist/components/feedback/meter/meter-value.js.map +1 -0
- package/dist/components/feedback/meter/use-meter-context.d.ts +23 -0
- package/dist/components/feedback/meter/use-meter-context.js +14 -0
- package/dist/components/feedback/meter/use-meter-context.js.map +1 -0
- package/dist/components/feedback/progress/index.d.ts +2 -0
- package/dist/components/feedback/progress/index.js +2 -0
- package/dist/components/feedback/progress/index.parts.d.ts +12 -0
- package/dist/components/feedback/progress/index.parts.js +18 -0
- package/dist/components/feedback/progress/index.parts.js.map +1 -0
- package/dist/components/feedback/progress/progress-indicator.d.ts +16 -0
- package/dist/components/feedback/progress/progress-indicator.js +34 -0
- package/dist/components/feedback/progress/progress-indicator.js.map +1 -0
- package/dist/components/feedback/progress/progress-label.d.ts +13 -0
- package/dist/components/feedback/progress/progress-label.js +20 -0
- package/dist/components/feedback/progress/progress-label.js.map +1 -0
- package/dist/components/feedback/progress/progress-root-variants.d.ts +15 -0
- package/dist/components/feedback/progress/progress-root-variants.js +43 -0
- package/dist/components/feedback/progress/progress-root-variants.js.map +1 -0
- package/dist/components/feedback/progress/progress-root.d.ts +34 -0
- package/dist/components/feedback/progress/progress-root.js +48 -0
- package/dist/components/feedback/progress/progress-root.js.map +1 -0
- package/dist/components/feedback/progress/progress-track-variants.d.ts +6 -0
- package/dist/components/feedback/progress/progress-track-variants.js +22 -0
- package/dist/components/feedback/progress/progress-track-variants.js.map +1 -0
- package/dist/components/feedback/progress/progress-track.d.ts +13 -0
- package/dist/components/feedback/progress/progress-track.js +23 -0
- package/dist/components/feedback/progress/progress-track.js.map +1 -0
- package/dist/components/feedback/progress/progress-value.d.ts +14 -0
- package/dist/components/feedback/progress/progress-value.js +25 -0
- package/dist/components/feedback/progress/progress-value.js.map +1 -0
- package/dist/components/feedback/progress/use-progress-context.d.ts +23 -0
- package/dist/components/feedback/progress/use-progress-context.js +14 -0
- package/dist/components/feedback/progress/use-progress-context.js.map +1 -0
- package/dist/components/feedback/spinner/spinner-variants.d.ts +1 -1
- package/dist/components/feedback/spinner/spinner-variants.js +1 -1
- package/dist/components/feedback/spinner/spinner-variants.js.map +1 -1
- package/dist/components/feedback/spinner/spinner.d.ts +1 -1
- package/dist/components/feedback/spinner/spinner.js +1 -1
- package/dist/components/feedback/spinner/spinner.js.map +1 -1
- package/dist/components/feedback/toast/toast-description.d.ts +2 -2
- package/dist/components/feedback/toast/toast-description.js +3 -3
- package/dist/components/feedback/toast/toast-description.js.map +1 -1
- package/dist/components/feedback/toast/toast-indicator.d.ts +4 -4
- package/dist/components/feedback/toast/toast-indicator.js +4 -4
- package/dist/components/feedback/toast/toast-indicator.js.map +1 -1
- package/dist/components/feedback/toast/toast-root-variants.d.ts +1 -1
- package/dist/components/feedback/toast/toast-root-variants.js +15 -15
- package/dist/components/feedback/toast/toast-root-variants.js.map +1 -1
- package/dist/components/feedback/toast/toast-title.d.ts +3 -3
- package/dist/components/feedback/toast/toast-title.js +4 -4
- package/dist/components/feedback/toast/toast-title.js.map +1 -1
- package/dist/components/feedback/toast/toast-viewport-variants.d.ts +1 -1
- package/dist/components/fields/checkbox/checkbox-root-variants.d.ts +3 -1
- package/dist/components/fields/checkbox/checkbox-root-variants.js +11 -9
- package/dist/components/fields/checkbox/checkbox-root-variants.js.map +1 -1
- package/dist/components/fields/currency-brl-input/currency-brl-input-variants.js +3 -3
- package/dist/components/fields/currency-brl-input/currency-brl-input-variants.js.map +1 -1
- package/dist/components/fields/field/field-root.d.ts +2 -1
- package/dist/components/fields/field/field-root.js +2 -1
- package/dist/components/fields/field/field-root.js.map +1 -1
- package/dist/components/fields/input/input-variants.d.ts +4 -3
- package/dist/components/fields/input/input-variants.js +7 -6
- package/dist/components/fields/input/input-variants.js.map +1 -1
- package/dist/components/fields/input-group/index.d.ts +3 -0
- package/dist/components/fields/input-group/index.js +2 -0
- package/dist/components/fields/input-group/input-group-variants.d.ts +81 -0
- package/dist/components/fields/input-group/input-group-variants.js +212 -0
- package/dist/components/fields/input-group/input-group-variants.js.map +1 -0
- package/dist/components/fields/input-group/input-group.d.ts +88 -0
- package/dist/components/fields/input-group/input-group.js +164 -0
- package/dist/components/fields/input-group/input-group.js.map +1 -0
- package/dist/components/fields/number-input/number-input-variants.js +3 -3
- package/dist/components/fields/number-input/number-input-variants.js.map +1 -1
- package/dist/components/fields/pattern-input/pattern-input-variants.js +3 -3
- package/dist/components/fields/pattern-input/pattern-input-variants.js.map +1 -1
- package/dist/components/fields/radio/index.d.ts +2 -0
- package/dist/components/fields/radio/index.js +2 -0
- package/dist/components/fields/radio/index.parts.d.ts +10 -0
- package/dist/components/fields/radio/index.parts.js +14 -0
- package/dist/components/fields/radio/index.parts.js.map +1 -0
- package/dist/components/fields/radio/radio-group.d.ts +40 -0
- package/dist/components/fields/radio/radio-group.js +45 -0
- package/dist/components/fields/radio/radio-group.js.map +1 -0
- package/dist/components/fields/radio/radio-indicator.d.ts +14 -0
- package/dist/components/fields/radio/radio-indicator.js +33 -0
- package/dist/components/fields/radio/radio-indicator.js.map +1 -0
- package/dist/components/fields/radio/radio-root-variants.d.ts +41 -0
- package/dist/components/fields/radio/radio-root-variants.js +93 -0
- package/dist/components/fields/radio/radio-root-variants.js.map +1 -0
- package/dist/components/fields/radio/radio-root.d.ts +27 -0
- package/dist/components/fields/radio/radio-root.js +40 -0
- package/dist/components/fields/radio/radio-root.js.map +1 -0
- package/dist/components/fields/radio-card/index.d.ts +2 -0
- package/dist/components/fields/radio-card/index.js +2 -0
- package/dist/components/fields/radio-card/index.parts.d.ts +12 -0
- package/dist/components/fields/radio-card/index.parts.js +18 -0
- package/dist/components/fields/radio-card/index.parts.js.map +1 -0
- package/dist/components/fields/radio-card/radio-card-description.d.ts +14 -0
- package/dist/components/fields/radio-card/radio-card-description.js +34 -0
- package/dist/components/fields/radio-card/radio-card-description.js.map +1 -0
- package/dist/components/fields/radio-card/radio-card-group.d.ts +41 -0
- package/dist/components/fields/radio-card/radio-card-group.js +51 -0
- package/dist/components/fields/radio-card/radio-card-group.js.map +1 -0
- package/dist/components/fields/radio-card/radio-card-indicator.d.ts +24 -0
- package/dist/components/fields/radio-card/radio-card-indicator.js +67 -0
- package/dist/components/fields/radio-card/radio-card-indicator.js.map +1 -0
- package/dist/components/fields/radio-card/radio-card-item-variants.d.ts +25 -0
- package/dist/components/fields/radio-card/radio-card-item-variants.js +83 -0
- package/dist/components/fields/radio-card/radio-card-item-variants.js.map +1 -0
- package/dist/components/fields/radio-card/radio-card-item.d.ts +33 -0
- package/dist/components/fields/radio-card/radio-card-item.js +60 -0
- package/dist/components/fields/radio-card/radio-card-item.js.map +1 -0
- package/dist/components/fields/radio-card/radio-card-title.d.ts +14 -0
- package/dist/components/fields/radio-card/radio-card-title.js +34 -0
- package/dist/components/fields/radio-card/radio-card-title.js.map +1 -0
- package/dist/components/fields/radio-card/use-radio-card-context.d.ts +25 -0
- package/dist/components/fields/radio-card/use-radio-card-context.js +14 -0
- package/dist/components/fields/radio-card/use-radio-card-context.js.map +1 -0
- package/dist/components/fields/radio-card/use-radio-card-item-context.d.ts +12 -0
- package/dist/components/fields/radio-card/use-radio-card-item-context.js +10 -0
- package/dist/components/fields/radio-card/use-radio-card-item-context.js.map +1 -0
- package/dist/components/fields/segmented-control/index.d.ts +2 -0
- package/dist/components/fields/segmented-control/index.js +2 -0
- package/dist/components/fields/segmented-control/index.parts.d.ts +10 -0
- package/dist/components/fields/segmented-control/index.parts.js +14 -0
- package/dist/components/fields/segmented-control/index.parts.js.map +1 -0
- package/dist/components/fields/segmented-control/segmented-control-indicator.d.ts +21 -0
- package/dist/components/fields/segmented-control/segmented-control-indicator.js +50 -0
- package/dist/components/fields/segmented-control/segmented-control-indicator.js.map +1 -0
- package/dist/components/fields/segmented-control/segmented-control-item-variants.d.ts +16 -0
- package/dist/components/fields/segmented-control/segmented-control-item-variants.js +72 -0
- package/dist/components/fields/segmented-control/segmented-control-item-variants.js.map +1 -0
- package/dist/components/fields/segmented-control/segmented-control-item.d.ts +17 -0
- package/dist/components/fields/segmented-control/segmented-control-item.js +29 -0
- package/dist/components/fields/segmented-control/segmented-control-item.js.map +1 -0
- package/dist/components/fields/segmented-control/segmented-control-root-variants.d.ts +21 -0
- package/dist/components/fields/segmented-control/segmented-control-root-variants.js +66 -0
- package/dist/components/fields/segmented-control/segmented-control-root-variants.js.map +1 -0
- package/dist/components/fields/segmented-control/segmented-control-root.d.ts +41 -0
- package/dist/components/fields/segmented-control/segmented-control-root.js +65 -0
- package/dist/components/fields/segmented-control/segmented-control-root.js.map +1 -0
- package/dist/components/fields/segmented-control/use-segmented-control-context.d.ts +33 -0
- package/dist/components/fields/segmented-control/use-segmented-control-context.js +15 -0
- package/dist/components/fields/segmented-control/use-segmented-control-context.js.map +1 -0
- package/dist/components/fields/segmented-control/use-segmented-control-indicator.d.ts +22 -0
- package/dist/components/fields/segmented-control/use-segmented-control-indicator.js +67 -0
- package/dist/components/fields/segmented-control/use-segmented-control-indicator.js.map +1 -0
- package/dist/components/fields/switch/switch-root-variants.d.ts +1 -1
- package/dist/components/fields/switch/switch-root-variants.js +3 -3
- package/dist/components/fields/switch/switch-root-variants.js.map +1 -1
- package/dist/components/fields/textarea/textarea-variants.js +3 -3
- package/dist/components/fields/textarea/textarea-variants.js.map +1 -1
- package/dist/components/layout/group/group-variants.d.ts +43 -0
- package/dist/components/layout/group/group-variants.js +72 -0
- package/dist/components/layout/group/group-variants.js.map +1 -0
- package/dist/components/layout/group/group.d.ts +38 -0
- package/dist/components/layout/group/group.js +55 -0
- package/dist/components/layout/group/group.js.map +1 -0
- package/dist/components/layout/group/index.d.ts +3 -0
- package/dist/components/layout/group/index.js +2 -0
- package/dist/components/layout/scroll-area/scroll-area-thumb.js +3 -3
- package/dist/components/layout/scroll-area/scroll-area-thumb.js.map +1 -1
- package/dist/components/layout/separator/separator-variants.d.ts +1 -1
- package/dist/components/layout/separator/separator-variants.js +1 -1
- package/dist/components/layout/separator/separator-variants.js.map +1 -1
- package/dist/components/overlays/action-bar/action-bar-selection-trigger.js +2 -2
- package/dist/components/overlays/action-bar/action-bar-selection-trigger.js.map +1 -1
- package/dist/components/overlays/alert-dialog/alert-dialog-backdrop.d.ts +1 -2
- package/dist/components/overlays/alert-dialog/alert-dialog-backdrop.js +1 -2
- package/dist/components/overlays/alert-dialog/alert-dialog-backdrop.js.map +1 -1
- package/dist/components/overlays/alert-dialog/alert-dialog-body.d.ts +1 -1
- package/dist/components/overlays/alert-dialog/alert-dialog-body.js +1 -1
- package/dist/components/overlays/alert-dialog/alert-dialog-body.js.map +1 -1
- package/dist/components/overlays/alert-dialog/alert-dialog-description.d.ts +1 -2
- package/dist/components/overlays/alert-dialog/alert-dialog-description.js +1 -2
- package/dist/components/overlays/alert-dialog/alert-dialog-description.js.map +1 -1
- package/dist/components/overlays/alert-dialog/alert-dialog-footer.d.ts +1 -1
- package/dist/components/overlays/alert-dialog/alert-dialog-footer.js +1 -1
- package/dist/components/overlays/alert-dialog/alert-dialog-footer.js.map +1 -1
- package/dist/components/overlays/alert-dialog/alert-dialog-header.d.ts +1 -1
- package/dist/components/overlays/alert-dialog/alert-dialog-header.js +1 -1
- package/dist/components/overlays/alert-dialog/alert-dialog-header.js.map +1 -1
- package/dist/components/overlays/alert-dialog/alert-dialog-imperative.d.ts +1 -1
- package/dist/components/overlays/alert-dialog/alert-dialog-imperative.js +1 -1
- package/dist/components/overlays/alert-dialog/alert-dialog-imperative.js.map +1 -1
- package/dist/components/overlays/alert-dialog/alert-dialog-indicator.d.ts +2 -2
- package/dist/components/overlays/alert-dialog/alert-dialog-indicator.js +2 -2
- package/dist/components/overlays/alert-dialog/alert-dialog-indicator.js.map +1 -1
- package/dist/components/overlays/alert-dialog/alert-dialog-popup-variants.d.ts +4 -4
- package/dist/components/overlays/alert-dialog/alert-dialog-popup-variants.js +4 -4
- package/dist/components/overlays/alert-dialog/alert-dialog-popup-variants.js.map +1 -1
- package/dist/components/overlays/alert-dialog/alert-dialog-title.d.ts +1 -1
- package/dist/components/overlays/alert-dialog/alert-dialog-title.js +1 -1
- package/dist/components/overlays/alert-dialog/alert-dialog-title.js.map +1 -1
- package/dist/components/overlays/alert-dialog/alert-dialog-viewport.d.ts +1 -2
- package/dist/components/overlays/alert-dialog/alert-dialog-viewport.js +1 -2
- package/dist/components/overlays/alert-dialog/alert-dialog-viewport.js.map +1 -1
- package/dist/components/overlays/dialog/dialog-backdrop.d.ts +1 -2
- package/dist/components/overlays/dialog/dialog-backdrop.js +1 -2
- package/dist/components/overlays/dialog/dialog-backdrop.js.map +1 -1
- package/dist/components/overlays/dialog/dialog-body.d.ts +5 -5
- package/dist/components/overlays/dialog/dialog-body.js +5 -5
- package/dist/components/overlays/dialog/dialog-body.js.map +1 -1
- package/dist/components/overlays/dialog/dialog-description.d.ts +4 -4
- package/dist/components/overlays/dialog/dialog-description.js +4 -4
- package/dist/components/overlays/dialog/dialog-description.js.map +1 -1
- package/dist/components/overlays/dialog/dialog-footer.d.ts +5 -6
- package/dist/components/overlays/dialog/dialog-footer.js +5 -6
- package/dist/components/overlays/dialog/dialog-footer.js.map +1 -1
- package/dist/components/overlays/dialog/dialog-header.d.ts +5 -6
- package/dist/components/overlays/dialog/dialog-header.js +5 -6
- package/dist/components/overlays/dialog/dialog-header.js.map +1 -1
- package/dist/components/overlays/dialog/dialog-popup-variants.d.ts +4 -4
- package/dist/components/overlays/dialog/dialog-popup-variants.js +4 -4
- package/dist/components/overlays/dialog/dialog-popup-variants.js.map +1 -1
- package/dist/components/overlays/dialog/dialog-title.d.ts +5 -5
- package/dist/components/overlays/dialog/dialog-title.js +5 -5
- package/dist/components/overlays/dialog/dialog-title.js.map +1 -1
- package/dist/components/overlays/dialog/dialog-viewport.d.ts +2 -2
- package/dist/components/overlays/dialog/dialog-viewport.js +2 -2
- package/dist/components/overlays/dialog/dialog-viewport.js.map +1 -1
- package/dist/components/overlays/drawer/drawer-backdrop.d.ts +1 -1
- package/dist/components/overlays/drawer/drawer-backdrop.js +1 -1
- package/dist/components/overlays/drawer/drawer-backdrop.js.map +1 -1
- package/dist/components/overlays/drawer/drawer-body.d.ts +3 -3
- package/dist/components/overlays/drawer/drawer-body.js +3 -3
- package/dist/components/overlays/drawer/drawer-body.js.map +1 -1
- package/dist/components/overlays/drawer/drawer-description.d.ts +1 -2
- package/dist/components/overlays/drawer/drawer-description.js +1 -2
- package/dist/components/overlays/drawer/drawer-description.js.map +1 -1
- package/dist/components/overlays/drawer/drawer-footer.d.ts +1 -2
- package/dist/components/overlays/drawer/drawer-footer.js +1 -2
- package/dist/components/overlays/drawer/drawer-footer.js.map +1 -1
- package/dist/components/overlays/drawer/drawer-header.d.ts +1 -2
- package/dist/components/overlays/drawer/drawer-header.js +1 -2
- package/dist/components/overlays/drawer/drawer-header.js.map +1 -1
- package/dist/components/overlays/drawer/drawer-popup-variants.d.ts +1 -1
- package/dist/components/overlays/drawer/drawer-popup-variants.js +1 -2
- package/dist/components/overlays/drawer/drawer-popup-variants.js.map +1 -1
- package/dist/components/overlays/drawer/drawer-title.d.ts +1 -2
- package/dist/components/overlays/drawer/drawer-title.js +1 -2
- package/dist/components/overlays/drawer/drawer-title.js.map +1 -1
- package/dist/components/overlays/menu/create-handle.d.ts +10 -0
- package/dist/components/overlays/menu/create-handle.js +11 -0
- package/dist/components/overlays/menu/create-handle.js.map +1 -0
- package/dist/components/overlays/menu/index.parts.d.ts +21 -3
- package/dist/components/overlays/menu/index.parts.js +38 -2
- package/dist/components/overlays/menu/index.parts.js.map +1 -1
- package/dist/components/overlays/menu/menu-arrow.d.ts +17 -0
- package/dist/components/overlays/menu/menu-arrow.js +48 -0
- package/dist/components/overlays/menu/menu-arrow.js.map +1 -0
- package/dist/components/overlays/menu/menu-backdrop.d.ts +16 -0
- package/dist/components/overlays/menu/menu-backdrop.js +36 -0
- package/dist/components/overlays/menu/menu-backdrop.js.map +1 -0
- package/dist/components/overlays/menu/menu-checkbox-item-indicator.d.ts +16 -0
- package/dist/components/overlays/menu/menu-checkbox-item-indicator.js +27 -0
- package/dist/components/overlays/menu/menu-checkbox-item-indicator.js.map +1 -0
- package/dist/components/overlays/menu/menu-checkbox-item.d.ts +24 -0
- package/dist/components/overlays/menu/menu-checkbox-item.js +31 -0
- package/dist/components/overlays/menu/menu-checkbox-item.js.map +1 -0
- package/dist/components/overlays/menu/menu-clear.d.ts +20 -0
- package/dist/components/overlays/menu/menu-clear.js +45 -0
- package/dist/components/overlays/menu/menu-clear.js.map +1 -0
- package/dist/components/overlays/menu/menu-empty.d.ts +18 -0
- package/dist/components/overlays/menu/menu-empty.js +32 -0
- package/dist/components/overlays/menu/menu-empty.js.map +1 -0
- package/dist/components/overlays/menu/menu-filter-provider.d.ts +43 -0
- package/dist/components/overlays/menu/menu-filter-provider.js +42 -0
- package/dist/components/overlays/menu/menu-filter-provider.js.map +1 -0
- package/dist/components/overlays/menu/menu-group-label.d.ts +1 -1
- package/dist/components/overlays/menu/menu-group-label.js +1 -1
- package/dist/components/overlays/menu/menu-group-label.js.map +1 -1
- package/dist/components/overlays/menu/menu-input.d.ts +22 -0
- package/dist/components/overlays/menu/menu-input.js +58 -0
- package/dist/components/overlays/menu/menu-input.js.map +1 -0
- package/dist/components/overlays/menu/menu-item-variants.d.ts +2 -2
- package/dist/components/overlays/menu/menu-item-variants.js +7 -7
- package/dist/components/overlays/menu/menu-item-variants.js.map +1 -1
- package/dist/components/overlays/menu/menu-link-item.d.ts +19 -0
- package/dist/components/overlays/menu/menu-link-item.js +28 -0
- package/dist/components/overlays/menu/menu-link-item.js.map +1 -0
- package/dist/components/overlays/menu/menu-list.d.ts +25 -0
- package/dist/components/overlays/menu/menu-list.js +43 -0
- package/dist/components/overlays/menu/menu-list.js.map +1 -0
- package/dist/components/overlays/menu/menu-popup.d.ts +7 -6
- package/dist/components/overlays/menu/menu-popup.js +9 -9
- package/dist/components/overlays/menu/menu-popup.js.map +1 -1
- package/dist/components/overlays/menu/menu-positioner.d.ts +5 -1
- package/dist/components/overlays/menu/menu-positioner.js +11 -2
- package/dist/components/overlays/menu/menu-positioner.js.map +1 -1
- package/dist/components/overlays/menu/menu-radio-group.d.ts +17 -0
- package/dist/components/overlays/menu/menu-radio-group.js +22 -0
- package/dist/components/overlays/menu/menu-radio-group.js.map +1 -0
- package/dist/components/overlays/menu/menu-radio-item-indicator.d.ts +16 -0
- package/dist/components/overlays/menu/menu-radio-item-indicator.js +34 -0
- package/dist/components/overlays/menu/menu-radio-item-indicator.js.map +1 -0
- package/dist/components/overlays/menu/menu-radio-item.d.ts +21 -0
- package/dist/components/overlays/menu/menu-radio-item.js +30 -0
- package/dist/components/overlays/menu/menu-radio-item.js.map +1 -0
- package/dist/components/overlays/menu/menu-root.d.ts +15 -6
- package/dist/components/overlays/menu/menu-root.js +15 -6
- package/dist/components/overlays/menu/menu-root.js.map +1 -1
- package/dist/components/overlays/menu/menu-separator.d.ts +6 -1
- package/dist/components/overlays/menu/menu-separator.js +6 -1
- package/dist/components/overlays/menu/menu-separator.js.map +1 -1
- package/dist/components/overlays/menu/menu-submenu-root.d.ts +39 -0
- package/dist/components/overlays/menu/menu-submenu-root.js +42 -0
- package/dist/components/overlays/menu/menu-submenu-root.js.map +1 -0
- package/dist/components/overlays/menu/menu-submenu-trigger.d.ts +21 -0
- package/dist/components/overlays/menu/menu-submenu-trigger.js +40 -0
- package/dist/components/overlays/menu/menu-submenu-trigger.js.map +1 -0
- package/dist/components/overlays/menu/menu-viewport.d.ts +19 -0
- package/dist/components/overlays/menu/menu-viewport.js +51 -0
- package/dist/components/overlays/menu/menu-viewport.js.map +1 -0
- package/dist/components/overlays/menu/use-filter.d.ts +19 -0
- package/dist/components/overlays/menu/use-filter.js +19 -0
- package/dist/components/overlays/menu/use-filter.js.map +1 -0
- package/dist/components/overlays/menu/use-menu-submenu-context.d.ts +9 -0
- package/dist/components/overlays/menu/use-menu-submenu-context.js +12 -0
- package/dist/components/overlays/menu/use-menu-submenu-context.js.map +1 -0
- package/dist/components/overlays/popover/popover-arrow.d.ts +2 -2
- package/dist/components/overlays/popover/popover-arrow.js +2 -2
- package/dist/components/overlays/popover/popover-arrow.js.map +1 -1
- package/dist/components/overlays/popover/popover-backdrop.d.ts +5 -4
- package/dist/components/overlays/popover/popover-backdrop.js +5 -4
- package/dist/components/overlays/popover/popover-backdrop.js.map +1 -1
- package/dist/components/overlays/popover/popover-popup-variants.d.ts +3 -2
- package/dist/components/overlays/popover/popover-popup-variants.js +3 -2
- package/dist/components/overlays/popover/popover-popup-variants.js.map +1 -1
- package/dist/components/overlays/popover/popover-positioner.d.ts +4 -3
- package/dist/components/overlays/popover/popover-positioner.js +4 -3
- package/dist/components/overlays/popover/popover-positioner.js.map +1 -1
- package/dist/components/overlays/popover/popover-viewport.d.ts +4 -4
- package/dist/components/overlays/popover/popover-viewport.js +4 -4
- package/dist/components/overlays/popover/popover-viewport.js.map +1 -1
- package/dist/components/typography/highlight/highlight.d.ts +35 -0
- package/dist/components/typography/highlight/highlight.js +43 -0
- package/dist/components/typography/highlight/highlight.js.map +1 -0
- package/dist/components/typography/highlight/index.d.ts +2 -0
- package/dist/components/typography/highlight/index.js +2 -0
- package/dist/components/typography/kbd/kbd-variants.d.ts +1 -1
- package/dist/components/typography/kbd/kbd-variants.js +9 -9
- package/dist/components/typography/kbd/kbd-variants.js.map +1 -1
- package/dist/components/typography/link/link-variants.d.ts +2 -2
- package/dist/components/typography/link/link-variants.js +24 -24
- package/dist/components/typography/link/link-variants.js.map +1 -1
- package/dist/components/typography/mark/mark-variants.d.ts +9 -3
- package/dist/components/typography/mark/mark-variants.js +25 -21
- package/dist/components/typography/mark/mark-variants.js.map +1 -1
- package/dist/components/typography/pre/pre-variants.d.ts +1 -1
- package/dist/components/typography/pre/pre-variants.js +25 -25
- package/dist/components/typography/pre/pre-variants.js.map +1 -1
- package/dist/types/color-scheme.d.ts +2 -2
- package/package.json +17 -5
- package/src/theme/theme.css +1268 -1228
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Menu } from "@base-ui/react/menu";
|
|
2
|
+
//#region src/components/overlays/menu/create-handle.ts
|
|
3
|
+
/**
|
|
4
|
+
* Cria um handle que liga triggers soltos pela página a um único `Menu.Root`, passado em
|
|
5
|
+
* `handle` nos dois lados. O `Payload` é o dado que cada trigger envia ao abrir.
|
|
6
|
+
*/
|
|
7
|
+
const createMenuHandle = () => Menu.createHandle();
|
|
8
|
+
//#endregion
|
|
9
|
+
export { createMenuHandle };
|
|
10
|
+
|
|
11
|
+
//# sourceMappingURL=create-handle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"create-handle.js","names":["BaseMenu"],"sources":["../../../../src/components/overlays/menu/create-handle.ts"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu';\n\nexport type MenuHandle<Payload> = BaseMenu.Handle<Payload>;\n\n/**\n * Cria um handle que liga triggers soltos pela página a um único `Menu.Root`, passado em\n * `handle` nos dois lados. O `Payload` é o dado que cada trigger envia ao abrir.\n */\nexport const createMenuHandle = <Payload>() => BaseMenu.createHandle<Payload>();\n"],"mappings":";;;;;;AAQA,MAAa,yBAAkCA,KAAS,aAAsB"}
|
|
@@ -1,16 +1,34 @@
|
|
|
1
|
+
import { MenuHandle, createMenuHandle } from "./create-handle.js";
|
|
2
|
+
import { MenuArrow, MenuArrowProps, MenuArrowState } from "./menu-arrow.js";
|
|
3
|
+
import { MenuBackdrop, MenuBackdropProps, MenuBackdropState } from "./menu-backdrop.js";
|
|
4
|
+
import { MenuItemVariants } from "./menu-item-variants.js";
|
|
5
|
+
import { MenuCheckboxItem, MenuCheckboxItemChangeEventDetails, MenuCheckboxItemChangeEventReason, MenuCheckboxItemProps, MenuCheckboxItemState } from "./menu-checkbox-item.js";
|
|
6
|
+
import { MenuCheckboxItemIndicator, MenuCheckboxItemIndicatorProps, MenuCheckboxItemIndicatorState } from "./menu-checkbox-item-indicator.js";
|
|
7
|
+
import { MenuClear, MenuClearProps, MenuClearState } from "./menu-clear.js";
|
|
8
|
+
import { MenuEmpty, MenuEmptyProps, MenuEmptyState } from "./menu-empty.js";
|
|
9
|
+
import { MenuFilterProvider, MenuFilterProviderChangeEventDetails, MenuFilterProviderChangeEventReason, MenuFilterProviderProps, MenuFilterProviderState } from "./menu-filter-provider.js";
|
|
1
10
|
import { MenuGroup, MenuGroupProps, MenuGroupState } from "./menu-group.js";
|
|
2
11
|
import { MenuGroupLabel, MenuGroupLabelProps, MenuGroupLabelState } from "./menu-group-label.js";
|
|
3
|
-
import {
|
|
12
|
+
import { MenuInput, MenuInputProps, MenuInputState } from "./menu-input.js";
|
|
4
13
|
import { MenuItem, MenuItemProps, MenuItemState } from "./menu-item.js";
|
|
14
|
+
import { MenuLinkItem, MenuLinkItemProps, MenuLinkItemState } from "./menu-link-item.js";
|
|
15
|
+
import { MenuList, MenuListProps, MenuListState } from "./menu-list.js";
|
|
5
16
|
import { MenuPopup, MenuPopupProps, MenuPopupState } from "./menu-popup.js";
|
|
6
17
|
import { MenuPortal, MenuPortalProps, MenuPortalState } from "./menu-portal.js";
|
|
7
18
|
import { MenuPositioner, MenuPositionerProps, MenuPositionerState } from "./menu-positioner.js";
|
|
19
|
+
import { MenuRadioGroup, MenuRadioGroupChangeEventDetails, MenuRadioGroupChangeEventReason, MenuRadioGroupProps, MenuRadioGroupState } from "./menu-radio-group.js";
|
|
20
|
+
import { MenuRadioItem, MenuRadioItemProps, MenuRadioItemState } from "./menu-radio-item.js";
|
|
21
|
+
import { MenuRadioItemIndicator, MenuRadioItemIndicatorProps, MenuRadioItemIndicatorState } from "./menu-radio-item-indicator.js";
|
|
8
22
|
import { MenuRoot, MenuRootActions, MenuRootChangeEventDetails, MenuRootChangeEventReason, MenuRootProps, MenuRootState } from "./menu-root.js";
|
|
9
23
|
import { MenuSeparator, MenuSeparatorProps, MenuSeparatorState } from "./menu-separator.js";
|
|
24
|
+
import { MenuSubmenuRoot, MenuSubmenuRootChangeEventDetails, MenuSubmenuRootChangeEventReason, MenuSubmenuRootProps, MenuSubmenuRootState } from "./menu-submenu-root.js";
|
|
25
|
+
import { MenuSubmenuTrigger, MenuSubmenuTriggerProps, MenuSubmenuTriggerState } from "./menu-submenu-trigger.js";
|
|
10
26
|
import { MenuTrigger, MenuTriggerProps, MenuTriggerState } from "./menu-trigger.js";
|
|
27
|
+
import { MenuViewport, MenuViewportProps, MenuViewportState } from "./menu-viewport.js";
|
|
28
|
+
import { MenuFilterRule, MenuFilterRuleOptions, useMenuFilter } from "./use-filter.js";
|
|
11
29
|
declare namespace index_parts_d_exports {
|
|
12
|
-
export { MenuGroup as Group, MenuGroupLabel as GroupLabel, MenuGroupLabelProps as GroupLabelProps, MenuGroupLabelState as GroupLabelState, MenuGroupProps as GroupProps, MenuGroupState as GroupState, MenuItem as Item, MenuItemProps as ItemProps, MenuItemState as ItemState, MenuItemVariants as ItemVariants, MenuPopup as Popup, MenuPopupProps as PopupProps, MenuPopupState as PopupState, MenuPortal as Portal, MenuPortalProps as PortalProps, MenuPortalState as PortalState, MenuPositioner as Positioner, MenuPositionerProps as PositionerProps, MenuPositionerState as PositionerState, MenuRoot as Root, MenuRootActions as RootActions, MenuRootChangeEventDetails as RootChangeEventDetails, MenuRootChangeEventReason as RootChangeEventReason, MenuRootProps as RootProps, MenuRootState as RootState, MenuSeparator as Separator, MenuSeparatorProps as SeparatorProps, MenuSeparatorState as SeparatorState, MenuTrigger as Trigger, MenuTriggerProps as TriggerProps, MenuTriggerState as TriggerState };
|
|
30
|
+
export { MenuArrow as Arrow, MenuArrowProps as ArrowProps, MenuArrowState as ArrowState, MenuBackdrop as Backdrop, MenuBackdropProps as BackdropProps, MenuBackdropState as BackdropState, MenuCheckboxItem as CheckboxItem, MenuCheckboxItemChangeEventDetails as CheckboxItemChangeEventDetails, MenuCheckboxItemChangeEventReason as CheckboxItemChangeEventReason, MenuCheckboxItemIndicator as CheckboxItemIndicator, MenuCheckboxItemIndicatorProps as CheckboxItemIndicatorProps, MenuCheckboxItemIndicatorState as CheckboxItemIndicatorState, MenuCheckboxItemProps as CheckboxItemProps, MenuCheckboxItemState as CheckboxItemState, MenuClear as Clear, MenuClearProps as ClearProps, MenuClearState as ClearState, MenuEmpty as Empty, MenuEmptyProps as EmptyProps, MenuEmptyState as EmptyState, MenuFilterRule as Filter, MenuFilterRuleOptions as FilterOptions, MenuFilterProvider as FilterProvider, MenuFilterProviderChangeEventDetails as FilterProviderChangeEventDetails, MenuFilterProviderChangeEventReason as FilterProviderChangeEventReason, MenuFilterProviderProps as FilterProviderProps, MenuFilterProviderState as FilterProviderState, MenuGroup as Group, MenuGroupLabel as GroupLabel, MenuGroupLabelProps as GroupLabelProps, MenuGroupLabelState as GroupLabelState, MenuGroupProps as GroupProps, MenuGroupState as GroupState, MenuHandle as Handle, MenuInput as Input, MenuInputProps as InputProps, MenuInputState as InputState, MenuItem as Item, MenuItemProps as ItemProps, MenuItemState as ItemState, MenuItemVariants as ItemVariants, MenuLinkItem as LinkItem, MenuLinkItemProps as LinkItemProps, MenuLinkItemState as LinkItemState, MenuList as List, MenuListProps as ListProps, MenuListState as ListState, MenuPopup as Popup, MenuPopupProps as PopupProps, MenuPopupState as PopupState, MenuPortal as Portal, MenuPortalProps as PortalProps, MenuPortalState as PortalState, MenuPositioner as Positioner, MenuPositionerProps as PositionerProps, MenuPositionerState as PositionerState, MenuRadioGroup as RadioGroup, MenuRadioGroupChangeEventDetails as RadioGroupChangeEventDetails, MenuRadioGroupChangeEventReason as RadioGroupChangeEventReason, MenuRadioGroupProps as RadioGroupProps, MenuRadioGroupState as RadioGroupState, MenuRadioItem as RadioItem, MenuRadioItemIndicator as RadioItemIndicator, MenuRadioItemIndicatorProps as RadioItemIndicatorProps, MenuRadioItemIndicatorState as RadioItemIndicatorState, MenuRadioItemProps as RadioItemProps, MenuRadioItemState as RadioItemState, MenuRoot as Root, MenuRootActions as RootActions, MenuRootChangeEventDetails as RootChangeEventDetails, MenuRootChangeEventReason as RootChangeEventReason, MenuRootProps as RootProps, MenuRootState as RootState, MenuSeparator as Separator, MenuSeparatorProps as SeparatorProps, MenuSeparatorState as SeparatorState, MenuSubmenuRoot as SubmenuRoot, MenuSubmenuRootChangeEventDetails as SubmenuRootChangeEventDetails, MenuSubmenuRootChangeEventReason as SubmenuRootChangeEventReason, MenuSubmenuRootProps as SubmenuRootProps, MenuSubmenuRootState as SubmenuRootState, MenuSubmenuTrigger as SubmenuTrigger, MenuSubmenuTriggerProps as SubmenuTriggerProps, MenuSubmenuTriggerState as SubmenuTriggerState, MenuTrigger as Trigger, MenuTriggerProps as TriggerProps, MenuTriggerState as TriggerState, MenuViewport as Viewport, MenuViewportProps as ViewportProps, MenuViewportState as ViewportState, createMenuHandle as createHandle, useMenuFilter as useFilter };
|
|
13
31
|
}
|
|
14
32
|
//#endregion
|
|
15
|
-
export { MenuGroup as Group, MenuGroupLabel as GroupLabel, type MenuGroupLabelProps as GroupLabelProps, type MenuGroupLabelState as GroupLabelState, type MenuGroupProps as GroupProps, type MenuGroupState as GroupState, MenuItem as Item, type MenuItemProps as ItemProps, type MenuItemState as ItemState, type MenuItemVariants as ItemVariants, MenuPopup as Popup, type MenuPopupProps as PopupProps, type MenuPopupState as PopupState, MenuPortal as Portal, type MenuPortalProps as PortalProps, type MenuPortalState as PortalState, MenuPositioner as Positioner, type MenuPositionerProps as PositionerProps, type MenuPositionerState as PositionerState, MenuRoot as Root, type MenuRootActions as RootActions, type MenuRootChangeEventDetails as RootChangeEventDetails, type MenuRootChangeEventReason as RootChangeEventReason, type MenuRootProps as RootProps, type MenuRootState as RootState, MenuSeparator as Separator, type MenuSeparatorProps as SeparatorProps, type MenuSeparatorState as SeparatorState, MenuTrigger as Trigger, type MenuTriggerProps as TriggerProps, type MenuTriggerState as TriggerState, index_parts_d_exports };
|
|
33
|
+
export { MenuArrow as Arrow, type MenuArrowProps as ArrowProps, type MenuArrowState as ArrowState, MenuBackdrop as Backdrop, type MenuBackdropProps as BackdropProps, type MenuBackdropState as BackdropState, MenuCheckboxItem as CheckboxItem, type MenuCheckboxItemChangeEventDetails as CheckboxItemChangeEventDetails, type MenuCheckboxItemChangeEventReason as CheckboxItemChangeEventReason, MenuCheckboxItemIndicator as CheckboxItemIndicator, type MenuCheckboxItemIndicatorProps as CheckboxItemIndicatorProps, type MenuCheckboxItemIndicatorState as CheckboxItemIndicatorState, type MenuCheckboxItemProps as CheckboxItemProps, type MenuCheckboxItemState as CheckboxItemState, MenuClear as Clear, type MenuClearProps as ClearProps, type MenuClearState as ClearState, MenuEmpty as Empty, type MenuEmptyProps as EmptyProps, type MenuEmptyState as EmptyState, type MenuFilterRule as Filter, type MenuFilterRuleOptions as FilterOptions, MenuFilterProvider as FilterProvider, type MenuFilterProviderChangeEventDetails as FilterProviderChangeEventDetails, type MenuFilterProviderChangeEventReason as FilterProviderChangeEventReason, type MenuFilterProviderProps as FilterProviderProps, type MenuFilterProviderState as FilterProviderState, MenuGroup as Group, MenuGroupLabel as GroupLabel, type MenuGroupLabelProps as GroupLabelProps, type MenuGroupLabelState as GroupLabelState, type MenuGroupProps as GroupProps, type MenuGroupState as GroupState, type MenuHandle as Handle, MenuInput as Input, type MenuInputProps as InputProps, type MenuInputState as InputState, MenuItem as Item, type MenuItemProps as ItemProps, type MenuItemState as ItemState, type MenuItemVariants as ItemVariants, MenuLinkItem as LinkItem, type MenuLinkItemProps as LinkItemProps, type MenuLinkItemState as LinkItemState, MenuList as List, type MenuListProps as ListProps, type MenuListState as ListState, MenuPopup as Popup, type MenuPopupProps as PopupProps, type MenuPopupState as PopupState, MenuPortal as Portal, type MenuPortalProps as PortalProps, type MenuPortalState as PortalState, MenuPositioner as Positioner, type MenuPositionerProps as PositionerProps, type MenuPositionerState as PositionerState, MenuRadioGroup as RadioGroup, type MenuRadioGroupChangeEventDetails as RadioGroupChangeEventDetails, type MenuRadioGroupChangeEventReason as RadioGroupChangeEventReason, type MenuRadioGroupProps as RadioGroupProps, type MenuRadioGroupState as RadioGroupState, MenuRadioItem as RadioItem, MenuRadioItemIndicator as RadioItemIndicator, type MenuRadioItemIndicatorProps as RadioItemIndicatorProps, type MenuRadioItemIndicatorState as RadioItemIndicatorState, type MenuRadioItemProps as RadioItemProps, type MenuRadioItemState as RadioItemState, MenuRoot as Root, type MenuRootActions as RootActions, type MenuRootChangeEventDetails as RootChangeEventDetails, type MenuRootChangeEventReason as RootChangeEventReason, type MenuRootProps as RootProps, type MenuRootState as RootState, MenuSeparator as Separator, type MenuSeparatorProps as SeparatorProps, type MenuSeparatorState as SeparatorState, MenuSubmenuRoot as SubmenuRoot, type MenuSubmenuRootChangeEventDetails as SubmenuRootChangeEventDetails, type MenuSubmenuRootChangeEventReason as SubmenuRootChangeEventReason, type MenuSubmenuRootProps as SubmenuRootProps, type MenuSubmenuRootState as SubmenuRootState, MenuSubmenuTrigger as SubmenuTrigger, type MenuSubmenuTriggerProps as SubmenuTriggerProps, type MenuSubmenuTriggerState as SubmenuTriggerState, MenuTrigger as Trigger, type MenuTriggerProps as TriggerProps, type MenuTriggerState as TriggerState, MenuViewport as Viewport, type MenuViewportProps as ViewportProps, type MenuViewportState as ViewportState, createMenuHandle as createHandle, index_parts_d_exports, useMenuFilter as useFilter };
|
|
16
34
|
//# sourceMappingURL=index.parts.d.ts.map
|
|
@@ -1,26 +1,62 @@
|
|
|
1
1
|
import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
|
|
2
|
+
import { createMenuHandle } from "./create-handle.js";
|
|
3
|
+
import { MenuArrow } from "./menu-arrow.js";
|
|
4
|
+
import { MenuBackdrop } from "./menu-backdrop.js";
|
|
5
|
+
import { MenuCheckboxItem } from "./menu-checkbox-item.js";
|
|
6
|
+
import { MenuCheckboxItemIndicator } from "./menu-checkbox-item-indicator.js";
|
|
7
|
+
import { MenuClear } from "./menu-clear.js";
|
|
8
|
+
import { MenuEmpty } from "./menu-empty.js";
|
|
9
|
+
import { MenuFilterProvider } from "./menu-filter-provider.js";
|
|
2
10
|
import { MenuGroup } from "./menu-group.js";
|
|
3
11
|
import { MenuGroupLabel } from "./menu-group-label.js";
|
|
12
|
+
import { MenuInput } from "./menu-input.js";
|
|
4
13
|
import { MenuItem } from "./menu-item.js";
|
|
14
|
+
import { MenuLinkItem } from "./menu-link-item.js";
|
|
15
|
+
import { MenuList } from "./menu-list.js";
|
|
5
16
|
import { MenuPopup } from "./menu-popup.js";
|
|
6
17
|
import { MenuPortal } from "./menu-portal.js";
|
|
7
18
|
import { MenuPositioner } from "./menu-positioner.js";
|
|
19
|
+
import { MenuRadioGroup } from "./menu-radio-group.js";
|
|
20
|
+
import { MenuRadioItem } from "./menu-radio-item.js";
|
|
21
|
+
import { MenuRadioItemIndicator } from "./menu-radio-item-indicator.js";
|
|
8
22
|
import { MenuRoot } from "./menu-root.js";
|
|
9
23
|
import { MenuSeparator } from "./menu-separator.js";
|
|
24
|
+
import { MenuSubmenuRoot } from "./menu-submenu-root.js";
|
|
25
|
+
import { MenuSubmenuTrigger } from "./menu-submenu-trigger.js";
|
|
10
26
|
import { MenuTrigger } from "./menu-trigger.js";
|
|
27
|
+
import { MenuViewport } from "./menu-viewport.js";
|
|
28
|
+
import { useMenuFilter } from "./use-filter.js";
|
|
11
29
|
//#region src/components/overlays/menu/index.parts.ts
|
|
12
30
|
var index_parts_exports = /* @__PURE__ */ __exportAll({
|
|
31
|
+
Arrow: () => MenuArrow,
|
|
32
|
+
Backdrop: () => MenuBackdrop,
|
|
33
|
+
CheckboxItem: () => MenuCheckboxItem,
|
|
34
|
+
CheckboxItemIndicator: () => MenuCheckboxItemIndicator,
|
|
35
|
+
Clear: () => MenuClear,
|
|
36
|
+
Empty: () => MenuEmpty,
|
|
37
|
+
FilterProvider: () => MenuFilterProvider,
|
|
13
38
|
Group: () => MenuGroup,
|
|
14
39
|
GroupLabel: () => MenuGroupLabel,
|
|
40
|
+
Input: () => MenuInput,
|
|
15
41
|
Item: () => MenuItem,
|
|
42
|
+
LinkItem: () => MenuLinkItem,
|
|
43
|
+
List: () => MenuList,
|
|
16
44
|
Popup: () => MenuPopup,
|
|
17
45
|
Portal: () => MenuPortal,
|
|
18
46
|
Positioner: () => MenuPositioner,
|
|
47
|
+
RadioGroup: () => MenuRadioGroup,
|
|
48
|
+
RadioItem: () => MenuRadioItem,
|
|
49
|
+
RadioItemIndicator: () => MenuRadioItemIndicator,
|
|
19
50
|
Root: () => MenuRoot,
|
|
20
51
|
Separator: () => MenuSeparator,
|
|
21
|
-
|
|
52
|
+
SubmenuRoot: () => MenuSubmenuRoot,
|
|
53
|
+
SubmenuTrigger: () => MenuSubmenuTrigger,
|
|
54
|
+
Trigger: () => MenuTrigger,
|
|
55
|
+
Viewport: () => MenuViewport,
|
|
56
|
+
createHandle: () => createMenuHandle,
|
|
57
|
+
useFilter: () => useMenuFilter
|
|
22
58
|
});
|
|
23
59
|
//#endregion
|
|
24
|
-
export { MenuGroup as Group, MenuGroupLabel as GroupLabel, MenuItem as Item, MenuPopup as Popup, MenuPortal as Portal, MenuPositioner as Positioner, MenuRoot as Root, MenuSeparator as Separator, MenuTrigger as Trigger, index_parts_exports };
|
|
60
|
+
export { MenuArrow as Arrow, MenuBackdrop as Backdrop, MenuCheckboxItem as CheckboxItem, MenuCheckboxItemIndicator as CheckboxItemIndicator, MenuClear as Clear, MenuEmpty as Empty, MenuFilterProvider as FilterProvider, MenuGroup as Group, MenuGroupLabel as GroupLabel, MenuInput as Input, MenuItem as Item, MenuLinkItem as LinkItem, MenuList as List, MenuPopup as Popup, MenuPortal as Portal, MenuPositioner as Positioner, MenuRadioGroup as RadioGroup, MenuRadioItem as RadioItem, MenuRadioItemIndicator as RadioItemIndicator, MenuRoot as Root, MenuSeparator as Separator, MenuSubmenuRoot as SubmenuRoot, MenuSubmenuTrigger as SubmenuTrigger, MenuTrigger as Trigger, MenuViewport as Viewport, createMenuHandle as createHandle, index_parts_exports, useMenuFilter as useFilter };
|
|
25
61
|
|
|
26
62
|
//# sourceMappingURL=index.parts.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/components/overlays/menu/index.parts.ts"],"sourcesContent":["export { MenuGroup as Group } from './menu-group';\nexport { MenuGroupLabel as GroupLabel } from './menu-group-label';\nexport { MenuItem as Item } from './menu-item';\nexport { MenuPopup as Popup } from './menu-popup';\nexport { MenuPortal as Portal } from './menu-portal';\nexport { MenuPositioner as Positioner } from './menu-positioner';\nexport { MenuRoot as Root } from './menu-root';\nexport { MenuSeparator as Separator } from './menu-separator';\nexport { MenuTrigger as Trigger } from './menu-trigger';\n\n/* types */\n\nexport type {\n MenuGroupProps as GroupProps,\n MenuGroupState as GroupState,\n} from './menu-group';\nexport type {\n MenuGroupLabelProps as GroupLabelProps,\n MenuGroupLabelState as GroupLabelState,\n} from './menu-group-label';\nexport type {\n MenuItemProps as ItemProps,\n MenuItemState as ItemState,\n} from './menu-item';\nexport type { MenuItemVariants as ItemVariants } from './menu-item-variants';\nexport type {\n MenuPopupProps as PopupProps,\n MenuPopupState as PopupState,\n} from './menu-popup';\nexport type {\n MenuPortalProps as PortalProps,\n MenuPortalState as PortalState,\n} from './menu-portal';\nexport type {\n MenuPositionerProps as PositionerProps,\n MenuPositionerState as PositionerState,\n} from './menu-positioner';\nexport type {\n MenuRootActions as RootActions,\n MenuRootChangeEventDetails as RootChangeEventDetails,\n MenuRootChangeEventReason as RootChangeEventReason,\n MenuRootProps as RootProps,\n MenuRootState as RootState,\n} from './menu-root';\nexport type {\n MenuSeparatorProps as SeparatorProps,\n MenuSeparatorState as SeparatorState,\n} from './menu-separator';\nexport type {\n MenuTriggerProps as TriggerProps,\n MenuTriggerState as TriggerState,\n} from './menu-trigger';\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/components/overlays/menu/index.parts.ts"],"sourcesContent":["export { createMenuHandle as createHandle } from './create-handle';\nexport { MenuArrow as Arrow } from './menu-arrow';\nexport { MenuBackdrop as Backdrop } from './menu-backdrop';\nexport { MenuCheckboxItem as CheckboxItem } from './menu-checkbox-item';\nexport { MenuCheckboxItemIndicator as CheckboxItemIndicator } from './menu-checkbox-item-indicator';\nexport { MenuClear as Clear } from './menu-clear';\nexport { MenuEmpty as Empty } from './menu-empty';\nexport { MenuFilterProvider as FilterProvider } from './menu-filter-provider';\nexport { MenuGroup as Group } from './menu-group';\nexport { MenuGroupLabel as GroupLabel } from './menu-group-label';\nexport { MenuInput as Input } from './menu-input';\nexport { MenuItem as Item } from './menu-item';\nexport { MenuLinkItem as LinkItem } from './menu-link-item';\nexport { MenuList as List } from './menu-list';\nexport { MenuPopup as Popup } from './menu-popup';\nexport { MenuPortal as Portal } from './menu-portal';\nexport { MenuPositioner as Positioner } from './menu-positioner';\nexport { MenuRadioGroup as RadioGroup } from './menu-radio-group';\nexport { MenuRadioItem as RadioItem } from './menu-radio-item';\nexport { MenuRadioItemIndicator as RadioItemIndicator } from './menu-radio-item-indicator';\nexport { MenuRoot as Root } from './menu-root';\nexport { MenuSeparator as Separator } from './menu-separator';\nexport { MenuSubmenuRoot as SubmenuRoot } from './menu-submenu-root';\nexport { MenuSubmenuTrigger as SubmenuTrigger } from './menu-submenu-trigger';\nexport { MenuTrigger as Trigger } from './menu-trigger';\nexport { MenuViewport as Viewport } from './menu-viewport';\nexport { useMenuFilter as useFilter } from './use-filter';\n\n/* types */\n\nexport type { MenuHandle as Handle } from './create-handle';\nexport type {\n MenuArrowProps as ArrowProps,\n MenuArrowState as ArrowState,\n} from './menu-arrow';\nexport type {\n MenuBackdropProps as BackdropProps,\n MenuBackdropState as BackdropState,\n} from './menu-backdrop';\nexport type {\n MenuCheckboxItemChangeEventDetails as CheckboxItemChangeEventDetails,\n MenuCheckboxItemChangeEventReason as CheckboxItemChangeEventReason,\n MenuCheckboxItemProps as CheckboxItemProps,\n MenuCheckboxItemState as CheckboxItemState,\n} from './menu-checkbox-item';\nexport type {\n MenuCheckboxItemIndicatorProps as CheckboxItemIndicatorProps,\n MenuCheckboxItemIndicatorState as CheckboxItemIndicatorState,\n} from './menu-checkbox-item-indicator';\nexport type {\n MenuClearProps as ClearProps,\n MenuClearState as ClearState,\n} from './menu-clear';\nexport type {\n MenuEmptyProps as EmptyProps,\n MenuEmptyState as EmptyState,\n} from './menu-empty';\nexport type {\n MenuFilterProviderChangeEventDetails as FilterProviderChangeEventDetails,\n MenuFilterProviderChangeEventReason as FilterProviderChangeEventReason,\n MenuFilterProviderProps as FilterProviderProps,\n MenuFilterProviderState as FilterProviderState,\n} from './menu-filter-provider';\nexport type {\n MenuGroupProps as GroupProps,\n MenuGroupState as GroupState,\n} from './menu-group';\nexport type {\n MenuGroupLabelProps as GroupLabelProps,\n MenuGroupLabelState as GroupLabelState,\n} from './menu-group-label';\nexport type {\n MenuInputProps as InputProps,\n MenuInputState as InputState,\n} from './menu-input';\nexport type {\n MenuItemProps as ItemProps,\n MenuItemState as ItemState,\n} from './menu-item';\nexport type { MenuItemVariants as ItemVariants } from './menu-item-variants';\nexport type {\n MenuLinkItemProps as LinkItemProps,\n MenuLinkItemState as LinkItemState,\n} from './menu-link-item';\nexport type {\n MenuListProps as ListProps,\n MenuListState as ListState,\n} from './menu-list';\nexport type {\n MenuPopupProps as PopupProps,\n MenuPopupState as PopupState,\n} from './menu-popup';\nexport type {\n MenuPortalProps as PortalProps,\n MenuPortalState as PortalState,\n} from './menu-portal';\nexport type {\n MenuPositionerProps as PositionerProps,\n MenuPositionerState as PositionerState,\n} from './menu-positioner';\nexport type {\n MenuRadioGroupChangeEventDetails as RadioGroupChangeEventDetails,\n MenuRadioGroupChangeEventReason as RadioGroupChangeEventReason,\n MenuRadioGroupProps as RadioGroupProps,\n MenuRadioGroupState as RadioGroupState,\n} from './menu-radio-group';\nexport type {\n MenuRadioItemProps as RadioItemProps,\n MenuRadioItemState as RadioItemState,\n} from './menu-radio-item';\nexport type {\n MenuRadioItemIndicatorProps as RadioItemIndicatorProps,\n MenuRadioItemIndicatorState as RadioItemIndicatorState,\n} from './menu-radio-item-indicator';\nexport type {\n MenuRootActions as RootActions,\n MenuRootChangeEventDetails as RootChangeEventDetails,\n MenuRootChangeEventReason as RootChangeEventReason,\n MenuRootProps as RootProps,\n MenuRootState as RootState,\n} from './menu-root';\nexport type {\n MenuSeparatorProps as SeparatorProps,\n MenuSeparatorState as SeparatorState,\n} from './menu-separator';\nexport type {\n MenuSubmenuRootChangeEventDetails as SubmenuRootChangeEventDetails,\n MenuSubmenuRootChangeEventReason as SubmenuRootChangeEventReason,\n MenuSubmenuRootProps as SubmenuRootProps,\n MenuSubmenuRootState as SubmenuRootState,\n} from './menu-submenu-root';\nexport type {\n MenuSubmenuTriggerProps as SubmenuTriggerProps,\n MenuSubmenuTriggerState as SubmenuTriggerState,\n} from './menu-submenu-trigger';\nexport type {\n MenuTriggerProps as TriggerProps,\n MenuTriggerState as TriggerState,\n} from './menu-trigger';\nexport type {\n MenuViewportProps as ViewportProps,\n MenuViewportState as ViewportState,\n} from './menu-viewport';\nexport type {\n MenuFilterRule as Filter,\n MenuFilterRuleOptions as FilterOptions,\n} from './use-filter';\n"],"mappings":""}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Menu } from "@base-ui/react/menu";
|
|
2
|
+
//#region src/components/overlays/menu/menu-arrow.d.ts
|
|
3
|
+
export type MenuArrowProps = Menu.Arrow.Props;
|
|
4
|
+
export type MenuArrowState = Menu.Arrow.State;
|
|
5
|
+
/**
|
|
6
|
+
* Seta que aponta do popup para o trigger. O Base UI a posiciona e escreve o lado em
|
|
7
|
+
* `data-side`, que decide a rotação. Vai dentro do `Menu.Popup`, que não tem `overflow`.
|
|
8
|
+
*
|
|
9
|
+
* Cópia do `Popover.Arrow`, a origem da seta dos popups, onde a geometria está explicada. A
|
|
10
|
+
* diferença é o nome da variável da medida, `--menu-arrow-size`.
|
|
11
|
+
*/
|
|
12
|
+
export declare const MenuArrow: {
|
|
13
|
+
(props: MenuArrowProps): import("react").JSX.Element;
|
|
14
|
+
displayName: string;
|
|
15
|
+
};
|
|
16
|
+
//#endregion
|
|
17
|
+
//# sourceMappingURL=menu-arrow.d.ts.map
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Menu } from "@base-ui/react/menu";
|
|
4
|
+
//#region src/components/overlays/menu/menu-arrow.tsx
|
|
5
|
+
/**
|
|
6
|
+
* Seta que aponta do popup para o trigger. O Base UI a posiciona e escreve o lado em
|
|
7
|
+
* `data-side`, que decide a rotação. Vai dentro do `Menu.Popup`, que não tem `overflow`.
|
|
8
|
+
*
|
|
9
|
+
* Cópia do `Popover.Arrow`, a origem da seta dos popups, onde a geometria está explicada. A
|
|
10
|
+
* diferença é o nome da variável da medida, `--menu-arrow-size`.
|
|
11
|
+
*/
|
|
12
|
+
const MenuArrow = (props) => {
|
|
13
|
+
const { className, ...rest } = props;
|
|
14
|
+
return /* @__PURE__ */ jsx(Menu.Arrow, {
|
|
15
|
+
"data-component": "Menu.Arrow",
|
|
16
|
+
className: mergeStateClassNames([
|
|
17
|
+
"[--menu-arrow-size:--spacing(1.5)]",
|
|
18
|
+
"block",
|
|
19
|
+
"relative",
|
|
20
|
+
"w-[calc(var(--menu-arrow-size)*2)]",
|
|
21
|
+
"h-(--menu-arrow-size)",
|
|
22
|
+
"overflow-clip",
|
|
23
|
+
"before:content-['']",
|
|
24
|
+
"before:border",
|
|
25
|
+
"before:absolute",
|
|
26
|
+
"before:bottom-0",
|
|
27
|
+
"before:left-1/2",
|
|
28
|
+
"before:bg-white",
|
|
29
|
+
"dark:before:bg-gray-2",
|
|
30
|
+
"before:border-gray-6",
|
|
31
|
+
"data-[side=top]:rotate-180",
|
|
32
|
+
"data-[side=left]:rotate-90",
|
|
33
|
+
"data-[side=right]:-rotate-90",
|
|
34
|
+
"data-[side=top]:-bottom-(--menu-arrow-size)",
|
|
35
|
+
"data-[side=bottom]:-top-(--menu-arrow-size)",
|
|
36
|
+
"data-[side=left]:right-[calc(var(--menu-arrow-size)*-1.5)]",
|
|
37
|
+
"data-[side=right]:left-[calc(var(--menu-arrow-size)*-1.5)]",
|
|
38
|
+
"before:size-[calc(var(--menu-arrow-size)*sqrt(2))]",
|
|
39
|
+
"before:transform-[translate(-50%,50%)_rotate(45deg)]"
|
|
40
|
+
], className),
|
|
41
|
+
...rest
|
|
42
|
+
});
|
|
43
|
+
};
|
|
44
|
+
MenuArrow.displayName = "Menu.Arrow";
|
|
45
|
+
//#endregion
|
|
46
|
+
export { MenuArrow };
|
|
47
|
+
|
|
48
|
+
//# sourceMappingURL=menu-arrow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-arrow.js","names":["BaseMenu"],"sources":["../../../../src/components/overlays/menu/menu-arrow.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu';\nimport { mergeStateClassNames } from '#utils';\n\nexport type MenuArrowProps = BaseMenu.Arrow.Props;\nexport type MenuArrowState = BaseMenu.Arrow.State;\n\n/**\n * Seta que aponta do popup para o trigger. O Base UI a posiciona e escreve o lado em\n * `data-side`, que decide a rotação. Vai dentro do `Menu.Popup`, que não tem `overflow`.\n *\n * Cópia do `Popover.Arrow`, a origem da seta dos popups, onde a geometria está explicada. A\n * diferença é o nome da variável da medida, `--menu-arrow-size`.\n */\nexport const MenuArrow = (props: MenuArrowProps) => {\n const { className, ...rest } = props;\n\n return (\n <BaseMenu.Arrow\n data-component=\"Menu.Arrow\"\n className={mergeStateClassNames(\n [\n '[--menu-arrow-size:--spacing(1.5)]',\n\n 'block',\n\n 'relative',\n\n 'w-[calc(var(--menu-arrow-size)*2)]',\n 'h-(--menu-arrow-size)',\n\n 'overflow-clip',\n\n \"before:content-['']\",\n 'before:border',\n 'before:absolute',\n 'before:bottom-0',\n 'before:left-1/2',\n 'before:bg-white',\n 'dark:before:bg-gray-2',\n 'before:border-gray-6',\n 'data-[side=top]:rotate-180',\n 'data-[side=left]:rotate-90',\n 'data-[side=right]:-rotate-90',\n\n 'data-[side=top]:-bottom-(--menu-arrow-size)',\n 'data-[side=bottom]:-top-(--menu-arrow-size)',\n 'data-[side=left]:right-[calc(var(--menu-arrow-size)*-1.5)]',\n 'data-[side=right]:left-[calc(var(--menu-arrow-size)*-1.5)]',\n\n 'before:size-[calc(var(--menu-arrow-size)*sqrt(2))]',\n\n 'before:transform-[translate(-50%,50%)_rotate(45deg)]',\n ],\n className,\n )}\n {...rest}\n />\n );\n};\n\nMenuArrow.displayName = 'Menu.Arrow';\n"],"mappings":";;;;;;;;;;;AAaA,MAAa,aAAa,UAA0B;CAClD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,KAAS,OAAV;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GAEA;GAEA;GAEA;GACA;GAEA;GAEA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GAEA;GACA;GACA;GACA;GAEA;GAEA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,UAAU,cAAc"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Menu } from "@base-ui/react/menu";
|
|
2
|
+
//#region src/components/overlays/menu/menu-backdrop.d.ts
|
|
3
|
+
export type MenuBackdropProps = Menu.Backdrop.Props;
|
|
4
|
+
export type MenuBackdropState = Menu.Backdrop.State;
|
|
5
|
+
/**
|
|
6
|
+
* Camada atrás do popup que cobre e escurece a página.
|
|
7
|
+
*
|
|
8
|
+
* Cópia do `Popover.Backdrop`, a origem do backdrop dos popups, onde o `fixed` e o caso do Safari
|
|
9
|
+
* do iOS estão explicados. Sem diferenças além do Base UI de origem.
|
|
10
|
+
*/
|
|
11
|
+
export declare const MenuBackdrop: {
|
|
12
|
+
(props: MenuBackdropProps): import("react").JSX.Element;
|
|
13
|
+
displayName: string;
|
|
14
|
+
};
|
|
15
|
+
//#endregion
|
|
16
|
+
//# sourceMappingURL=menu-backdrop.d.ts.map
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Menu } from "@base-ui/react/menu";
|
|
4
|
+
//#region src/components/overlays/menu/menu-backdrop.tsx
|
|
5
|
+
/**
|
|
6
|
+
* Camada atrás do popup que cobre e escurece a página.
|
|
7
|
+
*
|
|
8
|
+
* Cópia do `Popover.Backdrop`, a origem do backdrop dos popups, onde o `fixed` e o caso do Safari
|
|
9
|
+
* do iOS estão explicados. Sem diferenças além do Base UI de origem.
|
|
10
|
+
*/
|
|
11
|
+
const MenuBackdrop = (props) => {
|
|
12
|
+
const { className, ...rest } = props;
|
|
13
|
+
return /* @__PURE__ */ jsx(Menu.Backdrop, {
|
|
14
|
+
"data-component": "Menu.Backdrop",
|
|
15
|
+
className: mergeStateClassNames([
|
|
16
|
+
"fixed",
|
|
17
|
+
"inset-0",
|
|
18
|
+
"min-h-dvh",
|
|
19
|
+
"supports-[-webkit-touch-callout:none]:absolute",
|
|
20
|
+
"bg-black/40",
|
|
21
|
+
"not-motion-reduced:transition-opacity",
|
|
22
|
+
"not-motion-reduced:ease-enter",
|
|
23
|
+
"not-motion-reduced:duration-150",
|
|
24
|
+
"not-motion-reduced:data-ending-style:duration-100",
|
|
25
|
+
"not-motion-reduced:data-ending-style:ease-exit",
|
|
26
|
+
"data-ending-style:opacity-0",
|
|
27
|
+
"data-starting-style:opacity-0"
|
|
28
|
+
], className),
|
|
29
|
+
...rest
|
|
30
|
+
});
|
|
31
|
+
};
|
|
32
|
+
MenuBackdrop.displayName = "Menu.Backdrop";
|
|
33
|
+
//#endregion
|
|
34
|
+
export { MenuBackdrop };
|
|
35
|
+
|
|
36
|
+
//# sourceMappingURL=menu-backdrop.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-backdrop.js","names":["BaseMenu"],"sources":["../../../../src/components/overlays/menu/menu-backdrop.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu';\nimport { mergeStateClassNames } from '#utils';\n\nexport type MenuBackdropProps = BaseMenu.Backdrop.Props;\n\nexport type MenuBackdropState = BaseMenu.Backdrop.State;\n\n/**\n * Camada atrás do popup que cobre e escurece a página.\n *\n * Cópia do `Popover.Backdrop`, a origem do backdrop dos popups, onde o `fixed` e o caso do Safari\n * do iOS estão explicados. Sem diferenças além do Base UI de origem.\n */\nexport const MenuBackdrop = (props: MenuBackdropProps) => {\n const { className, ...rest } = props;\n\n return (\n <BaseMenu.Backdrop\n data-component=\"Menu.Backdrop\"\n className={mergeStateClassNames(\n [\n 'fixed',\n 'inset-0',\n 'min-h-dvh',\n 'supports-[-webkit-touch-callout:none]:absolute',\n\n 'bg-black/40',\n\n 'not-motion-reduced:transition-opacity',\n 'not-motion-reduced:ease-enter',\n // Mesma duração e curva do `Popup` em cada sentido, para os dois sumirem juntos.\n 'not-motion-reduced:duration-150',\n 'not-motion-reduced:data-ending-style:duration-100',\n 'not-motion-reduced:data-ending-style:ease-exit',\n\n 'data-ending-style:opacity-0',\n 'data-starting-style:opacity-0',\n ],\n className,\n )}\n {...rest}\n />\n );\n};\n\nMenuBackdrop.displayName = 'Menu.Backdrop';\n"],"mappings":";;;;;;;;;;AAaA,MAAa,gBAAgB,UAA6B;CACxD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,KAAS,UAAV;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GACA;GACA;GAEA;GAEA;GACA;GAEA;GACA;GACA;GAEA;GACA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,aAAa,cAAc"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Menu } from "@base-ui/react/menu";
|
|
2
|
+
//#region src/components/overlays/menu/menu-checkbox-item-indicator.d.ts
|
|
3
|
+
export type MenuCheckboxItemIndicatorProps = Menu.CheckboxItemIndicator.Props;
|
|
4
|
+
export type MenuCheckboxItemIndicatorState = Menu.CheckboxItemIndicator.State;
|
|
5
|
+
/**
|
|
6
|
+
* Check do item marcado, à esquerda do texto. Diferente do `Select.ItemIndicator`, fica sempre no
|
|
7
|
+
* DOM (`keepMounted` por padrão; `keepMounted={false}` o remove) e some só visualmente quando o
|
|
8
|
+
* item está desmarcado (`data-unchecked`): ocupa `1em` nos dois casos, e o texto do item não
|
|
9
|
+
* muda de lugar ao marcar.
|
|
10
|
+
*/
|
|
11
|
+
export declare const MenuCheckboxItemIndicator: {
|
|
12
|
+
(props: MenuCheckboxItemIndicatorProps): import("react").JSX.Element;
|
|
13
|
+
displayName: string;
|
|
14
|
+
};
|
|
15
|
+
//#endregion
|
|
16
|
+
//# sourceMappingURL=menu-checkbox-item-indicator.d.ts.map
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
|
|
2
|
+
import { Icon } from "../../display/icon/icon.js";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
import { CheckIcon } from "@phosphor-icons/react";
|
|
5
|
+
import { Menu } from "@base-ui/react/menu";
|
|
6
|
+
//#region src/components/overlays/menu/menu-checkbox-item-indicator.tsx
|
|
7
|
+
/**
|
|
8
|
+
* Check do item marcado, à esquerda do texto. Diferente do `Select.ItemIndicator`, fica sempre no
|
|
9
|
+
* DOM (`keepMounted` por padrão; `keepMounted={false}` o remove) e some só visualmente quando o
|
|
10
|
+
* item está desmarcado (`data-unchecked`): ocupa `1em` nos dois casos, e o texto do item não
|
|
11
|
+
* muda de lugar ao marcar.
|
|
12
|
+
*/
|
|
13
|
+
const MenuCheckboxItemIndicator = (props) => {
|
|
14
|
+
const { className, keepMounted = true, ...rest } = props;
|
|
15
|
+
return /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, {
|
|
16
|
+
"data-component": "Menu.CheckboxItemIndicator",
|
|
17
|
+
className: mergeStateClassNames(["data-unchecked:invisible"], className),
|
|
18
|
+
keepMounted,
|
|
19
|
+
render: /* @__PURE__ */ jsx(Icon, { render: /* @__PURE__ */ jsx(CheckIcon, {}) }),
|
|
20
|
+
...rest
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
MenuCheckboxItemIndicator.displayName = "Menu.CheckboxItemIndicator";
|
|
24
|
+
//#endregion
|
|
25
|
+
export { MenuCheckboxItemIndicator };
|
|
26
|
+
|
|
27
|
+
//# sourceMappingURL=menu-checkbox-item-indicator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-checkbox-item-indicator.js","names":["BaseMenu"],"sources":["../../../../src/components/overlays/menu/menu-checkbox-item-indicator.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu';\nimport { CheckIcon } from '@phosphor-icons/react';\nimport { Icon } from '#components/display/icon';\nimport { mergeStateClassNames } from '#utils';\n\nexport type MenuCheckboxItemIndicatorProps =\n BaseMenu.CheckboxItemIndicator.Props;\n\nexport type MenuCheckboxItemIndicatorState =\n BaseMenu.CheckboxItemIndicator.State;\n\n/**\n * Check do item marcado, à esquerda do texto. Diferente do `Select.ItemIndicator`, fica sempre no\n * DOM (`keepMounted` por padrão; `keepMounted={false}` o remove) e some só visualmente quando o\n * item está desmarcado (`data-unchecked`): ocupa `1em` nos dois casos, e o texto do item não\n * muda de lugar ao marcar.\n */\nexport const MenuCheckboxItemIndicator = (\n props: MenuCheckboxItemIndicatorProps,\n) => {\n const { className, keepMounted = true, ...rest } = props;\n\n return (\n <BaseMenu.CheckboxItemIndicator\n data-component=\"Menu.CheckboxItemIndicator\"\n className={mergeStateClassNames(['data-unchecked:invisible'], className)}\n keepMounted={keepMounted}\n render={<Icon render={<CheckIcon />} />}\n {...rest}\n />\n );\n};\n\nMenuCheckboxItemIndicator.displayName = 'Menu.CheckboxItemIndicator';\n"],"mappings":";;;;;;;;;;;;AAiBA,MAAa,6BACX,UACG;CACH,MAAM,EAAE,WAAW,cAAc,MAAM,GAAG,SAAS;CAEnD,OACE,oBAACA,KAAS,uBAAV;EACE,kBAAe;EACf,WAAW,qBAAqB,CAAC,0BAA0B,GAAG,SAAS;EAC1D;EACb,QAAQ,oBAAC,MAAD,EAAM,QAAQ,oBAAC,WAAD,CAAY,CAAA,EAAI,CAAA;EACtC,GAAI;CACL,CAAA;AAEL;AAEA,0BAA0B,cAAc"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { MenuItemVariants } from "./menu-item-variants.js";
|
|
2
|
+
import { MergeOverride } from "@lucasbernardosn/ts-utils";
|
|
3
|
+
import { Menu } from "@base-ui/react/menu";
|
|
4
|
+
//#region src/components/overlays/menu/menu-checkbox-item.d.ts
|
|
5
|
+
export type MenuCheckboxItemProps = MergeOverride<Menu.CheckboxItem.Props, MenuItemVariants>;
|
|
6
|
+
export type MenuCheckboxItemState = Menu.CheckboxItem.State;
|
|
7
|
+
export type MenuCheckboxItemChangeEventReason = Menu.CheckboxItem.ChangeEventReason;
|
|
8
|
+
export type MenuCheckboxItemChangeEventDetails = Menu.CheckboxItem.ChangeEventDetails;
|
|
9
|
+
/**
|
|
10
|
+
* Item que liga e desliga uma opção, com `role="menuitemcheckbox"` e `aria-checked`. Controle o
|
|
11
|
+
* valor por `checked` e `onCheckedChange`, ou deixe o estado com o item por `defaultChecked`. Por
|
|
12
|
+
* padrão o menu fecha ao clicar; `closeOnClick={false}` o mantém aberto para marcar várias opções.
|
|
13
|
+
*
|
|
14
|
+
* Tem o realce, as medidas e o `colorScheme` do `Menu.Item`. Ponha o `Menu.CheckboxItemIndicator`
|
|
15
|
+
* como primeiro filho: ele reserva a coluna do check mesmo desmarcado, e o texto dos itens
|
|
16
|
+
* marcados e não marcados fica alinhado. Um `Menu.Item` comum do mesmo menu não se alinha a essa
|
|
17
|
+
* coluna.
|
|
18
|
+
*/
|
|
19
|
+
export declare const MenuCheckboxItem: {
|
|
20
|
+
(props: MenuCheckboxItemProps): import("react").JSX.Element;
|
|
21
|
+
displayName: string;
|
|
22
|
+
};
|
|
23
|
+
//#endregion
|
|
24
|
+
//# sourceMappingURL=menu-checkbox-item.d.ts.map
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
|
|
2
|
+
import { menuItemVariants } from "./menu-item-variants.js";
|
|
3
|
+
import { createSplitProps } from "@lucasbernardosn/ts-utils";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
import { Menu } from "@base-ui/react/menu";
|
|
6
|
+
//#region src/components/overlays/menu/menu-checkbox-item.tsx
|
|
7
|
+
const splitVariantProps = createSplitProps();
|
|
8
|
+
/**
|
|
9
|
+
* Item que liga e desliga uma opção, com `role="menuitemcheckbox"` e `aria-checked`. Controle o
|
|
10
|
+
* valor por `checked` e `onCheckedChange`, ou deixe o estado com o item por `defaultChecked`. Por
|
|
11
|
+
* padrão o menu fecha ao clicar; `closeOnClick={false}` o mantém aberto para marcar várias opções.
|
|
12
|
+
*
|
|
13
|
+
* Tem o realce, as medidas e o `colorScheme` do `Menu.Item`. Ponha o `Menu.CheckboxItemIndicator`
|
|
14
|
+
* como primeiro filho: ele reserva a coluna do check mesmo desmarcado, e o texto dos itens
|
|
15
|
+
* marcados e não marcados fica alinhado. Um `Menu.Item` comum do mesmo menu não se alinha a essa
|
|
16
|
+
* coluna.
|
|
17
|
+
*/
|
|
18
|
+
const MenuCheckboxItem = (props) => {
|
|
19
|
+
const [variantProps, elementProps] = splitVariantProps(props, ["colorScheme"]);
|
|
20
|
+
const { className, ...rest } = elementProps;
|
|
21
|
+
return /* @__PURE__ */ jsx(Menu.CheckboxItem, {
|
|
22
|
+
"data-component": "Menu.CheckboxItem",
|
|
23
|
+
className: mergeStateClassNames(menuItemVariants(variantProps), className),
|
|
24
|
+
...rest
|
|
25
|
+
});
|
|
26
|
+
};
|
|
27
|
+
MenuCheckboxItem.displayName = "Menu.CheckboxItem";
|
|
28
|
+
//#endregion
|
|
29
|
+
export { MenuCheckboxItem };
|
|
30
|
+
|
|
31
|
+
//# sourceMappingURL=menu-checkbox-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-checkbox-item.js","names":["BaseMenu"],"sources":["../../../../src/components/overlays/menu/menu-checkbox-item.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu';\nimport {\n createSplitProps,\n type MergeOverride,\n} from '@lucasbernardosn/ts-utils';\nimport { mergeStateClassNames } from '#utils';\nimport { type MenuItemVariants, menuItemVariants } from './menu-item-variants';\n\nexport type MenuCheckboxItemProps = MergeOverride<\n BaseMenu.CheckboxItem.Props,\n MenuItemVariants\n>;\n\nexport type MenuCheckboxItemState = BaseMenu.CheckboxItem.State;\n\nexport type MenuCheckboxItemChangeEventReason =\n BaseMenu.CheckboxItem.ChangeEventReason;\n\nexport type MenuCheckboxItemChangeEventDetails =\n BaseMenu.CheckboxItem.ChangeEventDetails;\n\nconst splitVariantProps = createSplitProps<MenuItemVariants>();\n\n/**\n * Item que liga e desliga uma opção, com `role=\"menuitemcheckbox\"` e `aria-checked`. Controle o\n * valor por `checked` e `onCheckedChange`, ou deixe o estado com o item por `defaultChecked`. Por\n * padrão o menu fecha ao clicar; `closeOnClick={false}` o mantém aberto para marcar várias opções.\n *\n * Tem o realce, as medidas e o `colorScheme` do `Menu.Item`. Ponha o `Menu.CheckboxItemIndicator`\n * como primeiro filho: ele reserva a coluna do check mesmo desmarcado, e o texto dos itens\n * marcados e não marcados fica alinhado. Um `Menu.Item` comum do mesmo menu não se alinha a essa\n * coluna.\n */\nexport const MenuCheckboxItem = (props: MenuCheckboxItemProps) => {\n const [variantProps, elementProps] = splitVariantProps(props, [\n 'colorScheme',\n ]);\n\n const { className, ...rest } = elementProps;\n\n return (\n <BaseMenu.CheckboxItem\n data-component=\"Menu.CheckboxItem\"\n className={mergeStateClassNames(\n menuItemVariants(variantProps),\n className,\n )}\n {...rest}\n />\n );\n};\n\nMenuCheckboxItem.displayName = 'Menu.CheckboxItem';\n"],"mappings":";;;;;;AAqBA,MAAM,oBAAoB,iBAAmC;;;;;;;;;;;AAY7D,MAAa,oBAAoB,UAAiC;CAChE,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAC5D,aACF,CAAC;CAED,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,KAAS,cAAV;EACE,kBAAe;EACf,WAAW,qBACT,iBAAiB,YAAY,GAC7B,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,iBAAiB,cAAc"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Menu } from "@base-ui/react/menu";
|
|
2
|
+
//#region src/components/overlays/menu/menu-clear.d.ts
|
|
3
|
+
export type MenuClearProps = Menu.Clear.Props;
|
|
4
|
+
export type MenuClearState = Menu.Clear.State;
|
|
5
|
+
/**
|
|
6
|
+
* Botão que limpa a busca, sobre o fim da linha do `Menu.Input`: ponha-o logo depois dele no
|
|
7
|
+
* `Menu.Popup`, que é o referencial da posição. Só existe no DOM com a busca preenchida. Sem
|
|
8
|
+
* filhos, mostra um X. O nome acessível sai como "Limpar"; troque com `aria-label`. Exige o
|
|
9
|
+
* `Menu.FilterProvider`. Em Preview no Base UI.
|
|
10
|
+
*
|
|
11
|
+
* Cópia do `Autocomplete.Clear`, a origem do botão de limpar. As diferenças: não fica sempre
|
|
12
|
+
* montado (o Base UI o remove com o campo vazio, e o `Menu.Input` já reserva o espaço), e a
|
|
13
|
+
* altura é a do campo (`h-10`).
|
|
14
|
+
*/
|
|
15
|
+
export declare const MenuClear: {
|
|
16
|
+
(props: MenuClearProps): import("react").JSX.Element;
|
|
17
|
+
displayName: string;
|
|
18
|
+
};
|
|
19
|
+
//#endregion
|
|
20
|
+
//# sourceMappingURL=menu-clear.d.ts.map
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
|
|
2
|
+
import { Icon } from "../../display/icon/icon.js";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
import { XIcon } from "@phosphor-icons/react";
|
|
5
|
+
import { Menu } from "@base-ui/react/menu";
|
|
6
|
+
//#region src/components/overlays/menu/menu-clear.tsx
|
|
7
|
+
/**
|
|
8
|
+
* Botão que limpa a busca, sobre o fim da linha do `Menu.Input`: ponha-o logo depois dele no
|
|
9
|
+
* `Menu.Popup`, que é o referencial da posição. Só existe no DOM com a busca preenchida. Sem
|
|
10
|
+
* filhos, mostra um X. O nome acessível sai como "Limpar"; troque com `aria-label`. Exige o
|
|
11
|
+
* `Menu.FilterProvider`. Em Preview no Base UI.
|
|
12
|
+
*
|
|
13
|
+
* Cópia do `Autocomplete.Clear`, a origem do botão de limpar. As diferenças: não fica sempre
|
|
14
|
+
* montado (o Base UI o remove com o campo vazio, e o `Menu.Input` já reserva o espaço), e a
|
|
15
|
+
* altura é a do campo (`h-10`).
|
|
16
|
+
*/
|
|
17
|
+
const MenuClear = (props) => {
|
|
18
|
+
const { className, children, ...rest } = props;
|
|
19
|
+
return /* @__PURE__ */ jsx(Menu.Clear, {
|
|
20
|
+
"data-component": "Menu.Clear",
|
|
21
|
+
"aria-label": "Limpar",
|
|
22
|
+
className: mergeStateClassNames([
|
|
23
|
+
"absolute",
|
|
24
|
+
"top-0",
|
|
25
|
+
"inset-e-0",
|
|
26
|
+
"flex",
|
|
27
|
+
"items-center",
|
|
28
|
+
"h-10",
|
|
29
|
+
"px-3",
|
|
30
|
+
"[&_svg]:size-4",
|
|
31
|
+
"text-gray-11",
|
|
32
|
+
"hover:text-gray-12",
|
|
33
|
+
"cursor-pointer",
|
|
34
|
+
"data-disabled:opacity-50",
|
|
35
|
+
"data-disabled:cursor-not-allowed"
|
|
36
|
+
], className),
|
|
37
|
+
...rest,
|
|
38
|
+
children: children ?? /* @__PURE__ */ jsx(Icon, { render: /* @__PURE__ */ jsx(XIcon, {}) })
|
|
39
|
+
});
|
|
40
|
+
};
|
|
41
|
+
MenuClear.displayName = "Menu.Clear";
|
|
42
|
+
//#endregion
|
|
43
|
+
export { MenuClear };
|
|
44
|
+
|
|
45
|
+
//# sourceMappingURL=menu-clear.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-clear.js","names":["BaseMenu"],"sources":["../../../../src/components/overlays/menu/menu-clear.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu';\nimport { XIcon } from '@phosphor-icons/react';\nimport { Icon } from '#components/display/icon';\nimport { mergeStateClassNames } from '#utils';\n\nexport type MenuClearProps = BaseMenu.Clear.Props;\n\nexport type MenuClearState = BaseMenu.Clear.State;\n\n/**\n * Botão que limpa a busca, sobre o fim da linha do `Menu.Input`: ponha-o logo depois dele no\n * `Menu.Popup`, que é o referencial da posição. Só existe no DOM com a busca preenchida. Sem\n * filhos, mostra um X. O nome acessível sai como \"Limpar\"; troque com `aria-label`. Exige o\n * `Menu.FilterProvider`. Em Preview no Base UI.\n *\n * Cópia do `Autocomplete.Clear`, a origem do botão de limpar. As diferenças: não fica sempre\n * montado (o Base UI o remove com o campo vazio, e o `Menu.Input` já reserva o espaço), e a\n * altura é a do campo (`h-10`).\n */\nexport const MenuClear = (props: MenuClearProps) => {\n const { className, children, ...rest } = props;\n\n return (\n <BaseMenu.Clear\n data-component=\"Menu.Clear\"\n aria-label=\"Limpar\"\n className={mergeStateClassNames(\n [\n 'absolute',\n 'top-0',\n 'inset-e-0',\n\n 'flex',\n 'items-center',\n\n 'h-10',\n 'px-3',\n '[&_svg]:size-4',\n\n 'text-gray-11',\n 'hover:text-gray-12',\n\n 'cursor-pointer',\n\n 'data-disabled:opacity-50',\n 'data-disabled:cursor-not-allowed',\n ],\n className,\n )}\n {...rest}\n >\n {children ?? <Icon render={<XIcon />} />}\n </BaseMenu.Clear>\n );\n};\n\nMenuClear.displayName = 'Menu.Clear';\n"],"mappings":";;;;;;;;;;;;;;;;AAmBA,MAAa,aAAa,UAA0B;CAClD,MAAM,EAAE,WAAW,UAAU,GAAG,SAAS;CAEzC,OACE,oBAACA,KAAS,OAAV;EACE,kBAAe;EACf,cAAW;EACX,WAAW,qBACT;GACE;GACA;GACA;GAEA;GACA;GAEA;GACA;GACA;GAEA;GACA;GAEA;GAEA;GACA;EACF,GACA,SACF;EACA,GAAI;EAEH,UAAA,YAAY,oBAAC,MAAD,EAAM,QAAQ,oBAAC,OAAD,CAAQ,CAAA,EAAI,CAAA;CACzB,CAAA;AAEpB;AAEA,UAAU,cAAc"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Menu } from "@base-ui/react/menu";
|
|
2
|
+
//#region src/components/overlays/menu/menu-empty.d.ts
|
|
3
|
+
export type MenuEmptyProps = Menu.Empty.Props;
|
|
4
|
+
export type MenuEmptyState = Menu.Empty.State;
|
|
5
|
+
/**
|
|
6
|
+
* Mensagem de "nenhum resultado": mostra os filhos só quando nenhum item casa com a busca, e a
|
|
7
|
+
* anuncia ao leitor de tela. Exige o `Menu.FilterProvider`. O texto vem do app. Em Preview no
|
|
8
|
+
* Base UI.
|
|
9
|
+
*
|
|
10
|
+
* Cópia do `Command.Empty`, a origem da mensagem de lista vazia, sem diferenças além do Base UI de
|
|
11
|
+
* origem.
|
|
12
|
+
*/
|
|
13
|
+
export declare const MenuEmpty: {
|
|
14
|
+
(props: MenuEmptyProps): import("react").JSX.Element;
|
|
15
|
+
displayName: string;
|
|
16
|
+
};
|
|
17
|
+
//#endregion
|
|
18
|
+
//# sourceMappingURL=menu-empty.d.ts.map
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Menu } from "@base-ui/react/menu";
|
|
4
|
+
//#region src/components/overlays/menu/menu-empty.tsx
|
|
5
|
+
/**
|
|
6
|
+
* Mensagem de "nenhum resultado": mostra os filhos só quando nenhum item casa com a busca, e a
|
|
7
|
+
* anuncia ao leitor de tela. Exige o `Menu.FilterProvider`. O texto vem do app. Em Preview no
|
|
8
|
+
* Base UI.
|
|
9
|
+
*
|
|
10
|
+
* Cópia do `Command.Empty`, a origem da mensagem de lista vazia, sem diferenças além do Base UI de
|
|
11
|
+
* origem.
|
|
12
|
+
*/
|
|
13
|
+
const MenuEmpty = (props) => {
|
|
14
|
+
const { className, ...rest } = props;
|
|
15
|
+
return /* @__PURE__ */ jsx(Menu.Empty, {
|
|
16
|
+
"data-component": "Menu.Empty",
|
|
17
|
+
className: mergeStateClassNames([
|
|
18
|
+
"px-3",
|
|
19
|
+
"py-6",
|
|
20
|
+
"text-center",
|
|
21
|
+
"text-gray-11",
|
|
22
|
+
"text-sm",
|
|
23
|
+
"empty:p-0"
|
|
24
|
+
], className),
|
|
25
|
+
...rest
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
|
+
MenuEmpty.displayName = "Menu.Empty";
|
|
29
|
+
//#endregion
|
|
30
|
+
export { MenuEmpty };
|
|
31
|
+
|
|
32
|
+
//# sourceMappingURL=menu-empty.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-empty.js","names":["BaseMenu"],"sources":["../../../../src/components/overlays/menu/menu-empty.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu';\nimport { mergeStateClassNames } from '#utils';\n\nexport type MenuEmptyProps = BaseMenu.Empty.Props;\n\nexport type MenuEmptyState = BaseMenu.Empty.State;\n\n/**\n * Mensagem de \"nenhum resultado\": mostra os filhos só quando nenhum item casa com a busca, e a\n * anuncia ao leitor de tela. Exige o `Menu.FilterProvider`. O texto vem do app. Em Preview no\n * Base UI.\n *\n * Cópia do `Command.Empty`, a origem da mensagem de lista vazia, sem diferenças além do Base UI de\n * origem.\n */\nexport const MenuEmpty = (props: MenuEmptyProps) => {\n const { className, ...rest } = props;\n\n return (\n <BaseMenu.Empty\n data-component=\"Menu.Empty\"\n className={mergeStateClassNames(\n [\n 'px-3',\n 'py-6',\n\n 'text-center',\n 'text-gray-11',\n 'text-sm',\n 'empty:p-0',\n ],\n className,\n )}\n {...rest}\n />\n );\n};\n\nMenuEmpty.displayName = 'Menu.Empty';\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,aAAa,UAA0B;CAClD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,KAAS,OAAV;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GAEA;GACA;GACA;GACA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,UAAU,cAAc"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { Menu } from "@base-ui/react/menu";
|
|
2
|
+
//#region src/components/overlays/menu/menu-filter-provider.d.ts
|
|
3
|
+
export type MenuFilterProviderProps = Menu.FilterProvider.Props;
|
|
4
|
+
export type MenuFilterProviderState = Menu.FilterProvider.State;
|
|
5
|
+
export type MenuFilterProviderChangeEventReason = Menu.FilterProvider.ChangeEventReason;
|
|
6
|
+
export type MenuFilterProviderChangeEventDetails = Menu.FilterProvider.ChangeEventDetails;
|
|
7
|
+
/**
|
|
8
|
+
* Liga a busca ao `Menu.Root` (ou ao `Menu.SubmenuRoot`) que envolve. Não renderiza elemento.
|
|
9
|
+
* Em Preview no Base UI: a API pode mudar.
|
|
10
|
+
*
|
|
11
|
+
* Com ele, ponha um `Menu.Input` no `Popup` e os itens num `Menu.List`. O filtro padrão casa o
|
|
12
|
+
* texto do item (ou o `label` dele) sem diferenciar acento nem caixa; `filter` troca a regra
|
|
13
|
+
* (`Menu.useFilter` dá as comparações) e `filter={null}` deixa a busca com o app. `value` e
|
|
14
|
+
* `onValueChange` controlam a busca, que zera ao fechar o menu. Cada submenu com busca precisa
|
|
15
|
+
* do próprio provider; sem ele, o submenu não é filtrado.
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```tsx
|
|
19
|
+
* <Menu.FilterProvider>
|
|
20
|
+
* <Menu.Root>
|
|
21
|
+
* <Menu.Trigger>Ações</Menu.Trigger>
|
|
22
|
+
* <Menu.Portal>
|
|
23
|
+
* <Menu.Positioner>
|
|
24
|
+
* <Menu.Popup>
|
|
25
|
+
* <Menu.Input aria-label="Buscar ação" />
|
|
26
|
+
* <Menu.Clear />
|
|
27
|
+
* <Menu.Empty>Nenhuma ação encontrada.</Menu.Empty>
|
|
28
|
+
* <Menu.List>
|
|
29
|
+
* <Menu.Item>Editar</Menu.Item>
|
|
30
|
+
* </Menu.List>
|
|
31
|
+
* </Menu.Popup>
|
|
32
|
+
* </Menu.Positioner>
|
|
33
|
+
* </Menu.Portal>
|
|
34
|
+
* </Menu.Root>
|
|
35
|
+
* </Menu.FilterProvider>
|
|
36
|
+
* ```
|
|
37
|
+
*/
|
|
38
|
+
export declare const MenuFilterProvider: {
|
|
39
|
+
(props: MenuFilterProviderProps): import("react").JSX.Element;
|
|
40
|
+
displayName: string;
|
|
41
|
+
};
|
|
42
|
+
//#endregion
|
|
43
|
+
//# sourceMappingURL=menu-filter-provider.d.ts.map
|