@szum-tech/design-system 3.13.0 → 3.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunk-4IGU5SVP.js +54 -0
- package/dist/{chunk-XJZOANXX.cjs → chunk-6HX7ETL3.cjs} +1 -1
- package/dist/chunk-B4M7Q5KX.cjs +25 -0
- package/dist/{chunk-S2BCU6WG.cjs → chunk-CAIAZGSW.cjs} +5 -4
- package/dist/chunk-EOTQVIA5.js +993 -0
- package/dist/chunk-EZCWHR56.cjs +2355 -0
- package/dist/chunk-G24PWQKG.js +20 -0
- package/dist/chunk-GEDBA3JU.cjs +49 -0
- package/dist/chunk-IZU3KULT.js +41 -0
- package/dist/{chunk-KQ6QE7BT.cjs → chunk-MNDQXDV4.cjs} +4 -4
- package/dist/chunk-N4TYSZSU.cjs +44 -0
- package/dist/chunk-OZSNSRLV.cjs +1027 -0
- package/dist/{chunk-DL54DIMD.js → chunk-Q2MJKFIE.js} +2 -1
- package/dist/chunk-S3ZUFD6U.js +23 -0
- package/dist/{chunk-WXZE35FK.js → chunk-VK2FJ65F.js} +1 -1
- package/dist/chunk-VL3TPVSB.js +2299 -0
- package/dist/{chunk-E5TYGWGE.js → chunk-XKCLVPUC.js} +1 -1
- package/dist/{chunk-XIQUR62A.cjs → chunk-XY3ZNUWR.cjs} +32 -20
- package/dist/color-picker.types-GI7dq2Ig.d.cts +42 -0
- package/dist/color-picker.types-GI7dq2Ig.d.ts +42 -0
- package/dist/components/badge-overflow/index.cjs +3 -2
- package/dist/components/badge-overflow/index.js +2 -1
- package/dist/components/button/index.cjs +17 -14
- package/dist/components/button/index.d.cts +1 -0
- package/dist/components/button/index.d.ts +1 -0
- package/dist/components/button/index.js +16 -13
- package/dist/components/carousel/index.cjs +18 -15
- package/dist/components/carousel/index.d.cts +1 -0
- package/dist/components/carousel/index.d.ts +1 -0
- package/dist/components/carousel/index.js +16 -13
- package/dist/components/color-picker/index.cjs +88 -0
- package/dist/components/color-picker/index.d.cts +71 -0
- package/dist/components/color-picker/index.d.ts +71 -0
- package/dist/components/color-picker/index.js +39 -0
- package/dist/components/dialog/index.d.cts +1 -0
- package/dist/components/dialog/index.d.ts +1 -0
- package/dist/components/field/index.cjs +12 -12
- package/dist/components/field/index.js +2 -2
- package/dist/components/file-upload/index.cjs +60 -0
- package/dist/components/file-upload/index.d.cts +131 -0
- package/dist/components/file-upload/index.d.ts +131 -0
- package/dist/components/file-upload/index.js +3 -0
- package/dist/components/index.cjs +221 -94
- package/dist/components/index.d.cts +7 -1
- package/dist/components/index.d.ts +7 -1
- package/dist/components/index.js +16 -13
- package/dist/components/input/index.cjs +2 -2
- package/dist/components/input/index.js +1 -1
- package/dist/components/item/index.d.cts +1 -0
- package/dist/components/item/index.d.ts +1 -0
- package/dist/components/masonry/index.cjs +5 -4
- package/dist/components/masonry/index.js +3 -2
- package/dist/components/popover/index.cjs +35 -0
- package/dist/components/popover/index.d.cts +18 -0
- package/dist/components/popover/index.d.ts +18 -0
- package/dist/components/popover/index.js +2 -0
- package/dist/components/select/index.cjs +7 -7
- package/dist/components/select/index.d.cts +8 -14
- package/dist/components/select/index.d.ts +8 -14
- package/dist/components/select/index.js +1 -1
- package/dist/components/sheet/index.d.cts +2 -1
- package/dist/components/sheet/index.d.ts +2 -1
- package/dist/components/stepper/index.cjs +35 -32
- package/dist/components/stepper/index.d.cts +1 -0
- package/dist/components/stepper/index.d.ts +1 -0
- package/dist/components/stepper/index.js +16 -13
- package/dist/components/timeline/index.cjs +12 -11
- package/dist/components/timeline/index.d.cts +1 -0
- package/dist/components/timeline/index.d.ts +1 -0
- package/dist/components/timeline/index.js +3 -2
- package/dist/components/toaster/index.cjs +18 -15
- package/dist/components/toaster/index.js +16 -13
- package/dist/components/typing-text/index.d.cts +1 -0
- package/dist/components/typing-text/index.d.ts +1 -0
- package/dist/components/word-rotate/index.d.cts +1 -0
- package/dist/components/word-rotate/index.d.ts +1 -0
- package/dist/hooks/index.cjs +17 -8
- package/dist/hooks/index.d.cts +15 -4
- package/dist/hooks/index.d.ts +15 -4
- package/dist/hooks/index.js +2 -1
- package/dist/popover-trigger-Cf4PPj0z.d.cts +14 -0
- package/dist/popover-trigger-Cf4PPj0z.d.ts +14 -0
- package/dist/select-Bf6XQtt-.d.cts +12 -0
- package/dist/select-Bf6XQtt-.d.ts +12 -0
- package/package.json +1 -1
- package/dist/chunk-5AA4IE2T.cjs +0 -27
- package/dist/chunk-IDOJLUDL.cjs +0 -1065
- package/dist/chunk-SB5UG7OC.js +0 -41
- package/dist/chunk-U2HEQZMY.js +0 -1020
- package/dist/chunk-UGSNASZM.js +0 -25
- package/dist/{chunk-DTYX7CYN.cjs → chunk-GAZLMZBH.cjs} +1 -1
- package/dist/{chunk-3MH6P44N.js → chunk-K5QSMTKJ.js} +1 -1
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { P as Popover, d as PopoverTrigger, a as PopoverContent } from '../../popover-trigger-Cf4PPj0z.js';
|
|
4
|
+
import { D as Direction, C as ColorFormat, b as ColorValue, H as HSVColorValue } from '../../color-picker.types-GI7dq2Ig.js';
|
|
5
|
+
export { a as ColorPickerContextValue, E as EyeDropper } from '../../color-picker.types-GI7dq2Ig.js';
|
|
6
|
+
import { Slider } from 'radix-ui';
|
|
7
|
+
import { Button } from '../button/index.js';
|
|
8
|
+
import { S as Select } from '../../select-Bf6XQtt-.js';
|
|
9
|
+
import { Input } from '../input/index.js';
|
|
10
|
+
import 'class-variance-authority';
|
|
11
|
+
import 'class-variance-authority/types';
|
|
12
|
+
|
|
13
|
+
type ColorPickerProps = Omit<React.ComponentProps<"div">, "onValueChange"> & Pick<React.ComponentProps<typeof Popover>, "defaultOpen" | "open" | "onOpenChange" | "modal"> & {
|
|
14
|
+
value?: string;
|
|
15
|
+
defaultValue?: string;
|
|
16
|
+
onValueChange?: (value: string) => void;
|
|
17
|
+
dir?: Direction;
|
|
18
|
+
format?: ColorFormat;
|
|
19
|
+
defaultFormat?: ColorFormat;
|
|
20
|
+
onFormatChange?: (format: ColorFormat) => void;
|
|
21
|
+
name?: string;
|
|
22
|
+
asChild?: boolean;
|
|
23
|
+
disabled?: boolean;
|
|
24
|
+
inline?: boolean;
|
|
25
|
+
readOnly?: boolean;
|
|
26
|
+
required?: boolean;
|
|
27
|
+
};
|
|
28
|
+
declare function ColorPicker(props: ColorPickerProps): react_jsx_runtime.JSX.Element;
|
|
29
|
+
|
|
30
|
+
type ColorPickerTriggerProps = React.ComponentProps<typeof PopoverTrigger>;
|
|
31
|
+
declare function ColorPickerTrigger(props: ColorPickerTriggerProps): react_jsx_runtime.JSX.Element;
|
|
32
|
+
|
|
33
|
+
type ColorPickerContentProps = React.ComponentProps<typeof PopoverContent>;
|
|
34
|
+
declare function ColorPickerContent(props: ColorPickerContentProps): react_jsx_runtime.JSX.Element;
|
|
35
|
+
|
|
36
|
+
type ColorPickerAreaProps = React.ComponentProps<"div"> & {
|
|
37
|
+
asChild?: boolean;
|
|
38
|
+
};
|
|
39
|
+
declare function ColorPickerArea(props: ColorPickerAreaProps): react_jsx_runtime.JSX.Element;
|
|
40
|
+
|
|
41
|
+
type ColorPickerHueSliderProps = React.ComponentProps<typeof Slider.Root>;
|
|
42
|
+
declare function ColorPickerHueSlider(props: ColorPickerHueSliderProps): react_jsx_runtime.JSX.Element;
|
|
43
|
+
|
|
44
|
+
type ColorPickerAlphaSliderProps = React.ComponentProps<typeof Slider.Root>;
|
|
45
|
+
declare function ColorPickerAlphaSlider(props: ColorPickerAlphaSliderProps): react_jsx_runtime.JSX.Element;
|
|
46
|
+
|
|
47
|
+
type ColorPickerSwatchProps = React.ComponentProps<"div"> & {
|
|
48
|
+
asChild?: boolean;
|
|
49
|
+
};
|
|
50
|
+
declare function ColorPickerSwatch(props: ColorPickerSwatchProps): react_jsx_runtime.JSX.Element;
|
|
51
|
+
|
|
52
|
+
type ColorPickerEyeDropperProps = React.ComponentProps<typeof Button>;
|
|
53
|
+
declare function ColorPickerEyeDropper(props: ColorPickerEyeDropperProps): react_jsx_runtime.JSX.Element;
|
|
54
|
+
|
|
55
|
+
type ColorPickerFormatSelectProps = Omit<React.ComponentProps<typeof Select>, "value" | "onValueChange">;
|
|
56
|
+
declare function ColorPickerFormatSelect(props: ColorPickerFormatSelectProps): react_jsx_runtime.JSX.Element;
|
|
57
|
+
|
|
58
|
+
type ColorPickerInputProps = Omit<React.ComponentProps<typeof Input>, "value" | "onChange" | "color"> & {
|
|
59
|
+
withoutAlpha?: boolean;
|
|
60
|
+
};
|
|
61
|
+
declare function ColorPickerInput(props: ColorPickerInputProps): react_jsx_runtime.JSX.Element;
|
|
62
|
+
|
|
63
|
+
type ColorPickerStoreState = {
|
|
64
|
+
color: ColorValue;
|
|
65
|
+
hsv: HSVColorValue;
|
|
66
|
+
open: boolean;
|
|
67
|
+
format: ColorFormat;
|
|
68
|
+
};
|
|
69
|
+
declare function useColorPickerStore<U>(selector: (state: ColorPickerStoreState) => U): U;
|
|
70
|
+
|
|
71
|
+
export { ColorFormat, ColorPicker, ColorPickerAlphaSlider, type ColorPickerAlphaSliderProps, ColorPickerArea, type ColorPickerAreaProps, ColorPickerContent, type ColorPickerContentProps, ColorPickerEyeDropper, type ColorPickerEyeDropperProps, ColorPickerFormatSelect, type ColorPickerFormatSelectProps, ColorPickerHueSlider, type ColorPickerHueSliderProps, ColorPickerInput, type ColorPickerInputProps, type ColorPickerProps, ColorPickerSwatch, type ColorPickerSwatchProps, ColorPickerTrigger, type ColorPickerTriggerProps, ColorValue, Direction, HSVColorValue, useColorPickerStore };
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
export { ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPickerSwatch, ColorPickerTrigger, useColorPickerStore } from '../../chunk-VL3TPVSB.js';
|
|
2
|
+
import '../../chunk-U7XZJQ4O.js';
|
|
3
|
+
import '../../chunk-WMGJCB7O.js';
|
|
4
|
+
import '../../chunk-K5AURCK5.js';
|
|
5
|
+
import '../../chunk-S3ZUFD6U.js';
|
|
6
|
+
import '../../chunk-P5IUC7HJ.js';
|
|
7
|
+
import '../../chunk-IWF52DDE.js';
|
|
8
|
+
import '../../chunk-X5O7GP4S.js';
|
|
9
|
+
import '../../chunk-OQCNPNPS.js';
|
|
10
|
+
import '../../chunk-OCOCENE6.js';
|
|
11
|
+
import '../../chunk-VK2FJ65F.js';
|
|
12
|
+
import '../../chunk-Q2MJKFIE.js';
|
|
13
|
+
import '../../chunk-IZU3KULT.js';
|
|
14
|
+
import '../../chunk-PBEZZMAB.js';
|
|
15
|
+
import '../../chunk-4TRADSTP.js';
|
|
16
|
+
import '../../chunk-M7NIRB3U.js';
|
|
17
|
+
import '../../chunk-XKCLVPUC.js';
|
|
18
|
+
import '../../chunk-H5NHGMSQ.js';
|
|
19
|
+
import '../../chunk-BTSHACKG.js';
|
|
20
|
+
import '../../chunk-HNRVLRMN.js';
|
|
21
|
+
import '../../chunk-K5QSMTKJ.js';
|
|
22
|
+
import '../../chunk-I3RSTJP6.js';
|
|
23
|
+
import '../../chunk-EOTQVIA5.js';
|
|
24
|
+
import '../../chunk-VT5GDGZJ.js';
|
|
25
|
+
import '../../chunk-KGGCA634.js';
|
|
26
|
+
import '../../chunk-XJIUGEPN.js';
|
|
27
|
+
import '../../chunk-YUMKV5TH.js';
|
|
28
|
+
import '../../chunk-U3QKV7I4.js';
|
|
29
|
+
import '../../chunk-6BSR3O2J.js';
|
|
30
|
+
import '../../chunk-5F2Y65JH.js';
|
|
31
|
+
import '../../chunk-3RK5PCIC.js';
|
|
32
|
+
import '../../chunk-P4JIMFSL.js';
|
|
33
|
+
import '../../chunk-4IGU5SVP.js';
|
|
34
|
+
import '../../chunk-G24PWQKG.js';
|
|
35
|
+
import '../../chunk-B7RHEMZH.js';
|
|
36
|
+
import '../../chunk-5MV54MWS.js';
|
|
37
|
+
import '../../chunk-5MJPZUTO.js';
|
|
38
|
+
import '../../chunk-XTKD76O5.js';
|
|
39
|
+
import '../../chunk-ZD2QRAOX.js';
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Dialog as Dialog$1 } from 'radix-ui';
|
|
4
|
+
import '../../color-picker.types-GI7dq2Ig.cjs';
|
|
4
5
|
import { VariantProps } from 'class-variance-authority';
|
|
5
6
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
6
7
|
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Dialog as Dialog$1 } from 'radix-ui';
|
|
4
|
+
import '../../color-picker.types-GI7dq2Ig.js';
|
|
4
5
|
import { VariantProps } from 'class-variance-authority';
|
|
5
6
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
6
7
|
|
|
@@ -1,49 +1,49 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('../../chunk-UIOBJSKZ.cjs');
|
|
3
|
+
var chunkGAZLMZBH_cjs = require('../../chunk-GAZLMZBH.cjs');
|
|
5
4
|
require('../../chunk-S3ANEJJ7.cjs');
|
|
5
|
+
require('../../chunk-UIOBJSKZ.cjs');
|
|
6
6
|
require('../../chunk-H2BWO3SI.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
Object.defineProperty(exports, "Field", {
|
|
11
11
|
enumerable: true,
|
|
12
|
-
get: function () { return
|
|
12
|
+
get: function () { return chunkGAZLMZBH_cjs.Field; }
|
|
13
13
|
});
|
|
14
14
|
Object.defineProperty(exports, "FieldContent", {
|
|
15
15
|
enumerable: true,
|
|
16
|
-
get: function () { return
|
|
16
|
+
get: function () { return chunkGAZLMZBH_cjs.FieldContent; }
|
|
17
17
|
});
|
|
18
18
|
Object.defineProperty(exports, "FieldDescription", {
|
|
19
19
|
enumerable: true,
|
|
20
|
-
get: function () { return
|
|
20
|
+
get: function () { return chunkGAZLMZBH_cjs.FieldDescription; }
|
|
21
21
|
});
|
|
22
22
|
Object.defineProperty(exports, "FieldError", {
|
|
23
23
|
enumerable: true,
|
|
24
|
-
get: function () { return
|
|
24
|
+
get: function () { return chunkGAZLMZBH_cjs.FieldError; }
|
|
25
25
|
});
|
|
26
26
|
Object.defineProperty(exports, "FieldGroup", {
|
|
27
27
|
enumerable: true,
|
|
28
|
-
get: function () { return
|
|
28
|
+
get: function () { return chunkGAZLMZBH_cjs.FieldGroup; }
|
|
29
29
|
});
|
|
30
30
|
Object.defineProperty(exports, "FieldLabel", {
|
|
31
31
|
enumerable: true,
|
|
32
|
-
get: function () { return
|
|
32
|
+
get: function () { return chunkGAZLMZBH_cjs.FieldLabel; }
|
|
33
33
|
});
|
|
34
34
|
Object.defineProperty(exports, "FieldLegend", {
|
|
35
35
|
enumerable: true,
|
|
36
|
-
get: function () { return
|
|
36
|
+
get: function () { return chunkGAZLMZBH_cjs.FieldLegend; }
|
|
37
37
|
});
|
|
38
38
|
Object.defineProperty(exports, "FieldSeparator", {
|
|
39
39
|
enumerable: true,
|
|
40
|
-
get: function () { return
|
|
40
|
+
get: function () { return chunkGAZLMZBH_cjs.FieldSeparator; }
|
|
41
41
|
});
|
|
42
42
|
Object.defineProperty(exports, "FieldSet", {
|
|
43
43
|
enumerable: true,
|
|
44
|
-
get: function () { return
|
|
44
|
+
get: function () { return chunkGAZLMZBH_cjs.FieldSet; }
|
|
45
45
|
});
|
|
46
46
|
Object.defineProperty(exports, "FieldTitle", {
|
|
47
47
|
enumerable: true,
|
|
48
|
-
get: function () { return
|
|
48
|
+
get: function () { return chunkGAZLMZBH_cjs.FieldTitle; }
|
|
49
49
|
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from '../../chunk-
|
|
2
|
-
import '../../chunk-XJIUGEPN.js';
|
|
1
|
+
export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from '../../chunk-K5QSMTKJ.js';
|
|
3
2
|
import '../../chunk-I3RSTJP6.js';
|
|
3
|
+
import '../../chunk-XJIUGEPN.js';
|
|
4
4
|
import '../../chunk-ZD2QRAOX.js';
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var chunkOZSNSRLV_cjs = require('../../chunk-OZSNSRLV.cjs');
|
|
4
|
+
require('../../chunk-N4TYSZSU.cjs');
|
|
5
|
+
require('../../chunk-H2BWO3SI.cjs');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
Object.defineProperty(exports, "FileUpload", {
|
|
10
|
+
enumerable: true,
|
|
11
|
+
get: function () { return chunkOZSNSRLV_cjs.FileUpload; }
|
|
12
|
+
});
|
|
13
|
+
Object.defineProperty(exports, "FileUploadClear", {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
get: function () { return chunkOZSNSRLV_cjs.FileUploadClear; }
|
|
16
|
+
});
|
|
17
|
+
Object.defineProperty(exports, "FileUploadDropzone", {
|
|
18
|
+
enumerable: true,
|
|
19
|
+
get: function () { return chunkOZSNSRLV_cjs.FileUploadDropzone; }
|
|
20
|
+
});
|
|
21
|
+
Object.defineProperty(exports, "FileUploadItem", {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function () { return chunkOZSNSRLV_cjs.FileUploadItem; }
|
|
24
|
+
});
|
|
25
|
+
Object.defineProperty(exports, "FileUploadItemDelete", {
|
|
26
|
+
enumerable: true,
|
|
27
|
+
get: function () { return chunkOZSNSRLV_cjs.FileUploadItemDelete; }
|
|
28
|
+
});
|
|
29
|
+
Object.defineProperty(exports, "FileUploadItemMetadata", {
|
|
30
|
+
enumerable: true,
|
|
31
|
+
get: function () { return chunkOZSNSRLV_cjs.FileUploadItemMetadata; }
|
|
32
|
+
});
|
|
33
|
+
Object.defineProperty(exports, "FileUploadItemPreview", {
|
|
34
|
+
enumerable: true,
|
|
35
|
+
get: function () { return chunkOZSNSRLV_cjs.FileUploadItemPreview; }
|
|
36
|
+
});
|
|
37
|
+
Object.defineProperty(exports, "FileUploadItemProgress", {
|
|
38
|
+
enumerable: true,
|
|
39
|
+
get: function () { return chunkOZSNSRLV_cjs.FileUploadItemProgress; }
|
|
40
|
+
});
|
|
41
|
+
Object.defineProperty(exports, "FileUploadList", {
|
|
42
|
+
enumerable: true,
|
|
43
|
+
get: function () { return chunkOZSNSRLV_cjs.FileUploadList; }
|
|
44
|
+
});
|
|
45
|
+
Object.defineProperty(exports, "FileUploadTrigger", {
|
|
46
|
+
enumerable: true,
|
|
47
|
+
get: function () { return chunkOZSNSRLV_cjs.FileUploadTrigger; }
|
|
48
|
+
});
|
|
49
|
+
Object.defineProperty(exports, "useFileUploadContext", {
|
|
50
|
+
enumerable: true,
|
|
51
|
+
get: function () { return chunkOZSNSRLV_cjs.useFileUploadContext; }
|
|
52
|
+
});
|
|
53
|
+
Object.defineProperty(exports, "useFileUploadItemContext", {
|
|
54
|
+
enumerable: true,
|
|
55
|
+
get: function () { return chunkOZSNSRLV_cjs.useFileUploadItemContext; }
|
|
56
|
+
});
|
|
57
|
+
Object.defineProperty(exports, "useFileUploadStore", {
|
|
58
|
+
enumerable: true,
|
|
59
|
+
get: function () { return chunkOZSNSRLV_cjs.useFileUploadStore; }
|
|
60
|
+
});
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { VariantProps } from 'class-variance-authority';
|
|
4
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
|
+
|
|
6
|
+
declare const fileUploadListVariants: (props?: {
|
|
7
|
+
orientation?: "horizontal" | "vertical";
|
|
8
|
+
} & class_variance_authority_types.ClassProp) => string;
|
|
9
|
+
|
|
10
|
+
type Direction = "ltr" | "rtl";
|
|
11
|
+
type FileState = {
|
|
12
|
+
file: File;
|
|
13
|
+
progress: number;
|
|
14
|
+
error?: string;
|
|
15
|
+
status: "idle" | "uploading" | "error" | "success";
|
|
16
|
+
};
|
|
17
|
+
type FileUploadListCvaProps = VariantProps<typeof fileUploadListVariants>;
|
|
18
|
+
type FileUploadListOrientationType = NonNullable<FileUploadListCvaProps["orientation"]>;
|
|
19
|
+
|
|
20
|
+
type FileUploadUploadOptions = {
|
|
21
|
+
onProgress: (file: File, progress: number) => void;
|
|
22
|
+
onSuccess: (file: File) => void;
|
|
23
|
+
onError: (file: File, error: Error) => void;
|
|
24
|
+
};
|
|
25
|
+
type FileUploadProps = Omit<React.ComponentProps<"div">, "defaultValue" | "onChange"> & {
|
|
26
|
+
value?: File[];
|
|
27
|
+
defaultValue?: File[];
|
|
28
|
+
onValueChange?: (files: File[]) => void;
|
|
29
|
+
onAccept?: (files: File[]) => void;
|
|
30
|
+
onFileAccept?: (file: File) => void;
|
|
31
|
+
onFileReject?: (file: File, message: string) => void;
|
|
32
|
+
onFileValidate?: (file: File) => string | null | undefined;
|
|
33
|
+
onUpload?: (files: File[], options: FileUploadUploadOptions) => Promise<void> | void;
|
|
34
|
+
accept?: string;
|
|
35
|
+
maxFiles?: number;
|
|
36
|
+
maxSize?: number;
|
|
37
|
+
dir?: Direction;
|
|
38
|
+
label?: string;
|
|
39
|
+
name?: string;
|
|
40
|
+
asChild?: boolean;
|
|
41
|
+
disabled?: boolean;
|
|
42
|
+
invalid?: boolean;
|
|
43
|
+
multiple?: boolean;
|
|
44
|
+
required?: boolean;
|
|
45
|
+
};
|
|
46
|
+
declare function FileUpload(props: FileUploadProps): react_jsx_runtime.JSX.Element;
|
|
47
|
+
|
|
48
|
+
type FileUploadDropzoneProps = React.ComponentProps<"div"> & {
|
|
49
|
+
asChild?: boolean;
|
|
50
|
+
};
|
|
51
|
+
declare function FileUploadDropzone(props: FileUploadDropzoneProps): react_jsx_runtime.JSX.Element;
|
|
52
|
+
|
|
53
|
+
type FileUploadTriggerProps = React.ComponentProps<"button"> & {
|
|
54
|
+
asChild?: boolean;
|
|
55
|
+
};
|
|
56
|
+
declare function FileUploadTrigger(props: FileUploadTriggerProps): react_jsx_runtime.JSX.Element;
|
|
57
|
+
|
|
58
|
+
type FileUploadListProps = React.ComponentProps<"div"> & {
|
|
59
|
+
orientation?: FileUploadListOrientationType;
|
|
60
|
+
asChild?: boolean;
|
|
61
|
+
forceMount?: boolean;
|
|
62
|
+
};
|
|
63
|
+
declare function FileUploadList(props: FileUploadListProps): react_jsx_runtime.JSX.Element;
|
|
64
|
+
|
|
65
|
+
type FileUploadItemProps = React.ComponentProps<"div"> & {
|
|
66
|
+
value: File;
|
|
67
|
+
asChild?: boolean;
|
|
68
|
+
};
|
|
69
|
+
declare function FileUploadItem(props: FileUploadItemProps): react_jsx_runtime.JSX.Element;
|
|
70
|
+
|
|
71
|
+
type FileUploadItemPreviewProps = React.ComponentProps<"div"> & {
|
|
72
|
+
render?: (file: File, fallback: () => React.ReactNode) => React.ReactNode;
|
|
73
|
+
asChild?: boolean;
|
|
74
|
+
};
|
|
75
|
+
declare function FileUploadItemPreview(props: FileUploadItemPreviewProps): react_jsx_runtime.JSX.Element;
|
|
76
|
+
|
|
77
|
+
type FileUploadItemMetadataProps = React.ComponentProps<"div"> & {
|
|
78
|
+
asChild?: boolean;
|
|
79
|
+
size?: "default" | "sm";
|
|
80
|
+
};
|
|
81
|
+
declare function FileUploadItemMetadata(props: FileUploadItemMetadataProps): react_jsx_runtime.JSX.Element;
|
|
82
|
+
|
|
83
|
+
type FileUploadItemProgressProps = React.ComponentProps<"div"> & {
|
|
84
|
+
variant?: "linear" | "circular" | "fill";
|
|
85
|
+
size?: number;
|
|
86
|
+
asChild?: boolean;
|
|
87
|
+
forceMount?: boolean;
|
|
88
|
+
};
|
|
89
|
+
declare function FileUploadItemProgress(props: FileUploadItemProgressProps): react_jsx_runtime.JSX.Element;
|
|
90
|
+
|
|
91
|
+
type FileUploadItemDeleteProps = React.ComponentProps<"button"> & {
|
|
92
|
+
asChild?: boolean;
|
|
93
|
+
};
|
|
94
|
+
declare function FileUploadItemDelete(props: FileUploadItemDeleteProps): react_jsx_runtime.JSX.Element;
|
|
95
|
+
|
|
96
|
+
type FileUploadClearProps = React.ComponentProps<"button"> & {
|
|
97
|
+
forceMount?: boolean;
|
|
98
|
+
asChild?: boolean;
|
|
99
|
+
};
|
|
100
|
+
declare function FileUploadClear(props: FileUploadClearProps): react_jsx_runtime.JSX.Element;
|
|
101
|
+
|
|
102
|
+
type FileUploadContextValue = {
|
|
103
|
+
inputId: string;
|
|
104
|
+
dropzoneId: string;
|
|
105
|
+
listId: string;
|
|
106
|
+
labelId: string;
|
|
107
|
+
disabled: boolean;
|
|
108
|
+
dir: Direction;
|
|
109
|
+
inputRef: React.RefObject<HTMLInputElement | null>;
|
|
110
|
+
urlCache: WeakMap<File, string>;
|
|
111
|
+
};
|
|
112
|
+
declare function useFileUploadContext(consumerName: string): FileUploadContextValue;
|
|
113
|
+
|
|
114
|
+
type FileUploadItemContextValue = {
|
|
115
|
+
id: string;
|
|
116
|
+
fileState: FileState | undefined;
|
|
117
|
+
nameId: string;
|
|
118
|
+
sizeId: string;
|
|
119
|
+
statusId: string;
|
|
120
|
+
messageId: string;
|
|
121
|
+
};
|
|
122
|
+
declare function useFileUploadItemContext(consumerName: string): FileUploadItemContextValue;
|
|
123
|
+
|
|
124
|
+
type FileUploadStoreState = {
|
|
125
|
+
files: Map<File, FileState>;
|
|
126
|
+
dragOver: boolean;
|
|
127
|
+
invalid: boolean;
|
|
128
|
+
};
|
|
129
|
+
declare function useFileUploadStore<T>(selector: (state: FileUploadStoreState) => T): T;
|
|
130
|
+
|
|
131
|
+
export { type FileState, FileUpload, FileUploadClear, type FileUploadClearProps, type FileUploadContextValue, FileUploadDropzone, type FileUploadDropzoneProps, FileUploadItem, type FileUploadItemContextValue, FileUploadItemDelete, type FileUploadItemDeleteProps, FileUploadItemMetadata, type FileUploadItemMetadataProps, FileUploadItemPreview, type FileUploadItemPreviewProps, FileUploadItemProgress, type FileUploadItemProgressProps, type FileUploadItemProps, FileUploadList, type FileUploadListOrientationType, type FileUploadListProps, type FileUploadProps, type FileUploadStoreState, FileUploadTrigger, type FileUploadTriggerProps, type FileUploadUploadOptions, useFileUploadContext, useFileUploadItemContext, useFileUploadStore };
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { VariantProps } from 'class-variance-authority';
|
|
4
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
|
+
|
|
6
|
+
declare const fileUploadListVariants: (props?: {
|
|
7
|
+
orientation?: "horizontal" | "vertical";
|
|
8
|
+
} & class_variance_authority_types.ClassProp) => string;
|
|
9
|
+
|
|
10
|
+
type Direction = "ltr" | "rtl";
|
|
11
|
+
type FileState = {
|
|
12
|
+
file: File;
|
|
13
|
+
progress: number;
|
|
14
|
+
error?: string;
|
|
15
|
+
status: "idle" | "uploading" | "error" | "success";
|
|
16
|
+
};
|
|
17
|
+
type FileUploadListCvaProps = VariantProps<typeof fileUploadListVariants>;
|
|
18
|
+
type FileUploadListOrientationType = NonNullable<FileUploadListCvaProps["orientation"]>;
|
|
19
|
+
|
|
20
|
+
type FileUploadUploadOptions = {
|
|
21
|
+
onProgress: (file: File, progress: number) => void;
|
|
22
|
+
onSuccess: (file: File) => void;
|
|
23
|
+
onError: (file: File, error: Error) => void;
|
|
24
|
+
};
|
|
25
|
+
type FileUploadProps = Omit<React.ComponentProps<"div">, "defaultValue" | "onChange"> & {
|
|
26
|
+
value?: File[];
|
|
27
|
+
defaultValue?: File[];
|
|
28
|
+
onValueChange?: (files: File[]) => void;
|
|
29
|
+
onAccept?: (files: File[]) => void;
|
|
30
|
+
onFileAccept?: (file: File) => void;
|
|
31
|
+
onFileReject?: (file: File, message: string) => void;
|
|
32
|
+
onFileValidate?: (file: File) => string | null | undefined;
|
|
33
|
+
onUpload?: (files: File[], options: FileUploadUploadOptions) => Promise<void> | void;
|
|
34
|
+
accept?: string;
|
|
35
|
+
maxFiles?: number;
|
|
36
|
+
maxSize?: number;
|
|
37
|
+
dir?: Direction;
|
|
38
|
+
label?: string;
|
|
39
|
+
name?: string;
|
|
40
|
+
asChild?: boolean;
|
|
41
|
+
disabled?: boolean;
|
|
42
|
+
invalid?: boolean;
|
|
43
|
+
multiple?: boolean;
|
|
44
|
+
required?: boolean;
|
|
45
|
+
};
|
|
46
|
+
declare function FileUpload(props: FileUploadProps): react_jsx_runtime.JSX.Element;
|
|
47
|
+
|
|
48
|
+
type FileUploadDropzoneProps = React.ComponentProps<"div"> & {
|
|
49
|
+
asChild?: boolean;
|
|
50
|
+
};
|
|
51
|
+
declare function FileUploadDropzone(props: FileUploadDropzoneProps): react_jsx_runtime.JSX.Element;
|
|
52
|
+
|
|
53
|
+
type FileUploadTriggerProps = React.ComponentProps<"button"> & {
|
|
54
|
+
asChild?: boolean;
|
|
55
|
+
};
|
|
56
|
+
declare function FileUploadTrigger(props: FileUploadTriggerProps): react_jsx_runtime.JSX.Element;
|
|
57
|
+
|
|
58
|
+
type FileUploadListProps = React.ComponentProps<"div"> & {
|
|
59
|
+
orientation?: FileUploadListOrientationType;
|
|
60
|
+
asChild?: boolean;
|
|
61
|
+
forceMount?: boolean;
|
|
62
|
+
};
|
|
63
|
+
declare function FileUploadList(props: FileUploadListProps): react_jsx_runtime.JSX.Element;
|
|
64
|
+
|
|
65
|
+
type FileUploadItemProps = React.ComponentProps<"div"> & {
|
|
66
|
+
value: File;
|
|
67
|
+
asChild?: boolean;
|
|
68
|
+
};
|
|
69
|
+
declare function FileUploadItem(props: FileUploadItemProps): react_jsx_runtime.JSX.Element;
|
|
70
|
+
|
|
71
|
+
type FileUploadItemPreviewProps = React.ComponentProps<"div"> & {
|
|
72
|
+
render?: (file: File, fallback: () => React.ReactNode) => React.ReactNode;
|
|
73
|
+
asChild?: boolean;
|
|
74
|
+
};
|
|
75
|
+
declare function FileUploadItemPreview(props: FileUploadItemPreviewProps): react_jsx_runtime.JSX.Element;
|
|
76
|
+
|
|
77
|
+
type FileUploadItemMetadataProps = React.ComponentProps<"div"> & {
|
|
78
|
+
asChild?: boolean;
|
|
79
|
+
size?: "default" | "sm";
|
|
80
|
+
};
|
|
81
|
+
declare function FileUploadItemMetadata(props: FileUploadItemMetadataProps): react_jsx_runtime.JSX.Element;
|
|
82
|
+
|
|
83
|
+
type FileUploadItemProgressProps = React.ComponentProps<"div"> & {
|
|
84
|
+
variant?: "linear" | "circular" | "fill";
|
|
85
|
+
size?: number;
|
|
86
|
+
asChild?: boolean;
|
|
87
|
+
forceMount?: boolean;
|
|
88
|
+
};
|
|
89
|
+
declare function FileUploadItemProgress(props: FileUploadItemProgressProps): react_jsx_runtime.JSX.Element;
|
|
90
|
+
|
|
91
|
+
type FileUploadItemDeleteProps = React.ComponentProps<"button"> & {
|
|
92
|
+
asChild?: boolean;
|
|
93
|
+
};
|
|
94
|
+
declare function FileUploadItemDelete(props: FileUploadItemDeleteProps): react_jsx_runtime.JSX.Element;
|
|
95
|
+
|
|
96
|
+
type FileUploadClearProps = React.ComponentProps<"button"> & {
|
|
97
|
+
forceMount?: boolean;
|
|
98
|
+
asChild?: boolean;
|
|
99
|
+
};
|
|
100
|
+
declare function FileUploadClear(props: FileUploadClearProps): react_jsx_runtime.JSX.Element;
|
|
101
|
+
|
|
102
|
+
type FileUploadContextValue = {
|
|
103
|
+
inputId: string;
|
|
104
|
+
dropzoneId: string;
|
|
105
|
+
listId: string;
|
|
106
|
+
labelId: string;
|
|
107
|
+
disabled: boolean;
|
|
108
|
+
dir: Direction;
|
|
109
|
+
inputRef: React.RefObject<HTMLInputElement | null>;
|
|
110
|
+
urlCache: WeakMap<File, string>;
|
|
111
|
+
};
|
|
112
|
+
declare function useFileUploadContext(consumerName: string): FileUploadContextValue;
|
|
113
|
+
|
|
114
|
+
type FileUploadItemContextValue = {
|
|
115
|
+
id: string;
|
|
116
|
+
fileState: FileState | undefined;
|
|
117
|
+
nameId: string;
|
|
118
|
+
sizeId: string;
|
|
119
|
+
statusId: string;
|
|
120
|
+
messageId: string;
|
|
121
|
+
};
|
|
122
|
+
declare function useFileUploadItemContext(consumerName: string): FileUploadItemContextValue;
|
|
123
|
+
|
|
124
|
+
type FileUploadStoreState = {
|
|
125
|
+
files: Map<File, FileState>;
|
|
126
|
+
dragOver: boolean;
|
|
127
|
+
invalid: boolean;
|
|
128
|
+
};
|
|
129
|
+
declare function useFileUploadStore<T>(selector: (state: FileUploadStoreState) => T): T;
|
|
130
|
+
|
|
131
|
+
export { type FileState, FileUpload, FileUploadClear, type FileUploadClearProps, type FileUploadContextValue, FileUploadDropzone, type FileUploadDropzoneProps, FileUploadItem, type FileUploadItemContextValue, FileUploadItemDelete, type FileUploadItemDeleteProps, FileUploadItemMetadata, type FileUploadItemMetadataProps, FileUploadItemPreview, type FileUploadItemPreviewProps, FileUploadItemProgress, type FileUploadItemProgressProps, type FileUploadItemProps, FileUploadList, type FileUploadListOrientationType, type FileUploadListProps, type FileUploadProps, type FileUploadStoreState, FileUploadTrigger, type FileUploadTriggerProps, type FileUploadUploadOptions, useFileUploadContext, useFileUploadItemContext, useFileUploadStore };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { FileUpload, FileUploadClear, FileUploadDropzone, FileUploadItem, FileUploadItemDelete, FileUploadItemMetadata, FileUploadItemPreview, FileUploadItemProgress, FileUploadList, FileUploadTrigger, useFileUploadContext, useFileUploadItemContext, useFileUploadStore } from '../../chunk-EOTQVIA5.js';
|
|
2
|
+
import '../../chunk-G24PWQKG.js';
|
|
3
|
+
import '../../chunk-ZD2QRAOX.js';
|