@mayor_grd/centry-ui 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/README.md +100 -0
- package/dist/components/ui/accordion.cjs +2 -0
- package/dist/components/ui/accordion.cjs.map +1 -0
- package/dist/components/ui/accordion.d.ts +8 -0
- package/dist/components/ui/accordion.d.ts.map +1 -0
- package/dist/components/ui/accordion.js +47 -0
- package/dist/components/ui/accordion.js.map +1 -0
- package/dist/components/ui/alert-dialog.cjs +2 -0
- package/dist/components/ui/alert-dialog.cjs.map +1 -0
- package/dist/components/ui/alert-dialog.d.ts +21 -0
- package/dist/components/ui/alert-dialog.d.ts.map +1 -0
- package/dist/components/ui/alert-dialog.js +108 -0
- package/dist/components/ui/alert-dialog.js.map +1 -0
- package/dist/components/ui/alert.cjs +2 -0
- package/dist/components/ui/alert.cjs.map +1 -0
- package/dist/components/ui/alert.d.ts +12 -0
- package/dist/components/ui/alert.d.ts.map +1 -0
- package/dist/components/ui/alert.js +55 -0
- package/dist/components/ui/alert.js.map +1 -0
- package/dist/components/ui/aspect-ratio.cjs +2 -0
- package/dist/components/ui/aspect-ratio.cjs.map +1 -0
- package/dist/components/ui/aspect-ratio.d.ts +4 -0
- package/dist/components/ui/aspect-ratio.d.ts.map +1 -0
- package/dist/components/ui/aspect-ratio.js +6 -0
- package/dist/components/ui/aspect-ratio.js.map +1 -0
- package/dist/components/ui/avatar.cjs +2 -0
- package/dist/components/ui/avatar.cjs.map +1 -0
- package/dist/components/ui/avatar.d.ts +13 -0
- package/dist/components/ui/avatar.d.ts.map +1 -0
- package/dist/components/ui/avatar.js +57 -0
- package/dist/components/ui/avatar.js.map +1 -0
- package/dist/components/ui/badge.cjs +2 -0
- package/dist/components/ui/badge.cjs.map +1 -0
- package/dist/components/ui/badge.d.ts +10 -0
- package/dist/components/ui/badge.d.ts.map +1 -0
- package/dist/components/ui/badge.js +38 -0
- package/dist/components/ui/badge.js.map +1 -0
- package/dist/components/ui/breadcrumb.cjs +2 -0
- package/dist/components/ui/breadcrumb.cjs.map +1 -0
- package/dist/components/ui/breadcrumb.d.ts +23 -0
- package/dist/components/ui/breadcrumb.d.ts.map +1 -0
- package/dist/components/ui/breadcrumb.js +97 -0
- package/dist/components/ui/breadcrumb.js.map +1 -0
- package/dist/components/ui/button.cjs +2 -0
- package/dist/components/ui/button.cjs.map +1 -0
- package/dist/components/ui/button.d.ts +13 -0
- package/dist/components/ui/button.d.ts.map +1 -0
- package/dist/components/ui/button.figma.d.ts +2 -0
- package/dist/components/ui/button.figma.d.ts.map +1 -0
- package/dist/components/ui/button.js +73 -0
- package/dist/components/ui/button.js.map +1 -0
- package/dist/components/ui/calendar.cjs +2 -0
- package/dist/components/ui/calendar.cjs.map +1 -0
- package/dist/components/ui/calendar.d.ts +9 -0
- package/dist/components/ui/calendar.d.ts.map +1 -0
- package/dist/components/ui/calendar.js +56 -0
- package/dist/components/ui/calendar.js.map +1 -0
- package/dist/components/ui/card.cjs +2 -0
- package/dist/components/ui/card.cjs.map +1 -0
- package/dist/components/ui/card.d.ts +9 -0
- package/dist/components/ui/card.d.ts.map +1 -0
- package/dist/components/ui/card.js +51 -0
- package/dist/components/ui/card.js.map +1 -0
- package/dist/components/ui/carousel.cjs +2 -0
- package/dist/components/ui/carousel.cjs.map +1 -0
- package/dist/components/ui/carousel.d.ts +19 -0
- package/dist/components/ui/carousel.d.ts.map +1 -0
- package/dist/components/ui/carousel.js +156 -0
- package/dist/components/ui/carousel.js.map +1 -0
- package/dist/components/ui/checkbox.cjs +2 -0
- package/dist/components/ui/checkbox.cjs.map +1 -0
- package/dist/components/ui/checkbox.d.ts +5 -0
- package/dist/components/ui/checkbox.d.ts.map +1 -0
- package/dist/components/ui/checkbox.js +53 -0
- package/dist/components/ui/checkbox.js.map +1 -0
- package/dist/components/ui/collapsible.cjs +2 -0
- package/dist/components/ui/collapsible.cjs.map +1 -0
- package/dist/components/ui/collapsible.d.ts +6 -0
- package/dist/components/ui/collapsible.d.ts.map +1 -0
- package/dist/components/ui/collapsible.js +8 -0
- package/dist/components/ui/collapsible.js.map +1 -0
- package/dist/components/ui/combobox.cjs +2 -0
- package/dist/components/ui/combobox.cjs.map +1 -0
- package/dist/components/ui/combobox.d.ts +22 -0
- package/dist/components/ui/combobox.d.ts.map +1 -0
- package/dist/components/ui/combobox.js +70 -0
- package/dist/components/ui/combobox.js.map +1 -0
- package/dist/components/ui/command.cjs +2 -0
- package/dist/components/ui/command.cjs.map +1 -0
- package/dist/components/ui/command.d.ts +82 -0
- package/dist/components/ui/command.d.ts.map +1 -0
- package/dist/components/ui/command.js +107 -0
- package/dist/components/ui/command.js.map +1 -0
- package/dist/components/ui/data-table.cjs +2 -0
- package/dist/components/ui/data-table.cjs.map +1 -0
- package/dist/components/ui/data-table.d.ts +11 -0
- package/dist/components/ui/data-table.d.ts.map +1 -0
- package/dist/components/ui/data-table.js +26 -0
- package/dist/components/ui/data-table.js.map +1 -0
- package/dist/components/ui/date-picker.cjs +2 -0
- package/dist/components/ui/date-picker.cjs.map +1 -0
- package/dist/components/ui/date-picker.d.ts +15 -0
- package/dist/components/ui/date-picker.d.ts.map +1 -0
- package/dist/components/ui/date-picker.js +49 -0
- package/dist/components/ui/date-picker.js.map +1 -0
- package/dist/components/ui/dialog.cjs +2 -0
- package/dist/components/ui/dialog.cjs.map +1 -0
- package/dist/components/ui/dialog.d.ts +20 -0
- package/dist/components/ui/dialog.d.ts.map +1 -0
- package/dist/components/ui/dialog.js +96 -0
- package/dist/components/ui/dialog.js.map +1 -0
- package/dist/components/ui/drawer.cjs +2 -0
- package/dist/components/ui/drawer.cjs.map +1 -0
- package/dist/components/ui/drawer.d.ts +23 -0
- package/dist/components/ui/drawer.d.ts.map +1 -0
- package/dist/components/ui/drawer.js +84 -0
- package/dist/components/ui/drawer.js.map +1 -0
- package/dist/components/ui/dropdown-menu.cjs +2 -0
- package/dist/components/ui/dropdown-menu.cjs.map +1 -0
- package/dist/components/ui/dropdown-menu.d.ts +34 -0
- package/dist/components/ui/dropdown-menu.d.ts.map +1 -0
- package/dist/components/ui/dropdown-menu.js +153 -0
- package/dist/components/ui/dropdown-menu.js.map +1 -0
- package/dist/components/ui/form.cjs +2 -0
- package/dist/components/ui/form.cjs.map +1 -0
- package/dist/components/ui/form.d.ts +23 -0
- package/dist/components/ui/form.d.ts.map +1 -0
- package/dist/components/ui/form.js +93 -0
- package/dist/components/ui/form.js.map +1 -0
- package/dist/components/ui/hover-card.cjs +2 -0
- package/dist/components/ui/hover-card.cjs.map +1 -0
- package/dist/components/ui/hover-card.d.ts +7 -0
- package/dist/components/ui/hover-card.d.ts.map +1 -0
- package/dist/components/ui/hover-card.js +24 -0
- package/dist/components/ui/hover-card.js.map +1 -0
- package/dist/components/ui/index.d.ts +45 -0
- package/dist/components/ui/index.d.ts.map +1 -0
- package/dist/components/ui/input-otp.cjs +2 -0
- package/dist/components/ui/input-otp.cjs.map +1 -0
- package/dist/components/ui/input-otp.d.ts +36 -0
- package/dist/components/ui/input-otp.d.ts.map +1 -0
- package/dist/components/ui/input-otp.js +55 -0
- package/dist/components/ui/input-otp.js.map +1 -0
- package/dist/components/ui/input.cjs +2 -0
- package/dist/components/ui/input.cjs.map +1 -0
- package/dist/components/ui/input.d.ts +10 -0
- package/dist/components/ui/input.d.ts.map +1 -0
- package/dist/components/ui/input.js +32 -0
- package/dist/components/ui/input.js.map +1 -0
- package/dist/components/ui/label.cjs +2 -0
- package/dist/components/ui/label.cjs.map +1 -0
- package/dist/components/ui/label.d.ts +6 -0
- package/dist/components/ui/label.d.ts.map +1 -0
- package/dist/components/ui/label.js +13 -0
- package/dist/components/ui/label.js.map +1 -0
- package/dist/components/ui/navigation-menu.cjs +2 -0
- package/dist/components/ui/navigation-menu.cjs.map +1 -0
- package/dist/components/ui/navigation-menu.d.ts +13 -0
- package/dist/components/ui/navigation-menu.d.ts.map +1 -0
- package/dist/components/ui/navigation-menu.js +100 -0
- package/dist/components/ui/navigation-menu.js.map +1 -0
- package/dist/components/ui/pagination.cjs +2 -0
- package/dist/components/ui/pagination.cjs.map +1 -0
- package/dist/components/ui/pagination.d.ts +29 -0
- package/dist/components/ui/pagination.d.ts.map +1 -0
- package/dist/components/ui/pagination.js +100 -0
- package/dist/components/ui/pagination.js.map +1 -0
- package/dist/components/ui/popover.cjs +2 -0
- package/dist/components/ui/popover.cjs.map +1 -0
- package/dist/components/ui/popover.d.ts +8 -0
- package/dist/components/ui/popover.d.ts.map +1 -0
- package/dist/components/ui/popover.js +25 -0
- package/dist/components/ui/popover.js.map +1 -0
- package/dist/components/ui/progress.cjs +2 -0
- package/dist/components/ui/progress.cjs.map +1 -0
- package/dist/components/ui/progress.d.ts +5 -0
- package/dist/components/ui/progress.d.ts.map +1 -0
- package/dist/components/ui/progress.js +24 -0
- package/dist/components/ui/progress.js.map +1 -0
- package/dist/components/ui/radio-group.cjs +2 -0
- package/dist/components/ui/radio-group.cjs.map +1 -0
- package/dist/components/ui/radio-group.d.ts +6 -0
- package/dist/components/ui/radio-group.d.ts.map +1 -0
- package/dist/components/ui/radio-group.js +31 -0
- package/dist/components/ui/radio-group.js.map +1 -0
- package/dist/components/ui/select.cjs +2 -0
- package/dist/components/ui/select.cjs.map +1 -0
- package/dist/components/ui/select.d.ts +14 -0
- package/dist/components/ui/select.d.ts.map +1 -0
- package/dist/components/ui/select.js +116 -0
- package/dist/components/ui/select.js.map +1 -0
- package/dist/components/ui/separator.cjs +2 -0
- package/dist/components/ui/separator.cjs.map +1 -0
- package/dist/components/ui/separator.d.ts +5 -0
- package/dist/components/ui/separator.d.ts.map +1 -0
- package/dist/components/ui/separator.js +23 -0
- package/dist/components/ui/separator.js.map +1 -0
- package/dist/components/ui/sheet.cjs +2 -0
- package/dist/components/ui/sheet.cjs.map +1 -0
- package/dist/components/ui/sheet.d.ts +26 -0
- package/dist/components/ui/sheet.d.ts.map +1 -0
- package/dist/components/ui/sheet.js +87 -0
- package/dist/components/ui/sheet.js.map +1 -0
- package/dist/components/ui/sidebar.cjs +2 -0
- package/dist/components/ui/sidebar.cjs.map +1 -0
- package/dist/components/ui/sidebar.d.ts +70 -0
- package/dist/components/ui/sidebar.d.ts.map +1 -0
- package/dist/components/ui/sidebar.js +541 -0
- package/dist/components/ui/sidebar.js.map +1 -0
- package/dist/components/ui/skeleton.cjs +2 -0
- package/dist/components/ui/skeleton.cjs.map +1 -0
- package/dist/components/ui/skeleton.d.ts +4 -0
- package/dist/components/ui/skeleton.d.ts.map +1 -0
- package/dist/components/ui/skeleton.js +18 -0
- package/dist/components/ui/skeleton.js.map +1 -0
- package/dist/components/ui/slider.cjs +2 -0
- package/dist/components/ui/slider.cjs.map +1 -0
- package/dist/components/ui/slider.d.ts +5 -0
- package/dist/components/ui/slider.d.ts.map +1 -0
- package/dist/components/ui/slider.js +21 -0
- package/dist/components/ui/slider.js.map +1 -0
- package/dist/components/ui/sonner.cjs +2 -0
- package/dist/components/ui/sonner.cjs.map +1 -0
- package/dist/components/ui/sonner.d.ts +6 -0
- package/dist/components/ui/sonner.d.ts.map +1 -0
- package/dist/components/ui/sonner.js +27 -0
- package/dist/components/ui/sonner.js.map +1 -0
- package/dist/components/ui/switch.cjs +2 -0
- package/dist/components/ui/switch.cjs.map +1 -0
- package/dist/components/ui/switch.d.ts +5 -0
- package/dist/components/ui/switch.d.ts.map +1 -0
- package/dist/components/ui/switch.js +28 -0
- package/dist/components/ui/switch.js.map +1 -0
- package/dist/components/ui/table.cjs +2 -0
- package/dist/components/ui/table.cjs.map +1 -0
- package/dist/components/ui/table.d.ts +17 -0
- package/dist/components/ui/table.d.ts.map +1 -0
- package/dist/components/ui/table.js +86 -0
- package/dist/components/ui/table.js.map +1 -0
- package/dist/components/ui/tag.cjs +2 -0
- package/dist/components/ui/tag.cjs.map +1 -0
- package/dist/components/ui/tag.d.ts +11 -0
- package/dist/components/ui/tag.d.ts.map +1 -0
- package/dist/components/ui/tag.js +50 -0
- package/dist/components/ui/tag.js.map +1 -0
- package/dist/components/ui/textarea.cjs +2 -0
- package/dist/components/ui/textarea.cjs.map +1 -0
- package/dist/components/ui/textarea.d.ts +10 -0
- package/dist/components/ui/textarea.d.ts.map +1 -0
- package/dist/components/ui/textarea.js +31 -0
- package/dist/components/ui/textarea.js.map +1 -0
- package/dist/components/ui/toggle-group.cjs +2 -0
- package/dist/components/ui/toggle-group.cjs.map +1 -0
- package/dist/components/ui/toggle-group.d.ts +17 -0
- package/dist/components/ui/toggle-group.d.ts.map +1 -0
- package/dist/components/ui/toggle-group.js +57 -0
- package/dist/components/ui/toggle-group.js.map +1 -0
- package/dist/components/ui/toggle.cjs +2 -0
- package/dist/components/ui/toggle.cjs.map +1 -0
- package/dist/components/ui/toggle.d.ts +13 -0
- package/dist/components/ui/toggle.d.ts.map +1 -0
- package/dist/components/ui/toggle.js +35 -0
- package/dist/components/ui/toggle.js.map +1 -0
- package/dist/components/ui/tooltip.cjs +2 -0
- package/dist/components/ui/tooltip.cjs.map +1 -0
- package/dist/components/ui/tooltip.d.ts +14 -0
- package/dist/components/ui/tooltip.d.ts.map +1 -0
- package/dist/components/ui/tooltip.js +34 -0
- package/dist/components/ui/tooltip.js.map +1 -0
- package/dist/index.cjs +2 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +264 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/utils.cjs +2 -0
- package/dist/lib/utils.cjs.map +1 -0
- package/dist/lib/utils.d.ts +3 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/lib/utils.js +9 -0
- package/dist/lib/utils.js.map +1 -0
- package/dist/styles/library.css +174 -0
- package/dist/tokens/generated/primitives.css +541 -0
- package/dist/tokens/generated/tailwind-theme.cjs +2 -0
- package/dist/tokens/generated/tailwind-theme.cjs.map +1 -0
- package/dist/tokens/generated/tailwind-theme.d.ts +870 -0
- package/dist/tokens/generated/tailwind-theme.d.ts.map +1 -0
- package/dist/tokens/generated/tailwind-theme.js +872 -0
- package/dist/tokens/generated/tailwind-theme.js.map +1 -0
- package/dist/tokens/generated/tokens.cjs +2 -0
- package/dist/tokens/generated/tokens.cjs.map +1 -0
- package/dist/tokens/generated/tokens.d.ts +891 -0
- package/dist/tokens/generated/tokens.d.ts.map +1 -0
- package/dist/tokens/generated/tokens.js +1596 -0
- package/dist/tokens/generated/tokens.js.map +1 -0
- package/dist/tokens/generated/variables.css +919 -0
- package/dist/tokens/index.cjs +2 -0
- package/dist/tokens/index.cjs.map +1 -0
- package/dist/tokens/index.d.ts +3 -0
- package/dist/tokens/index.d.ts.map +1 -0
- package/dist/tokens/index.js +15 -0
- package/dist/tokens/index.js.map +1 -0
- package/package.json +140 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel.cjs","sources":["../../../src/components/ui/carousel.tsx"],"sourcesContent":["import * as React from 'react';\nimport useEmblaCarousel, {\n type UseEmblaCarouselType,\n} from 'embla-carousel-react';\nimport { ArrowLeft2, ArrowRight2 } from 'iconsax-react';\nimport { cn } from '@/lib/utils';\nimport { Button } from './button';\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ntype CarouselProps = {\n opts?: CarouselOptions;\n plugins?: CarouselPlugin;\n orientation?: 'horizontal' | 'vertical';\n setApi?: (api: CarouselApi) => void;\n};\n\ntype CarouselContextProps = {\n carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n api: CarouselApi;\n scrollPrev: () => void;\n scrollNext: () => void;\n canScrollPrev: boolean;\n canScrollNext: boolean;\n} & CarouselProps;\n\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null);\n\nfunction useCarousel() {\n const context = React.useContext(CarouselContext);\n if (!context) throw new Error('useCarousel must be used within a <Carousel />');\n return context;\n}\n\nconst Carousel = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement> & CarouselProps\n>(\n (\n { orientation = 'horizontal', opts, setApi, plugins, className, children, ...props },\n ref\n ) => {\n const [carouselRef, api] = useEmblaCarousel(\n { ...opts, axis: orientation === 'horizontal' ? 'x' : 'y' },\n plugins\n );\n const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n const [canScrollNext, setCanScrollNext] = React.useState(false);\n\n const onSelect = React.useCallback((apiArg: CarouselApi) => {\n if (!apiArg) return;\n setCanScrollPrev(apiArg.canScrollPrev());\n setCanScrollNext(apiArg.canScrollNext());\n }, []);\n\n const scrollPrev = React.useCallback(() => api?.scrollPrev(), [api]);\n const scrollNext = React.useCallback(() => api?.scrollNext(), [api]);\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === 'ArrowLeft') {\n event.preventDefault();\n scrollPrev();\n } else if (event.key === 'ArrowRight') {\n event.preventDefault();\n scrollNext();\n }\n },\n [scrollPrev, scrollNext]\n );\n\n React.useEffect(() => {\n if (!api || !setApi) return;\n setApi(api);\n }, [api, setApi]);\n\n React.useEffect(() => {\n if (!api) return;\n onSelect(api);\n api.on('reInit', onSelect);\n api.on('select', onSelect);\n return () => {\n api.off('select', onSelect);\n };\n }, [api, onSelect]);\n\n return (\n <CarouselContext.Provider\n value={{\n carouselRef,\n api,\n opts,\n orientation,\n scrollPrev,\n scrollNext,\n canScrollPrev,\n canScrollNext,\n }}\n >\n <div\n ref={ref}\n onKeyDownCapture={handleKeyDown}\n className={cn('relative', className)}\n role=\"region\"\n aria-roledescription=\"carousel\"\n {...props}\n >\n {children}\n </div>\n </CarouselContext.Provider>\n );\n }\n);\nCarousel.displayName = 'Carousel';\n\nconst CarouselContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => {\n const { carouselRef, orientation } = useCarousel();\n return (\n <div ref={carouselRef} className=\"overflow-hidden\">\n <div\n ref={ref}\n className={cn(\n 'flex',\n orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col',\n className\n )}\n {...props}\n />\n </div>\n );\n }\n);\nCarouselContent.displayName = 'CarouselContent';\n\nconst CarouselItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => {\n const { orientation } = useCarousel();\n return (\n <div\n ref={ref}\n role=\"group\"\n aria-roledescription=\"slide\"\n className={cn(\n 'min-w-0 shrink-0 grow-0 basis-full',\n orientation === 'horizontal' ? 'pl-4' : 'pt-4',\n className\n )}\n {...props}\n />\n );\n }\n);\nCarouselItem.displayName = 'CarouselItem';\n\nconst CarouselPrevious = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<typeof Button>\n>(({ className, variant = 'outline', size = 'icon', ...props }, ref) => {\n const { orientation, scrollPrev, canScrollPrev } = useCarousel();\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n 'absolute h-8 w-8 rounded-full',\n orientation === 'horizontal'\n ? '-left-12 top-1/2 -translate-y-1/2'\n : '-top-12 left-1/2 -translate-x-1/2 rotate-90',\n className\n )}\n disabled={!canScrollPrev}\n onClick={scrollPrev}\n {...props}\n >\n <ArrowLeft2 size={16} color=\"currentColor\" />\n <span className=\"sr-only\">Previous slide</span>\n </Button>\n );\n});\nCarouselPrevious.displayName = 'CarouselPrevious';\n\nconst CarouselNext = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<typeof Button>\n>(({ className, variant = 'outline', size = 'icon', ...props }, ref) => {\n const { orientation, scrollNext, canScrollNext } = useCarousel();\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n 'absolute h-8 w-8 rounded-full',\n orientation === 'horizontal'\n ? '-right-12 top-1/2 -translate-y-1/2'\n : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',\n className\n )}\n disabled={!canScrollNext}\n onClick={scrollNext}\n {...props}\n >\n <ArrowRight2 size={16} color=\"currentColor\" />\n <span className=\"sr-only\">Next slide</span>\n </Button>\n );\n});\nCarouselNext.displayName = 'CarouselNext';\n\nexport {\n type CarouselApi,\n Carousel,\n CarouselContent,\n CarouselItem,\n CarouselPrevious,\n CarouselNext,\n};\n"],"names":["CarouselContext","React","useCarousel","context","Carousel","orientation","opts","setApi","plugins","className","children","props","ref","carouselRef","api","useEmblaCarousel","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","onSelect","apiArg","scrollPrev","scrollNext","handleKeyDown","event","jsx","cn","CarouselContent","CarouselItem","CarouselPrevious","variant","size","jsxs","Button","ArrowLeft2","CarouselNext","ArrowRight2"],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { default as useEmblaCarousel, UseEmblaCarouselType } from 'embla-carousel-react';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
type CarouselApi = UseEmblaCarouselType[1];
|
|
4
|
+
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
|
|
5
|
+
type CarouselOptions = UseCarouselParameters[0];
|
|
6
|
+
type CarouselPlugin = UseCarouselParameters[1];
|
|
7
|
+
type CarouselProps = {
|
|
8
|
+
opts?: CarouselOptions;
|
|
9
|
+
plugins?: CarouselPlugin;
|
|
10
|
+
orientation?: 'horizontal' | 'vertical';
|
|
11
|
+
setApi?: (api: CarouselApi) => void;
|
|
12
|
+
};
|
|
13
|
+
declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
+
declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<import('./button').ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
17
|
+
declare const CarouselNext: React.ForwardRefExoticComponent<Omit<import('./button').ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
18
|
+
export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };
|
|
19
|
+
//# sourceMappingURL=carousel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../src/components/ui/carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,gBAAgB,EAAE,EACvB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAC;AAK9B,KAAK,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAC3C,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACjE,KAAK,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAChD,KAAK,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAE/C,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;CACrC,CAAC;AAmBF,QAAA,MAAM,QAAQ,6HA8Eb,CAAC;AAGF,QAAA,MAAM,eAAe,6GAiBpB,CAAC;AAGF,QAAA,MAAM,YAAY,6GAiBjB,CAAC;AAGF,QAAA,MAAM,gBAAgB,gKAyBpB,CAAC;AAGH,QAAA,MAAM,YAAY,gKAyBhB,CAAC;AAGH,OAAO,EACL,KAAK,WAAW,EAChB,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,YAAY,GACb,CAAC"}
|
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
import { jsx as a, jsxs as h } from "react/jsx-runtime";
|
|
2
|
+
import * as r from "react";
|
|
3
|
+
import k from "embla-carousel-react";
|
|
4
|
+
import { ArrowRight2 as z, ArrowLeft2 as g } from "iconsax-react";
|
|
5
|
+
import { cn as m } from "../../lib/utils.js";
|
|
6
|
+
import { Button as w } from "./button.js";
|
|
7
|
+
const p = r.createContext(null);
|
|
8
|
+
function C() {
|
|
9
|
+
const o = r.useContext(p);
|
|
10
|
+
if (!o) throw new Error("useCarousel must be used within a <Carousel />");
|
|
11
|
+
return o;
|
|
12
|
+
}
|
|
13
|
+
const D = r.forwardRef(
|
|
14
|
+
({ orientation: o = "horizontal", opts: t, setApi: l, plugins: s, className: c, children: i, ...u }, f) => {
|
|
15
|
+
const [v, e] = k(
|
|
16
|
+
{ ...t, axis: o === "horizontal" ? "x" : "y" },
|
|
17
|
+
s
|
|
18
|
+
), [y, b] = r.useState(!1), [P, S] = r.useState(!1), d = r.useCallback((n) => {
|
|
19
|
+
n && (b(n.canScrollPrev()), S(n.canScrollNext()));
|
|
20
|
+
}, []), x = r.useCallback(() => e == null ? void 0 : e.scrollPrev(), [e]), N = r.useCallback(() => e == null ? void 0 : e.scrollNext(), [e]), R = r.useCallback(
|
|
21
|
+
(n) => {
|
|
22
|
+
n.key === "ArrowLeft" ? (n.preventDefault(), x()) : n.key === "ArrowRight" && (n.preventDefault(), N());
|
|
23
|
+
},
|
|
24
|
+
[x, N]
|
|
25
|
+
);
|
|
26
|
+
return r.useEffect(() => {
|
|
27
|
+
!e || !l || l(e);
|
|
28
|
+
}, [e, l]), r.useEffect(() => {
|
|
29
|
+
if (e)
|
|
30
|
+
return d(e), e.on("reInit", d), e.on("select", d), () => {
|
|
31
|
+
e.off("select", d);
|
|
32
|
+
};
|
|
33
|
+
}, [e, d]), /* @__PURE__ */ a(
|
|
34
|
+
p.Provider,
|
|
35
|
+
{
|
|
36
|
+
value: {
|
|
37
|
+
carouselRef: v,
|
|
38
|
+
api: e,
|
|
39
|
+
opts: t,
|
|
40
|
+
orientation: o,
|
|
41
|
+
scrollPrev: x,
|
|
42
|
+
scrollNext: N,
|
|
43
|
+
canScrollPrev: y,
|
|
44
|
+
canScrollNext: P
|
|
45
|
+
},
|
|
46
|
+
children: /* @__PURE__ */ a(
|
|
47
|
+
"div",
|
|
48
|
+
{
|
|
49
|
+
ref: f,
|
|
50
|
+
onKeyDownCapture: R,
|
|
51
|
+
className: m("relative", c),
|
|
52
|
+
role: "region",
|
|
53
|
+
"aria-roledescription": "carousel",
|
|
54
|
+
...u,
|
|
55
|
+
children: i
|
|
56
|
+
}
|
|
57
|
+
)
|
|
58
|
+
}
|
|
59
|
+
);
|
|
60
|
+
}
|
|
61
|
+
);
|
|
62
|
+
D.displayName = "Carousel";
|
|
63
|
+
const E = r.forwardRef(
|
|
64
|
+
({ className: o, ...t }, l) => {
|
|
65
|
+
const { carouselRef: s, orientation: c } = C();
|
|
66
|
+
return /* @__PURE__ */ a("div", { ref: s, className: "overflow-hidden", children: /* @__PURE__ */ a(
|
|
67
|
+
"div",
|
|
68
|
+
{
|
|
69
|
+
ref: l,
|
|
70
|
+
className: m(
|
|
71
|
+
"flex",
|
|
72
|
+
c === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
|
|
73
|
+
o
|
|
74
|
+
),
|
|
75
|
+
...t
|
|
76
|
+
}
|
|
77
|
+
) });
|
|
78
|
+
}
|
|
79
|
+
);
|
|
80
|
+
E.displayName = "CarouselContent";
|
|
81
|
+
const I = r.forwardRef(
|
|
82
|
+
({ className: o, ...t }, l) => {
|
|
83
|
+
const { orientation: s } = C();
|
|
84
|
+
return /* @__PURE__ */ a(
|
|
85
|
+
"div",
|
|
86
|
+
{
|
|
87
|
+
ref: l,
|
|
88
|
+
role: "group",
|
|
89
|
+
"aria-roledescription": "slide",
|
|
90
|
+
className: m(
|
|
91
|
+
"min-w-0 shrink-0 grow-0 basis-full",
|
|
92
|
+
s === "horizontal" ? "pl-4" : "pt-4",
|
|
93
|
+
o
|
|
94
|
+
),
|
|
95
|
+
...t
|
|
96
|
+
}
|
|
97
|
+
);
|
|
98
|
+
}
|
|
99
|
+
);
|
|
100
|
+
I.displayName = "CarouselItem";
|
|
101
|
+
const j = r.forwardRef(({ className: o, variant: t = "outline", size: l = "icon", ...s }, c) => {
|
|
102
|
+
const { orientation: i, scrollPrev: u, canScrollPrev: f } = C();
|
|
103
|
+
return /* @__PURE__ */ h(
|
|
104
|
+
w,
|
|
105
|
+
{
|
|
106
|
+
ref: c,
|
|
107
|
+
variant: t,
|
|
108
|
+
size: l,
|
|
109
|
+
className: m(
|
|
110
|
+
"absolute h-8 w-8 rounded-full",
|
|
111
|
+
i === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
|
|
112
|
+
o
|
|
113
|
+
),
|
|
114
|
+
disabled: !f,
|
|
115
|
+
onClick: u,
|
|
116
|
+
...s,
|
|
117
|
+
children: [
|
|
118
|
+
/* @__PURE__ */ a(g, { size: 16, color: "currentColor" }),
|
|
119
|
+
/* @__PURE__ */ a("span", { className: "sr-only", children: "Previous slide" })
|
|
120
|
+
]
|
|
121
|
+
}
|
|
122
|
+
);
|
|
123
|
+
});
|
|
124
|
+
j.displayName = "CarouselPrevious";
|
|
125
|
+
const K = r.forwardRef(({ className: o, variant: t = "outline", size: l = "icon", ...s }, c) => {
|
|
126
|
+
const { orientation: i, scrollNext: u, canScrollNext: f } = C();
|
|
127
|
+
return /* @__PURE__ */ h(
|
|
128
|
+
w,
|
|
129
|
+
{
|
|
130
|
+
ref: c,
|
|
131
|
+
variant: t,
|
|
132
|
+
size: l,
|
|
133
|
+
className: m(
|
|
134
|
+
"absolute h-8 w-8 rounded-full",
|
|
135
|
+
i === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
|
|
136
|
+
o
|
|
137
|
+
),
|
|
138
|
+
disabled: !f,
|
|
139
|
+
onClick: u,
|
|
140
|
+
...s,
|
|
141
|
+
children: [
|
|
142
|
+
/* @__PURE__ */ a(z, { size: 16, color: "currentColor" }),
|
|
143
|
+
/* @__PURE__ */ a("span", { className: "sr-only", children: "Next slide" })
|
|
144
|
+
]
|
|
145
|
+
}
|
|
146
|
+
);
|
|
147
|
+
});
|
|
148
|
+
K.displayName = "CarouselNext";
|
|
149
|
+
export {
|
|
150
|
+
D as Carousel,
|
|
151
|
+
E as CarouselContent,
|
|
152
|
+
I as CarouselItem,
|
|
153
|
+
K as CarouselNext,
|
|
154
|
+
j as CarouselPrevious
|
|
155
|
+
};
|
|
156
|
+
//# sourceMappingURL=carousel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel.js","sources":["../../../src/components/ui/carousel.tsx"],"sourcesContent":["import * as React from 'react';\nimport useEmblaCarousel, {\n type UseEmblaCarouselType,\n} from 'embla-carousel-react';\nimport { ArrowLeft2, ArrowRight2 } from 'iconsax-react';\nimport { cn } from '@/lib/utils';\nimport { Button } from './button';\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ntype CarouselProps = {\n opts?: CarouselOptions;\n plugins?: CarouselPlugin;\n orientation?: 'horizontal' | 'vertical';\n setApi?: (api: CarouselApi) => void;\n};\n\ntype CarouselContextProps = {\n carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n api: CarouselApi;\n scrollPrev: () => void;\n scrollNext: () => void;\n canScrollPrev: boolean;\n canScrollNext: boolean;\n} & CarouselProps;\n\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null);\n\nfunction useCarousel() {\n const context = React.useContext(CarouselContext);\n if (!context) throw new Error('useCarousel must be used within a <Carousel />');\n return context;\n}\n\nconst Carousel = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement> & CarouselProps\n>(\n (\n { orientation = 'horizontal', opts, setApi, plugins, className, children, ...props },\n ref\n ) => {\n const [carouselRef, api] = useEmblaCarousel(\n { ...opts, axis: orientation === 'horizontal' ? 'x' : 'y' },\n plugins\n );\n const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n const [canScrollNext, setCanScrollNext] = React.useState(false);\n\n const onSelect = React.useCallback((apiArg: CarouselApi) => {\n if (!apiArg) return;\n setCanScrollPrev(apiArg.canScrollPrev());\n setCanScrollNext(apiArg.canScrollNext());\n }, []);\n\n const scrollPrev = React.useCallback(() => api?.scrollPrev(), [api]);\n const scrollNext = React.useCallback(() => api?.scrollNext(), [api]);\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === 'ArrowLeft') {\n event.preventDefault();\n scrollPrev();\n } else if (event.key === 'ArrowRight') {\n event.preventDefault();\n scrollNext();\n }\n },\n [scrollPrev, scrollNext]\n );\n\n React.useEffect(() => {\n if (!api || !setApi) return;\n setApi(api);\n }, [api, setApi]);\n\n React.useEffect(() => {\n if (!api) return;\n onSelect(api);\n api.on('reInit', onSelect);\n api.on('select', onSelect);\n return () => {\n api.off('select', onSelect);\n };\n }, [api, onSelect]);\n\n return (\n <CarouselContext.Provider\n value={{\n carouselRef,\n api,\n opts,\n orientation,\n scrollPrev,\n scrollNext,\n canScrollPrev,\n canScrollNext,\n }}\n >\n <div\n ref={ref}\n onKeyDownCapture={handleKeyDown}\n className={cn('relative', className)}\n role=\"region\"\n aria-roledescription=\"carousel\"\n {...props}\n >\n {children}\n </div>\n </CarouselContext.Provider>\n );\n }\n);\nCarousel.displayName = 'Carousel';\n\nconst CarouselContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => {\n const { carouselRef, orientation } = useCarousel();\n return (\n <div ref={carouselRef} className=\"overflow-hidden\">\n <div\n ref={ref}\n className={cn(\n 'flex',\n orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col',\n className\n )}\n {...props}\n />\n </div>\n );\n }\n);\nCarouselContent.displayName = 'CarouselContent';\n\nconst CarouselItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => {\n const { orientation } = useCarousel();\n return (\n <div\n ref={ref}\n role=\"group\"\n aria-roledescription=\"slide\"\n className={cn(\n 'min-w-0 shrink-0 grow-0 basis-full',\n orientation === 'horizontal' ? 'pl-4' : 'pt-4',\n className\n )}\n {...props}\n />\n );\n }\n);\nCarouselItem.displayName = 'CarouselItem';\n\nconst CarouselPrevious = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<typeof Button>\n>(({ className, variant = 'outline', size = 'icon', ...props }, ref) => {\n const { orientation, scrollPrev, canScrollPrev } = useCarousel();\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n 'absolute h-8 w-8 rounded-full',\n orientation === 'horizontal'\n ? '-left-12 top-1/2 -translate-y-1/2'\n : '-top-12 left-1/2 -translate-x-1/2 rotate-90',\n className\n )}\n disabled={!canScrollPrev}\n onClick={scrollPrev}\n {...props}\n >\n <ArrowLeft2 size={16} color=\"currentColor\" />\n <span className=\"sr-only\">Previous slide</span>\n </Button>\n );\n});\nCarouselPrevious.displayName = 'CarouselPrevious';\n\nconst CarouselNext = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<typeof Button>\n>(({ className, variant = 'outline', size = 'icon', ...props }, ref) => {\n const { orientation, scrollNext, canScrollNext } = useCarousel();\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n 'absolute h-8 w-8 rounded-full',\n orientation === 'horizontal'\n ? '-right-12 top-1/2 -translate-y-1/2'\n : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',\n className\n )}\n disabled={!canScrollNext}\n onClick={scrollNext}\n {...props}\n >\n <ArrowRight2 size={16} color=\"currentColor\" />\n <span className=\"sr-only\">Next slide</span>\n </Button>\n );\n});\nCarouselNext.displayName = 'CarouselNext';\n\nexport {\n type CarouselApi,\n Carousel,\n CarouselContent,\n CarouselItem,\n CarouselPrevious,\n CarouselNext,\n};\n"],"names":["CarouselContext","React","useCarousel","context","Carousel","orientation","opts","setApi","plugins","className","children","props","ref","carouselRef","api","useEmblaCarousel","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","onSelect","apiArg","scrollPrev","scrollNext","handleKeyDown","event","jsx","cn","CarouselContent","CarouselItem","CarouselPrevious","variant","size","jsxs","Button","ArrowLeft2","CarouselNext","ArrowRight2"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),l=require("@radix-ui/react-checkbox"),o=require("../../lib/utils.cjs");function s(t){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(i,r,a.get?a:{enumerable:!0,get:()=>t[r]})}}return i.default=t,Object.freeze(i)}const u=s(d),n=s(l),f=()=>e.jsx("svg",{viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"h-3.5 w-3.5","aria-hidden":"true",children:e.jsx("path",{d:"M3 7.5 5.75 10 11 4.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),m=()=>e.jsx("svg",{viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"h-3.5 w-3.5","aria-hidden":"true",children:e.jsx("path",{d:"M3.5 7h7",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})}),c=u.forwardRef(({className:t,...i},r)=>e.jsx(n.Root,{ref:r,className:o.cn("group peer h-4 w-4 shrink-0 rounded-md border border-field-border bg-field-bg ring-offset-focus-offset focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-action-primary-bg data-[state=checked]:bg-action-primary-bg data-[state=checked]:text-action-primary-text data-[state=indeterminate]:border-action-primary-bg data-[state=indeterminate]:bg-action-primary-bg data-[state=indeterminate]:text-action-primary-text",t),...i,children:e.jsxs(n.Indicator,{className:o.cn("flex items-center justify-center text-current"),children:[e.jsx("span",{className:"hidden group-data-[state=checked]:inline-flex",children:e.jsx(f,{})}),e.jsx("span",{className:"hidden group-data-[state=indeterminate]:inline-flex",children:e.jsx(m,{})})]})}));c.displayName=n.Root.displayName;exports.Checkbox=c;
|
|
2
|
+
//# sourceMappingURL=checkbox.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.cjs","sources":["../../../src/components/ui/checkbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { cn } from '@/lib/utils';\n\nconst CheckIcon = () => (\n <svg\n viewBox=\"0 0 14 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"h-3.5 w-3.5\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M3 7.5 5.75 10 11 4.5\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\nconst IndeterminateIcon = () => (\n <svg\n viewBox=\"0 0 14 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"h-3.5 w-3.5\"\n aria-hidden=\"true\"\n >\n <path d=\"M3.5 7h7\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n </svg>\n);\n\nconst Checkbox = React.forwardRef<\n React.ComponentRef<typeof CheckboxPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n <CheckboxPrimitive.Root\n ref={ref}\n className={cn(\n 'group peer h-4 w-4 shrink-0 rounded-md border border-field-border bg-field-bg ring-offset-focus-offset focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-action-primary-bg data-[state=checked]:bg-action-primary-bg data-[state=checked]:text-action-primary-text data-[state=indeterminate]:border-action-primary-bg data-[state=indeterminate]:bg-action-primary-bg data-[state=indeterminate]:text-action-primary-text',\n className\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator className={cn('flex items-center justify-center text-current')}>\n <span className=\"hidden group-data-[state=checked]:inline-flex\">\n <CheckIcon />\n </span>\n <span className=\"hidden group-data-[state=indeterminate]:inline-flex\">\n <IndeterminateIcon />\n </span>\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n));\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\n\nexport { Checkbox };\n"],"names":["CheckIcon","jsx","IndeterminateIcon","Checkbox","React","className","props","ref","CheckboxPrimitive","cn"],"mappings":"gfAIMA,EAAY,IAChBC,EAAAA,IAAC,MAAA,CACC,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,UAAU,cACV,cAAY,OAEZ,SAAAA,EAAAA,IAAC,OAAA,CACC,EAAE,wBACF,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,CACjB,CACF,EAGIC,EAAoB,IACxBD,EAAAA,IAAC,MAAA,CACC,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,UAAU,cACV,cAAY,OAEZ,SAAAA,EAAAA,IAAC,QAAK,EAAE,WAAW,OAAO,eAAe,YAAY,IAAI,cAAc,OAAA,CAAQ,CAAA,CACjF,EAGIE,EAAWC,EAAM,WAGrB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BN,EAAAA,IAACO,EAAkB,KAAlB,CACC,IAAAD,EACA,UAAWE,EAAAA,GACT,iiBACAJ,CAAA,EAED,GAAGC,EAEJ,gBAACE,EAAkB,UAAlB,CAA4B,UAAWC,EAAAA,GAAG,+CAA+C,EACxF,SAAA,CAAAR,MAAC,OAAA,CAAK,UAAU,gDACd,SAAAA,MAACD,IAAU,EACb,QACC,OAAA,CAAK,UAAU,sDACd,SAAAC,EAAAA,IAACC,IAAkB,CAAA,CACrB,CAAA,CAAA,CACF,CAAA,CACF,CACD,EACDC,EAAS,YAAcK,EAAkB,KAAK"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
3
|
+
declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
4
|
+
export { Checkbox };
|
|
5
|
+
//# sourceMappingURL=checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAiC9D,QAAA,MAAM,QAAQ,iKAqBZ,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { jsx as e, jsxs as n } from "react/jsx-runtime";
|
|
2
|
+
import * as s from "react";
|
|
3
|
+
import * as t from "@radix-ui/react-checkbox";
|
|
4
|
+
import { cn as r } from "../../lib/utils.js";
|
|
5
|
+
const d = () => /* @__PURE__ */ e(
|
|
6
|
+
"svg",
|
|
7
|
+
{
|
|
8
|
+
viewBox: "0 0 14 14",
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
11
|
+
className: "h-3.5 w-3.5",
|
|
12
|
+
"aria-hidden": "true",
|
|
13
|
+
children: /* @__PURE__ */ e(
|
|
14
|
+
"path",
|
|
15
|
+
{
|
|
16
|
+
d: "M3 7.5 5.75 10 11 4.5",
|
|
17
|
+
stroke: "currentColor",
|
|
18
|
+
strokeWidth: "2",
|
|
19
|
+
strokeLinecap: "round",
|
|
20
|
+
strokeLinejoin: "round"
|
|
21
|
+
}
|
|
22
|
+
)
|
|
23
|
+
}
|
|
24
|
+
), c = () => /* @__PURE__ */ e(
|
|
25
|
+
"svg",
|
|
26
|
+
{
|
|
27
|
+
viewBox: "0 0 14 14",
|
|
28
|
+
fill: "none",
|
|
29
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
30
|
+
className: "h-3.5 w-3.5",
|
|
31
|
+
"aria-hidden": "true",
|
|
32
|
+
children: /* @__PURE__ */ e("path", { d: "M3.5 7h7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
|
|
33
|
+
}
|
|
34
|
+
), l = s.forwardRef(({ className: i, ...a }, o) => /* @__PURE__ */ e(
|
|
35
|
+
t.Root,
|
|
36
|
+
{
|
|
37
|
+
ref: o,
|
|
38
|
+
className: r(
|
|
39
|
+
"group peer h-4 w-4 shrink-0 rounded-md border border-field-border bg-field-bg ring-offset-focus-offset focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-action-primary-bg data-[state=checked]:bg-action-primary-bg data-[state=checked]:text-action-primary-text data-[state=indeterminate]:border-action-primary-bg data-[state=indeterminate]:bg-action-primary-bg data-[state=indeterminate]:text-action-primary-text",
|
|
40
|
+
i
|
|
41
|
+
),
|
|
42
|
+
...a,
|
|
43
|
+
children: /* @__PURE__ */ n(t.Indicator, { className: r("flex items-center justify-center text-current"), children: [
|
|
44
|
+
/* @__PURE__ */ e("span", { className: "hidden group-data-[state=checked]:inline-flex", children: /* @__PURE__ */ e(d, {}) }),
|
|
45
|
+
/* @__PURE__ */ e("span", { className: "hidden group-data-[state=indeterminate]:inline-flex", children: /* @__PURE__ */ e(c, {}) })
|
|
46
|
+
] })
|
|
47
|
+
}
|
|
48
|
+
));
|
|
49
|
+
l.displayName = t.Root.displayName;
|
|
50
|
+
export {
|
|
51
|
+
l as Checkbox
|
|
52
|
+
};
|
|
53
|
+
//# sourceMappingURL=checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.js","sources":["../../../src/components/ui/checkbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { cn } from '@/lib/utils';\n\nconst CheckIcon = () => (\n <svg\n viewBox=\"0 0 14 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"h-3.5 w-3.5\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M3 7.5 5.75 10 11 4.5\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\nconst IndeterminateIcon = () => (\n <svg\n viewBox=\"0 0 14 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"h-3.5 w-3.5\"\n aria-hidden=\"true\"\n >\n <path d=\"M3.5 7h7\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n </svg>\n);\n\nconst Checkbox = React.forwardRef<\n React.ComponentRef<typeof CheckboxPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n <CheckboxPrimitive.Root\n ref={ref}\n className={cn(\n 'group peer h-4 w-4 shrink-0 rounded-md border border-field-border bg-field-bg ring-offset-focus-offset focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-action-primary-bg data-[state=checked]:bg-action-primary-bg data-[state=checked]:text-action-primary-text data-[state=indeterminate]:border-action-primary-bg data-[state=indeterminate]:bg-action-primary-bg data-[state=indeterminate]:text-action-primary-text',\n className\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator className={cn('flex items-center justify-center text-current')}>\n <span className=\"hidden group-data-[state=checked]:inline-flex\">\n <CheckIcon />\n </span>\n <span className=\"hidden group-data-[state=indeterminate]:inline-flex\">\n <IndeterminateIcon />\n </span>\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n));\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\n\nexport { Checkbox };\n"],"names":["CheckIcon","jsx","IndeterminateIcon","Checkbox","React","className","props","ref","CheckboxPrimitive","cn"],"mappings":";;;;AAIA,MAAMA,IAAY,MAChB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACN,WAAU;AAAA,IACV,eAAY;AAAA,IAEZ,UAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAO;AAAA,QACP,aAAY;AAAA,QACZ,eAAc;AAAA,QACd,gBAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EACjB;AACF,GAGIC,IAAoB,MACxB,gBAAAD;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACN,WAAU;AAAA,IACV,eAAY;AAAA,IAEZ,UAAA,gBAAAA,EAAC,UAAK,GAAE,YAAW,QAAO,gBAAe,aAAY,KAAI,eAAc,QAAA,CAAQ;AAAA,EAAA;AACjF,GAGIE,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAN;AAAA,EAACO,EAAkB;AAAA,EAAlB;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEJ,4BAACE,EAAkB,WAAlB,EAA4B,WAAWC,EAAG,+CAA+C,GACxF,UAAA;AAAA,MAAA,gBAAAR,EAAC,QAAA,EAAK,WAAU,iDACd,UAAA,gBAAAA,EAACD,KAAU,GACb;AAAA,wBACC,QAAA,EAAK,WAAU,uDACd,UAAA,gBAAAC,EAACC,KAAkB,EAAA,CACrB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA;AACF,CACD;AACDC,EAAS,cAAcK,EAAkB,KAAK;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@radix-ui/react-collapsible");function n(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(l,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return l.default=e,Object.freeze(l)}const o=n(r),a=o.Root,s=o.CollapsibleTrigger,c=o.CollapsibleContent;exports.Collapsible=a;exports.CollapsibleContent=c;exports.CollapsibleTrigger=s;
|
|
2
|
+
//# sourceMappingURL=collapsible.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collapsible.cjs","sources":["../../../src/components/ui/collapsible.tsx"],"sourcesContent":["// FIGMA-UNSOURCED: components.txt has no Figma node for Collapsible.\n// Re-exports Radix primitives; styling left to consumer via className.\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\n\nconst Collapsible = CollapsiblePrimitive.Root;\nconst CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;\nconst CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n"],"names":["Collapsible","CollapsiblePrimitive","CollapsibleTrigger","CollapsibleContent"],"mappings":"yZAIMA,EAAcC,EAAqB,KACnCC,EAAqBD,EAAqB,mBAC1CE,EAAqBF,EAAqB"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
2
|
+
declare const Collapsible: import('react').ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
3
|
+
declare const CollapsibleTrigger: import('react').ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
4
|
+
declare const CollapsibleContent: import('react').ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
5
|
+
export { Collapsible, CollapsibleTrigger, CollapsibleContent };
|
|
6
|
+
//# sourceMappingURL=collapsible.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/ui/collapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AAEpE,QAAA,MAAM,WAAW,kIAA4B,CAAC;AAC9C,QAAA,MAAM,kBAAkB,4IAA0C,CAAC;AACnE,QAAA,MAAM,kBAAkB,yIAA0C,CAAC;AAEnE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collapsible.js","sources":["../../../src/components/ui/collapsible.tsx"],"sourcesContent":["// FIGMA-UNSOURCED: components.txt has no Figma node for Collapsible.\n// Re-exports Radix primitives; styling left to consumer via className.\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\n\nconst Collapsible = CollapsiblePrimitive.Root;\nconst CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;\nconst CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n"],"names":["Collapsible","CollapsiblePrimitive","CollapsibleTrigger","CollapsibleContent"],"mappings":";AAIA,MAAMA,IAAcC,EAAqB,MACnCC,IAAqBD,EAAqB,oBAC1CE,IAAqBF,EAAqB;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),N=require("react"),m=require("iconsax-react"),p=require("../../lib/utils.cjs"),O=require("./button.cjs"),c=require("./command.cjs"),a=require("./popover.cjs");function q(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(n,o,s.get?s:{enumerable:!0,get:()=>t[o]})}}return n.default=t,Object.freeze(n)}const b=q(N),x=({options:t,value:n,defaultValue:o,onValueChange:s,placeholder:j="Select...",searchPlaceholder:f="Search...",emptyText:v="No results.",disabled:h,className:y})=>{const[l,i]=b.useState(!1),[C,S]=b.useState(o),d=n??C,u=t.find(r=>r.value===d),g=r=>{S(r),s==null||s(r),i(!1)};return e.jsxs(a.Popover,{open:l,onOpenChange:i,children:[e.jsx(a.PopoverTrigger,{asChild:!0,children:e.jsxs(O.Button,{variant:"outline",role:"combobox","aria-expanded":l,disabled:h,className:p.cn("w-full justify-between",y),children:[u?u.label:e.jsx("span",{className:"text-field-placeholder",children:j}),e.jsx(m.ArrowDown2,{size:16,color:"currentColor",className:"opacity-50"})]})}),e.jsx(a.PopoverContent,{className:"w-[var(--radix-popover-trigger-width)] p-0",children:e.jsxs(c.Command,{children:[e.jsx(c.CommandInput,{placeholder:f}),e.jsxs(c.CommandList,{children:[e.jsx(c.CommandEmpty,{children:v}),e.jsx(c.CommandGroup,{children:t.map(r=>e.jsxs(c.CommandItem,{value:r.value,disabled:r.disabled,onSelect:g,children:[e.jsx(m.TickCircle,{size:14,color:"currentColor",variant:"Bold",className:p.cn("mr-2",d===r.value?"opacity-100":"opacity-0")}),r.label]},r.value))})]})]})})]})};x.displayName="Combobox";exports.Combobox=x;
|
|
2
|
+
//# sourceMappingURL=combobox.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"combobox.cjs","sources":["../../../src/components/ui/combobox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ArrowDown2, TickCircle } from 'iconsax-react';\nimport { cn } from '@/lib/utils';\nimport { Button } from './button';\nimport {\n Command,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n} from './command';\nimport { Popover, PopoverContent, PopoverTrigger } from './popover';\n\ninterface ComboboxOption {\n value: string;\n label: string;\n disabled?: boolean;\n}\n\ninterface ComboboxProps {\n options: ComboboxOption[];\n value?: string;\n defaultValue?: string;\n onValueChange?: (value: string) => void;\n placeholder?: string;\n searchPlaceholder?: string;\n emptyText?: string;\n disabled?: boolean;\n className?: string;\n}\n\nconst Combobox = ({\n options,\n value,\n defaultValue,\n onValueChange,\n placeholder = 'Select...',\n searchPlaceholder = 'Search...',\n emptyText = 'No results.',\n disabled,\n className,\n}: ComboboxProps) => {\n const [open, setOpen] = React.useState(false);\n const [internal, setInternal] = React.useState(defaultValue);\n const current = value ?? internal;\n const selected = options.find((o) => o.value === current);\n\n const handleSelect = (next: string) => {\n setInternal(next);\n onValueChange?.(next);\n setOpen(false);\n };\n\n return (\n <Popover open={open} onOpenChange={setOpen}>\n <PopoverTrigger asChild>\n <Button\n variant=\"outline\"\n role=\"combobox\"\n aria-expanded={open}\n disabled={disabled}\n className={cn('w-full justify-between', className)}\n >\n {selected ? selected.label : <span className=\"text-field-placeholder\">{placeholder}</span>}\n <ArrowDown2 size={16} color=\"currentColor\" className=\"opacity-50\" />\n </Button>\n </PopoverTrigger>\n <PopoverContent className=\"w-[var(--radix-popover-trigger-width)] p-0\">\n <Command>\n <CommandInput placeholder={searchPlaceholder} />\n <CommandList>\n <CommandEmpty>{emptyText}</CommandEmpty>\n <CommandGroup>\n {options.map((option) => (\n <CommandItem\n key={option.value}\n value={option.value}\n disabled={option.disabled}\n onSelect={handleSelect}\n >\n <TickCircle\n size={14}\n color=\"currentColor\"\n variant=\"Bold\"\n className={cn('mr-2', current === option.value ? 'opacity-100' : 'opacity-0')}\n />\n {option.label}\n </CommandItem>\n ))}\n </CommandGroup>\n </CommandList>\n </Command>\n </PopoverContent>\n </Popover>\n );\n};\nCombobox.displayName = 'Combobox';\n\nexport { Combobox, type ComboboxProps, type ComboboxOption };\n"],"names":["Combobox","options","value","defaultValue","onValueChange","placeholder","searchPlaceholder","emptyText","disabled","className","open","setOpen","React","internal","setInternal","current","selected","o","handleSelect","next","jsxs","Popover","jsx","PopoverTrigger","Button","cn","ArrowDown2","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","option","CommandItem","TickCircle"],"mappings":"8iBAgCMA,EAAW,CAAC,CAChB,QAAAC,EACA,MAAAC,EACA,aAAAC,EACA,cAAAC,EACA,YAAAC,EAAc,YACd,kBAAAC,EAAoB,YACpB,UAAAC,EAAY,cACZ,SAAAC,EACA,UAAAC,CACF,IAAqB,CACnB,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAM,SAAS,EAAK,EACtC,CAACC,EAAUC,CAAW,EAAIF,EAAM,SAAST,CAAY,EACrDY,EAAUb,GAASW,EACnBG,EAAWf,EAAQ,KAAMgB,GAAMA,EAAE,QAAUF,CAAO,EAElDG,EAAgBC,GAAiB,CACrCL,EAAYK,CAAI,EAChBf,GAAA,MAAAA,EAAgBe,GAChBR,EAAQ,EAAK,CACf,EAEA,OACES,EAAAA,KAACC,EAAAA,QAAA,CAAQ,KAAAX,EAAY,aAAcC,EACjC,SAAA,CAAAW,EAAAA,IAACC,EAAAA,eAAA,CAAe,QAAO,GACrB,SAAAH,EAAAA,KAACI,EAAAA,OAAA,CACC,QAAQ,UACR,KAAK,WACL,gBAAed,EACf,SAAAF,EACA,UAAWiB,EAAAA,GAAG,yBAA0BhB,CAAS,EAEhD,SAAA,CAAAO,EAAWA,EAAS,MAAQM,MAAC,OAAA,CAAK,UAAU,yBAA0B,SAAAjB,EAAY,QAClFqB,EAAAA,WAAA,CAAW,KAAM,GAAI,MAAM,eAAe,UAAU,YAAA,CAAa,CAAA,CAAA,CAAA,EAEtE,EACAJ,MAACK,EAAAA,eAAA,CAAe,UAAU,6CACxB,gBAACC,UAAA,CACC,SAAA,CAAAN,EAAAA,IAACO,EAAAA,aAAA,CAAa,YAAavB,CAAA,CAAmB,SAC7CwB,EAAAA,YAAA,CACC,SAAA,CAAAR,EAAAA,IAACS,EAAAA,cAAc,SAAAxB,CAAA,CAAU,EACzBe,EAAAA,IAACU,EAAAA,aAAA,CACE,SAAA/B,EAAQ,IAAKgC,GACZb,EAAAA,KAACc,EAAAA,YAAA,CAEC,MAAOD,EAAO,MACd,SAAUA,EAAO,SACjB,SAAUf,EAEV,SAAA,CAAAI,EAAAA,IAACa,EAAAA,WAAA,CACC,KAAM,GACN,MAAM,eACN,QAAQ,OACR,UAAWV,EAAAA,GAAG,OAAQV,IAAYkB,EAAO,MAAQ,cAAgB,WAAW,CAAA,CAAA,EAE7EA,EAAO,KAAA,CAAA,EAXHA,EAAO,KAAA,CAaf,CAAA,CACH,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,CAAA,EACF,CAEJ,EACAjC,EAAS,YAAc"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
interface ComboboxOption {
|
|
2
|
+
value: string;
|
|
3
|
+
label: string;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
}
|
|
6
|
+
interface ComboboxProps {
|
|
7
|
+
options: ComboboxOption[];
|
|
8
|
+
value?: string;
|
|
9
|
+
defaultValue?: string;
|
|
10
|
+
onValueChange?: (value: string) => void;
|
|
11
|
+
placeholder?: string;
|
|
12
|
+
searchPlaceholder?: string;
|
|
13
|
+
emptyText?: string;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
className?: string;
|
|
16
|
+
}
|
|
17
|
+
declare const Combobox: {
|
|
18
|
+
({ options, value, defaultValue, onValueChange, placeholder, searchPlaceholder, emptyText, disabled, className, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
displayName: string;
|
|
20
|
+
};
|
|
21
|
+
export { Combobox, type ComboboxProps, type ComboboxOption };
|
|
22
|
+
//# sourceMappingURL=combobox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/combobox.tsx"],"names":[],"mappings":"AAcA,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,aAAa;IACrB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ;uHAUX,aAAa;;CAsDf,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { jsxs as o, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import * as i from "react";
|
|
3
|
+
import { ArrowDown2 as w, TickCircle as y } from "iconsax-react";
|
|
4
|
+
import { cn as n } from "../../lib/utils.js";
|
|
5
|
+
import { Button as S } from "./button.js";
|
|
6
|
+
import { Command as j, CommandInput as I, CommandList as P, CommandEmpty as z, CommandGroup as B, CommandItem as O } from "./command.js";
|
|
7
|
+
import { Popover as T, PopoverTrigger as g, PopoverContent as k } from "./popover.js";
|
|
8
|
+
const A = ({
|
|
9
|
+
options: a,
|
|
10
|
+
value: d,
|
|
11
|
+
defaultValue: p,
|
|
12
|
+
onValueChange: l,
|
|
13
|
+
placeholder: u = "Select...",
|
|
14
|
+
searchPlaceholder: f = "Search...",
|
|
15
|
+
emptyText: h = "No results.",
|
|
16
|
+
disabled: v,
|
|
17
|
+
className: b
|
|
18
|
+
}) => {
|
|
19
|
+
const [t, c] = i.useState(!1), [C, x] = i.useState(p), m = d ?? C, s = a.find((e) => e.value === m), N = (e) => {
|
|
20
|
+
x(e), l == null || l(e), c(!1);
|
|
21
|
+
};
|
|
22
|
+
return /* @__PURE__ */ o(T, { open: t, onOpenChange: c, children: [
|
|
23
|
+
/* @__PURE__ */ r(g, { asChild: !0, children: /* @__PURE__ */ o(
|
|
24
|
+
S,
|
|
25
|
+
{
|
|
26
|
+
variant: "outline",
|
|
27
|
+
role: "combobox",
|
|
28
|
+
"aria-expanded": t,
|
|
29
|
+
disabled: v,
|
|
30
|
+
className: n("w-full justify-between", b),
|
|
31
|
+
children: [
|
|
32
|
+
s ? s.label : /* @__PURE__ */ r("span", { className: "text-field-placeholder", children: u }),
|
|
33
|
+
/* @__PURE__ */ r(w, { size: 16, color: "currentColor", className: "opacity-50" })
|
|
34
|
+
]
|
|
35
|
+
}
|
|
36
|
+
) }),
|
|
37
|
+
/* @__PURE__ */ r(k, { className: "w-[var(--radix-popover-trigger-width)] p-0", children: /* @__PURE__ */ o(j, { children: [
|
|
38
|
+
/* @__PURE__ */ r(I, { placeholder: f }),
|
|
39
|
+
/* @__PURE__ */ o(P, { children: [
|
|
40
|
+
/* @__PURE__ */ r(z, { children: h }),
|
|
41
|
+
/* @__PURE__ */ r(B, { children: a.map((e) => /* @__PURE__ */ o(
|
|
42
|
+
O,
|
|
43
|
+
{
|
|
44
|
+
value: e.value,
|
|
45
|
+
disabled: e.disabled,
|
|
46
|
+
onSelect: N,
|
|
47
|
+
children: [
|
|
48
|
+
/* @__PURE__ */ r(
|
|
49
|
+
y,
|
|
50
|
+
{
|
|
51
|
+
size: 14,
|
|
52
|
+
color: "currentColor",
|
|
53
|
+
variant: "Bold",
|
|
54
|
+
className: n("mr-2", m === e.value ? "opacity-100" : "opacity-0")
|
|
55
|
+
}
|
|
56
|
+
),
|
|
57
|
+
e.label
|
|
58
|
+
]
|
|
59
|
+
},
|
|
60
|
+
e.value
|
|
61
|
+
)) })
|
|
62
|
+
] })
|
|
63
|
+
] }) })
|
|
64
|
+
] });
|
|
65
|
+
};
|
|
66
|
+
A.displayName = "Combobox";
|
|
67
|
+
export {
|
|
68
|
+
A as Combobox
|
|
69
|
+
};
|
|
70
|
+
//# sourceMappingURL=combobox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"combobox.js","sources":["../../../src/components/ui/combobox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ArrowDown2, TickCircle } from 'iconsax-react';\nimport { cn } from '@/lib/utils';\nimport { Button } from './button';\nimport {\n Command,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n} from './command';\nimport { Popover, PopoverContent, PopoverTrigger } from './popover';\n\ninterface ComboboxOption {\n value: string;\n label: string;\n disabled?: boolean;\n}\n\ninterface ComboboxProps {\n options: ComboboxOption[];\n value?: string;\n defaultValue?: string;\n onValueChange?: (value: string) => void;\n placeholder?: string;\n searchPlaceholder?: string;\n emptyText?: string;\n disabled?: boolean;\n className?: string;\n}\n\nconst Combobox = ({\n options,\n value,\n defaultValue,\n onValueChange,\n placeholder = 'Select...',\n searchPlaceholder = 'Search...',\n emptyText = 'No results.',\n disabled,\n className,\n}: ComboboxProps) => {\n const [open, setOpen] = React.useState(false);\n const [internal, setInternal] = React.useState(defaultValue);\n const current = value ?? internal;\n const selected = options.find((o) => o.value === current);\n\n const handleSelect = (next: string) => {\n setInternal(next);\n onValueChange?.(next);\n setOpen(false);\n };\n\n return (\n <Popover open={open} onOpenChange={setOpen}>\n <PopoverTrigger asChild>\n <Button\n variant=\"outline\"\n role=\"combobox\"\n aria-expanded={open}\n disabled={disabled}\n className={cn('w-full justify-between', className)}\n >\n {selected ? selected.label : <span className=\"text-field-placeholder\">{placeholder}</span>}\n <ArrowDown2 size={16} color=\"currentColor\" className=\"opacity-50\" />\n </Button>\n </PopoverTrigger>\n <PopoverContent className=\"w-[var(--radix-popover-trigger-width)] p-0\">\n <Command>\n <CommandInput placeholder={searchPlaceholder} />\n <CommandList>\n <CommandEmpty>{emptyText}</CommandEmpty>\n <CommandGroup>\n {options.map((option) => (\n <CommandItem\n key={option.value}\n value={option.value}\n disabled={option.disabled}\n onSelect={handleSelect}\n >\n <TickCircle\n size={14}\n color=\"currentColor\"\n variant=\"Bold\"\n className={cn('mr-2', current === option.value ? 'opacity-100' : 'opacity-0')}\n />\n {option.label}\n </CommandItem>\n ))}\n </CommandGroup>\n </CommandList>\n </Command>\n </PopoverContent>\n </Popover>\n );\n};\nCombobox.displayName = 'Combobox';\n\nexport { Combobox, type ComboboxProps, type ComboboxOption };\n"],"names":["Combobox","options","value","defaultValue","onValueChange","placeholder","searchPlaceholder","emptyText","disabled","className","open","setOpen","React","internal","setInternal","current","selected","o","handleSelect","next","jsxs","Popover","jsx","PopoverTrigger","Button","cn","ArrowDown2","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","option","CommandItem","TickCircle"],"mappings":";;;;;;;AAgCA,MAAMA,IAAW,CAAC;AAAA,EAChB,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,mBAAAC,IAAoB;AAAA,EACpB,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,WAAAC;AACF,MAAqB;AACnB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAS,EAAK,GACtC,CAACC,GAAUC,CAAW,IAAIF,EAAM,SAAST,CAAY,GACrDY,IAAUb,KAASW,GACnBG,IAAWf,EAAQ,KAAK,CAACgB,MAAMA,EAAE,UAAUF,CAAO,GAElDG,IAAe,CAACC,MAAiB;AACrC,IAAAL,EAAYK,CAAI,GAChBf,KAAA,QAAAA,EAAgBe,IAChBR,EAAQ,EAAK;AAAA,EACf;AAEA,SACE,gBAAAS,EAACC,GAAA,EAAQ,MAAAX,GAAY,cAAcC,GACjC,UAAA;AAAA,IAAA,gBAAAW,EAACC,GAAA,EAAe,SAAO,IACrB,UAAA,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,iBAAed;AAAA,QACf,UAAAF;AAAA,QACA,WAAWiB,EAAG,0BAA0BhB,CAAS;AAAA,QAEhD,UAAA;AAAA,UAAAO,IAAWA,EAAS,QAAQ,gBAAAM,EAAC,QAAA,EAAK,WAAU,0BAA0B,UAAAjB,GAAY;AAAA,4BAClFqB,GAAA,EAAW,MAAM,IAAI,OAAM,gBAAe,WAAU,aAAA,CAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEtE;AAAA,IACA,gBAAAJ,EAACK,GAAA,EAAe,WAAU,8CACxB,4BAACC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAN,EAACO,GAAA,EAAa,aAAavB,EAAA,CAAmB;AAAA,wBAC7CwB,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAR,EAACS,KAAc,UAAAxB,EAAA,CAAU;AAAA,QACzB,gBAAAe,EAACU,GAAA,EACE,UAAA/B,EAAQ,IAAI,CAACgC,MACZ,gBAAAb;AAAA,UAACc;AAAA,UAAA;AAAA,YAEC,OAAOD,EAAO;AAAA,YACd,UAAUA,EAAO;AAAA,YACjB,UAAUf;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAAI;AAAA,gBAACa;AAAA,gBAAA;AAAA,kBACC,MAAM;AAAA,kBACN,OAAM;AAAA,kBACN,SAAQ;AAAA,kBACR,WAAWV,EAAG,QAAQV,MAAYkB,EAAO,QAAQ,gBAAgB,WAAW;AAAA,gBAAA;AAAA,cAAA;AAAA,cAE7EA,EAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAXHA,EAAO;AAAA,QAAA,CAaf,EAAA,CACH;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AACAjC,EAAS,cAAc;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),y=require("react"),m=require("cmdk"),C=require("iconsax-react"),d=require("../../lib/utils.cjs"),c=require("./dialog.cjs");function h(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const n=h(y),r=n.forwardRef(({className:e,...t},a)=>o.jsx(m.Command,{ref:a,className:d.cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-bg-popover text-text-popover",e),...t}));r.displayName=m.Command.displayName;const N=({children:e,...t})=>o.jsx(c.Dialog,{...t,children:o.jsx(c.DialogContent,{className:"overflow-hidden p-0",children:o.jsx(r,{className:"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-text-muted [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",children:e})})}),i=n.forwardRef(({className:e,...t},a)=>o.jsxs("div",{className:"flex items-center border-b border-border-muted px-3","cmdk-input-wrapper":"",children:[o.jsx(C.SearchNormal1,{size:16,color:"currentColor",className:"mr-2 shrink-0 text-icon-muted opacity-50"}),o.jsx(m.Command.Input,{ref:a,className:d.cn("flex h-11 w-full rounded-md bg-bg-transparent py-3 text-sm outline-none placeholder:text-field-placeholder disabled:cursor-not-allowed disabled:opacity-50",e),...t})]}));i.displayName=m.Command.Input.displayName;const p=n.forwardRef(({className:e,...t},a)=>o.jsx(m.Command.List,{ref:a,className:d.cn("max-h-[300px] overflow-y-auto overflow-x-hidden",e),...t}));p.displayName=m.Command.List.displayName;const l=n.forwardRef((e,t)=>o.jsx(m.Command.Empty,{ref:t,className:"py-6 text-center text-sm text-text-muted",...e}));l.displayName=m.Command.Empty.displayName;const u=n.forwardRef(({className:e,...t},a)=>o.jsx(m.Command.Group,{ref:a,className:d.cn("overflow-hidden p-1 text-text-primary [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-text-muted",e),...t}));u.displayName=m.Command.Group.displayName;const x=n.forwardRef(({className:e,...t},a)=>o.jsx(m.Command.Separator,{ref:a,className:d.cn("-mx-1 h-px bg-border-muted",e),...t}));x.displayName=m.Command.Separator.displayName;const g=n.forwardRef(({className:e,...t},a)=>o.jsx(m.Command.Item,{ref:a,className:d.cn("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-bg-accent data-[selected=true]:text-text-primary data-[disabled=true]:opacity-50",e),...t}));g.displayName=m.Command.Item.displayName;const f=({className:e,...t})=>o.jsx("span",{className:d.cn("ml-auto text-xs tracking-widest text-text-muted",e),...t});f.displayName="CommandShortcut";exports.Command=r;exports.CommandDialog=N;exports.CommandEmpty=l;exports.CommandGroup=u;exports.CommandInput=i;exports.CommandItem=g;exports.CommandList=p;exports.CommandSeparator=x;exports.CommandShortcut=f;
|
|
2
|
+
//# sourceMappingURL=command.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"command.cjs","sources":["../../../src/components/ui/command.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Command as CommandPrimitive } from 'cmdk';\nimport { SearchNormal1 } from 'iconsax-react';\nimport { cn } from '@/lib/utils';\nimport { Dialog, DialogContent } from './dialog';\n\nconst Command = React.forwardRef<\n React.ComponentRef<typeof CommandPrimitive>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive\n ref={ref}\n className={cn(\n 'flex h-full w-full flex-col overflow-hidden rounded-md bg-bg-popover text-text-popover',\n className\n )}\n {...props}\n />\n));\nCommand.displayName = CommandPrimitive.displayName;\n\ntype CommandDialogProps = React.ComponentProps<typeof Dialog>;\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => (\n <Dialog {...props}>\n <DialogContent className=\"overflow-hidden p-0\">\n <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-text-muted [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n {children}\n </Command>\n </DialogContent>\n </Dialog>\n);\n\nconst CommandInput = React.forwardRef<\n React.ComponentRef<typeof CommandPrimitive.Input>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n <div className=\"flex items-center border-b border-border-muted px-3\" cmdk-input-wrapper=\"\">\n <SearchNormal1 size={16} color=\"currentColor\" className=\"mr-2 shrink-0 text-icon-muted opacity-50\" />\n <CommandPrimitive.Input\n ref={ref}\n className={cn(\n 'flex h-11 w-full rounded-md bg-bg-transparent py-3 text-sm outline-none placeholder:text-field-placeholder disabled:cursor-not-allowed disabled:opacity-50',\n className\n )}\n {...props}\n />\n </div>\n));\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\nconst CommandList = React.forwardRef<\n React.ComponentRef<typeof CommandPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.List\n ref={ref}\n className={cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className)}\n {...props}\n />\n));\nCommandList.displayName = CommandPrimitive.List.displayName;\n\nconst CommandEmpty = React.forwardRef<\n React.ComponentRef<typeof CommandPrimitive.Empty>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n <CommandPrimitive.Empty\n ref={ref}\n className=\"py-6 text-center text-sm text-text-muted\"\n {...props}\n />\n));\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\nconst CommandGroup = React.forwardRef<\n React.ComponentRef<typeof CommandPrimitive.Group>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Group\n ref={ref}\n className={cn(\n 'overflow-hidden p-1 text-text-primary [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-text-muted',\n className\n )}\n {...props}\n />\n));\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\nconst CommandSeparator = React.forwardRef<\n React.ComponentRef<typeof CommandPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Separator\n ref={ref}\n className={cn('-mx-1 h-px bg-border-muted', className)}\n {...props}\n />\n));\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\n\nconst CommandItem = React.forwardRef<\n React.ComponentRef<typeof CommandPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Item\n ref={ref}\n className={cn(\n \"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-bg-accent data-[selected=true]:text-text-primary data-[disabled=true]:opacity-50\",\n className\n )}\n {...props}\n />\n));\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\nconst CommandShortcut = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => (\n <span\n className={cn('ml-auto text-xs tracking-widest text-text-muted', className)}\n {...props}\n />\n);\nCommandShortcut.displayName = 'CommandShortcut';\n\nexport {\n Command,\n CommandDialog,\n CommandInput,\n CommandList,\n CommandEmpty,\n CommandGroup,\n CommandItem,\n CommandShortcut,\n CommandSeparator,\n};\n"],"names":["Command","React","className","props","ref","jsx","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","CommandInput","jsxs","SearchNormal1","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":"0gBAMMA,EAAUC,EAAM,WAGpB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAACC,EAAAA,QAAA,CACC,IAAAF,EACA,UAAWG,EAAAA,GACT,yFACAL,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EACDH,EAAQ,YAAcM,EAAAA,QAAiB,YAIvC,MAAME,EAAgB,CAAC,CAAE,SAAAC,EAAU,GAAGN,CAAA,UACnCO,EAAAA,OAAA,CAAQ,GAAGP,EACV,SAAAE,EAAAA,IAACM,gBAAA,CAAc,UAAU,sBACvB,SAAAN,MAACL,GAAQ,UAAU,wWAChB,SAAAS,CAAA,CACH,CAAA,CACF,CAAA,CACF,EAGIG,EAAeX,EAAM,WAGzB,CAAC,CAAE,UAAAC,EAAW,GAAGC,GAASC,IAC1BS,EAAAA,KAAC,MAAA,CAAI,UAAU,sDAAsD,qBAAmB,GACtF,SAAA,CAAAR,MAACS,EAAAA,eAAc,KAAM,GAAI,MAAM,eAAe,UAAU,2CAA2C,EACnGT,EAAAA,IAACC,EAAAA,QAAiB,MAAjB,CACC,IAAAF,EACA,UAAWG,EAAAA,GACT,6JACAL,CAAA,EAED,GAAGC,CAAA,CAAA,CACN,EACF,CACD,EACDS,EAAa,YAAcN,UAAiB,MAAM,YAElD,MAAMS,EAAcd,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAACC,EAAAA,QAAiB,KAAjB,CACC,IAAAF,EACA,UAAWG,EAAAA,GAAG,kDAAmDL,CAAS,EACzE,GAAGC,CAAA,CACN,CACD,EACDY,EAAY,YAAcT,UAAiB,KAAK,YAEhD,MAAMU,EAAef,EAAM,WAGzB,CAACE,EAAOC,IACRC,EAAAA,IAACC,EAAAA,QAAiB,MAAjB,CACC,IAAAF,EACA,UAAU,2CACT,GAAGD,CAAA,CACN,CACD,EACDa,EAAa,YAAcV,UAAiB,MAAM,YAElD,MAAMW,EAAehB,EAAM,WAGzB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAACC,EAAAA,QAAiB,MAAjB,CACC,IAAAF,EACA,UAAWG,EAAAA,GACT,qNACAL,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EACDc,EAAa,YAAcX,UAAiB,MAAM,YAElD,MAAMY,EAAmBjB,EAAM,WAG7B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAACC,EAAAA,QAAiB,UAAjB,CACC,IAAAF,EACA,UAAWG,EAAAA,GAAG,6BAA8BL,CAAS,EACpD,GAAGC,CAAA,CACN,CACD,EACDe,EAAiB,YAAcZ,UAAiB,UAAU,YAE1D,MAAMa,EAAclB,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAACC,EAAAA,QAAiB,KAAjB,CACC,IAAAF,EACA,UAAWG,EAAAA,GACT,4PACAL,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EACDgB,EAAY,YAAcb,UAAiB,KAAK,YAEhD,MAAMc,EAAkB,CAAC,CACvB,UAAAlB,EACA,GAAGC,CACL,IACEE,EAAAA,IAAC,OAAA,CACC,UAAWE,EAAAA,GAAG,kDAAmDL,CAAS,EACzE,GAAGC,CAAA,CACN,EAEFiB,EAAgB,YAAc"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { Dialog } from './dialog';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
declare const Command: React.ForwardRefExoticComponent<Omit<{
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
6
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
7
|
+
} & {
|
|
8
|
+
asChild?: boolean;
|
|
9
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
10
|
+
label?: string;
|
|
11
|
+
shouldFilter?: boolean;
|
|
12
|
+
filter?: (value: string, search: string, keywords?: string[]) => number;
|
|
13
|
+
defaultValue?: string;
|
|
14
|
+
value?: string;
|
|
15
|
+
onValueChange?: (value: string) => void;
|
|
16
|
+
loop?: boolean;
|
|
17
|
+
disablePointerSelection?: boolean;
|
|
18
|
+
vimBindings?: boolean;
|
|
19
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
type CommandDialogProps = React.ComponentProps<typeof Dialog>;
|
|
21
|
+
declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
|
|
23
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
24
|
+
} & {
|
|
25
|
+
asChild?: boolean;
|
|
26
|
+
}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
|
|
27
|
+
value?: string;
|
|
28
|
+
onValueChange?: (search: string) => void;
|
|
29
|
+
} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
30
|
+
declare const CommandList: React.ForwardRefExoticComponent<Omit<{
|
|
31
|
+
children?: React.ReactNode;
|
|
32
|
+
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
33
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
34
|
+
} & {
|
|
35
|
+
asChild?: boolean;
|
|
36
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
37
|
+
label?: string;
|
|
38
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
39
|
+
declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
|
|
40
|
+
children?: React.ReactNode;
|
|
41
|
+
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
42
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
43
|
+
} & {
|
|
44
|
+
asChild?: boolean;
|
|
45
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
46
|
+
declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
|
|
47
|
+
children?: React.ReactNode;
|
|
48
|
+
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
49
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
50
|
+
} & {
|
|
51
|
+
asChild?: boolean;
|
|
52
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
|
|
53
|
+
heading?: React.ReactNode;
|
|
54
|
+
value?: string;
|
|
55
|
+
forceMount?: boolean;
|
|
56
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
57
|
+
declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
58
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
59
|
+
} & {
|
|
60
|
+
asChild?: boolean;
|
|
61
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
62
|
+
alwaysRender?: boolean;
|
|
63
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
64
|
+
declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
|
|
65
|
+
children?: React.ReactNode;
|
|
66
|
+
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
67
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
68
|
+
} & {
|
|
69
|
+
asChild?: boolean;
|
|
70
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
|
|
71
|
+
disabled?: boolean;
|
|
72
|
+
onSelect?: (value: string) => void;
|
|
73
|
+
value?: string;
|
|
74
|
+
keywords?: string[];
|
|
75
|
+
forceMount?: boolean;
|
|
76
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
77
|
+
declare const CommandShortcut: {
|
|
78
|
+
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
|
|
79
|
+
displayName: string;
|
|
80
|
+
};
|
|
81
|
+
export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
|
|
82
|
+
//# sourceMappingURL=command.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../src/components/ui/command.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,MAAM,EAAiB,MAAM,UAAU,CAAC;AAEjD,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;sFAYX,CAAC;AAGH,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAE9D,QAAA,MAAM,aAAa,GAAI,wBAAwB,kBAAkB,4CAQhE,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;0FAehB,CAAC;AAGH,QAAA,MAAM,WAAW;;;;;;;;sFASf,CAAC;AAGH,QAAA,MAAM,YAAY;;;;;;uJAShB,CAAC;AAGH,QAAA,MAAM,YAAY;;;;;;;;;;sFAYhB,CAAC;AAGH,QAAA,MAAM,gBAAgB;;;;;;sFASpB,CAAC;AAGH,QAAA,MAAM,WAAW;;;;;;;;;;;;sFAYf,CAAC;AAGH,QAAA,MAAM,eAAe;8BAGlB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAKvC,CAAC;AAGF,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACjB,CAAC"}
|