@accelint/design-toolkit 7.0.1 → 8.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/catalog-info.yaml +12 -6
- package/dist/components/accordion/context.d.ts +0 -2
- package/dist/components/accordion/group.d.ts +0 -2
- package/dist/components/accordion/group.js +1 -1
- package/dist/components/accordion/group.js.map +1 -1
- package/dist/components/accordion/header.d.ts +0 -2
- package/dist/components/accordion/header.js +1 -1
- package/dist/components/accordion/header.js.map +1 -1
- package/dist/components/accordion/index.d.ts +0 -2
- package/dist/components/accordion/index.js +1 -1
- package/dist/components/accordion/index.js.map +1 -1
- package/dist/components/accordion/panel.d.ts +0 -2
- package/dist/components/accordion/panel.js +1 -1
- package/dist/components/accordion/panel.js.map +1 -1
- package/dist/components/accordion/styles.module.css +65 -0
- package/dist/components/accordion/trigger.d.ts +0 -2
- package/dist/components/accordion/trigger.js +1 -1
- package/dist/components/accordion/trigger.js.map +1 -1
- package/dist/components/accordion/types.d.ts +5 -5
- package/dist/components/action-bar/index.d.ts +1 -1
- package/dist/components/action-bar/index.js +1 -1
- package/dist/components/action-bar/index.js.map +1 -1
- package/dist/components/action-bar/styles.module.css +27 -0
- package/dist/components/action-bar/types.d.ts +3 -1
- package/dist/components/avatar/context.d.ts +0 -3
- package/dist/components/avatar/index.d.ts +0 -3
- package/dist/components/avatar/index.js +1 -1
- package/dist/components/avatar/index.js.map +1 -1
- package/dist/components/avatar/styles.module.css +45 -0
- package/dist/components/avatar/types.d.ts +1 -4
- package/dist/components/badge/context.d.ts +0 -2
- package/dist/components/badge/index.d.ts +0 -2
- package/dist/components/badge/index.js +1 -1
- package/dist/components/badge/index.js.map +1 -1
- package/dist/components/badge/styles.module.css +67 -0
- package/dist/components/badge/types.d.ts +3 -4
- package/dist/components/breadcrumbs/index.js +1 -1
- package/dist/components/breadcrumbs/index.js.map +1 -1
- package/dist/components/breadcrumbs/item.js +1 -1
- package/dist/components/breadcrumbs/item.js.map +1 -1
- package/dist/components/breadcrumbs/styles.module.css +41 -0
- package/dist/components/button/context.d.ts +0 -3
- package/dist/components/button/index.d.ts +0 -3
- package/dist/components/button/index.js +1 -1
- package/dist/components/button/index.js.map +1 -1
- package/dist/components/button/link.d.ts +0 -3
- package/dist/components/button/link.js +1 -1
- package/dist/components/button/link.js.map +1 -1
- package/dist/components/button/styles.module.css +917 -0
- package/dist/components/button/toggle.d.ts +0 -3
- package/dist/components/button/toggle.js +1 -1
- package/dist/components/button/toggle.js.map +1 -1
- package/dist/components/button/types.d.ts +6 -6
- package/dist/components/checkbox/group.js +1 -1
- package/dist/components/checkbox/group.js.map +1 -1
- package/dist/components/checkbox/index.js +1 -1
- package/dist/components/checkbox/index.js.map +1 -1
- package/dist/components/checkbox/styles.module.css +111 -0
- package/dist/components/chip/context.d.ts +3 -6
- package/dist/components/chip/context.js +1 -1
- package/dist/components/chip/context.js.map +1 -1
- package/dist/components/chip/deletable.d.ts +0 -3
- package/dist/components/chip/deletable.js +1 -1
- package/dist/components/chip/deletable.js.map +1 -1
- package/dist/components/chip/index.d.ts +0 -3
- package/dist/components/chip/index.js +1 -1
- package/dist/components/chip/index.js.map +1 -1
- package/dist/components/chip/list.d.ts +0 -3
- package/dist/components/chip/list.js +1 -1
- package/dist/components/chip/list.js.map +1 -1
- package/dist/components/chip/selectable.d.ts +0 -3
- package/dist/components/chip/selectable.js +1 -1
- package/dist/components/chip/selectable.js.map +1 -1
- package/dist/components/chip/styles.module.css +129 -0
- package/dist/components/chip/types.d.ts +7 -8
- package/dist/components/classification-badge/context.d.ts +1 -2
- package/dist/components/classification-badge/index.d.ts +1 -2
- package/dist/components/classification-badge/index.js +1 -1
- package/dist/components/classification-badge/index.js.map +1 -1
- package/dist/components/classification-badge/styles.module.css +63 -0
- package/dist/components/classification-badge/types.d.ts +3 -5
- package/dist/components/classification-banner/context.d.ts +0 -2
- package/dist/components/classification-banner/index.d.ts +0 -2
- package/dist/components/classification-banner/index.js +1 -1
- package/dist/components/classification-banner/index.js.map +1 -1
- package/dist/components/classification-banner/styles.module.css +55 -0
- package/dist/components/classification-banner/types.d.ts +4 -5
- 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.module.css +43 -0
- package/dist/components/combobox-field/context.d.ts +0 -3
- package/dist/components/combobox-field/index.d.ts +0 -3
- 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.module.css +101 -0
- package/dist/components/combobox-field/types.d.ts +0 -3
- package/dist/components/coordinate-field/context.d.ts +77 -0
- package/dist/components/coordinate-field/context.js +2 -0
- package/dist/components/coordinate-field/context.js.map +1 -0
- package/dist/components/coordinate-field/coordinate-utils.d.ts +282 -0
- package/dist/components/coordinate-field/coordinate-utils.js +2 -0
- package/dist/components/coordinate-field/coordinate-utils.js.map +1 -0
- package/dist/components/coordinate-field/index.d.ts +66 -0
- package/dist/components/coordinate-field/index.js +4 -0
- package/dist/components/coordinate-field/index.js.map +1 -0
- package/dist/components/coordinate-field/segment-configs.d.ts +163 -0
- package/dist/components/coordinate-field/segment-configs.js +2 -0
- package/dist/components/coordinate-field/segment-configs.js.map +1 -0
- package/dist/components/coordinate-field/segment.d.ts +39 -0
- package/dist/components/coordinate-field/segment.js +4 -0
- package/dist/components/coordinate-field/segment.js.map +1 -0
- package/dist/components/coordinate-field/styles.module.css +129 -0
- package/dist/components/coordinate-field/types.d.ts +194 -0
- package/dist/components/coordinate-field/types.js +2 -0
- package/dist/components/coordinate-field/types.js.map +1 -0
- package/dist/components/coordinate-field/width-utils.d.ts +29 -0
- package/dist/components/coordinate-field/width-utils.js +2 -0
- package/dist/components/coordinate-field/width-utils.js.map +1 -0
- package/dist/components/date-field/index.d.ts +0 -2
- package/dist/components/date-field/index.js +1 -1
- package/dist/components/date-field/index.js.map +1 -1
- package/dist/components/date-field/styles.module.css +103 -0
- package/dist/components/date-field/types.d.ts +1 -3
- package/dist/components/details-list/context.d.ts +0 -2
- package/dist/components/details-list/index.d.ts +0 -2
- 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 +0 -2
- package/dist/components/details-list/styles.module.css +52 -0
- package/dist/components/details-list/types.d.ts +2 -3
- package/dist/components/details-list/value.d.ts +0 -2
- package/dist/components/dialog/content.js +1 -1
- package/dist/components/dialog/content.js.map +1 -1
- package/dist/components/dialog/footer.js +1 -1
- package/dist/components/dialog/footer.js.map +1 -1
- package/dist/components/dialog/index.js +1 -1
- package/dist/components/dialog/index.js.map +1 -1
- package/dist/components/dialog/styles.module.css +86 -0
- package/dist/components/dialog/title.js +1 -1
- package/dist/components/dialog/title.js.map +1 -1
- package/dist/components/dialog/trigger.d.ts +5 -1
- package/dist/components/dialog/trigger.js +1 -1
- package/dist/components/dialog/trigger.js.map +1 -1
- package/dist/components/divider/index.js +1 -1
- package/dist/components/divider/index.js.map +1 -1
- package/dist/components/divider/styles.module.css +44 -0
- package/dist/components/drawer/back.js +1 -1
- package/dist/components/drawer/back.js.map +1 -1
- package/dist/components/drawer/close.js +1 -1
- package/dist/components/drawer/close.js.map +1 -1
- package/dist/components/drawer/content.js +1 -3
- package/dist/components/drawer/content.js.map +1 -1
- package/dist/components/drawer/context.d.ts +0 -4
- package/dist/components/drawer/footer.js +1 -3
- package/dist/components/drawer/footer.js.map +1 -1
- package/dist/components/drawer/header-title.d.ts +0 -4
- package/dist/components/drawer/header-title.js +1 -3
- package/dist/components/drawer/header-title.js.map +1 -1
- package/dist/components/drawer/header.js +1 -1
- package/dist/components/drawer/header.js.map +1 -1
- package/dist/components/drawer/index.d.ts +0 -4
- package/dist/components/drawer/index.js +1 -1
- package/dist/components/drawer/index.js.map +1 -1
- package/dist/components/drawer/layout-main.js +1 -3
- package/dist/components/drawer/layout-main.js.map +1 -1
- package/dist/components/drawer/layout.d.ts +0 -4
- package/dist/components/drawer/layout.js +1 -3
- package/dist/components/drawer/layout.js.map +1 -1
- package/dist/components/drawer/menu-item.d.ts +0 -4
- package/dist/components/drawer/menu-item.js +1 -1
- package/dist/components/drawer/menu-item.js.map +1 -1
- package/dist/components/drawer/menu.d.ts +0 -4
- package/dist/components/drawer/menu.js +1 -3
- package/dist/components/drawer/menu.js.map +1 -1
- package/dist/components/drawer/panel.js +1 -3
- package/dist/components/drawer/panel.js.map +1 -1
- package/dist/components/drawer/styles.module.css +304 -0
- package/dist/components/drawer/trigger.d.ts +0 -4
- package/dist/components/drawer/trigger.js +1 -1
- package/dist/components/drawer/trigger.js.map +1 -1
- package/dist/components/drawer/types.d.ts +3 -5
- package/dist/components/drawer/view.js +1 -1
- package/dist/components/drawer/view.js.map +1 -1
- package/dist/components/flashcard/index.d.ts +57 -0
- package/dist/components/flashcard/index.js +4 -0
- package/dist/components/flashcard/index.js.map +1 -0
- package/dist/components/flashcard/styles.module.css +60 -0
- package/dist/components/flashcard/types.d.ts +13 -0
- package/dist/components/hero/index.js +1 -1
- package/dist/components/hero/index.js.map +1 -1
- package/dist/components/hero/styles.module.css +51 -0
- package/dist/components/hotkey/context.d.ts +0 -2
- package/dist/components/hotkey/index.d.ts +0 -2
- package/dist/components/hotkey/index.js +1 -1
- package/dist/components/hotkey/index.js.map +1 -1
- package/dist/components/hotkey/set.d.ts +6 -0
- package/dist/components/hotkey/set.js +4 -0
- package/dist/components/hotkey/set.js.map +1 -0
- package/dist/components/hotkey/styles.module.css +36 -0
- package/dist/components/hotkey/types.d.ts +5 -6
- package/dist/components/icon/index.js +1 -1
- package/dist/components/icon/index.js.map +1 -1
- package/dist/components/icon/styles.module.css +38 -0
- package/dist/components/input/context.d.ts +0 -4
- package/dist/components/input/index.d.ts +0 -4
- package/dist/components/input/index.js +1 -1
- package/dist/components/input/index.js.map +1 -1
- package/dist/components/input/styles.module.css +175 -0
- package/dist/components/input/types.d.ts +7 -6
- package/dist/components/kanban/card-body.d.ts +12 -0
- package/dist/components/kanban/card-body.js +4 -0
- package/dist/components/kanban/card-body.js.map +1 -0
- package/dist/components/kanban/card-header-actions.d.ts +12 -0
- package/dist/components/kanban/card-header-actions.js +4 -0
- package/dist/components/kanban/card-header-actions.js.map +1 -0
- package/dist/components/kanban/card-header-title.d.ts +12 -0
- package/dist/components/kanban/card-header-title.js +4 -0
- package/dist/components/kanban/card-header-title.js.map +1 -0
- package/dist/components/kanban/card-header.d.ts +12 -0
- package/dist/components/kanban/card-header.js +4 -0
- package/dist/components/kanban/card-header.js.map +1 -0
- package/dist/components/kanban/card.d.ts +12 -0
- package/dist/components/kanban/card.js +4 -0
- package/dist/components/kanban/card.js.map +1 -0
- package/dist/components/kanban/column-actions.d.ts +12 -0
- package/dist/components/kanban/column-actions.js +4 -0
- package/dist/components/kanban/column-actions.js.map +1 -0
- package/dist/components/kanban/column-container.d.ts +12 -0
- package/dist/components/kanban/column-container.js +4 -0
- package/dist/components/kanban/column-container.js.map +1 -0
- package/dist/components/kanban/column-content.d.ts +12 -0
- package/dist/components/kanban/column-content.js +4 -0
- package/dist/components/kanban/column-content.js.map +1 -0
- package/dist/components/kanban/column-header-actions.d.ts +12 -0
- package/dist/components/kanban/column-header-actions.js +4 -0
- package/dist/components/kanban/column-header-actions.js.map +1 -0
- package/dist/components/kanban/column-header-drag-handle.d.ts +5 -0
- package/dist/components/kanban/column-header-drag-handle.js +4 -0
- package/dist/components/kanban/column-header-drag-handle.js.map +1 -0
- package/dist/components/kanban/column-header-title.d.ts +12 -0
- package/dist/components/kanban/column-header-title.js +4 -0
- package/dist/components/kanban/column-header-title.js.map +1 -0
- package/dist/components/kanban/column-header.d.ts +12 -0
- package/dist/components/kanban/column-header.js +4 -0
- package/dist/components/kanban/column-header.js.map +1 -0
- package/dist/components/kanban/column.d.ts +12 -0
- package/dist/components/kanban/column.js +4 -0
- package/dist/components/kanban/column.js.map +1 -0
- package/dist/components/kanban/context.d.ts +101 -0
- package/dist/components/kanban/context.js +2 -0
- package/dist/components/kanban/context.js.map +1 -0
- package/dist/components/kanban/header-actions.d.ts +12 -0
- package/dist/components/kanban/header-actions.js +4 -0
- package/dist/components/kanban/header-actions.js.map +1 -0
- package/dist/components/kanban/header-search.d.ts +12 -0
- package/dist/components/kanban/header-search.js +4 -0
- package/dist/components/kanban/header-search.js.map +1 -0
- package/dist/components/kanban/header-title.d.ts +12 -0
- package/dist/components/kanban/header-title.js +4 -0
- package/dist/components/kanban/header-title.js.map +1 -0
- package/dist/components/kanban/header.d.ts +12 -0
- package/dist/components/kanban/header.js +4 -0
- package/dist/components/kanban/header.js.map +1 -0
- package/dist/components/kanban/index.d.ts +9 -0
- package/dist/components/kanban/index.js +2 -0
- package/dist/components/kanban/index.js.map +1 -0
- package/dist/components/kanban/kanban.d.ts +18 -0
- package/dist/components/kanban/kanban.js +4 -0
- package/dist/components/kanban/kanban.js.map +1 -0
- package/dist/components/kanban/mock-data.d.ts +14 -0
- package/dist/components/kanban/mock-data.js +2 -0
- package/dist/components/kanban/mock-data.js.map +1 -0
- package/dist/components/kanban/styles.module.css +117 -0
- package/dist/components/kanban/types.d.ts +50 -0
- package/dist/components/kanban/types.js +2 -0
- package/dist/components/kanban/types.js.map +1 -0
- package/dist/components/label/index.js +1 -1
- package/dist/components/label/index.js.map +1 -1
- package/dist/components/label/styles.module.css +23 -0
- package/dist/components/lines/index.d.ts +0 -2
- package/dist/components/lines/index.js +1 -1
- package/dist/components/lines/index.js.map +1 -1
- package/dist/components/lines/styles.module.css +95 -0
- package/dist/components/lines/types.d.ts +4 -5
- package/dist/components/link/index.js +1 -1
- package/dist/components/link/index.js.map +1 -1
- package/dist/components/link/styles.module.css +37 -0
- package/dist/components/menu/context.d.ts +0 -2
- package/dist/components/menu/index.d.ts +0 -2
- package/dist/components/menu/index.js +1 -1
- package/dist/components/menu/index.js.map +1 -1
- package/dist/components/menu/item-description.js +1 -1
- package/dist/components/menu/item-description.js.map +1 -1
- package/dist/components/menu/item-label.js +1 -1
- package/dist/components/menu/item-label.js.map +1 -1
- package/dist/components/menu/item.d.ts +0 -2
- package/dist/components/menu/item.js +1 -1
- package/dist/components/menu/item.js.map +1 -1
- package/dist/components/menu/section.d.ts +0 -2
- package/dist/components/menu/section.js +1 -1
- package/dist/components/menu/section.js.map +1 -1
- package/dist/components/menu/separator.js +1 -1
- package/dist/components/menu/separator.js.map +1 -1
- package/dist/components/menu/styles.module.css +415 -0
- package/dist/components/menu/trigger.d.ts +5 -1
- package/dist/components/menu/trigger.js +1 -1
- package/dist/components/menu/trigger.js.map +1 -1
- package/dist/components/menu/types.d.ts +2 -3
- package/dist/components/notice/index.d.ts +0 -3
- package/dist/components/notice/index.js +1 -1
- package/dist/components/notice/index.js.map +1 -1
- package/dist/components/notice/list.d.ts +0 -3
- package/dist/components/notice/list.js +1 -1
- package/dist/components/notice/list.js.map +1 -1
- package/dist/components/notice/notice-icon.d.ts +0 -3
- package/dist/components/notice/styles.module.css +133 -0
- package/dist/components/notice/types.d.ts +3 -6
- 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 +2 -5
- package/dist/components/options/item-content.js +1 -3
- package/dist/components/options/item-content.js.map +1 -1
- package/dist/components/options/item-description.d.ts +2 -5
- package/dist/components/options/item-description.js +1 -3
- package/dist/components/options/item-description.js.map +1 -1
- package/dist/components/options/item-label.d.ts +2 -5
- package/dist/components/options/item-label.js +1 -3
- package/dist/components/options/item-label.js.map +1 -1
- package/dist/components/options/item.js +1 -1
- package/dist/components/options/item.js.map +1 -1
- package/dist/components/options/section.js +1 -3
- package/dist/components/options/section.js.map +1 -1
- package/dist/components/options/styles.module.css +397 -0
- package/dist/components/options/types.d.ts +2 -3
- package/dist/components/pagination/context.d.ts +9 -0
- package/dist/components/pagination/context.js +4 -0
- package/dist/components/pagination/context.js.map +1 -0
- package/dist/components/pagination/index.d.ts +25 -0
- package/dist/components/pagination/index.js +4 -0
- package/dist/components/pagination/index.js.map +1 -0
- package/dist/components/pagination/next.d.ts +10 -0
- package/dist/components/pagination/next.js +4 -0
- package/dist/components/pagination/next.js.map +1 -0
- package/dist/components/pagination/pages.d.ts +10 -0
- package/dist/components/pagination/pages.js +4 -0
- package/dist/components/pagination/pages.js.map +1 -0
- package/dist/components/pagination/prev.d.ts +10 -0
- package/dist/components/pagination/prev.js +4 -0
- package/dist/components/pagination/prev.js.map +1 -0
- package/dist/components/pagination/styles.module.css +25 -0
- package/dist/components/pagination/types.d.ts +35 -0
- package/dist/components/pagination/types.js +2 -0
- package/dist/components/pagination/types.js.map +1 -0
- package/dist/components/pagination/utils.d.ts +16 -0
- package/dist/components/pagination/utils.js +2 -0
- package/dist/components/pagination/utils.js.map +1 -0
- package/dist/components/popover/content.d.ts +2 -4
- package/dist/components/popover/content.js +1 -1
- package/dist/components/popover/content.js.map +1 -1
- package/dist/components/popover/footer.d.ts +2 -5
- package/dist/components/popover/footer.js +1 -1
- package/dist/components/popover/footer.js.map +1 -1
- package/dist/components/popover/index.d.ts +15 -19
- package/dist/components/popover/index.js +1 -1
- package/dist/components/popover/index.js.map +1 -1
- package/dist/components/popover/styles.module.css +32 -0
- package/dist/components/popover/title.d.ts +2 -4
- package/dist/components/popover/title.js +1 -1
- package/dist/components/popover/title.js.map +1 -1
- package/dist/components/popover/trigger.d.ts +1 -1
- package/dist/components/popover/trigger.js +1 -1
- package/dist/components/popover/trigger.js.map +1 -1
- package/dist/components/popover/types.d.ts +11 -22
- package/dist/components/query-builder/index.js +1 -1
- package/dist/components/query-builder/index.js.map +1 -1
- package/dist/components/query-builder/rule-group.js +1 -1
- package/dist/components/query-builder/rule-group.js.map +1 -1
- 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.module.css +87 -0
- package/dist/components/query-builder/value-editor.js +1 -1
- package/dist/components/query-builder/value-editor.js.map +1 -1
- package/dist/components/radio/group.js +1 -1
- package/dist/components/radio/group.js.map +1 -1
- package/dist/components/radio/index.js +1 -1
- package/dist/components/radio/index.js.map +1 -1
- package/dist/components/radio/styles.module.css +118 -0
- package/dist/components/search-field/context.d.ts +0 -4
- package/dist/components/search-field/index.d.ts +0 -4
- package/dist/components/search-field/index.js +1 -1
- package/dist/components/search-field/index.js.map +1 -1
- package/dist/components/search-field/styles.module.css +104 -0
- package/dist/components/search-field/types.d.ts +2 -7
- package/dist/components/select-field/context.d.ts +0 -3
- package/dist/components/select-field/index.d.ts +0 -3
- 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.module.css +78 -0
- package/dist/components/select-field/types.d.ts +0 -3
- package/dist/components/sidenav/avatar.js +1 -1
- package/dist/components/sidenav/avatar.js.map +1 -1
- package/dist/components/sidenav/content.js +1 -1
- package/dist/components/sidenav/content.js.map +1 -1
- package/dist/components/sidenav/footer.js +1 -3
- package/dist/components/sidenav/footer.js.map +1 -1
- package/dist/components/sidenav/header.js +1 -1
- package/dist/components/sidenav/header.js.map +1 -1
- package/dist/components/sidenav/index.js +1 -1
- package/dist/components/sidenav/index.js.map +1 -1
- package/dist/components/sidenav/item.js +1 -1
- package/dist/components/sidenav/item.js.map +1 -1
- package/dist/components/sidenav/link.js +1 -1
- package/dist/components/sidenav/link.js.map +1 -1
- package/dist/components/sidenav/menu-item.js +1 -3
- package/dist/components/sidenav/menu-item.js.map +1 -1
- package/dist/components/sidenav/menu.js +1 -1
- package/dist/components/sidenav/menu.js.map +1 -1
- package/dist/components/sidenav/styles.module.css +311 -0
- package/dist/components/sidenav/types.d.ts +1 -2
- package/dist/components/skeleton/index.d.ts +2 -4
- package/dist/components/skeleton/index.js +1 -1
- package/dist/components/skeleton/index.js.map +1 -1
- package/dist/components/skeleton/styles.module.css +33 -0
- package/dist/components/skeleton/types.d.ts +4 -5
- package/dist/components/slider/index.js +1 -1
- package/dist/components/slider/index.js.map +1 -1
- package/dist/components/slider/styles.module.css +220 -0
- package/dist/components/switch/index.js +1 -1
- package/dist/components/switch/index.js.map +1 -1
- package/dist/components/switch/styles.module.css +116 -0
- package/dist/components/table/body.d.ts +0 -3
- package/dist/components/table/body.js +1 -1
- package/dist/components/table/body.js.map +1 -1
- package/dist/components/table/cell.d.ts +0 -3
- package/dist/components/table/cell.js +1 -1
- package/dist/components/table/cell.js.map +1 -1
- package/dist/components/table/context.d.ts +0 -3
- package/dist/components/table/header-cell.d.ts +0 -3
- package/dist/components/table/header-cell.js +1 -1
- package/dist/components/table/header-cell.js.map +1 -1
- package/dist/components/table/header.d.ts +0 -3
- package/dist/components/table/header.js +1 -1
- package/dist/components/table/header.js.map +1 -1
- package/dist/components/table/index.d.ts +1 -4
- package/dist/components/table/index.js +1 -1
- package/dist/components/table/index.js.map +1 -1
- package/dist/components/table/row.d.ts +0 -3
- package/dist/components/table/row.js +1 -1
- package/dist/components/table/row.js.map +1 -1
- package/dist/components/table/styles.module.css +98 -0
- package/dist/components/table/types.d.ts +37 -16
- package/dist/components/tabs/index.js +1 -1
- package/dist/components/tabs/index.js.map +1 -1
- package/dist/components/tabs/list.js +1 -1
- package/dist/components/tabs/list.js.map +1 -1
- package/dist/components/tabs/panel.js +1 -1
- package/dist/components/tabs/panel.js.map +1 -1
- package/dist/components/tabs/styles.module.css +140 -0
- package/dist/components/tabs/tab.js +1 -1
- package/dist/components/tabs/tab.js.map +1 -1
- 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-area-field/styles.module.css +67 -0
- package/dist/components/text-field/context.d.ts +0 -4
- package/dist/components/text-field/index.d.ts +24 -4
- package/dist/components/text-field/index.js +1 -1
- package/dist/components/text-field/index.js.map +1 -1
- package/dist/components/text-field/styles.module.css +37 -0
- package/dist/components/text-field/types.d.ts +0 -4
- package/dist/components/time-field/index.d.ts +0 -3
- package/dist/components/time-field/index.js +1 -1
- package/dist/components/time-field/index.js.map +1 -1
- package/dist/components/time-field/styles.module.css +75 -0
- package/dist/components/time-field/types.d.ts +2 -5
- package/dist/components/tooltip/index.js +1 -1
- package/dist/components/tooltip/index.js.map +1 -1
- package/dist/components/tooltip/styles.module.css +20 -0
- package/dist/components/tree/context.d.ts +0 -2
- package/dist/components/tree/context.js +1 -1
- package/dist/components/tree/context.js.map +1 -1
- package/dist/components/tree/index.d.ts +0 -2
- package/dist/components/tree/index.js +1 -1
- package/dist/components/tree/index.js.map +1 -1
- package/dist/components/tree/item-actions.js +1 -1
- package/dist/components/tree/item-actions.js.map +1 -1
- package/dist/components/tree/item-content.d.ts +0 -2
- package/dist/components/tree/item-content.js +1 -1
- package/dist/components/tree/item-content.js.map +1 -1
- package/dist/components/tree/item-description.js +1 -1
- package/dist/components/tree/item-description.js.map +1 -1
- package/dist/components/tree/item-label.js +1 -1
- package/dist/components/tree/item-label.js.map +1 -1
- package/dist/components/tree/item-prefix-icon.js +1 -1
- package/dist/components/tree/item-prefix-icon.js.map +1 -1
- package/dist/components/tree/item.d.ts +0 -2
- package/dist/components/tree/item.js +1 -1
- package/dist/components/tree/item.js.map +1 -1
- package/dist/components/tree/lines.js +1 -1
- package/dist/components/tree/lines.js.map +1 -1
- package/dist/components/tree/styles.module.css +183 -0
- package/dist/components/tree/types.d.ts +6 -5
- package/dist/hooks/coordinate-field/index.d.ts +9 -0
- package/dist/hooks/coordinate-field/index.js +2 -0
- package/dist/hooks/coordinate-field/index.js.map +1 -0
- package/dist/hooks/coordinate-field/use-coordinate-copy.d.ts +19 -0
- package/dist/hooks/coordinate-field/use-coordinate-copy.js +2 -0
- package/dist/hooks/coordinate-field/use-coordinate-copy.js.map +1 -0
- package/dist/hooks/coordinate-field/use-coordinate-field-state.d.ts +28 -0
- package/dist/hooks/coordinate-field/use-coordinate-field-state.js +2 -0
- package/dist/hooks/coordinate-field/use-coordinate-field-state.js.map +1 -0
- package/dist/hooks/coordinate-field/use-coordinate-field.d.ts +49 -0
- package/dist/hooks/coordinate-field/use-coordinate-field.js +2 -0
- package/dist/hooks/coordinate-field/use-coordinate-field.js.map +1 -0
- package/dist/hooks/coordinate-field/use-coordinate-focus.d.ts +21 -0
- package/dist/hooks/coordinate-field/use-coordinate-focus.js +2 -0
- package/dist/hooks/coordinate-field/use-coordinate-focus.js.map +1 -0
- package/dist/hooks/coordinate-field/use-coordinate-paste.d.ts +21 -0
- package/dist/hooks/coordinate-field/use-coordinate-paste.js +2 -0
- package/dist/hooks/coordinate-field/use-coordinate-paste.js.map +1 -0
- package/dist/hooks/coordinate-field/use-timeout-cleanup.d.ts +6 -0
- package/dist/hooks/coordinate-field/use-timeout-cleanup.js +2 -0
- package/dist/hooks/coordinate-field/use-timeout-cleanup.js.map +1 -0
- package/dist/hooks/kanban/index.d.ts +93 -0
- package/dist/hooks/kanban/index.js +2 -0
- package/dist/hooks/kanban/index.js.map +1 -0
- package/dist/index.d.ts +60 -61
- package/dist/index.js +1 -1
- package/dist/index.module.css +19 -0
- package/dist/lib/utils.d.ts +1 -17
- package/dist/lib/utils.js +1 -1
- package/dist/lib/utils.js.map +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/providers/theme-provider.d.ts +1 -1
- package/dist/providers/theme-provider.js +1 -1
- package/dist/providers/theme-provider.js.map +1 -1
- package/package.json +37 -49
- package/dist/components/accordion/styles.d.ts +0 -56
- package/dist/components/accordion/styles.js +0 -2
- package/dist/components/accordion/styles.js.map +0 -1
- package/dist/components/action-bar/styles.d.ts +0 -5
- package/dist/components/action-bar/styles.js +0 -2
- package/dist/components/action-bar/styles.js.map +0 -1
- package/dist/components/avatar/styles.d.ts +0 -48
- package/dist/components/avatar/styles.js +0 -2
- package/dist/components/avatar/styles.js.map +0 -1
- package/dist/components/badge/styles.d.ts +0 -32
- package/dist/components/badge/styles.js +0 -2
- package/dist/components/badge/styles.js.map +0 -1
- package/dist/components/breadcrumbs/styles.d.ts +0 -48
- package/dist/components/breadcrumbs/styles.js +0 -2
- package/dist/components/breadcrumbs/styles.js.map +0 -1
- package/dist/components/button/styles.d.ts +0 -129
- package/dist/components/button/styles.js +0 -2
- package/dist/components/button/styles.js.map +0 -1
- package/dist/components/checkbox/styles.d.ts +0 -54
- package/dist/components/checkbox/styles.js +0 -2
- package/dist/components/checkbox/styles.js.map +0 -1
- package/dist/components/chip/styles.d.ts +0 -247
- package/dist/components/chip/styles.js +0 -2
- package/dist/components/chip/styles.js.map +0 -1
- package/dist/components/classification-badge/styles.d.ts +0 -38
- package/dist/components/classification-badge/styles.js +0 -2
- package/dist/components/classification-badge/styles.js.map +0 -1
- package/dist/components/classification-banner/styles.d.ts +0 -38
- package/dist/components/classification-banner/styles.js +0 -2
- package/dist/components/classification-banner/styles.js.map +0 -1
- package/dist/components/color-picker/styles.d.ts +0 -42
- package/dist/components/color-picker/styles.js +0 -2
- package/dist/components/color-picker/styles.js.map +0 -1
- package/dist/components/combobox-field/styles.d.ts +0 -72
- package/dist/components/combobox-field/styles.js +0 -2
- package/dist/components/combobox-field/styles.js.map +0 -1
- package/dist/components/date-field/styles.d.ts +0 -59
- package/dist/components/date-field/styles.js +0 -2
- package/dist/components/date-field/styles.js.map +0 -1
- package/dist/components/details-list/styles.d.ts +0 -65
- package/dist/components/details-list/styles.js +0 -2
- package/dist/components/details-list/styles.js.map +0 -1
- package/dist/components/dialog/styles.d.ts +0 -60
- package/dist/components/dialog/styles.js +0 -2
- package/dist/components/dialog/styles.js.map +0 -1
- package/dist/components/divider/styles.d.ts +0 -5
- package/dist/components/divider/styles.js +0 -2
- package/dist/components/divider/styles.js.map +0 -1
- package/dist/components/drawer/styles.d.ts +0 -152
- package/dist/components/drawer/styles.js +0 -2
- package/dist/components/drawer/styles.js.map +0 -1
- package/dist/components/hero/styles.d.ts +0 -48
- package/dist/components/hero/styles.js +0 -2
- package/dist/components/hero/styles.js.map +0 -1
- package/dist/components/hotkey/hotkey-set.d.ts +0 -9
- package/dist/components/hotkey/hotkey-set.js +0 -4
- package/dist/components/hotkey/hotkey-set.js.map +0 -1
- package/dist/components/hotkey/styles.d.ts +0 -53
- package/dist/components/hotkey/styles.js +0 -2
- package/dist/components/hotkey/styles.js.map +0 -1
- package/dist/components/icon/styles.d.ts +0 -5
- package/dist/components/icon/styles.js +0 -2
- package/dist/components/icon/styles.js.map +0 -1
- package/dist/components/input/styles.d.ts +0 -142
- package/dist/components/input/styles.js +0 -2
- package/dist/components/input/styles.js.map +0 -1
- package/dist/components/label/styles.d.ts +0 -5
- package/dist/components/label/styles.js +0 -2
- package/dist/components/label/styles.js.map +0 -1
- package/dist/components/lines/styles.d.ts +0 -32
- package/dist/components/lines/styles.js +0 -2
- package/dist/components/lines/styles.js.map +0 -1
- package/dist/components/link/styles.d.ts +0 -5
- package/dist/components/link/styles.js +0 -2
- package/dist/components/link/styles.js.map +0 -1
- package/dist/components/menu/styles.d.ts +0 -71
- package/dist/components/menu/styles.js +0 -2
- package/dist/components/menu/styles.js.map +0 -1
- package/dist/components/notice/styles.d.ts +0 -60
- package/dist/components/notice/styles.js +0 -2
- package/dist/components/notice/styles.js.map +0 -1
- package/dist/components/options/styles.d.ts +0 -72
- package/dist/components/options/styles.js +0 -2
- package/dist/components/options/styles.js.map +0 -1
- package/dist/components/popover/body.d.ts +0 -8
- package/dist/components/popover/body.js +0 -4
- package/dist/components/popover/body.js.map +0 -1
- package/dist/components/popover/styles.d.ts +0 -48
- package/dist/components/popover/styles.js +0 -2
- package/dist/components/popover/styles.js.map +0 -1
- package/dist/components/query-builder/styles.d.ts +0 -152
- package/dist/components/query-builder/styles.js +0 -2
- package/dist/components/query-builder/styles.js.map +0 -1
- package/dist/components/radio/styles.d.ts +0 -54
- package/dist/components/radio/styles.js +0 -2
- package/dist/components/radio/styles.js.map +0 -1
- package/dist/components/search-field/styles.d.ts +0 -53
- package/dist/components/search-field/styles.js +0 -2
- package/dist/components/search-field/styles.js.map +0 -1
- package/dist/components/select-field/styles.d.ts +0 -66
- package/dist/components/select-field/styles.js +0 -2
- package/dist/components/select-field/styles.js.map +0 -1
- package/dist/components/sidenav/styles.d.ts +0 -156
- package/dist/components/sidenav/styles.js +0 -2
- package/dist/components/sidenav/styles.js.map +0 -1
- package/dist/components/skeleton/styles.d.ts +0 -23
- package/dist/components/skeleton/styles.js +0 -2
- package/dist/components/skeleton/styles.js.map +0 -1
- package/dist/components/slider/styles.d.ts +0 -84
- package/dist/components/slider/styles.js +0 -2
- package/dist/components/slider/styles.js.map +0 -1
- package/dist/components/switch/styles.d.ts +0 -44
- package/dist/components/switch/styles.js +0 -2
- package/dist/components/switch/styles.js.map +0 -1
- package/dist/components/table/styles.d.ts +0 -134
- package/dist/components/table/styles.js +0 -2
- package/dist/components/table/styles.js.map +0 -1
- package/dist/components/tabs/styles.d.ts +0 -48
- package/dist/components/tabs/styles.js +0 -2
- package/dist/components/tabs/styles.js.map +0 -1
- package/dist/components/text-area-field/styles.d.ts +0 -54
- package/dist/components/text-area-field/styles.js +0 -2
- package/dist/components/text-area-field/styles.js.map +0 -1
- package/dist/components/text-field/styles.d.ts +0 -54
- package/dist/components/text-field/styles.js +0 -2
- package/dist/components/text-field/styles.js.map +0 -1
- package/dist/components/time-field/styles.d.ts +0 -69
- package/dist/components/time-field/styles.js +0 -2
- package/dist/components/time-field/styles.js.map +0 -1
- package/dist/components/tooltip/styles.d.ts +0 -5
- package/dist/components/tooltip/styles.js +0 -2
- package/dist/components/tooltip/styles.js.map +0 -1
- package/dist/components/tree/styles.d.ts +0 -128
- package/dist/components/tree/styles.js +0 -2
- package/dist/components/tree/styles.js.map +0 -1
- package/dist/index.css +0 -196
- package/dist/styles.css +0 -9484
- package/dist/tokens/themes.css +0 -882
- package/dist/tokens/themes.d.ts +0 -1
- package/dist/tokens/tokens.css +0 -202
- package/dist/tokens/tokens.d.ts +0 -468
- package/dist/tokens/tokens.js +0 -2
- package/dist/tokens/tokens.js.map +0 -1
- package/dist/tokens/types.d.ts +0 -308
- package/dist/variants/variants.css +0 -86
- package/dist/variants/variants.d.ts +0 -2
- /package/dist/{tokens → components/flashcard}/types.js +0 -0
- /package/dist/{tokens → components/flashcard}/types.js.map +0 -0
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { ToggleButtonProps } from './types.js';
|
|
3
3
|
import 'react-aria-components';
|
|
4
|
-
import 'tailwind-variants';
|
|
5
4
|
import '../../lib/types.js';
|
|
6
5
|
import 'react';
|
|
7
|
-
import './styles.js';
|
|
8
|
-
import 'tailwind-merge';
|
|
9
6
|
|
|
10
7
|
/**
|
|
11
8
|
* ToggleButton - A button component that maintains pressed/unpressed state
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps,ToggleButton,composeRenderProps}from'react-aria-components';import {IconProvider}from'../icon/context.js';import {ToggleButtonContext}from'./context.js';import
|
|
3
|
+
import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContextProps,ToggleButton,composeRenderProps}from'react-aria-components';import {IconProvider}from'../icon/context.js';import {ToggleButtonContext}from'./context.js';import e from'./styles.module.css';function b({ref:o,...t}){[t,o]=useContextProps(t,o??null,ToggleButtonContext);const{children:l,className:i,color:m="mono-muted",size:r="medium",variant:s="filled",...g}=t;return jsx(IconProvider,{size:r,children:jsx(ToggleButton,{...g,ref:o,className:composeRenderProps(i,u=>clsx("group/button",e.button,e.toggle,e[s],u)),"data-color":m,"data-size":r,children:l})})}export{b as ToggleButton};//# sourceMappingURL=toggle.js.map
|
|
4
4
|
//# sourceMappingURL=toggle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/button/toggle.tsx"],"names":["props","ref","ToggleButtonContext","
|
|
1
|
+
{"version":3,"sources":["../../../src/components/button/toggle.tsx"],"names":["ToggleButton","props","useContextProps","ref","d","ToggleButtonContext","B","children","color","variant","jsx","IconProvider","n","size","rest","c","a","styles"],"mappings":"qUA6DgBA,SAAoB,CAAA,CAAA,CAAGC,GAA4B,CACjE,CAACA,IAAU,CAAIC,CAAAA,CAAgBD,CAAAA,CAAOE,CAAAA,CAAAA,CAAO,CAAA,CAAAC,eAAA,CAAA,CAAMC,CAAmB,CAAA,EAEtE,IAAM,CACJC,mBAAA,CAAA,CAAA,KAAA,CAAAC,QACA,CAAA,CAAA,CAAA,SACAC,CAAAA,CAAQ,6BAER,QAAAC,CAAAA,OAAU,CAAA,CAAA,CACV,QAGF,CAAA,GAAA,CAAA,CAAA,CACEC,CAAAA,CAACC,OAAaC,GAAMC,aAClB,CAAA,CAAA,IAAA,CAAA,CAAA,CAAAH,QACMI,CAAAA,GACJ,eAAKX,GACL,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,UAEIY,kBAAA,CAAA,CAAA,CAAA,CAAA,EAAAC,IAAA,CAAA,cACO,CACPC,CAAAA,CAAO,MAAA,CACPA,CAAAA,CAAOR,MAGX,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,0BAGC,CAAA,CAAA,CAAAF,QAIT,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"toggle.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n ToggleButton as AriaToggleButton,\n composeRenderProps,\n useContextProps,\n} from 'react-aria-components';\nimport { IconProvider } from '../icon/context';\nimport { ToggleButtonContext } from './context';\nimport styles from './styles.module.css';\nimport type { ToggleButtonProps } from './types';\n\n/**\n * ToggleButton - A button component that maintains pressed/unpressed state\n *\n * Provides accessible toggle functionality with visual feedback for the current state.\n * Perfect for features like favorites, bookmarks, switches, or any binary state controls.\n * Includes icon support and integrates with React Aria for keyboard navigation and accessibility.\n *\n * @example\n * // Basic toggle button\n * <ToggleButton>Toggle Feature</ToggleButton>\n *\n * @example\n * // Controlled toggle button with different variants\n * <ToggleButton variant=\"flat\" isSelected={isEnabled} onChange={setIsEnabled}>\n * Enable Notifications\n * </ToggleButton>\n *\n * @example\n * // Toggle button with icon and state\n * <ToggleButton variant=\"outline\" isSelected={isFavorite} onChange={setIsFavorite}>\n * <Icon><Heart /></Icon>\n * {isFavorite ? 'Favorite' : 'Add to Favorites'}\n * </ToggleButton>\n *\n * @example\n * // Icon-only toggle button\n * <ToggleButton variant=\"icon\" isSelected={isBookmarked} onChange={setIsBookmarked}>\n * <Icon><Bookmark /></Icon>\n * </ToggleButton>\n *\n * @example\n * // Toggle button with different colors and sizes\n * <ToggleButton color=\"critical\" size=\"small\" isSelected={isEnabled}>\n * Critical Toggle\n * </ToggleButton>\n */\nexport function ToggleButton({ ref, ...props }: ToggleButtonProps) {\n [props, ref] = useContextProps(props, ref ?? null, ToggleButtonContext);\n\n const {\n children,\n className,\n color = 'mono-muted',\n size = 'medium',\n variant = 'filled',\n ...rest\n } = props;\n\n return (\n <IconProvider size={size}>\n <AriaToggleButton\n {...rest}\n ref={ref}\n className={composeRenderProps(className, (className) =>\n clsx(\n 'group/button',\n styles.button,\n styles.toggle,\n styles[variant],\n className,\n ),\n )}\n data-color={color}\n data-size={size}\n >\n {children}\n </AriaToggleButton>\n </IconProvider>\n );\n}\n"]}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { ButtonProps as ButtonProps$1, LinkProps, ToggleButtonProps as ToggleButtonProps$1 } from 'react-aria-components';
|
|
2
|
-
import { VariantProps } from 'tailwind-variants';
|
|
3
2
|
import { AriaAttributesWithRef } from '../../lib/types.js';
|
|
4
|
-
import { ButtonStyles, ToggleButtonStyles } from './styles.js';
|
|
5
3
|
import 'react';
|
|
6
|
-
import 'tailwind-merge';
|
|
7
4
|
|
|
8
|
-
type
|
|
5
|
+
type Variants = 'filled' | 'flat' | 'icon' | 'outline';
|
|
6
|
+
type ButtonStyleVariants = {
|
|
9
7
|
size?: 'large' | 'medium' | 'small' | 'xsmall';
|
|
10
8
|
color?: 'mono-muted' | 'mono-bold' | 'accent' | 'serious' | 'critical';
|
|
9
|
+
variant?: Variants;
|
|
10
|
+
};
|
|
11
|
+
type ToggleButtonStyleVariants = Omit<ButtonStyleVariants, 'variant'> & {
|
|
12
|
+
variant?: Exclude<Variants, 'filled'>;
|
|
11
13
|
};
|
|
12
|
-
type ButtonStyleVariants = VariantProps<typeof ButtonStyles> & ButtonVariantProps;
|
|
13
|
-
type ToggleButtonStyleVariants = VariantProps<typeof ToggleButtonStyles> & ButtonVariantProps;
|
|
14
14
|
type ButtonProps = ButtonProps$1 & ButtonStyleVariants & AriaAttributesWithRef<HTMLButtonElement>;
|
|
15
15
|
type LinkButtonProps = LinkProps & ButtonStyleVariants & AriaAttributesWithRef<HTMLAnchorElement>;
|
|
16
16
|
type ToggleButtonProps = ToggleButtonProps$1 & ToggleButtonStyleVariants & AriaAttributesWithRef<HTMLButtonElement>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {useContextProps,CheckboxGroup,composeRenderProps}from'react-aria-components';import {Label}from'../label/index.js';import {CheckboxGroupContext}from'./context.js';import
|
|
3
|
+
import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContextProps,CheckboxGroup,composeRenderProps}from'react-aria-components';import {Label}from'../label/index.js';import {CheckboxGroupContext}from'./context.js';import a from'./styles.module.css';function L({ref:o,...r}){[r,o]=useContextProps(r,o??null,CheckboxGroupContext);const{children:c,classNames:t,label:p,orientation:m="vertical",...u}=r;return jsx(CheckboxGroup,{...u,ref:o,className:composeRenderProps(t?.group,e=>clsx("group/checkbox-group",a.group,e)),"data-orientation":m,children:composeRenderProps(c,(e,{isDisabled:b,isRequired:n})=>jsxs(Fragment,{children:[p&&jsx(Label,{className:clsx(a.label,t?.label),isDisabled:b,isRequired:n,children:p}),e]}))})}export{L as CheckboxGroup};//# sourceMappingURL=group.js.map
|
|
4
4
|
//# sourceMappingURL=group.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/checkbox/group.tsx"],"names":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/checkbox/group.tsx"],"names":["props","useContextProps","ref","CheckboxGroupContext","h","k","children","classNames","orientation","rest","jsx","AriaCheckboxGroup","x","clsx","s","i","isDisabled","label","Label","styles","isRequired"],"mappings":"6UAyBgC,SAAqC,CACnE,CAACA,CAAAA,GAAU,CAAIC,CAAAA,CAAgBD,GAAOE,CAAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAMC,CAAoB,CAAA,CAEvEC,eAAA,CAAA,CAAA,CAAA,CAAM,EACJ,IAAA,CAAAC,oBAAA,CAAA,CAAAC,KACA,CAAA,QAAAC,CACA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,KAAAC,CAAAA,CAAc,CAAA,WACd,CAAA,CAAGC,CACL,UAEA,CACEC,GAACC,CAAA,CACE,CAAA,CAAA,CAAGF,OACCP,GACL,CAAAU,aAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAA8BL,CAAAA,CAAAA,CAAY,SACxCM,CAAAA,kBAAK,CAAA,CAAA,EAAA,KAAA,CAAA,CAAA,EAAAC,IAAA,CAAA,sBAEP,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,kBAEoBR,CAAU,CAACA,CAAAA,QAAY,CAAAS,kBAAA,CAAA,CAAA,CAAAC,CAAAA,CAAY,CAAA,CAAA,UAAW,CAAA,CAAA,CAAA,UAE7D,CAAA,CAAA,CAAA,GAAAC,IAAAA,CAAAA,QACCP,CAAAA,CAACQ,QACC,CAAA,CAAA,CAAA,EAAWL,GAAAA,CAAKM,KAAAA,CAAO,CAAA,SAAmB,CAAAL,IAAA,CAAA,CAAK,CAAA,KAC/C,CAAA,CAAA,EAAA,KACA,CAAA,CAAA,UAAYM,CAEX,CAAA,CAAA,UACH,CAEDd,CAAAA,CAAAA,QAKX,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"group.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n CheckboxGroup as AriaCheckboxGroup,\n composeRenderProps,\n useContextProps,\n} from 'react-aria-components';\nimport { Label } from '../label';\nimport { CheckboxGroupContext } from './context';\nimport styles from './styles.module.css';\nimport type { CheckboxGroupProps } from './types';\n\nexport function CheckboxGroup({ ref, ...props }: CheckboxGroupProps) {\n [props, ref] = useContextProps(props, ref ?? null, CheckboxGroupContext);\n\n const {\n children,\n classNames,\n label,\n orientation = 'vertical',\n ...rest\n } = props;\n\n return (\n <AriaCheckboxGroup\n {...rest}\n ref={ref}\n className={composeRenderProps(classNames?.group, (className) =>\n clsx('group/checkbox-group', styles.group, className),\n )}\n data-orientation={orientation}\n >\n {composeRenderProps(children, (children, { isDisabled, isRequired }) => (\n <>\n {label && (\n <Label\n className={clsx(styles.label, classNames?.label)}\n isDisabled={isDisabled}\n isRequired={isRequired}\n >\n {label}\n </Label>\n )}\n {children}\n </>\n ))}\n </AriaCheckboxGroup>\n );\n}\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {Remove,Check}from'@accelint/icons';import'client-only';import {useContextProps,Checkbox,composeRenderProps}from'react-aria-components';import {Icon}from'../icon/index.js';import {CheckboxContext}from'./context.js';import
|
|
3
|
+
import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {Remove,Check}from'@accelint/icons';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContextProps,Checkbox,composeRenderProps}from'react-aria-components';import {Icon}from'../icon/index.js';import {CheckboxContext}from'./context.js';import t from'./styles.module.css';function z({ref:c,...s}){[s,c]=useContextProps(s,c??null,CheckboxContext);const{classNames:r,children:n,...x}=s;return jsx(Checkbox,{...x,ref:c,className:composeRenderProps(r?.checkbox,e=>clsx("group/checkbox",t.checkbox,e)),children:composeRenderProps(n,(e,{isIndeterminate:b,isSelected:a})=>jsxs(Fragment,{children:[jsx("span",{className:clsx(t.control,r?.control),children:jsxs(Icon,{size:"small",children:[b&&!a&&jsx(Remove,{}),a&&jsx(Check,{})]})}),e&&jsx("span",{className:clsx(t.label,r?.label),children:e})]}))})}export{z as Checkbox};//# sourceMappingURL=index.js.map
|
|
4
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/checkbox/index.tsx"],"names":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/checkbox/index.tsx"],"names":["props","useContextProps","ref","CheckboxContext","C","u","rest","jsx","AriaCheckbox","k","classNames","className","clsx","m","composeRenderProps","children","p","N","o","styles","l","f","isSelected","Check","i"],"mappings":"4WA2D2B,SAAgC,CACzD,CAACA,CAAAA,GAAU,CAAIC,CAAAA,CAAgBD,GAAOE,CAAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAMC,CAAe,CAAA,CAElEC,eAAA,CAAA,CAAA,CAAA,CAAM,EAAE,IAAA,CAAAC,eAAA,CAAA,CAAA,gBAAsB,CAAA,CAAGC,CAAK,QAEtC,CAAA,CAAA,CACEC,GAACC,CAAA,CACE,GAAGF,OACCJ,GACL,CAAAO,QAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAA8BC,CAAAA,CAAAA,CAAY,SAAWC,CAAAA,kBAAAA,CACnDC,GAAK,QAAA,CAAA,CAAA,EAAAC,IAAA,CAAA,gBACP,CAEC,CAAA,CAAA,QAAAC,CACCC,EACA,CAACA,CAAAA,QAAY,CAAAC,kBAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,eAA4B,CAAA,CAAA,CAAA,UAErC,CAAA,CAAA,CAAA,GAAAT,IAAAA,CAACU,kBAAK,CAAA,CAAAC,GAAA,CAAA,MAAgBC,CAAO,CAAA,UAAqBN,IAAA,CAAA,CAAA,CAAA,OAChD,CAAA,CAAA,EAAA,OAAC,CAAK,CAAA,QAAK,CAAAO,IAAA,CAAAC,IACR,cAAoBC,CAAAA,QAAsB,CAAA,CAC1CA,CAAAA,EAAcf,CAAAA,CAACgB,EAAAL,GAAA,CAAMM,MAAA,CAAA,EACxB,CACF,CAAA,CACCT,EAAAA,GACCR,CAAAA,KAAC,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,EAAAW,GAAA,CAAA,MAAgBC,CAAO,CAAA,SAAmB,CAAAN,IAAA,CAAA,CAAK,MAClD,CAAA,CAAA,EAAA,KACH,CAEJ,CAEJ,QAGN,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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n Checkbox as AriaCheckbox,\n composeRenderProps,\n useContextProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { CheckboxContext } from './context';\nimport styles from './styles.module.css';\nimport type { CheckboxProps } from './types';\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 clsx('group/checkbox', styles.checkbox, className),\n )}\n >\n {composeRenderProps(\n children,\n (children, { isIndeterminate, isSelected }) => (\n <>\n <span className={clsx(styles.control, classNames?.control)}>\n <Icon size='small'>\n {isIndeterminate && !isSelected && <Remove />}\n {isSelected && <Check />}\n </Icon>\n </span>\n {children && (\n <span className={clsx(styles.label, classNames?.label)}>\n {children}\n </span>\n )}\n </>\n ),\n )}\n </AriaCheckbox>\n );\n}\n"]}
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
|
|
3
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
4
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
5
|
+
* of the License at https://www.apache.org/licenses/LICENSE-2.0
|
|
6
|
+
*
|
|
7
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
8
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
9
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
10
|
+
* governing permissions and limitations under the License.
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
@reference '../../index.module.css';
|
|
14
|
+
|
|
15
|
+
@layer components.l1 {
|
|
16
|
+
.group {
|
|
17
|
+
@apply gap-xs flex;
|
|
18
|
+
|
|
19
|
+
@variant orientation-horizontal {
|
|
20
|
+
@apply flex-wrap;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
@variant orientation-vertical {
|
|
24
|
+
@apply flex-col;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.label {
|
|
28
|
+
@apply w-full;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.checkbox {
|
|
33
|
+
@apply gap-m flex cursor-pointer items-center;
|
|
34
|
+
|
|
35
|
+
@variant disabled {
|
|
36
|
+
@apply cursor-not-allowed;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
@variant group-orientation-horizontal/checkbox-group {
|
|
40
|
+
@apply grow basis-1/3;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.label {
|
|
44
|
+
@apply fg-primary-bold text-body-s;
|
|
45
|
+
|
|
46
|
+
@variant group-disabled/checkbox {
|
|
47
|
+
@apply fg-disabled;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.control {
|
|
53
|
+
@apply size-l rounded-small outline-interactive fg-info-bold my-xxs flex items-center justify-center outline;
|
|
54
|
+
|
|
55
|
+
@variant group-hover/checkbox {
|
|
56
|
+
@apply outline-interactive-hover;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
@variant group-focus-visible/checkbox {
|
|
60
|
+
@apply outline-interactive-hover;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
@variant group-pressed/checkbox {
|
|
64
|
+
@apply outline-interactive-pressed;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
@variant group-disabled/checkbox {
|
|
68
|
+
@apply fg-disabled outline-interactive-disabled;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
@variant group-indeterminate/checkbox {
|
|
72
|
+
@apply fg-a11y-on-accent bg-accent-primary-bold outline-accent-primary-bold;
|
|
73
|
+
|
|
74
|
+
@variant group-hover/checkbox {
|
|
75
|
+
@apply bg-accent-primary-hover outline-accent-primary-hover;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
@variant group-focus-visible/checkbox {
|
|
79
|
+
@apply bg-accent-primary-hover outline-accent-primary-hover;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
@variant group-pressed/checkbox {
|
|
83
|
+
@apply bg-accent-primary-pressed outline-accent-primary-pressed;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
@variant group-disabled/checkbox {
|
|
87
|
+
@apply bg-interactive-disabled;
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
@variant group-selected/checkbox {
|
|
92
|
+
@apply fg-a11y-on-accent bg-accent-primary-bold outline-accent-primary-bold;
|
|
93
|
+
|
|
94
|
+
@variant group-hover/checkbox {
|
|
95
|
+
@apply bg-accent-primary-hover outline-accent-primary-hover;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
@variant group-focus-visible/checkbox {
|
|
99
|
+
@apply bg-accent-primary-hover outline-accent-primary-hover;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
@variant group-pressed/checkbox {
|
|
103
|
+
@apply bg-accent-primary-pressed outline-accent-primary-pressed;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
@variant group-disabled/checkbox {
|
|
107
|
+
@apply bg-interactive-disabled;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
}
|
|
@@ -2,12 +2,9 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
2
2
|
import * as react from 'react';
|
|
3
3
|
import { ProviderProps } from '../../lib/types.js';
|
|
4
4
|
import { ContextValue } from 'react-aria-components';
|
|
5
|
-
import {
|
|
6
|
-
import 'tailwind-variants';
|
|
7
|
-
import './styles.js';
|
|
8
|
-
import 'tailwind-merge';
|
|
5
|
+
import { ChipContextValue } from './types.js';
|
|
9
6
|
|
|
10
|
-
declare const ChipContext: react.Context<ContextValue<
|
|
11
|
-
declare function ChipProvider({ children, ...props }: ProviderProps<
|
|
7
|
+
declare const ChipContext: react.Context<ContextValue<ChipContextValue, HTMLDivElement>>;
|
|
8
|
+
declare function ChipProvider({ children, ...props }: ProviderProps<ChipContextValue>): react_jsx_runtime.JSX.Element;
|
|
12
9
|
|
|
13
10
|
export { ChipContext, ChipProvider };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';const
|
|
3
|
+
import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';const r=createContext(null);function C({children:t,...e}){return jsx(r.Provider,{value:e,children:t})}export{r as ChipContext,C as ChipProvider};//# sourceMappingURL=context.js.map
|
|
4
4
|
//# sourceMappingURL=context.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/chip/context.tsx"],"names":["ChipContext","createContext","ChipProvider","children","props","jsx"],"mappings":"0FAmBO,MAAMA,CAAAA,CACXC,aAAAA,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/chip/context.tsx"],"names":["ChipContext","createContext","ChipProvider","children","props","jsx"],"mappings":"0FAmBO,MAAMA,CAAAA,CACXC,aAAAA,CAA8D,IAAI,EAE7D,SAASC,CAAAA,CAAa,CAC3B,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAoC,CAClC,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 { ChipContextValue } from './types';\n\nexport const ChipContext =\n createContext<ContextValue<ChipContextValue, HTMLDivElement>>(null);\n\nexport function ChipProvider({\n children,\n ...props\n}: ProviderProps<ChipContextValue>) {\n return <ChipContext.Provider value={props}>{children}</ChipContext.Provider>;\n}\n"]}
|
|
@@ -2,9 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
2
2
|
import { DeletableChipProps } from './types.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
import 'react-aria-components';
|
|
5
|
-
import 'tailwind-variants';
|
|
6
|
-
import './styles.js';
|
|
7
|
-
import 'tailwind-merge';
|
|
8
5
|
|
|
9
6
|
declare function DeletableChip({ ref, ...props }: DeletableChipProps): react_jsx_runtime.JSX.Element;
|
|
10
7
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
'use client';
|
|
2
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
|
|
3
|
+
import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';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 m from'./styles.module.css';function R({ref:o,...t}){[t,o]=useContextProps(t,o??null,ChipContext);const{children:i,classNames:s,size:r="medium",textValue:p=typeof i=="string"?i:void 0,...c}=t,h=r==="small"?"xsmall":"small";return jsx(Tag,{...c,ref:o,className:composeRenderProps(s?.chip,l=>clsx("group/chip",m.chip,m.deletable,l)),textValue:p,"data-size":r,children:composeRenderProps(i,(l,{allowsRemoving:u})=>{if(!u)throw new Error("You have a <DeletableChip> in a <ChipList> that does not specify an onRemove handler.");return jsxs(Fragment,{children:[l,jsx(Button,{slot:"remove",color:"mono-muted",size:r,variant:"icon",className:composeRenderProps(s?.remove,f=>clsx(m.remove,f)),children:jsx(Icon,{size:h,children:jsx(CancelFill,{})})})]})})})}export{R as DeletableChip};//# sourceMappingURL=deletable.js.map
|
|
4
4
|
//# sourceMappingURL=deletable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/chip/deletable.tsx"],"names":["props","
|
|
1
|
+
{"version":3,"sources":["../../../src/components/chip/deletable.tsx"],"names":["props","ref","ChipContext","children","g","jsx","rest","e","composeRenderProps","classNames","className","clsx","a","styles","textValue","size","allowsRemoving","z","y","x","Icon","iconSize","CancelFill","b","d"],"mappings":"yYA4BE,SAA+BA,CAAOC,KAAO,CAAA,CAAA,CAAMC,GAEnD,CAAA,CAAA,CAAA,CAAA,CAAM,CACJ,uBAAAC,EACA,IAAA,CAAAC,WAAA,CAAA,CAAA,KACA,CAAA,QAAO,CAAA,CAAA,CAAA,UACP,CAAA,CAAA,CAAA,IAAY,CAAA,CAAA,CAAA,kBAA0C,CAAA,CAAA,CAAA,OAExD,GAAIJ,QAEsB,CAAA,CAAA,CAAA,MAAU,CAAA,GAAA,CAAA,CAAA,CAAW,QAE/C,OACEK,CAAAA,QACMC,CACJ,OACA,CAAA,OAAAC,GAAWC,CAAAA,GAAmBC,KAAY,CAAA,CAAA,GAAOC,CAC/CC,CAAAA,CAAK,SAAA,CAAAC,kBAAA,CAAA,CAAcC,EAAO,IAAA,CAAMA,CAAAA,mBAElC,CAAA,CAAA,CAAA,IAAA,CAAA,CAAWC,CAAAA,SACX,CAAA,CAAA,CAAA,CAAWC,CAAAA,UAEVP,CAAAA,CAAmBL,sBAAsC,CAAAS,kBAAA,CAAA,CAAM,CAC9D,CAAA,CAAA,CAAI,CAACI,cACO,CAAA,CAAA,CAAA,GACR,CAAA,GAAA,CAAA,CAAA,CAAA,MAAA,IAAA,KAAA,CAAA,uFAMCb,CACDE,CAAAA,OACEY,IAAA,CAAKC,kBACL,CAAA,CAAA,CAAA,CAAMX,GAAA,CAAAY,MAAA,CAAA,CAAA,IAAA,CAAA,QACAJ,CAAAA,kBAEN,CAAA,IAAA,CAAA,CAAA,CAAWP,OAA+B,CAAA,OACxCG,SAAY,CAAAC,kBAAQF,CAAS,CAC/B,EAEA,MAAA,CAAA,CAAA,MAACU,CAAAA,CAAA,CAAK,MAAMC,CACV,CAAA,CAAA,CAAA,CAAA,QAACC,CAAAf,IAAWgB,IAAA,CACd,CAAA,IAEJ,CAEJ,CAAC,SAGP,CAAAhB,GAAA,CAAAiB,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 { clsx } from '@accelint/design-foundation/lib/utils';\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 styles from './styles.module.css';\nimport type { DeletableChipProps } from './types';\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 clsx('group/chip', styles.chip, styles.deletable, className),\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 slot='remove'\n color='mono-muted'\n size={size}\n variant='icon'\n className={composeRenderProps(classNames?.remove, (className) =>\n clsx(styles.remove, className),\n )}\n >\n <Icon size={iconSize}>\n <CancelFill />\n </Icon>\n </Button>\n </>\n );\n })}\n </AriaTag>\n );\n}\n"]}
|
|
@@ -2,9 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
2
2
|
import { ChipProps } from './types.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
import 'react-aria-components';
|
|
5
|
-
import 'tailwind-variants';
|
|
6
|
-
import './styles.js';
|
|
7
|
-
import 'tailwind-merge';
|
|
8
5
|
|
|
9
6
|
/**
|
|
10
7
|
* Chip - A compact element for displaying tags, filters, or selectable items
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
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
|
|
3
|
+
import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';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 u from'./styles.module.css';function T({ref:o,...t}){[t,o]=useContextProps(t,o??null,ChipContext);const e=useContext(ChipListRenderingContext)?Tag:"div",{className:m,color:s="info",size:i="medium",...n}=t;return jsx(IconProvider,{size:i==="medium"?"small":"xsmall",children:jsx(e,{...n,ref:o,className:clsx("group/chip",u.chip,m),"data-color":s,"data-size":i})})}export{T as Chip};//# sourceMappingURL=index.js.map
|
|
4
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/chip/index.tsx"],"names":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/chip/index.tsx"],"names":["ref","useContextProps","props","ChipContext","l","useContext","ChipListRenderingContext","AriaTag","c","d","a","className","size","rest","jsx","IconProvider","C","Component","r","clsx","p","styles","color"],"mappings":"iXAyDuB,SAAc,EAAc,CACjD,GAAQA,CAAG,CAAA,CAAIC,GAAgBC,CAAOF,CAAAA,CAAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAMG,CAAWC,eAAA,CAG9D,CAAA,CAAA,CAAA,EAAA,IADgBC,CAAWC,WAAwB,EACvBC,MAAU,CAAA,CAChCC,UAAE,CAAAC,wBAAA,CAAA,CAAAC,GAAA,CAAA,KAAAC,CAAW,CAAA,SAAQ,CAAA,CAAA,CAAA,KAAQ,CAAA,CAAAC,OAAO,CAAA,IAAU,CAAA,CAAGC,CAAK,QAE5D,CAAA,GACEC,CAACC,CAAAA,CAAA,CAAa,QAAMH,GAAS,CAAAI,YAAA,CAAA,CAAA,IAAA,CAAW,YAAU,CAAA,OAChD,CAAA,QAACC,CAAA,QAEC,CAAAC,GAAKlB,CAAAA,CACL,UAAWmB,CAAAA,CAAK,CAAA,SAAA,CAAAC,IAAA,CAAcC,uBAClBC,YACZ,CAAA,CAAWV,CAAAA,WAInB,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 { clsx } from '@accelint/design-foundation/lib/utils';\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 styles from './styles.module.css';\nimport type { ChipProps } from './types';\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 { className, color = 'info', size = 'medium', ...rest } = props;\n\n return (\n <IconProvider size={size === 'medium' ? 'small' : 'xsmall'}>\n <Component\n {...rest}\n ref={ref}\n className={clsx('group/chip', styles.chip, className)}\n data-color={color}\n data-size={size}\n />\n </IconProvider>\n );\n}\n"]}
|
|
@@ -2,9 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
2
2
|
import * as react from 'react';
|
|
3
3
|
import { ChipListProps } from './types.js';
|
|
4
4
|
import 'react-aria-components';
|
|
5
|
-
import 'tailwind-variants';
|
|
6
|
-
import './styles.js';
|
|
7
|
-
import 'tailwind-merge';
|
|
8
5
|
|
|
9
6
|
declare const ChipListRenderingContext: react.Context<boolean>;
|
|
10
7
|
declare function ChipList<T extends object>({ ref, ...props }: ChipListProps<T>): react_jsx_runtime.JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
'use client';
|
|
2
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
|
|
3
|
+
import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {createContext}from'react';import {useContextProps,TagGroup,TagList,composeRenderProps}from'react-aria-components';import {ChipContext,ChipProvider}from'./context.js';import P from'./styles.module.css';const f=createContext(false);function E({ref:t,...i}){[i,t]=useContextProps(i,t??null,ChipContext);const{children:r,className:o,color:s,dependencies:p,items:n,renderEmptyState:a,size:m="small",...l}=i;return jsx(f.Provider,{value:true,children:jsx(ChipProvider,{color:s,size:m,children:jsx(TagGroup,{...l,children:jsx(TagList,{ref:t,className:composeRenderProps(o,c=>clsx("group/chip-list",P.list,c)),dependencies:p,items:n,renderEmptyState:a,children:r})})})})}export{E as ChipList,f as ChipListRenderingContext};//# sourceMappingURL=list.js.map
|
|
4
4
|
//# sourceMappingURL=list.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/chip/list.tsx"],"names":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/chip/list.tsx"],"names":["C","ref","props","useContextProps","ChipContext","x","size","e","L","h","rest","g","className","clsx","d"],"mappings":"kUA0BsD,MAAA,CAAK,CAAAA,aAEpD,CAAA,KAAA,EAAA,SACL,CAAA,CAAAC,CAAAA,GACA,CAAGC,CACL,CAAA,GACGA,CAAAA,CAAOD,CAAG,CAAA,CAAIE,CAAAA,CAAgBD,CAAAA,CAAOD,CAAAA,eAAAA,CAAO,CAAA,CAAA,CAAA,EAAMG,IAEnD,CAAAC,WAAA,CAAA,CAAM,KACJ,CAAA,QACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,KACA,CAAA,CAAA,CAAA,YACA,CAAA,CAAA,CAAA,KACA,CAAA,CAAA,CAAA,gBACA,CAAA,CAAA,CAAAC,IAAO,CAAA,CAAA,CAAA,OAET,CAAA,GAEA,CAAA,CAAA,CAAA,CAAA,CAAA,OAC4BC,GAAA,CAAA,CAAA,CAAA,QAAS,CAAA,CAAA,KACjC,CAAA,IAAA,CAAA,QAAC,CAAaA,GAAA,CAAAC,YAAA,CAAA,CAAA,KAAc,CAAA,CAAA,CAAMF,IAChC,CAAA,CAAA,CAAA,QAAC,CAAcC,GAAA,CAAAE,QAAGC,CAAAA,CAChB,GAAA,CAAA,CAAA,QAAC,CACCH,GAAA,CAAAI,OAAA,CAAKV,CAAAA,GACL,CAAA,CAAA,CAAA,SAA0CW,CAAAA,kBAAAA,CACxCC,CAAAA,CAAK,CAAA,EAAAC,IAAA,CAAA,iBAA0B,CAAA,CAAA,CAAMF,IAEvC,CAAA,CAAA,CAAA,CAAA,CAAA,YACA,CAAA,CAAA,CAAA,KACA,CAAA,CAAA,CAAA,gBAEC,CAAA,CAAA,CAAA,QAEL,CAAA,CACF,EACF,CAEJ,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 { clsx } from '@accelint/design-foundation/lib/utils';\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 styles from './styles.module.css';\nimport type { ChipListProps } from './types';\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 color,\n dependencies,\n items,\n renderEmptyState,\n size = 'small',\n ...rest\n } = props;\n\n return (\n <ChipListRenderingContext.Provider value>\n <ChipProvider color={color} size={size}>\n <AriaTagGroup {...rest}>\n <AriaTagList<T>\n ref={ref}\n className={composeRenderProps(className, (className) =>\n clsx('group/chip-list', styles.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"]}
|
|
@@ -2,9 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
2
2
|
import { SelectableChipProps } from './types.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
import 'react-aria-components';
|
|
5
|
-
import 'tailwind-variants';
|
|
6
|
-
import './styles.js';
|
|
7
|
-
import 'tailwind-merge';
|
|
8
5
|
|
|
9
6
|
declare function SelectableChip({ ref, ...props }: SelectableChipProps): react_jsx_runtime.JSX.Element;
|
|
10
7
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
'use client';
|
|
2
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
|
|
3
|
+
import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContextProps,Tag,composeRenderProps}from'react-aria-components';import {ChipContext}from'./context.js';import o from'./styles.module.css';function d({ref:e,...t}){[t,e]=useContextProps(t,e??null,ChipContext);const{className:s,size:i="medium",...p}=t;return jsx(Tag,{...p,ref:e,className:composeRenderProps(s,r=>clsx("group/chip",o.chip,o.selectable,r)),"data-size":i})}export{d as SelectableChip};//# sourceMappingURL=selectable.js.map
|
|
4
4
|
//# sourceMappingURL=selectable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/chip/selectable.tsx"],"names":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/chip/selectable.tsx"],"names":["ref","props","useContextProps","ChipContext","n","size","h","m","rest","className","clsx","l","styles"],"mappings":"sQAwBO,SAA0B,CAAA,CAAAA,CAAAA,GAAK,CAAGC,CAAM,IAC5CA,CAAAA,CAAOD,CAAG,EAAIE,CAAAA,CAAgBD,CAAAA,CAAOD,CAAAA,eAAAA,CAAO,CAAA,CAAA,CAAA,EAAMG,IAEnD,CAAAC,WAAA,CAAA,CAAM,KAAE,CAAA,SAAW,CAAA,CAAA,CAAAC,IAAO,CAAA,CAAA,CAAA,QAAkB,CAAA,GAE5C,CAAA,CAAA,CAAA,CAAA,CAAA,OAEKC,GAAA,CAAAC,GAAGC,CAAAA,CACJ,GAAA,CAAKR,IACL,CAAA,CAAA,CAAA,SAA0CS,CAAAA,kBAAAA,CACxCC,EAAK,CAAA,EAAAC,IAAA,CAAA,YAAqB,CAAA,CAAA,CAAMC,iBAElC,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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n Tag as AriaTag,\n composeRenderProps,\n useContextProps,\n} from 'react-aria-components';\nimport { ChipContext } from './context';\nimport styles from './styles.module.css';\nimport type { SelectableChipProps } from './types';\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 clsx('group/chip', styles.chip, styles.selectable, className),\n )}\n data-size={size}\n />\n );\n}\n"]}
|