shadcn-glass-ui 2.3.1 → 2.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.
- package/dist/cli/index.cjs +1 -1
- package/dist/components.cjs +4 -4
- package/dist/components.mjs +1 -1
- package/dist/hooks.cjs +2 -2
- package/dist/index.cjs +196 -5
- package/dist/index.d.ts +4 -1
- package/dist/index.mjs +158 -2
- package/dist/r/modal-glass.json +3 -2
- package/dist/r/progress-glass.json +2 -2
- package/dist/r/registry.json +7 -1
- package/dist/r/sheet-glass.json +44 -0
- package/dist/shadcn-glass-ui.css +1 -1
- package/dist/{theme-context-7NcW0KZL.cjs → theme-context-C-vx8lHq.cjs} +2 -2
- package/dist/themes.cjs +1 -1
- package/dist/{trust-score-card-glass-DtgFygh5.cjs → trust-score-card-glass-BcZhKCFm.cjs} +146 -4
- package/dist/{trust-score-card-glass-BGqBcdyJ.mjs → trust-score-card-glass-CguUC0Iy.mjs} +12 -2
- package/dist/{use-focus-BFBcpBh1.cjs → use-focus-BoO-8ZPI.cjs} +2 -2
- package/dist/{use-wallpaper-tint-DTTStm5f.cjs → use-wallpaper-tint-BaKRGsRu.cjs} +2 -2
- package/dist/{utils-CiuCe_Aq.cjs → utils-DEM7daK7.cjs} +2 -2
- package/dist/utils.cjs +1 -1
- package/package.json +21 -3
- package/dist/components/blocks/avatar-gallery/index.d.ts +0 -2
- package/dist/components/blocks/avatar-gallery/index.d.ts.map +0 -1
- package/dist/components/blocks/avatar-gallery/page.d.ts +0 -7
- package/dist/components/blocks/avatar-gallery/page.d.ts.map +0 -1
- package/dist/components/blocks/badges/index.d.ts +0 -2
- package/dist/components/blocks/badges/index.d.ts.map +0 -1
- package/dist/components/blocks/badges/page.d.ts +0 -7
- package/dist/components/blocks/badges/page.d.ts.map +0 -1
- package/dist/components/blocks/buttons/index.d.ts +0 -2
- package/dist/components/blocks/buttons/index.d.ts.map +0 -1
- package/dist/components/blocks/buttons/page.d.ts +0 -7
- package/dist/components/blocks/buttons/page.d.ts.map +0 -1
- package/dist/components/blocks/form-elements/index.d.ts +0 -2
- package/dist/components/blocks/form-elements/index.d.ts.map +0 -1
- package/dist/components/blocks/form-elements/page.d.ts +0 -7
- package/dist/components/blocks/form-elements/page.d.ts.map +0 -1
- package/dist/components/blocks/index.d.ts +0 -14
- package/dist/components/blocks/index.d.ts.map +0 -1
- package/dist/components/blocks/notifications/index.d.ts +0 -2
- package/dist/components/blocks/notifications/index.d.ts.map +0 -1
- package/dist/components/blocks/notifications/page.d.ts +0 -7
- package/dist/components/blocks/notifications/page.d.ts.map +0 -1
- package/dist/components/blocks/progress/index.d.ts +0 -2
- package/dist/components/blocks/progress/index.d.ts.map +0 -1
- package/dist/components/blocks/progress/page.d.ts +0 -7
- package/dist/components/blocks/progress/page.d.ts.map +0 -1
- package/dist/components/blocks/registry.d.ts +0 -16
- package/dist/components/blocks/registry.d.ts.map +0 -1
- package/dist/components/demos/AnimatedBackground.d.ts +0 -5
- package/dist/components/demos/AnimatedBackground.d.ts.map +0 -1
- package/dist/components/demos/ComponentShowcase.d.ts +0 -6
- package/dist/components/demos/ComponentShowcase.d.ts.map +0 -1
- package/dist/components/demos/DesktopShowcase.d.ts +0 -3
- package/dist/components/demos/DesktopShowcase.d.ts.map +0 -1
- package/dist/components/demos/GlassFixesDemo.d.ts +0 -6
- package/dist/components/demos/GlassFixesDemo.d.ts.map +0 -1
- package/dist/components/demos/MobileShowcase.d.ts +0 -3
- package/dist/components/demos/MobileShowcase.d.ts.map +0 -1
- package/dist/components/glass/atomic/expandable-header-glass.d.ts +0 -16
- package/dist/components/glass/atomic/expandable-header-glass.d.ts.map +0 -1
- package/dist/components/glass/atomic/icon-button-glass.d.ts +0 -18
- package/dist/components/glass/atomic/icon-button-glass.d.ts.map +0 -1
- package/dist/components/glass/atomic/index.d.ts +0 -14
- package/dist/components/glass/atomic/index.d.ts.map +0 -1
- package/dist/components/glass/atomic/insight-card-glass.d.ts +0 -22
- package/dist/components/glass/atomic/insight-card-glass.d.ts.map +0 -1
- package/dist/components/glass/atomic/search-box-glass.d.ts +0 -17
- package/dist/components/glass/atomic/search-box-glass.d.ts.map +0 -1
- package/dist/components/glass/atomic/sort-dropdown-glass.d.ts +0 -38
- package/dist/components/glass/atomic/sort-dropdown-glass.d.ts.map +0 -1
- package/dist/components/glass/atomic/stat-item-glass.d.ts +0 -22
- package/dist/components/glass/atomic/stat-item-glass.d.ts.map +0 -1
- package/dist/components/glass/atomic/theme-toggle-glass.d.ts +0 -11
- package/dist/components/glass/atomic/theme-toggle-glass.d.ts.map +0 -1
- package/dist/components/glass/composite/ai-card-glass.d.ts +0 -7
- package/dist/components/glass/composite/ai-card-glass.d.ts.map +0 -1
- package/dist/components/glass/composite/career-stats-header-glass.d.ts +0 -15
- package/dist/components/glass/composite/career-stats-header-glass.d.ts.map +0 -1
- package/dist/components/glass/composite/circular-metric-glass.d.ts +0 -24
- package/dist/components/glass/composite/circular-metric-glass.d.ts.map +0 -1
- package/dist/components/glass/composite/contribution-metrics-glass.d.ts +0 -15
- package/dist/components/glass/composite/contribution-metrics-glass.d.ts.map +0 -1
- package/dist/components/glass/composite/index.d.ts +0 -22
- package/dist/components/glass/composite/index.d.ts.map +0 -1
- package/dist/components/glass/composite/metric-card-glass.d.ts +0 -96
- package/dist/components/glass/composite/metric-card-glass.d.ts.map +0 -1
- package/dist/components/glass/composite/metrics-grid-glass.d.ts +0 -17
- package/dist/components/glass/composite/metrics-grid-glass.d.ts.map +0 -1
- package/dist/components/glass/composite/repository-card-glass.d.ts +0 -16
- package/dist/components/glass/composite/repository-card-glass.d.ts.map +0 -1
- package/dist/components/glass/composite/repository-header-glass.d.ts +0 -16
- package/dist/components/glass/composite/repository-header-glass.d.ts.map +0 -1
- package/dist/components/glass/composite/repository-metadata-glass.d.ts +0 -13
- package/dist/components/glass/composite/repository-metadata-glass.d.ts.map +0 -1
- package/dist/components/glass/composite/split-layout-glass/index.d.ts +0 -16
- package/dist/components/glass/composite/split-layout-glass/index.d.ts.map +0 -1
- package/dist/components/glass/composite/split-layout-glass/split-layout-accordion.d.ts +0 -66
- package/dist/components/glass/composite/split-layout-glass/split-layout-accordion.d.ts.map +0 -1
- package/dist/components/glass/composite/split-layout-glass/split-layout-context.d.ts +0 -122
- package/dist/components/glass/composite/split-layout-glass/split-layout-context.d.ts.map +0 -1
- package/dist/components/glass/composite/split-layout-glass/split-layout-glass.d.ts +0 -177
- package/dist/components/glass/composite/split-layout-glass/split-layout-glass.d.ts.map +0 -1
- package/dist/components/glass/composite/trust-score-display-glass.d.ts +0 -15
- package/dist/components/glass/composite/trust-score-display-glass.d.ts.map +0 -1
- package/dist/components/glass/composite/user-info-glass.d.ts +0 -15
- package/dist/components/glass/composite/user-info-glass.d.ts.map +0 -1
- package/dist/components/glass/composite/user-stats-line-glass.d.ts +0 -15
- package/dist/components/glass/composite/user-stats-line-glass.d.ts.map +0 -1
- package/dist/components/glass/composite/year-card-glass.d.ts +0 -53
- package/dist/components/glass/composite/year-card-glass.d.ts.map +0 -1
- package/dist/components/glass/index.d.ts +0 -18
- package/dist/components/glass/index.d.ts.map +0 -1
- package/dist/components/glass/primitives/form-field-wrapper.d.ts +0 -69
- package/dist/components/glass/primitives/form-field-wrapper.d.ts.map +0 -1
- package/dist/components/glass/primitives/index.d.ts +0 -12
- package/dist/components/glass/primitives/index.d.ts.map +0 -1
- package/dist/components/glass/primitives/interactive-card.d.ts +0 -91
- package/dist/components/glass/primitives/interactive-card.d.ts.map +0 -1
- package/dist/components/glass/primitives/style-utils.d.ts +0 -147
- package/dist/components/glass/primitives/style-utils.d.ts.map +0 -1
- package/dist/components/glass/primitives/touch-target.d.ts +0 -46
- package/dist/components/glass/primitives/touch-target.d.ts.map +0 -1
- package/dist/components/glass/sections/career-stats-glass.d.ts +0 -17
- package/dist/components/glass/sections/career-stats-glass.d.ts.map +0 -1
- package/dist/components/glass/sections/flags-section-glass.d.ts +0 -13
- package/dist/components/glass/sections/flags-section-glass.d.ts.map +0 -1
- package/dist/components/glass/sections/header-branding-glass.d.ts +0 -16
- package/dist/components/glass/sections/header-branding-glass.d.ts.map +0 -1
- package/dist/components/glass/sections/header-nav-glass.d.ts +0 -7
- package/dist/components/glass/sections/header-nav-glass.d.ts.map +0 -1
- package/dist/components/glass/sections/index.d.ts +0 -13
- package/dist/components/glass/sections/index.d.ts.map +0 -1
- package/dist/components/glass/sections/profile-header-glass.d.ts +0 -16
- package/dist/components/glass/sections/profile-header-glass.d.ts.map +0 -1
- package/dist/components/glass/sections/projects-list-glass.d.ts +0 -42
- package/dist/components/glass/sections/projects-list-glass.d.ts.map +0 -1
- package/dist/components/glass/sections/trust-score-card-glass.d.ts +0 -12
- package/dist/components/glass/sections/trust-score-card-glass.d.ts.map +0 -1
- package/dist/components/glass/specialized/base-progress-glass.d.ts +0 -8
- package/dist/components/glass/specialized/base-progress-glass.d.ts.map +0 -1
- package/dist/components/glass/specialized/flag-alert-glass.d.ts +0 -8
- package/dist/components/glass/specialized/flag-alert-glass.d.ts.map +0 -1
- package/dist/components/glass/specialized/index.d.ts +0 -21
- package/dist/components/glass/specialized/index.d.ts.map +0 -1
- package/dist/components/glass/specialized/language-bar-glass.d.ts +0 -24
- package/dist/components/glass/specialized/language-bar-glass.d.ts.map +0 -1
- package/dist/components/glass/specialized/profile-avatar-glass.d.ts +0 -26
- package/dist/components/glass/specialized/profile-avatar-glass.d.ts.map +0 -1
- package/dist/components/glass/specialized/progress-glass.d.ts +0 -9
- package/dist/components/glass/specialized/progress-glass.d.ts.map +0 -1
- package/dist/components/glass/specialized/rainbow-progress-glass.d.ts +0 -8
- package/dist/components/glass/specialized/rainbow-progress-glass.d.ts.map +0 -1
- package/dist/components/glass/specialized/segmented-control-glass.d.ts +0 -11
- package/dist/components/glass/specialized/segmented-control-glass.d.ts.map +0 -1
- package/dist/components/glass/specialized/sparkline-glass.d.ts +0 -34
- package/dist/components/glass/specialized/sparkline-glass.d.ts.map +0 -1
- package/dist/components/glass/specialized/status-indicator-glass.d.ts +0 -8
- package/dist/components/glass/specialized/status-indicator-glass.d.ts.map +0 -1
- package/dist/components/glass/ui/alert-glass.d.ts +0 -13
- package/dist/components/glass/ui/alert-glass.d.ts.map +0 -1
- package/dist/components/glass/ui/avatar-glass.d.ts +0 -58
- package/dist/components/glass/ui/avatar-glass.d.ts.map +0 -1
- package/dist/components/glass/ui/badge-glass.d.ts +0 -74
- package/dist/components/glass/ui/badge-glass.d.ts.map +0 -1
- package/dist/components/glass/ui/button-glass.d.ts +0 -110
- package/dist/components/glass/ui/button-glass.d.ts.map +0 -1
- package/dist/components/glass/ui/card-glass.d.ts +0 -115
- package/dist/components/glass/ui/card-glass.d.ts.map +0 -1
- package/dist/components/glass/ui/checkbox-glass.d.ts +0 -88
- package/dist/components/glass/ui/checkbox-glass.d.ts.map +0 -1
- package/dist/components/glass/ui/circular-progress-glass.d.ts +0 -36
- package/dist/components/glass/ui/circular-progress-glass.d.ts.map +0 -1
- package/dist/components/glass/ui/combobox-glass.d.ts +0 -61
- package/dist/components/glass/ui/combobox-glass.d.ts.map +0 -1
- package/dist/components/glass/ui/dropdown-glass.d.ts +0 -83
- package/dist/components/glass/ui/dropdown-glass.d.ts.map +0 -1
- package/dist/components/glass/ui/dropdown-menu-glass.d.ts +0 -83
- package/dist/components/glass/ui/dropdown-menu-glass.d.ts.map +0 -1
- package/dist/components/glass/ui/glass-card.d.ts +0 -78
- package/dist/components/glass/ui/glass-card.d.ts.map +0 -1
- package/dist/components/glass/ui/index.d.ts +0 -50
- package/dist/components/glass/ui/index.d.ts.map +0 -1
- package/dist/components/glass/ui/input-glass.d.ts +0 -98
- package/dist/components/glass/ui/input-glass.d.ts.map +0 -1
- package/dist/components/glass/ui/modal-glass.d.ts +0 -180
- package/dist/components/glass/ui/modal-glass.d.ts.map +0 -1
- package/dist/components/glass/ui/notification-glass.d.ts +0 -13
- package/dist/components/glass/ui/notification-glass.d.ts.map +0 -1
- package/dist/components/glass/ui/popover-glass.d.ts +0 -74
- package/dist/components/glass/ui/popover-glass.d.ts.map +0 -1
- package/dist/components/glass/ui/sidebar-glass/index.d.ts +0 -100
- package/dist/components/glass/ui/sidebar-glass/index.d.ts.map +0 -1
- package/dist/components/glass/ui/sidebar-glass/sidebar-context.d.ts +0 -96
- package/dist/components/glass/ui/sidebar-glass/sidebar-context.d.ts.map +0 -1
- package/dist/components/glass/ui/sidebar-glass/sidebar-glass.d.ts +0 -88
- package/dist/components/glass/ui/sidebar-glass/sidebar-glass.d.ts.map +0 -1
- package/dist/components/glass/ui/sidebar-glass/sidebar-menu.d.ts +0 -121
- package/dist/components/glass/ui/sidebar-glass/sidebar-menu.d.ts.map +0 -1
- package/dist/components/glass/ui/skeleton-glass.d.ts +0 -8
- package/dist/components/glass/ui/skeleton-glass.d.ts.map +0 -1
- package/dist/components/glass/ui/slider-glass.d.ts +0 -38
- package/dist/components/glass/ui/slider-glass.d.ts.map +0 -1
- package/dist/components/glass/ui/stepper-glass.d.ts +0 -63
- package/dist/components/glass/ui/stepper-glass.d.ts.map +0 -1
- package/dist/components/glass/ui/tabs-glass.d.ts +0 -150
- package/dist/components/glass/ui/tabs-glass.d.ts.map +0 -1
- package/dist/components/glass/ui/toggle-glass.d.ts +0 -27
- package/dist/components/glass/ui/toggle-glass.d.ts.map +0 -1
- package/dist/components/glass/ui/tooltip-glass.d.ts +0 -65
- package/dist/components/glass/ui/tooltip-glass.d.ts.map +0 -1
- package/dist/components/ui/alert.d.ts +0 -8
- package/dist/components/ui/alert.d.ts.map +0 -1
- package/dist/components/ui/avatar.d.ts +0 -7
- package/dist/components/ui/avatar.d.ts.map +0 -1
- package/dist/components/ui/badge.d.ts +0 -8
- package/dist/components/ui/badge.d.ts.map +0 -1
- package/dist/components/ui/button.d.ts +0 -8
- package/dist/components/ui/button.d.ts.map +0 -1
- package/dist/components/ui/card.d.ts +0 -10
- package/dist/components/ui/card.d.ts.map +0 -1
- package/dist/components/ui/chart.d.ts +0 -69
- package/dist/components/ui/chart.d.ts.map +0 -1
- package/dist/components/ui/checkbox.d.ts +0 -5
- package/dist/components/ui/checkbox.d.ts.map +0 -1
- package/dist/components/ui/collapsible.d.ts +0 -6
- package/dist/components/ui/collapsible.d.ts.map +0 -1
- package/dist/components/ui/command.d.ts +0 -19
- package/dist/components/ui/command.d.ts.map +0 -1
- package/dist/components/ui/dialog.d.ts +0 -16
- package/dist/components/ui/dialog.d.ts.map +0 -1
- package/dist/components/ui/dropdown-menu.d.ts +0 -26
- package/dist/components/ui/dropdown-menu.d.ts.map +0 -1
- package/dist/components/ui/input.d.ts +0 -4
- package/dist/components/ui/input.d.ts.map +0 -1
- package/dist/components/ui/popover.d.ts +0 -8
- package/dist/components/ui/popover.d.ts.map +0 -1
- package/dist/components/ui/progress.d.ts +0 -5
- package/dist/components/ui/progress.d.ts.map +0 -1
- package/dist/components/ui/scroll-area.d.ts +0 -6
- package/dist/components/ui/scroll-area.d.ts.map +0 -1
- package/dist/components/ui/separator.d.ts +0 -5
- package/dist/components/ui/separator.d.ts.map +0 -1
- package/dist/components/ui/skeleton.d.ts +0 -3
- package/dist/components/ui/skeleton.d.ts.map +0 -1
- package/dist/components/ui/slider.d.ts +0 -5
- package/dist/components/ui/slider.d.ts.map +0 -1
- package/dist/components/ui/sonner.d.ts +0 -4
- package/dist/components/ui/sonner.d.ts.map +0 -1
- package/dist/components/ui/switch.d.ts +0 -5
- package/dist/components/ui/switch.d.ts.map +0 -1
- package/dist/components/ui/tabs.d.ts +0 -8
- package/dist/components/ui/tabs.d.ts.map +0 -1
- package/dist/components/ui/tooltip.d.ts +0 -8
- package/dist/components/ui/tooltip.d.ts.map +0 -1
- package/dist/components.d.ts.map +0 -1
- package/dist/demo-screenshot-aurora.png +0 -0
- package/dist/demo-screenshot.png +0 -0
- package/dist/demo-screenshot.png.zip +0 -0
- package/dist/hooks.d.ts.map +0 -1
- package/dist/index.cjs.map +0 -1
- package/dist/index.d.ts.map +0 -1
- package/dist/index.mjs.map +0 -1
- package/dist/lib/config.d.ts +0 -28
- package/dist/lib/config.d.ts.map +0 -1
- package/dist/lib/hooks/index.d.ts +0 -11
- package/dist/lib/hooks/index.d.ts.map +0 -1
- package/dist/lib/hooks/use-focus.d.ts +0 -61
- package/dist/lib/hooks/use-focus.d.ts.map +0 -1
- package/dist/lib/hooks/use-hover.d.ts +0 -54
- package/dist/lib/hooks/use-hover.d.ts.map +0 -1
- package/dist/lib/hooks/use-responsive.d.ts +0 -44
- package/dist/lib/hooks/use-responsive.d.ts.map +0 -1
- package/dist/lib/hooks/use-wallpaper-tint.d.ts +0 -57
- package/dist/lib/hooks/use-wallpaper-tint.d.ts.map +0 -1
- package/dist/lib/hooks.d.ts +0 -92
- package/dist/lib/hooks.d.ts.map +0 -1
- package/dist/lib/theme/tokens.d.ts +0 -441
- package/dist/lib/theme/tokens.d.ts.map +0 -1
- package/dist/lib/theme-context.d.ts +0 -115
- package/dist/lib/theme-context.d.ts.map +0 -1
- package/dist/lib/types.d.ts +0 -24
- package/dist/lib/types.d.ts.map +0 -1
- package/dist/lib/utils.d.ts +0 -8
- package/dist/lib/utils.d.ts.map +0 -1
- package/dist/lib/variants/alert-glass-variants.d.ts +0 -10
- package/dist/lib/variants/alert-glass-variants.d.ts.map +0 -1
- package/dist/lib/variants/alert-variants.d.ts +0 -8
- package/dist/lib/variants/alert-variants.d.ts.map +0 -1
- package/dist/lib/variants/avatar-glass-variants.d.ts +0 -12
- package/dist/lib/variants/avatar-glass-variants.d.ts.map +0 -1
- package/dist/lib/variants/badge-glass-variants.d.ts +0 -10
- package/dist/lib/variants/badge-glass-variants.d.ts.map +0 -1
- package/dist/lib/variants/badge-variants.d.ts +0 -8
- package/dist/lib/variants/badge-variants.d.ts.map +0 -1
- package/dist/lib/variants/button-glass-variants.d.ts +0 -29
- package/dist/lib/variants/button-glass-variants.d.ts.map +0 -1
- package/dist/lib/variants/button-variants.d.ts +0 -9
- package/dist/lib/variants/button-variants.d.ts.map +0 -1
- package/dist/lib/variants/dropdown-content-styles.d.ts +0 -102
- package/dist/lib/variants/dropdown-content-styles.d.ts.map +0 -1
- package/dist/lib/variants/dropdown-glass-variants.d.ts +0 -9
- package/dist/lib/variants/dropdown-glass-variants.d.ts.map +0 -1
- package/dist/lib/variants/glass-card-variants.d.ts +0 -13
- package/dist/lib/variants/glass-card-variants.d.ts.map +0 -1
- package/dist/lib/variants/index.d.ts +0 -26
- package/dist/lib/variants/index.d.ts.map +0 -1
- package/dist/lib/variants/input-glass-variants.d.ts +0 -9
- package/dist/lib/variants/input-glass-variants.d.ts.map +0 -1
- package/dist/lib/variants/insight-card-glass-variants.d.ts +0 -11
- package/dist/lib/variants/insight-card-glass-variants.d.ts.map +0 -1
- package/dist/lib/variants/modal-glass-variants.d.ts +0 -9
- package/dist/lib/variants/modal-glass-variants.d.ts.map +0 -1
- package/dist/lib/variants/notification-glass-variants.d.ts +0 -9
- package/dist/lib/variants/notification-glass-variants.d.ts.map +0 -1
- package/dist/lib/variants/progress-glass-variants.d.ts +0 -10
- package/dist/lib/variants/progress-glass-variants.d.ts.map +0 -1
- package/dist/lib/variants/skeleton-glass-variants.d.ts +0 -9
- package/dist/lib/variants/skeleton-glass-variants.d.ts.map +0 -1
- package/dist/lib/variants/sparkline-glass-variants.d.ts +0 -10
- package/dist/lib/variants/sparkline-glass-variants.d.ts.map +0 -1
- package/dist/lib/variants/stepper-glass-variants.d.ts +0 -40
- package/dist/lib/variants/stepper-glass-variants.d.ts.map +0 -1
- package/dist/lib/variants/toggle-glass-variants.d.ts +0 -26
- package/dist/lib/variants/toggle-glass-variants.d.ts.map +0 -1
- package/dist/lib/variants/tooltip-glass-variants.d.ts +0 -9
- package/dist/lib/variants/tooltip-glass-variants.d.ts.map +0 -1
- package/dist/theme-context-7NcW0KZL.cjs.map +0 -1
- package/dist/theme-context-DLS2uAgJ.mjs.map +0 -1
- package/dist/themes.d.ts.map +0 -1
- package/dist/trust-score-card-glass-BGqBcdyJ.mjs.map +0 -1
- package/dist/trust-score-card-glass-DtgFygh5.cjs.map +0 -1
- package/dist/use-focus-BFBcpBh1.cjs.map +0 -1
- package/dist/use-focus-C5kPAKr_.mjs.map +0 -1
- package/dist/use-wallpaper-tint-C0kYXNiN.mjs.map +0 -1
- package/dist/use-wallpaper-tint-DTTStm5f.cjs.map +0 -1
- package/dist/utils-B792GPM_.mjs.map +0 -1
- package/dist/utils-CiuCe_Aq.cjs.map +0 -1
- package/dist/utils.d.ts.map +0 -1
- package/docs/AI_IMPROVEMENTS_COMPLETE.md +0 -574
- package/docs/API_PATTERNS_COMPARISON.md +0 -419
- package/docs/COMPLIANCE_CHECKLIST.md +0 -307
- package/docs/COMPLIANCE_TESTING.md +0 -436
- package/docs/CSS_VARIABLES_AUDIT.md +0 -306
- package/docs/CSS_VARIABLES_REFACTORING_PLAN.md +0 -330
- package/docs/DROPDOWN_ARCHITECTURE.md +0 -290
- package/docs/METRIC_CARD_API_REDESIGN.md +0 -354
- package/docs/PRIMITIVE_MAPPING.md +0 -404
- package/docs/PUBLISHING.md +0 -593
- package/docs/REGISTRY_SUMMARY.md +0 -96
- package/docs/SECURITY.md +0 -117
- package/docs/api/README.md +0 -723
- package/docs/api/functions/ThemeProvider.md +0 -21
- package/docs/api/functions/cn.md +0 -27
- package/docs/api/functions/getNextTheme.md +0 -21
- package/docs/api/functions/getThemeConfig.md +0 -21
- package/docs/api/functions/useFocus.md +0 -53
- package/docs/api/functions/useHover.md +0 -47
- package/docs/api/functions/useResponsive.md +0 -31
- package/docs/api/functions/useTheme.md +0 -15
- package/docs/api/functions/useWallpaperTint.md +0 -36
- package/docs/api/globals.md +0 -139
- package/docs/api/interfaces/AlertGlassProps.md +0 -131
- package/docs/api/interfaces/AvatarGlassProps.md +0 -114
- package/docs/api/interfaces/BadgeGlassProps.md +0 -125
- package/docs/api/interfaces/ButtonGlassProps.md +0 -186
- package/docs/api/interfaces/CheckboxGlassProps.md +0 -125
- package/docs/api/interfaces/DropdownGlassProps.md +0 -123
- package/docs/api/interfaces/DropdownItem.md +0 -53
- package/docs/api/interfaces/GlassCardProps.md +0 -151
- package/docs/api/interfaces/InputGlassProps.md +0 -169
- package/docs/api/interfaces/NotificationGlassProps.md +0 -67
- package/docs/api/interfaces/ProgressGlassProps.md +0 -49
- package/docs/api/interfaces/SkeletonGlassProps.md +0 -41
- package/docs/api/interfaces/SliderGlassProps.md +0 -107
- package/docs/api/interfaces/TabItem.md +0 -25
- package/docs/api/interfaces/ThemeConfig.md +0 -25
- package/docs/api/interfaces/ThemeContextValue.md +0 -47
- package/docs/api/interfaces/ToggleGlassProps.md +0 -59
- package/docs/api/interfaces/TooltipGlassProps.md +0 -119
- package/docs/api/type-aliases/AlertType.md +0 -11
- package/docs/api/type-aliases/AlertVariant.md +0 -11
- package/docs/api/type-aliases/AvatarSize.md +0 -11
- package/docs/api/type-aliases/AvatarStatus.md +0 -13
- package/docs/api/type-aliases/BadgeSize.md +0 -11
- package/docs/api/type-aliases/BadgeVariant.md +0 -11
- package/docs/api/type-aliases/ButtonGlassSize.md +0 -11
- package/docs/api/type-aliases/ButtonGlassVariant.md +0 -11
- package/docs/api/type-aliases/DropdownAlign.md +0 -11
- package/docs/api/type-aliases/GlowType.md +0 -11
- package/docs/api/type-aliases/InputGlassSize.md +0 -11
- package/docs/api/type-aliases/IntensityType.md +0 -11
- package/docs/api/type-aliases/ModalSize.md +0 -11
- package/docs/api/type-aliases/NotificationType.md +0 -11
- package/docs/api/type-aliases/PaddingType.md +0 -11
- package/docs/api/type-aliases/ProgressGradient.md +0 -11
- package/docs/api/type-aliases/ProgressSize.md +0 -11
- package/docs/api/type-aliases/SkeletonVariant.md +0 -11
- package/docs/api/type-aliases/Theme.md +0 -11
- package/docs/api/type-aliases/ToggleGlassSize.md +0 -11
- package/docs/api/type-aliases/TooltipPosition.md +0 -11
- package/docs/api/variables/AICardGlass.md +0 -11
- package/docs/api/variables/AlertGlass.md +0 -11
- package/docs/api/variables/AvatarGlass.md +0 -11
- package/docs/api/variables/BadgeGlass.md +0 -11
- package/docs/api/variables/BaseProgressGlass.md +0 -11
- package/docs/api/variables/ButtonGlass.md +0 -11
- package/docs/api/variables/CareerStatsGlass.md +0 -11
- package/docs/api/variables/CareerStatsHeaderGlass.md +0 -11
- package/docs/api/variables/CheckboxGlass.md +0 -11
- package/docs/api/variables/CircularMetricGlass.md +0 -22
- package/docs/api/variables/CircularProgressGlass.md +0 -11
- package/docs/api/variables/ComboBoxGlass.md +0 -27
- package/docs/api/variables/ContributionMetricsGlass.md +0 -11
- package/docs/api/variables/DropdownGlass.md +0 -11
- package/docs/api/variables/ExpandableHeaderGlass.md +0 -11
- package/docs/api/variables/FlagAlertGlass.md +0 -11
- package/docs/api/variables/FlagsSectionGlass.md +0 -11
- package/docs/api/variables/FormFieldWrapper.md +0 -44
- package/docs/api/variables/GlassCard.md +0 -11
- package/docs/api/variables/HeaderBrandingGlass.md +0 -11
- package/docs/api/variables/HeaderNavGlass.md +0 -11
- package/docs/api/variables/IconButtonGlass.md +0 -11
- package/docs/api/variables/InputGlass.md +0 -11
- package/docs/api/variables/InteractiveCard.md +0 -45
- package/docs/api/variables/LanguageBarGlass.md +0 -11
- package/docs/api/variables/MetricCardGlass.md +0 -11
- package/docs/api/variables/MetricsGridGlass.md +0 -11
- package/docs/api/variables/ModalGlass.md +0 -73
- package/docs/api/variables/NotificationGlass.md +0 -11
- package/docs/api/variables/PopoverGlass.md +0 -11
- package/docs/api/variables/ProfileAvatarGlass.md +0 -11
- package/docs/api/variables/ProfileHeaderGlass.md +0 -11
- package/docs/api/variables/ProgressGlass.md +0 -11
- package/docs/api/variables/ProjectsListGlass.md +0 -11
- package/docs/api/variables/RainbowProgressGlass.md +0 -11
- package/docs/api/variables/RepositoryCardGlass.md +0 -11
- package/docs/api/variables/RepositoryHeaderGlass.md +0 -11
- package/docs/api/variables/RepositoryMetadataGlass.md +0 -11
- package/docs/api/variables/SearchBoxGlass.md +0 -11
- package/docs/api/variables/SegmentedControlGlass.md +0 -11
- package/docs/api/variables/SkeletonGlass.md +0 -11
- package/docs/api/variables/SliderGlass.md +0 -11
- package/docs/api/variables/SortDropdownGlass.md +0 -11
- package/docs/api/variables/StatItemGlass.md +0 -11
- package/docs/api/variables/StatusIndicatorGlass.md +0 -11
- package/docs/api/variables/THEMES.md +0 -11
- package/docs/api/variables/THEME_CONFIG.md +0 -11
- package/docs/api/variables/TabsGlass.md +0 -52
- package/docs/api/variables/ThemeToggleGlass.md +0 -11
- package/docs/api/variables/ToggleGlass.md +0 -11
- package/docs/api/variables/TooltipGlass.md +0 -11
- package/docs/api/variables/TouchTarget.md +0 -35
- package/docs/api/variables/TrustScoreCardGlass.md +0 -11
- package/docs/api/variables/TrustScoreDisplayGlass.md +0 -11
- package/docs/api/variables/UserInfoGlass.md +0 -11
- package/docs/api/variables/UserStatsLineGlass.md +0 -11
- package/docs/api/variables/YearCardGlass.md +0 -11
- package/docs/api/variables/alertVariants.md +0 -21
- package/docs/api/variables/avatarSizes.md +0 -21
- package/docs/api/variables/badgeVariants.md +0 -21
- package/docs/api/variables/buttonGlassVariants.md +0 -21
- package/docs/api/variables/cardIntensity.md +0 -21
- package/docs/api/variables/dropdownAlign.md +0 -21
- package/docs/api/variables/inputVariants.md +0 -21
- package/docs/api/variables/modalSizes.md +0 -21
- package/docs/api/variables/notificationVariants.md +0 -21
- package/docs/api/variables/progressSizes.md +0 -21
- package/docs/api/variables/shadcnAlertVariants.md +0 -21
- package/docs/api/variables/shadcnBadgeVariants.md +0 -21
- package/docs/api/variables/shadcnButtonVariants.md +0 -21
- package/docs/api/variables/skeletonVariants.md +0 -21
- package/docs/api/variables/statusSizes.md +0 -21
- package/docs/api/variables/toggleSizes.md +0 -21
- package/docs/api/variables/tooltipPositions.md +0 -21
- package/docs/design-system/UI_DESIGN.md +0 -628
- package/docs/technical/DEPENDENCIES.md +0 -291
- package/docs/visual-testing-guide.md +0 -362
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* AvatarGlass Component
|
|
3
|
-
*
|
|
4
|
-
* Glass-themed avatar with:
|
|
5
|
-
* - Theme-aware styling (glass/light/aurora)
|
|
6
|
-
* - Glow effect on hover
|
|
7
|
-
* - Optional glow-pulse animation
|
|
8
|
-
* - Status indicator with glow
|
|
9
|
-
* - Size variants
|
|
10
|
-
* - Built on Radix UI primitives
|
|
11
|
-
*
|
|
12
|
-
* @example Compound API (recommended)
|
|
13
|
-
* ```tsx
|
|
14
|
-
* <AvatarGlass size="default">
|
|
15
|
-
* <AvatarGlassImage src="/avatar.jpg" alt="User" />
|
|
16
|
-
* <AvatarGlassFallback>JD</AvatarGlassFallback>
|
|
17
|
-
* </AvatarGlass>
|
|
18
|
-
* ```
|
|
19
|
-
*
|
|
20
|
-
* @example With status indicator
|
|
21
|
-
* ```tsx
|
|
22
|
-
* <AvatarGlass size="lg" status="online">
|
|
23
|
-
* <AvatarGlassImage src="/avatar.jpg" alt="User" />
|
|
24
|
-
* <AvatarGlassFallback>JD</AvatarGlassFallback>
|
|
25
|
-
* </AvatarGlass>
|
|
26
|
-
* ```
|
|
27
|
-
*
|
|
28
|
-
* @example With glow animation
|
|
29
|
-
* ```tsx
|
|
30
|
-
* <AvatarGlass size="xl" glowing>
|
|
31
|
-
* <AvatarGlassImage src="/avatar.jpg" alt="User" />
|
|
32
|
-
* <AvatarGlassFallback>JD</AvatarGlassFallback>
|
|
33
|
-
* </AvatarGlass>
|
|
34
|
-
* ```
|
|
35
|
-
*/
|
|
36
|
-
import * as React from 'react';
|
|
37
|
-
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
38
|
-
export type AvatarStatus = 'online' | 'offline' | 'busy' | 'away';
|
|
39
|
-
export type AvatarSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
40
|
-
interface AvatarGlassRootProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root> {
|
|
41
|
-
size?: AvatarSize;
|
|
42
|
-
status?: AvatarStatus;
|
|
43
|
-
glowing?: boolean;
|
|
44
|
-
}
|
|
45
|
-
declare const AvatarGlassImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
|
|
46
|
-
declare const AvatarGlassFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
47
|
-
interface AvatarGlassSimpleProps {
|
|
48
|
-
name: string;
|
|
49
|
-
size?: AvatarSize;
|
|
50
|
-
status?: AvatarStatus;
|
|
51
|
-
glowing?: boolean;
|
|
52
|
-
className?: string;
|
|
53
|
-
}
|
|
54
|
-
declare const AvatarGlassSimple: React.FC<AvatarGlassSimpleProps>;
|
|
55
|
-
export declare const AvatarGlass: React.ForwardRefExoticComponent<AvatarGlassRootProps & React.RefAttributes<HTMLSpanElement>>;
|
|
56
|
-
export { AvatarGlassImage, AvatarGlassFallback };
|
|
57
|
-
export { AvatarGlassSimple };
|
|
58
|
-
//# sourceMappingURL=avatar-glass.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"avatar-glass.d.ts","sourceRoot":"","sources":["../../../../src/components/glass/ui/avatar-glass.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,OAAO,mBAAmB,CAAC;AAM3B,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAClE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAkCnD,UAAU,oBAAqB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IAChG,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA6DD,QAAA,MAAM,gBAAgB,gKAYpB,CAAC;AAUH,QAAA,MAAM,mBAAmB,iKAevB,CAAC;AAsBH,UAAU,sBAAsB;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAYvD,CAAC;AAOF,eAAO,MAAM,WAAW,8FAAkB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAC;AAGjD,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { VariantProps } from 'class-variance-authority';
|
|
3
|
-
import { badgeVariants, BadgeVariant } from '../../../lib/variants/badge-glass-variants';
|
|
4
|
-
/**
|
|
5
|
-
* Props for the BadgeGlass component
|
|
6
|
-
*
|
|
7
|
-
* A glass-themed badge with semantic variants and optional animated status dot.
|
|
8
|
-
* Features shadcn/ui compatible variants plus extended Glass UI variants.
|
|
9
|
-
*
|
|
10
|
-
* @accessibility
|
|
11
|
-
* - **Keyboard Navigation:** Badges are non-interactive by default (display-only)
|
|
12
|
-
* - **Focus Management:** N/A - badges do not receive focus unless wrapped in interactive elements
|
|
13
|
-
* - **Screen Readers:** Semantic `<span>` element, content announced naturally
|
|
14
|
-
* - **Status Indicators:** Use `aria-label` to provide context for status badges (e.g., "Status: Active")
|
|
15
|
-
* - **Animated Dot:** Pulse animation respects `prefers-reduced-motion` settings
|
|
16
|
-
* - **Touch Targets:** N/A for display badges, ensure 44x44px if wrapping in button/link (WCAG 2.5.5)
|
|
17
|
-
* - **Color Contrast:** All variant text meets WCAG AA contrast ratio 4.5:1 against badge background
|
|
18
|
-
* - **Motion:** Dot pulse animation can be disabled for users with motion sensitivity
|
|
19
|
-
*
|
|
20
|
-
* @example
|
|
21
|
-
* ```tsx
|
|
22
|
-
* // Basic badge with variant
|
|
23
|
-
* <BadgeGlass variant="default">New</BadgeGlass>
|
|
24
|
-
*
|
|
25
|
-
* // Status badge with aria-label for screen readers
|
|
26
|
-
* <BadgeGlass variant="success" aria-label="Status: Active">
|
|
27
|
-
* Active
|
|
28
|
-
* </BadgeGlass>
|
|
29
|
-
*
|
|
30
|
-
* // Different variants (shadcn/ui compatible)
|
|
31
|
-
* <BadgeGlass variant="default">Default</BadgeGlass>
|
|
32
|
-
* <BadgeGlass variant="secondary">Secondary</BadgeGlass>
|
|
33
|
-
* <BadgeGlass variant="destructive">Error</BadgeGlass>
|
|
34
|
-
* <BadgeGlass variant="outline">Outline</BadgeGlass>
|
|
35
|
-
*
|
|
36
|
-
* // Extended Glass UI variants
|
|
37
|
-
* <BadgeGlass variant="success">Success</BadgeGlass>
|
|
38
|
-
* <BadgeGlass variant="warning">Warning</BadgeGlass>
|
|
39
|
-
* <BadgeGlass variant="info">Info</BadgeGlass>
|
|
40
|
-
*
|
|
41
|
-
* // With animated status dot
|
|
42
|
-
* <BadgeGlass variant="success" dot aria-label="Status: Online">
|
|
43
|
-
* Online
|
|
44
|
-
* </BadgeGlass>
|
|
45
|
-
* <BadgeGlass variant="destructive" dot aria-label="Status: Offline">
|
|
46
|
-
* Offline
|
|
47
|
-
* </BadgeGlass>
|
|
48
|
-
*
|
|
49
|
-
* // Size variants
|
|
50
|
-
* <BadgeGlass size="sm">Small</BadgeGlass>
|
|
51
|
-
* <BadgeGlass size="default">Medium</BadgeGlass>
|
|
52
|
-
* <BadgeGlass size="lg">Large</BadgeGlass>
|
|
53
|
-
*
|
|
54
|
-
* // Inside interactive elements (ensure accessible labels)
|
|
55
|
-
* <button aria-label="Filter by active status">
|
|
56
|
-
* Filter: <BadgeGlass variant="success">Active</BadgeGlass>
|
|
57
|
-
* </button>
|
|
58
|
-
*
|
|
59
|
-
* // Count badge with semantic meaning
|
|
60
|
-
* <div>
|
|
61
|
-
* <span>Notifications</span>
|
|
62
|
-
* <BadgeGlass variant="destructive" aria-label="3 unread notifications">
|
|
63
|
-
* 3
|
|
64
|
-
* </BadgeGlass>
|
|
65
|
-
* </div>
|
|
66
|
-
* ```
|
|
67
|
-
*/
|
|
68
|
-
export interface BadgeGlassProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'style'>, VariantProps<typeof badgeVariants> {
|
|
69
|
-
readonly children: ReactNode;
|
|
70
|
-
readonly variant?: BadgeVariant;
|
|
71
|
-
readonly dot?: boolean;
|
|
72
|
-
}
|
|
73
|
-
export declare const BadgeGlass: import('react').ForwardRefExoticComponent<BadgeGlassProps & import('react').RefAttributes<HTMLSpanElement>>;
|
|
74
|
-
//# sourceMappingURL=badge-glass.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"badge-glass.d.ts","sourceRoot":"","sources":["../../../../src/components/glass/ui/badge-glass.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAc,KAAK,SAAS,EAAsB,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAE,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACvF,OAAO,mBAAmB,CAAC;AA6D3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;IAChG,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC;IAChC,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC;CACxB;AAMD,eAAO,MAAM,UAAU,6GAsBtB,CAAC"}
|
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
import { VariantProps } from 'class-variance-authority';
|
|
2
|
-
import { LucideIcon } from 'lucide-react';
|
|
3
|
-
import { buttonGlassVariants, ButtonGlassVariant } from '../../../lib/variants/button-glass-variants';
|
|
4
|
-
/**
|
|
5
|
-
* Props for the ButtonGlass component
|
|
6
|
-
*
|
|
7
|
-
* A glass-themed button with ripple effects, loading states, and icon support.
|
|
8
|
-
* Features theme-aware styling and hover animations.
|
|
9
|
-
*
|
|
10
|
-
* **shadcn/ui compatible variants:**
|
|
11
|
-
* - `default` - Primary action button with glow effects
|
|
12
|
-
* - `secondary` - Secondary action with border
|
|
13
|
-
* - `ghost` - Minimal visual presence
|
|
14
|
-
* - `destructive` - Dangerous/delete actions (red)
|
|
15
|
-
* - `outline` - Border with transparent background
|
|
16
|
-
* - `link` - Text-only button with underline on hover
|
|
17
|
-
* - `success` - Positive feedback (glass-ui extension)
|
|
18
|
-
*
|
|
19
|
-
* @accessibility
|
|
20
|
-
* - **Keyboard Navigation:** Fully keyboard accessible with native `<button>` element
|
|
21
|
-
* - **Focus Management:** Visible focus ring using `--focus-glow` CSS variable (WCAG 2.4.7)
|
|
22
|
-
* - **Screen Readers:** Semantic `<button>` element, disabled state announced automatically
|
|
23
|
-
* - **Loading State:** When loading=true, button is disabled and loading spinner is visible
|
|
24
|
-
* - **Touch Targets:** Minimum 44x44px touch target (WCAG 2.5.5) via size variants
|
|
25
|
-
* - **Color Contrast:** All variants meet WCAG AA contrast ratio 4.5:1 minimum
|
|
26
|
-
* - **Motion:** Respects `prefers-reduced-motion` for ripple/shine animations
|
|
27
|
-
*
|
|
28
|
-
* @example
|
|
29
|
-
* ```tsx
|
|
30
|
-
* // Basic button (default variant)
|
|
31
|
-
* <ButtonGlass>Click me</ButtonGlass>
|
|
32
|
-
* <ButtonGlass variant="default">Primary action</ButtonGlass>
|
|
33
|
-
*
|
|
34
|
-
* // With icon and aria-label for icon-only buttons
|
|
35
|
-
* <ButtonGlass icon={Check} iconPosition="left">Save</ButtonGlass>
|
|
36
|
-
* <ButtonGlass icon={X} size="icon" aria-label="Close dialog" />
|
|
37
|
-
*
|
|
38
|
-
* // Loading state (automatically disables and shows spinner)
|
|
39
|
-
* <ButtonGlass loading aria-live="polite">Processing...</ButtonGlass>
|
|
40
|
-
*
|
|
41
|
-
* // Different variants (shadcn/ui compatible)
|
|
42
|
-
* <ButtonGlass variant="secondary">Secondary</ButtonGlass>
|
|
43
|
-
* <ButtonGlass variant="ghost">Cancel</ButtonGlass>
|
|
44
|
-
* <ButtonGlass variant="outline">Outline</ButtonGlass>
|
|
45
|
-
* <ButtonGlass variant="destructive">Delete</ButtonGlass>
|
|
46
|
-
* <ButtonGlass variant="link">Learn more</ButtonGlass>
|
|
47
|
-
* <ButtonGlass variant="success">Confirm</ButtonGlass>
|
|
48
|
-
*
|
|
49
|
-
* // As a link (asChild pattern) - maintains semantic HTML
|
|
50
|
-
* <ButtonGlass asChild>
|
|
51
|
-
* <a href="/dashboard">Go to Dashboard</a>
|
|
52
|
-
* </ButtonGlass>
|
|
53
|
-
*
|
|
54
|
-
* // With Next.js Link
|
|
55
|
-
* <ButtonGlass asChild variant="ghost">
|
|
56
|
-
* <Link href="/settings">Settings</Link>
|
|
57
|
-
* </ButtonGlass>
|
|
58
|
-
*
|
|
59
|
-
* // Form submit button
|
|
60
|
-
* <ButtonGlass type="submit">
|
|
61
|
-
* Submit Form
|
|
62
|
-
* </ButtonGlass>
|
|
63
|
-
* ```
|
|
64
|
-
*/
|
|
65
|
-
export interface ButtonGlassProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'style'>, VariantProps<typeof buttonGlassVariants> {
|
|
66
|
-
/**
|
|
67
|
-
* Render as child element instead of button (polymorphic rendering).
|
|
68
|
-
* Useful for rendering buttons as links or other interactive elements.
|
|
69
|
-
*
|
|
70
|
-
* **Note:** When using `asChild`, decorative effects (ripple, shine, glow)
|
|
71
|
-
* are disabled to maintain compatibility with Radix UI Slot.
|
|
72
|
-
* Only styles and event handlers are passed to the child element.
|
|
73
|
-
*
|
|
74
|
-
* @default false
|
|
75
|
-
* @example
|
|
76
|
-
* ```tsx
|
|
77
|
-
* <ButtonGlass asChild>
|
|
78
|
-
* <a href="/about">About Us</a>
|
|
79
|
-
* </ButtonGlass>
|
|
80
|
-
* ```
|
|
81
|
-
*/
|
|
82
|
-
readonly asChild?: boolean;
|
|
83
|
-
/**
|
|
84
|
-
* Visual style variant of the button (shadcn/ui compatible)
|
|
85
|
-
* @default "default"
|
|
86
|
-
*/
|
|
87
|
-
readonly variant?: ButtonGlassVariant;
|
|
88
|
-
/**
|
|
89
|
-
* Show loading spinner and disable interactions
|
|
90
|
-
* @default false
|
|
91
|
-
*/
|
|
92
|
-
readonly loading?: boolean;
|
|
93
|
-
/**
|
|
94
|
-
* Icon component from lucide-react to display
|
|
95
|
-
* @example icon={Check}
|
|
96
|
-
*/
|
|
97
|
-
readonly icon?: LucideIcon;
|
|
98
|
-
/**
|
|
99
|
-
* Position of the icon relative to button text
|
|
100
|
-
* @default "left"
|
|
101
|
-
*/
|
|
102
|
-
readonly iconPosition?: 'left' | 'right';
|
|
103
|
-
/**
|
|
104
|
-
* Size variant of the button (shadcn/ui compatible)
|
|
105
|
-
* @default "default"
|
|
106
|
-
*/
|
|
107
|
-
readonly size?: 'default' | 'sm' | 'lg' | 'xl' | 'icon';
|
|
108
|
-
}
|
|
109
|
-
export declare const ButtonGlass: import('react').ForwardRefExoticComponent<ButtonGlassProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
110
|
-
//# sourceMappingURL=button-glass.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button-glass.d.ts","sourceRoot":"","sources":["../../../../src/components/glass/ui/button-glass.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAYH,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAa,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1D,OAAO,EAAE,mBAAmB,EAAE,KAAK,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAEpG,OAAO,mBAAmB,CAAC;AAoF3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AACH,MAAM,WAAW,gBACf,SACE,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,EAC5D,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAC1C;;;;;;;;;;;;;;;OAeG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAEtC;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEzC;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;CACzD;AAMD,eAAO,MAAM,WAAW,gHA+IvB,CAAC"}
|
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
import { GlowType, IntensityType } from '../../../lib/variants/glass-card-variants';
|
|
2
|
-
/**
|
|
3
|
-
* CardGlass Compound Component
|
|
4
|
-
*
|
|
5
|
-
* A glass-themed card with compound sub-components matching shadcn/ui Card API.
|
|
6
|
-
* Provides structure (Header, Content, Footer) with glass visual effects.
|
|
7
|
-
*
|
|
8
|
-
* @example
|
|
9
|
-
* ```tsx
|
|
10
|
-
* // Object pattern (recommended)
|
|
11
|
-
* <CardGlass.Root intensity="medium" glow="blue">
|
|
12
|
-
* <CardGlass.Header>
|
|
13
|
-
* <CardGlass.Title>Card Title</CardGlass.Title>
|
|
14
|
-
* <CardGlass.Description>Card description</CardGlass.Description>
|
|
15
|
-
* <CardGlass.Action>
|
|
16
|
-
* <ButtonGlass size="sm">Action</ButtonGlass>
|
|
17
|
-
* </CardGlass.Action>
|
|
18
|
-
* </CardGlass.Header>
|
|
19
|
-
* <CardGlass.Content>
|
|
20
|
-
* <p>Main content goes here</p>
|
|
21
|
-
* </CardGlass.Content>
|
|
22
|
-
* <CardGlass.Footer>
|
|
23
|
-
* <ButtonGlass variant="ghost">Cancel</ButtonGlass>
|
|
24
|
-
* <ButtonGlass>Save</ButtonGlass>
|
|
25
|
-
* </CardGlass.Footer>
|
|
26
|
-
* </CardGlass.Root>
|
|
27
|
-
*
|
|
28
|
-
* // Named exports (shadcn/ui compatible)
|
|
29
|
-
* import { CardGlassRoot, CardGlassHeader, CardGlassTitle } from '@/components/glass/ui';
|
|
30
|
-
* ```
|
|
31
|
-
*
|
|
32
|
-
* @see GlassCard - Simple glass container without structure
|
|
33
|
-
* @see Card (shadcn/ui) - Reference implementation
|
|
34
|
-
*/
|
|
35
|
-
import * as React from 'react';
|
|
36
|
-
export interface CardGlassRootProps extends React.ComponentProps<'div'> {
|
|
37
|
-
/**
|
|
38
|
-
* Glass blur intensity
|
|
39
|
-
* @default 'medium'
|
|
40
|
-
*/
|
|
41
|
-
intensity?: IntensityType;
|
|
42
|
-
/**
|
|
43
|
-
* Glow effect color
|
|
44
|
-
* @default null
|
|
45
|
-
*/
|
|
46
|
-
glow?: GlowType;
|
|
47
|
-
/**
|
|
48
|
-
* Enable hover effects
|
|
49
|
-
* @default false
|
|
50
|
-
*/
|
|
51
|
-
hover?: boolean;
|
|
52
|
-
}
|
|
53
|
-
/**
|
|
54
|
-
* CardGlass Root - Glass-themed card container
|
|
55
|
-
*
|
|
56
|
-
* @accessibility
|
|
57
|
-
* - Uses semantic div element
|
|
58
|
-
* - Color contrast meets WCAG AA
|
|
59
|
-
* - Hover effects are decorative only
|
|
60
|
-
*/
|
|
61
|
-
declare function CardGlassRoot({ className, intensity, glow, hover, style, ...props }: CardGlassRootProps): import("react/jsx-runtime").JSX.Element;
|
|
62
|
-
/**
|
|
63
|
-
* CardGlass Header - Container for title, description, and action
|
|
64
|
-
*
|
|
65
|
-
* Uses CSS Grid for layout with automatic action positioning.
|
|
66
|
-
*/
|
|
67
|
-
declare function CardGlassHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
68
|
-
/**
|
|
69
|
-
* CardGlass Title - Card title text
|
|
70
|
-
*/
|
|
71
|
-
declare function CardGlassTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
72
|
-
/**
|
|
73
|
-
* CardGlass Description - Card description/subtitle text
|
|
74
|
-
*/
|
|
75
|
-
declare function CardGlassDescription({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
76
|
-
/**
|
|
77
|
-
* CardGlass Action - Positioned action slot in header
|
|
78
|
-
*
|
|
79
|
-
* Automatically positioned to the right of title/description.
|
|
80
|
-
*/
|
|
81
|
-
declare function CardGlassAction({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
82
|
-
/**
|
|
83
|
-
* CardGlass Content - Main content area
|
|
84
|
-
*/
|
|
85
|
-
declare function CardGlassContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
86
|
-
/**
|
|
87
|
-
* CardGlass Footer - Footer area with flex layout
|
|
88
|
-
*/
|
|
89
|
-
declare function CardGlassFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
90
|
-
/**
|
|
91
|
-
* CardGlass - Compound Component API
|
|
92
|
-
*
|
|
93
|
-
* @example
|
|
94
|
-
* ```tsx
|
|
95
|
-
* <CardGlass.Root intensity="medium">
|
|
96
|
-
* <CardGlass.Header>
|
|
97
|
-
* <CardGlass.Title>Title</CardGlass.Title>
|
|
98
|
-
* <CardGlass.Description>Description</CardGlass.Description>
|
|
99
|
-
* </CardGlass.Header>
|
|
100
|
-
* <CardGlass.Content>Content</CardGlass.Content>
|
|
101
|
-
* <CardGlass.Footer>Footer</CardGlass.Footer>
|
|
102
|
-
* </CardGlass.Root>
|
|
103
|
-
* ```
|
|
104
|
-
*/
|
|
105
|
-
export declare const CardGlass: {
|
|
106
|
-
Root: typeof CardGlassRoot;
|
|
107
|
-
Header: typeof CardGlassHeader;
|
|
108
|
-
Title: typeof CardGlassTitle;
|
|
109
|
-
Description: typeof CardGlassDescription;
|
|
110
|
-
Action: typeof CardGlassAction;
|
|
111
|
-
Content: typeof CardGlassContent;
|
|
112
|
-
Footer: typeof CardGlassFooter;
|
|
113
|
-
};
|
|
114
|
-
export { CardGlassRoot, CardGlassHeader, CardGlassTitle, CardGlassDescription, CardGlassAction, CardGlassContent, CardGlassFooter, };
|
|
115
|
-
//# sourceMappingURL=card-glass.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"card-glass.d.ts","sourceRoot":"","sources":["../../../../src/components/glass/ui/card-glass.tsx"],"names":[],"mappings":"AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAClF,OAAO,mBAAmB,CAAC;AAM3B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACrE;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAkCD;;;;;;;GAOG;AACH,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,SAAoB,EACpB,IAAW,EACX,KAAa,EACb,KAAK,EACL,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAuBpB;AAMD;;;;GAIG;AACH,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAa5E;AAMD;;GAEG;AACH,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ3E;AAMD;;GAEG;AACH,iBAAS,oBAAoB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQjF;AAMD;;;;GAIG;AACH,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ5E;AAMD;;GAEG;AACH,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAE7E;AAMD;;GAEG;AACH,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ5E;AAMD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,SAAS;;;;;;;;CAQrB,CAAC;AAMF,OAAO,EACL,aAAa,EACb,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,eAAe,EACf,gBAAgB,EAChB,eAAe,GAChB,CAAC"}
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* CheckboxGlass Component
|
|
3
|
-
*
|
|
4
|
-
* Glass-themed checkbox built on Radix UI primitives with:
|
|
5
|
-
* - 100% shadcn/ui type compatibility
|
|
6
|
-
* - Theme-aware styling (glass/light/aurora)
|
|
7
|
-
* - Glow effect on hover/focus
|
|
8
|
-
* - Optional label
|
|
9
|
-
*
|
|
10
|
-
* @since v2.2.6 - Migrated to Radix UI primitives for full type compatibility
|
|
11
|
-
*/
|
|
12
|
-
import * as React from 'react';
|
|
13
|
-
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
14
|
-
/**
|
|
15
|
-
* Checked state type compatible with shadcn/ui (Radix UI)
|
|
16
|
-
*/
|
|
17
|
-
export type CheckedState = boolean | 'indeterminate';
|
|
18
|
-
/**
|
|
19
|
-
* Props for the CheckboxGlass component
|
|
20
|
-
*
|
|
21
|
-
* Extends Radix UI Checkbox.Root props for 100% shadcn/ui compatibility.
|
|
22
|
-
* All Radix props are supported including: checked, defaultChecked, onCheckedChange,
|
|
23
|
-
* disabled, required, name, value, etc.
|
|
24
|
-
*
|
|
25
|
-
* **Type Compatibility (v2.3.1+):**
|
|
26
|
-
* - Extends `React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>`
|
|
27
|
-
* - No more `as unknown as` type assertions needed
|
|
28
|
-
* - Full IntelliSense for all Radix props
|
|
29
|
-
*
|
|
30
|
-
* @accessibility
|
|
31
|
-
* - **Keyboard Navigation:** Space to toggle (WCAG 2.1.1)
|
|
32
|
-
* - **Focus Management:** Visible focus ring using `--focus-glow` CSS variable (WCAG 2.4.7)
|
|
33
|
-
* - **Screen Readers:** Radix UI handles ARIA attributes automatically
|
|
34
|
-
* - **Touch Targets:** 44x44px minimum touch area per Apple HIG (WCAG 2.5.5)
|
|
35
|
-
* - **Color Contrast:** Check mark and backgrounds meet WCAG AA contrast ratio 4.5:1
|
|
36
|
-
*
|
|
37
|
-
* @example
|
|
38
|
-
* ```tsx
|
|
39
|
-
* // shadcn/ui compatible API
|
|
40
|
-
* <CheckboxGlass
|
|
41
|
-
* checked={isChecked}
|
|
42
|
-
* onCheckedChange={(checked) => setIsChecked(checked === true)}
|
|
43
|
-
* />
|
|
44
|
-
*
|
|
45
|
-
* // Indeterminate state (tri-state checkbox)
|
|
46
|
-
* <CheckboxGlass
|
|
47
|
-
* checked={allSelected ? true : someSelected ? 'indeterminate' : false}
|
|
48
|
-
* onCheckedChange={(checked) => {
|
|
49
|
-
* if (checked === true) selectAll();
|
|
50
|
-
* else deselectAll();
|
|
51
|
-
* }}
|
|
52
|
-
* label="Select all"
|
|
53
|
-
* />
|
|
54
|
-
*
|
|
55
|
-
* // Legacy API (still supported)
|
|
56
|
-
* <CheckboxGlass checked={agreed} onChange={setAgreed} label="I agree to terms" />
|
|
57
|
-
* ```
|
|
58
|
-
*
|
|
59
|
-
* @since v2.3.0 - Added shadcn/ui compatible `onCheckedChange` and `indeterminate` support
|
|
60
|
-
* @since v2.2.6 - Migrated to Radix UI primitives for full type compatibility
|
|
61
|
-
*/
|
|
62
|
-
export interface CheckboxGlassProps extends Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, 'onChange'> {
|
|
63
|
-
/**
|
|
64
|
-
* @deprecated Use `onCheckedChange` instead. Will be removed in v4.0.
|
|
65
|
-
* Legacy callback for backwards compatibility.
|
|
66
|
-
*/
|
|
67
|
-
readonly onChange?: (checked: boolean) => void;
|
|
68
|
-
/** Optional label text (Glass UI extension) */
|
|
69
|
-
readonly label?: string;
|
|
70
|
-
}
|
|
71
|
-
export declare const CheckboxGlass: React.ForwardRefExoticComponent<CheckboxGlassProps & React.RefAttributes<HTMLButtonElement>>;
|
|
72
|
-
/**
|
|
73
|
-
* Checkbox - shadcn/ui compatible alias for CheckboxGlass
|
|
74
|
-
*
|
|
75
|
-
* @example
|
|
76
|
-
* ```tsx
|
|
77
|
-
* import { Checkbox } from 'shadcn-glass-ui'
|
|
78
|
-
*
|
|
79
|
-
* <Checkbox
|
|
80
|
-
* checked={isChecked}
|
|
81
|
-
* onCheckedChange={(checked) => setIsChecked(checked === true)}
|
|
82
|
-
* />
|
|
83
|
-
* ```
|
|
84
|
-
*
|
|
85
|
-
* @since v2.3.0
|
|
86
|
-
*/
|
|
87
|
-
export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxGlassProps & React.RefAttributes<HTMLButtonElement>>;
|
|
88
|
-
//# sourceMappingURL=checkbox-glass.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-glass.d.ts","sourceRoot":"","sources":["../../../../src/components/glass/ui/checkbox-glass.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAG9D,OAAO,mBAAmB,CAAC;AAM3B;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,eAAe,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAC9C,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EAC7D,UAAU,CACX;IACC;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,+CAA+C;IAC/C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AAMD,eAAO,MAAM,aAAa,8FAkFxB,CAAC;AAIH;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,QAAQ,8FAAgB,CAAC"}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { VariantProps } from 'class-variance-authority';
|
|
2
|
-
declare const circularProgressVariants: (props?: ({
|
|
3
|
-
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
4
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
5
|
-
export type CircularProgressGradient = 'violet' | 'blue' | 'cyan' | 'amber' | 'emerald' | 'rose';
|
|
6
|
-
export interface CircularProgressGlassProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof circularProgressVariants> {
|
|
7
|
-
/** Progress value (0-100) for determinate variant */
|
|
8
|
-
readonly value?: number;
|
|
9
|
-
/** Variant type */
|
|
10
|
-
readonly variant?: 'determinate' | 'indeterminate';
|
|
11
|
-
/** Stroke width in pixels */
|
|
12
|
-
readonly thickness?: number;
|
|
13
|
-
/** Background track width in pixels */
|
|
14
|
-
readonly trackWidth?: number;
|
|
15
|
-
/** Progress color gradient */
|
|
16
|
-
readonly color?: CircularProgressGradient;
|
|
17
|
-
/** Track color (background circle) */
|
|
18
|
-
readonly trackColor?: string;
|
|
19
|
-
/** Show percentage label in center */
|
|
20
|
-
readonly showLabel?: boolean;
|
|
21
|
-
/** Custom label text (overrides percentage) */
|
|
22
|
-
readonly label?: string;
|
|
23
|
-
/** Custom color for the center label text */
|
|
24
|
-
readonly labelColor?: string;
|
|
25
|
-
/** Show glow effect */
|
|
26
|
-
readonly showGlow?: boolean;
|
|
27
|
-
/** Glow intensity */
|
|
28
|
-
readonly glowIntensity?: 'low' | 'medium' | 'high';
|
|
29
|
-
/** Stroke linecap style */
|
|
30
|
-
readonly strokeLinecap?: 'round' | 'butt' | 'square';
|
|
31
|
-
/** Animation duration in seconds */
|
|
32
|
-
readonly animationDuration?: number;
|
|
33
|
-
}
|
|
34
|
-
export declare const CircularProgressGlass: import('react').ForwardRefExoticComponent<CircularProgressGlassProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
35
|
-
export {};
|
|
36
|
-
//# sourceMappingURL=circular-progress-glass.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"circular-progress-glass.d.ts","sourceRoot":"","sources":["../../../../src/components/glass/ui/circular-progress-glass.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,mBAAmB,CAAC;AAM3B,QAAA,MAAM,wBAAwB;;8EAY5B,CAAC;AAMH,MAAM,MAAM,wBAAwB,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEjG,MAAM,WAAW,0BACf,SACE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EACtD,YAAY,CAAC,OAAO,wBAAwB,CAAC;IAC/C,qDAAqD;IACrD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB;IACnB,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,GAAG,eAAe,CAAC;IACnD,6BAA6B;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,uCAAuC;IACvC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,8BAA8B;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,wBAAwB,CAAC;IAC1C,sCAAsC;IACtC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,sCAAsC;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,+CAA+C;IAC/C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,6CAA6C;IAC7C,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,uBAAuB;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,qBAAqB;IACrB,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;IACnD,2BAA2B;IAC3B,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;IACrD,oCAAoC;IACpC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CACrC;AA4BD,eAAO,MAAM,qBAAqB,uHA6IjC,CAAC"}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { LucideIcon } from 'lucide-react';
|
|
2
|
-
import { InputGlassSize } from '../../../lib/variants/input-glass-variants';
|
|
3
|
-
export type GlassVariant = 'glass' | 'frosted' | 'fluted' | 'crystal';
|
|
4
|
-
export interface ComboBoxOption<T = string> {
|
|
5
|
-
readonly value: T;
|
|
6
|
-
readonly label: string;
|
|
7
|
-
readonly disabled?: boolean;
|
|
8
|
-
/** Optional icon component for the option */
|
|
9
|
-
readonly icon?: LucideIcon;
|
|
10
|
-
}
|
|
11
|
-
export interface ComboBoxGlassProps<T = string> {
|
|
12
|
-
/** Available options */
|
|
13
|
-
readonly options: readonly ComboBoxOption<T>[];
|
|
14
|
-
/** Currently selected value */
|
|
15
|
-
readonly value?: T;
|
|
16
|
-
/** Callback when value changes */
|
|
17
|
-
readonly onValueChange?: (value: T | undefined) => void;
|
|
18
|
-
/** Placeholder text for trigger button */
|
|
19
|
-
readonly placeholder?: string;
|
|
20
|
-
/** Text shown when no results found */
|
|
21
|
-
readonly emptyText?: string;
|
|
22
|
-
/** Placeholder for search input */
|
|
23
|
-
readonly searchPlaceholder?: string;
|
|
24
|
-
/** Glass variant style */
|
|
25
|
-
readonly glassVariant?: GlassVariant;
|
|
26
|
-
/** Disabled state */
|
|
27
|
-
readonly disabled?: boolean;
|
|
28
|
-
/** Custom className for container */
|
|
29
|
-
readonly className?: string;
|
|
30
|
-
/** Custom className for popover content */
|
|
31
|
-
readonly popoverClassName?: string;
|
|
32
|
-
/** Allow clearing selection */
|
|
33
|
-
readonly clearable?: boolean;
|
|
34
|
-
/** Popover side */
|
|
35
|
-
readonly side?: 'top' | 'right' | 'bottom' | 'left';
|
|
36
|
-
/** Popover alignment */
|
|
37
|
-
readonly align?: 'start' | 'center' | 'end';
|
|
38
|
-
/** Label text displayed above the field */
|
|
39
|
-
readonly label?: string;
|
|
40
|
-
/** Error message - displays in red below the field */
|
|
41
|
-
readonly error?: string;
|
|
42
|
-
/** Success message - displays in green if no error */
|
|
43
|
-
readonly success?: string;
|
|
44
|
-
/** Shows required asterisk (*) next to label */
|
|
45
|
-
readonly required?: boolean;
|
|
46
|
-
/** Size variant (affects trigger button height and padding) */
|
|
47
|
-
readonly size?: InputGlassSize;
|
|
48
|
-
/** Enable/disable search functionality */
|
|
49
|
-
readonly searchable?: boolean;
|
|
50
|
-
/** Optional icon for trigger button (displayed before text) */
|
|
51
|
-
readonly icon?: LucideIcon;
|
|
52
|
-
}
|
|
53
|
-
declare function ComboBoxGlassInner<T = string>({ options, value, onValueChange, placeholder, emptyText, searchPlaceholder, glassVariant, disabled, className, popoverClassName, clearable, side, align, label, error, success, required, size, searchable, icon: TriggerIcon, }: ComboBoxGlassProps<T>, ref: React.ForwardedRef<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
|
|
54
|
-
declare namespace ComboBoxGlassInner {
|
|
55
|
-
var displayName: string;
|
|
56
|
-
}
|
|
57
|
-
export declare const ComboBoxGlass: <T = string>(props: ComboBoxGlassProps<T> & {
|
|
58
|
-
ref?: React.ForwardedRef<HTMLButtonElement>;
|
|
59
|
-
}) => ReturnType<typeof ComboBoxGlassInner>;
|
|
60
|
-
export {};
|
|
61
|
-
//# sourceMappingURL=combobox-glass.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"combobox-glass.d.ts","sourceRoot":"","sources":["../../../../src/components/glass/ui/combobox-glass.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAKH,OAAO,EAAiC,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAa9E,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAOzF,OAAO,mBAAmB,CAAC;AAM3B,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEtE,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,MAAM;IACxC,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC;IAClB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,6CAA6C;IAC7C,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;CAC5B;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,MAAM;IAC5C,wBAAwB;IACxB,QAAQ,CAAC,OAAO,EAAE,SAAS,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/C,+BAA+B;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACnB,kCAAkC;IAClC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;IACxD,0CAA0C;IAC1C,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,uCAAuC;IACvC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,mCAAmC;IACnC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACpC,0BAA0B;IAC1B,QAAQ,CAAC,YAAY,CAAC,EAAE,YAAY,CAAC;IACrC,qBAAqB;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,qCAAqC;IACrC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,2CAA2C;IAC3C,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACnC,+BAA+B;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB;IACnB,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IACpD,wBAAwB;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAM5C,2CAA2C;IAC3C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,sDAAsD;IACtD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,sDAAsD;IACtD,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,gDAAgD;IAChD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,+DAA+D;IAC/D,QAAQ,CAAC,IAAI,CAAC,EAAE,cAAc,CAAC;IAC/B,0CAA0C;IAC1C,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,+DAA+D;IAC/D,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;CAC5B;AAMD,iBAAS,kBAAkB,CAAC,CAAC,GAAG,MAAM,EACpC,EACE,OAAO,EACP,KAAK,EACL,aAAa,EACb,WAAgC,EAChC,SAA+B,EAC/B,iBAA+B,EAC/B,YAAsB,EACtB,QAAgB,EAChB,SAAS,EACT,gBAAgB,EAChB,SAAiB,EACjB,IAAe,EACf,KAAe,EAEf,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAgB,EAChB,IAAW,EACX,UAAiB,EACjB,IAAI,EAAE,WAAW,GAClB,EAAE,kBAAkB,CAAC,CAAC,CAAC,EACxB,GAAG,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,2CA+J3C;kBAvLQ,kBAAkB;;;AA0L3B,eAAO,MAAM,aAAa,EAAqC,CAAC,CAAC,GAAG,MAAM,EACxE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAA;CAAE,KAC3E,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC"}
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import { LucideIcon } from 'lucide-react';
|
|
2
|
-
/**
|
|
3
|
-
* DropdownGlass Component
|
|
4
|
-
*
|
|
5
|
-
* Glass-themed dropdown menu with two APIs:
|
|
6
|
-
*
|
|
7
|
-
* 1. **Simple API** (items prop) - Quick setup for basic menus
|
|
8
|
-
* 2. **Compound API** (DropdownMenuGlass.*) - Full shadcn/ui pattern for complex menus
|
|
9
|
-
*
|
|
10
|
-
* @example Simple API (recommended for basic dropdowns)
|
|
11
|
-
* ```tsx
|
|
12
|
-
* import { DropdownGlass } from '@/components/glass/ui/dropdown-glass';
|
|
13
|
-
*
|
|
14
|
-
* <DropdownGlass
|
|
15
|
-
* trigger={<button><MoreVertical /></button>}
|
|
16
|
-
* items={[
|
|
17
|
-
* { label: 'Edit', icon: Edit, onClick: handleEdit },
|
|
18
|
-
* { divider: true },
|
|
19
|
-
* { label: 'Delete', icon: Trash, onClick: handleDelete, danger: true }
|
|
20
|
-
* ]}
|
|
21
|
-
* />
|
|
22
|
-
* ```
|
|
23
|
-
*
|
|
24
|
-
* @example Compound API (for complex dropdowns)
|
|
25
|
-
* ```tsx
|
|
26
|
-
* import {
|
|
27
|
-
* DropdownMenuGlass,
|
|
28
|
-
* DropdownMenuGlassTrigger,
|
|
29
|
-
* DropdownMenuGlassContent,
|
|
30
|
-
* DropdownMenuGlassItem,
|
|
31
|
-
* DropdownMenuGlassSeparator,
|
|
32
|
-
* } from '@/components/glass/ui/dropdown-menu-glass';
|
|
33
|
-
*
|
|
34
|
-
* <DropdownMenuGlass>
|
|
35
|
-
* <DropdownMenuGlassTrigger asChild>
|
|
36
|
-
* <Button>Open Menu</Button>
|
|
37
|
-
* </DropdownMenuGlassTrigger>
|
|
38
|
-
* <DropdownMenuGlassContent>
|
|
39
|
-
* <DropdownMenuGlassItem>Edit</DropdownMenuGlassItem>
|
|
40
|
-
* <DropdownMenuGlassSeparator />
|
|
41
|
-
* <DropdownMenuGlassItem variant="destructive">Delete</DropdownMenuGlassItem>
|
|
42
|
-
* </DropdownMenuGlassContent>
|
|
43
|
-
* </DropdownMenuGlass>
|
|
44
|
-
* ```
|
|
45
|
-
*
|
|
46
|
-
* @see ./dropdown-menu-glass.tsx for compound component exports
|
|
47
|
-
*/
|
|
48
|
-
import * as React from 'react';
|
|
49
|
-
export interface DropdownItem {
|
|
50
|
-
readonly label?: string;
|
|
51
|
-
readonly icon?: LucideIcon;
|
|
52
|
-
readonly onClick?: () => void;
|
|
53
|
-
readonly danger?: boolean;
|
|
54
|
-
readonly divider?: boolean;
|
|
55
|
-
}
|
|
56
|
-
/**
|
|
57
|
-
* Props for the DropdownGlass component (Simple API)
|
|
58
|
-
*
|
|
59
|
-
* @accessibility
|
|
60
|
-
* - **Keyboard Navigation:** Arrow keys navigate, Enter/Space activates, Escape closes
|
|
61
|
-
* - **Focus Management:** Focus trapped within menu when open
|
|
62
|
-
* - **Screen Readers:** Uses role="menu" and role="menuitem"
|
|
63
|
-
* - **Touch Targets:** All items meet minimum 44x44px
|
|
64
|
-
*/
|
|
65
|
-
export interface DropdownGlassProps {
|
|
66
|
-
/** Trigger element (button, etc.) */
|
|
67
|
-
readonly trigger: React.ReactNode;
|
|
68
|
-
/** Menu items array */
|
|
69
|
-
readonly items: readonly DropdownItem[];
|
|
70
|
-
/** Dropdown alignment */
|
|
71
|
-
readonly align?: 'left' | 'right';
|
|
72
|
-
/** Additional className */
|
|
73
|
-
readonly className?: string;
|
|
74
|
-
}
|
|
75
|
-
/**
|
|
76
|
-
* DropdownGlass - Simple API wrapper
|
|
77
|
-
*
|
|
78
|
-
* For complex dropdowns with checkboxes, radio groups, sub-menus, etc.,
|
|
79
|
-
* use the compound components from dropdown-menu-glass.tsx directly.
|
|
80
|
-
*/
|
|
81
|
-
export declare const DropdownGlass: React.ForwardRefExoticComponent<DropdownGlassProps & React.RefAttributes<HTMLDivElement>>;
|
|
82
|
-
export { DropdownMenuGlass, DropdownMenuGlassTrigger, DropdownMenuGlassContent, DropdownMenuGlassItem, DropdownMenuGlassSeparator, } from './dropdown-menu-glass';
|
|
83
|
-
//# sourceMappingURL=dropdown-glass.d.ts.map
|