mosuk-ui 1.0.1

package/components/actions/upload/files/component/index.d.ts

@@ -0,0 +1,41 @@
+import { InputHintType } from '../../../input/component/hint/component.enums';
+import { InputHintProps } from '../../../input/component/hint/component.interface';
+import { UploadFiles as UploadFilesComponent } from './component';
+import type { UploadFilesProps } from './component.interface';
+import { UploadFilesDnd } from './dnd/component';
+import { UploadFilesDndProps } from './dnd/component.interface';
+import { UploadFilesDndElement } from './dnd/element/component';
+import { UploadFilesDndElementProps } from './dnd/element/component.interface';
+import { UploadFilesHint } from './hint/component';
+import { UploadFilesInput } from './input/component';
+import { UploadFilesInputProps } from './input/component.interface';
+import { UploadFilesLabel } from './label/component';
+import { UploadFilesLabelProps } from './label/component.interface';
+export declare const UploadFiles: typeof UploadFilesComponent & {
+    Dnd: typeof UploadFilesDnd & {
+        Element: typeof UploadFilesDndElement;
+    };
+    Label: typeof UploadFilesLabel;
+    Input: typeof UploadFilesInput;
+    Hint: typeof UploadFilesHint & {
+        Type: typeof InputHintType;
+    };
+};
+export declare namespace UploadFiles {
+    type Props = UploadFilesProps;
+    namespace Dnd {
+        type Props = UploadFilesDndProps;
+        namespace Element {
+            type Props = UploadFilesDndElementProps;
+        }
+    }
+    namespace Label {
+        type Props = UploadFilesLabelProps;
+    }
+    namespace Input {
+        type Props = UploadFilesInputProps;
+    }
+    namespace Hint {
+        type Props = InputHintProps;
+    }
+}

package/components/actions/upload/files/component/index.js

@@ -0,0 +1,17 @@
+import { InputHintType } from '../../../input/component/hint/component.enums';
+import { UploadFiles as UploadFilesComponent } from './component';
+import { UploadFilesDnd } from './dnd/component';
+import { UploadFilesDndElement } from './dnd/element/component';
+import { UploadFilesHint } from './hint/component';
+import { UploadFilesInput } from './input/component';
+import { UploadFilesLabel } from './label/component';
+export var UploadFiles = Object.assign(UploadFilesComponent, {
+    Dnd: Object.assign(UploadFilesDnd, {
+        Element: UploadFilesDndElement,
+    }),
+    Label: UploadFilesLabel,
+    Input: UploadFilesInput,
+    Hint: Object.assign(UploadFilesHint, {
+        Type: InputHintType,
+    }),
+});

package/components/actions/upload/files/component/input/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { UploadFilesInputProps } from './component.interface';
+export declare function UploadFilesInput({ ...props }: UploadFilesInputProps): React.JSX.Element;

package/components/actions/upload/files/component/input/component.interface.d.ts

@@ -0,0 +1,4 @@
+import { InputHTMLAttributes, RefObject } from 'react';
+export interface UploadFilesInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
+    ref?: RefObject<HTMLInputElement | null>;
+}

package/components/actions/upload/files/component/input/component.interface.js

@@ -0,0 +1 @@
+export {};

package/components/actions/upload/files/component/input/component.js

@@ -0,0 +1,167 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React, { useContext, useEffect, useId } from 'react';
+import { alertsService } from '../../../../../../services/alerts/service';
+import { UploadFilesContext } from '../component';
+import styles from '../component.module.css';
+import { generateUniqueId } from './component.utils';
+export function UploadFilesInput(_a) {
+    var _this = this;
+    var _b, _c, _d, _e, _f, _g;
+    var props = __rest(_a, []);
+    var context = useContext(UploadFilesContext);
+    if (!context) {
+        throw new Error('UploadFiles.Input must be used within an UploadFiles component.');
+    }
+    var setFiles = context.setFiles, setId = context.setId, cdn = context.cdn, files = context.files;
+    if (!cdn) {
+        throw new Error('UploadFilesContext CDN is not set');
+    }
+    var generatedId = (_b = props.id) !== null && _b !== void 0 ? _b : useId();
+    useEffect(function () {
+        setId(generatedId);
+    }, [setId, generatedId]);
+    var handleFileChange = function (e) { return __awaiter(_this, void 0, void 0, function () {
+        var fileList, newFiles, maxPosition, i, file, fileId, newFile, updatedFiles, formData_1, response, result, cdnFiles, updatedFilesList_1, baseLength_1, error_1, updatedFilesList_2, baseLength_2;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!e.target.files || e.target.files.length === 0)
+                        return [2 /*return*/];
+                    fileList = Array.from(e.target.files);
+                    newFiles = [];
+                    maxPosition = files.length > 0 ? Math.max.apply(Math, files.map(function (file) { return file.position; })) : -10;
+                    for (i = 0; i < fileList.length; i++) {
+                        file = fileList[i];
+                        fileId = generateUniqueId();
+                        newFile = {
+                            id: fileId,
+                            position: maxPosition + 10 + i * 10, // Увеличиваем позицию на 10 для каждого нового файла
+                            src: '',
+                            name: file.name,
+                            isLoading: true,
+                        };
+                        newFiles.push(newFile);
+                    }
+                    updatedFiles = __spreadArray(__spreadArray([], files, true), newFiles, true);
+                    setFiles(updatedFiles);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 4, , 5]);
+                    formData_1 = new FormData();
+                    // Добавляем все файлы в одну FormData для bulk загрузки
+                    fileList.forEach(function (file) {
+                        formData_1.append('file', file);
+                    });
+                    return [4 /*yield*/, fetch("".concat(cdn.url).concat(cdn.endpoint), {
+                            method: 'POST',
+                            headers: {
+                                Authorization: "Bearer ".concat(cdn.token),
+                            },
+                            body: formData_1,
+                        })];
+                case 2:
+                    response = _a.sent();
+                    return [4 /*yield*/, response.json()];
+                case 3:
+                    result = _a.sent();
+                    if (!response.ok) {
+                        throw new Error(result.message || 'Ошибка загрузки файлов');
+                    }
+                    cdnFiles = Array.isArray(result)
+                        ? result
+                        : [result];
+                    updatedFilesList_1 = __spreadArray([], updatedFiles, true);
+                    baseLength_1 = files.length;
+                    cdnFiles.forEach(function (cdnFile, index) {
+                        var fileIndex = baseLength_1 + index;
+                        if (cdnFile.error) {
+                            alertsService.error(cdnFile.error);
+                        }
+                        if (fileIndex < updatedFilesList_1.length) {
+                            updatedFilesList_1[fileIndex] = __assign(__assign({}, updatedFilesList_1[fileIndex]), { src: cdnFile.src, error: cdnFile.error || undefined, isLoading: false });
+                        }
+                    });
+                    setFiles(updatedFilesList_1);
+                    return [3 /*break*/, 5];
+                case 4:
+                    error_1 = _a.sent();
+                    updatedFilesList_2 = __spreadArray([], updatedFiles, true);
+                    baseLength_2 = files.length;
+                    newFiles.forEach(function (_, index) {
+                        var fileIndex = baseLength_2 + index;
+                        updatedFilesList_2[fileIndex] = __assign(__assign({}, updatedFilesList_2[fileIndex]), { error: error_1 instanceof Error ? error_1.message : 'Ошибка загрузки файла', isLoading: false });
+                    });
+                    setFiles(updatedFilesList_2);
+                    return [3 /*break*/, 5];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
+    return (React.createElement("input", __assign({ "aria-hidden": "true" }, props, { id: generatedId, name: (_c = props.name) !== null && _c !== void 0 ? _c : generatedId, type: "file", accept: (_d = props.accept) !== null && _d !== void 0 ? _d : '*', multiple: (_e = props.multiple) !== null && _e !== void 0 ? _e : true, required: props.required === true && (files.length === 0 ? true : false), onChange: handleFileChange, className: 'mosuk-input-files-input' + ' ' + ((_f = styles.input) !== null && _f !== void 0 ? _f : '') + ' ' + ((_g = props === null || props === void 0 ? void 0 : props.className) !== null && _g !== void 0 ? _g : '') }), props === null || props === void 0 ? void 0 : props.children));
+}

package/components/actions/upload/files/component/input/component.utils.d.ts

@@ -0,0 +1,3 @@
+import { FileInterface } from '../component.interface';
+export declare function generateUniqueId(): string;
+export declare function normalizeFiles(files: FileInterface[] | undefined): FileInterface[];

package/components/actions/upload/files/component/input/component.utils.js

@@ -0,0 +1,19 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+export function generateUniqueId() {
+    return "file-".concat(Date.now(), "-").concat(Math.random().toString(36).substring(2, 9));
+}
+export function normalizeFiles(files) {
+    if (!files || !Array.isArray(files))
+        return [];
+    return files.map(function (file, index) { return (__assign(__assign({}, file), { id: file.id || generateUniqueId(), position: file.position !== undefined ? file.position : index * 10, src: file.src || '', name: file.name || "\u0424\u0430\u0439\u043B ".concat(index + 1), error: file.error, isLoading: file.isLoading || false })); });
+}

package/components/actions/upload/files/component/label/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { UploadFilesLabelProps } from './component.interface';
+export declare function UploadFilesLabel({ ...props }: UploadFilesLabelProps): React.JSX.Element;

package/components/actions/upload/files/component/label/component.interface.d.ts

@@ -0,0 +1,4 @@
+import { LabelHTMLAttributes, RefObject } from 'react';
+export interface UploadFilesLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    ref?: RefObject<HTMLLabelElement | null>;
+}

package/components/actions/upload/files/component/label/component.interface.js

@@ -0,0 +1 @@
+export {};

package/components/actions/upload/files/component/label/component.js

@@ -0,0 +1,36 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import classNames from 'classnames';
+import React, { useContext } from 'react';
+import { UploadFilesContext } from '../component';
+import styles from '../component.module.css';
+export function UploadFilesLabel(_a) {
+    var _b, _c, _d;
+    var props = __rest(_a, []);
+    var context = useContext(UploadFilesContext);
+    if (!context) {
+        throw new Error('UploadFilesLabel должен использоваться только внутри компонента UploadFiles');
+    }
+    var id = context.id;
+    return (React.createElement("label", __assign({}, props, { htmlFor: (_c = (_b = props === null || props === void 0 ? void 0 : props.htmlFor) !== null && _b !== void 0 ? _b : id) !== null && _c !== void 0 ? _c : '', title: (_d = props === null || props === void 0 ? void 0 : props.title) !== null && _d !== void 0 ? _d : 'Добавить файлы', className: classNames('mosuk-upload-files-label', styles.label, props === null || props === void 0 ? void 0 : props.className) }), props === null || props === void 0 ? void 0 : props.children));
+}

package/components/actions/upload/files/skeleton/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { UploadFilesSkeletonProps } from './component.interface';
+export declare function UploadFilesSkeleton({ ...rest }: UploadFilesSkeletonProps): React.JSX.Element;

package/components/actions/upload/files/skeleton/component.interface.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+export interface UploadFilesSkeletonProps extends HTMLAttributes<HTMLFieldSetElement> {
+}

package/components/actions/upload/files/skeleton/component.interface.js

@@ -0,0 +1 @@
+export {};

package/components/actions/upload/files/skeleton/component.js

@@ -0,0 +1,29 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import classNames from 'classnames';
+import React from 'react';
+import styles from './component.module.css';
+export function UploadFilesSkeleton(_a) {
+    var rest = __rest(_a, []);
+    return (React.createElement("fieldset", __assign({}, rest, { className: classNames('mosuk-upload-files-skeleton', styles.fieldset, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+}

package/components/actions/upload/files/skeleton/component.module.css

@@ -0,0 +1,94 @@
+@layer mosuk-ui {
+    @layer index-21 {
+        .fieldset {
+            .dnd {
+                display: grid;
+                grid-template-columns: repeat(3, minmax(0, 1fr));
+                gap: calc(var(--spacing, .25rem) * 4);
+
+                touch-action: none;
+            }
+
+            .label {
+                aspect-ratio: 1 / 1;
+                width: 100%;
+                height: fit-content;
+
+                display: flex;
+                align-items: center;
+                justify-content: center;
+
+                background-color: rgba(255, 255, 255, 0.95);
+                backdrop-filter: blur(12px);
+
+                border: 1px solid var(--color-gray-200, oklch(0.928 0.006 264.531));
+                border-radius: var(--radius-xl, .75rem);
+                outline: none;
+
+                svg {
+                    width: calc(var(--spacing, .25rem) * 8);
+                    height: calc(var(--spacing, .25rem) * 8);
+                    min-width: calc(var(--spacing, .25rem) * 8);
+                    min-height: calc(var(--spacing, .25rem) * 8);
+
+                    background-color: var(--color-gray-100, oklch(0.964 0.004 264.531));
+                    color: var(--color-gray-500, oklch(0.412 0.012 264.531));
+
+                    padding: calc(var(--spacing, .25rem) * 2.5);
+                    border-radius: 100%;
+
+                    animation: opacity 2400ms ease-in-out infinite;
+                }
+            }
+
+            .file {
+                aspect-ratio: 1 / 1;
+                width: 100%;
+                height: fit-content;
+
+                display: flex;
+                align-items: center;
+                justify-content: center;
+
+                background-color: rgba(255, 255, 255, 0.95);
+                backdrop-filter: blur(12px);
+
+                border: 1px solid var(--color-gray-200, oklch(0.928 0.006 264.531));
+                border-radius: var(--radius-xl, .75rem);
+                outline: none;
+
+                .preview {
+                    width: 100%;
+                    height: 100%;
+
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+
+                    svg {
+                        width: 50%;
+                        height: 50%;
+
+                        color: var(--color-gray-300, oklch(0.872 0.01 258.338));
+
+                        animation: opacity 2400ms ease-in-out infinite;
+                    }
+                }
+            }
+        }
+    }
+
+    @keyframes opacity {
+        0% {
+            opacity: 1;
+        }
+
+        50% {
+            opacity: 0.5;
+        }
+
+        100% {
+            opacity: 1;
+        }
+    }
+}

package/components/actions/upload/files/skeleton/dnd/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { UploadFilesSkeletonDndProps } from './component.interface';
+export declare function UploadFilesSkeletonDnd({ ...rest }: UploadFilesSkeletonDndProps): React.JSX.Element;

package/components/actions/upload/files/skeleton/dnd/component.interface.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+export interface UploadFilesSkeletonDndProps extends HTMLAttributes<HTMLDivElement> {
+}

package/components/actions/upload/files/skeleton/dnd/component.interface.js

@@ -0,0 +1 @@
+export {};

package/components/actions/upload/files/skeleton/dnd/component.js

@@ -0,0 +1,29 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import classNames from 'classnames';
+import React from 'react';
+import styles from '../component.module.css';
+export function UploadFilesSkeletonDnd(_a) {
+    var rest = __rest(_a, []);
+    return (React.createElement("div", __assign({}, rest, { className: classNames('mosuk-upload-files-skeleton-dnd', styles.dnd, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+}

package/components/actions/upload/files/skeleton/dnd/file/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { UploadFilesSkeletonDndElementProps } from './component.interface';
+export declare function UploadFilesSkeletonDndElement({ ...rest }: UploadFilesSkeletonDndElementProps): React.JSX.Element;

package/components/actions/upload/files/skeleton/dnd/file/component.interface.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+export interface UploadFilesSkeletonDndElementProps extends HTMLAttributes<HTMLDivElement> {
+}

package/components/actions/upload/files/skeleton/dnd/file/component.interface.js

@@ -0,0 +1 @@
+export {};

package/components/actions/upload/files/skeleton/dnd/file/component.js

@@ -0,0 +1,30 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import classNames from 'classnames';
+import React from 'react';
+import styles from '../../component.module.css';
+export function UploadFilesSkeletonDndElement(_a) {
+    var _b;
+    var rest = __rest(_a, []);
+    return (React.createElement("div", __assign({}, rest, { className: classNames('mosuk-upload-files-dnd-element', styles.element, (_b = rest === null || rest === void 0 ? void 0 : rest.className) !== null && _b !== void 0 ? _b : '') }), rest === null || rest === void 0 ? void 0 : rest.children));
+}

package/components/actions/upload/files/skeleton/index.d.ts

@@ -0,0 +1,32 @@
+import { InputHintSkeleton } from '../../../input/skeleton/hint/component';
+import { InputHintSkeletonProps } from '../../../input/skeleton/hint/component.interface';
+import { UploadFilesSkeleton as Component } from './component';
+import { UploadFilesSkeletonProps } from './component.interface';
+import { UploadFilesSkeletonDnd } from './dnd/component';
+import { UploadFilesSkeletonDndProps } from './dnd/component.interface';
+import { UploadFilesSkeletonDndElement } from './dnd/file/component';
+import { UploadFilesSkeletonDndElementProps } from './dnd/file/component.interface';
+import { UploadFilesSkeletonLabel } from './label/component';
+import { UploadFilesSkeletonLabelProps } from './label/component.interface';
+export declare const UploadFilesSkeleton: typeof Component & {
+    Dnd: typeof UploadFilesSkeletonDnd & {
+        Element: typeof UploadFilesSkeletonDndElement;
+    };
+    Label: typeof UploadFilesSkeletonLabel;
+    Hint: typeof InputHintSkeleton;
+};
+export declare namespace UploadFiles {
+    type Props = UploadFilesSkeletonProps;
+    namespace Dnd {
+        type Props = UploadFilesSkeletonDndProps;
+        namespace Element {
+            type Props = UploadFilesSkeletonDndElementProps;
+        }
+    }
+    namespace Label {
+        type Props = UploadFilesSkeletonLabelProps;
+    }
+    namespace Hint {
+        type Props = InputHintSkeletonProps;
+    }
+}

package/components/actions/upload/files/skeleton/index.js

@@ -0,0 +1,12 @@
+import { InputHintSkeleton } from '../../../input/skeleton/hint/component';
+import { UploadFilesSkeleton as Component } from './component';
+import { UploadFilesSkeletonDnd } from './dnd/component';
+import { UploadFilesSkeletonDndElement } from './dnd/file/component';
+import { UploadFilesSkeletonLabel } from './label/component';
+export var UploadFilesSkeleton = Object.assign(Component, {
+    Dnd: Object.assign(UploadFilesSkeletonDnd, {
+        Element: UploadFilesSkeletonDndElement,
+    }),
+    Label: UploadFilesSkeletonLabel,
+    Hint: InputHintSkeleton,
+});

package/components/actions/upload/files/skeleton/label/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { UploadFilesSkeletonLabelProps } from './component.interface';
+export declare function UploadFilesSkeletonLabel({ ...rest }: UploadFilesSkeletonLabelProps): React.JSX.Element;

package/components/actions/upload/files/skeleton/label/component.interface.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+export interface UploadFilesSkeletonLabelProps extends HTMLAttributes<HTMLDivElement> {
+}

package/components/actions/upload/files/skeleton/label/component.interface.js

@@ -0,0 +1 @@
+export {};

package/components/actions/upload/files/skeleton/label/component.js

@@ -0,0 +1,29 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import classNames from 'classnames';
+import React from 'react';
+import styles from '../component.module.css';
+export function UploadFilesSkeletonLabel(_a) {
+    var rest = __rest(_a, []);
+    return (React.createElement("div", __assign({}, rest, { className: classNames('mosuk-upload-files-skeleton-label', styles.label, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+}

package/components/collections/accordion/component/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { AccordionProps } from './component.interface';
+export declare function Accordion({ ...rest }: AccordionProps): React.JSX.Element;

package/components/collections/accordion/component/component.interface.d.ts

@@ -0,0 +1,3 @@
+import { Accordion } from '@base-ui-components/react/accordion';
+export interface AccordionProps extends Accordion.Root.Props {
+}