@arolariu/components 0.0.40 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/DEBUGGING.md +396 -401
- package/{readme.md → README.md} +627 -627
- package/changelog.md +8 -0
- package/dist/components/ui/accordion.d.ts.map +1 -0
- package/dist/components/ui/alert-dialog.d.ts.map +1 -0
- package/dist/components/ui/alert.d.ts.map +1 -0
- package/dist/components/ui/aspect-ratio.d.ts.map +1 -0
- package/dist/components/ui/avatar.d.ts.map +1 -0
- package/dist/components/ui/background-beams.d.ts.map +1 -0
- package/dist/components/ui/badge.d.ts.map +1 -0
- package/dist/components/ui/breadcrumb.d.ts.map +1 -0
- package/dist/components/ui/bubble-background.d.ts.map +1 -0
- package/dist/components/ui/button.d.ts.map +1 -0
- package/dist/components/ui/calendar.d.ts.map +1 -0
- package/dist/{esm/components → components}/ui/calendar.js +1 -1
- package/dist/components/ui/calendar.js.map +1 -0
- package/dist/components/ui/card.d.ts.map +1 -0
- package/dist/components/ui/carousel.d.ts.map +1 -0
- package/dist/components/ui/chart.d.ts +41 -0
- package/dist/components/ui/chart.d.ts.map +1 -0
- package/dist/{esm/components → components}/ui/chart.js +10 -10
- package/dist/components/ui/chart.js.map +1 -0
- package/dist/components/ui/checkbox.d.ts.map +1 -0
- package/dist/components/ui/collapsible.d.ts.map +1 -0
- package/dist/components/ui/command.d.ts.map +1 -0
- package/dist/components/ui/context-menu.d.ts.map +1 -0
- package/dist/components/ui/counting-number.d.ts.map +1 -0
- package/dist/components/ui/dialog.d.ts.map +1 -0
- package/dist/components/ui/dot-background.d.ts.map +1 -0
- package/dist/components/ui/drawer.d.ts.map +1 -0
- package/dist/components/ui/drawer.js.map +1 -0
- package/dist/components/ui/dropdown-menu.d.ts.map +1 -0
- package/dist/components/ui/dropdrawer.d.ts.map +1 -0
- package/dist/components/ui/fireworks-background.d.ts.map +1 -0
- package/dist/components/ui/flip-button.d.ts.map +1 -0
- package/dist/components/ui/form.d.ts.map +1 -0
- package/dist/components/ui/gradient-background.d.ts.map +1 -0
- package/dist/components/ui/gradient-text.d.ts.map +1 -0
- package/dist/components/ui/highlight-text.d.ts.map +1 -0
- package/dist/components/ui/hole-background.d.ts.map +1 -0
- package/dist/components/ui/hover-card.d.ts.map +1 -0
- package/dist/components/ui/input-otp.d.ts.map +1 -0
- package/dist/components/ui/input.d.ts.map +1 -0
- package/dist/components/ui/input.js.map +1 -0
- package/dist/components/ui/label.d.ts.map +1 -0
- package/dist/components/ui/menubar.d.ts.map +1 -0
- package/dist/components/ui/navigation-menu.d.ts.map +1 -0
- package/dist/components/ui/pagination.d.ts.map +1 -0
- package/dist/components/ui/popover.d.ts.map +1 -0
- package/dist/components/ui/progress.d.ts.map +1 -0
- package/dist/components/ui/radio-group.d.ts.map +1 -0
- package/dist/components/ui/resizable.d.ts.map +1 -0
- package/dist/components/ui/ripple-button.d.ts.map +1 -0
- package/dist/components/ui/ripple-button.js.map +1 -0
- package/dist/components/ui/scratcher.d.ts.map +1 -0
- package/dist/components/ui/scratcher.js.map +1 -0
- package/dist/components/ui/scroll-area.d.ts.map +1 -0
- package/dist/components/ui/select.d.ts.map +1 -0
- package/dist/components/ui/separator.d.ts.map +1 -0
- package/dist/components/ui/sheet.d.ts.map +1 -0
- package/dist/components/ui/sidebar.d.ts.map +1 -0
- package/dist/components/ui/skeleton.d.ts.map +1 -0
- package/dist/components/ui/slider.d.ts.map +1 -0
- package/dist/components/ui/sonner.d.ts.map +1 -0
- package/dist/components/ui/switch.d.ts.map +1 -0
- package/dist/components/ui/table.d.ts.map +1 -0
- package/dist/components/ui/tabs.d.ts.map +1 -0
- package/dist/components/ui/textarea.d.ts.map +1 -0
- package/dist/components/ui/toggle-group.d.ts.map +1 -0
- package/dist/components/ui/toggle.d.ts.map +1 -0
- package/dist/components/ui/tooltip.d.ts.map +1 -0
- package/dist/hooks/use-mobile.d.ts.map +1 -0
- package/dist/index.css +25 -1
- package/dist/index.css.map +1 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +61 -61
- package/dist/lib/utils.d.ts.map +1 -0
- package/package.json +226 -296
- package/src/components/ui/calendar.tsx +216 -213
- package/src/components/ui/chart.tsx +353 -380
- package/src/components/ui/drawer.tsx +141 -141
- package/src/components/ui/input.tsx +22 -22
- package/src/components/ui/ripple-button.tsx +111 -111
- package/src/components/ui/scratcher.tsx +171 -171
- package/src/index.css +67 -69
- package/dist/cjs/components/ui/accordion.cjs +0 -92
- package/dist/cjs/components/ui/accordion.cjs.map +0 -1
- package/dist/cjs/components/ui/alert-dialog.cjs +0 -152
- package/dist/cjs/components/ui/alert-dialog.cjs.map +0 -1
- package/dist/cjs/components/ui/alert.cjs +0 -83
- package/dist/cjs/components/ui/alert.cjs.map +0 -1
- package/dist/cjs/components/ui/aspect-ratio.cjs +0 -47
- package/dist/cjs/components/ui/aspect-ratio.cjs.map +0 -1
- package/dist/cjs/components/ui/avatar.cjs +0 -69
- package/dist/cjs/components/ui/avatar.cjs.map +0 -1
- package/dist/cjs/components/ui/background-beams.cjs +0 -200
- package/dist/cjs/components/ui/background-beams.cjs.map +0 -1
- package/dist/cjs/components/ui/badge.cjs +0 -69
- package/dist/cjs/components/ui/badge.cjs.map +0 -1
- package/dist/cjs/components/ui/breadcrumb.cjs +0 -128
- package/dist/cjs/components/ui/breadcrumb.cjs.map +0 -1
- package/dist/cjs/components/ui/bubble-background.cjs +0 -213
- package/dist/cjs/components/ui/bubble-background.cjs.map +0 -1
- package/dist/cjs/components/ui/button.cjs +0 -80
- package/dist/cjs/components/ui/button.cjs.map +0 -1
- package/dist/cjs/components/ui/calendar.cjs +0 -146
- package/dist/cjs/components/ui/calendar.cjs.map +0 -1
- package/dist/cjs/components/ui/card.cjs +0 -108
- package/dist/cjs/components/ui/card.cjs.map +0 -1
- package/dist/cjs/components/ui/carousel.cjs +0 -207
- package/dist/cjs/components/ui/carousel.cjs.map +0 -1
- package/dist/cjs/components/ui/chart.cjs +0 -221
- package/dist/cjs/components/ui/chart.cjs.map +0 -1
- package/dist/cjs/components/ui/checkbox.cjs +0 -57
- package/dist/cjs/components/ui/checkbox.cjs.map +0 -1
- package/dist/cjs/components/ui/collapsible.cjs +0 -65
- package/dist/cjs/components/ui/collapsible.cjs.map +0 -1
- package/dist/cjs/components/ui/command.cjs +0 -159
- package/dist/cjs/components/ui/command.cjs.map +0 -1
- package/dist/cjs/components/ui/context-menu.cjs +0 -219
- package/dist/cjs/components/ui/context-menu.cjs.map +0 -1
- package/dist/cjs/components/ui/counting-number.cjs +0 -95
- package/dist/cjs/components/ui/counting-number.cjs.map +0 -1
- package/dist/cjs/components/ui/dialog.cjs +0 -156
- package/dist/cjs/components/ui/dialog.cjs.map +0 -1
- package/dist/cjs/components/ui/dot-background.cjs +0 -131
- package/dist/cjs/components/ui/dot-background.cjs.map +0 -1
- package/dist/cjs/components/ui/drawer.cjs +0 -147
- package/dist/cjs/components/ui/drawer.cjs.map +0 -1
- package/dist/cjs/components/ui/dropdown-menu.cjs +0 -220
- package/dist/cjs/components/ui/dropdown-menu.cjs.map +0 -1
- package/dist/cjs/components/ui/dropdrawer.cjs +0 -627
- package/dist/cjs/components/ui/dropdrawer.cjs.map +0 -1
- package/dist/cjs/components/ui/fireworks-background.cjs +0 -259
- package/dist/cjs/components/ui/fireworks-background.cjs.map +0 -1
- package/dist/cjs/components/ui/flip-button.cjs +0 -100
- package/dist/cjs/components/ui/flip-button.cjs.map +0 -1
- package/dist/cjs/components/ui/form.cjs +0 -149
- package/dist/cjs/components/ui/form.cjs.map +0 -1
- package/dist/cjs/components/ui/gradient-background.cjs +0 -60
- package/dist/cjs/components/ui/gradient-background.cjs.map +0 -1
- package/dist/cjs/components/ui/gradient-text.cjs +0 -83
- package/dist/cjs/components/ui/gradient-text.cjs.map +0 -1
- package/dist/cjs/components/ui/highlight-text.cjs +0 -74
- package/dist/cjs/components/ui/highlight-text.cjs.map +0 -1
- package/dist/cjs/components/ui/hole-background.cjs +0 -361
- package/dist/cjs/components/ui/hole-background.cjs.map +0 -1
- package/dist/cjs/components/ui/hover-card.cjs +0 -72
- package/dist/cjs/components/ui/hover-card.cjs.map +0 -1
- package/dist/cjs/components/ui/input-otp.cjs +0 -94
- package/dist/cjs/components/ui/input-otp.cjs.map +0 -1
- package/dist/cjs/components/ui/input.cjs +0 -49
- package/dist/cjs/components/ui/input.cjs.map +0 -1
- package/dist/cjs/components/ui/label.cjs +0 -49
- package/dist/cjs/components/ui/label.cjs.map +0 -1
- package/dist/cjs/components/ui/menubar.cjs +0 -233
- package/dist/cjs/components/ui/menubar.cjs.map +0 -1
- package/dist/cjs/components/ui/navigation-menu.cjs +0 -144
- package/dist/cjs/components/ui/navigation-menu.cjs.map +0 -1
- package/dist/cjs/components/ui/pagination.cjs +0 -142
- package/dist/cjs/components/ui/pagination.cjs.map +0 -1
- package/dist/cjs/components/ui/popover.cjs +0 -80
- package/dist/cjs/components/ui/popover.cjs.map +0 -1
- package/dist/cjs/components/ui/progress.cjs +0 -56
- package/dist/cjs/components/ui/progress.cjs.map +0 -1
- package/dist/cjs/components/ui/radio-group.cjs +0 -67
- package/dist/cjs/components/ui/radio-group.cjs.map +0 -1
- package/dist/cjs/components/ui/resizable.cjs +0 -75
- package/dist/cjs/components/ui/resizable.cjs.map +0 -1
- package/dist/cjs/components/ui/ripple-button.cjs +0 -108
- package/dist/cjs/components/ui/ripple-button.cjs.map +0 -1
- package/dist/cjs/components/ui/scratcher.cjs +0 -179
- package/dist/cjs/components/ui/scratcher.cjs.map +0 -1
- package/dist/cjs/components/ui/scroll-area.cjs +0 -73
- package/dist/cjs/components/ui/scroll-area.cjs.map +0 -1
- package/dist/cjs/components/ui/select.cjs +0 -177
- package/dist/cjs/components/ui/select.cjs.map +0 -1
- package/dist/cjs/components/ui/separator.cjs +0 -51
- package/dist/cjs/components/ui/separator.cjs.map +0 -1
- package/dist/cjs/components/ui/sheet.cjs +0 -150
- package/dist/cjs/components/ui/sheet.cjs.map +0 -1
- package/dist/cjs/components/ui/sidebar.cjs +0 -513
- package/dist/cjs/components/ui/sidebar.cjs.map +0 -1
- package/dist/cjs/components/ui/skeleton.cjs +0 -48
- package/dist/cjs/components/ui/skeleton.cjs.map +0 -1
- package/dist/cjs/components/ui/slider.cjs +0 -78
- package/dist/cjs/components/ui/slider.cjs.map +0 -1
- package/dist/cjs/components/ui/sonner.cjs +0 -58
- package/dist/cjs/components/ui/sonner.cjs.map +0 -1
- package/dist/cjs/components/ui/switch.cjs +0 -53
- package/dist/cjs/components/ui/switch.cjs.map +0 -1
- package/dist/cjs/components/ui/table.cjs +0 -122
- package/dist/cjs/components/ui/table.cjs.map +0 -1
- package/dist/cjs/components/ui/tabs.cjs +0 -79
- package/dist/cjs/components/ui/tabs.cjs.map +0 -1
- package/dist/cjs/components/ui/textarea.cjs +0 -48
- package/dist/cjs/components/ui/textarea.cjs.map +0 -1
- package/dist/cjs/components/ui/toggle-group.cjs +0 -80
- package/dist/cjs/components/ui/toggle-group.cjs.map +0 -1
- package/dist/cjs/components/ui/toggle.cjs +0 -74
- package/dist/cjs/components/ui/toggle.cjs.map +0 -1
- package/dist/cjs/components/ui/tooltip.cjs +0 -88
- package/dist/cjs/components/ui/tooltip.cjs.map +0 -1
- package/dist/cjs/hooks/use-mobile.cjs +0 -52
- package/dist/cjs/hooks/use-mobile.cjs.map +0 -1
- package/dist/cjs/index.cjs +0 -905
- package/dist/cjs/index.cjs.map +0 -1
- package/dist/cjs/index.css +0 -7309
- package/dist/cjs/index.css.map +0 -1
- package/dist/cjs/lib/utils.cjs +0 -42
- package/dist/cjs/lib/utils.cjs.map +0 -1
- package/dist/esm/components/ui/calendar.js.map +0 -1
- package/dist/esm/components/ui/chart.js.map +0 -1
- package/dist/esm/components/ui/drawer.js.map +0 -1
- package/dist/esm/components/ui/input.js.map +0 -1
- package/dist/esm/components/ui/ripple-button.js.map +0 -1
- package/dist/esm/components/ui/scratcher.js.map +0 -1
- package/dist/esm/index.css +0 -7309
- package/dist/esm/index.css.map +0 -1
- package/dist/esm/index.js +0 -62
- package/dist/types/components/ui/accordion.d.ts.map +0 -1
- package/dist/types/components/ui/alert-dialog.d.ts.map +0 -1
- package/dist/types/components/ui/alert.d.ts.map +0 -1
- package/dist/types/components/ui/aspect-ratio.d.ts.map +0 -1
- package/dist/types/components/ui/avatar.d.ts.map +0 -1
- package/dist/types/components/ui/background-beams.d.ts.map +0 -1
- package/dist/types/components/ui/badge.d.ts.map +0 -1
- package/dist/types/components/ui/breadcrumb.d.ts.map +0 -1
- package/dist/types/components/ui/bubble-background.d.ts.map +0 -1
- package/dist/types/components/ui/button.d.ts.map +0 -1
- package/dist/types/components/ui/calendar.d.ts.map +0 -1
- package/dist/types/components/ui/card.d.ts.map +0 -1
- package/dist/types/components/ui/carousel.d.ts.map +0 -1
- package/dist/types/components/ui/chart.d.ts +0 -55
- package/dist/types/components/ui/chart.d.ts.map +0 -1
- package/dist/types/components/ui/checkbox.d.ts.map +0 -1
- package/dist/types/components/ui/collapsible.d.ts.map +0 -1
- package/dist/types/components/ui/command.d.ts.map +0 -1
- package/dist/types/components/ui/context-menu.d.ts.map +0 -1
- package/dist/types/components/ui/counting-number.d.ts.map +0 -1
- package/dist/types/components/ui/dialog.d.ts.map +0 -1
- package/dist/types/components/ui/dot-background.d.ts.map +0 -1
- package/dist/types/components/ui/drawer.d.ts.map +0 -1
- package/dist/types/components/ui/dropdown-menu.d.ts.map +0 -1
- package/dist/types/components/ui/dropdrawer.d.ts.map +0 -1
- package/dist/types/components/ui/fireworks-background.d.ts.map +0 -1
- package/dist/types/components/ui/flip-button.d.ts.map +0 -1
- package/dist/types/components/ui/form.d.ts.map +0 -1
- package/dist/types/components/ui/gradient-background.d.ts.map +0 -1
- package/dist/types/components/ui/gradient-text.d.ts.map +0 -1
- package/dist/types/components/ui/highlight-text.d.ts.map +0 -1
- package/dist/types/components/ui/hole-background.d.ts.map +0 -1
- package/dist/types/components/ui/hover-card.d.ts.map +0 -1
- package/dist/types/components/ui/input-otp.d.ts.map +0 -1
- package/dist/types/components/ui/input.d.ts.map +0 -1
- package/dist/types/components/ui/label.d.ts.map +0 -1
- package/dist/types/components/ui/menubar.d.ts.map +0 -1
- package/dist/types/components/ui/navigation-menu.d.ts.map +0 -1
- package/dist/types/components/ui/pagination.d.ts.map +0 -1
- package/dist/types/components/ui/popover.d.ts.map +0 -1
- package/dist/types/components/ui/progress.d.ts.map +0 -1
- package/dist/types/components/ui/radio-group.d.ts.map +0 -1
- package/dist/types/components/ui/resizable.d.ts.map +0 -1
- package/dist/types/components/ui/ripple-button.d.ts.map +0 -1
- package/dist/types/components/ui/scratcher.d.ts.map +0 -1
- package/dist/types/components/ui/scroll-area.d.ts.map +0 -1
- package/dist/types/components/ui/select.d.ts.map +0 -1
- package/dist/types/components/ui/separator.d.ts.map +0 -1
- package/dist/types/components/ui/sheet.d.ts.map +0 -1
- package/dist/types/components/ui/sidebar.d.ts.map +0 -1
- package/dist/types/components/ui/skeleton.d.ts.map +0 -1
- package/dist/types/components/ui/slider.d.ts.map +0 -1
- package/dist/types/components/ui/sonner.d.ts.map +0 -1
- package/dist/types/components/ui/switch.d.ts.map +0 -1
- package/dist/types/components/ui/table.d.ts.map +0 -1
- package/dist/types/components/ui/tabs.d.ts.map +0 -1
- package/dist/types/components/ui/textarea.d.ts.map +0 -1
- package/dist/types/components/ui/toggle-group.d.ts.map +0 -1
- package/dist/types/components/ui/toggle.d.ts.map +0 -1
- package/dist/types/components/ui/tooltip.d.ts.map +0 -1
- package/dist/types/hooks/use-mobile.d.ts.map +0 -1
- package/dist/types/index.d.ts.map +0 -1
- package/dist/types/lib/utils.d.ts.map +0 -1
- package/tailwind.config.mjs +0 -65
- package/tsconfig.json +0 -58
- /package/{LICENSE → LICENSE.md} +0 -0
- /package/dist/{types/components → components}/ui/accordion.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/accordion.js +0 -0
- /package/dist/{esm/components → components}/ui/accordion.js.map +0 -0
- /package/dist/{types/components → components}/ui/alert-dialog.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/alert-dialog.js +0 -0
- /package/dist/{esm/components → components}/ui/alert-dialog.js.map +0 -0
- /package/dist/{types/components → components}/ui/alert.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/alert.js +0 -0
- /package/dist/{esm/components → components}/ui/alert.js.map +0 -0
- /package/dist/{types/components → components}/ui/aspect-ratio.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/aspect-ratio.js +0 -0
- /package/dist/{esm/components → components}/ui/aspect-ratio.js.map +0 -0
- /package/dist/{types/components → components}/ui/avatar.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/avatar.js +0 -0
- /package/dist/{esm/components → components}/ui/avatar.js.map +0 -0
- /package/dist/{types/components → components}/ui/background-beams.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/background-beams.js +0 -0
- /package/dist/{esm/components → components}/ui/background-beams.js.map +0 -0
- /package/dist/{types/components → components}/ui/badge.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/badge.js +0 -0
- /package/dist/{esm/components → components}/ui/badge.js.map +0 -0
- /package/dist/{types/components → components}/ui/breadcrumb.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/breadcrumb.js +0 -0
- /package/dist/{esm/components → components}/ui/breadcrumb.js.map +0 -0
- /package/dist/{types/components → components}/ui/bubble-background.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/bubble-background.js +0 -0
- /package/dist/{esm/components → components}/ui/bubble-background.js.map +0 -0
- /package/dist/{types/components → components}/ui/button.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/button.js +0 -0
- /package/dist/{esm/components → components}/ui/button.js.map +0 -0
- /package/dist/{types/components → components}/ui/calendar.d.ts +0 -0
- /package/dist/{types/components → components}/ui/card.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/card.js +0 -0
- /package/dist/{esm/components → components}/ui/card.js.map +0 -0
- /package/dist/{types/components → components}/ui/carousel.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/carousel.js +0 -0
- /package/dist/{esm/components → components}/ui/carousel.js.map +0 -0
- /package/dist/{types/components → components}/ui/checkbox.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/checkbox.js +0 -0
- /package/dist/{esm/components → components}/ui/checkbox.js.map +0 -0
- /package/dist/{types/components → components}/ui/collapsible.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/collapsible.js +0 -0
- /package/dist/{esm/components → components}/ui/collapsible.js.map +0 -0
- /package/dist/{types/components → components}/ui/command.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/command.js +0 -0
- /package/dist/{esm/components → components}/ui/command.js.map +0 -0
- /package/dist/{types/components → components}/ui/context-menu.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/context-menu.js +0 -0
- /package/dist/{esm/components → components}/ui/context-menu.js.map +0 -0
- /package/dist/{types/components → components}/ui/counting-number.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/counting-number.js +0 -0
- /package/dist/{esm/components → components}/ui/counting-number.js.map +0 -0
- /package/dist/{types/components → components}/ui/dialog.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/dialog.js +0 -0
- /package/dist/{esm/components → components}/ui/dialog.js.map +0 -0
- /package/dist/{types/components → components}/ui/dot-background.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/dot-background.js +0 -0
- /package/dist/{esm/components → components}/ui/dot-background.js.map +0 -0
- /package/dist/{types/components → components}/ui/drawer.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/drawer.js +0 -0
- /package/dist/{types/components → components}/ui/dropdown-menu.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/dropdown-menu.js +0 -0
- /package/dist/{esm/components → components}/ui/dropdown-menu.js.map +0 -0
- /package/dist/{types/components → components}/ui/dropdrawer.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/dropdrawer.js +0 -0
- /package/dist/{esm/components → components}/ui/dropdrawer.js.map +0 -0
- /package/dist/{types/components → components}/ui/fireworks-background.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/fireworks-background.js +0 -0
- /package/dist/{esm/components → components}/ui/fireworks-background.js.map +0 -0
- /package/dist/{types/components → components}/ui/flip-button.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/flip-button.js +0 -0
- /package/dist/{esm/components → components}/ui/flip-button.js.map +0 -0
- /package/dist/{types/components → components}/ui/form.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/form.js +0 -0
- /package/dist/{esm/components → components}/ui/form.js.map +0 -0
- /package/dist/{types/components → components}/ui/gradient-background.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/gradient-background.js +0 -0
- /package/dist/{esm/components → components}/ui/gradient-background.js.map +0 -0
- /package/dist/{types/components → components}/ui/gradient-text.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/gradient-text.js +0 -0
- /package/dist/{esm/components → components}/ui/gradient-text.js.map +0 -0
- /package/dist/{types/components → components}/ui/highlight-text.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/highlight-text.js +0 -0
- /package/dist/{esm/components → components}/ui/highlight-text.js.map +0 -0
- /package/dist/{types/components → components}/ui/hole-background.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/hole-background.js +0 -0
- /package/dist/{esm/components → components}/ui/hole-background.js.map +0 -0
- /package/dist/{types/components → components}/ui/hover-card.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/hover-card.js +0 -0
- /package/dist/{esm/components → components}/ui/hover-card.js.map +0 -0
- /package/dist/{types/components → components}/ui/input-otp.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/input-otp.js +0 -0
- /package/dist/{esm/components → components}/ui/input-otp.js.map +0 -0
- /package/dist/{types/components → components}/ui/input.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/input.js +0 -0
- /package/dist/{types/components → components}/ui/label.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/label.js +0 -0
- /package/dist/{esm/components → components}/ui/label.js.map +0 -0
- /package/dist/{types/components → components}/ui/menubar.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/menubar.js +0 -0
- /package/dist/{esm/components → components}/ui/menubar.js.map +0 -0
- /package/dist/{types/components → components}/ui/navigation-menu.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/navigation-menu.js +0 -0
- /package/dist/{esm/components → components}/ui/navigation-menu.js.map +0 -0
- /package/dist/{types/components → components}/ui/pagination.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/pagination.js +0 -0
- /package/dist/{esm/components → components}/ui/pagination.js.map +0 -0
- /package/dist/{types/components → components}/ui/popover.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/popover.js +0 -0
- /package/dist/{esm/components → components}/ui/popover.js.map +0 -0
- /package/dist/{types/components → components}/ui/progress.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/progress.js +0 -0
- /package/dist/{esm/components → components}/ui/progress.js.map +0 -0
- /package/dist/{types/components → components}/ui/radio-group.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/radio-group.js +0 -0
- /package/dist/{esm/components → components}/ui/radio-group.js.map +0 -0
- /package/dist/{types/components → components}/ui/resizable.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/resizable.js +0 -0
- /package/dist/{esm/components → components}/ui/resizable.js.map +0 -0
- /package/dist/{types/components → components}/ui/ripple-button.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/ripple-button.js +0 -0
- /package/dist/{types/components → components}/ui/scratcher.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/scratcher.js +0 -0
- /package/dist/{types/components → components}/ui/scroll-area.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/scroll-area.js +0 -0
- /package/dist/{esm/components → components}/ui/scroll-area.js.map +0 -0
- /package/dist/{types/components → components}/ui/select.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/select.js +0 -0
- /package/dist/{esm/components → components}/ui/select.js.map +0 -0
- /package/dist/{types/components → components}/ui/separator.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/separator.js +0 -0
- /package/dist/{esm/components → components}/ui/separator.js.map +0 -0
- /package/dist/{types/components → components}/ui/sheet.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/sheet.js +0 -0
- /package/dist/{esm/components → components}/ui/sheet.js.map +0 -0
- /package/dist/{types/components → components}/ui/sidebar.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/sidebar.js +0 -0
- /package/dist/{esm/components → components}/ui/sidebar.js.map +0 -0
- /package/dist/{types/components → components}/ui/skeleton.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/skeleton.js +0 -0
- /package/dist/{esm/components → components}/ui/skeleton.js.map +0 -0
- /package/dist/{types/components → components}/ui/slider.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/slider.js +0 -0
- /package/dist/{esm/components → components}/ui/slider.js.map +0 -0
- /package/dist/{types/components → components}/ui/sonner.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/sonner.js +0 -0
- /package/dist/{esm/components → components}/ui/sonner.js.map +0 -0
- /package/dist/{types/components → components}/ui/switch.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/switch.js +0 -0
- /package/dist/{esm/components → components}/ui/switch.js.map +0 -0
- /package/dist/{types/components → components}/ui/table.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/table.js +0 -0
- /package/dist/{esm/components → components}/ui/table.js.map +0 -0
- /package/dist/{types/components → components}/ui/tabs.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/tabs.js +0 -0
- /package/dist/{esm/components → components}/ui/tabs.js.map +0 -0
- /package/dist/{types/components → components}/ui/textarea.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/textarea.js +0 -0
- /package/dist/{esm/components → components}/ui/textarea.js.map +0 -0
- /package/dist/{types/components → components}/ui/toggle-group.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/toggle-group.js +0 -0
- /package/dist/{esm/components → components}/ui/toggle-group.js.map +0 -0
- /package/dist/{types/components → components}/ui/toggle.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/toggle.js +0 -0
- /package/dist/{esm/components → components}/ui/toggle.js.map +0 -0
- /package/dist/{types/components → components}/ui/tooltip.d.ts +0 -0
- /package/dist/{esm/components → components}/ui/tooltip.js +0 -0
- /package/dist/{esm/components → components}/ui/tooltip.js.map +0 -0
- /package/dist/{types/hooks → hooks}/use-mobile.d.ts +0 -0
- /package/dist/{esm/hooks → hooks}/use-mobile.js +0 -0
- /package/dist/{esm/hooks → hooks}/use-mobile.js.map +0 -0
- /package/dist/{types/index.d.ts → index.d.ts} +0 -0
- /package/dist/{types/lib → lib}/utils.d.ts +0 -0
- /package/dist/{esm/lib → lib}/utils.js +0 -0
- /package/dist/{esm/lib → lib}/utils.js.map +0 -0
|
@@ -1,361 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
"use strict";
|
|
3
|
-
var __webpack_require__ = {};
|
|
4
|
-
(()=>{
|
|
5
|
-
__webpack_require__.d = (exports1, definition)=>{
|
|
6
|
-
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: definition[key]
|
|
9
|
-
});
|
|
10
|
-
};
|
|
11
|
-
})();
|
|
12
|
-
(()=>{
|
|
13
|
-
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
14
|
-
})();
|
|
15
|
-
(()=>{
|
|
16
|
-
__webpack_require__.r = (exports1)=>{
|
|
17
|
-
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
18
|
-
value: 'Module'
|
|
19
|
-
});
|
|
20
|
-
Object.defineProperty(exports1, '__esModule', {
|
|
21
|
-
value: true
|
|
22
|
-
});
|
|
23
|
-
};
|
|
24
|
-
})();
|
|
25
|
-
var __webpack_exports__ = {};
|
|
26
|
-
__webpack_require__.r(__webpack_exports__);
|
|
27
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
28
|
-
HoleBackground: ()=>HoleBackground
|
|
29
|
-
});
|
|
30
|
-
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
31
|
-
const external_react_namespaceObject = require("react");
|
|
32
|
-
const react_namespaceObject = require("motion/react");
|
|
33
|
-
const utils_cjs_namespaceObject = require("../../lib/utils.cjs");
|
|
34
|
-
const HoleBackground = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ strokeColor = "#737373", numberOfLines = 50, numberOfDiscs = 50, particleRGBColor = [
|
|
35
|
-
255,
|
|
36
|
-
255,
|
|
37
|
-
255
|
|
38
|
-
], className, children, ...props }, ref)=>{
|
|
39
|
-
const canvasRef = external_react_namespaceObject.useRef(null);
|
|
40
|
-
external_react_namespaceObject.useImperativeHandle(ref, ()=>canvasRef.current);
|
|
41
|
-
const animationFrameIdRef = external_react_namespaceObject.useRef(0);
|
|
42
|
-
const stateRef = external_react_namespaceObject.useRef({
|
|
43
|
-
discs: [],
|
|
44
|
-
lines: [],
|
|
45
|
-
particles: [],
|
|
46
|
-
clip: {},
|
|
47
|
-
startDisc: {},
|
|
48
|
-
endDisc: {},
|
|
49
|
-
rect: {
|
|
50
|
-
width: 0,
|
|
51
|
-
height: 0
|
|
52
|
-
},
|
|
53
|
-
render: {
|
|
54
|
-
width: 0,
|
|
55
|
-
height: 0,
|
|
56
|
-
dpi: 1
|
|
57
|
-
},
|
|
58
|
-
particleArea: {},
|
|
59
|
-
linesCanvas: null
|
|
60
|
-
});
|
|
61
|
-
const linear = (p)=>p;
|
|
62
|
-
const easeInExpo = (p)=>0 === p ? 0 : Math.pow(2, 10 * (p - 1));
|
|
63
|
-
const tweenValue = external_react_namespaceObject.useCallback((start, end, p, ease = null)=>{
|
|
64
|
-
const delta = end - start;
|
|
65
|
-
const easeFn = "inExpo" === ease ? easeInExpo : linear;
|
|
66
|
-
return start + delta * easeFn(p);
|
|
67
|
-
}, []);
|
|
68
|
-
const tweenDisc = external_react_namespaceObject.useCallback((disc)=>{
|
|
69
|
-
const { startDisc, endDisc } = stateRef.current;
|
|
70
|
-
disc.x = tweenValue(startDisc.x, endDisc.x, disc.p);
|
|
71
|
-
disc.y = tweenValue(startDisc.y, endDisc.y, disc.p, "inExpo");
|
|
72
|
-
disc.w = tweenValue(startDisc.w, endDisc.w, disc.p);
|
|
73
|
-
disc.h = tweenValue(startDisc.h, endDisc.h, disc.p);
|
|
74
|
-
}, [
|
|
75
|
-
tweenValue
|
|
76
|
-
]);
|
|
77
|
-
const setSize = external_react_namespaceObject.useCallback(()=>{
|
|
78
|
-
const canvas = canvasRef.current;
|
|
79
|
-
if (!canvas) return;
|
|
80
|
-
const rect = canvas.getBoundingClientRect();
|
|
81
|
-
stateRef.current.rect = {
|
|
82
|
-
width: rect.width,
|
|
83
|
-
height: rect.height
|
|
84
|
-
};
|
|
85
|
-
stateRef.current.render = {
|
|
86
|
-
width: rect.width,
|
|
87
|
-
height: rect.height,
|
|
88
|
-
dpi: window.devicePixelRatio || 1
|
|
89
|
-
};
|
|
90
|
-
canvas.width = stateRef.current.render.width * stateRef.current.render.dpi;
|
|
91
|
-
canvas.height = stateRef.current.render.height * stateRef.current.render.dpi;
|
|
92
|
-
}, []);
|
|
93
|
-
const setDiscs = external_react_namespaceObject.useCallback(()=>{
|
|
94
|
-
const { width, height } = stateRef.current.rect;
|
|
95
|
-
stateRef.current.discs = [];
|
|
96
|
-
stateRef.current.startDisc = {
|
|
97
|
-
x: 0.5 * width,
|
|
98
|
-
y: 0.45 * height,
|
|
99
|
-
w: 0.75 * width,
|
|
100
|
-
h: 0.7 * height
|
|
101
|
-
};
|
|
102
|
-
stateRef.current.endDisc = {
|
|
103
|
-
x: 0.5 * width,
|
|
104
|
-
y: 0.95 * height,
|
|
105
|
-
w: 0,
|
|
106
|
-
h: 0
|
|
107
|
-
};
|
|
108
|
-
let prevBottom = height;
|
|
109
|
-
stateRef.current.clip = {};
|
|
110
|
-
for(let i = 0; i < numberOfDiscs; i++){
|
|
111
|
-
const p = i / numberOfDiscs;
|
|
112
|
-
const disc = {
|
|
113
|
-
p,
|
|
114
|
-
x: 0,
|
|
115
|
-
y: 0,
|
|
116
|
-
w: 0,
|
|
117
|
-
h: 0
|
|
118
|
-
};
|
|
119
|
-
tweenDisc(disc);
|
|
120
|
-
const bottom = disc.y + disc.h;
|
|
121
|
-
if (bottom <= prevBottom) stateRef.current.clip = {
|
|
122
|
-
disc: {
|
|
123
|
-
...disc
|
|
124
|
-
},
|
|
125
|
-
i
|
|
126
|
-
};
|
|
127
|
-
prevBottom = bottom;
|
|
128
|
-
stateRef.current.discs.push(disc);
|
|
129
|
-
}
|
|
130
|
-
const clipPath = new Path2D();
|
|
131
|
-
const disc = stateRef.current.clip.disc;
|
|
132
|
-
clipPath.ellipse(disc.x, disc.y, disc.w, disc.h, 0, 0, 2 * Math.PI);
|
|
133
|
-
clipPath.rect(disc.x - disc.w, 0, 2 * disc.w, disc.y);
|
|
134
|
-
stateRef.current.clip.path = clipPath;
|
|
135
|
-
}, [
|
|
136
|
-
tweenDisc
|
|
137
|
-
]);
|
|
138
|
-
const setLines = external_react_namespaceObject.useCallback(()=>{
|
|
139
|
-
const { width, height } = stateRef.current.rect;
|
|
140
|
-
stateRef.current.lines = [];
|
|
141
|
-
const linesAngle = 2 * Math.PI / numberOfLines;
|
|
142
|
-
for(let i = 0; i < numberOfLines; i++)stateRef.current.lines.push([]);
|
|
143
|
-
stateRef.current.discs.forEach((disc)=>{
|
|
144
|
-
for(let i = 0; i < numberOfLines; i++){
|
|
145
|
-
const angle = i * linesAngle;
|
|
146
|
-
const p = {
|
|
147
|
-
x: disc.x + Math.cos(angle) * disc.w,
|
|
148
|
-
y: disc.y + Math.sin(angle) * disc.h
|
|
149
|
-
};
|
|
150
|
-
stateRef.current.lines[i].push(p);
|
|
151
|
-
}
|
|
152
|
-
});
|
|
153
|
-
const offCanvas = document.createElement("canvas");
|
|
154
|
-
offCanvas.width = width;
|
|
155
|
-
offCanvas.height = height;
|
|
156
|
-
const ctx = offCanvas.getContext("2d");
|
|
157
|
-
if (!ctx) return;
|
|
158
|
-
stateRef.current.lines.forEach((line)=>{
|
|
159
|
-
ctx.save();
|
|
160
|
-
let lineIsIn = false;
|
|
161
|
-
line.forEach((p1, j)=>{
|
|
162
|
-
if (0 === j) return;
|
|
163
|
-
const p0 = line[j - 1];
|
|
164
|
-
if (!lineIsIn && (ctx.isPointInPath(stateRef.current.clip.path, p1.x, p1.y) || ctx.isPointInStroke(stateRef.current.clip.path, p1.x, p1.y))) lineIsIn = true;
|
|
165
|
-
else if (lineIsIn) ctx.clip(stateRef.current.clip.path);
|
|
166
|
-
ctx.beginPath();
|
|
167
|
-
ctx.moveTo(p0.x, p0.y);
|
|
168
|
-
ctx.lineTo(p1.x, p1.y);
|
|
169
|
-
ctx.strokeStyle = strokeColor;
|
|
170
|
-
ctx.lineWidth = 2;
|
|
171
|
-
ctx.stroke();
|
|
172
|
-
ctx.closePath();
|
|
173
|
-
});
|
|
174
|
-
ctx.restore();
|
|
175
|
-
});
|
|
176
|
-
stateRef.current.linesCanvas = offCanvas;
|
|
177
|
-
}, [
|
|
178
|
-
strokeColor
|
|
179
|
-
]);
|
|
180
|
-
const initParticle = external_react_namespaceObject.useCallback((start = false)=>{
|
|
181
|
-
const sx = stateRef.current.particleArea.sx + stateRef.current.particleArea.sw * Math.random();
|
|
182
|
-
const ex = stateRef.current.particleArea.ex + stateRef.current.particleArea.ew * Math.random();
|
|
183
|
-
const dx = ex - sx;
|
|
184
|
-
const y = start ? stateRef.current.particleArea.h * Math.random() : stateRef.current.particleArea.h;
|
|
185
|
-
const r = 0.5 + 4 * Math.random();
|
|
186
|
-
const vy = 0.5 + Math.random();
|
|
187
|
-
return {
|
|
188
|
-
x: sx,
|
|
189
|
-
sx,
|
|
190
|
-
dx,
|
|
191
|
-
y,
|
|
192
|
-
vy,
|
|
193
|
-
p: 0,
|
|
194
|
-
r,
|
|
195
|
-
c: `rgba(${particleRGBColor[0]}, ${particleRGBColor[1]}, ${particleRGBColor[2]}, ${Math.random()})`
|
|
196
|
-
};
|
|
197
|
-
}, []);
|
|
198
|
-
const setParticles = external_react_namespaceObject.useCallback(()=>{
|
|
199
|
-
const { width, height } = stateRef.current.rect;
|
|
200
|
-
stateRef.current.particles = [];
|
|
201
|
-
const disc = stateRef.current.clip.disc;
|
|
202
|
-
stateRef.current.particleArea = {
|
|
203
|
-
sw: 0.5 * disc.w,
|
|
204
|
-
ew: 2 * disc.w,
|
|
205
|
-
h: 0.85 * height
|
|
206
|
-
};
|
|
207
|
-
stateRef.current.particleArea.sx = (width - stateRef.current.particleArea.sw) / 2;
|
|
208
|
-
stateRef.current.particleArea.ex = (width - stateRef.current.particleArea.ew) / 2;
|
|
209
|
-
const totalParticles = 100;
|
|
210
|
-
for(let i = 0; i < totalParticles; i++)stateRef.current.particles.push(initParticle(true));
|
|
211
|
-
}, [
|
|
212
|
-
initParticle
|
|
213
|
-
]);
|
|
214
|
-
const drawDiscs = external_react_namespaceObject.useCallback((ctx)=>{
|
|
215
|
-
ctx.strokeStyle = strokeColor;
|
|
216
|
-
ctx.lineWidth = 2;
|
|
217
|
-
const outerDisc = stateRef.current.startDisc;
|
|
218
|
-
ctx.beginPath();
|
|
219
|
-
ctx.ellipse(outerDisc.x, outerDisc.y, outerDisc.w, outerDisc.h, 0, 0, 2 * Math.PI);
|
|
220
|
-
ctx.stroke();
|
|
221
|
-
ctx.closePath();
|
|
222
|
-
stateRef.current.discs.forEach((disc, i)=>{
|
|
223
|
-
if (i % 5 !== 0) return;
|
|
224
|
-
if (disc.w < stateRef.current.clip.disc.w - 5) {
|
|
225
|
-
ctx.save();
|
|
226
|
-
ctx.clip(stateRef.current.clip.path);
|
|
227
|
-
}
|
|
228
|
-
ctx.beginPath();
|
|
229
|
-
ctx.ellipse(disc.x, disc.y, disc.w, disc.h, 0, 0, 2 * Math.PI);
|
|
230
|
-
ctx.stroke();
|
|
231
|
-
ctx.closePath();
|
|
232
|
-
if (disc.w < stateRef.current.clip.disc.w - 5) ctx.restore();
|
|
233
|
-
});
|
|
234
|
-
}, [
|
|
235
|
-
strokeColor
|
|
236
|
-
]);
|
|
237
|
-
const drawLines = external_react_namespaceObject.useCallback((ctx)=>{
|
|
238
|
-
if (stateRef.current.linesCanvas) ctx.drawImage(stateRef.current.linesCanvas, 0, 0);
|
|
239
|
-
}, []);
|
|
240
|
-
const drawParticles = external_react_namespaceObject.useCallback((ctx)=>{
|
|
241
|
-
ctx.save();
|
|
242
|
-
ctx.clip(stateRef.current.clip.path);
|
|
243
|
-
stateRef.current.particles.forEach((particle)=>{
|
|
244
|
-
ctx.fillStyle = particle.c;
|
|
245
|
-
ctx.beginPath();
|
|
246
|
-
ctx.rect(particle.x, particle.y, particle.r, particle.r);
|
|
247
|
-
ctx.closePath();
|
|
248
|
-
ctx.fill();
|
|
249
|
-
});
|
|
250
|
-
ctx.restore();
|
|
251
|
-
}, []);
|
|
252
|
-
const moveDiscs = external_react_namespaceObject.useCallback(()=>{
|
|
253
|
-
stateRef.current.discs.forEach((disc)=>{
|
|
254
|
-
disc.p = (disc.p + 0.001) % 1;
|
|
255
|
-
tweenDisc(disc);
|
|
256
|
-
});
|
|
257
|
-
}, [
|
|
258
|
-
tweenDisc
|
|
259
|
-
]);
|
|
260
|
-
const moveParticles = external_react_namespaceObject.useCallback(()=>{
|
|
261
|
-
stateRef.current.particles.forEach((particle, idx)=>{
|
|
262
|
-
particle.p = 1 - particle.y / stateRef.current.particleArea.h;
|
|
263
|
-
particle.x = particle.sx + particle.dx * particle.p;
|
|
264
|
-
particle.y -= particle.vy;
|
|
265
|
-
if (particle.y < 0) stateRef.current.particles[idx] = initParticle();
|
|
266
|
-
});
|
|
267
|
-
}, [
|
|
268
|
-
initParticle
|
|
269
|
-
]);
|
|
270
|
-
const tick = external_react_namespaceObject.useCallback(()=>{
|
|
271
|
-
const canvas = canvasRef.current;
|
|
272
|
-
if (!canvas) return;
|
|
273
|
-
const ctx = canvas.getContext("2d");
|
|
274
|
-
if (!ctx) return;
|
|
275
|
-
ctx.clearRect(0, 0, canvas.width, canvas.height);
|
|
276
|
-
ctx.save();
|
|
277
|
-
ctx.scale(stateRef.current.render.dpi, stateRef.current.render.dpi);
|
|
278
|
-
moveDiscs();
|
|
279
|
-
moveParticles();
|
|
280
|
-
drawDiscs(ctx);
|
|
281
|
-
drawLines(ctx);
|
|
282
|
-
drawParticles(ctx);
|
|
283
|
-
ctx.restore();
|
|
284
|
-
animationFrameIdRef.current = requestAnimationFrame(tick);
|
|
285
|
-
}, [
|
|
286
|
-
moveDiscs,
|
|
287
|
-
moveParticles,
|
|
288
|
-
drawDiscs,
|
|
289
|
-
drawLines,
|
|
290
|
-
drawParticles
|
|
291
|
-
]);
|
|
292
|
-
const init = external_react_namespaceObject.useCallback(()=>{
|
|
293
|
-
setSize();
|
|
294
|
-
setDiscs();
|
|
295
|
-
setLines();
|
|
296
|
-
setParticles();
|
|
297
|
-
}, [
|
|
298
|
-
setSize,
|
|
299
|
-
setDiscs,
|
|
300
|
-
setLines,
|
|
301
|
-
setParticles
|
|
302
|
-
]);
|
|
303
|
-
external_react_namespaceObject.useEffect(()=>{
|
|
304
|
-
const canvas = canvasRef.current;
|
|
305
|
-
if (!canvas) return;
|
|
306
|
-
init();
|
|
307
|
-
tick();
|
|
308
|
-
const handleResize = ()=>{
|
|
309
|
-
setSize();
|
|
310
|
-
setDiscs();
|
|
311
|
-
setLines();
|
|
312
|
-
setParticles();
|
|
313
|
-
};
|
|
314
|
-
window.addEventListener("resize", handleResize);
|
|
315
|
-
return ()=>{
|
|
316
|
-
window.removeEventListener("resize", handleResize);
|
|
317
|
-
cancelAnimationFrame(animationFrameIdRef.current);
|
|
318
|
-
};
|
|
319
|
-
}, [
|
|
320
|
-
init,
|
|
321
|
-
tick,
|
|
322
|
-
setSize,
|
|
323
|
-
setDiscs,
|
|
324
|
-
setLines,
|
|
325
|
-
setParticles
|
|
326
|
-
]);
|
|
327
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
328
|
-
className: (0, utils_cjs_namespaceObject.cn)("relative size-full overflow-hidden", 'before:content-[""] before:absolute before:top-1/2 before:left-1/2 before:block before:size-[140%] dark:before:[background:radial-gradient(ellipse_at_50%_55%,transparent_10%,black_50%)] before:[background:radial-gradient(ellipse_at_50%_55%,transparent_10%,white_50%)] before:[transform:translate3d(-50%,-50%,0)]', 'after:content-[""] after:absolute after:z-[5] after:top-1/2 after:left-1/2 after:block after:size-full after:[background:radial-gradient(ellipse_at_50%_75%,#a900ff_20%,transparent_75%)] after:[transform:translate3d(-50%,-50%,0)] after:mix-blend-overlay', className),
|
|
329
|
-
children: [
|
|
330
|
-
children,
|
|
331
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("canvas", {
|
|
332
|
-
ref: canvasRef,
|
|
333
|
-
className: "absolute inset-0 block size-full dark:opacity-20 opacity-10",
|
|
334
|
-
...props
|
|
335
|
-
}),
|
|
336
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.motion.div, {
|
|
337
|
-
className: (0, utils_cjs_namespaceObject.cn)("absolute top-[-71.5%] left-1/2 z-[3] w-[30%] h-[140%] rounded-b-full blur-3xl opacity-75 dark:mix-blend-plus-lighter mix-blend-plus-darker [transform:translate3d(-50%,0,0)] [background-position:0%_100%] [background-size:100%_200%]", "dark:[background:linear-gradient(20deg,#00f8f1,#ffbd1e20_16.5%,#fe848f_33%,#fe848f20_49.5%,#00f8f1_66%,#00f8f160_85.5%,#ffbd1e_100%)_0_100%_/_100%_200%] [background:linear-gradient(20deg,#00f8f1,#ffbd1e40_16.5%,#fe848f_33%,#fe848f40_49.5%,#00f8f1_66%,#00f8f180_85.5%,#ffbd1e_100%)_0_100%_/_100%_200%]"),
|
|
338
|
-
animate: {
|
|
339
|
-
backgroundPosition: "0% 300%"
|
|
340
|
-
},
|
|
341
|
-
transition: {
|
|
342
|
-
duration: 5,
|
|
343
|
-
ease: "linear",
|
|
344
|
-
repeat: 1 / 0
|
|
345
|
-
}
|
|
346
|
-
}),
|
|
347
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
348
|
-
className: "absolute top-0 left-0 z-[7] size-full dark:[background:repeating-linear-gradient(transparent,transparent_1px,white_1px,white_2px)] mix-blend-overlay opacity-50"
|
|
349
|
-
})
|
|
350
|
-
]
|
|
351
|
-
});
|
|
352
|
-
});
|
|
353
|
-
exports.HoleBackground = __webpack_exports__.HoleBackground;
|
|
354
|
-
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
355
|
-
"HoleBackground"
|
|
356
|
-
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
357
|
-
Object.defineProperty(exports, '__esModule', {
|
|
358
|
-
value: true
|
|
359
|
-
});
|
|
360
|
-
|
|
361
|
-
//# sourceMappingURL=hole-background.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"components\\ui\\hole-background.cjs","sources":["webpack://@arolariu/components/webpack/runtime/define_property_getters","webpack://@arolariu/components/webpack/runtime/has_own_property","webpack://@arolariu/components/webpack/runtime/make_namespace_object","webpack://@arolariu/components/./src/components/ui/hole-background.tsx"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n }\n }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\n\nimport * as React from \"react\";\nimport { motion } from \"motion/react\";\n\nimport { cn } from \"@/lib/utils\";\n\ninterface HoleBackgroundProps extends React.HTMLAttributes<HTMLCanvasElement> {\n strokeColor?: string;\n numberOfLines?: number;\n numberOfDiscs?: number;\n particleRGBColor?: [number, number, number];\n}\n\nconst HoleBackground = React.forwardRef<HTMLCanvasElement, HoleBackgroundProps>(\n (\n {\n strokeColor = \"#737373\",\n numberOfLines = 50,\n numberOfDiscs = 50,\n particleRGBColor = [255, 255, 255],\n className,\n children,\n ...props\n },\n ref,\n ) => {\n const canvasRef = React.useRef<HTMLCanvasElement>(null);\n React.useImperativeHandle(\n ref,\n () => canvasRef.current as HTMLCanvasElement,\n );\n\n const animationFrameIdRef = React.useRef<number>(0);\n const stateRef = React.useRef<any>({\n discs: [] as any[],\n lines: [] as any[],\n particles: [] as any[],\n clip: {},\n startDisc: {},\n endDisc: {},\n rect: { width: 0, height: 0 },\n render: { width: 0, height: 0, dpi: 1 },\n particleArea: {},\n linesCanvas: null,\n });\n\n const linear = (p: number) => p;\n const easeInExpo = (p: number) => (p === 0 ? 0 : Math.pow(2, 10 * (p - 1)));\n\n const tweenValue = React.useCallback(\n (start: number, end: number, p: number, ease: \"inExpo\" | null = null) => {\n const delta = end - start;\n const easeFn = ease === \"inExpo\" ? easeInExpo : linear;\n return start + delta * easeFn(p);\n },\n [],\n );\n\n const tweenDisc = React.useCallback(\n (disc: any) => {\n const { startDisc, endDisc } = stateRef.current;\n disc.x = tweenValue(startDisc.x, endDisc.x, disc.p);\n disc.y = tweenValue(startDisc.y, endDisc.y, disc.p, \"inExpo\");\n disc.w = tweenValue(startDisc.w, endDisc.w, disc.p);\n disc.h = tweenValue(startDisc.h, endDisc.h, disc.p);\n },\n [tweenValue],\n );\n\n const setSize = React.useCallback(() => {\n const canvas = canvasRef.current;\n if (!canvas) return;\n const rect = canvas.getBoundingClientRect();\n stateRef.current.rect = { width: rect.width, height: rect.height };\n stateRef.current.render = {\n width: rect.width,\n height: rect.height,\n dpi: window.devicePixelRatio || 1,\n };\n canvas.width =\n stateRef.current.render.width * stateRef.current.render.dpi;\n canvas.height =\n stateRef.current.render.height * stateRef.current.render.dpi;\n }, []);\n\n const setDiscs = React.useCallback(() => {\n const { width, height } = stateRef.current.rect;\n stateRef.current.discs = [];\n stateRef.current.startDisc = {\n x: width * 0.5,\n y: height * 0.45,\n w: width * 0.75,\n h: height * 0.7,\n };\n stateRef.current.endDisc = {\n x: width * 0.5,\n y: height * 0.95,\n w: 0,\n h: 0,\n };\n let prevBottom = height;\n stateRef.current.clip = {};\n for (let i = 0; i < numberOfDiscs; i++) {\n const p = i / numberOfDiscs;\n const disc = { p, x: 0, y: 0, w: 0, h: 0 };\n tweenDisc(disc);\n const bottom = disc.y + disc.h;\n if (bottom <= prevBottom) {\n stateRef.current.clip = { disc: { ...disc }, i };\n }\n prevBottom = bottom;\n stateRef.current.discs.push(disc);\n }\n const clipPath = new Path2D();\n const disc = stateRef.current.clip.disc;\n clipPath.ellipse(disc.x, disc.y, disc.w, disc.h, 0, 0, Math.PI * 2);\n clipPath.rect(disc.x - disc.w, 0, disc.w * 2, disc.y);\n stateRef.current.clip.path = clipPath;\n }, [tweenDisc]);\n\n const setLines = React.useCallback(() => {\n const { width, height } = stateRef.current.rect;\n stateRef.current.lines = [];\n const linesAngle = (Math.PI * 2) / numberOfLines;\n for (let i = 0; i < numberOfLines; i++) {\n stateRef.current.lines.push([]);\n }\n stateRef.current.discs.forEach((disc: any) => {\n for (let i = 0; i < numberOfLines; i++) {\n const angle = i * linesAngle;\n const p = {\n x: disc.x + Math.cos(angle) * disc.w,\n y: disc.y + Math.sin(angle) * disc.h,\n };\n stateRef.current.lines[i].push(p);\n }\n });\n const offCanvas = document.createElement(\"canvas\");\n offCanvas.width = width;\n offCanvas.height = height;\n const ctx = offCanvas.getContext(\"2d\");\n if (!ctx) return;\n stateRef.current.lines.forEach((line: any) => {\n ctx.save();\n let lineIsIn = false;\n line.forEach((p1: any, j: number) => {\n if (j === 0) return;\n const p0 = line[j - 1];\n if (\n !lineIsIn &&\n (ctx.isPointInPath(stateRef.current.clip.path, p1.x, p1.y) ||\n ctx.isPointInStroke(stateRef.current.clip.path, p1.x, p1.y))\n ) {\n lineIsIn = true;\n } else if (lineIsIn) {\n ctx.clip(stateRef.current.clip.path);\n }\n ctx.beginPath();\n ctx.moveTo(p0.x, p0.y);\n ctx.lineTo(p1.x, p1.y);\n ctx.strokeStyle = strokeColor;\n ctx.lineWidth = 2;\n ctx.stroke();\n ctx.closePath();\n });\n ctx.restore();\n });\n stateRef.current.linesCanvas = offCanvas;\n }, [strokeColor]);\n\n const initParticle = React.useCallback((start: boolean = false) => {\n const sx =\n stateRef.current.particleArea.sx +\n stateRef.current.particleArea.sw * Math.random();\n const ex =\n stateRef.current.particleArea.ex +\n stateRef.current.particleArea.ew * Math.random();\n const dx = ex - sx;\n const y = start\n ? stateRef.current.particleArea.h * Math.random()\n : stateRef.current.particleArea.h;\n const r = 0.5 + Math.random() * 4;\n const vy = 0.5 + Math.random();\n return {\n x: sx,\n sx,\n dx,\n y,\n vy,\n p: 0,\n r,\n c: `rgba(${particleRGBColor[0]}, ${particleRGBColor[1]}, ${\n particleRGBColor[2]\n }, ${Math.random()})`,\n };\n }, []);\n\n const setParticles = React.useCallback(() => {\n const { width, height } = stateRef.current.rect;\n stateRef.current.particles = [];\n const disc = stateRef.current.clip.disc;\n stateRef.current.particleArea = {\n sw: disc.w * 0.5,\n ew: disc.w * 2,\n h: height * 0.85,\n };\n stateRef.current.particleArea.sx =\n (width - stateRef.current.particleArea.sw) / 2;\n stateRef.current.particleArea.ex =\n (width - stateRef.current.particleArea.ew) / 2;\n const totalParticles = 100;\n for (let i = 0; i < totalParticles; i++) {\n stateRef.current.particles.push(initParticle(true));\n }\n }, [initParticle]);\n\n const drawDiscs = React.useCallback(\n (ctx: CanvasRenderingContext2D) => {\n ctx.strokeStyle = strokeColor;\n ctx.lineWidth = 2;\n const outerDisc = stateRef.current.startDisc;\n ctx.beginPath();\n ctx.ellipse(\n outerDisc.x,\n outerDisc.y,\n outerDisc.w,\n outerDisc.h,\n 0,\n 0,\n Math.PI * 2,\n );\n ctx.stroke();\n ctx.closePath();\n stateRef.current.discs.forEach((disc: any, i: number) => {\n if (i % 5 !== 0) return;\n if (disc.w < stateRef.current.clip.disc.w - 5) {\n ctx.save();\n ctx.clip(stateRef.current.clip.path);\n }\n ctx.beginPath();\n ctx.ellipse(disc.x, disc.y, disc.w, disc.h, 0, 0, Math.PI * 2);\n ctx.stroke();\n ctx.closePath();\n if (disc.w < stateRef.current.clip.disc.w - 5) {\n ctx.restore();\n }\n });\n },\n [strokeColor],\n );\n\n const drawLines = React.useCallback((ctx: CanvasRenderingContext2D) => {\n if (stateRef.current.linesCanvas) {\n ctx.drawImage(stateRef.current.linesCanvas, 0, 0);\n }\n }, []);\n\n const drawParticles = React.useCallback((ctx: CanvasRenderingContext2D) => {\n ctx.save();\n ctx.clip(stateRef.current.clip.path);\n stateRef.current.particles.forEach((particle: any) => {\n ctx.fillStyle = particle.c;\n ctx.beginPath();\n ctx.rect(particle.x, particle.y, particle.r, particle.r);\n ctx.closePath();\n ctx.fill();\n });\n ctx.restore();\n }, []);\n\n const moveDiscs = React.useCallback(() => {\n stateRef.current.discs.forEach((disc: any) => {\n disc.p = (disc.p + 0.001) % 1;\n tweenDisc(disc);\n });\n }, [tweenDisc]);\n\n const moveParticles = React.useCallback(() => {\n stateRef.current.particles.forEach((particle: any, idx: number) => {\n particle.p = 1 - particle.y / stateRef.current.particleArea.h;\n particle.x = particle.sx + particle.dx * particle.p;\n particle.y -= particle.vy;\n if (particle.y < 0) {\n stateRef.current.particles[idx] = initParticle();\n }\n });\n }, [initParticle]);\n\n const tick = React.useCallback(() => {\n const canvas = canvasRef.current;\n if (!canvas) return;\n const ctx = canvas.getContext(\"2d\");\n if (!ctx) return;\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n ctx.save();\n ctx.scale(stateRef.current.render.dpi, stateRef.current.render.dpi);\n moveDiscs();\n moveParticles();\n drawDiscs(ctx);\n drawLines(ctx);\n drawParticles(ctx);\n ctx.restore();\n animationFrameIdRef.current = requestAnimationFrame(tick);\n }, [moveDiscs, moveParticles, drawDiscs, drawLines, drawParticles]);\n\n const init = React.useCallback(() => {\n setSize();\n setDiscs();\n setLines();\n setParticles();\n }, [setSize, setDiscs, setLines, setParticles]);\n\n React.useEffect(() => {\n const canvas = canvasRef.current;\n if (!canvas) return;\n init();\n tick();\n const handleResize = () => {\n setSize();\n setDiscs();\n setLines();\n setParticles();\n };\n window.addEventListener(\"resize\", handleResize);\n return () => {\n window.removeEventListener(\"resize\", handleResize);\n cancelAnimationFrame(animationFrameIdRef.current);\n };\n }, [init, tick, setSize, setDiscs, setLines, setParticles]);\n\n return (\n <div\n className={cn(\n \"relative size-full overflow-hidden\",\n 'before:content-[\"\"] before:absolute before:top-1/2 before:left-1/2 before:block before:size-[140%] dark:before:[background:radial-gradient(ellipse_at_50%_55%,transparent_10%,black_50%)] before:[background:radial-gradient(ellipse_at_50%_55%,transparent_10%,white_50%)] before:[transform:translate3d(-50%,-50%,0)]',\n 'after:content-[\"\"] after:absolute after:z-[5] after:top-1/2 after:left-1/2 after:block after:size-full after:[background:radial-gradient(ellipse_at_50%_75%,#a900ff_20%,transparent_75%)] after:[transform:translate3d(-50%,-50%,0)] after:mix-blend-overlay',\n className,\n )}\n >\n {children}\n <canvas\n ref={canvasRef}\n className=\"absolute inset-0 block size-full dark:opacity-20 opacity-10\"\n {...props}\n />\n <motion.div\n className={cn(\n \"absolute top-[-71.5%] left-1/2 z-[3] w-[30%] h-[140%] rounded-b-full blur-3xl opacity-75 dark:mix-blend-plus-lighter mix-blend-plus-darker [transform:translate3d(-50%,0,0)] [background-position:0%_100%] [background-size:100%_200%]\",\n \"dark:[background:linear-gradient(20deg,#00f8f1,#ffbd1e20_16.5%,#fe848f_33%,#fe848f20_49.5%,#00f8f1_66%,#00f8f160_85.5%,#ffbd1e_100%)_0_100%_/_100%_200%] [background:linear-gradient(20deg,#00f8f1,#ffbd1e40_16.5%,#fe848f_33%,#fe848f40_49.5%,#00f8f1_66%,#00f8f180_85.5%,#ffbd1e_100%)_0_100%_/_100%_200%]\",\n )}\n animate={{ backgroundPosition: \"0% 300%\" }}\n transition={{ duration: 5, ease: \"linear\", repeat: Infinity }}\n />\n <div className=\"absolute top-0 left-0 z-[7] size-full dark:[background:repeating-linear-gradient(transparent,transparent_1px,white_1px,white_2px)] mix-blend-overlay opacity-50\" />\n </div>\n );\n },\n);\n\nexport { HoleBackground, type HoleBackgroundProps };\n"],"names":["__webpack_require__","definition","key","Object","obj","prop","Symbol","HoleBackground","React","strokeColor","numberOfLines","numberOfDiscs","particleRGBColor","className","children","props","ref","canvasRef","animationFrameIdRef","stateRef","linear","p","easeInExpo","Math","tweenValue","start","end","ease","delta","easeFn","tweenDisc","disc","startDisc","endDisc","setSize","canvas","rect","window","setDiscs","width","height","prevBottom","i","bottom","clipPath","Path2D","setLines","linesAngle","angle","offCanvas","document","ctx","line","lineIsIn","p1","j","p0","initParticle","sx","ex","dx","y","r","vy","setParticles","totalParticles","drawDiscs","outerDisc","drawLines","drawParticles","particle","moveDiscs","moveParticles","idx","tick","requestAnimationFrame","init","handleResize","cancelAnimationFrame","cn","motion","Infinity"],"mappings":"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"}
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
"use strict";
|
|
3
|
-
var __webpack_require__ = {};
|
|
4
|
-
(()=>{
|
|
5
|
-
__webpack_require__.d = (exports1, definition)=>{
|
|
6
|
-
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: definition[key]
|
|
9
|
-
});
|
|
10
|
-
};
|
|
11
|
-
})();
|
|
12
|
-
(()=>{
|
|
13
|
-
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
14
|
-
})();
|
|
15
|
-
(()=>{
|
|
16
|
-
__webpack_require__.r = (exports1)=>{
|
|
17
|
-
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
18
|
-
value: 'Module'
|
|
19
|
-
});
|
|
20
|
-
Object.defineProperty(exports1, '__esModule', {
|
|
21
|
-
value: true
|
|
22
|
-
});
|
|
23
|
-
};
|
|
24
|
-
})();
|
|
25
|
-
var __webpack_exports__ = {};
|
|
26
|
-
__webpack_require__.r(__webpack_exports__);
|
|
27
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
28
|
-
HoverCardContent: ()=>HoverCardContent,
|
|
29
|
-
HoverCardTrigger: ()=>HoverCardTrigger,
|
|
30
|
-
HoverCard: ()=>HoverCard
|
|
31
|
-
});
|
|
32
|
-
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
33
|
-
require("react");
|
|
34
|
-
const react_hover_card_namespaceObject = require("@radix-ui/react-hover-card");
|
|
35
|
-
const utils_cjs_namespaceObject = require("../../lib/utils.cjs");
|
|
36
|
-
function HoverCard({ ...props }) {
|
|
37
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_hover_card_namespaceObject.Root, {
|
|
38
|
-
"data-slot": "hover-card",
|
|
39
|
-
...props
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
function HoverCardTrigger({ ...props }) {
|
|
43
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_hover_card_namespaceObject.Trigger, {
|
|
44
|
-
"data-slot": "hover-card-trigger",
|
|
45
|
-
...props
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
function HoverCardContent({ className, align = "center", sideOffset = 4, ...props }) {
|
|
49
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_hover_card_namespaceObject.Portal, {
|
|
50
|
-
"data-slot": "hover-card-portal",
|
|
51
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_hover_card_namespaceObject.Content, {
|
|
52
|
-
"data-slot": "hover-card-content",
|
|
53
|
-
align: align,
|
|
54
|
-
sideOffset: sideOffset,
|
|
55
|
-
className: (0, utils_cjs_namespaceObject.cn)("bg-white text-neutral-950 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border border-neutral-200 p-4 shadow-md outline-hidden dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800", className),
|
|
56
|
-
...props
|
|
57
|
-
})
|
|
58
|
-
});
|
|
59
|
-
}
|
|
60
|
-
exports.HoverCard = __webpack_exports__.HoverCard;
|
|
61
|
-
exports.HoverCardContent = __webpack_exports__.HoverCardContent;
|
|
62
|
-
exports.HoverCardTrigger = __webpack_exports__.HoverCardTrigger;
|
|
63
|
-
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
64
|
-
"HoverCard",
|
|
65
|
-
"HoverCardContent",
|
|
66
|
-
"HoverCardTrigger"
|
|
67
|
-
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
68
|
-
Object.defineProperty(exports, '__esModule', {
|
|
69
|
-
value: true
|
|
70
|
-
});
|
|
71
|
-
|
|
72
|
-
//# sourceMappingURL=hover-card.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"components\\ui\\hover-card.cjs","sources":["webpack://@arolariu/components/webpack/runtime/define_property_getters","webpack://@arolariu/components/webpack/runtime/has_own_property","webpack://@arolariu/components/webpack/runtime/make_namespace_object","webpack://@arolariu/components/./src/components/ui/hover-card.tsx"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n }\n }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\n\nimport * as React from \"react\";\nimport * as HoverCardPrimitive from \"@radix-ui/react-hover-card\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction HoverCard({\n ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Root>) {\n return <HoverCardPrimitive.Root data-slot=\"hover-card\" {...props} />;\n}\n\nfunction HoverCardTrigger({\n ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Trigger>) {\n return (\n <HoverCardPrimitive.Trigger data-slot=\"hover-card-trigger\" {...props} />\n );\n}\n\nfunction HoverCardContent({\n className,\n align = \"center\",\n sideOffset = 4,\n ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Content>) {\n return (\n <HoverCardPrimitive.Portal data-slot=\"hover-card-portal\">\n <HoverCardPrimitive.Content\n data-slot=\"hover-card-content\"\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"bg-white text-neutral-950 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border border-neutral-200 p-4 shadow-md outline-hidden dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800\",\n className,\n )}\n {...props}\n />\n </HoverCardPrimitive.Portal>\n );\n}\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent };\n"],"names":["__webpack_require__","definition","key","Object","obj","prop","Symbol","HoverCard","props","HoverCardPrimitive","HoverCardTrigger","HoverCardContent","className","align","sideOffset","cn"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC;QACjC,IAAI,IAAIC,OAAOD,WACR,IAAGD,oBAAoB,CAAC,CAACC,YAAYC,QAAQ,CAACF,oBAAoB,CAAC,CAAC,UAASE,MACzEC,OAAO,cAAc,CAAC,UAASD,KAAK;YAAE,YAAY;YAAM,KAAKD,UAAU,CAACC,IAAI;QAAC;IAGzF;;;ICNAF,oBAAoB,CAAC,GAAG,CAACI,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFL,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,sBAAOM,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;;ACCA,SAASI,UAAU,EACjB,GAAGC,OACkD;IACrD,OAAO,WAAP,GAAO,qCAACC,iCAAAA,IAAuB;QAAC,aAAU;QAAc,GAAGD,KAAK;;AAClE;AAEA,SAASE,iBAAiB,EACxB,GAAGF,OACqD;IACxD,OACE,WADF,GACE,qCAACC,iCAAAA,OAA0B;QAAC,aAAU;QAAsB,GAAGD,KAAK;;AAExE;AAEA,SAASG,iBAAiB,EACxBC,SAAS,EACTC,QAAQ,QAAQ,EAChBC,aAAa,CAAC,EACd,GAAGN,OACqD;IACxD,OACE,WADF,GACE,qCAACC,iCAAAA,MAAyB;QAAC,aAAU;kBACnC,mDAACA,iCAAAA,OAA0B;YACzB,aAAU;YACV,OAAOI;YACP,YAAYC;YACZ,WAAWC,IAAAA,0BAAAA,EAAAA,EACT,gjBACAH;YAED,GAAGJ,KAAK;;;AAIjB"}
|
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
"use strict";
|
|
3
|
-
var __webpack_require__ = {};
|
|
4
|
-
(()=>{
|
|
5
|
-
__webpack_require__.d = (exports1, definition)=>{
|
|
6
|
-
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: definition[key]
|
|
9
|
-
});
|
|
10
|
-
};
|
|
11
|
-
})();
|
|
12
|
-
(()=>{
|
|
13
|
-
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
14
|
-
})();
|
|
15
|
-
(()=>{
|
|
16
|
-
__webpack_require__.r = (exports1)=>{
|
|
17
|
-
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
18
|
-
value: 'Module'
|
|
19
|
-
});
|
|
20
|
-
Object.defineProperty(exports1, '__esModule', {
|
|
21
|
-
value: true
|
|
22
|
-
});
|
|
23
|
-
};
|
|
24
|
-
})();
|
|
25
|
-
var __webpack_exports__ = {};
|
|
26
|
-
__webpack_require__.r(__webpack_exports__);
|
|
27
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
28
|
-
InputOTP: ()=>InputOTP,
|
|
29
|
-
InputOTPGroup: ()=>InputOTPGroup,
|
|
30
|
-
InputOTPSeparator: ()=>InputOTPSeparator,
|
|
31
|
-
InputOTPSlot: ()=>InputOTPSlot
|
|
32
|
-
});
|
|
33
|
-
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
34
|
-
const external_react_namespaceObject = require("react");
|
|
35
|
-
const external_input_otp_namespaceObject = require("input-otp");
|
|
36
|
-
const external_lucide_react_namespaceObject = require("lucide-react");
|
|
37
|
-
const utils_cjs_namespaceObject = require("../../lib/utils.cjs");
|
|
38
|
-
function InputOTP({ className, containerClassName, ...props }) {
|
|
39
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_otp_namespaceObject.OTPInput, {
|
|
40
|
-
"data-slot": "input-otp",
|
|
41
|
-
containerClassName: (0, utils_cjs_namespaceObject.cn)("flex items-center gap-2 has-disabled:opacity-50", containerClassName),
|
|
42
|
-
className: (0, utils_cjs_namespaceObject.cn)("disabled:cursor-not-allowed", className),
|
|
43
|
-
...props
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
function InputOTPGroup({ className, ...props }) {
|
|
47
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
48
|
-
"data-slot": "input-otp-group",
|
|
49
|
-
className: (0, utils_cjs_namespaceObject.cn)("flex items-center", className),
|
|
50
|
-
...props
|
|
51
|
-
});
|
|
52
|
-
}
|
|
53
|
-
function InputOTPSlot({ index, className, ...props }) {
|
|
54
|
-
const inputOTPContext = external_react_namespaceObject.useContext(external_input_otp_namespaceObject.OTPInputContext);
|
|
55
|
-
const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
|
|
56
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
57
|
-
"data-slot": "input-otp-slot",
|
|
58
|
-
"data-active": isActive,
|
|
59
|
-
className: (0, utils_cjs_namespaceObject.cn)("data-[active=true]:border-neutral-950 data-[active=true]:ring-neutral-950/50 data-[active=true]:aria-invalid:ring-red-500/20 dark:data-[active=true]:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 data-[active=true]:aria-invalid:border-red-500 dark:bg-neutral-200/30 border-neutral-200 relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px] dark:data-[active=true]:border-neutral-300 dark:data-[active=true]:ring-neutral-300/50 dark:data-[active=true]:aria-invalid:ring-red-900/20 dark:dark:data-[active=true]:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900 dark:data-[active=true]:aria-invalid:border-red-900 dark:dark:bg-neutral-800/30 dark:border-neutral-800", className),
|
|
60
|
-
...props,
|
|
61
|
-
children: [
|
|
62
|
-
char,
|
|
63
|
-
hasFakeCaret && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
64
|
-
className: "pointer-events-none absolute inset-0 flex items-center justify-center",
|
|
65
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
66
|
-
className: "animate-caret-blink bg-neutral-950 h-4 w-px duration-1000 dark:bg-neutral-50"
|
|
67
|
-
})
|
|
68
|
-
})
|
|
69
|
-
]
|
|
70
|
-
});
|
|
71
|
-
}
|
|
72
|
-
function InputOTPSeparator({ ...props }) {
|
|
73
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
74
|
-
"data-slot": "input-otp-separator",
|
|
75
|
-
role: "separator",
|
|
76
|
-
...props,
|
|
77
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.MinusIcon, {})
|
|
78
|
-
});
|
|
79
|
-
}
|
|
80
|
-
exports.InputOTP = __webpack_exports__.InputOTP;
|
|
81
|
-
exports.InputOTPGroup = __webpack_exports__.InputOTPGroup;
|
|
82
|
-
exports.InputOTPSeparator = __webpack_exports__.InputOTPSeparator;
|
|
83
|
-
exports.InputOTPSlot = __webpack_exports__.InputOTPSlot;
|
|
84
|
-
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
85
|
-
"InputOTP",
|
|
86
|
-
"InputOTPGroup",
|
|
87
|
-
"InputOTPSeparator",
|
|
88
|
-
"InputOTPSlot"
|
|
89
|
-
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
90
|
-
Object.defineProperty(exports, '__esModule', {
|
|
91
|
-
value: true
|
|
92
|
-
});
|
|
93
|
-
|
|
94
|
-
//# sourceMappingURL=input-otp.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"components\\ui\\input-otp.cjs","sources":["webpack://@arolariu/components/webpack/runtime/define_property_getters","webpack://@arolariu/components/webpack/runtime/has_own_property","webpack://@arolariu/components/webpack/runtime/make_namespace_object","webpack://@arolariu/components/./src/components/ui/input-otp.tsx"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n }\n }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\n\nimport * as React from \"react\";\nimport { OTPInput, OTPInputContext } from \"input-otp\";\nimport { MinusIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction InputOTP({\n className,\n containerClassName,\n ...props\n}: React.ComponentProps<typeof OTPInput> & {\n containerClassName?: string;\n}) {\n return (\n <OTPInput\n data-slot=\"input-otp\"\n containerClassName={cn(\n \"flex items-center gap-2 has-disabled:opacity-50\",\n containerClassName,\n )}\n className={cn(\"disabled:cursor-not-allowed\", className)}\n {...props}\n />\n );\n}\n\nfunction InputOTPGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"input-otp-group\"\n className={cn(\"flex items-center\", className)}\n {...props}\n />\n );\n}\n\nfunction InputOTPSlot({\n index,\n className,\n ...props\n}: React.ComponentProps<\"div\"> & {\n index: number;\n}) {\n const inputOTPContext = React.useContext(OTPInputContext);\n const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};\n\n return (\n <div\n data-slot=\"input-otp-slot\"\n data-active={isActive}\n className={cn(\n \"data-[active=true]:border-neutral-950 data-[active=true]:ring-neutral-950/50 data-[active=true]:aria-invalid:ring-red-500/20 dark:data-[active=true]:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 data-[active=true]:aria-invalid:border-red-500 dark:bg-neutral-200/30 border-neutral-200 relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px] dark:data-[active=true]:border-neutral-300 dark:data-[active=true]:ring-neutral-300/50 dark:data-[active=true]:aria-invalid:ring-red-900/20 dark:dark:data-[active=true]:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900 dark:data-[active=true]:aria-invalid:border-red-900 dark:dark:bg-neutral-800/30 dark:border-neutral-800\",\n className,\n )}\n {...props}\n >\n {char}\n {hasFakeCaret && (\n <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n <div className=\"animate-caret-blink bg-neutral-950 h-4 w-px duration-1000 dark:bg-neutral-50\" />\n </div>\n )}\n </div>\n );\n}\n\nfunction InputOTPSeparator({ ...props }: React.ComponentProps<\"div\">) {\n return (\n <div data-slot=\"input-otp-separator\" role=\"separator\" {...props}>\n <MinusIcon />\n </div>\n );\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };\n"],"names":["__webpack_require__","definition","key","Object","obj","prop","Symbol","InputOTP","className","containerClassName","props","OTPInput","cn","InputOTPGroup","InputOTPSlot","index","inputOTPContext","React","OTPInputContext","char","hasFakeCaret","isActive","InputOTPSeparator","MinusIcon"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC;QACjC,IAAI,IAAIC,OAAOD,WACR,IAAGD,oBAAoB,CAAC,CAACC,YAAYC,QAAQ,CAACF,oBAAoB,CAAC,CAAC,UAASE,MACzEC,OAAO,cAAc,CAAC,UAASD,KAAK;YAAE,YAAY;YAAM,KAAKD,UAAU,CAACC,IAAI;QAAC;IAGzF;;;ICNAF,oBAAoB,CAAC,GAAG,CAACI,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFL,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,sBAAOM,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;;;;ACEA,SAASI,SAAS,EAChBC,SAAS,EACTC,kBAAkB,EAClB,GAAGC,OAGJ;IACC,OACE,WADF,GACE,qCAACC,mCAAAA,QAAQA,EAAAA;QACP,aAAU;QACV,oBAAoBC,IAAAA,0BAAAA,EAAAA,EAClB,mDACAH;QAEF,WAAWG,IAAAA,0BAAAA,EAAAA,EAAG,+BAA+BJ;QAC5C,GAAGE,KAAK;;AAGf;AAEA,SAASG,cAAc,EAAEL,SAAS,EAAE,GAAGE,OAAoC;IACzE,OACE,WADF,GACE,qCAAC;QACC,aAAU;QACV,WAAWE,IAAAA,0BAAAA,EAAAA,EAAG,qBAAqBJ;QAClC,GAAGE,KAAK;;AAGf;AAEA,SAASI,aAAa,EACpBC,KAAK,EACLP,SAAS,EACT,GAAGE,OAGJ;IACC,MAAMM,kBAAkBC,+BAAAA,UAAgB,CAACC,mCAAAA,eAAeA;IACxD,MAAM,EAAEC,IAAI,EAAEC,YAAY,EAAEC,QAAQ,EAAE,GAAGL,iBAAiB,KAAK,CAACD,MAAM,IAAI,CAAC;IAE3E,OACE,WADF,GACE,sCAAC;QACC,aAAU;QACV,eAAaM;QACb,WAAWT,IAAAA,0BAAAA,EAAAA,EACT,q1BACAJ;QAED,GAAGE,KAAK;;YAERS;YACAC,gBACC,WADDA,GACC,qCAAC;gBAAI,WAAU;0BACb,mDAAC;oBAAI,WAAU;;;;;AAKzB;AAEA,SAASE,kBAAkB,EAAE,GAAGZ,OAAoC;IAClE,OACE,WADF,GACE,qCAAC;QAAI,aAAU;QAAsB,MAAK;QAAa,GAAGA,KAAK;kBAC7D,mDAACa,sCAAAA,SAASA,EAAAA,CAAAA;;AAGhB"}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
"use strict";
|
|
3
|
-
var __webpack_require__ = {};
|
|
4
|
-
(()=>{
|
|
5
|
-
__webpack_require__.d = (exports1, definition)=>{
|
|
6
|
-
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: definition[key]
|
|
9
|
-
});
|
|
10
|
-
};
|
|
11
|
-
})();
|
|
12
|
-
(()=>{
|
|
13
|
-
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
14
|
-
})();
|
|
15
|
-
(()=>{
|
|
16
|
-
__webpack_require__.r = (exports1)=>{
|
|
17
|
-
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
18
|
-
value: 'Module'
|
|
19
|
-
});
|
|
20
|
-
Object.defineProperty(exports1, '__esModule', {
|
|
21
|
-
value: true
|
|
22
|
-
});
|
|
23
|
-
};
|
|
24
|
-
})();
|
|
25
|
-
var __webpack_exports__ = {};
|
|
26
|
-
__webpack_require__.r(__webpack_exports__);
|
|
27
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
28
|
-
Input: ()=>Input
|
|
29
|
-
});
|
|
30
|
-
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
31
|
-
require("react");
|
|
32
|
-
const utils_cjs_namespaceObject = require("../../lib/utils.cjs");
|
|
33
|
-
function Input({ className, type, ...props }) {
|
|
34
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("input", {
|
|
35
|
-
type: type,
|
|
36
|
-
"data-slot": "input",
|
|
37
|
-
className: (0, utils_cjs_namespaceObject.cn)("file:text-neutral-950 placeholder:text-neutral-500 selection:bg-neutral-900 selection:text-neutral-50 dark:bg-neutral-200/30 border-neutral-200 flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:file:text-neutral-50 dark:placeholder:text-neutral-400 dark:selection:bg-neutral-50 dark:selection:text-neutral-900 dark:dark:bg-neutral-800/30 dark:border-neutral-800", "focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 focus-visible:ring-[3px] dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50", "aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900", className),
|
|
38
|
-
...props
|
|
39
|
-
});
|
|
40
|
-
}
|
|
41
|
-
exports.Input = __webpack_exports__.Input;
|
|
42
|
-
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
43
|
-
"Input"
|
|
44
|
-
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
45
|
-
Object.defineProperty(exports, '__esModule', {
|
|
46
|
-
value: true
|
|
47
|
-
});
|
|
48
|
-
|
|
49
|
-
//# sourceMappingURL=input.cjs.map
|