@ryuzaki13/react-foundation-ui 0.1.0

package/dist/image/ui/ImageSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageSelection.d.ts","sourceRoot":"","sources":["../../../src/image/ui/ImageSelection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAkC,MAAM,OAAO,CAAC;AAIjF,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAQtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,KAAK,iBAAiB,GAAG,OAAO,CAAC,cAAc,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC,CAAC;AAEvE;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC/B,IAAI,EAAE,iBAAiB,CAAC;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,iBAAiB,CAAC;CACzB,CAAC;AAEF,UAAU,wBAAwB;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC5B,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IAC/C,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,yBAAyB,KAAK,SAAS,CAAC;CAC/D;AAED,UAAU,wBAAyB,SAAQ,wBAAwB;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,UAAU,yBAAyB;IAClC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,IAAI,CAAC;CAClB;AA+RD,wBAAgB,mBAAmB,CAAC,EAAE,MAAe,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,+BAyBnH;AAED,wBAAgB,mBAAmB,CAAC,EACnC,MAAe,EACf,QAAQ,EACR,MAAa,EACb,OAAkB,EAClB,KAAqC,EACrC,GAAG,KAAK,EACR,EAAE,wBAAwB,+BA0B1B"}

package/dist/image/ui/ImageView.d.ts

@@ -0,0 +1,40 @@
+import { type ImgHTMLAttributes, type ReactNode } from "react";
+export type ImageFormat = "avif" | "webp" | "jpeg" | "jpg" | "png";
+export type StoredImageData = {
+    filename: string;
+    path: string;
+    width?: number;
+    height?: number;
+    alt?: string;
+    hasSet?: boolean;
+};
+interface ImageViewProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, "src" | "alt"> {
+    /** Запись из таблицы Image. Предпочтительный способ передать изображение из БД. */
+    image?: StoredImageData;
+    /** Базовое имя файла из БД. Для новых изображений это md5 без расширения. */
+    src?: string;
+    /** Путь из БД относительно публичного корня, например `images/articles`. */
+    path?: string;
+    alt?: string;
+    role?: string;
+    ariaLabel?: string;
+    caption?: string;
+    fallback?: ReactNode;
+    useFigure?: boolean;
+    aspectRatio?: string | "unset";
+    /** Форматы, которые реально лежат в хранилище для текущего изображения. */
+    formats?: readonly ImageFormat[];
+    /** Формат для img.src. Должен существовать в хранилище. */
+    fallbackFormat?: ImageFormat;
+    /** Набор размеров для файлов вида base@width.format. */
+    variantWidths?: readonly number[];
+    /** Признак наличия responsive-набора. Если false, @size srcSet не строится. */
+    hasSet?: boolean;
+}
+/**
+ * Адаптер для изображений из таблицы Image.
+ * Компонент строит пути только из данных БД: path + filename + формат/размер.
+ */
+export declare function ImageView({ image, src, path, alt, formats, fallbackFormat, variantWidths, hasSet, aspectRatio, ...props }: ImageViewProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ImageView.d.ts.map

package/dist/image/ui/ImageView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageView.d.ts","sourceRoot":"","sources":["../../../src/image/ui/ImageView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI/D,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC;AAKnE,MAAM,MAAM,eAAe,GAAG;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,UAAU,cAAe,SAAQ,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACxF,mFAAmF;IACnF,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,6EAA6E;IAC7E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,4EAA4E;IAC5E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC/B,2EAA2E;IAC3E,OAAO,CAAC,EAAE,SAAS,WAAW,EAAE,CAAC;IACjC,2DAA2D;IAC3D,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,wDAAwD;IACxD,aAAa,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAClC,+EAA+E;IAC/E,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB;AA8CD;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACzB,KAAK,EACL,GAAG,EACH,IAAI,EACJ,GAAG,EACH,OAA6B,EAC7B,cAAc,EACd,aAAkC,EAClC,MAAM,EACN,WAAW,EACX,GAAG,KAAK,EACR,EAAE,cAAc,+BA6BhB"}

package/dist/input/Input.d.ts

@@ -0,0 +1,65 @@
+import React, { InputHTMLAttributes, ReactNode } from "react";
+import { UiBaseProps } from "../types";
+export interface InputUIProps extends Omit<UiBaseProps<never>, "value" | "onChange"> {
+    className?: string;
+    error?: string;
+    controlId?: string;
+    labelId?: string;
+    descriptionId?: string;
+    errorId?: string;
+    children: React.ReactNode;
+}
+export interface InputControlRenderProps {
+    controlClassName?: string;
+}
+export interface InputControlProps {
+    className?: string;
+    endAdornment?: ReactNode;
+    endAdornmentClassName?: string;
+    endAdornmentWidth?: string;
+    children: (props: InputControlRenderProps) => ReactNode;
+}
+export interface InputClearButtonProps {
+    onClick?: () => void;
+    disabled?: boolean;
+    className?: string;
+    ariaLabel?: string;
+}
+export declare function InputUILoading({ label, description, size, disabled, className }: Pick<InputUIProps, "label" | "description" | "size" | "disabled" | "className">): React.JSX.Element;
+/**
+ * Низкоуровневая оболочка поля ввода с общими элементами оформления.
+ */
+export declare function InputUI({ label, description, disabled, className, error, size, controlId, labelId, descriptionId, errorId, children }: InputUIProps): React.JSX.Element;
+export declare function InputControl({ className, endAdornment, endAdornmentClassName, endAdornmentWidth, children }: InputControlProps): React.JSX.Element;
+export declare function InputClearButton({ onClick, disabled, className, ariaLabel }: InputClearButtonProps): React.JSX.Element;
+export interface BaseInputProps<T extends number | string, V = T> extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "type" | "defaultValue" | "onChange">, UiBaseProps<T, V> {
+    onClear?: () => void;
+    error?: string;
+    onClearError?: () => void;
+    defaultValue?: T;
+    endAdornment?: ReactNode;
+    endAdornmentClassName?: string;
+    endAdornmentWidth?: string;
+}
+export interface InputTextProps extends BaseInputProps<string> {
+    type?: "email" | "password" | "search" | "tel" | "text" | "url";
+    /**
+     * Регулярное выражение для валидации всего введённого значения.
+     * При несоответствии поле подсвечивается как невалидное, но текст не удаляется.
+     * Пример: `/^\d*$/`
+     */
+    allowedPattern?: RegExp;
+}
+/**
+ * Базовое текстовое поле ввода для строковых значений.
+ */
+export declare function InputText({ label, description, disabled, className, onClear, error, onClearError, onChange, value, size, allowedPattern, endAdornment, endAdornmentClassName, endAdornmentWidth, type, ...props }: InputTextProps): React.JSX.Element;
+/**
+ * Числовое поле ввода с нормализацией значения и защитой от промежуточного невалидного ввода.
+ */
+export declare function InputNumber({ label, description, disabled, className, onClear, error, onClearError, onChange, value, size, endAdornment, endAdornmentClassName, endAdornmentWidth, ...props }: BaseInputProps<number, number | undefined>): React.JSX.Element;
+/**
+ * Совместимый алиас для `InputText`.
+ */
+export declare const Input: typeof InputText;
+//# sourceMappingURL=Input.d.ts.map

package/dist/input/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/input/Input.tsx"],"names":[],"mappings":"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"}

package/dist/input/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Input";
+export * from "./lib";
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/input/index.js

@@ -0,0 +1,2 @@
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../chunks/Input-Ce2HXBUc.js";
+export { s as Input, r as InputClearButton, a as InputControl, n as InputNumber, e as InputText, i as InputUI, o as InputUILoading, t as useInputFieldIds };

package/dist/input/lib/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./useInputFieldIds";
+//# sourceMappingURL=index.d.ts.map

package/dist/input/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/input/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/input/lib/useInputFieldIds.d.ts

@@ -0,0 +1,15 @@
+export interface UseInputFieldIdsOptions {
+    id?: string;
+    hasLabel?: boolean;
+    hasDescription?: boolean;
+    hasError?: boolean;
+}
+export interface InputFieldIds {
+    controlId: string;
+    labelId?: string;
+    descriptionId?: string;
+    errorId?: string;
+    describedBy?: string;
+}
+export declare function useInputFieldIds({ id: externalId, hasLabel, hasDescription, hasError }: UseInputFieldIdsOptions): InputFieldIds;
+//# sourceMappingURL=useInputFieldIds.d.ts.map

package/dist/input/lib/useInputFieldIds.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputFieldIds.d.ts","sourceRoot":"","sources":["../../../src/input/lib/useInputFieldIds.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,uBAAuB;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,aAAa;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,uBAAuB,GAAG,aAAa,CAe/H"}

package/dist/input/stories/Input.stories.d.ts

@@ -0,0 +1,69 @@
+import { StoryObj } from "@storybook/react-vite";
+import { InputText } from "../Input";
+declare const meta: {
+    title: string;
+    component: typeof InputText;
+    args: {
+        value: string;
+        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: "text";
+        };
+        onChange: {
+            description: string;
+            control: false;
+        };
+        onClear: {
+            description: string;
+            control: false;
+        };
+        error: {
+            description: string;
+            control: "text";
+        };
+        onClearError: {
+            description: string;
+            control: false;
+        };
+        disabled: {
+            description: string;
+            control: "boolean";
+        };
+        size: {
+            description: string;
+            control: "select";
+            options: string[];
+        };
+        allowedPattern: {
+            description: string;
+            control: false;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const TextControlled: Story;
+export declare const NumberControlled: Story;
+export declare const PatternValidation: Story;
+export declare const WithError: Story;
+//# sourceMappingURL=Input.stories.d.ts.map

package/dist/input/stories/Input.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/input/stories/Input.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAe,SAAS,EAAE,MAAM,UAAU,CAAC;AAElD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2DwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,cAAc,EAAE,KAY5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAoB9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAiB/B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAmBvB,CAAC"}

package/dist/input/stories/Input.stories.js

@@ -0,0 +1,132 @@
+import { a as e, i as t } from "../../chunks/Input-Ce2HXBUc.js";
+import { jsx as n } from "react/jsx-runtime";
+import { useState as r } from "react";
+//#region src/input/stories/Input.stories.tsx
+var i = {
+	title: "Shared/UI/Input",
+	component: e,
+	args: {
+		value: "",
+		onChange: () => {}
+	},
+	parameters: {
+		atomicCanvas: !0,
+		layout: "padded"
+	},
+	tags: ["autodocs"],
+	argTypes: {
+		label: {
+			description: "Заголовок поля.",
+			control: "text"
+		},
+		description: {
+			description: "Описание под заголовком.",
+			control: "text"
+		},
+		placeholder: {
+			description: "Плейсхолдер нативного поля ввода.",
+			control: "text"
+		},
+		value: {
+			description: "Текущее значение поля.",
+			control: "text"
+		},
+		onChange: {
+			description: "Вызывается при изменении значения.",
+			control: !1
+		},
+		onClear: {
+			description: "Callback кнопки очистки справа.",
+			control: !1
+		},
+		error: {
+			description: "Текст ошибки под полем.",
+			control: "text"
+		},
+		onClearError: {
+			description: "Вызывается при вводе для сброса внешней ошибки.",
+			control: !1
+		},
+		disabled: {
+			description: "Блокирует редактирование.",
+			control: "boolean"
+		},
+		size: {
+			description: "Размер поля и подписи.",
+			control: "select",
+			options: [
+				"xs",
+				"sm",
+				"md",
+				"lg",
+				"xl"
+			]
+		},
+		allowedPattern: {
+			description: "Регулярное выражение для валидации введенной строки.",
+			control: !1
+		}
+	}
+}, a = {
+	render: (t) => {
+		let [i, a] = r(t.value ?? "");
+		return /* @__PURE__ */ n(e, {
+			...t,
+			value: i,
+			onChange: a,
+			onClear: () => a("")
+		});
+	},
+	args: {
+		label: "Наименование",
+		description: "Пример обычного текстового поля.",
+		placeholder: "Введите значение",
+		value: "",
+		size: "md"
+	}
+}, o = {
+	render: () => {
+		let [e, i] = r(25);
+		return /* @__PURE__ */ n(t, {
+			label: "Количество",
+			description: "Числовой ввод с min/max.",
+			placeholder: "0",
+			value: e,
+			min: 0,
+			max: 100,
+			onChange: i,
+			onClear: () => i(void 0)
+		});
+	},
+	args: { value: void 0 }
+}, s = {
+	render: () => {
+		let [t, i] = r("");
+		return /* @__PURE__ */ n(e, {
+			label: "Только цифры",
+			description: "`allowedPattern` подсвечивает невалидный ввод.",
+			placeholder: "12345",
+			value: t,
+			onChange: i,
+			allowedPattern: /^\d*$/
+		});
+	},
+	args: { value: void 0 }
+}, c = {
+	render: () => {
+		let [t, i] = r("admin"), [a, o] = r("Логин уже занят");
+		return /* @__PURE__ */ n(e, {
+			label: "Логин",
+			value: t,
+			error: a,
+			onChange: i,
+			onClear: () => i(""),
+			onClearError: () => o("")
+		});
+	},
+	args: { value: void 0 }
+};
+//#endregion
+export { o as NumberControlled, s as PatternValidation, a as TextControlled, c as WithError, i as default };
+
+//# sourceMappingURL=Input.stories.js.map

package/dist/input/stories/Input.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.stories.js","names":[],"sources":["../../../src/input/stories/Input.stories.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { Meta, StoryObj } from \"@storybook/react-vite\";\n\nimport { InputNumber, InputText } from \"../Input\";\n\nconst meta = {\n\ttitle: \"Shared/UI/Input\",\n\tcomponent: InputText,\n\targs: {\n\t\tvalue: \"\",\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: \"text\"\n\t\t},\n\t\tonChange: {\n\t\t\tdescription: \"Вызывается при изменении значения.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tonClear: {\n\t\t\tdescription: \"Callback кнопки очистки справа.\",\n\t\t\tcontrol: false\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\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\tallowedPattern: {\n\t\t\tdescription: \"Регулярное выражение для валидации введенной строки.\",\n\t\t\tcontrol: false\n\t\t}\n\t}\n} satisfies Meta<typeof InputText>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TextControlled: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState(args.value ?? \"\");\n\t\treturn <InputText {...args} value={value} onChange={setValue} onClear={() => setValue(\"\")} />;\n\t},\n\targs: {\n\t\tlabel: \"Наименование\",\n\t\tdescription: \"Пример обычного текстового поля.\",\n\t\tplaceholder: \"Введите значение\",\n\t\tvalue: \"\",\n\t\tsize: \"md\"\n\t}\n};\n\nexport const NumberControlled: Story = {\n\trender: () => {\n\t\tconst [value, setValue] = useState<number | undefined>(25);\n\n\t\treturn (\n\t\t\t<InputNumber\n\t\t\t\tlabel=\"Количество\"\n\t\t\t\tdescription=\"Числовой ввод с min/max.\"\n\t\t\t\tplaceholder=\"0\"\n\t\t\t\tvalue={value}\n\t\t\t\tmin={0}\n\t\t\t\tmax={100}\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 PatternValidation: Story = {\n\trender: () => {\n\t\tconst [value, setValue] = useState(\"\");\n\t\treturn (\n\t\t\t<InputText\n\t\t\t\tlabel=\"Только цифры\"\n\t\t\t\tdescription=\"`allowedPattern` подсвечивает невалидный ввод.\"\n\t\t\t\tplaceholder=\"12345\"\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={setValue}\n\t\t\t\tallowedPattern={/^\\d*$/}\n\t\t\t/>\n\t\t);\n\t},\n\targs: {\n\t\tvalue: undefined\n\t}\n};\n\nexport const WithError: Story = {\n\trender: () => {\n\t\tconst [value, setValue] = useState(\"admin\");\n\t\tconst [error, setError] = useState(\"Логин уже занят\");\n\n\t\treturn (\n\t\t\t<InputText\n\t\t\t\tlabel=\"Логин\"\n\t\t\t\tvalue={value}\n\t\t\t\terror={error}\n\t\t\t\tonChange={setValue}\n\t\t\t\tonClear={() => setValue(\"\")}\n\t\t\t\tonClearError={() => setError(\"\")}\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;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,SAAS;GACR,aAAa;GACb,SAAS;EACV;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;EACA,gBAAgB;GACf,aAAa;GACb,SAAS;EACV;CACD;AACD,GAKa,IAAwB;CACpC,SAAS,MAAS;EACjB,IAAM,CAAC,GAAO,KAAY,EAAS,EAAK,SAAS,EAAE;EACnD,OAAO,kBAAC,GAAD;GAAW,GAAI;GAAa;GAAO,UAAU;GAAU,eAAe,EAAS,EAAE;EAAI,CAAA;CAC7F;CACA,MAAM;EACL,OAAO;EACP,aAAa;EACb,aAAa;EACb,OAAO;EACP,MAAM;CACP;AACD,GAEa,IAA0B;CACtC,cAAc;EACb,IAAM,CAAC,GAAO,KAAY,EAA6B,EAAE;EAEzD,OACC,kBAAC,GAAD;GACC,OAAM;GACN,aAAY;GACZ,aAAY;GACL;GACP,KAAK;GACL,KAAK;GACL,UAAU;GACV,eAAe,EAAS,KAAA,CAAS;EACjC,CAAA;CAEH;CACA,MAAM,EACL,OAAO,KAAA,EACR;AACD,GAEa,IAA2B;CACvC,cAAc;EACb,IAAM,CAAC,GAAO,KAAY,EAAS,EAAE;EACrC,OACC,kBAAC,GAAD;GACC,OAAM;GACN,aAAY;GACZ,aAAY;GACL;GACP,UAAU;GACV,gBAAgB;EAChB,CAAA;CAEH;CACA,MAAM,EACL,OAAO,KAAA,EACR;AACD,GAEa,IAAmB;CAC/B,cAAc;EACb,IAAM,CAAC,GAAO,KAAY,EAAS,OAAO,GACpC,CAAC,GAAO,KAAY,EAAS,iBAAiB;EAEpD,OACC,kBAAC,GAAD;GACC,OAAM;GACC;GACA;GACP,UAAU;GACV,eAAe,EAAS,EAAE;GAC1B,oBAAoB,EAAS,EAAE;EAC/B,CAAA;CAEH;CACA,MAAM,EACL,OAAO,KAAA,EACR;AACD"}

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

@@ -0,0 +1,23 @@
+import { UiBaseProps } from "../types";
+interface InputDateTimeBaseProps extends UiBaseProps<Date, Date | undefined> {
+    mask: string;
+    className?: string;
+    error?: string;
+    onClearError?: () => void;
+    onClear?: () => void;
+    "aria-label"?: string;
+}
+export type InputDateProps = Omit<InputDateTimeBaseProps, "mask"> & {
+    mask?: string;
+};
+export type InputTimeProps = Omit<InputDateTimeBaseProps, "mask"> & {
+    mask?: string;
+};
+export type InputDateTimeProps = Omit<InputDateTimeBaseProps, "mask"> & {
+    mask?: string;
+};
+export declare function InputDate({ mask, ...props }: InputDateProps): import("react").JSX.Element;
+export declare function InputTime({ mask, ...props }: InputTimeProps): import("react").JSX.Element;
+export declare function InputDateTime({ mask, ...props }: InputDateTimeProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=InputDateTime.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputDateTime.d.ts","sourceRoot":"","sources":["../../src/input-date-time/InputDateTime.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAMvC,UAAU,sBAAuB,SAAQ,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;IAC3E,IAAI,EAAE,MAAM,CAAC;IAEb,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAmGD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AACtF,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AACtF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE1F,wBAAgB,SAAS,CAAC,EAAE,IAAmB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAE1E;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAc,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAErE;AAED,wBAAgB,aAAa,CAAC,EAAE,IAAyB,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAExF"}

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

@@ -0,0 +1,3 @@
+export { InputDate, InputDateTime, InputTime } from "./InputDateTime";
+export type { InputDateProps, InputDateTimeProps, InputTimeProps } from "./InputDateTime";
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/input-date-time/index.js

@@ -0,0 +1,2 @@
+import { n as e, r as t, t as n } from "../chunks/InputDateTime-DPtY_4Od.js";
+export { n as InputDate, e as InputDateTime, t as InputTime };

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

@@ -0,0 +1,32 @@
+import { type DateSegmentId, type EditableDateSegment, type LiteralDateSegment } from "@ryuzaki13/react-foundation-lib/date-segments";
+/**
+ * Совместимый тип сегмента для существующего `InputDateTime`.
+ */
+export type SegmentType = DateSegmentId;
+/**
+ * Совместимый редактируемый сегмент для существующего `InputDateTime`.
+ */
+export interface EditableSegment extends Omit<EditableDateSegment, "id"> {
+    type: SegmentType;
+}
+/**
+ * Совместимый литеральный сегмент для существующего `InputDateTime`.
+ */
+export type LiteralSegment = LiteralDateSegment;
+/**
+ * Совместимый тип сегмента маски для существующего `InputDateTime`.
+ */
+export type Segment = EditableSegment | LiteralSegment;
+/**
+ * Разбирает строковую маску, сохраняя прежний контракт `InputDateTime`.
+ */
+export declare function parseMask(mask: string): Segment[];
+/**
+ * Преобразует Date в карту значений сегментов по их совместимым типам.
+ */
+export declare function dateToSegmentValues(date: Date | undefined, segments: Segment[]): Map<SegmentType, string>;
+/**
+ * Собирает строгий Date из карты сегментов старого формата.
+ */
+export declare function segmentsToDate(segments: Segment[], values: Map<SegmentType, string>): Date | null;
+//# sourceMappingURL=maskParser.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"maskParser.d.ts","sourceRoot":"","sources":["../../src/input-date-time/maskParser.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,aAAa,EAElB,KAAK,mBAAmB,EAExB,KAAK,kBAAkB,EAEvB,MAAM,+CAA+C,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,aAAa,CAAC;AAExC;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC;IACvE,IAAI,EAAE,WAAW,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,kBAAkB,CAAC;AAEhD;;GAEG;AACH,MAAM,MAAM,OAAO,GAAG,eAAe,GAAG,cAAc,CAAC;AAEvD;;GAEG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,EAAE,CAEjD;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAUzG;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,GAAG,IAAI,GAAG,IAAI,CASjG"}

package/dist/input-date-time/stories/InputDateTime.stories.d.ts

@@ -0,0 +1,69 @@
+import { InputDate } from "../InputDateTime";
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: typeof InputDate;
+    args: {
+        value: undefined;
+        onChange: () => void;
+    };
+    parameters: {
+        atomicCanvas: boolean;
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        label: {
+            description: string;
+            control: "text";
+        };
+        description: {
+            description: string;
+            control: "text";
+        };
+        value: {
+            description: string;
+            control: false;
+        };
+        onChange: {
+            description: string;
+            control: false;
+        };
+        mask: {
+            description: string;
+            control: "text";
+        };
+        error: {
+            description: string;
+            control: "text";
+        };
+        onClearError: {
+            description: string;
+            control: false;
+        };
+        onClear: {
+            description: string;
+            control: false;
+        };
+        disabled: {
+            description: string;
+            control: "boolean";
+        };
+        size: {
+            description: string;
+            control: "select";
+            options: string[];
+        };
+        "aria-label": {
+            description: string;
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const DateOnly: Story;
+export declare const TimeOnly: Story;
+export declare const DateAndTime: Story;
+export declare const CustomMask: Story;
+//# sourceMappingURL=InputDateTime.stories.d.ts.map

package/dist/input-date-time/stories/InputDateTime.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputDateTime.stories.d.ts","sourceRoot":"","sources":["../../../src/input-date-time/stories/InputDateTime.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAA4B,MAAM,kBAAkB,CAAC;AAEvE,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2DwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAgBzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC"}

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

@@ -0,0 +1,125 @@
+import { n as e, r as t, t as n } from "../../chunks/InputDateTime-DPtY_4Od.js";
+import { jsx as r } from "react/jsx-runtime";
+import { useState as i } from "react";
+//#region src/input-date-time/stories/InputDateTime.stories.tsx
+var a = {
+	title: "Shared/UI/InputDateTime",
+	component: n,
+	args: {
+		value: void 0,
+		onChange: () => {}
+	},
+	parameters: {
+		atomicCanvas: !0,
+		layout: "padded"
+	},
+	tags: ["autodocs"],
+	argTypes: {
+		label: {
+			description: "Заголовок поля.",
+			control: "text"
+		},
+		description: {
+			description: "Описание под заголовком.",
+			control: "text"
+		},
+		value: {
+			description: "Текущее значение в виде `Date`.",
+			control: !1
+		},
+		onChange: {
+			description: "Вызывается при формировании валидной даты/времени.",
+			control: !1
+		},
+		mask: {
+			description: "Маска сегментов (`YYYY`, `MM`, `DD`, `hh`, `mm`, `ss`).",
+			control: "text"
+		},
+		error: {
+			description: "Текст ошибки под полем.",
+			control: "text"
+		},
+		onClearError: {
+			description: "Сброс внешней ошибки при вводе.",
+			control: !1
+		},
+		onClear: {
+			description: "Очищает значение и активирует кнопку очистки.",
+			control: !1
+		},
+		disabled: {
+			description: "Блокирует редактирование сегментов.",
+			control: "boolean"
+		},
+		size: {
+			description: "Размер поля и подписи.",
+			control: "select",
+			options: [
+				"xs",
+				"sm",
+				"md",
+				"lg",
+				"xl"
+			]
+		},
+		"aria-label": {
+			description: "ARIA-метка для контейнера сегментного ввода.",
+			control: "text"
+		}
+	}
+}, o = {
+	render: (e) => {
+		let [t, a] = i(e.value);
+		return /* @__PURE__ */ r(n, {
+			...e,
+			value: t,
+			onChange: a,
+			onClear: () => a(void 0)
+		});
+	},
+	args: {
+		label: "Дата",
+		description: "Формат по умолчанию: YYYY.MM.DD",
+		value: new Date(2026, 2, 5)
+	}
+}, s = {
+	render: () => {
+		let [e, n] = i(new Date(2026, 2, 5, 14, 30, 0));
+		return /* @__PURE__ */ r(t, {
+			label: "Время",
+			description: "Формат по умолчанию: hh:mm",
+			value: e,
+			onChange: n,
+			onClear: () => n(void 0)
+		});
+	},
+	args: { value: void 0 }
+}, c = {
+	render: () => {
+		let [t, n] = i(new Date(2026, 2, 5, 9, 15, 0));
+		return /* @__PURE__ */ r(e, {
+			label: "Дата и время",
+			description: "Комбинированный ввод даты и времени.",
+			value: t,
+			onChange: n,
+			onClear: () => n(void 0)
+		});
+	},
+	args: { value: void 0 }
+}, l = {
+	render: () => {
+		let [t, n] = i(new Date(2026, 2, 5, 9, 15, 42));
+		return /* @__PURE__ */ r(e, {
+			label: "Кастомная маска",
+			description: "Добавлены секунды: YYYY.MM.DD hh:mm:ss",
+			mask: "YYYY.MM.DD hh:mm:ss",
+			value: t,
+			onChange: n
+		});
+	},
+	args: { value: void 0 }
+};
+//#endregion
+export { l as CustomMask, c as DateAndTime, o as DateOnly, s as TimeOnly, a as default };
+
+//# sourceMappingURL=InputDateTime.stories.js.map