@px-ui/ui 1.0.1 → 1.0.3
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-DDdL9xDH.js → avatar-B2FY4pgk.js} +9 -8
- package/dist/avatar-B2FY4pgk.js.map +1 -0
- package/dist/{avatar-C-yFMpI5.d.ts → avatar-CtZEW1Kd.d.ts} +9 -6
- package/dist/avatar-CtZEW1Kd.d.ts.map +1 -0
- package/dist/{button-hBUFMmsZ.js → button-B3SNyz-U.js} +2 -2
- package/dist/{button-hBUFMmsZ.js.map → button-B3SNyz-U.js.map} +1 -1
- package/dist/{button-KTVkwZNA.d.ts → button-peTbHgr6.d.ts} +5 -5
- package/dist/{button-KTVkwZNA.d.ts.map → button-peTbHgr6.d.ts.map} +1 -1
- package/dist/{combobox-GYXOAPSk.d.ts → combobox-BGJkF5tM.d.ts} +18 -18
- package/dist/{combobox-GYXOAPSk.d.ts.map → combobox-BGJkF5tM.d.ts.map} +1 -1
- package/dist/{combobox-CnpyzZ7B.js → combobox-CBerynHz.js} +14 -11
- package/dist/{combobox-CnpyzZ7B.js.map → combobox-CBerynHz.js.map} +1 -1
- package/dist/components/accordion.d.ts +5 -5
- package/dist/components/accordion.d.ts.map +1 -1
- package/dist/components/accordion.js +1 -1
- package/dist/components/alert-dialog.d.ts +14 -14
- package/dist/components/alert-dialog.d.ts.map +1 -1
- package/dist/components/alert-dialog.js +3 -3
- 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 +3 -3
- 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 +6 -6
- package/dist/components/button-group.d.ts.map +1 -1
- 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.d.ts.map +1 -1
- package/dist/components/context-menu.js +2 -2
- package/dist/components/currency-select-field.d.ts +3 -3
- package/dist/components/currency-select-field.d.ts.map +1 -1
- 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 +15 -15
- 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 +2 -2
- 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.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.js +1 -1
- package/dist/components/textarea.d.ts +2 -2
- 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-CTqRrytc.js → dialog-6oTB2jEH.js} +6 -6
- package/dist/dialog-6oTB2jEH.js.map +1 -0
- package/dist/{dropdown-menu-CcumvwhM.js → dropdown-menu-CN7gHXiF.js} +3 -3
- package/dist/{dropdown-menu-CcumvwhM.js.map → dropdown-menu-CN7gHXiF.js.map} +1 -1
- package/dist/{dropdown-menu-tIPvwiCD.d.ts → dropdown-menu-z9weMtW6.d.ts} +17 -17
- package/dist/{dropdown-menu-tIPvwiCD.d.ts.map → dropdown-menu-z9weMtW6.d.ts.map} +1 -1
- package/dist/{file-upload-CmWvJwwY.d.ts → file-upload-CHIguMmH.d.ts} +12 -12
- package/dist/{file-upload-CmWvJwwY.d.ts.map → file-upload-CHIguMmH.d.ts.map} +1 -1
- package/dist/{file-upload-DeCIv13t.js → file-upload-CPaU1bTN.js} +5 -5
- package/dist/{file-upload-DeCIv13t.js.map → file-upload-CPaU1bTN.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-BY_HLiBI.d.ts +12 -0
- package/dist/input-BY_HLiBI.d.ts.map +1 -0
- package/dist/{input-8jqdnUZl.js → input-ByI__4Tb.js} +3 -3
- package/dist/{input-8jqdnUZl.js.map → input-ByI__4Tb.js.map} +1 -1
- package/dist/{input-group-DqEkmpXW.js → input-group-Dw3LpMMS.js} +6 -6
- package/dist/{input-group-DqEkmpXW.js.map → input-group-Dw3LpMMS.js.map} +1 -1
- package/dist/label-C3yvmi-S.d.ts +11 -0
- package/dist/label-C3yvmi-S.d.ts.map +1 -0
- package/dist/{label-AaH9ZYCZ.js → label-DJ-ONU1d.js} +3 -3
- package/dist/{label-AaH9ZYCZ.js.map → label-DJ-ONU1d.js.map} +1 -1
- package/dist/lib/utils.js +1 -1
- package/dist/{popover-C9D43EuT.js → popover-z4aFoVCA.js} +3 -3
- package/dist/{popover-C9D43EuT.js.map → popover-z4aFoVCA.js.map} +1 -1
- package/dist/providers/px-ui-provider.d.ts +4 -4
- package/dist/providers/px-ui-provider.js +4 -4
- package/dist/{separator-CmcC4YJr.d.ts → separator-7n2clBT1.d.ts} +3 -3
- package/dist/{separator-CmcC4YJr.d.ts.map → separator-7n2clBT1.d.ts.map} +1 -1
- package/dist/{separator-BS3ilczC.js → separator-Cay2tYJi.js} +2 -2
- package/dist/{separator-BS3ilczC.js.map → separator-Cay2tYJi.js.map} +1 -1
- package/dist/{sheet-CLjNDrfL.js → sheet-BLGcp2vY.js} +4 -4
- package/dist/{sheet-CLjNDrfL.js.map → sheet-BLGcp2vY.js.map} +1 -1
- package/dist/{skeleton-BcIxI5Wq.js → skeleton-Cpayevuv.js} +2 -2
- package/dist/{skeleton-BcIxI5Wq.js.map → skeleton-Cpayevuv.js.map} +1 -1
- package/dist/{spinner-Bo0sUZEg.js → spinner-EaERkwNt.js} +2 -2
- package/dist/{spinner-Bo0sUZEg.js.map → spinner-EaERkwNt.js.map} +1 -1
- package/dist/{textarea-Cq0o323P.js → textarea-CD4lb4bT.js} +3 -3
- package/dist/{textarea-Cq0o323P.js.map → textarea-CD4lb4bT.js.map} +1 -1
- package/dist/{toast-COWAQbIk.js → toast-BIAksZXy.js} +3 -3
- package/dist/{toast-COWAQbIk.js.map → toast-BIAksZXy.js.map} +1 -1
- package/dist/{toast-FlYtbGl-.d.ts → toast-C3bNvyqf.d.ts} +4 -4
- package/dist/{toast-FlYtbGl-.d.ts.map → toast-C3bNvyqf.d.ts.map} +1 -1
- package/dist/{toggle-DhJ_qwgw.js → toggle-Cwsbk1jY.js} +2 -2
- package/dist/{toggle-DhJ_qwgw.js.map → toggle-Cwsbk1jY.js.map} +1 -1
- package/dist/{toggle-Bln33AlY.d.ts → toggle-E0JXUyzs.d.ts} +5 -5
- package/dist/{toggle-Bln33AlY.d.ts.map → toggle-E0JXUyzs.d.ts.map} +1 -1
- package/dist/{tooltip-DkPxCJIL.js → tooltip-CIwyqk_3.js} +2 -2
- package/dist/{tooltip-DkPxCJIL.js.map → tooltip-CIwyqk_3.js.map} +1 -1
- package/dist/{tooltip-D7qJywrH.d.ts → tooltip-ChzCP6Bv.d.ts} +6 -6
- package/dist/{tooltip-D7qJywrH.d.ts.map → tooltip-ChzCP6Bv.d.ts.map} +1 -1
- package/dist/{use-async-options-wZ9LJ2BJ.js → use-async-options-MznolA0k.js} +1 -1
- package/dist/{use-async-options-wZ9LJ2BJ.js.map → use-async-options-MznolA0k.js.map} +1 -1
- package/dist/{use-debounce-_qaEZqtt.js → use-debounce-CwnVqtDF.js} +1 -1
- package/dist/{use-debounce-_qaEZqtt.js.map → use-debounce-CwnVqtDF.js.map} +1 -1
- package/dist/{use-file-upload-Dxrej28u.js → use-file-upload-CiAqUFFh.js} +1 -1
- package/dist/{use-file-upload-Dxrej28u.js.map → use-file-upload-CiAqUFFh.js.map} +1 -1
- package/dist/{use-infinite-scroll-CpbhGGT5.js → use-infinite-scroll-DHi7CKyt.js} +2 -2
- package/dist/{use-infinite-scroll-CpbhGGT5.js.map → use-infinite-scroll-DHi7CKyt.js.map} +1 -1
- package/dist/{use-intersection-observer-CZfnep4z.js → use-intersection-observer-h5ZpX18y.js} +1 -1
- package/dist/{use-intersection-observer-CZfnep4z.js.map → use-intersection-observer-h5ZpX18y.js.map} +1 -1
- package/dist/{use-mobile-l5ebOdQl.js → use-mobile-CFSCadSm.js} +1 -1
- package/dist/{use-mobile-l5ebOdQl.js.map → use-mobile-CFSCadSm.js.map} +1 -1
- package/dist/{utils-mWJR2N24.js → utils-8o789qxH.js} +1 -1
- package/dist/{utils-mWJR2N24.js.map → utils-8o789qxH.js.map} +1 -1
- package/package.json +3 -2
- package/dist/avatar-C-yFMpI5.d.ts.map +0 -1
- package/dist/avatar-DDdL9xDH.js.map +0 -1
- package/dist/dialog-CTqRrytc.js.map +0 -1
- package/dist/input-CvG-4ebq.d.ts +0 -12
- package/dist/input-CvG-4ebq.d.ts.map +0 -1
- package/dist/label-CCHCFJeS.d.ts +0 -11
- package/dist/label-CCHCFJeS.d.ts.map +0 -1
- /package/dist/{direction-BKSh6e6q.js → direction-CB0IW0WZ.js} +0 -0
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { t as Button } from "./button-
|
|
1
|
+
import { t as Button } from "./button-peTbHgr6.js";
|
|
2
2
|
import { d as UseFileUploadReturn, n as FileUploadItem } from "./use-file-upload-yy-xLBtn.js";
|
|
3
|
-
import { LucideIcon } from "lucide-react";
|
|
4
|
-
import * as react_jsx_runtime22 from "react/jsx-runtime";
|
|
5
3
|
import * as React$1 from "react";
|
|
4
|
+
import { LucideIcon } from "lucide-react";
|
|
5
|
+
import * as react_jsx_runtime92 from "react/jsx-runtime";
|
|
6
6
|
import { VariantProps } from "class-variance-authority";
|
|
7
|
-
import * as
|
|
7
|
+
import * as class_variance_authority_types4 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_runtime92.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_types4.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_runtime92.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_runtime92.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_runtime92.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_runtime92.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_runtime92.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-CHIguMmH.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-upload-
|
|
1
|
+
{"version":3,"file":"file-upload-CHIguMmH.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-
|
|
1
|
+
import { t as cn } from "./utils-8o789qxH.js";
|
|
2
|
+
import { t as Button } from "./button-B3SNyz-U.js";
|
|
3
|
+
import { t as Spinner } from "./spinner-EaERkwNt.js";
|
|
4
|
+
import * as React$1 from "react";
|
|
4
5
|
import { CloudUploadIcon, FileArchiveIcon, FileAudioIcon, FileCodeIcon, FileIcon, FileSpreadsheetIcon, FileTextIcon, FileVideoIcon, ImageIcon, RotateCwIcon, XIcon } from "lucide-react";
|
|
5
6
|
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-CPaU1bTN.js.map
|
|
@@ -1 +1 @@
|
|
|
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
|
+
{"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":";;;;;;;;;AA8BA,MAAMA,eAA2C;CAC/C,KAAK;CAGL,KAAK;CACL,MAAM;CACN,KAAK;CACL,KAAK;CAGL,KAAK;CACL,MAAM;CACN,KAAK;CACL,KAAK;CAGL,KAAK;CACL,KAAK;CACL,MAAM;CACN,KAAK;CACL,MAAM;CACN,KAAK;CACL,KAAK;CACL,KAAK;CACL,MAAM;CACN,KAAK;CAGL,KAAK;CACL,MAAM;CACN,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CAGL,KAAK;CACL,KAAK;CACL,KAAK;CACL,MAAM;CACN,KAAK;CACL,KAAK;CACL,KAAK;CAGL,KAAK;CACL,KAAK;CACL,MAAM;CACN,KAAK;CACL,IAAI;CACJ,KAAK;CAGL,IAAI;CACJ,KAAK;CACL,IAAI;CACJ,KAAK;CACL,MAAM;CACN,MAAM;CACN,KAAK;CACL,MAAM;CACN,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,MAAM;CACN,GAAG;CACH,KAAK;CACL,GAAG;CACH,IAAI;CACJ,IAAI;CACJ,KAAK;CACL,KAAK;CACL,IAAI;CACJ,MAAM;CACN,KAAK;CACL,MAAM;CACN,KAAK;CAGL,KAAK;CACL,IAAI;CACJ,UAAU;CACV,KAAK;CACN;AAED,MAAMC,cAA0C;CAC9C,mBAAmB;CAGnB,sBAAsB;CACtB,2EACE;CACF,mBAAmB;CACnB,2CAA2C;CAG3C,4BAA4B;CAC5B,qEACE;CACF,YAAY;CACZ,kDAAkD;CAGlD,mBAAmB;CACnB,gCAAgC;CAChC,+BAA+B;CAC/B,qBAAqB;CACrB,oBAAoB;CAGpB,0BAA0B;CAC1B,0BAA0B;CAC1B,oBAAoB;CACpB,aAAa;CACb,YAAY;CACZ,mBAAmB;CACnB,YAAY;CAGZ,cAAc;CACd,iBAAiB;CAClB;;;;;AAMD,SAAS,gBAAgB,MAA4B;AACnD,KAAI,KAAK,MAAM;AACb,MAAI,KAAK,KAAK,WAAW,SAAS,CAAE,QAAO;AAC3C,MAAI,KAAK,KAAK,WAAW,SAAS,CAAE,QAAO;AAC3C,MAAI,KAAK,KAAK,WAAW,SAAS,CAAE,QAAO;EAE3C,MAAM,WAAW,YAAY,KAAK;AAClC,MAAI,SAAU,QAAO;;CAGvB,MAAM,YAAY,KAAK,KAAK,MAAM,IAAI,CAAC,KAAK,EAAE,aAAa;AAC3D,KAAI,WAAW;EACb,MAAM,UAAU,aAAa;AAC7B,MAAI,QAAS,QAAO;;AAGtB,QAAO;;AAcT,MAAM,oBAAoBC,QAAM,cAC9B,KACD;AAED,SAAS,uBAAuB;CAC9B,MAAM,UAAUA,QAAM,WAAW,kBAAkB;AACnD,KAAI,CAAC,QACH,OAAM,IAAI,MACR,4DACD;AAEH,QAAO;;AAoBT,SAAS,KAAK,EACZ,UACA,QACA,QACA,WAAW,OACX,WAAW,OACX,aACY;CACZ,MAAMC,eAAuC;EAC3C;EACA;EACA;EACA;EACD;AAED,QACE,oBAAC,kBAAkB;EAAS,OAAO;YACjC,oBAAC;GACC,aAAU;GACV,WAAW,GAAG,uBAAuB,UAAU;GAE9C;IACG;GACqB;;AAQjC,MAAM,mBAAmB,IACvB,sJACA;CACE,UAAU;EACR,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACL;EACD,cAAc;GACZ,MAAM;GACN,OAAO;GACR;EACF;CACD,iBAAiB;EACf,MAAM;EACN,cAAc;EACf;CACF,CACF;AA+CD,SAAS,SAAS,EAChB,WACA,MACA,eAAe,mCACf,aAAa,oBACb,QACA,GAAG,SACa;CAChB,MAAM,EAAE,QAAQ,QAAQ,UAAU,aAAa,sBAAsB;CACrE,MAAM,EACJ,YACA,aACA,OACA,gBACA,eACA,iBACA,iBACA,gBACA,YACA,aACE;CAEJ,MAAM,gBAAgBD,QAAM,OAAO;CACnC,MAAM,iBAAiBA,QAAM,OAAO;CACpC,MAAM,CAAC,cAAc,mBAAmBA,QAAM,SAAS,GAAG;CAE1D,MAAM,aAAa,eAAe;CAElC,MAAM,gBAAgBA,QAAM,aACzB,MAA2B;AAC1B,MAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,KAAE,gBAAgB;AAClB,mBAAgB;;IAGpB,CAAC,eAAe,CACjB;CAED,MAAM,cAAcA,QAAM,aACvB,MAA4B;AAC3B,MAAI,SAAU;EACd,MAAM,cAAc,EAAE,cAAc;AACpC,MAAI,YAAY,SAAS,GAAG;AAC1B,KAAE,gBAAgB;GAClB,MAAM,aAAa,MAAM,KAAK,YAAY;AAC1C,YAAS,WAAW;AACpB,mBACE,GAAG,WAAW,OAAO,OAAO,WAAW,SAAS,IAAI,MAAM,GAAG,SAC9D;;IAGL,CAAC,UAAU,SAAS,CACrB;CAED,MAAM,cAAcA,QAAM,kBAAkB;AAC1C,MAAI,YAAY,YAAa;AAC7B,kBAAgB;IACf;EAAC;EAAU;EAAa;EAAe,CAAC;CAG3C,MAAME,QAAuB;EAC3B;EACA;EACA;EACA;EACD;CAGD,MAAMC,cAAmC;EACvC,aAAa;EACb,aAAa;EACb,YAAY;EACZ,QAAQ;EACR,SAAS;EACT,WAAW;EACX,SAAS;EACT,UAAU,WAAW,KAAK;EAC1B,MAAM;EACN,iBAAiB;EACjB,iBAAiB;EAClB;CAGD,MAAM,cACJ,oBAAC;EACC,GAAI;EACJ,WAAU;EACF;EACE;EACA;EACV,UAAU;EACV,eAAY;GACZ;CAIJ,MAAM,aACJ;EACE,oBAAC;GACC,MAAK;GACL,aAAU;GACV,eAAY;GACZ,WAAU;aAET;IACG;EACN,oBAAC;GAAI,IAAI;GAAe,WAAU;aAC/B;IACG;EACN,oBAAC;GAAI,IAAI;GAAgB,WAAU;aAAU;IAEvC;KACL;AAIL,KAAI,OACF,QACE,qBAAC;EAAI,aAAU;;GACZ;GACA;GACA,OAAO,aAAa,MAAM;;GACvB;AAKV,QACE,qBAAC;EACC,aAAU;EACV,WAAW,GACT,iBAAiB;GAAE;GAAM,cAAc;GAAY,CAAC,EACpD,YAAY,iCACZ,UACD;EACD,GAAI;EACJ,oBAAkB,GAAG,cAAc,GAAG;EACtC,cAAW;EACX,GAAI;;GAEH;GACA;GAED,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAgB,MAAM;KAAI,eAAY;MAAS,EAChD,oBAAC;KAAK,WAAU;eACb;MACI;KACH;GAEN,qBAAC;IAAI,WAAU;IAAiC,eAAY;;KAC1D,oBAAC,SAAI,WAAU,0BAA0B;KACzC,oBAAC;MAAK,WAAU;gBAA4C;OAAS;KACrE,oBAAC,SAAI,WAAU,0BAA0B;;KACrC;GAEN,oBAAC;IACC,MAAK;IACL,SAAQ;IACR,UAAU,YAAY;cAErB,cACC,4CACE,oBAAC,WAAQ,WAAU,WAAW,oBAE7B,GAEH;KAEK;;GACL;;AAWV,SAAS,YAAY,EAAE,WAAW,GAAG,SAA2B;CAC9D,MAAM,EAAE,QAAQ,QAAQ,UAAU,aAAa,sBAAsB;AAGrE,QACE,oBAAC;EACC,GAJe,OAAO,eAAe;EAKrC,GAAI;EACJ,WAAW,GAAG,WAAW,UAAU;EAC3B;EACE;EACA;EACV,UAAU;EACV,eAAY;GACZ;;AAaN,SAAS,KAAK,EAAE,WAAW,UAAU,GAAG,SAAoB;CAC1D,MAAM,EAAE,WAAW,sBAAsB;CACzC,MAAM,EAAE,UAAU;AAElB,KAAI,MAAM,WAAW,EAAG,QAAO;AAE/B,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,uBAAuB,UAAU;EAC/C,GAAI;YAEH,OAAO,aAAa,aAAa,SAAS,MAAM,GAAG;GAChD;;AA0BV,SAAS,SAAS,EAChB,MACA,WACA,WAAW,MACX,eAAe,MACf,YAAY,MACZ,aAAa,MACb,YAAY,MACZ,MACA,aACA,GAAG,SACa;CAChB,MAAM,EAAE,QAAQ,aAAa,sBAAsB;CACnD,MAAM,EAAE,YAAY,gBAAgB;CAEpC,MAAM,cAAc,KAAK,WAAW;CACpC,MAAM,UAAU,KAAK,WAAW;CAGhC,MAAM,eAAe,gBAAgB;EACnC,MAAM,KAAK,KAAK;EAChB,MAAM,KAAK,KAAK;EACjB,CAAC;CAGF,MAAM,cAAc,KAAK,KAAK,MAAM,WAAW,SAAS;CACxD,MAAM,yBAAyB,KAAK,WAAW;CAE/C,MAAM,eAAe,MAAwC;AAC3D,MAAK,EAAE,OAAuB,QAAQ,SAAS,CAAE;AACjD,gBAAc,KAAK;AACnB,QAAM,UAAU,EAAE;;CAGpB,MAAM,iBAAiB,MAA2C;AAChE,MAAI,gBAAgB,EAAE,QAAQ,WAAW,EAAE,QAAQ,MAAM;AACvD,KAAE,gBAAgB;AAClB,eAAY,KAAK;;AAEnB,QAAM,YAAY,EAAE;;CAGtB,MAAM,mBAAmB,cACrB;EACE,MAAM;EACN,UAAU;EACX,GACD,EAAE;AAEN,QACE,qBAAC;EACC,aAAU;EACV,eAAa,KAAK;EAClB,WAAW,GACT,yDACA,WAAW,wCACX,eACE,yGACF,UACD;EACD,GAAI;EACJ,GAAI;EACJ,SAAS;EACT,WAAW;;GAGV,YACC,oBAAC;IAAI,WAAU;cACZ,yBACC,oBAAC;KACC,KAAK,KAAK;KACV,KAAK,KAAK,KAAK;KACf,WAAU;MACV,GACA,OACF,OAEA,oBAAC,gBAAa,WAAU,WAAW;KAEjC;GAIR,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAK,WAAU;gBACb,KAAK,KAAK;OACN;KAEP,qBAAC;MAAI,WAAU;iBAEZ,gBAAgB,eACf,oBAAC;OAAI,WAAU;iBACb,oBAAC;QACC,WAAU;QACV,OAAO,EAAE,OAAO,GAAG,KAAK,SAAS,IAAI;SACrC;QACE,EAIP,eACC,qBAAC;OAAK,WAAU;kBACb,KAAK,UAAS;QACV;OAEL;KAGL,aAAa,WAAW,KAAK,SAC5B,oBAAC;MAAK,WAAU;gBAA4B,KAAK;OAAa;;KAE5D;GAGN,qBAAC;IAAI,WAAU;eAEZ,aAAa,WACZ,oBAAC;KACC,MAAK;KACL,SAAQ;KACR,MAAK;KACL,eAAe,YAAY,KAAK,GAAG;KACzB;KACV,cAAY,mBAAmB,KAAK,KAAK;eAEzC,oBAAC,gBAAa,WAAU,WAAW;MAC5B,EAIV,cACC,oBAAC;KACC,MAAK;KACL,SAAQ;KACR,MAAK;KACL,eAAe,WAAW,KAAK,GAAG;KACxB;KACV,cAAY,UAAU,KAAK,KAAK;eAEhC,oBAAC,SAAM,WAAU,WAAW;MACrB;KAEP;;GACF;;AAUV,SAAS,SAAS,EAAE,UAAU,GAAG,SAAwB;CACvD,MAAM,EAAE,QAAQ,aAAa,sBAAsB;CACnD,MAAM,EAAE,YAAY,UAAU;AAE9B,KAAI,MAAM,WAAW,EAAG,QAAO;AAE/B,QACE,oBAAC;EACC,MAAK;EACL,SAAQ;EACR,SAAS;EACC;EACV,aAAU;EACV,GAAI;YAEH,YAAY;GACN;;AAUb,MAAa,aAAa;CACxB;CACA;CACA;CACA;CACA;CACA;CACD"}
|
|
@@ -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-h5ZpX18y.js";
|
|
2
|
+
import { t as use_infinite_scroll_default } from "../use-infinite-scroll-DHi7CKyt.js";
|
|
3
3
|
|
|
4
4
|
export { use_infinite_scroll_default as default };
|
package/dist/hooks/use-mobile.js
CHANGED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React$1 from "react";
|
|
2
|
+
import * as react_jsx_runtime121 from "react/jsx-runtime";
|
|
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_runtime121.JSX.Element;
|
|
10
|
+
//#endregion
|
|
11
|
+
export { Input as t };
|
|
12
|
+
//# sourceMappingURL=input-BY_HLiBI.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-BY_HLiBI.d.ts","names":[],"sources":["../src/components/input.tsx"],"sourcesContent":[],"mappings":";;;;iBAKS,KAAA;;;;GAAqC,OAAA,CAAM,0BAAuB,oBAAA,CAAA,GAAA,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { t as cn } from "./utils-
|
|
2
|
-
import { jsx } from "react/jsx-runtime";
|
|
1
|
+
import { t as cn } from "./utils-8o789qxH.js";
|
|
3
2
|
import "react";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
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-ByI__4Tb.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-
|
|
1
|
+
{"version":3,"file":"input-ByI__4Tb.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"}
|
|
@@ -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 { jsx } from "react/jsx-runtime";
|
|
1
|
+
import { t as cn } from "./utils-8o789qxH.js";
|
|
2
|
+
import { t as Button } from "./button-B3SNyz-U.js";
|
|
3
|
+
import { t as Input } from "./input-ByI__4Tb.js";
|
|
4
|
+
import { t as Textarea } from "./textarea-CD4lb4bT.js";
|
|
6
5
|
import "react";
|
|
6
|
+
import { jsx } from "react/jsx-runtime";
|
|
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-Dw3LpMMS.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-group-
|
|
1
|
+
{"version":3,"file":"input-group-Dw3LpMMS.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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React$1 from "react";
|
|
2
|
+
import * as react_jsx_runtime80 from "react/jsx-runtime";
|
|
3
|
+
|
|
4
|
+
//#region src/components/label.d.ts
|
|
5
|
+
declare function Label({
|
|
6
|
+
className,
|
|
7
|
+
...props
|
|
8
|
+
}: React$1.ComponentProps<"label">): react_jsx_runtime80.JSX.Element;
|
|
9
|
+
//#endregion
|
|
10
|
+
export { Label as t };
|
|
11
|
+
//# sourceMappingURL=label-C3yvmi-S.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label-C3yvmi-S.d.ts","names":[],"sources":["../src/components/label.tsx"],"sourcesContent":[],"mappings":";;;;iBAMS,KAAA;;;GAA+B,OAAA,CAAM,0BAAuB,mBAAA,CAAA,GAAA,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { t as cn } from "./utils-
|
|
2
|
-
import { jsx } from "react/jsx-runtime";
|
|
1
|
+
import { t as cn } from "./utils-8o789qxH.js";
|
|
3
2
|
import "react";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
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-DJ-ONU1d.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"label-
|
|
1
|
+
{"version":3,"file":"label-DJ-ONU1d.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"}
|
package/dist/lib/utils.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { t as cn } from "./utils-
|
|
2
|
-
import { jsx } from "react/jsx-runtime";
|
|
1
|
+
import { t as cn } from "./utils-8o789qxH.js";
|
|
3
2
|
import "react";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
import { Popover } from "@base-ui/react/popover";
|
|
5
5
|
|
|
6
6
|
//#region src/components/popover.tsx
|
|
@@ -54,4 +54,4 @@ function PopoverDescription({ className, ...props }) {
|
|
|
54
54
|
|
|
55
55
|
//#endregion
|
|
56
56
|
export { PopoverTitle as a, PopoverHeader as i, PopoverContent as n, PopoverTrigger as o, PopoverDescription as r, Popover$1 as t };
|
|
57
|
-
//# sourceMappingURL=popover-
|
|
57
|
+
//# sourceMappingURL=popover-z4aFoVCA.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover-
|
|
1
|
+
{"version":3,"file":"popover-z4aFoVCA.js","names":["Popover","PopoverPrimitive"],"sources":["../src/components/popover.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\n\nfunction Popover({ ...props }: PopoverPrimitive.Root.Props) {\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({ ...props }: PopoverPrimitive.Trigger.Props) {\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n className,\n align = \"center\",\n alignOffset = 0,\n side = \"bottom\",\n sideOffset = 4,\n ...props\n}: PopoverPrimitive.Popup.Props &\n Pick<\n PopoverPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Positioner\n align={align}\n alignOffset={alignOffset}\n side={side}\n sideOffset={sideOffset}\n className=\"isolate z-50\"\n >\n <PopoverPrimitive.Popup\n data-slot=\"popover-content\"\n className={cn(\n \"z-50 flex w-72 origin-(--transform-origin) flex-col gap-4 rounded-md bg-popover p-4 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 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:fade-out-0 data-closed:zoom-out-95\",\n className\n )}\n {...props}\n />\n </PopoverPrimitive.Positioner>\n </PopoverPrimitive.Portal>\n )\n}\n\nfunction PopoverHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"popover-header\"\n className={cn(\"flex flex-col gap-1 text-sm\", className)}\n {...props}\n />\n )\n}\n\nfunction PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props) {\n return (\n <PopoverPrimitive.Title\n data-slot=\"popover-title\"\n className={cn(\"font-medium\", className)}\n {...props}\n />\n )\n}\n\nfunction PopoverDescription({\n className,\n ...props\n}: PopoverPrimitive.Description.Props) {\n return (\n <PopoverPrimitive.Description\n data-slot=\"popover-description\"\n className={cn(\"text-muted-foreground\", className)}\n {...props}\n />\n )\n}\n\nexport {\n Popover,\n PopoverContent,\n PopoverDescription,\n PopoverHeader,\n PopoverTitle,\n PopoverTrigger,\n}\n"],"mappings":";;;;;;AAKA,SAASA,UAAQ,EAAE,GAAG,SAAsC;AAC1D,QAAO,oBAACC,QAAiB;EAAK,aAAU;EAAU,GAAI;GAAS;;AAGjE,SAAS,eAAe,EAAE,GAAG,SAAyC;AACpE,QAAO,oBAACA,QAAiB;EAAQ,aAAU;EAAkB,GAAI;GAAS;;AAG5E,SAAS,eAAe,EACtB,WACA,QAAQ,UACR,cAAc,GACd,OAAO,UACP,aAAa,GACb,GAAG,SAKA;AACH,QACE,oBAACA,QAAiB,oBAChB,oBAACA,QAAiB;EACT;EACM;EACP;EACM;EACZ,WAAU;YAEV,oBAACA,QAAiB;GAChB,aAAU;GACV,WAAW,GACT,kjBACA,UACD;GACD,GAAI;IACJ;GAC0B,GACN;;AAI9B,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;AAC3E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,+BAA+B,UAAU;EACvD,GAAI;GACJ;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAAuC;AAC3E,QACE,oBAACA,QAAiB;EAChB,aAAU;EACV,WAAW,GAAG,eAAe,UAAU;EACvC,GAAI;GACJ;;AAIN,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACkC;AACrC,QACE,oBAACA,QAAiB;EAChB,aAAU;EACV,WAAW,GAAG,yBAAyB,UAAU;EACjD,GAAI;GACJ"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { r as TooltipProvider } from "../tooltip-
|
|
2
|
-
import { n as AnchoredToaster, o as ToasterProps } from "../toast-
|
|
3
|
-
import * as react_jsx_runtime264 from "react/jsx-runtime";
|
|
1
|
+
import { r as TooltipProvider } from "../tooltip-ChzCP6Bv.js";
|
|
2
|
+
import { n as AnchoredToaster, o as ToasterProps } from "../toast-C3bNvyqf.js";
|
|
4
3
|
import * as React$1 from "react";
|
|
4
|
+
import * as react_jsx_runtime299 from "react/jsx-runtime";
|
|
5
5
|
|
|
6
6
|
//#region src/providers/px-ui-provider.d.ts
|
|
7
7
|
type Direction = "ltr" | "rtl";
|
|
@@ -30,7 +30,7 @@ declare function PXUIProvider({
|
|
|
30
30
|
tooltip,
|
|
31
31
|
toaster,
|
|
32
32
|
anchoredToaster
|
|
33
|
-
}: PXUIProviderProps):
|
|
33
|
+
}: PXUIProviderProps): react_jsx_runtime299.JSX.Element;
|
|
34
34
|
//#endregion
|
|
35
35
|
export { PXUIProvider, type PXUIProviderProps };
|
|
36
36
|
//# sourceMappingURL=px-ui-provider.d.ts.map
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
-
import "../utils-
|
|
4
|
-
import { r as TooltipProvider } from "../tooltip-
|
|
5
|
-
import { t as DirectionProvider } from "../direction-
|
|
6
|
-
import { n as Toaster, t as AnchoredToaster } from "../toast-
|
|
3
|
+
import "../utils-8o789qxH.js";
|
|
4
|
+
import { r as TooltipProvider } from "../tooltip-CIwyqk_3.js";
|
|
5
|
+
import { t as DirectionProvider } from "../direction-CB0IW0WZ.js";
|
|
6
|
+
import { n as Toaster, t as AnchoredToaster } from "../toast-BIAksZXy.js";
|
|
7
7
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
8
8
|
|
|
9
9
|
//#region src/providers/px-ui-provider.tsx
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime225 from "react/jsx-runtime";
|
|
2
2
|
import { Separator } from "@base-ui/react/separator";
|
|
3
3
|
|
|
4
4
|
//#region src/components/separator.d.ts
|
|
@@ -6,7 +6,7 @@ declare function Separator$1({
|
|
|
6
6
|
className,
|
|
7
7
|
orientation,
|
|
8
8
|
...props
|
|
9
|
-
}: Separator.Props):
|
|
9
|
+
}: Separator.Props): react_jsx_runtime225.JSX.Element;
|
|
10
10
|
//#endregion
|
|
11
11
|
export { Separator$1 as t };
|
|
12
|
-
//# sourceMappingURL=separator-
|
|
12
|
+
//# sourceMappingURL=separator-7n2clBT1.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"separator-
|
|
1
|
+
{"version":3,"file":"separator-7n2clBT1.d.ts","names":[],"sources":["../src/components/separator.tsx"],"sourcesContent":[],"mappings":";;;;iBAIS,WAAA;;;;GAIN,SAAA,CAAmB,QAAK,oBAAA,CAAA,GAAA,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as cn } from "./utils-
|
|
1
|
+
import { t as cn } from "./utils-8o789qxH.js";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { Separator } from "@base-ui/react/separator";
|
|
4
4
|
|
|
@@ -14,4 +14,4 @@ function Separator$1({ className, orientation = "horizontal", ...props }) {
|
|
|
14
14
|
|
|
15
15
|
//#endregion
|
|
16
16
|
export { Separator$1 as t };
|
|
17
|
-
//# sourceMappingURL=separator-
|
|
17
|
+
//# sourceMappingURL=separator-Cay2tYJi.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"separator-
|
|
1
|
+
{"version":3,"file":"separator-Cay2tYJi.js","names":["Separator","SeparatorPrimitive"],"sources":["../src/components/separator.tsx"],"sourcesContent":["import { Separator as SeparatorPrimitive } from \"@base-ui/react/separator\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\n\nfunction Separator({\n className,\n orientation = \"horizontal\",\n ...props\n}: SeparatorPrimitive.Props) {\n return (\n <SeparatorPrimitive\n data-slot=\"separator\"\n orientation={orientation}\n className={cn(\n \"shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Separator }\n"],"mappings":";;;;;AAIA,SAASA,YAAU,EACjB,WACA,cAAc,cACd,GAAG,SACwB;AAC3B,QACE,oBAACC;EACC,aAAU;EACG;EACb,WAAW,GACT,gHACA,UACD;EACD,GAAI;GACJ"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { t as cn } from "./utils-
|
|
2
|
-
import { t as Button } from "./button-
|
|
1
|
+
import { t as cn } from "./utils-8o789qxH.js";
|
|
2
|
+
import { t as Button } from "./button-B3SNyz-U.js";
|
|
3
|
+
import "react";
|
|
3
4
|
import { XIcon } from "lucide-react";
|
|
4
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
-
import "react";
|
|
6
6
|
import { Dialog } from "@base-ui/react/dialog";
|
|
7
7
|
|
|
8
8
|
//#region src/components/sheet.tsx
|
|
@@ -88,4 +88,4 @@ function SheetDescription({ className, ...props }) {
|
|
|
88
88
|
|
|
89
89
|
//#endregion
|
|
90
90
|
export { SheetFooter as a, SheetTrigger as c, SheetDescription as i, SheetClose as n, SheetHeader as o, SheetContent as r, SheetTitle as s, Sheet as t };
|
|
91
|
-
//# sourceMappingURL=sheet-
|
|
91
|
+
//# sourceMappingURL=sheet-BLGcp2vY.js.map
|