npm - @ds-mo/ui - Versions diffs - 0.3.0 → 0.4.0 - Mend

@ds-mo/ui 0.3.0 → 0.4.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.

Files changed (521) hide show

package/dist/components/ds-accordion.d.ts +11 -0
package/dist/components/ds-accordion.js +2 -0
package/dist/components/ds-accordion.js.map +1 -0
package/dist/components/ds-badge.d.ts +11 -0
package/dist/components/ds-badge.js +2 -0
package/dist/components/ds-badge.js.map +1 -0
package/dist/components/ds-banner.d.ts +11 -0
package/dist/components/ds-banner.js +2 -0
package/dist/components/ds-banner.js.map +1 -0
package/dist/components/ds-breadcrumb.d.ts +11 -0
package/dist/components/ds-breadcrumb.js +2 -0
package/dist/components/ds-breadcrumb.js.map +1 -0
package/dist/components/ds-button.d.ts +11 -0
package/dist/components/ds-button.js +2 -0
package/dist/components/ds-button.js.map +1 -0
package/dist/components/ds-card.d.ts +11 -0
package/dist/components/ds-card.js +2 -0
package/dist/components/ds-card.js.map +1 -0
package/dist/components/ds-checkbox.d.ts +11 -0
package/dist/components/ds-checkbox.js +2 -0
package/dist/components/ds-checkbox.js.map +1 -0
package/dist/components/ds-divider.d.ts +11 -0
package/dist/components/ds-divider.js +2 -0
package/dist/components/ds-divider.js.map +1 -0
package/dist/components/ds-empty-state.d.ts +11 -0
package/dist/components/ds-empty-state.js +2 -0
package/dist/components/ds-empty-state.js.map +1 -0
package/dist/components/ds-fade.d.ts +11 -0
package/dist/components/ds-fade.js +2 -0
package/dist/components/ds-fade.js.map +1 -0
package/dist/components/ds-field.d.ts +11 -0
package/dist/components/ds-field.js +2 -0
package/dist/components/ds-field.js.map +1 -0
package/dist/components/ds-header.d.ts +11 -0
package/dist/components/ds-header.js +2 -0
package/dist/components/ds-header.js.map +1 -0
package/dist/components/ds-input.d.ts +11 -0
package/dist/components/ds-input.js +2 -0
package/dist/components/ds-input.js.map +1 -0
package/dist/components/ds-loader.d.ts +11 -0
package/dist/components/ds-loader.js +2 -0
package/dist/components/ds-loader.js.map +1 -0
package/dist/components/ds-menu.d.ts +11 -0
package/dist/components/ds-menu.js +2 -0
package/dist/components/ds-menu.js.map +1 -0
package/dist/components/ds-modal.d.ts +11 -0
package/dist/components/ds-modal.js +2 -0
package/dist/components/ds-modal.js.map +1 -0
package/dist/components/ds-pagination.d.ts +11 -0
package/dist/components/ds-pagination.js +2 -0
package/dist/components/ds-pagination.js.map +1 -0
package/dist/components/ds-radio-group.d.ts +11 -0
package/dist/components/ds-radio-group.js +2 -0
package/dist/components/ds-radio-group.js.map +1 -0
package/dist/components/ds-scrollbar.d.ts +11 -0
package/dist/components/ds-scrollbar.js +2 -0
package/dist/components/ds-scrollbar.js.map +1 -0
package/dist/components/ds-sidebar.d.ts +11 -0
package/dist/components/ds-sidebar.js +2 -0
package/dist/components/ds-sidebar.js.map +1 -0
package/dist/components/ds-skeleton.d.ts +11 -0
package/dist/components/ds-skeleton.js +2 -0
package/dist/components/ds-skeleton.js.map +1 -0
package/dist/components/ds-slider.d.ts +11 -0
package/dist/components/ds-slider.js +2 -0
package/dist/components/ds-slider.js.map +1 -0
package/dist/components/ds-surface.d.ts +11 -0
package/dist/components/ds-surface.js +2 -0
package/dist/components/ds-surface.js.map +1 -0
package/dist/components/ds-tab-group.d.ts +11 -0
package/dist/components/ds-tab-group.js +2 -0
package/dist/components/ds-tab-group.js.map +1 -0
package/dist/components/ds-table.d.ts +11 -0
package/dist/components/ds-table.js +2 -0
package/dist/components/ds-table.js.map +1 -0
package/dist/components/ds-tag.d.ts +11 -0
package/dist/components/ds-tag.js +2 -0
package/dist/components/ds-tag.js.map +1 -0
package/dist/components/ds-text.d.ts +11 -0
package/dist/components/ds-text.js +2 -0
package/dist/components/ds-text.js.map +1 -0
package/dist/components/ds-toast-provider.d.ts +11 -0
package/dist/components/ds-toast-provider.js +2 -0
package/dist/components/ds-toast-provider.js.map +1 -0
package/dist/components/ds-toggle.d.ts +11 -0
package/dist/components/ds-toggle.js +2 -0
package/dist/components/ds-toggle.js.map +1 -0
package/dist/components/ds-tooltip.d.ts +11 -0
package/dist/components/ds-tooltip.js +2 -0
package/dist/components/ds-tooltip.js.map +1 -0
package/dist/components/index.d.ts +33 -0
package/dist/components/index.js +2 -0
package/dist/components/index.js.map +1 -0
package/dist/components/p-BcuUR5Ao.js +2 -0
package/dist/components/p-BcuUR5Ao.js.map +1 -0
package/dist/types/.stencil/Accordion/Accordion.d.ts +28 -0
package/dist/types/.stencil/Badge/Badge.d.ts +8 -0
package/dist/types/.stencil/Badge/index.d.ts +2 -0
package/dist/types/.stencil/Banner/Banner.d.ts +29 -0
package/dist/types/.stencil/Breadcrumb/Breadcrumb.d.ts +16 -0
package/dist/types/.stencil/Button/Button.d.ts +38 -0
package/dist/types/.stencil/Button/index.d.ts +2 -0
package/dist/types/.stencil/Card/Card.d.ts +8 -0
package/dist/types/.stencil/Checkbox/Checkbox.d.ts +13 -0
package/dist/types/.stencil/Checkbox/index.d.ts +2 -0
package/dist/types/.stencil/Divider/Divider.d.ts +7 -0
package/dist/types/.stencil/Divider/index.d.ts +2 -0
package/dist/types/.stencil/EmptyState/EmptyState.d.ts +7 -0
package/dist/types/.stencil/Fade/Fade.d.ts +10 -0
package/dist/types/.stencil/Fade/index.d.ts +2 -0
package/dist/types/.stencil/Field/Field.d.ts +8 -0
package/dist/types/.stencil/Header/Header.d.ts +7 -0
package/dist/types/.stencil/Input/Input.d.ts +26 -0
package/dist/types/.stencil/Input/index.d.ts +2 -0
package/dist/types/.stencil/Loader/Loader.d.ts +12 -0
package/dist/types/.stencil/Loader/index.d.ts +2 -0
package/dist/types/.stencil/Menu/Menu.d.ts +60 -0
package/dist/types/.stencil/Modal/Modal.d.ts +31 -0
package/dist/types/.stencil/Pagination/Pagination.d.ts +11 -0
package/dist/types/.stencil/RadioGroup/RadioGroup.d.ts +21 -0
package/dist/types/.stencil/RadioGroup/index.d.ts +2 -0
package/dist/types/.stencil/Scrollbar/Scrollbar.d.ts +27 -0
package/dist/types/.stencil/Sidebar/Sidebar.d.ts +29 -0
package/dist/types/.stencil/Skeleton/Skeleton.d.ts +16 -0
package/dist/types/.stencil/Skeleton/index.d.ts +2 -0
package/dist/types/.stencil/Slider/Slider.d.ts +18 -0
package/dist/types/.stencil/Slider/index.d.ts +2 -0
package/dist/types/.stencil/Surface/Surface.d.ts +22 -0
package/dist/types/.stencil/TabGroup/TabGroup.d.ts +29 -0
package/dist/types/.stencil/Table/Table.d.ts +50 -0
package/dist/types/.stencil/Tag/Tag.d.ts +32 -0
package/dist/types/.stencil/Tag/index.d.ts +2 -0
package/dist/types/.stencil/Text/Text.d.ts +22 -0
package/dist/types/.stencil/Text/index.d.ts +2 -0
package/dist/types/.stencil/Toast/Toast.d.ts +15 -0
package/dist/types/.stencil/Toast/toast-service.d.ts +24 -0
package/dist/types/.stencil/Toggle/Toggle.d.ts +10 -0
package/dist/types/.stencil/Toggle/index.d.ts +2 -0
package/dist/types/.stencil/Tooltip/Tooltip.d.ts +36 -0
package/dist/types/components.d.ts +2024 -0
package/dist/types/stencil-public-runtime.d.ts +1860 -0
package/package.json +27 -28
package/src/angular/angular-component-lib/utils.ts +65 -0
package/src/angular/index.ts +35 -0
package/src/angular/proxies.ts +819 -0
package/dist/components/Accordion/Accordion.d.ts +0 -29
package/dist/components/Accordion/Accordion.d.ts.map +0 -1
package/dist/components/Accordion/index.d.ts +0 -3
package/dist/components/Accordion/index.d.ts.map +0 -1
package/dist/components/Badge/Badge.d.ts +0 -18
package/dist/components/Badge/Badge.d.ts.map +0 -1
package/dist/components/Badge/index.d.ts +0 -3
package/dist/components/Badge/index.d.ts.map +0 -1
package/dist/components/Banner/Banner.d.ts +0 -16
package/dist/components/Banner/Banner.d.ts.map +0 -1
package/dist/components/Banner/index.d.ts +0 -3
package/dist/components/Banner/index.d.ts.map +0 -1
package/dist/components/Breadcrumb/Breadcrumb.d.ts +0 -15
package/dist/components/Breadcrumb/Breadcrumb.d.ts.map +0 -1
package/dist/components/Breadcrumb/index.d.ts +0 -3
package/dist/components/Breadcrumb/index.d.ts.map +0 -1
package/dist/components/Button/Button.d.ts +0 -85
package/dist/components/Button/Button.d.ts.map +0 -1
package/dist/components/Button/index.d.ts +0 -3
package/dist/components/Button/index.d.ts.map +0 -1
package/dist/components/ButtonGroup/ButtonGroup.d.ts +0 -26
package/dist/components/ButtonGroup/ButtonGroup.d.ts.map +0 -1
package/dist/components/ButtonGroup/index.d.ts +0 -3
package/dist/components/ButtonGroup/index.d.ts.map +0 -1
package/dist/components/Card/Card.d.ts +0 -20
package/dist/components/Card/Card.d.ts.map +0 -1
package/dist/components/Card/index.d.ts +0 -3
package/dist/components/Card/index.d.ts.map +0 -1
package/dist/components/Checkbox/Checkbox.d.ts +0 -18
package/dist/components/Checkbox/Checkbox.d.ts.map +0 -1
package/dist/components/Checkbox/index.d.ts +0 -3
package/dist/components/Checkbox/index.d.ts.map +0 -1
package/dist/components/Divider/Divider.d.ts +0 -9
package/dist/components/Divider/Divider.d.ts.map +0 -1
package/dist/components/Divider/index.d.ts +0 -3
package/dist/components/Divider/index.d.ts.map +0 -1
package/dist/components/EmptyState/EmptyState.d.ts +0 -9
package/dist/components/EmptyState/EmptyState.d.ts.map +0 -1
package/dist/components/EmptyState/index.d.ts +0 -3
package/dist/components/EmptyState/index.d.ts.map +0 -1
package/dist/components/ErrorBoundary/ErrorBoundary.d.ts +0 -18
package/dist/components/ErrorBoundary/ErrorBoundary.d.ts.map +0 -1
package/dist/components/ErrorBoundary/index.d.ts +0 -3
package/dist/components/ErrorBoundary/index.d.ts.map +0 -1
package/dist/components/Fade/Fade.d.ts +0 -11
package/dist/components/Fade/Fade.d.ts.map +0 -1
package/dist/components/Fade/index.d.ts +0 -3
package/dist/components/Fade/index.d.ts.map +0 -1
package/dist/components/Field/Field.d.ts +0 -9
package/dist/components/Field/Field.d.ts.map +0 -1
package/dist/components/Field/index.d.ts +0 -3
package/dist/components/Field/index.d.ts.map +0 -1
package/dist/components/Header/Header.d.ts +0 -12
package/dist/components/Header/Header.d.ts.map +0 -1
package/dist/components/Header/index.d.ts +0 -3
package/dist/components/Header/index.d.ts.map +0 -1
package/dist/components/Input/Input.d.ts +0 -27
package/dist/components/Input/Input.d.ts.map +0 -1
package/dist/components/Input/index.d.ts +0 -3
package/dist/components/Input/index.d.ts.map +0 -1
package/dist/components/LabelWrap/LabelWrap.d.ts +0 -27
package/dist/components/LabelWrap/LabelWrap.d.ts.map +0 -1
package/dist/components/LabelWrap/index.d.ts +0 -2
package/dist/components/LabelWrap/index.d.ts.map +0 -1
package/dist/components/Loader/Loader.d.ts +0 -33
package/dist/components/Loader/Loader.d.ts.map +0 -1
package/dist/components/Loader/index.d.ts +0 -3
package/dist/components/Loader/index.d.ts.map +0 -1
package/dist/components/Menu/DestructiveMenuItem.d.ts +0 -12
package/dist/components/Menu/DestructiveMenuItem.d.ts.map +0 -1
package/dist/components/Menu/Menu.d.ts +0 -55
package/dist/components/Menu/Menu.d.ts.map +0 -1
package/dist/components/Menu/MenuItem.d.ts +0 -33
package/dist/components/Menu/MenuItem.d.ts.map +0 -1
package/dist/components/Menu/index.d.ts +0 -7
package/dist/components/Menu/index.d.ts.map +0 -1
package/dist/components/Modal/Modal.d.ts +0 -15
package/dist/components/Modal/Modal.d.ts.map +0 -1
package/dist/components/Modal/index.d.ts +0 -3
package/dist/components/Modal/index.d.ts.map +0 -1
package/dist/components/Pagination/Pagination.d.ts +0 -16
package/dist/components/Pagination/Pagination.d.ts.map +0 -1
package/dist/components/Pagination/index.d.ts +0 -3
package/dist/components/Pagination/index.d.ts.map +0 -1
package/dist/components/Radio/Radio.d.ts +0 -35
package/dist/components/Radio/Radio.d.ts.map +0 -1
package/dist/components/Radio/index.d.ts +0 -3
package/dist/components/Radio/index.d.ts.map +0 -1
package/dist/components/Scrollbar/Scrollbar.d.ts +0 -13
package/dist/components/Scrollbar/Scrollbar.d.ts.map +0 -1
package/dist/components/Scrollbar/index.d.ts +0 -3
package/dist/components/Scrollbar/index.d.ts.map +0 -1
package/dist/components/Select/Select.d.ts +0 -22
package/dist/components/Select/Select.d.ts.map +0 -1
package/dist/components/Select/index.d.ts +0 -3
package/dist/components/Select/index.d.ts.map +0 -1
package/dist/components/Sidebar/Sidebar.d.ts +0 -15
package/dist/components/Sidebar/Sidebar.d.ts.map +0 -1
package/dist/components/Sidebar/SidebarItem.d.ts +0 -14
package/dist/components/Sidebar/SidebarItem.d.ts.map +0 -1
package/dist/components/Sidebar/SidebarSection.d.ts +0 -10
package/dist/components/Sidebar/SidebarSection.d.ts.map +0 -1
package/dist/components/Sidebar/index.d.ts +0 -7
package/dist/components/Sidebar/index.d.ts.map +0 -1
package/dist/components/Skeleton/Skeleton.d.ts +0 -17
package/dist/components/Skeleton/Skeleton.d.ts.map +0 -1
package/dist/components/Skeleton/index.d.ts +0 -3
package/dist/components/Skeleton/index.d.ts.map +0 -1
package/dist/components/Slider/Slider.d.ts +0 -16
package/dist/components/Slider/Slider.d.ts.map +0 -1
package/dist/components/Slider/index.d.ts +0 -3
package/dist/components/Slider/index.d.ts.map +0 -1
package/dist/components/Surface/Surface.d.ts +0 -59
package/dist/components/Surface/Surface.d.ts.map +0 -1
package/dist/components/Surface/index.d.ts +0 -3
package/dist/components/Surface/index.d.ts.map +0 -1
package/dist/components/Tab/Tab.d.ts +0 -21
package/dist/components/Tab/Tab.d.ts.map +0 -1
package/dist/components/Tab/index.d.ts +0 -3
package/dist/components/Tab/index.d.ts.map +0 -1
package/dist/components/TabGroup/TabGroup.d.ts +0 -26
package/dist/components/TabGroup/TabGroup.d.ts.map +0 -1
package/dist/components/TabGroup/index.d.ts +0 -3
package/dist/components/TabGroup/index.d.ts.map +0 -1
package/dist/components/Table/Table.d.ts +0 -46
package/dist/components/Table/Table.d.ts.map +0 -1
package/dist/components/Table/index.d.ts +0 -3
package/dist/components/Table/index.d.ts.map +0 -1
package/dist/components/Tag/Tag.d.ts +0 -38
package/dist/components/Tag/Tag.d.ts.map +0 -1
package/dist/components/Tag/index.d.ts +0 -3
package/dist/components/Tag/index.d.ts.map +0 -1
package/dist/components/Text/Text.d.ts +0 -41
package/dist/components/Text/Text.d.ts.map +0 -1
package/dist/components/Text/index.d.ts +0 -3
package/dist/components/Text/index.d.ts.map +0 -1
package/dist/components/Toast/Toast.d.ts +0 -33
package/dist/components/Toast/Toast.d.ts.map +0 -1
package/dist/components/Toast/index.d.ts +0 -3
package/dist/components/Toast/index.d.ts.map +0 -1
package/dist/components/Toggle/Toggle.d.ts +0 -17
package/dist/components/Toggle/Toggle.d.ts.map +0 -1
package/dist/components/Toggle/index.d.ts +0 -3
package/dist/components/Toggle/index.d.ts.map +0 -1
package/dist/components/ToggleButton/ToggleButton.d.ts +0 -35
package/dist/components/ToggleButton/ToggleButton.d.ts.map +0 -1
package/dist/components/ToggleButton/index.d.ts +0 -3
package/dist/components/ToggleButton/index.d.ts.map +0 -1
package/dist/components/ToggleButtonGroup/ToggleButtonGroup.d.ts +0 -24
package/dist/components/ToggleButtonGroup/ToggleButtonGroup.d.ts.map +0 -1
package/dist/components/ToggleButtonGroup/index.d.ts +0 -3
package/dist/components/ToggleButtonGroup/index.d.ts.map +0 -1
package/dist/components/Tooltip/Tooltip.d.ts +0 -17
package/dist/components/Tooltip/Tooltip.d.ts.map +0 -1
package/dist/components/Tooltip/index.d.ts +0 -3
package/dist/components/Tooltip/index.d.ts.map +0 -1
package/dist/index.css +0 -2
package/dist/index.d.ts +0 -82
package/dist/index.d.ts.map +0 -1
package/dist/index.js +0 -2968
package/dist/index.js.map +0 -1
package/dist/r/accordion.json +0 -79
package/dist/r/badge.json +0 -69
package/dist/r/banner.json +0 -90
package/dist/r/breadcrumb.json +0 -70
package/dist/r/button-group.json +0 -65
package/dist/r/button.json +0 -137
package/dist/r/card.json +0 -82
package/dist/r/checkbox.json +0 -91
package/dist/r/divider.json +0 -57
package/dist/r/empty-state.json +0 -69
package/dist/r/error-boundary.json +0 -66
package/dist/r/fade.json +0 -65
package/dist/r/field.json +0 -71
package/dist/r/header.json +0 -67
package/dist/r/input.json +0 -77
package/dist/r/loader.json +0 -54
package/dist/r/menu.json +0 -130
package/dist/r/modal.json +0 -93
package/dist/r/pagination.json +0 -80
package/dist/r/radio.json +0 -85
package/dist/r/registry.json +0 -1600
package/dist/r/scrollbar.json +0 -68
package/dist/r/select.json +0 -93
package/dist/r/sidebar.json +0 -105
package/dist/r/skeleton.json +0 -72
package/dist/r/slider.json +0 -87
package/dist/r/surface.json +0 -97
package/dist/r/tab-group.json +0 -72
package/dist/r/tab.json +0 -71
package/dist/r/table.json +0 -110
package/dist/r/tag.json +0 -110
package/dist/r/text.json +0 -94
package/dist/r/toast.json +0 -77
package/dist/r/toggle-button-group.json +0 -65
package/dist/r/toggle-button.json +0 -94
package/dist/r/toggle.json +0 -65
package/dist/r/tooltip.json +0 -86
package/dist/types/icons.d.ts +0 -14
package/dist/types/icons.d.ts.map +0 -1
package/dist/types/index.d.ts +0 -2
package/dist/types/index.d.ts.map +0 -1
package/dist/utils/cn.d.ts +0 -5
package/dist/utils/cn.d.ts.map +0 -1
package/dist/utils/css-tokens.d.ts +0 -11
package/dist/utils/css-tokens.d.ts.map +0 -1
package/src/components/Accordion/Accordion.module.css +0 -66
package/src/components/Accordion/Accordion.stories.tsx +0 -95
package/src/components/Accordion/Accordion.tsx +0 -131
package/src/components/Accordion/index.ts +0 -2
package/src/components/Badge/Badge.module.css +0 -6
package/src/components/Badge/Badge.stories.tsx +0 -131
package/src/components/Badge/Badge.tsx +0 -40
package/src/components/Badge/index.ts +0 -2
package/src/components/Banner/Banner.module.css +0 -105
package/src/components/Banner/Banner.stories.tsx +0 -81
package/src/components/Banner/Banner.tsx +0 -139
package/src/components/Banner/index.ts +0 -2
package/src/components/Breadcrumb/Breadcrumb.module.css +0 -46
package/src/components/Breadcrumb/Breadcrumb.stories.tsx +0 -72
package/src/components/Breadcrumb/Breadcrumb.tsx +0 -68
package/src/components/Breadcrumb/index.ts +0 -2
package/src/components/Button/Button.mdx +0 -143
package/src/components/Button/Button.module.css +0 -343
package/src/components/Button/Button.stories.tsx +0 -575
package/src/components/Button/Button.tsx +0 -232
package/src/components/Button/index.ts +0 -10
package/src/components/ButtonGroup/ButtonGroup.module.css +0 -157
package/src/components/ButtonGroup/ButtonGroup.stories.tsx +0 -384
package/src/components/ButtonGroup/ButtonGroup.tsx +0 -122
package/src/components/ButtonGroup/index.ts +0 -2
package/src/components/Card/Card.module.css +0 -36
package/src/components/Card/Card.stories.tsx +0 -78
package/src/components/Card/Card.tsx +0 -53
package/src/components/Card/index.ts +0 -2
package/src/components/Checkbox/Checkbox.module.css +0 -47
package/src/components/Checkbox/Checkbox.stories.tsx +0 -129
package/src/components/Checkbox/Checkbox.tsx +0 -71
package/src/components/Checkbox/index.ts +0 -2
package/src/components/Divider/Divider.module.css +0 -19
package/src/components/Divider/Divider.stories.tsx +0 -55
package/src/components/Divider/Divider.tsx +0 -28
package/src/components/Divider/index.ts +0 -2
package/src/components/EmptyState/EmptyState.module.css +0 -8
package/src/components/EmptyState/EmptyState.stories.tsx +0 -53
package/src/components/EmptyState/EmptyState.tsx +0 -31
package/src/components/EmptyState/index.ts +0 -2
package/src/components/ErrorBoundary/ErrorBoundary.module.css +0 -18
package/src/components/ErrorBoundary/ErrorBoundary.stories.tsx +0 -38
package/src/components/ErrorBoundary/ErrorBoundary.tsx +0 -50
package/src/components/ErrorBoundary/index.ts +0 -2
package/src/components/Fade/Fade.module.css +0 -31
package/src/components/Fade/Fade.stories.tsx +0 -35
package/src/components/Fade/Fade.tsx +0 -33
package/src/components/Fade/index.ts +0 -2
package/src/components/Field/Field.module.css +0 -5
package/src/components/Field/Field.stories.tsx +0 -111
package/src/components/Field/Field.tsx +0 -35
package/src/components/Field/index.ts +0 -2
package/src/components/Header/Header.module.css +0 -33
package/src/components/Header/Header.stories.tsx +0 -52
package/src/components/Header/Header.tsx +0 -42
package/src/components/Header/index.ts +0 -2
package/src/components/Input/Input.module.css +0 -92
package/src/components/Input/Input.stories.tsx +0 -135
package/src/components/Input/Input.tsx +0 -117
package/src/components/Input/index.ts +0 -2
package/src/components/LabelWrap/LabelWrap.module.css +0 -34
package/src/components/LabelWrap/LabelWrap.tsx +0 -32
package/src/components/LabelWrap/index.ts +0 -1
package/src/components/Loader/Loader.module.css +0 -26
package/src/components/Loader/Loader.stories.tsx +0 -53
package/src/components/Loader/Loader.tsx +0 -65
package/src/components/Loader/index.ts +0 -2
package/src/components/Menu/DestructiveMenuItem.module.css +0 -57
package/src/components/Menu/DestructiveMenuItem.tsx +0 -117
package/src/components/Menu/Menu.module.css +0 -49
package/src/components/Menu/Menu.stories.tsx +0 -129
package/src/components/Menu/Menu.tsx +0 -418
package/src/components/Menu/MenuItem.module.css +0 -86
package/src/components/Menu/MenuItem.tsx +0 -144
package/src/components/Menu/index.ts +0 -6
package/src/components/Modal/Modal.module.css +0 -67
package/src/components/Modal/Modal.stories.tsx +0 -71
package/src/components/Modal/Modal.tsx +0 -199
package/src/components/Modal/index.ts +0 -2
package/src/components/Pagination/Pagination.module.css +0 -64
package/src/components/Pagination/Pagination.stories.tsx +0 -51
package/src/components/Pagination/Pagination.tsx +0 -103
package/src/components/Pagination/index.ts +0 -2
package/src/components/Radio/Radio.module.css +0 -61
package/src/components/Radio/Radio.stories.tsx +0 -101
package/src/components/Radio/Radio.tsx +0 -196
package/src/components/Radio/index.ts +0 -2
package/src/components/Scrollbar/Scrollbar.module.css +0 -86
package/src/components/Scrollbar/Scrollbar.stories.tsx +0 -46
package/src/components/Scrollbar/Scrollbar.tsx +0 -201
package/src/components/Scrollbar/index.ts +0 -2
package/src/components/Select/Select.module.css +0 -31
package/src/components/Select/Select.stories.tsx +0 -59
package/src/components/Select/Select.tsx +0 -222
package/src/components/Select/index.ts +0 -2
package/src/components/Sidebar/Sidebar.module.css +0 -168
package/src/components/Sidebar/Sidebar.stories.tsx +0 -125
package/src/components/Sidebar/Sidebar.tsx +0 -227
package/src/components/Sidebar/SidebarItem.tsx +0 -57
package/src/components/Sidebar/SidebarSection.tsx +0 -42
package/src/components/Sidebar/index.ts +0 -6
package/src/components/Skeleton/Skeleton.module.css +0 -53
package/src/components/Skeleton/Skeleton.stories.tsx +0 -89
package/src/components/Skeleton/Skeleton.tsx +0 -66
package/src/components/Skeleton/index.ts +0 -2
package/src/components/Slider/Slider.module.css +0 -66
package/src/components/Slider/Slider.stories.tsx +0 -145
package/src/components/Slider/Slider.tsx +0 -74
package/src/components/Slider/index.ts +0 -2
package/src/components/Surface/Surface.module.css +0 -222
package/src/components/Surface/Surface.stories.tsx +0 -213
package/src/components/Surface/Surface.tsx +0 -219
package/src/components/Surface/index.ts +0 -12
package/src/components/Tab/Tab.module.css +0 -66
package/src/components/Tab/Tab.stories.tsx +0 -103
package/src/components/Tab/Tab.tsx +0 -71
package/src/components/Tab/index.ts +0 -2
package/src/components/TabGroup/TabGroup.module.css +0 -26
package/src/components/TabGroup/TabGroup.stories.tsx +0 -91
package/src/components/TabGroup/TabGroup.tsx +0 -150
package/src/components/TabGroup/index.ts +0 -2
package/src/components/Table/Table.module.css +0 -140
package/src/components/Table/Table.stories.tsx +0 -111
package/src/components/Table/Table.tsx +0 -255
package/src/components/Table/index.ts +0 -11
package/src/components/Tag/Tag.module.css +0 -270
package/src/components/Tag/Tag.stories.tsx +0 -399
package/src/components/Tag/Tag.tsx +0 -165
package/src/components/Tag/index.ts +0 -2
package/src/components/Text/Text.module.css +0 -166
package/src/components/Text/Text.stories.tsx +0 -212
package/src/components/Text/Text.tsx +0 -181
package/src/components/Text/index.ts +0 -13
package/src/components/Toast/Toast.module.css +0 -91
package/src/components/Toast/Toast.stories.tsx +0 -66
package/src/components/Toast/Toast.tsx +0 -218
package/src/components/Toast/index.ts +0 -8
package/src/components/Toggle/Toggle.module.css +0 -87
package/src/components/Toggle/Toggle.stories.tsx +0 -85
package/src/components/Toggle/Toggle.tsx +0 -53
package/src/components/Toggle/index.ts +0 -2
package/src/components/ToggleButton/ToggleButton.module.css +0 -172
package/src/components/ToggleButton/ToggleButton.stories.tsx +0 -299
package/src/components/ToggleButton/ToggleButton.tsx +0 -118
package/src/components/ToggleButton/index.ts +0 -2
package/src/components/ToggleButtonGroup/ToggleButtonGroup.module.css +0 -163
package/src/components/ToggleButtonGroup/ToggleButtonGroup.stories.tsx +0 -341
package/src/components/ToggleButtonGroup/ToggleButtonGroup.tsx +0 -111
package/src/components/ToggleButtonGroup/index.ts +0 -2
package/src/components/Tooltip/Tooltip.module.css +0 -45
package/src/components/Tooltip/Tooltip.stories.tsx +0 -46
package/src/components/Tooltip/Tooltip.tsx +0 -260
package/src/components/Tooltip/index.ts +0 -2
package/src/css-modules.d.ts +0 -4
package/src/docs/ColorUsage.mdx +0 -195
package/src/docs/ElevationUsage.mdx +0 -95
package/src/docs/Introduction.mdx +0 -97
package/src/docs/OpticalSizing.mdx +0 -178
package/src/docs/TypographyUsage.mdx +0 -121
package/src/index.ts +0 -154
package/src/stories/Colors.stories.tsx +0 -528
package/src/stories/Dimensions.stories.tsx +0 -200
package/src/stories/Effects.stories.tsx +0 -231
package/src/stories/Icons.stories.tsx +0 -159
package/src/stories/Typography.stories.tsx +0 -157
package/src/types/icons.ts +0 -15
package/src/types/index.ts +0 -1
package/src/utils/cn.ts +0 -6
package/src/utils/css-tokens.ts +0 -22

package/dist/r/registry.json DELETED Viewed

@@ -1,1600 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry.json",
-  "name": "compomo",
-  "homepage": "https://zainadeel.github.io/CompoMo/",
-  "description": "CompoMo (@compomo/ui) — React component library from the ds-mo design system. Distributed as an npm package, not copy-paste. Components require @ds-mo/tokens for CSS custom properties and optionally @ds-mo/icons for icon props.",
-  "meta": {
-    "distribution": "npm",
-    "install": "npm install @compomo/ui @ds-mo/tokens",
-    "cssSetup": "import '@ds-mo/tokens/css';  // Provides design token CSS custom properties\nimport '@compomo/ui/css';     // Provides component styles",
-    "themeSetup": "Set data-theme=\"dark\" on <html> for dark mode. Light is default.",
-    "peerDependencies": {
-      "required": [
-        "react >=17",
-        "react-dom >=17",
-        "@ds-mo/tokens >=0.1.0"
-      ],
-      "optional": [
-        "@ds-mo/icons >=0.1.0"
-      ]
-    }
-  },
-  "items": [
-    {
-      "name": "text",
-      "title": "Text",
-      "description": "Typography primitive supporting all design-system text variants, colors, truncation, and wrapping.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/text",
-        "exports": [
-          "Text"
-        ],
-        "props": {
-          "variant": {
-            "type": "TextVariant",
-            "required": false
-          },
-          "children": {
-            "type": "React.ReactNode",
-            "required": true
-          },
-          "color": {
-            "type": "TextColor",
-            "required": false
-          },
-          "as": {
-            "type": "'p' | 'span' | 'div' | 'label' | 'h1'-'h6'",
-            "required": false
-          },
-          "lineTruncation": {
-            "type": "1 | 2 | 3 | 4 | 5 | \"none\"",
-            "required": false
-          },
-          "decoration": {
-            "type": "'none' | 'underline' | 'dotted-underline'",
-            "required": false
-          },
-          "italic": {
-            "type": "boolean",
-            "required": false
-          },
-          "align": {
-            "type": "'left' | 'center' | 'right'",
-            "required": false
-          },
-          "wrap": {
-            "type": "'wrap' | 'nowrap' | 'balance' | 'pretty'",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": []
-    },
-    {
-      "name": "surface",
-      "title": "Surface",
-      "description": "Foundational container with intent-based or background-based coloring, elevation, edges, radius, and interactive states.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/surface",
-        "exports": [
-          "Surface"
-        ],
-        "props": {
-          "intent": {
-            "type": "'brand' | 'positive' | 'negative' | 'warning' | 'caution' | 'ai' | 'neutral' | 'walkthrough' | 'guide'",
-            "required": false
-          },
-          "contrast": {
-            "type": "'faint' | 'medium' | 'bold' | 'strong'",
-            "required": false
-          },
-          "background": {
-            "type": "'primary' | 'secondary' | 'transparent' | 'translucent'",
-            "required": false
-          },
-          "elevation": {
-            "type": "'none' | 'depressed' | 'depressed-md' | 'flat' | 'elevated' | 'floating' | 'overlayTop' | 'overlayRight' | 'overlayBottom' | 'overlayLeft'",
-            "required": false
-          },
-          "edge": {
-            "type": "SurfaceEdge | SurfaceEdge[]",
-            "required": false
-          },
-          "radius": {
-            "type": "'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | string",
-            "required": false
-          },
-          "interactive": {
-            "type": "boolean",
-            "required": false
-          },
-          "selected": {
-            "type": "boolean",
-            "required": false
-          },
-          "inactive": {
-            "type": "boolean",
-            "required": false
-          },
-          "as": {
-            "type": "'div' | 'section' | 'aside' | 'article' | 'header' | 'footer' | 'main' | 'nav' | 'span' | 'button' | 'td' | 'th'",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": []
-    },
-    {
-      "name": "card",
-      "title": "Card",
-      "description": "Content container with header, body, and footer sections. Supports elevation and radius presets.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/card",
-        "exports": [
-          "Card"
-        ],
-        "props": {
-          "children": {
-            "type": "React.ReactNode",
-            "required": true
-          },
-          "header": {
-            "type": "React.ReactNode",
-            "required": false
-          },
-          "footer": {
-            "type": "React.ReactNode",
-            "required": false
-          },
-          "elevation": {
-            "type": "'flat' | 'elevated' | 'floating'",
-            "required": false
-          },
-          "radius": {
-            "type": "'sm' | 'md' | 'lg' | 'xl'",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": [
-        "surface"
-      ]
-    },
-    {
-      "name": "button",
-      "title": "Button",
-      "description": "Primary action component with variants (primary/secondary), 8 semantic intents, 4 sizes, icon support, loading state, dropdown indicator, badge count, and elevation levels.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/button",
-        "exports": [
-          "Button"
-        ],
-        "props": {
-          "label": {
-            "type": "string",
-            "required": false
-          },
-          "icon": {
-            "type": "IconComponent",
-            "required": false
-          },
-          "variant": {
-            "type": "'primary' | 'secondary'",
-            "required": false
-          },
-          "intent": {
-            "type": "'none' | 'neutral' | 'brand' | 'ai' | 'negative' | 'warning' | 'caution' | 'positive'",
-            "required": false
-          },
-          "size": {
-            "type": "'xs' | 'sm' | 'md' | 'lg'",
-            "required": false
-          },
-          "contrast": {
-            "type": "'strong' | 'bold' | 'medium' | 'faint'",
-            "required": false
-          },
-          "elevation": {
-            "type": "'none' | 'flat' | 'elevated' | 'floating'",
-            "required": false
-          },
-          "loading": {
-            "type": "boolean",
-            "required": false
-          },
-          "dropdown": {
-            "type": "boolean",
-            "required": false
-          },
-          "badgeCount": {
-            "type": "number",
-            "required": false
-          },
-          "rounded": {
-            "type": "boolean",
-            "required": false
-          },
-          "fullWidth": {
-            "type": "boolean",
-            "required": false
-          },
-          "inactive": {
-            "type": "boolean",
-            "required": false
-          },
-          "as": {
-            "type": "React.ElementType",
-            "required": false
-          },
-          "onClick": {
-            "type": "(e: React.MouseEvent<HTMLElement>) => void",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens",
-        "@ds-mo/icons"
-      ],
-      "registryDependencies": [
-        "text",
-        "loader",
-        "label-wrap"
-      ]
-    },
-    {
-      "name": "toggle-button",
-      "title": "ToggleButton",
-      "description": "Controlled toggle button with pressed state, icon and label support.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/toggle-button",
-        "exports": [
-          "ToggleButton"
-        ],
-        "props": {
-          "pressed": {
-            "type": "boolean",
-            "required": true
-          },
-          "onPressedChange": {
-            "type": "(pressed: boolean) => void",
-            "required": true
-          },
-          "label": {
-            "type": "string",
-            "required": false
-          },
-          "icon": {
-            "type": "IconComponent",
-            "required": false
-          },
-          "size": {
-            "type": "'md' | 'sm' | 'xs'",
-            "required": false
-          },
-          "elevation": {
-            "type": "'none' | 'flat' | 'elevated' | 'floating'",
-            "required": false
-          },
-          "rounded": {
-            "type": "boolean",
-            "required": false
-          },
-          "inactive": {
-            "type": "boolean",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens",
-        "@ds-mo/icons"
-      ],
-      "registryDependencies": [
-        "text"
-      ]
-    },
-    {
-      "name": "button-group",
-      "title": "ButtonGroup",
-      "description": "Groups Button children with automatic dividers and shared elevation/rounding. Reads props from first child to drive group styling.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/button-group",
-        "exports": [
-          "ButtonGroup"
-        ],
-        "props": {
-          "children": {
-            "type": "React.ReactNode",
-            "required": true
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": [
-        "button"
-      ]
-    },
-    {
-      "name": "toggle-button-group",
-      "title": "ToggleButtonGroup",
-      "description": "Groups ToggleButton children with dividers and shared chrome.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/toggle-button-group",
-        "exports": [
-          "ToggleButtonGroup"
-        ],
-        "props": {
-          "children": {
-            "type": "React.ReactNode",
-            "required": true
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": [
-        "toggle-button"
-      ]
-    },
-    {
-      "name": "tag",
-      "title": "Tag",
-      "description": "Semantic label with intent coloring, removable chip, pressable filter-chip mode, and icon support.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/tag",
-        "exports": [
-          "Tag"
-        ],
-        "props": {
-          "label": {
-            "type": "string",
-            "required": true
-          },
-          "intent": {
-            "type": "'neutral' | 'brand' | 'ai' | 'negative' | 'warning' | 'caution' | 'positive'",
-            "required": false
-          },
-          "contrast": {
-            "type": "'strong' | 'bold' | 'medium' | 'faint'",
-            "required": false
-          },
-          "size": {
-            "type": "'md' | 'sm' | 'xs'",
-            "required": false
-          },
-          "rounded": {
-            "type": "boolean",
-            "required": false
-          },
-          "icon": {
-            "type": "IconComponent",
-            "required": false
-          },
-          "removable": {
-            "type": "boolean",
-            "required": false
-          },
-          "onRemove": {
-            "type": "() => void",
-            "required": false
-          },
-          "pressed": {
-            "type": "boolean",
-            "required": false
-          },
-          "onPressedChange": {
-            "type": "(pressed: boolean) => void",
-            "required": false
-          },
-          "onClick": {
-            "type": "() => void",
-            "required": false
-          },
-          "inactive": {
-            "type": "boolean",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens",
-        "@ds-mo/icons"
-      ],
-      "registryDependencies": [
-        "text"
-      ]
-    },
-    {
-      "name": "badge",
-      "title": "Badge",
-      "description": "Compact count indicator with selection state.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/badge",
-        "exports": [
-          "Badge"
-        ],
-        "props": {
-          "count": {
-            "type": "number",
-            "required": true
-          },
-          "isSelected": {
-            "type": "boolean",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": [
-        "text"
-      ]
-    },
-    {
-      "name": "loader",
-      "title": "Loader",
-      "description": "SVG spinner that scales proportionally. Uses currentColor for theming.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/loader",
-        "exports": [
-          "Loader"
-        ],
-        "props": {
-          "size": {
-            "type": "number",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui"
-      ],
-      "registryDependencies": []
-    },
-    {
-      "name": "toggle",
-      "title": "Toggle",
-      "description": "Switch control with on/off state and accessible role=\"switch\".",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/toggle",
-        "exports": [
-          "Toggle"
-        ],
-        "props": {
-          "checked": {
-            "type": "boolean",
-            "required": false
-          },
-          "onChange": {
-            "type": "(checked: boolean) => void",
-            "required": false
-          },
-          "inactive": {
-            "type": "boolean",
-            "required": false
-          },
-          "aria-label": {
-            "type": "string",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": []
-    },
-    {
-      "name": "checkbox",
-      "title": "Checkbox",
-      "description": "Three-state checkbox (checked, unchecked, indeterminate) with keyboard support and custom icon slots.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/checkbox",
-        "exports": [
-          "Checkbox"
-        ],
-        "props": {
-          "label": {
-            "type": "string",
-            "required": true
-          },
-          "checked": {
-            "type": "boolean",
-            "required": false
-          },
-          "indeterminate": {
-            "type": "boolean",
-            "required": false
-          },
-          "onChange": {
-            "type": "(checked: boolean) => void",
-            "required": false
-          },
-          "inactive": {
-            "type": "boolean",
-            "required": false
-          },
-          "checkedIcon": {
-            "type": "IconComponent",
-            "required": false
-          },
-          "uncheckedIcon": {
-            "type": "IconComponent",
-            "required": false
-          },
-          "indeterminateIcon": {
-            "type": "IconComponent",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens",
-        "@ds-mo/icons"
-      ],
-      "registryDependencies": [
-        "text"
-      ]
-    },
-    {
-      "name": "input",
-      "title": "Input",
-      "description": "Text input supporting text, email, tel, url, search, and password types. Search type includes auto clear button.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/input",
-        "exports": [
-          "Input"
-        ],
-        "props": {
-          "value": {
-            "type": "string",
-            "required": true
-          },
-          "onChange": {
-            "type": "(e: React.ChangeEvent<HTMLInputElement>) => void",
-            "required": true
-          },
-          "type": {
-            "type": "'text' | 'email' | 'tel' | 'url' | 'search' | 'password'",
-            "required": false
-          },
-          "placeholder": {
-            "type": "string",
-            "required": false
-          },
-          "suffix": {
-            "type": "React.ReactNode",
-            "required": false
-          },
-          "inactive": {
-            "type": "boolean",
-            "required": false
-          },
-          "clearIcon": {
-            "type": "IconComponent",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": []
-    },
-    {
-      "name": "slider",
-      "title": "Slider",
-      "description": "Range input with visual fill track, label, and current value display.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/slider",
-        "exports": [
-          "Slider"
-        ],
-        "props": {
-          "value": {
-            "type": "number",
-            "required": true
-          },
-          "onChange": {
-            "type": "(value: number) => void",
-            "required": true
-          },
-          "min": {
-            "type": "number",
-            "required": false
-          },
-          "max": {
-            "type": "number",
-            "required": false
-          },
-          "step": {
-            "type": "number",
-            "required": false
-          },
-          "label": {
-            "type": "string",
-            "required": true
-          },
-          "inactive": {
-            "type": "boolean",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": [
-        "text"
-      ]
-    },
-    {
-      "name": "field",
-      "title": "Field",
-      "description": "Simple label wrapper that links to child input via htmlFor.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/field",
-        "exports": [
-          "Field"
-        ],
-        "props": {
-          "label": {
-            "type": "string",
-            "required": true
-          },
-          "children": {
-            "type": "React.ReactNode",
-            "required": true
-          },
-          "id": {
-            "type": "string",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": [
-        "text"
-      ]
-    },
-    {
-      "name": "select",
-      "title": "Select",
-      "description": "Dropdown select using Menu internally. Supports placeholder, inactive state, and custom chevron icon.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/select",
-        "exports": [
-          "Select"
-        ],
-        "props": {
-          "value": {
-            "type": "string | number",
-            "required": true
-          },
-          "onChange": {
-            "type": "(value: string | number) => void",
-            "required": true
-          },
-          "options": {
-            "type": "SelectOption[]",
-            "required": true
-          },
-          "placeholder": {
-            "type": "string",
-            "required": false
-          },
-          "inactive": {
-            "type": "boolean",
-            "required": false
-          },
-          "chevronIcon": {
-            "type": "IconComponent",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": [
-        "menu",
-        "surface",
-        "text"
-      ]
-    },
-    {
-      "name": "modal",
-      "title": "Modal",
-      "description": "Dialog overlay with portal rendering, escape-to-close, backdrop click, focus management, and entry/exit animations.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/modal",
-        "exports": [
-          "Modal"
-        ],
-        "props": {
-          "isOpen": {
-            "type": "boolean",
-            "required": true
-          },
-          "onClose": {
-            "type": "() => void",
-            "required": true
-          },
-          "title": {
-            "type": "string",
-            "required": true
-          },
-          "children": {
-            "type": "React.ReactNode",
-            "required": true
-          },
-          "subtitle": {
-            "type": "React.ReactNode",
-            "required": false
-          },
-          "footer": {
-            "type": "React.ReactNode",
-            "required": false
-          },
-          "width": {
-            "type": "'sm' | 'md' | 'lg' | string",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": [
-        "surface",
-        "text"
-      ]
-    },
-    {
-      "name": "menu",
-      "title": "Menu",
-      "description": "Positioned dropdown menu with sections, item selection styles, toggle items, and destructive hold-to-confirm items.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/menu",
-        "exports": [
-          "Menu",
-          "MenuItem",
-          "DestructiveMenuItem"
-        ],
-        "props": {
-          "isOpen": {
-            "type": "boolean",
-            "required": true
-          },
-          "onClose": {
-            "type": "() => void",
-            "required": true
-          },
-          "anchorRef": {
-            "type": "React.RefObject<HTMLElement | null>",
-            "required": true
-          },
-          "items": {
-            "type": "MenuItemData[]",
-            "required": false
-          },
-          "sections": {
-            "type": "MenuSection[]",
-            "required": false
-          },
-          "side": {
-            "type": "'top' | 'right' | 'bottom' | 'left'",
-            "required": false
-          },
-          "align": {
-            "type": "'start' | 'center' | 'end'",
-            "required": false
-          },
-          "matchAnchorWidth": {
-            "type": "boolean",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": [
-        "surface",
-        "text",
-        "toggle"
-      ]
-    },
-    {
-      "name": "tooltip",
-      "title": "Tooltip",
-      "description": "Positioned tooltip with portal rendering, delay, keyboard shortcut display, and viewport clamping.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/tooltip",
-        "exports": [
-          "Tooltip"
-        ],
-        "props": {
-          "label": {
-            "type": "string",
-            "required": true
-          },
-          "children": {
-            "type": "React.ReactElement",
-            "required": true
-          },
-          "side": {
-            "type": "'top' | 'right' | 'bottom' | 'left'",
-            "required": false
-          },
-          "align": {
-            "type": "'start' | 'center' | 'end'",
-            "required": false
-          },
-          "delay": {
-            "type": "number",
-            "required": false
-          },
-          "shortcutKey": {
-            "type": "string",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": [
-        "text"
-      ]
-    },
-    {
-      "name": "banner",
-      "title": "Banner",
-      "description": "Intent-colored message bar. Supports floating toast mode with auto-dismiss and fade-out animation.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/banner",
-        "exports": [
-          "Banner"
-        ],
-        "props": {
-          "intent": {
-            "type": "'brand' | 'positive' | 'negative' | 'warning' | 'caution' | 'ai' | 'neutral' | 'walkthrough' | 'guide'",
-            "required": true
-          },
-          "contrast": {
-            "type": "'faint' | 'medium' | 'bold' | 'strong'",
-            "required": true
-          },
-          "message": {
-            "type": "string",
-            "required": true
-          },
-          "floating": {
-            "type": "boolean",
-            "required": false
-          },
-          "onDismiss": {
-            "type": "() => void",
-            "required": false
-          },
-          "header": {
-            "type": "boolean",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": [
-        "surface",
-        "text"
-      ]
-    },
-    {
-      "name": "table",
-      "title": "Table",
-      "description": "Data table with CSS grid layout, sorting, pagination, loading skeleton, row selection, and custom cell rendering.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/table",
-        "exports": [
-          "Table"
-        ],
-        "props": {
-          "columns": {
-            "type": "TableColumn<T>[]",
-            "required": true
-          },
-          "data": {
-            "type": "T[]",
-            "required": true
-          },
-          "sortState": {
-            "type": "SortState",
-            "required": false
-          },
-          "onSort": {
-            "type": "(columnId: string) => void",
-            "required": false
-          },
-          "onRowClick": {
-            "type": "(row: T, rowIndex: number) => void",
-            "required": false
-          },
-          "selectedRows": {
-            "type": "Set<number>",
-            "required": false
-          },
-          "loading": {
-            "type": "boolean",
-            "required": false
-          },
-          "pagination": {
-            "type": "PaginationState",
-            "required": false
-          },
-          "onPaginationChange": {
-            "type": "(pageIndex: number, pageSize: number) => void",
-            "required": false
-          },
-          "emptyMessage": {
-            "type": "string",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": [
-        "text",
-        "surface",
-        "skeleton"
-      ]
-    },
-    {
-      "name": "tab",
-      "title": "Tab",
-      "description": "Individual tab button with selected state and hover overlay.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/tab",
-        "exports": [
-          "Tab"
-        ],
-        "props": {
-          "label": {
-            "type": "string",
-            "required": true
-          },
-          "isSelected": {
-            "type": "boolean",
-            "required": false
-          },
-          "onClick": {
-            "type": "() => void",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": [
-        "text"
-      ]
-    },
-    {
-      "name": "empty-state",
-      "title": "EmptyState",
-      "description": "Centered placeholder for empty content, no results, or no access states.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/empty-state",
-        "exports": [
-          "EmptyState"
-        ],
-        "props": {
-          "type": {
-            "type": "'no-content' | 'no-results' | 'no-results-filter' | 'no-access'",
-            "required": false
-          },
-          "message": {
-            "type": "string",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": [
-        "text"
-      ]
-    },
-    {
-      "name": "fade",
-      "title": "Fade",
-      "description": "Decorative gradient overlay for scroll edges.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/fade",
-        "exports": [
-          "Fade"
-        ],
-        "props": {
-          "side": {
-            "type": "'top' | 'bottom' | 'left' | 'right'",
-            "required": true
-          },
-          "height": {
-            "type": "string",
-            "required": true
-          },
-          "background": {
-            "type": "string",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": []
-    },
-    {
-      "name": "scrollbar",
-      "title": "Scrollbar",
-      "description": "Custom scrollbar with draggable thumb, proportional sizing, and hover reveal.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/scrollbar",
-        "exports": [
-          "Scrollbar"
-        ],
-        "props": {
-          "children": {
-            "type": "React.ReactNode",
-            "required": true
-          },
-          "variant": {
-            "type": "'default' | 'thick'",
-            "required": false
-          },
-          "showTrackOnHover": {
-            "type": "boolean",
-            "required": false
-          },
-          "onScroll": {
-            "type": "(e: React.UIEvent<HTMLDivElement>) => void",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": []
-    },
-    {
-      "name": "error-boundary",
-      "title": "ErrorBoundary",
-      "description": "React error boundary with fallback UI and console logging.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/error-boundary",
-        "exports": [
-          "ErrorBoundary"
-        ],
-        "props": {
-          "children": {
-            "type": "React.ReactNode",
-            "required": true
-          },
-          "fallback": {
-            "type": "React.ReactNode",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui"
-      ],
-      "registryDependencies": [
-        "empty-state"
-      ]
-    },
-    {
-      "name": "sidebar",
-      "title": "Sidebar",
-      "description": "Resizable navigation sidebar with drag handle, snap-to-collapse, mobile mode, and nested sections/items.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/sidebar",
-        "exports": [
-          "Sidebar",
-          "SidebarSection",
-          "SidebarItem"
-        ],
-        "props": {
-          "children": {
-            "type": "React.ReactNode",
-            "required": true
-          },
-          "isCollapsed": {
-            "type": "boolean",
-            "required": false
-          },
-          "onToggle": {
-            "type": "() => void",
-            "required": false
-          },
-          "width": {
-            "type": "'mini' | 'default' | number",
-            "required": false
-          },
-          "resizable": {
-            "type": "boolean",
-            "required": false
-          },
-          "footer": {
-            "type": "React.ReactNode",
-            "required": false
-          },
-          "isMobile": {
-            "type": "boolean",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": [
-        "text",
-        "surface"
-      ]
-    },
-    {
-      "name": "header",
-      "title": "Header",
-      "description": "App header bar with background variants.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/header",
-        "exports": [
-          "Header"
-        ],
-        "props": {
-          "children": {
-            "type": "React.ReactNode",
-            "required": false
-          },
-          "background": {
-            "type": "HeaderBackground",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": [
-        "surface"
-      ]
-    },
-    {
-      "name": "radio",
-      "title": "RadioGroup",
-      "description": "Radio selection group with vertical/horizontal layout, per-option inactive, and keyboard navigation.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/radio",
-        "exports": [
-          "RadioGroup",
-          "RadioItem"
-        ],
-        "props": {
-          "value": {
-            "type": "string",
-            "required": true
-          },
-          "onChange": {
-            "type": "(value: string) => void",
-            "required": true
-          },
-          "options": {
-            "type": "RadioOption[]",
-            "required": true
-          },
-          "direction": {
-            "type": "'vertical' | 'horizontal'",
-            "required": false
-          },
-          "inactive": {
-            "type": "boolean",
-            "required": false
-          },
-          "aria-label": {
-            "type": "string",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": [
-        "text"
-      ]
-    },
-    {
-      "name": "tab-group",
-      "title": "TabGroup",
-      "description": "Tab orchestrator that wraps Tab components with an animated sliding indicator and active state management.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/tab-group",
-        "exports": [
-          "TabGroup"
-        ],
-        "props": {
-          "tabs": {
-            "type": "TabGroupTab[]",
-            "required": true
-          },
-          "activeIndex": {
-            "type": "number",
-            "required": false
-          },
-          "onTabChange": {
-            "type": "(index: number) => void",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": [
-        "tab"
-      ]
-    },
-    {
-      "name": "accordion",
-      "title": "Accordion",
-      "description": "Collapsible section list with single or multiple expand mode, animated height transitions, and controlled/uncontrolled state.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/accordion",
-        "exports": [
-          "Accordion",
-          "AccordionItem"
-        ],
-        "props": {
-          "items": {
-            "type": "AccordionItemData[]",
-            "required": true
-          },
-          "multiple": {
-            "type": "boolean",
-            "required": false
-          },
-          "expandedIds": {
-            "type": "string[]",
-            "required": false
-          },
-          "onExpandedChange": {
-            "type": "(ids: string[]) => void",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": [
-        "text"
-      ]
-    },
-    {
-      "name": "breadcrumb",
-      "title": "Breadcrumb",
-      "description": "Hierarchical navigation with link or button items, custom separator, and aria-current on the last item.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/breadcrumb",
-        "exports": [
-          "Breadcrumb"
-        ],
-        "props": {
-          "items": {
-            "type": "BreadcrumbItem[]",
-            "required": true
-          },
-          "separator": {
-            "type": "React.ReactNode",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": [
-        "text"
-      ]
-    },
-    {
-      "name": "pagination",
-      "title": "Pagination",
-      "description": "Standalone page navigation with ellipsis for large ranges, sibling count control, and keyboard-accessible buttons.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/pagination",
-        "exports": [
-          "Pagination"
-        ],
-        "props": {
-          "page": {
-            "type": "number",
-            "required": true
-          },
-          "totalPages": {
-            "type": "number",
-            "required": true
-          },
-          "onPageChange": {
-            "type": "(page: number) => void",
-            "required": true
-          },
-          "siblingCount": {
-            "type": "number",
-            "required": false
-          },
-          "inactive": {
-            "type": "boolean",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": [
-        "text"
-      ]
-    },
-    {
-      "name": "divider",
-      "title": "Divider",
-      "description": "Horizontal or vertical separator line using design tokens.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/divider",
-        "exports": [
-          "Divider"
-        ],
-        "props": {
-          "orientation": {
-            "type": "'horizontal' | 'vertical'",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": []
-    },
-    {
-      "name": "skeleton",
-      "title": "Skeleton",
-      "description": "Loading placeholder with text, circular, and rectangular variants. Supports multi-line text and shimmer animation.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/skeleton",
-        "exports": [
-          "Skeleton"
-        ],
-        "props": {
-          "variant": {
-            "type": "'text' | 'circular' | 'rectangular'",
-            "required": false
-          },
-          "width": {
-            "type": "string | number",
-            "required": false
-          },
-          "height": {
-            "type": "string | number",
-            "required": false
-          },
-          "lines": {
-            "type": "number",
-            "required": false
-          },
-          "animate": {
-            "type": "boolean",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": []
-    },
-    {
-      "name": "toast",
-      "title": "Toast",
-      "description": "Imperative toast notification system. Use toast.success()/error()/warning()/info() to show toasts. Place <ToastContainer /> once at the app root.",
-      "type": "registry:ui",
-      "meta": {
-        "library": "@compomo/ui",
-        "distribution": "npm",
-        "storybook": "https://zainadeel.github.io/CompoMo/?path=/story/toast",
-        "exports": [
-          "ToastContainer",
-          "toast",
-          "useToasts"
-        ],
-        "props": {
-          "position": {
-            "type": "'top-center' | 'top-right' | 'bottom-center' | 'bottom-right'",
-            "required": false
-          }
-        }
-      },
-      "dependencies": [
-        "@compomo/ui",
-        "@ds-mo/tokens"
-      ],
-      "registryDependencies": [
-        "surface",
-        "text"
-      ]
-    }
-  ]
-}