@ryuzaki13/react-foundation-ui 0.1.0

package/dist/multi-select/ui/SerializableMultiSelect.d.ts

@@ -0,0 +1,14 @@
+import type { UiBaseProps } from "../../types";
+type SerializableOptionRecord = Record<string, unknown>;
+type SerializableOptionKeyField<TOption extends SerializableOptionRecord> = {
+    [K in keyof TOption]: Extract<TOption[K], string> extends never ? never : K;
+}[keyof TOption];
+export interface SerializableMultiSelectProps<TOption extends SerializableOptionRecord, TOptionKey extends SerializableOptionKeyField<TOption>, TOptionLabel extends keyof TOption> extends UiBaseProps<Extract<TOption[TOptionKey], string>[]> {
+    options: readonly TOption[];
+    optionKey: TOptionKey;
+    optionLabel: TOptionLabel;
+    renderCode?: true;
+}
+export declare function SerializableMultiSelect<TOption extends SerializableOptionRecord, TOptionKey extends SerializableOptionKeyField<TOption>, TOptionLabel extends keyof TOption>({ label, description, disabled, placeholder, size, options, value, onChange, optionKey, optionLabel, renderCode }: SerializableMultiSelectProps<TOption, TOptionKey, TOptionLabel>): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=SerializableMultiSelect.d.ts.map

package/dist/multi-select/ui/SerializableMultiSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SerializableMultiSelect.d.ts","sourceRoot":"","sources":["../../../src/multi-select/ui/SerializableMultiSelect.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,KAAK,wBAAwB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAExD,KAAK,0BAA0B,CAAC,OAAO,SAAS,wBAAwB,IAAI;KAC1E,CAAC,IAAI,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,SAAS,KAAK,GAAG,KAAK,GAAG,CAAC;CAC3E,CAAC,MAAM,OAAO,CAAC,CAAC;AAEjB,MAAM,WAAW,4BAA4B,CAC5C,OAAO,SAAS,wBAAwB,EACxC,UAAU,SAAS,0BAA0B,CAAC,OAAO,CAAC,EACtD,YAAY,SAAS,MAAM,OAAO,CACjC,SAAQ,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC;IAC5D,OAAO,EAAE,SAAS,OAAO,EAAE,CAAC;IAC5B,SAAS,EAAE,UAAU,CAAC;IACtB,WAAW,EAAE,YAAY,CAAC;IAC1B,UAAU,CAAC,EAAE,IAAI,CAAC;CAClB;AAwBD,wBAAgB,uBAAuB,CACtC,OAAO,SAAS,wBAAwB,EACxC,UAAU,SAAS,0BAA0B,CAAC,OAAO,CAAC,EACtD,YAAY,SAAS,MAAM,OAAO,EACjC,EACD,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAW,EACX,UAAU,EACV,EAAE,4BAA4B,CAAC,OAAO,EAAE,UAAU,EAAE,YAAY,CAAC,+BAwBjE"}

package/dist/multi-select/ui/defaultRenderers.d.ts

@@ -0,0 +1,14 @@
+import { CollectionItem } from "@ryuzaki13/react-foundation-lib/odata";
+import type { MultiSelectItemState, MultiSelectRenderContext } from "./MultiSelect";
+interface MultiSelectRendererConfig {
+    codeKey: string;
+    textKey?: string;
+    hideCode?: boolean;
+}
+export declare function resolveMultiSelectTextKey(items: CollectionItem[], codeKey: string, textKey?: string): string;
+export declare function getDefaultMultiSelectTokenValue(items: CollectionItem[], codeKey: string, textKey?: string): string | undefined;
+export declare function createDefaultMultiSelectTokenRenderer(config: MultiSelectRendererConfig): (context: MultiSelectRenderContext) => import("react").JSX.Element;
+export declare function renderDefaultMultiSelectToolbar(context: MultiSelectRenderContext): import("react").JSX.Element;
+export declare function createDefaultMultiSelectItemRenderer(config: MultiSelectRendererConfig): (item: CollectionItem, state: MultiSelectItemState) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=defaultRenderers.d.ts.map

package/dist/multi-select/ui/defaultRenderers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultRenderers.d.ts","sourceRoot":"","sources":["../../../src/multi-select/ui/defaultRenderers.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAMvE,OAAO,KAAK,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAEpF,UAAU,yBAAyB;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,cAAc,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,UAYnG;AAED,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,cAAc,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,sBAWzG;AAED,wBAAgB,qCAAqC,CAAC,MAAM,EAAE,yBAAyB,IACnD,SAAS,wBAAwB,iCAGpE;AAED,wBAAgB,+BAA+B,CAAC,OAAO,EAAE,wBAAwB,+BAEhF;AAED,wBAAgB,oCAAoC,CAAC,MAAM,EAAE,yBAAyB,IACnD,MAAM,cAAc,EAAE,OAAO,oBAAoB,iCAWnF"}

package/dist/multi-select/ui/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./MultiSelect";
+export * from "./MultiSelectToken";
+export * from "./SerializableMultiSelect";
+//# sourceMappingURL=index.d.ts.map

package/dist/multi-select/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/multi-select/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC"}

package/dist/multi-select/ui/stories/MultiSelect.stories.d.ts

@@ -0,0 +1,67 @@
+import { CollectionItem } from "@ryuzaki13/react-foundation-lib/odata";
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("..").MultiSelectProps<CollectionItem> & import("react").RefAttributes<HTMLInputElement>>;
+    args: {
+        label: string;
+        description: string;
+        placeholder: string;
+        value: never[];
+        onChange: () => void;
+        codeKey: string;
+        textKey: string;
+        items: CollectionItem[];
+        query: string;
+        onQuery: () => void;
+        onOpen: () => void;
+        onClose: () => void;
+        size: "md";
+        disabled: false;
+    };
+    parameters: {
+        atomicCanvas: boolean;
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        value: {
+            control: false;
+        };
+        onChange: {
+            control: false;
+        };
+        items: {
+            control: false;
+        };
+        onQuery: {
+            control: false;
+        };
+        onOpen: {
+            control: false;
+        };
+        onClose: {
+            control: false;
+        };
+        renderToken: {
+            control: false;
+        };
+        renderToolbar: {
+            control: false;
+        };
+        renderItem: {
+            control: false;
+        };
+        size: {
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Basic: Story;
+export declare const Loading: Story;
+export declare const ErrorState: Story;
+export declare const Empty: Story;
+//# sourceMappingURL=MultiSelect.stories.d.ts.map

package/dist/multi-select/ui/stories/MultiSelect.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.stories.d.ts","sourceRoot":"","sources":["../../../../src/multi-select/ui/stories/MultiSelect.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAIvE,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAU5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuC0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,KAAK,EAAE,KAgBnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC"}

package/dist/multi-select/ui/stories/MultiSelect.stories.js

@@ -0,0 +1,114 @@
+import { t as e } from "../../../chunks/MultiSelect-CBqTylqO.js";
+import { jsx as t } from "react/jsx-runtime";
+import { useMemo as n, useState as r } from "react";
+//#region src/multi-select/ui/stories/MultiSelect.stories.tsx
+var i = [
+	{
+		code: "MOW",
+		label: "Москва"
+	},
+	{
+		code: "SPB",
+		label: "Санкт-Петербург"
+	},
+	{
+		code: "EKB",
+		label: "Екатеринбург"
+	},
+	{
+		code: "KZN",
+		label: "Казань"
+	},
+	{
+		code: "NSK",
+		label: "Новосибирск"
+	}
+], a = {
+	title: "Shared/UI/MultiSelect",
+	component: e,
+	args: {
+		label: "Города",
+		description: "Выберите несколько значений.",
+		placeholder: "Начните вводить",
+		value: [],
+		onChange: () => {},
+		codeKey: "code",
+		textKey: "label",
+		items: i,
+		query: "",
+		onQuery: () => {},
+		onOpen: () => {},
+		onClose: () => {},
+		size: "md",
+		disabled: !1
+	},
+	parameters: {
+		atomicCanvas: !0,
+		layout: "padded"
+	},
+	tags: ["autodocs"],
+	argTypes: {
+		value: { control: !1 },
+		onChange: { control: !1 },
+		items: { control: !1 },
+		onQuery: { control: !1 },
+		onOpen: { control: !1 },
+		onClose: { control: !1 },
+		renderToken: { control: !1 },
+		renderToolbar: { control: !1 },
+		renderItem: { control: !1 },
+		size: {
+			control: "select",
+			options: [
+				"xs",
+				"sm",
+				"md",
+				"lg",
+				"xl"
+			]
+		}
+	}
+}, o = { render: (a) => {
+	let [o, s] = r([i[1]]), [c, l] = r(""), u = n(() => {
+		let e = c.trim().toLowerCase();
+		return e ? i.filter((t) => t.label.toLowerCase().includes(e) || t.code.toLowerCase().includes(e)) : i;
+	}, [c]);
+	return /* @__PURE__ */ t(e, {
+		...a,
+		value: o,
+		items: u,
+		query: c,
+		onQuery: l,
+		onChange: s
+	});
+} }, s = { render: (n) => {
+	let [i, a] = r([]);
+	return /* @__PURE__ */ t(e, {
+		...n,
+		value: i,
+		items: [],
+		isLoading: !0,
+		onChange: a
+	});
+} }, c = { render: (n) => {
+	let [i, a] = r([]);
+	return /* @__PURE__ */ t(e, {
+		...n,
+		value: i,
+		items: [],
+		error: "Ошибка загрузки",
+		onChange: a
+	});
+} }, l = { render: (n) => {
+	let [i, a] = r([]);
+	return /* @__PURE__ */ t(e, {
+		...n,
+		value: i,
+		items: [],
+		onChange: a
+	});
+} };
+//#endregion
+export { o as Basic, l as Empty, c as ErrorState, s as Loading, a as default };
+
+//# sourceMappingURL=MultiSelect.stories.js.map

package/dist/multi-select/ui/stories/MultiSelect.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.stories.js","names":[],"sources":["../../../../src/multi-select/ui/stories/MultiSelect.stories.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\n\nimport { CollectionItem } from \"@ryuzaki13/react-foundation-lib/odata\";\n\nimport { MultiSelect } from \"../MultiSelect\";\n\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nconst catalog: CollectionItem[] = [\n\t{ code: \"MOW\", label: \"Москва\" },\n\t{ code: \"SPB\", label: \"Санкт-Петербург\" },\n\t{ code: \"EKB\", label: \"Екатеринбург\" },\n\t{ code: \"KZN\", label: \"Казань\" },\n\t{ code: \"NSK\", label: \"Новосибирск\" }\n];\n\nconst meta = {\n\ttitle: \"Shared/UI/MultiSelect\",\n\tcomponent: MultiSelect,\n\targs: {\n\t\tlabel: \"Города\",\n\t\tdescription: \"Выберите несколько значений.\",\n\t\tplaceholder: \"Начните вводить\",\n\t\tvalue: [],\n\t\tonChange: () => {},\n\t\tcodeKey: \"code\",\n\t\ttextKey: \"label\",\n\t\titems: catalog,\n\t\tquery: \"\",\n\t\tonQuery: () => {},\n\t\tonOpen: () => {},\n\t\tonClose: () => {},\n\t\tsize: \"md\",\n\t\tdisabled: false\n\t},\n\tparameters: {\n\t\tatomicCanvas: true,\n\t\tlayout: \"padded\"\n\t},\n\ttags: [\"autodocs\"],\n\targTypes: {\n\t\tvalue: { control: false },\n\t\tonChange: { control: false },\n\t\titems: { control: false },\n\t\tonQuery: { control: false },\n\t\tonOpen: { control: false },\n\t\tonClose: { control: false },\n\t\trenderToken: { control: false },\n\t\trenderToolbar: { control: false },\n\t\trenderItem: { control: false },\n\t\tsize: {\n\t\t\tcontrol: \"select\",\n\t\t\toptions: [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]\n\t\t}\n\t}\n} satisfies Meta<typeof MultiSelect>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Basic: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<CollectionItem[]>([catalog[1]]);\n\t\tconst [query, setQuery] = useState(\"\");\n\t\tconst filteredItems = useMemo(() => {\n\t\t\tconst needle = query.trim().toLowerCase();\n\n\t\t\tif (!needle) {\n\t\t\t\treturn catalog;\n\t\t\t}\n\n\t\t\treturn catalog.filter((item) => item.label.toLowerCase().includes(needle) || item.code.toLowerCase().includes(needle));\n\t\t}, [query]);\n\n\t\treturn <MultiSelect {...args} value={value} items={filteredItems} query={query} onQuery={setQuery} onChange={setValue} />;\n\t}\n};\n\nexport const Loading: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<CollectionItem[]>([]);\n\n\t\treturn <MultiSelect {...args} value={value} items={[]} isLoading onChange={setValue} />;\n\t}\n};\n\nexport const ErrorState: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<CollectionItem[]>([]);\n\n\t\treturn <MultiSelect {...args} value={value} items={[]} error=\"Ошибка загрузки\" onChange={setValue} />;\n\t}\n};\n\nexport const Empty: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<CollectionItem[]>([]);\n\n\t\treturn <MultiSelect {...args} value={value} items={[]} onChange={setValue} />;\n\t}\n};\n"],"mappings":";;;;AAQA,IAAM,IAA4B;CACjC;EAAE,MAAM;EAAO,OAAO;CAAS;CAC/B;EAAE,MAAM;EAAO,OAAO;CAAkB;CACxC;EAAE,MAAM;EAAO,OAAO;CAAe;CACrC;EAAE,MAAM;EAAO,OAAO;CAAS;CAC/B;EAAE,MAAM;EAAO,OAAO;CAAc;AACrC,GAEM,IAAO;CACZ,OAAO;CACP,WAAW;CACX,MAAM;EACL,OAAO;EACP,aAAa;EACb,aAAa;EACb,OAAO,CAAC;EACR,gBAAgB,CAAC;EACjB,SAAS;EACT,SAAS;EACT,OAAO;EACP,OAAO;EACP,eAAe,CAAC;EAChB,cAAc,CAAC;EACf,eAAe,CAAC;EAChB,MAAM;EACN,UAAU;CACX;CACA,YAAY;EACX,cAAc;EACd,QAAQ;CACT;CACA,MAAM,CAAC,UAAU;CACjB,UAAU;EACT,OAAO,EAAE,SAAS,GAAM;EACxB,UAAU,EAAE,SAAS,GAAM;EAC3B,OAAO,EAAE,SAAS,GAAM;EACxB,SAAS,EAAE,SAAS,GAAM;EAC1B,QAAQ,EAAE,SAAS,GAAM;EACzB,SAAS,EAAE,SAAS,GAAM;EAC1B,aAAa,EAAE,SAAS,GAAM;EAC9B,eAAe,EAAE,SAAS,GAAM;EAChC,YAAY,EAAE,SAAS,GAAM;EAC7B,MAAM;GACL,SAAS;GACT,SAAS;IAAC;IAAM;IAAM;IAAM;IAAM;GAAI;EACvC;CACD;AACD,GAKa,IAAe,EAC3B,SAAS,MAAS;CACjB,IAAM,CAAC,GAAO,KAAY,EAA2B,CAAC,EAAQ,EAAE,CAAC,GAC3D,CAAC,GAAO,KAAY,EAAS,EAAE,GAC/B,IAAgB,QAAc;EACnC,IAAM,IAAS,EAAM,KAAK,CAAC,CAAC,YAAY;EAMxC,OAJK,IAIE,EAAQ,QAAQ,MAAS,EAAK,MAAM,YAAY,CAAC,CAAC,SAAS,CAAM,KAAK,EAAK,KAAK,YAAY,CAAC,CAAC,SAAS,CAAM,CAAC,IAH7G;CAIT,GAAG,CAAC,CAAK,CAAC;CAEV,OAAO,kBAAC,GAAD;EAAa,GAAI;EAAa;EAAO,OAAO;EAAsB;EAAO,SAAS;EAAU,UAAU;CAAW,CAAA;AACzH,EACD,GAEa,IAAiB,EAC7B,SAAS,MAAS;CACjB,IAAM,CAAC,GAAO,KAAY,EAA2B,CAAC,CAAC;CAEvD,OAAO,kBAAC,GAAD;EAAa,GAAI;EAAa;EAAO,OAAO,CAAC;EAAG,WAAA;EAAU,UAAU;CAAW,CAAA;AACvF,EACD,GAEa,IAAoB,EAChC,SAAS,MAAS;CACjB,IAAM,CAAC,GAAO,KAAY,EAA2B,CAAC,CAAC;CAEvD,OAAO,kBAAC,GAAD;EAAa,GAAI;EAAa;EAAO,OAAO,CAAC;EAAG,OAAM;EAAkB,UAAU;CAAW,CAAA;AACrG,EACD,GAEa,IAAe,EAC3B,SAAS,MAAS;CACjB,IAAM,CAAC,GAAO,KAAY,EAA2B,CAAC,CAAC;CAEvD,OAAO,kBAAC,GAAD;EAAa,GAAI;EAAa;EAAO,OAAO,CAAC;EAAG,UAAU;CAAW,CAAA;AAC7E,EACD"}

package/dist/notifications/index.d.ts

@@ -0,0 +1,13 @@
+import { notify } from "@ryuzaki13/react-foundation-lib/notifications";
+export { 
+/**
+ * @deprecated use `import { notify } from "@ryuzaki13/react-foundation-lib/notifications";`
+ */
+notify as NotificationApi, 
+/**
+ * @deprecated use `import { notify } from "@ryuzaki13/react-foundation-lib/notifications";`
+ */
+notify };
+export * from "./model/NotificationsProvider";
+export * from "./ui/NotificationsHost";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/notifications/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACvE,OAAO;AACN;;GAEG;AACH,MAAM,IAAI,eAAe;AACzB;;GAEG;AACH,MAAM,EACN,CAAC;AAEF,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC"}

package/dist/notifications/index.js

@@ -0,0 +1,3 @@
+import { a as e, i as t, n, r, t as i } from "../chunks/NotificationsHost-BQc-zOr2.js";
+import { notify as a } from "@ryuzaki13/react-foundation-lib/notifications";
+export { a as NotificationApi, a as notify, i as NotificationsHost, n as NotificationsProvider, r as useNotificationById, t as useNotifications, e as useNotify };

package/dist/notifications/model/NotificationsProvider.d.ts

@@ -0,0 +1,22 @@
+import { PropsWithChildren } from "react";
+import { NotificationId, NotificationPushInput } from "@ryuzaki13/react-foundation-lib/notifications";
+/**
+ * Провайдер уведомлений приложения. Хранит состояние списка уведомлений и предоставляет хуки доступа к нему.
+ */
+export declare function NotificationsProvider({ children }: PropsWithChildren): import("react").JSX.Element;
+export declare function useNotifications(): import("@ryuzaki13/react-foundation-lib/notifications").Notification[];
+export declare function useNotify(): {
+    success: (message: string, opts?: Omit<NotificationPushInput, "type" | "message">) => string;
+    info: (message: string, opts?: Omit<NotificationPushInput, "type" | "message">) => string;
+    warning: (message: string, opts?: Omit<NotificationPushInput, "type" | "message">) => string;
+    error: (message: string, opts?: Omit<NotificationPushInput, "type" | "message">) => string;
+    push: (input: NotificationPushInput) => NotificationId;
+    update: (id: NotificationId, patch: import("@ryuzaki13/react-foundation-lib/notifications").NotificationUpdatePatch) => boolean;
+    upsert: (input: NotificationPushInput & {
+        id: NotificationId;
+    }) => NotificationId;
+    dismiss: (id: NotificationId) => void;
+    clear: () => void;
+};
+export declare function useNotificationById(id: NotificationId): import("@ryuzaki13/react-foundation-lib/notifications").Notification | undefined;
+//# sourceMappingURL=NotificationsProvider.d.ts.map

package/dist/notifications/model/NotificationsProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsProvider.d.ts","sourceRoot":"","sources":["../../../src/notifications/model/NotificationsProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,iBAAiB,EAAkC,MAAM,OAAO,CAAC;AAKzF,OAAO,EAGN,cAAc,EACd,qBAAqB,EAGrB,MAAM,+CAA+C,CAAC;AAIvD;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,+BAQpE;AAaD,wBAAgB,gBAAgB,2EAG/B;AAED,wBAAgB,SAAS;uBAIyB,MAAM,SAAS,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,SAAS,CAAC;oBAA9D,MAAM,SAAS,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,SAAS,CAAC;uBAA9D,MAAM,SAAS,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,SAAS,CAAC;qBAA9D,MAAM,SAAS,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,SAAS,CAAC;;;;;;;;EAU/G;AAED,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,cAAc,oFAGrD"}

package/dist/notifications/model/index.d.ts

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

package/dist/notifications/model/index.d.ts.map

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

package/dist/notifications/ui/NotificationsHost.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Хост для визуального отображения очереди уведомлений.
+ * Обычно монтируется один раз на уровне приложения рядом с провайдером уведомлений.
+ */
+export declare function NotificationsHost(): import("react").JSX.Element;
+//# sourceMappingURL=NotificationsHost.d.ts.map

package/dist/notifications/ui/NotificationsHost.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsHost.d.ts","sourceRoot":"","sources":["../../../src/notifications/ui/NotificationsHost.tsx"],"names":[],"mappings":"AAoCA;;;GAGG;AACH,wBAAgB,iBAAiB,gCA+DhC"}

package/dist/notifications/ui/stories/NotificationsHost.stories.d.ts

@@ -0,0 +1,21 @@
+import { NotificationsHost } from "../NotificationsHost";
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: typeof NotificationsHost;
+    parameters: {
+        atomicCanvas: boolean;
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Showcase: Story;
+export declare const InteractivePlayground: Story;
+//# sourceMappingURL=NotificationsHost.stories.d.ts.map

package/dist/notifications/ui/stories/NotificationsHost.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsHost.stories.d.ts","sourceRoot":"","sources":["../../../../src/notifications/ui/stories/NotificationsHost.stories.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;CAcgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA4UnC,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAanC,CAAC"}

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

@@ -0,0 +1,326 @@
+import { t as e } from "../../../chunks/Button-BZ_b-Kin.js";
+import { a as t, n, t as r } from "../../../chunks/NotificationsHost-BQc-zOr2.js";
+import { BellRingIcon as i, CheckIcon as a, InfoIcon as o, RefreshCwIcon as s, TimerResetIcon as c, Trash2Icon as l, TriangleAlertIcon as u, XCircleIcon as d } from "lucide-react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useEffect as m, useRef as h, useState as g } from "react";
+//#region src/notifications/ui/stories/NotificationsHost.stories.tsx
+var _ = {
+	title: "Shared/UI/Notifications",
+	component: r,
+	parameters: {
+		atomicCanvas: !0,
+		layout: "fullscreen",
+		docs: { description: { component: "Компонент отображает очередь глобальных уведомлений поверх интерфейса. Истории ниже показывают внешний вид для разных статусов, работу автозакрытия, ограничение очереди и сценарий длительной операции с обновлением одного уведомления." } }
+	},
+	tags: ["autodocs"]
+}, v = {
+	minHeight: "100vh",
+	padding: "32px 24px 160px",
+	background: "linear-gradient(180deg, color-mix(in srgb, var(--surface-1) 82%, transparent) 0%, var(--surface-0) 100%)",
+	color: "var(--content-0)"
+}, y = {
+	maxWidth: 1120,
+	margin: "0 auto",
+	display: "grid",
+	gap: 16
+}, b = {
+	padding: 20,
+	border: "var(--border)",
+	borderRadius: "var(--radius-md)",
+	background: "var(--surface-0)",
+	boxShadow: "var(--shadow-sm)"
+}, x = {
+	display: "grid",
+	gap: 16,
+	gridTemplateColumns: "repeat(auto-fit, minmax(280px, 1fr))"
+}, S = {
+	padding: 20,
+	border: "var(--border)",
+	borderRadius: "var(--radius-md)",
+	background: "var(--surface-0)",
+	boxShadow: "var(--shadow-sm)",
+	display: "grid",
+	gap: 12,
+	alignContent: "start"
+}, C = {
+	display: "flex",
+	flexWrap: "wrap",
+	gap: 10
+};
+function w() {
+	let { clear: e } = t();
+	return m(() => (e(), () => {
+		e();
+	}), [e]), null;
+}
+function T({ children: e }) {
+	return /* @__PURE__ */ p(n, { children: [
+		/* @__PURE__ */ f(w, {}),
+		/* @__PURE__ */ f("div", {
+			style: v,
+			children: /* @__PURE__ */ p("div", {
+				style: y,
+				children: [/* @__PURE__ */ p("div", {
+					style: b,
+					children: [/* @__PURE__ */ f("h2", {
+						style: {
+							margin: 0,
+							fontSize: "var(--font-size-xl)"
+						},
+						children: "Демонстрация очереди уведомлений"
+					}), /* @__PURE__ */ f("p", {
+						style: {
+							margin: "12px 0 0",
+							color: "var(--content-1)"
+						},
+						children: "Хост закреплён в левом нижнем углу и использует общие токены проекта: `surface`, `content`, `status` и семантические `tone-*`. Внутри историй можно проверить лимит очереди, sticky-уведомления и сценарий длительной операции с обновлением одного уведомления."
+					})]
+				}), e]
+			})
+		}),
+		/* @__PURE__ */ f(r, {})
+	] });
+}
+function E() {
+	let { clear: e, push: n } = t();
+	return m(() => (e(), n({
+		type: "info",
+		title: "Сетевой статус",
+		message: "Подключение к серверу восстановлено.",
+		ttlMs: 6e3
+	}), n({
+		type: "success",
+		title: "Профиль обновлён",
+		message: "Изменения сохранены и отправлены в очередь на синхронизацию.",
+		ttlMs: 4500
+	}), n({
+		type: "warning",
+		title: "Требуется внимание",
+		message: "Срок действия сессии истекает через 5 минут."
+	}), n({
+		type: "error",
+		title: "Ошибка импорта",
+		message: "Не удалось загрузить журнал операций.\nПовторите запрос или обратитесь к администратору."
+	}), () => {
+		e();
+	}), [e, n]), /* @__PURE__ */ p("div", {
+		style: S,
+		children: [/* @__PURE__ */ f("h3", {
+			style: { margin: 0 },
+			children: "Снимок состояний"
+		}), /* @__PURE__ */ f("p", {
+			style: {
+				margin: 0,
+				color: "var(--content-1)"
+			},
+			children: "История сразу заполняет очередь всеми типами уведомлений, чтобы оценить цвет, иконки, контраст и читаемость текста."
+		})]
+	});
+}
+function D() {
+	let n = t(), r = h(null), [m, _] = g(!1), v = () => {
+		r.current = null, _(!1);
+	}, y = (e, t) => {
+		let i = r.current;
+		i && (!n.update(i, {
+			message: e,
+			...t
+		}) || t?.type) && v();
+	};
+	return /* @__PURE__ */ p("div", {
+		style: x,
+		children: [
+			/* @__PURE__ */ p("section", {
+				style: S,
+				children: [
+					/* @__PURE__ */ f("h3", {
+						style: { margin: 0 },
+						children: "Базовые сценарии"
+					}),
+					/* @__PURE__ */ f("p", {
+						style: {
+							margin: 0,
+							color: "var(--content-1)"
+						},
+						children: "Вызовы через `useNotify` подходят для UI-логики внутри React-компонентов."
+					}),
+					/* @__PURE__ */ p("div", {
+						style: C,
+						children: [
+							/* @__PURE__ */ f(e, {
+								tone: "info",
+								appearance: "outline",
+								icon: /* @__PURE__ */ f(o, {}),
+								onClick: () => n.info("Справочник обновлён по расписанию.", {
+									title: "Информация",
+									ttlMs: 3500
+								}),
+								children: "Info"
+							}),
+							/* @__PURE__ */ f(e, {
+								tone: "success",
+								appearance: "solid",
+								icon: /* @__PURE__ */ f(a, {}),
+								onClick: () => n.success("Изменения сохранены.", {
+									title: "Операция завершена",
+									ttlMs: 2500
+								}),
+								children: "Success"
+							}),
+							/* @__PURE__ */ f(e, {
+								tone: "warning",
+								appearance: "outline",
+								icon: /* @__PURE__ */ f(u, {}),
+								onClick: () => n.warning("Подтвердите действие в течение 2 минут.", {
+									title: "Требуется подтверждение",
+									dismissible: !1
+								}),
+								children: "Sticky warning"
+							}),
+							/* @__PURE__ */ f(e, {
+								tone: "error",
+								appearance: "solid",
+								icon: /* @__PURE__ */ f(d, {}),
+								onClick: () => n.error("Сервис проверки подписей недоступен.", { title: "Критическая ошибка" }),
+								children: "Error"
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ p("section", {
+				style: S,
+				children: [
+					/* @__PURE__ */ f("h3", {
+						style: { margin: 0 },
+						children: "Долгая операция"
+					}),
+					/* @__PURE__ */ f("p", {
+						style: {
+							margin: 0,
+							color: "var(--content-1)"
+						},
+						children: "Сценарий имитирует `notify.progress`: создаёт одно sticky-уведомление и затем обновляет его по тому же `id`."
+					}),
+					/* @__PURE__ */ p("div", {
+						style: C,
+						children: [
+							/* @__PURE__ */ f(e, {
+								variant: "neutralOutline",
+								icon: /* @__PURE__ */ f(i, {}),
+								onClick: () => {
+									let e = n.push({
+										type: "info",
+										title: "Экспорт архива",
+										message: "Подготавливаю пакет документов...",
+										dismissible: !1
+									});
+									r.current = e, _(!0);
+								},
+								children: "Запустить"
+							}),
+							/* @__PURE__ */ f(e, {
+								variant: "neutralOutline",
+								icon: /* @__PURE__ */ f(s, {}),
+								onClick: () => {
+									y("Обработано 68% записей. Формирую итоговый архив...");
+								},
+								disabled: !m,
+								children: "Обновить прогресс"
+							}),
+							/* @__PURE__ */ f(e, {
+								tone: "success",
+								appearance: "outline",
+								icon: /* @__PURE__ */ f(a, {}),
+								onClick: () => {
+									y("Архив подготовлен и доступен для скачивания.", {
+										type: "success",
+										ttlMs: 2500,
+										dismissible: !0
+									});
+								},
+								disabled: !m,
+								children: "Завершить успешно"
+							}),
+							/* @__PURE__ */ f(e, {
+								tone: "error",
+								appearance: "outline",
+								icon: /* @__PURE__ */ f(d, {}),
+								onClick: () => {
+									y("Не удалось собрать архив из-за ошибки чтения вложений.", {
+										type: "error",
+										ttlMs: 5e3,
+										dismissible: !0
+									});
+								},
+								disabled: !m,
+								children: "Завершить ошибкой"
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ p("section", {
+				style: S,
+				children: [
+					/* @__PURE__ */ f("h3", {
+						style: { margin: 0 },
+						children: "Очередь и очистка"
+					}),
+					/* @__PURE__ */ f("p", {
+						style: {
+							margin: 0,
+							color: "var(--content-1)"
+						},
+						children: "Стор сохраняет не более 6 уведомлений. Кнопка ниже специально создаёт 8 элементов, чтобы проверить отсечение старых записей."
+					}),
+					/* @__PURE__ */ p("div", {
+						style: C,
+						children: [
+							/* @__PURE__ */ f(e, {
+								variant: "neutralOutline",
+								icon: /* @__PURE__ */ f(s, {}),
+								onClick: () => {
+									for (let e = 1; e <= 8; e += 1) n.info(`Пакет ${e} поставлен в очередь на обработку.`, {
+										title: `Задача ${e}`,
+										ttlMs: 8e3
+									});
+								},
+								children: "Заполнить очередь"
+							}),
+							/* @__PURE__ */ f(e, {
+								tone: "info",
+								appearance: "outline",
+								icon: /* @__PURE__ */ f(c, {}),
+								onClick: () => n.info("Это уведомление исчезнет автоматически через 2 секунды.", {
+									title: "TTL = 2000 мс",
+									ttlMs: 2e3
+								}),
+								children: "Проверить TTL"
+							}),
+							/* @__PURE__ */ f(e, {
+								variant: "transparent",
+								icon: /* @__PURE__ */ f(l, {}),
+								onClick: () => {
+									v(), n.clear();
+								},
+								children: "Очистить всё"
+							})
+						]
+					})
+				]
+			})
+		]
+	});
+}
+var O = {
+	render: () => /* @__PURE__ */ f(T, { children: /* @__PURE__ */ f(E, {}) }),
+	parameters: { docs: { description: { story: "Быстрый визуальный обзор: все статусы сразу добавляются в очередь после открытия истории." } } }
+}, k = {
+	render: () => /* @__PURE__ */ f(T, { children: /* @__PURE__ */ f(D, {}) }),
+	parameters: { docs: { description: { story: "Интерактивный сценарий для проверки базовых уведомлений, длительной операции, лимита очереди и автозакрытия." } } }
+};
+//#endregion
+export { k as InteractivePlayground, O as Showcase, _ as default };
+
+//# sourceMappingURL=NotificationsHost.stories.js.map