@px-ui/ui 1.0.3 → 1.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{avatar-B2FY4pgk.js → avatar-B1kOPk5C.js} +4 -4
- package/dist/{avatar-B2FY4pgk.js.map → avatar-B1kOPk5C.js.map} +1 -1
- package/dist/{avatar-CtZEW1Kd.d.ts → avatar-CxSoP9EP.d.ts} +6 -6
- package/dist/{avatar-CtZEW1Kd.d.ts.map → avatar-CxSoP9EP.d.ts.map} +1 -1
- package/dist/{button-peTbHgr6.d.ts → button-CzxAq5Hs.d.ts} +7 -7
- package/dist/{button-peTbHgr6.d.ts.map → button-CzxAq5Hs.d.ts.map} +1 -1
- package/dist/{button-B3SNyz-U.js → button-hBUFMmsZ.js} +2 -2
- package/dist/{button-B3SNyz-U.js.map → button-hBUFMmsZ.js.map} +1 -1
- package/dist/{combobox-CBerynHz.js → combobox-C-dF33ce.js} +9 -9
- package/dist/{combobox-CBerynHz.js.map → combobox-C-dF33ce.js.map} +1 -1
- package/dist/{combobox-BGJkF5tM.d.ts → combobox-xkPhjyC8.d.ts} +18 -18
- package/dist/{combobox-BGJkF5tM.d.ts.map → combobox-xkPhjyC8.d.ts.map} +1 -1
- package/dist/components/accordion.js +1 -1
- package/dist/components/alert-dialog.d.ts +16 -16
- package/dist/components/alert-dialog.d.ts.map +1 -1
- package/dist/components/alert-dialog.js +5 -5
- package/dist/components/alert-dialog.js.map +1 -1
- package/dist/components/alert.d.ts +7 -7
- package/dist/components/alert.d.ts.map +1 -1
- package/dist/components/alert.js +2 -2
- package/dist/components/aspect-ratio.js +1 -1
- package/dist/components/avatar-group.d.ts +4 -4
- package/dist/components/avatar-group.js +5 -5
- package/dist/components/avatar.d.ts +1 -1
- package/dist/components/avatar.js +3 -3
- package/dist/components/badge.d.ts +4 -4
- package/dist/components/badge.d.ts.map +1 -1
- package/dist/components/badge.js +1 -1
- package/dist/components/breadcrumb.d.ts +7 -7
- package/dist/components/breadcrumb.js +2 -2
- package/dist/components/button-group.d.ts +9 -9
- package/dist/components/button-group.js +2 -2
- package/dist/components/button.d.ts +1 -1
- package/dist/components/button.js +2 -2
- package/dist/components/calendar.d.ts +4 -4
- package/dist/components/calendar.js +3 -3
- package/dist/components/card.d.ts +8 -8
- package/dist/components/card.js +2 -2
- package/dist/components/carousel.d.ts +7 -7
- package/dist/components/carousel.d.ts.map +1 -1
- package/dist/components/carousel.js +3 -3
- package/dist/components/chart.d.ts +5 -5
- package/dist/components/chart.js +2 -2
- package/dist/components/checkbox.d.ts +2 -2
- package/dist/components/checkbox.js +1 -1
- package/dist/components/collapsible.d.ts +4 -4
- package/dist/components/collapsible.js +1 -1
- package/dist/components/combobox.d.ts +1 -1
- package/dist/components/combobox.js +11 -11
- package/dist/components/command.d.ts +11 -11
- package/dist/components/command.js +7 -7
- package/dist/components/context-menu.d.ts +16 -16
- package/dist/components/context-menu.js +2 -2
- package/dist/components/currency-select-field.d.ts +3 -3
- package/dist/components/currency-select-field.js +12 -12
- package/dist/components/dialog.d.ts +11 -11
- package/dist/components/dialog.d.ts.map +1 -1
- package/dist/components/dialog.js +3 -3
- package/dist/components/direction.js +1 -1
- package/dist/components/drawer.d.ts +11 -11
- package/dist/components/drawer.d.ts.map +1 -1
- package/dist/components/drawer.js +2 -2
- package/dist/components/dropdown-menu.d.ts +1 -1
- package/dist/components/dropdown-menu.js +2 -2
- package/dist/components/empty.d.ts +9 -9
- package/dist/components/empty.d.ts.map +1 -1
- package/dist/components/empty.js +1 -1
- package/dist/components/field.d.ts +16 -16
- package/dist/components/field.d.ts.map +1 -1
- package/dist/components/field.js +4 -4
- package/dist/components/file-upload-field.d.ts +2 -2
- package/dist/components/file-upload-field.js +6 -6
- package/dist/components/file-upload.d.ts +2 -2
- package/dist/components/file-upload.js +4 -4
- package/dist/components/hover-card.d.ts +4 -4
- package/dist/components/hover-card.d.ts.map +1 -1
- package/dist/components/hover-card.js +1 -1
- package/dist/components/input-group.d.ts +11 -11
- package/dist/components/input-group.d.ts.map +1 -1
- package/dist/components/input-group.js +5 -5
- package/dist/components/input-otp.d.ts +5 -5
- package/dist/components/input-otp.d.ts.map +1 -1
- package/dist/components/input-otp.js +2 -2
- package/dist/components/input.d.ts +1 -1
- package/dist/components/input.js +2 -2
- package/dist/components/item.d.ts +15 -15
- package/dist/components/item.d.ts.map +1 -1
- package/dist/components/item.js +3 -3
- package/dist/components/kbd.d.ts +3 -3
- package/dist/components/kbd.js +1 -1
- package/dist/components/label.d.ts +1 -1
- package/dist/components/label.js +2 -2
- package/dist/components/menubar.d.ts +18 -18
- package/dist/components/menubar.js +3 -3
- package/dist/components/native-select.d.ts +4 -4
- package/dist/components/native-select.js +2 -2
- package/dist/components/navigation-menu.d.ts +11 -11
- package/dist/components/navigation-menu.d.ts.map +1 -1
- package/dist/components/navigation-menu.js +1 -1
- package/dist/components/pagination.d.ts +9 -9
- package/dist/components/pagination.d.ts.map +1 -1
- package/dist/components/pagination.js +3 -3
- package/dist/components/phone-input.d.ts +2 -2
- package/dist/components/phone-input.d.ts.map +1 -1
- package/dist/components/phone-input.js +4 -4
- package/dist/components/phone-input.js.map +1 -1
- package/dist/components/popover.d.ts +7 -7
- package/dist/components/popover.d.ts.map +1 -1
- package/dist/components/popover.js +2 -2
- package/dist/components/progress.d.ts +6 -6
- package/dist/components/progress.d.ts.map +1 -1
- package/dist/components/progress.js +1 -1
- package/dist/components/radio-group.d.ts +3 -3
- package/dist/components/radio-group.d.ts.map +1 -1
- package/dist/components/radio-group.js +1 -1
- package/dist/components/resizable.d.ts +4 -4
- package/dist/components/resizable.js +1 -1
- package/dist/components/scroll-area.d.ts +3 -3
- package/dist/components/scroll-area.js +2 -2
- package/dist/components/select.d.ts +10 -10
- package/dist/components/select.js +2 -2
- package/dist/components/separator.d.ts +1 -1
- package/dist/components/separator.js +2 -2
- package/dist/components/sheet.d.ts +9 -9
- package/dist/components/sheet.js +3 -3
- package/dist/components/sidebar.d.ts +26 -26
- package/dist/components/sidebar.d.ts.map +1 -1
- package/dist/components/sidebar.js +9 -9
- package/dist/components/skeleton.d.ts +2 -2
- package/dist/components/skeleton.js +2 -2
- package/dist/components/slider.d.ts +2 -2
- package/dist/components/slider.js +1 -1
- package/dist/components/spinner.d.ts +2 -2
- package/dist/components/spinner.js +2 -2
- package/dist/components/switch.d.ts +2 -2
- package/dist/components/switch.js +1 -1
- package/dist/components/table.d.ts +9 -9
- package/dist/components/table.js +2 -2
- package/dist/components/tabs.d.ts +8 -8
- package/dist/components/tabs.d.ts.map +1 -1
- package/dist/components/tabs.js +1 -1
- package/dist/components/textarea.d.ts +2 -2
- package/dist/components/textarea.d.ts.map +1 -1
- package/dist/components/textarea.js +2 -2
- package/dist/components/toast.d.ts +1 -1
- package/dist/components/toast.js +2 -2
- package/dist/components/toggle-group.d.ts +4 -4
- package/dist/components/toggle-group.js +3 -3
- package/dist/components/toggle.d.ts +1 -1
- package/dist/components/toggle.js +2 -2
- package/dist/components/tooltip.d.ts +1 -1
- package/dist/components/tooltip.js +2 -2
- package/dist/{dialog-6oTB2jEH.js → dialog-DrdXva1a.js} +4 -4
- package/dist/{dialog-6oTB2jEH.js.map → dialog-DrdXva1a.js.map} +1 -1
- package/dist/{dropdown-menu-CN7gHXiF.js → dropdown-menu-CcumvwhM.js} +3 -3
- package/dist/{dropdown-menu-CN7gHXiF.js.map → dropdown-menu-CcumvwhM.js.map} +1 -1
- package/dist/{dropdown-menu-z9weMtW6.d.ts → dropdown-menu-CgS0xs0A.d.ts} +17 -17
- package/dist/{dropdown-menu-z9weMtW6.d.ts.map → dropdown-menu-CgS0xs0A.d.ts.map} +1 -1
- package/dist/{file-upload-CHIguMmH.d.ts → file-upload-CklY15-S.d.ts} +12 -12
- package/dist/{file-upload-CHIguMmH.d.ts.map → file-upload-CklY15-S.d.ts.map} +1 -1
- package/dist/{file-upload-CPaU1bTN.js → file-upload-DeCIv13t.js} +5 -5
- package/dist/{file-upload-CPaU1bTN.js.map → file-upload-DeCIv13t.js.map} +1 -1
- package/dist/hooks/use-async-options.js +1 -1
- package/dist/hooks/use-debounce.js +1 -1
- package/dist/hooks/use-file-upload.js +1 -1
- package/dist/hooks/use-infinite-scroll.js +2 -2
- package/dist/hooks/use-intersection-observer.js +1 -1
- package/dist/hooks/use-mobile.js +1 -1
- package/dist/{input-ByI__4Tb.js → input-8jqdnUZl.js} +3 -3
- package/dist/{input-ByI__4Tb.js.map → input-8jqdnUZl.js.map} +1 -1
- package/dist/input-Yb6j16S2.d.ts +12 -0
- package/dist/input-Yb6j16S2.d.ts.map +1 -0
- package/dist/{input-group-Dw3LpMMS.js → input-group-DqEkmpXW.js} +6 -6
- package/dist/{input-group-Dw3LpMMS.js.map → input-group-DqEkmpXW.js.map} +1 -1
- package/dist/{label-DJ-ONU1d.js → label-AaH9ZYCZ.js} +3 -3
- package/dist/{label-DJ-ONU1d.js.map → label-AaH9ZYCZ.js.map} +1 -1
- package/dist/label-iMKAd7JB.d.ts +11 -0
- package/dist/label-iMKAd7JB.d.ts.map +1 -0
- package/dist/lib/utils.js +1 -1
- package/dist/{popover-z4aFoVCA.js → popover-C9D43EuT.js} +3 -3
- package/dist/{popover-z4aFoVCA.js.map → popover-C9D43EuT.js.map} +1 -1
- package/dist/providers/px-ui-provider.d.ts +4 -4
- package/dist/providers/px-ui-provider.d.ts.map +1 -1
- package/dist/providers/px-ui-provider.js +8 -5
- package/dist/providers/px-ui-provider.js.map +1 -1
- package/dist/{separator-Cay2tYJi.js → separator-BS3ilczC.js} +2 -2
- package/dist/{separator-Cay2tYJi.js.map → separator-BS3ilczC.js.map} +1 -1
- package/dist/{separator-7n2clBT1.d.ts → separator-_9aINuaq.d.ts} +3 -3
- package/dist/{separator-7n2clBT1.d.ts.map → separator-_9aINuaq.d.ts.map} +1 -1
- package/dist/{sheet-BLGcp2vY.js → sheet-CLjNDrfL.js} +4 -4
- package/dist/{sheet-BLGcp2vY.js.map → sheet-CLjNDrfL.js.map} +1 -1
- package/dist/{skeleton-Cpayevuv.js → skeleton-BcIxI5Wq.js} +2 -2
- package/dist/{skeleton-Cpayevuv.js.map → skeleton-BcIxI5Wq.js.map} +1 -1
- package/dist/{spinner-EaERkwNt.js → spinner-Bo0sUZEg.js} +2 -2
- package/dist/{spinner-EaERkwNt.js.map → spinner-Bo0sUZEg.js.map} +1 -1
- package/dist/{textarea-CD4lb4bT.js → textarea-Cq0o323P.js} +3 -3
- package/dist/{textarea-CD4lb4bT.js.map → textarea-Cq0o323P.js.map} +1 -1
- package/dist/{toast-BIAksZXy.js → toast-COWAQbIk.js} +3 -3
- package/dist/{toast-BIAksZXy.js.map → toast-COWAQbIk.js.map} +1 -1
- package/dist/{toast-C3bNvyqf.d.ts → toast-Dnn2IfCp.d.ts} +4 -4
- package/dist/{toast-C3bNvyqf.d.ts.map → toast-Dnn2IfCp.d.ts.map} +1 -1
- package/dist/{toggle-Cwsbk1jY.js → toggle-DhJ_qwgw.js} +2 -2
- package/dist/{toggle-Cwsbk1jY.js.map → toggle-DhJ_qwgw.js.map} +1 -1
- package/dist/{toggle-E0JXUyzs.d.ts → toggle-DyQHyjuR.d.ts} +5 -5
- package/dist/{toggle-E0JXUyzs.d.ts.map → toggle-DyQHyjuR.d.ts.map} +1 -1
- package/dist/{tooltip-CIwyqk_3.js → tooltip-DkPxCJIL.js} +2 -2
- package/dist/{tooltip-CIwyqk_3.js.map → tooltip-DkPxCJIL.js.map} +1 -1
- package/dist/{tooltip-ChzCP6Bv.d.ts → tooltip-aifJKLEQ.d.ts} +6 -6
- package/dist/{tooltip-ChzCP6Bv.d.ts.map → tooltip-aifJKLEQ.d.ts.map} +1 -1
- package/dist/{use-async-options-MznolA0k.js → use-async-options-wZ9LJ2BJ.js} +1 -1
- package/dist/{use-async-options-MznolA0k.js.map → use-async-options-wZ9LJ2BJ.js.map} +1 -1
- package/dist/{use-debounce-CwnVqtDF.js → use-debounce-_qaEZqtt.js} +1 -1
- package/dist/{use-debounce-CwnVqtDF.js.map → use-debounce-_qaEZqtt.js.map} +1 -1
- package/dist/{use-file-upload-CiAqUFFh.js → use-file-upload-Dxrej28u.js} +1 -1
- package/dist/{use-file-upload-CiAqUFFh.js.map → use-file-upload-Dxrej28u.js.map} +1 -1
- package/dist/{use-infinite-scroll-DHi7CKyt.js → use-infinite-scroll-CpbhGGT5.js} +2 -2
- package/dist/{use-infinite-scroll-DHi7CKyt.js.map → use-infinite-scroll-CpbhGGT5.js.map} +1 -1
- package/dist/{use-intersection-observer-h5ZpX18y.js → use-intersection-observer-CZfnep4z.js} +1 -1
- package/dist/{use-intersection-observer-h5ZpX18y.js.map → use-intersection-observer-CZfnep4z.js.map} +1 -1
- package/dist/{use-mobile-CFSCadSm.js → use-mobile-l5ebOdQl.js} +1 -1
- package/dist/{use-mobile-CFSCadSm.js.map → use-mobile-l5ebOdQl.js.map} +1 -1
- package/dist/{utils-8o789qxH.js → utils-mWJR2N24.js} +1 -1
- package/dist/{utils-8o789qxH.js.map → utils-mWJR2N24.js.map} +1 -1
- package/package.json +1 -1
- package/dist/input-BY_HLiBI.d.ts +0 -12
- package/dist/input-BY_HLiBI.d.ts.map +0 -1
- package/dist/label-C3yvmi-S.d.ts +0 -11
- package/dist/label-C3yvmi-S.d.ts.map +0 -1
- /package/dist/{direction-CB0IW0WZ.js → direction-BKSh6e6q.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-menu-CN7gHXiF.js","names":["MenuPrimitive"],"sources":["../src/components/dropdown-menu.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\nimport { ChevronRightIcon, CheckIcon } from \"lucide-react\"\n\nfunction DropdownMenu({ ...props }: MenuPrimitive.Root.Props) {\n return <MenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props) {\n return <MenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n}\n\nfunction DropdownMenuTrigger({ ...props }: MenuPrimitive.Trigger.Props) {\n return <MenuPrimitive.Trigger data-slot=\"dropdown-menu-trigger\" {...props} />\n}\n\nfunction DropdownMenuContent({\n align = \"start\",\n alignOffset = 0,\n side = \"bottom\",\n sideOffset = 4,\n className,\n ...props\n}: MenuPrimitive.Popup.Props &\n Pick<\n MenuPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n <MenuPrimitive.Portal>\n <MenuPrimitive.Positioner\n className=\"isolate z-50 outline-none\"\n align={align}\n alignOffset={alignOffset}\n side={side}\n sideOffset={sideOffset}\n >\n <MenuPrimitive.Popup\n data-slot=\"dropdown-menu-content\"\n className={cn(\"z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95\", className )}\n {...props}\n />\n </MenuPrimitive.Positioner>\n </MenuPrimitive.Portal>\n )\n}\n\nfunction DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props) {\n return <MenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: MenuPrimitive.GroupLabel.Props & {\n inset?: boolean\n}) {\n return (\n <MenuPrimitive.GroupLabel\n data-slot=\"dropdown-menu-label\"\n data-inset={inset}\n className={cn(\n \"px-2 py-1.5 text-xs font-medium text-muted-foreground data-inset:ps-8\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: MenuPrimitive.Item.Props & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n <MenuPrimitive.Item\n data-slot=\"dropdown-menu-item\"\n data-inset={inset}\n data-variant={variant}\n className={cn(\n \"group/dropdown-menu-item relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:ps-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props) {\n return <MenuPrimitive.SubmenuRoot data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: MenuPrimitive.SubmenuTrigger.Props & {\n inset?: boolean\n}) {\n return (\n <MenuPrimitive.SubmenuTrigger\n data-slot=\"dropdown-menu-sub-trigger\"\n data-inset={inset}\n className={cn(\n \"flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:ps-8 data-popup-open:bg-accent data-popup-open:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"rtl:rotate-180 ms-auto\" />\n </MenuPrimitive.SubmenuTrigger>\n )\n}\n\nfunction DropdownMenuSubContent({\n align = \"start\",\n alignOffset = -3,\n side = \"inline-end\",\n sideOffset = 0,\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuContent>) {\n return (\n <DropdownMenuContent\n data-slot=\"dropdown-menu-sub-content\"\n className={cn(\"w-auto min-w-[96px] rounded-md bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\", className )}\n align={align}\n alignOffset={alignOffset}\n side={side}\n sideOffset={sideOffset}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n <MenuPrimitive.CheckboxItem\n data-slot=\"dropdown-menu-checkbox-item\"\n data-inset={inset}\n className={cn(\n \"relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pe-8 ps-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n checked={checked}\n {...props}\n >\n <span\n className=\"pointer-events-none absolute end-2 flex items-center justify-center\"\n data-slot=\"dropdown-menu-checkbox-item-indicator\"\n >\n <MenuPrimitive.CheckboxItemIndicator>\n <CheckIcon\n />\n </MenuPrimitive.CheckboxItemIndicator>\n </span>\n {children}\n </MenuPrimitive.CheckboxItem>\n )\n}\n\nfunction DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props) {\n return (\n <MenuPrimitive.RadioGroup\n data-slot=\"dropdown-menu-radio-group\"\n {...props}\n />\n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: MenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n <MenuPrimitive.RadioItem\n data-slot=\"dropdown-menu-radio-item\"\n data-inset={inset}\n className={cn(\n \"relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pe-8 ps-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n <span\n className=\"pointer-events-none absolute end-2 flex items-center justify-center\"\n data-slot=\"dropdown-menu-radio-item-indicator\"\n >\n <MenuPrimitive.RadioItemIndicator>\n <CheckIcon\n />\n </MenuPrimitive.RadioItemIndicator>\n </span>\n {children}\n </MenuPrimitive.RadioItem>\n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: MenuPrimitive.Separator.Props) {\n return (\n <MenuPrimitive.Separator\n data-slot=\"dropdown-menu-separator\"\n className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"dropdown-menu-shortcut\"\n className={cn(\n \"ms-auto text-xs tracking-ppx-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n}\n"],"mappings":";;;;;;;AAMA,SAAS,aAAa,EAAE,GAAG,SAAmC;AAC5D,QAAO,oBAACA,KAAc;EAAK,aAAU;EAAgB,GAAI;GAAS;;AAGpE,SAAS,mBAAmB,EAAE,GAAG,SAAqC;AACpE,QAAO,oBAACA,KAAc;EAAO,aAAU;EAAuB,GAAI;GAAS;;AAG7E,SAAS,oBAAoB,EAAE,GAAG,SAAsC;AACtE,QAAO,oBAACA,KAAc;EAAQ,aAAU;EAAwB,GAAI;GAAS;;AAG/E,SAAS,oBAAoB,EAC3B,QAAQ,SACR,cAAc,GACd,OAAO,UACP,aAAa,GACb,WACA,GAAG,SAKA;AACH,QACE,oBAACA,KAAc,oBACb,oBAACA,KAAc;EACb,WAAU;EACH;EACM;EACP;EACM;YAEZ,oBAACA,KAAc;GACb,aAAU;GACV,WAAW,GAAG,ooBAAooB,UAAW;GAC7pB,GAAI;IACJ;GACuB,GACN;;AAI3B,SAAS,kBAAkB,EAAE,GAAG,SAAoC;AAClE,QAAO,oBAACA,KAAc;EAAM,aAAU;EAAsB,GAAI;GAAS;;AAG3E,SAAS,kBAAkB,EACzB,WACA,OACA,GAAG,SAGF;AACD,QACE,oBAACA,KAAc;EACb,aAAU;EACV,cAAY;EACZ,WAAW,GACT,yEACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EACxB,WACA,OACA,UAAU,WACV,GAAG,SAIF;AACD,QACE,oBAACA,KAAc;EACb,aAAU;EACV,cAAY;EACZ,gBAAc;EACd,WAAW,GACT,4oBACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,gBAAgB,EAAE,GAAG,SAA0C;AACtE,QAAO,oBAACA,KAAc;EAAY,aAAU;EAAoB,GAAI;GAAS;;AAG/E,SAAS,uBAAuB,EAC9B,WACA,OACA,UACA,GAAG,SAGF;AACD,QACE,qBAACA,KAAc;EACb,aAAU;EACV,cAAY;EACZ,WAAW,GACT,waACA,UACD;EACD,GAAI;aAEH,UACD,oBAAC,oBAAiB,WAAU,2BAA2B;GAC1B;;AAInC,SAAS,uBAAuB,EAC9B,QAAQ,SACR,cAAc,IACd,OAAO,cACP,aAAa,GACb,WACA,GAAG,SACgD;AACnD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,2ZAA2Z,UAAW;EAC7a;EACM;EACP;EACM;EACZ,GAAI;GACJ;;AAIN,SAAS,yBAAyB,EAChC,WACA,UACA,SACA,OACA,GAAG,SAGF;AACD,QACE,qBAACA,KAAc;EACb,aAAU;EACV,cAAY;EACZ,WAAW,GACT,4VACA,UACD;EACQ;EACT,GAAI;aAEJ,oBAAC;GACC,WAAU;GACV,aAAU;aAEV,oBAACA,KAAc,mCACb,oBAAC,cACC,GACkC;IACjC,EACN;GAC0B;;AAIjC,SAAS,uBAAuB,EAAE,GAAG,SAAyC;AAC5E,QACE,oBAACA,KAAc;EACb,aAAU;EACV,GAAI;GACJ;;AAIN,SAAS,sBAAsB,EAC7B,WACA,UACA,OACA,GAAG,SAGF;AACD,QACE,qBAACA,KAAc;EACb,aAAU;EACV,cAAY;EACZ,WAAW,GACT,4VACA,UACD;EACD,GAAI;aAEJ,oBAAC;GACC,WAAU;GACV,aAAU;aAEV,oBAACA,KAAc,gCACb,oBAAC,cACC,GAC+B;IAC9B,EACN;GACuB;;AAI9B,SAAS,sBAAsB,EAC7B,WACA,GAAG,SAC6B;AAChC,QACE,oBAACA,KAAc;EACb,aAAU;EACV,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAI;GACJ;;AAIN,SAAS,qBAAqB,EAC5B,WACA,GAAG,SAC4B;AAC/B,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,mHACA,UACD;EACD,GAAI;GACJ"}
|
|
1
|
+
{"version":3,"file":"dropdown-menu-CcumvwhM.js","names":["MenuPrimitive"],"sources":["../src/components/dropdown-menu.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\nimport { ChevronRightIcon, CheckIcon } from \"lucide-react\"\n\nfunction DropdownMenu({ ...props }: MenuPrimitive.Root.Props) {\n return <MenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props) {\n return <MenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n}\n\nfunction DropdownMenuTrigger({ ...props }: MenuPrimitive.Trigger.Props) {\n return <MenuPrimitive.Trigger data-slot=\"dropdown-menu-trigger\" {...props} />\n}\n\nfunction DropdownMenuContent({\n align = \"start\",\n alignOffset = 0,\n side = \"bottom\",\n sideOffset = 4,\n className,\n ...props\n}: MenuPrimitive.Popup.Props &\n Pick<\n MenuPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n <MenuPrimitive.Portal>\n <MenuPrimitive.Positioner\n className=\"isolate z-50 outline-none\"\n align={align}\n alignOffset={alignOffset}\n side={side}\n sideOffset={sideOffset}\n >\n <MenuPrimitive.Popup\n data-slot=\"dropdown-menu-content\"\n className={cn(\"z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95\", className )}\n {...props}\n />\n </MenuPrimitive.Positioner>\n </MenuPrimitive.Portal>\n )\n}\n\nfunction DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props) {\n return <MenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: MenuPrimitive.GroupLabel.Props & {\n inset?: boolean\n}) {\n return (\n <MenuPrimitive.GroupLabel\n data-slot=\"dropdown-menu-label\"\n data-inset={inset}\n className={cn(\n \"px-2 py-1.5 text-xs font-medium text-muted-foreground data-inset:ps-8\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: MenuPrimitive.Item.Props & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n <MenuPrimitive.Item\n data-slot=\"dropdown-menu-item\"\n data-inset={inset}\n data-variant={variant}\n className={cn(\n \"group/dropdown-menu-item relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:ps-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props) {\n return <MenuPrimitive.SubmenuRoot data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: MenuPrimitive.SubmenuTrigger.Props & {\n inset?: boolean\n}) {\n return (\n <MenuPrimitive.SubmenuTrigger\n data-slot=\"dropdown-menu-sub-trigger\"\n data-inset={inset}\n className={cn(\n \"flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:ps-8 data-popup-open:bg-accent data-popup-open:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"rtl:rotate-180 ms-auto\" />\n </MenuPrimitive.SubmenuTrigger>\n )\n}\n\nfunction DropdownMenuSubContent({\n align = \"start\",\n alignOffset = -3,\n side = \"inline-end\",\n sideOffset = 0,\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuContent>) {\n return (\n <DropdownMenuContent\n data-slot=\"dropdown-menu-sub-content\"\n className={cn(\"w-auto min-w-[96px] rounded-md bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\", className )}\n align={align}\n alignOffset={alignOffset}\n side={side}\n sideOffset={sideOffset}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n <MenuPrimitive.CheckboxItem\n data-slot=\"dropdown-menu-checkbox-item\"\n data-inset={inset}\n className={cn(\n \"relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pe-8 ps-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n checked={checked}\n {...props}\n >\n <span\n className=\"pointer-events-none absolute end-2 flex items-center justify-center\"\n data-slot=\"dropdown-menu-checkbox-item-indicator\"\n >\n <MenuPrimitive.CheckboxItemIndicator>\n <CheckIcon\n />\n </MenuPrimitive.CheckboxItemIndicator>\n </span>\n {children}\n </MenuPrimitive.CheckboxItem>\n )\n}\n\nfunction DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props) {\n return (\n <MenuPrimitive.RadioGroup\n data-slot=\"dropdown-menu-radio-group\"\n {...props}\n />\n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: MenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n <MenuPrimitive.RadioItem\n data-slot=\"dropdown-menu-radio-item\"\n data-inset={inset}\n className={cn(\n \"relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pe-8 ps-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n <span\n className=\"pointer-events-none absolute end-2 flex items-center justify-center\"\n data-slot=\"dropdown-menu-radio-item-indicator\"\n >\n <MenuPrimitive.RadioItemIndicator>\n <CheckIcon\n />\n </MenuPrimitive.RadioItemIndicator>\n </span>\n {children}\n </MenuPrimitive.RadioItem>\n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: MenuPrimitive.Separator.Props) {\n return (\n <MenuPrimitive.Separator\n data-slot=\"dropdown-menu-separator\"\n className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"dropdown-menu-shortcut\"\n className={cn(\n \"ms-auto text-xs tracking-ppx-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n}\n"],"mappings":"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"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
+
import * as react_jsx_runtime247 from "react/jsx-runtime";
|
|
1
2
|
import * as React$1 from "react";
|
|
2
|
-
import * as react_jsx_runtime65 from "react/jsx-runtime";
|
|
3
3
|
import { Menu } from "@base-ui/react/menu";
|
|
4
4
|
|
|
5
5
|
//#region src/components/dropdown-menu.d.ts
|
|
6
6
|
declare function DropdownMenu({
|
|
7
7
|
...props
|
|
8
|
-
}: Menu.Root.Props):
|
|
8
|
+
}: Menu.Root.Props): react_jsx_runtime247.JSX.Element;
|
|
9
9
|
declare function DropdownMenuPortal({
|
|
10
10
|
...props
|
|
11
|
-
}: Menu.Portal.Props):
|
|
11
|
+
}: Menu.Portal.Props): react_jsx_runtime247.JSX.Element;
|
|
12
12
|
declare function DropdownMenuTrigger({
|
|
13
13
|
...props
|
|
14
|
-
}: Menu.Trigger.Props):
|
|
14
|
+
}: Menu.Trigger.Props): react_jsx_runtime247.JSX.Element;
|
|
15
15
|
declare function DropdownMenuContent({
|
|
16
16
|
align,
|
|
17
17
|
alignOffset,
|
|
@@ -19,17 +19,17 @@ declare function DropdownMenuContent({
|
|
|
19
19
|
sideOffset,
|
|
20
20
|
className,
|
|
21
21
|
...props
|
|
22
|
-
}: Menu.Popup.Props & Pick<Menu.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">):
|
|
22
|
+
}: Menu.Popup.Props & Pick<Menu.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): react_jsx_runtime247.JSX.Element;
|
|
23
23
|
declare function DropdownMenuGroup({
|
|
24
24
|
...props
|
|
25
|
-
}: Menu.Group.Props):
|
|
25
|
+
}: Menu.Group.Props): react_jsx_runtime247.JSX.Element;
|
|
26
26
|
declare function DropdownMenuLabel({
|
|
27
27
|
className,
|
|
28
28
|
inset,
|
|
29
29
|
...props
|
|
30
30
|
}: Menu.GroupLabel.Props & {
|
|
31
31
|
inset?: boolean;
|
|
32
|
-
}):
|
|
32
|
+
}): react_jsx_runtime247.JSX.Element;
|
|
33
33
|
declare function DropdownMenuItem({
|
|
34
34
|
className,
|
|
35
35
|
inset,
|
|
@@ -38,10 +38,10 @@ declare function DropdownMenuItem({
|
|
|
38
38
|
}: Menu.Item.Props & {
|
|
39
39
|
inset?: boolean;
|
|
40
40
|
variant?: "default" | "destructive";
|
|
41
|
-
}):
|
|
41
|
+
}): react_jsx_runtime247.JSX.Element;
|
|
42
42
|
declare function DropdownMenuSub({
|
|
43
43
|
...props
|
|
44
|
-
}: Menu.SubmenuRoot.Props):
|
|
44
|
+
}: Menu.SubmenuRoot.Props): react_jsx_runtime247.JSX.Element;
|
|
45
45
|
declare function DropdownMenuSubTrigger({
|
|
46
46
|
className,
|
|
47
47
|
inset,
|
|
@@ -49,7 +49,7 @@ declare function DropdownMenuSubTrigger({
|
|
|
49
49
|
...props
|
|
50
50
|
}: Menu.SubmenuTrigger.Props & {
|
|
51
51
|
inset?: boolean;
|
|
52
|
-
}):
|
|
52
|
+
}): react_jsx_runtime247.JSX.Element;
|
|
53
53
|
declare function DropdownMenuSubContent({
|
|
54
54
|
align,
|
|
55
55
|
alignOffset,
|
|
@@ -57,7 +57,7 @@ declare function DropdownMenuSubContent({
|
|
|
57
57
|
sideOffset,
|
|
58
58
|
className,
|
|
59
59
|
...props
|
|
60
|
-
}: React$1.ComponentProps<typeof DropdownMenuContent>):
|
|
60
|
+
}: React$1.ComponentProps<typeof DropdownMenuContent>): react_jsx_runtime247.JSX.Element;
|
|
61
61
|
declare function DropdownMenuCheckboxItem({
|
|
62
62
|
className,
|
|
63
63
|
children,
|
|
@@ -66,10 +66,10 @@ declare function DropdownMenuCheckboxItem({
|
|
|
66
66
|
...props
|
|
67
67
|
}: Menu.CheckboxItem.Props & {
|
|
68
68
|
inset?: boolean;
|
|
69
|
-
}):
|
|
69
|
+
}): react_jsx_runtime247.JSX.Element;
|
|
70
70
|
declare function DropdownMenuRadioGroup({
|
|
71
71
|
...props
|
|
72
|
-
}: Menu.RadioGroup.Props):
|
|
72
|
+
}: Menu.RadioGroup.Props): react_jsx_runtime247.JSX.Element;
|
|
73
73
|
declare function DropdownMenuRadioItem({
|
|
74
74
|
className,
|
|
75
75
|
children,
|
|
@@ -77,15 +77,15 @@ declare function DropdownMenuRadioItem({
|
|
|
77
77
|
...props
|
|
78
78
|
}: Menu.RadioItem.Props & {
|
|
79
79
|
inset?: boolean;
|
|
80
|
-
}):
|
|
80
|
+
}): react_jsx_runtime247.JSX.Element;
|
|
81
81
|
declare function DropdownMenuSeparator({
|
|
82
82
|
className,
|
|
83
83
|
...props
|
|
84
|
-
}: Menu.Separator.Props):
|
|
84
|
+
}: Menu.Separator.Props): react_jsx_runtime247.JSX.Element;
|
|
85
85
|
declare function DropdownMenuShortcut({
|
|
86
86
|
className,
|
|
87
87
|
...props
|
|
88
|
-
}: React$1.ComponentProps<"span">):
|
|
88
|
+
}: React$1.ComponentProps<"span">): react_jsx_runtime247.JSX.Element;
|
|
89
89
|
//#endregion
|
|
90
90
|
export { DropdownMenuItem as a, DropdownMenuRadioGroup as c, DropdownMenuShortcut as d, DropdownMenuSub as f, DropdownMenuTrigger as h, DropdownMenuGroup as i, DropdownMenuRadioItem as l, DropdownMenuSubTrigger as m, DropdownMenuCheckboxItem as n, DropdownMenuLabel as o, DropdownMenuSubContent as p, DropdownMenuContent as r, DropdownMenuPortal as s, DropdownMenu as t, DropdownMenuSeparator as u };
|
|
91
|
-
//# sourceMappingURL=dropdown-menu-
|
|
91
|
+
//# sourceMappingURL=dropdown-menu-CgS0xs0A.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-menu-
|
|
1
|
+
{"version":3,"file":"dropdown-menu-CgS0xs0A.d.ts","names":[],"sources":["../src/components/dropdown-menu.tsx"],"sourcesContent":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { t as Button } from "./button-
|
|
1
|
+
import { t as Button } from "./button-CzxAq5Hs.js";
|
|
2
2
|
import { d as UseFileUploadReturn, n as FileUploadItem } from "./use-file-upload-yy-xLBtn.js";
|
|
3
|
-
import * as React$1 from "react";
|
|
4
3
|
import { LucideIcon } from "lucide-react";
|
|
5
|
-
import * as
|
|
4
|
+
import * as react_jsx_runtime47 from "react/jsx-runtime";
|
|
5
|
+
import * as React$1 from "react";
|
|
6
6
|
import { VariantProps } from "class-variance-authority";
|
|
7
|
-
import * as
|
|
7
|
+
import * as class_variance_authority_types1 from "class-variance-authority/types";
|
|
8
8
|
|
|
9
9
|
//#region src/components/file-upload.d.ts
|
|
10
10
|
type FileInfo = {
|
|
@@ -35,11 +35,11 @@ declare function Root({
|
|
|
35
35
|
multiple,
|
|
36
36
|
disabled,
|
|
37
37
|
className
|
|
38
|
-
}: RootProps):
|
|
38
|
+
}: RootProps): react_jsx_runtime47.JSX.Element;
|
|
39
39
|
declare const dropzoneVariants: (props?: ({
|
|
40
40
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
41
41
|
isDragActive?: boolean | null | undefined;
|
|
42
|
-
} &
|
|
42
|
+
} & class_variance_authority_types1.ClassProp) | undefined) => string;
|
|
43
43
|
/** State passed to the render prop */
|
|
44
44
|
interface DropzoneState {
|
|
45
45
|
/** Whether files are being dragged over the dropzone */
|
|
@@ -84,12 +84,12 @@ declare function Dropzone({
|
|
|
84
84
|
browseText,
|
|
85
85
|
render,
|
|
86
86
|
...props
|
|
87
|
-
}: DropzoneProps):
|
|
87
|
+
}: DropzoneProps): react_jsx_runtime47.JSX.Element;
|
|
88
88
|
interface HiddenInputProps extends Omit<React$1.ComponentProps<"input">, "type"> {}
|
|
89
89
|
declare function HiddenInput({
|
|
90
90
|
className,
|
|
91
91
|
...props
|
|
92
|
-
}: HiddenInputProps):
|
|
92
|
+
}: HiddenInputProps): react_jsx_runtime47.JSX.Element;
|
|
93
93
|
interface ListProps extends Omit<React$1.ComponentProps<"div">, "children"> {
|
|
94
94
|
children?: React$1.ReactNode | ((files: FileUploadItem[]) => React$1.ReactNode);
|
|
95
95
|
}
|
|
@@ -97,7 +97,7 @@ declare function List({
|
|
|
97
97
|
className,
|
|
98
98
|
children,
|
|
99
99
|
...props
|
|
100
|
-
}: ListProps):
|
|
100
|
+
}: ListProps): react_jsx_runtime47.JSX.Element | null;
|
|
101
101
|
interface ListItemProps extends React$1.ComponentProps<"div"> {
|
|
102
102
|
file: FileUploadItem;
|
|
103
103
|
/** Show file type icon (default: true) */
|
|
@@ -126,12 +126,12 @@ declare function ListItem({
|
|
|
126
126
|
icon,
|
|
127
127
|
onItemClick,
|
|
128
128
|
...props
|
|
129
|
-
}: ListItemProps):
|
|
129
|
+
}: ListItemProps): react_jsx_runtime47.JSX.Element;
|
|
130
130
|
interface ClearAllProps extends React$1.ComponentProps<typeof Button> {}
|
|
131
131
|
declare function ClearAll({
|
|
132
132
|
children,
|
|
133
133
|
...props
|
|
134
|
-
}: ClearAllProps):
|
|
134
|
+
}: ClearAllProps): react_jsx_runtime47.JSX.Element | null;
|
|
135
135
|
declare const FileUpload: {
|
|
136
136
|
Root: typeof Root;
|
|
137
137
|
Dropzone: typeof Dropzone;
|
|
@@ -142,4 +142,4 @@ declare const FileUpload: {
|
|
|
142
142
|
};
|
|
143
143
|
//#endregion
|
|
144
144
|
export { FileUpload as a, ListProps as c, DropzoneState as i, RootProps as l, DropzoneProps as n, HiddenInputProps as o, DropzoneRenderProps as r, ListItemProps as s, ClearAllProps as t, getFileTypeIcon as u };
|
|
145
|
-
//# sourceMappingURL=file-upload-
|
|
145
|
+
//# sourceMappingURL=file-upload-CklY15-S.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-upload-
|
|
1
|
+
{"version":3,"file":"file-upload-CklY15-S.d.ts","names":[],"sources":["../src/components/file-upload.tsx"],"sourcesContent":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { t as cn } from "./utils-
|
|
2
|
-
import { t as Button } from "./button-
|
|
3
|
-
import { t as Spinner } from "./spinner-
|
|
4
|
-
import * as React$1 from "react";
|
|
1
|
+
import { t as cn } from "./utils-mWJR2N24.js";
|
|
2
|
+
import { t as Button } from "./button-hBUFMmsZ.js";
|
|
3
|
+
import { t as Spinner } from "./spinner-Bo0sUZEg.js";
|
|
5
4
|
import { CloudUploadIcon, FileArchiveIcon, FileAudioIcon, FileCodeIcon, FileIcon, FileSpreadsheetIcon, FileTextIcon, FileVideoIcon, ImageIcon, RotateCwIcon, XIcon } from "lucide-react";
|
|
6
5
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
+
import * as React$1 from "react";
|
|
7
7
|
import { cva } from "class-variance-authority";
|
|
8
8
|
|
|
9
9
|
//#region src/components/file-upload.tsx
|
|
@@ -431,4 +431,4 @@ const FileUpload = {
|
|
|
431
431
|
|
|
432
432
|
//#endregion
|
|
433
433
|
export { getFileTypeIcon as n, FileUpload as t };
|
|
434
|
-
//# sourceMappingURL=file-upload-
|
|
434
|
+
//# sourceMappingURL=file-upload-DeCIv13t.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-upload-CPaU1bTN.js","names":["extensionMap: Record<string, LucideIcon>","mimeTypeMap: Record<string, LucideIcon>","React","contextValue: FileUploadContextValue","state: DropzoneState","renderProps: DropzoneRenderProps"],"sources":["../src/components/file-upload.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport {\n CloudUploadIcon,\n XIcon,\n RotateCwIcon,\n FileIcon,\n FileTextIcon,\n FileSpreadsheetIcon,\n ImageIcon,\n FileVideoIcon,\n FileAudioIcon,\n FileArchiveIcon,\n FileCodeIcon,\n type LucideIcon,\n} from \"lucide-react\";\nimport { cn } from \"@px-ui/ui/lib/utils\";\nimport { Button } from \"@px-ui/ui/components/button\";\nimport { Spinner } from \"@px-ui/ui/components/spinner\";\nimport type {\n FileUploadItem,\n UseFileUploadReturn,\n} from \"@px-ui/ui/hooks/use-file-upload\";\n\n// ============================================================================\n// File type icon\n// ============================================================================\n\ntype FileInfo = { name: string; type?: string };\n\nconst extensionMap: Record<string, LucideIcon> = {\n pdf: FileTextIcon,\n\n // Word documents\n doc: FileTextIcon,\n docx: FileTextIcon,\n rtf: FileTextIcon,\n odt: FileTextIcon,\n\n // Excel / spreadsheets\n xls: FileSpreadsheetIcon,\n xlsx: FileSpreadsheetIcon,\n csv: FileSpreadsheetIcon,\n ods: FileSpreadsheetIcon,\n\n // Images\n png: ImageIcon,\n jpg: ImageIcon,\n jpeg: ImageIcon,\n gif: ImageIcon,\n webp: ImageIcon,\n svg: ImageIcon,\n bmp: ImageIcon,\n ico: ImageIcon,\n tiff: ImageIcon,\n tif: ImageIcon,\n\n // Video\n mp4: FileVideoIcon,\n webm: FileVideoIcon,\n mov: FileVideoIcon,\n avi: FileVideoIcon,\n mkv: FileVideoIcon,\n wmv: FileVideoIcon,\n flv: FileVideoIcon,\n\n // Audio\n mp3: FileAudioIcon,\n wav: FileAudioIcon,\n ogg: FileAudioIcon,\n flac: FileAudioIcon,\n aac: FileAudioIcon,\n m4a: FileAudioIcon,\n wma: FileAudioIcon,\n\n // Archives\n zip: FileArchiveIcon,\n rar: FileArchiveIcon,\n \"7z\": FileArchiveIcon,\n tar: FileArchiveIcon,\n gz: FileArchiveIcon,\n bz2: FileArchiveIcon,\n\n // Code\n js: FileCodeIcon,\n jsx: FileCodeIcon,\n ts: FileCodeIcon,\n tsx: FileCodeIcon,\n json: FileCodeIcon,\n html: FileCodeIcon,\n css: FileCodeIcon,\n scss: FileCodeIcon,\n less: FileCodeIcon,\n py: FileCodeIcon,\n rb: FileCodeIcon,\n java: FileCodeIcon,\n c: FileCodeIcon,\n cpp: FileCodeIcon,\n h: FileCodeIcon,\n go: FileCodeIcon,\n rs: FileCodeIcon,\n php: FileCodeIcon,\n sql: FileCodeIcon,\n sh: FileCodeIcon,\n bash: FileCodeIcon,\n yml: FileCodeIcon,\n yaml: FileCodeIcon,\n xml: FileCodeIcon,\n\n // Text\n txt: FileTextIcon,\n md: FileTextIcon,\n markdown: FileTextIcon,\n log: FileTextIcon,\n};\n\nconst mimeTypeMap: Record<string, LucideIcon> = {\n \"application/pdf\": FileTextIcon,\n\n // Word\n \"application/msword\": FileTextIcon,\n \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\":\n FileTextIcon,\n \"application/rtf\": FileTextIcon,\n \"application/vnd.oasis.opendocument.text\": FileTextIcon,\n\n // Excel\n \"application/vnd.ms-excel\": FileSpreadsheetIcon,\n \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\":\n FileSpreadsheetIcon,\n \"text/csv\": FileSpreadsheetIcon,\n \"application/vnd.oasis.opendocument.spreadsheet\": FileSpreadsheetIcon,\n\n // Archives\n \"application/zip\": FileArchiveIcon,\n \"application/x-rar-compressed\": FileArchiveIcon,\n \"application/x-7z-compressed\": FileArchiveIcon,\n \"application/x-tar\": FileArchiveIcon,\n \"application/gzip\": FileArchiveIcon,\n\n // Code\n \"application/javascript\": FileCodeIcon,\n \"application/typescript\": FileCodeIcon,\n \"application/json\": FileCodeIcon,\n \"text/html\": FileCodeIcon,\n \"text/css\": FileCodeIcon,\n \"application/xml\": FileCodeIcon,\n \"text/xml\": FileCodeIcon,\n\n // Text\n \"text/plain\": FileTextIcon,\n \"text/markdown\": FileTextIcon,\n};\n\n/**\n * Get the appropriate file type icon component for a file.\n * Uses MIME type first, then falls back to file extension.\n */\nfunction getFileTypeIcon(file: FileInfo): LucideIcon {\n if (file.type) {\n if (file.type.startsWith(\"image/\")) return ImageIcon;\n if (file.type.startsWith(\"video/\")) return FileVideoIcon;\n if (file.type.startsWith(\"audio/\")) return FileAudioIcon;\n\n const mimeIcon = mimeTypeMap[file.type];\n if (mimeIcon) return mimeIcon;\n }\n\n const extension = file.name.split(\".\").pop()?.toLowerCase();\n if (extension) {\n const extIcon = extensionMap[extension];\n if (extIcon) return extIcon;\n }\n\n return FileIcon;\n}\n\n// ============================================================================\n// Context\n// ============================================================================\n\ninterface FileUploadContextValue {\n upload: UseFileUploadReturn;\n accept?: string;\n multiple: boolean;\n disabled: boolean;\n}\n\nconst FileUploadContext = React.createContext<FileUploadContextValue | null>(\n null,\n);\n\nfunction useFileUploadContext() {\n const context = React.useContext(FileUploadContext);\n if (!context) {\n throw new Error(\n \"FileUpload components must be used within FileUpload.Root\",\n );\n }\n return context;\n}\n\n// ============================================================================\n// Root Component\n// ============================================================================\n\nexport interface RootProps {\n children: React.ReactNode;\n /** The upload hook return value */\n upload: UseFileUploadReturn;\n /** Accepted file types (e.g., \"image/*,.pdf\") */\n accept?: string;\n /** Allow multiple file selection */\n multiple?: boolean;\n /** Whether the upload is disabled */\n disabled?: boolean;\n className?: string;\n}\n\nfunction Root({\n children,\n upload,\n accept,\n multiple = false,\n disabled = false,\n className,\n}: RootProps) {\n const contextValue: FileUploadContextValue = {\n upload,\n accept,\n multiple,\n disabled,\n };\n\n return (\n <FileUploadContext.Provider value={contextValue}>\n <div\n data-slot=\"file-upload\"\n className={cn(\"flex flex-col gap-4\", className)}\n >\n {children}\n </div>\n </FileUploadContext.Provider>\n );\n}\n\n// ============================================================================\n// Dropzone Component\n// ============================================================================\n\nconst dropzoneVariants = cva(\n \"flex flex-col items-center justify-center gap-4 rounded-md bg-muted transition-colors outline-none focus-visible:ring-3 focus-visible:ring-ring/50\",\n {\n variants: {\n size: {\n default: \"p-8 min-h-[200px]\",\n sm: \"p-6 min-h-[160px]\",\n lg: \"p-10 min-h-[260px]\",\n },\n isDragActive: {\n true: \"border-2 border-dashed border-primary bg-primary/5\",\n false: \"\",\n },\n },\n defaultVariants: {\n size: \"default\",\n isDragActive: false,\n },\n },\n);\n\n/** State passed to the render prop */\nexport interface DropzoneState {\n /** Whether files are being dragged over the dropzone */\n isDragging: boolean;\n /** Whether files are currently uploading */\n isUploading: boolean;\n /** Whether the dropzone is disabled */\n disabled: boolean;\n /** Current files in the upload */\n files: FileUploadItem[];\n}\n\n/** Props passed to the render prop element */\nexport interface DropzoneRenderProps {\n onDragEnter: React.DragEventHandler;\n onDragLeave: React.DragEventHandler;\n onDragOver: React.DragEventHandler;\n onDrop: React.DragEventHandler;\n onPaste: React.ClipboardEventHandler;\n onKeyDown: React.KeyboardEventHandler;\n onClick: React.MouseEventHandler;\n tabIndex: number;\n role: string;\n \"aria-disabled\": boolean;\n \"data-dragging\": boolean;\n}\n\nexport interface DropzoneProps\n extends Omit<React.ComponentProps<\"div\">, \"children\">,\n Omit<VariantProps<typeof dropzoneVariants>, \"isDragActive\"> {\n /** Custom text for the dropzone */\n dropzoneText?: string;\n /** Custom text for the browse button */\n browseText?: string;\n /**\n * Render prop for complete customization.\n * When provided, replaces the default dropzone element.\n * Receives props to spread and state for conditional styling.\n */\n render?: (\n props: DropzoneRenderProps,\n state: DropzoneState,\n ) => React.ReactElement;\n}\n\nfunction Dropzone({\n className,\n size,\n dropzoneText = \"Paste Or Drag & Drop Files Here\",\n browseText = \"Browse for files\",\n render,\n ...props\n}: DropzoneProps) {\n const { upload, accept, multiple, disabled } = useFileUploadContext();\n const {\n isDragging,\n isUploading,\n files,\n openFileDialog,\n getInputProps,\n handleDragEnter,\n handleDragLeave,\n handleDragOver,\n handleDrop,\n addFiles,\n } = upload;\n\n const descriptionId = React.useId();\n const instructionsId = React.useId();\n const [announcement, setAnnouncement] = React.useState(\"\");\n\n const inputProps = getInputProps();\n\n const handleKeyDown = React.useCallback(\n (e: React.KeyboardEvent) => {\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n openFileDialog();\n }\n },\n [openFileDialog],\n );\n\n const handlePaste = React.useCallback(\n (e: React.ClipboardEvent) => {\n if (disabled) return;\n const pastedFiles = e.clipboardData.files;\n if (pastedFiles.length > 0) {\n e.preventDefault();\n const filesArray = Array.from(pastedFiles);\n addFiles(filesArray);\n setAnnouncement(\n `${filesArray.length} file${filesArray.length > 1 ? \"s\" : \"\"} pasted`,\n );\n }\n },\n [disabled, addFiles],\n );\n\n const handleClick = React.useCallback(() => {\n if (disabled || isUploading) return;\n openFileDialog();\n }, [disabled, isUploading, openFileDialog]);\n\n // State passed to render prop\n const state: DropzoneState = {\n isDragging,\n isUploading,\n disabled,\n files,\n };\n\n // Props passed to render prop (to be spread on custom element)\n const renderProps: DropzoneRenderProps = {\n onDragEnter: handleDragEnter,\n onDragLeave: handleDragLeave,\n onDragOver: handleDragOver,\n onDrop: handleDrop,\n onPaste: handlePaste,\n onKeyDown: handleKeyDown,\n onClick: handleClick,\n tabIndex: disabled ? -1 : 0,\n role: \"button\",\n \"aria-disabled\": disabled,\n \"data-dragging\": isDragging,\n };\n\n // Hidden input element (always rendered)\n const hiddenInput = (\n <input\n {...inputProps}\n className=\"sr-only\"\n accept={accept}\n multiple={multiple}\n disabled={disabled}\n tabIndex={-1}\n aria-hidden=\"true\"\n />\n );\n\n // Screen reader elements\n const srElements = (\n <>\n <div\n role=\"status\"\n aria-live=\"polite\"\n aria-atomic=\"true\"\n className=\"sr-only\"\n >\n {announcement}\n </div>\n <div id={descriptionId} className=\"sr-only\">\n {dropzoneText}\n </div>\n <div id={instructionsId} className=\"sr-only\">\n Press Enter or Space to browse files, or drag and drop files here.\n </div>\n </>\n );\n\n // If render prop is provided, use it for full customization\n if (render) {\n return (\n <div data-slot=\"file-upload-dropzone\">\n {hiddenInput}\n {srElements}\n {render(renderProps, state)}\n </div>\n );\n }\n\n // Default rendering\n return (\n <div\n data-slot=\"file-upload-dropzone\"\n className={cn(\n dropzoneVariants({ size, isDragActive: isDragging }),\n disabled && \"cursor-not-allowed opacity-60\",\n className,\n )}\n {...renderProps}\n aria-describedby={`${descriptionId} ${instructionsId}`}\n aria-label=\"File upload dropzone\"\n {...props}\n >\n {srElements}\n {hiddenInput}\n\n <div className=\"text-muted-foreground flex items-center gap-3\">\n <CloudUploadIcon size={40} aria-hidden=\"true\" />\n <span className=\"text-base text-foreground font-medium\">\n {dropzoneText}\n </span>\n </div>\n\n <div className=\"flex w-full items-center gap-3\" aria-hidden=\"true\">\n <div className=\"bg-border h-px flex-1\" />\n <span className=\"text-sm text-muted-foreground font-medium\">OR</span>\n <div className=\"bg-border h-px flex-1\" />\n </div>\n\n <Button\n type=\"button\"\n variant=\"default\"\n disabled={disabled || isUploading}\n >\n {isUploading ? (\n <>\n <Spinner className=\"size-4\" />\n Uploading...\n </>\n ) : (\n browseText\n )}\n </Button>\n </div>\n );\n}\n\n// ============================================================================\n// HiddenInput Component\n// ============================================================================\n\nexport interface HiddenInputProps\n extends Omit<React.ComponentProps<\"input\">, \"type\"> {}\n\nfunction HiddenInput({ className, ...props }: HiddenInputProps) {\n const { upload, accept, multiple, disabled } = useFileUploadContext();\n const inputProps = upload.getInputProps();\n\n return (\n <input\n {...inputProps}\n {...props}\n className={cn(\"sr-only\", className)}\n accept={accept}\n multiple={multiple}\n disabled={disabled}\n tabIndex={-1}\n aria-hidden=\"true\"\n />\n );\n}\n\n// ============================================================================\n// List Component\n// ============================================================================\n\nexport interface ListProps\n extends Omit<React.ComponentProps<\"div\">, \"children\"> {\n children?: React.ReactNode | ((files: FileUploadItem[]) => React.ReactNode);\n}\n\nfunction List({ className, children, ...props }: ListProps) {\n const { upload } = useFileUploadContext();\n const { files } = upload;\n\n if (files.length === 0) return null;\n\n return (\n <div\n data-slot=\"file-upload-list\"\n className={cn(\"flex flex-col gap-2\", className)}\n {...props}\n >\n {typeof children === \"function\" ? children(files) : children}\n </div>\n );\n}\n\n// ============================================================================\n// ListItem Component (Consolidated)\n// ============================================================================\n\nexport interface ListItemProps extends React.ComponentProps<\"div\"> {\n file: FileUploadItem;\n /** Show file type icon (default: true) */\n showIcon?: boolean;\n /** Show progress bar when uploading (default: true) */\n showProgress?: boolean;\n /** Show error message when error (default: true) */\n showError?: boolean;\n /** Show remove button (default: true) */\n showRemove?: boolean;\n /** Show retry button when error (default: true) */\n showRetry?: boolean;\n /** Custom icon component */\n icon?: React.ReactNode;\n /** Click handler for the list item */\n onItemClick?: (file: FileUploadItem) => void;\n}\n\nfunction ListItem({\n file,\n className,\n showIcon = true,\n showProgress = true,\n showError = true,\n showRemove = true,\n showRetry = true,\n icon,\n onItemClick,\n ...props\n}: ListItemProps) {\n const { upload, disabled } = useFileUploadContext();\n const { removeFile, retryUpload } = upload;\n\n const isUploading = file.status === \"uploading\";\n const isError = file.status === \"error\";\n\n // Get the appropriate icon\n const FileTypeIcon = getFileTypeIcon({\n name: file.file.name,\n type: file.file.type,\n });\n\n // Check if file is an image type (should show preview)\n const isImageType = file.file.type?.startsWith(\"image/\");\n const shouldShowImagePreview = file.preview && isImageType;\n\n const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n if ((e.target as HTMLElement).closest(\"button\")) return;\n onItemClick?.(file);\n props.onClick?.(e);\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n if (onItemClick && (e.key === \"Enter\" || e.key === \" \")) {\n e.preventDefault();\n onItemClick(file);\n }\n props.onKeyDown?.(e);\n };\n\n const interactiveProps = onItemClick\n ? {\n role: \"button\" as const,\n tabIndex: 0,\n }\n : {};\n\n return (\n <div\n data-slot=\"file-upload-list-item\"\n data-status={file.status}\n className={cn(\n \"flex items-center gap-3 rounded-md border bg-card p-3\",\n isError && \"border-destructive bg-destructive/10\",\n onItemClick &&\n \"cursor-pointer hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n className,\n )}\n {...props}\n {...interactiveProps}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n >\n {/* Icon/Preview */}\n {showIcon && (\n <div className=\"flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-sm bg-muted\">\n {shouldShowImagePreview ? (\n <img\n src={file.preview}\n alt={file.file.name}\n className=\"size-full object-cover\"\n />\n ) : icon ? (\n icon\n ) : (\n <FileTypeIcon className=\"size-5\" />\n )}\n </div>\n )}\n\n {/* File info */}\n <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n <span className=\"text-sm text-foreground truncate font-medium\">\n {file.file.name}\n </span>\n\n <div className=\"flex items-center gap-2\">\n {/* Progress bar */}\n {showProgress && isUploading && (\n <div className=\"bg-muted h-1.5 flex-1 overflow-hidden rounded-full\">\n <div\n className=\"bg-primary h-full transition-all duration-300\"\n style={{ width: `${file.progress}%` }}\n />\n </div>\n )}\n\n {/* Progress percentage */}\n {isUploading && (\n <span className=\"text-xs text-muted-foreground shrink-0\">\n {file.progress}%\n </span>\n )}\n </div>\n\n {/* Error message */}\n {showError && isError && file.error && (\n <span className=\"text-xs text-destructive\">{file.error}</span>\n )}\n </div>\n\n {/* Actions */}\n <div className=\"flex shrink-0 items-center gap-1\">\n {/* Retry button */}\n {showRetry && isError && (\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"icon-sm\"\n onClick={() => retryUpload(file.id)}\n disabled={disabled}\n aria-label={`Retry uploading ${file.file.name}`}\n >\n <RotateCwIcon className=\"size-4\" />\n </Button>\n )}\n\n {/* Remove button */}\n {showRemove && (\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"icon-sm\"\n onClick={() => removeFile(file.id)}\n disabled={disabled}\n aria-label={`Remove ${file.file.name}`}\n >\n <XIcon className=\"size-4\" />\n </Button>\n )}\n </div>\n </div>\n );\n}\n\n// ============================================================================\n// ClearAll Component\n// ============================================================================\n\nexport interface ClearAllProps extends React.ComponentProps<typeof Button> {}\n\nfunction ClearAll({ children, ...props }: ClearAllProps) {\n const { upload, disabled } = useFileUploadContext();\n const { clearFiles, files } = upload;\n\n if (files.length === 0) return null;\n\n return (\n <Button\n type=\"button\"\n variant=\"ghost\"\n onClick={clearFiles}\n disabled={disabled}\n data-slot=\"file-upload-clear-all\"\n {...props}\n >\n {children ?? \"Remove all files\"}\n </Button>\n );\n}\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { getFileTypeIcon };\n\nexport const FileUpload = {\n Root,\n Dropzone,\n HiddenInput,\n List,\n ListItem,\n ClearAll,\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"file-upload-DeCIv13t.js","names":["extensionMap: Record<string, LucideIcon>","mimeTypeMap: Record<string, LucideIcon>","React","contextValue: FileUploadContextValue","state: DropzoneState","renderProps: DropzoneRenderProps"],"sources":["../src/components/file-upload.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport {\n CloudUploadIcon,\n XIcon,\n RotateCwIcon,\n FileIcon,\n FileTextIcon,\n FileSpreadsheetIcon,\n ImageIcon,\n FileVideoIcon,\n FileAudioIcon,\n FileArchiveIcon,\n FileCodeIcon,\n type LucideIcon,\n} from \"lucide-react\";\nimport { cn } from \"@px-ui/ui/lib/utils\";\nimport { Button } from \"@px-ui/ui/components/button\";\nimport { Spinner } from \"@px-ui/ui/components/spinner\";\nimport type {\n FileUploadItem,\n UseFileUploadReturn,\n} from \"@px-ui/ui/hooks/use-file-upload\";\n\n// ============================================================================\n// File type icon\n// ============================================================================\n\ntype FileInfo = { name: string; type?: string };\n\nconst extensionMap: Record<string, LucideIcon> = {\n pdf: FileTextIcon,\n\n // Word documents\n doc: FileTextIcon,\n docx: FileTextIcon,\n rtf: FileTextIcon,\n odt: FileTextIcon,\n\n // Excel / spreadsheets\n xls: FileSpreadsheetIcon,\n xlsx: FileSpreadsheetIcon,\n csv: FileSpreadsheetIcon,\n ods: FileSpreadsheetIcon,\n\n // Images\n png: ImageIcon,\n jpg: ImageIcon,\n jpeg: ImageIcon,\n gif: ImageIcon,\n webp: ImageIcon,\n svg: ImageIcon,\n bmp: ImageIcon,\n ico: ImageIcon,\n tiff: ImageIcon,\n tif: ImageIcon,\n\n // Video\n mp4: FileVideoIcon,\n webm: FileVideoIcon,\n mov: FileVideoIcon,\n avi: FileVideoIcon,\n mkv: FileVideoIcon,\n wmv: FileVideoIcon,\n flv: FileVideoIcon,\n\n // Audio\n mp3: FileAudioIcon,\n wav: FileAudioIcon,\n ogg: FileAudioIcon,\n flac: FileAudioIcon,\n aac: FileAudioIcon,\n m4a: FileAudioIcon,\n wma: FileAudioIcon,\n\n // Archives\n zip: FileArchiveIcon,\n rar: FileArchiveIcon,\n \"7z\": FileArchiveIcon,\n tar: FileArchiveIcon,\n gz: FileArchiveIcon,\n bz2: FileArchiveIcon,\n\n // Code\n js: FileCodeIcon,\n jsx: FileCodeIcon,\n ts: FileCodeIcon,\n tsx: FileCodeIcon,\n json: FileCodeIcon,\n html: FileCodeIcon,\n css: FileCodeIcon,\n scss: FileCodeIcon,\n less: FileCodeIcon,\n py: FileCodeIcon,\n rb: FileCodeIcon,\n java: FileCodeIcon,\n c: FileCodeIcon,\n cpp: FileCodeIcon,\n h: FileCodeIcon,\n go: FileCodeIcon,\n rs: FileCodeIcon,\n php: FileCodeIcon,\n sql: FileCodeIcon,\n sh: FileCodeIcon,\n bash: FileCodeIcon,\n yml: FileCodeIcon,\n yaml: FileCodeIcon,\n xml: FileCodeIcon,\n\n // Text\n txt: FileTextIcon,\n md: FileTextIcon,\n markdown: FileTextIcon,\n log: FileTextIcon,\n};\n\nconst mimeTypeMap: Record<string, LucideIcon> = {\n \"application/pdf\": FileTextIcon,\n\n // Word\n \"application/msword\": FileTextIcon,\n \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\":\n FileTextIcon,\n \"application/rtf\": FileTextIcon,\n \"application/vnd.oasis.opendocument.text\": FileTextIcon,\n\n // Excel\n \"application/vnd.ms-excel\": FileSpreadsheetIcon,\n \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\":\n FileSpreadsheetIcon,\n \"text/csv\": FileSpreadsheetIcon,\n \"application/vnd.oasis.opendocument.spreadsheet\": FileSpreadsheetIcon,\n\n // Archives\n \"application/zip\": FileArchiveIcon,\n \"application/x-rar-compressed\": FileArchiveIcon,\n \"application/x-7z-compressed\": FileArchiveIcon,\n \"application/x-tar\": FileArchiveIcon,\n \"application/gzip\": FileArchiveIcon,\n\n // Code\n \"application/javascript\": FileCodeIcon,\n \"application/typescript\": FileCodeIcon,\n \"application/json\": FileCodeIcon,\n \"text/html\": FileCodeIcon,\n \"text/css\": FileCodeIcon,\n \"application/xml\": FileCodeIcon,\n \"text/xml\": FileCodeIcon,\n\n // Text\n \"text/plain\": FileTextIcon,\n \"text/markdown\": FileTextIcon,\n};\n\n/**\n * Get the appropriate file type icon component for a file.\n * Uses MIME type first, then falls back to file extension.\n */\nfunction getFileTypeIcon(file: FileInfo): LucideIcon {\n if (file.type) {\n if (file.type.startsWith(\"image/\")) return ImageIcon;\n if (file.type.startsWith(\"video/\")) return FileVideoIcon;\n if (file.type.startsWith(\"audio/\")) return FileAudioIcon;\n\n const mimeIcon = mimeTypeMap[file.type];\n if (mimeIcon) return mimeIcon;\n }\n\n const extension = file.name.split(\".\").pop()?.toLowerCase();\n if (extension) {\n const extIcon = extensionMap[extension];\n if (extIcon) return extIcon;\n }\n\n return FileIcon;\n}\n\n// ============================================================================\n// Context\n// ============================================================================\n\ninterface FileUploadContextValue {\n upload: UseFileUploadReturn;\n accept?: string;\n multiple: boolean;\n disabled: boolean;\n}\n\nconst FileUploadContext = React.createContext<FileUploadContextValue | null>(\n null,\n);\n\nfunction useFileUploadContext() {\n const context = React.useContext(FileUploadContext);\n if (!context) {\n throw new Error(\n \"FileUpload components must be used within FileUpload.Root\",\n );\n }\n return context;\n}\n\n// ============================================================================\n// Root Component\n// ============================================================================\n\nexport interface RootProps {\n children: React.ReactNode;\n /** The upload hook return value */\n upload: UseFileUploadReturn;\n /** Accepted file types (e.g., \"image/*,.pdf\") */\n accept?: string;\n /** Allow multiple file selection */\n multiple?: boolean;\n /** Whether the upload is disabled */\n disabled?: boolean;\n className?: string;\n}\n\nfunction Root({\n children,\n upload,\n accept,\n multiple = false,\n disabled = false,\n className,\n}: RootProps) {\n const contextValue: FileUploadContextValue = {\n upload,\n accept,\n multiple,\n disabled,\n };\n\n return (\n <FileUploadContext.Provider value={contextValue}>\n <div\n data-slot=\"file-upload\"\n className={cn(\"flex flex-col gap-4\", className)}\n >\n {children}\n </div>\n </FileUploadContext.Provider>\n );\n}\n\n// ============================================================================\n// Dropzone Component\n// ============================================================================\n\nconst dropzoneVariants = cva(\n \"flex flex-col items-center justify-center gap-4 rounded-md bg-muted transition-colors outline-none focus-visible:ring-3 focus-visible:ring-ring/50\",\n {\n variants: {\n size: {\n default: \"p-8 min-h-[200px]\",\n sm: \"p-6 min-h-[160px]\",\n lg: \"p-10 min-h-[260px]\",\n },\n isDragActive: {\n true: \"border-2 border-dashed border-primary bg-primary/5\",\n false: \"\",\n },\n },\n defaultVariants: {\n size: \"default\",\n isDragActive: false,\n },\n },\n);\n\n/** State passed to the render prop */\nexport interface DropzoneState {\n /** Whether files are being dragged over the dropzone */\n isDragging: boolean;\n /** Whether files are currently uploading */\n isUploading: boolean;\n /** Whether the dropzone is disabled */\n disabled: boolean;\n /** Current files in the upload */\n files: FileUploadItem[];\n}\n\n/** Props passed to the render prop element */\nexport interface DropzoneRenderProps {\n onDragEnter: React.DragEventHandler;\n onDragLeave: React.DragEventHandler;\n onDragOver: React.DragEventHandler;\n onDrop: React.DragEventHandler;\n onPaste: React.ClipboardEventHandler;\n onKeyDown: React.KeyboardEventHandler;\n onClick: React.MouseEventHandler;\n tabIndex: number;\n role: string;\n \"aria-disabled\": boolean;\n \"data-dragging\": boolean;\n}\n\nexport interface DropzoneProps\n extends Omit<React.ComponentProps<\"div\">, \"children\">,\n Omit<VariantProps<typeof dropzoneVariants>, \"isDragActive\"> {\n /** Custom text for the dropzone */\n dropzoneText?: string;\n /** Custom text for the browse button */\n browseText?: string;\n /**\n * Render prop for complete customization.\n * When provided, replaces the default dropzone element.\n * Receives props to spread and state for conditional styling.\n */\n render?: (\n props: DropzoneRenderProps,\n state: DropzoneState,\n ) => React.ReactElement;\n}\n\nfunction Dropzone({\n className,\n size,\n dropzoneText = \"Paste Or Drag & Drop Files Here\",\n browseText = \"Browse for files\",\n render,\n ...props\n}: DropzoneProps) {\n const { upload, accept, multiple, disabled } = useFileUploadContext();\n const {\n isDragging,\n isUploading,\n files,\n openFileDialog,\n getInputProps,\n handleDragEnter,\n handleDragLeave,\n handleDragOver,\n handleDrop,\n addFiles,\n } = upload;\n\n const descriptionId = React.useId();\n const instructionsId = React.useId();\n const [announcement, setAnnouncement] = React.useState(\"\");\n\n const inputProps = getInputProps();\n\n const handleKeyDown = React.useCallback(\n (e: React.KeyboardEvent) => {\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n openFileDialog();\n }\n },\n [openFileDialog],\n );\n\n const handlePaste = React.useCallback(\n (e: React.ClipboardEvent) => {\n if (disabled) return;\n const pastedFiles = e.clipboardData.files;\n if (pastedFiles.length > 0) {\n e.preventDefault();\n const filesArray = Array.from(pastedFiles);\n addFiles(filesArray);\n setAnnouncement(\n `${filesArray.length} file${filesArray.length > 1 ? \"s\" : \"\"} pasted`,\n );\n }\n },\n [disabled, addFiles],\n );\n\n const handleClick = React.useCallback(() => {\n if (disabled || isUploading) return;\n openFileDialog();\n }, [disabled, isUploading, openFileDialog]);\n\n // State passed to render prop\n const state: DropzoneState = {\n isDragging,\n isUploading,\n disabled,\n files,\n };\n\n // Props passed to render prop (to be spread on custom element)\n const renderProps: DropzoneRenderProps = {\n onDragEnter: handleDragEnter,\n onDragLeave: handleDragLeave,\n onDragOver: handleDragOver,\n onDrop: handleDrop,\n onPaste: handlePaste,\n onKeyDown: handleKeyDown,\n onClick: handleClick,\n tabIndex: disabled ? -1 : 0,\n role: \"button\",\n \"aria-disabled\": disabled,\n \"data-dragging\": isDragging,\n };\n\n // Hidden input element (always rendered)\n const hiddenInput = (\n <input\n {...inputProps}\n className=\"sr-only\"\n accept={accept}\n multiple={multiple}\n disabled={disabled}\n tabIndex={-1}\n aria-hidden=\"true\"\n />\n );\n\n // Screen reader elements\n const srElements = (\n <>\n <div\n role=\"status\"\n aria-live=\"polite\"\n aria-atomic=\"true\"\n className=\"sr-only\"\n >\n {announcement}\n </div>\n <div id={descriptionId} className=\"sr-only\">\n {dropzoneText}\n </div>\n <div id={instructionsId} className=\"sr-only\">\n Press Enter or Space to browse files, or drag and drop files here.\n </div>\n </>\n );\n\n // If render prop is provided, use it for full customization\n if (render) {\n return (\n <div data-slot=\"file-upload-dropzone\">\n {hiddenInput}\n {srElements}\n {render(renderProps, state)}\n </div>\n );\n }\n\n // Default rendering\n return (\n <div\n data-slot=\"file-upload-dropzone\"\n className={cn(\n dropzoneVariants({ size, isDragActive: isDragging }),\n disabled && \"cursor-not-allowed opacity-60\",\n className,\n )}\n {...renderProps}\n aria-describedby={`${descriptionId} ${instructionsId}`}\n aria-label=\"File upload dropzone\"\n {...props}\n >\n {srElements}\n {hiddenInput}\n\n <div className=\"text-muted-foreground flex items-center gap-3\">\n <CloudUploadIcon size={40} aria-hidden=\"true\" />\n <span className=\"text-base text-foreground font-medium\">\n {dropzoneText}\n </span>\n </div>\n\n <div className=\"flex w-full items-center gap-3\" aria-hidden=\"true\">\n <div className=\"bg-border h-px flex-1\" />\n <span className=\"text-sm text-muted-foreground font-medium\">OR</span>\n <div className=\"bg-border h-px flex-1\" />\n </div>\n\n <Button\n type=\"button\"\n variant=\"default\"\n disabled={disabled || isUploading}\n >\n {isUploading ? (\n <>\n <Spinner className=\"size-4\" />\n Uploading...\n </>\n ) : (\n browseText\n )}\n </Button>\n </div>\n );\n}\n\n// ============================================================================\n// HiddenInput Component\n// ============================================================================\n\nexport interface HiddenInputProps\n extends Omit<React.ComponentProps<\"input\">, \"type\"> {}\n\nfunction HiddenInput({ className, ...props }: HiddenInputProps) {\n const { upload, accept, multiple, disabled } = useFileUploadContext();\n const inputProps = upload.getInputProps();\n\n return (\n <input\n {...inputProps}\n {...props}\n className={cn(\"sr-only\", className)}\n accept={accept}\n multiple={multiple}\n disabled={disabled}\n tabIndex={-1}\n aria-hidden=\"true\"\n />\n );\n}\n\n// ============================================================================\n// List Component\n// ============================================================================\n\nexport interface ListProps\n extends Omit<React.ComponentProps<\"div\">, \"children\"> {\n children?: React.ReactNode | ((files: FileUploadItem[]) => React.ReactNode);\n}\n\nfunction List({ className, children, ...props }: ListProps) {\n const { upload } = useFileUploadContext();\n const { files } = upload;\n\n if (files.length === 0) return null;\n\n return (\n <div\n data-slot=\"file-upload-list\"\n className={cn(\"flex flex-col gap-2\", className)}\n {...props}\n >\n {typeof children === \"function\" ? children(files) : children}\n </div>\n );\n}\n\n// ============================================================================\n// ListItem Component (Consolidated)\n// ============================================================================\n\nexport interface ListItemProps extends React.ComponentProps<\"div\"> {\n file: FileUploadItem;\n /** Show file type icon (default: true) */\n showIcon?: boolean;\n /** Show progress bar when uploading (default: true) */\n showProgress?: boolean;\n /** Show error message when error (default: true) */\n showError?: boolean;\n /** Show remove button (default: true) */\n showRemove?: boolean;\n /** Show retry button when error (default: true) */\n showRetry?: boolean;\n /** Custom icon component */\n icon?: React.ReactNode;\n /** Click handler for the list item */\n onItemClick?: (file: FileUploadItem) => void;\n}\n\nfunction ListItem({\n file,\n className,\n showIcon = true,\n showProgress = true,\n showError = true,\n showRemove = true,\n showRetry = true,\n icon,\n onItemClick,\n ...props\n}: ListItemProps) {\n const { upload, disabled } = useFileUploadContext();\n const { removeFile, retryUpload } = upload;\n\n const isUploading = file.status === \"uploading\";\n const isError = file.status === \"error\";\n\n // Get the appropriate icon\n const FileTypeIcon = getFileTypeIcon({\n name: file.file.name,\n type: file.file.type,\n });\n\n // Check if file is an image type (should show preview)\n const isImageType = file.file.type?.startsWith(\"image/\");\n const shouldShowImagePreview = file.preview && isImageType;\n\n const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n if ((e.target as HTMLElement).closest(\"button\")) return;\n onItemClick?.(file);\n props.onClick?.(e);\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n if (onItemClick && (e.key === \"Enter\" || e.key === \" \")) {\n e.preventDefault();\n onItemClick(file);\n }\n props.onKeyDown?.(e);\n };\n\n const interactiveProps = onItemClick\n ? {\n role: \"button\" as const,\n tabIndex: 0,\n }\n : {};\n\n return (\n <div\n data-slot=\"file-upload-list-item\"\n data-status={file.status}\n className={cn(\n \"flex items-center gap-3 rounded-md border bg-card p-3\",\n isError && \"border-destructive bg-destructive/10\",\n onItemClick &&\n \"cursor-pointer hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n className,\n )}\n {...props}\n {...interactiveProps}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n >\n {/* Icon/Preview */}\n {showIcon && (\n <div className=\"flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-sm bg-muted\">\n {shouldShowImagePreview ? (\n <img\n src={file.preview}\n alt={file.file.name}\n className=\"size-full object-cover\"\n />\n ) : icon ? (\n icon\n ) : (\n <FileTypeIcon className=\"size-5\" />\n )}\n </div>\n )}\n\n {/* File info */}\n <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n <span className=\"text-sm text-foreground truncate font-medium\">\n {file.file.name}\n </span>\n\n <div className=\"flex items-center gap-2\">\n {/* Progress bar */}\n {showProgress && isUploading && (\n <div className=\"bg-muted h-1.5 flex-1 overflow-hidden rounded-full\">\n <div\n className=\"bg-primary h-full transition-all duration-300\"\n style={{ width: `${file.progress}%` }}\n />\n </div>\n )}\n\n {/* Progress percentage */}\n {isUploading && (\n <span className=\"text-xs text-muted-foreground shrink-0\">\n {file.progress}%\n </span>\n )}\n </div>\n\n {/* Error message */}\n {showError && isError && file.error && (\n <span className=\"text-xs text-destructive\">{file.error}</span>\n )}\n </div>\n\n {/* Actions */}\n <div className=\"flex shrink-0 items-center gap-1\">\n {/* Retry button */}\n {showRetry && isError && (\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"icon-sm\"\n onClick={() => retryUpload(file.id)}\n disabled={disabled}\n aria-label={`Retry uploading ${file.file.name}`}\n >\n <RotateCwIcon className=\"size-4\" />\n </Button>\n )}\n\n {/* Remove button */}\n {showRemove && (\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"icon-sm\"\n onClick={() => removeFile(file.id)}\n disabled={disabled}\n aria-label={`Remove ${file.file.name}`}\n >\n <XIcon className=\"size-4\" />\n </Button>\n )}\n </div>\n </div>\n );\n}\n\n// ============================================================================\n// ClearAll Component\n// ============================================================================\n\nexport interface ClearAllProps extends React.ComponentProps<typeof Button> {}\n\nfunction ClearAll({ children, ...props }: ClearAllProps) {\n const { upload, disabled } = useFileUploadContext();\n const { clearFiles, files } = upload;\n\n if (files.length === 0) return null;\n\n return (\n <Button\n type=\"button\"\n variant=\"ghost\"\n onClick={clearFiles}\n disabled={disabled}\n data-slot=\"file-upload-clear-all\"\n {...props}\n >\n {children ?? \"Remove all files\"}\n </Button>\n );\n}\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { getFileTypeIcon };\n\nexport const FileUpload = {\n Root,\n Dropzone,\n HiddenInput,\n List,\n ListItem,\n ClearAll,\n};\n"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../use-intersection-observer-
|
|
2
|
-
import { t as use_infinite_scroll_default } from "../use-infinite-scroll-
|
|
1
|
+
import "../use-intersection-observer-CZfnep4z.js";
|
|
2
|
+
import { t as use_infinite_scroll_default } from "../use-infinite-scroll-CpbhGGT5.js";
|
|
3
3
|
|
|
4
4
|
export { use_infinite_scroll_default as default };
|
package/dist/hooks/use-mobile.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { t as cn } from "./utils-
|
|
2
|
-
import "react";
|
|
1
|
+
import { t as cn } from "./utils-mWJR2N24.js";
|
|
3
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import "react";
|
|
4
4
|
import { Input } from "@base-ui/react/input";
|
|
5
5
|
|
|
6
6
|
//#region src/components/input.tsx
|
|
@@ -15,4 +15,4 @@ function Input$1({ className, type, ...props }) {
|
|
|
15
15
|
|
|
16
16
|
//#endregion
|
|
17
17
|
export { Input$1 as t };
|
|
18
|
-
//# sourceMappingURL=input-
|
|
18
|
+
//# sourceMappingURL=input-8jqdnUZl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-
|
|
1
|
+
{"version":3,"file":"input-8jqdnUZl.js","names":["Input","InputPrimitive"],"sources":["../src/components/input.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Input as InputPrimitive } from \"@base-ui/react/input\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n return (\n <InputPrimitive\n type={type}\n data-slot=\"input\"\n className={cn(\n \"h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 ppx-md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Input }\n"],"mappings":";;;;;;AAKA,SAASA,QAAM,EAAE,WAAW,MAAM,GAAG,SAAwC;AAC3E,QACE,oBAACC;EACO;EACN,aAAU;EACV,WAAW,GACT,0nBACA,UACD;EACD,GAAI;GACJ"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as react_jsx_runtime84 from "react/jsx-runtime";
|
|
2
|
+
import * as React$1 from "react";
|
|
3
|
+
|
|
4
|
+
//#region src/components/input.d.ts
|
|
5
|
+
declare function Input({
|
|
6
|
+
className,
|
|
7
|
+
type,
|
|
8
|
+
...props
|
|
9
|
+
}: React$1.ComponentProps<"input">): react_jsx_runtime84.JSX.Element;
|
|
10
|
+
//#endregion
|
|
11
|
+
export { Input as t };
|
|
12
|
+
//# sourceMappingURL=input-Yb6j16S2.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-Yb6j16S2.d.ts","names":[],"sources":["../src/components/input.tsx"],"sourcesContent":[],"mappings":";;;;iBAKS,KAAA;;;;GAAqC,OAAA,CAAM,0BAAuB,mBAAA,CAAA,GAAA,CAAA"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { t as cn } from "./utils-
|
|
2
|
-
import { t as Button } from "./button-
|
|
3
|
-
import { t as Input } from "./input-
|
|
4
|
-
import { t as Textarea } from "./textarea-
|
|
5
|
-
import "react";
|
|
1
|
+
import { t as cn } from "./utils-mWJR2N24.js";
|
|
2
|
+
import { t as Button } from "./button-hBUFMmsZ.js";
|
|
3
|
+
import { t as Input } from "./input-8jqdnUZl.js";
|
|
4
|
+
import { t as Textarea } from "./textarea-Cq0o323P.js";
|
|
6
5
|
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
import "react";
|
|
7
7
|
import { cva } from "class-variance-authority";
|
|
8
8
|
|
|
9
9
|
//#region src/components/input-group.tsx
|
|
@@ -78,4 +78,4 @@ function InputGroupTextarea({ className, ...props }) {
|
|
|
78
78
|
|
|
79
79
|
//#endregion
|
|
80
80
|
export { InputGroupText as a, InputGroupInput as i, InputGroupAddon as n, InputGroupTextarea as o, InputGroupButton as r, InputGroup as t };
|
|
81
|
-
//# sourceMappingURL=input-group-
|
|
81
|
+
//# sourceMappingURL=input-group-DqEkmpXW.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-group-
|
|
1
|
+
{"version":3,"file":"input-group-DqEkmpXW.js","names":[],"sources":["../src/components/input-group.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@px-ui/ui/lib/utils\";\nimport { Button } from \"@px-ui/ui/components/button\";\nimport { Input } from \"@px-ui/ui/components/input\";\nimport { Textarea } from \"@px-ui/ui/components/textarea\";\n\nfunction InputGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"input-group\"\n role=\"group\"\n className={cn(\n \"group/input-group border-input shadow-xs in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 dark:bg-input/30 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 relative flex h-9 w-full min-w-0 items-center rounded-md border outline-none transition-[color,box-shadow] has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-start]]:h-auto has-[>textarea]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pe-1.5 has-[>[data-align=inline-start]]:[&>input]:ps-1.5\",\n className,\n )}\n {...props}\n />\n );\n}\n\nconst inputGroupAddonVariants = cva(\n \"flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n align: {\n \"inline-start\":\n \"order-first ps-2 has-[>button]:-ms-1 has-[>kbd]:ms-[-0.15rem]\",\n \"inline-end\":\n \"order-last pe-2 has-[>button]:-me-1 has-[>kbd]:me-[-0.15rem]\",\n \"block-start\":\n \"order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2\",\n \"block-end\":\n \"order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2\",\n },\n },\n defaultVariants: {\n align: \"inline-start\",\n },\n },\n);\n\nfunction InputGroupAddon({\n className,\n align = \"inline-start\",\n ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof inputGroupAddonVariants>) {\n return (\n <div\n role=\"group\"\n data-slot=\"input-group-addon\"\n data-align={align}\n className={cn(inputGroupAddonVariants({ align }), className)}\n onClick={(e) => {\n if ((e.target as HTMLElement).closest(\"button\")) {\n return;\n }\n e.currentTarget.parentElement?.querySelector(\"input\")?.focus();\n }}\n {...props}\n />\n );\n}\n\nconst inputGroupButtonVariants = cva(\n \"flex items-center gap-2 text-sm shadow-none\",\n {\n variants: {\n size: {\n xs: \"h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5\",\n sm: \"\",\n \"icon-xs\":\n \"size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0\",\n \"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\",\n },\n },\n defaultVariants: {\n size: \"xs\",\n },\n },\n);\n\nfunction InputGroupButton({\n className,\n type = \"button\",\n variant = \"ghost\",\n size = \"xs\",\n ...props\n}: Omit<React.ComponentProps<typeof Button>, \"size\" | \"type\"> &\n VariantProps<typeof inputGroupButtonVariants> & {\n type?: \"button\" | \"submit\" | \"reset\";\n }) {\n return (\n <Button\n type={type}\n data-size={size}\n variant={variant}\n className={cn(inputGroupButtonVariants({ size }), className)}\n {...props}\n />\n );\n}\n\nfunction InputGroupText({ className, ...props }: React.ComponentProps<\"span\">) {\n return (\n <span\n className={cn(\n \"text-muted-foreground flex items-center gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction InputGroupInput({\n className,\n ...props\n}: React.ComponentProps<\"input\">) {\n return (\n <Input\n data-slot=\"input-group-control\"\n className={cn(\n \"aria-invalid:ring-0 flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 dark:bg-transparent\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction InputGroupTextarea({\n className,\n ...props\n}: React.ComponentProps<\"textarea\">) {\n return (\n <Textarea\n data-slot=\"input-group-control\"\n className={cn(\n \"aria-invalid:ring-0 flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 dark:bg-transparent\",\n className,\n )}\n {...props}\n />\n );\n}\n\nexport {\n InputGroup,\n InputGroupAddon,\n InputGroupButton,\n InputGroupText,\n InputGroupInput,\n InputGroupTextarea,\n};\n"],"mappings":";;;;;;;;;AAUA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACxE,QACE,oBAAC;EACC,aAAU;EACV,MAAK;EACL,WAAW,GACT,giCACA,UACD;EACD,GAAI;GACJ;;AAIN,MAAM,0BAA0B,IAC9B,2PACA;CACE,UAAU,EACR,OAAO;EACL,gBACE;EACF,cACE;EACF,eACE;EACF,aACE;EACH,EACF;CACD,iBAAiB,EACf,OAAO,gBACR;CACF,CACF;AAED,SAAS,gBAAgB,EACvB,WACA,QAAQ,gBACR,GAAG,SAC0E;AAC7E,QACE,oBAAC;EACC,MAAK;EACL,aAAU;EACV,cAAY;EACZ,WAAW,GAAG,wBAAwB,EAAE,OAAO,CAAC,EAAE,UAAU;EAC5D,UAAU,MAAM;AACd,OAAK,EAAE,OAAuB,QAAQ,SAAS,CAC7C;AAEF,KAAE,cAAc,eAAe,cAAc,QAAQ,EAAE,OAAO;;EAEhE,GAAI;GACJ;;AAIN,MAAM,2BAA2B,IAC/B,+CACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,WACE;EACF,WAAW;EACZ,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF;AAED,SAAS,iBAAiB,EACxB,WACA,OAAO,UACP,UAAU,SACV,OAAO,MACP,GAAG,SAIA;AACH,QACE,oBAAC;EACO;EACN,aAAW;EACF;EACT,WAAW,GAAG,yBAAyB,EAAE,MAAM,CAAC,EAAE,UAAU;EAC5D,GAAI;GACJ;;AAIN,SAAS,eAAe,EAAE,WAAW,GAAG,SAAuC;AAC7E,QACE,oBAAC;EACC,WAAW,GACT,0HACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,gBAAgB,EACvB,WACA,GAAG,SAC6B;AAChC,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,+HACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACgC;AACnC,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,gJACA,UACD;EACD,GAAI;GACJ"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { t as cn } from "./utils-
|
|
2
|
-
import "react";
|
|
1
|
+
import { t as cn } from "./utils-mWJR2N24.js";
|
|
3
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import "react";
|
|
4
4
|
|
|
5
5
|
//#region src/components/label.tsx
|
|
6
6
|
function Label({ className, ...props }) {
|
|
@@ -13,4 +13,4 @@ function Label({ className, ...props }) {
|
|
|
13
13
|
|
|
14
14
|
//#endregion
|
|
15
15
|
export { Label as t };
|
|
16
|
-
//# sourceMappingURL=label-
|
|
16
|
+
//# sourceMappingURL=label-AaH9ZYCZ.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"label-
|
|
1
|
+
{"version":3,"file":"label-AaH9ZYCZ.js","names":[],"sources":["../src/components/label.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\n\nfunction Label({ className, ...props }: React.ComponentProps<\"label\">) {\n return (\n <label\n data-slot=\"label\"\n className={cn(\n \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Label }\n"],"mappings":";;;;;AAMA,SAAS,MAAM,EAAE,WAAW,GAAG,SAAwC;AACrE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,uNACA,UACD;EACD,GAAI;GACJ"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as react_jsx_runtime95 from "react/jsx-runtime";
|
|
2
|
+
import * as React$1 from "react";
|
|
3
|
+
|
|
4
|
+
//#region src/components/label.d.ts
|
|
5
|
+
declare function Label({
|
|
6
|
+
className,
|
|
7
|
+
...props
|
|
8
|
+
}: React$1.ComponentProps<"label">): react_jsx_runtime95.JSX.Element;
|
|
9
|
+
//#endregion
|
|
10
|
+
export { Label as t };
|
|
11
|
+
//# sourceMappingURL=label-iMKAd7JB.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label-iMKAd7JB.d.ts","names":[],"sources":["../src/components/label.tsx"],"sourcesContent":[],"mappings":";;;;iBAMS,KAAA;;;GAA+B,OAAA,CAAM,0BAAuB,mBAAA,CAAA,GAAA,CAAA"}
|