@edo-w/flatline-solid 0.2.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/src/components/button/button.css +155 -0
- package/dist/src/components/button/button.d.ts +9 -0
- package/dist/src/components/button/button.jsx +21 -0
- package/dist/src/components/button/button.jsx.map +1 -0
- package/dist/src/components/button/class.d.ts +16 -0
- package/dist/src/components/button/class.js +15 -0
- package/dist/src/components/button/class.js.map +1 -0
- package/dist/src/components/button/index.d.ts +2 -0
- package/dist/src/components/button/index.js +3 -0
- package/dist/src/components/button/index.js.map +1 -0
- package/dist/src/components/card/card-action.css +15 -0
- package/dist/src/components/card/card-content.css +13 -0
- package/dist/src/components/card/card-footer.css +39 -0
- package/dist/src/components/card/card-header.css +13 -0
- package/dist/src/components/card/card-root.css +31 -0
- package/dist/src/components/card/card-subtitle.css +12 -0
- package/dist/src/components/card/card-title.css +33 -0
- package/dist/src/components/card/card.d.ts +42 -0
- package/dist/src/components/card/card.jsx +86 -0
- package/dist/src/components/card/card.jsx.map +1 -0
- package/dist/src/components/card/class.d.ts +28 -0
- package/dist/src/components/card/class.js +27 -0
- package/dist/src/components/card/class.js.map +1 -0
- package/dist/src/components/card/index.d.ts +2 -0
- package/dist/src/components/card/index.js +3 -0
- package/dist/src/components/card/index.js.map +1 -0
- package/dist/src/components/checkbox/checkbox-group.css +9 -0
- package/dist/src/components/checkbox/checkbox-group.d.ts +3 -0
- package/dist/src/components/checkbox/checkbox-group.jsx +43 -0
- package/dist/src/components/checkbox/checkbox-group.jsx.map +1 -0
- package/dist/src/components/checkbox/checkbox-root.css +85 -0
- package/dist/src/components/checkbox/checkbox-root.d.ts +4 -0
- package/dist/src/components/checkbox/checkbox-root.jsx +55 -0
- package/dist/src/components/checkbox/checkbox-root.jsx.map +1 -0
- package/dist/src/components/checkbox/checkbox.d.ts +9 -0
- package/dist/src/components/checkbox/checkbox.jsx +6 -0
- package/dist/src/components/checkbox/checkbox.jsx.map +1 -0
- package/dist/src/components/checkbox/class.d.ts +8 -0
- package/dist/src/components/checkbox/class.js +9 -0
- package/dist/src/components/checkbox/class.js.map +1 -0
- package/dist/src/components/checkbox/context.d.ts +9 -0
- package/dist/src/components/checkbox/context.js +6 -0
- package/dist/src/components/checkbox/context.js.map +1 -0
- package/dist/src/components/checkbox/index.d.ts +6 -0
- package/dist/src/components/checkbox/index.js +7 -0
- package/dist/src/components/checkbox/index.js.map +1 -0
- package/dist/src/components/checkbox/types.d.ts +16 -0
- package/dist/src/components/checkbox/types.js +1 -0
- package/dist/src/components/checkbox/types.js.map +1 -0
- package/dist/src/components/combobox/class.d.ts +13 -0
- package/dist/src/components/combobox/class.js +14 -0
- package/dist/src/components/combobox/class.js.map +1 -0
- package/dist/src/components/combobox/combobox-content.css +20 -0
- package/dist/src/components/combobox/combobox-content.d.ts +2 -0
- package/dist/src/components/combobox/combobox-content.jsx +15 -0
- package/dist/src/components/combobox/combobox-content.jsx.map +1 -0
- package/dist/src/components/combobox/combobox-control.css +29 -0
- package/dist/src/components/combobox/combobox-control.d.ts +3 -0
- package/dist/src/components/combobox/combobox-control.jsx +19 -0
- package/dist/src/components/combobox/combobox-control.jsx.map +1 -0
- package/dist/src/components/combobox/combobox-group.css +31 -0
- package/dist/src/components/combobox/combobox-group.d.ts +2 -0
- package/dist/src/components/combobox/combobox-group.jsx +12 -0
- package/dist/src/components/combobox/combobox-group.jsx.map +1 -0
- package/dist/src/components/combobox/combobox-hidden-select.d.ts +2 -0
- package/dist/src/components/combobox/combobox-hidden-select.jsx +8 -0
- package/dist/src/components/combobox/combobox-hidden-select.jsx.map +1 -0
- package/dist/src/components/combobox/combobox-icon.css +11 -0
- package/dist/src/components/combobox/combobox-icon.d.ts +2 -0
- package/dist/src/components/combobox/combobox-icon.jsx +12 -0
- package/dist/src/components/combobox/combobox-icon.jsx.map +1 -0
- package/dist/src/components/combobox/combobox-input.css +32 -0
- package/dist/src/components/combobox/combobox-input.d.ts +3 -0
- package/dist/src/components/combobox/combobox-input.jsx +90 -0
- package/dist/src/components/combobox/combobox-input.jsx.map +1 -0
- package/dist/src/components/combobox/combobox-item-indicator.css +11 -0
- package/dist/src/components/combobox/combobox-item-indicator.d.ts +2 -0
- package/dist/src/components/combobox/combobox-item-indicator.jsx +16 -0
- package/dist/src/components/combobox/combobox-item-indicator.jsx.map +1 -0
- package/dist/src/components/combobox/combobox-item-label.d.ts +2 -0
- package/dist/src/components/combobox/combobox-item-label.jsx +13 -0
- package/dist/src/components/combobox/combobox-item-label.jsx.map +1 -0
- package/dist/src/components/combobox/combobox-item.css +48 -0
- package/dist/src/components/combobox/combobox-item.d.ts +3 -0
- package/dist/src/components/combobox/combobox-item.jsx +30 -0
- package/dist/src/components/combobox/combobox-item.jsx.map +1 -0
- package/dist/src/components/combobox/combobox-listbox.css +18 -0
- package/dist/src/components/combobox/combobox-listbox.d.ts +2 -0
- package/dist/src/components/combobox/combobox-listbox.jsx +39 -0
- package/dist/src/components/combobox/combobox-listbox.jsx.map +1 -0
- package/dist/src/components/combobox/combobox-portal.d.ts +2 -0
- package/dist/src/components/combobox/combobox-portal.jsx +6 -0
- package/dist/src/components/combobox/combobox-portal.jsx.map +1 -0
- package/dist/src/components/combobox/combobox-root.css +12 -0
- package/dist/src/components/combobox/combobox-root.d.ts +3 -0
- package/dist/src/components/combobox/combobox-root.jsx +362 -0
- package/dist/src/components/combobox/combobox-root.jsx.map +1 -0
- package/dist/src/components/combobox/combobox-trigger.css +31 -0
- package/dist/src/components/combobox/combobox-trigger.d.ts +3 -0
- package/dist/src/components/combobox/combobox-trigger.jsx +30 -0
- package/dist/src/components/combobox/combobox-trigger.jsx.map +1 -0
- package/dist/src/components/combobox/combobox.d.ts +43 -0
- package/dist/src/components/combobox/combobox.jsx +39 -0
- package/dist/src/components/combobox/combobox.jsx.map +1 -0
- package/dist/src/components/combobox/context.d.ts +45 -0
- package/dist/src/components/combobox/context.js +18 -0
- package/dist/src/components/combobox/context.js.map +1 -0
- package/dist/src/components/combobox/index.d.ts +2 -0
- package/dist/src/components/combobox/index.js +3 -0
- package/dist/src/components/combobox/index.js.map +1 -0
- package/dist/src/components/combobox/types.d.ts +68 -0
- package/dist/src/components/combobox/types.js +1 -0
- package/dist/src/components/combobox/types.js.map +1 -0
- package/dist/src/components/combobox/util.d.ts +6 -0
- package/dist/src/components/combobox/util.js +58 -0
- package/dist/src/components/combobox/util.js.map +1 -0
- package/dist/src/components/dialog/class.d.ts +18 -0
- package/dist/src/components/dialog/class.js +18 -0
- package/dist/src/components/dialog/class.js.map +1 -0
- package/dist/src/components/dialog/dialog-close-button.css +48 -0
- package/dist/src/components/dialog/dialog-content.css +89 -0
- package/dist/src/components/dialog/dialog-description.css +6 -0
- package/dist/src/components/dialog/dialog-header.css +12 -0
- package/dist/src/components/dialog/dialog-overlay.css +43 -0
- package/dist/src/components/dialog/dialog-positioner.css +14 -0
- package/dist/src/components/dialog/dialog-title.css +6 -0
- package/dist/src/components/dialog/dialog-trigger.css +63 -0
- package/dist/src/components/dialog/dialog.d.ts +50 -0
- package/dist/src/components/dialog/dialog.jsx +89 -0
- package/dist/src/components/dialog/dialog.jsx.map +1 -0
- package/dist/src/components/dialog/index.d.ts +2 -0
- package/dist/src/components/dialog/index.js +3 -0
- package/dist/src/components/dialog/index.js.map +1 -0
- package/dist/src/components/dropdown-menu/class.d.ts +16 -0
- package/dist/src/components/dropdown-menu/class.js +17 -0
- package/dist/src/components/dropdown-menu/class.js.map +1 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-arrow.css +7 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-arrow.d.ts +3 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-arrow.jsx +10 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-arrow.jsx.map +1 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-checkbox-item.css +38 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-checkbox-item.d.ts +3 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-checkbox-item.jsx +10 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-checkbox-item.jsx.map +1 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-content.css +50 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-content.d.ts +3 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-content.jsx +10 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-content.jsx.map +1 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-group-label.css +15 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-group-label.d.ts +3 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-group-label.jsx +10 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-group-label.jsx.map +1 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-group.d.ts +2 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-group.jsx +7 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-group.jsx.map +1 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-icon.css +21 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-icon.d.ts +3 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-icon.jsx +10 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-icon.jsx.map +1 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-item-indicator.css +12 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-item-indicator.d.ts +3 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-item-indicator.jsx +10 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-item-indicator.jsx.map +1 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-item-right-slot.css +18 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-item-right-slot.d.ts +3 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-item-right-slot.jsx +11 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-item-right-slot.jsx.map +1 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-item.css +37 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-item.d.ts +3 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-item.jsx +10 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-item.jsx.map +1 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-portal.d.ts +2 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-portal.jsx +5 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-portal.jsx.map +1 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-radio-group.d.ts +2 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-radio-group.jsx +7 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-radio-group.jsx.map +1 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-radio-item.css +38 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-radio-item.d.ts +3 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-radio-item.jsx +10 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-radio-item.jsx.map +1 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-root.d.ts +2 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-root.jsx +5 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-root.jsx.map +1 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-separator.css +11 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-separator.d.ts +3 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-separator.jsx +10 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-separator.jsx.map +1 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-sub-content.css +26 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-sub-content.d.ts +3 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-sub-content.jsx +10 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-sub-content.jsx.map +1 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-sub-trigger.css +43 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-sub-trigger.d.ts +3 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-sub-trigger.jsx +10 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-sub-trigger.jsx.map +1 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-sub.d.ts +2 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-sub.jsx +5 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-sub.jsx.map +1 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-trigger.css +6 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-trigger.d.ts +3 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-trigger.jsx +16 -0
- package/dist/src/components/dropdown-menu/dropdown-menu-trigger.jsx.map +1 -0
- package/dist/src/components/dropdown-menu/dropdown-menu.d.ts +43 -0
- package/dist/src/components/dropdown-menu/dropdown-menu.jsx +39 -0
- package/dist/src/components/dropdown-menu/dropdown-menu.jsx.map +1 -0
- package/dist/src/components/dropdown-menu/index.d.ts +21 -0
- package/dist/src/components/dropdown-menu/index.js +22 -0
- package/dist/src/components/dropdown-menu/index.js.map +1 -0
- package/dist/src/components/dropdown-menu/types.d.ts +21 -0
- package/dist/src/components/dropdown-menu/types.js +1 -0
- package/dist/src/components/dropdown-menu/types.js.map +1 -0
- package/dist/src/components/input/class.d.ts +3 -0
- package/dist/src/components/input/class.js +4 -0
- package/dist/src/components/input/class.js.map +1 -0
- package/dist/src/components/input/index.d.ts +2 -0
- package/dist/src/components/input/index.js +3 -0
- package/dist/src/components/input/index.js.map +1 -0
- package/dist/src/components/input/input.css +34 -0
- package/dist/src/components/input/input.d.ts +6 -0
- package/dist/src/components/input/input.jsx +10 -0
- package/dist/src/components/input/input.jsx.map +1 -0
- package/dist/src/components/label/class.d.ts +3 -0
- package/dist/src/components/label/class.js +4 -0
- package/dist/src/components/label/class.js.map +1 -0
- package/dist/src/components/label/index.d.ts +2 -0
- package/dist/src/components/label/index.js +3 -0
- package/dist/src/components/label/index.js.map +1 -0
- package/dist/src/components/label/label.css +16 -0
- package/dist/src/components/label/label.d.ts +6 -0
- package/dist/src/components/label/label.jsx +12 -0
- package/dist/src/components/label/label.jsx.map +1 -0
- package/dist/src/components/progress-bar/class.d.ts +4 -0
- package/dist/src/components/progress-bar/class.js +5 -0
- package/dist/src/components/progress-bar/class.js.map +1 -0
- package/dist/src/components/progress-bar/index.d.ts +2 -0
- package/dist/src/components/progress-bar/index.js +3 -0
- package/dist/src/components/progress-bar/index.js.map +1 -0
- package/dist/src/components/progress-bar/progress-bar.css +43 -0
- package/dist/src/components/progress-bar/progress-bar.d.ts +9 -0
- package/dist/src/components/progress-bar/progress-bar.jsx +24 -0
- package/dist/src/components/progress-bar/progress-bar.jsx.map +1 -0
- package/dist/src/components/radio/class.d.ts +8 -0
- package/dist/src/components/radio/class.js +9 -0
- package/dist/src/components/radio/class.js.map +1 -0
- package/dist/src/components/radio/context.d.ts +9 -0
- package/dist/src/components/radio/context.js +6 -0
- package/dist/src/components/radio/context.js.map +1 -0
- package/dist/src/components/radio/index.d.ts +6 -0
- package/dist/src/components/radio/index.js +7 -0
- package/dist/src/components/radio/index.js.map +1 -0
- package/dist/src/components/radio/radio-group.css +9 -0
- package/dist/src/components/radio/radio-group.d.ts +3 -0
- package/dist/src/components/radio/radio-group.jsx +33 -0
- package/dist/src/components/radio/radio-group.jsx.map +1 -0
- package/dist/src/components/radio/radio-root.css +75 -0
- package/dist/src/components/radio/radio-root.d.ts +4 -0
- package/dist/src/components/radio/radio-root.jsx +51 -0
- package/dist/src/components/radio/radio-root.jsx.map +1 -0
- package/dist/src/components/radio/radio.d.ts +11 -0
- package/dist/src/components/radio/radio.jsx +7 -0
- package/dist/src/components/radio/radio.jsx.map +1 -0
- package/dist/src/components/radio/types.d.ts +16 -0
- package/dist/src/components/radio/types.js +1 -0
- package/dist/src/components/radio/types.js.map +1 -0
- package/dist/src/components/select/class.d.ts +5 -0
- package/dist/src/components/select/class.js +6 -0
- package/dist/src/components/select/class.js.map +1 -0
- package/dist/src/components/select/index.d.ts +2 -0
- package/dist/src/components/select/index.js +3 -0
- package/dist/src/components/select/index.js.map +1 -0
- package/dist/src/components/select/select.css +76 -0
- package/dist/src/components/select/select.d.ts +6 -0
- package/dist/src/components/select/select.jsx +16 -0
- package/dist/src/components/select/select.jsx.map +1 -0
- package/dist/src/components/slider/class.d.ts +3 -0
- package/dist/src/components/slider/class.js +4 -0
- package/dist/src/components/slider/class.js.map +1 -0
- package/dist/src/components/slider/index.d.ts +2 -0
- package/dist/src/components/slider/index.js +3 -0
- package/dist/src/components/slider/index.js.map +1 -0
- package/dist/src/components/slider/slider.css +83 -0
- package/dist/src/components/slider/slider.d.ts +7 -0
- package/dist/src/components/slider/slider.jsx +19 -0
- package/dist/src/components/slider/slider.jsx.map +1 -0
- package/dist/src/components/spinner/class.d.ts +10 -0
- package/dist/src/components/spinner/class.js +10 -0
- package/dist/src/components/spinner/class.js.map +1 -0
- package/dist/src/components/spinner/index.d.ts +2 -0
- package/dist/src/components/spinner/index.js +3 -0
- package/dist/src/components/spinner/index.js.map +1 -0
- package/dist/src/components/spinner/spinner.css +51 -0
- package/dist/src/components/spinner/spinner.d.ts +9 -0
- package/dist/src/components/spinner/spinner.jsx +22 -0
- package/dist/src/components/spinner/spinner.jsx.map +1 -0
- package/dist/src/components/switch/class.d.ts +7 -0
- package/dist/src/components/switch/class.js +8 -0
- package/dist/src/components/switch/class.js.map +1 -0
- package/dist/src/components/switch/index.d.ts +2 -0
- package/dist/src/components/switch/index.js +3 -0
- package/dist/src/components/switch/index.js.map +1 -0
- package/dist/src/components/switch/switch.css +90 -0
- package/dist/src/components/switch/switch.d.ts +9 -0
- package/dist/src/components/switch/switch.jsx +28 -0
- package/dist/src/components/switch/switch.jsx.map +1 -0
- package/dist/src/components/table/class.d.ts +10 -0
- package/dist/src/components/table/class.js +11 -0
- package/dist/src/components/table/class.js.map +1 -0
- package/dist/src/components/table/index.d.ts +11 -0
- package/dist/src/components/table/index.js +12 -0
- package/dist/src/components/table/index.js.map +1 -0
- package/dist/src/components/table/table-body.d.ts +2 -0
- package/dist/src/components/table/table-body.jsx +10 -0
- package/dist/src/components/table/table-body.jsx.map +1 -0
- package/dist/src/components/table/table-caption.css +11 -0
- package/dist/src/components/table/table-caption.d.ts +3 -0
- package/dist/src/components/table/table-caption.jsx +11 -0
- package/dist/src/components/table/table-caption.jsx.map +1 -0
- package/dist/src/components/table/table-cell.css +12 -0
- package/dist/src/components/table/table-cell.d.ts +3 -0
- package/dist/src/components/table/table-cell.jsx +11 -0
- package/dist/src/components/table/table-cell.jsx.map +1 -0
- package/dist/src/components/table/table-footer.css +15 -0
- package/dist/src/components/table/table-footer.d.ts +3 -0
- package/dist/src/components/table/table-footer.jsx +11 -0
- package/dist/src/components/table/table-footer.jsx.map +1 -0
- package/dist/src/components/table/table-head.css +16 -0
- package/dist/src/components/table/table-head.d.ts +3 -0
- package/dist/src/components/table/table-head.jsx +11 -0
- package/dist/src/components/table/table-head.jsx.map +1 -0
- package/dist/src/components/table/table-header.d.ts +2 -0
- package/dist/src/components/table/table-header.jsx +10 -0
- package/dist/src/components/table/table-header.jsx.map +1 -0
- package/dist/src/components/table/table-root.css +12 -0
- package/dist/src/components/table/table-root.d.ts +3 -0
- package/dist/src/components/table/table-root.jsx +11 -0
- package/dist/src/components/table/table-root.jsx.map +1 -0
- package/dist/src/components/table/table-row.css +6 -0
- package/dist/src/components/table/table-row.d.ts +3 -0
- package/dist/src/components/table/table-row.jsx +11 -0
- package/dist/src/components/table/table-row.jsx.map +1 -0
- package/dist/src/components/table/table.d.ts +23 -0
- package/dist/src/components/table/table.jsx +19 -0
- package/dist/src/components/table/table.jsx.map +1 -0
- package/dist/src/components/table/types.d.ts +9 -0
- package/dist/src/components/table/types.js +1 -0
- package/dist/src/components/table/types.js.map +1 -0
- package/dist/src/components/tabs/class.d.ts +12 -0
- package/dist/src/components/tabs/class.js +12 -0
- package/dist/src/components/tabs/class.js.map +1 -0
- package/dist/src/components/tabs/index.d.ts +2 -0
- package/dist/src/components/tabs/index.js +3 -0
- package/dist/src/components/tabs/index.js.map +1 -0
- package/dist/src/components/tabs/tabs-content.css +24 -0
- package/dist/src/components/tabs/tabs-indicator.css +32 -0
- package/dist/src/components/tabs/tabs-list.css +26 -0
- package/dist/src/components/tabs/tabs-root.css +34 -0
- package/dist/src/components/tabs/tabs-trigger.css +58 -0
- package/dist/src/components/tabs/tabs.d.ts +27 -0
- package/dist/src/components/tabs/tabs.jsx +47 -0
- package/dist/src/components/tabs/tabs.jsx.map +1 -0
- package/dist/src/components/textarea/class.d.ts +3 -0
- package/dist/src/components/textarea/class.js +4 -0
- package/dist/src/components/textarea/class.js.map +1 -0
- package/dist/src/components/textarea/index.d.ts +2 -0
- package/dist/src/components/textarea/index.js +3 -0
- package/dist/src/components/textarea/index.js.map +1 -0
- package/dist/src/components/textarea/textarea.css +46 -0
- package/dist/src/components/textarea/textarea.d.ts +6 -0
- package/dist/src/components/textarea/textarea.jsx +10 -0
- package/dist/src/components/textarea/textarea.jsx.map +1 -0
- package/dist/src/components/xstack/class.d.ts +12 -0
- package/dist/src/components/xstack/class.js +12 -0
- package/dist/src/components/xstack/class.js.map +1 -0
- package/dist/src/components/xstack/index.d.ts +1 -0
- package/dist/src/components/xstack/index.js +1 -0
- package/dist/src/components/xstack/index.js.map +1 -0
- package/dist/src/components/xstack/xstack.css +34 -0
- package/dist/src/components/xstack/xstack.d.ts +9 -0
- package/dist/src/components/xstack/xstack.jsx +15 -0
- package/dist/src/components/xstack/xstack.jsx.map +1 -0
- package/dist/src/components/ystack/class.d.ts +11 -0
- package/dist/src/components/ystack/class.js +11 -0
- package/dist/src/components/ystack/class.js.map +1 -0
- package/dist/src/components/ystack/index.d.ts +2 -0
- package/dist/src/components/ystack/index.js +3 -0
- package/dist/src/components/ystack/index.js.map +1 -0
- package/dist/src/components/ystack/ystack.css +31 -0
- package/dist/src/components/ystack/ystack.d.ts +9 -0
- package/dist/src/components/ystack/ystack.jsx +15 -0
- package/dist/src/components/ystack/ystack.jsx.map +1 -0
- package/dist/src/icons/check-icon.d.ts +2 -0
- package/dist/src/icons/check-icon.jsx +8 -0
- package/dist/src/icons/check-icon.jsx.map +1 -0
- package/dist/src/icons/chevron-down-icon.d.ts +2 -0
- package/dist/src/icons/chevron-down-icon.jsx +8 -0
- package/dist/src/icons/chevron-down-icon.jsx.map +1 -0
- package/dist/src/icons/chevron-right-icon.d.ts +2 -0
- package/dist/src/icons/chevron-right-icon.jsx +8 -0
- package/dist/src/icons/chevron-right-icon.jsx.map +1 -0
- package/dist/src/icons/dot-filled-icon.d.ts +2 -0
- package/dist/src/icons/dot-filled-icon.jsx +8 -0
- package/dist/src/icons/dot-filled-icon.jsx.map +1 -0
- package/dist/src/icons/index.d.ts +5 -0
- package/dist/src/icons/index.js +6 -0
- package/dist/src/icons/index.js.map +1 -0
- package/dist/src/icons/types.d.ts +5 -0
- package/dist/src/icons/types.js +1 -0
- package/dist/src/icons/types.js.map +1 -0
- package/dist/src/index.d.ts +19 -0
- package/dist/src/index.js +20 -0
- package/dist/src/index.js.map +1 -0
- package/dist/src/lib/reflect.d.ts +1 -0
- package/dist/src/lib/reflect.js +4 -0
- package/dist/src/lib/reflect.js.map +1 -0
- package/dist/src/style/colors.css +267 -0
- package/dist/src/style/flatline.css +12 -0
- package/dist/src/style/reset.css +175 -0
- package/dist/src/style/tokens.css +139 -0
- package/package.json +48 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog.jsx","sourceRoot":"","sources":["../../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tDialog as KDialog,\n\ttype DialogCloseButtonProps as KDialogCloseButtonProps,\n\ttype DialogContentProps as KDialogContentProps,\n\ttype DialogDescriptionProps as KDialogDescriptionProps,\n\ttype DialogOverlayProps as KDialogOverlayProps,\n\ttype DialogPortalProps as KDialogPortalProps,\n\ttype DialogRootProps as KDialogRootProps,\n\ttype DialogTitleProps as KDialogTitleProps,\n\ttype DialogTriggerProps as KDialogTriggerProps,\n} from '@kobalte/core/dialog';\nimport clsx from 'clsx/lite';\nimport { type JSX, mergeProps, splitProps } from 'solid-js';\nimport { Button, type ButtonProps } from '../button';\nimport { type DialogContentSize, dialogClass } from './class';\nimport './dialog-trigger.css';\nimport './dialog-overlay.css';\nimport './dialog-positioner.css';\nimport './dialog-content.css';\nimport './dialog-header.css';\nimport './dialog-close-button.css';\nimport './dialog-title.css';\nimport './dialog-description.css';\n\nexport interface DialogRootProps extends KDialogRootProps {}\n\nexport type DialogPortalProps = KDialogPortalProps;\nexport type DialogTriggerProps = KDialogTriggerProps & JSX.ButtonHTMLAttributes<HTMLButtonElement>;\nexport type DialogOverlayProps = KDialogOverlayProps & JSX.HTMLAttributes<HTMLDivElement>;\nexport type DialogContentBaseProps = KDialogContentProps & Omit<JSX.HTMLAttributes<HTMLDivElement>, 'ref'>;\n\nexport interface DialogContentProps extends DialogContentBaseProps {\n\tsize?: DialogContentSize;\n}\nexport type DialogTitleProps = KDialogTitleProps & JSX.HTMLAttributes<HTMLHeadingElement>;\nexport type DialogDescriptionProps = KDialogDescriptionProps & JSX.HTMLAttributes<HTMLParagraphElement>;\nexport type DialogCloseButtonProps = KDialogCloseButtonProps & JSX.ButtonHTMLAttributes<HTMLButtonElement>;\nexport type DialogButtonTriggerProps = KDialogTriggerProps & Omit<ButtonProps, 'type'>;\nexport type DialogPositionerProps = JSX.HTMLAttributes<HTMLDivElement>;\nexport type DialogHeaderProps = JSX.HTMLAttributes<HTMLDivElement>;\n\nexport function DialogRoot(props: DialogRootProps) {\n\treturn <KDialog {...props} />;\n}\n\nexport function DialogPortal(props: DialogPortalProps) {\n\treturn <KDialog.Portal {...props} />;\n}\n\nexport function DialogTrigger(props: DialogTriggerProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\n\tconst rootClass = () => clsx(dialogClass.trigger, local.class);\n\n\treturn (\n\t\t<KDialog.Trigger\n\t\t\tclass={rootClass()}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n\nexport function DialogButtonTrigger(props: DialogButtonTriggerProps) {\n\tconst merged = mergeProps(\n\t\t{\n\t\t\ttype: 'button',\n\t\t\tvariant: 'solid',\n\t\t\tcolor: 'primary',\n\t\t} as const,\n\t\tprops,\n\t);\n\n\treturn (\n\t\t<KDialog.Trigger\n\t\t\tas={Button}\n\t\t\t{...merged}\n\t\t/>\n\t);\n}\n\nexport function DialogOverlay(props: DialogOverlayProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\n\tconst rootClass = () => clsx(dialogClass.overlay, local.class);\n\n\treturn (\n\t\t<KDialog.Overlay\n\t\t\tclass={rootClass()}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n\nexport function DialogPositioner(props: DialogPositionerProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\n\tconst rootClass = () => clsx(dialogClass.positioner, local.class);\n\n\treturn (\n\t\t<div\n\t\t\tclass={rootClass()}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n\nexport function DialogContent(props: DialogContentProps) {\n\tconst merged = mergeProps(\n\t\t{\n\t\t\tsize: 'md',\n\t\t} as const,\n\t\tprops,\n\t);\n\tconst [local, rest] = splitProps(merged, ['class', 'size']);\n\n\tconst rootClass = () => {\n\t\tconst sizeClass = dialogClass.contentSize[local.size];\n\n\t\treturn clsx(dialogClass.content, sizeClass, local.class);\n\t};\n\n\treturn (\n\t\t<KDialog.Content\n\t\t\tclass={rootClass()}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n\nexport function DialogHeader(props: DialogHeaderProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\n\tconst rootClass = () => clsx(dialogClass.header, local.class);\n\n\treturn (\n\t\t<div\n\t\t\tclass={rootClass()}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n\nexport function DialogTitle(props: DialogTitleProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\n\tconst rootClass = () => clsx(dialogClass.title, local.class);\n\n\treturn (\n\t\t<KDialog.Title\n\t\t\tclass={rootClass()}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n\nexport function DialogDescription(props: DialogDescriptionProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\n\tconst rootClass = () => clsx(dialogClass.description, local.class);\n\n\treturn (\n\t\t<KDialog.Description\n\t\t\tclass={rootClass()}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n\nexport function DialogCloseButton(props: DialogCloseButtonProps) {\n\tconst merged = mergeProps(\n\t\t{\n\t\t\t'aria-label': 'Close dialog',\n\t\t} as const,\n\t\tprops,\n\t);\n\tconst [local, rest] = splitProps(merged, ['class']);\n\n\tconst rootClass = () => clsx(dialogClass.closeButton, local.class);\n\n\treturn (\n\t\t<KDialog.CloseButton\n\t\t\tclass={rootClass()}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n\nexport const Dialog = Object.assign(DialogRoot, {\n\tPortal: DialogPortal,\n\tTrigger: DialogTrigger,\n\tButtonTrigger: DialogButtonTrigger,\n\tOverlay: DialogOverlay,\n\tPositioner: DialogPositioner,\n\tContent: DialogContent,\n\tHeader: DialogHeader,\n\tTitle: DialogTitle,\n\tDescription: DialogDescription,\n\tCloseButton: DialogCloseButton,\n});\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC","sourcesContent":["export * from './class';\nexport * from './dialog';\n"]}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export declare const dropdownMenuClass: {
|
|
2
|
+
readonly root: 'fl-dropdown-menu';
|
|
3
|
+
readonly trigger: 'fl-dropdown-menu_trigger';
|
|
4
|
+
readonly icon: 'fl-dropdown-menu_icon';
|
|
5
|
+
readonly content: 'fl-dropdown-menu_content';
|
|
6
|
+
readonly subContent: 'fl-dropdown-menu_sub-content';
|
|
7
|
+
readonly item: 'fl-dropdown-menu_item';
|
|
8
|
+
readonly checkboxItem: 'fl-dropdown-menu_checkbox-item';
|
|
9
|
+
readonly radioItem: 'fl-dropdown-menu_radio-item';
|
|
10
|
+
readonly subTrigger: 'fl-dropdown-menu_sub-trigger';
|
|
11
|
+
readonly groupLabel: 'fl-dropdown-menu_group-label';
|
|
12
|
+
readonly separator: 'fl-dropdown-menu_separator';
|
|
13
|
+
readonly itemIndicator: 'fl-dropdown-menu_item-indicator';
|
|
14
|
+
readonly itemRightSlot: 'fl-dropdown-menu_item-right-slot';
|
|
15
|
+
readonly arrow: 'fl-dropdown-menu_arrow';
|
|
16
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export const dropdownMenuClass = {
|
|
2
|
+
root: 'fl-dropdown-menu',
|
|
3
|
+
trigger: 'fl-dropdown-menu_trigger',
|
|
4
|
+
icon: 'fl-dropdown-menu_icon',
|
|
5
|
+
content: 'fl-dropdown-menu_content',
|
|
6
|
+
subContent: 'fl-dropdown-menu_sub-content',
|
|
7
|
+
item: 'fl-dropdown-menu_item',
|
|
8
|
+
checkboxItem: 'fl-dropdown-menu_checkbox-item',
|
|
9
|
+
radioItem: 'fl-dropdown-menu_radio-item',
|
|
10
|
+
subTrigger: 'fl-dropdown-menu_sub-trigger',
|
|
11
|
+
groupLabel: 'fl-dropdown-menu_group-label',
|
|
12
|
+
separator: 'fl-dropdown-menu_separator',
|
|
13
|
+
itemIndicator: 'fl-dropdown-menu_item-indicator',
|
|
14
|
+
itemRightSlot: 'fl-dropdown-menu_item-right-slot',
|
|
15
|
+
arrow: 'fl-dropdown-menu_arrow',
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=class.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"class.js","sourceRoot":"","sources":["../../../../src/components/dropdown-menu/class.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAChC,IAAI,EAAE,kBAAkB;IACxB,OAAO,EAAE,0BAA0B;IACnC,IAAI,EAAE,uBAAuB;IAC7B,OAAO,EAAE,0BAA0B;IACnC,UAAU,EAAE,8BAA8B;IAC1C,IAAI,EAAE,uBAAuB;IAC7B,YAAY,EAAE,gCAAgC;IAC9C,SAAS,EAAE,6BAA6B;IACxC,UAAU,EAAE,8BAA8B;IAC1C,UAAU,EAAE,8BAA8B;IAC1C,SAAS,EAAE,4BAA4B;IACvC,aAAa,EAAE,iCAAiC;IAChD,aAAa,EAAE,kCAAkC;IACjD,KAAK,EAAE,wBAAwB;CACtB,CAAC","sourcesContent":["export const dropdownMenuClass = {\n\troot: 'fl-dropdown-menu',\n\ttrigger: 'fl-dropdown-menu_trigger',\n\ticon: 'fl-dropdown-menu_icon',\n\tcontent: 'fl-dropdown-menu_content',\n\tsubContent: 'fl-dropdown-menu_sub-content',\n\titem: 'fl-dropdown-menu_item',\n\tcheckboxItem: 'fl-dropdown-menu_checkbox-item',\n\tradioItem: 'fl-dropdown-menu_radio-item',\n\tsubTrigger: 'fl-dropdown-menu_sub-trigger',\n\tgroupLabel: 'fl-dropdown-menu_group-label',\n\tseparator: 'fl-dropdown-menu_separator',\n\titemIndicator: 'fl-dropdown-menu_item-indicator',\n\titemRightSlot: 'fl-dropdown-menu_item-right-slot',\n\tarrow: 'fl-dropdown-menu_arrow',\n} as const;\n"]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';
|
|
2
|
+
import clsx from 'clsx/lite';
|
|
3
|
+
import { splitProps } from 'solid-js';
|
|
4
|
+
import { dropdownMenuClass } from './class';
|
|
5
|
+
import './dropdown-menu-arrow.css';
|
|
6
|
+
export function DropdownMenuArrow(props) {
|
|
7
|
+
const [local, rest] = splitProps(props, ['class']);
|
|
8
|
+
return (<KDropdownMenu.Arrow class={clsx(dropdownMenuClass.arrow, local.class)} size={8} {...rest}/>);
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=dropdown-menu-arrow.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-menu-arrow.jsx","sourceRoot":"","sources":["../../../../src/components/dropdown-menu/dropdown-menu-arrow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,2BAA2B,CAAC;AAEnC,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC9D,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,OAAO,CACN,CAAC,aAAa,CAAC,KAAK,CACnB,KAAK,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAClD,IAAI,CAAC,CAAC,CAAC,CAAC,CACR,IAAI,IAAI,CAAC,EACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { dropdownMenuClass } from './class';\nimport type { DropdownMenuArrowProps } from './types';\nimport './dropdown-menu-arrow.css';\n\nexport function DropdownMenuArrow(props: DropdownMenuArrowProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\treturn (\n\t\t<KDropdownMenu.Arrow\n\t\t\tclass={clsx(dropdownMenuClass.arrow, local.class)}\n\t\t\tsize={8}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n"]}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
@layer components {
|
|
2
|
+
.fl-dropdown-menu_checkbox-item {
|
|
3
|
+
/* reset */
|
|
4
|
+
outline: none;
|
|
5
|
+
|
|
6
|
+
/* layout */
|
|
7
|
+
position: relative;
|
|
8
|
+
display: flex;
|
|
9
|
+
align-items: center;
|
|
10
|
+
min-height: var(--fl-size-8);
|
|
11
|
+
|
|
12
|
+
/* spacing */
|
|
13
|
+
padding-inline: var(--fl-size-2);
|
|
14
|
+
padding-left: var(--fl-size-6);
|
|
15
|
+
|
|
16
|
+
/* background */
|
|
17
|
+
border-radius: var(--fl-radius-sm);
|
|
18
|
+
|
|
19
|
+
/* text */
|
|
20
|
+
color: var(--fl-body-text-color);
|
|
21
|
+
font-size: var(--fl-text-size-sm);
|
|
22
|
+
line-height: 1.2;
|
|
23
|
+
|
|
24
|
+
/* pointer */
|
|
25
|
+
cursor: pointer;
|
|
26
|
+
user-select: none;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.fl-dropdown-menu_checkbox-item[data-disabled] {
|
|
30
|
+
opacity: var(--fl-disabled-opacity);
|
|
31
|
+
pointer-events: none;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.fl-dropdown-menu_checkbox-item[data-highlighted] {
|
|
35
|
+
background: var(--fl-primary-color);
|
|
36
|
+
color: var(--fl-primary-text-color);
|
|
37
|
+
}
|
|
38
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';
|
|
2
|
+
import clsx from 'clsx/lite';
|
|
3
|
+
import { splitProps } from 'solid-js';
|
|
4
|
+
import { dropdownMenuClass } from './class';
|
|
5
|
+
import './dropdown-menu-checkbox-item.css';
|
|
6
|
+
export function DropdownMenuCheckboxItem(props) {
|
|
7
|
+
const [local, rest] = splitProps(props, ['class']);
|
|
8
|
+
return (<KDropdownMenu.CheckboxItem class={clsx(dropdownMenuClass.checkboxItem, local.class)} {...rest}/>);
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=dropdown-menu-checkbox-item.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-menu-checkbox-item.jsx","sourceRoot":"","sources":["../../../../src/components/dropdown-menu/dropdown-menu-checkbox-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,mCAAmC,CAAC;AAE3C,MAAM,UAAU,wBAAwB,CAAC,KAAoC;IAC5E,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,OAAO,CACN,CAAC,aAAa,CAAC,YAAY,CAC1B,KAAK,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CACzD,IAAI,IAAI,CAAC,EACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { dropdownMenuClass } from './class';\nimport type { DropdownMenuCheckboxItemProps } from './types';\nimport './dropdown-menu-checkbox-item.css';\n\nexport function DropdownMenuCheckboxItem(props: DropdownMenuCheckboxItemProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\treturn (\n\t\t<KDropdownMenu.CheckboxItem\n\t\t\tclass={clsx(dropdownMenuClass.checkboxItem, local.class)}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n"]}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
@layer components {
|
|
2
|
+
.fl-dropdown-menu_content {
|
|
3
|
+
/* reset */
|
|
4
|
+
outline: none;
|
|
5
|
+
|
|
6
|
+
/* layout */
|
|
7
|
+
min-width: 13.75rem;
|
|
8
|
+
|
|
9
|
+
/* spacing */
|
|
10
|
+
padding: var(--fl-size-2);
|
|
11
|
+
|
|
12
|
+
/* background */
|
|
13
|
+
background: var(--fl-body-bg-color);
|
|
14
|
+
border: var(--fl-border-size, 1px) solid var(--fl-border-color);
|
|
15
|
+
border-radius: var(--fl-border-radius);
|
|
16
|
+
|
|
17
|
+
/* effects */
|
|
18
|
+
box-shadow: var(--fl-shadow-lg);
|
|
19
|
+
transform-origin: var(--kb-menu-content-transform-origin);
|
|
20
|
+
animation: fl-dropdown-menu-content-hide 180ms ease-in forwards;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.fl-dropdown-menu_content[data-expanded] {
|
|
24
|
+
animation: fl-dropdown-menu-content-show 180ms ease-out;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
@keyframes fl-dropdown-menu-content-show {
|
|
28
|
+
from {
|
|
29
|
+
opacity: 0;
|
|
30
|
+
transform: scale(0.96);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
to {
|
|
34
|
+
opacity: 1;
|
|
35
|
+
transform: scale(1);
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
@keyframes fl-dropdown-menu-content-hide {
|
|
40
|
+
from {
|
|
41
|
+
opacity: 1;
|
|
42
|
+
transform: scale(1);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
to {
|
|
46
|
+
opacity: 0;
|
|
47
|
+
transform: scale(0.96);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';
|
|
2
|
+
import clsx from 'clsx/lite';
|
|
3
|
+
import { splitProps } from 'solid-js';
|
|
4
|
+
import { dropdownMenuClass } from './class';
|
|
5
|
+
import './dropdown-menu-content.css';
|
|
6
|
+
export function DropdownMenuContent(props) {
|
|
7
|
+
const [local, rest] = splitProps(props, ['class']);
|
|
8
|
+
return (<KDropdownMenu.Content class={clsx(dropdownMenuClass.content, local.class)} {...rest}/>);
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=dropdown-menu-content.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-menu-content.jsx","sourceRoot":"","sources":["../../../../src/components/dropdown-menu/dropdown-menu-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,6BAA6B,CAAC;AAErC,MAAM,UAAU,mBAAmB,CAAC,KAA+B;IAClE,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,OAAO,CACN,CAAC,aAAa,CAAC,OAAO,CACrB,KAAK,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CACpD,IAAI,IAAI,CAAC,EACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { dropdownMenuClass } from './class';\nimport type { DropdownMenuContentProps } from './types';\nimport './dropdown-menu-content.css';\n\nexport function DropdownMenuContent(props: DropdownMenuContentProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\treturn (\n\t\t<KDropdownMenu.Content\n\t\t\tclass={clsx(dropdownMenuClass.content, local.class)}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n"]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
@layer components {
|
|
2
|
+
.fl-dropdown-menu_group-label {
|
|
3
|
+
/* layout */
|
|
4
|
+
display: block;
|
|
5
|
+
|
|
6
|
+
/* spacing */
|
|
7
|
+
padding-inline: var(--fl-size-1);
|
|
8
|
+
padding-block: var(--fl-size-1);
|
|
9
|
+
|
|
10
|
+
/* text */
|
|
11
|
+
color: var(--fl-body-muted-text-color);
|
|
12
|
+
font-size: var(--fl-text-size-xs);
|
|
13
|
+
font-weight: var(--fl-font-weight-semibold);
|
|
14
|
+
}
|
|
15
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';
|
|
2
|
+
import clsx from 'clsx/lite';
|
|
3
|
+
import { splitProps } from 'solid-js';
|
|
4
|
+
import { dropdownMenuClass } from './class';
|
|
5
|
+
import './dropdown-menu-group-label.css';
|
|
6
|
+
export function DropdownMenuGroupLabel(props) {
|
|
7
|
+
const [local, rest] = splitProps(props, ['class']);
|
|
8
|
+
return (<KDropdownMenu.GroupLabel class={clsx(dropdownMenuClass.groupLabel, local.class)} {...rest}/>);
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=dropdown-menu-group-label.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-menu-group-label.jsx","sourceRoot":"","sources":["../../../../src/components/dropdown-menu/dropdown-menu-group-label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,iCAAiC,CAAC;AAEzC,MAAM,UAAU,sBAAsB,CAAC,KAAkC;IACxE,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,OAAO,CACN,CAAC,aAAa,CAAC,UAAU,CACxB,KAAK,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CACvD,IAAI,IAAI,CAAC,EACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { dropdownMenuClass } from './class';\nimport type { DropdownMenuGroupLabelProps } from './types';\nimport './dropdown-menu-group-label.css';\n\nexport function DropdownMenuGroupLabel(props: DropdownMenuGroupLabelProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\treturn (\n\t\t<KDropdownMenu.GroupLabel\n\t\t\tclass={clsx(dropdownMenuClass.groupLabel, local.class)}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';
|
|
2
|
+
import { splitProps } from 'solid-js';
|
|
3
|
+
export function DropdownMenuGroup(props) {
|
|
4
|
+
const [local, rest] = splitProps(props, ['class']);
|
|
5
|
+
return (<KDropdownMenu.Group class={local.class} {...rest}/>);
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=dropdown-menu-group.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-menu-group.jsx","sourceRoot":"","sources":["../../../../src/components/dropdown-menu/dropdown-menu-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC9D,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,OAAO,CACN,CAAC,aAAa,CAAC,KAAK,CACnB,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,IAAI,IAAI,CAAC,EACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport { splitProps } from 'solid-js';\nimport type { DropdownMenuGroupProps } from './types';\n\nexport function DropdownMenuGroup(props: DropdownMenuGroupProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\treturn (\n\t\t<KDropdownMenu.Group\n\t\t\tclass={local.class}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n"]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
@layer components {
|
|
2
|
+
.fl-dropdown-menu_icon {
|
|
3
|
+
/* layout */
|
|
4
|
+
display: inline-flex;
|
|
5
|
+
align-items: center;
|
|
6
|
+
justify-content: center;
|
|
7
|
+
width: var(--fl-size-5);
|
|
8
|
+
height: var(--fl-size-5);
|
|
9
|
+
flex: 0 0 var(--fl-size-5);
|
|
10
|
+
|
|
11
|
+
/* spacing */
|
|
12
|
+
margin-right: calc(var(--fl-size-1-5) * -1);
|
|
13
|
+
|
|
14
|
+
/* effects */
|
|
15
|
+
transition: transform var(--fl-animation-duration) ease;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.fl-dropdown-menu_icon[data-expanded] {
|
|
19
|
+
transform: rotate(180deg);
|
|
20
|
+
}
|
|
21
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';
|
|
2
|
+
import clsx from 'clsx/lite';
|
|
3
|
+
import { splitProps } from 'solid-js';
|
|
4
|
+
import { dropdownMenuClass } from './class';
|
|
5
|
+
import './dropdown-menu-icon.css';
|
|
6
|
+
export function DropdownMenuIcon(props) {
|
|
7
|
+
const [local, rest] = splitProps(props, ['class']);
|
|
8
|
+
return (<KDropdownMenu.Icon class={clsx(dropdownMenuClass.icon, local.class)} {...rest}/>);
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=dropdown-menu-icon.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-menu-icon.jsx","sourceRoot":"","sources":["../../../../src/components/dropdown-menu/dropdown-menu-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,0BAA0B,CAAC;AAElC,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC5D,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,OAAO,CACN,CAAC,aAAa,CAAC,IAAI,CAClB,KAAK,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CACjD,IAAI,IAAI,CAAC,EACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { dropdownMenuClass } from './class';\nimport type { DropdownMenuIconProps } from './types';\nimport './dropdown-menu-icon.css';\n\nexport function DropdownMenuIcon(props: DropdownMenuIconProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\treturn (\n\t\t<KDropdownMenu.Icon\n\t\t\tclass={clsx(dropdownMenuClass.icon, local.class)}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n"]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
@layer components {
|
|
2
|
+
.fl-dropdown-menu_item-indicator {
|
|
3
|
+
/* layout */
|
|
4
|
+
position: absolute;
|
|
5
|
+
left: var(--fl-size-0-5);
|
|
6
|
+
display: inline-flex;
|
|
7
|
+
align-items: center;
|
|
8
|
+
justify-content: center;
|
|
9
|
+
width: var(--fl-size-4);
|
|
10
|
+
height: var(--fl-size-4);
|
|
11
|
+
}
|
|
12
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';
|
|
2
|
+
import clsx from 'clsx/lite';
|
|
3
|
+
import { splitProps } from 'solid-js';
|
|
4
|
+
import { dropdownMenuClass } from './class';
|
|
5
|
+
import './dropdown-menu-item-indicator.css';
|
|
6
|
+
export function DropdownMenuItemIndicator(props) {
|
|
7
|
+
const [local, rest] = splitProps(props, ['class']);
|
|
8
|
+
return (<KDropdownMenu.ItemIndicator class={clsx(dropdownMenuClass.itemIndicator, local.class)} {...rest}/>);
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=dropdown-menu-item-indicator.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-menu-item-indicator.jsx","sourceRoot":"","sources":["../../../../src/components/dropdown-menu/dropdown-menu-item-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,oCAAoC,CAAC;AAE5C,MAAM,UAAU,yBAAyB,CAAC,KAAqC;IAC9E,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,OAAO,CACN,CAAC,aAAa,CAAC,aAAa,CAC3B,KAAK,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAC1D,IAAI,IAAI,CAAC,EACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { dropdownMenuClass } from './class';\nimport type { DropdownMenuItemIndicatorProps } from './types';\nimport './dropdown-menu-item-indicator.css';\n\nexport function DropdownMenuItemIndicator(props: DropdownMenuItemIndicatorProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\treturn (\n\t\t<KDropdownMenu.ItemIndicator\n\t\t\tclass={clsx(dropdownMenuClass.itemIndicator, local.class)}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n"]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
@layer components {
|
|
2
|
+
.fl-dropdown-menu_item-right-slot {
|
|
3
|
+
/* layout */
|
|
4
|
+
margin-left: auto;
|
|
5
|
+
|
|
6
|
+
/* spacing */
|
|
7
|
+
padding-left: var(--fl-size-5);
|
|
8
|
+
|
|
9
|
+
/* text */
|
|
10
|
+
color: var(--fl-body-muted-text-color);
|
|
11
|
+
font-size: var(--fl-text-size-xs);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
[data-highlighted] > .fl-dropdown-menu_item-right-slot {
|
|
15
|
+
/* text */
|
|
16
|
+
color: inherit;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import clsx from 'clsx/lite';
|
|
2
|
+
import { splitProps } from 'solid-js';
|
|
3
|
+
import { dropdownMenuClass } from './class';
|
|
4
|
+
import './dropdown-menu-item-right-slot.css';
|
|
5
|
+
export function DropdownMenuItemRightSlot(props) {
|
|
6
|
+
const [local, rest] = splitProps(props, ['class', 'children']);
|
|
7
|
+
return (<span class={clsx(dropdownMenuClass.itemRightSlot, local.class)} {...rest}>
|
|
8
|
+
{local.children}
|
|
9
|
+
</span>);
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=dropdown-menu-item-right-slot.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-menu-item-right-slot.jsx","sourceRoot":"","sources":["../../../../src/components/dropdown-menu/dropdown-menu-item-right-slot.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,qCAAqC,CAAC;AAE7C,MAAM,UAAU,yBAAyB,CAAC,KAAqC;IAC9E,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAC/D,OAAO,CACN,CAAC,IAAI,CACJ,KAAK,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAC1D,IAAI,IAAI,CAAC,CAET;GAAA,CAAC,KAAK,CAAC,QAAQ,CAChB;EAAA,EAAE,IAAI,CAAC,CACP,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { dropdownMenuClass } from './class';\nimport type { DropdownMenuItemRightSlotProps } from './types';\nimport './dropdown-menu-item-right-slot.css';\n\nexport function DropdownMenuItemRightSlot(props: DropdownMenuItemRightSlotProps) {\n\tconst [local, rest] = splitProps(props, ['class', 'children']);\n\treturn (\n\t\t<span\n\t\t\tclass={clsx(dropdownMenuClass.itemRightSlot, local.class)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{local.children}\n\t\t</span>\n\t);\n}\n"]}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
@layer components {
|
|
2
|
+
.fl-dropdown-menu_item {
|
|
3
|
+
/* reset */
|
|
4
|
+
outline: none;
|
|
5
|
+
|
|
6
|
+
/* layout */
|
|
7
|
+
position: relative;
|
|
8
|
+
display: flex;
|
|
9
|
+
align-items: center;
|
|
10
|
+
min-height: var(--fl-size-8);
|
|
11
|
+
|
|
12
|
+
/* spacing */
|
|
13
|
+
padding-inline: var(--fl-size-2);
|
|
14
|
+
|
|
15
|
+
/* background */
|
|
16
|
+
border-radius: var(--fl-radius-sm);
|
|
17
|
+
|
|
18
|
+
/* text */
|
|
19
|
+
color: var(--fl-body-text-color);
|
|
20
|
+
font-size: var(--fl-text-size-sm);
|
|
21
|
+
line-height: 1.2;
|
|
22
|
+
|
|
23
|
+
/* pointer */
|
|
24
|
+
cursor: pointer;
|
|
25
|
+
user-select: none;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.fl-dropdown-menu_item[data-disabled] {
|
|
29
|
+
opacity: var(--fl-disabled-opacity);
|
|
30
|
+
pointer-events: none;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.fl-dropdown-menu_item[data-highlighted] {
|
|
34
|
+
background: var(--fl-primary-color);
|
|
35
|
+
color: var(--fl-primary-text-color);
|
|
36
|
+
}
|
|
37
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';
|
|
2
|
+
import clsx from 'clsx/lite';
|
|
3
|
+
import { splitProps } from 'solid-js';
|
|
4
|
+
import { dropdownMenuClass } from './class';
|
|
5
|
+
import './dropdown-menu-item.css';
|
|
6
|
+
export function DropdownMenuItem(props) {
|
|
7
|
+
const [local, rest] = splitProps(props, ['class']);
|
|
8
|
+
return (<KDropdownMenu.Item class={clsx(dropdownMenuClass.item, local.class)} {...rest}/>);
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=dropdown-menu-item.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-menu-item.jsx","sourceRoot":"","sources":["../../../../src/components/dropdown-menu/dropdown-menu-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,0BAA0B,CAAC;AAElC,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC5D,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,OAAO,CACN,CAAC,aAAa,CAAC,IAAI,CAClB,KAAK,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CACjD,IAAI,IAAI,CAAC,EACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { dropdownMenuClass } from './class';\nimport type { DropdownMenuItemProps } from './types';\nimport './dropdown-menu-item.css';\n\nexport function DropdownMenuItem(props: DropdownMenuItemProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\treturn (\n\t\t<KDropdownMenu.Item\n\t\t\tclass={clsx(dropdownMenuClass.item, local.class)}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-menu-portal.jsx","sourceRoot":"","sources":["../../../../src/components/dropdown-menu/dropdown-menu-portal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAG5E,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAChE,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC5C,CAAC","sourcesContent":["import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport type { DropdownMenuPortalProps } from './types';\n\nexport function DropdownMenuPortal(props: DropdownMenuPortalProps) {\n\treturn <KDropdownMenu.Portal {...props} />;\n}\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';
|
|
2
|
+
import { splitProps } from 'solid-js';
|
|
3
|
+
export function DropdownMenuRadioGroup(props) {
|
|
4
|
+
const [local, rest] = splitProps(props, ['class']);
|
|
5
|
+
return (<KDropdownMenu.RadioGroup class={local.class} {...rest}/>);
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=dropdown-menu-radio-group.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-menu-radio-group.jsx","sourceRoot":"","sources":["../../../../src/components/dropdown-menu/dropdown-menu-radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,UAAU,sBAAsB,CAAC,KAAkC;IACxE,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,OAAO,CACN,CAAC,aAAa,CAAC,UAAU,CACxB,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,IAAI,IAAI,CAAC,EACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport { splitProps } from 'solid-js';\nimport type { DropdownMenuRadioGroupProps } from './types';\n\nexport function DropdownMenuRadioGroup(props: DropdownMenuRadioGroupProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\treturn (\n\t\t<KDropdownMenu.RadioGroup\n\t\t\tclass={local.class}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n"]}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
@layer components {
|
|
2
|
+
.fl-dropdown-menu_radio-item {
|
|
3
|
+
/* reset */
|
|
4
|
+
outline: none;
|
|
5
|
+
|
|
6
|
+
/* layout */
|
|
7
|
+
position: relative;
|
|
8
|
+
display: flex;
|
|
9
|
+
align-items: center;
|
|
10
|
+
min-height: var(--fl-size-8);
|
|
11
|
+
|
|
12
|
+
/* spacing */
|
|
13
|
+
padding-inline: var(--fl-size-2);
|
|
14
|
+
padding-left: var(--fl-size-6);
|
|
15
|
+
|
|
16
|
+
/* background */
|
|
17
|
+
border-radius: var(--fl-radius-sm);
|
|
18
|
+
|
|
19
|
+
/* text */
|
|
20
|
+
color: var(--fl-body-text-color);
|
|
21
|
+
font-size: var(--fl-text-size-sm);
|
|
22
|
+
line-height: 1.2;
|
|
23
|
+
|
|
24
|
+
/* pointer */
|
|
25
|
+
cursor: pointer;
|
|
26
|
+
user-select: none;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.fl-dropdown-menu_radio-item[data-disabled] {
|
|
30
|
+
opacity: var(--fl-disabled-opacity);
|
|
31
|
+
pointer-events: none;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.fl-dropdown-menu_radio-item[data-highlighted] {
|
|
35
|
+
background: var(--fl-primary-color);
|
|
36
|
+
color: var(--fl-primary-text-color);
|
|
37
|
+
}
|
|
38
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';
|
|
2
|
+
import clsx from 'clsx/lite';
|
|
3
|
+
import { splitProps } from 'solid-js';
|
|
4
|
+
import { dropdownMenuClass } from './class';
|
|
5
|
+
import './dropdown-menu-radio-item.css';
|
|
6
|
+
export function DropdownMenuRadioItem(props) {
|
|
7
|
+
const [local, rest] = splitProps(props, ['class']);
|
|
8
|
+
return (<KDropdownMenu.RadioItem class={clsx(dropdownMenuClass.radioItem, local.class)} {...rest}/>);
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=dropdown-menu-radio-item.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-menu-radio-item.jsx","sourceRoot":"","sources":["../../../../src/components/dropdown-menu/dropdown-menu-radio-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,gCAAgC,CAAC;AAExC,MAAM,UAAU,qBAAqB,CAAC,KAAiC;IACtE,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,OAAO,CACN,CAAC,aAAa,CAAC,SAAS,CACvB,KAAK,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CACtD,IAAI,IAAI,CAAC,EACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { dropdownMenuClass } from './class';\nimport type { DropdownMenuRadioItemProps } from './types';\nimport './dropdown-menu-radio-item.css';\n\nexport function DropdownMenuRadioItem(props: DropdownMenuRadioItemProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\treturn (\n\t\t<KDropdownMenu.RadioItem\n\t\t\tclass={clsx(dropdownMenuClass.radioItem, local.class)}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-menu-root.jsx","sourceRoot":"","sources":["../../../../src/components/dropdown-menu/dropdown-menu-root.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAG5E,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC5D,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACrC,CAAC","sourcesContent":["import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport type { DropdownMenuRootProps } from './types';\n\nexport function DropdownMenuRoot(props: DropdownMenuRootProps) {\n\treturn <KDropdownMenu {...props} />;\n}\n"]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
@layer components {
|
|
2
|
+
.fl-dropdown-menu_separator {
|
|
3
|
+
/* spacing */
|
|
4
|
+
margin-block: var(--fl-size-1-5);
|
|
5
|
+
margin-inline: calc(var(--fl-size-2) * -1);
|
|
6
|
+
|
|
7
|
+
/* background */
|
|
8
|
+
border: 0;
|
|
9
|
+
border-top: var(--fl-border-size, 1px) solid var(--fl-border-color);
|
|
10
|
+
}
|
|
11
|
+
}
|