@neynar/ui 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +195 -0
- package/dist/components/ui/accordion.d.ts +229 -0
- package/dist/components/ui/accordion.d.ts.map +1 -0
- package/dist/components/ui/alert-dialog.d.ts +247 -0
- package/dist/components/ui/alert-dialog.d.ts.map +1 -0
- package/dist/components/ui/alert.d.ts +187 -0
- package/dist/components/ui/alert.d.ts.map +1 -0
- package/dist/components/ui/aspect-ratio.d.ts +94 -0
- package/dist/components/ui/aspect-ratio.d.ts.map +1 -0
- package/dist/components/ui/avatar.d.ts +244 -0
- package/dist/components/ui/avatar.d.ts.map +1 -0
- package/dist/components/ui/badge.d.ts +163 -0
- package/dist/components/ui/badge.d.ts.map +1 -0
- package/dist/components/ui/breadcrumb.d.ts +281 -0
- package/dist/components/ui/breadcrumb.d.ts.map +1 -0
- package/dist/components/ui/button.d.ts +129 -0
- package/dist/components/ui/button.d.ts.map +1 -0
- package/dist/components/ui/calendar.d.ts +169 -0
- package/dist/components/ui/calendar.d.ts.map +1 -0
- package/dist/components/ui/card.d.ts +365 -0
- package/dist/components/ui/card.d.ts.map +1 -0
- package/dist/components/ui/carousel.d.ts +369 -0
- package/dist/components/ui/carousel.d.ts.map +1 -0
- package/dist/components/ui/chart.d.ts +442 -0
- package/dist/components/ui/chart.d.ts.map +1 -0
- package/dist/components/ui/checkbox.d.ts +88 -0
- package/dist/components/ui/checkbox.d.ts.map +1 -0
- package/dist/components/ui/collapsible.d.ts +182 -0
- package/dist/components/ui/collapsible.d.ts.map +1 -0
- package/dist/components/ui/combobox.d.ts +270 -0
- package/dist/components/ui/combobox.d.ts.map +1 -0
- package/dist/components/ui/command.d.ts +355 -0
- package/dist/components/ui/command.d.ts.map +1 -0
- package/dist/components/ui/container.d.ts +102 -0
- package/dist/components/ui/container.d.ts.map +1 -0
- package/dist/components/ui/context-menu.d.ts +339 -0
- package/dist/components/ui/context-menu.d.ts.map +1 -0
- package/dist/components/ui/date-picker.d.ts +145 -0
- package/dist/components/ui/date-picker.d.ts.map +1 -0
- package/dist/components/ui/dialog.d.ts +322 -0
- package/dist/components/ui/dialog.d.ts.map +1 -0
- package/dist/components/ui/drawer.d.ts +154 -0
- package/dist/components/ui/drawer.d.ts.map +1 -0
- package/dist/components/ui/dropdown-menu.d.ts +349 -0
- package/dist/components/ui/dropdown-menu.d.ts.map +1 -0
- package/dist/components/ui/empty-state.d.ts +133 -0
- package/dist/components/ui/empty-state.d.ts.map +1 -0
- package/dist/components/ui/hover-card.d.ts +109 -0
- package/dist/components/ui/hover-card.d.ts.map +1 -0
- package/dist/components/ui/input.d.ts +89 -0
- package/dist/components/ui/input.d.ts.map +1 -0
- package/dist/components/ui/label.d.ts +93 -0
- package/dist/components/ui/label.d.ts.map +1 -0
- package/dist/components/ui/menubar.d.ts +306 -0
- package/dist/components/ui/menubar.d.ts.map +1 -0
- package/dist/components/ui/navigation-menu.d.ts +318 -0
- package/dist/components/ui/navigation-menu.d.ts.map +1 -0
- package/dist/components/ui/pagination.d.ts +343 -0
- package/dist/components/ui/pagination.d.ts.map +1 -0
- package/dist/components/ui/popover.d.ts +178 -0
- package/dist/components/ui/popover.d.ts.map +1 -0
- package/dist/components/ui/progress.d.ts +64 -0
- package/dist/components/ui/progress.d.ts.map +1 -0
- package/dist/components/ui/radio-group.d.ts +144 -0
- package/dist/components/ui/radio-group.d.ts.map +1 -0
- package/dist/components/ui/resizable.d.ts +164 -0
- package/dist/components/ui/resizable.d.ts.map +1 -0
- package/dist/components/ui/scroll-area.d.ts +82 -0
- package/dist/components/ui/scroll-area.d.ts.map +1 -0
- package/dist/components/ui/select.d.ts +316 -0
- package/dist/components/ui/select.d.ts.map +1 -0
- package/dist/components/ui/separator.d.ts +80 -0
- package/dist/components/ui/separator.d.ts.map +1 -0
- package/dist/components/ui/sheet.d.ts +346 -0
- package/dist/components/ui/sheet.d.ts.map +1 -0
- package/dist/components/ui/sidebar.d.ts +1561 -0
- package/dist/components/ui/sidebar.d.ts.map +1 -0
- package/dist/components/ui/skeleton.d.ts +66 -0
- package/dist/components/ui/skeleton.d.ts.map +1 -0
- package/dist/components/ui/slider.d.ts +95 -0
- package/dist/components/ui/slider.d.ts.map +1 -0
- package/dist/components/ui/sonner.d.ts +101 -0
- package/dist/components/ui/sonner.d.ts.map +1 -0
- package/dist/components/ui/stack.d.ts +192 -0
- package/dist/components/ui/stack.d.ts.map +1 -0
- package/dist/components/ui/stories/accordion.stories.d.ts +71 -0
- package/dist/components/ui/stories/accordion.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/alert-dialog.stories.d.ts +39 -0
- package/dist/components/ui/stories/alert-dialog.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/alert.stories.d.ts +48 -0
- package/dist/components/ui/stories/alert.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/aspect-ratio.stories.d.ts +53 -0
- package/dist/components/ui/stories/aspect-ratio.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/avatar.stories.d.ts +49 -0
- package/dist/components/ui/stories/avatar.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/badge.stories.d.ts +64 -0
- package/dist/components/ui/stories/badge.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/breadcrumb.stories.d.ts +27 -0
- package/dist/components/ui/stories/breadcrumb.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/button.stories.d.ts +92 -0
- package/dist/components/ui/stories/button.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/calendar.stories.d.ts +94 -0
- package/dist/components/ui/stories/calendar.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/card.stories.d.ts +29 -0
- package/dist/components/ui/stories/card.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/carousel.stories.d.ts +42 -0
- package/dist/components/ui/stories/carousel.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/chart.stories.d.ts +51 -0
- package/dist/components/ui/stories/chart.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/checkbox.stories.d.ts +72 -0
- package/dist/components/ui/stories/checkbox.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/cn.stories.d.ts +19 -0
- package/dist/components/ui/stories/cn.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/collapsible.stories.d.ts +51 -0
- package/dist/components/ui/stories/collapsible.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/colors.stories.d.ts +31 -0
- package/dist/components/ui/stories/colors.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/combobox.stories.d.ts +89 -0
- package/dist/components/ui/stories/combobox.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/command.stories.d.ts +69 -0
- package/dist/components/ui/stories/command.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/container.stories.d.ts +42 -0
- package/dist/components/ui/stories/container.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/context-menu.stories.d.ts +32 -0
- package/dist/components/ui/stories/context-menu.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/date-picker.stories.d.ts +67 -0
- package/dist/components/ui/stories/date-picker.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/dialog.stories.d.ts +48 -0
- package/dist/components/ui/stories/dialog.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/drawer.stories.d.ts +33 -0
- package/dist/components/ui/stories/drawer.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/dropdown-menu.stories.d.ts +31 -0
- package/dist/components/ui/stories/dropdown-menu.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/empty-state.stories.d.ts +74 -0
- package/dist/components/ui/stories/empty-state.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/hover-card.stories.d.ts +35 -0
- package/dist/components/ui/stories/hover-card.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/input.stories.d.ts +69 -0
- package/dist/components/ui/stories/input.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/label.stories.d.ts +47 -0
- package/dist/components/ui/stories/label.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/menubar.stories.d.ts +39 -0
- package/dist/components/ui/stories/menubar.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/navigation-menu.stories.d.ts +44 -0
- package/dist/components/ui/stories/navigation-menu.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/pagination.stories.d.ts +33 -0
- package/dist/components/ui/stories/pagination.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/popover.stories.d.ts +36 -0
- package/dist/components/ui/stories/popover.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/progress.stories.d.ts +38 -0
- package/dist/components/ui/stories/progress.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/radio-group.stories.d.ts +76 -0
- package/dist/components/ui/stories/radio-group.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/resizable.stories.d.ts +49 -0
- package/dist/components/ui/stories/resizable.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/scroll-area.stories.d.ts +35 -0
- package/dist/components/ui/stories/scroll-area.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/select.stories.d.ts +51 -0
- package/dist/components/ui/stories/select.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/separator.stories.d.ts +58 -0
- package/dist/components/ui/stories/separator.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/sheet.stories.d.ts +43 -0
- package/dist/components/ui/stories/sheet.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/sidebar.stories.d.ts +60 -0
- package/dist/components/ui/stories/sidebar.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/skeleton.stories.d.ts +42 -0
- package/dist/components/ui/stories/skeleton.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/slider.stories.d.ts +99 -0
- package/dist/components/ui/stories/slider.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/sonner.stories.d.ts +9 -0
- package/dist/components/ui/stories/sonner.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/stack.stories.d.ts +39 -0
- package/dist/components/ui/stories/stack.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/switch.stories.d.ts +71 -0
- package/dist/components/ui/stories/switch.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/table.stories.d.ts +40 -0
- package/dist/components/ui/stories/table.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/tabs.stories.d.ts +62 -0
- package/dist/components/ui/stories/tabs.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/text-field.stories.d.ts +78 -0
- package/dist/components/ui/stories/text-field.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/textarea.stories.d.ts +57 -0
- package/dist/components/ui/stories/textarea.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/theme-toggle.stories.d.ts +71 -0
- package/dist/components/ui/stories/theme-toggle.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/theme.stories.d.ts +51 -0
- package/dist/components/ui/stories/theme.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/toggle-group.stories.d.ts +71 -0
- package/dist/components/ui/stories/toggle-group.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/toggle.stories.d.ts +78 -0
- package/dist/components/ui/stories/toggle.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/tooltip.stories.d.ts +37 -0
- package/dist/components/ui/stories/tooltip.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/typography.stories.d.ts +137 -0
- package/dist/components/ui/stories/typography.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/use-mobile.stories.d.ts +20 -0
- package/dist/components/ui/stories/use-mobile.stories.d.ts.map +1 -0
- package/dist/components/ui/stories/use-theme.stories.d.ts +23 -0
- package/dist/components/ui/stories/use-theme.stories.d.ts.map +1 -0
- package/dist/components/ui/switch.d.ts +84 -0
- package/dist/components/ui/switch.d.ts.map +1 -0
- package/dist/components/ui/table.d.ts +321 -0
- package/dist/components/ui/table.d.ts.map +1 -0
- package/dist/components/ui/tabs.d.ts +260 -0
- package/dist/components/ui/tabs.d.ts.map +1 -0
- package/dist/components/ui/text-field.d.ts +157 -0
- package/dist/components/ui/text-field.d.ts.map +1 -0
- package/dist/components/ui/textarea.d.ts +84 -0
- package/dist/components/ui/textarea.d.ts.map +1 -0
- package/dist/components/ui/theme-toggle.d.ts +105 -0
- package/dist/components/ui/theme-toggle.d.ts.map +1 -0
- package/dist/components/ui/theme.d.ts +110 -0
- package/dist/components/ui/theme.d.ts.map +1 -0
- package/dist/components/ui/toggle-group.d.ts +133 -0
- package/dist/components/ui/toggle-group.d.ts.map +1 -0
- package/dist/components/ui/toggle.d.ts +84 -0
- package/dist/components/ui/toggle.d.ts.map +1 -0
- package/dist/components/ui/tooltip.d.ts +202 -0
- package/dist/components/ui/tooltip.d.ts.map +1 -0
- package/dist/components/ui/typography.d.ts +287 -0
- package/dist/components/ui/typography.d.ts.map +1 -0
- package/dist/hooks/use-mobile.d.ts +74 -0
- package/dist/hooks/use-mobile.d.ts.map +1 -0
- package/dist/hooks/use-theme.d.ts +142 -0
- package/dist/hooks/use-theme.d.ts.map +1 -0
- package/dist/index.d.ts +57 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +27498 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/utils.d.ts +43 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -0
- package/docs/llm/colors.md +273 -0
- package/docs/llm/components/buttons.md +68 -0
- package/docs/llm/components/cards.md +53 -0
- package/docs/llm/components/display.md +134 -0
- package/docs/llm/components/feedback.md +96 -0
- package/docs/llm/components/forms.md +90 -0
- package/docs/llm/components/layout.md +59 -0
- package/docs/llm/components/menus.md +70 -0
- package/docs/llm/components/navigation.md +80 -0
- package/docs/llm/components/overlays.md +83 -0
- package/docs/llm/components/tables.md +73 -0
- package/docs/llm/components/typography.md +199 -0
- package/docs/llm/components/utilities.md +114 -0
- package/docs/llm/guide.md +165 -0
- package/llms.txt +122 -0
- package/package.json +104 -0
- package/src/components/ui/accordion.tsx +285 -0
- package/src/components/ui/alert-dialog.tsx +387 -0
- package/src/components/ui/alert.tsx +243 -0
- package/src/components/ui/aspect-ratio.tsx +99 -0
- package/src/components/ui/avatar.tsx +288 -0
- package/src/components/ui/badge.tsx +205 -0
- package/src/components/ui/breadcrumb.tsx +378 -0
- package/src/components/ui/button.tsx +195 -0
- package/src/components/ui/calendar.tsx +371 -0
- package/src/components/ui/card.tsx +447 -0
- package/src/components/ui/carousel.tsx +624 -0
- package/src/components/ui/chart.tsx +802 -0
- package/src/components/ui/checkbox.tsx +113 -0
- package/src/components/ui/collapsible.tsx +207 -0
- package/src/components/ui/combobox.tsx +373 -0
- package/src/components/ui/command.tsx +518 -0
- package/src/components/ui/container.tsx +114 -0
- package/src/components/ui/context-menu.tsx +563 -0
- package/src/components/ui/date-picker.tsx +213 -0
- package/src/components/ui/dialog.tsx +447 -0
- package/src/components/ui/drawer.tsx +273 -0
- package/src/components/ui/dropdown-menu.tsx +578 -0
- package/src/components/ui/empty-state.tsx +145 -0
- package/src/components/ui/hover-card.tsx +144 -0
- package/src/components/ui/input.tsx +106 -0
- package/src/components/ui/label.tsx +110 -0
- package/src/components/ui/menubar.tsx +553 -0
- package/src/components/ui/navigation-menu.tsx +471 -0
- package/src/components/ui/pagination.tsx +456 -0
- package/src/components/ui/popover.tsx +216 -0
- package/src/components/ui/progress.tsx +88 -0
- package/src/components/ui/radio-group.tsx +183 -0
- package/src/components/ui/resizable.tsx +209 -0
- package/src/components/ui/scroll-area.tsx +132 -0
- package/src/components/ui/select.tsx +485 -0
- package/src/components/ui/separator.tsx +101 -0
- package/src/components/ui/sheet.tsx +495 -0
- package/src/components/ui/sidebar.tsx +2211 -0
- package/src/components/ui/skeleton.tsx +76 -0
- package/src/components/ui/slider.tsx +147 -0
- package/src/components/ui/sonner.tsx +120 -0
- package/src/components/ui/stack.tsx +180 -0
- package/src/components/ui/stories/accordion.stories.tsx +429 -0
- package/src/components/ui/stories/alert-dialog.stories.tsx +519 -0
- package/src/components/ui/stories/alert.stories.tsx +228 -0
- package/src/components/ui/stories/aspect-ratio.stories.tsx +200 -0
- package/src/components/ui/stories/avatar.stories.tsx +317 -0
- package/src/components/ui/stories/badge.stories.tsx +260 -0
- package/src/components/ui/stories/breadcrumb.stories.tsx +482 -0
- package/src/components/ui/stories/button.stories.tsx +266 -0
- package/src/components/ui/stories/calendar.stories.tsx +375 -0
- package/src/components/ui/stories/card.stories.tsx +308 -0
- package/src/components/ui/stories/carousel.stories.tsx +328 -0
- package/src/components/ui/stories/chart.stories.tsx +430 -0
- package/src/components/ui/stories/checkbox.stories.tsx +297 -0
- package/src/components/ui/stories/cn.stories.tsx +433 -0
- package/src/components/ui/stories/collapsible.stories.tsx +256 -0
- package/src/components/ui/stories/colors.stories.tsx +502 -0
- package/src/components/ui/stories/combobox.stories.tsx +301 -0
- package/src/components/ui/stories/command.stories.tsx +632 -0
- package/src/components/ui/stories/container.stories.tsx +250 -0
- package/src/components/ui/stories/context-menu.stories.tsx +446 -0
- package/src/components/ui/stories/date-picker.stories.tsx +378 -0
- package/src/components/ui/stories/dialog.stories.tsx +535 -0
- package/src/components/ui/stories/drawer.stories.tsx +364 -0
- package/src/components/ui/stories/dropdown-menu.stories.tsx +374 -0
- package/src/components/ui/stories/empty-state.stories.tsx +244 -0
- package/src/components/ui/stories/hover-card.stories.tsx +355 -0
- package/src/components/ui/stories/input.stories.tsx +289 -0
- package/src/components/ui/stories/label.stories.tsx +294 -0
- package/src/components/ui/stories/menubar.stories.tsx +764 -0
- package/src/components/ui/stories/navigation-menu.stories.tsx +539 -0
- package/src/components/ui/stories/pagination.stories.tsx +604 -0
- package/src/components/ui/stories/popover.stories.tsx +392 -0
- package/src/components/ui/stories/progress.stories.tsx +218 -0
- package/src/components/ui/stories/radio-group.stories.tsx +400 -0
- package/src/components/ui/stories/resizable.stories.tsx +417 -0
- package/src/components/ui/stories/scroll-area.stories.tsx +180 -0
- package/src/components/ui/stories/select.stories.tsx +389 -0
- package/src/components/ui/stories/separator.stories.tsx +192 -0
- package/src/components/ui/stories/sheet.stories.tsx +468 -0
- package/src/components/ui/stories/sidebar.stories.tsx +731 -0
- package/src/components/ui/stories/skeleton.stories.tsx +216 -0
- package/src/components/ui/stories/slider.stories.tsx +321 -0
- package/src/components/ui/stories/sonner.stories.tsx +373 -0
- package/src/components/ui/stories/stack.stories.tsx +222 -0
- package/src/components/ui/stories/switch.stories.tsx +202 -0
- package/src/components/ui/stories/table.stories.tsx +541 -0
- package/src/components/ui/stories/tabs.stories.tsx +544 -0
- package/src/components/ui/stories/text-field.stories.tsx +280 -0
- package/src/components/ui/stories/textarea.stories.tsx +245 -0
- package/src/components/ui/stories/theme-toggle.stories.tsx +275 -0
- package/src/components/ui/stories/theme.stories.tsx +412 -0
- package/src/components/ui/stories/toggle-group.stories.tsx +337 -0
- package/src/components/ui/stories/toggle.stories.tsx +325 -0
- package/src/components/ui/stories/tooltip.stories.tsx +444 -0
- package/src/components/ui/stories/typography.stories.tsx +1586 -0
- package/src/components/ui/stories/use-mobile.stories.tsx +420 -0
- package/src/components/ui/stories/use-theme.stories.tsx +531 -0
- package/src/components/ui/switch.tsx +106 -0
- package/src/components/ui/table.tsx +424 -0
- package/src/components/ui/tabs.tsx +316 -0
- package/src/components/ui/text-field.tsx +206 -0
- package/src/components/ui/textarea.tsx +98 -0
- package/src/components/ui/theme-toggle.tsx +185 -0
- package/src/components/ui/theme.tsx +148 -0
- package/src/components/ui/toggle-group.tsx +196 -0
- package/src/components/ui/toggle.tsx +115 -0
- package/src/components/ui/tooltip.tsx +253 -0
- package/src/components/ui/typography.tsx +468 -0
- package/src/hooks/use-mobile.ts +91 -0
- package/src/hooks/use-theme.ts +319 -0
- package/src/index.ts +77 -0
- package/src/lib/utils.ts +57 -0
- package/src/styles/globals.css +160 -0
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
/**
|
|
3
|
+
* A form input field component that displays text input or input-like elements
|
|
4
|
+
*
|
|
5
|
+
* A flexible input component based on shadcn/ui patterns that supports all native HTML input types
|
|
6
|
+
* and integrates seamlessly with form libraries like React Hook Form. Provides consistent styling,
|
|
7
|
+
* accessibility features, and error states across different input types.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* ```tsx
|
|
11
|
+
* // Basic email input
|
|
12
|
+
* <Input type="email" placeholder="Email" />
|
|
13
|
+
* ```
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* ```tsx
|
|
17
|
+
* // Input with label for accessibility
|
|
18
|
+
* <div className="space-y-2">
|
|
19
|
+
* <Label htmlFor="email">Email</Label>
|
|
20
|
+
* <Input id="email" type="email" placeholder="Enter your email" />
|
|
21
|
+
* </div>
|
|
22
|
+
* ```
|
|
23
|
+
*
|
|
24
|
+
* @example
|
|
25
|
+
* ```tsx
|
|
26
|
+
* // File input with proper labeling
|
|
27
|
+
* <div className="grid w-full max-w-sm items-center gap-1.5">
|
|
28
|
+
* <Label htmlFor="picture">Picture</Label>
|
|
29
|
+
* <Input id="picture" type="file" />
|
|
30
|
+
* </div>
|
|
31
|
+
* ```
|
|
32
|
+
*
|
|
33
|
+
* @example
|
|
34
|
+
* ```tsx
|
|
35
|
+
* // Disabled input state
|
|
36
|
+
* <Input disabled type="email" placeholder="Email" />
|
|
37
|
+
* ```
|
|
38
|
+
*
|
|
39
|
+
* @example
|
|
40
|
+
* ```tsx
|
|
41
|
+
* // Input with button for subscription forms
|
|
42
|
+
* <div className="flex w-full max-w-sm items-center space-x-2">
|
|
43
|
+
* <Input type="email" placeholder="Email" />
|
|
44
|
+
* <Button type="submit">Subscribe</Button>
|
|
45
|
+
* </div>
|
|
46
|
+
* ```
|
|
47
|
+
*
|
|
48
|
+
* @example
|
|
49
|
+
* ```tsx
|
|
50
|
+
* // Form integration with React Hook Form
|
|
51
|
+
* const form = useForm();
|
|
52
|
+
*
|
|
53
|
+
* <Form>
|
|
54
|
+
* <FormField
|
|
55
|
+
* control={form.control}
|
|
56
|
+
* name="email"
|
|
57
|
+
* render={({ field }) => (
|
|
58
|
+
* <FormItem>
|
|
59
|
+
* <FormLabel>Email</FormLabel>
|
|
60
|
+
* <FormControl>
|
|
61
|
+
* <Input placeholder="shadcn" {...field} />
|
|
62
|
+
* </FormControl>
|
|
63
|
+
* <FormMessage />
|
|
64
|
+
* </FormItem>
|
|
65
|
+
* )}
|
|
66
|
+
* />
|
|
67
|
+
* </Form>
|
|
68
|
+
* ```
|
|
69
|
+
*
|
|
70
|
+
* @param className - Additional CSS classes to apply to the input
|
|
71
|
+
* @param type - The input type (text, email, password, file, etc.)
|
|
72
|
+
* @param props - All other standard HTML input attributes
|
|
73
|
+
*
|
|
74
|
+
* @accessibility
|
|
75
|
+
* - Supports all ARIA attributes including aria-invalid for error states
|
|
76
|
+
* - Focus visible ring with proper contrast for keyboard navigation
|
|
77
|
+
* - Compatible with screen readers and assistive technologies
|
|
78
|
+
* - Proper semantic markup for form fields
|
|
79
|
+
* - Disabled state prevents interaction and indicates unavailability
|
|
80
|
+
*
|
|
81
|
+
* @see {@link https://ui.shadcn.com/docs/components/input} - shadcn/ui Input documentation
|
|
82
|
+
* @see {@link Label} - For accessible input labels
|
|
83
|
+
* @see {@link Button} - Often used alongside inputs in forms
|
|
84
|
+
* @see {@link Form} - For complete form integration with validation
|
|
85
|
+
* @since 1.0.0
|
|
86
|
+
*/
|
|
87
|
+
declare function Input({ className, type, ...props }: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
|
|
88
|
+
export { Input };
|
|
89
|
+
//# sourceMappingURL=input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoFG;AACH,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAc1E;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
3
|
+
/**
|
|
4
|
+
* Label component for form controls with full accessibility support
|
|
5
|
+
*
|
|
6
|
+
* A fundamental form component that provides accessible text labels for form controls.
|
|
7
|
+
* Built on Radix UI Label primitive, it automatically associates with form elements
|
|
8
|
+
* and expands their clickable area for improved usability and accessibility.
|
|
9
|
+
* Essential for creating accessible forms that meet WCAG guidelines.
|
|
10
|
+
*
|
|
11
|
+
* @example
|
|
12
|
+
* ```tsx
|
|
13
|
+
* // Basic label with input
|
|
14
|
+
* <div className="space-y-2">
|
|
15
|
+
* <Label htmlFor="email">Email address</Label>
|
|
16
|
+
* <Input id="email" type="email" placeholder="Enter your email" />
|
|
17
|
+
* </div>
|
|
18
|
+
* ```
|
|
19
|
+
*
|
|
20
|
+
* @example
|
|
21
|
+
* ```tsx
|
|
22
|
+
* // Required field with indicator
|
|
23
|
+
* <Label htmlFor="username">
|
|
24
|
+
* Username <span className="text-destructive">*</span>
|
|
25
|
+
* </Label>
|
|
26
|
+
* <Input id="username" required />
|
|
27
|
+
* ```
|
|
28
|
+
*
|
|
29
|
+
* @example
|
|
30
|
+
* ```tsx
|
|
31
|
+
* // Checkbox with label
|
|
32
|
+
* <div className="flex items-center space-x-2">
|
|
33
|
+
* <Checkbox id="terms" />
|
|
34
|
+
* <Label htmlFor="terms" className="text-sm font-normal">
|
|
35
|
+
* I agree to the terms and conditions
|
|
36
|
+
* </Label>
|
|
37
|
+
* </div>
|
|
38
|
+
* ```
|
|
39
|
+
*
|
|
40
|
+
* @example
|
|
41
|
+
* ```tsx
|
|
42
|
+
* // Label with helper text
|
|
43
|
+
* <div className="space-y-1">
|
|
44
|
+
* <Label htmlFor="password">Password</Label>
|
|
45
|
+
* <Input id="password" type="password" />
|
|
46
|
+
* <p className="text-sm text-muted-foreground">
|
|
47
|
+
* Must be at least 8 characters long
|
|
48
|
+
* </p>
|
|
49
|
+
* </div>
|
|
50
|
+
* ```
|
|
51
|
+
*
|
|
52
|
+
* @example
|
|
53
|
+
* ```tsx
|
|
54
|
+
* // Complex label with nested content
|
|
55
|
+
* <Label htmlFor="plan" className="flex flex-col space-y-1 cursor-pointer">
|
|
56
|
+
* <span className="font-semibold">Choose your plan</span>
|
|
57
|
+
* <span className="text-sm text-muted-foreground">
|
|
58
|
+
* You can upgrade or downgrade anytime
|
|
59
|
+
* </span>
|
|
60
|
+
* </Label>
|
|
61
|
+
* ```
|
|
62
|
+
*
|
|
63
|
+
* @remarks
|
|
64
|
+
* The Label component automatically handles:
|
|
65
|
+
* - Form control association via htmlFor/id pairing
|
|
66
|
+
* - Click-to-focus behavior for associated controls
|
|
67
|
+
* - Disabled state styling when associated control is disabled
|
|
68
|
+
* - Screen reader accessibility announcements
|
|
69
|
+
* - Proper semantic markup for form structures
|
|
70
|
+
*
|
|
71
|
+
* @accessibility
|
|
72
|
+
* - **ARIA Labelling**: Provides accessible names for form controls
|
|
73
|
+
* - **Focus Management**: Clicking label focuses associated control
|
|
74
|
+
* - **Disabled State**: Inherits and displays disabled styling from peer controls
|
|
75
|
+
* - **Screen Reader**: Announced with associated control for context
|
|
76
|
+
* - **Keyboard Navigation**: Supports standard label interaction patterns
|
|
77
|
+
*
|
|
78
|
+
* @see {@link https://ui.shadcn.com/docs/components/label} - shadcn/ui Label documentation
|
|
79
|
+
* @see {@link https://www.radix-ui.com/primitives/docs/components/label} - Radix UI Label primitive
|
|
80
|
+
* @see {@link https://www.w3.org/WAI/tutorials/forms/labels/} - W3C Label best practices
|
|
81
|
+
* @since 1.0.0
|
|
82
|
+
*/
|
|
83
|
+
/**
|
|
84
|
+
* Label component props extending Radix UI Label Root props
|
|
85
|
+
*
|
|
86
|
+
* @param className - Additional CSS classes to apply to the label
|
|
87
|
+
* @param htmlFor - The id of the form element this label is associated with
|
|
88
|
+
* @param children - The label content (text, elements, or components)
|
|
89
|
+
* @param ...props - All other props are forwarded to the underlying Radix Label component
|
|
90
|
+
*/
|
|
91
|
+
declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
92
|
+
export { Label };
|
|
93
|
+
//# sourceMappingURL=label.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/ui/label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAIxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+EG;AACH;;;;;;;GAOG;AACH,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAWlD;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -0,0 +1,306 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as MenubarPrimitive from "@radix-ui/react-menubar";
|
|
3
|
+
/**
|
|
4
|
+
* A visually persistent menu common in desktop applications that provides access to a consistent set of commands.
|
|
5
|
+
*
|
|
6
|
+
* Menubar provides a horizontal navigation structure similar to desktop application menus
|
|
7
|
+
* like those found in VS Code, Figma, or native applications. Each menu contains dropdown
|
|
8
|
+
* content with actions, checkboxes, radio groups, and nested submenus.
|
|
9
|
+
*
|
|
10
|
+
* Built on top of Radix UI Menubar primitive with full keyboard navigation and accessibility support.
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```tsx
|
|
14
|
+
* // Basic application menubar
|
|
15
|
+
* <Menubar>
|
|
16
|
+
* <MenubarMenu>
|
|
17
|
+
* <MenubarTrigger>File</MenubarTrigger>
|
|
18
|
+
* <MenubarContent>
|
|
19
|
+
* <MenubarItem>New File <MenubarShortcut>⌘N</MenubarShortcut></MenubarItem>
|
|
20
|
+
* <MenubarItem>Open <MenubarShortcut>⌘O</MenubarShortcut></MenubarItem>
|
|
21
|
+
* <MenubarSeparator />
|
|
22
|
+
* <MenubarItem>Exit</MenubarItem>
|
|
23
|
+
* </MenubarContent>
|
|
24
|
+
* </MenubarMenu>
|
|
25
|
+
* <MenubarMenu>
|
|
26
|
+
* <MenubarTrigger>Edit</MenubarTrigger>
|
|
27
|
+
* <MenubarContent>
|
|
28
|
+
* <MenubarItem>Undo <MenubarShortcut>⌘Z</MenubarShortcut></MenubarItem>
|
|
29
|
+
* <MenubarItem>Redo <MenubarShortcut>⇧⌘Z</MenubarShortcut></MenubarItem>
|
|
30
|
+
* </MenubarContent>
|
|
31
|
+
* </MenubarMenu>
|
|
32
|
+
* </Menubar>
|
|
33
|
+
* ```
|
|
34
|
+
*
|
|
35
|
+
* @example
|
|
36
|
+
* ```tsx
|
|
37
|
+
* // With checkboxes and submenus
|
|
38
|
+
* <Menubar>
|
|
39
|
+
* <MenubarMenu>
|
|
40
|
+
* <MenubarTrigger>View</MenubarTrigger>
|
|
41
|
+
* <MenubarContent>
|
|
42
|
+
* <MenubarCheckboxItem checked={showToolbar} onCheckedChange={setShowToolbar}>
|
|
43
|
+
* Show Toolbar
|
|
44
|
+
* </MenubarCheckboxItem>
|
|
45
|
+
* <MenubarSeparator />
|
|
46
|
+
* <MenubarSub>
|
|
47
|
+
* <MenubarSubTrigger>Panels</MenubarSubTrigger>
|
|
48
|
+
* <MenubarSubContent>
|
|
49
|
+
* <MenubarItem>Explorer</MenubarItem>
|
|
50
|
+
* <MenubarItem>Terminal</MenubarItem>
|
|
51
|
+
* </MenubarSubContent>
|
|
52
|
+
* </MenubarSub>
|
|
53
|
+
* </MenubarContent>
|
|
54
|
+
* </MenubarMenu>
|
|
55
|
+
* </Menubar>
|
|
56
|
+
* ```
|
|
57
|
+
*
|
|
58
|
+
* @example
|
|
59
|
+
* ```tsx
|
|
60
|
+
* // With radio groups for exclusive selections
|
|
61
|
+
* <Menubar>
|
|
62
|
+
* <MenubarMenu>
|
|
63
|
+
* <MenubarTrigger>Theme</MenubarTrigger>
|
|
64
|
+
* <MenubarContent>
|
|
65
|
+
* <MenubarRadioGroup value={theme} onValueChange={setTheme}>
|
|
66
|
+
* <MenubarRadioItem value="light">Light</MenubarRadioItem>
|
|
67
|
+
* <MenubarRadioItem value="dark">Dark</MenubarRadioItem>
|
|
68
|
+
* <MenubarRadioItem value="system">System</MenubarRadioItem>
|
|
69
|
+
* </MenubarRadioGroup>
|
|
70
|
+
* </MenubarContent>
|
|
71
|
+
* </MenubarMenu>
|
|
72
|
+
* </Menubar>
|
|
73
|
+
* ```
|
|
74
|
+
*
|
|
75
|
+
* @accessibility
|
|
76
|
+
* - Follows WAI-ARIA menubar pattern
|
|
77
|
+
* - Left/Right arrow keys navigate between menu triggers
|
|
78
|
+
* - Up/Down arrow keys navigate within menu content
|
|
79
|
+
* - Enter or Space activates menu items
|
|
80
|
+
* - Escape closes open menus
|
|
81
|
+
* - Tab moves focus to next focusable element outside menubar
|
|
82
|
+
* - Full keyboard navigation with arrow keys, Enter, and Escape
|
|
83
|
+
* - Screen reader support with proper ARIA labels and roles
|
|
84
|
+
*
|
|
85
|
+
* @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/menubar/} ARIA Menubar Pattern
|
|
86
|
+
* @see {@link https://ui.shadcn.com/docs/components/menubar} shadcn/ui Menubar Documentation
|
|
87
|
+
* @since 1.0.0
|
|
88
|
+
*/
|
|
89
|
+
/**
|
|
90
|
+
* Root container for the menubar component.
|
|
91
|
+
*
|
|
92
|
+
* @param className - Additional CSS classes to apply
|
|
93
|
+
* @param props - All props from Radix UI Menubar Root
|
|
94
|
+
*/
|
|
95
|
+
declare function Menubar({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
96
|
+
/**
|
|
97
|
+
* Container for a single menu within the menubar.
|
|
98
|
+
*
|
|
99
|
+
* Each MenubarMenu represents one dropdown menu that can be triggered
|
|
100
|
+
* by its corresponding MenubarTrigger.
|
|
101
|
+
*
|
|
102
|
+
* @param props - All props from Radix UI Menubar Menu
|
|
103
|
+
*/
|
|
104
|
+
declare function MenubarMenu({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Menu>): import("react/jsx-runtime").JSX.Element;
|
|
105
|
+
/**
|
|
106
|
+
* Groups related menu items together within MenubarContent.
|
|
107
|
+
*
|
|
108
|
+
* Used to create logical groupings of menu items, often separated
|
|
109
|
+
* by MenubarSeparator components.
|
|
110
|
+
*
|
|
111
|
+
* @param props - All props from Radix UI Menubar Group
|
|
112
|
+
*/
|
|
113
|
+
declare function MenubarGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
|
|
114
|
+
/**
|
|
115
|
+
* Portal for rendering menu content outside the DOM hierarchy.
|
|
116
|
+
*
|
|
117
|
+
* Automatically used by MenubarContent to ensure proper layering
|
|
118
|
+
* and positioning of dropdown menus.
|
|
119
|
+
*
|
|
120
|
+
* @param props - All props from Radix UI Menubar Portal
|
|
121
|
+
*/
|
|
122
|
+
declare function MenubarPortal({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
|
|
123
|
+
/**
|
|
124
|
+
* Container for mutually exclusive radio items.
|
|
125
|
+
*
|
|
126
|
+
* Use for single-selection scenarios like theme selection,
|
|
127
|
+
* view modes, or other settings where only one option can be active.
|
|
128
|
+
*
|
|
129
|
+
* @param props - All props from Radix UI Menubar RadioGroup
|
|
130
|
+
* @example
|
|
131
|
+
* ```tsx
|
|
132
|
+
* <MenubarRadioGroup value={theme} onValueChange={setTheme}>
|
|
133
|
+
* <MenubarRadioItem value="light">Light</MenubarRadioItem>
|
|
134
|
+
* <MenubarRadioItem value="dark">Dark</MenubarRadioItem>
|
|
135
|
+
* </MenubarRadioGroup>
|
|
136
|
+
* ```
|
|
137
|
+
*/
|
|
138
|
+
declare function MenubarRadioGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
|
|
139
|
+
/**
|
|
140
|
+
* Button that opens a dropdown menu.
|
|
141
|
+
*
|
|
142
|
+
* The trigger text should be concise and descriptive of the menu contents.
|
|
143
|
+
* Common patterns include "File", "Edit", "View", "Tools", "Help".
|
|
144
|
+
*
|
|
145
|
+
* @param className - Additional CSS classes to apply
|
|
146
|
+
* @param props - All props from Radix UI Menubar Trigger
|
|
147
|
+
*/
|
|
148
|
+
declare function MenubarTrigger({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
149
|
+
/**
|
|
150
|
+
* Dropdown content container for menu items.
|
|
151
|
+
*
|
|
152
|
+
* Contains the actual menu items, separators, and submenus that appear
|
|
153
|
+
* when a MenubarTrigger is activated.
|
|
154
|
+
*
|
|
155
|
+
* @param className - Additional CSS classes to apply
|
|
156
|
+
* @param align - Alignment relative to trigger (start, center, end)
|
|
157
|
+
* @param alignOffset - Offset from the aligned position
|
|
158
|
+
* @param sideOffset - Distance from the trigger
|
|
159
|
+
* @param props - All props from Radix UI Menubar Content
|
|
160
|
+
*/
|
|
161
|
+
declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
162
|
+
/**
|
|
163
|
+
* A selectable menu item within MenubarContent.
|
|
164
|
+
*
|
|
165
|
+
* Can be enhanced with icons, keyboard shortcuts, and supports
|
|
166
|
+
* different variants including destructive actions.
|
|
167
|
+
*
|
|
168
|
+
* @param className - Additional CSS classes to apply
|
|
169
|
+
* @param inset - Whether to add left padding for alignment with items that have icons
|
|
170
|
+
* @param variant - Visual variant ("default" | "destructive")
|
|
171
|
+
* @param props - All props from Radix UI Menubar Item
|
|
172
|
+
* @example
|
|
173
|
+
* ```tsx
|
|
174
|
+
* <MenubarItem variant="destructive">
|
|
175
|
+
* Delete File
|
|
176
|
+
* <MenubarShortcut>⌫</MenubarShortcut>
|
|
177
|
+
* </MenubarItem>
|
|
178
|
+
* ```
|
|
179
|
+
*/
|
|
180
|
+
declare function MenubarItem({ className, inset, variant, ...props }: React.ComponentProps<typeof MenubarPrimitive.Item> & {
|
|
181
|
+
inset?: boolean;
|
|
182
|
+
variant?: "default" | "destructive";
|
|
183
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
184
|
+
/**
|
|
185
|
+
* A menu item that can be checked/unchecked.
|
|
186
|
+
*
|
|
187
|
+
* Perfect for toggle options like "Show Toolbar", "Enable Feature",
|
|
188
|
+
* or any binary setting that can be turned on/off.
|
|
189
|
+
*
|
|
190
|
+
* @param className - Additional CSS classes to apply
|
|
191
|
+
* @param children - The content of the checkbox item
|
|
192
|
+
* @param checked - Whether the item is checked
|
|
193
|
+
* @param props - All props from Radix UI Menubar CheckboxItem including onCheckedChange
|
|
194
|
+
* @example
|
|
195
|
+
* ```tsx
|
|
196
|
+
* <MenubarCheckboxItem checked={showToolbar} onCheckedChange={setShowToolbar}>
|
|
197
|
+
* Show Toolbar
|
|
198
|
+
* </MenubarCheckboxItem>
|
|
199
|
+
* ```
|
|
200
|
+
*/
|
|
201
|
+
declare function MenubarCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
|
|
202
|
+
/**
|
|
203
|
+
* A menu item for single selection within a MenubarRadioGroup.
|
|
204
|
+
*
|
|
205
|
+
* Use within MenubarRadioGroup for mutually exclusive options.
|
|
206
|
+
* Only one radio item can be selected at a time within the group.
|
|
207
|
+
*
|
|
208
|
+
* @param className - Additional CSS classes to apply
|
|
209
|
+
* @param children - The content of the radio item
|
|
210
|
+
* @param props - All props from Radix UI Menubar RadioItem including value
|
|
211
|
+
* @example
|
|
212
|
+
* ```tsx
|
|
213
|
+
* <MenubarRadioItem value="dark">Dark Theme</MenubarRadioItem>
|
|
214
|
+
* ```
|
|
215
|
+
*/
|
|
216
|
+
declare function MenubarRadioItem({ className, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
|
|
217
|
+
/**
|
|
218
|
+
* A non-interactive label for grouping menu items.
|
|
219
|
+
*
|
|
220
|
+
* Used to provide section headings within menu content,
|
|
221
|
+
* helping users understand the organization of menu items.
|
|
222
|
+
*
|
|
223
|
+
* @param className - Additional CSS classes to apply
|
|
224
|
+
* @param inset - Whether to add left padding for alignment with items that have icons
|
|
225
|
+
* @param props - All props from Radix UI Menubar Label
|
|
226
|
+
* @example
|
|
227
|
+
* ```tsx
|
|
228
|
+
* <MenubarLabel>Recent Files</MenubarLabel>
|
|
229
|
+
* <MenubarSeparator />
|
|
230
|
+
* ```
|
|
231
|
+
*/
|
|
232
|
+
declare function MenubarLabel({ className, inset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Label> & {
|
|
233
|
+
inset?: boolean;
|
|
234
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
235
|
+
/**
|
|
236
|
+
* A visual divider between menu items.
|
|
237
|
+
*
|
|
238
|
+
* Use to create logical groupings and improve visual hierarchy
|
|
239
|
+
* within menu content.
|
|
240
|
+
*
|
|
241
|
+
* @param className - Additional CSS classes to apply
|
|
242
|
+
* @param props - All props from Radix UI Menubar Separator
|
|
243
|
+
*/
|
|
244
|
+
declare function MenubarSeparator({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
|
|
245
|
+
/**
|
|
246
|
+
* Displays keyboard shortcut for a menu item.
|
|
247
|
+
*
|
|
248
|
+
* Shows keyboard shortcuts aligned to the right of menu items.
|
|
249
|
+
* Use standard platform conventions (⌘ for Mac, Ctrl+ for Windows/Linux).
|
|
250
|
+
*
|
|
251
|
+
* @param className - Additional CSS classes to apply
|
|
252
|
+
* @param props - All props from HTML span element
|
|
253
|
+
* @example
|
|
254
|
+
* ```tsx
|
|
255
|
+
* <MenubarItem>
|
|
256
|
+
* Save File
|
|
257
|
+
* <MenubarShortcut>⌘S</MenubarShortcut>
|
|
258
|
+
* </MenubarItem>
|
|
259
|
+
* ```
|
|
260
|
+
*/
|
|
261
|
+
declare function MenubarShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
262
|
+
/**
|
|
263
|
+
* Container for a submenu.
|
|
264
|
+
*
|
|
265
|
+
* Wraps MenubarSubTrigger and MenubarSubContent to create
|
|
266
|
+
* nested menu structures.
|
|
267
|
+
*
|
|
268
|
+
* @param props - All props from Radix UI Menubar Sub
|
|
269
|
+
* @example
|
|
270
|
+
* ```tsx
|
|
271
|
+
* <MenubarSub>
|
|
272
|
+
* <MenubarSubTrigger>Export</MenubarSubTrigger>
|
|
273
|
+
* <MenubarSubContent>
|
|
274
|
+
* <MenubarItem>Export as PDF</MenubarItem>
|
|
275
|
+
* <MenubarItem>Export as CSV</MenubarItem>
|
|
276
|
+
* </MenubarSubContent>
|
|
277
|
+
* </MenubarSub>
|
|
278
|
+
* ```
|
|
279
|
+
*/
|
|
280
|
+
declare function MenubarSub({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
|
|
281
|
+
/**
|
|
282
|
+
* Menu item that opens a submenu.
|
|
283
|
+
*
|
|
284
|
+
* Automatically includes a right arrow indicator to show
|
|
285
|
+
* that it opens a submenu when hovered or focused.
|
|
286
|
+
*
|
|
287
|
+
* @param className - Additional CSS classes to apply
|
|
288
|
+
* @param inset - Whether to add left padding for alignment with items that have icons
|
|
289
|
+
* @param children - The content of the sub-trigger
|
|
290
|
+
* @param props - All props from Radix UI Menubar SubTrigger
|
|
291
|
+
*/
|
|
292
|
+
declare function MenubarSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
|
|
293
|
+
inset?: boolean;
|
|
294
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
295
|
+
/**
|
|
296
|
+
* Content container for a submenu.
|
|
297
|
+
*
|
|
298
|
+
* Contains the menu items that appear when a MenubarSubTrigger
|
|
299
|
+
* is hovered or focused. Supports all the same content as MenubarContent.
|
|
300
|
+
*
|
|
301
|
+
* @param className - Additional CSS classes to apply
|
|
302
|
+
* @param props - All props from Radix UI Menubar SubContent
|
|
303
|
+
*/
|
|
304
|
+
declare function MenubarSubContent({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
|
|
305
|
+
export { Menubar, MenubarPortal, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarLabel, MenubarItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent, };
|
|
306
|
+
//# sourceMappingURL=menubar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/menubar.tsx"],"names":[],"mappings":"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"}
|