@accelint/design-toolkit 5.2.0 → 7.0.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/README.md +2 -0
- package/catalog-info.yaml +44 -0
- package/dist/components/accordion/context.d.ts +10 -0
- package/dist/components/accordion/context.js +4 -0
- package/dist/components/accordion/context.js.map +1 -0
- package/dist/components/accordion/group.d.ts +11 -0
- package/dist/components/accordion/group.js +4 -0
- package/dist/components/accordion/group.js.map +1 -0
- package/dist/components/accordion/header.d.ts +11 -0
- package/dist/components/accordion/header.js +4 -0
- package/dist/components/accordion/header.js.map +1 -0
- package/dist/components/accordion/index.d.ts +22 -46
- package/dist/components/accordion/index.js +1 -3
- package/dist/components/accordion/index.js.map +1 -1
- package/dist/components/accordion/panel.d.ts +11 -0
- package/dist/components/accordion/panel.js +4 -0
- package/dist/components/accordion/panel.js.map +1 -0
- package/dist/components/accordion/styles.d.ts +3 -3
- package/dist/components/accordion/styles.js +1 -1
- package/dist/components/accordion/styles.js.map +1 -1
- package/dist/components/accordion/trigger.d.ts +11 -0
- package/dist/components/accordion/trigger.js +4 -0
- package/dist/components/accordion/trigger.js.map +1 -0
- package/dist/components/accordion/types.d.ts +1 -1
- package/dist/components/action-bar/index.d.ts +11 -3
- package/dist/components/action-bar/index.js +1 -1
- package/dist/components/action-bar/index.js.map +1 -1
- package/dist/components/avatar/context.d.ts +14 -0
- package/dist/components/avatar/context.js +4 -0
- package/dist/components/avatar/context.js.map +1 -0
- package/dist/components/avatar/index.d.ts +2 -13
- package/dist/components/avatar/index.js +1 -1
- package/dist/components/avatar/index.js.map +1 -1
- package/dist/components/badge/context.d.ts +13 -0
- package/dist/components/badge/context.js +4 -0
- package/dist/components/badge/context.js.map +1 -0
- package/dist/components/badge/index.d.ts +2 -13
- package/dist/components/badge/index.js +1 -3
- package/dist/components/badge/index.js.map +1 -1
- package/dist/components/breadcrumbs/index.d.ts +12 -9
- package/dist/components/breadcrumbs/index.js +1 -1
- package/dist/components/breadcrumbs/index.js.map +1 -1
- package/dist/components/breadcrumbs/item.d.ts +7 -0
- package/dist/components/breadcrumbs/item.js +4 -0
- package/dist/components/breadcrumbs/item.js.map +1 -0
- package/dist/components/button/context.d.ts +17 -0
- package/dist/components/button/context.js +4 -0
- package/dist/components/button/context.js.map +1 -0
- package/dist/components/button/index.d.ts +5 -104
- package/dist/components/button/index.js +1 -3
- package/dist/components/button/index.js.map +1 -1
- package/dist/components/button/link.d.ts +46 -0
- package/dist/components/button/link.js +4 -0
- package/dist/components/button/link.js.map +1 -0
- package/dist/components/button/styles.js +1 -1
- package/dist/components/button/styles.js.map +1 -1
- package/dist/components/button/toggle.d.ts +48 -0
- package/dist/components/button/toggle.js +4 -0
- package/dist/components/button/toggle.js.map +1 -0
- package/dist/components/checkbox/context.d.ts +10 -0
- package/dist/components/checkbox/context.js +4 -0
- package/dist/components/checkbox/context.js.map +1 -0
- package/dist/components/checkbox/group.d.ts +10 -0
- package/dist/components/checkbox/group.js +4 -0
- package/dist/components/checkbox/group.js.map +1 -0
- package/dist/components/checkbox/index.d.ts +6 -16
- package/dist/components/checkbox/index.js +1 -1
- package/dist/components/checkbox/index.js.map +1 -1
- package/dist/components/checkbox/styles.js +1 -1
- package/dist/components/checkbox/styles.js.map +1 -1
- package/dist/components/chip/context.d.ts +13 -0
- package/dist/components/chip/context.js +4 -0
- package/dist/components/chip/context.js.map +1 -0
- package/dist/components/chip/deletable.d.ts +11 -0
- package/dist/components/chip/deletable.js +4 -0
- package/dist/components/chip/deletable.js.map +1 -0
- package/dist/components/chip/index.d.ts +14 -39
- package/dist/components/chip/index.js +1 -3
- package/dist/components/chip/index.js.map +1 -1
- package/dist/components/chip/list.d.ts +12 -0
- package/dist/components/chip/list.js +4 -0
- package/dist/components/chip/list.js.map +1 -0
- package/dist/components/chip/selectable.d.ts +11 -0
- package/dist/components/chip/selectable.js +2 -0
- package/dist/components/chip/selectable.js.map +1 -0
- package/dist/components/chip/styles.js +1 -1
- package/dist/components/chip/styles.js.map +1 -1
- package/dist/components/chip/types.d.ts +2 -2
- package/dist/components/classification-badge/context.d.ts +12 -0
- package/dist/components/classification-badge/context.js +4 -0
- package/dist/components/classification-badge/context.js.map +1 -0
- package/dist/components/classification-badge/index.d.ts +2 -13
- package/dist/components/classification-badge/index.js +1 -3
- package/dist/components/classification-badge/index.js.map +1 -1
- package/dist/components/classification-banner/context.d.ts +12 -0
- package/dist/components/classification-banner/context.js +4 -0
- package/dist/components/classification-banner/context.js.map +1 -0
- package/dist/components/classification-banner/index.d.ts +2 -13
- package/dist/components/classification-banner/index.js +1 -3
- package/dist/components/classification-banner/index.js.map +1 -1
- package/dist/components/clock/index.d.ts +36 -0
- package/dist/components/clock/index.js +4 -0
- package/dist/components/clock/index.js.map +1 -0
- package/dist/components/clock/types.d.ts +7 -0
- package/dist/components/clock/types.js +2 -0
- package/dist/components/clock/types.js.map +1 -0
- package/dist/components/color-picker/index.d.ts +0 -3
- package/dist/components/color-picker/index.js +1 -1
- package/dist/components/color-picker/index.js.map +1 -1
- package/dist/components/color-picker/styles.js +1 -1
- package/dist/components/color-picker/styles.js.map +1 -1
- package/dist/components/combobox-field/context.d.ts +16 -0
- package/dist/components/combobox-field/context.js +4 -0
- package/dist/components/combobox-field/context.js.map +1 -0
- package/dist/components/combobox-field/index.d.ts +14 -7
- package/dist/components/combobox-field/index.js +1 -1
- package/dist/components/combobox-field/index.js.map +1 -1
- package/dist/components/combobox-field/styles.d.ts +3 -3
- package/dist/components/combobox-field/styles.js +1 -1
- package/dist/components/combobox-field/styles.js.map +1 -1
- package/dist/components/date-field/index.js +1 -1
- package/dist/components/date-field/index.js.map +1 -1
- package/dist/components/details-list/context.d.ts +12 -0
- package/dist/components/details-list/context.js +4 -0
- package/dist/components/details-list/context.js.map +1 -0
- package/dist/components/details-list/index.d.ts +15 -35
- package/dist/components/details-list/index.js +1 -3
- package/dist/components/details-list/index.js.map +1 -1
- package/dist/components/details-list/label.d.ts +10 -0
- package/dist/components/details-list/label.js +4 -0
- package/dist/components/details-list/label.js.map +1 -0
- package/dist/components/details-list/value.d.ts +10 -0
- package/dist/components/details-list/value.js +4 -0
- package/dist/components/details-list/value.js.map +1 -0
- package/dist/components/dialog/content.d.ts +6 -0
- package/dist/components/dialog/content.js +2 -0
- package/dist/components/dialog/content.js.map +1 -0
- package/dist/components/dialog/context.d.ts +7 -0
- package/dist/components/dialog/context.js +4 -0
- package/dist/components/dialog/context.js.map +1 -0
- package/dist/components/dialog/footer.d.ts +6 -0
- package/dist/components/dialog/footer.js +4 -0
- package/dist/components/dialog/footer.js.map +1 -0
- package/dist/components/dialog/index.d.ts +9 -30
- package/dist/components/dialog/index.js +1 -1
- package/dist/components/dialog/index.js.map +1 -1
- package/dist/components/dialog/styles.d.ts +3 -3
- package/dist/components/dialog/title.d.ts +6 -0
- package/dist/components/dialog/title.js +4 -0
- package/dist/components/dialog/title.js.map +1 -0
- package/dist/components/dialog/trigger.d.ts +1 -0
- package/dist/components/dialog/trigger.js +2 -0
- package/dist/components/dialog/trigger.js.map +1 -0
- package/dist/components/dialog/types.d.ts +3 -2
- package/dist/components/divider/context.d.ts +10 -0
- package/dist/components/divider/context.js +4 -0
- package/dist/components/divider/context.js.map +1 -0
- package/dist/components/divider/index.d.ts +2 -13
- package/dist/components/divider/index.js +1 -3
- package/dist/components/divider/index.js.map +1 -1
- package/dist/components/drawer/back.d.ts +5 -0
- package/dist/components/drawer/back.js +4 -0
- package/dist/components/drawer/back.js.map +1 -0
- package/dist/components/drawer/close.d.ts +5 -0
- package/dist/components/drawer/close.js +2 -0
- package/dist/components/drawer/close.js.map +1 -0
- package/dist/components/drawer/content.d.ts +6 -0
- package/dist/components/drawer/content.js +4 -0
- package/dist/components/drawer/content.js.map +1 -0
- package/dist/components/drawer/context.d.ts +38 -0
- package/dist/components/drawer/context.js +4 -0
- package/dist/components/drawer/context.js.map +1 -0
- package/dist/components/drawer/footer.d.ts +6 -0
- package/dist/components/drawer/footer.js +4 -0
- package/dist/components/drawer/footer.js.map +1 -0
- package/dist/components/drawer/header-title.d.ts +25 -0
- package/dist/components/drawer/header-title.js +2 -0
- package/dist/components/drawer/header-title.js.map +1 -0
- package/dist/components/drawer/header.d.ts +6 -0
- package/dist/components/drawer/header.js +4 -0
- package/dist/components/drawer/header.js.map +1 -0
- package/dist/components/drawer/index.d.ts +30 -88
- package/dist/components/drawer/index.js +1 -1
- package/dist/components/drawer/index.js.map +1 -1
- package/dist/components/drawer/layout-main.d.ts +6 -0
- package/dist/components/drawer/layout-main.js +2 -0
- package/dist/components/drawer/layout-main.js.map +1 -0
- package/dist/components/drawer/layout.d.ts +20 -0
- package/dist/components/drawer/layout.js +4 -0
- package/dist/components/drawer/layout.js.map +1 -0
- package/dist/components/drawer/menu-item.d.ts +20 -0
- package/dist/components/drawer/menu-item.js +2 -0
- package/dist/components/drawer/menu-item.js.map +1 -0
- package/dist/components/drawer/menu.d.ts +20 -0
- package/dist/components/drawer/menu.js +4 -0
- package/dist/components/drawer/menu.js.map +1 -0
- package/dist/components/drawer/panel.d.ts +6 -0
- package/dist/components/drawer/panel.js +2 -0
- package/dist/components/drawer/panel.js.map +1 -0
- package/dist/components/drawer/styles.d.ts +9 -9
- package/dist/components/drawer/trigger.d.ts +20 -0
- package/dist/components/drawer/trigger.js +4 -0
- package/dist/components/drawer/trigger.js.map +1 -0
- package/dist/components/drawer/types.d.ts +3 -3
- package/dist/components/drawer/view.d.ts +11 -0
- package/dist/components/drawer/view.js +4 -0
- package/dist/components/drawer/view.js.map +1 -0
- package/dist/components/hero/context.d.ts +7 -0
- package/dist/components/hero/context.js +2 -0
- package/dist/components/hero/context.js.map +1 -0
- package/dist/components/hero/index.d.ts +8 -16
- package/dist/components/hero/index.js +1 -1
- package/dist/components/hero/index.js.map +1 -1
- package/dist/components/hero/subtitle.d.ts +6 -0
- package/dist/components/hero/subtitle.js +4 -0
- package/dist/components/hero/subtitle.js.map +1 -0
- package/dist/components/hero/title.d.ts +6 -0
- package/dist/components/hero/title.js +2 -0
- package/dist/components/hero/title.js.map +1 -0
- package/dist/components/hotkey/context.d.ts +12 -0
- package/dist/components/hotkey/context.js +4 -0
- package/dist/components/hotkey/context.js.map +1 -0
- package/dist/components/hotkey/hotkey-set.d.ts +9 -0
- package/dist/components/hotkey/hotkey-set.js +2 -0
- package/dist/components/hotkey/hotkey-set.js.map +1 -0
- package/dist/components/hotkey/index.d.ts +7 -23
- package/dist/components/hotkey/index.js +1 -1
- package/dist/components/hotkey/index.js.map +1 -1
- package/dist/components/icon/context.d.ts +10 -0
- package/dist/components/icon/context.js +4 -0
- package/dist/components/icon/context.js.map +1 -0
- package/dist/components/icon/index.d.ts +2 -13
- package/dist/components/icon/index.js +1 -3
- package/dist/components/icon/index.js.map +1 -1
- package/dist/components/input/context.d.ts +13 -0
- package/dist/components/input/context.js +4 -0
- package/dist/components/input/context.js.map +1 -0
- package/dist/components/input/index.d.ts +3 -7
- package/dist/components/input/index.js +1 -1
- package/dist/components/input/index.js.map +1 -1
- package/dist/components/label/context.d.ts +10 -0
- package/dist/components/label/context.js +4 -0
- package/dist/components/label/context.js.map +1 -0
- package/dist/components/label/index.d.ts +3 -13
- package/dist/components/label/index.js +1 -3
- package/dist/components/label/index.js.map +1 -1
- package/dist/components/lines/index.d.ts +9 -0
- package/dist/components/lines/index.js.map +1 -1
- package/dist/components/link/context.d.ts +9 -0
- package/dist/components/link/context.js +4 -0
- package/dist/components/link/context.js.map +1 -0
- package/dist/components/link/index.d.ts +9 -9
- package/dist/components/link/index.js +1 -3
- package/dist/components/link/index.js.map +1 -1
- package/dist/components/link/styles.js +1 -1
- package/dist/components/link/styles.js.map +1 -1
- package/dist/components/menu/context.d.ts +10 -0
- package/dist/components/menu/context.js +4 -0
- package/dist/components/menu/context.js.map +1 -0
- package/dist/components/menu/index.d.ts +31 -63
- package/dist/components/menu/index.js +1 -1
- package/dist/components/menu/index.js.map +1 -1
- package/dist/components/menu/item-description.d.ts +6 -0
- package/dist/components/menu/item-description.js +2 -0
- package/dist/components/menu/item-description.js.map +1 -0
- package/dist/components/menu/item-label.d.ts +6 -0
- package/dist/components/menu/item-label.js +4 -0
- package/dist/components/menu/item-label.js.map +1 -0
- package/dist/components/menu/item.d.ts +11 -0
- package/dist/components/menu/item.js +4 -0
- package/dist/components/menu/item.js.map +1 -0
- package/dist/components/menu/section.d.ts +11 -0
- package/dist/components/menu/section.js +2 -0
- package/dist/components/menu/section.js.map +1 -0
- package/dist/components/menu/separator.d.ts +6 -0
- package/dist/components/menu/separator.js +4 -0
- package/dist/components/menu/separator.js.map +1 -0
- package/dist/components/menu/styles.js +1 -1
- package/dist/components/menu/styles.js.map +1 -1
- package/dist/components/menu/submenu.d.ts +6 -0
- package/dist/components/menu/submenu.js +4 -0
- package/dist/components/menu/submenu.js.map +1 -0
- package/dist/components/menu/trigger.d.ts +1 -0
- package/dist/components/menu/trigger.js +2 -0
- package/dist/components/menu/trigger.js.map +1 -0
- package/dist/components/menu/types.d.ts +1 -1
- package/dist/components/notice/events.d.ts +10 -0
- package/dist/components/notice/events.js +2 -0
- package/dist/components/notice/events.js.map +1 -0
- package/dist/components/notice/index.d.ts +16 -0
- package/dist/components/notice/index.js +4 -0
- package/dist/components/notice/index.js.map +1 -0
- package/dist/components/notice/list.d.ts +16 -0
- package/dist/components/notice/list.js +4 -0
- package/dist/components/notice/list.js.map +1 -0
- package/dist/components/notice/notice-icon.d.ts +16 -0
- package/dist/components/notice/notice-icon.js +2 -0
- package/dist/components/notice/notice-icon.js.map +1 -0
- package/dist/components/notice/styles.d.ts +60 -0
- package/dist/components/notice/styles.js +2 -0
- package/dist/components/notice/styles.js.map +1 -0
- package/dist/components/notice/types.d.ts +75 -0
- package/dist/components/notice/types.js +2 -0
- package/dist/components/notice/types.js.map +1 -0
- package/dist/components/notice/utils.d.ts +3 -0
- package/dist/components/notice/utils.js +4 -0
- package/dist/components/notice/utils.js.map +1 -0
- package/dist/components/options/context.d.ts +8 -0
- package/dist/components/options/context.js +2 -0
- package/dist/components/options/context.js.map +1 -0
- package/dist/components/options/index.d.ts +22 -51
- package/dist/components/options/index.js +1 -1
- package/dist/components/options/index.js.map +1 -1
- package/dist/components/options/item-content.d.ts +9 -0
- package/dist/components/options/item-content.js +2 -0
- package/dist/components/options/item-content.js.map +1 -0
- package/dist/components/options/item-description.d.ts +9 -0
- package/dist/components/options/item-description.js +4 -0
- package/dist/components/options/item-description.js.map +1 -0
- package/dist/components/options/item-label.d.ts +9 -0
- package/dist/components/options/item-label.js +2 -0
- package/dist/components/options/item-label.js.map +1 -0
- package/dist/components/options/item.d.ts +9 -0
- package/dist/components/options/item.js +4 -0
- package/dist/components/options/item.js.map +1 -0
- package/dist/components/options/section.d.ts +9 -0
- package/dist/components/options/section.js +2 -0
- package/dist/components/options/section.js.map +1 -0
- package/dist/components/options/styles.d.ts +3 -3
- package/dist/components/options/styles.js +1 -1
- package/dist/components/options/styles.js.map +1 -1
- package/dist/components/options/types.d.ts +2 -2
- package/dist/components/popover/body.d.ts +8 -0
- package/dist/components/popover/body.js +4 -0
- package/dist/components/popover/body.js.map +1 -0
- package/dist/components/popover/content.d.ts +8 -0
- package/dist/components/popover/content.js +2 -0
- package/dist/components/popover/content.js.map +1 -0
- package/dist/components/popover/footer.d.ts +9 -0
- package/dist/components/popover/footer.js +4 -0
- package/dist/components/popover/footer.js.map +1 -0
- package/dist/components/popover/index.d.ts +16 -39
- package/dist/components/popover/index.js +1 -3
- package/dist/components/popover/index.js.map +1 -1
- package/dist/components/popover/title.d.ts +8 -0
- package/dist/components/popover/title.js +4 -0
- package/dist/components/popover/title.js.map +1 -0
- package/dist/components/popover/trigger.d.ts +8 -0
- package/dist/components/popover/trigger.js +2 -0
- package/dist/components/popover/trigger.js.map +1 -0
- package/dist/components/popover/types.d.ts +1 -1
- package/dist/components/query-builder/action-element.js +1 -1
- package/dist/components/query-builder/action-element.js.map +1 -1
- package/dist/components/query-builder/actions.d.ts +8 -0
- package/dist/components/query-builder/actions.js +2 -0
- package/dist/components/query-builder/actions.js.map +1 -0
- package/dist/components/query-builder/combinator-selector.d.ts +6 -0
- package/dist/components/query-builder/combinator-selector.js +4 -0
- package/dist/components/query-builder/combinator-selector.js.map +1 -0
- package/dist/components/query-builder/index.d.ts +1 -21
- package/dist/components/query-builder/index.js +3 -1
- package/dist/components/query-builder/index.js.map +1 -1
- package/dist/components/query-builder/{group.js → rule-group.js} +2 -2
- package/dist/components/query-builder/rule-group.js.map +1 -0
- package/dist/components/query-builder/rule.js +1 -3
- package/dist/components/query-builder/rule.js.map +1 -1
- package/dist/components/query-builder/styles.d.ts +152 -0
- package/dist/components/query-builder/styles.js +2 -0
- package/dist/components/query-builder/styles.js.map +1 -0
- package/dist/components/query-builder/utils.d.ts +1 -10
- package/dist/components/query-builder/utils.js +1 -1
- package/dist/components/query-builder/utils.js.map +1 -1
- package/dist/components/query-builder/value-editor.js +1 -1
- package/dist/components/query-builder/value-editor.js.map +1 -1
- package/dist/components/query-builder/value-selector.js +1 -1
- package/dist/components/query-builder/value-selector.js.map +1 -1
- package/dist/components/radio/context.d.ts +13 -0
- package/dist/components/radio/context.js +4 -0
- package/dist/components/radio/context.js.map +1 -0
- package/dist/components/radio/group.d.ts +15 -0
- package/dist/components/radio/group.js +4 -0
- package/dist/components/radio/group.js.map +1 -0
- package/dist/components/radio/index.d.ts +10 -19
- package/dist/components/radio/index.js +1 -3
- package/dist/components/radio/index.js.map +1 -1
- package/dist/components/radio/styles.js +1 -1
- package/dist/components/radio/styles.js.map +1 -1
- package/dist/components/radio/types.d.ts +1 -1
- package/dist/components/search-field/context.d.ts +26 -0
- package/dist/components/search-field/context.js +4 -0
- package/dist/components/search-field/context.js.map +1 -0
- package/dist/components/search-field/index.d.ts +4 -20
- package/dist/components/search-field/index.js +1 -1
- package/dist/components/search-field/index.js.map +1 -1
- package/dist/components/select-field/context.d.ts +15 -0
- package/dist/components/select-field/context.js +4 -0
- package/dist/components/select-field/context.js.map +1 -0
- package/dist/components/select-field/index.d.ts +12 -21
- package/dist/components/select-field/index.js +1 -1
- package/dist/components/select-field/index.js.map +1 -1
- package/dist/components/select-field/styles.d.ts +9 -3
- package/dist/components/select-field/styles.js +1 -1
- package/dist/components/select-field/styles.js.map +1 -1
- package/dist/components/select-field/types.d.ts +2 -2
- package/dist/components/sidenav/avatar.d.ts +16 -0
- package/dist/components/sidenav/avatar.js +4 -0
- package/dist/components/sidenav/avatar.js.map +1 -0
- package/dist/components/sidenav/content.d.ts +16 -0
- package/dist/components/sidenav/content.js +2 -0
- package/dist/components/sidenav/content.js.map +1 -0
- package/dist/components/sidenav/context.d.ts +10 -0
- package/dist/components/sidenav/context.js +4 -0
- package/dist/components/sidenav/context.js.map +1 -0
- package/dist/components/sidenav/footer.d.ts +16 -0
- package/dist/components/sidenav/footer.js +4 -0
- package/dist/components/sidenav/footer.js.map +1 -0
- package/dist/components/sidenav/header.d.ts +16 -0
- package/dist/components/sidenav/header.js +4 -0
- package/dist/components/sidenav/header.js.map +1 -0
- package/dist/components/sidenav/index.d.ts +57 -49
- package/dist/components/sidenav/index.js +1 -3
- package/dist/components/sidenav/index.js.map +1 -1
- package/dist/components/sidenav/item.d.ts +16 -0
- package/dist/components/sidenav/item.js +4 -0
- package/dist/components/sidenav/item.js.map +1 -0
- package/dist/components/sidenav/link.d.ts +16 -0
- package/dist/components/sidenav/link.js +4 -0
- package/dist/components/sidenav/link.js.map +1 -0
- package/dist/components/sidenav/menu-item.d.ts +16 -0
- package/dist/components/sidenav/menu-item.js +2 -0
- package/dist/components/sidenav/menu-item.js.map +1 -0
- package/dist/components/sidenav/menu.d.ts +16 -0
- package/dist/components/sidenav/menu.js +4 -0
- package/dist/components/sidenav/menu.js.map +1 -0
- package/dist/components/sidenav/styles.d.ts +9 -9
- package/dist/components/sidenav/trigger.d.ts +16 -0
- package/dist/components/sidenav/trigger.js +4 -0
- package/dist/components/sidenav/trigger.js.map +1 -0
- package/dist/components/sidenav/types.d.ts +1 -1
- package/dist/components/skeleton/index.d.ts +0 -3
- package/dist/components/skeleton/index.js +1 -1
- package/dist/components/skeleton/index.js.map +1 -1
- package/dist/components/slider/index.d.ts +1 -1
- package/dist/components/slider/index.js +1 -1
- package/dist/components/slider/index.js.map +1 -1
- package/dist/components/slider/styles.d.ts +3 -3
- package/dist/components/slider/styles.js +1 -1
- package/dist/components/slider/styles.js.map +1 -1
- package/dist/components/switch/context.d.ts +20 -0
- package/dist/components/switch/context.js +4 -0
- package/dist/components/switch/context.js.map +1 -0
- package/dist/components/switch/index.d.ts +3 -13
- package/dist/components/switch/index.js +1 -1
- package/dist/components/switch/index.js.map +1 -1
- package/dist/components/switch/styles.js +1 -1
- package/dist/components/switch/styles.js.map +1 -1
- package/dist/components/table/body.js +2 -0
- package/dist/components/table/body.js.map +1 -0
- package/dist/components/table/cell.js +2 -0
- package/dist/components/table/cell.js.map +1 -0
- package/dist/components/table/constants/table.d.ts +17 -0
- package/dist/components/table/constants/table.js +2 -0
- package/dist/components/table/constants/table.js.map +1 -0
- package/dist/components/table/context.js +1 -1
- package/dist/components/table/context.js.map +1 -1
- package/dist/components/table/{table-header-cell.d.ts → header-cell.d.ts} +2 -2
- package/dist/components/table/header-cell.js +2 -0
- package/dist/components/table/header-cell.js.map +1 -0
- package/dist/components/table/header.js +2 -0
- package/dist/components/table/header.js.map +1 -0
- package/dist/components/table/index.d.ts +10 -14
- package/dist/components/table/index.js +1 -1
- package/dist/components/table/index.js.map +1 -1
- package/dist/components/table/row.js +2 -0
- package/dist/components/table/row.js.map +1 -0
- package/dist/components/table/types.d.ts +25 -2
- package/dist/components/tabs/context.d.ts +20 -0
- package/dist/components/tabs/context.js +4 -0
- package/dist/components/tabs/context.js.map +1 -0
- package/dist/components/tabs/index.d.ts +25 -51
- package/dist/components/tabs/index.js +1 -3
- package/dist/components/tabs/index.js.map +1 -1
- package/dist/components/tabs/list.d.ts +11 -0
- package/dist/components/tabs/list.js +4 -0
- package/dist/components/tabs/list.js.map +1 -0
- package/dist/components/tabs/panel.d.ts +11 -0
- package/dist/components/tabs/panel.js +2 -0
- package/dist/components/tabs/panel.js.map +1 -0
- package/dist/components/tabs/styles.js +1 -1
- package/dist/components/tabs/styles.js.map +1 -1
- package/dist/components/tabs/tab.d.ts +11 -0
- package/dist/components/tabs/tab.js +4 -0
- package/dist/components/tabs/tab.js.map +1 -0
- package/dist/components/text-area-field/context.d.ts +20 -0
- package/dist/components/text-area-field/context.js +4 -0
- package/dist/components/text-area-field/context.js.map +1 -0
- package/dist/components/text-area-field/index.d.ts +3 -13
- package/dist/components/text-area-field/index.js +1 -1
- package/dist/components/text-area-field/index.js.map +1 -1
- package/dist/components/text-field/context.d.ts +17 -0
- package/dist/components/text-field/context.js +4 -0
- package/dist/components/text-field/context.js.map +1 -0
- package/dist/components/text-field/index.d.ts +4 -13
- package/dist/components/text-field/index.js +1 -1
- package/dist/components/text-field/index.js.map +1 -1
- package/dist/components/time-field/index.d.ts +9 -0
- package/dist/components/time-field/index.js +1 -1
- package/dist/components/time-field/index.js.map +1 -1
- package/dist/components/tooltip/context.d.ts +7 -0
- package/dist/components/tooltip/context.js +4 -0
- package/dist/components/tooltip/context.js.map +1 -0
- package/dist/components/tooltip/index.d.ts +22 -42
- package/dist/components/tooltip/index.js +1 -1
- package/dist/components/tooltip/index.js.map +1 -1
- package/dist/components/tooltip/trigger.d.ts +8 -0
- package/dist/components/tooltip/trigger.js +4 -0
- package/dist/components/tooltip/trigger.js.map +1 -0
- package/dist/components/tooltip/types.d.ts +5 -6
- package/dist/components/tree/context.d.ts +18 -0
- package/dist/components/tree/context.js +4 -0
- package/dist/components/tree/context.js.map +1 -0
- package/dist/components/tree/index.d.ts +25 -43
- package/dist/components/tree/index.js +1 -1
- package/dist/components/tree/index.js.map +1 -1
- package/dist/components/tree/item-actions.d.ts +13 -0
- package/dist/components/tree/item-actions.js +2 -0
- package/dist/components/tree/item-actions.js.map +1 -0
- package/dist/components/tree/item-content.d.ts +17 -0
- package/dist/components/tree/item-content.js +2 -0
- package/dist/components/tree/item-content.js.map +1 -0
- package/dist/components/tree/item-description.d.ts +11 -0
- package/dist/components/tree/item-description.js +2 -0
- package/dist/components/tree/item-description.js.map +1 -0
- package/dist/components/tree/item-label.d.ts +11 -0
- package/dist/components/tree/item-label.js +2 -0
- package/dist/components/tree/item-label.js.map +1 -0
- package/dist/components/tree/item-prefix-icon.d.ts +12 -0
- package/dist/components/tree/item-prefix-icon.js +2 -0
- package/dist/components/tree/item-prefix-icon.js.map +1 -0
- package/dist/components/tree/item.d.ts +17 -0
- package/dist/components/tree/item.js +4 -0
- package/dist/components/tree/item.js.map +1 -0
- package/dist/components/tree/lines.d.ts +8 -0
- package/dist/components/tree/lines.js +2 -0
- package/dist/components/tree/lines.js.map +1 -0
- package/dist/components/tree/styles.js +1 -1
- package/dist/components/tree/styles.js.map +1 -1
- package/dist/components/tree/types.d.ts +1 -1
- package/dist/components/view-stack/context.d.ts +31 -0
- package/dist/components/view-stack/context.js +4 -0
- package/dist/components/view-stack/context.js.map +1 -0
- package/dist/components/view-stack/index.d.ts +38 -24
- package/dist/components/view-stack/index.js +1 -1
- package/dist/components/view-stack/index.js.map +1 -1
- package/dist/components/view-stack/trigger.d.ts +16 -0
- package/dist/components/view-stack/trigger.js +2 -0
- package/dist/components/view-stack/trigger.js.map +1 -0
- package/dist/components/view-stack/view.d.ts +16 -0
- package/dist/components/view-stack/view.js +4 -0
- package/dist/components/view-stack/view.js.map +1 -0
- package/dist/icons/catalog.d.ts +14 -0
- package/dist/icons/catalog.js +1 -1
- package/dist/icons/catalog.js.map +1 -1
- package/dist/index.css +5 -52
- package/dist/index.d.ts +152 -46
- package/dist/index.js +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/providers/portal.d.ts +9 -0
- package/dist/providers/portal.js +2 -0
- package/dist/providers/portal.js.map +1 -0
- package/dist/providers/theme-provider.d.ts +6 -6
- package/dist/providers/theme-provider.js +1 -1
- package/dist/providers/theme-provider.js.map +1 -1
- package/dist/styles.css +1306 -340
- package/dist/tokens/themes.css +1 -1
- package/dist/tokens/themes.d.ts +1 -2
- package/dist/tokens/tokens.js +1 -1
- package/dist/tokens/tokens.js.map +1 -1
- package/package.json +109 -90
- package/dist/components/query-builder/group.js.map +0 -1
- package/dist/components/table/table-body.js +0 -2
- package/dist/components/table/table-body.js.map +0 -1
- package/dist/components/table/table-cell.js +0 -2
- package/dist/components/table/table-cell.js.map +0 -1
- package/dist/components/table/table-header-cell.js +0 -2
- package/dist/components/table/table-header-cell.js.map +0 -1
- package/dist/components/table/table-header.js +0 -2
- package/dist/components/table/table-header.js.map +0 -1
- package/dist/components/table/table-row.js +0 -2
- package/dist/components/table/table-row.js.map +0 -1
- package/dist/lib/react.d.ts +0 -59
- package/dist/lib/react.js +0 -9
- package/dist/lib/react.js.map +0 -1
- /package/dist/components/query-builder/{group.d.ts → rule-group.d.ts} +0 -0
- /package/dist/components/table/{table-body.d.ts → body.d.ts} +0 -0
- /package/dist/components/table/{table-cell.d.ts → cell.d.ts} +0 -0
- /package/dist/components/table/{table-header.d.ts → header.d.ts} +0 -0
- /package/dist/components/table/{table-row.d.ts → row.d.ts} +0 -0
|
@@ -1,4 +1,2 @@
|
|
|
1
|
-
'
|
|
2
|
-
|
|
3
|
-
import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {useOn,useEmit}from'@accelint/bus/react';import {uuid,isUUID}from'@accelint/core';import {ChevronLeft,ArrowNortheast,ChevronDown}from'@accelint/icons';import {createContext,useState,useContext,useRef}from'react';import {Provider,HeadingContext,DEFAULT_SLOT,Header,Button,composeRenderProps,Pressable,Text,TextContext,ToggleButton,Link,Heading,Disclosure,DisclosurePanel,DialogTrigger,Popover}from'react-aria-components';import {containsExactChildren,containsAnyOfExactChildren}from'./../../lib/react.js';import {Avatar,AvatarContext}from'../avatar/index.js';import {DividerContext}from'../divider/index.js';import {Icon,IconContext}from'../icon/index.js';import {Tooltip}from'../tooltip/index.js';import {SidenavEventTypes}from'./events.js';import {SidenavStyles}from'./styles.js';const{sidenav:pe,content:ve,header:ce,toggle:ue,heading:ge,divider:Ne,item:Se,text:z,transient:c,avatar:fe,avatarHeading:Pe,avatarIcon:V,avatarText:Te,link:xe,tooltip:O,menu:ye,menuButton:_,menuHeading:Ce,menuPanel:Ie,menuItem:Be,panelHeading:Ee,panelContent:G}=SidenavStyles(),f=createContext({id:uuid(),isOpen:false});function d({id:a,className:o,isHiddenWhenClosed:n,children:i,...r}){containsExactChildren({children:i,componentName:d.displayName,restrictions:[[A,{min:1,max:1}],[b,{min:1,max:1}],[L,{min:0,max:1}]]});const[t,m]=useState(false);return useOn(SidenavEventTypes.toggle,s=>{s.payload.id===a&&m(K=>!K);}),useOn(SidenavEventTypes.open,s=>{!t&&s.payload.id===a&&m(true);}),useOn(SidenavEventTypes.close,s=>{t&&s.payload.id===a&&m(false);}),n&&!t?null:jsx(Provider,{values:[[HeadingContext,{slots:{[DEFAULT_SLOT]:{className:ge({className:c()})},menu:{className:Ce({className:c()})},panel:{className:Ee()}}}],[f,{id:a,isOpen:t}]],children:jsx("nav",{...r,className:pe({className:o}),"data-open":t||null,children:i})})}d.displayName="Sidenav";function b({className:a,children:o,...n}){return jsx(Provider,{values:[[DividerContext,{className:Ne()}]],children:jsx("div",{...n,className:ve({className:a}),children:o})})}b.displayName="Sidenav.Content";function A({children:a,classNames:o,...n}){const i=useEmit(SidenavEventTypes.toggle),{id:r}=useContext(f);return jsx(Header,{...n,className:ce({className:o?.header}),children:jsxs(Button,{className:composeRenderProps(o?.button,t=>ue({className:t})),onPress:()=>i({id:r}),children:[a,jsx(Icon,{className:c(),children:jsx(ChevronLeft,{})})]})})}A.displayName="Sidenav.Header";function L(a){return jsx("footer",{...a})}L.displayName="Sidenav.Footer";function J({children:a,for:o,...n}){const[i,r]=isUUID(o)?["toggle",o]:o.split(":"),t=useEmit(SidenavEventTypes[i]);return jsx(Pressable,{...n,onPress:()=>t({id:r}),children:a})}J.displayName="Sidenav.Trigger";function M({children:a,classNames:o,textValue:n,...i}){containsAnyOfExactChildren({children:a,componentName:M.displayName,restrictions:[[[y,{min:1,max:1}]],[[Icon,{min:1,max:1}],[Text,{min:1,max:1}]]]});const{isOpen:r}=useContext(f),t=useRef(null);return jsx(Provider,{values:[[IconContext,{size:"medium"}],[TextContext,{className:z({className:c()})}]],children:jsxs(Tooltip,{isDisabled:r,children:[jsx(Tooltip.Trigger,{children:jsx(ToggleButton,{...i,ref:t,className:composeRenderProps(o?.button,m=>Se({className:m})),children:a})}),jsx(Tooltip.Body,{parentRef:t,placement:"right",className:O(),children:n})]})})}M.displayName="Sidenav.Item";function k({children:a,classNames:o,textValue:n,...i}){containsExactChildren({children:a,componentName:k.displayName,restrictions:[[Icon,{min:1,max:1}],[Text,{min:1,max:1}]]});const{isOpen:r}=useContext(f),t=useRef(null);return jsx(Provider,{values:[[TextContext,{className:z({className:c()})}]],children:jsxs(Tooltip,{isDisabled:r,children:[jsx(Tooltip.Trigger,{children:jsx(Link,{...i,ref:t,className:composeRenderProps(o?.button,m=>xe({className:m})),children:composeRenderProps(a,m=>jsxs(Fragment,{children:[m,jsx(Icon,{className:c(),children:jsx(ArrowNortheast,{})})]}))})}),jsxs(Tooltip.Body,{parentRef:t,placement:"right",className:O(),children:[n,jsx(Icon,{children:jsx(ArrowNortheast,{})})]})]})})}k.displayName="Sidenav.Link";function y({children:a,className:o,...n}){return containsAnyOfExactChildren({children:a,componentName:y.displayName,restrictions:[[[Avatar,{min:1,max:1}],[Heading,{min:1,max:1}],[Text,{min:0,max:1}]],[[Icon,{min:1,max:1}],[Heading,{min:1,max:1}],[Text,{min:0,max:1}]]]}),jsx(Provider,{values:[[IconContext,{size:"large",className:V()}],[HeadingContext,{className:Pe({className:c()})}],[TextContext,{className:Te({className:c()})}],[AvatarContext,{classNames:{avatar:V()}}]],children:jsx("div",{...n,className:fe({className:o}),children:a})})}y.displayName="Sidenav.Avatar";function C({icon:a,title:o,classNames:n,children:i,...r}){containsExactChildren({children:i,componentName:C.displayName,restrictions:[[I,{min:2}]]});const{isOpen:t}=useContext(f),m=useRef(null);return t?jsxs(Disclosure,{className:composeRenderProps(n?.menu,s=>ye({className:s})),children:[jsxs(Button,{...r,slot:"trigger",className:composeRenderProps(n?.button,s=>_({className:s})),children:[a,jsx(Heading,{slot:"menu",children:o}),jsx(Icon,{className:c({className:n?.icon}),children:jsx(ChevronDown,{className:"transform group-expanded/menu:rotate-180"})})]}),jsx(DisclosurePanel,{className:composeRenderProps(n?.disclosurePanel,s=>s??""),children:jsx("div",{className:G({className:n?.panelContent}),children:i})})]}):jsxs(DialogTrigger,{children:[jsxs(Tooltip,{isDisabled:t,children:[jsx(Tooltip.Trigger,{children:jsx(Button,{...r,ref:m,className:composeRenderProps(n?.button,s=>_({className:s})),children:a})}),jsx(Tooltip.Body,{parentRef:m,placement:"right",className:O(),children:o})]}),jsxs(Popover,{className:composeRenderProps(n?.popoverPanel,s=>Ie({className:s})),placement:"right top",shouldFlip:false,children:[jsx(Heading,{slot:"panel",children:o}),jsx("div",{className:G({className:n?.panelContent}),children:i})]})]})}C.displayName="Sidenav.Menu";function I({className:a,children:o,...n}){return containsExactChildren({children:o,componentName:I.displayName,restrictions:[[Text,{min:1,max:1}]]}),jsx(ToggleButton,{...n,className:composeRenderProps(a,i=>Be({className:i})),children:o})}I.displayName="Sidenav.Menu.Item",C.Item=I,d.Trigger=J,d.Header=A,d.Item=M,d.Link=k,d.Avatar=y,d.Footer=L,d.Content=b,d.Menu=C;export{d as Sidenav};//# sourceMappingURL=index.js.map
|
|
1
|
+
import {jsx}from'react/jsx-runtime';import {useOn}from'@accelint/bus/react';import'client-only';import {useState}from'react';import {Provider,HeadingContext,DEFAULT_SLOT}from'react-aria-components';import {SidenavContext}from'./context.js';import {SidenavEventTypes}from'./events.js';import {SidenavStyles}from'./styles.js';const{sidenav:y,heading:N,transient:s,menuHeading:O,panelHeading:T}=SidenavStyles();function D({id:a,className:r,isHiddenWhenClosed:p,children:v,...d}){const[e,o]=useState(false);return useOn(SidenavEventTypes.toggle,n=>{n.payload.id===a&&o(m=>!m);}),useOn(SidenavEventTypes.open,n=>{!e&&n.payload.id===a&&o(true);}),useOn(SidenavEventTypes.close,n=>{e&&n.payload.id===a&&o(false);}),p&&!e?null:jsx(Provider,{values:[[HeadingContext,{slots:{[DEFAULT_SLOT]:{className:N({className:s()})},menu:{className:O({className:s()})},panel:{className:T()}}}],[SidenavContext,{id:a,isOpen:e}]],children:jsx("nav",{...d,className:y({className:r}),"data-open":e||null,children:v})})}export{D as Sidenav};//# sourceMappingURL=index.js.map
|
|
4
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/sidenav/index.tsx"],"names":["heading","item","text","transient","avatar","avatarIcon","menuItem","panelHeading","panelContent","SidenavStyles","uuid","Sidenav","className","de","Z","W","containsExactChildren","SidenavHeader","setIsOpen","useState","SidenavEventTypes","data","id","prev","useOn","isOpen","isHiddenWhenClosed","jsx","Provider","B","S","HeadingContext","e","g","R","j","SidenavContext","sidenav","children","SidenavContent","rest","content","le","useContext","classNames","P","Button","oe","p","H","emit","l","Icon","u","props","Y","SidenavFooter","SidenavTrigger","type","useEmit","event","Pressable","se","SidenavItem","SidenavAvatar","ref","N","IconContext","TextContext","E","w","jsxs","Tooltip","D","v","composeRenderProps","U","SidenavLink","useRef","te","He","h","tooltip","Avatar","Heading","T","Text","avatarHeading","avatarText","AvatarContext","me","SidenavMenu","title","SidenavMenuItem","Disclosure","menu","X","ne","ee","icon","menuPanel","ie"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { useEmit, useOn } from '@accelint/bus/react';\nimport { isUUID, type UniqueId, uuid } from '@accelint/core';\nimport { ArrowNortheast, ChevronDown, ChevronLeft } from '@accelint/icons';\nimport { createContext, useContext, useRef, useState } from 'react';\nimport {\n Button,\n composeRenderProps,\n DEFAULT_SLOT,\n DialogTrigger,\n Disclosure,\n DisclosurePanel,\n Header,\n Heading,\n HeadingContext,\n Link,\n Popover,\n Pressable,\n Provider,\n Text,\n TextContext,\n ToggleButton,\n} from 'react-aria-components';\nimport { containsAnyOfExactChildren, containsExactChildren } from '@/lib/react';\nimport { Avatar, AvatarContext } from '../avatar';\nimport { DividerContext } from '../divider';\nimport { Icon, IconContext } from '../icon';\nimport { Tooltip } from '../tooltip';\nimport { SidenavEventTypes } from './events';\nimport { SidenavStyles } from './styles';\nimport type {\n SidenavAvatarProps,\n SidenavCloseEvent,\n SidenavContentProps,\n SidenavContextValue,\n SidenavEvent,\n SidenavFooterProps,\n SidenavHeaderProps,\n SidenavItemProps,\n SidenavLinkProps,\n SidenavMenuItemProps,\n SidenavMenuProps,\n SidenavOpenEvent,\n SidenavProps,\n SidenavToggleEvent,\n SidenavTriggerProps,\n} from './types';\n\nconst {\n sidenav,\n content,\n header,\n toggle,\n heading,\n divider,\n item,\n text,\n transient,\n avatar,\n avatarHeading,\n avatarIcon,\n avatarText,\n link,\n tooltip,\n menu,\n menuButton,\n menuHeading,\n menuPanel,\n menuItem,\n panelHeading,\n panelContent,\n} = SidenavStyles();\n\nconst SidenavContext = createContext<SidenavContextValue>({\n id: uuid(),\n isOpen: false,\n});\n\nexport function Sidenav({\n id,\n className,\n isHiddenWhenClosed,\n children,\n ...rest\n}: SidenavProps) {\n containsExactChildren({\n children,\n componentName: Sidenav.displayName,\n restrictions: [\n [SidenavHeader, { min: 1, max: 1 }],\n [SidenavContent, { min: 1, max: 1 }],\n [SidenavFooter, { min: 0, max: 1 }],\n ],\n });\n const [isOpen, setIsOpen] = useState(false);\n\n useOn(SidenavEventTypes.toggle, (data: SidenavToggleEvent) => {\n if (data.payload.id === id) {\n setIsOpen((prev) => !prev);\n }\n });\n\n useOn(SidenavEventTypes.open, (data: SidenavOpenEvent) => {\n if (!isOpen && data.payload.id === id) {\n setIsOpen(true);\n }\n });\n\n useOn(SidenavEventTypes.close, (data: SidenavCloseEvent) => {\n if (isOpen && data.payload.id === id) {\n setIsOpen(false);\n }\n });\n\n if (isHiddenWhenClosed && !isOpen) {\n return null;\n }\n\n return (\n <Provider\n values={[\n [\n HeadingContext,\n {\n slots: {\n [DEFAULT_SLOT]: {\n className: heading({ className: transient() }),\n },\n menu: { className: menuHeading({ className: transient() }) },\n panel: { className: panelHeading() },\n },\n },\n ],\n [SidenavContext, { id, isOpen }],\n ]}\n >\n <nav\n {...rest}\n className={sidenav({ className })}\n data-open={isOpen || null}\n >\n {children}\n </nav>\n </Provider>\n );\n}\nSidenav.displayName = 'Sidenav';\n\nfunction SidenavContent({ className, children, ...rest }: SidenavContentProps) {\n return (\n <Provider values={[[DividerContext, { className: divider() }]]}>\n <div {...rest} className={content({ className })}>\n {children}\n </div>\n </Provider>\n );\n}\nSidenavContent.displayName = 'Sidenav.Content';\n\nfunction SidenavHeader({ children, classNames, ...rest }: SidenavHeaderProps) {\n const emit = useEmit<SidenavToggleEvent>(SidenavEventTypes.toggle);\n const { id } = useContext(SidenavContext);\n\n return (\n <Header {...rest} className={header({ className: classNames?.header })}>\n <Button\n className={composeRenderProps(classNames?.button, (className) =>\n toggle({ className }),\n )}\n onPress={() => emit({ id })}\n >\n {children}\n <Icon className={transient()}>\n <ChevronLeft />\n </Icon>\n </Button>\n </Header>\n );\n}\nSidenavHeader.displayName = 'Sidenav.Header';\n\nfunction SidenavFooter(props: SidenavFooterProps) {\n return <footer {...props} />;\n}\nSidenavFooter.displayName = 'Sidenav.Footer';\n\nfunction SidenavTrigger({ children, for: type, ...rest }: SidenavTriggerProps) {\n const [event, id] = (isUUID(type) ? ['toggle', type] : type.split(':')) as [\n 'close' | 'open' | 'toggle',\n UniqueId,\n ];\n const emit = useEmit<SidenavEvent>(SidenavEventTypes[event]);\n\n return (\n <Pressable {...rest} onPress={() => emit({ id })}>\n {children}\n </Pressable>\n );\n}\nSidenavTrigger.displayName = 'Sidenav.Trigger';\n\nfunction SidenavItem({\n children,\n classNames,\n textValue,\n ...rest\n}: SidenavItemProps) {\n containsAnyOfExactChildren({\n children,\n componentName: SidenavItem.displayName,\n restrictions: [\n [[SidenavAvatar, { min: 1, max: 1 }]],\n [\n [Icon, { min: 1, max: 1 }],\n [Text, { min: 1, max: 1 }],\n ],\n ],\n });\n\n const { isOpen } = useContext(SidenavContext);\n\n // Implement ref to place tooltip inside Button DOM to enable contextual styling\n const ref = useRef(null);\n\n return (\n <Provider\n values={[\n [IconContext, { size: 'medium' }],\n [TextContext, { className: text({ className: transient() }) }],\n ]}\n >\n <Tooltip isDisabled={isOpen}>\n <Tooltip.Trigger>\n <ToggleButton\n {...rest}\n ref={ref}\n className={composeRenderProps(classNames?.button, (className) =>\n item({ className }),\n )}\n >\n {children}\n </ToggleButton>\n </Tooltip.Trigger>\n <Tooltip.Body parentRef={ref} placement='right' className={tooltip()}>\n {textValue}\n </Tooltip.Body>\n </Tooltip>\n </Provider>\n );\n}\nSidenavItem.displayName = 'Sidenav.Item';\n\nfunction SidenavLink({\n children,\n classNames,\n textValue,\n ...rest\n}: SidenavLinkProps) {\n containsExactChildren({\n children,\n componentName: SidenavLink.displayName,\n restrictions: [\n [Icon, { min: 1, max: 1 }],\n [Text, { min: 1, max: 1 }],\n ],\n });\n\n const { isOpen } = useContext(SidenavContext);\n\n // Implement ref to place tooltip inside Link DOM to enable contextual styling\n const ref = useRef(null);\n\n return (\n <Provider\n values={[[TextContext, { className: text({ className: transient() }) }]]}\n >\n <Tooltip isDisabled={isOpen}>\n <Tooltip.Trigger>\n <Link\n {...rest}\n ref={ref}\n className={composeRenderProps(classNames?.button, (className) =>\n link({ className }),\n )}\n >\n {composeRenderProps(children, (children) => (\n <>\n {children}\n <Icon className={transient()}>\n <ArrowNortheast />\n </Icon>\n </>\n ))}\n </Link>\n </Tooltip.Trigger>\n <Tooltip.Body parentRef={ref} placement='right' className={tooltip()}>\n {textValue}\n <Icon>\n <ArrowNortheast />\n </Icon>\n </Tooltip.Body>\n </Tooltip>\n </Provider>\n );\n}\nSidenavLink.displayName = 'Sidenav.Link';\n\nfunction SidenavAvatar({ children, className, ...rest }: SidenavAvatarProps) {\n containsAnyOfExactChildren({\n children,\n componentName: SidenavAvatar.displayName,\n restrictions: [\n [\n [Avatar, { min: 1, max: 1 }],\n [Heading, { min: 1, max: 1 }],\n [Text, { min: 0, max: 1 }],\n ],\n [\n [Icon, { min: 1, max: 1 }],\n [Heading, { min: 1, max: 1 }],\n [Text, { min: 0, max: 1 }],\n ],\n ],\n });\n\n return (\n <Provider\n values={[\n [IconContext, { size: 'large', className: avatarIcon() }],\n [\n HeadingContext,\n { className: avatarHeading({ className: transient() }) },\n ],\n [TextContext, { className: avatarText({ className: transient() }) }],\n [AvatarContext, { classNames: { avatar: avatarIcon() } }],\n ]}\n >\n <div {...rest} className={avatar({ className })}>\n {children}\n </div>\n </Provider>\n );\n}\nSidenavAvatar.displayName = 'Sidenav.Avatar';\n\nfunction SidenavMenu({\n icon,\n title,\n classNames,\n children,\n ...rest\n}: SidenavMenuProps) {\n containsExactChildren({\n children,\n componentName: SidenavMenu.displayName,\n restrictions: [[SidenavMenuItem, { min: 2 }]],\n });\n\n const { isOpen } = useContext(SidenavContext);\n const ref = useRef(null);\n\n return isOpen ? (\n <Disclosure\n className={composeRenderProps(classNames?.menu, (className) =>\n menu({ className }),\n )}\n >\n <Button\n {...rest}\n slot='trigger'\n className={composeRenderProps(classNames?.button, (className) =>\n menuButton({ className }),\n )}\n >\n {icon}\n <Heading slot='menu'>{title}</Heading>\n <Icon className={transient({ className: classNames?.icon })}>\n <ChevronDown className='transform group-expanded/menu:rotate-180' />\n </Icon>\n </Button>\n <DisclosurePanel\n className={composeRenderProps(\n classNames?.disclosurePanel,\n (className) => className ?? '',\n )}\n >\n <div className={panelContent({ className: classNames?.panelContent })}>\n {children}\n </div>\n </DisclosurePanel>\n </Disclosure>\n ) : (\n <DialogTrigger>\n <Tooltip isDisabled={isOpen}>\n <Tooltip.Trigger>\n <Button\n {...rest}\n ref={ref}\n className={composeRenderProps(classNames?.button, (className) =>\n menuButton({ className }),\n )}\n >\n {icon}\n </Button>\n </Tooltip.Trigger>\n <Tooltip.Body parentRef={ref} placement='right' className={tooltip()}>\n {title}\n </Tooltip.Body>\n </Tooltip>\n <Popover\n className={composeRenderProps(classNames?.popoverPanel, (className) =>\n menuPanel({ className }),\n )}\n placement='right top'\n shouldFlip={false}\n >\n <Heading slot='panel'>{title}</Heading>\n <div className={panelContent({ className: classNames?.panelContent })}>\n {children}\n </div>\n </Popover>\n </DialogTrigger>\n );\n}\nSidenavMenu.displayName = 'Sidenav.Menu';\n\nfunction SidenavMenuItem({\n className,\n children,\n ...rest\n}: SidenavMenuItemProps) {\n containsExactChildren({\n children,\n componentName: SidenavMenuItem.displayName,\n restrictions: [[Text, { min: 1, max: 1 }]],\n });\n\n return (\n <ToggleButton\n {...rest}\n className={composeRenderProps(className, (className) =>\n menuItem({ className }),\n )}\n >\n {children}\n </ToggleButton>\n );\n}\nSidenavMenuItem.displayName = 'Sidenav.Menu.Item';\n\nSidenavMenu.Item = SidenavMenuItem;\n\nSidenav.Trigger = SidenavTrigger;\nSidenav.Header = SidenavHeader;\nSidenav.Item = SidenavItem;\nSidenav.Link = SidenavLink;\nSidenav.Avatar = SidenavAvatar;\nSidenav.Footer = SidenavFooter;\nSidenav.Content = SidenavContent;\nSidenav.Menu = SidenavMenu;\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/sidenav/index.tsx"],"names":["transient","menuHeading","Sidenav","className","children","setIsOpen","useState","S","useOn","SidenavEventTypes","i","data","prev","t","isOpen","isHiddenWhenClosed","jsx","Provider","l","HeadingContext","DEFAULT_SLOT","u","f","heading","panelHeading","id","rest","sidenav"],"mappings":"yUA2BiB,CAAA,QAAS,CAAA,CAAA,OAAA,CAAAA,CAAAA,CAAW,YAAAC,WAAa,CAAA,CAAA,CAAA,6BA2DlCC,EAAQ,CACtB,SACA,CAAA,CAAA,CAAA,EAAA,CAAAC,EACA,SAAA,CAAA,CAAA,CAAA,kBACAC,CAAAA,CACA,CAAA,WAEM,GAASC,CAAS,CAAA,CAAIC,CAAAA,KAoB5B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAC,QAlBAC,MAAMC,CAAkB,CAAA,aAAsCC,iBACxDC,CAAAA,UAAa,CAAA,CAAA,CAAA,OACJC,CAAAA,EAAUA,GAExB,GAEDJ,CAAMC,CAAAA,CAAkB,MAAOE,CAAAA,CAAAA,CAA2BE,KACpD,CAACC,iBAAAA,CAAAA,IAAe,CAAA,CAAA,EAAA,CAAA,CAAA,CAAQ,YACZ,EAEjB,GAEDN,CAAMC,EAAkB,SAAQE,CAAAA,CAAAA,KAA4B,CACtDG,uBAAe,CAAA,CAAA,EAAA,CAAA,CAAQ,YACV,EAElB,GAEGC,CAAAA,EAAuBD,EAClB,KAAA,EAAA,CAAA,CAIPE,CAAAA,CAACC,EAAA,CACC,CAAA,CAAA,IAAA,CAAQC,GACN,CACEC,QAAAA,CACA,CACE,MAAO,CACL,CAACC,CAAYC,cAAA,CAAG,CACd,KAAA,CAAA,CAAA,CAAAC,YAAA,EAAWC,CAAQ,SAAE,CAAA,CAAWvB,CAAAA,CAAU,UAEtC,CAAE,EAAA,CAAA,CAAA,CAAA,CAAA,IAAWC,EAAY,SAAE,CAAA,CAAWD,EAAU,SACtD,CAAA,CAAO,EAAE,CAAA,CAAA,CAAA,CAAA,KAAWwB,CAAAA,CAAa,SAItB,CAAE,CAAA,EAAAC,CAAAA,CAAI,oBAAAX,EAAQ,CACjC,CAAA,CAEA,MAAA,CAAA,CAAA,CAAAE,EAAC,CAAA,QACE,CAAGU,IACJ,KAAA,CAAA,CAAA,GAAWC,CAAAA,CAAQ,SAAE,CAAA,CAAAxB,CAAU,CAAC,SAChC,CAAA,CAAA,CAAA,CAAA,CAAWW,WAEV,CAAA,CAAA,EAAA,IACH,CAAA,QAGN,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport { useOn } from '@accelint/bus/react';\nimport 'client-only';\nimport { useState } from 'react';\nimport { DEFAULT_SLOT, HeadingContext, Provider } from 'react-aria-components';\nimport { SidenavContext } from './context';\nimport { SidenavEventTypes } from './events';\nimport { SidenavStyles } from './styles';\nimport type {\n SidenavCloseEvent,\n SidenavOpenEvent,\n SidenavProps,\n SidenavToggleEvent,\n} from './types';\n\nconst { sidenav, heading, transient, menuHeading, panelHeading } =\n SidenavStyles();\n\n/**\n * Sidenav - Collapsible side navigation panel\n *\n * Provides a hierarchical collapsible side navigation intended to be used\n * inside a DrawerLayout. Supports headers, avatars, nested menus, and items.\n *\n * @example\n * <DrawerLayout push=\"left\">\n * <DrawerLayoutMain className=\"col-start-2\">\n * <SidenavTrigger>\n * <Button variant=\"icon\" size=\"large\">\n * <Icon>\n * <MenuIcon />\n * </Icon>\n * </Button>\n * </SidenavTrigger>\n * </DrawerLayoutMain>\n * <Sidenav>\n * <SidenavHeader>\n * <SidenavAvatar>\n * <Icon><AppLogo /></Icon>\n * <Heading>Application Header</Heading>\n * <Text>subheader</Text>\n * </SidenavAvatar>\n * </SidenavHeader>\n * <SidenavContent>\n * <Heading>Navigation</Heading>\n * <SidenavItem>\n * <Icon><HomeIcon /></Icon>\n * <Text>Home</Text>\n * </SidenavItem>\n * <Divider />\n * <SidenavItem isSelected>\n * <Icon><SettingsIcon /></Icon>\n * <Text>Settings</Text>\n * </SidenavItem>\n * <Divider />\n * <SidenavMenu title=\"More Options\" icon={<Icon><MenuIcon /></Icon>}>\n * <SidenavMenuItem>\n * <Text>Sub Item 1</Text>\n * </SidenavMenuItem>\n * <SidenavMenuItem>\n * <Text>Sub Item 2</Text>\n * </SidenavMenuItem>\n * </SidenavMenu>\n * </SidenavContent>\n * <SidenavFooter>\n * <SidenavAvatar>\n * <Icon><UserIcon /></Icon>\n * <Heading>User Name</Heading>\n * <Text>john@example.com</Text>\n * </SidenavAvatar>\n * </SidenavFooter>\n * </Sidenav>\n * </DrawerLayout>\n */\nexport function Sidenav({\n id,\n className,\n isHiddenWhenClosed,\n children,\n ...rest\n}: SidenavProps) {\n const [isOpen, setIsOpen] = useState(false);\n\n useOn(SidenavEventTypes.toggle, (data: SidenavToggleEvent) => {\n if (data.payload.id === id) {\n setIsOpen((prev) => !prev);\n }\n });\n\n useOn(SidenavEventTypes.open, (data: SidenavOpenEvent) => {\n if (!isOpen && data.payload.id === id) {\n setIsOpen(true);\n }\n });\n\n useOn(SidenavEventTypes.close, (data: SidenavCloseEvent) => {\n if (isOpen && data.payload.id === id) {\n setIsOpen(false);\n }\n });\n\n if (isHiddenWhenClosed && !isOpen) {\n return null;\n }\n\n return (\n <Provider\n values={[\n [\n HeadingContext,\n {\n slots: {\n [DEFAULT_SLOT]: {\n className: heading({ className: transient() }),\n },\n menu: { className: menuHeading({ className: transient() }) },\n panel: { className: panelHeading() },\n },\n },\n ],\n [SidenavContext, { id, isOpen }],\n ]}\n >\n <nav\n {...rest}\n className={sidenav({ className })}\n data-open={isOpen || null}\n >\n {children}\n </nav>\n </Provider>\n );\n}\n"]}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { SidenavItemProps } from './types.js';
|
|
3
|
+
import '@accelint/bus';
|
|
4
|
+
import '@accelint/core';
|
|
5
|
+
import 'react';
|
|
6
|
+
import 'react-aria-components';
|
|
7
|
+
import './events.js';
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* SidenavItem - Item component for sidenav
|
|
11
|
+
*
|
|
12
|
+
* Provides a selectable item with tooltip for the sidenav
|
|
13
|
+
*/
|
|
14
|
+
declare function SidenavItem({ children, classNames, textValue, ...rest }: SidenavItemProps): react_jsx_runtime.JSX.Element;
|
|
15
|
+
|
|
16
|
+
export { SidenavItem };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import {jsx,jsxs}from'react/jsx-runtime';import'client-only';import {useContext,useRef}from'react';import {Provider,TextContext,ToggleButton,composeRenderProps}from'react-aria-components';import {IconContext}from'../icon/context.js';import {Tooltip}from'../tooltip/index.js';import {TooltipTrigger}from'../tooltip/trigger.js';import {SidenavContext}from'./context.js';import {SidenavStyles}from'./styles.js';const{item:S,text:P,transient:C,tooltip:I}=SidenavStyles();function k({children:e,classNames:r,textValue:i,...m}){const{isOpen:n}=useContext(SidenavContext),t=useRef(null);return jsx(Provider,{values:[[IconContext,{size:"medium"}],[TextContext,{className:P({className:C()})}]],children:jsxs(TooltipTrigger,{isDisabled:n,children:[jsx(ToggleButton,{...m,ref:t,className:composeRenderProps(r?.button,s=>S({className:s})),children:e}),jsx(Tooltip,{parentRef:t,placement:"right",className:I(),children:i})]})})}export{k as SidenavItem};//# sourceMappingURL=item.js.map
|
|
4
|
+
//# sourceMappingURL=item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/sidenav/item.tsx"],"names":["transient","SidenavStyles","SidenavItem","children","textValue","useContext","SidenavContext","ref","useRef","jsx","Provider","p","v","l","u","text","isOpen","N","ToggleButton","composeRenderProps","classNames","className","item","a","o","g"],"mappings":"wZA4BoB,KAAAA,CAAW,IAAA,CAAA,CAAA,CAAA,IAAYC,CAAAA,CAAc,CAAA,SAOlD,CAASC,EAAY,OAC1B,CAAA,CAAA,CAAAC,CAAAA,aACA,EAAA,CAAA,UACA,CAAA,CAAA,QAAAC,CAAAA,CACA,CAAA,UAEA,CAAM,CAAE,CAAA,SAAWC,CAAAA,CAAWC,CAAc,GAGtCC,CAAMC,CAAAA,CAAO,CAAA,KAEnB,OACEC,CAAAA,CAACC,CAAAA,CAAAC,UACC,CAAAC,cAAA,CAAA,CAAA,CAAA,CAAAC,MAAQ,CACN,IAAgB,CAAA,CAAA,oBAAe,CAAC,MAChB,CAAA,CAAA,CAAAC,WAAA,CAAA,CAAA,IAAWC,CAAAA,QAAO,CAAA,CAAA,CAAA,CAAWf,YAAU,CAAE,SAG3D,CAAA,CAAA,CAAA,CAAA,SAAgB,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAYgB,CAAAA,QAC1B,CAAAC,IAAA,CAAAR,cAAAA,CAACS,CAAAA,WAEMX,CAAAA,CACL,QAAA,CAAA,CAAWY,GAAAA,CAAmBC,YAAAA,CAAAA,CAAY,QAASC,CAAAA,CACjDC,CAAAA,SAAO,CAAAC,kBAAA,CAAAF,CAAU,EACnB,MAEC,CAAA,CAAA,EAAA,CAAAlB,EACH,uBACyB,CAAA,CAAA,CAAA,CAAA,CAAAqB,GAAU,CAAAC,OAAA,CAAA,CAAA,SAAQ,CAAA,CAAA,CAAA,SACxC,CAAA,OACH,CAAA,SAIR,CAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"item.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { useContext, useRef } from 'react';\nimport {\n composeRenderProps,\n Provider,\n TextContext,\n ToggleButton,\n} from 'react-aria-components';\nimport { IconContext } from '../icon/context';\nimport { Tooltip } from '../tooltip';\nimport { TooltipTrigger } from '../tooltip/trigger';\nimport { SidenavContext } from './context';\nimport { SidenavStyles } from './styles';\nimport type { SidenavItemProps } from './types';\n\nconst { item, text, transient, tooltip } = SidenavStyles();\n\n/**\n * SidenavItem - Item component for sidenav\n *\n * Provides a selectable item with tooltip for the sidenav\n */\nexport function SidenavItem({\n children,\n classNames,\n textValue,\n ...rest\n}: SidenavItemProps) {\n const { isOpen } = useContext(SidenavContext);\n\n // Implement ref to place tooltip inside Button DOM to enable contextual styling\n const ref = useRef(null);\n\n return (\n <Provider\n values={[\n [IconContext, { size: 'medium' }],\n [TextContext, { className: text({ className: transient() }) }],\n ]}\n >\n <TooltipTrigger isDisabled={isOpen}>\n <ToggleButton\n {...rest}\n ref={ref}\n className={composeRenderProps(classNames?.button, (className) =>\n item({ className }),\n )}\n >\n {children}\n </ToggleButton>\n <Tooltip parentRef={ref} placement='right' className={tooltip()}>\n {textValue}\n </Tooltip>\n </TooltipTrigger>\n </Provider>\n );\n}\n"]}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { SidenavLinkProps } from './types.js';
|
|
3
|
+
import '@accelint/bus';
|
|
4
|
+
import '@accelint/core';
|
|
5
|
+
import 'react';
|
|
6
|
+
import 'react-aria-components';
|
|
7
|
+
import './events.js';
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* SidenavLink - Link component for sidenav
|
|
11
|
+
*
|
|
12
|
+
* Provides a link with tooltip for the sidenav
|
|
13
|
+
*/
|
|
14
|
+
declare function SidenavLink({ children, classNames, textValue, ...rest }: SidenavLinkProps): react_jsx_runtime.JSX.Element;
|
|
15
|
+
|
|
16
|
+
export { SidenavLink };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {ArrowNortheast}from'@accelint/icons';import'client-only';import {useContext,useRef}from'react';import {Provider,TextContext,Link,composeRenderProps}from'react-aria-components';import {Icon}from'../icon/index.js';import {Tooltip}from'../tooltip/index.js';import {TooltipTrigger}from'../tooltip/trigger.js';import {SidenavContext}from'./context.js';import {SidenavStyles}from'./styles.js';const{link:L,text:P,transient:m,tooltip:y}=SidenavStyles();function z({children:p,classNames:a,textValue:l,...c}){const{isOpen:f}=useContext(SidenavContext),r=useRef(null);return jsx(Provider,{values:[[TextContext,{className:P({className:m()})}]],children:jsxs(TooltipTrigger,{isDisabled:f,children:[jsx(Link,{...c,ref:r,className:composeRenderProps(a?.button,t=>L({className:t})),children:composeRenderProps(p,t=>jsxs(Fragment,{children:[t,jsx(Icon,{className:m(),children:jsx(ArrowNortheast,{})})]}))}),jsxs(Tooltip,{parentRef:r,placement:"right",className:y(),children:[l,jsx(Icon,{children:jsx(ArrowNortheast,{})})]})]})})}export{z as SidenavLink};//# sourceMappingURL=link.js.map
|
|
4
|
+
//# sourceMappingURL=link.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/sidenav/link.tsx"],"names":["SidenavStyles","x","isOpen","ref","useRef","jsx","d","g","TextContext","v","o","T","k","jsxs","TooltipTrigger","e","S","rest","classNames","className","link","n","composeRenderProps","children","transient","C","ArrowNortheast","s","Tooltip","i","N","tooltip","textValue"],"mappings":"6bA6B+B,KAAA,CAAA,IAAQ,CAAIA,CAAAA,CAAc,IAOlD,CAAA,CAAA,CAAA,SACL,CAAA,CAAA,CAAA,OACA,CAAA,CAAA,CAAA,CAAAC,aAAA,EAAA,CAAA,oBAGF,CAAA,CAAqB,CACnB,UAAQ,CAAA,CAAA,CAAAC,SAGFC,CAAMC,EAAO,GAAA,CAAI,CAAA,CAEvB,OACEC,MACE,CAAA,CAAA,CAAA,CAAAC,UAAA,CAAQC,cAAC,CAACC,CAAAA,CAAa,CAAEC,MAAA,CAAA,IAAA,CAAA,CAAA,OAAkBC,GAAA,CAAAC,QAAA,CAAA,CAAA,MAAuB,CAAC,CAAE,CAACC,WAAC,CAAA,CAEvE,SAAAC,CAAAA,CAACC,CAAAA,CAAA,SAAe,CAAA,CAAA,EAAYZ,CAC1B,CAAA,CAAA,CAAA,CAAA,CAAA,SAACa,IACE,CAAAC,cAAA,CAAGC,sBAE0BC,CAAY,cAASC,CACjDC,CAAAA,GAAO,CAAA,CAAA,CAAA,SACT,CAAAC,kBAEC,UAAAC,CAAmBC,CAAAA,EAAWA,CAAAA,CAC7BV,CAAAA,SACG,CAAA,CAAA,CAAA,CAAA,CAAAU,SACK,CAAAF,kBAAA,CAAA,CAAA,CAAA,CAAA,EAAWG,IAAAA,CAAUC,SACzB,CAAA,QAAApB,CAAAA,CAACqB,EAAAhB,GAAA,CAAeiB,IAAA,CAClB,UAILC,CAAAA,CAAA,EAAQ,CAAA,QAAWzB,IAAK,CAAA0B,cAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAAd,IAAA,CAAAe,OAAQ,WAAWC,CAAQ,CAAA,CAC3D,UAAAC,OAEC,CAAA,UAACN,CAAAA,EAAA,CAAe,QAGtB,EACF,CAEJ,CAAAhB,GAAA,CAAAiB,IAAA,CAAA,CAAA,QAAA,CAAAjB,GAAA,CAAAmB,cAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"link.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport { ArrowNortheast } from '@accelint/icons';\nimport 'client-only';\nimport { useContext, useRef } from 'react';\nimport {\n composeRenderProps,\n Link,\n Provider,\n TextContext,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Tooltip } from '../tooltip';\nimport { TooltipTrigger } from '../tooltip/trigger';\nimport { SidenavContext } from './context';\nimport { SidenavStyles } from './styles';\nimport type { SidenavLinkProps } from './types';\n\nconst { link, text, transient, tooltip } = SidenavStyles();\n\n/**\n * SidenavLink - Link component for sidenav\n *\n * Provides a link with tooltip for the sidenav\n */\nexport function SidenavLink({\n children,\n classNames,\n textValue,\n ...rest\n}: SidenavLinkProps) {\n const { isOpen } = useContext(SidenavContext);\n\n // Implement ref to place tooltip inside Link DOM to enable contextual styling\n const ref = useRef(null);\n\n return (\n <Provider\n values={[[TextContext, { className: text({ className: transient() }) }]]}\n >\n <TooltipTrigger isDisabled={isOpen}>\n <Link\n {...rest}\n ref={ref}\n className={composeRenderProps(classNames?.button, (className) =>\n link({ className }),\n )}\n >\n {composeRenderProps(children, (children) => (\n <>\n {children}\n <Icon className={transient()}>\n <ArrowNortheast />\n </Icon>\n </>\n ))}\n </Link>\n <Tooltip parentRef={ref} placement='right' className={tooltip()}>\n {textValue}\n <Icon>\n <ArrowNortheast />\n </Icon>\n </Tooltip>\n </TooltipTrigger>\n </Provider>\n );\n}\n"]}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { SidenavMenuItemProps } from './types.js';
|
|
3
|
+
import '@accelint/bus';
|
|
4
|
+
import '@accelint/core';
|
|
5
|
+
import 'react';
|
|
6
|
+
import 'react-aria-components';
|
|
7
|
+
import './events.js';
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* SidenavMenuItem - Menu item component for sidenav
|
|
11
|
+
*
|
|
12
|
+
* Provides a selectable item within a sidenav menu
|
|
13
|
+
*/
|
|
14
|
+
declare function SidenavMenuItem({ className, children, ...rest }: SidenavMenuItemProps): react_jsx_runtime.JSX.Element;
|
|
15
|
+
|
|
16
|
+
export { SidenavMenuItem };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import {jsx}from'react/jsx-runtime';import'client-only';import {ToggleButton,composeRenderProps}from'react-aria-components';import {SidenavStyles}from'./styles.js';const{menuItem:i}=SidenavStyles();function l({className:e,children:o,...t}){return jsx(ToggleButton,{...t,className:composeRenderProps(e,n=>i({className:n})),children:o})}export{l as SidenavMenuItem};//# sourceMappingURL=menu-item.js.map
|
|
2
|
+
//# sourceMappingURL=menu-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/sidenav/menu-item.tsx"],"names":["SidenavStyles","p","rest","s","r","className","menuItem"],"mappings":"oKAmBA,KAAQ,CAAA,QAAaA,CAAAA,CAAc,CAAA,CAO5BC,aAAA,EAAA,CAAA,SACL,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,QACA,CAAA,CAAGC,CACL,GACE,WACGC,GACE,CAAAC,YAAA,CAAGF,CAAAA,GACJ,CAAA,CAAA,SAA8BG,CAAYA,kBAAAA,CAAAA,CACxCC,CAAAA,CAAS,EAAE,CAAA,CAAA,CAAA,SACb,CAAA,CAEC,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"menu-item.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { composeRenderProps, ToggleButton } from 'react-aria-components';\nimport { SidenavStyles } from './styles';\nimport type { SidenavMenuItemProps } from './types';\n\nconst { menuItem } = SidenavStyles();\n\n/**\n * SidenavMenuItem - Menu item component for sidenav\n *\n * Provides a selectable item within a sidenav menu\n */\nexport function SidenavMenuItem({\n className,\n children,\n ...rest\n}: SidenavMenuItemProps) {\n return (\n <ToggleButton\n {...rest}\n className={composeRenderProps(className, (className) =>\n menuItem({ className }),\n )}\n >\n {children}\n </ToggleButton>\n );\n}\n"]}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { SidenavMenuProps } from './types.js';
|
|
3
|
+
import '@accelint/bus';
|
|
4
|
+
import '@accelint/core';
|
|
5
|
+
import 'react';
|
|
6
|
+
import 'react-aria-components';
|
|
7
|
+
import './events.js';
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* SidenavMenu - Menu component for sidenav
|
|
11
|
+
*
|
|
12
|
+
* Provides a collapsible menu with items for the sidenav
|
|
13
|
+
*/
|
|
14
|
+
declare function SidenavMenu({ icon, title, classNames, children, ...rest }: SidenavMenuProps): react_jsx_runtime.JSX.Element;
|
|
15
|
+
|
|
16
|
+
export { SidenavMenu };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import {jsxs,jsx}from'react/jsx-runtime';import {ChevronDown}from'@accelint/icons';import'client-only';import {useContext,useRef}from'react';import {Disclosure,composeRenderProps,Button,Heading,DisclosurePanel,DialogTrigger,Popover}from'react-aria-components';import {Icon}from'../icon/index.js';import {Tooltip}from'../tooltip/index.js';import {TooltipTrigger}from'../tooltip/trigger.js';import {SidenavContext}from'./context.js';import {SidenavStyles}from'./styles.js';const{menu:y,menuButton:g,menuPanel:H,panelContent:d,tooltip:M,transient:R}=SidenavStyles();function G({icon:a,title:i,classNames:n,children:p,...l}){const{isOpen:s}=useContext(SidenavContext),m=useRef(null);return s?jsxs(Disclosure,{className:composeRenderProps(n?.menu,o=>y({className:o})),children:[jsxs(Button,{...l,slot:"trigger",className:composeRenderProps(n?.button,o=>g({className:o})),children:[a,jsx(Heading,{slot:"menu",children:i}),jsx(Icon,{className:R({className:n?.icon}),children:jsx(ChevronDown,{className:"transform group-expanded/menu:rotate-180"})})]}),jsx(DisclosurePanel,{className:composeRenderProps(n?.disclosurePanel,o=>o??""),children:jsx("div",{className:d({className:n?.panelContent}),children:p})})]}):jsxs(DialogTrigger,{children:[jsxs(TooltipTrigger,{isDisabled:s,children:[jsx(Button,{...l,ref:m,className:composeRenderProps(n?.button,o=>g({className:o})),children:a}),jsx(Tooltip,{parentRef:m,placement:"right",className:M(),children:i})]}),jsxs(Popover,{className:composeRenderProps(n?.popoverPanel,o=>H({className:o})),placement:"right top",shouldFlip:false,children:[jsx(Heading,{slot:"panel",children:i}),jsx("div",{className:d({className:n?.panelContent}),children:p})]})]})}export{G as SidenavMenu};//# sourceMappingURL=menu.js.map
|
|
4
|
+
//# sourceMappingURL=menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/sidenav/menu.tsx"],"names":["menuPanel","title","x","children","isOpen","ref","useRef","v","h","composeRenderProps","classNames","t","jsxs","Button","r","u","className","icon","jsx","Heading","Icon","c","e","S","ChevronDown","f","C","panelContent","D","b","rest","menuButton","Tooltip","B","tooltip","Popover"],"mappings":"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","file":"menu.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport { ChevronDown } from '@accelint/icons';\nimport 'client-only';\nimport { useContext, useRef } from 'react';\nimport {\n Button,\n composeRenderProps,\n DialogTrigger,\n Disclosure,\n DisclosurePanel,\n Heading,\n Popover,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Tooltip } from '../tooltip';\nimport { TooltipTrigger } from '../tooltip/trigger';\nimport { SidenavContext } from './context';\nimport { SidenavStyles } from './styles';\nimport type { SidenavMenuProps } from './types';\n\nconst { menu, menuButton, menuPanel, panelContent, tooltip, transient } =\n SidenavStyles();\n\n/**\n * SidenavMenu - Menu component for sidenav\n *\n * Provides a collapsible menu with items for the sidenav\n */\nexport function SidenavMenu({\n icon,\n title,\n classNames,\n children,\n ...rest\n}: SidenavMenuProps) {\n const { isOpen } = useContext(SidenavContext);\n const ref = useRef(null);\n\n return isOpen ? (\n <Disclosure\n className={composeRenderProps(classNames?.menu, (className) =>\n menu({ className }),\n )}\n >\n <Button\n {...rest}\n slot='trigger'\n className={composeRenderProps(classNames?.button, (className) =>\n menuButton({ className }),\n )}\n >\n {icon}\n <Heading slot='menu'>{title}</Heading>\n <Icon className={transient({ className: classNames?.icon })}>\n <ChevronDown className='transform group-expanded/menu:rotate-180' />\n </Icon>\n </Button>\n <DisclosurePanel\n className={composeRenderProps(\n classNames?.disclosurePanel,\n (className) => className ?? '',\n )}\n >\n <div className={panelContent({ className: classNames?.panelContent })}>\n {children}\n </div>\n </DisclosurePanel>\n </Disclosure>\n ) : (\n <DialogTrigger>\n <TooltipTrigger isDisabled={isOpen}>\n <Button\n {...rest}\n ref={ref}\n className={composeRenderProps(classNames?.button, (className) =>\n menuButton({ className }),\n )}\n >\n {icon}\n </Button>\n <Tooltip parentRef={ref} placement='right' className={tooltip()}>\n {title}\n </Tooltip>\n </TooltipTrigger>\n <Popover\n className={composeRenderProps(classNames?.popoverPanel, (className) =>\n menuPanel({ className }),\n )}\n placement='right top'\n shouldFlip={false}\n >\n <Heading slot='panel'>{title}</Heading>\n <div className={panelContent({ className: classNames?.panelContent })}>\n {children}\n </div>\n </Popover>\n </DialogTrigger>\n );\n}\n"]}
|
|
@@ -4,12 +4,12 @@ import * as tailwind_merge from 'tailwind-merge';
|
|
|
4
4
|
declare const SidenavStyles: tailwind_variants.TVReturnType<{
|
|
5
5
|
[key: string]: {
|
|
6
6
|
[key: string]: tailwind_merge.ClassNameValue | {
|
|
7
|
-
content?: tailwind_merge.ClassNameValue;
|
|
8
|
-
text?: tailwind_merge.ClassNameValue;
|
|
9
|
-
link?: tailwind_merge.ClassNameValue;
|
|
10
7
|
heading?: tailwind_merge.ClassNameValue;
|
|
8
|
+
link?: tailwind_merge.ClassNameValue;
|
|
11
9
|
menu?: tailwind_merge.ClassNameValue;
|
|
12
10
|
tooltip?: tailwind_merge.ClassNameValue;
|
|
11
|
+
content?: tailwind_merge.ClassNameValue;
|
|
12
|
+
text?: tailwind_merge.ClassNameValue;
|
|
13
13
|
header?: tailwind_merge.ClassNameValue;
|
|
14
14
|
toggle?: tailwind_merge.ClassNameValue;
|
|
15
15
|
avatar?: tailwind_merge.ClassNameValue;
|
|
@@ -31,12 +31,12 @@ declare const SidenavStyles: tailwind_variants.TVReturnType<{
|
|
|
31
31
|
} | {
|
|
32
32
|
[x: string]: {
|
|
33
33
|
[x: string]: tailwind_merge.ClassNameValue | {
|
|
34
|
-
content?: tailwind_merge.ClassNameValue;
|
|
35
|
-
text?: tailwind_merge.ClassNameValue;
|
|
36
|
-
link?: tailwind_merge.ClassNameValue;
|
|
37
34
|
heading?: tailwind_merge.ClassNameValue;
|
|
35
|
+
link?: tailwind_merge.ClassNameValue;
|
|
38
36
|
menu?: tailwind_merge.ClassNameValue;
|
|
39
37
|
tooltip?: tailwind_merge.ClassNameValue;
|
|
38
|
+
content?: tailwind_merge.ClassNameValue;
|
|
39
|
+
text?: tailwind_merge.ClassNameValue;
|
|
40
40
|
header?: tailwind_merge.ClassNameValue;
|
|
41
41
|
toggle?: tailwind_merge.ClassNameValue;
|
|
42
42
|
avatar?: tailwind_merge.ClassNameValue;
|
|
@@ -81,12 +81,12 @@ declare const SidenavStyles: tailwind_variants.TVReturnType<{
|
|
|
81
81
|
}, undefined, {
|
|
82
82
|
[key: string]: {
|
|
83
83
|
[key: string]: tailwind_merge.ClassNameValue | {
|
|
84
|
-
content?: tailwind_merge.ClassNameValue;
|
|
85
|
-
text?: tailwind_merge.ClassNameValue;
|
|
86
|
-
link?: tailwind_merge.ClassNameValue;
|
|
87
84
|
heading?: tailwind_merge.ClassNameValue;
|
|
85
|
+
link?: tailwind_merge.ClassNameValue;
|
|
88
86
|
menu?: tailwind_merge.ClassNameValue;
|
|
89
87
|
tooltip?: tailwind_merge.ClassNameValue;
|
|
88
|
+
content?: tailwind_merge.ClassNameValue;
|
|
89
|
+
text?: tailwind_merge.ClassNameValue;
|
|
90
90
|
header?: tailwind_merge.ClassNameValue;
|
|
91
91
|
toggle?: tailwind_merge.ClassNameValue;
|
|
92
92
|
avatar?: tailwind_merge.ClassNameValue;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { SidenavTriggerProps } from './types.js';
|
|
3
|
+
import '@accelint/bus';
|
|
4
|
+
import '@accelint/core';
|
|
5
|
+
import 'react';
|
|
6
|
+
import 'react-aria-components';
|
|
7
|
+
import './events.js';
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* SidenavTrigger - Trigger component for sidenav
|
|
11
|
+
*
|
|
12
|
+
* Provides a trigger button to control the sidenav state
|
|
13
|
+
*/
|
|
14
|
+
declare function SidenavTrigger({ children, for: type, ...rest }: SidenavTriggerProps): react_jsx_runtime.JSX.Element;
|
|
15
|
+
|
|
16
|
+
export { SidenavTrigger };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import {jsx}from'react/jsx-runtime';import'client-only';import {useEmit}from'@accelint/bus/react';import {isUUID}from'@accelint/core';import {Pressable}from'react-aria-components';import {SidenavEventTypes}from'./events.js';function u({children:r,for:e,...i}){const[o,t]=isUUID(e)?["toggle",e]:e.split(":"),n=useEmit(SidenavEventTypes[o]);return jsx(Pressable,{...i,onPress:()=>n({id:t}),children:r})}export{u as SidenavTrigger};//# sourceMappingURL=trigger.js.map
|
|
4
|
+
//# sourceMappingURL=trigger.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/sidenav/trigger.tsx"],"names":["type","rest","isUUID","p","useEmit","SidenavEventTypes","event","g","v","m","emit","id"],"mappings":"gOAyBO,SACL,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAKA,GACL,CAAA,CAAGC,CACL,GACE,SAAgB,CAAA,CAAKC,CAAAA,CAAOF,CAAI,CAAAG,MAAI,CAAC,YAAkBH,CAAAA,CAAK,CAAA,CAAA,CAAA,CAAA,KAAS,CAAA,GAIxDI,CAAAA,CAAsBC,EAAkBC,OAAK,CAACC,iBAAA,CAE3D,CAAA,CAAA,CAAA,CAAA,OACGC,GAAW,CAAAC,SAAA,CAAGR,IAAM,CAAA,CAAA,OAAS,CAAMS,MAAOC,CAAG,EAAC,CAC5C,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"trigger.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { useEmit } from '@accelint/bus/react';\nimport { isUUID, type UniqueId } from '@accelint/core';\nimport { Pressable } from 'react-aria-components';\nimport { SidenavEventTypes } from './events';\nimport type { SidenavEvent, SidenavTriggerProps } from './types';\n\n/**\n * SidenavTrigger - Trigger component for sidenav\n *\n * Provides a trigger button to control the sidenav state\n */\nexport function SidenavTrigger({\n children,\n for: type,\n ...rest\n}: SidenavTriggerProps) {\n const [event, id] = (isUUID(type) ? ['toggle', type] : type.split(':')) as [\n 'close' | 'open' | 'toggle',\n UniqueId,\n ];\n const emit = useEmit<SidenavEvent>(SidenavEventTypes[event]);\n\n return (\n <Pressable {...rest} onPress={() => emit({ id })}>\n {children}\n </Pressable>\n );\n}\n"]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Payload } from '@accelint/bus';
|
|
2
2
|
import { UniqueId } from '@accelint/core';
|
|
3
3
|
import { ComponentPropsWithRef, PropsWithChildren } from 'react';
|
|
4
|
-
import {
|
|
4
|
+
import { ButtonProps, ToggleButtonProps, LinkProps, DisclosureProps, DisclosurePanelProps, PopoverProps, Pressable } from 'react-aria-components';
|
|
5
5
|
import { SidenavEventTypes } from './events.js';
|
|
6
6
|
|
|
7
7
|
type SidenavProps = ComponentPropsWithRef<'nav'> & {
|
|
@@ -35,8 +35,5 @@ import './styles.js';
|
|
|
35
35
|
* <Skeleton className="w-[50%] mt-l" />
|
|
36
36
|
*/
|
|
37
37
|
declare function Skeleton({ className, shape, ...rest }: SkeletonProps): react_jsx_runtime.JSX.Element;
|
|
38
|
-
declare namespace Skeleton {
|
|
39
|
-
var displayName: string;
|
|
40
|
-
}
|
|
41
38
|
|
|
42
39
|
export { Skeleton };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {jsx}from'react/jsx-runtime';import {SkeletonStyles,SkeletonStylesDefaults}from'./styles.js';function
|
|
1
|
+
import {jsx}from'react/jsx-runtime';import {SkeletonStyles,SkeletonStylesDefaults}from'./styles.js';function r({className:e,shape:o=SkeletonStylesDefaults.shape,...t}){return jsx("div",{...t,className:SkeletonStyles({className:e,shape:o})})}export{r as Skeleton};//# sourceMappingURL=index.js.map
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/skeleton/index.tsx"],"names":["SkeletonStylesDefaults","
|
|
1
|
+
{"version":3,"sources":["../../../src/components/skeleton/index.tsx"],"names":["SkeletonStylesDefaults","p","rest","s"],"mappings":"oGA6CO,SACL,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,KAAQA,CAAuB,CAAA,CAAAC,sBAAA,CAAA,KAC5BC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OAAQC,GAAA,CAAA,MAAQD,CAAAA,GAAM,CAAA,CAAA,SAA4B,0BAAW,CAAA,CAAA,CAAA,MAAU,CACzE,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { SkeletonStyles, SkeletonStylesDefaults } from './styles';\nimport type { SkeletonProps } from './types';\n\n/**\n * Skeleton - A flexible skeleton loader component for indicating loading states\n *\n * Used to show placeholder content while data is being fetched or processed.\n * Provides visual feedback to users during loading states with customizable shapes.\n *\n * @example\n * // Basic rectangular placeholder\n * <Skeleton />\n *\n * @example\n * // Circular placeholder (useful for avatars)\n * <Skeleton shape=\"circ\" />\n *\n * @example\n * // With loading text content\n * <Skeleton>Loading content...</Skeleton>\n *\n * @example\n * // Nested placeholders for complex layouts\n * <Skeleton className=\"mb-xl p-m\">\n * <br />\n * <br />\n * <Skeleton className=\"w-[75%]\" />\n * </Skeleton>\n *\n * @example\n * // Custom styling\n * <Skeleton className=\"w-[50%] mt-l\" />\n */\nexport function Skeleton({\n className,\n shape = SkeletonStylesDefaults.shape,\n ...rest\n}: SkeletonProps) {\n return <div {...rest} className={SkeletonStyles({ className, shape })} />;\n}\n"]}
|
|
@@ -13,6 +13,6 @@ import 'react-aria-components';
|
|
|
13
13
|
* // Basic slider
|
|
14
14
|
* <Slider label="Volume" defaultValue={50} />
|
|
15
15
|
*/
|
|
16
|
-
declare
|
|
16
|
+
declare function Slider({ classNames, label: labelProp, layout, maxValue: maxValueProp, minValue: minValueProp, orientation, showInput, showLabel, ...rest }: SliderProps): react_jsx_runtime.JSX.Element;
|
|
17
17
|
|
|
18
18
|
export { Slider };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {Fragment as Fragment$1}from'react';import {Slider,composeRenderProps,Label,Input,SliderTrack,SliderThumb,Text}from'react-aria-components';import {Tooltip}from'../tooltip/index.js';import {SliderStyles}from'./styles.js';const
|
|
3
|
+
import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {Fragment as Fragment$1}from'react';import {Slider,composeRenderProps,Label,Input,SliderTrack,SliderThumb,Text}from'react-aria-components';import {Tooltip}from'../tooltip/index.js';import {TooltipTrigger}from'../tooltip/trigger.js';import {SliderStyles}from'./styles.js';const{slider:A,label:D,inputs:F,input:B,thumb:P,track:$,trackBackground:z,trackValue:C,minValue:L,maxValue:R}=SliderStyles();function K({classNames:e,label:d,layout:b="grid",maxValue:o=100,minValue:n=0,orientation:g="horizontal",showInput:s,showLabel:c=true,...T}){return jsx(Slider,{...T,className:composeRenderProps(e?.slider,a=>A({className:a})),maxValue:o,minValue:n,orientation:g,"aria-label":c?void 0:d,"data-layout":b,children:({state:a})=>jsxs(Fragment,{children:[c&&jsx(Label,{className:D({className:e?.label}),children:d}),s&&jsx("div",{className:F({className:e?.inputs}),children:a.values.map((m,r)=>jsx(Input,{className:composeRenderProps(e?.input,i=>B({className:i})),value:m,disabled:a.isDisabled,"data-disabled":a.isDisabled||void 0,onChange:i=>a.setThumbValue(r,Number.parseFloat(i.target.value))},`number-field-${r===0?"min":"max"}`))}),jsxs(SliderTrack,{className:composeRenderProps(e?.track,m=>$({className:m})),children:[jsx("div",{className:z({className:e?.trackBackground})}),a.values.map((m,r)=>jsxs(Fragment$1,{children:[jsx("div",{className:C({className:e?.trackValue}),"data-start":a.values.length===1?0:a.getThumbPercent(0),"data-end":a.getThumbPercent(a.values.length===1?0:1)}),jsxs(TooltipTrigger,{isDisabled:!s||a.isThumbDragging(r),children:[jsx(SliderThumb,{index:r,className:composeRenderProps(e?.thumb,i=>P({className:i}))}),jsx(Tooltip,{placement:"top",children:a.getThumbValue(r)})]})]},`slider-${r===0?"min":"max"}`))]}),jsx(Text,{slot:"min",className:L({className:e?.minValue}),children:n}),jsx(Text,{slot:"max",className:R({className:e?.maxValue}),children:o})]})})}export{K as Slider};//# sourceMappingURL=index.js.map
|
|
4
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/slider/index.tsx"],"names":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/slider/index.tsx"],"names":["inputs","input","track","trackBackground","Slider","layout","maxValueProp","orientation","rest","jsx","AriaSlider","l","composeRenderProps","classNames","t","state","showLabel","Label","label","showInput","index","h","event","jsxs","f","_","u","k","trackValue","V","p","Text","maxValue"],"mappings":"4VA+BE,KACA,CAAA,MAAAA,CAAAA,CACA,MAAAC,CAAAA,CACA,CAAA,OACA,CAAA,CAAA,KAAAC,CACA,gBAAAC,CAAAA,CACA,eACA,CAAA,CAAA,CAAA,qBAEe,CAaV,CAAA,CAAA,QAASC,CAAO,CACrB,0BACA,CAAA,CAAA,CAAA,UACAC,CAAAA,CAAS,OACT,CAAA,CAAA,MAAA,CAAUC,CAAAA,CAAe,MACzB,CAAA,QAAyB,EACzB,CAAA,GAAA,CAAA,QAAAC,CAAc,eACd,CAAA,CAAA,CAAA,sBAEA,CAAA,CAAA,CAAGC,SAEH,CAAA,CACEC,KAACC,CAAA,IACKF,CAAAA,CACJ,CAAA,OAAAG,GAAA,CAAWC,MAAAA,CAAmBC,CAAAA,cACrB,CAAEC,kBAAA,CAAA,CAAA,EAAA,MAAU,CAAC,CACtB,EACA,CAAA,CAAA,CAAA,uBAEA,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,WAAwB,eACxB,CAAA,CAAA,CAAA,OAEC,CAAA,CAAA,eAAGC,CAAM,QACR,CACG,UAAAC,GACCP,IAAAA,CAACQ,QAAAA,CAAA,CAAM,UAAWC,CAAAA,EAAQP,oBAAuB,CAAA,CAAA,CAAA,CAAM,SACpD,CAAA,CAAA,OAGJQ,CACCV,EAAC,QAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAAE,GAAWX,MAAS,CAAA,CAAA,SAAuB,CAAA,CAAA,CAAA,CAAA,SAC7C,CAAA,CAAA,EAAAe,MAAM,CAAA,CAAA,CAAO,QAAYK,CAAAA,CAAAA,CACxBX,eAEaG,GACTC,GAAAA,CAAYQ,gBACW,CAAAP,kBAAA,CAAA,CAAA,EAAA,KAAU,CAAC,CACpC,EACA,CAAA,CAAA,CAAA,cACUC,CAAAA,KAAM,CAAA,CAAA,CAAA,qBACDA,CAAM,4BACVO,EAAAA,MACH,CAAA,QAAA,CAAA,CACJF,EACA,CAAA,CAAA,aAAO,CAAA,CAAA,CAAWE,MAAM,CAAA,UAC1B,CAZG,CAAA,CAAA,MAAA,CAAA,KAAA,CAAA,CAAgBF,CAAAA,CAAAA,CAAAA,aAAsB,EAAK,CAclD,GAEJ,CAAA,CAEFG,KACE,UAAWX,CAAAA,CAAmBC,CAAAA,IAAAA,CAAYW,sBAChC,CAAAV,kBAAA,CAAA,CAAA,EAAA,KAAU,CAAC,CACrB,EAEA,CAAA,CAAA,CAAA,SAAC,cACC,CAAA,CAAAH,GAAWR,CAAAA,KACT,CAAA,CAAA,uBACF,CAAC,EACH,eACkB,CAACsB,CAAAA,CAAGL,IACpBG,MACE,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAAd,GAACiB,IAAA,CAAAC,UAAA,CAAA,CAAA,QACC,CAAA,CAAAhB,GAAWiB,MACT,CAAA,CAAA,SAAuB,CAAA,CAAA,CAAA,CAAA,SAEzB,CAAA,CAAA,EAAA,UACQ,eAAO,CAAW,CAAA,CAAI,MAAU,CAAA,MAAA,GAAA,CAAA,CAAA,CAAA,CAAgB,CAAC,CAAA,eAEzC,CAAA,CAAA,CAAA,CAAA,UAAA,CACdb,CAAAA,CAAM,eAAO,CAAW,EAAI,MAEhC,CACAQ,MACE,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAACJ,CAAAA,IAAAA,CAAaJ,cAAAA,CAAM,gBAAgBK,CAAK,CAAA,eAEpD,CACC,CAAA,CAAA,CAAA,QACA,CAAA,CAAAT,GAAA,CAAAkB,WAAA,CAAA,CAAWjB,KACG,CAAA,CAAA,CAAA,SACW,CAAAE,kBAAA,CAAA,CAAA,EAAA,KAAU,CAAC,CACpC,EACF,CAAA,CACAL,CAAAA,SAAS,CAAA,CAAA,CAAA,CAAA,CAAU,cAChB,CAAA,CAAA,SAAM,eAAmB,CAAA,CAC5B,CAAA,gBAxBqBW,CAAAA,CAAAA,CAAAA,CAAU,CAAA,CAAI,UAAQ,EAAK,CA0BpD,GACD,CACH,CAAA,KACC,CACC,KAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CACL,CAAA,CAAAT,GAAA,CAAAmB,IAAA,CAAA,CAAA,KAAoB,KAAE,CAAA,SAAuB,CAAA,CAAA,CAAA,CAAA,SAE5C,CAAA,CAAA,EAAA,QAEFC,EAAA,CACC,WACA,CAAA,CAAApB,GAAA,CAAAmB,IAAA,CAAA,CAAA,IAAWE,CAAS,KAAE,CAAA,mCAM9B,CAEJ,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { Fragment } from 'react';\nimport {\n Slider as AriaSlider,\n SliderTrack as AriaSliderTrack,\n composeRenderProps,\n Input,\n Label,\n SliderThumb,\n Text,\n} from 'react-aria-components';\nimport { Tooltip } from '../tooltip';\nimport { TooltipTrigger } from '../tooltip/trigger';\nimport { SliderStyles } from './styles';\nimport type { SliderProps } from './types';\n\nconst {\n slider,\n label,\n inputs,\n input,\n thumb,\n track,\n trackBackground,\n trackValue,\n minValue,\n maxValue,\n} = SliderStyles();\n\n/**\n * Slider - An interactive range input component for numeric value selection\n *\n * Provides accessible slider functionality with optional input field integration,\n * flexible layouts, and comprehensive keyboard and mouse interaction support.\n * Perfect for settings, filters, or any numeric input requiring visual feedback.\n *\n * @example\n * // Basic slider\n * <Slider label=\"Volume\" defaultValue={50} />\n */\nexport function Slider({\n classNames,\n label: labelProp,\n layout = 'grid',\n maxValue: maxValueProp = 100,\n minValue: minValueProp = 0,\n orientation = 'horizontal',\n showInput,\n showLabel = true,\n ...rest\n}: SliderProps) {\n return (\n <AriaSlider\n {...rest}\n className={composeRenderProps(classNames?.slider, (className) =>\n slider({ className }),\n )}\n maxValue={maxValueProp}\n minValue={minValueProp}\n orientation={orientation}\n aria-label={showLabel ? undefined : labelProp}\n data-layout={layout}\n >\n {({ state }) => (\n <>\n {showLabel && (\n <Label className={label({ className: classNames?.label })}>\n {labelProp}\n </Label>\n )}\n {showInput && (\n <div className={inputs({ className: classNames?.inputs })}>\n {state.values.map((value, index) => (\n <Input\n key={`number-field-${index === 0 ? 'min' : 'max'}`}\n className={composeRenderProps(\n classNames?.input,\n (className) => input({ className }),\n )}\n value={value}\n disabled={state.isDisabled}\n data-disabled={state.isDisabled || undefined}\n onChange={(event) =>\n state.setThumbValue(\n index,\n Number.parseFloat(event.target.value),\n )\n }\n />\n ))}\n </div>\n )}\n <AriaSliderTrack\n className={composeRenderProps(classNames?.track, (className) =>\n track({ className }),\n )}\n >\n <div\n className={trackBackground({\n className: classNames?.trackBackground,\n })}\n />\n {state.values.map((_, index) => (\n <Fragment key={`slider-${index === 0 ? 'min' : 'max'}`}>\n <div\n className={trackValue({\n className: classNames?.trackValue,\n })}\n data-start={\n state.values.length === 1 ? 0 : state.getThumbPercent(0)\n }\n data-end={state.getThumbPercent(\n state.values.length === 1 ? 0 : 1,\n )}\n />\n <TooltipTrigger\n isDisabled={!showInput || state.isThumbDragging(index)}\n >\n <SliderThumb\n index={index}\n className={composeRenderProps(\n classNames?.thumb,\n (className) => thumb({ className }),\n )}\n />\n <Tooltip placement='top'>\n {state.getThumbValue(index)}\n </Tooltip>\n </TooltipTrigger>\n </Fragment>\n ))}\n </AriaSliderTrack>\n <Text\n slot='min'\n className={minValue({ className: classNames?.minValue })}\n >\n {minValueProp}\n </Text>\n <Text\n slot='max'\n className={maxValue({ className: classNames?.maxValue })}\n >\n {maxValueProp}\n </Text>\n </>\n )}\n </AriaSlider>\n );\n}\n"]}
|
|
@@ -35,7 +35,7 @@ declare const SliderStyles: tailwind_variants.TVReturnType<{
|
|
|
35
35
|
slider: string[];
|
|
36
36
|
label: string[];
|
|
37
37
|
inputs: string[];
|
|
38
|
-
input: string;
|
|
38
|
+
input: string[];
|
|
39
39
|
track: string[];
|
|
40
40
|
trackBackground: string[];
|
|
41
41
|
trackValue: string[];
|
|
@@ -61,7 +61,7 @@ declare const SliderStyles: tailwind_variants.TVReturnType<{
|
|
|
61
61
|
slider: string[];
|
|
62
62
|
label: string[];
|
|
63
63
|
inputs: string[];
|
|
64
|
-
input: string;
|
|
64
|
+
input: string[];
|
|
65
65
|
track: string[];
|
|
66
66
|
trackBackground: string[];
|
|
67
67
|
trackValue: string[];
|
|
@@ -72,7 +72,7 @@ declare const SliderStyles: tailwind_variants.TVReturnType<{
|
|
|
72
72
|
slider: string[];
|
|
73
73
|
label: string[];
|
|
74
74
|
inputs: string[];
|
|
75
|
-
input: string;
|
|
75
|
+
input: string[];
|
|
76
76
|
track: string[];
|
|
77
77
|
trackBackground: string[];
|
|
78
78
|
trackValue: string[];
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {tv}from'./../../lib/utils.js';const t=tv({slots:{slider:["group/slider flex gap-s","layout-grid:grid","layout-stack:flex","orientation-vertical:h-full orientation-vertical:w-fit","orientation-vertical:layout-grid:grid-cols-[auto_auto_auto] orientation-vertical:layout-grid:grid-rows-[auto_auto_1fr_auto]","orientation-vertical:layout-stack:flex-col","orientation-horizontal:
|
|
1
|
+
import {tv}from'./../../lib/utils.js';const t=tv({slots:{slider:["isolate","group/slider flex gap-s","layout-grid:grid","layout-stack:flex","orientation-vertical:h-full orientation-vertical:w-fit","orientation-vertical:layout-grid:grid-cols-[auto_auto_auto] orientation-vertical:layout-grid:grid-rows-[auto_auto_1fr_auto]","orientation-vertical:layout-stack:flex-col","orientation-horizontal:layout-grid:grid-cols-[auto_1fr_auto] orientation-horizontal:layout-grid:grid-rows-[auto_auto_auto]","orientation-horizontal:layout-stack:w-full orientation-horizontal:layout-stack:items-center"],label:["fg-primary-bold order-1","group-layout-grid/slider:col-start-1","group-orientation-vertical/slider:group-layout-grid/slider:col-span-2","group-disabled/slider:fg-disabled"],inputs:["order-5 flex gap-s","group-layout-grid/slider:col-start-3 group-layout-grid/slider:row-start-1","group-orientation-horizontal/slider:flex-row","group-orientation-vertical/slider:flex-col-reverse","group-orientation-vertical/slider:group-layout-grid/slider:row-start-4"],input:["fg-primary-bold w-[50px] rounded-medium px-s py-xs font-display text-body-m outline outline-interactive","group-disabled/slider:fg-disabled group-disabled/slider:cursor-not-allowed group-disabled/slider:outline-interactive-disabled"],track:["relative order-3 h-full","group-orientation-horizontal/slider:h-[20px] group-orientation-horizontal/slider:w-full","group-orientation-horizontal/slider:group-layout-grid/slider:col-span-3 group-orientation-horizontal/slider:group-layout-grid/slider:row-start-2","group-orientation-vertical/slider:h-full group-orientation-vertical/slider:w-[20px]","group-orientation-vertical/slider:group-layout-grid/slider:col-start-2 group-orientation-vertical/slider:group-layout-grid/slider:row-span-3 group-orientation-vertical/slider:group-layout-grid/slider:row-start-2"],trackBackground:["absolute rounded-full bg-surface-muted","group-orientation-horizontal/slider:-translate-y-1/2 group-orientation-horizontal/slider:top-1/2 group-orientation-horizontal/slider:h-xxs group-orientation-horizontal/slider:w-full","group-orientation-vertical/slider:-translate-x-1/2 group-orientation-vertical/slider:left-1/2 group-orientation-vertical/slider:h-full group-orientation-vertical/slider:w-xxs"],trackValue:["absolute rounded-full bg-accent-primary-bold","group-orientation-horizontal/slider:-translate-y-1/2 group-orientation-horizontal/slider:top-1/2 group-orientation-horizontal/slider:right-[calc(100%-attr(data-end_%)*100)] group-orientation-horizontal/slider:left-[calc(attr(data-start_%)*100)] group-orientation-horizontal/slider:h-xxs","group-orientation-vertical/slider:-translate-x-1/2 group-orientation-vertical/slider:top-[calc(100%-attr(data-end_%)*100)] group-orientation-vertical/slider:bottom-[calc(attr(data-start_%)*100)] group-orientation-vertical/slider:left-1/2 group-orientation-vertical/slider:w-xxs"],thumb:["z-10 h-m w-m rounded-full outline-transparent [background-color:var(--fg-accent-primary-bold)]","hover:[background-color:var(--fg-accent-primary-hover)]","dragging:outline dragging:outline-interactive-hover dragging:ring-8 dragging:ring-[rgba(110,209,255,0.08)] dragging:[background-color:var(--fg-a11y-on-accent)]","disabled:cursor-not-allowed disabled:[background-color:var(--fg-disabled)]","group-orientation-horizontal/slider:top-1/2","group-orientation-vertical/slider:left-1/2"],minValue:["fg-primary-muted flex items-center font-display text-body-m","group-orientation-vertical/slider:col-start-1 group-orientation-vertical/slider:row-start-4","group-orientation-horizontal/slider:group-layout-grid/slider:col-start-1","group-orientation-horizontal/slider:group-layout-grid/slider:row-start-3","group-orientation-horizontal/slider:order-2","group-orientation-vertical/slider:group-layout-grid/slider:self-end","group-orientation-vertical/slider:group-layout-grid/slider:justify-self-end","group-orientation-vertical/slider:order-4","group-disabled/slider:fg-disabled"],maxValue:["fg-primary-muted order-4 flex items-center font-display text-body-m","group-orientation-vertical/slider:order-2","group-orientation-vertical/slider:group-layout-grid/slider:col-start-1 group-orientation-vertical/slider:group-layout-grid/slider:row-start-2","group-orientation-vertical/slider:group-layout-grid/slider:justify-self-end","group-orientation-horizontal/slider:group-layout-grid/slider:col-start-3","group-orientation-horizontal/slider:group-layout-grid/slider:row-start-3","group-orientation-horizontal/slider:group-layout-grid/slider:justify-self-end","group-disabled/slider:fg-disabled"]}});export{t as SliderStyles};//# sourceMappingURL=styles.js.map
|
|
2
2
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/slider/styles.ts"],"names":["r"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/slider/styles.ts"],"names":["r"],"mappings":"6CAcS,CACLA,EAAA,CAAA,CAAA,KACE,CAAA,CAAA,MAAA,CAAA,CACA,SAAA,CAAA,4CAEA,CAAA,mBACA,CAAA,sLAEA,CAAA,4CACA,CAAA,0NAIA,CAAA,CAAA,KAAA,CAAA,CAAA,yBACA,CAAA,8GAEA,CAAA,mCAGA,CAAA,CAAA,MAAA,CAAA,CAAA,gGAEA,CAAA,8CACA,CAAA,6HAIA,CAAA,CAAA,KAAA,CAAA,CAAA,yGACA,CAAA,+HAGA,CAAA,CAAA,KAAA,CAAA,CAAA,yBACA,CAAA,yFACA,CAAA,kJACA,CAAA,2SAGF,CAAA,CAAA,eACE,CAAA,CAAA,wCACA,CAAA,wWAGF,CAAA,CAAA,UACE,CAAA,CAAA,8CACA,CAAA,wjBAIA,CAAA,CAAA,KAAA,CAAA,CAAA,gGACA,CAAA,2NAEA,CAAA,4EACA,CAAA,0FAGF,CAAU,CACR,QAAA,CAAA,CAAA,6DACA,CAAA,wKAEA,CAAA,0EACA,CAAA,mHAEA,CAAA,6EACA,CAAA,+EAGF,CAAU,CACR,QAAA,CAAA,CAAA,qEACA,CAAA,2LAEA,CAAA,6EACA,CAAA,qJAEA,CAAA,+EACA,CAAA,mCAGL,CAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { tv } from '@/lib/utils';\n\nexport const SliderStyles = tv({\n slots: {\n slider: [\n 'isolate',\n 'group/slider flex gap-s',\n 'layout-grid:grid',\n 'layout-stack:flex',\n 'orientation-vertical:h-full orientation-vertical:w-fit',\n 'orientation-vertical:layout-grid:grid-cols-[auto_auto_auto] orientation-vertical:layout-grid:grid-rows-[auto_auto_1fr_auto]',\n 'orientation-vertical:layout-stack:flex-col',\n 'orientation-horizontal:layout-grid:grid-cols-[auto_1fr_auto] orientation-horizontal:layout-grid:grid-rows-[auto_auto_auto]',\n 'orientation-horizontal:layout-stack:w-full orientation-horizontal:layout-stack:items-center',\n ],\n label: [\n 'fg-primary-bold order-1',\n 'group-layout-grid/slider:col-start-1',\n 'group-orientation-vertical/slider:group-layout-grid/slider:col-span-2',\n 'group-disabled/slider:fg-disabled',\n ],\n inputs: [\n 'order-5 flex gap-s',\n 'group-layout-grid/slider:col-start-3 group-layout-grid/slider:row-start-1',\n 'group-orientation-horizontal/slider:flex-row',\n 'group-orientation-vertical/slider:flex-col-reverse',\n 'group-orientation-vertical/slider:group-layout-grid/slider:row-start-4',\n ],\n input: [\n 'fg-primary-bold w-[50px] rounded-medium px-s py-xs font-display text-body-m outline outline-interactive',\n 'group-disabled/slider:fg-disabled group-disabled/slider:cursor-not-allowed group-disabled/slider:outline-interactive-disabled',\n ],\n track: [\n 'relative order-3 h-full',\n 'group-orientation-horizontal/slider:h-[20px] group-orientation-horizontal/slider:w-full',\n 'group-orientation-horizontal/slider:group-layout-grid/slider:col-span-3 group-orientation-horizontal/slider:group-layout-grid/slider:row-start-2',\n 'group-orientation-vertical/slider:h-full group-orientation-vertical/slider:w-[20px]',\n 'group-orientation-vertical/slider:group-layout-grid/slider:col-start-2 group-orientation-vertical/slider:group-layout-grid/slider:row-span-3 group-orientation-vertical/slider:group-layout-grid/slider:row-start-2',\n ],\n trackBackground: [\n 'absolute rounded-full bg-surface-muted',\n 'group-orientation-horizontal/slider:-translate-y-1/2 group-orientation-horizontal/slider:top-1/2 group-orientation-horizontal/slider:h-xxs group-orientation-horizontal/slider:w-full',\n 'group-orientation-vertical/slider:-translate-x-1/2 group-orientation-vertical/slider:left-1/2 group-orientation-vertical/slider:h-full group-orientation-vertical/slider:w-xxs',\n ],\n trackValue: [\n 'absolute rounded-full bg-accent-primary-bold',\n 'group-orientation-horizontal/slider:-translate-y-1/2 group-orientation-horizontal/slider:top-1/2 group-orientation-horizontal/slider:right-[calc(100%-attr(data-end_%)*100)] group-orientation-horizontal/slider:left-[calc(attr(data-start_%)*100)] group-orientation-horizontal/slider:h-xxs',\n 'group-orientation-vertical/slider:-translate-x-1/2 group-orientation-vertical/slider:top-[calc(100%-attr(data-end_%)*100)] group-orientation-vertical/slider:bottom-[calc(attr(data-start_%)*100)] group-orientation-vertical/slider:left-1/2 group-orientation-vertical/slider:w-xxs',\n ],\n thumb: [\n 'z-10 h-m w-m rounded-full outline-transparent [background-color:var(--fg-accent-primary-bold)]',\n 'hover:[background-color:var(--fg-accent-primary-hover)]',\n 'dragging:outline dragging:outline-interactive-hover dragging:ring-8 dragging:ring-[rgba(110,209,255,0.08)] dragging:[background-color:var(--fg-a11y-on-accent)]',\n 'disabled:cursor-not-allowed disabled:[background-color:var(--fg-disabled)]',\n 'group-orientation-horizontal/slider:top-1/2',\n 'group-orientation-vertical/slider:left-1/2',\n ],\n minValue: [\n 'fg-primary-muted flex items-center font-display text-body-m',\n 'group-orientation-vertical/slider:col-start-1 group-orientation-vertical/slider:row-start-4',\n 'group-orientation-horizontal/slider:group-layout-grid/slider:col-start-1',\n 'group-orientation-horizontal/slider:group-layout-grid/slider:row-start-3',\n 'group-orientation-horizontal/slider:order-2',\n 'group-orientation-vertical/slider:group-layout-grid/slider:self-end',\n 'group-orientation-vertical/slider:group-layout-grid/slider:justify-self-end',\n 'group-orientation-vertical/slider:order-4',\n 'group-disabled/slider:fg-disabled',\n ],\n maxValue: [\n 'fg-primary-muted order-4 flex items-center font-display text-body-m',\n 'group-orientation-vertical/slider:order-2',\n 'group-orientation-vertical/slider:group-layout-grid/slider:col-start-1 group-orientation-vertical/slider:group-layout-grid/slider:row-start-2',\n 'group-orientation-vertical/slider:group-layout-grid/slider:justify-self-end',\n 'group-orientation-horizontal/slider:group-layout-grid/slider:col-start-3',\n 'group-orientation-horizontal/slider:group-layout-grid/slider:row-start-3',\n 'group-orientation-horizontal/slider:group-layout-grid/slider:justify-self-end',\n 'group-disabled/slider:fg-disabled',\n ],\n },\n});\n"]}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as react from 'react';
|
|
3
|
+
import { ContextValue } from 'react-aria-components';
|
|
4
|
+
import { ProviderProps } from '../../lib/types.js';
|
|
5
|
+
import { SwitchProps } from './types.js';
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* Context for Switch component
|
|
9
|
+
*
|
|
10
|
+
* Provides context for Switch component to share props
|
|
11
|
+
*/
|
|
12
|
+
declare const SwitchContext: react.Context<ContextValue<SwitchProps, HTMLLabelElement>>;
|
|
13
|
+
/**
|
|
14
|
+
* Provider for Switch component
|
|
15
|
+
*
|
|
16
|
+
* Allows setting default props for all Switch components within
|
|
17
|
+
*/
|
|
18
|
+
declare function SwitchProvider({ children, ...props }: ProviderProps<SwitchProps>): react_jsx_runtime.JSX.Element;
|
|
19
|
+
|
|
20
|
+
export { SwitchContext, SwitchProvider };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';const e=createContext(null);function c({children:t,...o}){return jsx(e.Provider,{value:o,children:t})}export{e as SwitchContext,c as SwitchProvider};//# sourceMappingURL=context.js.map
|
|
4
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/switch/context.tsx"],"names":["SwitchContext","createContext","SwitchProvider","children","props","jsx"],"mappings":"0FAwBO,MAAMA,CAAAA,CACXC,aAAAA,CAA2D,IAAI,EAO1D,SAASC,CAAAA,CAAe,CAC7B,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAA+B,CAC7B,OACEC,GAAAA,CAACL,CAAAA,CAAc,QAAA,CAAd,CAAuB,KAAA,CAAOI,CAAAA,CAAQ,QAAA,CAAAD,EAAS,CAEpD","file":"context.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { ProviderProps } from '@/lib/types';\nimport type { SwitchProps } from './types';\n\n/**\n * Context for Switch component\n *\n * Provides context for Switch component to share props\n */\nexport const SwitchContext =\n createContext<ContextValue<SwitchProps, HTMLLabelElement>>(null);\n\n/**\n * Provider for Switch component\n *\n * Allows setting default props for all Switch components within\n */\nexport function SwitchProvider({\n children,\n ...props\n}: ProviderProps<SwitchProps>) {\n return (\n <SwitchContext.Provider value={props}>{children}</SwitchContext.Provider>\n );\n}\n"]}
|