@ryuzaki13/react-foundation-ui 1.0.1 → 1.0.2

package/dist/badge/stories/Badge.stories.js

@@ -1,6 +1,6 @@
-import { n as e, t } from "../../chunks/BadgeList-6qL9oNAp.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { useState as i } from "react";
+import { n as e, t } from "../../chunks/BadgeList-DYgun2rf.js";
+import { useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/badge/stories/Badge.stories.tsx
 var a = {
 	title: "Shared/UI/Badge",
@@ -60,81 +60,81 @@ var a = {
 			control: "text"
 		}
 	}
-}, o = {}, s = { render: () => /* @__PURE__ */ r(t, { children: [
-	/* @__PURE__ */ n(e, {
+}, o = {}, s = { render: () => /* @__PURE__ */ i(t, { children: [
+	/* @__PURE__ */ r(e, {
 		tone: "neutral",
 		appearance: "outline",
 		children: "Neutral"
 	}),
-	/* @__PURE__ */ n(e, {
+	/* @__PURE__ */ r(e, {
 		tone: "success",
 		appearance: "solid",
 		children: "Успешно"
 	}),
-	/* @__PURE__ */ n(e, {
+	/* @__PURE__ */ r(e, {
 		tone: "warning",
 		appearance: "solid",
 		children: "Внимание"
 	}),
-	/* @__PURE__ */ n(e, {
+	/* @__PURE__ */ r(e, {
 		tone: "error",
 		appearance: "solid",
 		children: "Ошибка"
 	}),
-	/* @__PURE__ */ n(e, {
+	/* @__PURE__ */ r(e, {
 		tone: "info",
 		appearance: "solid",
 		children: "Информация"
 	})
-] }) }, c = { render: () => /* @__PURE__ */ r(t, { children: [
-	/* @__PURE__ */ n(e, {
+] }) }, c = { render: () => /* @__PURE__ */ i(t, { children: [
+	/* @__PURE__ */ r(e, {
 		tone: "neutral",
 		appearance: "solid",
 		children: "Solid"
 	}),
-	/* @__PURE__ */ n(e, {
+	/* @__PURE__ */ r(e, {
 		tone: "neutral",
 		appearance: "outline",
 		children: "Outline"
 	}),
-	/* @__PURE__ */ n(e, {
+	/* @__PURE__ */ r(e, {
 		tone: "info",
 		appearance: "ghost",
 		children: "Ghost"
 	}),
-	/* @__PURE__ */ n(e, {
+	/* @__PURE__ */ r(e, {
 		tone: "warning",
 		appearance: "transparent",
 		children: "Transparent"
 	})
-] }) }, l = { render: () => /* @__PURE__ */ r(t, { children: [
-	/* @__PURE__ */ n(e, {
+] }) }, l = { render: () => /* @__PURE__ */ i(t, { children: [
+	/* @__PURE__ */ r(e, {
 		size: "xs",
 		children: "Extra Small"
 	}),
-	/* @__PURE__ */ n(e, {
+	/* @__PURE__ */ r(e, {
 		size: "sm",
 		children: "Small"
 	}),
-	/* @__PURE__ */ n(e, {
+	/* @__PURE__ */ r(e, {
 		size: "md",
 		children: "Medium"
 	}),
-	/* @__PURE__ */ n(e, {
+	/* @__PURE__ */ r(e, {
 		size: "lg",
 		children: "Large"
 	}),
-	/* @__PURE__ */ n(e, {
+	/* @__PURE__ */ r(e, {
 		size: "xl",
 		children: "Extra Large"
 	})
 ] }) }, u = { render: () => {
-	let [r, a] = i([
+	let [i, a] = n([
 		"Фильтр A",
 		"Фильтр B",
 		"Фильтр C"
 	]);
-	return /* @__PURE__ */ n(t, { children: r.map((t) => /* @__PURE__ */ n(e, {
+	return /* @__PURE__ */ r(t, { children: i.map((t) => /* @__PURE__ */ r(e, {
 		tone: "info",
 		appearance: "outline",
 		onRemove: () => a((e) => e.filter((e) => e !== t)),

package/dist/base-table/index.js

@@ -1,3 +1,3 @@
-import { n as e, t } from "../chunks/table-column-interactions-DPyJDD7P.js";
-import { a as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _ } from "../chunks/base-table-ij2guVMB.js";
+import { n as e, t } from "../chunks/table-column-interactions-6RGjmiI5.js";
+import { a as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _ } from "../chunks/base-table-CoQlKABk.js";
 export { d as BaseTable, g as FormattedTableCell, e as TableColumnResizeHandle, t as TableHeaderInteractionCell, a as buildBaseTableColumnLayout, h as buildBaseTableMergedCellsLayout, r as buildTableFormattingSnapshot, p as getLeftPinnedColumnOffsets, u as getOrderedVisibleLeafColumns, l as hasTableColumnCustomCellRenderer, s as normalizeTableColumnPinning, o as resolveBaseTableColumnWidth, _ as resolveTableFormattingColumnId, i as shouldUseTableFormatting, f as useTableColumnOrder, n as useTableColumnPinning, c as useTableColumnSizing, m as useTableColumnVisibility };

package/dist/button/index.js

@@ -1,12 +1,12 @@
-import { t as e } from "../chunks/Button-BZ_b-Kin.js";
-import { XIcon as t } from "lucide-react";
-import { jsx as n } from "react/jsx-runtime";
-import { useRef as r, useState as i } from "react";
+import { t as e } from "../chunks/Button-CCWuggdA.js";
+import { useRef as t, useState as n } from "react";
+import { XIcon as r } from "lucide-react";
+import { jsx as i } from "react/jsx-runtime";
 //#region src/button/ButtonRemove.tsx
 function a({ onPreRemove: a, onRemove: o, className: s }) {
-	let [c, l] = i(!1), u = r(null);
-	return /* @__PURE__ */ n(e, {
-		icon: /* @__PURE__ */ n(t, {}),
+	let [c, l] = n(!1), u = t(null);
+	return /* @__PURE__ */ i(e, {
+		icon: /* @__PURE__ */ i(r, {}),
 		onClick: (e) => {
 			e.preventDefault(), u.current &&= (window.clearTimeout(u.current), null), c ? (o(), l(!1)) : (a?.(), l(!0), u.current = window.setTimeout(() => {
 				l(!1);

package/dist/button/stories/Button.stories.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../chunks/Button-BZ_b-Kin.js";
+import { t as e } from "../../chunks/Button-CCWuggdA.js";
 import { BellIcon as t, CheckIcon as n, DownloadIcon as r, PlusIcon as i } from "lucide-react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { fn as s } from "storybook/test";

package/dist/check-box/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/CheckBox-CulnjNvJ.js";
+import { t as e } from "../chunks/CheckBox-BowNqqd3.js";
 export { e as CheckBox };

package/dist/check-box/stories/CheckBox.stories.js

@@ -1,6 +1,6 @@
-import { t as e } from "../../chunks/CheckBox-CulnjNvJ.js";
-import { jsx as t } from "react/jsx-runtime";
-import { useState as n } from "react";
+import { t as e } from "../../chunks/CheckBox-BowNqqd3.js";
+import { useState as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/check-box/stories/CheckBox.stories.tsx
 var r = {
 	title: "Shared/UI/CheckBox",
@@ -64,8 +64,8 @@ var r = {
 	}
 }, i = {
 	render: (r) => {
-		let [i, a] = n(r.value ?? !1);
-		return /* @__PURE__ */ t(e, {
+		let [i, a] = t(r.value ?? !1);
+		return /* @__PURE__ */ n(e, {
 			...r,
 			value: i,
 			onChange: a
@@ -80,14 +80,14 @@ var r = {
 		tone: "neutral"
 	}
 }, a = { render: () => {
-	let [r, i] = n({
+	let [r, i] = t({
 		neutral: !0,
 		info: !0,
 		success: !0,
 		warning: !0,
 		error: !0
 	});
-	return /* @__PURE__ */ t("div", {
+	return /* @__PURE__ */ n("div", {
 		style: {
 			display: "grid",
 			gap: 12
@@ -98,25 +98,25 @@ var r = {
 			"success",
 			"warning",
 			"error"
-		].map((n) => /* @__PURE__ */ t(e, {
-			tone: n,
-			label: `Тон ${n}`,
-			value: r[n],
-			onChange: (e) => i((t) => ({
-				...t,
-				[n]: e
+		].map((t) => /* @__PURE__ */ n(e, {
+			tone: t,
+			label: `Тон ${t}`,
+			value: r[t],
+			onChange: (e) => i((n) => ({
+				...n,
+				[t]: e
 			}))
-		}, n))
+		}, t))
 	});
 } }, o = { render: () => {
-	let [r, i] = n({
+	let [r, i] = t({
 		xs: !1,
 		sm: !0,
 		md: !1,
 		lg: !0,
 		xl: !1
 	});
-	return /* @__PURE__ */ t("div", {
+	return /* @__PURE__ */ n("div", {
 		style: {
 			display: "grid",
 			gap: 12
@@ -127,15 +127,15 @@ var r = {
 			"md",
 			"lg",
 			"xl"
-		].map((n) => /* @__PURE__ */ t(e, {
-			size: n,
-			label: `Размер ${n}`,
-			value: r[n],
-			onChange: (e) => i((t) => ({
-				...t,
-				[n]: e
+		].map((t) => /* @__PURE__ */ n(e, {
+			size: t,
+			label: `Размер ${t}`,
+			value: r[t],
+			onChange: (e) => i((n) => ({
+				...n,
+				[t]: e
 			}))
-		}, n))
+		}, t))
 	});
 } }, s = { args: {
 	label: "Недоступный чекбокс",

package/dist/chunks/{BadgeList-6qL9oNAp.js → BadgeList-DYgun2rf.js}

@@ -1,10 +1,10 @@
 import { TextOverflow as e } from "../text/index.js";
 import { n as t, r as n, t as r } from "./uiClasses-BNjBunnY.js";
-import { i } from "./Flex-DbBdq336.js";
-import { cn as a } from "@ryuzaki13/react-foundation-lib/utils";
-import { XIcon as o } from "lucide-react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Children as l, Fragment as u } from "react";
+import { i } from "./Flex-DUYSL5TE.js";
+import { Children as a, Fragment as o } from "react";
+import { cn as s } from "@ryuzaki13/react-foundation-lib/utils";
+import { XIcon as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 var d = {
 	badge: "qBtmnH",
 	passive: "p-HsHY",
@@ -22,44 +22,44 @@ var d = {
 	lg: d.sizeLg,
 	xl: d.sizeXl
 };
-function p({ children: i, size: l = "sm", tone: u, appearance: p, className: m, onRemove: h }) {
-	let g = u ?? "neutral", _ = n({
-		tone: u,
+function p({ children: i, size: a = "sm", tone: o, appearance: p, className: m, onRemove: h }) {
+	let g = o ?? "neutral", _ = n({
+		tone: o,
 		appearance: p,
 		fallbackTone: g,
 		fallbackAppearance: g === "neutral" ? "outline" : "solid"
 	});
-	return /* @__PURE__ */ c("div", {
-		className: a(d.badge, f[l], t(_.tone), r(_.appearance), !h && d.passive, m),
-		children: [/* @__PURE__ */ s(e, {
+	return /* @__PURE__ */ u("div", {
+		className: s(d.badge, f[a], t(_.tone), r(_.appearance), !h && d.passive, m),
+		children: [/* @__PURE__ */ l(e, {
 			maxChar: 25,
 			placement: "top",
 			block: !0,
 			textWrapProps: { className: d.content },
 			children: String(i)
-		}), h && /* @__PURE__ */ s("button", {
+		}), h && /* @__PURE__ */ l("button", {
 			type: "button",
 			onClick: h,
 			className: d.removeButton,
 			"aria-label": "Удалить бейдж",
 			"data-ui": "badge-remove-button",
 			"data-action": "remove-badge",
-			children: /* @__PURE__ */ s(o, {})
+			children: /* @__PURE__ */ l(c, {})
 		})]
 	});
 }
 //#endregion
 //#region src/badge/BadgeList.tsx
 function m({ children: e }) {
-	return /* @__PURE__ */ s(i, {
+	return /* @__PURE__ */ l(i, {
 		inline: !0,
 		wrap: !0,
 		gap: "sm",
 		align: "baseline",
-		children: l.map(e, (e, t) => /* @__PURE__ */ s(u, { children: e }, t))
+		children: a.map(e, (e, t) => /* @__PURE__ */ l(o, { children: e }, t))
 	});
 }
 //#endregion
 export { p as n, m as t };
 
-//# sourceMappingURL=BadgeList-6qL9oNAp.js.map
+//# sourceMappingURL=BadgeList-DYgun2rf.js.map

package/dist/chunks/{BadgeList-6qL9oNAp.js.map → BadgeList-DYgun2rf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BadgeList-6qL9oNAp.js","names":[],"sources":["../../src/badge/Badge.module.scss","../../src/badge/Badge.tsx","../../src/badge/BadgeList.tsx"],"sourcesContent":["@use \"@/styles/mixins\" as *;\n\n.badge {\n\t@include ui-static-surface;\n\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: var(--space-xs);\n\tmax-width: 100%;\n\tpadding: 0 var(--space-xs);\n\n\tfont-weight: 500;\n\tfont-variation-settings: \"wght\" 500;\n\tvertical-align: middle;\n}\n\n.passive {\n\tpointer-events: none;\n\tuser-select: none;\n}\n\n.sizeXs {\n\tfont-size: var(--font-size-xs);\n}\n\n.sizeSm {\n\tfont-size: var(--font-size-sm);\n}\n\n.sizeMd {\n\tfont-size: var(--font-size-md);\n}\n\n.sizeLg {\n\tfont-size: var(--font-size-lg);\n}\n\n.sizeXl {\n\tfont-size: var(--font-size-xl);\n}\n\n.content {\n\tmin-width: 0;\n}\n\n.removeButton {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-shrink: 0;\n\twidth: 1.25em;\n\theight: 1.25em;\n\tpadding: 0;\n\tborder: none;\n\tborder-radius: var(--radius-xs);\n\tbackground: transparent;\n\tcolor: inherit;\n\ttransition:\n\t\tcolor var(--transition-fast) ease,\n\t\tbackground-color var(--transition-fast) ease,\n\t\tscale var(--transition-fast) ease;\n\n\t&:hover {\n\t\tbackground-color: var(--status-error-soft);\n\t\tcolor: var(--status-error-text);\n\t\tscale: 1.1;\n\t}\n\n\t&:focus-visible {\n\t\t@include focusVisible;\n\t}\n\n\tsvg {\n\t\tdisplay: block;\n\t}\n}\n","import { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { XIcon } from \"lucide-react\";\n\nimport { TextOverflow } from \"../text\";\nimport { getUiAppearanceClassName, getUiToneClassName, resolveUiScheme } from \"../uiClasses\";\n\nimport styles from \"./Badge.module.scss\";\n\nimport type { UiAppearance, UiSize, UiTone } from \"../types\";\n\ntype BadgeSize = UiSize;\ntype BadgeAppearance = UiAppearance;\n\ntype BadgeProps = {\n\tchildren: string | number;\n\tsize?: BadgeSize;\n\ttone?: UiTone;\n\tappearance?: BadgeAppearance;\n\tclassName?: string;\n\tonRemove?: () => void;\n};\n\nconst sizeClasses: Record<BadgeSize, string> = {\n\txs: styles.sizeXs,\n\tsm: styles.sizeSm,\n\tmd: styles.sizeMd,\n\tlg: styles.sizeLg,\n\txl: styles.sizeXl\n};\n\n/**\n * Компактный индикатор для статусов, категорий и коротких служебных меток.\n */\nexport function Badge({ children, size = \"sm\", tone, appearance, className, onRemove }: BadgeProps) {\n\tconst fallbackTone = tone ?? \"neutral\";\n\tconst fallbackAppearance = fallbackTone !== \"neutral\" ? \"solid\" : \"outline\";\n\tconst scheme = resolveUiScheme({\n\t\ttone,\n\t\tappearance,\n\t\tfallbackTone,\n\t\tfallbackAppearance\n\t});\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\tstyles.badge,\n\t\t\t\tsizeClasses[size],\n\t\t\t\tgetUiToneClassName(scheme.tone),\n\t\t\t\tgetUiAppearanceClassName(scheme.appearance),\n\t\t\t\t!onRemove && styles.passive,\n\t\t\t\tclassName\n\t\t\t)}>\n\t\t\t<TextOverflow maxChar={25} placement=\"top\" block textWrapProps={{ className: styles.content }}>\n\t\t\t\t{String(children)}\n\t\t\t</TextOverflow>\n\t\t\t{onRemove && (\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tonClick={onRemove}\n\t\t\t\t\tclassName={styles.removeButton}\n\t\t\t\t\taria-label=\"Удалить бейдж\"\n\t\t\t\t\tdata-ui=\"badge-remove-button\"\n\t\t\t\t\tdata-action=\"remove-badge\">\n\t\t\t\t\t<XIcon />\n\t\t\t\t</button>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n","import { Children, Fragment, ReactElement } from \"react\";\n\nimport { FlexContainer } from \"../flex\";\n\nimport { Badge } from \"./Badge\";\n\ninterface BadgeListProps {\n\tchildren: ReactElement<typeof Badge | null | undefined | false>[];\n}\n\n/**\n * Контейнер для группы `Badge`, который выстраивает элементы в единый список с предсказуемыми отступами. Используется для компактного вывода набора меток или фильтров.\n */\nexport function BadgeList({ children }: BadgeListProps) {\n\treturn (\n\t\t<FlexContainer inline wrap gap=\"sm\" align=\"baseline\">\n\t\t\t{Children.map(children, (badge, index) => (\n\t\t\t\t<Fragment key={index}>{badge}</Fragment>\n\t\t\t))}\n\t\t</FlexContainer>\n\t);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;GCsBM,IAAyC;CAC9C,IAAI,EAAO;CACX,IAAI,EAAO;CACX,IAAI,EAAO;CACX,IAAI,EAAO;CACX,IAAI,EAAO;AACZ;AAKA,SAAgB,EAAM,EAAE,aAAU,UAAO,MAAM,SAAM,eAAY,cAAW,eAAwB;CACnG,IAAM,IAAe,KAAQ,WAEvB,IAAS,EAAgB;EAC9B;EACA;EACA;EACA,oBAL0B,MAAiB,YAAsB,YAAV;CAMxD,CAAC;CAED,OACC,kBAAC,OAAD;EACC,WAAW,EACV,EAAO,OACP,EAAY,IACZ,EAAmB,EAAO,IAAI,GAC9B,EAAyB,EAAO,UAAU,GAC1C,CAAC,KAAY,EAAO,SACpB,CACD;YARD,CASC,kBAAC,GAAD;GAAc,SAAS;GAAI,WAAU;GAAM,OAAA;GAAM,eAAe,EAAE,WAAW,EAAO,QAAQ;aAC1F,OAAO,CAAQ;EACH,CAAA,GACb,KACA,kBAAC,UAAD;GACC,MAAK;GACL,SAAS;GACT,WAAW,EAAO;GAClB,cAAW;GACX,WAAQ;GACR,eAAY;aACZ,kBAAC,GAAD,CAAQ,CAAA;EACD,CAAA,CAEL;;AAEP;;;ACxDA,SAAgB,EAAU,EAAE,eAA4B;CACvD,OACC,kBAAC,GAAD;EAAe,QAAA;EAAO,MAAA;EAAK,KAAI;EAAK,OAAM;YACxC,EAAS,IAAI,IAAW,GAAO,MAC/B,kBAAC,GAAD,EAAA,UAAuB,EAAgB,GAAxB,CAAwB,CACvC;CACa,CAAA;AAEjB"}
+{"version":3,"file":"BadgeList-DYgun2rf.js","names":[],"sources":["../../src/badge/Badge.module.scss","../../src/badge/Badge.tsx","../../src/badge/BadgeList.tsx"],"sourcesContent":["@use \"@/styles/mixins\" as *;\n\n.badge {\n\t@include ui-static-surface;\n\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: var(--space-xs);\n\tmax-width: 100%;\n\tpadding: 0 var(--space-xs);\n\n\tfont-weight: 500;\n\tfont-variation-settings: \"wght\" 500;\n\tvertical-align: middle;\n}\n\n.passive {\n\tpointer-events: none;\n\tuser-select: none;\n}\n\n.sizeXs {\n\tfont-size: var(--font-size-xs);\n}\n\n.sizeSm {\n\tfont-size: var(--font-size-sm);\n}\n\n.sizeMd {\n\tfont-size: var(--font-size-md);\n}\n\n.sizeLg {\n\tfont-size: var(--font-size-lg);\n}\n\n.sizeXl {\n\tfont-size: var(--font-size-xl);\n}\n\n.content {\n\tmin-width: 0;\n}\n\n.removeButton {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-shrink: 0;\n\twidth: 1.25em;\n\theight: 1.25em;\n\tpadding: 0;\n\tborder: none;\n\tborder-radius: var(--radius-xs);\n\tbackground: transparent;\n\tcolor: inherit;\n\ttransition:\n\t\tcolor var(--transition-fast) ease,\n\t\tbackground-color var(--transition-fast) ease,\n\t\tscale var(--transition-fast) ease;\n\n\t&:hover {\n\t\tbackground-color: var(--status-error-soft);\n\t\tcolor: var(--status-error-text);\n\t\tscale: 1.1;\n\t}\n\n\t&:focus-visible {\n\t\t@include focusVisible;\n\t}\n\n\tsvg {\n\t\tdisplay: block;\n\t}\n}\n","import { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { XIcon } from \"lucide-react\";\n\nimport { TextOverflow } from \"../text\";\nimport { getUiAppearanceClassName, getUiToneClassName, resolveUiScheme } from \"../uiClasses\";\n\nimport styles from \"./Badge.module.scss\";\n\nimport type { UiAppearance, UiSize, UiTone } from \"../types\";\n\ntype BadgeSize = UiSize;\ntype BadgeAppearance = UiAppearance;\n\ntype BadgeProps = {\n\tchildren: string | number;\n\tsize?: BadgeSize;\n\ttone?: UiTone;\n\tappearance?: BadgeAppearance;\n\tclassName?: string;\n\tonRemove?: () => void;\n};\n\nconst sizeClasses: Record<BadgeSize, string> = {\n\txs: styles.sizeXs,\n\tsm: styles.sizeSm,\n\tmd: styles.sizeMd,\n\tlg: styles.sizeLg,\n\txl: styles.sizeXl\n};\n\n/**\n * Компактный индикатор для статусов, категорий и коротких служебных меток.\n */\nexport function Badge({ children, size = \"sm\", tone, appearance, className, onRemove }: BadgeProps) {\n\tconst fallbackTone = tone ?? \"neutral\";\n\tconst fallbackAppearance = fallbackTone !== \"neutral\" ? \"solid\" : \"outline\";\n\tconst scheme = resolveUiScheme({\n\t\ttone,\n\t\tappearance,\n\t\tfallbackTone,\n\t\tfallbackAppearance\n\t});\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\tstyles.badge,\n\t\t\t\tsizeClasses[size],\n\t\t\t\tgetUiToneClassName(scheme.tone),\n\t\t\t\tgetUiAppearanceClassName(scheme.appearance),\n\t\t\t\t!onRemove && styles.passive,\n\t\t\t\tclassName\n\t\t\t)}>\n\t\t\t<TextOverflow maxChar={25} placement=\"top\" block textWrapProps={{ className: styles.content }}>\n\t\t\t\t{String(children)}\n\t\t\t</TextOverflow>\n\t\t\t{onRemove && (\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tonClick={onRemove}\n\t\t\t\t\tclassName={styles.removeButton}\n\t\t\t\t\taria-label=\"Удалить бейдж\"\n\t\t\t\t\tdata-ui=\"badge-remove-button\"\n\t\t\t\t\tdata-action=\"remove-badge\">\n\t\t\t\t\t<XIcon />\n\t\t\t\t</button>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n","import { Children, Fragment, ReactElement } from \"react\";\n\nimport { FlexContainer } from \"../flex\";\n\nimport { Badge } from \"./Badge\";\n\ninterface BadgeListProps {\n\tchildren: ReactElement<typeof Badge | null | undefined | false>[];\n}\n\n/**\n * Контейнер для группы `Badge`, который выстраивает элементы в единый список с предсказуемыми отступами. Используется для компактного вывода набора меток или фильтров.\n */\nexport function BadgeList({ children }: BadgeListProps) {\n\treturn (\n\t\t<FlexContainer inline wrap gap=\"sm\" align=\"baseline\">\n\t\t\t{Children.map(children, (badge, index) => (\n\t\t\t\t<Fragment key={index}>{badge}</Fragment>\n\t\t\t))}\n\t\t</FlexContainer>\n\t);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;GCsBM,IAAyC;CAC9C,IAAI,EAAO;CACX,IAAI,EAAO;CACX,IAAI,EAAO;CACX,IAAI,EAAO;CACX,IAAI,EAAO;AACZ;AAKA,SAAgB,EAAM,EAAE,aAAU,UAAO,MAAM,SAAM,eAAY,cAAW,eAAwB;CACnG,IAAM,IAAe,KAAQ,WAEvB,IAAS,EAAgB;EAC9B;EACA;EACA;EACA,oBAL0B,MAAiB,YAAsB,YAAV;CAMxD,CAAC;CAED,OACC,kBAAC,OAAD;EACC,WAAW,EACV,EAAO,OACP,EAAY,IACZ,EAAmB,EAAO,IAAI,GAC9B,EAAyB,EAAO,UAAU,GAC1C,CAAC,KAAY,EAAO,SACpB,CACD;YARD,CASC,kBAAC,GAAD;GAAc,SAAS;GAAI,WAAU;GAAM,OAAA;GAAM,eAAe,EAAE,WAAW,EAAO,QAAQ;aAC1F,OAAO,CAAQ;EACH,CAAA,GACb,KACA,kBAAC,UAAD;GACC,MAAK;GACL,SAAS;GACT,WAAW,EAAO;GAClB,cAAW;GACX,WAAQ;GACR,eAAY;aACZ,kBAAC,GAAD,CAAQ,CAAA;EACD,CAAA,CAEL;;AAEP;;;ACxDA,SAAgB,EAAU,EAAE,eAA4B;CACvD,OACC,kBAAC,GAAD;EAAe,QAAA;EAAO,MAAA;EAAK,KAAI;EAAK,OAAM;YACxC,EAAS,IAAI,IAAW,GAAO,MAC/B,kBAAC,GAAD,EAAA,UAAuB,EAAgB,GAAxB,CAAwB,CACvC;CACa,CAAA;AAEjB"}

package/dist/chunks/{Button-BZ_b-Kin.js → Button-CCWuggdA.js}

@@ -1,40 +1,40 @@
-import { n as e } from "./popover-C79P5bm2.js";
+import { n as e } from "./popover-xJJqy1v6.js";
 import { t } from "./ui.module-BisoTevy.js";
 import { n, r, t as i } from "./uiClasses-BNjBunnY.js";
-import { cn as a } from "@ryuzaki13/react-foundation-lib/utils";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Children as l, forwardRef as u } from "react";
+import { Children as a, forwardRef as o } from "react";
+import { cn as s } from "@ryuzaki13/react-foundation-lib/utils";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 var d = {
 	button: "wLOHwj",
 	iconOnly: "lFsM-Y",
 	buttonInner: "LPob63",
 	buttonIcon: "tsaGtv"
-}, f = u(function({ children: u, disabled: f, className: p, icon: m, iconEnd: h, title: g, variant: _, tone: v, appearance: y, type: b = "button", "aria-label": x, ...S }, C) {
-	let w = l.count(u) > 0, T = !!m && !w, E = r({
+}, f = o(function({ children: o, disabled: f, className: p, icon: m, iconEnd: h, title: g, variant: _, tone: v, appearance: y, type: b = "button", "aria-label": x, ...S }, C) {
+	let w = a.count(o) > 0, T = !!m && !w, E = r({
 		variant: _,
 		tone: v,
 		appearance: y,
 		fallbackAppearance: v && v !== "neutral" ? "solid" : "outline"
-	}), D = T ? x ?? g : x, O = /* @__PURE__ */ s("button", {
+	}), D = T ? x ?? g : x, O = /* @__PURE__ */ l("button", {
 		...S,
 		ref: C,
 		type: b,
 		disabled: f,
 		"aria-label": D,
-		className: a(t.uiElement, t.uiInputControl, d.button, n(E.tone), i(E.appearance), T ? d.iconOnly : "", "textNoWrap", p ?? ""),
-		children: /* @__PURE__ */ c("span", {
+		className: s(t.uiElement, t.uiInputControl, d.button, n(E.tone), i(E.appearance), T ? d.iconOnly : "", "textNoWrap", p ?? ""),
+		children: /* @__PURE__ */ u("span", {
 			className: d.buttonInner,
 			children: [
-				m && !h && /* @__PURE__ */ s("span", {
+				m && !h && /* @__PURE__ */ l("span", {
 					"aria-hidden": "true",
 					className: d.buttonIcon,
 					children: m
 				}),
-				w && /* @__PURE__ */ s("span", {
+				w && /* @__PURE__ */ l("span", {
 					className: "flexEllipsis",
-					children: u
+					children: o
 				}),
-				m && h && /* @__PURE__ */ s("span", {
+				m && h && /* @__PURE__ */ l("span", {
 					"aria-hidden": "true",
 					className: d.buttonIcon,
 					children: m
@@ -42,14 +42,14 @@ var d = {
 			]
 		})
 	});
-	return g ? /* @__PURE__ */ s(e, {
+	return g ? /* @__PURE__ */ l(e, {
 		placement: "bottom",
 		tooltip: !0,
-		content: /* @__PURE__ */ s(o, { children: g }),
+		content: /* @__PURE__ */ l(c, { children: g }),
 		children: O
 	}) : O;
 });
 //#endregion
 export { f as t };
 
-//# sourceMappingURL=Button-BZ_b-Kin.js.map
+//# sourceMappingURL=Button-CCWuggdA.js.map

package/dist/chunks/{Button-BZ_b-Kin.js.map → Button-CCWuggdA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Button-BZ_b-Kin.js","names":[],"sources":["../../src/button/Button.module.scss","../../src/button/Button.tsx"],"sourcesContent":[".button {\n\tpadding: 0 var(--space-md);\n\tuser-select: none;\n\n\ttransform-style: preserve-3d;\n\tperspective: 1000px;\n\n\t&.iconOnly {\n\t\tpadding: 0;\n\t\taspect-ratio: 1;\n\t}\n\n\t&:active {\n\t\ttransition: none;\n\t\ttransform: perspective(1000px) translateZ(-2em);\n\t}\n}\n\n.buttonInner {\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: var(--space-sm);\n}\n\n.buttonIcon {\n\twidth: 1.25em;\n\theight: 1.25em;\n}\n","import React, { Children, forwardRef } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { FloatingPopover } from \"../popover\";\nimport uiStyles from \"../ui.module.scss\";\nimport { getUiAppearanceClassName, getUiToneClassName, resolveUiScheme } from \"../uiClasses\";\n\nimport styles from \"./Button.module.scss\";\n\nimport type { UiAppearance, UiTone, UiVariant } from \"../types\";\n\nexport interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"type\"> {\n\tvariant?: UiVariant;\n\ttone?: UiTone;\n\tappearance?: UiAppearance;\n\ticon?: React.ReactNode;\n\ticonEnd?: boolean;\n\n\t/**\n\t * По умолчанию делаем безопасное поведение в формах.\n\t */\n\ttype?: \"button\" | \"submit\" | \"reset\";\n}\n\n/**\n * Базовая кнопка дизайн-системы для пользовательских действий.\n * Поддерживает состояния, tone + appearance, иконки и безопасный `type=\"button\"` по умолчанию.\n */\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n\t{ children, disabled, className, icon, iconEnd, title, variant, tone, appearance, type = \"button\", \"aria-label\": ariaLabel, ...props },\n\tref\n) {\n\tconst hasChildren = Children.count(children) > 0;\n\tconst iconOnly = !!icon && !hasChildren;\n\tconst fallbackAppearance = tone && tone !== \"neutral\" ? \"solid\" : \"outline\";\n\tconst scheme = resolveUiScheme({ variant, tone, appearance, fallbackAppearance });\n\n\t// Если кнопка только с иконкой, нужен aria-label или title.\n\tconst computedAriaLabel = iconOnly ? (ariaLabel ?? title) : ariaLabel;\n\n\tconst button = (\n\t\t<button\n\t\t\t{...props}\n\t\t\tref={ref}\n\t\t\ttype={type}\n\t\t\tdisabled={disabled}\n\t\t\taria-label={computedAriaLabel}\n\t\t\tclassName={cn(\n\t\t\t\tuiStyles.uiElement,\n\t\t\t\tuiStyles.uiInputControl,\n\t\t\t\tstyles.button,\n\t\t\t\tgetUiToneClassName(scheme.tone),\n\t\t\t\tgetUiAppearanceClassName(scheme.appearance),\n\t\t\t\ticonOnly ? styles.iconOnly : \"\",\n\t\t\t\t\"textNoWrap\",\n\t\t\t\tclassName ?? \"\"\n\t\t\t)}>\n\t\t\t<span className={styles.buttonInner}>\n\t\t\t\t{icon && !iconEnd && (\n\t\t\t\t\t<span aria-hidden=\"true\" className={styles.buttonIcon}>\n\t\t\t\t\t\t{icon}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t{hasChildren && <span className=\"flexEllipsis\">{children}</span>}\n\n\t\t\t\t{icon && iconEnd && (\n\t\t\t\t\t<span aria-hidden=\"true\" className={styles.buttonIcon}>\n\t\t\t\t\t\t{icon}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</span>\n\t\t</button>\n\t);\n\n\tif (!title) return button;\n\n\treturn (\n\t\t<FloatingPopover placement=\"bottom\" tooltip content={<>{title}</>}>\n\t\t\t{button}\n\t\t</FloatingPopover>\n\t);\n});\n"],"mappings":";;;;;;;;;;;GC6Ba,IAAS,EAA2C,SAChE,EAAE,aAAU,aAAU,cAAW,SAAM,YAAS,UAAO,YAAS,SAAM,eAAY,UAAO,UAAU,cAAc,GAAW,GAAG,KAC/H,GACC;CACD,IAAM,IAAc,EAAS,MAAM,CAAQ,IAAI,GACzC,IAAW,CAAC,CAAC,KAAQ,CAAC,GAEtB,IAAS,EAAgB;EAAE;EAAS;EAAM;EAAY,oBADjC,KAAQ,MAAS,YAAY,UAAU;CACa,CAAC,GAG1E,IAAoB,IAAY,KAAa,IAAS,GAEtD,IACL,kBAAC,UAAD;EACC,GAAI;EACC;EACC;EACI;EACV,cAAY;EACZ,WAAW,EACV,EAAS,WACT,EAAS,gBACT,EAAO,QACP,EAAmB,EAAO,IAAI,GAC9B,EAAyB,EAAO,UAAU,GAC1C,IAAW,EAAO,WAAW,IAC7B,cACA,KAAa,EACd;YACA,kBAAC,QAAD;GAAM,WAAW,EAAO;aAAxB;IACE,KAAQ,CAAC,KACT,kBAAC,QAAD;KAAM,eAAY;KAAO,WAAW,EAAO;eACzC;IACI,CAAA;IAGN,KAAe,kBAAC,QAAD;KAAM,WAAU;KAAgB;IAAe,CAAA;IAE9D,KAAQ,KACR,kBAAC,QAAD;KAAM,eAAY;KAAO,WAAW,EAAO;eACzC;IACI,CAAA;GAEF;;CACC,CAAA;CAKT,OAFK,IAGJ,kBAAC,GAAD;EAAiB,WAAU;EAAS,SAAA;EAAQ,SAAS,kBAAA,GAAA,EAAA,UAAG,EAAQ,CAAA;YAC9D;CACe,CAAA,IALC;AAOpB,CAAC"}
+{"version":3,"file":"Button-CCWuggdA.js","names":[],"sources":["../../src/button/Button.module.scss","../../src/button/Button.tsx"],"sourcesContent":[".button {\n\tpadding: 0 var(--space-md);\n\tuser-select: none;\n\n\ttransform-style: preserve-3d;\n\tperspective: 1000px;\n\n\t&.iconOnly {\n\t\tpadding: 0;\n\t\taspect-ratio: 1;\n\t}\n\n\t&:active {\n\t\ttransition: none;\n\t\ttransform: perspective(1000px) translateZ(-2em);\n\t}\n}\n\n.buttonInner {\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: var(--space-sm);\n}\n\n.buttonIcon {\n\twidth: 1.25em;\n\theight: 1.25em;\n}\n","import React, { Children, forwardRef } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { FloatingPopover } from \"../popover\";\nimport uiStyles from \"../ui.module.scss\";\nimport { getUiAppearanceClassName, getUiToneClassName, resolveUiScheme } from \"../uiClasses\";\n\nimport styles from \"./Button.module.scss\";\n\nimport type { UiAppearance, UiTone, UiVariant } from \"../types\";\n\nexport interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"type\"> {\n\tvariant?: UiVariant;\n\ttone?: UiTone;\n\tappearance?: UiAppearance;\n\ticon?: React.ReactNode;\n\ticonEnd?: boolean;\n\n\t/**\n\t * По умолчанию делаем безопасное поведение в формах.\n\t */\n\ttype?: \"button\" | \"submit\" | \"reset\";\n}\n\n/**\n * Базовая кнопка дизайн-системы для пользовательских действий.\n * Поддерживает состояния, tone + appearance, иконки и безопасный `type=\"button\"` по умолчанию.\n */\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n\t{ children, disabled, className, icon, iconEnd, title, variant, tone, appearance, type = \"button\", \"aria-label\": ariaLabel, ...props },\n\tref\n) {\n\tconst hasChildren = Children.count(children) > 0;\n\tconst iconOnly = !!icon && !hasChildren;\n\tconst fallbackAppearance = tone && tone !== \"neutral\" ? \"solid\" : \"outline\";\n\tconst scheme = resolveUiScheme({ variant, tone, appearance, fallbackAppearance });\n\n\t// Если кнопка только с иконкой, нужен aria-label или title.\n\tconst computedAriaLabel = iconOnly ? (ariaLabel ?? title) : ariaLabel;\n\n\tconst button = (\n\t\t<button\n\t\t\t{...props}\n\t\t\tref={ref}\n\t\t\ttype={type}\n\t\t\tdisabled={disabled}\n\t\t\taria-label={computedAriaLabel}\n\t\t\tclassName={cn(\n\t\t\t\tuiStyles.uiElement,\n\t\t\t\tuiStyles.uiInputControl,\n\t\t\t\tstyles.button,\n\t\t\t\tgetUiToneClassName(scheme.tone),\n\t\t\t\tgetUiAppearanceClassName(scheme.appearance),\n\t\t\t\ticonOnly ? styles.iconOnly : \"\",\n\t\t\t\t\"textNoWrap\",\n\t\t\t\tclassName ?? \"\"\n\t\t\t)}>\n\t\t\t<span className={styles.buttonInner}>\n\t\t\t\t{icon && !iconEnd && (\n\t\t\t\t\t<span aria-hidden=\"true\" className={styles.buttonIcon}>\n\t\t\t\t\t\t{icon}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t{hasChildren && <span className=\"flexEllipsis\">{children}</span>}\n\n\t\t\t\t{icon && iconEnd && (\n\t\t\t\t\t<span aria-hidden=\"true\" className={styles.buttonIcon}>\n\t\t\t\t\t\t{icon}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</span>\n\t\t</button>\n\t);\n\n\tif (!title) return button;\n\n\treturn (\n\t\t<FloatingPopover placement=\"bottom\" tooltip content={<>{title}</>}>\n\t\t\t{button}\n\t\t</FloatingPopover>\n\t);\n});\n"],"mappings":";;;;;;;;;;;GC6Ba,IAAS,EAA2C,SAChE,EAAE,aAAU,aAAU,cAAW,SAAM,YAAS,UAAO,YAAS,SAAM,eAAY,UAAO,UAAU,cAAc,GAAW,GAAG,KAC/H,GACC;CACD,IAAM,IAAc,EAAS,MAAM,CAAQ,IAAI,GACzC,IAAW,CAAC,CAAC,KAAQ,CAAC,GAEtB,IAAS,EAAgB;EAAE;EAAS;EAAM;EAAY,oBADjC,KAAQ,MAAS,YAAY,UAAU;CACa,CAAC,GAG1E,IAAoB,IAAY,KAAa,IAAS,GAEtD,IACL,kBAAC,UAAD;EACC,GAAI;EACC;EACC;EACI;EACV,cAAY;EACZ,WAAW,EACV,EAAS,WACT,EAAS,gBACT,EAAO,QACP,EAAmB,EAAO,IAAI,GAC9B,EAAyB,EAAO,UAAU,GAC1C,IAAW,EAAO,WAAW,IAC7B,cACA,KAAa,EACd;YACA,kBAAC,QAAD;GAAM,WAAW,EAAO;aAAxB;IACE,KAAQ,CAAC,KACT,kBAAC,QAAD;KAAM,eAAY;KAAO,WAAW,EAAO;eACzC;IACI,CAAA;IAGN,KAAe,kBAAC,QAAD;KAAM,WAAU;KAAgB;IAAe,CAAA;IAE9D,KAAQ,KACR,kBAAC,QAAD;KAAM,eAAY;KAAO,WAAW,EAAO;eACzC;IACI,CAAA;GAEF;;CACC,CAAA;CAKT,OAFK,IAGJ,kBAAC,GAAD;EAAiB,WAAU;EAAS,SAAA;EAAQ,SAAS,kBAAA,GAAA,EAAA,UAAG,EAAQ,CAAA;YAC9D;CACe,CAAA,IALC;AAOpB,CAAC"}