@accelint/design-toolkit 6.0.0 → 7.0.1
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 +18 -18
- 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 -1
- 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/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 +0 -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 -1
- package/dist/components/badge/index.js.map +1 -1
- package/dist/components/breadcrumbs/index.d.ts +2 -11
- 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 -1
- 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/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 -1
- 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 +4 -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 -1
- 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 -1
- package/dist/components/classification-banner/index.js.map +1 -1
- package/dist/components/clock/index.d.ts +0 -3
- package/dist/components/clock/index.js +1 -1
- package/dist/components/clock/index.js.map +1 -1
- 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 +4 -8
- 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/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 -1
- 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 +4 -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 -1
- 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 +4 -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 +4 -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 +19 -112
- 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 +4 -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 +4 -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 +4 -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 +4 -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 +4 -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 +4 -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 -1
- 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 -1
- package/dist/components/label/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 +0 -9
- package/dist/components/link/index.js +1 -1
- package/dist/components/link/index.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 +4 -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 +4 -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 +4 -0
- package/dist/components/menu/trigger.js.map +1 -0
- package/dist/components/menu/types.d.ts +1 -1
- package/dist/components/notice/index.d.ts +1 -5
- package/dist/components/notice/index.js +1 -1
- package/dist/components/notice/index.js.map +1 -1
- 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 +4 -0
- package/dist/components/notice/notice-icon.js.map +1 -0
- package/dist/components/notice/styles.d.ts +3 -3
- 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 +4 -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 +4 -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 +4 -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 +4 -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 +4 -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 -1
- 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 +4 -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 +4 -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 -1
- 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 +3 -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 -1
- 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 +4 -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 +28 -76
- package/dist/components/sidenav/index.js +1 -1
- 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 +4 -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 +1 -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 -1
- 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 +4 -0
- package/dist/components/tabs/panel.js.map +1 -0
- 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.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 +10 -19
- 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 +1 -1
- 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 +11 -50
- 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 +12 -38
- 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 +4 -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/hooks/use-tree/state/index.js +2 -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 +0 -49
- package/dist/index.d.ts +143 -44
- package/dist/index.js +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/providers/theme-provider.js +1 -1
- package/dist/providers/theme-provider.js.map +1 -1
- package/dist/styles.css +965 -243
- 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 +98 -95
- 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 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/badge/index.tsx"],"names":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/badge/index.tsx"],"names":["props","useContextProps","ref","BadgeContext","f","offset","variant","jsx","d","l"],"mappings":"8MA2CO,UAAsB,CAAA,CAAA,IAAwB,CACnD,CAACA,GAAU,CAAA,CAAIC,EAAgBD,CAAAA,CAAOE,CAAAA,CAAAA,CAAO,mBAAMC,CAAY,EAE/D,KAAMC,YACJ,CAAA,CAAA,KAAA,CAAA,SACA,CAAA,CAAAC,CAAAA,MACA,CAAA,CAAA,CAAA,YACAC,8BACA,OACEN,CAEJ,GAAA,CAAA,CAAA,CAAA,CACEO,CAAAA,OAACC,GAAA,CACE,MACD,CAAA,CAAA,GACA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,SACE,CAAAC,WAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAAH,OAEF,CAAA,CAAA,CAAA,CAAA,CAAA,eAAsBD,CAAAA,OAAW,CAAA,EAAA,QACjC,uBAAsBA,CAAAA,kBACtB,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,iBACF,CAEJ,EAAA,IAAA,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 { useContextProps } from 'react-aria-components';\nimport { BadgeContext } from './context';\nimport { BadgeStyles, BadgeStylesDefaults } from './styles';\nimport type { BadgeProps } from './types';\n\n/**\n * Badge - A small status indicator component for labeling and notifications\n *\n * Displays contextual information like status, counts, or labels. Supports various\n * visual variants and can be positioned relative to other elements. Useful for\n * indicating notifications, statuses, or providing supplementary information.\n *\n * @example\n * // Basic badge\n * <Badge>New</Badge>\n *\n * @example\n * // Status badges with different variants\n * <Badge variant=\"success\">Active</Badge>\n * <Badge variant=\"warning\">Pending</Badge>\n * <Badge variant=\"serious\">Error</Badge>\n *\n * @example\n * // Positioned badge (typically used with other components)\n * <div className=\"relative\">\n * <Button>Messages</Button>\n * <Badge placement='top right' offset={-spacingS}>3</Badge>\n * </div>\n */\nexport function Badge({ ref, ...props }: BadgeProps) {\n [props, ref] = useContextProps(props, ref ?? null, BadgeContext);\n\n const {\n className,\n offset,\n placement,\n variant = BadgeStylesDefaults.variant,\n ...rest\n } = props;\n\n return (\n <span\n {...rest}\n ref={ref}\n className={BadgeStyles({\n className,\n variant,\n })}\n data-offset-x={typeof offset === 'number' ? offset : offset?.x}\n data-offset-y={typeof offset === 'number' ? offset : offset?.y}\n data-placement={placement || null}\n />\n );\n}\n"]}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { BreadcrumbsProps, BreadcrumbProps } from 'react-aria-components';
|
|
3
|
-
import { BreadcrumbItemProps } from './types.js';
|
|
4
3
|
|
|
5
4
|
/**
|
|
6
5
|
* Breadcrumbs - Accessible breadcrumb navigation
|
|
@@ -10,18 +9,10 @@ import { BreadcrumbItemProps } from './types.js';
|
|
|
10
9
|
*
|
|
11
10
|
* @example
|
|
12
11
|
* <Breadcrumbs>
|
|
13
|
-
* <
|
|
14
|
-
* <
|
|
12
|
+
* <BreadcrumbItem linkProps={{ href: '/' }}>Home</BreadcrumbItem>
|
|
13
|
+
* <BreadcrumbItem>Current</BreadcrumbItem>
|
|
15
14
|
* </Breadcrumbs>
|
|
16
15
|
*/
|
|
17
16
|
declare function Breadcrumbs({ children, className, }: BreadcrumbsProps<BreadcrumbProps>): react_jsx_runtime.JSX.Element;
|
|
18
|
-
declare namespace Breadcrumbs {
|
|
19
|
-
var displayName: string;
|
|
20
|
-
var Item: typeof BreadcrumbItem;
|
|
21
|
-
}
|
|
22
|
-
declare function BreadcrumbItem({ children, classNames, linkProps, ...rest }: BreadcrumbItemProps): react_jsx_runtime.JSX.Element;
|
|
23
|
-
declare namespace BreadcrumbItem {
|
|
24
|
-
var displayName: string;
|
|
25
|
-
}
|
|
26
17
|
|
|
27
18
|
export { Breadcrumbs };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import {jsx
|
|
3
|
+
import {jsx}from'react/jsx-runtime';import'client-only';import {Breadcrumbs}from'react-aria-components';import {BreadcrumbsStyles}from'./styles.js';const{list:a}=BreadcrumbsStyles();function t({children:r,className:s}){return jsx(Breadcrumbs,{className:a({className:s}),children:r})}export{t as Breadcrumbs};//# sourceMappingURL=index.js.map
|
|
4
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/breadcrumbs/index.tsx"],"names":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/breadcrumbs/index.tsx"],"names":["BreadcrumbsStyles","m","c","e"],"mappings":"oJAqBA,UAAiBA,EAAkB,CAAA,CAc5BC,iBAAA,EAAA,CAAA,oBAEL,CAAA,CAAA,CAAA,SACoC,CACpC,WACGC,GAAgB,CAAAC,WAAA,CAAA,CAAA,SAAkB,CAAA,CAAA,CAAA,CAAA,SAAW,CAC3C,CAAA,CAAA,CAAA,CAAA,QAGP,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 {\n Breadcrumbs as AriaBreadcrumbs,\n type BreadcrumbProps,\n type BreadcrumbsProps,\n} from 'react-aria-components';\nimport { BreadcrumbsStyles } from './styles';\n\nconst { list } = BreadcrumbsStyles();\n\n/**\n * Breadcrumbs - Accessible breadcrumb navigation\n *\n * Displays the user's location within an application hierarchy and provides\n * links back to parent pages. The final item represents the current page.\n *\n * @example\n * <Breadcrumbs>\n * <BreadcrumbItem linkProps={{ href: '/' }}>Home</BreadcrumbItem>\n * <BreadcrumbItem>Current</BreadcrumbItem>\n * </Breadcrumbs>\n */\nexport function Breadcrumbs({\n children,\n className,\n}: BreadcrumbsProps<BreadcrumbProps>) {\n return (\n <AriaBreadcrumbs className={list({ className })}>\n {children}\n </AriaBreadcrumbs>\n );\n}\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { BreadcrumbItemProps } from './types.js';
|
|
3
|
+
import 'react-aria-components';
|
|
4
|
+
|
|
5
|
+
declare function BreadcrumbItem({ children, classNames, linkProps, ...rest }: BreadcrumbItemProps): react_jsx_runtime.JSX.Element;
|
|
6
|
+
|
|
7
|
+
export { BreadcrumbItem };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {ChevronRight}from'@accelint/icons';import {Breadcrumb,composeRenderProps,Link}from'react-aria-components';import {Icon}from'../icon/index.js';import {BreadcrumbsStyles}from'./styles.js';const{item:b,link:f,separator:B}=BreadcrumbsStyles();function R({children:a,classNames:e,linkProps:m,...i}){return jsx(Breadcrumb,{...i,className:composeRenderProps(e?.item,o=>b({className:o})),children:composeRenderProps(m?null:a,o=>jsxs(Fragment,{children:[m?jsx(Link,{...m,className:composeRenderProps(e?.link,p=>f({className:p})),children:a}):o,jsx(Icon,{"aria-hidden":"true",className:B({className:e?.separator}),children:jsx(ChevronRight,{})})]}))})}export{R as BreadcrumbItem};//# sourceMappingURL=item.js.map
|
|
4
|
+
//# sourceMappingURL=item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/breadcrumbs/item.tsx"],"names":["link","BreadcrumbsStyles","BreadcrumbItem","classNames","linkProps","jsx","Breadcrumb","r","n","item","composeRenderProps","itemChildren","jsxs","Fragment","I","Link","s","children","u","ChevronRight","c"],"mappings":"wQAoBc,KAAAA,CAAM,IAAA,CAAA,CAAA,CAAA,IAAU,CAAA,CAAIC,CAAAA,SAE3B,CAAA,CAAA,CAASC,CAAAA,iBAAe,EAC7B,CAAA,SACA,CAAA,CAAA,CAAA,QAAAC,CAAAA,CACA,CAAA,UAAAC,CACA,CAAA,CAAA,SAEA,CAAA,CAAA,CACEC,GAACC,CAAA,CACE,CAAA,CAAA,OACDC,GAAA,CAAAC,UAAA,CAAA,CAAA,GAA8BL,CAAAA,CAAAA,SAC5BM,CAAAA,kBAAK,CAAE,CAAA,EAAA,IAAA,CAAA,CAAA,EAAU,CAAC,CACpB,CAAA,SAEC,CAAAC,CAAAA,CAAmBN,CAAAA,CAAY,CAAA,QAAkBO,CAChDC,kBAAAA,CAAAC,CAAAA,CAAA,IACG,CAAA,CAAA,CAAA,CAAA,EAAAC,IAAAV,CAAAA,QACCC,CAAAA,CAACU,QAEC,CAAA,CAAA,CAAA,CAAAR,GAAA,CAAAS,IAAA,CAAA,CAAA,GAA8Bb,CAAAA,CAAAA,SAC5BH,CAAAA,kBAAK,CAAE,CAAA,EAAA,IAAA,CAAA,CAAA,EAAU,CAAC,CACpB,CAAA,SAEC,CAAAiB,CAAAA,CACH,CAAA,CAEAN,CAAAA,QAGA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAJ,GAAA,CAAAW,IAAA,CAAA,CAAY,aACZ,CAAA,MAAuB,CAAA,SAAWf,CAAAA,CAAAA,CAAY,CAAA,SAAW,CAAA,CAEzD,EAAA,SAACgB,CAAAA,CAAA,CAAA,QAGN,CACHZ,GAEJ,CAAAa,YAAA,CAAA,EAAA,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 { ChevronRight } from '@accelint/icons';\nimport { Breadcrumb, composeRenderProps, Link } from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { BreadcrumbsStyles } from './styles';\nimport type { BreadcrumbItemProps } from './types';\n\nconst { item, link, separator } = BreadcrumbsStyles();\n\nexport function BreadcrumbItem({\n children,\n classNames,\n linkProps,\n ...rest\n}: BreadcrumbItemProps) {\n return (\n <Breadcrumb\n {...rest}\n className={composeRenderProps(classNames?.item, (className) =>\n item({ className }),\n )}\n >\n {composeRenderProps(linkProps ? null : children, (itemChildren) => (\n <>\n {linkProps ? (\n <Link\n {...linkProps}\n className={composeRenderProps(classNames?.link, (className) =>\n link({ className }),\n )}\n >\n {children}\n </Link>\n ) : (\n itemChildren\n )}\n <Icon\n aria-hidden='true'\n className={separator({ className: classNames?.separator })}\n >\n <ChevronRight />\n </Icon>\n </>\n ))}\n </Breadcrumb>\n );\n}\n"]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as react from 'react';
|
|
3
|
+
import { ProviderProps } from '../../lib/types.js';
|
|
4
|
+
import { ContextValue } from 'react-aria-components';
|
|
5
|
+
import { ButtonProps, LinkButtonProps, ToggleButtonProps } from './types.js';
|
|
6
|
+
import 'tailwind-variants';
|
|
7
|
+
import './styles.js';
|
|
8
|
+
import 'tailwind-merge';
|
|
9
|
+
|
|
10
|
+
declare const ButtonContext: react.Context<ContextValue<ButtonProps, HTMLButtonElement>>;
|
|
11
|
+
declare function ButtonProvider({ children, ...props }: ProviderProps<ButtonProps>): react_jsx_runtime.JSX.Element;
|
|
12
|
+
declare const LinkButtonContext: react.Context<ContextValue<LinkButtonProps, HTMLAnchorElement>>;
|
|
13
|
+
declare function LinkButtonProvider({ children, ...props }: ProviderProps<LinkButtonProps>): react_jsx_runtime.JSX.Element;
|
|
14
|
+
declare const ToggleButtonContext: react.Context<ContextValue<ToggleButtonProps, HTMLButtonElement>>;
|
|
15
|
+
declare function ToggleButtonProvider({ children, ...props }: ProviderProps<ToggleButtonProps>): react_jsx_runtime.JSX.Element;
|
|
16
|
+
|
|
17
|
+
export { ButtonContext, ButtonProvider, LinkButtonContext, LinkButtonProvider, ToggleButtonContext, ToggleButtonProvider };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';const n=createContext(null);function l({children:t,...o}){return jsx(n.Provider,{value:o,children:t})}const u=createContext(null);function B({children:t,...o}){return jsx(u.Provider,{value:o,children:t})}const p=createContext(null);function s({children:t,...o}){return jsx(p.Provider,{value:o,children:t})}export{n as ButtonContext,l as ButtonProvider,u as LinkButtonContext,B as LinkButtonProvider,p as ToggleButtonContext,s as ToggleButtonProvider};//# sourceMappingURL=context.js.map
|
|
4
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/button/context.tsx"],"names":["ButtonContext","createContext","ButtonProvider","children","props","jsx","LinkButtonContext","LinkButtonProvider","ToggleButtonContext","ToggleButtonProvider"],"mappings":"0FAmBO,MAAMA,CAAAA,CACXC,cAA4D,IAAI,EAE3D,SAASC,CAAAA,CAAe,CAC7B,SAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAA+B,CAC7B,OACEC,GAAAA,CAACL,CAAAA,CAAc,QAAA,CAAd,CAAuB,KAAA,CAAOI,CAAAA,CAAQ,QAAA,CAAAD,CAAAA,CAAS,CAEpD,CAEO,MAAMG,EACXL,aAAAA,CAAgE,IAAI,EAE/D,SAASM,CAAAA,CAAmB,CACjC,QAAA,CAAAJ,EACA,GAAGC,CACL,CAAA,CAAmC,CACjC,OACEC,GAAAA,CAACC,CAAAA,CAAkB,QAAA,CAAlB,CAA2B,MAAOF,CAAAA,CAChC,QAAA,CAAAD,EACH,CAEJ,OAEaK,CAAAA,CACXP,aAAAA,CAAkE,IAAI,EAEjE,SAASQ,CAAAA,CAAqB,CACnC,SAAAN,CAAAA,CACA,GAAGC,CACL,CAAA,CAAqC,CACnC,OACEC,GAAAA,CAACG,EAAoB,QAAA,CAApB,CAA6B,MAAOJ,CAAAA,CAClC,QAAA,CAAAD,EACH,CAEJ","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 type { ProviderProps } from '@/lib/types';\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { ButtonProps, LinkButtonProps, ToggleButtonProps } from './types';\n\nexport const ButtonContext =\n createContext<ContextValue<ButtonProps, HTMLButtonElement>>(null);\n\nexport function ButtonProvider({\n children,\n ...props\n}: ProviderProps<ButtonProps>) {\n return (\n <ButtonContext.Provider value={props}>{children}</ButtonContext.Provider>\n );\n}\n\nexport const LinkButtonContext =\n createContext<ContextValue<LinkButtonProps, HTMLAnchorElement>>(null);\n\nexport function LinkButtonProvider({\n children,\n ...props\n}: ProviderProps<LinkButtonProps>) {\n return (\n <LinkButtonContext.Provider value={props}>\n {children}\n </LinkButtonContext.Provider>\n );\n}\n\nexport const ToggleButtonContext =\n createContext<ContextValue<ToggleButtonProps, HTMLButtonElement>>(null);\n\nexport function ToggleButtonProvider({\n children,\n ...props\n}: ProviderProps<ToggleButtonProps>) {\n return (\n <ToggleButtonContext.Provider value={props}>\n {children}\n </ToggleButtonContext.Provider>\n );\n}\n"]}
|
|
@@ -1,17 +1,12 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import { ContextValue } from 'react-aria-components';
|
|
5
|
-
import { ButtonProps, LinkButtonProps, ToggleButtonProps } from './types.js';
|
|
2
|
+
import { ButtonProps } from './types.js';
|
|
3
|
+
import 'react-aria-components';
|
|
6
4
|
import 'tailwind-variants';
|
|
5
|
+
import '../../lib/types.js';
|
|
6
|
+
import 'react';
|
|
7
7
|
import './styles.js';
|
|
8
8
|
import 'tailwind-merge';
|
|
9
9
|
|
|
10
|
-
declare const ButtonContext: react.Context<ContextValue<ButtonProps, HTMLButtonElement>>;
|
|
11
|
-
declare function ButtonProvider({ children, ...props }: ProviderProps<ButtonProps>): react_jsx_runtime.JSX.Element;
|
|
12
|
-
declare namespace ButtonProvider {
|
|
13
|
-
var displayName: string;
|
|
14
|
-
}
|
|
15
10
|
/**
|
|
16
11
|
* Button - A versatile interactive button component with multiple variants
|
|
17
12
|
*
|
|
@@ -47,99 +42,5 @@ declare namespace ButtonProvider {
|
|
|
47
42
|
* <Button color="serious">Delete</Button>
|
|
48
43
|
*/
|
|
49
44
|
declare function Button({ ref, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
50
|
-
declare namespace Button {
|
|
51
|
-
var displayName: string;
|
|
52
|
-
var Provider: typeof ButtonProvider;
|
|
53
|
-
}
|
|
54
|
-
declare const LinkButtonContext: react.Context<ContextValue<LinkButtonProps, HTMLAnchorElement>>;
|
|
55
|
-
declare function LinkButtonProvider({ children, ...props }: ProviderProps<LinkButtonProps>): react_jsx_runtime.JSX.Element;
|
|
56
|
-
declare namespace LinkButtonProvider {
|
|
57
|
-
var displayName: string;
|
|
58
|
-
}
|
|
59
|
-
/**
|
|
60
|
-
* LinkButton - A button component that renders as a link element
|
|
61
|
-
*
|
|
62
|
-
* Provides accessible link functionality with button-like styling and visual feedback.
|
|
63
|
-
* Perfect for navigation actions that should look like buttons but behave as links.
|
|
64
|
-
* Includes icon support and integrates with React Aria for keyboard navigation and accessibility.
|
|
65
|
-
*
|
|
66
|
-
* @example
|
|
67
|
-
* // Basic link button
|
|
68
|
-
* <LinkButton href="/dashboard">Go to Dashboard</LinkButton>
|
|
69
|
-
*
|
|
70
|
-
* @example
|
|
71
|
-
* // Link button with different variants and sizes
|
|
72
|
-
* <LinkButton variant="filled" size="large" href="/create">Create New</LinkButton>
|
|
73
|
-
* <LinkButton variant="outline" size="small" href="/settings">Settings</LinkButton>
|
|
74
|
-
*
|
|
75
|
-
* @example
|
|
76
|
-
* // Link button with icon
|
|
77
|
-
* <LinkButton variant="flat" href="/profile">
|
|
78
|
-
* <Icon><User /></Icon>
|
|
79
|
-
* View Profile
|
|
80
|
-
* </LinkButton>
|
|
81
|
-
*
|
|
82
|
-
* @example
|
|
83
|
-
* // Icon-only link button
|
|
84
|
-
* <LinkButton variant="icon" href="/help">
|
|
85
|
-
* <Icon><HelpCircle /></Icon>
|
|
86
|
-
* </LinkButton>
|
|
87
|
-
*
|
|
88
|
-
* @example
|
|
89
|
-
* // Link button with different colors
|
|
90
|
-
* <LinkButton color="critical" href="/delete">Delete Account</LinkButton>
|
|
91
|
-
* <LinkButton color="serious" href="/reset">Reset Data</LinkButton>
|
|
92
|
-
*/
|
|
93
|
-
declare function LinkButton({ ref, ...props }: LinkButtonProps): react_jsx_runtime.JSX.Element;
|
|
94
|
-
declare namespace LinkButton {
|
|
95
|
-
var displayName: string;
|
|
96
|
-
var Provider: typeof LinkButtonProvider;
|
|
97
|
-
}
|
|
98
|
-
declare const ToggleButtonContext: react.Context<ContextValue<ToggleButtonProps, HTMLButtonElement>>;
|
|
99
|
-
declare function ToggleButtonProvider({ children, ...props }: ProviderProps<ToggleButtonProps>): react_jsx_runtime.JSX.Element;
|
|
100
|
-
declare namespace ToggleButtonProvider {
|
|
101
|
-
var displayName: string;
|
|
102
|
-
}
|
|
103
|
-
/**
|
|
104
|
-
* ToggleButton - A button component that maintains pressed/unpressed state
|
|
105
|
-
*
|
|
106
|
-
* Provides accessible toggle functionality with visual feedback for the current state.
|
|
107
|
-
* Perfect for features like favorites, bookmarks, switches, or any binary state controls.
|
|
108
|
-
* Includes icon support and integrates with React Aria for keyboard navigation and accessibility.
|
|
109
|
-
*
|
|
110
|
-
* @example
|
|
111
|
-
* // Basic toggle button
|
|
112
|
-
* <ToggleButton>Toggle Feature</ToggleButton>
|
|
113
|
-
*
|
|
114
|
-
* @example
|
|
115
|
-
* // Controlled toggle button with different variants
|
|
116
|
-
* <ToggleButton variant="flat" isSelected={isEnabled} onChange={setIsEnabled}>
|
|
117
|
-
* Enable Notifications
|
|
118
|
-
* </ToggleButton>
|
|
119
|
-
*
|
|
120
|
-
* @example
|
|
121
|
-
* // Toggle button with icon and state
|
|
122
|
-
* <ToggleButton variant="outline" isSelected={isFavorite} onChange={setIsFavorite}>
|
|
123
|
-
* <Icon><Heart /></Icon>
|
|
124
|
-
* {isFavorite ? 'Favorite' : 'Add to Favorites'}
|
|
125
|
-
* </ToggleButton>
|
|
126
|
-
*
|
|
127
|
-
* @example
|
|
128
|
-
* // Icon-only toggle button
|
|
129
|
-
* <ToggleButton variant="icon" isSelected={isBookmarked} onChange={setIsBookmarked}>
|
|
130
|
-
* <Icon><Bookmark /></Icon>
|
|
131
|
-
* </ToggleButton>
|
|
132
|
-
*
|
|
133
|
-
* @example
|
|
134
|
-
* // Toggle button with different colors and sizes
|
|
135
|
-
* <ToggleButton color="critical" size="small" isSelected={isEnabled}>
|
|
136
|
-
* Critical Toggle
|
|
137
|
-
* </ToggleButton>
|
|
138
|
-
*/
|
|
139
|
-
declare function ToggleButton({ ref, ...props }: ToggleButtonProps): react_jsx_runtime.JSX.Element;
|
|
140
|
-
declare namespace ToggleButton {
|
|
141
|
-
var displayName: string;
|
|
142
|
-
var Provider: typeof ToggleButtonProvider;
|
|
143
|
-
}
|
|
144
45
|
|
|
145
|
-
export { Button
|
|
46
|
+
export { Button };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import {jsx}from'react/jsx-runtime';import'client-only';import {
|
|
3
|
+
import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps,Button,composeRenderProps}from'react-aria-components';import {IconProvider}from'../icon/context.js';import {ButtonContext}from'./context.js';import {ButtonStyles}from'./styles.js';function A({ref:o,...t}){[t,o]=useContextProps(t,o??null,ButtonContext);const{children:n,className:i,color:m="mono-muted",size:r="medium",variant:s,...u}=t;return jsx(IconProvider,{size:r,children:jsx(Button,{...u,ref:o,className:composeRenderProps(i,a=>ButtonStyles({className:a,variant:s})),"data-color":m,"data-size":r,children:n})})}export{A as Button};//# sourceMappingURL=index.js.map
|
|
4
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/button/index.tsx"],"names":["d","props","jsx","ButtonContext","e","ButtonProvider","useContextProps","ref","rest","Icon","m","AriaButton","C","composeRenderProps","className","P","color","size","LinkButtonProvider","LinkButtonContext","B","Link","f","LinkButton","ToggleButtonContext","ToggleButtonProvider","AriaToggleButton","N"],"mappings":"ySA+BA,MAAA,CAAA,CAAAA,aAAA,CAAA,IAA0B,EAAA,SAAU,CAAA,CAAA,CAAGC,QACrC,CAAA,CAAA,CACEC,GAACC,CAAc,CAAA,CAAA,CAAA,OAASC,GAAA,CAAA,CAAA,CAAA,QAAe,CAAA,CAAA,KAAS,CAEpD,CACAC,CAAAA,aAA6B,CAAA,CAAA,WAAA,CAAA,iBAoCJ,CAAA,SAAc,CAAgB,CACrD,CAACJ,GAAU,EAAIK,CAAAA,GAAuBC,GAAO,CAAA,CAAA,CAAA,CAAA,CAAMJ,CAAa,gBAEhE,CAAA,CAAA,CAAA,CAAA,EACE,aACA,CAAA,SACA,CAAA,CAAA,SAAQ,CAAA,CAAA,CAAA,KAAA,CAAA,CACR,CAAA,YAAO,CAAA,IACP,CAAA,CAAA,CAAA,QACGK,CACL,OAEA,CAAA,CAAA,CAAA,GACGC,CAAAA,CAAK,UAASL,GAAA,CAAAM,IAAA,CAAA,QACb,CAAA,CAAA,IAACC,EAAA,CACE,QACD,CAAKJ,IACLK,MAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAWC,CAAmBC,EAAYA,SAEtC,CAAAC,kBAAA,CAAA,CAAA,CAAA,CAAA,EAAAD,YACA,WAEJ,CAAA,CACA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAYE,aACZ,CAAWC,CAAAA,CAEV,WACH,CAAA,CACF,CAEJ,QACO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WACd,CAAA,QAEA,WAC2D,CAAA,CAAA,2BAGhE,WACA,CAAA,CAAA,CAAGhB,QAEH,CAAA,CAAA,CACEC,IAAmB,CAAA,CAAA,CAAA,OAASE,cACzB,CAAA,CAAA,KACH,CAEJ,CACAc,SAAmB,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WAAA,CAAA,+BAoCU,CAAoB,CAC7D,CAACjB,GAAU,CAAA,CAAIK,CAAAA,GAAuBC,CAAAA,CAAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAMY,CAAiB,CAAAC,eAEpE,CAAA,CAAA,CAAA,CAAA,EACE,IAAA,CAAA,CAAA,CAAA,CAAA,KACA,CAAA,QAAAN,CACA,WAAQ,CAAA,CAAA,CAAA,KAAA,CAAA,CACR,aAAO,CAAA,IACP,CAAA,CAAA,CAAA,QACGN,CACL,OAEA,CAAA,CAAA,CAAA,GACGC,EAAK,CAAA,CAAA,CAAA,OAASL,GAAA,CAAAM,IAAA,CAAA,cACZW,CAAAA,CAAA,CACE,SACId,GAAAA,CACLe,IAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAWT,CAAmBC,CAAAA,CAAYA,kCAEtCA,gBACA,CAAA,CAAA,SAEJ,CAAA,CACA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAYE,aACZ,CAAWC,CAAAA,CAEV,WACH,CAAA,CACF,CAEJ,QACW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WACzBM,aAEO,cAGP,MAAA,CAAA,CAAAvB,aAAA,CAAA,IACE,EAAA,SACA,CAAA,CAAA,CAAGC,QAEH,CAAA,CAAA,CACEC,GAACsB,CAAoB,CAAA,CAAA,CAAA,OAASpB,GAAA,CAAA,CAAA,CAAA,QAC3B,CAAA,CAAA,KACH,CAEJ,CACAqB,CAAAA,aAAmC,CAAA,CAAA,WAAA,CAAA,iCAsCU,CAAsB,CACjE,CAACxB,GAAU,CAAA,CAAIK,CAAAA,GAAuBC,CAAAA,CAAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAMiB,CAAmB,CAAAJ,eAEtE,CAAA,CAAA,CAAA,CAAA,EACE,IAAA,CAAA,CAAA,CAAA,CAAA,cACAN,CACA,CAAA,CAAA,SAAQ,CAAA,CAAA,CAAA,KAAA,CAAA,CACR,CAAA,YAAO,CAAA,IACP,CAAA,CAAA,CAAA,QACGN,CACL,aAGGC,CAAAA,CAAK,UAASL,GAAA,CAAAM,IAAA,CAAA,QACb,CAAA,CAAA,IAACgB,CAAAA,CAAA,CACE,QACD,CAAKnB,IACLoB,YAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAWd,CAAmBC,EAAYA,SAEtC,CAAAC,kBAAA,CAAA,CAAA,CAAA,CAAA,oBACA,CAAA,CAAA,SAEJ,CAAA,CACA,aAAYC,CAAAA,YACZ,CAAWC,EAEV,WACH,EACF,CAEJ,QACa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WAAA,CAAA,cACHQ,CAAAA,CAAAA,CAAAA,QAAAA,CAAAA,CAAAA","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 type { ProviderProps } from '@/lib/types';\nimport 'client-only';\nimport { createContext } from 'react';\nimport {\n Button as AriaButton,\n ToggleButton as AriaToggleButton,\n type ContextValue,\n composeRenderProps,\n Link,\n useContextProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { ButtonStyles, LinkButtonStyles, ToggleButtonStyles } from './styles';\nimport type { ButtonProps, LinkButtonProps, ToggleButtonProps } from './types';\n\nexport const ButtonContext =\n createContext<ContextValue<ButtonProps, HTMLButtonElement>>(null);\n\nfunction ButtonProvider({ children, ...props }: ProviderProps<ButtonProps>) {\n return (\n <ButtonContext.Provider value={props}>{children}</ButtonContext.Provider>\n );\n}\nButtonProvider.displayName = 'Button.Provider';\n\n/**\n * Button - A versatile interactive button component with multiple variants\n *\n * Provides accessible button functionality with support for different visual styles,\n * sizes, and interactive states. Includes icon support and integrates with React Aria\n * for keyboard navigation and accessibility features.\n *\n * @example\n * // Basic button\n * <Button>Click me</Button>\n *\n * @example\n * // Primary button with different sizes\n * <Button variant=\"filled\" size=\"large\">Large Filled</Button>\n * <Button variant=\"outline\" size=\"small\">Small Outline</Button>\n *\n * @example\n * // Button with icon\n * <Button variant=\"flat\">\n * <Icon><Plus /></Icon>\n * Add Item\n * </Button>\n *\n * @example\n * // Icon-only button\n * <Button variant=\"icon\">\n * <Icon><Settings /></Icon>\n * </Button>\n *\n * @example\n * // Button with different colors\n * <Button color=\"critical\">Critical Button</Button>\n * <Button color=\"serious\">Delete</Button>\n */\nexport function Button({ ref, ...props }: ButtonProps) {\n [props, ref] = useContextProps(props, ref ?? null, ButtonContext);\n\n const {\n children,\n className,\n color = 'mono-muted',\n size = 'medium',\n variant,\n ...rest\n } = props;\n\n return (\n <Icon.Provider size={size}>\n <AriaButton\n {...rest}\n ref={ref}\n className={composeRenderProps(className, (className) =>\n ButtonStyles({\n className,\n variant,\n }),\n )}\n data-color={color}\n data-size={size}\n >\n {children}\n </AriaButton>\n </Icon.Provider>\n );\n}\nButton.displayName = 'Button';\nButton.Provider = ButtonProvider;\n\nexport const LinkButtonContext =\n createContext<ContextValue<LinkButtonProps, HTMLAnchorElement>>(null);\n\nfunction LinkButtonProvider({\n children,\n ...props\n}: ProviderProps<LinkButtonProps>) {\n return (\n <LinkButtonContext.Provider value={props}>\n {children}\n </LinkButtonContext.Provider>\n );\n}\nLinkButtonProvider.displayName = 'LinkButton.Provider';\n\n/**\n * LinkButton - A button component that renders as a link element\n *\n * Provides accessible link functionality with button-like styling and visual feedback.\n * Perfect for navigation actions that should look like buttons but behave as links.\n * Includes icon support and integrates with React Aria for keyboard navigation and accessibility.\n *\n * @example\n * // Basic link button\n * <LinkButton href=\"/dashboard\">Go to Dashboard</LinkButton>\n *\n * @example\n * // Link button with different variants and sizes\n * <LinkButton variant=\"filled\" size=\"large\" href=\"/create\">Create New</LinkButton>\n * <LinkButton variant=\"outline\" size=\"small\" href=\"/settings\">Settings</LinkButton>\n *\n * @example\n * // Link button with icon\n * <LinkButton variant=\"flat\" href=\"/profile\">\n * <Icon><User /></Icon>\n * View Profile\n * </LinkButton>\n *\n * @example\n * // Icon-only link button\n * <LinkButton variant=\"icon\" href=\"/help\">\n * <Icon><HelpCircle /></Icon>\n * </LinkButton>\n *\n * @example\n * // Link button with different colors\n * <LinkButton color=\"critical\" href=\"/delete\">Delete Account</LinkButton>\n * <LinkButton color=\"serious\" href=\"/reset\">Reset Data</LinkButton>\n */\nexport function LinkButton({ ref, ...props }: LinkButtonProps) {\n [props, ref] = useContextProps(props, ref ?? null, LinkButtonContext);\n\n const {\n children,\n className,\n color = 'mono-muted',\n size = 'medium',\n variant,\n ...rest\n } = props;\n\n return (\n <Icon.Provider size={size}>\n <Link\n {...rest}\n ref={ref}\n className={composeRenderProps(className, (className) =>\n LinkButtonStyles({\n className,\n variant,\n }),\n )}\n data-color={color}\n data-size={size}\n >\n {children}\n </Link>\n </Icon.Provider>\n );\n}\nLinkButton.displayName = 'LinkButton';\nLinkButton.Provider = LinkButtonProvider;\n\nexport const ToggleButtonContext =\n createContext<ContextValue<ToggleButtonProps, HTMLButtonElement>>(null);\n\nfunction ToggleButtonProvider({\n children,\n ...props\n}: ProviderProps<ToggleButtonProps>) {\n return (\n <ToggleButtonContext.Provider value={props}>\n {children}\n </ToggleButtonContext.Provider>\n );\n}\nToggleButtonProvider.displayName = 'ToggleButton.Provider';\n\n/**\n * ToggleButton - A button component that maintains pressed/unpressed state\n *\n * Provides accessible toggle functionality with visual feedback for the current state.\n * Perfect for features like favorites, bookmarks, switches, or any binary state controls.\n * Includes icon support and integrates with React Aria for keyboard navigation and accessibility.\n *\n * @example\n * // Basic toggle button\n * <ToggleButton>Toggle Feature</ToggleButton>\n *\n * @example\n * // Controlled toggle button with different variants\n * <ToggleButton variant=\"flat\" isSelected={isEnabled} onChange={setIsEnabled}>\n * Enable Notifications\n * </ToggleButton>\n *\n * @example\n * // Toggle button with icon and state\n * <ToggleButton variant=\"outline\" isSelected={isFavorite} onChange={setIsFavorite}>\n * <Icon><Heart /></Icon>\n * {isFavorite ? 'Favorite' : 'Add to Favorites'}\n * </ToggleButton>\n *\n * @example\n * // Icon-only toggle button\n * <ToggleButton variant=\"icon\" isSelected={isBookmarked} onChange={setIsBookmarked}>\n * <Icon><Bookmark /></Icon>\n * </ToggleButton>\n *\n * @example\n * // Toggle button with different colors and sizes\n * <ToggleButton color=\"critical\" size=\"small\" isSelected={isEnabled}>\n * Critical Toggle\n * </ToggleButton>\n */\nexport function ToggleButton({ ref, ...props }: ToggleButtonProps) {\n [props, ref] = useContextProps(props, ref ?? null, ToggleButtonContext);\n\n const {\n children,\n className,\n color = 'mono-muted',\n size = 'medium',\n variant,\n ...rest\n } = props;\n\n return (\n <Icon.Provider size={size}>\n <AriaToggleButton\n {...rest}\n ref={ref}\n className={composeRenderProps(className, (className) =>\n ToggleButtonStyles({\n className,\n variant,\n }),\n )}\n data-color={color}\n data-size={size}\n >\n {children}\n </AriaToggleButton>\n </Icon.Provider>\n );\n}\nToggleButton.displayName = 'ToggleButton';\nToggleButton.Provider = ToggleButtonProvider;\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/button/index.tsx"],"names":["props","ref","ButtonContext","B","className","jsx","IconProvider","e","d","AriaButton","composeRenderProps","size","children"],"mappings":"oQA0DyB,SAAQA,CAAM,EAAgB,IAC7CC,CAAG,CAAA,GAAoBD,CAAAA,CAAOC,CAAAA,CAAAA,CAAO,KAAMC,eAAa,CAAA,CAEhE,CAAA,CAAA,EAAA,IACE,CAAAC,aAAA,CAAA,CAAA,KACA,UAAAC,CAAAA,CACA,SAAQ,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,YACD,CAAA,IACP,CAAA,CAAA,CAAA,QACA,CAAA,OAGF,CAAA,CAAA,CAAA,GACEC,EAACC,CAAAA,CAAA,CAAa,OACZC,GAAA,CAAAC,YAAA,CAAA,CAAA,IAAAH,CAAAA,CAACI,CAAAA,QAEC,CAAAF,GAAA,CAAKN,MAAAA,CACL,UAAWS,CAAAA,CAAmBN,8CAE1BA,CAAAA,CACA,SACF,CAAC,CACH,QACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,eACWO,WAEVC,CAAAA,CACH,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 'client-only';\nimport {\n Button as AriaButton,\n composeRenderProps,\n useContextProps,\n} from 'react-aria-components';\nimport { IconProvider } from '../icon/context';\nimport { ButtonContext } from './context';\nimport { ButtonStyles } from './styles';\nimport type { ButtonProps } from './types';\n\n/**\n * Button - A versatile interactive button component with multiple variants\n *\n * Provides accessible button functionality with support for different visual styles,\n * sizes, and interactive states. Includes icon support and integrates with React Aria\n * for keyboard navigation and accessibility features.\n *\n * @example\n * // Basic button\n * <Button>Click me</Button>\n *\n * @example\n * // Primary button with different sizes\n * <Button variant=\"filled\" size=\"large\">Large Filled</Button>\n * <Button variant=\"outline\" size=\"small\">Small Outline</Button>\n *\n * @example\n * // Button with icon\n * <Button variant=\"flat\">\n * <Icon><Plus /></Icon>\n * Add Item\n * </Button>\n *\n * @example\n * // Icon-only button\n * <Button variant=\"icon\">\n * <Icon><Settings /></Icon>\n * </Button>\n *\n * @example\n * // Button with different colors\n * <Button color=\"critical\">Critical Button</Button>\n * <Button color=\"serious\">Delete</Button>\n */\nexport function Button({ ref, ...props }: ButtonProps) {\n [props, ref] = useContextProps(props, ref ?? null, ButtonContext);\n\n const {\n children,\n className,\n color = 'mono-muted',\n size = 'medium',\n variant,\n ...rest\n } = props;\n\n return (\n <IconProvider size={size}>\n <AriaButton\n {...rest}\n ref={ref}\n className={composeRenderProps(className, (className) =>\n ButtonStyles({\n className,\n variant,\n }),\n )}\n data-color={color}\n data-size={size}\n >\n {children}\n </AriaButton>\n </IconProvider>\n );\n}\n"]}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { LinkButtonProps } from './types.js';
|
|
3
|
+
import 'react-aria-components';
|
|
4
|
+
import 'tailwind-variants';
|
|
5
|
+
import '../../lib/types.js';
|
|
6
|
+
import 'react';
|
|
7
|
+
import './styles.js';
|
|
8
|
+
import 'tailwind-merge';
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* LinkButton - A button component that renders as a link element
|
|
12
|
+
*
|
|
13
|
+
* Provides accessible link functionality with button-like styling and visual feedback.
|
|
14
|
+
* Perfect for navigation actions that should look like buttons but behave as links.
|
|
15
|
+
* Includes icon support and integrates with React Aria for keyboard navigation and accessibility.
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* // Basic link button
|
|
19
|
+
* <LinkButton href="/dashboard">Go to Dashboard</LinkButton>
|
|
20
|
+
*
|
|
21
|
+
* @example
|
|
22
|
+
* // Link button with different variants and sizes
|
|
23
|
+
* <LinkButton variant="filled" size="large" href="/create">Create New</LinkButton>
|
|
24
|
+
* <LinkButton variant="outline" size="small" href="/settings">Settings</LinkButton>
|
|
25
|
+
*
|
|
26
|
+
* @example
|
|
27
|
+
* // Link button with icon
|
|
28
|
+
* <LinkButton variant="flat" href="/profile">
|
|
29
|
+
* <Icon><User /></Icon>
|
|
30
|
+
* View Profile
|
|
31
|
+
* </LinkButton>
|
|
32
|
+
*
|
|
33
|
+
* @example
|
|
34
|
+
* // Icon-only link button
|
|
35
|
+
* <LinkButton variant="icon" href="/help">
|
|
36
|
+
* <Icon><HelpCircle /></Icon>
|
|
37
|
+
* </LinkButton>
|
|
38
|
+
*
|
|
39
|
+
* @example
|
|
40
|
+
* // Link button with different colors
|
|
41
|
+
* <LinkButton color="critical" href="/delete">Delete Account</LinkButton>
|
|
42
|
+
* <LinkButton color="serious" href="/reset">Reset Data</LinkButton>
|
|
43
|
+
*/
|
|
44
|
+
declare function LinkButton({ ref, ...props }: LinkButtonProps): react_jsx_runtime.JSX.Element;
|
|
45
|
+
|
|
46
|
+
export { LinkButton };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps,Link,composeRenderProps}from'react-aria-components';import {IconProvider}from'../icon/context.js';import {LinkButtonContext}from'./context.js';import {LinkButtonStyles}from'./styles.js';function z({ref:o,...t}){[t,o]=useContextProps(t,o??null,LinkButtonContext);const{children:i,className:e,color:m="mono-muted",size:n="medium",variant:s,...u}=t;return jsx(IconProvider,{size:n,children:jsx(Link,{...u,ref:o,className:composeRenderProps(e,c=>LinkButtonStyles({className:c,variant:s})),"data-color":m,"data-size":n,children:i})})}export{z as LinkButton};//# sourceMappingURL=link.js.map
|
|
4
|
+
//# sourceMappingURL=link.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/button/link.tsx"],"names":["props","ref","LinkButtonContext","k","className","jsx","IconProvider","r","d","Link","composeRenderProps","size","children"],"mappings":"0QA0D6B,SAAQA,CAAM,EAAoB,IACrDC,CAAG,CAAA,GAAoBD,CAAAA,CAAOC,CAAAA,CAAAA,CAAO,KAAMC,eAAiB,CAAA,CAEpE,CAAA,CAAA,EAAA,IACE,CAAAC,iBAAA,CAAA,CAAA,KACA,UAAAC,CAAAA,CACA,SAAQ,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,YACD,CAAA,IACP,CAAA,CAAA,CAAA,QACA,CAAA,OAGF,CAAA,CAAA,CAAA,GACEC,EAACC,CAAAA,CAAA,CAAa,OACZC,GAAA,CAAAC,YAAA,CAAA,CAAA,IAAAH,CAAAA,CAACI,CAAAA,QAEC,CAAAF,GAAA,CAAKN,IAAAA,CACL,UAAWS,CAAAA,CAAmBN,kDAE1BA,CAAAA,CACA,SACF,CAAC,CACH,QACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,eACWO,WAEVC,CAAAA,CACH,CAAA,QAGN,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 'client-only';\nimport {\n composeRenderProps,\n Link,\n useContextProps,\n} from 'react-aria-components';\nimport { IconProvider } from '../icon/context';\nimport { LinkButtonContext } from './context';\nimport { LinkButtonStyles } from './styles';\nimport type { LinkButtonProps } from './types';\n\n/**\n * LinkButton - A button component that renders as a link element\n *\n * Provides accessible link functionality with button-like styling and visual feedback.\n * Perfect for navigation actions that should look like buttons but behave as links.\n * Includes icon support and integrates with React Aria for keyboard navigation and accessibility.\n *\n * @example\n * // Basic link button\n * <LinkButton href=\"/dashboard\">Go to Dashboard</LinkButton>\n *\n * @example\n * // Link button with different variants and sizes\n * <LinkButton variant=\"filled\" size=\"large\" href=\"/create\">Create New</LinkButton>\n * <LinkButton variant=\"outline\" size=\"small\" href=\"/settings\">Settings</LinkButton>\n *\n * @example\n * // Link button with icon\n * <LinkButton variant=\"flat\" href=\"/profile\">\n * <Icon><User /></Icon>\n * View Profile\n * </LinkButton>\n *\n * @example\n * // Icon-only link button\n * <LinkButton variant=\"icon\" href=\"/help\">\n * <Icon><HelpCircle /></Icon>\n * </LinkButton>\n *\n * @example\n * // Link button with different colors\n * <LinkButton color=\"critical\" href=\"/delete\">Delete Account</LinkButton>\n * <LinkButton color=\"serious\" href=\"/reset\">Reset Data</LinkButton>\n */\nexport function LinkButton({ ref, ...props }: LinkButtonProps) {\n [props, ref] = useContextProps(props, ref ?? null, LinkButtonContext);\n\n const {\n children,\n className,\n color = 'mono-muted',\n size = 'medium',\n variant,\n ...rest\n } = props;\n\n return (\n <IconProvider size={size}>\n <Link\n {...rest}\n ref={ref}\n className={composeRenderProps(className, (className) =>\n LinkButtonStyles({\n className,\n variant,\n }),\n )}\n data-color={color}\n data-size={size}\n >\n {children}\n </Link>\n </IconProvider>\n );\n}\n"]}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { ToggleButtonProps } from './types.js';
|
|
3
|
+
import 'react-aria-components';
|
|
4
|
+
import 'tailwind-variants';
|
|
5
|
+
import '../../lib/types.js';
|
|
6
|
+
import 'react';
|
|
7
|
+
import './styles.js';
|
|
8
|
+
import 'tailwind-merge';
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* ToggleButton - A button component that maintains pressed/unpressed state
|
|
12
|
+
*
|
|
13
|
+
* Provides accessible toggle functionality with visual feedback for the current state.
|
|
14
|
+
* Perfect for features like favorites, bookmarks, switches, or any binary state controls.
|
|
15
|
+
* Includes icon support and integrates with React Aria for keyboard navigation and accessibility.
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* // Basic toggle button
|
|
19
|
+
* <ToggleButton>Toggle Feature</ToggleButton>
|
|
20
|
+
*
|
|
21
|
+
* @example
|
|
22
|
+
* // Controlled toggle button with different variants
|
|
23
|
+
* <ToggleButton variant="flat" isSelected={isEnabled} onChange={setIsEnabled}>
|
|
24
|
+
* Enable Notifications
|
|
25
|
+
* </ToggleButton>
|
|
26
|
+
*
|
|
27
|
+
* @example
|
|
28
|
+
* // Toggle button with icon and state
|
|
29
|
+
* <ToggleButton variant="outline" isSelected={isFavorite} onChange={setIsFavorite}>
|
|
30
|
+
* <Icon><Heart /></Icon>
|
|
31
|
+
* {isFavorite ? 'Favorite' : 'Add to Favorites'}
|
|
32
|
+
* </ToggleButton>
|
|
33
|
+
*
|
|
34
|
+
* @example
|
|
35
|
+
* // Icon-only toggle button
|
|
36
|
+
* <ToggleButton variant="icon" isSelected={isBookmarked} onChange={setIsBookmarked}>
|
|
37
|
+
* <Icon><Bookmark /></Icon>
|
|
38
|
+
* </ToggleButton>
|
|
39
|
+
*
|
|
40
|
+
* @example
|
|
41
|
+
* // Toggle button with different colors and sizes
|
|
42
|
+
* <ToggleButton color="critical" size="small" isSelected={isEnabled}>
|
|
43
|
+
* Critical Toggle
|
|
44
|
+
* </ToggleButton>
|
|
45
|
+
*/
|
|
46
|
+
declare function ToggleButton({ ref, ...props }: ToggleButtonProps): react_jsx_runtime.JSX.Element;
|
|
47
|
+
|
|
48
|
+
export { ToggleButton };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps,ToggleButton,composeRenderProps}from'react-aria-components';import {IconProvider}from'../icon/context.js';import {ToggleButtonContext}from'./context.js';import {ToggleButtonStyles}from'./styles.js';function z({ref:o,...t}){[t,o]=useContextProps(t,o??null,ToggleButtonContext);const{children:n,className:i,color:l="mono-muted",size:e="medium",variant:m,...g}=t;return jsx(IconProvider,{size:e,children:jsx(ToggleButton,{...g,ref:o,className:composeRenderProps(i,s=>ToggleButtonStyles({className:s,variant:m})),"data-color":l,"data-size":e,children:n})})}export{z as ToggleButton};//# sourceMappingURL=toggle.js.map
|
|
4
|
+
//# sourceMappingURL=toggle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/button/toggle.tsx"],"names":["props","ref","ToggleButtonContext","d","className","jsx","IconProvider","r","p","AriaToggleButton","composeRenderProps","size","children"],"mappings":"sRA4D+B,SAAQA,CAAM,EAAsB,IACzDC,CAAG,CAAA,GAAoBD,CAAAA,CAAOC,CAAAA,CAAAA,CAAO,KAAMC,eAAmB,CAAA,CAEtE,CAAA,CAAA,EAAA,IACE,CAAAC,mBAAA,CAAA,CAAA,KACA,UAAAC,CAAAA,CACA,SAAQ,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,YACD,CAAA,IACP,CAAA,CAAA,CAAA,QACA,CAAA,OAGF,CAAA,CAAA,CAAA,GACEC,EAACC,CAAAA,CAAA,CAAa,OACZC,GAAA,CAAAC,YAAA,CAAA,CAAA,IAAAH,CAAAA,CAACI,CAAAA,QAEC,CAAAF,GAAA,CAAKN,YAAAA,CACL,UAAWS,CAAAA,CAAmBN,oDAE1BA,CAAAA,CACA,SACF,CAAC,CACH,QACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,eACWO,WAEVC,CAAAA,CACH,CAAA,QAGN,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"toggle.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 {\n ToggleButton as AriaToggleButton,\n composeRenderProps,\n useContextProps,\n} from 'react-aria-components';\nimport { IconProvider } from '../icon/context';\nimport { ToggleButtonContext } from './context';\nimport { ToggleButtonStyles } from './styles';\nimport type { ToggleButtonProps } from './types';\n\n/**\n * ToggleButton - A button component that maintains pressed/unpressed state\n *\n * Provides accessible toggle functionality with visual feedback for the current state.\n * Perfect for features like favorites, bookmarks, switches, or any binary state controls.\n * Includes icon support and integrates with React Aria for keyboard navigation and accessibility.\n *\n * @example\n * // Basic toggle button\n * <ToggleButton>Toggle Feature</ToggleButton>\n *\n * @example\n * // Controlled toggle button with different variants\n * <ToggleButton variant=\"flat\" isSelected={isEnabled} onChange={setIsEnabled}>\n * Enable Notifications\n * </ToggleButton>\n *\n * @example\n * // Toggle button with icon and state\n * <ToggleButton variant=\"outline\" isSelected={isFavorite} onChange={setIsFavorite}>\n * <Icon><Heart /></Icon>\n * {isFavorite ? 'Favorite' : 'Add to Favorites'}\n * </ToggleButton>\n *\n * @example\n * // Icon-only toggle button\n * <ToggleButton variant=\"icon\" isSelected={isBookmarked} onChange={setIsBookmarked}>\n * <Icon><Bookmark /></Icon>\n * </ToggleButton>\n *\n * @example\n * // Toggle button with different colors and sizes\n * <ToggleButton color=\"critical\" size=\"small\" isSelected={isEnabled}>\n * Critical Toggle\n * </ToggleButton>\n */\nexport function ToggleButton({ ref, ...props }: ToggleButtonProps) {\n [props, ref] = useContextProps(props, ref ?? null, ToggleButtonContext);\n\n const {\n children,\n className,\n color = 'mono-muted',\n size = 'medium',\n variant,\n ...rest\n } = props;\n\n return (\n <IconProvider size={size}>\n <AriaToggleButton\n {...rest}\n ref={ref}\n className={composeRenderProps(className, (className) =>\n ToggleButtonStyles({\n className,\n variant,\n }),\n )}\n data-color={color}\n data-size={size}\n >\n {children}\n </AriaToggleButton>\n </IconProvider>\n );\n}\n"]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { ContextValue } from 'react-aria-components';
|
|
3
|
+
import { CheckboxProps, CheckboxGroupProps } from './types.js';
|
|
4
|
+
import '@react-types/shared';
|
|
5
|
+
import '../label/types.js';
|
|
6
|
+
|
|
7
|
+
declare const CheckboxGroupContext: react.Context<ContextValue<CheckboxGroupProps, HTMLDivElement>>;
|
|
8
|
+
declare const CheckboxContext: react.Context<ContextValue<CheckboxProps, HTMLLabelElement>>;
|
|
9
|
+
|
|
10
|
+
export { CheckboxContext, CheckboxGroupContext };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/checkbox/context.tsx"],"names":["CheckboxGroupContext","createContext","CheckboxContext"],"mappings":"sDAkBO,MAAMA,CAAAA,CACXC,aAAAA,CAAgE,IAAI,CAAA,CAEzDC,CAAAA,CACXD,aAAAA,CAA6D,IAAI","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 { CheckboxGroupProps, CheckboxProps } from './types';\n\nexport const CheckboxGroupContext =\n createContext<ContextValue<CheckboxGroupProps, HTMLDivElement>>(null);\n\nexport const CheckboxContext =\n createContext<ContextValue<CheckboxProps, HTMLLabelElement>>(null);\n"]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { CheckboxGroupProps } from './types.js';
|
|
3
|
+
import '@react-types/shared';
|
|
4
|
+
import 'react';
|
|
5
|
+
import 'react-aria-components';
|
|
6
|
+
import '../label/types.js';
|
|
7
|
+
|
|
8
|
+
declare function CheckboxGroup({ ref, ...props }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { CheckboxGroup };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {useContextProps,CheckboxGroup,composeRenderProps}from'react-aria-components';import {Label}from'../label/index.js';import {CheckboxGroupContext}from'./context.js';import {CheckboxStyles}from'./styles.js';const{group:k,groupLabel:G}=CheckboxStyles();function A({ref:o,...e}){[e,o]=useContextProps(e,o??null,CheckboxGroupContext);const{children:i,classNames:t,label:s,orientation:c="vertical",...l}=e;return jsx(CheckboxGroup,{...l,ref:o,className:composeRenderProps(t?.group,r=>k({className:r})),"data-orientation":c,children:composeRenderProps(i,(r,{isDisabled:m,isRequired:u})=>jsxs(Fragment,{children:[s&&jsx(Label,{className:G({className:t?.label}),isDisabled:m,isRequired:u,children:s}),r]}))})}export{A as CheckboxGroup};//# sourceMappingURL=group.js.map
|
|
4
|
+
//# sourceMappingURL=group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/checkbox/group.tsx"],"names":["CheckboxStyles","CheckboxGroup","h","ref","props","CheckboxGroupContext","n","children","AriaCheckboxGroup","rest","p","b","composeRenderProps","classNames","a","isDisabled","jsxs","Fragment","label","jsx","Label","groupLabel","x"],"mappings":"0RAwBe,KAAA,CAAA,KAAeA,CAAe,CAAA,CAEtC,UAASC,CAAc,CAAE,CAAA,CAAAC,cAAA,EAAAC,CAAK,SAClCC,CAAOD,CAAG,CAAA,GAAoBC,CAAAA,CAAOD,CAAAA,GAAO,CAAA,CAAA,CAAA,CAAME,CAAoB,CAAA,CAEvE,CAAA,CAAA,CAAAC,eAAA,CAAM,CACJ,CAAA,CAAA,EAAA,IAAA,CAAAC,oBAAAA,CACA,CAAA,KAAA,CAAA,qBAEA,CAAA,CAAA,CAAA,KAAc,CAAA,CAAA,CAAA,WAEhB,CAAA,CAAIH,CAAAA,UAGDI,CAAAA,GACE,CAAA,CAAGC,CAAAA,CACJ,CAAA,OACAC,GAAA,CAAAC,aAAA,CAAA,CAAA,GAAWC,CAAAA,CAAmBC,GAAY,CAAA,CAAA,CAAA,SAChC,CAAAC,kBAAA,CAAA,CAAA,EAAA,KAAU,CAAC,CACrB,EACA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,kBAE+BP,CAAU,CAAE,CAAA,QAAA,CAAAO,kBAAAC,CAAAA,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,UAAW,CAChEC,CAAAA,CAAAC,UACG,CAAA,CAAA,CAAAC,GACCC,IAAAA,CAACC,QAAAA,CAAA,CACC,UAAWC,CAAAA,EAAaX,GAAA,CAAAY,KAAA,CAAA,CAAA,SAAuB,CAAA,CAAA,CAAA,CAAM,SACrD,CAAA,CAAA,EAAA,KACA,CAAA,CAAA,CAAA,UAEC,CAAA,CAAA,CAAA,UAGJf,CACH,CACD,SAGP,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"group.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 {\n CheckboxGroup as AriaCheckboxGroup,\n composeRenderProps,\n useContextProps,\n} from 'react-aria-components';\nimport { Label } from '../label';\nimport { CheckboxGroupContext } from './context';\nimport { CheckboxStyles } from './styles';\nimport type { CheckboxGroupProps } from './types';\n\nconst { group, groupLabel } = CheckboxStyles();\n\nexport function CheckboxGroup({ ref, ...props }: CheckboxGroupProps) {\n [props, ref] = useContextProps(props, ref ?? null, CheckboxGroupContext);\n\n const {\n children,\n classNames,\n label,\n orientation = 'vertical',\n ...rest\n } = props;\n\n return (\n <AriaCheckboxGroup\n {...rest}\n ref={ref}\n className={composeRenderProps(classNames?.group, (className) =>\n group({ className }),\n )}\n data-orientation={orientation}\n >\n {composeRenderProps(children, (children, { isDisabled, isRequired }) => (\n <>\n {label && (\n <Label\n className={groupLabel({ className: classNames?.label })}\n isDisabled={isDisabled}\n isRequired={isRequired}\n >\n {label}\n </Label>\n )}\n {children}\n </>\n ))}\n </AriaCheckboxGroup>\n );\n}\n"]}
|
|
@@ -1,16 +1,10 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import
|
|
3
|
-
import { ContextValue } from 'react-aria-components';
|
|
4
|
-
import { CheckboxProps, CheckboxGroupProps } from './types.js';
|
|
2
|
+
import { CheckboxProps } from './types.js';
|
|
5
3
|
import '@react-types/shared';
|
|
4
|
+
import 'react';
|
|
5
|
+
import 'react-aria-components';
|
|
6
6
|
import '../label/types.js';
|
|
7
7
|
|
|
8
|
-
declare const CheckboxGroupContext: react.Context<ContextValue<CheckboxGroupProps, HTMLDivElement>>;
|
|
9
|
-
declare function CheckboxGroup({ ref, ...props }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
|
|
10
|
-
declare namespace CheckboxGroup {
|
|
11
|
-
var displayName: string;
|
|
12
|
-
}
|
|
13
|
-
declare const CheckboxContext: react.Context<ContextValue<CheckboxProps, HTMLLabelElement>>;
|
|
14
8
|
/**
|
|
15
9
|
* Checkbox - A form control for binary or multiple selection with group support
|
|
16
10
|
*
|
|
@@ -26,11 +20,11 @@ declare const CheckboxContext: react.Context<ContextValue<CheckboxProps, HTMLLab
|
|
|
26
20
|
*
|
|
27
21
|
* @example
|
|
28
22
|
* // Checkbox group with multiple options
|
|
29
|
-
* <
|
|
23
|
+
* <CheckboxGroup label="Select preferences">
|
|
30
24
|
* <Checkbox value="notifications">Email notifications</Checkbox>
|
|
31
25
|
* <Checkbox value="marketing">Marketing emails</Checkbox>
|
|
32
26
|
* <Checkbox value="updates">Product updates</Checkbox>
|
|
33
|
-
* </
|
|
27
|
+
* </CheckboxGroup>
|
|
34
28
|
*
|
|
35
29
|
* @example
|
|
36
30
|
* // Disabled checkbox
|
|
@@ -45,9 +39,5 @@ declare const CheckboxContext: react.Context<ContextValue<CheckboxProps, HTMLLab
|
|
|
45
39
|
* </Checkbox>
|
|
46
40
|
*/
|
|
47
41
|
declare function Checkbox({ ref, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
|
|
48
|
-
declare namespace Checkbox {
|
|
49
|
-
var displayName: string;
|
|
50
|
-
var Group: typeof CheckboxGroup;
|
|
51
|
-
}
|
|
52
42
|
|
|
53
|
-
export { Checkbox
|
|
43
|
+
export { Checkbox };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import {jsx,jsxs,Fragment}from'react/jsx-runtime';import
|
|
3
|
+
import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {Remove,Check}from'@accelint/icons';import'client-only';import {useContextProps,Checkbox,composeRenderProps}from'react-aria-components';import {Icon}from'../icon/index.js';import {CheckboxContext}from'./context.js';import {CheckboxStyles}from'./styles.js';const{checkbox:N,control:u,label:P}=CheckboxStyles();function g({ref:s,...c}){[c,s]=useContextProps(c,s??null,CheckboxContext);const{classNames:a,children:l,...n}=c;return jsx(Checkbox,{...n,ref:s,className:composeRenderProps(a?.checkbox,e=>N({className:e})),children:composeRenderProps(l,(e,{isIndeterminate:p,isSelected:m})=>jsxs(Fragment,{children:[jsx("span",{className:u({className:a?.control}),children:jsxs(Icon,{size:"small",children:[p&&!m&&jsx(Remove,{}),m&&jsx(Check,{})]})}),e&&jsx("span",{className:P({className:a?.label}),children:e})]}))})}export{g as Checkbox};//# sourceMappingURL=index.js.map
|
|
4
4
|
//# sourceMappingURL=index.js.map
|