@ryuzaki13/react-foundation-ui 0.1.0

package/dist/date-time-input/lib/dateTimeValue.d.ts

@@ -0,0 +1,65 @@
+import { type DateFormatPreset } from "@ryuzaki13/react-foundation-lib/formatters";
+export type DateTimeInputMode = "date-time" | "time";
+/**
+ * Фиксированный формат нового поля даты-времени.
+ */
+export declare const DATE_TIME_INPUT_FORMAT = "dd.MM.yyyy HH:mm";
+export declare const TIME_INPUT_FORMAT = "HH:mm";
+/**
+ * Создаёт техническую базовую дату для режима выбора только времени.
+ */
+export declare function createTimeOnlyBaseDate(hours?: number, minutes?: number): Date;
+/**
+ * Возвращает формат пользовательского ввода для выбранного режима.
+ */
+export declare function getDateTimeInputFormat(mode?: DateTimeInputMode): string;
+/**
+ * Создаёт временную предустановку форматирования для нового поля даты-времени.
+ */
+export declare function createDateTimeInputPreset(mode?: DateTimeInputMode): DateFormatPreset;
+/**
+ * Нормализует внешнее значение к валидному Date без timezone-сдвига.
+ */
+export declare function normalizeDateTimeValue(value: Date | null | undefined, mode?: DateTimeInputMode): Date | null;
+/**
+ * Форматирует значение поля даты-времени в фиксированный пользовательский формат.
+ */
+export declare function formatDateTimeInputValue(value: Date | null | undefined, mode?: DateTimeInputMode): string;
+/**
+ * Строго парсит строку пользовательского ввода в Date.
+ */
+export declare function parseDateTimeInputValue(value: string, mode?: DateTimeInputMode): Date | null;
+/**
+ * Проверяет, попадает ли дата-время в допустимый диапазон.
+ */
+export declare function isDateTimeWithinRange(value: Date, minDate?: Date, maxDate?: Date, mode?: DateTimeInputMode): boolean;
+/**
+ * Переносит дату выбранного дня, сохраняя часы и минуты базового значения.
+ */
+export declare function mergeDateWithTime(datePart: Date, timeSource?: Date | null): Date;
+/**
+ * Переносит часы и минуты в базовую календарную дату.
+ */
+export declare function mergeTimeIntoDate(baseDate: Date, hours: number, minutes: number, mode?: DateTimeInputMode): Date;
+/**
+ * Создаёт рабочую дату для picker-сценариев без выбранного значения.
+ */
+export declare function resolvePickerBaseDate(value: Date | null | undefined, fallbackDate: Date, mode?: DateTimeInputMode): Date;
+/**
+ * Возвращает границы часов и минут для выбранного календарного дня.
+ */
+export declare function getTimeRangeForDay(day: Date, minDate?: Date, maxDate?: Date, mode?: DateTimeInputMode): {
+    disabled: boolean;
+    minHour: number;
+    maxHour: number;
+    minMinuteByHour: (hour: number) => number;
+    maxMinuteByHour: (hour: number) => number;
+};
+/**
+ * Ограничивает часы и минуты допустимым диапазоном текущего дня.
+ */
+export declare function clampTimeForDay(day: Date, hours: number, minutes: number, minDate?: Date, maxDate?: Date, mode?: DateTimeInputMode): {
+    hours: number;
+    minutes: number;
+};
+//# sourceMappingURL=dateTimeValue.d.ts.map

package/dist/date-time-input/lib/dateTimeValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimeValue.d.ts","sourceRoot":"","sources":["../../../src/date-time-input/lib/dateTimeValue.ts"],"names":[],"mappings":"AACA,OAAO,EAAsB,KAAK,gBAAgB,EAA6C,MAAM,4CAA4C,CAAC;AAElJ,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,MAAM,CAAC;AAErD;;GAEG;AACH,eAAO,MAAM,sBAAsB,qBAAqB,CAAC;AACzD,eAAO,MAAM,iBAAiB,UAAU,CAAC;AASzC;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,SAAI,EAAE,OAAO,SAAI,GAAG,IAAI,CAEnE;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,GAAE,iBAA+B,GAAG,MAAM,CAEpF;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,IAAI,GAAE,iBAA+B,GAAG,gBAAgB,CAOjG;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,EAAE,IAAI,GAAE,iBAA+B,GAAG,IAAI,GAAG,IAAI,CAWzH;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,EAAE,IAAI,GAAE,iBAA+B,GAAG,MAAM,CAGtH;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,GAAE,iBAA+B,GAAG,IAAI,GAAG,IAAI,CAkBzG;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,GAAE,iBAA+B,GAAG,OAAO,CA0BjI;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,IAAI,EAAE,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAMhF;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,GAAE,iBAA+B,GAAG,IAAI,CAM7H;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,GAAE,iBAA+B,GAAG,IAAI,CAMrI;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CACjC,GAAG,EAAE,IAAI,EACT,OAAO,CAAC,EAAE,IAAI,EACd,OAAO,CAAC,EAAE,IAAI,EACd,IAAI,GAAE,iBAA+B,GACnC;IACF,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CAC1C,CAkCA;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC9B,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,IAAI,EACd,OAAO,CAAC,EAAE,IAAI,EACd,IAAI,GAAE,iBAA+B,GACnC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAepC"}

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

@@ -0,0 +1,5 @@
+export { clampTimeForDay, createDateTimeInputPreset, createTimeOnlyBaseDate, DATE_TIME_INPUT_FORMAT, formatDateTimeInputValue, getDateTimeInputFormat, getTimeRangeForDay, isDateTimeWithinRange, mergeDateWithTime, mergeTimeIntoDate, normalizeDateTimeValue, parseDateTimeInputValue, resolvePickerBaseDate, TIME_INPUT_FORMAT } from "./dateTimeValue";
+export type { DateTimeInputMode } from "./dateTimeValue";
+export { buildTimePanelState } from "./timePanelState";
+export type { TimePanelState } from "./timePanelState";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-time-input/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,eAAe,EACf,yBAAyB,EACzB,sBAAsB,EACtB,sBAAsB,EACtB,wBAAwB,EACxB,sBAAsB,EACtB,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,EACjB,iBAAiB,EACjB,sBAAsB,EACtB,uBAAuB,EACvB,qBAAqB,EACrB,iBAAiB,EACjB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/date-time-input/lib/timePanelState.d.ts

@@ -0,0 +1,16 @@
+import type { DateTimeInputMode } from "./dateTimeValue";
+/**
+ * Состояние и доступные значения для панели выбора времени.
+ */
+export interface TimePanelState {
+    disabled: boolean;
+    selectedHour: number;
+    selectedMinute: number;
+    hours: number[];
+    minutes: number[];
+}
+/**
+ * Собирает состояние часов и минут для панели выбора времени.
+ */
+export declare function buildTimePanelState(value: Date, minDate?: Date, maxDate?: Date, mode?: DateTimeInputMode): TimePanelState;
+//# sourceMappingURL=timePanelState.d.ts.map

package/dist/date-time-input/lib/timePanelState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timePanelState.d.ts","sourceRoot":"","sources":["../../../src/date-time-input/lib/timePanelState.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD;;GAEG;AACH,MAAM,WAAW,cAAc;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,OAAO,EAAE,MAAM,EAAE,CAAC;CAClB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,GAAE,iBAA+B,GAAG,cAAc,CAwBtI"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-time-input/model/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/date-time-input/model/useDateTimeSegments.d.ts

@@ -0,0 +1,27 @@
+import type { ChangeEvent, FocusEvent, KeyboardEvent } from "react";
+import type { DateTimeInputMode } from "../lib";
+interface UseDateTimeSegmentsOptions {
+    value: Date | null | undefined;
+    onChange: (value: Date | null) => void;
+    onClearError?: () => void;
+    disabled?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    mode?: DateTimeInputMode;
+}
+/**
+ * Управляет сегментным вводом фиксированного формата даты-времени или только времени.
+ */
+export declare function useDateTimeSegments({ value, onChange, onClearError, disabled, minDate, maxDate, mode }: UseDateTimeSegmentsOptions): {
+    segments: import("@ryuzaki13/react-foundation-lib/date-segments").DateMaskSegment[];
+    segmentValues: Map<number, string>;
+    registerRef: (index: number) => (element: HTMLInputElement | null) => void;
+    handleInput: (index: number) => (event: ChangeEvent<HTMLInputElement>) => void;
+    handleKeyDown: (index: number) => (event: KeyboardEvent<HTMLInputElement>) => void;
+    handleFocus: () => (event: FocusEvent<HTMLInputElement>) => void;
+    handleContainerFocus: () => void;
+    handleContainerBlur: () => void;
+    focusFirstEmpty: () => void;
+};
+export {};
+//# sourceMappingURL=useDateTimeSegments.d.ts.map

package/dist/date-time-input/model/useDateTimeSegments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDateTimeSegments.d.ts","sourceRoot":"","sources":["../../../src/date-time-input/model/useDateTimeSegments.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAapE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAEhD,UAAU,0BAA0B;IACnC,KAAK,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,IAAI,CAAC,EAAE,iBAAiB,CAAC;CACzB;AAcD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,OAAO,EACP,IAAkB,EAClB,EAAE,0BAA0B;;;yBAoFnB,MAAM,eAAe,gBAAgB,GAAG,IAAI;yBAe5C,MAAM,aAAa,WAAW,CAAC,gBAAgB,CAAC;2BA6BhD,MAAM,aAAa,aAAa,CAAC,gBAAgB,CAAC;+BA2E5C,UAAU,CAAC,gBAAgB,CAAC;;;;EA4D3C"}

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

@@ -0,0 +1,95 @@
+import { SingleDateTimeInput } from "../ui/SingleDateTimeInput";
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: typeof SingleDateTimeInput;
+    args: {
+        value: null;
+        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;
+        };
+        minDate: {
+            description: string;
+            control: "date";
+        };
+        maxDate: {
+            description: string;
+            control: "date";
+        };
+        error: {
+            description: string;
+            control: "text";
+        };
+        onClearError: {
+            description: string;
+            control: false;
+        };
+        size: {
+            description: string;
+            control: "select";
+            options: string[];
+        };
+        disabled: {
+            description: string;
+            control: "boolean";
+        };
+        timePanelPlacement: {
+            description: string;
+            control: "inline-radio";
+            options: string[];
+        };
+        mode: {
+            description: string;
+            control: "inline-radio";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Демонстрирует основной сценарий выбора даты и времени с точностью до минуты.
+ */
+export declare const Default: Story;
+/**
+ * Демонстрирует режим выбора только времени на технической дате `1970-01-01`.
+ */
+export declare const TimeOnly: Story;
+/**
+ * Показывает пустое контролируемое значение.
+ */
+export declare const Empty: Story;
+/**
+ * Демонстрирует ограничение диапазона и синхронизацию календаря со временем.
+ */
+export declare const WithLimits: Story;
+/**
+ * Демонстрирует размещение wheel-панели справа от календаря.
+ */
+export declare const WithRightPanel: Story;
+//# sourceMappingURL=SingleDateTimeInput.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SingleDateTimeInput.stories.d.ts","sourceRoot":"","sources":["../../../src/date-time-input/stories/SingleDateTimeInput.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqEkC,CAAC;AAE7C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAwBrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAyBtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAWnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAU5B,CAAC"}

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

@@ -0,0 +1,195 @@
+import { t as e } from "../../chunks/SingleDateTimeInput-CwvIbwje.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useState as r } from "react";
+import { formatDateAsDateTime as i, formatDateAsODataDatetime as a, formatDateAsTime as o } from "@ryuzaki13/react-foundation-lib/formatters";
+//#region src/date-time-input/stories/SingleDateTimeInput.stories.tsx
+var s = {
+	title: "Shared/UI/SingleDateTimeInput",
+	component: e,
+	args: {
+		value: null,
+		onChange: () => {}
+	},
+	parameters: {
+		atomicCanvas: !0,
+		layout: "padded"
+	},
+	tags: ["autodocs"],
+	argTypes: {
+		label: {
+			description: "Заголовок поля даты и времени.",
+			control: "text"
+		},
+		description: {
+			description: "Описание под заголовком поля.",
+			control: "text"
+		},
+		placeholder: {
+			description: "Текстовая подсказка для сегментного ввода.",
+			control: "text"
+		},
+		value: {
+			description: "Текущее значение в виде `Date | null`.",
+			control: !1
+		},
+		onChange: {
+			description: "Вызывается при вводе или выборе валидной даты-времени.",
+			control: !1
+		},
+		minDate: {
+			description: "Минимально допустимая дата-время.",
+			control: "date"
+		},
+		maxDate: {
+			description: "Максимально допустимая дата-время.",
+			control: "date"
+		},
+		error: {
+			description: "Текст внешней ошибки под полем.",
+			control: "text"
+		},
+		onClearError: {
+			description: "Сбрасывает внешнюю ошибку при ручном вводе и выборе в picker.",
+			control: !1
+		},
+		size: {
+			description: "Размер поля и подписи.",
+			control: "select",
+			options: [
+				"xs",
+				"sm",
+				"md",
+				"lg",
+				"xl"
+			]
+		},
+		disabled: {
+			description: "Блокирует сегментный ввод и popover picker.",
+			control: "boolean"
+		},
+		timePanelPlacement: {
+			description: "Размещение панели выбора времени относительно календаря.",
+			control: "inline-radio",
+			options: ["bottom", "right"]
+		},
+		mode: {
+			description: "Режим работы поля: дата-время или только время.",
+			control: "inline-radio",
+			options: ["date-time", "time"]
+		}
+	}
+}, c = {
+	render: (o) => {
+		let [s, c] = r(o.value ?? new Date(2026, 2, 5, 9, 15, 0, 0));
+		return /* @__PURE__ */ n("div", { children: [
+			/* @__PURE__ */ t(e, {
+				...o,
+				value: s,
+				onChange: c
+			}),
+			/* @__PURE__ */ n("p", { children: [
+				"Вывод значения через ",
+				/* @__PURE__ */ t("code", {
+					className: "statusInfo",
+					children: "formatDateAsDateTime(value)"
+				}),
+				":"
+			] }),
+			/* @__PURE__ */ t("pre", { children: i(s) }),
+			/* @__PURE__ */ n("p", { children: [
+				"Вывод значения через ",
+				/* @__PURE__ */ t("code", {
+					className: "statusInfo",
+					children: "formatDateAsODataDatetime(value)"
+				}),
+				":"
+			] }),
+			/* @__PURE__ */ t("pre", { children: a(s) })
+		] });
+	},
+	args: {
+		label: "Дата и время",
+		description: "Фиксированный формат: дд.мм.гггг чч:мм",
+		placeholder: "дд.мм.гггг чч:мм",
+		timePanelPlacement: "bottom"
+	}
+}, l = {
+	render: (i) => {
+		let [a, s] = r(new Date(1970, 0, 1, 9, 15, 0, 0));
+		return /* @__PURE__ */ n("div", { children: [
+			/* @__PURE__ */ t(e, {
+				...i,
+				value: a,
+				onChange: s
+			}),
+			/* @__PURE__ */ n("p", { children: [
+				"Вывод значения через ",
+				/* @__PURE__ */ t("code", {
+					className: "statusInfo",
+					children: "formatDateAsTime(value)"
+				}),
+				":"
+			] }),
+			/* @__PURE__ */ t("pre", { children: o(a) }),
+			/* @__PURE__ */ t("p", { children: "Техническая дата значения всегда фиксируется как 01.01.1970." }),
+			/* @__PURE__ */ t("pre", { children: a ? a.toISOString() : "" })
+		] });
+	},
+	args: {
+		label: "Время",
+		description: "Режим только времени с маской чч:мм и wheel-picker без календаря.",
+		placeholder: "чч:мм",
+		mode: "time",
+		minDate: new Date(2026, 2, 10, 9, 15, 0, 0),
+		maxDate: new Date(2026, 2, 10, 18, 30, 0, 0)
+	}
+}, u = {
+	render: (n) => {
+		let [i, a] = r(null);
+		return /* @__PURE__ */ t(e, {
+			...n,
+			value: i,
+			onChange: a
+		});
+	},
+	args: {
+		label: "Пустое значение",
+		description: "Поле можно заполнить вручную или через popover picker.",
+		placeholder: "дд.мм.гггг чч:мм",
+		timePanelPlacement: "bottom"
+	}
+}, d = {
+	render: (n) => {
+		let [i, a] = r(new Date(2026, 2, 10, 12, 30, 0, 0));
+		return /* @__PURE__ */ t(e, {
+			...n,
+			value: i,
+			onChange: a
+		});
+	},
+	args: {
+		label: "Дата отгрузки",
+		description: "Доступен только интервал с 10 по 12 марта 2026 года.",
+		minDate: new Date(2026, 2, 10, 9, 0, 0, 0),
+		maxDate: new Date(2026, 2, 12, 18, 30, 0, 0),
+		timePanelPlacement: "bottom"
+	}
+}, f = {
+	render: (n) => {
+		let [i, a] = r(new Date(2026, 2, 10, 12, 30, 0, 0));
+		return /* @__PURE__ */ t(e, {
+			...n,
+			value: i,
+			onChange: a
+		});
+	},
+	args: {
+		label: "Дата и время",
+		description: "Wheel-панель времени расположена справа от календаря.",
+		timePanelPlacement: "right"
+	}
+};
+//#endregion
+export { c as Default, u as Empty, l as TimeOnly, d as WithLimits, f as WithRightPanel, s as default };
+
+//# sourceMappingURL=SingleDateTimeInput.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SingleDateTimeInput.stories.js","names":[],"sources":["../../../src/date-time-input/stories/SingleDateTimeInput.stories.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { formatDateAsDateTime, formatDateAsODataDatetime, formatDateAsTime } from \"@ryuzaki13/react-foundation-lib/formatters\";\n\nimport { SingleDateTimeInput } from \"../ui/SingleDateTimeInput\";\n\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nconst meta = {\n\ttitle: \"Shared/UI/SingleDateTimeInput\",\n\tcomponent: SingleDateTimeInput,\n\targs: {\n\t\tvalue: null,\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: \"Текущее значение в виде `Date | null`.\",\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\tminDate: {\n\t\t\tdescription: \"Минимально допустимая дата-время.\",\n\t\t\tcontrol: \"date\"\n\t\t},\n\t\tmaxDate: {\n\t\t\tdescription: \"Максимально допустимая дата-время.\",\n\t\t\tcontrol: \"date\"\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: \"Сбрасывает внешнюю ошибку при ручном вводе и выборе в picker.\",\n\t\t\tcontrol: false\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\tdisabled: {\n\t\t\tdescription: \"Блокирует сегментный ввод и popover picker.\",\n\t\t\tcontrol: \"boolean\"\n\t\t},\n\t\ttimePanelPlacement: {\n\t\t\tdescription: \"Размещение панели выбора времени относительно календаря.\",\n\t\t\tcontrol: \"inline-radio\",\n\t\t\toptions: [\"bottom\", \"right\"]\n\t\t},\n\t\tmode: {\n\t\t\tdescription: \"Режим работы поля: дата-время или только время.\",\n\t\t\tcontrol: \"inline-radio\",\n\t\t\toptions: [\"date-time\", \"time\"]\n\t\t}\n\t}\n} satisfies Meta<typeof SingleDateTimeInput>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n/**\n * Демонстрирует основной сценарий выбора даты и времени с точностью до минуты.\n */\nexport const Default: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<Date | null>(args.value ?? new Date(2026, 2, 5, 9, 15, 0, 0));\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t<SingleDateTimeInput {...args} value={value} onChange={setValue} />\n\n\t\t\t\t<p>\n\t\t\t\t\tВывод значения через <code className=\"statusInfo\">formatDateAsDateTime(value)</code>:\n\t\t\t\t</p>\n\t\t\t\t<pre>{formatDateAsDateTime(value)}</pre>\n\t\t\t\t<p>\n\t\t\t\t\tВывод значения через <code className=\"statusInfo\">formatDateAsODataDatetime(value)</code>:\n\t\t\t\t</p>\n\t\t\t\t<pre>{formatDateAsODataDatetime(value)}</pre>\n\t\t\t</div>\n\t\t);\n\t},\n\targs: {\n\t\tlabel: \"Дата и время\",\n\t\tdescription: \"Фиксированный формат: дд.мм.гггг чч:мм\",\n\t\tplaceholder: \"дд.мм.гггг чч:мм\",\n\t\ttimePanelPlacement: \"bottom\"\n\t}\n};\n\n/**\n * Демонстрирует режим выбора только времени на технической дате `1970-01-01`.\n */\nexport const TimeOnly: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<Date | null>(new Date(1970, 0, 1, 9, 15, 0, 0));\n\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t<SingleDateTimeInput {...args} value={value} onChange={setValue} />\n\n\t\t\t\t<p>\n\t\t\t\t\tВывод значения через <code className=\"statusInfo\">formatDateAsTime(value)</code>:\n\t\t\t\t</p>\n\t\t\t\t<pre>{formatDateAsTime(value)}</pre>\n\t\t\t\t<p>Техническая дата значения всегда фиксируется как 01.01.1970.</p>\n\t\t\t\t<pre>{value ? value.toISOString() : \"\"}</pre>\n\t\t\t</div>\n\t\t);\n\t},\n\targs: {\n\t\tlabel: \"Время\",\n\t\tdescription: \"Режим только времени с маской чч:мм и wheel-picker без календаря.\",\n\t\tplaceholder: \"чч:мм\",\n\t\tmode: \"time\",\n\t\tminDate: new Date(2026, 2, 10, 9, 15, 0, 0),\n\t\tmaxDate: new Date(2026, 2, 10, 18, 30, 0, 0)\n\t}\n};\n\n/**\n * Показывает пустое контролируемое значение.\n */\nexport const Empty: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<Date | null>(null);\n\t\treturn <SingleDateTimeInput {...args} value={value} onChange={setValue} />;\n\t},\n\targs: {\n\t\tlabel: \"Пустое значение\",\n\t\tdescription: \"Поле можно заполнить вручную или через popover picker.\",\n\t\tplaceholder: \"дд.мм.гггг чч:мм\",\n\t\ttimePanelPlacement: \"bottom\"\n\t}\n};\n\n/**\n * Демонстрирует ограничение диапазона и синхронизацию календаря со временем.\n */\nexport const WithLimits: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<Date | null>(new Date(2026, 2, 10, 12, 30, 0, 0));\n\t\treturn <SingleDateTimeInput {...args} value={value} onChange={setValue} />;\n\t},\n\targs: {\n\t\tlabel: \"Дата отгрузки\",\n\t\tdescription: \"Доступен только интервал с 10 по 12 марта 2026 года.\",\n\t\tminDate: new Date(2026, 2, 10, 9, 0, 0, 0),\n\t\tmaxDate: new Date(2026, 2, 12, 18, 30, 0, 0),\n\t\ttimePanelPlacement: \"bottom\"\n\t}\n};\n\n/**\n * Демонстрирует размещение wheel-панели справа от календаря.\n */\nexport const WithRightPanel: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<Date | null>(new Date(2026, 2, 10, 12, 30, 0, 0));\n\t\treturn <SingleDateTimeInput {...args} value={value} onChange={setValue} />;\n\t},\n\targs: {\n\t\tlabel: \"Дата и время\",\n\t\tdescription: \"Wheel-панель времени расположена справа от календаря.\",\n\t\ttimePanelPlacement: \"right\"\n\t}\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,26 @@
+import { TimePanel } from "../ui/TimePanel";
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: typeof TimePanel;
+    args: {
+        value: Date;
+        onChange: () => void;
+    };
+    parameters: {
+        atomicCanvas: boolean;
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Демонстрирует базовую wheel-панель времени.
+ */
+export declare const Default: Story;
+/**
+ * Показывает ограничение диапазона на том же календарном дне.
+ */
+export declare const WithLimits: Story;
+//# sourceMappingURL=TimePanel.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimePanel.stories.d.ts","sourceRoot":"","sources":["../../../src/date-time-input/stories/TimePanel.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,QAAA,MAAM,IAAI;;;;;;;;;;;;CAYwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAkBxB,CAAC"}

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

@@ -0,0 +1,53 @@
+import { t as e } from "../../chunks/TimePanel-_kF2RtHk.js";
+import { jsx as t } from "react/jsx-runtime";
+import { useState as n } from "react";
+//#region src/date-time-input/stories/TimePanel.stories.tsx
+var r = {
+	title: "Shared/UI/Internal/DateTime/TimePanel",
+	component: e,
+	args: {
+		value: new Date(2026, 2, 10, 12, 30, 0, 0),
+		onChange: () => {}
+	},
+	parameters: {
+		atomicCanvas: !0,
+		layout: "centered"
+	},
+	tags: ["autodocs"]
+}, i = { render: (r) => {
+	let [i, a] = n(r.value);
+	return /* @__PURE__ */ t("div", {
+		style: {
+			width: 320,
+			minHeight: 280
+		},
+		children: /* @__PURE__ */ t(e, {
+			...r,
+			value: i,
+			onChange: (e, t) => {
+				a(new Date(i.getFullYear(), i.getMonth(), i.getDate(), e, t, 0, 0));
+			}
+		})
+	});
+} }, a = { render: (r) => {
+	let [i, a] = n(new Date(2026, 2, 10, 9, 30, 0, 0));
+	return /* @__PURE__ */ t("div", {
+		style: {
+			width: 320,
+			minHeight: 280
+		},
+		children: /* @__PURE__ */ t(e, {
+			...r,
+			value: i,
+			minDate: new Date(2026, 2, 10, 9, 15, 0, 0),
+			maxDate: new Date(2026, 2, 10, 18, 30, 0, 0),
+			onChange: (e, t) => {
+				a(new Date(i.getFullYear(), i.getMonth(), i.getDate(), e, t, 0, 0));
+			}
+		})
+	});
+} };
+//#endregion
+export { i as Default, a as WithLimits, r as default };
+
+//# sourceMappingURL=TimePanel.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimePanel.stories.js","names":[],"sources":["../../../src/date-time-input/stories/TimePanel.stories.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { TimePanel } from \"../ui/TimePanel\";\n\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nconst meta = {\n\ttitle: \"Shared/UI/Internal/DateTime/TimePanel\",\n\tcomponent: TimePanel,\n\targs: {\n\t\tvalue: new Date(2026, 2, 10, 12, 30, 0, 0),\n\t\tonChange: () => {}\n\t},\n\tparameters: {\n\t\tatomicCanvas: true,\n\t\tlayout: \"centered\"\n\t},\n\ttags: [\"autodocs\"]\n} satisfies Meta<typeof TimePanel>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n/**\n * Демонстрирует базовую wheel-панель времени.\n */\nexport const Default: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<Date>(args.value);\n\n\t\treturn (\n\t\t\t<div style={{ width: 320, minHeight: 280 }}>\n\t\t\t\t<TimePanel\n\t\t\t\t\t{...args}\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tonChange={(hours, minutes) => {\n\t\t\t\t\t\tsetValue(new Date(value.getFullYear(), value.getMonth(), value.getDate(), hours, minutes, 0, 0));\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n};\n\n/**\n * Показывает ограничение диапазона на том же календарном дне.\n */\nexport const WithLimits: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<Date>(new Date(2026, 2, 10, 9, 30, 0, 0));\n\n\t\treturn (\n\t\t\t<div style={{ width: 320, minHeight: 280 }}>\n\t\t\t\t<TimePanel\n\t\t\t\t\t{...args}\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tminDate={new Date(2026, 2, 10, 9, 15, 0, 0)}\n\t\t\t\t\tmaxDate={new Date(2026, 2, 10, 18, 30, 0, 0)}\n\t\t\t\t\tonChange={(hours, minutes) => {\n\t\t\t\t\t\tsetValue(new Date(value.getFullYear(), value.getMonth(), value.getDate(), hours, minutes, 0, 0));\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n};\n"],"mappings":";;;;AAMA,IAAM,IAAO;CACZ,OAAO;CACP,WAAW;CACX,MAAM;EACL,OAAO,IAAI,KAAK,MAAM,GAAG,IAAI,IAAI,IAAI,GAAG,CAAC;EACzC,gBAAgB,CAAC;CAClB;CACA,YAAY;EACX,cAAc;EACd,QAAQ;CACT;CACA,MAAM,CAAC,UAAU;AAClB,GAQa,IAAiB,EAC7B,SAAS,MAAS;CACjB,IAAM,CAAC,GAAO,KAAY,EAAe,EAAK,KAAK;CAEnD,OACC,kBAAC,OAAD;EAAK,OAAO;GAAE,OAAO;GAAK,WAAW;EAAI;YACxC,kBAAC,GAAD;GACC,GAAI;GACG;GACP,WAAW,GAAO,MAAY;IAC7B,EAAS,IAAI,KAAK,EAAM,YAAY,GAAG,EAAM,SAAS,GAAG,EAAM,QAAQ,GAAG,GAAO,GAAS,GAAG,CAAC,CAAC;GAChG;EACA,CAAA;CACG,CAAA;AAEP,EACD,GAKa,IAAoB,EAChC,SAAS,MAAS;CACjB,IAAM,CAAC,GAAO,KAAY,EAAe,IAAI,KAAK,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,CAAC,CAAC;CAE3E,OACC,kBAAC,OAAD;EAAK,OAAO;GAAE,OAAO;GAAK,WAAW;EAAI;YACxC,kBAAC,GAAD;GACC,GAAI;GACG;GACP,SAAS,IAAI,KAAK,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,CAAC;GAC1C,SAAS,IAAI,KAAK,MAAM,GAAG,IAAI,IAAI,IAAI,GAAG,CAAC;GAC3C,WAAW,GAAO,MAAY;IAC7B,EAAS,IAAI,KAAK,EAAM,YAAY,GAAG,EAAM,SAAS,GAAG,EAAM,QAAQ,GAAG,GAAO,GAAS,GAAG,CAAC,CAAC;GAChG;EACA,CAAA;CACG,CAAA;AAEP,EACD"}

package/dist/date-time-input/ui/SingleDateTimeInput.d.ts

@@ -0,0 +1,19 @@
+import { JSX } from "react";
+import { UiBaseProps } from "../../types";
+import type { DateTimeInputMode } from "../lib";
+interface BaseSingleDateTimeInputProps {
+    error?: string;
+    onClearError?: () => void;
+    minDate?: Date;
+    maxDate?: Date;
+    timePanelPlacement?: "bottom" | "right";
+    mode?: DateTimeInputMode;
+}
+export interface SingleDateTimeInputProps extends BaseSingleDateTimeInputProps, UiBaseProps<Date | null> {
+}
+/**
+ * Поле выбора даты-времени со строгой сегментной маской и popover-пикером.
+ */
+export declare function SingleDateTimeInput({ value, onChange, label, description, placeholder, disabled, size, error, onClearError, minDate, maxDate, timePanelPlacement, mode }: SingleDateTimeInputProps): JSX.Element;
+export {};
+//# sourceMappingURL=SingleDateTimeInput.d.ts.map

package/dist/date-time-input/ui/SingleDateTimeInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleDateTimeInput.d.ts","sourceRoot":"","sources":["../../../src/date-time-input/ui/SingleDateTimeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAgD,MAAM,OAAO,CAAC;AAW1E,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAe1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAEhD,UAAU,4BAA4B;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,kBAAkB,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IACxC,IAAI,CAAC,EAAE,iBAAiB,CAAC;CACzB;AAED,MAAM,WAAW,wBAAyB,SAAQ,4BAA4B,EAAE,WAAW,CAAC,IAAI,GAAG,IAAI,CAAC;CAAG;AAE3G;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAW,EACX,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,OAAO,EACP,OAAO,EACP,kBAA4B,EAC5B,IAAkB,EAClB,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CA0OxC"}

package/dist/date-time-input/ui/TimePanel.d.ts

@@ -0,0 +1,17 @@
+import type { DateTimeInputMode } from "../lib";
+/**
+ * Пропсы панели выбора времени.
+ */
+export interface TimePanelProps {
+    value: Date;
+    disabled?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    mode?: DateTimeInputMode;
+    onChange: (hours: number, minutes: number) => void;
+}
+/**
+ * Переиспользуемая панель выбора времени поверх internal wheel-picker.
+ */
+export declare function TimePanel({ value, disabled, minDate, maxDate, mode, onChange }: TimePanelProps): import("react").JSX.Element;
+//# sourceMappingURL=TimePanel.d.ts.map

package/dist/date-time-input/ui/TimePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePanel.d.ts","sourceRoot":"","sources":["../../../src/date-time-input/ui/TimePanel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,cAAc;IAC9B,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,IAAkB,EAAE,QAAQ,EAAE,EAAE,cAAc,+BA+C5G"}

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

@@ -0,0 +1,2 @@
+export { SingleDateTimeInput, type SingleDateTimeInputProps } from "./SingleDateTimeInput";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-time-input/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/detail/Detail.d.ts

@@ -0,0 +1,36 @@
+import { FC, ReactNode } from "react";
+export type DetailType = "detail" | "list";
+export interface DetailContextType {
+    semantic?: DetailType;
+    inline?: boolean;
+    center?: boolean;
+    vertical?: "start" | "center" | "end";
+    noWrap?: boolean;
+    withColon?: boolean;
+}
+export interface DetailItemProps {
+    label: ReactNode;
+    value: ReactNode;
+    withColon?: boolean;
+    required?: boolean;
+}
+export interface DetailProps {
+    columnCount?: number;
+    rowGap?: "none" | "small" | "normal" | "large";
+    children: ReactNode;
+    className?: string;
+    semantic?: DetailType;
+    inline?: boolean;
+    center?: boolean;
+    vertical?: "start" | "center" | "end";
+    noWrap?: boolean;
+    withColon?: boolean;
+}
+export interface DetailComponent extends FC<DetailProps> {
+    Item: FC<DetailItemProps>;
+}
+/**
+ * Компонент для вывода пар «заголовок-значение» в одну или несколько колонок. Подходит для карточек сущностей, сводок и страниц просмотра.
+ */
+export declare const Detail: DetailComponent;
+//# sourceMappingURL=Detail.d.ts.map

package/dist/detail/Detail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Detail.d.ts","sourceRoot":"","sources":["../../src/detail/Detail.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAMhF,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3C,MAAM,WAAW,iBAAiB;IACjC,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAID,MAAM,WAAW,eAAe;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAyCD,MAAM,WAAW,WAAW;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAgB,SAAQ,EAAE,CAAC,WAAW,CAAC;IACvD,IAAI,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,eAepB,CAAC"}