@ryuzaki13/react-foundation-ui 0.1.0

package/dist/toggle/stories/Toggle.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.stories.d.ts","sourceRoot":"","sources":["../../../src/toggle/stories/Toggle.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC"}

package/dist/toggle/stories/Toggle.stories.js

@@ -0,0 +1,102 @@
+import { t as e } from "../../chunks/Toggle-C_fE-bkM.js";
+import { jsx as t } from "react/jsx-runtime";
+import { useState as n } from "react";
+//#region src/toggle/stories/Toggle.stories.tsx
+var r = {
+	title: "Shared/UI/Toggle",
+	component: e,
+	args: {
+		value: !1,
+		onChange: () => {}
+	},
+	parameters: {
+		atomicCanvas: !0,
+		layout: "padded"
+	},
+	tags: ["autodocs"],
+	argTypes: {
+		label: {
+			description: "Текст подписи переключателя.",
+			control: "text"
+		},
+		description: {
+			description: "Описание под переключателем.",
+			control: "text"
+		},
+		value: {
+			description: "Текущее значение переключателя.",
+			control: "boolean"
+		},
+		onChange: {
+			description: "Вызывается при изменении значения.",
+			control: !1
+		},
+		checkedText: {
+			description: "Текст для включенного состояния.",
+			control: "text"
+		},
+		uncheckedText: {
+			description: "Текст для выключенного состояния.",
+			control: "text"
+		},
+		labelPosition: {
+			description: "Положение подписи относительно переключателя.",
+			control: "inline-radio",
+			options: ["before", "after"]
+		},
+		disabled: {
+			description: "Блокирует взаимодействие.",
+			control: "boolean"
+		},
+		size: {
+			description: "Размер контрола и подписи.",
+			control: "select",
+			options: [
+				"xs",
+				"sm",
+				"md",
+				"lg",
+				"xl"
+			]
+		}
+	}
+}, i = {
+	render: (r) => {
+		let [i, a] = n(r.value ?? !1);
+		return /* @__PURE__ */ t(e, {
+			...r,
+			value: i,
+			onChange: a
+		});
+	},
+	args: {
+		label: "Режим синхронизации",
+		description: "Мгновенное переключение состояния.",
+		value: !1,
+		checkedText: "ВКЛ",
+		uncheckedText: "ВЫКЛ",
+		labelPosition: "before"
+	}
+}, a = {
+	render: (r) => {
+		let [i, a] = n(r.value ?? !0);
+		return /* @__PURE__ */ t(e, {
+			...r,
+			value: i,
+			onChange: a
+		});
+	},
+	args: {
+		label: "Уведомления",
+		value: !0,
+		labelPosition: "after"
+	}
+}, o = { args: {
+	label: "Недоступный переключатель",
+	value: !0,
+	disabled: !0
+} };
+//#endregion
+export { i as Controlled, o as Disabled, a as LabelAfter, r as default };
+
+//# sourceMappingURL=Toggle.stories.js.map

package/dist/toggle/stories/Toggle.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.stories.js","names":[],"sources":["../../../src/toggle/stories/Toggle.stories.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { Toggle } from \"../Toggle\";\n\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nconst meta = {\n\ttitle: \"Shared/UI/Toggle\",\n\tcomponent: Toggle,\n\targs: {\n\t\tvalue: false,\n\t\tonChange: () => {}\n\t},\n\tparameters: {\n\t\tatomicCanvas: true,\n\t\tlayout: \"padded\"\n\t},\n\ttags: [\"autodocs\"],\n\targTypes: {\n\t\tlabel: {\n\t\t\tdescription: \"Текст подписи переключателя.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tdescription: {\n\t\t\tdescription: \"Описание под переключателем.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tvalue: {\n\t\t\tdescription: \"Текущее значение переключателя.\",\n\t\t\tcontrol: \"boolean\"\n\t\t},\n\t\tonChange: {\n\t\t\tdescription: \"Вызывается при изменении значения.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tcheckedText: {\n\t\t\tdescription: \"Текст для включенного состояния.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tuncheckedText: {\n\t\t\tdescription: \"Текст для выключенного состояния.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tlabelPosition: {\n\t\t\tdescription: \"Положение подписи относительно переключателя.\",\n\t\t\tcontrol: \"inline-radio\",\n\t\t\toptions: [\"before\", \"after\"]\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<typeof Toggle>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Controlled: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState(args.value ?? false);\n\t\treturn <Toggle {...args} value={value} onChange={setValue} />;\n\t},\n\targs: {\n\t\tlabel: \"Режим синхронизации\",\n\t\tdescription: \"Мгновенное переключение состояния.\",\n\t\tvalue: false,\n\t\tcheckedText: \"ВКЛ\",\n\t\tuncheckedText: \"ВЫКЛ\",\n\t\tlabelPosition: \"before\"\n\t}\n};\n\nexport const LabelAfter: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState(args.value ?? true);\n\t\treturn <Toggle {...args} value={value} onChange={setValue} />;\n\t},\n\targs: {\n\t\tlabel: \"Уведомления\",\n\t\tvalue: true,\n\t\tlabelPosition: \"after\"\n\t}\n};\n\nexport const Disabled: Story = {\n\targs: {\n\t\tlabel: \"Недоступный переключатель\",\n\t\tvalue: true,\n\t\tdisabled: true\n\t}\n};\n"],"mappings":";;;;AAMA,IAAM,IAAO;CACZ,OAAO;CACP,WAAW;CACX,MAAM;EACL,OAAO;EACP,gBAAgB,CAAC;CAClB;CACA,YAAY;EACX,cAAc;EACd,QAAQ;CACT;CACA,MAAM,CAAC,UAAU;CACjB,UAAU;EACT,OAAO;GACN,aAAa;GACb,SAAS;EACV;EACA,aAAa;GACZ,aAAa;GACb,SAAS;EACV;EACA,OAAO;GACN,aAAa;GACb,SAAS;EACV;EACA,UAAU;GACT,aAAa;GACb,SAAS;EACV;EACA,aAAa;GACZ,aAAa;GACb,SAAS;EACV;EACA,eAAe;GACd,aAAa;GACb,SAAS;EACV;EACA,eAAe;GACd,aAAa;GACb,SAAS;GACT,SAAS,CAAC,UAAU,OAAO;EAC5B;EACA,UAAU;GACT,aAAa;GACb,SAAS;EACV;EACA,MAAM;GACL,aAAa;GACb,SAAS;GACT,SAAS;IAAC;IAAM;IAAM;IAAM;IAAM;GAAI;EACvC;CACD;AACD,GAKa,IAAoB;CAChC,SAAS,MAAS;EACjB,IAAM,CAAC,GAAO,KAAY,EAAS,EAAK,SAAS,EAAK;EACtD,OAAO,kBAAC,GAAD;GAAQ,GAAI;GAAa;GAAO,UAAU;EAAW,CAAA;CAC7D;CACA,MAAM;EACL,OAAO;EACP,aAAa;EACb,OAAO;EACP,aAAa;EACb,eAAe;EACf,eAAe;CAChB;AACD,GAEa,IAAoB;CAChC,SAAS,MAAS;EACjB,IAAM,CAAC,GAAO,KAAY,EAAS,EAAK,SAAS,EAAI;EACrD,OAAO,kBAAC,GAAD;GAAQ,GAAI;GAAa;GAAO,UAAU;EAAW,CAAA;CAC7D;CACA,MAAM;EACL,OAAO;EACP,OAAO;EACP,eAAe;CAChB;AACD,GAEa,IAAkB,EAC9B,MAAM;CACL,OAAO;CACP,OAAO;CACP,UAAU;AACX,EACD"}

package/dist/toolbar/Toolbar.d.ts

@@ -0,0 +1,17 @@
+import React, { PropsWithChildren, ReactNode } from "react";
+export declare const ToolbarStart: React.FC<PropsWithChildren>;
+export declare const ToolbarEnd: React.FC<PropsWithChildren>;
+type ToolbarStartElement = React.ReactElement<{
+    children: ReactNode;
+}, typeof ToolbarStart>;
+type ToolbarEndElement = React.ReactElement<{
+    children: ReactNode;
+}, typeof ToolbarEnd>;
+type ToolbarChildren = [ToolbarStartElement, ToolbarEndElement] | ToolbarStartElement | ToolbarEndElement;
+interface ToolbarProps {
+    children: ToolbarChildren;
+    className?: string;
+}
+export declare function Toolbar({ children, className }: ToolbarProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Toolbar.d.ts.map

package/dist/toolbar/Toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../src/toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOtE,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAqC,CAAC;AAG3F,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAqC,CAAC;AAGzF,KAAK,mBAAmB,GAAG,KAAK,CAAC,YAAY,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,EAAE,OAAO,YAAY,CAAC,CAAC;AAC5F,KAAK,iBAAiB,GAAG,KAAK,CAAC,YAAY,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,EAAE,OAAO,UAAU,CAAC,CAAC;AAExF,KAAK,eAAe,GAAG,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,GAAG,mBAAmB,GAAG,iBAAiB,CAAC;AAE1G,UAAU,YAAY;IACrB,QAAQ,EAAE,eAAe,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,YAAY,qBAgD5D"}

package/dist/toolbar/index.d.ts

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

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

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

package/dist/toolbar/index.js

@@ -0,0 +1,55 @@
+import { t as e } from "../chunks/Flex-DbBdq336.js";
+import { FlexSpacer as t } from "../flex/index.js";
+import { t as n } from "../chunks/Grid-ByIIytjh.js";
+import { childrenCount as r } from "@ryuzaki13/react-foundation-lib/utils";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Children as s } from "react";
+//#region src/toolbar/Toolbar.tsx
+var c = ({ children: e }) => /* @__PURE__ */ a(i, { children: e });
+c.displayName = "Toolbar.Start";
+var l = ({ children: e }) => /* @__PURE__ */ a(i, { children: e });
+l.displayName = "Toolbar.End";
+function u({ children: i, className: u }) {
+	let d = null, f = null, p = s.toArray(i);
+	for (let e of p) switch (e.type.displayName) {
+		case c.displayName:
+			if (d) throw Error("Toolbar: duplicate <ToolbarStart> found");
+			d = e.props.children;
+			break;
+		case l.displayName:
+			if (f) throw Error("Toolbar: duplicate <ToolbarEnd> found");
+			f = e.props.children;
+			break;
+	}
+	return /* @__PURE__ */ o(e.Container, {
+		wrap: !0,
+		align: "center",
+		gap: "md",
+		className: u,
+		children: [
+			d && /* @__PURE__ */ a(e.Item, {
+				flex0: !0,
+				children: /* @__PURE__ */ a(n.Container, {
+					templateColumns: `repeat(${r(d)}, calc(15em + var(--width-add)))`,
+					align: "end",
+					gap: "sm",
+					children: d
+				})
+			}),
+			/* @__PURE__ */ a(t, {}),
+			f && /* @__PURE__ */ a(e.Item, {
+				flex0: !0,
+				children: /* @__PURE__ */ a(n.Container, {
+					templateColumns: `repeat(${r(f)}, calc(15em + var(--width-add)))`,
+					align: "end",
+					gap: "sm",
+					children: f
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { u as Toolbar, l as ToolbarEnd, c as ToolbarStart };
+
+//# sourceMappingURL=index.js.map

package/dist/toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/toolbar/Toolbar.tsx"],"sourcesContent":["import React, { Children, PropsWithChildren, ReactNode } from \"react\";\n\nimport { childrenCount } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { Flex, FlexSpacer } from \"../flex\";\nimport { Grid } from \"../grid\";\n\nexport const ToolbarStart: React.FC<PropsWithChildren> = ({ children }) => <>{children}</>;\nToolbarStart.displayName = \"Toolbar.Start\";\n\nexport const ToolbarEnd: React.FC<PropsWithChildren> = ({ children }) => <>{children}</>;\nToolbarEnd.displayName = \"Toolbar.End\";\n\ntype ToolbarStartElement = React.ReactElement<{ children: ReactNode }, typeof ToolbarStart>;\ntype ToolbarEndElement = React.ReactElement<{ children: ReactNode }, typeof ToolbarEnd>;\n\ntype ToolbarChildren = [ToolbarStartElement, ToolbarEndElement] | ToolbarStartElement | ToolbarEndElement;\n\ninterface ToolbarProps {\n\tchildren: ToolbarChildren;\n\tclassName?: string;\n}\n\nexport function Toolbar({ children, className }: ToolbarProps) {\n\tlet toolbarStart: ReactNode = null;\n\tlet toolbarEnd: ReactNode = null;\n\n\tconst childArray = Children.toArray(children) as (ToolbarStartElement | ToolbarEndElement)[];\n\n\tfor (const child of childArray) {\n\t\tconst typeName = child.type.displayName;\n\n\t\tswitch (typeName) {\n\t\t\tcase ToolbarStart.displayName:\n\t\t\t\tif (toolbarStart) throw new Error(\"Toolbar: duplicate <ToolbarStart> found\");\n\t\t\t\ttoolbarStart = child.props.children;\n\t\t\t\tbreak;\n\t\t\tcase ToolbarEnd.displayName:\n\t\t\t\tif (toolbarEnd) throw new Error(\"Toolbar: duplicate <ToolbarEnd> found\");\n\t\t\t\ttoolbarEnd = child.props.children;\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\treturn (\n\t\t<Flex.Container wrap align=\"center\" gap=\"md\" className={className}>\n\t\t\t{toolbarStart && (\n\t\t\t\t<Flex.Item flex0>\n\t\t\t\t\t<Grid.Container\n\t\t\t\t\t\ttemplateColumns={`repeat(${childrenCount(toolbarStart)}, calc(15em + var(--width-add)))`}\n\t\t\t\t\t\talign=\"end\"\n\t\t\t\t\t\tgap=\"sm\">\n\t\t\t\t\t\t{toolbarStart}\n\t\t\t\t\t</Grid.Container>\n\t\t\t\t</Flex.Item>\n\t\t\t)}\n\n\t\t\t<FlexSpacer />\n\n\t\t\t{toolbarEnd && (\n\t\t\t\t<Flex.Item flex0>\n\t\t\t\t\t<Grid.Container\n\t\t\t\t\t\ttemplateColumns={`repeat(${childrenCount(toolbarEnd)}, calc(15em + var(--width-add)))`}\n\t\t\t\t\t\talign=\"end\"\n\t\t\t\t\t\tgap=\"sm\">\n\t\t\t\t\t\t{toolbarEnd}\n\t\t\t\t\t</Grid.Container>\n\t\t\t\t</Flex.Item>\n\t\t\t)}\n\t\t</Flex.Container>\n\t);\n}\n"],"mappings":";;;;;;;AAOA,IAAa,KAA6C,EAAE,kBAAe,kBAAA,GAAA,EAAG,YAAW,CAAA;AACzF,EAAa,cAAc;AAE3B,IAAa,KAA2C,EAAE,kBAAe,kBAAA,GAAA,EAAG,YAAW,CAAA;AACvF,EAAW,cAAc;AAYzB,SAAgB,EAAQ,EAAE,aAAU,gBAA2B;CAC9D,IAAI,IAA0B,MAC1B,IAAwB,MAEtB,IAAa,EAAS,QAAQ,CAAQ;CAE5C,KAAK,IAAM,KAAS,GAGnB,QAFiB,EAAM,KAAK,aAE5B;EACC,KAAK,EAAa;GACjB,IAAI,GAAc,MAAU,MAAM,yCAAyC;GAC3E,IAAe,EAAM,MAAM;GAC3B;EACD,KAAK,EAAW;GACf,IAAI,GAAY,MAAU,MAAM,uCAAuC;GACvE,IAAa,EAAM,MAAM;GACzB;CACF;CAGD,OACC,kBAAC,EAAK,WAAN;EAAgB,MAAA;EAAK,OAAM;EAAS,KAAI;EAAgB;YAAxD;GACE,KACA,kBAAC,EAAK,MAAN;IAAW,OAAA;cACV,kBAAC,EAAK,WAAN;KACC,iBAAiB,UAAU,EAAc,CAAY,EAAE;KACvD,OAAM;KACN,KAAI;eACH;IACc,CAAA;GACN,CAAA;GAGZ,kBAAC,GAAD,CAAa,CAAA;GAEZ,KACA,kBAAC,EAAK,MAAN;IAAW,OAAA;cACV,kBAAC,EAAK,WAAN;KACC,iBAAiB,UAAU,EAAc,CAAU,EAAE;KACrD,OAAM;KACN,KAAI;eACH;IACc,CAAA;GACN,CAAA;EAEG;;AAElB"}

package/dist/tree/Tree.d.ts

@@ -0,0 +1,64 @@
+import React, { CSSProperties } from "react";
+/**
+ * Базовый тип — любое дерево с возможным полем children
+ */
+export interface TreeNodeBase {
+    children?: readonly TreeNodeBase[] | undefined;
+    [key: string]: unknown;
+}
+/**
+ * Пропсы, которые получает callback рендера узла
+ */
+export interface TreeNodeRenderProps<T extends TreeNodeBase> {
+    node: T;
+    level: number;
+    hasChildren: boolean;
+    isLeaf: boolean;
+    path: (string | number)[];
+}
+/**
+ * Основные пропсы компонента Tree
+ */
+export interface TreeProps<T extends TreeNodeBase> {
+    data: readonly T[];
+    /**
+     * Ключ для дочерних нод (по умолчанию "children")
+     */
+    childrenKey?: keyof T;
+    /**
+     * Альтернатива childrenKey — функция, возвращающая children
+     */
+    getChildren?: (node: T) => readonly T[] | undefined;
+    /**
+     * Как брать ключ для каждого узла (по умолчанию node.id || node.key || index)
+     */
+    getKey?: (node: T, index: number, path: (string | number)[]) => React.Key;
+    /**
+     * Функция, которая рисует содержимое узла.
+     * Если не передана — делается "разумный" дефолт (node.title || node.text || JSON).
+     */
+    renderNode?: (props: TreeNodeRenderProps<T>) => React.ReactNode;
+    /**
+     * Если задано — узел считается интерактивным и будет обёрнут в кнопку для клавиатурной доступности.
+     */
+    onNodeClick?: (node: T, path: (string | number)[]) => void;
+    containerElement?: "ol" | "ul" | "div";
+    containerClassName?: string;
+    containerStyle?: CSSProperties;
+    nestedCounter?: boolean;
+    itemClassName?: string;
+    itemStyle?: CSSProperties;
+    nestedListClassName?: string;
+    nestedListStyle?: CSSProperties;
+    labelClassName?: string;
+    labelStyle?: CSSProperties;
+}
+/**
+ * Универсальный компонент Tree
+ * Не использует глобальный state и не знает бизнес-логики — всё через renderNode / callbacks.
+ */
+export declare function Tree<T extends TreeNodeBase>(props: TreeProps<T>): React.DetailedReactHTMLElement<{
+    className: string;
+    style: React.CSSProperties | undefined;
+}, HTMLElement>;
+//# sourceMappingURL=Tree.d.ts.map

package/dist/tree/Tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../src/tree/Tree.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAiB,aAAa,EAA0B,MAAM,OAAO,CAAC;AAMpF;;GAEG;AACH,MAAM,WAAW,YAAY;IAC5B,QAAQ,CAAC,EAAE,SAAS,YAAY,EAAE,GAAG,SAAS,CAAC;IAC/C,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,YAAY;IAC1D,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,YAAY;IAChD,IAAI,EAAE,SAAS,CAAC,EAAE,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC;IACpD;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC,GAAG,CAAC;IAC1E;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAChE;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IAG3D,gBAAgB,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,eAAe,CAAC,EAAE,aAAa,CAAC;IAEhC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,aAAa,CAAC;CAC3B;AA6BD;;;GAGG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,YAAY,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;;;gBAqI/D"}

package/dist/tree/index.d.ts

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

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

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

package/dist/tree/index.js

@@ -0,0 +1,102 @@
+import { cn as e, handleKeyboardActivation as t } from "@ryuzaki13/react-foundation-lib/utils";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { createElement as i, useMemo as a } from "react";
+var o = {
+	nodeItem: "yJlLGL",
+	treeContainer: "lWEMr2",
+	nestedList: "WfVcwm",
+	nestedСounter: "_27DQ-H"
+}, s = "children";
+function c(e, t) {
+	return e.id ?? e.key ?? t;
+}
+function l({ node: e, level: t }) {
+	let r = e.title ?? e.text ?? e.label;
+	return typeof r == "string" || typeof r == "number" ? /* @__PURE__ */ n("div", {
+		"aria-level": t + 1,
+		style: { display: "inline-block" },
+		children: r
+	}) : /* @__PURE__ */ n("div", {
+		"aria-level": t + 1,
+		children: JSON.stringify(r ?? e)
+	});
+}
+function u(u) {
+	let { data: d, childrenKey: f = s, getChildren: p, getKey: m = c, renderNode: h, onNodeClick: g, containerElement: _ = "ol", containerClassName: v, containerStyle: y, nestedCounter: b, itemClassName: x, itemStyle: S, nestedListClassName: C, nestedListStyle: w, labelClassName: T, labelStyle: E } = u, D = (e) => {
+		if (typeof p == "function") return p(e);
+		let t = e[f];
+		return Array.isArray(t) ? t : void 0;
+	}, O = (a, s, c, u) => {
+		let d = D(a), f = Array.isArray(d) && d.length > 0, p = !f, v = typeof h == "function" ? h({
+			node: a,
+			level: c,
+			hasChildren: f,
+			isLeaf: p,
+			path: u
+		}) : l({
+			node: a,
+			level: c,
+			hasChildren: f,
+			isLeaf: p,
+			path: u
+		});
+		function y() {
+			let e = /* @__PURE__ */ n("div", {
+				className: T,
+				style: E,
+				"aria-current": p ? void 0 : !1,
+				children: v
+			});
+			return g ? /* @__PURE__ */ n("button", {
+				type: "button",
+				onClick: () => g(a, u),
+				onKeyDown: (e) => {
+					t(e, () => g(a, u));
+				},
+				"data-ui": "tree-node-button",
+				"data-action": "select-tree-node",
+				"aria-expanded": f ? !0 : void 0,
+				style: {
+					background: "transparent",
+					border: 0,
+					padding: 0,
+					cursor: "pointer"
+				},
+				children: e
+			}) : /* @__PURE__ */ n("div", {
+				role: "presentation",
+				children: e
+			});
+		}
+		return /* @__PURE__ */ r("li", {
+			className: e(o.nodeItem, x),
+			style: S,
+			children: [/* @__PURE__ */ n(y, {}), f && i(_, {
+				className: C ?? o.nestedList,
+				style: w
+			}, d.map((e, t) => O(e, t, c + 1, [...u, t])))]
+		}, m(a, s, u));
+	}, k = a(() => d.map((e, t) => O(e, t, 0, [t])), [
+		d,
+		f,
+		p,
+		m,
+		h,
+		g,
+		_,
+		x,
+		S,
+		C,
+		w,
+		T,
+		E
+	]);
+	return i(_, {
+		className: e(v ?? o.treeContainer, b && o.nestedСounter),
+		style: y
+	}, k);
+}
+//#endregion
+export { u as Tree };
+
+//# sourceMappingURL=index.js.map

package/dist/tree/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/tree/Tree.module.scss","../../src/tree/Tree.tsx"],"sourcesContent":[".nodeItem {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.treeContainer {\n\tpadding: var(--space-md);\n}\n\n.nestedList {\n\tpadding-left: var(--space-md);\n}\n\n.nestedСounter {\n\tcounter-reset: item;\n\tlist-style-type: none;\n\tpadding-left: var(--space-md);\n\n\t.nestedList {\n\t\tmargin-left: var(--space-md);\n\t}\n\n\tol {\n\t\tcounter-reset: item;\n\t}\n\n\tli {\n\t\tcounter-increment: item;\n\t\tposition: relative;\n\n\t\t&::before {\n\t\t\tcontent: counters(item, \".\") \". \";\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\ttransform: translateX(calc(-100% - 0.25em));\n\t\t}\n\t}\n}\n","// Tree.tsx\nimport React, { createElement, CSSProperties, KeyboardEvent, useMemo } from \"react\";\n\nimport { cn, handleKeyboardActivation } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport styles from \"./Tree.module.scss\";\n\n/**\n * Базовый тип — любое дерево с возможным полем children\n */\nexport interface TreeNodeBase {\n\tchildren?: readonly TreeNodeBase[] | undefined;\n\t[key: string]: unknown;\n}\n\n/**\n * Пропсы, которые получает callback рендера узла\n */\nexport interface TreeNodeRenderProps<T extends TreeNodeBase> {\n\tnode: T;\n\tlevel: number;\n\thasChildren: boolean;\n\tisLeaf: boolean;\n\tpath: (string | number)[];\n}\n\n/**\n * Основные пропсы компонента Tree\n */\nexport interface TreeProps<T extends TreeNodeBase> {\n\tdata: readonly T[];\n\t/**\n\t * Ключ для дочерних нод (по умолчанию \"children\")\n\t */\n\tchildrenKey?: keyof T;\n\t/**\n\t * Альтернатива childrenKey — функция, возвращающая children\n\t */\n\tgetChildren?: (node: T) => readonly T[] | undefined;\n\t/**\n\t * Как брать ключ для каждого узла (по умолчанию node.id || node.key || index)\n\t */\n\tgetKey?: (node: T, index: number, path: (string | number)[]) => React.Key;\n\t/**\n\t * Функция, которая рисует содержимое узла.\n\t * Если не передана — делается \"разумный\" дефолт (node.title || node.text || JSON).\n\t */\n\trenderNode?: (props: TreeNodeRenderProps<T>) => React.ReactNode;\n\t/**\n\t * Если задано — узел считается интерактивным и будет обёрнут в кнопку для клавиатурной доступности.\n\t */\n\tonNodeClick?: (node: T, path: (string | number)[]) => void;\n\n\t/* Стилизация и классы — внешняя настройка */\n\tcontainerElement?: \"ol\" | \"ul\" | \"div\"; // по умолчанию \"ol\"\n\tcontainerClassName?: string;\n\tcontainerStyle?: CSSProperties;\n\tnestedCounter?: boolean;\n\n\titemClassName?: string;\n\titemStyle?: CSSProperties;\n\n\tnestedListClassName?: string;\n\tnestedListStyle?: CSSProperties;\n\n\tlabelClassName?: string;\n\tlabelStyle?: CSSProperties;\n}\n\n/* ---- Вспомогательные реализации ---- */\n\nconst defaultChildrenKey = \"children\";\n\n/** Умный дефолт для получения ключа */\nfunction defaultGetKey<T extends TreeNodeBase>(node: T, index: number) {\n\t// часто встречающиеся поля — id, key\n\tconst maybeId = (node as Record<string, string>).id ?? (node as Record<string, string>).key;\n\treturn (maybeId as React.Key) ?? index;\n}\n\n/** Умолчание для рендера узла (если пользователь не передал renderNode) */\nfunction defaultRenderNode<T extends TreeNodeBase>({ node, level }: TreeNodeRenderProps<T>) {\n\tconst title = (node as Record<string, string>).title ?? (node as Record<string, string>).text ?? (node as Record<string, string>).label;\n\tif (typeof title === \"string\" || typeof title === \"number\") {\n\t\treturn (\n\t\t\t<div aria-level={level + 1} style={{ display: \"inline-block\" }}>\n\t\t\t\t{title}\n\t\t\t</div>\n\t\t);\n\t}\n\t// fallback — краткое представление объекта\n\treturn <div aria-level={level + 1}>{JSON.stringify(title ?? node)}</div>;\n}\n\n/* ---- Компонент ---- */\n\n/**\n * Универсальный компонент Tree\n * Не использует глобальный state и не знает бизнес-логики — всё через renderNode / callbacks.\n */\nexport function Tree<T extends TreeNodeBase>(props: TreeProps<T>) {\n\tconst {\n\t\tdata,\n\t\tchildrenKey = defaultChildrenKey as keyof T,\n\t\tgetChildren,\n\t\tgetKey = defaultGetKey,\n\t\trenderNode,\n\t\tonNodeClick,\n\t\tcontainerElement = \"ol\",\n\t\tcontainerClassName,\n\t\tcontainerStyle,\n\t\tnestedCounter: isContainerNested,\n\t\titemClassName,\n\t\titemStyle,\n\t\tnestedListClassName,\n\t\tnestedListStyle,\n\t\tlabelClassName,\n\t\tlabelStyle\n\t} = props;\n\n\t/**\n\t * Получить children для ноды — сначала getChildren, иначе node[childrenKey]\n\t */\n\tconst resolveChildren = (node: T): readonly T[] | undefined => {\n\t\tif (typeof getChildren === \"function\") return getChildren(node);\n\t\tconst maybe = node[childrenKey];\n\t\treturn Array.isArray(maybe) ? (maybe as readonly T[]) : undefined;\n\t};\n\n\t/**\n\t * Компонент/функция, рендерящая один узел (рекурсивно)\n\t *\n\t * Определяем как вложенную функцию — она использует замыкания resolveChildren, getKey и т.д.\n\t * Это простая рекурсия, и ключи выставляются родителем при map'е.\n\t */\n\tconst renderNodeRecursively = (node: T, index: number, level: number, path: (string | number)[]): React.ReactElement => {\n\t\tconst children = resolveChildren(node);\n\t\tconst hasChildren = Array.isArray(children) && children.length > 0;\n\t\tconst isLeaf = !hasChildren;\n\n\t\t// Контент узла — либо через renderNode проп, либо дефолтный\n\t\tconst nodeContent =\n\t\t\ttypeof renderNode === \"function\"\n\t\t\t\t? renderNode({ node, level, hasChildren, isLeaf, path })\n\t\t\t\t: defaultRenderNode<T>({ node, level, hasChildren, isLeaf, path });\n\n\t\t// NodeItem — оболочка, которая делает узел интерактивным при наличии onNodeClick\n\t\tfunction NodeItem() {\n\t\t\tconst label = (\n\t\t\t\t<div className={labelClassName} style={labelStyle} aria-current={isLeaf ? undefined : false}>\n\t\t\t\t\t{nodeContent}\n\t\t\t\t</div>\n\t\t\t);\n\n\t\t\tif (!onNodeClick) {\n\t\t\t\t// Неинтерактивный вариант — semantic wrapper (div)\n\t\t\t\treturn <div role=\"presentation\">{label}</div>;\n\t\t\t}\n\n\t\t\t// Интерактивный вариант — кнопка, доступная с клавиатуры\n\t\t\tconst handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n\t\t\t\t// Enter и Space должны срабатывать как клик\n\t\t\t\thandleKeyboardActivation(e, () => onNodeClick(node, path));\n\t\t\t};\n\n\t\t\treturn (\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tonClick={() => onNodeClick(node, path)}\n\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\tdata-ui=\"tree-node-button\"\n\t\t\t\t\tdata-action=\"select-tree-node\"\n\t\t\t\t\t// семантика уровня — aria-level при необходимости можно добавить\n\t\t\t\t\taria-expanded={hasChildren ? true : undefined}\n\t\t\t\t\tstyle={{ background: \"transparent\", border: 0, padding: 0, cursor: \"pointer\" }}>\n\t\t\t\t\t{label}\n\t\t\t\t</button>\n\t\t\t);\n\t\t}\n\n\t\t// Собираем <li> с контентом и, при наличии детей, вложенным списком\n\t\tconst Li = (\n\t\t\t<li key={getKey(node, index, path)} className={cn(styles.nodeItem, itemClassName)} style={itemStyle}>\n\t\t\t\t<NodeItem />\n\n\t\t\t\t{hasChildren &&\n\t\t\t\t\t// дочерний список — используем тот же контейнер, что и root (ol|ul|div)\n\t\t\t\t\tcreateElement(\n\t\t\t\t\t\tcontainerElement,\n\t\t\t\t\t\t{ className: nestedListClassName ?? styles.nestedList, style: nestedListStyle },\n\t\t\t\t\t\tchildren!.map((child, ci) => renderNodeRecursively(child as T, ci, level + 1, [...path, ci]))\n\t\t\t\t\t)}\n\t\t\t</li>\n\t\t);\n\n\t\treturn Li;\n\t};\n\n\tconst treeContent = useMemo(\n\t\t() =>\n\t\t\tdata.map((node, i) => {\n\t\t\t\tconst paths: (string | number)[] = [i];\n\t\t\t\treturn renderNodeRecursively(node as T, i, 0, paths);\n\t\t\t}),\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[\n\t\t\t// кусок deps — включаем те пропсы, которые влияют на результат\n\t\t\tdata,\n\t\t\tchildrenKey,\n\t\t\t// getChildren и getKey — функции, которые могут быть изменены пользователем\n\t\t\tgetChildren,\n\t\t\tgetKey,\n\t\t\trenderNode,\n\t\t\tonNodeClick,\n\t\t\tcontainerElement,\n\t\t\titemClassName,\n\t\t\titemStyle,\n\t\t\tnestedListClassName,\n\t\t\tnestedListStyle,\n\t\t\tlabelClassName,\n\t\t\tlabelStyle\n\t\t]\n\t);\n\n\t// Рендер внешнего контейнера (по умолчанию ol)\n\treturn createElement(\n\t\tcontainerElement,\n\t\t{\n\t\t\tclassName: cn(containerClassName ?? styles.treeContainer, isContainerNested && styles.nestedСounter),\n\t\t\tstyle: containerStyle\n\t\t},\n\t\ttreeContent\n\t);\n}\n"],"mappings":";;;;;;;;GCuEM,IAAqB;AAG3B,SAAS,EAAsC,GAAS,GAAe;CAGtE,OADiB,EAAgC,MAAO,EAAgC,OACvD;AAClC;AAGA,SAAS,EAA0C,EAAE,SAAM,YAAiC;CAC3F,IAAM,IAAS,EAAgC,SAAU,EAAgC,QAAS,EAAgC;CASlI,OARI,OAAO,KAAU,YAAY,OAAO,KAAU,WAEhD,kBAAC,OAAD;EAAK,cAAY,IAAQ;EAAG,OAAO,EAAE,SAAS,eAAe;YAC3D;CACG,CAAA,IAIA,kBAAC,OAAD;EAAK,cAAY,IAAQ;YAAI,KAAK,UAAU,KAAS,CAAI;CAAO,CAAA;AACxE;AAQA,SAAgB,EAA6B,GAAqB;CACjE,IAAM,EACL,SACA,iBAAc,GACd,gBACA,YAAS,GACT,eACA,gBACA,sBAAmB,MACnB,uBACA,mBACA,eAAe,GACf,kBACA,cACA,wBACA,oBACA,mBACA,kBACG,GAKE,KAAmB,MAAsC;EAC9D,IAAI,OAAO,KAAgB,YAAY,OAAO,EAAY,CAAI;EAC9D,IAAM,IAAQ,EAAK;EACnB,OAAO,MAAM,QAAQ,CAAK,IAAK,IAAyB,KAAA;CACzD,GAQM,KAAyB,GAAS,GAAe,GAAe,MAAkD;EACvH,IAAM,IAAW,EAAgB,CAAI,GAC/B,IAAc,MAAM,QAAQ,CAAQ,KAAK,EAAS,SAAS,GAC3D,IAAS,CAAC,GAGV,IACL,OAAO,KAAe,aACnB,EAAW;GAAE;GAAM;GAAO;GAAa;GAAQ;EAAK,CAAC,IACrD,EAAqB;GAAE;GAAM;GAAO;GAAa;GAAQ;EAAK,CAAC;EAGnE,SAAS,IAAW;GACnB,IAAM,IACL,kBAAC,OAAD;IAAK,WAAW;IAAgB,OAAO;IAAY,gBAAc,IAAS,KAAA,IAAY;cACpF;GACG,CAAA;GAcN,OAXK,IAYJ,kBAAC,UAAD;IACC,MAAK;IACL,eAAe,EAAY,GAAM,CAAI;IACrC,YATqB,MAAwC;KAE9D,EAAyB,SAAS,EAAY,GAAM,CAAI,CAAC;IAC1D;IAOE,WAAQ;IACR,eAAY;IAEZ,iBAAe,IAAc,KAAO,KAAA;IACpC,OAAO;KAAE,YAAY;KAAe,QAAQ;KAAG,SAAS;KAAG,QAAQ;IAAU;cAC5E;GACM,CAAA,IApBD,kBAAC,OAAD;IAAK,MAAK;cAAgB;GAAW,CAAA;EAsB9C;EAiBA,OAbC,kBAAC,MAAD;GAAoC,WAAW,EAAG,EAAO,UAAU,CAAa;GAAG,OAAO;aAA1F,CACC,kBAAC,GAAD,CAAW,CAAA,GAEV,KAEA,EACC,GACA;IAAE,WAAW,KAAuB,EAAO;IAAY,OAAO;GAAgB,GAC9E,EAAU,KAAK,GAAO,MAAO,EAAsB,GAAY,GAAI,IAAQ,GAAG,CAAC,GAAG,GAAM,CAAE,CAAC,CAAC,CAC7F,CACE;KAVK,EAAO,GAAM,GAAO,CAAI,CAa3B;CACR,GAEM,IAAc,QAElB,EAAK,KAAK,GAAM,MAER,EAAsB,GAAW,GAAG,GAAG,CADV,CACU,CAAK,CACnD,GAEF;EAEC;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,CACD;CAGA,OAAO,EACN,GACA;EACC,WAAW,EAAG,KAAsB,EAAO,eAAe,KAAqB,EAAO,aAAa;EACnG,OAAO;CACR,GACA,CACD;AACD"}

package/dist/tree-select/TreeMultiSelect.d.ts

@@ -0,0 +1,13 @@
+import { UiBaseProps } from "../types";
+import { TreeMultiSelectValue, TreeSelectNode } from "./types";
+export interface TreeMultiSelectProps extends Omit<UiBaseProps<TreeMultiSelectValue>, "placeholder"> {
+    nodes: readonly TreeSelectNode[];
+    placeholder?: string;
+    query?: string;
+    defaultQuery?: string;
+    onQuery?: (value: string) => void;
+    isLoading?: boolean;
+    error?: string;
+}
+export declare function TreeMultiSelect({ label, description, disabled, placeholder, size, nodes, value, onChange, query, defaultQuery, onQuery, isLoading, error }: TreeMultiSelectProps): import("react").JSX.Element;
+//# sourceMappingURL=TreeMultiSelect.d.ts.map

package/dist/tree-select/TreeMultiSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeMultiSelect.d.ts","sourceRoot":"","sources":["../../src/tree-select/TreeMultiSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAIvC,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE/D,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,WAAW,CAAC,oBAAoB,CAAC,EAAE,aAAa,CAAC;IACnG,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAwBD,wBAAgB,eAAe,CAAC,EAC/B,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAiC,EACjC,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,OAAO,EACP,SAAS,EACT,KAAK,EACL,EAAE,oBAAoB,+BA4BtB"}

package/dist/tree-select/TreeNodeContent.d.ts

@@ -0,0 +1,15 @@
+import { TreeSelectNode } from "./types";
+type TreeNodeContentProps = {
+    node: TreeSelectNode;
+    level: number;
+    highlight?: string;
+    hasChildren: boolean;
+    isExpanded: boolean;
+    selected: boolean;
+    partial: boolean;
+    selectionMode: "single" | "multi";
+    onToggleExpand?: () => void;
+};
+export declare function TreeNodeContent({ node, level, highlight, hasChildren, isExpanded, selected, partial, selectionMode, onToggleExpand }: TreeNodeContentProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=TreeNodeContent.d.ts.map

package/dist/tree-select/TreeNodeContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeNodeContent.d.ts","sourceRoot":"","sources":["../../src/tree-select/TreeNodeContent.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,KAAK,oBAAoB,GAAG;IAC3B,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC/B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,WAAW,EACX,UAAU,EACV,QAAQ,EACR,OAAO,EACP,aAAa,EACb,cAAc,EACd,EAAE,oBAAoB,+BAoCtB"}

package/dist/tree-select/TreePickerBase.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from "react";
+import { UiBaseProps } from "../types";
+import { TreeSelectNode } from "./types";
+type TreePickerBaseProps = Omit<UiBaseProps<never>, "value" | "onChange"> & {
+    nodes: readonly TreeSelectNode[];
+    selectedIds: Set<string>;
+    partialIds: Set<string>;
+    selectionMode: "single" | "multi";
+    triggerMode?: "display" | "search";
+    selectedSummary?: ReactNode;
+    selectedSummaryText?: string;
+    query?: string;
+    defaultQuery?: string;
+    onQuery?: (value: string) => void;
+    onNodeActivate: (node: TreeSelectNode) => void;
+    onClearSelection?: () => void;
+    isLoading?: boolean;
+    error?: string;
+};
+export declare function TreePickerBase({ label, description, disabled, placeholder, size, nodes, selectedIds, partialIds, selectionMode, triggerMode, selectedSummary, selectedSummaryText, query, defaultQuery, onQuery, onNodeActivate, onClearSelection, isLoading, error }: TreePickerBaseProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=TreePickerBase.d.ts.map

package/dist/tree-select/TreePickerBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreePickerBase.d.ts","sourceRoot":"","sources":["../../src/tree-select/TreePickerBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAwC,MAAM,OAAO,CAAC;AAiBxE,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAYvC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,KAAK,mBAAmB,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IAC3E,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;IACjC,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACzB,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACxB,aAAa,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACnC,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,cAAc,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAC/C,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC9B,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,KAAK,EACL,WAAW,EACX,UAAU,EACV,aAAa,EACb,WAAuB,EACvB,eAAe,EACf,mBAAmB,EACnB,KAAK,EACL,YAAY,EACZ,OAAO,EACP,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,EAAE,mBAAmB,+BAmRrB"}

package/dist/tree-select/TreeSelect.d.ts

@@ -0,0 +1,14 @@
+import { UiBaseProps } from "../types";
+import { TreeSelectNode, TreeSelectValue } from "./types";
+export interface TreeSelectProps extends Omit<UiBaseProps<TreeSelectValue | undefined>, "placeholder"> {
+    nodes: readonly TreeSelectNode[];
+    placeholder?: string;
+    query?: string;
+    defaultQuery?: string;
+    onQuery?: (value: string) => void;
+    isLoading?: boolean;
+    error?: string;
+    clearable?: boolean;
+}
+export declare function TreeSelect({ label, description, disabled, placeholder, size, nodes, value, onChange, query, defaultQuery, onQuery, isLoading, error, clearable }: TreeSelectProps): import("react").JSX.Element;
+//# sourceMappingURL=TreeSelect.d.ts.map

package/dist/tree-select/TreeSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSelect.d.ts","sourceRoot":"","sources":["../../src/tree-select/TreeSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAIvC,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1D,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,CAAC,eAAe,GAAG,SAAS,CAAC,EAAE,aAAa,CAAC;IACrG,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAcD,wBAAgB,UAAU,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAiC,EACjC,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,OAAO,EACP,SAAS,EACT,KAAK,EACL,SAAiB,EACjB,EAAE,eAAe,+BA2BjB"}

package/dist/tree-select/helpers.d.ts

@@ -0,0 +1,3 @@
+import { TreeMultiSelectValue, TreeSelectValue } from "./types";
+export declare function treeSelectValueToSelectedFilters(value: TreeSelectValue | undefined): TreeMultiSelectValue;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/tree-select/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/tree-select/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAEhE,wBAAgB,gCAAgC,CAAC,KAAK,EAAE,eAAe,GAAG,SAAS,GAAG,oBAAoB,CAQzG"}

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

@@ -0,0 +1,5 @@
+export * from "./helpers";
+export * from "./TreeMultiSelect";
+export * from "./TreeSelect";
+export type * from "./types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tree-select/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAE7B,mBAAmB,SAAS,CAAC"}

package/dist/tree-select/index.js

@@ -0,0 +1,10 @@
+import { t as e } from "../chunks/TreeMultiSelect-DRYNx7u5.js";
+import { t } from "../chunks/TreeSelect-DGLDu6qc.js";
+//#region src/tree-select/helpers.ts
+function n(e) {
+	return e ? { [e.codeKey]: [e.value] } : {};
+}
+//#endregion
+export { e as TreeMultiSelect, t as TreeSelect, n as treeSelectValueToSelectedFilters };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/tree-select/helpers.ts"],"sourcesContent":["import { TreeMultiSelectValue, TreeSelectValue } from \"./types\";\n\nexport function treeSelectValueToSelectedFilters(value: TreeSelectValue | undefined): TreeMultiSelectValue {\n\tif (!value) {\n\t\treturn {};\n\t}\n\n\treturn {\n\t\t[value.codeKey]: [value.value]\n\t};\n}\n"],"mappings":";;;AAEA,SAAgB,EAAiC,GAA0D;CAK1G,OAJK,IAIE,GACL,EAAM,UAAU,CAAC,EAAM,KAAK,EAC9B,IALQ,CAAC;AAMV"}

package/dist/tree-select/model/treeUtils.d.ts

@@ -0,0 +1,37 @@
+import { TreeMultiSelectValue, TreeSelectNode, TreeSelectValue } from "../types";
+export type TreeNodeIndex = {
+    rootIds: string[];
+    nodeById: Map<string, TreeSelectNode>;
+    parentById: Map<string, string | undefined>;
+    childrenById: Map<string, string[]>;
+    preorderIndexById: Map<string, number>;
+    nodeIdByCodeValue: Map<string, string>;
+};
+export type TreeNodeSelectionState = {
+    selectedIds: Set<string>;
+    partialIds: Set<string>;
+};
+export type TreeVisibleEntry = {
+    node: TreeSelectNode;
+    level: number;
+    parentId?: string;
+    hasChildren: boolean;
+    isExpanded: boolean;
+    isLeaf: boolean;
+};
+export declare function createTreeNodeIndex(nodes: readonly TreeSelectNode[]): TreeNodeIndex;
+export declare function treeSelectValueToId(value: TreeSelectValue | undefined, index: TreeNodeIndex): string | undefined;
+export declare function treeMultiValueToSelectedIds(value: TreeMultiSelectValue | undefined, index: TreeNodeIndex): Set<string>;
+export declare function treeSelectedIdsToMultiValue(selectedIds: Set<string>, index: TreeNodeIndex): TreeMultiSelectValue;
+export declare function treeSelectValueToMultiValue(value: TreeSelectValue | undefined): TreeMultiSelectValue;
+export declare function canonicalizeTreeSelection(selectedIds: Set<string>, index: TreeNodeIndex): Set<string>;
+export declare function isTreeNodeSelected(nodeId: string, selectedIds: Set<string>, index: TreeNodeIndex): boolean;
+export declare function getTreeNodeSelectionState(selectedIds: Set<string>, index: TreeNodeIndex): TreeNodeSelectionState;
+export declare function toggleTreeMultiSelection(currentValue: TreeMultiSelectValue | undefined, targetNodeId: string, index: TreeNodeIndex): TreeMultiSelectValue;
+export declare function getSelectionExpandedIds(selectedIds: Set<string>, index: TreeNodeIndex): Set<string>;
+export declare function filterTreeNodes(nodes: readonly TreeSelectNode[], query: string): {
+    nodes: TreeSelectNode[];
+    expandedIds: Set<string>;
+};
+export declare function flattenVisibleTreeNodes(nodes: readonly TreeSelectNode[], expandedIds: Set<string>): TreeVisibleEntry[];
+//# sourceMappingURL=treeUtils.d.ts.map

package/dist/tree-select/model/treeUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeUtils.d.ts","sourceRoot":"","sources":["../../../src/tree-select/model/treeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEjF,MAAM,MAAM,aAAa,GAAG;IAC3B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IACtC,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IAC5C,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACpC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACpC,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACzB,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;CAChB,CAAC;AAMF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,SAAS,cAAc,EAAE,GAAG,aAAa,CAkCnF;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,eAAe,GAAG,SAAS,EAAE,KAAK,EAAE,aAAa,sBAG3F;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,oBAAoB,GAAG,SAAS,EAAE,KAAK,EAAE,aAAa,eAiBxG;AAED,wBAAgB,2BAA2B,CAAC,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,aAAa,GAAG,oBAAoB,CAiBhH;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,eAAe,GAAG,SAAS,GAAG,oBAAoB,CAQpG;AAiDD,wBAAgB,yBAAyB,CAAC,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,aAAa,eA2BvF;AAsBD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,aAAa,GAAG,OAAO,CAM1G;AA+BD,wBAAgB,yBAAyB,CAAC,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,aAAa,GAAG,sBAAsB,CAWhH;AAED,wBAAgB,wBAAwB,CAAC,YAAY,EAAE,oBAAoB,GAAG,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,wBAwBlI;AAWD,wBAAgB,uBAAuB,CAAC,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,aAAa,eAQrF;AA0BD,wBAAgB,eAAe,CAAC,KAAK,EAAE,SAAS,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM;;;EAmB9E;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,SAAS,cAAc,EAAE,EAAE,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,gBAAgB,EAAE,CA8BtH"}

package/dist/tree-select/stories/TreeMultiSelect.stories.d.ts

@@ -0,0 +1,35 @@
+import { TreeMultiSelect } from "../TreeMultiSelect";
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: typeof TreeMultiSelect;
+    parameters: {
+        atomicCanvas: boolean;
+        layout: string;
+    };
+    args: {
+        label: string;
+        description: string;
+        nodes: import("..").TreeSelectNode[];
+        value: {};
+        onChange: () => void;
+    };
+    argTypes: {
+        nodes: {
+            control: false;
+        };
+        value: {
+            control: false;
+        };
+        onChange: {
+            control: false;
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Basic: Story;
+export declare const ParentCompression: Story;
+export declare const MixedSelection: Story;
+//# sourceMappingURL=TreeMultiSelect.stories.d.ts.map

package/dist/tree-select/stories/TreeMultiSelect.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeMultiSelect.stories.d.ts","sourceRoot":"","sources":["../../../src/tree-select/stories/TreeMultiSelect.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAKrD,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAqB5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CAoB8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAQ/B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC"}