@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
package/README.md
CHANGED
|
@@ -31,6 +31,7 @@ pnpm --filter "*apps/next" run dev
|
|
|
31
31
|
```
|
|
32
32
|
|
|
33
33
|
## Helpful extensions for VSCode
|
|
34
|
+
|
|
34
35
|
If you use Visual Studio Code, there are some helpful extensions you can install when working with Tailwind and Biome.
|
|
35
36
|
|
|
36
37
|
- [`Biome`](https://marketplace.visualstudio.com/items/?itemName=biomejs.biome)
|
|
@@ -38,6 +39,7 @@ If you use Visual Studio Code, there are some helpful extensions you can install
|
|
|
38
39
|
- [`Class Collapse`](https://marketplace.visualstudio.com/items/?itemName=Etsi0.class-collapse)
|
|
39
40
|
|
|
40
41
|
Also add the following to your `settings.json` file for VSCode:
|
|
42
|
+
|
|
41
43
|
```json
|
|
42
44
|
"editor.codeActionsOnSave": {
|
|
43
45
|
"quickfix.biome": "explicit"
|
package/catalog-info.yaml
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
apiVersion: backstage.io/v1alpha1
|
|
3
3
|
kind: Component
|
|
4
4
|
metadata:
|
|
5
|
-
name:
|
|
5
|
+
name: accelint_design-toolkit
|
|
6
6
|
title: Design Toolkit
|
|
7
7
|
description: >-
|
|
8
8
|
An open-source component library to serve as part of the entire ecosystem of
|
|
@@ -11,34 +11,34 @@ metadata:
|
|
|
11
11
|
|
|
12
12
|
Dependencies:
|
|
13
13
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
@
|
|
17
|
-
|
|
14
|
+
accelint_biome-config@1.0.2, accelint_bus@2.0.0,
|
|
15
|
+
accelint_constellation-tracker@1.0.1, accelint_core@0.5.0,
|
|
16
|
+
accelint_icons@2.1.0, accelint_temporal@0.1.2,
|
|
17
|
+
accelint_typescript-config@0.1.4, accelint_vitest-config@0.1.5
|
|
18
18
|
annotations:
|
|
19
|
-
backstage.io/edit-url: https://github.com/gohypergiant/standard-toolkit/
|
|
19
|
+
backstage.io/edit-url: https://github.com/gohypergiant/standard-toolkit/blob/main/design-toolkit/components/catalog-info.yaml
|
|
20
20
|
backstage.io/techdocs-ref: dir:.
|
|
21
|
-
package/version:
|
|
22
|
-
github.com/project-slug: gohypergiant/standard-toolkit
|
|
21
|
+
package/version: 7.0.1
|
|
22
|
+
github.com/project-slug: gohypergiant/standard-toolkit
|
|
23
23
|
links:
|
|
24
|
-
- url: https://github.com/gohypergiant/standard-toolkit/
|
|
24
|
+
- url: https://github.com/gohypergiant/standard-toolkit/tree/main/design-toolkit/components
|
|
25
25
|
title: Documentation
|
|
26
26
|
icon: docs
|
|
27
27
|
type: documentation
|
|
28
28
|
tags:
|
|
29
29
|
- design-tk
|
|
30
|
-
- ui
|
|
31
30
|
- tooling
|
|
31
|
+
- ui
|
|
32
32
|
spec:
|
|
33
33
|
type: library
|
|
34
34
|
lifecycle: production
|
|
35
35
|
owner: group:default/pathfinder
|
|
36
36
|
dependsOn:
|
|
37
|
-
- component
|
|
38
|
-
- component
|
|
39
|
-
- component
|
|
40
|
-
- component
|
|
41
|
-
- component
|
|
42
|
-
- component
|
|
43
|
-
- component
|
|
44
|
-
- component
|
|
37
|
+
- component:accelint_biome-config
|
|
38
|
+
- component:accelint_bus
|
|
39
|
+
- component:accelint_constellation-tracker
|
|
40
|
+
- component:accelint_core
|
|
41
|
+
- component:accelint_icons
|
|
42
|
+
- component:accelint_temporal
|
|
43
|
+
- component:accelint_typescript-config
|
|
44
|
+
- component:accelint_vitest-config
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { ContextValue } from 'react-aria-components';
|
|
3
|
+
import { AccordionProps } from './types.js';
|
|
4
|
+
import 'tailwind-variants';
|
|
5
|
+
import '../../lib/types.js';
|
|
6
|
+
import './styles.js';
|
|
7
|
+
|
|
8
|
+
declare const AccordionContext: react.Context<ContextValue<AccordionProps, HTMLDivElement>>;
|
|
9
|
+
|
|
10
|
+
export { AccordionContext };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/accordion/context.tsx"],"names":["AccordionContext","createContext"],"mappings":"sDAkBO,MAAMA,CAAAA,CACXC,cAA4D,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 { AccordionProps } from './types';\n\nexport const AccordionContext =\n createContext<ContextValue<AccordionProps, HTMLDivElement>>(null);\n"]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { AccordionGroupProps } from './types.js';
|
|
3
|
+
import 'react';
|
|
4
|
+
import 'react-aria-components';
|
|
5
|
+
import 'tailwind-variants';
|
|
6
|
+
import '../../lib/types.js';
|
|
7
|
+
import './styles.js';
|
|
8
|
+
|
|
9
|
+
declare function AccordionGroup({ ref, children, className, variant, isDisabled, ...rest }: AccordionGroupProps): react_jsx_runtime.JSX.Element;
|
|
10
|
+
|
|
11
|
+
export { AccordionGroup };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import {jsx}from'react/jsx-runtime';import'client-only';import {DisclosureGroup,composeRenderProps}from'react-aria-components';import {AccordionContext}from'./context.js';import {AccordionStyles,AccordionStylesDefaults}from'./styles.js';const{group:f}=AccordionStyles();function a({ref:c,children:e,className:p,variant:o=AccordionStylesDefaults.variant,isDisabled:i,...t}){return jsx(AccordionContext.Provider,{value:{variant:o,isDisabled:i},children:jsx(DisclosureGroup,{...t,ref:c,className:composeRenderProps(p,s=>f({className:s,variant:o})),children:e})})}export{a as AccordionGroup};//# sourceMappingURL=group.js.map
|
|
4
|
+
//# sourceMappingURL=group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/accordion/group.tsx"],"names":["ref","variant","l","jsx","r","d","rest","u","group"],"mappings":"6OAmBQ,KAAM,MAEP,+BACLA,CACA,gBACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAAC,OAAkC,CAAA,CAAA,CAAAC,uBAAA,CAClC,OAAA,CAAA,UAEF,CAAwB,CACtB,CAAA,GAAA,CAAA,CAAA,CACEC,CAAAA,OAAkBC,GAAA,CAAAC,gBAAA,CAAA,QAAgB,CAAE,QAAAJ,OAAS,CAAA,CAAA,CAAA,UAC3C,CAAA,CAAA,CAAA,CAAA,QACG,CAAGK,GAAAA,CACJC,oBACA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,SACEC,mBAAM,CACJ,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAAP,OAIH,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAIT,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 { composeRenderProps, DisclosureGroup } from 'react-aria-components';\nimport { AccordionContext } from './context';\nimport { AccordionStyles, AccordionStylesDefaults } from './styles';\nimport type { AccordionGroupProps } from './types';\n\nconst { group } = AccordionStyles();\n\nexport function AccordionGroup({\n ref,\n children,\n className,\n variant = AccordionStylesDefaults.variant,\n isDisabled,\n ...rest\n}: AccordionGroupProps) {\n return (\n <AccordionContext.Provider value={{ variant, isDisabled }}>\n <DisclosureGroup\n {...rest}\n ref={ref}\n className={composeRenderProps(className, (className) =>\n group({\n className,\n variant,\n }),\n )}\n >\n {children}\n </DisclosureGroup>\n </AccordionContext.Provider>\n );\n}\n"]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { AccordionHeaderProps } from './types.js';
|
|
3
|
+
import 'react';
|
|
4
|
+
import 'react-aria-components';
|
|
5
|
+
import 'tailwind-variants';
|
|
6
|
+
import '../../lib/types.js';
|
|
7
|
+
import './styles.js';
|
|
8
|
+
|
|
9
|
+
declare function AccordionHeader({ ref, children, className, }: AccordionHeaderProps): react_jsx_runtime.JSX.Element;
|
|
10
|
+
|
|
11
|
+
export { AccordionHeader };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import {jsx}from'react/jsx-runtime';import {Kebab}from'@accelint/icons';import'client-only';import {useContext}from'react';import {Provider,Header}from'react-aria-components';import {isSlottedContextValue}from'../../lib/utils.js';import {ButtonContext}from'../button/context.js';import {Icon}from'../icon/index.js';import {IconContext}from'../icon/context.js';import {AccordionContext}from'./context.js';import {AccordionStyles,AccordionStylesDefaults}from'./styles.js';const{header:C}=AccordionStyles();function B({ref:i,children:n,className:c}){const o=useContext(AccordionContext),e=(isSlottedContextValue(o)?void 0:o?.variant)??AccordionStylesDefaults.variant,a=(isSlottedContextValue(o)?void 0:o?.isDisabled)??false;return jsx(Provider,{values:[[IconContext,{size:e==="compact"?"small":"large"}],[ButtonContext,{children:jsx(Icon,{children:jsx(Kebab,{})}),variant:"icon",isDisabled:a}]],children:jsx(Header,{ref:i,className:C({className:c,variant:e}),children:n})})}export{B as AccordionHeader};//# sourceMappingURL=header.js.map
|
|
4
|
+
//# sourceMappingURL=header.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/accordion/header.tsx"],"names":["AccordionHeader","ref","x","children","className","variant","isSlottedContextValue","context","d","v","AccordionStylesDefaults","t","isDisabled","A","Provider","r","p","u","jsx","Kebab","f","l","m","header","s"],"mappings":"sdA2BgBA,KACd,CAAAC,MACA,CAAA,CAAA,CAAA,CAAAC,eAAAC,EACA,CAAA,SAAAC,CACF,CAAA,CAAyB,GACvB,CAAA,CAAA,CAAA,QACMC,CAAAA,CAAAA,CACHC,SAAiC,CAAA,CAAA,CAAYC,CAAAA,CAAAA,MAAS,CAAA,CAAAC,UAAA,CAAAC,gBACvDC,CAAAA,CAAwB,CAAA,CAAA,CAAAC,qBAAA,CAAA,CAAA,CAAA,CACpBC,MAC0B,CAAA,CAAI,EAAA,OAAYL,GAASM,uBAAA,CAAA,OAAA,CAAA,CAAe,uBAExE,CAAA,CAAA,CAAA,CAAA,MACGC,CAAA,CACC,EAAA,UACkB,GAAA,KAAMT,CAAAA,OAAYU,GAAA,CAAAC,QAAA,CAAA,CAAA,MAAY,CAAA,CAAA,CAAUC,WAAA,CAAA,CAAA,IAAQ,CAAC,CAAA,YAI7D,CAAA,OAEI,CAAA,OAAAC,CAAAA,CAACC,CAAAA,CAAAC,cAAM,CAAA,QAGX,CAAAL,GAAA,CAASM,IAAA,CAAA,CAAA,QACT,CAAAN,GAAA,CAAAO,KAAA,CAAA,EAAAV,CACF,CACF,CACF,QAEA,CAAA,MAAC,CACC,UACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAWW,QACT,CAAAR,GAAA,CAAAS,MAAA,CAAApB,CAAAA,GACA,CAAA,CAAA,CAAA,SAGD,CAAA,CAAA,CAAA,CAAA,SAIT,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"header.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 { Kebab } from '@accelint/icons';\nimport 'client-only';\nimport { useContext } from 'react';\nimport { Header, Provider } from 'react-aria-components';\nimport { isSlottedContextValue } from '../../lib/utils';\nimport { ButtonContext } from '../button/context';\nimport { Icon } from '../icon';\nimport { IconContext } from '../icon/context';\nimport { AccordionContext } from './context';\nimport { AccordionStyles, AccordionStylesDefaults } from './styles';\nimport type { AccordionHeaderProps } from './types';\n\nconst { header } = AccordionStyles();\n\nexport function AccordionHeader({\n ref,\n children,\n className,\n}: AccordionHeaderProps) {\n const context = useContext(AccordionContext);\n const variant =\n (isSlottedContextValue(context) ? undefined : context?.variant) ??\n AccordionStylesDefaults.variant;\n const isDisabled =\n (isSlottedContextValue(context) ? undefined : context?.isDisabled) ?? false;\n\n return (\n <Provider\n values={[\n [IconContext, { size: variant === 'compact' ? 'small' : 'large' }],\n [\n ButtonContext,\n {\n children: (\n <Icon>\n <Kebab />\n </Icon>\n ),\n variant: 'icon',\n isDisabled,\n },\n ],\n ]}\n >\n <Header\n ref={ref}\n className={header({\n className,\n variant,\n })}\n >\n {children}\n </Header>\n </Provider>\n );\n}\n"]}
|
|
@@ -1,28 +1,11 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
2
|
+
import { AccordionProps } from './types.js';
|
|
3
|
+
import 'react';
|
|
4
|
+
import 'react-aria-components';
|
|
5
5
|
import 'tailwind-variants';
|
|
6
6
|
import '../../lib/types.js';
|
|
7
7
|
import './styles.js';
|
|
8
8
|
|
|
9
|
-
declare const AccordionContext: react.Context<ContextValue<AccordionProps, HTMLDivElement>>;
|
|
10
|
-
declare function AccordionGroup({ ref, children, className, variant, isDisabled, ...rest }: AccordionGroupProps): react_jsx_runtime.JSX.Element;
|
|
11
|
-
declare namespace AccordionGroup {
|
|
12
|
-
var displayName: string;
|
|
13
|
-
}
|
|
14
|
-
declare function AccordionHeader({ ref, children, className }: AccordionHeaderProps): react_jsx_runtime.JSX.Element;
|
|
15
|
-
declare namespace AccordionHeader {
|
|
16
|
-
var displayName: string;
|
|
17
|
-
}
|
|
18
|
-
declare function AccordionTrigger({ ref, children, classNames, }: AccordionTriggerProps): react_jsx_runtime.JSX.Element;
|
|
19
|
-
declare namespace AccordionTrigger {
|
|
20
|
-
var displayName: string;
|
|
21
|
-
}
|
|
22
|
-
declare function AccordionPanel({ ref, children, className, ...rest }: AccordionPanelProps): react_jsx_runtime.JSX.Element;
|
|
23
|
-
declare namespace AccordionPanel {
|
|
24
|
-
var displayName: string;
|
|
25
|
-
}
|
|
26
9
|
/**
|
|
27
10
|
* Accordion - A collapsible content component with expandable sections
|
|
28
11
|
*
|
|
@@ -33,45 +16,38 @@ declare namespace AccordionPanel {
|
|
|
33
16
|
* @example
|
|
34
17
|
* // Basic accordion
|
|
35
18
|
* <Accordion>
|
|
36
|
-
* <
|
|
37
|
-
* <
|
|
38
|
-
* </
|
|
39
|
-
* <
|
|
19
|
+
* <AccordionHeader>
|
|
20
|
+
* <AccordionTrigger>Section Title</AccordionTrigger>
|
|
21
|
+
* </AccordionHeader>
|
|
22
|
+
* <AccordionPanel>Content goes here</AccordionPanel>
|
|
40
23
|
* </Accordion>
|
|
41
24
|
*
|
|
42
25
|
* @example
|
|
43
26
|
* // Compact variant
|
|
44
27
|
* <Accordion variant="compact">
|
|
45
|
-
* <
|
|
46
|
-
* <
|
|
47
|
-
* </
|
|
48
|
-
* <
|
|
28
|
+
* <AccordionHeader>
|
|
29
|
+
* <AccordionTrigger>Compact Section</AccordionTrigger>
|
|
30
|
+
* </AccordionHeader>
|
|
31
|
+
* <AccordionPanel>Compact content</AccordionPanel>
|
|
49
32
|
* </Accordion>
|
|
50
33
|
*
|
|
51
34
|
* @example
|
|
52
35
|
* // Multiple accordions in a group
|
|
53
|
-
* <
|
|
36
|
+
* <AccordionGroup>
|
|
54
37
|
* <Accordion>
|
|
55
|
-
* <
|
|
56
|
-
* <
|
|
57
|
-
* </
|
|
58
|
-
* <
|
|
38
|
+
* <AccordionHeader>
|
|
39
|
+
* <AccordionTrigger>First Section</AccordionTrigger>
|
|
40
|
+
* </AccordionHeader>
|
|
41
|
+
* <AccordionPanel>First content</AccordionPanel>
|
|
59
42
|
* </Accordion>
|
|
60
43
|
* <Accordion>
|
|
61
|
-
* <
|
|
62
|
-
* <
|
|
63
|
-
* </
|
|
64
|
-
* <
|
|
44
|
+
* <AccordionHeader>
|
|
45
|
+
* <AccordionTrigger>Second Section</AccordionTrigger>
|
|
46
|
+
* </AccordionHeader>
|
|
47
|
+
* <AccordionPanel>Second content</AccordionPanel>
|
|
65
48
|
* </Accordion>
|
|
66
|
-
* </
|
|
49
|
+
* </AccordionGroup>
|
|
67
50
|
*/
|
|
68
51
|
declare function Accordion({ ref, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
|
|
69
|
-
declare namespace Accordion {
|
|
70
|
-
var displayName: string;
|
|
71
|
-
var Group: typeof AccordionGroup;
|
|
72
|
-
var Header: typeof AccordionHeader;
|
|
73
|
-
var Trigger: typeof AccordionTrigger;
|
|
74
|
-
var Panel: typeof AccordionPanel;
|
|
75
|
-
}
|
|
76
52
|
|
|
77
|
-
export { Accordion
|
|
53
|
+
export { Accordion };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import {jsx
|
|
3
|
+
import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps,Disclosure,composeRenderProps}from'react-aria-components';import {AccordionContext}from'./context.js';import {AccordionStyles,AccordionStylesDefaults}from'./styles.js';const{accordion:P}=AccordionStyles();function x({ref:r,...o}){[o,r]=useContextProps(o,r??null,AccordionContext);const{children:s,className:t,variant:n=AccordionStylesDefaults.variant,isDisabled:c,...d}=o;return jsx(AccordionContext.Provider,{value:{variant:n,isDisabled:c},children:jsx(Disclosure,{...d,className:composeRenderProps(t,l=>P({className:l})),isDisabled:c,children:s})})}export{x as Accordion};//# sourceMappingURL=index.js.map
|
|
4
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/accordion/index.tsx"],"names":["AccordionContext","AccordionGroup","ref","z","y","children","variant","AccordionStylesDefaults","isDisabled","l","r","jsx","rest","group","G","d","context","useContext","isSlottedContextValue","p","I","A","ButtonContext","Icon","V","P","Header","header","className","h","Heading","classNames","Button","k","composeRenderProps","b","AccordionPanel","props","B","H","Accordion"],"mappings":"qgBAuCkC,MAAA,CAAA,KAAS,YAAS,CAAA,CAAA,CAAA,MAA0B,CAAA,CAEjEA,QACqD,CAAA,CAElE,CAAA,OAAA,CAASC,CAAAA,CAAe,KACtBC,CAAAA,CACA,CAAA,CAAAC,eAAA,EAAA,CAAA,CAAA,CAAAC,aAAAC,CAAAA,IACA,EAAA,SACA,CAAA,CAAA,CAAA,GAAAC,EAAUC,CAAAA,QAAwB,CAClC,CAAA,CAAA,SAAAC,CAAAA,CACA,CAAA,OAEA,CAAA,CAAA,CAAAC,uBAAA,CAAA,OACoB,CAAA,UAAS,CAAA,CAAA,CAAO,GAAE,CAAA,CAAA,CAAA,CAAA,OAASC,GAAA,CAAA,CAAA,CAAA,QAC3C,CAAA,CAAA,KAAA,CAAAC,QACMC,CAAAA,CACJ,CAAA,sBAEEC,CAAAA,GAAM,CACJC,eAAA,CAAA,CAAA,GAAA,CAAA,CAAA,IACA,CAAA,CAAA,SAEJ,CAAAC,kBAEC,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAAV,SAKM,CAAA,CAAA,CAAA,OAAA,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAE7B,eAA2B,CAAAH,2BACzB,CAAA,CAAA,CAAA,GAAMc,CAAAA,CAAUC,CAAAA,QAEbC,CAAsBF,CAAO,CAAA,SAAgBA,CAAAA,CAAS,CAAA,CAAA,CAAA,MAAA,CACvDT,CAAAA,UAAwB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAY,qBACpBX,CAAAA,CAAAA,CACHU,CAAAA,iBAAsD,GAAAT,uBAAA,CAAA,OAAe,CAExE,CAAA,CAAA,CAAAU,qBAAA,CAAA,CAAA,CACER,CAAAA,MACE,CAAA,CAAA,EAAA,UACkB,QAAkB,CAAA,OAAAD,GAAA,CAAYU,QAAA,CAAA,CAAA,MAAU,CAAA,CAAA,CAAAC,WAAA,CAAA,CAAQ,IAE9DC,EACA,GACE,SACGC,CAAAA,OACC,CAAA,OAAC,CAAA,CAAM,CAAA,CACTC,aAAA,CAEF,CAAA,QAAS,CAAAd,GAAA,CAAAe,IAAA,CAAA,CACT,aAAAjB,KACF,CACF,EACF,CAEA,CAAA,CAAA,CAAA,OAAAG,CAACe,MACC,CAAKxB,UACL,CAAA,CAAWyB,CAAAA,CAAO,CAChB,CAAA,QAAA,CAAAC,GAAAA,CACAC,MAAA,CAAA,CAAA,GAAA,CAAA,CAAAvB,CACF,SAEC,CAAA,CAAA,CAAAD,CAAAA,SAKO,CAAA,CAAA,CAAA,OAAc,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAE9B,CAAA,CAAA,CAAA,WACE,CAAA,kBAEA,CAAA,SACwB,CACxB,CAAA,CAAA,GAAA,CAAMW,CAAAA,CAAUC,QAEbC,CAAAA,CAAsBF,CAAO,UAAgBA,CAAAA,CAAS,UACvDT,CAAAA,UAAwB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAY,qBAE1B,CAAA,CAAA,CAAA,CAAA,MACGW,CAAA,CACC,SACA,GAAArB,uBAAA,CAAA,OACE,CAAA,OAAWsB,GAAAA,CAAAA,OAAY,QACvB,SACF,CAAC,CAAA,CAED,CAAA,SAAApB,CAACqB,GACC,OAAK,CAAA,OACL,CAAA,CAAA,CAAA,CAAA,CAAA,QAA8BD,CAAAA,GAAY,aAAUH,CAAAA,SAEhD,CAAA,SACA,CAAAb,kBAAA,CAAA,CAAA,EAAAT,OAGJ,CAAA,CAAA,EAAA,CAAA,CAAQ,CAAA,SAER,CAAA,CAAA,CAAA,OAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OACX,CAAA,MAAS,CAAA,QAAkB,CAAA2B,IAAA,CAAAZ,WAAA,CAAA,QAAY,CAAA,CAAU,KAAA,CAAA,CAAA,IAEjD,CAAA,CAAA,GAAA,SACE,CAAA,OAAA,CAAAV,QAAa,CAAA,CAAA,uGAQM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAE/B,CAAA,CAAA,WACE,CAAA,mBAEA,CAAA,SACA,CAAGC,CACL,IACE,CAAA,CAAA,CAAA,QAEK,CAAA,CAAA,CAAGA,SAEJ,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAWsB,CAAAA,UACH,CAAEC,eAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAU,CAAC,CACrB,CAAA,UAEC9B,kBAAAA,CACH,CAEJ,CACA+B,CAAAA,EAAe,CAAA,CAAA,CAAA,SAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CA4CtB,eAAqB,CAAAlC,iBACKmC,UAAoBrC,CAAgB,CAAA,CAEnE,GAAA,CAAA,CAAM,CACJ,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAK,CAAAA,CACA,CAAA,CAAAiC,eAAA,CAAA,CAAA,CAAA,CAAA,EAAA,IACA,CAAA,CAAA,CAAA,CAAA,KAAU/B,CAAAA,QAAwB,CAClC,WAAAC,CAAAA,CACA,CAAA,OAGF,CAAA,CAAA,CAAAC,uBAAA,CAAA,OACoB,CAAA,UAChB,CAAA,CAAA,CAAA,GACE,CAAA,CAAA,CAAA,CAAA,CAAA,OACAC,GAAA,CAAA,CAAA,CAAA,QAGF,CAAA,CAAA,KAAA,CAAAC,CAAAA,OACMC,CAAAA,CACJ,CAAA,UAAWsB,CAAmBN,CAAAA,CAAYA,CAAAA,QAEtC,CAAAlB,GAAA,CAAA6B,UAAA,CAAA,CAAA,GACD,CACH,CAAA,6BACY/B,CAAAA,CAEX,CAAA,EAAA,CAAA,CAAA,CAAA,SAKTgC,EAAU,CAAA,CAAA,CAAA,CAAA,UAAc,CAAA,CAAA,CAAA,QACxBA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQvC,CAAAA,CAClBuC,WACAA,CAAAA,WACAA,CAAAA,CAAU,CAAA,KAAQJ,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,KAAAA,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 'client-only';\nimport { ChevronDown, Kebab } from '@accelint/icons';\nimport { createContext, useContext } from 'react';\nimport {\n type ContextValue,\n composeRenderProps,\n Disclosure,\n DisclosureGroup,\n DisclosurePanel,\n Header,\n Heading,\n Provider,\n useContextProps,\n} from 'react-aria-components';\nimport { isSlottedContextValue } from '@/lib/utils';\nimport { Button, ButtonContext } from '../button';\nimport { Icon, IconContext } from '../icon';\nimport { AccordionStyles, AccordionStylesDefaults } from './styles';\nimport type {\n AccordionGroupProps,\n AccordionHeaderProps,\n AccordionPanelProps,\n AccordionProps,\n AccordionTriggerProps,\n} from './types';\n\nconst { group, accordion, header, heading, trigger, panel } = AccordionStyles();\n\nexport const AccordionContext =\n createContext<ContextValue<AccordionProps, HTMLDivElement>>(null);\n\nfunction AccordionGroup({\n ref,\n children,\n className,\n variant = AccordionStylesDefaults.variant,\n isDisabled,\n ...rest\n}: AccordionGroupProps) {\n return (\n <AccordionContext.Provider value={{ variant, isDisabled }}>\n <DisclosureGroup\n {...rest}\n ref={ref}\n className={composeRenderProps(className, (className) =>\n group({\n className,\n variant,\n }),\n )}\n >\n {children}\n </DisclosureGroup>\n </AccordionContext.Provider>\n );\n}\nAccordionGroup.displayName = 'Accordion.Group';\n\nfunction AccordionHeader({ ref, children, className }: AccordionHeaderProps) {\n const context = useContext(AccordionContext);\n const variant =\n (isSlottedContextValue(context) ? undefined : context?.variant) ??\n AccordionStylesDefaults.variant;\n const isDisabled =\n (isSlottedContextValue(context) ? undefined : context?.isDisabled) ?? false;\n\n return (\n <Provider\n values={[\n [IconContext, { size: variant === 'compact' ? 'small' : 'large' }],\n [\n ButtonContext,\n {\n children: (\n <Icon>\n <Kebab />\n </Icon>\n ),\n variant: 'icon',\n isDisabled,\n },\n ],\n ]}\n >\n <Header\n ref={ref}\n className={header({\n className,\n variant,\n })}\n >\n {children}\n </Header>\n </Provider>\n );\n}\nAccordionHeader.displayName = 'Accordion.Header';\n\nfunction AccordionTrigger({\n ref,\n children,\n classNames,\n}: AccordionTriggerProps) {\n const context = useContext(AccordionContext);\n const variant =\n (isSlottedContextValue(context) ? undefined : context?.variant) ??\n AccordionStylesDefaults.variant;\n\n return (\n <Heading\n ref={ref}\n className={heading({\n className: classNames?.heading,\n variant,\n })}\n >\n <Button\n slot='trigger'\n className={composeRenderProps(classNames?.trigger, (className) =>\n trigger({\n className,\n variant,\n }),\n )}\n variant='flat'\n >\n <IconContext.Provider\n value={{ size: variant === 'compact' ? 'small' : 'medium' }}\n >\n <Icon>\n <ChevronDown className='transform group-expanded/accordion:rotate-180' />\n </Icon>\n {children}\n </IconContext.Provider>\n </Button>\n </Heading>\n );\n}\nAccordionTrigger.displayName = 'Accordion.Trigger';\n\nfunction AccordionPanel({\n ref,\n children,\n className,\n ...rest\n}: AccordionPanelProps) {\n return (\n <DisclosurePanel\n {...rest}\n ref={ref}\n className={composeRenderProps(className, (className) =>\n panel({ className }),\n )}\n >\n {children}\n </DisclosurePanel>\n );\n}\nAccordionPanel.displayName = 'Accordion.Panel';\n\n/**\n * Accordion - A collapsible content component with expandable sections\n *\n * Provides an accessible accordion interface for organizing content into\n * collapsible sections. Supports both compact and full variants with\n * integrated controls for expanding/collapsing content areas.\n *\n * @example\n * // Basic accordion\n * <Accordion>\n * <Accordion.Header>\n * <Accordion.Trigger>Section Title</Accordion.Trigger>\n * </Accordion.Header>\n * <Accordion.Panel>Content goes here</Accordion.Panel>\n * </Accordion>\n *\n * @example\n * // Compact variant\n * <Accordion variant=\"compact\">\n * <Accordion.Header>\n * <Accordion.Trigger>Compact Section</Accordion.Trigger>\n * </Accordion.Header>\n * <Accordion.Panel>Compact content</Accordion.Panel>\n * </Accordion>\n *\n * @example\n * // Multiple accordions in a group\n * <Accordion.Group>\n * <Accordion>\n * <Accordion.Header>\n * <Accordion.Trigger>First Section</Accordion.Trigger>\n * </Accordion.Header>\n * <Accordion.Panel>First content</Accordion.Panel>\n * </Accordion>\n * <Accordion>\n * <Accordion.Header>\n * <Accordion.Trigger>Second Section</Accordion.Trigger>\n * </Accordion.Header>\n * <Accordion.Panel>Second content</Accordion.Panel>\n * </Accordion>\n * </Accordion.Group>\n */\nexport function Accordion({ ref, ...props }: AccordionProps) {\n [props, ref] = useContextProps(props, ref ?? null, AccordionContext);\n\n const {\n children,\n className,\n variant = AccordionStylesDefaults.variant,\n isDisabled,\n ...rest\n } = props;\n\n return (\n <AccordionContext.Provider\n value={{\n variant,\n isDisabled,\n }}\n >\n <Disclosure\n {...rest}\n className={composeRenderProps(className, (className) =>\n accordion({\n className,\n }),\n )}\n isDisabled={isDisabled}\n >\n {children}\n </Disclosure>\n </AccordionContext.Provider>\n );\n}\nAccordion.displayName = 'Accordion';\nAccordion.Group = AccordionGroup;\nAccordion.Header = AccordionHeader;\nAccordion.Trigger = AccordionTrigger;\nAccordion.Panel = AccordionPanel;\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/accordion/index.tsx"],"names":["ref","props","useContextProps","p","AccordionContext","i","variant","A","jsx","rest","m","accordion"],"mappings":"wPAuBQ,KAAA,CAAA,SA4CD,+BAAqBA,CAAK,CAAA,CAAA,IAA4B,CAC3D,CAACC,GAAU,CAAA,CAAIC,EAAgBD,CAAAA,CAAOD,CAAAA,CAAAA,CAAO,CAAAG,eAAA,CAAA,CAAA,CAAMC,CAAgB,EAEnE,IAAA,CAAMC,gBACJ,CAAA,CAAA,KAAA,CAAA,oBAEA,CAAA,CAAA,CAAAC,OAAkC,CAAA,CAAA,CAAAC,uBAAA,CAClC,kBAEF,CAAIN,CAAAA,CAEJ,OACEO,CAAAA,oCACS,CACL,CAAA,KAAA,CAAA,CAAAF,OACA,CAAA,CAAA,CAAA,UAGF,CAAA,CAAA,CAAA,CAAA,SACMG,GAAAA,CACJC,UAAA,CAAA,CAAA,GAAA,CAAA,CAAA,SACEC,CAAAA,kBAAU,CACR,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,yBAKH,CAAA,CAAA,CAAA,QAIT,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 composeRenderProps,\n Disclosure,\n useContextProps,\n} from 'react-aria-components';\nimport { AccordionContext } from './context';\nimport { AccordionStyles, AccordionStylesDefaults } from './styles';\nimport type { AccordionProps } from './types';\n\nconst { accordion } = AccordionStyles();\n\n/**\n * Accordion - A collapsible content component with expandable sections\n *\n * Provides an accessible accordion interface for organizing content into\n * collapsible sections. Supports both compact and full variants with\n * integrated controls for expanding/collapsing content areas.\n *\n * @example\n * // Basic accordion\n * <Accordion>\n * <AccordionHeader>\n * <AccordionTrigger>Section Title</AccordionTrigger>\n * </AccordionHeader>\n * <AccordionPanel>Content goes here</AccordionPanel>\n * </Accordion>\n *\n * @example\n * // Compact variant\n * <Accordion variant=\"compact\">\n * <AccordionHeader>\n * <AccordionTrigger>Compact Section</AccordionTrigger>\n * </AccordionHeader>\n * <AccordionPanel>Compact content</AccordionPanel>\n * </Accordion>\n *\n * @example\n * // Multiple accordions in a group\n * <AccordionGroup>\n * <Accordion>\n * <AccordionHeader>\n * <AccordionTrigger>First Section</AccordionTrigger>\n * </AccordionHeader>\n * <AccordionPanel>First content</AccordionPanel>\n * </Accordion>\n * <Accordion>\n * <AccordionHeader>\n * <AccordionTrigger>Second Section</AccordionTrigger>\n * </AccordionHeader>\n * <AccordionPanel>Second content</AccordionPanel>\n * </Accordion>\n * </AccordionGroup>\n */\nexport function Accordion({ ref, ...props }: AccordionProps) {\n [props, ref] = useContextProps(props, ref ?? null, AccordionContext);\n\n const {\n children,\n className,\n variant = AccordionStylesDefaults.variant,\n isDisabled,\n ...rest\n } = props;\n\n return (\n <AccordionContext.Provider\n value={{\n variant,\n isDisabled,\n }}\n >\n <Disclosure\n {...rest}\n className={composeRenderProps(className, (className) =>\n accordion({\n className,\n }),\n )}\n isDisabled={isDisabled}\n >\n {children}\n </Disclosure>\n </AccordionContext.Provider>\n );\n}\n"]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { AccordionPanelProps } from './types.js';
|
|
3
|
+
import 'react';
|
|
4
|
+
import 'react-aria-components';
|
|
5
|
+
import 'tailwind-variants';
|
|
6
|
+
import '../../lib/types.js';
|
|
7
|
+
import './styles.js';
|
|
8
|
+
|
|
9
|
+
declare function AccordionPanel({ ref, children, className, ...rest }: AccordionPanelProps): react_jsx_runtime.JSX.Element;
|
|
10
|
+
|
|
11
|
+
export { AccordionPanel };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import {jsx}from'react/jsx-runtime';import'client-only';import {DisclosurePanel,composeRenderProps}from'react-aria-components';import {AccordionStyles}from'./styles.js';const{panel:l}=AccordionStyles();function d({ref:o,children:r,className:e,...n}){return jsx(DisclosurePanel,{...n,ref:o,className:composeRenderProps(e,c=>l({className:c})),children:r})}export{d as AccordionPanel};//# sourceMappingURL=panel.js.map
|
|
4
|
+
//# sourceMappingURL=panel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/accordion/panel.tsx"],"names":["AccordionStyles","i","ref","rest","t","p","className","panel"],"mappings":"yKAkBA,KAAQ,CAAA,KAAUA,CAAAA,CAAgB,CAAA,CAE3BC,eAAA,EAAA,CAAA,SACL,CAAA,CAAA,CAAAC,GACA,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OACGC,GACE,CAAAC,eAAA,CAAGF,CAAAA,GACJ,CAAA,CAAKD,eACyBI,CAAYA,kBAAAA,CAAAA,CACxCC,CAAAA,CAAM,EAAE,CAAA,CAAA,CAAA,SACV,CAAA,CAEC,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"panel.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 { composeRenderProps, DisclosurePanel } from 'react-aria-components';\nimport { AccordionStyles } from './styles';\nimport type { AccordionPanelProps } from './types';\n\nconst { panel } = AccordionStyles();\n\nexport function AccordionPanel({\n ref,\n children,\n className,\n ...rest\n}: AccordionPanelProps) {\n return (\n <DisclosurePanel\n {...rest}\n ref={ref}\n className={composeRenderProps(className, (className) =>\n panel({ className }),\n )}\n >\n {children}\n </DisclosurePanel>\n );\n}\n"]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { AccordionTriggerProps } from './types.js';
|
|
3
|
+
import 'react';
|
|
4
|
+
import 'react-aria-components';
|
|
5
|
+
import 'tailwind-variants';
|
|
6
|
+
import '../../lib/types.js';
|
|
7
|
+
import './styles.js';
|
|
8
|
+
|
|
9
|
+
declare function AccordionTrigger({ ref, children, classNames, }: AccordionTriggerProps): react_jsx_runtime.JSX.Element;
|
|
10
|
+
|
|
11
|
+
export { AccordionTrigger };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import {jsx,jsxs}from'react/jsx-runtime';import {ChevronDown}from'@accelint/icons';import'client-only';import {useContext}from'react';import {Heading,composeRenderProps}from'react-aria-components';import {isSlottedContextValue}from'../../lib/utils.js';import {Button}from'../button/index.js';import {Icon}from'../icon/index.js';import {IconContext}from'../icon/context.js';import {AccordionContext}from'./context.js';import {AccordionStyles,AccordionStylesDefaults}from'./styles.js';const{heading:A,trigger:C}=AccordionStyles();function z({ref:n,children:i,classNames:t}){const e=useContext(AccordionContext),r=(isSlottedContextValue(e)?void 0:e?.variant)??AccordionStylesDefaults.variant;return jsx(Heading,{ref:n,className:A({className:t?.heading,variant:r}),children:jsx(Button,{slot:"trigger",className:composeRenderProps(t?.trigger,c=>C({className:c,variant:r})),variant:"flat",children:jsxs(IconContext.Provider,{value:{size:r==="compact"?"small":"medium"},children:[jsx(Icon,{children:jsx(ChevronDown,{className:"transform group-expanded/accordion:rotate-180"})}),i]})})})}export{z as AccordionTrigger};//# sourceMappingURL=trigger.js.map
|
|
4
|
+
//# sourceMappingURL=trigger.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/accordion/trigger.tsx"],"names":["AccordionTrigger","children","v","context","useContext","AccordionContext","a","u","d","ref","x","heading","classNames","p","Button","o","g","className","trigger","s","variant","P","l","jsx","ChevronDown"],"mappings":"meA2BO,KAASA,CAAiB,OAE/B,CAAA,CAAA,CAAA,OAAAC,CACA,CAAA,CAAA,CAAAC,eAAA,EAAA,CAAA,SAEA,CAAA,CAAA,CAAA,GAAMC,CAAUC,CAAAA,CAAWC,QAEFF,CAAO,CAAA,CAAI,UAAqB,CAAA,CAAA,CAAA,CAAA,CAAA,OAC/B,CAAAG,UAAA,CAAAC,gBAAA,CAAA,CAAA,CAAA,CAE1B,CAAAC,qBAAA,CAAA,CAAA,CAAA,CAAA,MAEI,CAAA,CAAA,EAAKC,OACL,GAAAC,uBAAA,CAAWC,OACT,CAAA,OAAWC,GAAY,CAAAC,OAAA,CAAA,CAAA,GAAA,CACvB,CAAA,CAAA,SACD,CAED,CAAA,CAAA,CAAA,SAACC,CAAA,CACC,EAAA,OAAK,CAAA,oBACqC,CAAAC,GAAA,CAAAC,MAAA,CAAA,CAAA,IAAUC,CAClDC,SACE,CAAA,SACA,CAAAC,kBAAA,CAAA,CAAAC,EACD,WAEK,CAAA,CAAA,CAAA,SAER,CAAA,CAAA,CAAA,oBACE,CAAO,MAAQA,SAAY,CAAAC,IAAA,CAAAC,WAAA,CAAY,QAAU,CAAA,CAAA,KAAA,CAAS,CAAA,IAE1D,CAAA,CAAA,GAAA,iBACEC,CAACC,QAAY,CAAA,CAAA,uGAOzB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,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 { ChevronDown } from '@accelint/icons';\nimport 'client-only';\nimport { useContext } from 'react';\nimport { composeRenderProps, Heading } from 'react-aria-components';\nimport { isSlottedContextValue } from '../../lib/utils';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { IconContext } from '../icon/context';\nimport { AccordionContext } from './context';\nimport { AccordionStyles, AccordionStylesDefaults } from './styles';\nimport type { AccordionTriggerProps } from './types';\n\nconst { heading, trigger } = AccordionStyles();\n\nexport function AccordionTrigger({\n ref,\n children,\n classNames,\n}: AccordionTriggerProps) {\n const context = useContext(AccordionContext);\n const variant =\n (isSlottedContextValue(context) ? undefined : context?.variant) ??\n AccordionStylesDefaults.variant;\n\n return (\n <Heading\n ref={ref}\n className={heading({\n className: classNames?.heading,\n variant,\n })}\n >\n <Button\n slot='trigger'\n className={composeRenderProps(classNames?.trigger, (className) =>\n trigger({\n className,\n variant,\n }),\n )}\n variant='flat'\n >\n <IconContext.Provider\n value={{ size: variant === 'compact' ? 'small' : 'medium' }}\n >\n <Icon>\n <ChevronDown className='transform group-expanded/accordion:rotate-180' />\n </Icon>\n {children}\n </IconContext.Provider>\n </Button>\n </Heading>\n );\n}\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { RefAttributes, ComponentPropsWithRef } from 'react';
|
|
2
|
-
import { DisclosureProps, DisclosureGroupProps, Heading, ButtonRenderProps
|
|
2
|
+
import { DisclosureProps, DisclosureGroupProps, DisclosurePanelProps, Heading, ButtonRenderProps } from 'react-aria-components';
|
|
3
3
|
import { VariantProps } from 'tailwind-variants';
|
|
4
4
|
import { RenderPropsClassName } from '../../lib/types.js';
|
|
5
5
|
import { AccordionStyles } from './styles.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import {jsx}from'react/jsx-runtime';import'client-only';import {Provider}from'react-aria-components';import {ButtonContext,ToggleButtonContext}from'../button/
|
|
3
|
+
import {jsx}from'react/jsx-runtime';import'client-only';import {Provider}from'react-aria-components';import {ButtonContext,ToggleButtonContext}from'../button/context.js';import {ActionBarStyles}from'./styles.js';function v({className:t,...r}){return jsx(Provider,{values:[[ButtonContext,{variant:"icon"}],[ToggleButtonContext,{variant:"icon"}]],children:jsx("nav",{...r,className:ActionBarStyles({className:t})})})}export{v as ActionBar};//# sourceMappingURL=index.js.map
|
|
4
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/action-bar/index.tsx"],"names":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/action-bar/index.tsx"],"names":["jsx","o","i","n","e","a"],"mappings":"oNA8BO,SAAqB,CAAA,CAAA,CAAA,SAAmB,CAAmB,CAChE,CAAA,GAAA,CAAA,CAAA,CACEA,CAAAA,OACEC,GAAA,CAAAC,QAAA,CAAQ,CACN,MAAkB,CAAA,CAAA,CAAAC,aAAA,CAAA,CAAS,OAAQ,CAAA,MACX,CAAA,CAAA,CAAA,CAAAC,mBAAA,CAAA,CAAS,OAAQ,CAC3C,MAEA,CAAA,CAAA,CAAA,CAAA,QAAC,CAAAH,GAAK,CAAA,KAAS,CAAA,CAAA,GAAA,CAAA,CAAA,SAA6B,CAAAI,eAAA,CAAA,CAAA,SAGlD,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 { Provider } from 'react-aria-components';\nimport { ButtonContext, ToggleButtonContext } from '../button/context';\nimport { ActionBarStyles } from './styles';\nimport type { ActionBarProps } from './types';\n\n/**\n * ActionBar - Container for icon action buttons\n *\n * A container component that displays a collection of action buttons (typically icon-only)\n * and provides consistent spacing and alignment for toolbar-style actions.\n *\n * @example\n * <ActionBar>\n * <Button><Icon><Copy/></Icon></Button>\n * </ActionBar>\n */\nexport function ActionBar({ className, ...rest }: ActionBarProps) {\n return (\n <Provider\n values={[\n [ButtonContext, { variant: 'icon' }],\n [ToggleButtonContext, { variant: 'icon' }],\n ]}\n >\n <nav {...rest} className={ActionBarStyles({ className })} />\n </Provider>\n );\n}\n"]}
|
|
@@ -0,0 +1,14 @@
|
|
|
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 { AvatarProps } from './types.js';
|
|
6
|
+
import '@radix-ui/react-avatar';
|
|
7
|
+
import 'tailwind-variants';
|
|
8
|
+
import './styles.js';
|
|
9
|
+
import 'tailwind-merge';
|
|
10
|
+
|
|
11
|
+
declare const AvatarContext: react.Context<ContextValue<AvatarProps, HTMLSpanElement>>;
|
|
12
|
+
declare function AvatarProvider({ children, ...props }: ProviderProps<AvatarProps>): react_jsx_runtime.JSX.Element;
|
|
13
|
+
|
|
14
|
+
export { AvatarContext, AvatarProvider };
|
|
@@ -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 i({children:r,...t}){return jsx(e.Provider,{value:t,children:r})}export{e as AvatarContext,i as AvatarProvider};//# sourceMappingURL=context.js.map
|
|
4
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/avatar/context.tsx"],"names":["AvatarContext","createContext","AvatarProvider","children","props","jsx"],"mappings":"0FAmBO,MAAMA,CAAAA,CACXC,aAAAA,CAA0D,IAAI,EAEzD,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 type { ProviderProps } from '@/lib/types';\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { AvatarProps } from './types';\n\nexport const AvatarContext =\n createContext<ContextValue<AvatarProps, HTMLSpanElement>>(null);\n\nexport function AvatarProvider({\n children,\n ...props\n}: ProviderProps<AvatarProps>) {\n return (\n <AvatarContext.Provider value={props}>{children}</AvatarContext.Provider>\n );\n}\n"]}
|
|
@@ -1,18 +1,11 @@
|
|
|
1
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
2
|
import { AvatarProps } from './types.js';
|
|
6
3
|
import '@radix-ui/react-avatar';
|
|
4
|
+
import 'react';
|
|
7
5
|
import 'tailwind-variants';
|
|
8
6
|
import './styles.js';
|
|
9
7
|
import 'tailwind-merge';
|
|
10
8
|
|
|
11
|
-
declare const AvatarContext: react.Context<ContextValue<AvatarProps, HTMLSpanElement>>;
|
|
12
|
-
declare function AvatarProvider({ children, ...props }: ProviderProps<AvatarProps>): react_jsx_runtime.JSX.Element;
|
|
13
|
-
declare namespace AvatarProvider {
|
|
14
|
-
var displayName: string;
|
|
15
|
-
}
|
|
16
9
|
/**
|
|
17
10
|
* Avatar - A user profile image component with fallback support
|
|
18
11
|
*
|
|
@@ -43,9 +36,5 @@ declare namespace AvatarProvider {
|
|
|
43
36
|
* <Avatar fallbackProps={{ children: "JD" }} />
|
|
44
37
|
*/
|
|
45
38
|
declare function Avatar({ ref, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
|
|
46
|
-
declare namespace Avatar {
|
|
47
|
-
var displayName: string;
|
|
48
|
-
var Provider: typeof AvatarProvider;
|
|
49
|
-
}
|
|
50
39
|
|
|
51
|
-
export { Avatar
|
|
40
|
+
export { Avatar };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import {jsx,jsxs}from'react/jsx-runtime';import
|
|
3
|
+
import {jsx,jsxs}from'react/jsx-runtime';import {Person}from'@accelint/icons';import {Root,Image,Fallback}from'@radix-ui/react-avatar';import {designTokens}from'./../../tokens/tokens.js';import'client-only';import {useContextProps}from'react-aria-components';import {BadgeProvider}from'../badge/context.js';import {Icon}from'../icon/index.js';import {IconProvider}from'../icon/context.js';import {AvatarContext}from'./context.js';import {AvatarStyles}from'./styles.js';const{avatar:b,image:A,fallback:I,content:h}=AvatarStyles();function D({ref:e,...m}){[m,e]=useContextProps(m,e??null,AvatarContext);const{children:s,classNames:r,fallbackProps:t,imageProps:i,size:o="medium",...l}=m;return jsx(IconProvider,{size:o==="medium"?"large":"medium",children:jsxs(Root,{...l,ref:e,className:b({size:o,className:r?.avatar}),role:"img","data-size":o,children:[jsx(Image,{...i,className:A({className:r?.image,size:o})}),jsx(Fallback,{...t,className:I({className:r?.fallback,size:o}),children:t?.children||jsx(Icon,{children:jsx(Person,{})})}),jsx(BadgeProvider,{offset:designTokens.spacing.xs,placement:"top right",children:jsx("span",{className:h({className:r?.content,size:o}),children:s})})]})})}export{D as Avatar};//# sourceMappingURL=index.js.map
|
|
4
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/avatar/index.tsx"],"names":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/avatar/index.tsx"],"names":["content","Avatar","props","ref","useContextProps","children","g","classNames","u","size","IconProvider","a","N","jsxs","rest","avatar","x","f","jsx","p","Fallback","n","designTokens","c","v"],"mappings":"qdAyBiC,KAAA,CAAAA,MAAyB,CA+BnD,SAASC,CAAAA,QAAc,CAAA,CAAA,CAAGC,OACvBC,CAAG,CAAA,CAAIC,aAAgBF,EAAOC,CAAAA,SAA0B,CAEhE,KAAM,CACJ,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAAE,CAAAA,CACA,CAAA,CAAA,CAAA,CAAAC,eAAA,CAAA,CAAA,CAAA,CAAA,EAAAC,IACA,CAAAC,aAAA,CAAA,CAAA,KAAA,CAAA,QACA,CAAA,CAAA,CAAA,WACAC,CAAAA,CAAO,aAET,CAAA,CAAIP,CAAAA,UAGDQ,CAAAA,CAAA,CAAa,IAAA,CAAMD,CAAAA,CAAAA,YAAoB,CAAA,CAAA,CAAA,CAAA,CAAA,OAAUE,GAAA,CAAAC,YAAA,CAChD,UAAAC,QACMC,CACJ,OACA,CAAA,QAAWC,UAAeC,IAAA,CAAAC,IAAA,CAAA,CAAA,GAAA,CAAA,CAAWV,GAAY,CAAA,CAAA,CAAA,SACjD,CAAA,CAAK,MACL,CAAA,CAAA,CAAA,SAAWE,CAAAA,CAEX,UAAAS,CAAAA,IACG,CAAA,KACD,CAAA,WAAmB,CAAA,CAAA,CAAA,UAAuBP,GAAA,CAAAQ,KAAA,CAAA,CAAA,GAAO,CAAA,CAAA,SAElDC,CAAAA,CAAA,CACE,CAAA,SACD,CAAA,CAAA,EAAA,KAAsB,CAAA,IAAA,CAAA,CAAA,CAAA,CAAWb,GAAYI,GAAA,CAAAU,QAAA,CAAA,CAAA,GAAA,CAAU,CAAA,sBAEvC,CAAA,CAAA,EAAA,QACb,CACC,SAAAH,QACF,CAAA,CAEJ,EACAA,cAAuBI,IAAAA,CAAa,CAAA,YAAY,CAAAC,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAAZ,GAAA,CAAAa,aAAA,CAAA,CAAA,MACxD,qBAAAN,CAAC,EAAA,CAAA,SAAK,CAAA,WAAqB,CAAA,SAAuBP,GAAA,CAAA,MAAS,CAAA,CAAA,sBAG7D,CACF,CAAA,EAGN,OAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,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 { Person } from '@accelint/icons';\nimport { Fallback, Image, Root } from '@radix-ui/react-avatar';\nimport { designTokens } from '@/tokens/tokens';\nimport 'client-only';\nimport { useContextProps } from 'react-aria-components';\nimport { BadgeProvider } from '../badge/context';\nimport { Icon } from '../icon';\nimport { IconProvider } from '../icon/context';\nimport { AvatarContext } from './context';\nimport { AvatarStyles } from './styles';\nimport type { AvatarProps } from './types';\n\nconst { avatar, image, fallback, content } = AvatarStyles();\n\n/**\n * Avatar - A user profile image component with fallback support\n *\n * Displays a user's profile image with automatic fallback to a default person icon\n * when the image fails to load. Supports multiple sizes and can include status badges.\n * Built on Radix UI Avatar for accessibility and reliability.\n *\n * @example\n * // Basic avatar with image\n * <Avatar imageProps={{ src: \"/user.jpg\", alt: \"User Name\" }} />\n *\n * @example\n * // Avatar with fallback and custom size\n * <Avatar\n * size=\"large\"\n * imageProps={{ src: \"/user.jpg\", alt: \"User Name\" }}\n * fallbackProps={{ children: \"UN\" }}\n * />\n *\n * @example\n * // Avatar with status badge\n * <Avatar imageProps={{ src: \"/user.jpg\", alt: \"User Name\" }}>\n * <Badge variant=\"success\" />\n * </Avatar>\n *\n * @example\n * // Avatar with only initials fallback\n * <Avatar fallbackProps={{ children: \"JD\" }} />\n */\nexport function Avatar({ ref, ...props }: AvatarProps) {\n [props, ref] = useContextProps(props, ref ?? null, AvatarContext);\n\n const {\n children,\n classNames,\n fallbackProps,\n imageProps,\n size = 'medium',\n ...rest\n } = props;\n\n return (\n <IconProvider size={size === 'medium' ? 'large' : 'medium'}>\n <Root\n {...rest}\n ref={ref}\n className={avatar({ size, className: classNames?.avatar })}\n role='img'\n data-size={size}\n >\n <Image\n {...imageProps}\n className={image({ className: classNames?.image, size })}\n />\n <Fallback\n {...fallbackProps}\n className={fallback({ className: classNames?.fallback, size })}\n >\n {fallbackProps?.children || (\n <Icon>\n <Person />\n </Icon>\n )}\n </Fallback>\n <BadgeProvider offset={designTokens.spacing.xs} placement='top right'>\n <span className={content({ className: classNames?.content, size })}>\n {children}\n </span>\n </BadgeProvider>\n </Root>\n </IconProvider>\n );\n}\n"]}
|
|
@@ -0,0 +1,13 @@
|
|
|
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 { BadgeProps } from './types.js';
|
|
6
|
+
import '@react-types/overlays';
|
|
7
|
+
import 'tailwind-variants';
|
|
8
|
+
import './styles.js';
|
|
9
|
+
|
|
10
|
+
declare const BadgeContext: react.Context<ContextValue<BadgeProps, HTMLSpanElement>>;
|
|
11
|
+
declare function BadgeProvider({ children, ...props }: ProviderProps<BadgeProps>): react_jsx_runtime.JSX.Element;
|
|
12
|
+
|
|
13
|
+
export { BadgeContext, BadgeProvider };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';const t=createContext(null);function i({children:e,...o}){return jsx(t.Provider,{value:o,children:e})}export{t as BadgeContext,i as BadgeProvider};//# sourceMappingURL=context.js.map
|
|
4
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/badge/context.tsx"],"names":["BadgeContext","createContext","BadgeProvider","children","props","jsx"],"mappings":"0FAmBO,MAAMA,CAAAA,CACXC,aAAAA,CAAyD,IAAI,EAExD,SAASC,CAAAA,CAAc,CAC5B,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAA8B,CAC5B,OACEC,GAAAA,CAACL,CAAAA,CAAa,QAAA,CAAb,CAAsB,KAAA,CAAOI,CAAAA,CAAQ,QAAA,CAAAD,EAAS,CAEnD","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 { BadgeProps } from './types';\n\nexport const BadgeContext =\n createContext<ContextValue<BadgeProps, HTMLSpanElement>>(null);\n\nexport function BadgeProvider({\n children,\n ...props\n}: ProviderProps<BadgeProps>) {\n return (\n <BadgeContext.Provider value={props}>{children}</BadgeContext.Provider>\n );\n}\n"]}
|
|
@@ -1,17 +1,10 @@
|
|
|
1
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
2
|
import { BadgeProps } from './types.js';
|
|
6
3
|
import '@react-types/overlays';
|
|
4
|
+
import 'react';
|
|
7
5
|
import 'tailwind-variants';
|
|
8
6
|
import './styles.js';
|
|
9
7
|
|
|
10
|
-
declare const BadgeContext: react.Context<ContextValue<BadgeProps, HTMLSpanElement>>;
|
|
11
|
-
declare function BadgeProvider({ children, ...props }: ProviderProps<BadgeProps>): react_jsx_runtime.JSX.Element;
|
|
12
|
-
declare namespace BadgeProvider {
|
|
13
|
-
var displayName: string;
|
|
14
|
-
}
|
|
15
8
|
/**
|
|
16
9
|
* Badge - A small status indicator component for labeling and notifications
|
|
17
10
|
*
|
|
@@ -37,9 +30,5 @@ declare namespace BadgeProvider {
|
|
|
37
30
|
* </div>
|
|
38
31
|
*/
|
|
39
32
|
declare function Badge({ ref, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
40
|
-
declare namespace Badge {
|
|
41
|
-
var displayName: string;
|
|
42
|
-
var Provider: typeof BadgeProvider;
|
|
43
|
-
}
|
|
44
33
|
|
|
45
|
-
export { Badge
|
|
34
|
+
export { Badge };
|
|
@@ -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}from'react-aria-components';import {BadgeContext}from'./context.js';import {BadgeStylesDefaults,BadgeStyles}from'./styles.js';function g({ref:e,...a}){[a,e]=useContextProps(a,e??null,BadgeContext);const{className:o,offset:t,placement:s,variant:n=BadgeStylesDefaults.variant,...r}=a;return jsx("span",{...r,ref:e,className:BadgeStyles({className:o,variant:n}),"data-offset-x":typeof t=="number"?t:t?.x,"data-offset-y":typeof t=="number"?t:t?.y,"data-placement":s||null})}export{g as Badge};//# sourceMappingURL=index.js.map
|
|
4
4
|
//# sourceMappingURL=index.js.map
|