@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/checkbox/index.tsx"],"names":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/checkbox/index.tsx"],"names":["label","Checkbox","f","ref","props","CheckboxContext","k","i","classNames","jsx","AriaCheckbox","rest","o","h","composeRenderProps","checkbox","children","isIndeterminate","jsxs","Fragment","control","t","isSelected","x","b"],"mappings":"yTAyBkB,KAAA,CAAA,SAASA,CAAM,CAAA,eAmCjBC,CAAS,CAAE,CAAA,CAAAC,cAAA,EAAAC,CAAK,UACtBA,CAAG,CAAA,GAAoBC,CAAAA,CAAOD,IAAO,CAAA,CAAA,CAAA,CAAME,CAAe,CAAA,CAElE,CAAA,CAAA,CAAAC,eAAA,CAAM,CAAE,CAAA,CAAA,EAAA,IAAA,CAAAC,eAAA,CAAAC,CAAAA,KAAY,CAAA,UAAkB,CAAA,CAAIJ,CAAAA,QAGxCK,EAACC,CAAAA,GACE,CAAA,CAAGC,CAAAA,CACJ,QACAC,GAAA,CAAAC,QAAA,CAAA,CAAA,GAAWC,CAAAA,CAAmBN,GAAY,YACxCO,CAAAA,kBAAS,CAAE,CAAA,EAAA,QAAU,CAAC,CACxB,EAEC,CAAA,CAAA,CAAA,SACCC,CACA,CAACA,CAAAA,CAAU,CAAE,iCAAAC,CAAAA,CAAiB,eAAW,CACvCC,EAAAC,UACE,CAAA,CAAA,CAAAV,0BAAM,CAAA,CAAAG,GAAA,CAAWQ,MAAU,CAAA,CAAA,SAAuB,CAAA,CAAA,CAAA,CAAA,SAChD,CAAA,CAAA,EAAA,OAAM,CAAA,CAAA,CAAA,QAAK,CACRC,gBAAAJ,OAAkCR,CAAAA,QAClCa,CAAAA,CAAcb,CAAAA,GAAC,CAAA,EAAMG,GAAA,CACxBW,MAAA,CACF,EACCP,GACCP,EAACG,GAAA,CAAAY,KAAA,CAAA,EAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAAZ,GAAA,CAAWZ,MAAQ,CAAA,CAAA,SAAuB,CAAA,CAAA,CAAA,CAAM,SACnD,CAAA,CAAA,EAAAgB,KAKX,EACF,CAEJ,QAAA,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 { Check, Remove } from '@accelint/icons';\nimport 'client-only';\nimport {\n Checkbox as AriaCheckbox,\n composeRenderProps,\n useContextProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { CheckboxContext } from './context';\nimport { CheckboxStyles } from './styles';\nimport type { CheckboxProps } from './types';\n\nconst { checkbox, control, label } = CheckboxStyles();\n\n/**\n * Checkbox - A form control for binary or multiple selection with group support\n *\n * Provides accessible checkbox functionality with support for individual checkboxes\n * or grouped selections. Includes visual feedback for checked, indeterminate, and\n * disabled states with integrated labeling and validation support.\n *\n * @example\n * // Basic checkbox\n * <Checkbox>\n * Accept terms and conditions\n * </Checkbox>\n *\n * @example\n * // Checkbox group with multiple options\n * <CheckboxGroup label=\"Select preferences\">\n * <Checkbox value=\"notifications\">Email notifications</Checkbox>\n * <Checkbox value=\"marketing\">Marketing emails</Checkbox>\n * <Checkbox value=\"updates\">Product updates</Checkbox>\n * </CheckboxGroup>\n *\n * @example\n * // Disabled checkbox\n * <Checkbox isDisabled>\n * Unavailable option\n * </Checkbox>\n *\n * @example\n * // Indeterminate checkbox (partial selection)\n * <Checkbox isIndeterminate>\n * Select all items\n * </Checkbox>\n */\nexport function Checkbox({ ref, ...props }: CheckboxProps) {\n [props, ref] = useContextProps(props, ref ?? null, CheckboxContext);\n\n const { classNames, children, ...rest } = props;\n\n return (\n <AriaCheckbox\n {...rest}\n ref={ref}\n className={composeRenderProps(classNames?.checkbox, (className) =>\n checkbox({ className }),\n )}\n >\n {composeRenderProps(\n children,\n (children, { isIndeterminate, isSelected }) => (\n <>\n <span className={control({ className: classNames?.control })}>\n <Icon size='small'>\n {isIndeterminate && !isSelected && <Remove />}\n {isSelected && <Check />}\n </Icon>\n </span>\n {children && (\n <span className={label({ className: classNames?.label })}>\n {children}\n </span>\n )}\n </>\n ),\n )}\n </AriaCheckbox>\n );\n}\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {tv}from'./../../lib/utils.js';const c=tv({slots:{group:["group/checkbox-group flex gap-xs","orientation-horizontal:flex-wrap","orientation-vertical:flex-col"],groupLabel:"w-full",checkbox:["group/checkbox flex cursor-pointer items-center gap-m group-orientation-horizontal/checkbox-group:grow group-orientation-horizontal/checkbox-group:basis-1/3","disabled:cursor-not-allowed"],control:["my-xxs flex size-l items-center justify-center rounded-small outline outline-interactive","group-enabled/checkbox:fg-info-bold
|
|
1
|
+
import {tv}from'./../../lib/utils.js';const c=tv({slots:{group:["group/checkbox-group flex gap-xs","orientation-horizontal:flex-wrap","orientation-vertical:flex-col"],groupLabel:"w-full",checkbox:["group/checkbox flex cursor-pointer items-center gap-m group-orientation-horizontal/checkbox-group:grow group-orientation-horizontal/checkbox-group:basis-1/3","disabled:cursor-not-allowed"],control:["my-xxs flex size-l items-center justify-center rounded-small outline outline-interactive","group-enabled/checkbox:fg-info-bold group-enabled/checkbox:group-indeterminate/checkbox:fg-a11y-on-accent group-enabled/checkbox:group-selected/checkbox:fg-a11y-on-accent group-enabled/checkbox:group-indeterminate/checkbox:bg-accent-primary-bold group-enabled/checkbox:group-indeterminate/checkbox:outline-accent-primary-bold group-enabled/checkbox:group-selected/checkbox:bg-accent-primary-bold group-enabled/checkbox:group-selected/checkbox:outline-accent-primary-bold","group-enabled/checkbox:group-focus-visible/checkbox:outline-interactive-hover group-enabled/checkbox:group-indeterminate/checkbox:group-focus-visible/checkbox:bg-accent-primary-hover group-enabled/checkbox:group-indeterminate/checkbox:group-focus-visible/checkbox:outline-accent-primary-hover group-enabled/checkbox:group-selected/checkbox:group-focus-visible/checkbox:bg-accent-primary-hover group-enabled/checkbox:group-selected/checkbox:group-focus-visible/checkbox:outline-accent-primary-hover","group-enabled/checkbox:group-hover/checkbox:outline-interactive-hover group-enabled/checkbox:group-indeterminate/checkbox:group-hover/checkbox:bg-accent-primary-hover group-enabled/checkbox:group-indeterminate/checkbox:group-hover/checkbox:outline-accent-primary-hover group-enabled/checkbox:group-selected/checkbox:group-hover/checkbox:bg-accent-primary-hover group-enabled/checkbox:group-selected/checkbox:group-hover/checkbox:outline-accent-primary-hover","group-enabled/checkbox:group-selected/checkbox:group-pressed/checkbox:bg-accent-primary-pressed group-enabled/checkbox:group-selected/checkbox:group-pressed/checkbox:outline-accent-primary-pressed group-enabled/checkbox:group-pressed/checkbox:outline-interactive-pressed group-enabled/checkbox:group-indeterminate/checkbox:group-pressed/checkbox:bg-accent-primary-pressed group-enabled/checkbox:group-indeterminate/checkbox:group-pressed/checkbox:outline-accent-primary-pressed","group-disabled/checkbox:group-indeterminate/checkbox:fg-inverse-bold group-disabled/checkbox:group-selected/checkbox:fg-inverse-bold group-disabled/checkbox:outline-interactive-disabled group-disabled/checkbox:group-indeterminate/checkbox:bg-interactive-disabled group-disabled/checkbox:group-selected/checkbox:bg-interactive-disabled"],label:["fg-primary-bold text-body-s","group-disabled/checkbox:fg-disabled"]}});export{c as CheckboxStyles};//# sourceMappingURL=styles.js.map
|
|
2
2
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/checkbox/styles.ts"],"names":["e"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/checkbox/styles.ts"],"names":["e"],"mappings":"sCAeE,MAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KACE,CAAA,CAAA,KAAA,CAAA,CAAA,kCACA,CAAA,kCACA,CAAA,2CAGF,CAAA,QAAU,CACR,QAAA,CAAA,CAAA,4LAGO,CACP,CAAA,OAAA,CAAA,CAAA,mjBAGA,CAAA,mfAEA,CAAA,2cAEA,CAAA,+dAEA,CAAA,sXAIA,CAAA,qCAGL,CAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const CheckboxStyles = tv({\n slots: {\n group: [\n 'group/checkbox-group flex gap-xs',\n 'orientation-horizontal:flex-wrap',\n 'orientation-vertical:flex-col',\n ],\n groupLabel: 'w-full',\n checkbox: [\n 'group/checkbox flex cursor-pointer items-center gap-m group-orientation-horizontal/checkbox-group:grow group-orientation-horizontal/checkbox-group:basis-1/3',\n 'disabled:cursor-not-allowed',\n ],\n control: [\n 'my-xxs flex size-l items-center justify-center rounded-small outline outline-interactive',\n 'group-enabled/checkbox:fg-info-bold group-enabled/checkbox:group-indeterminate/checkbox:fg-a11y-on-accent group-enabled/checkbox:group-selected/checkbox:fg-a11y-on-accent group-enabled/checkbox:group-indeterminate/checkbox:bg-accent-primary-bold group-enabled/checkbox:group-indeterminate/checkbox:outline-accent-primary-bold group-enabled/checkbox:group-selected/checkbox:bg-accent-primary-bold group-enabled/checkbox:group-selected/checkbox:outline-accent-primary-bold',\n //focus-visible\n 'group-enabled/checkbox:group-focus-visible/checkbox:outline-interactive-hover group-enabled/checkbox:group-indeterminate/checkbox:group-focus-visible/checkbox:bg-accent-primary-hover group-enabled/checkbox:group-indeterminate/checkbox:group-focus-visible/checkbox:outline-accent-primary-hover group-enabled/checkbox:group-selected/checkbox:group-focus-visible/checkbox:bg-accent-primary-hover group-enabled/checkbox:group-selected/checkbox:group-focus-visible/checkbox:outline-accent-primary-hover',\n //hover\n 'group-enabled/checkbox:group-hover/checkbox:outline-interactive-hover group-enabled/checkbox:group-indeterminate/checkbox:group-hover/checkbox:bg-accent-primary-hover group-enabled/checkbox:group-indeterminate/checkbox:group-hover/checkbox:outline-accent-primary-hover group-enabled/checkbox:group-selected/checkbox:group-hover/checkbox:bg-accent-primary-hover group-enabled/checkbox:group-selected/checkbox:group-hover/checkbox:outline-accent-primary-hover',\n //pressed\n 'group-enabled/checkbox:group-selected/checkbox:group-pressed/checkbox:bg-accent-primary-pressed group-enabled/checkbox:group-selected/checkbox:group-pressed/checkbox:outline-accent-primary-pressed group-enabled/checkbox:group-pressed/checkbox:outline-interactive-pressed group-enabled/checkbox:group-indeterminate/checkbox:group-pressed/checkbox:bg-accent-primary-pressed group-enabled/checkbox:group-indeterminate/checkbox:group-pressed/checkbox:outline-accent-primary-pressed',\n //disabled\n 'group-disabled/checkbox:group-indeterminate/checkbox:fg-inverse-bold group-disabled/checkbox:group-selected/checkbox:fg-inverse-bold group-disabled/checkbox:outline-interactive-disabled group-disabled/checkbox:group-indeterminate/checkbox:bg-interactive-disabled group-disabled/checkbox:group-selected/checkbox:bg-interactive-disabled',\n ],\n label: [\n 'fg-primary-bold text-body-s',\n 'group-disabled/checkbox:fg-disabled',\n ],\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 { BaseChipProps } from './types.js';
|
|
6
|
+
import 'tailwind-variants';
|
|
7
|
+
import './styles.js';
|
|
8
|
+
import 'tailwind-merge';
|
|
9
|
+
|
|
10
|
+
declare const ChipContext: react.Context<ContextValue<BaseChipProps, HTMLDivElement>>;
|
|
11
|
+
declare function ChipProvider({ children, ...props }: ProviderProps<BaseChipProps>): react_jsx_runtime.JSX.Element;
|
|
12
|
+
|
|
13
|
+
export { ChipContext, ChipProvider };
|
|
@@ -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 s({children:e,...o}){return jsx(t.Provider,{value:o,children:e})}export{t as ChipContext,s as ChipProvider};//# sourceMappingURL=context.js.map
|
|
4
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/chip/context.tsx"],"names":["ChipContext","createContext","ChipProvider","children","props","jsx"],"mappings":"0FAmBO,MAAMA,CAAAA,CACXC,aAAAA,CAA2D,IAAI,EAE1D,SAASC,CAAAA,CAAa,CAC3B,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAiC,CAC/B,OAAOC,GAAAA,CAACL,CAAAA,CAAY,QAAA,CAAZ,CAAqB,KAAA,CAAOI,CAAAA,CAAQ,QAAA,CAAAD,EAAS,CACvD","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 { BaseChipProps } from './types';\n\nexport const ChipContext =\n createContext<ContextValue<BaseChipProps, HTMLDivElement>>(null);\n\nexport function ChipProvider({\n children,\n ...props\n}: ProviderProps<BaseChipProps>) {\n return <ChipContext.Provider value={props}>{children}</ChipContext.Provider>;\n}\n"]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { DeletableChipProps } from './types.js';
|
|
3
|
+
import 'react';
|
|
4
|
+
import 'react-aria-components';
|
|
5
|
+
import 'tailwind-variants';
|
|
6
|
+
import './styles.js';
|
|
7
|
+
import 'tailwind-merge';
|
|
8
|
+
|
|
9
|
+
declare function DeletableChip({ ref, ...props }: DeletableChipProps): react_jsx_runtime.JSX.Element;
|
|
10
|
+
|
|
11
|
+
export { DeletableChip };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {CancelFill}from'@accelint/icons';import {useContextProps,Tag,composeRenderProps}from'react-aria-components';import {Button}from'../button/index.js';import {Icon}from'../icon/index.js';import {ChipContext}from'./context.js';import {DeletableChipStyles}from'./styles.js';const{chip:y,remove:z}=DeletableChipStyles();function R({ref:o,...i}){[i,o]=useContextProps(i,o??null,ChipContext);const{children:r,classNames:s,size:e="medium",textValue:n=typeof r=="string"?r:void 0,...m}=i,p=e==="small"?"xsmall":"small";return jsx(Tag,{...m,ref:o,className:composeRenderProps(s?.chip,a=>y({className:a,size:e})),textValue:n,"data-size":e,children:composeRenderProps(r,(a,{allowsRemoving:c})=>{if(!c)throw new Error("You have a <DeletableChip> in a <ChipList> that does not specify an onRemove handler.");return jsxs(Fragment,{children:[a,jsx(Button,{variant:"icon",size:e,slot:"remove",className:composeRenderProps(s?.remove,h=>z({className:h})),children:jsx(Icon,{size:p,children:jsx(CancelFill,{})})})]})})})}export{R as DeletableChip};//# sourceMappingURL=deletable.js.map
|
|
4
|
+
//# sourceMappingURL=deletable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/chip/deletable.tsx"],"names":["props","x","ref","ChipContext","C","children","v","classNames","textValue","iconSize","size","AriaTag","className","l","allowsRemoving","Button","g","D","jsx","Icon","t","b","u"],"mappings":"qWA4B8B,CAAE,QAAK,CAAGA,CAAM,CAAA,CAAuBC,mBACnE,EAACD,CAAOE,SAA8BA,CAAO,CAAA,CAAA,GAAMC,CAAW,CAAA,CAE9D,GAAA,CAAA,CAAM,CACJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAC,eAAA,CAAAC,EACA,CAAA,EAAA,IAAA,CAAAC,WAAA,CAAA,CAAAC,cACO,CAAA,CAAA,CAAA,WACPC,CAAAA,CAAY,IAAA,CAAA,CAAA,CAAOH,QAAa,CAAA,YAChC,OACEL,CAEES,EAAWC,QAAS,CAAA,CAAA,CAAA,MAAU,CAAA,GAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAE/C,GAAA,OACGC,CAAA,QAEC,CAAA,OACA,CAAA,OAA8BJ,GAAAA,CAAAA,GAAY,CAAA,CAAA,GAAOK,KACjC,CAAE,WAAAA,CAAWC,kBAAA,CAAA,CAAA,EAAAH,IAC7B,CACA,CAAA,EAAA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAWA,CAAAA,CAEV,WAAmBL,CAAAA,CAAU,CAACA,sBAA2B,CAAMQ,kBAC9D,CAAA,CAAA,CAAI,CAACC,EACH,CAAA,eACE,CAAA,CAAA,GAAA,CAAA,GAAA,CAAA,CAAA,CAAA,MAAA,IAAA,KAAA,CAAA,uFAOCC,CAAAA,CAAA,OACCC,IAAA,CAAQC,QAAA,CAAA,CAAA,QACR,CAAMP,CAAAA,CACN,YAAK,CAAA,OAAA,CACL,MAAA,CAAA,KAA8BH,CAAAA,CAAAA,IAAY,CAAA,QACjC,CAAE,SAAA,CAAAK,kBAAU,CAAC,CACtB,EAEA,UAAAM,CAACC,CAAAA,CAAA,uBACa,CAAAC,GACd,CAAAC,IACF,OAIR,CAEJ,CAAA,QAAA,CAAAD,GAAA,CAAAE,UAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"deletable.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 { CancelFill } from '@accelint/icons';\nimport {\n Tag as AriaTag,\n composeRenderProps,\n useContextProps,\n} from 'react-aria-components';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { ChipContext } from './context';\nimport { DeletableChipStyles } from './styles';\nimport type { DeletableChipProps } from './types';\n\nconst { chip: deletableChip, remove } = DeletableChipStyles();\n\nexport function DeletableChip({ ref, ...props }: DeletableChipProps) {\n [props, ref] = useContextProps(props, ref ?? null, ChipContext);\n\n const {\n children,\n classNames,\n size = 'medium',\n textValue = typeof children === 'string' ? children : undefined,\n ...rest\n } = props;\n\n const iconSize = size === 'small' ? 'xsmall' : 'small';\n\n return (\n <AriaTag\n {...rest}\n ref={ref}\n className={composeRenderProps(classNames?.chip, (className) =>\n deletableChip({ className, size }),\n )}\n textValue={textValue}\n data-size={size}\n >\n {composeRenderProps(children, (children, { allowsRemoving }) => {\n if (!allowsRemoving) {\n throw new Error(\n 'You have a <DeletableChip> in a <ChipList> that does not specify an onRemove handler.',\n );\n }\n\n return (\n <>\n {children}\n <Button\n variant='icon'\n size={size}\n slot='remove'\n className={composeRenderProps(classNames?.remove, (className) =>\n remove({ className }),\n )}\n >\n <Icon size={iconSize}>\n <CancelFill />\n </Icon>\n </Button>\n </>\n );\n })}\n </AriaTag>\n );\n}\n"]}
|
|
@@ -1,29 +1,11 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import { ChipProps, BaseChipProps, ChipListProps, DeletableChipProps, SelectableChipProps } from './types.js';
|
|
2
|
+
import { ChipProps } from './types.js';
|
|
3
|
+
import 'react';
|
|
4
|
+
import 'react-aria-components';
|
|
6
5
|
import 'tailwind-variants';
|
|
7
6
|
import './styles.js';
|
|
8
7
|
import 'tailwind-merge';
|
|
9
8
|
|
|
10
|
-
declare const ChipContext: react.Context<ContextValue<BaseChipProps, HTMLDivElement>>;
|
|
11
|
-
declare function ChipProvider({ children, ...props }: ProviderProps<BaseChipProps>): react_jsx_runtime.JSX.Element;
|
|
12
|
-
declare namespace ChipProvider {
|
|
13
|
-
var displayName: string;
|
|
14
|
-
}
|
|
15
|
-
declare function ChipList<T extends object>({ ref, ...props }: ChipListProps<T>): react_jsx_runtime.JSX.Element;
|
|
16
|
-
declare namespace ChipList {
|
|
17
|
-
var displayName: string;
|
|
18
|
-
}
|
|
19
|
-
declare function SelectableChip({ ref, ...props }: SelectableChipProps): react_jsx_runtime.JSX.Element;
|
|
20
|
-
declare namespace SelectableChip {
|
|
21
|
-
var displayName: string;
|
|
22
|
-
}
|
|
23
|
-
declare function DeletableChip({ ref, ...props }: DeletableChipProps): react_jsx_runtime.JSX.Element;
|
|
24
|
-
declare namespace DeletableChip {
|
|
25
|
-
var displayName: string;
|
|
26
|
-
}
|
|
27
9
|
/**
|
|
28
10
|
* Chip - A compact element for displaying tags, filters, or selectable items
|
|
29
11
|
*
|
|
@@ -37,34 +19,27 @@ declare namespace DeletableChip {
|
|
|
37
19
|
*
|
|
38
20
|
* @example
|
|
39
21
|
* // Chip list with multiple items
|
|
40
|
-
* <
|
|
22
|
+
* <ChipList>
|
|
41
23
|
* <Chip>React</Chip>
|
|
42
24
|
* <Chip>TypeScript</Chip>
|
|
43
25
|
* <Chip>Node.js</Chip>
|
|
44
|
-
* </
|
|
26
|
+
* </ChipList>
|
|
45
27
|
*
|
|
46
28
|
* @example
|
|
47
29
|
* // Deletable chips
|
|
48
|
-
* <
|
|
49
|
-
* <
|
|
30
|
+
* <ChipList onRemove={() => console.log('removed')}>
|
|
31
|
+
* <DeletableChip>
|
|
50
32
|
* Removable Tag
|
|
51
|
-
* </
|
|
52
|
-
* </
|
|
33
|
+
* </DeletableChip>
|
|
34
|
+
* </ChipList>
|
|
53
35
|
*
|
|
54
36
|
* @example
|
|
55
37
|
* // Selectable chips
|
|
56
|
-
* <
|
|
57
|
-
* <
|
|
58
|
-
* <
|
|
59
|
-
* </
|
|
38
|
+
* <ChipList selectionMode="multiple">
|
|
39
|
+
* <SelectableChip id="option1">Option 1</SelectableChip>
|
|
40
|
+
* <SelectableChip id="option2">Option 2</SelectableChip>
|
|
41
|
+
* </ChipList>
|
|
60
42
|
*/
|
|
61
43
|
declare function Chip({ ref, ...props }: ChipProps): react_jsx_runtime.JSX.Element;
|
|
62
|
-
declare namespace Chip {
|
|
63
|
-
var displayName: string;
|
|
64
|
-
var Provider: typeof ChipProvider;
|
|
65
|
-
var List: typeof ChipList;
|
|
66
|
-
var Deletable: typeof DeletableChip;
|
|
67
|
-
var Selectable: typeof SelectableChip;
|
|
68
|
-
}
|
|
69
44
|
|
|
70
|
-
export { Chip
|
|
45
|
+
export { Chip };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import {jsx
|
|
3
|
+
import {jsx}from'react/jsx-runtime';import'client-only';import {useContext}from'react';import {useContextProps,Tag}from'react-aria-components';import {IconProvider}from'../icon/context.js';import {ChipContext}from'./context.js';import {ChipListRenderingContext}from'./list.js';import {ChipStyles,ChipStylesDefaults}from'./styles.js';const{chip:d}=ChipStyles();function S({ref:t,...o}){[o,t]=useContextProps(o,t??null,ChipContext);const r=useContext(ChipListRenderingContext)?Tag:"div",{className:m,size:i="medium",variant:s=ChipStylesDefaults.variant,...n}=o;return jsx(IconProvider,{size:i==="medium"?"small":"xsmall",children:jsx(r,{...n,ref:t,className:d({size:i,variant:s,className:m}),"data-size":i})})}export{S as Chip};//# sourceMappingURL=index.js.map
|
|
4
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/chip/index.tsx"],"names":["v","props","jsx","i","ChipProvider","ChipList","useContextProps","ref","ChipContext","C","className","dependencies","rest","ChipListRenderingContext","AriaTagGroup","L","AriaTagList","S","p","SelectableChipStyles","SelectableChip","AriaTag","u","composeRenderProps","size","remove","DeletableChipStyles","DeletableChip","classNames","deletableChip","textValue","children","H","Button","z","Icon","y","Chip","Component","g","A"],"mappings":"oYA4CA,MAAA,CAAA,CAAAA,aAAA,CAAA,IAAwB,EAAA,SAAU,CAAA,CAAA,CAAGC,QACnC,CAAA,CAAA,CAAOC,IAAa,CAAA,CAAA,CAAA,OAASC,GAAA,CAAA,CAAA,CAAA,QAAe,CAAA,CAAA,KAAS,CACvD,CACAC,CAAAA,QAAa,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WAAA,CAAA,eAEyB,CAEpD,MAAA,CAAA,CAAAJ,aAASK,CAAAA,KAA6B,CAAA,CAAA,SAAc,CAAqB,CACvE,CAACJ,GAAU,CAAA,CAAIK,CAAAA,GAAuBC,CAAAA,CAAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAMC,CAAW,CAAAC,eAE9D,CAAA,CAAA,CAAA,CAAA,EACE,IAAA,CAAA,CAAA,CAAA,CAAA,KACA,CAAA,QAAAC,CACA,CAAA,CAAA,SAAA,CAAA,CAAAC,CAAAA,YAEA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,gBACO,CAAA,CAAA,CAAA,IACP,CAAGC,CACL,CAAA,QAEA,CAAA,GACGC,CAAAA,CAAyB,CAAA,CAAA,CAAA,OAASV,GAAA,CAAA,CAAA,CAAA,QACjC,CAAA,CAAA,KAAAD,CAACE,IAAA,CAAa,QACZ,CAAAD,GAAA,CAAA,CAAA,CAAA,CAAA,IAACW,CAAAA,CAAA,CAAc,QACb,CAAAX,GAAA,CAAAY,QAAA,CAAA,CAAAb,GAACc,CAAA,CACC,QACA,CAAAb,GAAA,CAAAc,OAAA,CAAA,CAAA,IAA8BP,CAAAA,CAAYA,SACjC,CAAAQ,kBAAA,CAAA,CAAA,CAAA,CAAA,EAAU,CAAC,CACpB,CAAA,SACA,CAAA,CAAA,CAAA,CAAA,CAAcP,CAAAA,YAEd,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,gBAGF,CAAA,CACF,CAAA,QAKC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WAEvB,CAAA,YAAiCQ,KAEjC,CAAA,IAAA,CAAA,CAAA,CAASC,CAAAA,oBAAe,EAAE,CAAA,SAAc,CAAwB,CAC9D,CAACnB,GAAU,CAAA,CAAIK,CAAAA,GAAuBC,CAAAA,CAAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAMC,CAAW,CAAAC,eAE9D,CAAA,CAAA,CAAA,CAAA,EAAQ,IAAA,CAAA,CAAA,CAAA,CAAA,KAAW,CAAA,SAAO,CAAA,CAAA,CAAA,KAAaG,CAAK,CAAA,QAE5C,CAAA,GACGS,CAAAA,CAAA,CACE,CAAA,CAAA,OACId,GAAAA,CACLe,GAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAWC,CAAmBb,CAAAA,CAAYA,SACvB,CAAAQ,kBAAA,CAAA,CAAA,CAAA,CAAA,EAAAR,CAAW,CAAA,CAAA,SAE9B,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAWc,CAAAA,CACb,gBAGyB,CAAA,CAAA,WAAA,CAAA,iBAEA,CAAA,KAAA,CAAAC,IAAWC,CAAoB,CAAA,CAE5D,MAAA,CAAA,CAAA,CAASC,CAAAA,mBAAc,YAAgB,CAAuB,CAC5D,CAAC1B,GAAU,CAAA,CAAIK,CAAAA,GAAuBC,CAAAA,CAAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAMC,CAAW,gBAE9D,CAAA,CAAA,CAAA,CAAA,EACE,IAAA,CAAA,CAAA,CAAA,CAAA,KACA,CAAA,QAAAoB,CAAAA,CACA,CAAA,UAAO,CAAA,CAAA,CAAA,IACP,CAAA,CAAA,CAAA,QAAY,CAAA,SAAoB,CAAA,CAAA,CAAA,OAAsB,CAAA,EAAA,QAExD,CAAA,CAAI3B,CAAAA,MAEJ,CAAA,GACGoB,CAAAA,CAAA,CACE,CAAA,CAAA,OACId,GAAAA,CACLe,GAAA,CAAA,CAAA,GAAA,CAAA,CAAA,IAA8BM,CAAAA,CAAAA,SAC5BC,CAAAA,kBAAc,CAAE,CAAA,EAAA,IAAA,CAAA,CAAA,GAAW,CAAA,CAAA,SAE7B,CAAA,CAAA,CAAA,IAAA,CAAA,CAAWC,EACX,CAAA,CAAA,SAAA,CAAWN,CAAAA,CAEV,WAAmBO,CAAAA,CAAU,CAACA,QAAY,CAAAb,kBAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,cAEvC,CAAA,CAAA,CAAA,GAAM,CAAA,GAAI,CAAA,CAAA,CAAA,MACR,IAAA,KAAA,CAAA,yFAMC,CAAA,CAAA,OAAAc,IAAAD,CAAAA,QACD7B,CAAAA,CAAC+B,QACM,CAAA,CAAA,CAAA,CAAA9B,GAAA,CAAA+B,MAAA,CAAA,CACL,IAAA,CAAA,QAA8BN,CAAAA,SAAqBlB,CAAAA,kBACjDe,CAAAA,CAAO,EAAE,MAAA,CAAA,CAAA,EAAU,CAAC,CACtB,CAAA,SAEA,CAAAvB,EAACiC,CAAAA,CAAA,CAAK,QAAK,CAAAhC,GAAA,CAAAiC,IAAA,CACT,CAAA,IAAA,CAAA,OAAC,CAAA,QAGP,CAEJjC,GAAC,WACH,CAEJ,EACAwB,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WAAA,CAAA,gBAEd,CAAA,KAAK,CAAA,IAAe,CAoC3B,SAASU,CAAAA,UAAK,EAAE,CAAA,SAAc,CAAc,CACjD,CAACpC,GAAU,CAAA,CAAIK,CAAAA,GAAuBC,GAAO,CAAA,CAAA,CAAA,CAAA,CAAMC,CAAW,CAAAC,eAG9D,CAAA,CAAA,CAAA,CAAA,EAAM6B,IADqBzB,CAAwB,CAAA,CACvBQ,CAAAA,MAAU,CAChC,CACJkB,UAAA,CAAA,CAAA,CAAA,CAAAjB,GAAA,CAAA,KACA,CAAA,CAAA,SAAO,CAAA,CAAA,CAAA,IACP,CAAA,CAAA,CAAA,QAA6B,CAAA,OAC7B,CAAA,CAAGV,CACL4B,kBAAA,CAAIvC,OAEJ,CAAA,GACGkC,CAAAA,CAAK,CAAA,CAAA,CAAA,OAAShC,GAAA,CAAAiC,IAAA,CAAA,QAAe,CAAA,CAAA,IAAW,CAAA,CAAA,GAAA,QAAU,CAAA,OACjD,CAAA,QAAC,CACE,QACD,CAAK7B,GAAAA,CACL,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,IAAgB,CAAE,CAAA,SAAM,CAAA,CAAA,CAAA,CAAA,IAAS,CAAA,CAAA,CAAA,OAAU,CAAC,CAAA,CAC5C,SAAA,CAAA,CAAA,CAAWiB,CAAAA,CACb,WAID,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WACd,CAAA,MACLa,CAAAA,CAAK,CAAA,QACA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAYV,CAAAA,CACjBU,CAAAA,CAAK,SAAA,CAAA,CAAajB,CAAAA,CAAAA,CAAAA,UAAAA,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 { CancelFill } from '@accelint/icons';\nimport { createContext, useContext } from 'react';\nimport {\n Tag as AriaTag,\n TagGroup as AriaTagGroup,\n TagList as AriaTagList,\n Button,\n type ContextValue,\n composeRenderProps,\n useContextProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport {\n ChipStyles,\n ChipStylesDefaults,\n DeletableChipStyles,\n SelectableChipStyles,\n} from './styles';\nimport type { ProviderProps } from '@/lib/types';\nimport type {\n BaseChipProps,\n ChipListProps,\n ChipProps,\n DeletableChipProps,\n SelectableChipProps,\n} from './types';\n\nexport const ChipContext =\n createContext<ContextValue<BaseChipProps, HTMLDivElement>>(null);\n\nfunction ChipProvider({ children, ...props }: ProviderProps<BaseChipProps>) {\n return <ChipContext.Provider value={props}>{children}</ChipContext.Provider>;\n}\nChipProvider.displayName = 'Chip.Provider';\n\nconst ChipListRenderingContext = createContext(false);\n\nfunction ChipList<T extends object>({ ref, ...props }: ChipListProps<T>) {\n [props, ref] = useContextProps(props, ref ?? null, ChipContext);\n\n const {\n children,\n className,\n dependencies,\n items,\n renderEmptyState,\n size = 'medium',\n ...rest\n } = props;\n\n return (\n <ChipListRenderingContext.Provider value>\n <ChipProvider size={size}>\n <AriaTagGroup {...rest}>\n <AriaTagList<T>\n ref={ref}\n className={composeRenderProps(className, (className) =>\n list({ className }),\n )}\n dependencies={dependencies}\n items={items}\n renderEmptyState={renderEmptyState}\n >\n {children}\n </AriaTagList>\n </AriaTagGroup>\n </ChipProvider>\n </ChipListRenderingContext.Provider>\n );\n}\nChipList.displayName = 'Chip.List';\n\nconst { chip: selectableChip } = SelectableChipStyles();\n\nfunction SelectableChip({ ref, ...props }: SelectableChipProps) {\n [props, ref] = useContextProps(props, ref ?? null, ChipContext);\n\n const { className, size = 'medium', ...rest } = props;\n\n return (\n <AriaTag\n {...rest}\n ref={ref}\n className={composeRenderProps(className, (className) =>\n selectableChip({ className, size }),\n )}\n data-size={size}\n />\n );\n}\nSelectableChip.displayName = 'Chip.Selectable';\n\nconst { chip: deletableChip, remove } = DeletableChipStyles();\n\nfunction DeletableChip({ ref, ...props }: DeletableChipProps) {\n [props, ref] = useContextProps(props, ref ?? null, ChipContext);\n\n const {\n children,\n classNames,\n size = 'medium',\n textValue = typeof children === 'string' ? children : undefined,\n ...rest\n } = props;\n\n return (\n <AriaTag\n {...rest}\n ref={ref}\n className={composeRenderProps(classNames?.chip, (className) =>\n deletableChip({ className, size }),\n )}\n textValue={textValue}\n data-size={size}\n >\n {composeRenderProps(children, (children, { allowsRemoving }) => {\n if (!allowsRemoving) {\n throw new Error(\n 'You have a <Chip.Deletable> in a <Chip.List> that does not specify an onRemove handler.',\n );\n }\n\n return (\n <>\n {children}\n <Button\n slot='remove'\n className={composeRenderProps(classNames?.remove, (className) =>\n remove({ className }),\n )}\n >\n <Icon size='small'>\n <CancelFill />\n </Icon>\n </Button>\n </>\n );\n })}\n </AriaTag>\n );\n}\nDeletableChip.displayName = 'Chip.Deletable';\n\nconst { list, chip } = ChipStyles();\n\n/**\n * Chip - A compact element for displaying tags, filters, or selectable items\n *\n * Provides flexible chip functionality supporting both individual chips and chip lists.\n * Includes variants for deletable and selectable chips with keyboard navigation and\n * accessibility features. Perfect for tags, filters, or multi-selection interfaces.\n *\n * @example\n * // Basic chip\n * <Chip>JavaScript</Chip>\n *\n * @example\n * // Chip list with multiple items\n * <Chip.List>\n * <Chip>React</Chip>\n * <Chip>TypeScript</Chip>\n * <Chip>Node.js</Chip>\n * </Chip.List>\n *\n * @example\n * // Deletable chips\n * <Chip.List onRemove={() => console.log('removed')}>\n * <Chip.Deletable>\n * Removable Tag\n * </Chip.Deletable>\n * </Chip.List>\n *\n * @example\n * // Selectable chips\n * <Chip.List selectionMode=\"multiple\">\n * <Chip.Selectable id=\"option1\">Option 1</Chip.Selectable>\n * <Chip.Selectable id=\"option2\">Option 2</Chip.Selectable>\n * </Chip.List>\n */\nexport function Chip({ ref, ...props }: ChipProps) {\n [props, ref] = useContextProps(props, ref ?? null, ChipContext);\n\n const context = useContext(ChipListRenderingContext);\n const Component = context ? AriaTag : 'div';\n const {\n className,\n size = 'medium',\n variant = ChipStylesDefaults.variant,\n ...rest\n } = props;\n\n return (\n <Icon.Provider size={size === 'medium' ? 'small' : 'xsmall'}>\n <Component\n {...rest}\n ref={ref}\n className={chip({ size, variant, className })}\n data-size={size}\n />\n </Icon.Provider>\n );\n}\nChip.displayName = 'Chip';\nChip.Provider = ChipProvider;\nChip.List = ChipList;\nChip.Deletable = DeletableChip;\nChip.Selectable = SelectableChip;\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/chip/index.tsx"],"names":["Chip","h","ref","props","useContextProps","ChipContext","c","Component","useContext","AriaTag","p","f","a","rest","jsx","e","l","chip","variant","size"],"mappings":"6UAsB4B,KAoCrB,CAAA,IAAA,CAASA,EAAK,CAAEC,UAAA,EAAA,CAAAC,SACrB,CAACC,CAAAA,CAAOD,GAAOE,CAAAA,CAAgBD,CAAAA,GAAOD,CAAO,KAAMG,CAAW,CAAA,CAG9D,CAAAC,eAAA,CAAA,CAAA,CAAA,CAAMC,EADUC,KACYC,WAAAA,CAAU,CAAA,MAEpC,CAAA,CAAAC,UAAA,CAAAC,wBAAA,CAAA,CAAAC,GAAA,CAAA,KACA,CAAA,CAAA,SAAO,CAAA,CAAA,CACP,IAAA,CAAA,CAAA,CAAA,QAA6B,CAAA,OAC1BC,CACL,CAAA,CAAIV,kBAAAA,CAEJ,OACEW,CAAAA,GAAC,CAAa,WAAeC,GAAA,CAAAC,YAAA,CAAA,CAAA,IAAW,CAAA,CAAA,GAAA,QAAU,CAAA,OAChD,CAAA,QACG,CAAA,QACId,CACLa,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAWE,GAAO,CAAA,CAAA,CAAA,SAAM,CAAA,CAAA,CAAAC,CAAAA,IAAS,CAAA,CAAA,CAAA,OAAW,CAC5C,CAAA,CAAA,SAAA,CAAWC,CAAAA,CACb,CAAA,CACF,WAEJ,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 { useContext } from 'react';\nimport { Tag as AriaTag, useContextProps } from 'react-aria-components';\nimport { IconProvider } from '../icon/context';\nimport { ChipContext } from './context';\nimport { ChipListRenderingContext } from './list';\nimport { ChipStyles, ChipStylesDefaults } from './styles';\nimport type { ChipProps } from './types';\n\nconst { chip } = ChipStyles();\n\n/**\n * Chip - A compact element for displaying tags, filters, or selectable items\n *\n * Provides flexible chip functionality supporting both individual chips and chip lists.\n * Includes variants for deletable and selectable chips with keyboard navigation and\n * accessibility features. Perfect for tags, filters, or multi-selection interfaces.\n *\n * @example\n * // Basic chip\n * <Chip>JavaScript</Chip>\n *\n * @example\n * // Chip list with multiple items\n * <ChipList>\n * <Chip>React</Chip>\n * <Chip>TypeScript</Chip>\n * <Chip>Node.js</Chip>\n * </ChipList>\n *\n * @example\n * // Deletable chips\n * <ChipList onRemove={() => console.log('removed')}>\n * <DeletableChip>\n * Removable Tag\n * </DeletableChip>\n * </ChipList>\n *\n * @example\n * // Selectable chips\n * <ChipList selectionMode=\"multiple\">\n * <SelectableChip id=\"option1\">Option 1</SelectableChip>\n * <SelectableChip id=\"option2\">Option 2</SelectableChip>\n * </ChipList>\n */\nexport function Chip({ ref, ...props }: ChipProps) {\n [props, ref] = useContextProps(props, ref ?? null, ChipContext);\n\n const context = useContext(ChipListRenderingContext);\n const Component = context ? AriaTag : 'div';\n const {\n className,\n size = 'medium',\n variant = ChipStylesDefaults.variant,\n ...rest\n } = props;\n\n return (\n <IconProvider size={size === 'medium' ? 'small' : 'xsmall'}>\n <Component\n {...rest}\n ref={ref}\n className={chip({ size, variant, className })}\n data-size={size}\n />\n </IconProvider>\n );\n}\n"]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as react from 'react';
|
|
3
|
+
import { ChipListProps } from './types.js';
|
|
4
|
+
import 'react-aria-components';
|
|
5
|
+
import 'tailwind-variants';
|
|
6
|
+
import './styles.js';
|
|
7
|
+
import 'tailwind-merge';
|
|
8
|
+
|
|
9
|
+
declare const ChipListRenderingContext: react.Context<boolean>;
|
|
10
|
+
declare function ChipList<T extends object>({ ref, ...props }: ChipListProps<T>): react_jsx_runtime.JSX.Element;
|
|
11
|
+
|
|
12
|
+
export { ChipList, ChipListRenderingContext };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';import {useContextProps,TagGroup,TagList,composeRenderProps}from'react-aria-components';import {ChipContext,ChipProvider}from'./context.js';import {ChipStyles}from'./styles.js';const {list:P}=ChipStyles(),x=createContext(false);function R({ref:t,...i}){[i,t]=useContextProps(i,t??null,ChipContext);const{children:r,className:o,dependencies:s,items:p,renderEmptyState:n,size:a="small",...m}=i;return jsx(x.Provider,{value:true,children:jsx(ChipProvider,{size:a,children:jsx(TagGroup,{...m,children:jsx(TagList,{ref:t,className:composeRenderProps(o,d=>P({className:d})),dependencies:s,items:p,renderEmptyState:n,children:r})})})})}export{R as ChipList,x as ChipListRenderingContext};//# sourceMappingURL=list.js.map
|
|
4
|
+
//# sourceMappingURL=list.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/chip/list.tsx"],"names":["ChipStyles","ChipListRenderingContext","createContext","L","C","ref","props","useContextProps","T","ChipContext","g","items","size","jsx","e","rest","c","list"],"mappings":"2QAyBa,MAAA,CAAIA,IAEJC,CAAAA,CAA2BC,CAAAA,CAAcC,UAAA,EAAK,CAEpD,CAAA,CAAAC,aAAA,CAAA,KAAA,EAAA,SACLC,CACA,CAAA,CAAA,GACF,CAAqB,CACnB,CAACC,GAAU,CAAA,CAAIC,CAAAA,CAAgBD,CAAAA,CAAOD,CAAAA,CAAAA,CAAO,CAAAG,eAAA,CAAA,CAAA,CAAMC,CAAW,EAE9D,IAAA,CAAMC,WACJ,CAAA,CAAA,KAAA,CAAA,QACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,YACA,CAAAC,CAAAA,CACA,KAAA,CAAA,CAAA,CAAA,gBACAC,CAAAA,CAAO,CAAA,IAAA,CAAA,CAAA,CACP,OACEN,CAEJ,GAAA,CAAA,CAAA,CAAA,CACEO,CAAAA,OAA0BC,GAAA,CAAA,CAAA,CAAA,QAAc,CAAA,CAAA,KACtC,CAAA,IAAA,CAAA,QAAc,CAAAA,GAAA,CAAMF,YAAAA,CAClB,CAAA,IAAA,CAAA,CAAA,CAAA,QAAe,CAAGG,GAAAA,CAChBC,QAAA,CAAA,CAAA,GAAA,CAAA,CAAA,QACE,CAAAF,GAAKT,CAAAA,OACL,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,SACEY,CAAAA,kBAAK,CAAE,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,SAET,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,YACA,CAAON,CAAAA,CACP,KAAA,CAAA,CAAA,CAAA,gBAEC,CAAA,CAAA,CAAA,QAGP,CACF,CAEJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"list.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 {\n TagGroup as AriaTagGroup,\n TagList as AriaTagList,\n composeRenderProps,\n useContextProps,\n} from 'react-aria-components';\nimport { ChipContext, ChipProvider } from './context';\nimport { ChipStyles } from './styles';\nimport type { ChipListProps } from './types';\n\nconst { list } = ChipStyles();\n\nexport const ChipListRenderingContext = createContext(false);\n\nexport function ChipList<T extends object>({\n ref,\n ...props\n}: ChipListProps<T>) {\n [props, ref] = useContextProps(props, ref ?? null, ChipContext);\n\n const {\n children,\n className,\n dependencies,\n items,\n renderEmptyState,\n size = 'small',\n ...rest\n } = props;\n\n return (\n <ChipListRenderingContext.Provider value>\n <ChipProvider size={size}>\n <AriaTagGroup {...rest}>\n <AriaTagList<T>\n ref={ref}\n className={composeRenderProps(className, (className) =>\n list({ className }),\n )}\n dependencies={dependencies}\n items={items}\n renderEmptyState={renderEmptyState}\n >\n {children}\n </AriaTagList>\n </AriaTagGroup>\n </ChipProvider>\n </ChipListRenderingContext.Provider>\n );\n}\n"]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { SelectableChipProps } from './types.js';
|
|
3
|
+
import 'react';
|
|
4
|
+
import 'react-aria-components';
|
|
5
|
+
import 'tailwind-variants';
|
|
6
|
+
import './styles.js';
|
|
7
|
+
import 'tailwind-merge';
|
|
8
|
+
|
|
9
|
+
declare function SelectableChip({ ref, ...props }: SelectableChipProps): react_jsx_runtime.JSX.Element;
|
|
10
|
+
|
|
11
|
+
export { SelectableChip };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps,Tag,composeRenderProps}from'react-aria-components';import {ChipContext}from'./context.js';import {SelectableChipStyles}from'./styles.js';const{chip:n}=SelectableChipStyles();function f({ref:e,...t}){[t,e]=useContextProps(t,e??null,ChipContext);const{className:i,size:o="medium",...s}=t;return jsx(Tag,{...s,ref:e,className:composeRenderProps(i,l=>n({className:l,size:o})),"data-size":o})}export{f as SelectableChip};//# sourceMappingURL=selectable.js.map
|
|
4
|
+
//# sourceMappingURL=selectable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/chip/selectable.tsx"],"names":["SelectableChipStyles","c","props","useContextProps","ref","r","ChipContext","m","size","jsx","rest","p","selectableChip"],"mappings":"yNAuBQ,KAAqB,CAAIA,IAE1B,CAAA,CAAA,CAAA,CAAAC,oBAAA,EAAA,CAAA,UAA+B,CAAA,CAAA,IAAiC,CACrE,CAACC,GAAU,CAAA,CAAIC,CAAAA,CAAgBD,CAAAA,CAAOE,GAAO,CAAAC,eAAA,CAAA,CAAA,CAAMC,CAAW,EAE9D,IAAA,CAAMC,WAAE,CAAA,CAAA,KAAA,CAAA,SAAWC,CAAAA,CAAO,gBAAsBN,CAEhD,GAAA,CAAA,CAAA,CAAA,CACEO,QACMC,GAAAA,CACJC,QACA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,SACEC,CAAAA,kBAAe,CAAE,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,SAAWJ,CAAK,CAAC,CACpC,IACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAGN,CAAA,CAAA,CAAA,CAAA","file":"selectable.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 Tag as AriaTag,\n composeRenderProps,\n useContextProps,\n} from 'react-aria-components';\nimport { ChipContext } from './context';\nimport { SelectableChipStyles } from './styles';\nimport type { SelectableChipProps } from './types';\n\nconst { chip: selectableChip } = SelectableChipStyles();\n\nexport function SelectableChip({ ref, ...props }: SelectableChipProps) {\n [props, ref] = useContextProps(props, ref ?? null, ChipContext);\n\n const { className, size = 'medium', ...rest } = props;\n\n return (\n <AriaTag\n {...rest}\n ref={ref}\n className={composeRenderProps(className, (className) =>\n selectableChip({ className, size }),\n )}\n data-size={size}\n />\n );\n}\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {tv}from'./../../lib/utils.js';const t={variant:"info"},i=tv({slots:{list:"group/chip-list flex w-content flex-wrap gap-xs",chip:["group/chip fg-primary-bold inline-flex w-content items-center justify-center rounded-full outline","size-medium:px-s size-medium:py-xs size-medium:text-body-s","size-small:px-s size-small:py-xs size-small:text-body-xs"]}}),
|
|
1
|
+
import {tv}from'./../../lib/utils.js';const t={variant:"info"},i=tv({slots:{list:"group/chip-list flex w-content flex-wrap gap-xs",chip:["group/chip fg-primary-bold inline-flex w-content items-center justify-center rounded-full outline","size-medium:px-s size-medium:py-xs size-medium:text-body-s","size-small:px-s size-small:py-xs size-small:text-body-xs"]}}),s=tv({extend:i,slots:{chip:"gap-xxs"},variants:{variant:{advisory:{chip:"bg-advisory-muted outline-advisory-bold"},critical:{chip:"bg-critical-muted outline-critical-bold"},serious:{chip:"bg-serious-muted outline-serious-bold"},normal:{chip:"bg-normal-muted outline-normal-bold"},info:{chip:"bg-info-muted outline-info-bold"}}},defaultVariants:t}),o=tv({extend:i,slots:{chip:["cursor-pointer outline-interactive","enabled:hover:outline-2 enabled:hover:outline-interactive-hover","enabled:selected:hover:outline-interactive-primary-bold","enabled:focus-visible:outline-2 enabled:focus-visible:outline-interactive-hover","enabled:selected:focus-visible:outline-interactive-primary-bold","enabled:pressed:outline-1 enabled:pressed:outline-accent-primary-pressed","enabled:pressed:outline-1 enabled:selected:pressed:outline-accent-primary-pressed","enabled:selected:bg-accent-primary-muted enabled:selected:outline-accent-primary-bold","disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled","disabled:selected:bg-interactive-disabled"]}}),d=tv({extend:i,slots:{chip:["cursor-default gap-xs outline-interactive","enabled:fg-primary-muted","disabled:fg-disabled disabled:cursor-not-allowed disabled:bg-interactive-disabled disabled:outline-interactive-disabled","has-[button:hover]:fg-hover","has-[button:focus-visible]:fg-hover","has-[button[data-pressed]]:fg-pressed"],remove:["remove","cursor-pointer","size-medium:p-0 size-small:p-0","size-medium:min-w-[16px] size-medium:max-w-[16px]","size-small:min-w-[12px] size-small:max-w-[12px]","enabled:hover:fg-hover","enabled:color-mono-muted:hover:bg-transparent","enabled:color-mono-muted:fg-primary-bold","enabled:pressed:fg-pressed","disabled:cursor-not-allowed"]}});export{i as BaseChipStyles,s as ChipStyles,t as ChipStylesDefaults,d as DeletableChipStyles,o as SelectableChipStyles};//# sourceMappingURL=styles.js.map
|
|
2
2
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/chip/styles.ts"],"names":["BaseChipStyles","tv","e"],"mappings":"sCAeE,MAAA,CAAS,CAAA,CAAA,OAGEA,CAAiBC,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/chip/styles.ts"],"names":["BaseChipStyles","tv","e"],"mappings":"sCAeE,MAAA,CAAS,CAAA,CAAA,OAGEA,CAAiBC,MAC5B,CAAA,CAAA,CAAO,CACLC,EAAA,CAAA,CAAA,KAAM,CAAA,CAAA,IAAA,CAAA,iDAEJ,CAAA,IAAA,CAAA,CAAA,mGACA,CAAA,4DACA,CAAA,0DAMJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQF,EAAAA,CACR,CAAA,MACE,CAAA,CAAA,CAAA,KAAM,CAAA,CAAA,IACR,CAAA,SACA,CAAU,CACR,QAAS,CACP,CAAA,OAAA,CAAU,CAAE,QAAM,CAAA,CAAA,IAAA,CAAA,yCAClB,CAAU,CAAE,QAAM,CAAA,CAAA,IAAA,CAAA,yCACT,CAAE,CAAA,OAAM,CAAA,CAAA,IAAA,CAAA,uCACP,CAAA,CAAA,MAAM,CAAA,CAAA,IAAA,CAAA,qCACR,CAAA,CAAA,IAAM,CAAA,CAAA,IAAA,CAAA,iCAGlB,CAAA,CAAA,CAAA,CAAA,eAIA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQA,EAAAA,CACR,CAAA,MACE,CAAA,CAAA,CAAA,KACE,CAAA,CAAA,IAAA,CAAA,CAAA,oCAEA,CAAA,iEACA,CAAA,yDACA,CAAA,iFACA,CAAA,iEACA,CAAA,0EACA,CAAA,mFACA,CAAA,uFACA,CAAA,wFACA,CAAA,2CAMJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQA,EAAAA,CACR,CAAA,MACE,CAAA,CAAA,CAAA,KACE,CAAA,CAAA,IAAA,CAAA,CAAA,2CACA,CAAA,0BACA,CAAA,yHACA,CAAA,6BACA,CAAA,qCAEA,CAAA,uCAGA,CAAA,CAAA,MAAA,CACA,CAAA,QAAA,CAAA,gBACA,CAAA,gCACA,CAAA,mDACA,CAAA,iDACA,CAAA,wBACA,CAAA,+CACA,CAAA,0CACA,CAAA,4BACA,CAAA,6BAGL,CAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const ChipStylesDefaults = {\n variant: 'info',\n} as const;\n\nexport const BaseChipStyles = tv({\n slots: {\n list: 'group/chip-list flex w-content flex-wrap gap-xs',\n chip: [\n 'group/chip fg-primary-bold inline-flex w-content items-center justify-center rounded-full outline',\n 'size-medium:px-s size-medium:py-xs size-medium:text-body-s',\n 'size-small:px-s size-small:py-xs size-small:text-body-xs',\n ],\n },\n});\n\nexport const ChipStyles = tv({\n extend: BaseChipStyles,\n slots: {\n chip: 'gap-xxs',\n },\n variants: {\n variant: {\n advisory: { chip: 'bg-advisory-muted outline-advisory-bold' },\n critical: { chip: 'bg-critical-muted outline-critical-bold' },\n serious: { chip: 'bg-serious-muted outline-serious-bold' },\n normal: { chip: 'bg-normal-muted outline-normal-bold' },\n info: { chip: 'bg-info-muted outline-info-bold' },\n },\n },\n defaultVariants: ChipStylesDefaults,\n});\n\nexport const SelectableChipStyles = tv({\n extend: BaseChipStyles,\n slots: {\n chip: [\n 'cursor-pointer outline-interactive',\n // hover\n 'enabled:hover:outline-2 enabled:hover:outline-interactive-hover',\n 'enabled:selected:hover:outline-interactive-primary-bold',\n 'enabled:focus-visible:outline-2 enabled:focus-visible:outline-interactive-hover',\n 'enabled:selected:focus-visible:outline-interactive-primary-bold',\n 'enabled:pressed:outline-1 enabled:pressed:outline-accent-primary-pressed',\n 'enabled:pressed:outline-1 enabled:selected:pressed:outline-accent-primary-pressed',\n 'enabled:selected:bg-accent-primary-muted enabled:selected:outline-accent-primary-bold',\n 'disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled',\n 'disabled:selected:bg-interactive-disabled',\n ],\n },\n});\n\nexport const DeletableChipStyles = tv({\n extend: BaseChipStyles,\n slots: {\n chip: [\n 'cursor-default gap-xs outline-interactive',\n 'enabled:fg-primary-muted',\n 'disabled:fg-disabled disabled:cursor-not-allowed disabled:bg-interactive-disabled disabled:outline-interactive-disabled',\n 'has-[button:hover]:fg-hover',\n 'has-[button:focus-visible]:fg-hover',\n // using :pressed does not apply the style\n 'has-[button[data-pressed]]:fg-pressed',\n ],\n remove: [\n 'remove',\n 'cursor-pointer',\n 'size-medium:p-0 size-small:p-0',\n 'size-medium:min-w-[16px] size-medium:max-w-[16px]',\n 'size-small:min-w-[12px] size-small:max-w-[12px]',\n 'enabled:hover:fg-hover',\n 'enabled:color-mono-muted:hover:bg-transparent',\n 'enabled:color-mono-muted:fg-primary-bold',\n 'enabled:pressed:fg-pressed',\n 'disabled:cursor-not-allowed',\n ],\n },\n});\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { RefAttributes, ComponentPropsWithRef } from 'react';
|
|
2
|
+
import { TagProps, ButtonProps, TagGroupProps, TagListProps } from 'react-aria-components';
|
|
3
3
|
import { VariantProps } from 'tailwind-variants';
|
|
4
4
|
import { ChipStyles } from './styles.js';
|
|
5
5
|
import 'tailwind-merge';
|
|
@@ -0,0 +1,12 @@
|
|
|
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 { ClassificationBadgeProps } from './types.js';
|
|
6
|
+
import 'tailwind-variants';
|
|
7
|
+
import './styles.js';
|
|
8
|
+
|
|
9
|
+
declare const ClassificationBadgeContext: react.Context<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>;
|
|
10
|
+
declare function ClassificationBadgeProvider({ children, ...props }: ProviderProps<ClassificationBadgeProps>): react_jsx_runtime.JSX.Element;
|
|
11
|
+
|
|
12
|
+
export { ClassificationBadgeContext, ClassificationBadgeProvider };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';const i=createContext(null);function n({children:o,...t}){return jsx(i.Provider,{value:t,children:o})}export{i as ClassificationBadgeContext,n as ClassificationBadgeProvider};//# sourceMappingURL=context.js.map
|
|
4
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/classification-badge/context.tsx"],"names":["ClassificationBadgeContext","createContext","ClassificationBadgeProvider","children","props","jsx"],"mappings":"0FAmBO,MAAMA,CAAAA,CACXC,aAAAA,CAAuE,IAAI,EAEtE,SAASC,CAAAA,CAA4B,CAC1C,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAA4C,CAC1C,OACEC,GAAAA,CAACL,CAAAA,CAA2B,QAAA,CAA3B,CAAoC,KAAA,CAAOI,CAAAA,CACzC,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 { ClassificationBadgeProps } from './types';\n\nexport const ClassificationBadgeContext =\n createContext<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>(null);\n\nexport function ClassificationBadgeProvider({\n children,\n ...props\n}: ProviderProps<ClassificationBadgeProps>) {\n return (\n <ClassificationBadgeContext.Provider value={props}>\n {children}\n </ClassificationBadgeContext.Provider>\n );\n}\n"]}
|
|
@@ -1,16 +1,9 @@
|
|
|
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 { ClassificationBadgeProps } from './types.js';
|
|
3
|
+
import 'react';
|
|
6
4
|
import 'tailwind-variants';
|
|
7
5
|
import './styles.js';
|
|
8
6
|
|
|
9
|
-
declare const ClassificationBadgeContext: react.Context<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>;
|
|
10
|
-
declare function ClassificationBadgeProvider({ children, ...props }: ProviderProps<ClassificationBadgeProps>): react_jsx_runtime.JSX.Element;
|
|
11
|
-
declare namespace ClassificationBadgeProvider {
|
|
12
|
-
var displayName: string;
|
|
13
|
-
}
|
|
14
7
|
/**
|
|
15
8
|
* ClassificationBadge - A specialized badge for security and data classification
|
|
16
9
|
*
|
|
@@ -27,9 +20,5 @@ declare namespace ClassificationBadgeProvider {
|
|
|
27
20
|
* <ClassificationBadge level="secret" />
|
|
28
21
|
*/
|
|
29
22
|
declare function ClassificationBadge({ ref, ...props }: ClassificationBadgeProps): react_jsx_runtime.JSX.Element;
|
|
30
|
-
declare namespace ClassificationBadge {
|
|
31
|
-
var displayName: string;
|
|
32
|
-
var Provider: typeof ClassificationBadgeProvider;
|
|
33
|
-
}
|
|
34
23
|
|
|
35
|
-
export { ClassificationBadge
|
|
24
|
+
export { ClassificationBadge };
|
|
@@ -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 {ClassificationBadgeContext}from'./context.js';import {ClassificationBadgeStylesDefaults,ClassificationBadgeStyles}from'./styles.js';function u({ref:i,...a}){[a,i]=useContextProps(a,i??null,ClassificationBadgeContext);const{children:s,className:t,size:e="medium",variant:o=ClassificationBadgeStylesDefaults.variant,...n}=a;return jsx("span",{...n,className:ClassificationBadgeStyles({variant:o,className:t}),"data-size":e,children:s})}export{u as ClassificationBadge};//# sourceMappingURL=index.js.map
|
|
4
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/classification-badge/index.tsx"],"names":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/classification-badge/index.tsx"],"names":["ref","props","useContextProps","l","ClassificationBadgeContext","r","size","variant","c","jsx","f","m"],"mappings":"wPAqCO,SACLA,CACA,KACF,CAA6B,CAC3B,CAACC,GAAU,CAAA,CAAIC,CAAAA,CACbD,CAAAA,CACAD,GAAO,CAAAG,eAAA,CAAA,CAAA,CACPC,CACF,EAEA,IAAA,CAAMC,0BACJ,CAAA,CAAA,KAAA,CAAA,QACA,CAAA,CAAA,CAAA,SACAC,CAAAA,CAAO,CAAA,IAAA,CAAA,CAAA,CAAA,QACP,CAAAC,OAA4C,CAAA,CAAA,CAAAC,iCAAA,CAC5C,OACEP,CAEJ,GAAA,CAAA,CAAA,CAAA,CACEQ,CAAAA,OAACC,GAAA,CACE,MACD,CAAA,CAAA,GAAA,CAAA,CAAA,SACE,CAAAC,yBAAA,CAAA,CAAAJ,OACA,CAAA,CAAA,CAAA,SAEF,CAAA,CAAA,CAAA,CAAA,CAAA,WAEC,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 { useContextProps } from 'react-aria-components';\nimport { ClassificationBadgeContext } from './context';\nimport {\n ClassificationBadgeStyles,\n ClassificationBadgeStylesDefaults,\n} from './styles';\nimport type { ClassificationBadgeProps } from './types';\n\n/**\n * ClassificationBadge - A specialized badge for security and data classification\n *\n * Provides standardized visual indicators for data classification levels such as\n * confidential, secret, or public information. Designed for compliance with\n * security standards and information governance requirements.\n *\n * @example\n * // Basic classification badge\n * <ClassificationBadge level=\"confidential\" />\n *\n * @example\n * // Classification with custom styling\n * <ClassificationBadge level=\"secret\" />\n */\nexport function ClassificationBadge({\n ref,\n ...props\n}: ClassificationBadgeProps) {\n [props, ref] = useContextProps(\n props,\n ref ?? null,\n ClassificationBadgeContext,\n );\n\n const {\n children,\n className,\n size = 'medium',\n variant = ClassificationBadgeStylesDefaults.variant,\n ...rest\n } = props;\n\n return (\n <span\n {...rest}\n className={ClassificationBadgeStyles({\n variant,\n className,\n })}\n data-size={size}\n >\n {children}\n </span>\n );\n}\n"]}
|
|
@@ -0,0 +1,12 @@
|
|
|
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 { ClassificationBannerProps } from './types.js';
|
|
6
|
+
import 'tailwind-variants';
|
|
7
|
+
import './styles.js';
|
|
8
|
+
|
|
9
|
+
declare const ClassificationBannerContext: react.Context<ContextValue<ClassificationBannerProps, HTMLDivElement>>;
|
|
10
|
+
declare function ClassificationBannerProvider({ children, ...props }: ProviderProps<ClassificationBannerProps>): react_jsx_runtime.JSX.Element;
|
|
11
|
+
|
|
12
|
+
export { ClassificationBannerContext, ClassificationBannerProvider };
|
|
@@ -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 s({children:o,...r}){return jsx(e.Provider,{value:r,children:o})}export{e as ClassificationBannerContext,s as ClassificationBannerProvider};//# sourceMappingURL=context.js.map
|
|
4
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/classification-banner/context.tsx"],"names":["ClassificationBannerContext","createContext","ClassificationBannerProvider","children","props","jsx"],"mappings":"0FAmBO,MAAMA,CAAAA,CACXC,aAAAA,CAAuE,IAAI,EAEtE,SAASC,CAAAA,CAA6B,CAC3C,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAA6C,CAC3C,OACEC,GAAAA,CAACL,CAAAA,CAA4B,QAAA,CAA5B,CAAqC,KAAA,CAAOI,CAAAA,CAC1C,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 { ClassificationBannerProps } from './types';\n\nexport const ClassificationBannerContext =\n createContext<ContextValue<ClassificationBannerProps, HTMLDivElement>>(null);\n\nexport function ClassificationBannerProvider({\n children,\n ...props\n}: ProviderProps<ClassificationBannerProps>) {\n return (\n <ClassificationBannerContext.Provider value={props}>\n {children}\n </ClassificationBannerContext.Provider>\n );\n}\n"]}
|
|
@@ -1,16 +1,9 @@
|
|
|
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 { ClassificationBannerProps } from './types.js';
|
|
3
|
+
import 'react';
|
|
6
4
|
import 'tailwind-variants';
|
|
7
5
|
import './styles.js';
|
|
8
6
|
|
|
9
|
-
declare const ClassificationBannerContext: react.Context<ContextValue<ClassificationBannerProps, HTMLDivElement>>;
|
|
10
|
-
declare function ClassificationBannerProvider({ children, ...props }: ProviderProps<ClassificationBannerProps>): react_jsx_runtime.JSX.Element;
|
|
11
|
-
declare namespace ClassificationBannerProvider {
|
|
12
|
-
var displayName: string;
|
|
13
|
-
}
|
|
14
7
|
/**
|
|
15
8
|
* ClassificationBanner - A prominent banner for displaying security classification
|
|
16
9
|
*
|
|
@@ -23,9 +16,5 @@ declare namespace ClassificationBannerProvider {
|
|
|
23
16
|
* <ClassificationBanner variant="confidential" />
|
|
24
17
|
*/
|
|
25
18
|
declare function ClassificationBanner({ ref, ...props }: ClassificationBannerProps): react_jsx_runtime.JSX.Element;
|
|
26
|
-
declare namespace ClassificationBanner {
|
|
27
|
-
var displayName: string;
|
|
28
|
-
var Provider: typeof ClassificationBannerProvider;
|
|
29
|
-
}
|
|
30
19
|
|
|
31
|
-
export { ClassificationBanner
|
|
20
|
+
export { ClassificationBanner };
|
|
@@ -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 {ClassificationBannerContext}from'./context.js';import {ClassificationBannerStylesDefaults,ClassificationBannerStyles}from'./styles.js';function u({ref:n,...i}){[i,n]=useContextProps(i,n??null,ClassificationBannerContext);const{className:a,variant:t=ClassificationBannerStylesDefaults.variant,children:s,...o}=i;return jsx("div",{...o,className:ClassificationBannerStyles({variant:t,className:a}),children:s})}export{u as ClassificationBanner};//# sourceMappingURL=index.js.map
|
|
4
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/classification-banner/index.tsx"],"names":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/classification-banner/index.tsx"],"names":["ref","props","useContextProps","r","ClassificationBannerContext","e","variant","c","jsx","f","l"],"mappings":"2PAiCO,SACLA,CACA,CAAA,CAAA,GACF,CAA8B,CAC5B,CAACC,GAAU,EAAIC,CAAAA,CACbD,CAAAA,CACAD,CAAAA,CAAAA,CAAO,CAAAG,eAAA,CAAA,CAAA,CACPC,CACF,EAEA,IAAA,CAAMC,2BACJ,iBACA,CAAA,CAAA,CAAAC,OAA6C,CAAA,CAAA,CAAAC,kCAAA,CAC7C,OAAA,CAAA,QAEF,CAAIN,CAAAA,CAEJ,GAAA,CAAA,CAAA,CAAA,CACEO,CAAAA,OAACC,GACE,CAAA,KACD,CAAA,CAAA,GAAA,CAAA,CAAA,SACE,CAAAC,0BAAA,CAAA,CAAAJ,OACA,CAAA,CAAA,CAAA,SAGD,CAAA,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 { useContextProps } from 'react-aria-components';\nimport { ClassificationBannerContext } from './context';\nimport {\n ClassificationBannerStyles,\n ClassificationBannerStylesDefaults,\n} from './styles';\nimport type { ClassificationBannerProps } from './types';\n\n/**\n * ClassificationBanner - A prominent banner for displaying security classification\n *\n * Provides a full-width banner component for displaying security classification\n * information at the top or bottom of pages. Essential for applications handling\n * classified or sensitive information requiring clear visual indicators.\n *\n * @example\n * // Top classification banner\n * <ClassificationBanner variant=\"confidential\" />\n */\nexport function ClassificationBanner({\n ref,\n ...props\n}: ClassificationBannerProps) {\n [props, ref] = useContextProps(\n props,\n ref ?? null,\n ClassificationBannerContext,\n );\n\n const {\n className,\n variant = ClassificationBannerStylesDefaults.variant,\n children,\n ...rest\n } = props;\n\n return (\n <div\n {...rest}\n className={ClassificationBannerStyles({\n variant,\n className,\n })}\n >\n {children}\n </div>\n );\n}\n"]}
|
|
@@ -32,8 +32,5 @@ import 'react';
|
|
|
32
32
|
* @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat| DateTimeFormat MDN}
|
|
33
33
|
*/
|
|
34
34
|
declare function Clock({ formatter, ...rest }: ClockProps): react_jsx_runtime.JSX.Element;
|
|
35
|
-
declare namespace Clock {
|
|
36
|
-
var displayName: string;
|
|
37
|
-
}
|
|
38
35
|
|
|
39
36
|
export { Clock };
|