@ryuzaki13/react-foundation-ui 0.1.0

package/dist/input-date-time/stories/InputDateTime.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputDateTime.stories.js","names":[],"sources":["../../../src/input-date-time/stories/InputDateTime.stories.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { InputDate, InputDateTime, InputTime } from \"../InputDateTime\";\n\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nconst meta = {\n\ttitle: \"Shared/UI/InputDateTime\",\n\tcomponent: InputDate,\n\targs: {\n\t\tvalue: undefined,\n\t\tonChange: () => {}\n\t},\n\tparameters: {\n\t\tatomicCanvas: true,\n\t\tlayout: \"padded\"\n\t},\n\ttags: [\"autodocs\"],\n\targTypes: {\n\t\tlabel: {\n\t\t\tdescription: \"Заголовок поля.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tdescription: {\n\t\t\tdescription: \"Описание под заголовком.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tvalue: {\n\t\t\tdescription: \"Текущее значение в виде `Date`.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tonChange: {\n\t\t\tdescription: \"Вызывается при формировании валидной даты/времени.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tmask: {\n\t\t\tdescription: \"Маска сегментов (`YYYY`, `MM`, `DD`, `hh`, `mm`, `ss`).\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\terror: {\n\t\t\tdescription: \"Текст ошибки под полем.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tonClearError: {\n\t\t\tdescription: \"Сброс внешней ошибки при вводе.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tonClear: {\n\t\t\tdescription: \"Очищает значение и активирует кнопку очистки.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tdisabled: {\n\t\t\tdescription: \"Блокирует редактирование сегментов.\",\n\t\t\tcontrol: \"boolean\"\n\t\t},\n\t\tsize: {\n\t\t\tdescription: \"Размер поля и подписи.\",\n\t\t\tcontrol: \"select\",\n\t\t\toptions: [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]\n\t\t},\n\t\t\"aria-label\": {\n\t\t\tdescription: \"ARIA-метка для контейнера сегментного ввода.\",\n\t\t\tcontrol: \"text\"\n\t\t}\n\t}\n} satisfies Meta<typeof InputDate>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const DateOnly: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<Date | undefined>(args.value);\n\t\treturn <InputDate {...args} value={value} onChange={setValue} onClear={() => setValue(undefined)} />;\n\t},\n\targs: {\n\t\tlabel: \"Дата\",\n\t\tdescription: \"Формат по умолчанию: YYYY.MM.DD\",\n\t\tvalue: new Date(2026, 2, 5)\n\t}\n};\n\nexport const TimeOnly: Story = {\n\trender: () => {\n\t\tconst [value, setValue] = useState<Date | undefined>(new Date(2026, 2, 5, 14, 30, 0));\n\t\treturn (\n\t\t\t<InputTime\n\t\t\t\tlabel=\"Время\"\n\t\t\t\tdescription=\"Формат по умолчанию: hh:mm\"\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={setValue}\n\t\t\t\tonClear={() => setValue(undefined)}\n\t\t\t/>\n\t\t);\n\t},\n\targs: {\n\t\tvalue: undefined\n\t}\n};\n\nexport const DateAndTime: Story = {\n\trender: () => {\n\t\tconst [value, setValue] = useState<Date | undefined>(new Date(2026, 2, 5, 9, 15, 0));\n\t\treturn (\n\t\t\t<InputDateTime\n\t\t\t\tlabel=\"Дата и время\"\n\t\t\t\tdescription=\"Комбинированный ввод даты и времени.\"\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={setValue}\n\t\t\t\tonClear={() => setValue(undefined)}\n\t\t\t/>\n\t\t);\n\t},\n\targs: {\n\t\tvalue: undefined\n\t}\n};\n\nexport const CustomMask: Story = {\n\trender: () => {\n\t\tconst [value, setValue] = useState<Date | undefined>(new Date(2026, 2, 5, 9, 15, 42));\n\t\treturn (\n\t\t\t<InputDateTime\n\t\t\t\tlabel=\"Кастомная маска\"\n\t\t\t\tdescription=\"Добавлены секунды: YYYY.MM.DD hh:mm:ss\"\n\t\t\t\tmask=\"YYYY.MM.DD hh:mm:ss\"\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={setValue}\n\t\t\t/>\n\t\t);\n\t},\n\targs: {\n\t\tvalue: undefined\n\t}\n};\n"],"mappings":";;;;AAMA,IAAM,IAAO;CACZ,OAAO;CACP,WAAW;CACX,MAAM;EACL,OAAO,KAAA;EACP,gBAAgB,CAAC;CAClB;CACA,YAAY;EACX,cAAc;EACd,QAAQ;CACT;CACA,MAAM,CAAC,UAAU;CACjB,UAAU;EACT,OAAO;GACN,aAAa;GACb,SAAS;EACV;EACA,aAAa;GACZ,aAAa;GACb,SAAS;EACV;EACA,OAAO;GACN,aAAa;GACb,SAAS;EACV;EACA,UAAU;GACT,aAAa;GACb,SAAS;EACV;EACA,MAAM;GACL,aAAa;GACb,SAAS;EACV;EACA,OAAO;GACN,aAAa;GACb,SAAS;EACV;EACA,cAAc;GACb,aAAa;GACb,SAAS;EACV;EACA,SAAS;GACR,aAAa;GACb,SAAS;EACV;EACA,UAAU;GACT,aAAa;GACb,SAAS;EACV;EACA,MAAM;GACL,aAAa;GACb,SAAS;GACT,SAAS;IAAC;IAAM;IAAM;IAAM;IAAM;GAAI;EACvC;EACA,cAAc;GACb,aAAa;GACb,SAAS;EACV;CACD;AACD,GAKa,IAAkB;CAC9B,SAAS,MAAS;EACjB,IAAM,CAAC,GAAO,KAAY,EAA2B,EAAK,KAAK;EAC/D,OAAO,kBAAC,GAAD;GAAW,GAAI;GAAa;GAAO,UAAU;GAAU,eAAe,EAAS,KAAA,CAAS;EAAI,CAAA;CACpG;CACA,MAAM;EACL,OAAO;EACP,aAAa;EACb,OAAO,IAAI,KAAK,MAAM,GAAG,CAAC;CAC3B;AACD,GAEa,IAAkB;CAC9B,cAAc;EACb,IAAM,CAAC,GAAO,KAAY,EAA2B,IAAI,KAAK,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,CAAC;EACpF,OACC,kBAAC,GAAD;GACC,OAAM;GACN,aAAY;GACL;GACP,UAAU;GACV,eAAe,EAAS,KAAA,CAAS;EACjC,CAAA;CAEH;CACA,MAAM,EACL,OAAO,KAAA,EACR;AACD,GAEa,IAAqB;CACjC,cAAc;EACb,IAAM,CAAC,GAAO,KAAY,EAA2B,IAAI,KAAK,MAAM,GAAG,GAAG,GAAG,IAAI,CAAC,CAAC;EACnF,OACC,kBAAC,GAAD;GACC,OAAM;GACN,aAAY;GACL;GACP,UAAU;GACV,eAAe,EAAS,KAAA,CAAS;EACjC,CAAA;CAEH;CACA,MAAM,EACL,OAAO,KAAA,EACR;AACD,GAEa,IAAoB;CAChC,cAAc;EACb,IAAM,CAAC,GAAO,KAAY,EAA2B,IAAI,KAAK,MAAM,GAAG,GAAG,GAAG,IAAI,EAAE,CAAC;EACpF,OACC,kBAAC,GAAD;GACC,OAAM;GACN,aAAY;GACZ,MAAK;GACE;GACP,UAAU;EACV,CAAA;CAEH;CACA,MAAM,EACL,OAAO,KAAA,EACR;AACD"}

package/dist/input-date-time/useMaskedSegments.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+interface UseMaskedSegmentsOptions {
+    mask: string;
+    value: Date | undefined;
+    onChange: (date: Date) => void;
+    onClearError?: () => void;
+    disabled?: boolean;
+}
+export declare function useMaskedSegments({ mask, value, onChange, onClearError, disabled }: UseMaskedSegmentsOptions): {
+    segments: import("./maskParser").Segment[];
+    segmentValues: Map<number, string>;
+    isFocused: boolean;
+    registerRef: (index: number) => (el: HTMLInputElement | null) => void;
+    handleInput: (index: number) => (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleKeyDown: (index: number) => (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    handleFocus: () => (e: React.FocusEvent<HTMLInputElement>) => void;
+    handleContainerFocus: () => void;
+    handleContainerBlur: () => void;
+    focusFirstEmpty: () => void;
+};
+export {};
+//# sourceMappingURL=useMaskedSegments.d.ts.map

package/dist/input-date-time/useMaskedSegments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMaskedSegments.d.ts","sourceRoot":"","sources":["../../src/input-date-time/useMaskedSegments.ts"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAItE,UAAU,wBAAwB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,IAAI,GAAG,SAAS,CAAC;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AA6BD,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,wBAAwB;;;;yBA2EnG,MAAM,UAAU,gBAAgB,GAAG,IAAI;yBAWvC,MAAM,SAAS,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;2BA2BlD,MAAM,SAAS,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC;2BA0ElD,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC;;;;EAqC7C"}

package/dist/input-file/InputFile.d.ts

@@ -0,0 +1,63 @@
+import { ReadFileError, ReadFileResult, ReadMode } from "@ryuzaki13/react-foundation-lib/file";
+import { UiBaseProps } from "../types";
+interface InputFileCommonProps extends Omit<UiBaseProps<undefined>, "value" | "onChange"> {
+    /** Callback очистки выбранного файла. Если передан — отображается кнопка «крестик» */
+    onClear?: () => void;
+    /** Callback ошибки чтения файла (невалидный MIME, превышение размера и т.д.) */
+    onReadError?: (error: ReadFileError) => void;
+    /** HTML-атрибут accept для нативного input[type="file"] (например `[".pdf", ".docx"]`) */
+    accept?: readonly string[];
+    /** Список допустимых MIME-типов — передаётся в readFile для валидации */
+    allowedMime?: readonly string[];
+    /** Максимальный размер файла в байтах — передаётся в readFile для валидации */
+    maxBytes?: number;
+    /** Режим чтения файла: "data-url" (по умолчанию) или "array-buffer" */
+    readMode?: ReadMode;
+    /** Текст ошибки под полем */
+    error?: string;
+    /** Callback сброса ошибки (вызывается при повторном выборе файла) */
+    onClearError?: () => void;
+    /** CSS-класс обёртки */
+    className?: string;
+}
+type InputFileDataUrlResult = Extract<ReadFileResult, {
+    mode: "data-url";
+}>;
+type InputFileArrayBufferResult = Extract<ReadFileResult, {
+    mode: "array-buffer";
+}>;
+/**
+ * Пропсы компонента InputFile.
+ *
+ * Компонент предназначен для выбора одного файла.
+ * Внешний вид идентичен InputText — label, description, error, кнопка очистки.
+ *
+ * В onChange передаётся результат чтения файла через readFile:
+ * - В режиме "data-url" — объект с dataUrl и метаданными
+ * - В режиме "array-buffer" — объект с ArrayBuffer и метаданными
+ */
+export type InputFileProps = (InputFileCommonProps & {
+    value: ReadFileResult | undefined;
+    onChange: (value: InputFileDataUrlResult) => void;
+    readMode?: "data-url";
+}) | (InputFileCommonProps & {
+    value: ReadFileResult | undefined;
+    onChange: (value: InputFileArrayBufferResult) => void;
+    readMode: "array-buffer";
+});
+/**
+ * InputFile — компонент выбора одного файла.
+ *
+ * Визуально идентичен InputText: поле с label, description, placeholder,
+ * кнопкой очистки (крестик) и блоком ошибки.
+ *
+ * При клике открывается нативный диалог выбора файла.
+ * После выбора файл читается через readFile, результат передаётся в onChange.
+ *
+ * InputFile позволяет выбрать один файл и передаёт наружу типизированный результат чтения.
+ * Если `readMode` не задан или равен `"data-url"`, в `onChange` приходит объект с `dataUrl`.
+ * Если `readMode` равен `"array-buffer"`, в `onChange` приходит объект с `buffer`.
+ */
+export declare function InputFile(props: InputFileProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=InputFile.d.ts.map

package/dist/input-file/InputFile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputFile.d.ts","sourceRoot":"","sources":["../../src/input-file/InputFile.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuD,aAAa,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAIpJ,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAKvC,UAAU,oBAAqB,SAAQ,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IACxF,sFAAsF;IACtF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gFAAgF;IAChF,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAE7C,0FAA0F;IAC1F,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,yEAAyE;IACzE,WAAW,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAChC,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,KAAK,sBAAsB,GAAG,OAAO,CAAC,cAAc,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC,CAAC;AAC5E,KAAK,0BAA0B,GAAG,OAAO,CAAC,cAAc,EAAE;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,CAAC,CAAC;AAEpF;;;;;;;;;GASG;AACH,MAAM,MAAM,cAAc,GACvB,CAAC,oBAAoB,GAAG;IACxB,KAAK,EAAE,cAAc,GAAG,SAAS,CAAC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,UAAU,CAAC;CACrB,CAAC,GACF,CAAC,oBAAoB,GAAG;IACxB,KAAK,EAAE,cAAc,GAAG,SAAS,CAAC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,IAAI,CAAC;IACtD,QAAQ,EAAE,cAAc,CAAC;CACxB,CAAC,CAAC;AAEN;;;;;;;;;;;;GAYG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,+BAoH9C"}

package/dist/input-file/index.d.ts

@@ -0,0 +1,3 @@
+export { InputFile } from "./InputFile";
+export type { InputFileProps } from "./InputFile";
+//# sourceMappingURL=index.d.ts.map

package/dist/input-file/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/input-file/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/input-file/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/InputFile-ga5yJmdZ.js";
+export { e as InputFile };

package/dist/input-file/stories/InputFile.stories.d.ts

@@ -0,0 +1,85 @@
+import { InputFile } from "../InputFile";
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: typeof InputFile;
+    args: {
+        value: undefined;
+        onChange: () => void;
+    };
+    parameters: {
+        atomicCanvas: boolean;
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        label: {
+            description: string;
+            control: "text";
+        };
+        description: {
+            description: string;
+            control: "text";
+        };
+        placeholder: {
+            description: string;
+            control: "text";
+        };
+        value: {
+            description: string;
+            control: false;
+        };
+        onChange: {
+            description: string;
+            control: false;
+        };
+        onReadError: {
+            description: string;
+            control: false;
+        };
+        onClear: {
+            description: string;
+            control: false;
+        };
+        accept: {
+            description: string;
+            control: "text";
+        };
+        allowedMime: {
+            description: string;
+            control: false;
+        };
+        maxBytes: {
+            description: string;
+            control: "number";
+        };
+        readMode: {
+            description: string;
+            control: "inline-radio";
+            options: string[];
+        };
+        error: {
+            description: string;
+            control: "text";
+        };
+        onClearError: {
+            description: string;
+            control: false;
+        };
+        disabled: {
+            description: string;
+            control: "boolean";
+        };
+        size: {
+            description: string;
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Controlled: Story;
+export declare const WithInitialValue: Story;
+export declare const ArrayBufferMode: Story;
+//# sourceMappingURL=InputFile.stories.d.ts.map

package/dist/input-file/stories/InputFile.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputFile.stories.d.ts","sourceRoot":"","sources":["../../../src/input-file/stories/InputFile.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAkB5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4EwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU,EAAE,KAwBxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAS9B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAY7B,CAAC"}

package/dist/input-file/stories/InputFile.stories.js

@@ -0,0 +1,158 @@
+import { t as e } from "../../chunks/InputFile-ga5yJmdZ.js";
+import { jsx as t } from "react/jsx-runtime";
+import { useState as n } from "react";
+//#region src/input-file/stories/InputFile.stories.tsx
+var r = (e, t = "application/pdf") => {
+	let n = new File(["demo-file"], e, {
+		type: t,
+		lastModified: 17040672e5
+	});
+	return {
+		mode: "data-url",
+		meta: {
+			name: n.name,
+			mime: n.type,
+			size: n.size,
+			lastModified: n.lastModified
+		},
+		dataUrl: `data:${t};base64,ZGVtby1maWxl`,
+		file: n
+	};
+}, i = {
+	title: "Shared/UI/InputFile",
+	component: e,
+	args: {
+		value: void 0,
+		onChange: () => {}
+	},
+	parameters: {
+		atomicCanvas: !0,
+		layout: "padded"
+	},
+	tags: ["autodocs"],
+	argTypes: {
+		label: {
+			description: "Заголовок поля загрузки.",
+			control: "text"
+		},
+		description: {
+			description: "Описание под заголовком.",
+			control: "text"
+		},
+		placeholder: {
+			description: "Текст в поле, пока файл не выбран.",
+			control: "text"
+		},
+		value: {
+			description: "Текущий результат чтения выбранного файла.",
+			control: !1
+		},
+		onChange: {
+			description: "Вызывается после успешного чтения файла.",
+			control: !1
+		},
+		onReadError: {
+			description: "Вызывается при ошибке чтения или валидации файла.",
+			control: !1
+		},
+		onClear: {
+			description: "Очищает выбранный файл и показывает кнопку очистки.",
+			control: !1
+		},
+		accept: {
+			description: "HTML `accept` для нативного диалога выбора файла.",
+			control: "text"
+		},
+		allowedMime: {
+			description: "Белый список MIME-типов для readFile-валидации.",
+			control: !1
+		},
+		maxBytes: {
+			description: "Максимальный размер файла в байтах.",
+			control: "number"
+		},
+		readMode: {
+			description: "Режим чтения файла: data-url или array-buffer.",
+			control: "inline-radio",
+			options: ["data-url", "array-buffer"]
+		},
+		error: {
+			description: "Текст ошибки под полем.",
+			control: "text"
+		},
+		onClearError: {
+			description: "Callback сброса ошибки при повторном выборе файла.",
+			control: !1
+		},
+		disabled: {
+			description: "Блокирует выбор файла.",
+			control: "boolean"
+		},
+		size: {
+			description: "Размер визуального контрола.",
+			control: "select",
+			options: [
+				"xs",
+				"sm",
+				"md",
+				"lg",
+				"xl"
+			]
+		}
+	}
+}, a = {
+	render: (r) => {
+		let [i, a] = n(r.value), [o, s] = n(r.error ?? "");
+		return /* @__PURE__ */ t(e, {
+			...r,
+			value: i,
+			error: o || void 0,
+			onChange: a,
+			onClear: () => a(void 0),
+			onClearError: () => s("")
+		});
+	},
+	args: {
+		label: "Документ",
+		description: "Загрузите один файл.",
+		placeholder: "Выберите файл",
+		accept: [".pdf", ".docx"],
+		readMode: "data-url",
+		value: void 0
+	}
+}, o = {
+	render: (i) => {
+		let [a, o] = n(r("report.pdf"));
+		return /* @__PURE__ */ t(e, {
+			...i,
+			value: a,
+			onChange: o,
+			onClear: () => o(void 0)
+		});
+	},
+	args: {
+		label: "Файл с предзаполнением",
+		description: "Демонстрация состояния после успешной загрузки."
+	}
+}, s = {
+	render: (r) => {
+		let [i, a] = n(void 0);
+		return /* @__PURE__ */ t(e, {
+			...r,
+			value: i,
+			onChange: a,
+			onClear: () => a(void 0)
+		});
+	},
+	args: {
+		label: "Двоичное чтение",
+		description: "Режим `array-buffer` для дальнейшей бинарной обработки.",
+		readMode: "array-buffer",
+		accept: [".zip", ".pdf"],
+		value: void 0
+	}
+};
+//#endregion
+export { s as ArrayBufferMode, a as Controlled, o as WithInitialValue, i as default };
+
+//# sourceMappingURL=InputFile.stories.js.map

package/dist/input-file/stories/InputFile.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputFile.stories.js","names":[],"sources":["../../../src/input-file/stories/InputFile.stories.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport type { ReadFileResult } from \"@ryuzaki13/react-foundation-lib/file\";\n\nimport { InputFile } from \"../InputFile\";\n\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nconst createMockReadFileResult = (name: string, mime: string = \"application/pdf\"): ReadFileResult => {\n\tconst file = new File([\"demo-file\"], name, { type: mime, lastModified: 1704067200000 });\n\n\treturn {\n\t\tmode: \"data-url\",\n\t\tmeta: {\n\t\t\tname: file.name,\n\t\t\tmime: file.type,\n\t\t\tsize: file.size,\n\t\t\tlastModified: file.lastModified\n\t\t},\n\t\tdataUrl: `data:${mime};base64,ZGVtby1maWxl`,\n\t\tfile\n\t};\n};\n\nconst meta = {\n\ttitle: \"Shared/UI/InputFile\",\n\tcomponent: InputFile,\n\targs: {\n\t\tvalue: undefined,\n\t\tonChange: () => {}\n\t},\n\tparameters: {\n\t\tatomicCanvas: true,\n\t\tlayout: \"padded\"\n\t},\n\ttags: [\"autodocs\"],\n\targTypes: {\n\t\tlabel: {\n\t\t\tdescription: \"Заголовок поля загрузки.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tdescription: {\n\t\t\tdescription: \"Описание под заголовком.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tplaceholder: {\n\t\t\tdescription: \"Текст в поле, пока файл не выбран.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tvalue: {\n\t\t\tdescription: \"Текущий результат чтения выбранного файла.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tonChange: {\n\t\t\tdescription: \"Вызывается после успешного чтения файла.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tonReadError: {\n\t\t\tdescription: \"Вызывается при ошибке чтения или валидации файла.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tonClear: {\n\t\t\tdescription: \"Очищает выбранный файл и показывает кнопку очистки.\",\n\t\t\tcontrol: false\n\t\t},\n\t\taccept: {\n\t\t\tdescription: \"HTML `accept` для нативного диалога выбора файла.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tallowedMime: {\n\t\t\tdescription: \"Белый список MIME-типов для readFile-валидации.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tmaxBytes: {\n\t\t\tdescription: \"Максимальный размер файла в байтах.\",\n\t\t\tcontrol: \"number\"\n\t\t},\n\t\treadMode: {\n\t\t\tdescription: \"Режим чтения файла: data-url или array-buffer.\",\n\t\t\tcontrol: \"inline-radio\",\n\t\t\toptions: [\"data-url\", \"array-buffer\"]\n\t\t},\n\t\terror: {\n\t\t\tdescription: \"Текст ошибки под полем.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tonClearError: {\n\t\t\tdescription: \"Callback сброса ошибки при повторном выборе файла.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tdisabled: {\n\t\t\tdescription: \"Блокирует выбор файла.\",\n\t\t\tcontrol: \"boolean\"\n\t\t},\n\t\tsize: {\n\t\t\tdescription: \"Размер визуального контрола.\",\n\t\t\tcontrol: \"select\",\n\t\t\toptions: [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]\n\t\t}\n\t}\n} satisfies Meta<typeof InputFile>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Controlled: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<ReadFileResult | undefined>(args.value);\n\t\tconst [error, setError] = useState(args.error ?? \"\");\n\n\t\treturn (\n\t\t\t<InputFile\n\t\t\t\t{...args}\n\t\t\t\tvalue={value}\n\t\t\t\terror={error || undefined}\n\t\t\t\tonChange={setValue}\n\t\t\t\tonClear={() => setValue(undefined)}\n\t\t\t\tonClearError={() => setError(\"\")}\n\t\t\t/>\n\t\t);\n\t},\n\targs: {\n\t\tlabel: \"Документ\",\n\t\tdescription: \"Загрузите один файл.\",\n\t\tplaceholder: \"Выберите файл\",\n\t\taccept: [\".pdf\", \".docx\"],\n\t\treadMode: \"data-url\",\n\t\tvalue: undefined\n\t}\n};\n\nexport const WithInitialValue: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<ReadFileResult | undefined>(createMockReadFileResult(\"report.pdf\"));\n\t\treturn <InputFile {...args} value={value} onChange={setValue} onClear={() => setValue(undefined)} />;\n\t},\n\targs: {\n\t\tlabel: \"Файл с предзаполнением\",\n\t\tdescription: \"Демонстрация состояния после успешной загрузки.\"\n\t}\n};\n\nexport const ArrayBufferMode: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<ReadFileResult | undefined>(undefined);\n\t\treturn <InputFile {...args} value={value} onChange={setValue} onClear={() => setValue(undefined)} />;\n\t},\n\targs: {\n\t\tlabel: \"Двоичное чтение\",\n\t\tdescription: \"Режим `array-buffer` для дальнейшей бинарной обработки.\",\n\t\treadMode: \"array-buffer\",\n\t\taccept: [\".zip\", \".pdf\"],\n\t\tvalue: undefined\n\t}\n};\n"],"mappings":";;;;AAQA,IAAM,KAA4B,GAAc,IAAe,sBAAsC;CACpG,IAAM,IAAO,IAAI,KAAK,CAAC,WAAW,GAAG,GAAM;EAAE,MAAM;EAAM,cAAc;CAAc,CAAC;CAEtF,OAAO;EACN,MAAM;EACN,MAAM;GACL,MAAM,EAAK;GACX,MAAM,EAAK;GACX,MAAM,EAAK;GACX,cAAc,EAAK;EACpB;EACA,SAAS,QAAQ,EAAK;EACtB;CACD;AACD,GAEM,IAAO;CACZ,OAAO;CACP,WAAW;CACX,MAAM;EACL,OAAO,KAAA;EACP,gBAAgB,CAAC;CAClB;CACA,YAAY;EACX,cAAc;EACd,QAAQ;CACT;CACA,MAAM,CAAC,UAAU;CACjB,UAAU;EACT,OAAO;GACN,aAAa;GACb,SAAS;EACV;EACA,aAAa;GACZ,aAAa;GACb,SAAS;EACV;EACA,aAAa;GACZ,aAAa;GACb,SAAS;EACV;EACA,OAAO;GACN,aAAa;GACb,SAAS;EACV;EACA,UAAU;GACT,aAAa;GACb,SAAS;EACV;EACA,aAAa;GACZ,aAAa;GACb,SAAS;EACV;EACA,SAAS;GACR,aAAa;GACb,SAAS;EACV;EACA,QAAQ;GACP,aAAa;GACb,SAAS;EACV;EACA,aAAa;GACZ,aAAa;GACb,SAAS;EACV;EACA,UAAU;GACT,aAAa;GACb,SAAS;EACV;EACA,UAAU;GACT,aAAa;GACb,SAAS;GACT,SAAS,CAAC,YAAY,cAAc;EACrC;EACA,OAAO;GACN,aAAa;GACb,SAAS;EACV;EACA,cAAc;GACb,aAAa;GACb,SAAS;EACV;EACA,UAAU;GACT,aAAa;GACb,SAAS;EACV;EACA,MAAM;GACL,aAAa;GACb,SAAS;GACT,SAAS;IAAC;IAAM;IAAM;IAAM;IAAM;GAAI;EACvC;CACD;AACD,GAKa,IAAoB;CAChC,SAAS,MAAS;EACjB,IAAM,CAAC,GAAO,KAAY,EAAqC,EAAK,KAAK,GACnE,CAAC,GAAO,KAAY,EAAS,EAAK,SAAS,EAAE;EAEnD,OACC,kBAAC,GAAD;GACC,GAAI;GACG;GACP,OAAO,KAAS,KAAA;GAChB,UAAU;GACV,eAAe,EAAS,KAAA,CAAS;GACjC,oBAAoB,EAAS,EAAE;EAC/B,CAAA;CAEH;CACA,MAAM;EACL,OAAO;EACP,aAAa;EACb,aAAa;EACb,QAAQ,CAAC,QAAQ,OAAO;EACxB,UAAU;EACV,OAAO,KAAA;CACR;AACD,GAEa,IAA0B;CACtC,SAAS,MAAS;EACjB,IAAM,CAAC,GAAO,KAAY,EAAqC,EAAyB,YAAY,CAAC;EACrG,OAAO,kBAAC,GAAD;GAAW,GAAI;GAAa;GAAO,UAAU;GAAU,eAAe,EAAS,KAAA,CAAS;EAAI,CAAA;CACpG;CACA,MAAM;EACL,OAAO;EACP,aAAa;CACd;AACD,GAEa,IAAyB;CACrC,SAAS,MAAS;EACjB,IAAM,CAAC,GAAO,KAAY,EAAqC,KAAA,CAAS;EACxE,OAAO,kBAAC,GAAD;GAAW,GAAI;GAAa;GAAO,UAAU;GAAU,eAAe,EAAS,KAAA,CAAS;EAAI,CAAA;CACpG;CACA,MAAM;EACL,OAAO;EACP,aAAa;EACb,UAAU;EACV,QAAQ,CAAC,QAAQ,MAAM;EACvB,OAAO,KAAA;CACR;AACD"}

package/dist/input-files/InputFiles.d.ts

@@ -0,0 +1,64 @@
+import { ReadFileError, ReadFileResult } from "@ryuzaki13/react-foundation-lib/file";
+import { UiBaseProps } from "../types";
+interface InputFilesCommonProps extends Omit<UiBaseProps<undefined>, "value" | "onChange"> {
+    /** Callback ошибки чтения файла */
+    onReadError?: (error: ReadFileError) => void;
+    /** HTML-атрибут accept для нативного input[type="file"] (например `[".pdf", ".docx"]`) */
+    accept?: readonly string[];
+    /** Список допустимых MIME-типов — передаётся в readFile */
+    allowedMime?: readonly string[];
+    /** Максимальный размер одного файла в байтах */
+    maxBytes?: number;
+    /** Максимальное количество файлов. При достижении лимита input блокируется */
+    maxFiles?: number;
+    /** Текст ошибки под полем */
+    error?: string;
+    /** Callback сброса ошибки */
+    onClearError?: () => void;
+    /** CSS-класс обёртки */
+    className?: string;
+}
+type InputFilesDataUrlResult = Extract<ReadFileResult, {
+    mode: "data-url";
+}>;
+type InputFilesArrayBufferResult = Extract<ReadFileResult, {
+    mode: "array-buffer";
+}>;
+/**
+ * Пропсы компонента InputFiles.
+ *
+ * Компонент предназначен для выбора нескольких файлов.
+ * Выбранные файлы отображаются списком под полем ввода,
+ * каждый с кнопкой удаления (крестик).
+ *
+ * В onChange передаётся обновлённый массив результатов readFile.
+ */
+export type InputFilesProps = (InputFilesCommonProps & {
+    value: InputFilesDataUrlResult[];
+    onChange: (value: InputFilesDataUrlResult[]) => void;
+    /** Режим чтения: "data-url" по умолчанию */
+    readMode?: "data-url";
+}) | (InputFilesCommonProps & {
+    value: InputFilesArrayBufferResult[];
+    onChange: (value: InputFilesArrayBufferResult[]) => void;
+    /** Режим чтения файла как ArrayBuffer */
+    readMode: "array-buffer";
+});
+/**
+ * InputFiles — компонент выбора нескольких файлов.
+ *
+ * Поле стилизовано как InputText. При клике открывается нативный
+ * диалог с multiple. Каждый выбранный файл читается через readFile
+ * и добавляется в массив value.
+ *
+ * Список выбранных файлов отображается под полем.
+ * Каждый файл можно удалить кнопкой «крестик».
+ *
+ * InputFiles типизирует массив по `readMode`.
+ * Если `readMode` не задан или равен `"data-url"`, в `value` и `onChange`
+ * используется массив объектов с `dataUrl`. Если `readMode` равен
+ * `"array-buffer"`, используется массив объектов с `buffer`.
+ */
+export declare function InputFiles(props: InputFilesProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=InputFiles.d.ts.map

package/dist/input-files/InputFiles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputFiles.d.ts","sourceRoot":"","sources":["../../src/input-files/InputFiles.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuD,aAAa,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAI1I,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAMvC,UAAU,qBAAsB,SAAQ,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IACzF,mCAAmC;IACnC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAE7C,0FAA0F;IAC1F,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,2DAA2D;IAC3D,WAAW,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAChC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,KAAK,uBAAuB,GAAG,OAAO,CAAC,cAAc,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC,CAAC;AAC7E,KAAK,2BAA2B,GAAG,OAAO,CAAC,cAAc,EAAE;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,CAAC,CAAC;AAErF;;;;;;;;GAQG;AACH,MAAM,MAAM,eAAe,GACxB,CAAC,qBAAqB,GAAG;IACzB,KAAK,EAAE,uBAAuB,EAAE,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,uBAAuB,EAAE,KAAK,IAAI,CAAC;IACrD,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,UAAU,CAAC;CACrB,CAAC,GACF,CAAC,qBAAqB,GAAG;IACzB,KAAK,EAAE,2BAA2B,EAAE,CAAC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,2BAA2B,EAAE,KAAK,IAAI,CAAC;IACzD,yCAAyC;IACzC,QAAQ,EAAE,cAAc,CAAC;CACxB,CAAC,CAAC;AAEN;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,+BAyJhD"}

package/dist/input-files/InputFilesList.d.ts

@@ -0,0 +1,8 @@
+import { ReadFileResult } from "@ryuzaki13/react-foundation-lib/file";
+interface InputFilesListProps<TFile extends ReadFileResult> {
+    files: TFile[];
+    onChange: (files: TFile[]) => void;
+}
+export declare function InputFilesList<TFile extends ReadFileResult>({ files, onChange }: InputFilesListProps<TFile>): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=InputFilesList.d.ts.map

package/dist/input-files/InputFilesList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputFilesList.d.ts","sourceRoot":"","sources":["../../src/input-files/InputFilesList.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAKtE,UAAU,mBAAmB,CAAC,KAAK,SAAS,cAAc;IACzD,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC;CACnC;AAED,wBAAgB,cAAc,CAAC,KAAK,SAAS,cAAc,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,mBAAmB,CAAC,KAAK,CAAC,sCA0B3G"}

package/dist/input-files/index.d.ts

@@ -0,0 +1,4 @@
+export { InputFiles } from "./InputFiles";
+export { InputFilesList } from "./InputFilesList";
+export type { InputFilesProps } from "./InputFiles";
+//# sourceMappingURL=index.d.ts.map

package/dist/input-files/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/input-files/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/input-files/index.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "../chunks/InputFiles-Or2Nvfgk.js";
+export { t as InputFiles, e as InputFilesList };

package/dist/input-files/stories/InputFiles.stories.d.ts

@@ -0,0 +1,86 @@
+import type { ReadFileAsDataUrlResult } from "@ryuzaki13/react-foundation-lib/file";
+import { InputFiles } from "../InputFiles";
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: typeof InputFiles;
+    args: {
+        value: ReadFileAsDataUrlResult[];
+        onChange: () => void;
+    };
+    parameters: {
+        atomicCanvas: boolean;
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        label: {
+            description: string;
+            control: "text";
+        };
+        description: {
+            description: string;
+            control: "text";
+        };
+        placeholder: {
+            description: string;
+            control: "text";
+        };
+        value: {
+            description: string;
+            control: false;
+        };
+        onChange: {
+            description: string;
+            control: false;
+        };
+        onReadError: {
+            description: string;
+            control: false;
+        };
+        accept: {
+            description: string;
+            control: "text";
+        };
+        allowedMime: {
+            description: string;
+            control: false;
+        };
+        maxBytes: {
+            description: string;
+            control: "number";
+        };
+        readMode: {
+            description: string;
+            control: "inline-radio";
+            options: string[];
+        };
+        maxFiles: {
+            description: string;
+            control: "number";
+        };
+        error: {
+            description: string;
+            control: "text";
+        };
+        onClearError: {
+            description: string;
+            control: false;
+        };
+        disabled: {
+            description: string;
+            control: "boolean";
+        };
+        size: {
+            description: string;
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Controlled: Story;
+export declare const WithInitialFiles: Story;
+export declare const LimitReached: Story;
+//# sourceMappingURL=InputFiles.stories.d.ts.map

package/dist/input-files/stories/InputFiles.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputFiles.stories.d.ts","sourceRoot":"","sources":["../../../src/input-files/stories/InputFiles.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAEpF,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAkB5D,QAAA,MAAM,IAAI;;;;eAIK,uBAAuB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwEL,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAa9B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAC"}