@vinyasa/form 1.0.22 → 1.0.23

package/dist/cjs/file-upload.cjs

@@ -1,228 +1,5 @@
 "use strict";
-var __webpack_modules__ = {
-    400 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-        function toPrimitive(t, r) {
-            if ("object" != typeof t || !t) return t;
-            var e = t[Symbol.toPrimitive];
-            if (void 0 !== e) {
-                var i = e.call(t, r || "default");
-                if ("object" != typeof i) return i;
-                throw new TypeError("@@toPrimitive must return a primitive value.");
-            }
-            return ("string" === r ? String : Number)(t);
-        }
-        function toPropertyKey(t) {
-            var i = toPrimitive(t, "string");
-            return "symbol" == typeof i ? i : String(i);
-        }
-        function _defineProperty(obj, key, value) {
-            key = toPropertyKey(key);
-            if (key in obj) Object.defineProperty(obj, key, {
-                value: value,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-            else obj[key] = value;
-            return obj;
-        }
-        function ownKeys(e, r) {
-            var t = Object.keys(e);
-            if (Object.getOwnPropertySymbols) {
-                var o = Object.getOwnPropertySymbols(e);
-                r && (o = o.filter(function(r) {
-                    return Object.getOwnPropertyDescriptor(e, r).enumerable;
-                })), t.push.apply(t, o);
-            }
-            return t;
-        }
-        function _objectSpread2(e) {
-            for(var r = 1; r < arguments.length; r++){
-                var t = null != arguments[r] ? arguments[r] : {};
-                r % 2 ? ownKeys(Object(t), !0).forEach(function(r) {
-                    _defineProperty(e, r, t[r]);
-                }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r) {
-                    Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
-                });
-            }
-            return e;
-        }
-        function mapValues(input, fn) {
-            var result = {};
-            for(var _key in input)result[_key] = fn(input[_key], _key);
-            return result;
-        }
-        var shouldApplyCompound = (compoundCheck, selections, defaultVariants)=>{
-            for (var key of Object.keys(compoundCheck)){
-                var _selections$key;
-                if (compoundCheck[key] !== (null != (_selections$key = selections[key]) ? _selections$key : defaultVariants[key])) return false;
-            }
-            return true;
-        };
-        var createRuntimeFn = (config)=>{
-            var runtimeFn = (options)=>{
-                var className = config.defaultClassName;
-                var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
-                for(var variantName in selections){
-                    var _selections$variantNa;
-                    var variantSelection = null != (_selections$variantNa = selections[variantName]) ? _selections$variantNa : config.defaultVariants[variantName];
-                    if (null != variantSelection) {
-                        var selection = variantSelection;
-                        if ('boolean' == typeof selection) selection = true === selection ? 'true' : 'false';
-                        var selectionClassName = config.variantClassNames[variantName][selection];
-                        if (selectionClassName) className += ' ' + selectionClassName;
-                    }
-                }
-                for (var [compoundCheck, compoundClassName] of config.compoundVariants)if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) className += ' ' + compoundClassName;
-                return className;
-            };
-            runtimeFn.variants = ()=>Object.keys(config.variantClassNames);
-            runtimeFn.classNames = {
-                get base () {
-                    return config.defaultClassName.split(' ')[0];
-                },
-                get variants () {
-                    return mapValues(config.variantClassNames, (classNames)=>mapValues(classNames, (className)=>className.split(' ')[0]));
-                }
-            };
-            return runtimeFn;
-        };
-        __webpack_require__.d(__webpack_exports__, {
-            c: ()=>createRuntimeFn
-        });
-    },
-    860 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-        __webpack_require__.d(__webpack_exports__, {
-            $Y: ()=>fileList,
-            af: ()=>fileListWrapper,
-            gM: ()=>fileMeta,
-            Md: ()=>fileName,
-            vH: ()=>fileNameIcon,
-            $u: ()=>fileNameText,
-            ZN: ()=>fileRemove,
-            ho: ()=>fileRow,
-            Ov: ()=>fileSize,
-            xX: ()=>rejectionText,
-            hZ: ()=>trigger
-        });
-        var fileList = '_3ltn2y2';
-        var fileListWrapper = '_3ltn2y1';
-        var fileMeta = '_3ltn2y7';
-        var fileName = '_3ltn2y4';
-        var fileNameIcon = '_3ltn2y5';
-        var fileNameText = '_3ltn2y6';
-        var fileRemove = '_3ltn2y9';
-        var fileRow = '_3ltn2y3';
-        var fileSize = '_3ltn2y8';
-        var rejectionText = '_3ltn2ya';
-        var trigger = '_3ltn2y0';
-    },
-    891 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-        __webpack_require__.d(__webpack_exports__, {
-            ij: ()=>descriptionText,
-            kc: ()=>errorText,
-            Pf: ()=>label,
-            Zy: ()=>requiredMark
-        });
-        var createRuntimeFn_62c9670f_esm = __webpack_require__(400);
-        var descriptionText = 'sbqkrxd';
-        var errorText = 'sbqkrxe';
-        (0, createRuntimeFn_62c9670f_esm.c)({
-            defaultClassName: 'sbqkrx0',
-            variantClassNames: {
-                size: {
-                    sm: 'sbqkrx1',
-                    md: 'sbqkrx2',
-                    lg: 'sbqkrx3'
-                },
-                invalid: {
-                    true: 'sbqkrx4'
-                }
-            },
-            defaultVariants: {
-                size: 'md'
-            },
-            compoundVariants: []
-        });
-        var label = 'sbqkrxb';
-        var requiredMark = 'sbqkrxc';
-    },
-    140 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-        var react_jsx_runtime__rspack_import_0 = __webpack_require__(732);
-        var _field_css__rspack_import_1 = __webpack_require__(891);
-        const describedByIds = (id, { description, error })=>{
-            const ids = [];
-            if (description) ids.push(`${id}-description`);
-            if (error) ids.push(`${id}-error`);
-            return ids.length > 0 ? ids.join(' ') : void 0;
-        };
-        const FieldChrome = ({ id, label, description, error, required, children, disableLabelFor = false })=>/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsxs)("div", {
-                children: [
-                    label ? /*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsxs)("label", {
-                        htmlFor: disableLabelFor ? void 0 : id,
-                        id: `${id}-label`,
-                        className: _field_css__rspack_import_1.Pf,
-                        children: [
-                            label,
-                            required ? /*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("span", {
-                                className: _field_css__rspack_import_1.Zy,
-                                "aria-hidden": "true",
-                                children: "*"
-                            }) : null
-                        ]
-                    }) : null,
-                    children,
-                    description ? /*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("p", {
-                        id: `${id}-description`,
-                        className: _field_css__rspack_import_1.ij,
-                        children: description
-                    }) : null,
-                    error ? /*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("p", {
-                        id: `${id}-error`,
-                        className: _field_css__rspack_import_1.kc,
-                        role: "alert",
-                        children: error
-                    }) : null
-                ]
-            });
-        const __rspack_default_export = FieldChrome;
-        __webpack_require__.d(__webpack_exports__, {}, {
-            A: __rspack_default_export,
-            z: describedByIds
-        });
-    },
-    586 (module) {
-        module.exports = require("@vinyasa/icons");
-    },
-    15 (module) {
-        module.exports = require("react");
-    },
-    29 (module) {
-        module.exports = require("react-dropzone");
-    },
-    732 (module) {
-        module.exports = require("react/jsx-runtime");
-    }
-};
-var __webpack_module_cache__ = {};
-function __webpack_require__(moduleId) {
-    var cachedModule = __webpack_module_cache__[moduleId];
-    if (void 0 !== cachedModule) return cachedModule.exports;
-    var module = __webpack_module_cache__[moduleId] = {
-        exports: {}
-    };
-    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-    return module.exports;
-}
-(()=>{
-    __webpack_require__.n = (module)=>{
-        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
-    };
-})();
+var __webpack_require__ = {};
 (()=>{
     __webpack_require__.d = (exports1, getters, values)=>{
         var define = (defs, kind)=>{
@@ -249,179 +26,689 @@ function __webpack_require__(moduleId) {
     };
 })();
 var __webpack_exports__ = {};
-(()=>{
-    __webpack_require__.r(__webpack_exports__);
-    __webpack_require__.d(__webpack_exports__, {
-        default: ()=>file_upload
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    FileUpload: ()=>FileUpload,
+    FileUploadFileItem: ()=>DropzoneFileItem,
+    FileUploadFileList: ()=>DropzoneFileList,
+    FileUploadRejection: ()=>DropzoneRejection,
+    FileUploadTrigger: ()=>FileUploadTrigger
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const icons_namespaceObject = require("@vinyasa/icons");
+const external_react_namespaceObject = require("react");
+const external_react_dropzone_namespaceObject = require("react-dropzone");
+const react_slot_namespaceObject = require("@radix-ui/react-slot");
+function toPrimitive(t, r) {
+    if ("object" != typeof t || !t) return t;
+    var e = t[Symbol.toPrimitive];
+    if (void 0 !== e) {
+        var i = e.call(t, r || "default");
+        if ("object" != typeof i) return i;
+        throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return ("string" === r ? String : Number)(t);
+}
+function toPropertyKey(t) {
+    var i = toPrimitive(t, "string");
+    return "symbol" == typeof i ? i : String(i);
+}
+function _defineProperty(obj, key, value) {
+    key = toPropertyKey(key);
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
     });
-    var jsx_runtime_ = __webpack_require__(732);
-    var icons_ = __webpack_require__(586);
-    var external_react_ = __webpack_require__(15);
-    var external_react_dropzone_ = __webpack_require__(29);
-    var field = __webpack_require__(140);
-    var FileUpload_css = __webpack_require__(860);
-    function _define_property(obj, key, value) {
-        if (key in obj) Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
+    else obj[key] = value;
+    return obj;
+}
+function createRuntimeFn_62c9670f_esm_ownKeys(e, r) {
+    var t = Object.keys(e);
+    if (Object.getOwnPropertySymbols) {
+        var o = Object.getOwnPropertySymbols(e);
+        r && (o = o.filter(function(r) {
+            return Object.getOwnPropertyDescriptor(e, r).enumerable;
+        })), t.push.apply(t, o);
+    }
+    return t;
+}
+function _objectSpread2(e) {
+    for(var r = 1; r < arguments.length; r++){
+        var t = null != arguments[r] ? arguments[r] : {};
+        r % 2 ? createRuntimeFn_62c9670f_esm_ownKeys(Object(t), !0).forEach(function(r) {
+            _defineProperty(e, r, t[r]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : createRuntimeFn_62c9670f_esm_ownKeys(Object(t)).forEach(function(r) {
+            Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
         });
-        else obj[key] = value;
-        return obj;
     }
-    function _object_spread(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = null != arguments[i] ? arguments[i] : {};
-            var ownKeys = Object.keys(source);
-            if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-            ownKeys.forEach(function(key) {
-                _define_property(target, key, source[key]);
-            });
+    return e;
+}
+function mapValues(input, fn) {
+    var result = {};
+    for(var _key in input)result[_key] = fn(input[_key], _key);
+    return result;
+}
+var shouldApplyCompound = (compoundCheck, selections, defaultVariants)=>{
+    for (var key of Object.keys(compoundCheck)){
+        var _selections$key;
+        if (compoundCheck[key] !== (null != (_selections$key = selections[key]) ? _selections$key : defaultVariants[key])) return false;
+    }
+    return true;
+};
+var createRuntimeFn = (config)=>{
+    var runtimeFn = (options)=>{
+        var className = config.defaultClassName;
+        var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
+        for(var variantName in selections){
+            var _selections$variantNa;
+            var variantSelection = null != (_selections$variantNa = selections[variantName]) ? _selections$variantNa : config.defaultVariants[variantName];
+            if (null != variantSelection) {
+                var selection = variantSelection;
+                if ('boolean' == typeof selection) selection = true === selection ? 'true' : 'false';
+                var selectionClassName = config.variantClassNames[variantName][selection];
+                if (selectionClassName) className += ' ' + selectionClassName;
+            }
+        }
+        for (var [compoundCheck, compoundClassName] of config.compoundVariants)if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) className += ' ' + compoundClassName;
+        return className;
+    };
+    runtimeFn.variants = ()=>Object.keys(config.variantClassNames);
+    runtimeFn.classNames = {
+        get base () {
+            return config.defaultClassName.split(' ')[0];
+        },
+        get variants () {
+            return mapValues(config.variantClassNames, (classNames)=>mapValues(classNames, (className)=>className.split(' ')[0]));
+        }
+    };
+    return runtimeFn;
+};
+var descriptionText = 'sbqkrxd';
+var errorText = 'sbqkrxe';
+createRuntimeFn({
+    defaultClassName: 'sbqkrx0',
+    variantClassNames: {
+        size: {
+            sm: 'sbqkrx1',
+            md: 'sbqkrx2',
+            lg: 'sbqkrx3'
+        },
+        invalid: {
+            true: 'sbqkrx4'
+        }
+    },
+    defaultVariants: {
+        size: 'md'
+    },
+    compoundVariants: []
+});
+var label = 'sbqkrxb';
+var requiredMark = 'sbqkrxc';
+function _define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = null != arguments[i] ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function Field_ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = null != source ? source : {};
+    if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    else Field_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys, key, i;
+    if ("u" > typeof Reflect && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(Object(source));
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
         }
         return target;
     }
-    function FileUpload_ownKeys(object, enumerableOnly) {
-        var keys = Object.keys(object);
-        if (Object.getOwnPropertySymbols) {
-            var symbols = Object.getOwnPropertySymbols(object);
-            if (enumerableOnly) symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-            keys.push.apply(keys, symbols);
+    target = _object_without_properties_loose(source, excluded);
+    if (Object.getOwnPropertySymbols) {
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
         }
-        return keys;
     }
-    function _object_spread_props(target, source) {
-        source = null != source ? source : {};
-        if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-        else FileUpload_ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (!(excluded.indexOf(key) >= 0)) {
+            if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+        }
+    }
+    return target;
+}
+const FieldContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(null);
+const useFieldContext = ()=>(0, external_react_namespaceObject.useContext)(FieldContext);
+const useResolvedFieldProps = (props)=>{
+    var _ref, _props_id, _ref1, _props_invalid, _props_describedBy;
+    const context = useFieldContext();
+    const generatedId = (0, external_react_namespaceObject.useId)();
+    return {
+        id: null != (_ref = null != (_props_id = props.id) ? _props_id : null == context ? void 0 : context.id) ? _ref : generatedId,
+        invalid: null != (_ref1 = null != (_props_invalid = props.invalid) ? _props_invalid : null == context ? void 0 : context.invalid) ? _ref1 : false,
+        describedBy: null != (_props_describedBy = props.describedBy) ? _props_describedBy : null == context ? void 0 : context.describedBy
+    };
+};
+const Field = (_0)=>{
+    let { invalid = false, children } = _0, rest = _object_without_properties(_0, [
+        "invalid",
+        "children"
+    ]);
+    const generatedId = (0, external_react_namespaceObject.useId)();
+    const descriptionId = `${generatedId}-description`;
+    const errorId = `${generatedId}-error`;
+    const labelId = `${generatedId}-label`;
+    const directChildren = external_react_namespaceObject.Children.toArray(children).filter(external_react_namespaceObject.isValidElement);
+    const describedByIds = directChildren.reduce((ids, child)=>{
+        if (child.type === FieldDescription) ids.push(descriptionId);
+        if (child.type === FieldError) ids.push(errorId);
+        return ids;
+    }, []);
+    const labelChild = directChildren.find((child)=>child.type === FieldLabel);
+    const labelChildText = labelChild && 'string' == typeof labelChild.props.children ? labelChild.props.children : void 0;
+    const value = {
+        id: generatedId,
+        descriptionId,
+        errorId,
+        describedBy: describedByIds.length > 0 ? describedByIds.join(' ') : void 0,
+        invalid,
+        labelId: labelChild ? labelId : void 0,
+        labelText: labelChildText
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(FieldContext.Provider, {
+        value: value,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", _object_spread_props(_object_spread({}, rest), {
+            children: children
+        }))
+    });
+};
+Field.displayName = 'Field';
+const FieldLabel = (_0)=>{
+    let { required, htmlFor, id, children } = _0, rest = _object_without_properties(_0, [
+        "required",
+        "htmlFor",
+        "id",
+        "children"
+    ]);
+    const context = useFieldContext();
+    const resolvedHtmlFor = false === htmlFor ? void 0 : null != htmlFor ? htmlFor : null == context ? void 0 : context.id;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("label", _object_spread_props(_object_spread({
+        htmlFor: resolvedHtmlFor,
+        id: null != id ? id : null == context ? void 0 : context.labelId,
+        className: label
+    }, rest), {
+        children: [
+            children,
+            required ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: requiredMark,
+                "aria-hidden": "true",
+                children: "*"
+            }) : null
+        ]
+    }));
+};
+FieldLabel.displayName = 'FieldLabel';
+const FieldControl = (_0)=>{
+    let { children } = _0, rest = _object_without_properties(_0, [
+        "children"
+    ]);
+    const context = useFieldContext();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_slot_namespaceObject.Slot, _object_spread_props(_object_spread({
+        id: null == context ? void 0 : context.id,
+        "aria-describedby": null == context ? void 0 : context.describedBy,
+        "aria-invalid": null == context ? void 0 : context.invalid
+    }, rest), {
+        children: children
+    }));
+};
+FieldControl.displayName = 'FieldControl';
+const FieldDescription = (_0)=>{
+    let { id } = _0, rest = _object_without_properties(_0, [
+        "id"
+    ]);
+    const context = useFieldContext();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", _object_spread({
+        id: null != id ? id : null == context ? void 0 : context.descriptionId,
+        className: descriptionText
+    }, rest));
+};
+FieldDescription.displayName = "FieldDescription";
+const FieldError = (_0)=>{
+    let { id } = _0, rest = _object_without_properties(_0, [
+        "id"
+    ]);
+    const context = useFieldContext();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", _object_spread({
+        id: null != id ? id : null == context ? void 0 : context.errorId,
+        className: errorText,
+        role: "alert"
+    }, rest));
+};
+FieldError.displayName = 'FieldError';
+var fileList = '_3ltn2y2';
+var fileListWrapper = '_3ltn2y1';
+var fileMeta = '_3ltn2y7';
+var fileName = '_3ltn2y4';
+var fileNameIcon = '_3ltn2y5';
+var fileNameText = '_3ltn2y6';
+var fileRemove = '_3ltn2y9';
+var fileRow = '_3ltn2y3';
+var fileSize = '_3ltn2y8';
+var rejectionText = '_3ltn2ya';
+var trigger = '_3ltn2y0';
+var Dropzone_css_area = 'rnivxt0';
+var areaActive = 'rnivxt1';
+var hint = 'rnivxt3';
+var icon = 'rnivxt2';
+function Dropzone_define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function Dropzone_object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = null != arguments[i] ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+        ownKeys.forEach(function(key) {
+            Dropzone_define_property(target, key, source[key]);
         });
+    }
+    return target;
+}
+function Dropzone_ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function Dropzone_object_spread_props(target, source) {
+    source = null != source ? source : {};
+    if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    else Dropzone_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+function Dropzone_object_without_properties(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys, key, i;
+    if ("u" > typeof Reflect && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(Object(source));
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
         return target;
     }
-    const formatFileSize = (bytes)=>{
-        if (bytes < 1024) return `${String(bytes)} B`;
-        if (bytes < 1048576) return `${(bytes / 1024).toFixed(1)} KB`;
-        return `${(bytes / 1048576).toFixed(1)} MB`;
+    target = Dropzone_object_without_properties_loose(source, excluded);
+    if (Object.getOwnPropertySymbols) {
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+    }
+    return target;
+}
+function Dropzone_object_without_properties_loose(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (!(excluded.indexOf(key) >= 0)) {
+            if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+        }
+    }
+    return target;
+}
+const formatFileSize = (bytes)=>{
+    if (bytes < 1024) return `${String(bytes)} B`;
+    if (bytes < 1048576) return `${(bytes / 1024).toFixed(1)} KB`;
+    return `${(bytes / 1048576).toFixed(1)} MB`;
+};
+const DropzoneContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(null);
+const useDropzoneContext = ()=>(0, external_react_namespaceObject.useContext)(DropzoneContext);
+const Dropzone = ({ value, onValueChange, accept, maxFiles, maxSize, invalid, disabled, id: idProp, children })=>{
+    var _useFieldContext;
+    const [internalFiles, setInternalFiles] = (0, external_react_namespaceObject.useState)([]);
+    const isControlled = void 0 !== value;
+    const currentFiles = isControlled ? value : internalFiles;
+    const [rejectionMessage, setRejectionMessage] = (0, external_react_namespaceObject.useState)();
+    const { id, invalid: isInvalid, describedBy } = useResolvedFieldProps({
+        id: idProp,
+        invalid
+    });
+    const labelId = null == (_useFieldContext = useFieldContext()) ? void 0 : _useFieldContext.labelId;
+    const setFiles = (next)=>{
+        if (!isControlled) setInternalFiles(next);
+        null == onValueChange || onValueChange(next);
     };
-    const FileUpload = ({ value, onValueChange, accept, maxFiles, maxSize, label, description, error, required, disabled, id: idProp })=>{
-        const [internalFiles, setInternalFiles] = (0, external_react_.useState)([]);
-        const isControlled = void 0 !== value;
-        const currentFiles = isControlled ? value : internalFiles;
-        const [rejectionMessage, setRejectionMessage] = (0, external_react_.useState)();
-        const generatedId = (0, external_react_.useId)();
-        const id = null != idProp ? idProp : generatedId;
-        const setFiles = (next)=>{
-            if (!isControlled) setInternalFiles(next);
-            null == onValueChange || onValueChange(next);
-        };
-        const removeFile = (file)=>{
-            setFiles(currentFiles.filter((entry)=>entry !== file));
-        };
-        const { getRootProps, getInputProps } = (0, external_react_dropzone_.useDropzone)({
-            accept,
-            maxFiles,
+    const removeFile = (file)=>{
+        setFiles(currentFiles.filter((entry)=>entry !== file));
+    };
+    const { getRootProps, getInputProps, isDragActive } = (0, external_react_dropzone_namespaceObject.useDropzone)({
+        accept,
+        maxFiles,
+        maxSize,
+        disabled,
+        onDrop: (acceptedFiles, fileRejections)=>{
+            if (fileRejections.length > 0) {
+                var _fileRejections__errors_, _fileRejections_;
+                setRejectionMessage(null == (_fileRejections_ = fileRejections[0]) ? void 0 : null == (_fileRejections__errors_ = _fileRejections_.errors[0]) ? void 0 : _fileRejections__errors_.message);
+            } else setRejectionMessage(void 0);
+            if (acceptedFiles.length > 0) setFiles([
+                ...currentFiles,
+                ...acceptedFiles
+            ]);
+        }
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DropzoneContext.Provider, {
+        value: {
+            getRootProps,
+            getInputProps,
+            isDragActive,
+            files: currentFiles,
+            removeFile,
+            rejectionMessage,
             maxSize,
-            disabled,
-            onDrop: (acceptedFiles, fileRejections)=>{
-                if (fileRejections.length > 0) {
-                    var _fileRejections__errors_, _fileRejections_;
-                    setRejectionMessage(null == (_fileRejections_ = fileRejections[0]) ? void 0 : null == (_fileRejections__errors_ = _fileRejections_.errors[0]) ? void 0 : _fileRejections__errors_.message);
-                } else setRejectionMessage(void 0);
-                if (acceptedFiles.length > 0) setFiles([
-                    ...currentFiles,
-                    ...acceptedFiles
-                ]);
-            }
-        });
-        return /*#__PURE__*/ (0, jsx_runtime_.jsxs)(field.A, {
-            id: id,
-            label: label,
-            description: description,
-            error: error,
-            required: required,
-            children: [
-                /*#__PURE__*/ (0, jsx_runtime_.jsxs)("button", _object_spread_props(_object_spread({
-                    type: "button"
-                }, getRootProps({
-                    id,
-                    role: 'button',
-                    'data-disabled': disabled,
-                    disabled
-                })), {
-                    className: FileUpload_css.hZ,
-                    "aria-describedby": (0, field.z)(id, {
-                        description,
-                        error
+            id,
+            invalid: isInvalid,
+            describedBy,
+            labelId,
+            disabled
+        },
+        children: children
+    });
+};
+Dropzone.displayName = 'Dropzone';
+const DropzoneTrigger = (_0)=>{
+    let { className } = _0, rest = Dropzone_object_without_properties(_0, [
+        "className"
+    ]);
+    var _useContext;
+    const { getRootProps, getInputProps, isDragActive = false, id, disabled, invalid, describedBy, labelId, maxSize } = null != (_useContext = (0, external_react_namespaceObject.useContext)(DropzoneContext)) ? _useContext : {};
+    const base = isDragActive ? `${Dropzone_css_area} ${areaActive}` : Dropzone_css_area;
+    const promptText = isDragActive ? 'Drop the files here…' : 'Drag files here, or click to browse';
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", Dropzone_object_spread_props(Dropzone_object_spread(Dropzone_object_spread_props(Dropzone_object_spread({}, null == getRootProps ? void 0 : getRootProps({
+        id,
+        'data-disabled': disabled
+    })), {
+        "aria-labelledby": labelId,
+        "aria-invalid": invalid,
+        "aria-describedby": describedBy,
+        className: className ? `${base} ${className}` : base
+    }), rest), {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("input", Dropzone_object_spread({}, null == getInputProps ? void 0 : getInputProps())),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: icon,
+                "aria-hidden": "true",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.UploadIcon, {})
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                children: promptText
+            }),
+            maxSize ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                className: hint,
+                children: [
+                    "Up to ",
+                    formatFileSize(maxSize),
+                    " per file"
+                ]
+            }) : null
+        ]
+    }));
+};
+DropzoneTrigger.displayName = 'DropzoneTrigger';
+const DropzoneRejection = ()=>{
+    const context = (0, external_react_namespaceObject.useContext)(DropzoneContext);
+    if (!(null == context ? void 0 : context.rejectionMessage)) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+        className: rejectionText,
+        children: context.rejectionMessage
+    });
+};
+DropzoneRejection.displayName = 'DropzoneRejection';
+const DropzoneFileItem = ({ file, onRemove })=>{
+    const context = (0, external_react_namespaceObject.useContext)(DropzoneContext);
+    const handleRemove = null != onRemove ? onRemove : ()=>null == context ? void 0 : context.removeFile(file);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("li", {
+        className: fileRow,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                className: fileName,
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.PaperclipIcon, {
+                        "aria-hidden": "true",
+                        className: fileNameIcon
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: fileNameText,
+                        title: file.name,
+                        children: file.name
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                className: fileMeta,
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: fileSize,
+                        children: formatFileSize(file.size)
                     }),
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_.jsx)("input", _object_spread({}, getInputProps())),
-                        /*#__PURE__*/ (0, jsx_runtime_.jsx)(icons_.UploadIcon, {
-                            "aria-hidden": "true"
-                        }),
-                        "Choose files"
-                    ]
-                })),
-                rejectionMessage ? /*#__PURE__*/ (0, jsx_runtime_.jsx)("p", {
-                    className: FileUpload_css.xX,
-                    children: rejectionMessage
-                }) : null,
-                currentFiles.length > 0 ? /*#__PURE__*/ (0, jsx_runtime_.jsx)("div", {
-                    className: FileUpload_css.af,
-                    children: /*#__PURE__*/ (0, jsx_runtime_.jsx)("ul", {
-                        className: FileUpload_css.$Y,
-                        children: currentFiles.map((file)=>/*#__PURE__*/ (0, jsx_runtime_.jsxs)("li", {
-                                className: FileUpload_css.ho,
-                                children: [
-                                    /*#__PURE__*/ (0, jsx_runtime_.jsxs)("span", {
-                                        className: FileUpload_css.Md,
-                                        children: [
-                                            /*#__PURE__*/ (0, jsx_runtime_.jsx)(icons_.PaperclipIcon, {
-                                                "aria-hidden": "true",
-                                                className: FileUpload_css.vH
-                                            }),
-                                            /*#__PURE__*/ (0, jsx_runtime_.jsx)("span", {
-                                                className: FileUpload_css.$u,
-                                                title: file.name,
-                                                children: file.name
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ (0, jsx_runtime_.jsxs)("span", {
-                                        className: FileUpload_css.gM,
-                                        children: [
-                                            /*#__PURE__*/ (0, jsx_runtime_.jsx)("span", {
-                                                className: FileUpload_css.Ov,
-                                                children: formatFileSize(file.size)
-                                            }),
-                                            /*#__PURE__*/ (0, jsx_runtime_.jsx)("button", {
-                                                type: "button",
-                                                className: FileUpload_css.ZN,
-                                                "aria-label": `Remove ${file.name}`,
-                                                onClick: ()=>{
-                                                    removeFile(file);
-                                                },
-                                                children: /*#__PURE__*/ (0, jsx_runtime_.jsx)(icons_.XIcon, {})
-                                            })
-                                        ]
-                                    })
-                                ]
-                            }, `${file.name}-${String(file.lastModified)}`))
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                        type: "button",
+                        className: fileRemove,
+                        "aria-label": `Remove ${file.name}`,
+                        onClick: handleRemove,
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.XIcon, {})
                     })
-                }) : null
-            ]
+                ]
+            })
+        ]
+    });
+};
+DropzoneFileItem.displayName = 'DropzoneFileItem';
+const DropzoneFileList = ()=>{
+    const context = (0, external_react_namespaceObject.useContext)(DropzoneContext);
+    if (!context || 0 === context.files.length) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: fileListWrapper,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("ul", {
+            className: fileList,
+            children: context.files.map((file)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DropzoneFileItem, {
+                    file: file
+                }, `${file.name}-${String(file.lastModified)}`))
+        })
+    });
+};
+DropzoneFileList.displayName = 'DropzoneFileList';
+function FileUpload_define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function FileUpload_object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = null != arguments[i] ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+        ownKeys.forEach(function(key) {
+            FileUpload_define_property(target, key, source[key]);
         });
-    };
-    FileUpload.displayName = 'FileUpload';
-    const file_upload_FileUpload = FileUpload;
-    const file_upload = file_upload_FileUpload;
-})();
-exports["default"] = __webpack_exports__["default"];
+    }
+    return target;
+}
+function FileUpload_ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function FileUpload_object_spread_props(target, source) {
+    source = null != source ? source : {};
+    if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    else FileUpload_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+function FileUpload_object_without_properties(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys, key, i;
+    if ("u" > typeof Reflect && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(Object(source));
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+        return target;
+    }
+    target = FileUpload_object_without_properties_loose(source, excluded);
+    if (Object.getOwnPropertySymbols) {
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+    }
+    return target;
+}
+function FileUpload_object_without_properties_loose(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (!(excluded.indexOf(key) >= 0)) {
+            if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+        }
+    }
+    return target;
+}
+const FileUpload = Dropzone;
+const FileUploadTrigger = (_0)=>{
+    let { className, children } = _0, rest = FileUpload_object_without_properties(_0, [
+        "className",
+        "children"
+    ]);
+    const context = useDropzoneContext();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", FileUpload_object_spread_props(FileUpload_object_spread(FileUpload_object_spread_props(FileUpload_object_spread({
+        type: "button"
+    }, null == context ? void 0 : context.getRootProps({
+        id: context.id,
+        role: 'button',
+        'data-disabled': context.disabled,
+        disabled: context.disabled
+    })), {
+        "aria-invalid": null == context ? void 0 : context.invalid,
+        "aria-describedby": null == context ? void 0 : context.describedBy,
+        className: className ? `${trigger} ${className}` : trigger
+    }), rest), {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("input", FileUpload_object_spread({}, null == context ? void 0 : context.getInputProps())),
+            null != children ? children : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.UploadIcon, {
+                        "aria-hidden": "true"
+                    }),
+                    "Choose files"
+                ]
+            })
+        ]
+    }));
+};
+FileUploadTrigger.displayName = 'FileUploadTrigger';
+exports.FileUpload = __webpack_exports__.FileUpload;
+exports.FileUploadFileItem = __webpack_exports__.FileUploadFileItem;
+exports.FileUploadFileList = __webpack_exports__.FileUploadFileList;
+exports.FileUploadRejection = __webpack_exports__.FileUploadRejection;
+exports.FileUploadTrigger = __webpack_exports__.FileUploadTrigger;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "default"
+    "FileUpload",
+    "FileUploadFileItem",
+    "FileUploadFileList",
+    "FileUploadRejection",
+    "FileUploadTrigger"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true