@ryuzaki13/react-foundation-ui 0.1.0

package/dist/notifications/ui/stories/NotificationsHost.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsHost.stories.js","names":[],"sources":["../../../../src/notifications/ui/stories/NotificationsHost.stories.tsx"],"sourcesContent":["import type { CSSProperties, PropsWithChildren } from \"react\";\nimport { useEffect, useRef, useState } from \"react\";\n\nimport { BellRingIcon, CheckIcon, InfoIcon, RefreshCwIcon, TimerResetIcon, Trash2Icon, TriangleAlertIcon, XCircleIcon } from \"lucide-react\";\n\nimport { Button } from \"../../../button\";\nimport { NotificationsProvider, useNotify } from \"../../model\";\nimport { NotificationsHost } from \"../NotificationsHost\";\n\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nconst meta = {\n\ttitle: \"Shared/UI/Notifications\",\n\tcomponent: NotificationsHost,\n\tparameters: {\n\t\tatomicCanvas: true,\n\t\tlayout: \"fullscreen\",\n\t\tdocs: {\n\t\t\tdescription: {\n\t\t\t\tcomponent:\n\t\t\t\t\t\"Компонент отображает очередь глобальных уведомлений поверх интерфейса. Истории ниже показывают внешний вид для разных статусов, работу автозакрытия, ограничение очереди и сценарий длительной операции с обновлением одного уведомления.\"\n\t\t\t}\n\t\t}\n\t},\n\ttags: [\"autodocs\"]\n} satisfies Meta<typeof NotificationsHost>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst shellStyle: CSSProperties = {\n\tminHeight: \"100vh\",\n\tpadding: \"32px 24px 160px\",\n\tbackground: \"linear-gradient(180deg, color-mix(in srgb, var(--surface-1) 82%, transparent) 0%, var(--surface-0) 100%)\",\n\tcolor: \"var(--content-0)\"\n};\n\nconst contentStyle: CSSProperties = {\n\tmaxWidth: 1120,\n\tmargin: \"0 auto\",\n\tdisplay: \"grid\",\n\tgap: 16\n};\n\nconst introStyle: CSSProperties = {\n\tpadding: 20,\n\tborder: \"var(--border)\",\n\tborderRadius: \"var(--radius-md)\",\n\tbackground: \"var(--surface-0)\",\n\tboxShadow: \"var(--shadow-sm)\"\n};\n\nconst panelGridStyle: CSSProperties = {\n\tdisplay: \"grid\",\n\tgap: 16,\n\tgridTemplateColumns: \"repeat(auto-fit, minmax(280px, 1fr))\"\n};\n\nconst panelStyle: CSSProperties = {\n\tpadding: 20,\n\tborder: \"var(--border)\",\n\tborderRadius: \"var(--radius-md)\",\n\tbackground: \"var(--surface-0)\",\n\tboxShadow: \"var(--shadow-sm)\",\n\tdisplay: \"grid\",\n\tgap: 12,\n\talignContent: \"start\"\n};\n\nconst buttonGridStyle: CSSProperties = {\n\tdisplay: \"flex\",\n\tflexWrap: \"wrap\",\n\tgap: 10\n};\n\nfunction NotificationsStateReset() {\n\tconst { clear } = useNotify();\n\n\tuseEffect(() => {\n\t\tclear();\n\n\t\treturn () => {\n\t\t\tclear();\n\t\t};\n\t}, [clear]);\n\n\treturn null;\n}\n\nfunction NotificationsStoryShell({ children }: PropsWithChildren) {\n\treturn (\n\t\t<NotificationsProvider>\n\t\t\t<NotificationsStateReset />\n\n\t\t\t<div style={shellStyle}>\n\t\t\t\t<div style={contentStyle}>\n\t\t\t\t\t<div style={introStyle}>\n\t\t\t\t\t\t<h2 style={{ margin: 0, fontSize: \"var(--font-size-xl)\" }}>Демонстрация очереди уведомлений</h2>\n\t\t\t\t\t\t<p style={{ margin: \"12px 0 0\", color: \"var(--content-1)\" }}>\n\t\t\t\t\t\t\tХост закреплён в левом нижнем углу и использует общие токены проекта: `surface`, `content`, `status` и\n\t\t\t\t\t\t\tсемантические `tone-*`. Внутри историй можно проверить лимит очереди, sticky-уведомления и сценарий длительной\n\t\t\t\t\t\t\tоперации с обновлением одного уведомления.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<NotificationsHost />\n\t\t</NotificationsProvider>\n\t);\n}\n\nfunction ShowcaseSeed() {\n\tconst { clear, push } = useNotify();\n\n\tuseEffect(() => {\n\t\tclear();\n\n\t\tpush({\n\t\t\ttype: \"info\",\n\t\t\ttitle: \"Сетевой статус\",\n\t\t\tmessage: \"Подключение к серверу восстановлено.\",\n\t\t\tttlMs: 6000\n\t\t});\n\t\tpush({\n\t\t\ttype: \"success\",\n\t\t\ttitle: \"Профиль обновлён\",\n\t\t\tmessage: \"Изменения сохранены и отправлены в очередь на синхронизацию.\",\n\t\t\tttlMs: 4500\n\t\t});\n\t\tpush({\n\t\t\ttype: \"warning\",\n\t\t\ttitle: \"Требуется внимание\",\n\t\t\tmessage: \"Срок действия сессии истекает через 5 минут.\"\n\t\t});\n\t\tpush({\n\t\t\ttype: \"error\",\n\t\t\ttitle: \"Ошибка импорта\",\n\t\t\tmessage: \"Не удалось загрузить журнал операций.\\nПовторите запрос или обратитесь к администратору.\"\n\t\t});\n\n\t\treturn () => {\n\t\t\tclear();\n\t\t};\n\t}, [clear, push]);\n\n\treturn (\n\t\t<div style={panelStyle}>\n\t\t\t<h3 style={{ margin: 0 }}>Снимок состояний</h3>\n\t\t\t<p style={{ margin: 0, color: \"var(--content-1)\" }}>\n\t\t\t\tИстория сразу заполняет очередь всеми типами уведомлений, чтобы оценить цвет, иконки, контраст и читаемость текста.\n\t\t\t</p>\n\t\t</div>\n\t);\n}\n\nfunction PlaygroundPanel() {\n\tconst api = useNotify();\n\tconst progressIdRef = useRef<string | null>(null);\n\tconst [hasProgress, setHasProgress] = useState(false);\n\n\tconst resetProgress = () => {\n\t\tprogressIdRef.current = null;\n\t\tsetHasProgress(false);\n\t};\n\n\tconst updateProgress = (message: string, patch?: { type?: \"success\" | \"error\"; ttlMs?: number; dismissible?: boolean }) => {\n\t\tconst progressId = progressIdRef.current;\n\t\tif (!progressId) return;\n\n\t\tconst updated = api.update(progressId, {\n\t\t\tmessage,\n\t\t\t...patch\n\t\t});\n\n\t\tif (!updated || patch?.type) {\n\t\t\tresetProgress();\n\t\t}\n\t};\n\n\treturn (\n\t\t<div style={panelGridStyle}>\n\t\t\t<section style={panelStyle}>\n\t\t\t\t<h3 style={{ margin: 0 }}>Базовые сценарии</h3>\n\t\t\t\t<p style={{ margin: 0, color: \"var(--content-1)\" }}>\n\t\t\t\t\tВызовы через `useNotify` подходят для UI-логики внутри React-компонентов.\n\t\t\t\t</p>\n\n\t\t\t\t<div style={buttonGridStyle}>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttone=\"info\"\n\t\t\t\t\t\tappearance=\"outline\"\n\t\t\t\t\t\ticon={<InfoIcon />}\n\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\tapi.info(\"Справочник обновлён по расписанию.\", {\n\t\t\t\t\t\t\t\ttitle: \"Информация\",\n\t\t\t\t\t\t\t\tttlMs: 3500\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}>\n\t\t\t\t\t\tInfo\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttone=\"success\"\n\t\t\t\t\t\tappearance=\"solid\"\n\t\t\t\t\t\ticon={<CheckIcon />}\n\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\tapi.success(\"Изменения сохранены.\", {\n\t\t\t\t\t\t\t\ttitle: \"Операция завершена\",\n\t\t\t\t\t\t\t\tttlMs: 2500\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}>\n\t\t\t\t\t\tSuccess\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttone=\"warning\"\n\t\t\t\t\t\tappearance=\"outline\"\n\t\t\t\t\t\ticon={<TriangleAlertIcon />}\n\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\tapi.warning(\"Подтвердите действие в течение 2 минут.\", {\n\t\t\t\t\t\t\t\ttitle: \"Требуется подтверждение\",\n\t\t\t\t\t\t\t\tdismissible: false\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}>\n\t\t\t\t\t\tSticky warning\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttone=\"error\"\n\t\t\t\t\t\tappearance=\"solid\"\n\t\t\t\t\t\ticon={<XCircleIcon />}\n\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\tapi.error(\"Сервис проверки подписей недоступен.\", {\n\t\t\t\t\t\t\t\ttitle: \"Критическая ошибка\"\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}>\n\t\t\t\t\t\tError\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t</section>\n\n\t\t\t<section style={panelStyle}>\n\t\t\t\t<h3 style={{ margin: 0 }}>Долгая операция</h3>\n\t\t\t\t<p style={{ margin: 0, color: \"var(--content-1)\" }}>\n\t\t\t\t\tСценарий имитирует `notify.progress`: создаёт одно sticky-уведомление и затем обновляет его по тому же `id`.\n\t\t\t\t</p>\n\n\t\t\t\t<div style={buttonGridStyle}>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"neutralOutline\"\n\t\t\t\t\t\ticon={<BellRingIcon />}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tconst progressId = api.push({\n\t\t\t\t\t\t\t\ttype: \"info\",\n\t\t\t\t\t\t\t\ttitle: \"Экспорт архива\",\n\t\t\t\t\t\t\t\tmessage: \"Подготавливаю пакет документов...\",\n\t\t\t\t\t\t\t\tdismissible: false\n\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\tprogressIdRef.current = progressId;\n\t\t\t\t\t\t\tsetHasProgress(true);\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\tЗапустить\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"neutralOutline\"\n\t\t\t\t\t\ticon={<RefreshCwIcon />}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tupdateProgress(\"Обработано 68% записей. Формирую итоговый архив...\");\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tdisabled={!hasProgress}>\n\t\t\t\t\t\tОбновить прогресс\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttone=\"success\"\n\t\t\t\t\t\tappearance=\"outline\"\n\t\t\t\t\t\ticon={<CheckIcon />}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tupdateProgress(\"Архив подготовлен и доступен для скачивания.\", {\n\t\t\t\t\t\t\t\ttype: \"success\",\n\t\t\t\t\t\t\t\tttlMs: 2500,\n\t\t\t\t\t\t\t\tdismissible: true\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tdisabled={!hasProgress}>\n\t\t\t\t\t\tЗавершить успешно\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttone=\"error\"\n\t\t\t\t\t\tappearance=\"outline\"\n\t\t\t\t\t\ticon={<XCircleIcon />}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tupdateProgress(\"Не удалось собрать архив из-за ошибки чтения вложений.\", {\n\t\t\t\t\t\t\t\ttype: \"error\",\n\t\t\t\t\t\t\t\tttlMs: 5000,\n\t\t\t\t\t\t\t\tdismissible: true\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tdisabled={!hasProgress}>\n\t\t\t\t\t\tЗавершить ошибкой\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t</section>\n\n\t\t\t<section style={panelStyle}>\n\t\t\t\t<h3 style={{ margin: 0 }}>Очередь и очистка</h3>\n\t\t\t\t<p style={{ margin: 0, color: \"var(--content-1)\" }}>\n\t\t\t\t\tСтор сохраняет не более 6 уведомлений. Кнопка ниже специально создаёт 8 элементов, чтобы проверить отсечение старых\n\t\t\t\t\tзаписей.\n\t\t\t\t</p>\n\n\t\t\t\t<div style={buttonGridStyle}>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"neutralOutline\"\n\t\t\t\t\t\ticon={<RefreshCwIcon />}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tfor (let index = 1; index <= 8; index += 1) {\n\t\t\t\t\t\t\t\tapi.info(`Пакет ${index} поставлен в очередь на обработку.`, {\n\t\t\t\t\t\t\t\t\ttitle: `Задача ${index}`,\n\t\t\t\t\t\t\t\t\tttlMs: 8000\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\tЗаполнить очередь\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttone=\"info\"\n\t\t\t\t\t\tappearance=\"outline\"\n\t\t\t\t\t\ticon={<TimerResetIcon />}\n\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\tapi.info(\"Это уведомление исчезнет автоматически через 2 секунды.\", {\n\t\t\t\t\t\t\t\ttitle: \"TTL = 2000 мс\",\n\t\t\t\t\t\t\t\tttlMs: 2000\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}>\n\t\t\t\t\t\tПроверить TTL\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"transparent\"\n\t\t\t\t\t\ticon={<Trash2Icon />}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tresetProgress();\n\t\t\t\t\t\t\tapi.clear();\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\tОчистить всё\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t</section>\n\t\t</div>\n\t);\n}\n\nexport const Showcase: Story = {\n\trender: () => (\n\t\t<NotificationsStoryShell>\n\t\t\t<ShowcaseSeed />\n\t\t</NotificationsStoryShell>\n\t),\n\tparameters: {\n\t\tdocs: {\n\t\t\tdescription: {\n\t\t\t\tstory: \"Быстрый визуальный обзор: все статусы сразу добавляются в очередь после открытия истории.\"\n\t\t\t}\n\t\t}\n\t}\n};\n\nexport const InteractivePlayground: Story = {\n\trender: () => (\n\t\t<NotificationsStoryShell>\n\t\t\t<PlaygroundPanel />\n\t\t</NotificationsStoryShell>\n\t),\n\tparameters: {\n\t\tdocs: {\n\t\t\tdescription: {\n\t\t\t\tstory: \"Интерактивный сценарий для проверки базовых уведомлений, длительной операции, лимита очереди и автозакрытия.\"\n\t\t\t}\n\t\t}\n\t}\n};\n"],"mappings":"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"}

package/dist/pages/NotFoundPage.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Страница-заглушка для маршрутов, которые не найдены. Используется как стандартный fallback для 404-сценариев.
+ */
+export declare function NotFoundPage(): import("react").JSX.Element;
+//# sourceMappingURL=NotFoundPage.d.ts.map

package/dist/pages/NotFoundPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFoundPage.d.ts","sourceRoot":"","sources":["../../src/pages/NotFoundPage.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,YAAY,gCAO3B"}

package/dist/pages/index.d.ts

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

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

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

package/dist/pages/index.js

@@ -0,0 +1,15 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/pages/NotFoundPage.tsx
+function n() {
+	return /* @__PURE__ */ t("div", {
+		style: {
+			padding: "2rem",
+			textAlign: "center"
+		},
+		children: [/* @__PURE__ */ e("h1", { children: "404 — Страница не найдена" }), /* @__PURE__ */ e("p", { children: "Возможно, вы ошиблись адресом или страница была удалена." })]
+	});
+}
+//#endregion
+export { n as NotFoundPage };
+
+//# sourceMappingURL=index.js.map

package/dist/pages/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/pages/NotFoundPage.tsx"],"sourcesContent":["/**\n * Страница-заглушка для маршрутов, которые не найдены. Используется как стандартный fallback для 404-сценариев.\n */\nexport function NotFoundPage() {\n\treturn (\n\t\t<div style={{ padding: \"2rem\", textAlign: \"center\" }}>\n\t\t\t<h1>404 — Страница не найдена</h1>\n\t\t\t<p>Возможно, вы ошиблись адресом или страница была удалена.</p>\n\t\t</div>\n\t);\n}\n"],"mappings":";;AAGA,SAAgB,IAAe;CAC9B,OACC,kBAAC,OAAD;EAAK,OAAO;GAAE,SAAS;GAAQ,WAAW;EAAS;YAAnD,CACC,kBAAC,MAAD,EAAA,UAAI,4BAA6B,CAAA,GACjC,kBAAC,KAAD,EAAA,UAAG,2DAA2D,CAAA,CAC1D;;AAEP"}

package/dist/panel/Section.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from "react";
+interface SectionProps extends PropsWithChildren {
+    title?: string;
+    description?: string;
+    className?: string;
+}
+export declare function Section({ title, description, className, children }: SectionProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Section.d.ts.map

package/dist/panel/Section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../src/panel/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,UAAU,YAAa,SAAQ,iBAAiB;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,YAAY,+BAShF"}

package/dist/panel/index.d.ts

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

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

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

package/dist/panel/index.js

@@ -0,0 +1,16 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/panel/Section.tsx
+function n({ title: n, description: r, className: i, children: a }) {
+	return /* @__PURE__ */ t("section", {
+		className: i,
+		children: [
+			n && /* @__PURE__ */ e("h3", { children: n }),
+			r && /* @__PURE__ */ e("p", { children: r }),
+			a
+		]
+	});
+}
+//#endregion
+export { n as Section };
+
+//# sourceMappingURL=index.js.map

package/dist/panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/panel/Section.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\n\ninterface SectionProps extends PropsWithChildren {\n\ttitle?: string;\n\tdescription?: string;\n\tclassName?: string;\n}\n\nexport function Section({ title, description, className, children }: SectionProps) {\n\treturn (\n\t\t<section className={className}>\n\t\t\t{title && <h3>{title}</h3>}\n\t\t\t{description && <p>{description}</p>}\n\n\t\t\t{children}\n\t\t</section>\n\t);\n}\n"],"mappings":";;AAQA,SAAgB,EAAQ,EAAE,UAAO,gBAAa,cAAW,eAA0B;CAClF,OACC,kBAAC,WAAD;EAAoB;YAApB;GACE,KAAS,kBAAC,MAAD,EAAA,UAAK,EAAU,CAAA;GACxB,KAAe,kBAAC,KAAD,EAAA,UAAI,EAAe,CAAA;GAElC;EACO;;AAEX"}

package/dist/period-select/PeriodSelect.d.ts

@@ -0,0 +1,14 @@
+import type { DateRangeInput } from "@ryuzaki13/react-foundation-lib/formatters";
+import { type PeriodSelectOption } from "./lib";
+import type { UiBaseProps } from "../types";
+export interface PeriodSelectProps extends UiBaseProps<PeriodSelectOption["id"] | undefined> {
+    options?: readonly PeriodSelectOption[];
+    dateRange?: DateRangeInput;
+    maxDayRangeDays?: number;
+    maxWeekRangeWeeks?: number;
+}
+/**
+ * Select периода детализации, который может ограничивать доступные варианты по диапазону дат.
+ */
+export declare function PeriodSelect({ value, onChange, options, dateRange, maxDayRangeDays, maxWeekRangeWeeks, ...props }: PeriodSelectProps): import("react").JSX.Element;
+//# sourceMappingURL=PeriodSelect.d.ts.map

package/dist/period-select/PeriodSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PeriodSelect.d.ts","sourceRoot":"","sources":["../../src/period-select/PeriodSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAIjF,OAAO,EAA8F,KAAK,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAE5I,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,WAAW,iBAAkB,SAAQ,WAAW,CAAC,kBAAkB,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3F,OAAO,CAAC,EAAE,SAAS,kBAAkB,EAAE,CAAC;IACxC,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,iBAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,+BA+BpI"}

package/dist/period-select/index.d.ts

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

package/dist/period-select/index.d.ts.map

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

package/dist/period-select/index.js

@@ -0,0 +1,100 @@
+import { PresetSelect as e } from "../preset-select/index.js";
+import { jsx as t } from "react/jsx-runtime";
+import { useEffect as n, useEffectEvent as r, useMemo as i } from "react";
+import { countCalendarDaysInDateRange as a, normalizeText as o, toPositiveInteger as s } from "@ryuzaki13/react-foundation-lib/formatters";
+import { getPresetOption as c, normalizePresetIds as l, resolvePresetOptionsByIds as u } from "@ryuzaki13/react-foundation-lib/presets";
+import { isRecord as d } from "@ryuzaki13/react-foundation-lib/validators";
+//#region src/period-select/lib/constants.ts
+var f = "period-select", p = "day", m = 31, h = 26, g = Object.freeze([
+	{
+		id: "day",
+		label: "по дням"
+	},
+	{
+		id: "week",
+		label: "по неделям"
+	},
+	{
+		id: "month",
+		label: "по месяцам"
+	}
+]), _ = Object.freeze([
+	"day",
+	"week",
+	"month"
+]), v = new Set(g.map((e) => e.id));
+function y(e) {
+	return typeof e == "string" && v.has(e);
+}
+function b(e, t = _) {
+	return l(e, y, t);
+}
+function x(e, t = g) {
+	return u(e, t);
+}
+function S(e, t = g) {
+	return c(e, t);
+}
+function C(e) {
+	return y(e) ? e : "day";
+}
+function w({ maxDayRangeDays: e, maxWeekRangeWeeks: t } = {}) {
+	let n = s(e), r = s(t);
+	return g.map((e) => e.id === "day" && n !== void 0 ? {
+		...e,
+		maxRangeDays: n
+	} : e.id === "week" && r !== void 0 ? {
+		...e,
+		maxRangeDays: r * 7
+	} : { ...e });
+}
+function T(e, t) {
+	let n = s(e.maxRangeDays);
+	if (n === void 0 || t === void 0) return !1;
+	let r = a(t);
+	return r !== null && r > n;
+}
+function E(e, t, n) {
+	if (t.length === 0) return;
+	let r = e === void 0 ? -1 : t.findIndex((t) => t.id === e), i = r >= 0 ? t[r] : void 0;
+	return i && !T(i, n) ? i.id : (r >= 0 ? t.slice(r + 1) : t).find((e) => !T(e, n))?.id ?? t.find((e) => !T(e, n))?.id;
+}
+function D(e) {
+	if (!d(e)) return;
+	let t = o(e.start), n = o(e.end);
+	return t && n ? {
+		start: t,
+		end: n
+	} : void 0;
+}
+//#endregion
+//#region src/period-select/PeriodSelect.tsx
+function O({ value: a, onChange: o, options: s, dateRange: c, maxDayRangeDays: l, maxWeekRangeWeeks: u, ...d }) {
+	let f = i(() => s ?? w({
+		maxDayRangeDays: l,
+		maxWeekRangeWeeks: u
+	}), [
+		l,
+		u,
+		s
+	]), p = i(() => E(a, f, c), [
+		c,
+		f,
+		a
+	]), m = r(() => {
+		p === void 0 || p === a || o(p);
+	});
+	return n(() => {
+		m();
+	}, [p, a]), /* @__PURE__ */ t(e, {
+		...d,
+		options: f,
+		value: p,
+		onChange: o,
+		getOptionDisabled: (e) => T(e, c)
+	});
+}
+//#endregion
+export { m as DEFAULT_PERIOD_SELECT_MAX_DAY_RANGE_DAYS, h as DEFAULT_PERIOD_SELECT_MAX_WEEK_RANGE_WEEKS, p as DEFAULT_PERIOD_SELECT_PRESET_ID, _ as DEFAULT_PERIOD_SELECT_PRESET_IDS, f as PERIOD_SELECT_COMPONENT_ID, g as PERIOD_SELECT_OPTIONS, O as PeriodSelect, w as createPeriodSelectOptions, S as getPeriodSelectOption, T as isPeriodSelectOptionDisabled, y as isPeriodSelectPresetId, D as normalizePeriodSelectDateRangeConnectors, b as normalizePeriodSelectPresetIds, E as resolvePeriodSelectAvailableValue, C as resolvePeriodSelectDefaultValue, x as resolvePeriodSelectOptionsByIds };
+
+//# sourceMappingURL=index.js.map

package/dist/period-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/period-select/lib/constants.ts","../../src/period-select/lib/periodSelect.ts","../../src/period-select/PeriodSelect.tsx"],"sourcesContent":["export const PERIOD_SELECT_COMPONENT_ID = \"period-select\";\n","import { countCalendarDaysInDateRange, type DateRangeInput, normalizeText, toPositiveInteger } from \"@ryuzaki13/react-foundation-lib/formatters\";\nimport { getPresetOption, normalizePresetIds, type PresetOption, resolvePresetOptionsByIds } from \"@ryuzaki13/react-foundation-lib/presets\";\nimport { isRecord } from \"@ryuzaki13/react-foundation-lib/validators\";\n\nexport type PeriodSelectPresetId = \"day\" | \"week\" | \"month\";\nexport type PeriodSelectId = PeriodSelectPresetId | (string & {});\n\nexport interface PeriodSelectOption extends PresetOption<PeriodSelectId> {\n\tmaxRangeDays?: number;\n}\n\ntype BuiltInPeriodSelectOption = PeriodSelectOption & {\n\tid: PeriodSelectPresetId;\n};\n\nexport type PeriodSelectDateRangeConnectors = Readonly<{\n\tstart: string;\n\tend: string;\n}>;\n\nexport type PeriodSelectThresholds = {\n\tmaxDayRangeDays?: number;\n\tmaxWeekRangeWeeks?: number;\n};\n\nexport const DEFAULT_PERIOD_SELECT_PRESET_ID = \"day\" satisfies PeriodSelectPresetId;\nexport const DEFAULT_PERIOD_SELECT_MAX_DAY_RANGE_DAYS = 31;\nexport const DEFAULT_PERIOD_SELECT_MAX_WEEK_RANGE_WEEKS = 26;\n\nexport const PERIOD_SELECT_OPTIONS: readonly BuiltInPeriodSelectOption[] = Object.freeze([\n\t{\n\t\tid: \"day\",\n\t\tlabel: \"по дням\"\n\t},\n\t{\n\t\tid: \"week\",\n\t\tlabel: \"по неделям\"\n\t},\n\t{\n\t\tid: \"month\",\n\t\tlabel: \"по месяцам\"\n\t}\n]);\n\nexport const DEFAULT_PERIOD_SELECT_PRESET_IDS = Object.freeze([\"day\", \"week\", \"month\"] as const satisfies readonly PeriodSelectPresetId[]);\n\nconst PERIOD_SELECT_PRESET_ID_SET: ReadonlySet<string> = new Set(PERIOD_SELECT_OPTIONS.map((option) => option.id));\n\nexport function isPeriodSelectPresetId(value: unknown): value is PeriodSelectPresetId {\n\treturn typeof value === \"string\" && PERIOD_SELECT_PRESET_ID_SET.has(value);\n}\n\nexport function normalizePeriodSelectPresetIds(\n\tvalue: unknown,\n\tfallbackIds: readonly PeriodSelectPresetId[] = DEFAULT_PERIOD_SELECT_PRESET_IDS\n): PeriodSelectPresetId[] {\n\treturn normalizePresetIds(value, isPeriodSelectPresetId, fallbackIds);\n}\n\nexport function resolvePeriodSelectOptionsByIds(\n\tpresetIds: readonly PeriodSelectOption[\"id\"][],\n\toptions: readonly PeriodSelectOption[] = PERIOD_SELECT_OPTIONS\n): PeriodSelectOption[] {\n\treturn resolvePresetOptionsByIds(presetIds, options);\n}\n\nexport function getPeriodSelectOption(\n\tid: PeriodSelectOption[\"id\"] | undefined,\n\toptions: readonly PeriodSelectOption[] = PERIOD_SELECT_OPTIONS\n): PeriodSelectOption | null {\n\treturn getPresetOption(id, options);\n}\n\nexport function resolvePeriodSelectDefaultValue(value: unknown): PeriodSelectPresetId {\n\treturn isPeriodSelectPresetId(value) ? value : DEFAULT_PERIOD_SELECT_PRESET_ID;\n}\n\nexport function createPeriodSelectOptions({ maxDayRangeDays, maxWeekRangeWeeks }: PeriodSelectThresholds = {}): PeriodSelectOption[] {\n\tconst dayLimit = toPositiveInteger(maxDayRangeDays);\n\tconst weekLimit = toPositiveInteger(maxWeekRangeWeeks);\n\n\treturn PERIOD_SELECT_OPTIONS.map((option) => {\n\t\tif (option.id === \"day\" && dayLimit !== undefined) {\n\t\t\treturn {\n\t\t\t\t...option,\n\t\t\t\tmaxRangeDays: dayLimit\n\t\t\t};\n\t\t}\n\n\t\tif (option.id === \"week\" && weekLimit !== undefined) {\n\t\t\treturn {\n\t\t\t\t...option,\n\t\t\t\tmaxRangeDays: weekLimit * 7\n\t\t\t};\n\t\t}\n\n\t\treturn { ...option };\n\t});\n}\n\nexport function isPeriodSelectOptionDisabled(option: PeriodSelectOption, dateRange: DateRangeInput | undefined): boolean {\n\tconst maxRangeDays = toPositiveInteger(option.maxRangeDays);\n\tif (maxRangeDays === undefined || dateRange === undefined) {\n\t\treturn false;\n\t}\n\n\tconst rangeDays = countCalendarDaysInDateRange(dateRange);\n\treturn rangeDays !== null && rangeDays > maxRangeDays;\n}\n\nexport function resolvePeriodSelectAvailableValue(\n\tvalue: PeriodSelectOption[\"id\"] | undefined,\n\toptions: readonly PeriodSelectOption[],\n\tdateRange: DateRangeInput | undefined\n): PeriodSelectOption[\"id\"] | undefined {\n\tif (options.length === 0) {\n\t\treturn undefined;\n\t}\n\n\tconst selectedIndex = value === undefined ? -1 : options.findIndex((option) => option.id === value);\n\tconst selectedOption = selectedIndex >= 0 ? options[selectedIndex] : undefined;\n\n\tif (selectedOption && !isPeriodSelectOptionDisabled(selectedOption, dateRange)) {\n\t\treturn selectedOption.id;\n\t}\n\n\tconst nextOptions = selectedIndex >= 0 ? options.slice(selectedIndex + 1) : options;\n\tconst nextAvailableOption = nextOptions.find((option) => !isPeriodSelectOptionDisabled(option, dateRange));\n\n\treturn nextAvailableOption?.id ?? options.find((option) => !isPeriodSelectOptionDisabled(option, dateRange))?.id;\n}\n\nexport function normalizePeriodSelectDateRangeConnectors(value: unknown): PeriodSelectDateRangeConnectors | undefined {\n\tif (!isRecord(value)) {\n\t\treturn undefined;\n\t}\n\n\tconst startConnector = normalizeText(value.start);\n\tconst endConnector = normalizeText(value.end);\n\n\treturn startConnector && endConnector ? { start: startConnector, end: endConnector } : undefined;\n}\n","import { useEffect, useEffectEvent, useMemo } from \"react\";\n\nimport type { DateRangeInput } from \"@ryuzaki13/react-foundation-lib/formatters\";\n\nimport { PresetSelect } from \"../preset-select\";\n\nimport { createPeriodSelectOptions, isPeriodSelectOptionDisabled, resolvePeriodSelectAvailableValue, type PeriodSelectOption } from \"./lib\";\n\nimport type { UiBaseProps } from \"../types\";\n\nexport interface PeriodSelectProps extends UiBaseProps<PeriodSelectOption[\"id\"] | undefined> {\n\toptions?: readonly PeriodSelectOption[];\n\tdateRange?: DateRangeInput;\n\tmaxDayRangeDays?: number;\n\tmaxWeekRangeWeeks?: number;\n}\n\n/**\n * Select периода детализации, который может ограничивать доступные варианты по диапазону дат.\n */\nexport function PeriodSelect({ value, onChange, options, dateRange, maxDayRangeDays, maxWeekRangeWeeks, ...props }: PeriodSelectProps) {\n\tconst resolvedOptions = useMemo(\n\t\t() => options ?? createPeriodSelectOptions({ maxDayRangeDays, maxWeekRangeWeeks }),\n\t\t[maxDayRangeDays, maxWeekRangeWeeks, options]\n\t);\n\tconst availableValue = useMemo(\n\t\t() => resolvePeriodSelectAvailableValue(value, resolvedOptions, dateRange),\n\t\t[dateRange, resolvedOptions, value]\n\t);\n\n\tconst emitAvailableValue = useEffectEvent(() => {\n\t\tif (availableValue === undefined || availableValue === value) {\n\t\t\treturn;\n\t\t}\n\n\t\tonChange(availableValue);\n\t});\n\n\tuseEffect(() => {\n\t\temitAvailableValue();\n\t}, [availableValue, value]);\n\n\treturn (\n\t\t<PresetSelect\n\t\t\t{...props}\n\t\t\toptions={resolvedOptions}\n\t\t\tvalue={availableValue}\n\t\t\tonChange={onChange}\n\t\t\tgetOptionDisabled={(option) => isPeriodSelectOptionDisabled(option, dateRange)}\n\t\t/>\n\t);\n}\n"],"mappings":"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"}

package/dist/period-select/lib/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const PERIOD_SELECT_COMPONENT_ID = "period-select";
+//# sourceMappingURL=constants.d.ts.map

package/dist/period-select/lib/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/period-select/lib/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B,kBAAkB,CAAC"}

package/dist/period-select/lib/index.d.ts

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

package/dist/period-select/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/period-select/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC"}

package/dist/period-select/lib/periodSelect.d.ts

@@ -0,0 +1,34 @@
+import { type DateRangeInput } from "@ryuzaki13/react-foundation-lib/formatters";
+import { type PresetOption } from "@ryuzaki13/react-foundation-lib/presets";
+export type PeriodSelectPresetId = "day" | "week" | "month";
+export type PeriodSelectId = PeriodSelectPresetId | (string & {});
+export interface PeriodSelectOption extends PresetOption<PeriodSelectId> {
+    maxRangeDays?: number;
+}
+type BuiltInPeriodSelectOption = PeriodSelectOption & {
+    id: PeriodSelectPresetId;
+};
+export type PeriodSelectDateRangeConnectors = Readonly<{
+    start: string;
+    end: string;
+}>;
+export type PeriodSelectThresholds = {
+    maxDayRangeDays?: number;
+    maxWeekRangeWeeks?: number;
+};
+export declare const DEFAULT_PERIOD_SELECT_PRESET_ID = "day";
+export declare const DEFAULT_PERIOD_SELECT_MAX_DAY_RANGE_DAYS = 31;
+export declare const DEFAULT_PERIOD_SELECT_MAX_WEEK_RANGE_WEEKS = 26;
+export declare const PERIOD_SELECT_OPTIONS: readonly BuiltInPeriodSelectOption[];
+export declare const DEFAULT_PERIOD_SELECT_PRESET_IDS: readonly ["day", "week", "month"];
+export declare function isPeriodSelectPresetId(value: unknown): value is PeriodSelectPresetId;
+export declare function normalizePeriodSelectPresetIds(value: unknown, fallbackIds?: readonly PeriodSelectPresetId[]): PeriodSelectPresetId[];
+export declare function resolvePeriodSelectOptionsByIds(presetIds: readonly PeriodSelectOption["id"][], options?: readonly PeriodSelectOption[]): PeriodSelectOption[];
+export declare function getPeriodSelectOption(id: PeriodSelectOption["id"] | undefined, options?: readonly PeriodSelectOption[]): PeriodSelectOption | null;
+export declare function resolvePeriodSelectDefaultValue(value: unknown): PeriodSelectPresetId;
+export declare function createPeriodSelectOptions({ maxDayRangeDays, maxWeekRangeWeeks }?: PeriodSelectThresholds): PeriodSelectOption[];
+export declare function isPeriodSelectOptionDisabled(option: PeriodSelectOption, dateRange: DateRangeInput | undefined): boolean;
+export declare function resolvePeriodSelectAvailableValue(value: PeriodSelectOption["id"] | undefined, options: readonly PeriodSelectOption[], dateRange: DateRangeInput | undefined): PeriodSelectOption["id"] | undefined;
+export declare function normalizePeriodSelectDateRangeConnectors(value: unknown): PeriodSelectDateRangeConnectors | undefined;
+export {};
+//# sourceMappingURL=periodSelect.d.ts.map

package/dist/period-select/lib/periodSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"periodSelect.d.ts","sourceRoot":"","sources":["../../../src/period-select/lib/periodSelect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,cAAc,EAAoC,MAAM,4CAA4C,CAAC;AACjJ,OAAO,EAAuC,KAAK,YAAY,EAA6B,MAAM,yCAAyC,CAAC;AAG5I,MAAM,MAAM,oBAAoB,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;AAC5D,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAElE,MAAM,WAAW,kBAAmB,SAAQ,YAAY,CAAC,cAAc,CAAC;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,KAAK,yBAAyB,GAAG,kBAAkB,GAAG;IACrD,EAAE,EAAE,oBAAoB,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG,QAAQ,CAAC;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACZ,CAAC,CAAC;AAEH,MAAM,MAAM,sBAAsB,GAAG;IACpC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,+BAA+B,QAAuC,CAAC;AACpF,eAAO,MAAM,wCAAwC,KAAK,CAAC;AAC3D,eAAO,MAAM,0CAA0C,KAAK,CAAC;AAE7D,eAAO,MAAM,qBAAqB,EAAE,SAAS,yBAAyB,EAapE,CAAC;AAEH,eAAO,MAAM,gCAAgC,mCAA6F,CAAC;AAI3I,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,oBAAoB,CAEpF;AAED,wBAAgB,8BAA8B,CAC7C,KAAK,EAAE,OAAO,EACd,WAAW,GAAE,SAAS,oBAAoB,EAAqC,GAC7E,oBAAoB,EAAE,CAExB;AAED,wBAAgB,+BAA+B,CAC9C,SAAS,EAAE,SAAS,kBAAkB,CAAC,IAAI,CAAC,EAAE,EAC9C,OAAO,GAAE,SAAS,kBAAkB,EAA0B,GAC5D,kBAAkB,EAAE,CAEtB;AAED,wBAAgB,qBAAqB,CACpC,EAAE,EAAE,kBAAkB,CAAC,IAAI,CAAC,GAAG,SAAS,EACxC,OAAO,GAAE,SAAS,kBAAkB,EAA0B,GAC5D,kBAAkB,GAAG,IAAI,CAE3B;AAED,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,OAAO,GAAG,oBAAoB,CAEpF;AAED,wBAAgB,yBAAyB,CAAC,EAAE,eAAe,EAAE,iBAAiB,EAAE,GAAE,sBAA2B,GAAG,kBAAkB,EAAE,CAqBnI;AAED,wBAAgB,4BAA4B,CAAC,MAAM,EAAE,kBAAkB,EAAE,SAAS,EAAE,cAAc,GAAG,SAAS,GAAG,OAAO,CAQvH;AAED,wBAAgB,iCAAiC,CAChD,KAAK,EAAE,kBAAkB,CAAC,IAAI,CAAC,GAAG,SAAS,EAC3C,OAAO,EAAE,SAAS,kBAAkB,EAAE,EACtC,SAAS,EAAE,cAAc,GAAG,SAAS,GACnC,kBAAkB,CAAC,IAAI,CAAC,GAAG,SAAS,CAgBtC;AAED,wBAAgB,wCAAwC,CAAC,KAAK,EAAE,OAAO,GAAG,+BAA+B,GAAG,SAAS,CASpH"}

package/dist/period-select/stories/PeriodSelect.stories.d.ts

@@ -0,0 +1,96 @@
+import { PeriodSelect } from "../index";
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: typeof PeriodSelect;
+    args: {
+        label: string;
+        description: string;
+        placeholder: string;
+        value: "day";
+        onChange: import("@vitest/spy").Mock<import("../../types").ChangeHandler<import("../lib").PeriodSelectId | undefined>>;
+        dateRange: readonly [Date, Date];
+        maxDayRangeDays: number;
+        maxWeekRangeWeeks: number;
+        disabled: false;
+        size: "md";
+    };
+    parameters: {
+        atomicCanvas: boolean;
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        label: {
+            description: string;
+            control: "text";
+        };
+        description: {
+            description: string;
+            control: "text";
+        };
+        placeholder: {
+            description: string;
+            control: "text";
+        };
+        value: {
+            description: string;
+            control: "select";
+            options: string[];
+        };
+        onChange: {
+            description: string;
+            control: false;
+        };
+        options: {
+            description: string;
+            control: false;
+        };
+        dateRange: {
+            description: string;
+            control: false;
+        };
+        maxDayRangeDays: {
+            description: string;
+            control: {
+                type: "number";
+                min: number;
+                step: number;
+            };
+        };
+        maxWeekRangeWeeks: {
+            description: string;
+            control: {
+                type: "number";
+                min: number;
+                step: number;
+            };
+        };
+        disabled: {
+            description: string;
+            control: "boolean";
+        };
+        size: {
+            description: string;
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Контролируемый сценарий синхронизирует `value` и `dateRange` через Storybook args.
+ */
+export declare const Controlled: Story;
+/**
+ * Длинный диапазон блокирует `day` и `week`, поэтому контрол переключает значение на ближайший доступный период.
+ */
+export declare const AutoSwitchByRange: Story;
+export declare const Disabled: Story;
+//# sourceMappingURL=PeriodSelect.stories.d.ts.map

package/dist/period-select/stories/PeriodSelect.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PeriodSelect.stories.d.ts","sourceRoot":"","sources":["../../../src/period-select/stories/PeriodSelect.stories.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAA0B,MAAM,UAAU,CAAC;AAEhE,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAK5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkFyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAoCnC;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAW/B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC"}

package/dist/period-select/stories/PeriodSelect.stories.js

@@ -0,0 +1,166 @@
+import { Text as e } from "../../text/index.js";
+import { r as t } from "../../chunks/Grid-ByIIytjh.js";
+import { t as n } from "../../chunks/DateInput-CINDYueM.js";
+import { PeriodSelect as r } from "../index.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { countCalendarDaysInDateRange as o, isDateRangeTuple as s } from "@ryuzaki13/react-foundation-lib/formatters";
+import { fn as c } from "storybook/test";
+import { useArgs as l } from "storybook/preview-api";
+//#region src/period-select/stories/PeriodSelect.stories.tsx
+var u = [new Date(2026, 2, 1, 0, 0, 0), new Date(2026, 2, 14, 23, 59, 59)], d = [new Date(2026, 0, 1, 0, 0, 0), new Date(2026, 4, 20, 23, 59, 59)], f = {
+	title: "Shared/UI/PeriodSelect",
+	component: r,
+	args: {
+		label: "Период детализации",
+		description: "Выберите уровень группировки дат.",
+		placeholder: "Выберите период",
+		value: "day",
+		onChange: c(),
+		dateRange: u,
+		maxDayRangeDays: 31,
+		maxWeekRangeWeeks: 26,
+		disabled: !1,
+		size: "md"
+	},
+	parameters: {
+		atomicCanvas: !0,
+		layout: "padded",
+		docs: { description: { component: "Select периода детализации дат. Компонент работает с id периода и может блокировать слишком детальные варианты по переданному диапазону дат." } }
+	},
+	tags: ["autodocs"],
+	argTypes: {
+		label: {
+			description: "Заголовок поля.",
+			control: "text"
+		},
+		description: {
+			description: "Описание под заголовком.",
+			control: "text"
+		},
+		placeholder: {
+			description: "Текст, когда период не выбран.",
+			control: "text"
+		},
+		value: {
+			description: "Текущий id периода.",
+			control: "select",
+			options: [
+				"day",
+				"week",
+				"month"
+			]
+		},
+		onChange: {
+			description: "Вызывается с id выбранного периода.",
+			control: !1
+		},
+		options: {
+			description: "Кастомный список периодов по контракту `PeriodSelectOption`.",
+			control: !1
+		},
+		dateRange: {
+			description: "Диапазон дат, по которому вычисляются заблокированные периоды.",
+			control: !1
+		},
+		maxDayRangeDays: {
+			description: "Максимальное количество дней, при котором доступен период `day`.",
+			control: {
+				type: "number",
+				min: 1,
+				step: 1
+			}
+		},
+		maxWeekRangeWeeks: {
+			description: "Максимальное количество недель, при котором доступен период `week`.",
+			control: {
+				type: "number",
+				min: 1,
+				step: 1
+			}
+		},
+		disabled: {
+			description: "Блокирует взаимодействие с полем.",
+			control: "boolean"
+		},
+		size: {
+			description: "Размер поля и подписей.",
+			control: "select",
+			options: [
+				"xs",
+				"sm",
+				"md",
+				"lg",
+				"xl"
+			]
+		}
+	}
+};
+function p(e) {
+	return e !== void 0 && s(e) ? e : null;
+}
+function m(s) {
+	let [, c] = l(), u = p(s.dateRange), d = o(s.dateRange ?? null);
+	return /* @__PURE__ */ a(t, {
+		gap: "md",
+		children: [
+			/* @__PURE__ */ i(r, {
+				...s,
+				onChange: (e) => {
+					s.onChange(e), c({ value: e });
+				}
+			}),
+			/* @__PURE__ */ i(n, {
+				label: "Связанный диапазон дат",
+				placeholder: "дд.мм.гггг - дд.мм.гггг",
+				value: u,
+				onChange: (e) => c({ dateRange: e ?? void 0 })
+			}),
+			/* @__PURE__ */ a(e, {
+				as: "p",
+				color: "secondary",
+				"aria-live": "polite",
+				children: [
+					"Выбрано: ",
+					/* @__PURE__ */ i(e, {
+						as: "code",
+						children: s.value ?? "не выбрано"
+					}),
+					". Дней в диапазоне:",
+					" ",
+					/* @__PURE__ */ i(e, {
+						as: "code",
+						children: d ?? "не задано"
+					}),
+					"."
+				]
+			})
+		]
+	});
+}
+var h = {
+	name: "Контролируемый выбор",
+	render: function(e) {
+		return /* @__PURE__ */ i(m, { ...e });
+	}
+}, g = {
+	name: "Автопереключение по диапазону",
+	args: {
+		value: "day",
+		dateRange: d,
+		maxDayRangeDays: 31,
+		maxWeekRangeWeeks: 8
+	},
+	render: function(e) {
+		return /* @__PURE__ */ i(m, { ...e });
+	}
+}, _ = {
+	name: "Заблокированный контрол",
+	args: {
+		disabled: !0,
+		value: "week"
+	}
+};
+//#endregion
+export { g as AutoSwitchByRange, h as Controlled, _ as Disabled, f as default };
+
+//# sourceMappingURL=PeriodSelect.stories.js.map

package/dist/period-select/stories/PeriodSelect.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PeriodSelect.stories.js","names":[],"sources":["../../../src/period-select/stories/PeriodSelect.stories.tsx"],"sourcesContent":["import { useArgs } from \"storybook/preview-api\";\nimport { fn } from \"storybook/test\";\n\nimport { countCalendarDaysInDateRange, isDateRangeTuple, type NullableDateRange } from \"@ryuzaki13/react-foundation-lib/formatters\";\n\nimport { RangeDateInput } from \"../../date-input\";\nimport { GridContainer } from \"../../grid\";\nimport { Text } from \"../../text\";\nimport { PeriodSelect, type PeriodSelectProps } from \"../index\";\n\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nconst defaultDateRange = [new Date(2026, 2, 1, 0, 0, 0), new Date(2026, 2, 14, 23, 59, 59)] as const satisfies NullableDateRange;\nconst longDateRange = [new Date(2026, 0, 1, 0, 0, 0), new Date(2026, 4, 20, 23, 59, 59)] as const satisfies NullableDateRange;\n\nconst meta = {\n\ttitle: \"Shared/UI/PeriodSelect\",\n\tcomponent: PeriodSelect,\n\targs: {\n\t\tlabel: \"Период детализации\",\n\t\tdescription: \"Выберите уровень группировки дат.\",\n\t\tplaceholder: \"Выберите период\",\n\t\tvalue: \"day\",\n\t\tonChange: fn<NonNullable<PeriodSelectProps[\"onChange\"]>>(),\n\t\tdateRange: defaultDateRange,\n\t\tmaxDayRangeDays: 31,\n\t\tmaxWeekRangeWeeks: 26,\n\t\tdisabled: false,\n\t\tsize: \"md\"\n\t},\n\tparameters: {\n\t\tatomicCanvas: true,\n\t\tlayout: \"padded\",\n\t\tdocs: {\n\t\t\tdescription: {\n\t\t\t\tcomponent:\n\t\t\t\t\t\"Select периода детализации дат. Компонент работает с id периода и может блокировать слишком детальные варианты по переданному диапазону дат.\"\n\t\t\t}\n\t\t}\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: \"Текущий id периода.\",\n\t\t\tcontrol: \"select\",\n\t\t\toptions: [\"day\", \"week\", \"month\"]\n\t\t},\n\t\tonChange: {\n\t\t\tdescription: \"Вызывается с id выбранного периода.\",\n\t\t\tcontrol: false\n\t\t},\n\t\toptions: {\n\t\t\tdescription: \"Кастомный список периодов по контракту `PeriodSelectOption`.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tdateRange: {\n\t\t\tdescription: \"Диапазон дат, по которому вычисляются заблокированные периоды.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tmaxDayRangeDays: {\n\t\t\tdescription: \"Максимальное количество дней, при котором доступен период `day`.\",\n\t\t\tcontrol: {\n\t\t\t\ttype: \"number\",\n\t\t\t\tmin: 1,\n\t\t\t\tstep: 1\n\t\t\t}\n\t\t},\n\t\tmaxWeekRangeWeeks: {\n\t\t\tdescription: \"Максимальное количество недель, при котором доступен период `week`.\",\n\t\t\tcontrol: {\n\t\t\t\ttype: \"number\",\n\t\t\t\tmin: 1,\n\t\t\t\tstep: 1\n\t\t\t}\n\t\t},\n\t\tdisabled: {\n\t\t\tdescription: \"Блокирует взаимодействие с полем.\",\n\t\t\tcontrol: \"boolean\"\n\t\t},\n\t\tsize: {\n\t\t\tdescription: \"Размер поля и подписей.\",\n\t\t\tcontrol: \"select\",\n\t\t\toptions: [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]\n\t\t}\n\t}\n} satisfies Meta<PeriodSelectProps>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nfunction getRangeInputValue(dateRange: PeriodSelectProps[\"dateRange\"]): NullableDateRange | null {\n\treturn dateRange !== undefined && isDateRangeTuple(dateRange) ? dateRange : null;\n}\n\nfunction PeriodSelectStoryCanvas(args: PeriodSelectProps) {\n\tconst [, updateArgs] = useArgs<PeriodSelectProps>();\n\tconst rangeValue = getRangeInputValue(args.dateRange);\n\tconst rangeDays = countCalendarDaysInDateRange(args.dateRange ?? null);\n\n\treturn (\n\t\t<GridContainer gap=\"md\">\n\t\t\t<PeriodSelect\n\t\t\t\t{...args}\n\t\t\t\tonChange={(value) => {\n\t\t\t\t\targs.onChange(value);\n\t\t\t\t\tupdateArgs({ value });\n\t\t\t\t}}\n\t\t\t/>\n\n\t\t\t<RangeDateInput\n\t\t\t\tlabel=\"Связанный диапазон дат\"\n\t\t\t\tplaceholder=\"дд.мм.гггг - дд.мм.гггг\"\n\t\t\t\tvalue={rangeValue}\n\t\t\t\tonChange={(dateRange) => updateArgs({ dateRange: dateRange ?? undefined })}\n\t\t\t/>\n\n\t\t\t<Text as=\"p\" color=\"secondary\" aria-live=\"polite\">\n\t\t\t\tВыбрано: <Text as=\"code\">{args.value ?? \"не выбрано\"}</Text>. Дней в диапазоне:{\" \"}\n\t\t\t\t<Text as=\"code\">{rangeDays ?? \"не задано\"}</Text>.\n\t\t\t</Text>\n\t\t</GridContainer>\n\t);\n}\n\n/**\n * Контролируемый сценарий синхронизирует `value` и `dateRange` через Storybook args.\n */\nexport const Controlled: Story = {\n\tname: \"Контролируемый выбор\",\n\trender: function Render(args) {\n\t\treturn <PeriodSelectStoryCanvas {...args} />;\n\t}\n};\n\n/**\n * Длинный диапазон блокирует `day` и `week`, поэтому контрол переключает значение на ближайший доступный период.\n */\nexport const AutoSwitchByRange: Story = {\n\tname: \"Автопереключение по диапазону\",\n\targs: {\n\t\tvalue: \"day\",\n\t\tdateRange: longDateRange,\n\t\tmaxDayRangeDays: 31,\n\t\tmaxWeekRangeWeeks: 8\n\t},\n\trender: function Render(args) {\n\t\treturn <PeriodSelectStoryCanvas {...args} />;\n\t}\n};\n\nexport const Disabled: Story = {\n\tname: \"Заблокированный контрол\",\n\targs: {\n\t\tdisabled: true,\n\t\tvalue: \"week\"\n\t}\n};\n"],"mappings":";;;;;;;;;AAYA,IAAM,IAAmB,CAAC,IAAI,KAAK,MAAM,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,IAAI,KAAK,MAAM,GAAG,IAAI,IAAI,IAAI,EAAE,CAAC,GACpF,IAAgB,CAAC,IAAI,KAAK,MAAM,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,IAAI,KAAK,MAAM,GAAG,IAAI,IAAI,IAAI,EAAE,CAAC,GAEjF,IAAO;CACZ,OAAO;CACP,WAAW;CACX,MAAM;EACL,OAAO;EACP,aAAa;EACb,aAAa;EACb,OAAO;EACP,UAAU,EAA+C;EACzD,WAAW;EACX,iBAAiB;EACjB,mBAAmB;EACnB,UAAU;EACV,MAAM;CACP;CACA,YAAY;EACX,cAAc;EACd,QAAQ;EACR,MAAM,EACL,aAAa,EACZ,WACC,+IACF,EACD;CACD;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;GACT,SAAS;IAAC;IAAO;IAAQ;GAAO;EACjC;EACA,UAAU;GACT,aAAa;GACb,SAAS;EACV;EACA,SAAS;GACR,aAAa;GACb,SAAS;EACV;EACA,WAAW;GACV,aAAa;GACb,SAAS;EACV;EACA,iBAAiB;GAChB,aAAa;GACb,SAAS;IACR,MAAM;IACN,KAAK;IACL,MAAM;GACP;EACD;EACA,mBAAmB;GAClB,aAAa;GACb,SAAS;IACR,MAAM;IACN,KAAK;IACL,MAAM;GACP;EACD;EACA,UAAU;GACT,aAAa;GACb,SAAS;EACV;EACA,MAAM;GACL,aAAa;GACb,SAAS;GACT,SAAS;IAAC;IAAM;IAAM;IAAM;IAAM;GAAI;EACvC;CACD;AACD;AAKA,SAAS,EAAmB,GAAqE;CAChG,OAAO,MAAc,KAAA,KAAa,EAAiB,CAAS,IAAI,IAAY;AAC7E;AAEA,SAAS,EAAwB,GAAyB;CACzD,IAAM,GAAG,KAAc,EAA2B,GAC5C,IAAa,EAAmB,EAAK,SAAS,GAC9C,IAAY,EAA6B,EAAK,aAAa,IAAI;CAErE,OACC,kBAAC,GAAD;EAAe,KAAI;YAAnB;GACC,kBAAC,GAAD;IACC,GAAI;IACJ,WAAW,MAAU;KAEpB,AADA,EAAK,SAAS,CAAK,GACnB,EAAW,EAAE,SAAM,CAAC;IACrB;GACA,CAAA;GAED,kBAAC,GAAD;IACC,OAAM;IACN,aAAY;IACZ,OAAO;IACP,WAAW,MAAc,EAAW,EAAE,WAAW,KAAa,KAAA,EAAU,CAAC;GACzE,CAAA;GAED,kBAAC,GAAD;IAAM,IAAG;IAAI,OAAM;IAAY,aAAU;cAAzC;KAAkD;KACxC,kBAAC,GAAD;MAAM,IAAG;gBAAQ,EAAK,SAAS;KAAmB,CAAA;KAAC;KAAoB;KAChF,kBAAC,GAAD;MAAM,IAAG;gBAAQ,KAAa;KAAkB,CAAA;KAAC;IAC5C;;EACQ;;AAEjB;AAKA,IAAa,IAAoB;CAChC,MAAM;CACN,QAAQ,SAAgB,GAAM;EAC7B,OAAO,kBAAC,GAAD,EAAyB,GAAI,EAAO,CAAA;CAC5C;AACD,GAKa,IAA2B;CACvC,MAAM;CACN,MAAM;EACL,OAAO;EACP,WAAW;EACX,iBAAiB;EACjB,mBAAmB;CACpB;CACA,QAAQ,SAAgB,GAAM;EAC7B,OAAO,kBAAC,GAAD,EAAyB,GAAI,EAAO,CAAA;CAC5C;AACD,GAEa,IAAkB;CAC9B,MAAM;CACN,MAAM;EACL,UAAU;EACV,OAAO;CACR;AACD"}

package/dist/picker/PickerField.d.ts

@@ -0,0 +1,4 @@
+import { InputType } from "@ryuzaki13/react-foundation-lib/types";
+import { PickerFieldProps } from "./types";
+export declare function PickerField<TValue extends InputType>({ id, label, description, disabled, size, className, error, children }: PickerFieldProps<TValue>): import("react").JSX.Element;
+//# sourceMappingURL=PickerField.d.ts.map

package/dist/picker/PickerField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerField.d.ts","sourceRoot":"","sources":["../../src/picker/PickerField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAKlE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,wBAAgB,WAAW,CAAC,MAAM,SAAS,SAAS,EAAE,EACrD,EAAE,EACF,KAAK,EACL,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,EAAE,gBAAgB,CAAC,MAAM,CAAC,+BAuB1B"}