@cerberus-design/react 0.25.0-rc.7 → 0.25.1-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/combobox/combobox.cjs +1 -2
- package/dist/components/combobox/combobox.d.cts +1 -3
- package/dist/components/combobox/combobox.d.ts +1 -3
- package/dist/components/combobox/combobox.js +1 -2
- package/dist/components/cta-dialog/provider.cjs +3 -1
- package/dist/components/cta-dialog/provider.d.cts +2 -1
- package/dist/components/cta-dialog/provider.d.ts +2 -1
- package/dist/components/cta-dialog/provider.js +3 -1
- package/dist/components/date-picker/calendar.cjs +3 -1
- package/dist/components/date-picker/calendar.d.cts +4 -8
- package/dist/components/date-picker/calendar.d.ts +4 -8
- package/dist/components/date-picker/calendar.js +3 -1
- package/dist/components/date-picker/content.cjs +1 -3
- package/dist/components/date-picker/content.d.cts +1 -2
- package/dist/components/date-picker/content.d.ts +1 -2
- package/dist/components/date-picker/content.js +1 -3
- package/dist/components/date-picker/date-picker.cjs +47 -2
- package/dist/components/date-picker/date-picker.d.cts +1 -6
- package/dist/components/date-picker/date-picker.d.ts +1 -6
- package/dist/components/date-picker/date-picker.js +47 -2
- package/dist/components/date-picker/index.cjs +3 -3
- package/dist/components/date-picker/index.js +3 -3
- package/dist/components/date-picker/input.cjs +1 -1
- package/dist/components/date-picker/input.js +1 -1
- package/dist/components/date-picker/primitives.cjs +4 -1
- package/dist/components/date-picker/primitives.d.cts +1 -4
- package/dist/components/date-picker/primitives.d.ts +1 -4
- package/dist/components/date-picker/primitives.js +4 -1
- package/dist/components/date-picker/range-input.cjs +2 -2
- package/dist/components/date-picker/range-input.js +2 -2
- package/dist/components/field/status-indicator.cjs +1 -2
- package/dist/components/field/status-indicator.d.cts +1 -1
- package/dist/components/field/status-indicator.d.ts +1 -1
- package/dist/components/field/status-indicator.js +1 -2
- package/dist/components/file-upload/file-status.cjs +26 -43
- package/dist/components/file-upload/file-status.js +27 -44
- package/dist/components/file-upload/file-uploader.cjs +21 -47
- package/dist/components/file-upload/file-uploader.d.cts +7 -10
- package/dist/components/file-upload/file-uploader.d.ts +7 -10
- package/dist/components/file-upload/file-uploader.js +22 -48
- package/dist/components/file-upload/helpers.cjs +17 -0
- package/dist/components/file-upload/helpers.d.cts +16 -0
- package/dist/components/file-upload/helpers.d.ts +16 -0
- package/dist/components/file-upload/helpers.js +13 -0
- package/dist/components/file-upload/img-preview.cjs +30 -0
- package/dist/components/file-upload/img-preview.d.cts +2 -0
- package/dist/components/file-upload/img-preview.d.ts +2 -0
- package/dist/components/file-upload/img-preview.js +26 -0
- package/dist/components/file-upload/index.cjs +24 -0
- package/dist/components/file-upload/index.d.cts +4 -0
- package/dist/components/file-upload/index.d.ts +4 -0
- package/dist/components/file-upload/index.js +4 -0
- package/dist/components/file-upload/parts.cjs +28 -0
- package/dist/components/file-upload/parts.d.cts +86 -0
- package/dist/components/file-upload/parts.d.ts +86 -0
- package/dist/components/file-upload/parts.js +24 -0
- package/dist/components/file-upload/primitives.cjs +81 -0
- package/dist/components/file-upload/primitives.d.cts +45 -0
- package/dist/components/file-upload/primitives.d.ts +45 -0
- package/dist/components/file-upload/primitives.js +61 -0
- package/dist/components/file-upload/utils.cjs +18 -0
- package/dist/components/file-upload/utils.d.cts +7 -0
- package/dist/components/file-upload/utils.d.ts +7 -0
- package/dist/components/file-upload/utils.js +14 -0
- package/dist/components/select/select.cjs +6 -3
- package/dist/components/select/select.d.cts +1 -3
- package/dist/components/select/select.d.ts +1 -3
- package/dist/components/select/select.js +6 -3
- package/dist/context/confirm-modal.cjs +3 -1
- package/dist/context/confirm-modal.d.cts +2 -1
- package/dist/context/confirm-modal.d.ts +2 -1
- package/dist/context/confirm-modal.js +3 -1
- package/dist/context/prompt-modal.cjs +4 -2
- package/dist/context/prompt-modal.d.cts +2 -1
- package/dist/context/prompt-modal.d.ts +2 -1
- package/dist/context/prompt-modal.js +5 -3
- package/dist/index.cjs +163 -131
- package/dist/index.client.d.cts +1 -1
- package/dist/index.client.d.ts +1 -1
- package/dist/index.js +8 -4
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-clear-trigger.cjs +19 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-clear-trigger.js +15 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-context.cjs +10 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-context.js +6 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-dropzone.cjs +22 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-dropzone.js +18 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-hidden-input.cjs +21 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-hidden-input.js +17 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-item-delete-trigger.cjs +23 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-item-delete-trigger.js +19 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-item-group.cjs +23 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-item-group.js +19 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-item-name.cjs +22 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-item-name.js +18 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-item-preview-image.cjs +28 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-item-preview-image.js +24 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-item-preview.cjs +22 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-item-preview.js +18 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-item-size-text.cjs +22 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-item-size-text.js +18 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-item.cjs +26 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-item.js +22 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-label.cjs +19 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-label.js +15 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-root.cjs +47 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-root.js +43 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-trigger.cjs +19 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/file-upload-trigger.js +15 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/use-file-upload-context.cjs +15 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/use-file-upload-context.js +10 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/use-file-upload-item-group-props-context.cjs +15 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/use-file-upload-item-group-props-context.js +10 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/use-file-upload-item-props-context.cjs +15 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/use-file-upload-item-props-context.js +10 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/use-file-upload.cjs +36 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/file-upload/use-file-upload.js +32 -0
- package/dist/node_modules/.pnpm/@internationalized_date@3.10.0/node_modules/@internationalized/date/src/CalendarDate.js +3 -3
- package/dist/node_modules/.pnpm/@internationalized_date@3.10.0/node_modules/@internationalized/date/src/conversion.js +1 -1
- package/dist/node_modules/.pnpm/@internationalized_date@3.10.0/node_modules/@internationalized/date/src/queries.js +1 -1
- package/dist/node_modules/.pnpm/@internationalized_date@3.10.1/node_modules/@internationalized/date/src/CalendarDate.cjs +218 -0
- package/dist/node_modules/.pnpm/@internationalized_date@3.10.1/node_modules/@internationalized/date/src/CalendarDate.js +212 -0
- package/dist/node_modules/.pnpm/@internationalized_date@3.10.1/node_modules/@internationalized/date/src/DateFormatter.cjs +135 -0
- package/dist/node_modules/.pnpm/@internationalized_date@3.10.1/node_modules/@internationalized/date/src/DateFormatter.js +131 -0
- package/dist/node_modules/.pnpm/@internationalized_date@3.10.1/node_modules/@internationalized/date/src/calendars/GregorianCalendar.cjs +101 -0
- package/dist/node_modules/.pnpm/@internationalized_date@3.10.1/node_modules/@internationalized/date/src/calendars/GregorianCalendar.js +93 -0
- package/dist/node_modules/.pnpm/@internationalized_date@3.10.1/node_modules/@internationalized/date/src/conversion.cjs +200 -0
- package/dist/node_modules/.pnpm/@internationalized_date@3.10.1/node_modules/@internationalized/date/src/conversion.js +186 -0
- package/dist/node_modules/.pnpm/@internationalized_date@3.10.1/node_modules/@internationalized/date/src/manipulation.cjs +352 -0
- package/dist/node_modules/.pnpm/@internationalized_date@3.10.1/node_modules/@internationalized/date/src/manipulation.js +336 -0
- package/dist/node_modules/.pnpm/@internationalized_date@3.10.1/node_modules/@internationalized/date/src/queries.cjs +39 -0
- package/dist/node_modules/.pnpm/@internationalized_date@3.10.1/node_modules/@internationalized/date/src/queries.js +30 -0
- package/dist/node_modules/.pnpm/@internationalized_date@3.10.1/node_modules/@internationalized/date/src/string.cjs +44 -0
- package/dist/node_modules/.pnpm/@internationalized_date@3.10.1/node_modules/@internationalized/date/src/string.js +37 -0
- package/dist/node_modules/.pnpm/@internationalized_date@3.10.1/node_modules/@internationalized/date/src/utils.cjs +10 -0
- package/dist/node_modules/.pnpm/@internationalized_date@3.10.1/node_modules/@internationalized/date/src/utils.js +6 -0
- package/dist/node_modules/.pnpm/@zag-js_file-upload@1.31.1/node_modules/@zag-js/file-upload/dist/index.cjs +649 -0
- package/dist/node_modules/.pnpm/@zag-js_file-upload@1.31.1/node_modules/@zag-js/file-upload/dist/index.js +643 -0
- package/dist/node_modules/.pnpm/@zag-js_file-utils@1.31.1/node_modules/@zag-js/file-utils/dist/index.cjs +147 -0
- package/dist/node_modules/.pnpm/@zag-js_file-utils@1.31.1/node_modules/@zag-js/file-utils/dist/index.js +138 -0
- package/dist/node_modules/.pnpm/@zag-js_i18n-utils@1.31.1/node_modules/@zag-js/i18n-utils/dist/index.cjs +53 -0
- package/dist/node_modules/.pnpm/@zag-js_i18n-utils@1.31.1/node_modules/@zag-js/i18n-utils/dist/index.js +48 -0
- package/dist/node_modules/.pnpm/@zag-js_utils@1.31.1/node_modules/@zag-js/utils/dist/index.cjs +9 -0
- package/dist/node_modules/.pnpm/@zag-js_utils@1.31.1/node_modules/@zag-js/utils/dist/index.js +9 -1
- package/package.json +7 -7
- package/src/components/combobox/combobox.tsx +7 -13
- package/src/components/cta-dialog/provider.tsx +8 -3
- package/src/components/date-picker/calendar.tsx +10 -9
- package/src/components/date-picker/content.tsx +4 -11
- package/src/components/date-picker/date-picker.tsx +55 -18
- package/src/components/date-picker/input.tsx +1 -1
- package/src/components/date-picker/primitives.tsx +4 -1
- package/src/components/date-picker/range-input.tsx +2 -2
- package/src/components/field/status-indicator.tsx +2 -5
- package/src/components/file-upload/file-status.tsx +14 -21
- package/src/components/file-upload/file-uploader.tsx +37 -49
- package/src/components/file-upload/helpers.ts +28 -0
- package/src/components/file-upload/img-preview.tsx +41 -0
- package/src/components/file-upload/index.ts +4 -0
- package/src/components/file-upload/parts.tsx +126 -0
- package/src/components/file-upload/primitives.ts +156 -0
- package/src/components/file-upload/utils.ts +20 -0
- package/src/components/select/select.tsx +11 -12
- package/src/context/confirm-modal.tsx +7 -2
- package/src/context/prompt-modal.tsx +9 -4
- package/src/index.client.ts +2 -0
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
+
|
|
6
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
const React = require('react');
|
|
8
|
+
const createSplitProps = require('../../utils/create-split-props.cjs');
|
|
9
|
+
const factory = require('../factory.cjs');
|
|
10
|
+
const useFileUploadContext = require('./use-file-upload-context.cjs');
|
|
11
|
+
const index = require('../../../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.cjs');
|
|
12
|
+
|
|
13
|
+
const splitDropzoneProps = createSplitProps.createSplitProps();
|
|
14
|
+
const FileUploadDropzone = React.forwardRef((props, ref) => {
|
|
15
|
+
const [dropzoneProps, localProps] = splitDropzoneProps(props, ["disableClick"]);
|
|
16
|
+
const fileUpload = useFileUploadContext.useFileUploadContext();
|
|
17
|
+
const mergedProps = index.mergeProps(fileUpload.getDropzoneProps(dropzoneProps), localProps);
|
|
18
|
+
return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
|
|
19
|
+
});
|
|
20
|
+
FileUploadDropzone.displayName = "FileUploadDropzone";
|
|
21
|
+
|
|
22
|
+
exports.FileUploadDropzone = FileUploadDropzone;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { createSplitProps } from '../../utils/create-split-props.js';
|
|
5
|
+
import { ark } from '../factory.js';
|
|
6
|
+
import { useFileUploadContext } from './use-file-upload-context.js';
|
|
7
|
+
import { mergeProps } from '../../../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.js';
|
|
8
|
+
|
|
9
|
+
const splitDropzoneProps = createSplitProps();
|
|
10
|
+
const FileUploadDropzone = forwardRef((props, ref) => {
|
|
11
|
+
const [dropzoneProps, localProps] = splitDropzoneProps(props, ["disableClick"]);
|
|
12
|
+
const fileUpload = useFileUploadContext();
|
|
13
|
+
const mergedProps = mergeProps(fileUpload.getDropzoneProps(dropzoneProps), localProps);
|
|
14
|
+
return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
|
|
15
|
+
});
|
|
16
|
+
FileUploadDropzone.displayName = "FileUploadDropzone";
|
|
17
|
+
|
|
18
|
+
export { FileUploadDropzone };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
+
|
|
6
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
const React = require('react');
|
|
8
|
+
const factory = require('../factory.cjs');
|
|
9
|
+
const useFieldContext = require('../field/use-field-context.cjs');
|
|
10
|
+
const useFileUploadContext = require('./use-file-upload-context.cjs');
|
|
11
|
+
const index = require('../../../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.cjs');
|
|
12
|
+
|
|
13
|
+
const FileUploadHiddenInput = React.forwardRef((props, ref) => {
|
|
14
|
+
const fileUpload = useFileUploadContext.useFileUploadContext();
|
|
15
|
+
const mergedProps = index.mergeProps(fileUpload.getHiddenInputProps(), props);
|
|
16
|
+
const field = useFieldContext.useFieldContext();
|
|
17
|
+
return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
|
|
18
|
+
});
|
|
19
|
+
FileUploadHiddenInput.displayName = "FileUploadHiddenInput";
|
|
20
|
+
|
|
21
|
+
exports.FileUploadHiddenInput = FileUploadHiddenInput;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { ark } from '../factory.js';
|
|
5
|
+
import { useFieldContext } from '../field/use-field-context.js';
|
|
6
|
+
import { useFileUploadContext } from './use-file-upload-context.js';
|
|
7
|
+
import { mergeProps } from '../../../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.js';
|
|
8
|
+
|
|
9
|
+
const FileUploadHiddenInput = forwardRef((props, ref) => {
|
|
10
|
+
const fileUpload = useFileUploadContext();
|
|
11
|
+
const mergedProps = mergeProps(fileUpload.getHiddenInputProps(), props);
|
|
12
|
+
const field = useFieldContext();
|
|
13
|
+
return /* @__PURE__ */ jsx(ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
|
|
14
|
+
});
|
|
15
|
+
FileUploadHiddenInput.displayName = "FileUploadHiddenInput";
|
|
16
|
+
|
|
17
|
+
export { FileUploadHiddenInput };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
+
|
|
6
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
const React = require('react');
|
|
8
|
+
const factory = require('../factory.cjs');
|
|
9
|
+
const useFileUploadContext = require('./use-file-upload-context.cjs');
|
|
10
|
+
const useFileUploadItemPropsContext = require('./use-file-upload-item-props-context.cjs');
|
|
11
|
+
const index = require('../../../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.cjs');
|
|
12
|
+
|
|
13
|
+
const FileUploadItemDeleteTrigger = React.forwardRef(
|
|
14
|
+
(props, ref) => {
|
|
15
|
+
const fileUpload = useFileUploadContext.useFileUploadContext();
|
|
16
|
+
const itemProps = useFileUploadItemPropsContext.useFileUploadItemPropsContext();
|
|
17
|
+
const mergedProps = index.mergeProps(fileUpload.getItemDeleteTriggerProps(itemProps), props);
|
|
18
|
+
return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
|
|
19
|
+
}
|
|
20
|
+
);
|
|
21
|
+
FileUploadItemDeleteTrigger.displayName = "FileUploadItemDeleteTrigger";
|
|
22
|
+
|
|
23
|
+
exports.FileUploadItemDeleteTrigger = FileUploadItemDeleteTrigger;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { ark } from '../factory.js';
|
|
5
|
+
import { useFileUploadContext } from './use-file-upload-context.js';
|
|
6
|
+
import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context.js';
|
|
7
|
+
import { mergeProps } from '../../../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.js';
|
|
8
|
+
|
|
9
|
+
const FileUploadItemDeleteTrigger = forwardRef(
|
|
10
|
+
(props, ref) => {
|
|
11
|
+
const fileUpload = useFileUploadContext();
|
|
12
|
+
const itemProps = useFileUploadItemPropsContext();
|
|
13
|
+
const mergedProps = mergeProps(fileUpload.getItemDeleteTriggerProps(itemProps), props);
|
|
14
|
+
return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
|
|
15
|
+
}
|
|
16
|
+
);
|
|
17
|
+
FileUploadItemDeleteTrigger.displayName = "FileUploadItemDeleteTrigger";
|
|
18
|
+
|
|
19
|
+
export { FileUploadItemDeleteTrigger };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
+
|
|
6
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
const React = require('react');
|
|
8
|
+
const createSplitProps = require('../../utils/create-split-props.cjs');
|
|
9
|
+
const factory = require('../factory.cjs');
|
|
10
|
+
const useFileUploadContext = require('./use-file-upload-context.cjs');
|
|
11
|
+
const useFileUploadItemGroupPropsContext = require('./use-file-upload-item-group-props-context.cjs');
|
|
12
|
+
const index = require('../../../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.cjs');
|
|
13
|
+
|
|
14
|
+
const splitItemGroupProps = createSplitProps.createSplitProps();
|
|
15
|
+
const FileUploadItemGroup = React.forwardRef((props, ref) => {
|
|
16
|
+
const [itemGroupProps, localProps] = splitItemGroupProps(props, ["type"]);
|
|
17
|
+
const fileUpload = useFileUploadContext.useFileUploadContext();
|
|
18
|
+
const mergedProps = index.mergeProps(fileUpload.getItemGroupProps(itemGroupProps), localProps);
|
|
19
|
+
return /* @__PURE__ */ jsxRuntime.jsx(useFileUploadItemGroupPropsContext.FileUploadItemGroupPropsProvider, { value: itemGroupProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.ul, { ...mergedProps, ref }) });
|
|
20
|
+
});
|
|
21
|
+
FileUploadItemGroup.displayName = "FileUploadItemGroup";
|
|
22
|
+
|
|
23
|
+
exports.FileUploadItemGroup = FileUploadItemGroup;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { createSplitProps } from '../../utils/create-split-props.js';
|
|
5
|
+
import { ark } from '../factory.js';
|
|
6
|
+
import { useFileUploadContext } from './use-file-upload-context.js';
|
|
7
|
+
import { FileUploadItemGroupPropsProvider } from './use-file-upload-item-group-props-context.js';
|
|
8
|
+
import { mergeProps } from '../../../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.js';
|
|
9
|
+
|
|
10
|
+
const splitItemGroupProps = createSplitProps();
|
|
11
|
+
const FileUploadItemGroup = forwardRef((props, ref) => {
|
|
12
|
+
const [itemGroupProps, localProps] = splitItemGroupProps(props, ["type"]);
|
|
13
|
+
const fileUpload = useFileUploadContext();
|
|
14
|
+
const mergedProps = mergeProps(fileUpload.getItemGroupProps(itemGroupProps), localProps);
|
|
15
|
+
return /* @__PURE__ */ jsx(FileUploadItemGroupPropsProvider, { value: itemGroupProps, children: /* @__PURE__ */ jsx(ark.ul, { ...mergedProps, ref }) });
|
|
16
|
+
});
|
|
17
|
+
FileUploadItemGroup.displayName = "FileUploadItemGroup";
|
|
18
|
+
|
|
19
|
+
export { FileUploadItemGroup };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
+
|
|
6
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
const React = require('react');
|
|
8
|
+
const factory = require('../factory.cjs');
|
|
9
|
+
const useFileUploadContext = require('./use-file-upload-context.cjs');
|
|
10
|
+
const useFileUploadItemPropsContext = require('./use-file-upload-item-props-context.cjs');
|
|
11
|
+
const index = require('../../../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.cjs');
|
|
12
|
+
|
|
13
|
+
const FileUploadItemName = React.forwardRef((props, ref) => {
|
|
14
|
+
const { children, ...rest } = props;
|
|
15
|
+
const fileUpload = useFileUploadContext.useFileUploadContext();
|
|
16
|
+
const itemProps = useFileUploadItemPropsContext.useFileUploadItemPropsContext();
|
|
17
|
+
const mergedProps = index.mergeProps(fileUpload.getItemNameProps(itemProps), rest);
|
|
18
|
+
return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: children || itemProps.file.name });
|
|
19
|
+
});
|
|
20
|
+
FileUploadItemName.displayName = "FileUploadItemName";
|
|
21
|
+
|
|
22
|
+
exports.FileUploadItemName = FileUploadItemName;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { ark } from '../factory.js';
|
|
5
|
+
import { useFileUploadContext } from './use-file-upload-context.js';
|
|
6
|
+
import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context.js';
|
|
7
|
+
import { mergeProps } from '../../../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.js';
|
|
8
|
+
|
|
9
|
+
const FileUploadItemName = forwardRef((props, ref) => {
|
|
10
|
+
const { children, ...rest } = props;
|
|
11
|
+
const fileUpload = useFileUploadContext();
|
|
12
|
+
const itemProps = useFileUploadItemPropsContext();
|
|
13
|
+
const mergedProps = mergeProps(fileUpload.getItemNameProps(itemProps), rest);
|
|
14
|
+
return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: children || itemProps.file.name });
|
|
15
|
+
});
|
|
16
|
+
FileUploadItemName.displayName = "FileUploadItemName";
|
|
17
|
+
|
|
18
|
+
export { FileUploadItemName };
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
+
|
|
6
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
const React = require('react');
|
|
8
|
+
const factory = require('../factory.cjs');
|
|
9
|
+
const useFileUploadContext = require('./use-file-upload-context.cjs');
|
|
10
|
+
const useFileUploadItemPropsContext = require('./use-file-upload-item-props-context.cjs');
|
|
11
|
+
const index = require('../../../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.cjs');
|
|
12
|
+
|
|
13
|
+
const FileUploadItemPreviewImage = React.forwardRef(
|
|
14
|
+
(props, ref) => {
|
|
15
|
+
const [url, setUrl] = React.useState("");
|
|
16
|
+
const fileUpload = useFileUploadContext.useFileUploadContext();
|
|
17
|
+
const itemProps = useFileUploadItemPropsContext.useFileUploadItemPropsContext();
|
|
18
|
+
const mergedProps = index.mergeProps(fileUpload.getItemPreviewImageProps({ ...itemProps, url }), props);
|
|
19
|
+
React.useEffect(() => {
|
|
20
|
+
return fileUpload.createFileUrl(itemProps.file, (url2) => setUrl(url2));
|
|
21
|
+
}, [itemProps, fileUpload]);
|
|
22
|
+
if (!url) return null;
|
|
23
|
+
return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.img, { ...mergedProps, ref });
|
|
24
|
+
}
|
|
25
|
+
);
|
|
26
|
+
FileUploadItemPreviewImage.displayName = "FileUploadItemPreviewImage";
|
|
27
|
+
|
|
28
|
+
exports.FileUploadItemPreviewImage = FileUploadItemPreviewImage;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { forwardRef, useState, useEffect } from 'react';
|
|
4
|
+
import { ark } from '../factory.js';
|
|
5
|
+
import { useFileUploadContext } from './use-file-upload-context.js';
|
|
6
|
+
import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context.js';
|
|
7
|
+
import { mergeProps } from '../../../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.js';
|
|
8
|
+
|
|
9
|
+
const FileUploadItemPreviewImage = forwardRef(
|
|
10
|
+
(props, ref) => {
|
|
11
|
+
const [url, setUrl] = useState("");
|
|
12
|
+
const fileUpload = useFileUploadContext();
|
|
13
|
+
const itemProps = useFileUploadItemPropsContext();
|
|
14
|
+
const mergedProps = mergeProps(fileUpload.getItemPreviewImageProps({ ...itemProps, url }), props);
|
|
15
|
+
useEffect(() => {
|
|
16
|
+
return fileUpload.createFileUrl(itemProps.file, (url2) => setUrl(url2));
|
|
17
|
+
}, [itemProps, fileUpload]);
|
|
18
|
+
if (!url) return null;
|
|
19
|
+
return /* @__PURE__ */ jsx(ark.img, { ...mergedProps, ref });
|
|
20
|
+
}
|
|
21
|
+
);
|
|
22
|
+
FileUploadItemPreviewImage.displayName = "FileUploadItemPreviewImage";
|
|
23
|
+
|
|
24
|
+
export { FileUploadItemPreviewImage };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
+
|
|
6
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
const React = require('react');
|
|
8
|
+
const factory = require('../factory.cjs');
|
|
9
|
+
const useFileUploadContext = require('./use-file-upload-context.cjs');
|
|
10
|
+
const useFileUploadItemPropsContext = require('./use-file-upload-item-props-context.cjs');
|
|
11
|
+
const index = require('../../../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.cjs');
|
|
12
|
+
|
|
13
|
+
const FileUploadItemPreview = React.forwardRef((props, ref) => {
|
|
14
|
+
const fileUpload = useFileUploadContext.useFileUploadContext();
|
|
15
|
+
const itemProps = useFileUploadItemPropsContext.useFileUploadItemPropsContext();
|
|
16
|
+
const mergedProps = index.mergeProps(fileUpload.getItemPreviewProps(itemProps), props);
|
|
17
|
+
if (!itemProps.file.type.match(props.type ?? ".*")) return null;
|
|
18
|
+
return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
|
|
19
|
+
});
|
|
20
|
+
FileUploadItemPreview.displayName = "FileUploadItemPreview";
|
|
21
|
+
|
|
22
|
+
exports.FileUploadItemPreview = FileUploadItemPreview;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { ark } from '../factory.js';
|
|
5
|
+
import { useFileUploadContext } from './use-file-upload-context.js';
|
|
6
|
+
import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context.js';
|
|
7
|
+
import { mergeProps } from '../../../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.js';
|
|
8
|
+
|
|
9
|
+
const FileUploadItemPreview = forwardRef((props, ref) => {
|
|
10
|
+
const fileUpload = useFileUploadContext();
|
|
11
|
+
const itemProps = useFileUploadItemPropsContext();
|
|
12
|
+
const mergedProps = mergeProps(fileUpload.getItemPreviewProps(itemProps), props);
|
|
13
|
+
if (!itemProps.file.type.match(props.type ?? ".*")) return null;
|
|
14
|
+
return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
|
|
15
|
+
});
|
|
16
|
+
FileUploadItemPreview.displayName = "FileUploadItemPreview";
|
|
17
|
+
|
|
18
|
+
export { FileUploadItemPreview };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
+
|
|
6
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
const React = require('react');
|
|
8
|
+
const factory = require('../factory.cjs');
|
|
9
|
+
const useFileUploadContext = require('./use-file-upload-context.cjs');
|
|
10
|
+
const useFileUploadItemPropsContext = require('./use-file-upload-item-props-context.cjs');
|
|
11
|
+
const index = require('../../../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.cjs');
|
|
12
|
+
|
|
13
|
+
const FileUploadItemSizeText = React.forwardRef((props, ref) => {
|
|
14
|
+
const { children, ...rest } = props;
|
|
15
|
+
const fileUpload = useFileUploadContext.useFileUploadContext();
|
|
16
|
+
const itemProps = useFileUploadItemPropsContext.useFileUploadItemPropsContext();
|
|
17
|
+
const mergedProps = index.mergeProps(fileUpload.getItemSizeTextProps(itemProps), rest);
|
|
18
|
+
return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: children || fileUpload.getFileSize(itemProps.file) });
|
|
19
|
+
});
|
|
20
|
+
FileUploadItemSizeText.displayName = "FileUploadItemSizeText";
|
|
21
|
+
|
|
22
|
+
exports.FileUploadItemSizeText = FileUploadItemSizeText;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { ark } from '../factory.js';
|
|
5
|
+
import { useFileUploadContext } from './use-file-upload-context.js';
|
|
6
|
+
import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context.js';
|
|
7
|
+
import { mergeProps } from '../../../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.js';
|
|
8
|
+
|
|
9
|
+
const FileUploadItemSizeText = forwardRef((props, ref) => {
|
|
10
|
+
const { children, ...rest } = props;
|
|
11
|
+
const fileUpload = useFileUploadContext();
|
|
12
|
+
const itemProps = useFileUploadItemPropsContext();
|
|
13
|
+
const mergedProps = mergeProps(fileUpload.getItemSizeTextProps(itemProps), rest);
|
|
14
|
+
return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: children || fileUpload.getFileSize(itemProps.file) });
|
|
15
|
+
});
|
|
16
|
+
FileUploadItemSizeText.displayName = "FileUploadItemSizeText";
|
|
17
|
+
|
|
18
|
+
export { FileUploadItemSizeText };
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
+
|
|
6
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
const React = require('react');
|
|
8
|
+
const createSplitProps = require('../../utils/create-split-props.cjs');
|
|
9
|
+
const factory = require('../factory.cjs');
|
|
10
|
+
const useFileUploadContext = require('./use-file-upload-context.cjs');
|
|
11
|
+
const useFileUploadItemGroupPropsContext = require('./use-file-upload-item-group-props-context.cjs');
|
|
12
|
+
const useFileUploadItemPropsContext = require('./use-file-upload-item-props-context.cjs');
|
|
13
|
+
const index = require('../../../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.cjs');
|
|
14
|
+
|
|
15
|
+
const splitItemBaseProps = createSplitProps.createSplitProps();
|
|
16
|
+
const FileUploadItem = React.forwardRef((props, ref) => {
|
|
17
|
+
const [itemProps, localProps] = splitItemBaseProps(props, ["file"]);
|
|
18
|
+
const fileUpload = useFileUploadContext.useFileUploadContext();
|
|
19
|
+
const itemGroupProps = useFileUploadItemGroupPropsContext.useFileUploadItemGroupPropsContext();
|
|
20
|
+
const itemPropsWithType = { ...itemProps, type: itemGroupProps.type };
|
|
21
|
+
const mergedProps = index.mergeProps(fileUpload.getItemProps(itemPropsWithType), localProps);
|
|
22
|
+
return /* @__PURE__ */ jsxRuntime.jsx(useFileUploadItemPropsContext.FileUploadItemPropsProvider, { value: itemPropsWithType, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.li, { ...mergedProps, ref }) });
|
|
23
|
+
});
|
|
24
|
+
FileUploadItem.displayName = "FileUploadItem";
|
|
25
|
+
|
|
26
|
+
exports.FileUploadItem = FileUploadItem;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { createSplitProps } from '../../utils/create-split-props.js';
|
|
5
|
+
import { ark } from '../factory.js';
|
|
6
|
+
import { useFileUploadContext } from './use-file-upload-context.js';
|
|
7
|
+
import { useFileUploadItemGroupPropsContext } from './use-file-upload-item-group-props-context.js';
|
|
8
|
+
import { FileUploadItemPropsProvider } from './use-file-upload-item-props-context.js';
|
|
9
|
+
import { mergeProps } from '../../../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.js';
|
|
10
|
+
|
|
11
|
+
const splitItemBaseProps = createSplitProps();
|
|
12
|
+
const FileUploadItem = forwardRef((props, ref) => {
|
|
13
|
+
const [itemProps, localProps] = splitItemBaseProps(props, ["file"]);
|
|
14
|
+
const fileUpload = useFileUploadContext();
|
|
15
|
+
const itemGroupProps = useFileUploadItemGroupPropsContext();
|
|
16
|
+
const itemPropsWithType = { ...itemProps, type: itemGroupProps.type };
|
|
17
|
+
const mergedProps = mergeProps(fileUpload.getItemProps(itemPropsWithType), localProps);
|
|
18
|
+
return /* @__PURE__ */ jsx(FileUploadItemPropsProvider, { value: itemPropsWithType, children: /* @__PURE__ */ jsx(ark.li, { ...mergedProps, ref }) });
|
|
19
|
+
});
|
|
20
|
+
FileUploadItem.displayName = "FileUploadItem";
|
|
21
|
+
|
|
22
|
+
export { FileUploadItem };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
+
|
|
6
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
const React = require('react');
|
|
8
|
+
const factory = require('../factory.cjs');
|
|
9
|
+
const useFileUploadContext = require('./use-file-upload-context.cjs');
|
|
10
|
+
const index = require('../../../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.cjs');
|
|
11
|
+
|
|
12
|
+
const FileUploadLabel = React.forwardRef((props, ref) => {
|
|
13
|
+
const fileUpload = useFileUploadContext.useFileUploadContext();
|
|
14
|
+
const mergedProps = index.mergeProps(fileUpload.getLabelProps(), props);
|
|
15
|
+
return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
|
|
16
|
+
});
|
|
17
|
+
FileUploadLabel.displayName = "FileUploadLabel";
|
|
18
|
+
|
|
19
|
+
exports.FileUploadLabel = FileUploadLabel;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { ark } from '../factory.js';
|
|
5
|
+
import { useFileUploadContext } from './use-file-upload-context.js';
|
|
6
|
+
import { mergeProps } from '../../../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.js';
|
|
7
|
+
|
|
8
|
+
const FileUploadLabel = forwardRef((props, ref) => {
|
|
9
|
+
const fileUpload = useFileUploadContext();
|
|
10
|
+
const mergedProps = mergeProps(fileUpload.getLabelProps(), props);
|
|
11
|
+
return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
|
|
12
|
+
});
|
|
13
|
+
FileUploadLabel.displayName = "FileUploadLabel";
|
|
14
|
+
|
|
15
|
+
export { FileUploadLabel };
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
+
|
|
6
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
const React = require('react');
|
|
8
|
+
const createSplitProps = require('../../utils/create-split-props.cjs');
|
|
9
|
+
const factory = require('../factory.cjs');
|
|
10
|
+
const useFileUpload = require('./use-file-upload.cjs');
|
|
11
|
+
const useFileUploadContext = require('./use-file-upload-context.cjs');
|
|
12
|
+
const index = require('../../../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.cjs');
|
|
13
|
+
|
|
14
|
+
const splitRootProps = createSplitProps.createSplitProps();
|
|
15
|
+
const FileUploadRoot = React.forwardRef((props, ref) => {
|
|
16
|
+
const [useFileUploadProps, localProps] = splitRootProps(props, [
|
|
17
|
+
"accept",
|
|
18
|
+
"acceptedFiles",
|
|
19
|
+
"allowDrop",
|
|
20
|
+
"capture",
|
|
21
|
+
"defaultAcceptedFiles",
|
|
22
|
+
"directory",
|
|
23
|
+
"disabled",
|
|
24
|
+
"id",
|
|
25
|
+
"ids",
|
|
26
|
+
"invalid",
|
|
27
|
+
"locale",
|
|
28
|
+
"maxFiles",
|
|
29
|
+
"maxFileSize",
|
|
30
|
+
"minFileSize",
|
|
31
|
+
"name",
|
|
32
|
+
"onFileAccept",
|
|
33
|
+
"onFileChange",
|
|
34
|
+
"onFileReject",
|
|
35
|
+
"preventDocumentDrop",
|
|
36
|
+
"required",
|
|
37
|
+
"translations",
|
|
38
|
+
"transformFiles",
|
|
39
|
+
"validate"
|
|
40
|
+
]);
|
|
41
|
+
const fileUpload = useFileUpload.useFileUpload(useFileUploadProps);
|
|
42
|
+
const mergedProps = index.mergeProps(fileUpload.getRootProps(), localProps);
|
|
43
|
+
return /* @__PURE__ */ jsxRuntime.jsx(useFileUploadContext.FileUploadProvider, { value: fileUpload, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
|
|
44
|
+
});
|
|
45
|
+
FileUploadRoot.displayName = "FileUploadRoot";
|
|
46
|
+
|
|
47
|
+
exports.FileUploadRoot = FileUploadRoot;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { createSplitProps } from '../../utils/create-split-props.js';
|
|
5
|
+
import { ark } from '../factory.js';
|
|
6
|
+
import { useFileUpload } from './use-file-upload.js';
|
|
7
|
+
import { FileUploadProvider } from './use-file-upload-context.js';
|
|
8
|
+
import { mergeProps } from '../../../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.js';
|
|
9
|
+
|
|
10
|
+
const splitRootProps = createSplitProps();
|
|
11
|
+
const FileUploadRoot = forwardRef((props, ref) => {
|
|
12
|
+
const [useFileUploadProps, localProps] = splitRootProps(props, [
|
|
13
|
+
"accept",
|
|
14
|
+
"acceptedFiles",
|
|
15
|
+
"allowDrop",
|
|
16
|
+
"capture",
|
|
17
|
+
"defaultAcceptedFiles",
|
|
18
|
+
"directory",
|
|
19
|
+
"disabled",
|
|
20
|
+
"id",
|
|
21
|
+
"ids",
|
|
22
|
+
"invalid",
|
|
23
|
+
"locale",
|
|
24
|
+
"maxFiles",
|
|
25
|
+
"maxFileSize",
|
|
26
|
+
"minFileSize",
|
|
27
|
+
"name",
|
|
28
|
+
"onFileAccept",
|
|
29
|
+
"onFileChange",
|
|
30
|
+
"onFileReject",
|
|
31
|
+
"preventDocumentDrop",
|
|
32
|
+
"required",
|
|
33
|
+
"translations",
|
|
34
|
+
"transformFiles",
|
|
35
|
+
"validate"
|
|
36
|
+
]);
|
|
37
|
+
const fileUpload = useFileUpload(useFileUploadProps);
|
|
38
|
+
const mergedProps = mergeProps(fileUpload.getRootProps(), localProps);
|
|
39
|
+
return /* @__PURE__ */ jsx(FileUploadProvider, { value: fileUpload, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
|
|
40
|
+
});
|
|
41
|
+
FileUploadRoot.displayName = "FileUploadRoot";
|
|
42
|
+
|
|
43
|
+
export { FileUploadRoot };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
+
|
|
6
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
const React = require('react');
|
|
8
|
+
const factory = require('../factory.cjs');
|
|
9
|
+
const useFileUploadContext = require('./use-file-upload-context.cjs');
|
|
10
|
+
const index = require('../../../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.cjs');
|
|
11
|
+
|
|
12
|
+
const FileUploadTrigger = React.forwardRef((props, ref) => {
|
|
13
|
+
const fileUpload = useFileUploadContext.useFileUploadContext();
|
|
14
|
+
const mergedProps = index.mergeProps(fileUpload.getTriggerProps(), props);
|
|
15
|
+
return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
|
|
16
|
+
});
|
|
17
|
+
FileUploadTrigger.displayName = "FileUploadTrigger";
|
|
18
|
+
|
|
19
|
+
exports.FileUploadTrigger = FileUploadTrigger;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { ark } from '../factory.js';
|
|
5
|
+
import { useFileUploadContext } from './use-file-upload-context.js';
|
|
6
|
+
import { mergeProps } from '../../../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.js';
|
|
7
|
+
|
|
8
|
+
const FileUploadTrigger = forwardRef((props, ref) => {
|
|
9
|
+
const fileUpload = useFileUploadContext();
|
|
10
|
+
const mergedProps = mergeProps(fileUpload.getTriggerProps(), props);
|
|
11
|
+
return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
|
|
12
|
+
});
|
|
13
|
+
FileUploadTrigger.displayName = "FileUploadTrigger";
|
|
14
|
+
|
|
15
|
+
export { FileUploadTrigger };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
+
|
|
6
|
+
const createContext = require('../../utils/create-context.cjs');
|
|
7
|
+
|
|
8
|
+
const [FileUploadProvider, useFileUploadContext] = createContext.createContext({
|
|
9
|
+
name: "FileUploadContext",
|
|
10
|
+
hookName: "useFileUploadContext",
|
|
11
|
+
providerName: "<FileUploadProvider />"
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
exports.FileUploadProvider = FileUploadProvider;
|
|
15
|
+
exports.useFileUploadContext = useFileUploadContext;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { createContext } from '../../utils/create-context.js';
|
|
3
|
+
|
|
4
|
+
const [FileUploadProvider, useFileUploadContext] = createContext({
|
|
5
|
+
name: "FileUploadContext",
|
|
6
|
+
hookName: "useFileUploadContext",
|
|
7
|
+
providerName: "<FileUploadProvider />"
|
|
8
|
+
});
|
|
9
|
+
|
|
10
|
+
export { FileUploadProvider, useFileUploadContext };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
+
|
|
6
|
+
const createContext = require('../../utils/create-context.cjs');
|
|
7
|
+
|
|
8
|
+
const [FileUploadItemGroupPropsProvider, useFileUploadItemGroupPropsContext] = createContext.createContext({
|
|
9
|
+
name: "FileUploadItemGroupPropsContext",
|
|
10
|
+
hookName: "useFileUploadItemGroupPropsContext",
|
|
11
|
+
providerName: "<FileUploadItemGroupPropsProvider />"
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
exports.FileUploadItemGroupPropsProvider = FileUploadItemGroupPropsProvider;
|
|
15
|
+
exports.useFileUploadItemGroupPropsContext = useFileUploadItemGroupPropsContext;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { createContext } from '../../utils/create-context.js';
|
|
3
|
+
|
|
4
|
+
const [FileUploadItemGroupPropsProvider, useFileUploadItemGroupPropsContext] = createContext({
|
|
5
|
+
name: "FileUploadItemGroupPropsContext",
|
|
6
|
+
hookName: "useFileUploadItemGroupPropsContext",
|
|
7
|
+
providerName: "<FileUploadItemGroupPropsProvider />"
|
|
8
|
+
});
|
|
9
|
+
|
|
10
|
+
export { FileUploadItemGroupPropsProvider, useFileUploadItemGroupPropsContext };
|