@ryuzaki13/react-foundation-ui 0.1.0

package/dist/context-menu/stories/ContextMenu.stories.js

@@ -0,0 +1,136 @@
+import { n as e, t } from "../../chunks/DropdownMenu-Ds-trH4M.js";
+import { Copy as n, Eye as r, PencilLine as i, Pin as a, Settings2 as o, Trash2 as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useState as u } from "react";
+//#region src/context-menu/stories/ContextMenu.stories.tsx
+var d = {
+	title: "Shared/UI/ContextMenu",
+	parameters: {
+		atomicCanvas: !0,
+		layout: "centered"
+	},
+	tags: ["autodocs"]
+}, f = {
+	name: "DropdownMenu / Базовый",
+	render: () => /* @__PURE__ */ l(t, { children: [/* @__PURE__ */ c(t.Trigger, { children: /* @__PURE__ */ c("button", {
+		type: "button",
+		children: "Действия"
+	}) }), /* @__PURE__ */ l(t.Content, { children: [
+		/* @__PURE__ */ c(t.GroupLabel, { children: "Файл" }),
+		/* @__PURE__ */ c(t.Item, {
+			icon: /* @__PURE__ */ c(i, { size: 14 }),
+			hotKey: "Ctrl+E",
+			children: "Редактировать"
+		}),
+		/* @__PURE__ */ c(t.Item, {
+			icon: /* @__PURE__ */ c(n, { size: 14 }),
+			hotKey: "Ctrl+C",
+			children: "Копировать"
+		}),
+		/* @__PURE__ */ c(t.Separator, {}),
+		/* @__PURE__ */ c(t.Item, {
+			icon: /* @__PURE__ */ c(s, { size: 14 }),
+			hotKey: "Del",
+			children: "Удалить"
+		})
+	] })] })
+}, p = {
+	name: "ContextMenu / По правому клику",
+	render: () => /* @__PURE__ */ l(e, { children: [/* @__PURE__ */ c(e.Trigger, { children: /* @__PURE__ */ l("div", {
+		style: {
+			width: 300,
+			height: 180,
+			display: "grid",
+			placeItems: "center",
+			border: "1px dashed var(--border-1)",
+			borderRadius: "var(--radius-sm)",
+			background: "var(--surface-1)",
+			padding: 16,
+			textAlign: "center"
+		},
+		children: [
+			"Нажмите правой кнопкой мыши",
+			/* @__PURE__ */ c("br", {}),
+			"или Shift+F10"
+		]
+	}) }), /* @__PURE__ */ l(e.Content, { children: [
+		/* @__PURE__ */ c(e.Item, {
+			icon: /* @__PURE__ */ c(i, { size: 14 }),
+			children: "Переименовать"
+		}),
+		/* @__PURE__ */ c(e.Item, {
+			icon: /* @__PURE__ */ c(n, { size: 14 }),
+			children: "Дублировать"
+		}),
+		/* @__PURE__ */ c(e.Separator, {}),
+		/* @__PURE__ */ c(e.Item, {
+			icon: /* @__PURE__ */ c(s, { size: 14 }),
+			children: "Переместить в корзину"
+		})
+	] })] })
+}, m = {
+	name: "ContextMenu / Радиальное меню",
+	render: () => /* @__PURE__ */ l(e, { children: [/* @__PURE__ */ c(e.Trigger, { children: /* @__PURE__ */ l("div", {
+		style: {
+			width: 360,
+			height: 220,
+			display: "grid",
+			placeItems: "center",
+			border: "1px dashed var(--border-1)",
+			borderRadius: "var(--radius-sm)",
+			background: "var(--surface-1)",
+			padding: 16,
+			textAlign: "center"
+		},
+		children: [
+			"Нажмите правой кнопкой мыши",
+			/* @__PURE__ */ c("br", {}),
+			"или Shift+F10"
+		]
+	}) }), /* @__PURE__ */ l(e.RadialContent, { children: [
+		/* @__PURE__ */ c(e.RadialItem, {
+			icon: /* @__PURE__ */ c(i, {}),
+			children: "Править"
+		}),
+		/* @__PURE__ */ c(e.RadialItem, {
+			icon: /* @__PURE__ */ c(n, {}),
+			children: "Копия"
+		}),
+		/* @__PURE__ */ c(e.RadialItem, {
+			icon: /* @__PURE__ */ c(a, {}),
+			children: "Закрепить"
+		}),
+		/* @__PURE__ */ c(e.RadialItem, {
+			icon: /* @__PURE__ */ c(r, {}),
+			children: "Просмотр"
+		}),
+		/* @__PURE__ */ c(e.RadialItem, {
+			icon: /* @__PURE__ */ c(o, {}),
+			children: "Опции"
+		}),
+		/* @__PURE__ */ c(e.RadialItem, {
+			icon: /* @__PURE__ */ c(s, {}),
+			children: "Удалить"
+		})
+	] })] })
+}, h = {
+	name: "DropdownMenu / Контролируемый",
+	render: () => {
+		let [e, n] = u(!1);
+		return /* @__PURE__ */ l(t, {
+			open: e,
+			onOpenChange: n,
+			children: [/* @__PURE__ */ c(t.Trigger, { children: /* @__PURE__ */ c("button", {
+				type: "button",
+				children: e ? "Скрыть меню" : "Показать меню"
+			}) }), /* @__PURE__ */ c(t.Content, { children: /* @__PURE__ */ c(t.Item, {
+				onSelect: () => n(!1),
+				children: "Закрыть"
+			}) })]
+		});
+	}
+};
+//#endregion
+export { p as ContextMenuBasic, m as ContextMenuRadial, h as ControlledDropdown, f as DropdownMenuBasic, d as default };
+
+//# sourceMappingURL=ContextMenu.stories.js.map

package/dist/context-menu/stories/ContextMenu.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.stories.js","names":[],"sources":["../../../src/context-menu/stories/ContextMenu.stories.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { Copy, Eye, PencilLine, Pin, Settings2, Trash2 } from \"lucide-react\";\n\nimport { ContextMenu } from \"../components/ContextMenu\";\nimport { DropdownMenu } from \"../components/DropdownMenu\";\n\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nconst meta = {\n\ttitle: \"Shared/UI/ContextMenu\",\n\tparameters: {\n\t\tatomicCanvas: true,\n\t\tlayout: \"centered\"\n\t},\n\ttags: [\"autodocs\"]\n} satisfies Meta;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const DropdownMenuBasic: Story = {\n\tname: \"DropdownMenu / Базовый\",\n\trender: () => (\n\t\t<DropdownMenu>\n\t\t\t<DropdownMenu.Trigger>\n\t\t\t\t<button type=\"button\">Действия</button>\n\t\t\t</DropdownMenu.Trigger>\n\t\t\t<DropdownMenu.Content>\n\t\t\t\t<DropdownMenu.GroupLabel>Файл</DropdownMenu.GroupLabel>\n\t\t\t\t<DropdownMenu.Item icon={<PencilLine size={14} />} hotKey=\"Ctrl+E\">\n\t\t\t\t\tРедактировать\n\t\t\t\t</DropdownMenu.Item>\n\t\t\t\t<DropdownMenu.Item icon={<Copy size={14} />} hotKey=\"Ctrl+C\">\n\t\t\t\t\tКопировать\n\t\t\t\t</DropdownMenu.Item>\n\t\t\t\t<DropdownMenu.Separator />\n\t\t\t\t<DropdownMenu.Item icon={<Trash2 size={14} />} hotKey=\"Del\">\n\t\t\t\t\tУдалить\n\t\t\t\t</DropdownMenu.Item>\n\t\t\t</DropdownMenu.Content>\n\t\t</DropdownMenu>\n\t)\n};\n\nexport const ContextMenuBasic: Story = {\n\tname: \"ContextMenu / По правому клику\",\n\trender: () => (\n\t\t<ContextMenu>\n\t\t\t<ContextMenu.Trigger>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\twidth: 300,\n\t\t\t\t\t\theight: 180,\n\t\t\t\t\t\tdisplay: \"grid\",\n\t\t\t\t\t\tplaceItems: \"center\",\n\t\t\t\t\t\tborder: \"1px dashed var(--border-1)\",\n\t\t\t\t\t\tborderRadius: \"var(--radius-sm)\",\n\t\t\t\t\t\tbackground: \"var(--surface-1)\",\n\t\t\t\t\t\tpadding: 16,\n\t\t\t\t\t\ttextAlign: \"center\"\n\t\t\t\t\t}}>\n\t\t\t\t\tНажмите правой кнопкой мыши\n\t\t\t\t\t<br />\n\t\t\t\t\tили Shift+F10\n\t\t\t\t</div>\n\t\t\t</ContextMenu.Trigger>\n\t\t\t<ContextMenu.Content>\n\t\t\t\t<ContextMenu.Item icon={<PencilLine size={14} />}>Переименовать</ContextMenu.Item>\n\t\t\t\t<ContextMenu.Item icon={<Copy size={14} />}>Дублировать</ContextMenu.Item>\n\t\t\t\t<ContextMenu.Separator />\n\t\t\t\t<ContextMenu.Item icon={<Trash2 size={14} />}>Переместить в корзину</ContextMenu.Item>\n\t\t\t</ContextMenu.Content>\n\t\t</ContextMenu>\n\t)\n};\n\nexport const ContextMenuRadial: Story = {\n\tname: \"ContextMenu / Радиальное меню\",\n\trender: () => (\n\t\t<ContextMenu>\n\t\t\t<ContextMenu.Trigger>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\twidth: 360,\n\t\t\t\t\t\theight: 220,\n\t\t\t\t\t\tdisplay: \"grid\",\n\t\t\t\t\t\tplaceItems: \"center\",\n\t\t\t\t\t\tborder: \"1px dashed var(--border-1)\",\n\t\t\t\t\t\tborderRadius: \"var(--radius-sm)\",\n\t\t\t\t\t\tbackground: \"var(--surface-1)\",\n\t\t\t\t\t\tpadding: 16,\n\t\t\t\t\t\ttextAlign: \"center\"\n\t\t\t\t\t}}>\n\t\t\t\t\tНажмите правой кнопкой мыши\n\t\t\t\t\t<br />\n\t\t\t\t\tили Shift+F10\n\t\t\t\t</div>\n\t\t\t</ContextMenu.Trigger>\n\t\t\t<ContextMenu.RadialContent>\n\t\t\t\t<ContextMenu.RadialItem icon={<PencilLine />}>Править</ContextMenu.RadialItem>\n\t\t\t\t<ContextMenu.RadialItem icon={<Copy />}>Копия</ContextMenu.RadialItem>\n\t\t\t\t<ContextMenu.RadialItem icon={<Pin />}>Закрепить</ContextMenu.RadialItem>\n\t\t\t\t<ContextMenu.RadialItem icon={<Eye />}>Просмотр</ContextMenu.RadialItem>\n\t\t\t\t<ContextMenu.RadialItem icon={<Settings2 />}>Опции</ContextMenu.RadialItem>\n\t\t\t\t<ContextMenu.RadialItem icon={<Trash2 />}>Удалить</ContextMenu.RadialItem>\n\t\t\t</ContextMenu.RadialContent>\n\t\t</ContextMenu>\n\t)\n};\n\nexport const ControlledDropdown: Story = {\n\tname: \"DropdownMenu / Контролируемый\",\n\trender: () => {\n\t\tconst [open, setOpen] = useState(false);\n\n\t\treturn (\n\t\t\t<DropdownMenu open={open} onOpenChange={setOpen}>\n\t\t\t\t<DropdownMenu.Trigger>\n\t\t\t\t\t<button type=\"button\">{open ? \"Скрыть меню\" : \"Показать меню\"}</button>\n\t\t\t\t</DropdownMenu.Trigger>\n\t\t\t\t<DropdownMenu.Content>\n\t\t\t\t\t<DropdownMenu.Item onSelect={() => setOpen(false)}>Закрыть</DropdownMenu.Item>\n\t\t\t\t</DropdownMenu.Content>\n\t\t\t</DropdownMenu>\n\t\t);\n\t}\n};\n"],"mappings":"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"}

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

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

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

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

package/dist/date-input/index.js

@@ -0,0 +1,3 @@
+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/CalendarView-B75faWIU.js";
+import { a as c, c as l, d as u, f as d, h as f, i as p, l as m, m as h, n as g, o as _, p as v, r as y, s as b, t as x, u as S } from "../chunks/DateInput-CINDYueM.js";
+export { s as CalendarView, r as DATE_INPUT_SELECTION_MODES, a as DATE_INPUT_WEEK_END_DAYS, n as DATE_PICKER_LEVELS, y as DEFAULT_DATE_INPUT_FORMAT, p as DEFAULT_DATE_INPUT_PRESET, x as RangeDateInput, g as SingleDateInput, c as areRangeDateValuesEqual, _ as areSingleDateValuesEqual, b as formatDateInputValue, l as formatRangeDateValue, m as formatSingleDateValue, e as getDatePickerLevelForSelectionMode, i as isDatePickerLevelAvailable, S as normalizeRangeDateValue, u as normalizeRangeEndDateValue, d as normalizeSingleDateValue, v as parseRangeDateValue, h as parseRangeEndDateValue, f as parseSingleDateValue, o as resolveAvailableDatePickerLevel, t as resolveDateInputPeriodRangeState };

package/dist/date-input/lib/dateInputCalendar.d.ts

@@ -0,0 +1,35 @@
+import { type CalendarPeriodOptions, type DateRangeInput } from "@ryuzaki13/react-foundation-lib/formatters";
+import type { DateInputSelectionMode, DatePickerLevel } from "./types";
+export declare const DATE_PICKER_LEVELS: readonly ["day", "month", "year"];
+export declare const DATE_INPUT_SELECTION_MODES: readonly ["day", "week", "month", "year"];
+export declare const DATE_INPUT_WEEK_END_DAYS: readonly ["friday", "saturday", "sunday"];
+/**
+ * Возвращает календарный вид, который удобнее всего открывать для выбранного размера периода.
+ */
+export declare function getDatePickerLevelForSelectionMode(selectionMode: DateInputSelectionMode): DatePickerLevel;
+/**
+ * Проверяет, разрешён ли календарный вид относительно минимального уровня навигации.
+ */
+export declare function isDatePickerLevelAvailable(level: DatePickerLevel, minLevel: DatePickerLevel): boolean;
+/**
+ * Подбирает вид календаря для режима выбора с учётом ограничения `datePickerLevel`.
+ */
+export declare function resolveAvailableDatePickerLevel(selectionMode: DateInputSelectionMode, minLevel: DatePickerLevel): DatePickerLevel;
+export interface DateInputPeriodRangeStateOptions {
+    readonly date: Date;
+    readonly value: DateRangeInput;
+    readonly hoveredDate?: Date | null;
+    readonly selectsRange?: boolean;
+    readonly selectionOptions?: CalendarPeriodOptions;
+}
+export interface DateInputPeriodRangeState {
+    readonly selected: boolean;
+    readonly range: boolean;
+    readonly rangeStart: boolean;
+    readonly rangeEnd: boolean;
+}
+/**
+ * Рассчитывает visual-state ячейки календарного периода для single/range режима.
+ */
+export declare function resolveDateInputPeriodRangeState({ date, value, hoveredDate, selectsRange, selectionOptions }: DateInputPeriodRangeStateOptions): DateInputPeriodRangeState;
+//# sourceMappingURL=dateInputCalendar.d.ts.map

package/dist/date-input/lib/dateInputCalendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateInputCalendar.d.ts","sourceRoot":"","sources":["../../../src/date-input/lib/dateInputCalendar.ts"],"names":[],"mappings":"AAAA,OAAO,EAIN,KAAK,qBAAqB,EAC1B,KAAK,cAAc,EAEnB,MAAM,4CAA4C,CAAC;AAEpD,OAAO,KAAK,EAAE,sBAAsB,EAAuB,eAAe,EAAE,MAAM,SAAS,CAAC;AAE5F,eAAO,MAAM,kBAAkB,mCAAyE,CAAC;AACzG,eAAO,MAAM,0BAA0B,2CAAwF,CAAC;AAChI,eAAO,MAAM,wBAAwB,2CAAqF,CAAC;AAE3H;;GAEG;AACH,wBAAgB,kCAAkC,CAAC,aAAa,EAAE,sBAAsB,GAAG,eAAe,CAKzG;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,GAAG,OAAO,CAErG;AAED;;GAEG;AACH,wBAAgB,+BAA+B,CAAC,aAAa,EAAE,sBAAsB,EAAE,QAAQ,EAAE,eAAe,GAAG,eAAe,CAIjI;AAED,MAAM,WAAW,gCAAgC;IAChD,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC;IAC/B,QAAQ,CAAC,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;CAClD;AAED,MAAM,WAAW,yBAAyB;IACzC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;CAC3B;AAqBD;;GAEG;AACH,wBAAgB,gCAAgC,CAAC,EAChD,IAAI,EACJ,KAAK,EACL,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,EAAE,gCAAgC,GAAG,yBAAyB,CA2B9D"}

package/dist/date-input/lib/dateInputValue.d.ts

@@ -0,0 +1,81 @@
+import { type CalendarPeriodOptions, type DateFormatPrecision, type DateRangeInput, type NullableDateRange } from "@ryuzaki13/react-foundation-lib/formatters";
+/**
+ * Пресет даты по умолчанию для текстового поля.
+ */
+export declare const DEFAULT_DATE_INPUT_PRESET: "date";
+/**
+ * @deprecated Используйте `DEFAULT_DATE_INPUT_PRESET`.
+ */
+export declare const DEFAULT_DATE_INPUT_FORMAT = "dd.MM.yyyy";
+export type DateInputValueOptions = {
+    /**
+     * Имя пресета форматирования даты.
+     */
+    datePreset?: string;
+    /**
+     * @deprecated Используйте `datePreset`.
+     */
+    dateFormat?: string;
+    /**
+     * Точность календарного значения.
+     */
+    datePickerLevel?: DateFormatPrecision;
+    /**
+     * Размер периода, который выбирается и нормализуется полем.
+     */
+    selectionMode?: CalendarPeriodOptions["selectionMode"];
+    /**
+     * Последний включённый день недели для режима выбора недели.
+     */
+    weekEndDay?: CalendarPeriodOptions["weekEndDay"];
+    /**
+     * Опорная дата для пресетов без года, например `month-long`.
+     */
+    referenceDate?: Date;
+};
+export type DateInputValueOptionsInput = string | DateInputValueOptions | undefined;
+/**
+ * Приводит одиночную дату к началу выбранного календарного периода.
+ */
+export declare function normalizeSingleDateValue(date: Date | null, options?: DateInputValueOptions): Date | null;
+/**
+ * Приводит диапазон дат к границам выбранных календарных периодов.
+ */
+export declare function normalizeRangeDateValue(range: NullableDateRange | null, options?: DateInputValueOptions): NullableDateRange | null;
+/**
+ * Приводит конечную дату диапазона к концу выбранного календарного периода.
+ */
+export declare function normalizeRangeEndDateValue(date: Date | null, options?: DateInputValueOptions): Date | null;
+/**
+ * Сравнивает одиночные даты после нормализации к точности поля ввода.
+ */
+export declare function areSingleDateValuesEqual(left: Date | null, right: Date | null, options?: DateInputValueOptions): boolean;
+/**
+ * Сравнивает диапазоны дат после нормализации к границам выбранных периодов.
+ */
+export declare function areRangeDateValuesEqual(left: NullableDateRange | null, right: NullableDateRange | null, options?: DateInputValueOptions): boolean;
+/**
+ * Форматирует одиночную дату для текстового поля.
+ */
+export declare function formatSingleDateValue(date: Date | null, optionsOrPreset?: DateInputValueOptionsInput, datePickerLevel?: DateFormatPrecision): string;
+/**
+ * Форматирует диапазон дат для текстового поля.
+ */
+export declare function formatRangeDateValue(range: NullableDateRange | null, optionsOrPreset?: DateInputValueOptionsInput, datePickerLevel?: DateFormatPrecision): string;
+/**
+ * Унифицирует форматирование значения поля даты.
+ */
+export declare function formatDateInputValue(value: DateRangeInput, optionsOrPreset?: DateInputValueOptionsInput, datePickerLevel?: DateFormatPrecision): string;
+/**
+ * Парсит строку одиночной даты по заданному шаблону или пресету.
+ */
+export declare function parseSingleDateValue(value: string, optionsOrPreset?: DateInputValueOptionsInput, datePickerLevel?: DateFormatPrecision): Date | null;
+/**
+ * Парсит строку диапазона дат по заданному шаблону или пресету.
+ */
+export declare function parseRangeDateValue(value: string, optionsOrPreset?: DateInputValueOptionsInput, datePickerLevel?: DateFormatPrecision): NullableDateRange;
+/**
+ * Парсит конечную дату диапазона и нормализует её к концу суток.
+ */
+export declare function parseRangeEndDateValue(value: string, optionsOrPreset?: DateInputValueOptionsInput, datePickerLevel?: DateFormatPrecision): Date | null;
+//# sourceMappingURL=dateInputValue.d.ts.map

package/dist/date-input/lib/dateInputValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateInputValue.d.ts","sourceRoot":"","sources":["../../../src/date-input/lib/dateInputValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAUN,KAAK,qBAAqB,EAC1B,KAAK,mBAAmB,EAExB,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,MAAM,4CAA4C,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,yBAAyB,QAAiC,CAAC;AAExE;;GAEG;AACH,eAAO,MAAM,yBAAyB,eAAe,CAAC;AAQtD,MAAM,MAAM,qBAAqB,GAAG;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC;;OAEG;IACH,aAAa,CAAC,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAC;IACvD;;OAEG;IACH,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAC;IACjD;;OAEG;IACH,aAAa,CAAC,EAAE,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,MAAM,GAAG,qBAAqB,GAAG,SAAS,CAAC;AA2FpF;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,CAAC,EAAE,qBAAqB,GAAG,IAAI,GAAG,IAAI,CAExG;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,EAAE,OAAO,CAAC,EAAE,qBAAqB,GAAG,iBAAiB,GAAG,IAAI,CAKlI;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,CAAC,EAAE,qBAAqB,GAAG,IAAI,GAAG,IAAI,CAE1G;AAMD;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,CAAC,EAAE,qBAAqB,GAAG,OAAO,CAExH;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CACtC,IAAI,EAAE,iBAAiB,GAAG,IAAI,EAC9B,KAAK,EAAE,iBAAiB,GAAG,IAAI,EAC/B,OAAO,CAAC,EAAE,qBAAqB,GAC7B,OAAO,CAQT;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACpC,IAAI,EAAE,IAAI,GAAG,IAAI,EACjB,eAAe,CAAC,EAAE,0BAA0B,EAC5C,eAAe,CAAC,EAAE,mBAAmB,GACnC,MAAM,CAOR;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CACnC,KAAK,EAAE,iBAAiB,GAAG,IAAI,EAC/B,eAAe,CAAC,EAAE,0BAA0B,EAC5C,eAAe,CAAC,EAAE,mBAAmB,GACnC,MAAM,CAgBR;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CACnC,KAAK,EAAE,cAAc,EACrB,eAAe,CAAC,EAAE,0BAA0B,EAC5C,eAAe,CAAC,EAAE,mBAAmB,GACnC,MAAM,CAMR;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CACnC,KAAK,EAAE,MAAM,EACb,eAAe,CAAC,EAAE,0BAA0B,EAC5C,eAAe,CAAC,EAAE,mBAAmB,GACnC,IAAI,GAAG,IAAI,CAGb;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAClC,KAAK,EAAE,MAAM,EACb,eAAe,CAAC,EAAE,0BAA0B,EAC5C,eAAe,CAAC,EAAE,mBAAmB,GACnC,iBAAiB,CAKnB;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CACrC,KAAK,EAAE,MAAM,EACb,eAAe,CAAC,EAAE,0BAA0B,EAC5C,eAAe,CAAC,EAAE,mBAAmB,GACnC,IAAI,GAAG,IAAI,CAGb"}

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

@@ -0,0 +1,4 @@
+export * from "./dateInputCalendar";
+export * from "./dateInputValue";
+export * from "./types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-input/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC"}

package/dist/date-input/lib/types.d.ts

@@ -0,0 +1,39 @@
+import { type CalendarPeriodSelectionMode, type CalendarWeekEndDay, type NullableDateRange } from "@ryuzaki13/react-foundation-lib/formatters";
+export type DatePickerLevel = "day" | "month" | "year";
+export type CalendarType = DatePickerLevel;
+export type DateInputSelectionMode = CalendarPeriodSelectionMode;
+export type DateInputWeekEndDay = CalendarWeekEndDay;
+interface BaseUiProps<T = unknown> {
+    value: T | undefined;
+    onChange: (value: T) => void;
+}
+export interface BaseDateInputOptions<T = unknown> extends BaseUiProps<T> {
+    datePreset?: string;
+    /**
+     * @deprecated Используйте `datePreset`.
+     */
+    dateFormat?: string;
+    datePickerLevel?: DatePickerLevel;
+    selectionMode?: DateInputSelectionMode;
+    weekEndDay?: DateInputWeekEndDay;
+}
+export interface DateSingleInputOptions extends BaseDateInputOptions<Date | null> {
+    selectsRange?: false;
+}
+export interface DateRangeInputOptions extends BaseDateInputOptions<NullableDateRange | null> {
+    selectsRange: true;
+}
+export type DateInputOptions = DateSingleInputOptions | DateRangeInputOptions;
+interface CalendarBaseProps<T = unknown> extends BaseUiProps<T> {
+    minDate?: Date;
+    maxDate?: Date;
+}
+interface CalendarSingleProps extends CalendarBaseProps<Date | null> {
+    selectsRange?: false;
+}
+interface CalendarRangeProps extends CalendarBaseProps<NullableDateRange> {
+    selectsRange: true;
+}
+export type CalendarProps = CalendarSingleProps | CalendarRangeProps;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/date-input/lib/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/date-input/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,2BAA2B,EAAE,KAAK,kBAAkB,EAAE,KAAK,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAE/I,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AACvD,MAAM,MAAM,YAAY,GAAG,eAAe,CAAC;AAC3C,MAAM,MAAM,sBAAsB,GAAG,2BAA2B,CAAC;AACjE,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,CAAC;AAGrD,UAAU,WAAW,CAAC,CAAC,GAAG,OAAO;IAChC,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC7B;AAGD,MAAM,WAAW,oBAAoB,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,WAAW,CAAC,CAAC,CAAC;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC,UAAU,CAAC,EAAE,mBAAmB,CAAC;CACjC;AAED,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB,CAAC,IAAI,GAAG,IAAI,CAAC;IAChF,YAAY,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB,CAAC,iBAAiB,GAAG,IAAI,CAAC;IAC5F,YAAY,EAAE,IAAI,CAAC;CACnB;AAED,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GAAG,qBAAqB,CAAC;AAG9E,UAAU,iBAAiB,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,WAAW,CAAC,CAAC,CAAC;IAC9D,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;CACf;AAED,UAAU,mBAAoB,SAAQ,iBAAiB,CAAC,IAAI,GAAG,IAAI,CAAC;IACnE,YAAY,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,kBAAmB,SAAQ,iBAAiB,CAAC,iBAAiB,CAAC;IACxE,YAAY,EAAE,IAAI,CAAC;CACnB;AAED,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,kBAAkB,CAAC"}

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

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

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

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

package/dist/date-input/model/useDateInput.d.ts

@@ -0,0 +1,15 @@
+import { type NullableDateRange } from "@ryuzaki13/react-foundation-lib/formatters";
+import { type DateInputOptions } from "../lib";
+/**
+ * Хук управляет текстовым представлением и выбранным значением поля даты.
+ */
+export declare const useDateInput: (options: DateInputOptions) => {
+    inputValue: string;
+    setInputValue: import("react").Dispatch<import("react").SetStateAction<string>>;
+    selectedDate: Date | NullableDateRange | null;
+    setSelectedDate: import("react").Dispatch<import("react").SetStateAction<Date | NullableDateRange | null>>;
+    handleSelect: (date: Date | NullableDateRange) => boolean;
+    formatDate: (value: Date | NullableDateRange | null) => string;
+    parseDate: (dateString: string) => Date | NullableDateRange | null;
+};
+//# sourceMappingURL=useDateInput.d.ts.map

package/dist/date-input/model/useDateInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDateInput.d.ts","sourceRoot":"","sources":["../../../src/date-input/model/useDateInput.ts"],"names":[],"mappings":"AAEA,OAAO,EAAoB,KAAK,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAEtG,OAAO,EAQN,KAAK,gBAAgB,EACrB,MAAM,QAAQ,CAAC;AAUhB;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,SAAS,gBAAgB;;;;;yBAsGzB,IAAI,GAAG,iBAAiB;wBA/DxB,IAAI,GAAG,iBAAiB,GAAG,IAAI,KAAG,MAAM;4BA+CrC,MAAM,KAAG,IAAI,GAAG,iBAAiB,GAAG,IAAI;CAiEvE,CAAC"}

package/dist/date-input/stories/DateInput.stories.d.ts

@@ -0,0 +1,132 @@
+import { SingleDateInput, type DateRangeInputProps, type DateSingleInputProps } from "../ui/DateInput";
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: typeof SingleDateInput;
+    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";
+        };
+        datePreset: {
+            description: string;
+            control: "text";
+        };
+        dateFormat: {
+            description: string;
+            control: "text";
+        };
+        datePickerLevel: {
+            description: string;
+            control: "select";
+            options: string[];
+        };
+        selectionMode: {
+            description: string;
+            control: "select";
+            options: readonly ["day", "week", "month", "year"];
+        };
+        weekEndDay: {
+            description: string;
+            control: "select";
+            options: readonly ["friday", "saturday", "sunday"];
+        };
+        allowSelectionModeChange: {
+            description: string;
+            control: "boolean";
+        };
+        selectionModeOptions: {
+            description: string;
+            control: "check";
+            options: readonly ["day", "week", "month", "year"];
+        };
+        onSelectionModeChange: {
+            description: string;
+            control: false;
+        };
+        error: {
+            description: string;
+            control: "text";
+        };
+        onClearError: {
+            description: string;
+            control: false;
+        };
+        size: {
+            description: string;
+            control: "select";
+            options: string[];
+        };
+        disabled: {
+            description: string;
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type SingleDateInputStoryArgs = Omit<DateSingleInputProps, "selectsRange">;
+type RangeDateInputStoryArgs = Omit<DateRangeInputProps, "selectsRange">;
+type SingleStory = StoryObj<SingleDateInputStoryArgs>;
+type RangeStory = StoryObj<RangeDateInputStoryArgs>;
+/**
+ * Демонстрирует выбор одной даты без timezone-сдвига.
+ */
+export declare const Single: SingleStory;
+/**
+ * Демонстрирует выбор диапазона дат без timezone-сдвига.
+ */
+export declare const Range: RangeStory;
+/**
+ * Демонстрирует ограничения календаря.
+ */
+export declare const WithLimits: SingleStory;
+/**
+ * Демонстрирует выбор недели строкой календаря.
+ */
+export declare const WeekSelection: RangeStory;
+/**
+ * Демонстрирует связь формата отображения с режимом выбора периода.
+ */
+export declare const PickerLevels: SingleStory;
+/**
+ * Демонстрирует runtime-переключение режима выбора под календарём.
+ */
+export declare const RuntimeSelectionMode: RangeStory;
+/**
+ * Демонстрирует разные размеры.
+ */
+export declare const Sizes: RangeStory;
+//# sourceMappingURL=DateInput.stories.d.ts.map

package/dist/date-input/stories/DateInput.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInput.stories.d.ts","sourceRoot":"","sources":["../../../src/date-input/stories/DateInput.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAkB,eAAe,EAAE,KAAK,mBAAmB,EAAE,KAAK,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvH,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+F8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AACpB,KAAK,wBAAwB,GAAG,IAAI,CAAC,oBAAoB,EAAE,cAAc,CAAC,CAAC;AAC3E,KAAK,uBAAuB,GAAG,IAAI,CAAC,mBAAmB,EAAE,cAAc,CAAC,CAAC;AACzE,KAAK,WAAW,GAAG,QAAQ,CAAC,wBAAwB,CAAC,CAAC;AACtD,KAAK,UAAU,GAAG,QAAQ,CAAC,uBAAuB,CAAC,CAAC;AAWpD;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,WAqBpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,UAoBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,WAsBxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,UAsB3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,WAuB1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,UAuBlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,UAqBnB,CAAC"}