@ryuzaki13/react-foundation-ui 3.4.3 → 3.6.0

package/dist/chunks/flex-C7njxZ74.js

@@ -1,207 +0,0 @@
-import { createElement as e, forwardRef as t, useMemo as n } from "react";
-import { cn as r } from "@ryuzaki13/react-foundation-lib/utils";
-import { jsx as i } from "react/jsx-runtime";
-import { resolveProps as a, useMatchMedia as o } from "@ryuzaki13/react-foundation-lib/media";
-var s = {
-	container: "ZNPIAt",
-	inline: "FOfB6f",
-	row: "S3zmDT",
-	column: "ZFdq8E",
-	rowReverse: "VAzJwr",
-	columnReverse: "-U1mun",
-	wrap: "_4ZMtr-",
-	nowrap: "SKOoTV",
-	wrapReverse: "sSe6vs",
-	alignStart: "_3K-dKm",
-	alignCenter: "-Pfy-z",
-	alignEnd: "beSYgR",
-	alignStretch: "Ewhv1G",
-	alignBaseline: "JXvBB6",
-	justifyStart: "hN3T0k",
-	justifyCenter: "KKCJ5o",
-	justifyEnd: "MnX1Le",
-	justifyStretch: "Hom9eH",
-	justifyBetween: "Oujm4J",
-	justifyAround: "_2ttx6l",
-	justifyEvenly: "QEwI8b",
-	alignContentStart: "_7GQOS7",
-	alignContentCenter: "_2IOpAA",
-	alignContentEnd: "fZOYKH",
-	alignContentStretch: "_01H9Wl",
-	alignContentBetween: "GiMq3P",
-	alignContentAround: "tfwckC",
-	alignContentEvenly: "_9tNYb7",
-	gapNone: "PoehYn",
-	gapRowXs: "D9yh46",
-	gapRowSm: "B5WUhS",
-	gapRowMd: "KfUmo4",
-	gapRowLg: "m-8JGj",
-	gapRowXl: "zFcs1z",
-	gapColumnXs: "_0wKkFA",
-	gapColumnSm: "VQY6wh",
-	gapColumnMd: "csJmh7",
-	gapColumnLg: "_-8r3Oj",
-	gapColumnXl: "sCELJe",
-	gapXs: "NrH1WE",
-	gapSm: "IIgbrj",
-	gapMd: "alT7CJ",
-	gapLg: "TBFK23",
-	gapXl: "JR1URZ",
-	item: "i1imd3",
-	grow: "IVZ-ii",
-	grow0: "zhghPS",
-	shrink: "-A4gJM",
-	shrink0: "_3Q-lT-",
-	basis0: "YSg8P9",
-	basisAuto: "RMXnTk",
-	flex0: "YyYE7z",
-	flex1: "LD3bM5",
-	alignSelfStart: "HpcoTp",
-	alignSelfCenter: "E7ItD3",
-	alignSelfEnd: "v0JFEC",
-	alignSelfStretch: "pmMEmH",
-	alignSelfBaseline: "qevFHG",
-	justifySelfCenter: "OTPY33",
-	justifySelfEnd: "AjRxTP",
-	justifySelfStretch: "_1YaZWf",
-	center: "H-DHBq",
-	columnCenter: "JzIGGJ",
-	centerBetween: "aqYTBq"
-}, c = (e) => n(() => {
-	let t = [s.container];
-	return e.inline && t.push(s.inline), e.row ? t.push(s.row) : e.column ? t.push(s.column) : e.rowReverse ? t.push(s.rowReverse) : e.columnReverse && t.push(s.columnReverse), e.wrap ? t.push(s.wrap) : e.nowrap ? t.push(s.nowrap) : e.wrapReverse && t.push(s.wrapReverse), e.align && t.push(s[`align${e.align.charAt(0).toUpperCase() + e.align.slice(1)}`]), e.justify && t.push(s[`justify${e.justify.charAt(0).toUpperCase() + e.justify.slice(1)}`]), e.alignContent && t.push(s[`alignContent${e.alignContent.charAt(0).toUpperCase() + e.alignContent.slice(1)}`]), e.gap === "none" ? t.push(s.gapNone) : e.gap && t.push(s[`gap${e.gap.charAt(0).toUpperCase() + e.gap.slice(1)}`]), e.gapRow && t.push(s[`gapRow${e.gapRow.charAt(0).toUpperCase() + e.gapRow.slice(1)}`]), e.gapColumn && t.push(s[`gapColumn${e.gapColumn.charAt(0).toUpperCase() + e.gapColumn.slice(1)}`]), t.filter(Boolean).join(" ");
-}, [e]), l = (e) => n(() => {
-	let t = [s.item];
-	return e.flex0 && t.push(s.flex0), e.flex1 && t.push(s.flex1), !e.flex0 && !e.flex1 && (e.grow ? t.push(s.grow) : t.push(s.grow0), e.shrink === !1 ? t.push(s.shrink0) : t.push(s.shrink), e.basis === "0" ? t.push(s.basis0) : e.basis === "auto" && t.push(s.basisAuto)), e.alignSelf && t.push(s[`alignSelf${e.alignSelf.charAt(0).toUpperCase() + e.alignSelf.slice(1)}`]), e.justifySelf && t.push(s[`justifySelf${e.justifySelf.charAt(0).toUpperCase() + e.justifySelf.slice(1)}`]), t.filter(Boolean).join(" ");
-}, [e]), u = (e) => s[e], d = [
-	"inline",
-	"row",
-	"column",
-	"rowReverse",
-	"columnReverse",
-	"wrap",
-	"nowrap",
-	"wrapReverse",
-	"align",
-	"justify",
-	"alignContent",
-	"gap",
-	"gapRow",
-	"gapColumn"
-], f = t(({ children: t, className: r = "", as: i, style: s, inline: l, row: u, column: f, rowReverse: p, columnReverse: m, wrap: h, nowrap: g, wrapReverse: _, align: v, justify: y, alignContent: b, gap: x, gapRow: S, gapColumn: C, ...w }, T) => {
-	let { activeBreakpoint: E } = o(), D = [c(n(() => a({
-		inline: l,
-		row: u,
-		column: f,
-		rowReverse: p,
-		columnReverse: m,
-		wrap: h,
-		nowrap: g,
-		wrapReverse: _,
-		align: v,
-		justify: y,
-		alignContent: b,
-		gap: x,
-		gapRow: S,
-		gapColumn: C
-	}, E, d), [
-		E,
-		v,
-		b,
-		f,
-		m,
-		x,
-		C,
-		S,
-		l,
-		y,
-		g,
-		u,
-		p,
-		h,
-		_
-	])), r].filter(Boolean).join(" ");
-	return e(i || "div", {
-		...w,
-		ref: T,
-		className: D,
-		style: s
-	}, t);
-});
-f.displayName = "FlexContainer";
-//#endregion
-//#region src/flex/FlexItem.tsx
-var p = [
-	"flex0",
-	"flex1",
-	"grow",
-	"shrink",
-	"basis",
-	"alignSelf",
-	"justifySelf"
-], m = t(({ children: t, className: r = "", as: i, style: s, flex0: c, flex1: u, grow: d, shrink: f, basis: m, alignSelf: h, justifySelf: g, ..._ }, v) => {
-	let { activeBreakpoint: y } = o(), b = [l(n(() => a({
-		flex0: c,
-		flex1: u,
-		grow: d,
-		shrink: f,
-		basis: m,
-		alignSelf: h,
-		justifySelf: g
-	}, y, p), [
-		y,
-		h,
-		m,
-		c,
-		u,
-		d,
-		g,
-		f
-	])), r].filter(Boolean).join(" ");
-	return e(i || "div", {
-		..._,
-		ref: v,
-		className: b,
-		style: s
-	}, t);
-});
-m.displayName = "FlexItem";
-//#endregion
-//#region src/flex/PredefinedFlex.tsx
-var h = t(({ variant: e, children: t, className: n = "", ...r }, a) => {
-	let o = [u(e ?? ""), n].filter(Boolean).join(" ");
-	return /* @__PURE__ */ i(f, {
-		ref: a,
-		className: o,
-		...r,
-		children: t
-	});
-});
-h.displayName = "PredefinedFlex";
-//#endregion
-//#region src/flex/Flex.tsx
-var g = {
-	Container: f,
-	Item: m,
-	Predefined: h
-}, _ = ({ className: e, minHeight: t, children: n, style: a, ...o }) => {
-	let s = t === void 0 ? a : {
-		...a,
-		minHeight: t
-	};
-	return /* @__PURE__ */ i("div", {
-		...o,
-		className: r("flexCenter h100", e),
-		style: s,
-		children: n
-	});
-}, v = t((e, t) => /* @__PURE__ */ i(m, {
-	...e,
-	ref: t,
-	flex1: !0
-}));
-v.displayName = "FlexSpacer";
-//#endregion
-export { m as a, h as i, _ as n, f as o, g as r, v as t };
-
-//# sourceMappingURL=flex-C7njxZ74.js.map

package/dist/chunks/flex-C7njxZ74.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"flex-C7njxZ74.js","names":[],"sources":["../../src/flex/Flex.module.scss","../../src/flex/useFlexClasses.ts","../../src/flex/FlexContainer.tsx","../../src/flex/FlexItem.tsx","../../src/flex/PredefinedFlex.tsx","../../src/flex/Flex.tsx","../../src/flex/FlexCenter.tsx","../../src/flex/FlexSpacer.tsx"],"sourcesContent":[".container {\n\tdisplay: flex;\n\n\t// Display variants\n\t&.inline {\n\t\tdisplay: inline-flex;\n\t\tvertical-align: middle;\n\t}\n\n\t// Direction\n\t&.row {\n\t\tflex-direction: row;\n\t}\n\t&.column {\n\t\tflex-direction: column;\n\t}\n\t&.rowReverse {\n\t\tflex-direction: row-reverse;\n\t}\n\t&.columnReverse {\n\t\tflex-direction: column-reverse;\n\t}\n\n\t// Wrap\n\t&.wrap {\n\t\tflex-wrap: wrap;\n\t}\n\t&.nowrap {\n\t\tflex-wrap: nowrap;\n\t}\n\t&.wrapReverse {\n\t\tflex-wrap: wrap-reverse;\n\t}\n\n\t// Align items\n\t&.alignStart {\n\t\talign-items: start;\n\t}\n\t&.alignCenter {\n\t\talign-items: center;\n\t}\n\t&.alignEnd {\n\t\talign-items: end;\n\t}\n\t&.alignStretch {\n\t\talign-items: stretch;\n\t}\n\t&.alignBaseline {\n\t\talign-items: baseline;\n\t}\n\n\t// Justify content\n\t&.justifyStart {\n\t\tjustify-content: start;\n\t}\n\t&.justifyCenter {\n\t\tjustify-content: center;\n\t}\n\t&.justifyEnd {\n\t\tjustify-content: end;\n\t}\n\t&.justifyStretch {\n\t\tjustify-content: stretch;\n\t}\n\t&.justifyBetween {\n\t\tjustify-content: space-between;\n\t}\n\t&.justifyAround {\n\t\tjustify-content: space-around;\n\t}\n\t&.justifyEvenly {\n\t\tjustify-content: space-evenly;\n\t}\n\n\t// Align content\n\t&.alignContentStart {\n\t\talign-content: start;\n\t}\n\t&.alignContentCenter {\n\t\talign-content: center;\n\t}\n\t&.alignContentEnd {\n\t\talign-content: end;\n\t}\n\t&.alignContentStretch {\n\t\talign-content: stretch;\n\t}\n\t&.alignContentBetween {\n\t\talign-content: space-between;\n\t}\n\t&.alignContentAround {\n\t\talign-content: space-around;\n\t}\n\t&.alignContentEvenly {\n\t\talign-content: space-evenly;\n\t}\n\n\t// Gap properties\n\t&.gapNone {\n\t\tgap: unset;\n\t}\n\n\t// Row gaps\n\t&.gapRowXs {\n\t\trow-gap: var(--space-xs);\n\t}\n\t&.gapRowSm {\n\t\trow-gap: var(--space-sm);\n\t}\n\t&.gapRowMd {\n\t\trow-gap: var(--space-md);\n\t}\n\t&.gapRowLg {\n\t\trow-gap: var(--space-lg);\n\t}\n\t&.gapRowXl {\n\t\trow-gap: var(--space-xl);\n\t}\n\n\t// Column gaps\n\t&.gapColumnXs {\n\t\tcolumn-gap: var(--space-xs);\n\t}\n\t&.gapColumnSm {\n\t\tcolumn-gap: var(--space-sm);\n\t}\n\t&.gapColumnMd {\n\t\tcolumn-gap: var(--space-md);\n\t}\n\t&.gapColumnLg {\n\t\tcolumn-gap: var(--space-lg);\n\t}\n\t&.gapColumnXl {\n\t\tcolumn-gap: var(--space-xl);\n\t}\n\n\t// Combined gaps\n\t&.gapXs {\n\t\trow-gap: var(--space-xs);\n\t\tcolumn-gap: var(--space-xs);\n\t}\n\t&.gapSm {\n\t\trow-gap: var(--space-sm);\n\t\tcolumn-gap: var(--space-sm);\n\t}\n\t&.gapMd {\n\t\trow-gap: var(--space-md);\n\t\tcolumn-gap: var(--space-md);\n\t}\n\t&.gapLg {\n\t\trow-gap: var(--space-lg);\n\t\tcolumn-gap: var(--space-lg);\n\t}\n\t&.gapXl {\n\t\trow-gap: var(--space-xl);\n\t\tcolumn-gap: var(--space-xl);\n\t}\n}\n\n.item {\n\t// Grow & Shrink with defaults (grow: 0, shrink: 1)\n\t&.grow {\n\t\tflex-grow: 1;\n\t}\n\t&.grow0 {\n\t\tflex-grow: 0;\n\t}\n\n\t&.shrink {\n\t\tflex-shrink: 1;\n\t}\n\t&.shrink0 {\n\t\tflex-shrink: 0;\n\t}\n\n\t// Basis\n\t&.basis0 {\n\t\tflex-basis: 0;\n\t}\n\t&.basisAuto {\n\t\tflex-basis: auto;\n\t}\n\n\t// Composite classes\n\t&.flex0 {\n\t\tflex-grow: 0;\n\t\tflex-shrink: 0;\n\t\tflex-basis: auto;\n\t}\n\n\t&.flex1 {\n\t\tflex-grow: 1;\n\t\tflex-shrink: 1;\n\t\tflex-basis: auto;\n\t}\n\n\t// Align self\n\t&.alignSelfStart {\n\t\talign-self: start;\n\t}\n\t&.alignSelfCenter {\n\t\talign-self: center;\n\t}\n\t&.alignSelfEnd {\n\t\talign-self: end;\n\t}\n\t&.alignSelfStretch {\n\t\talign-self: stretch;\n\t}\n\t&.alignSelfBaseline {\n\t\talign-self: baseline;\n\t}\n\n\t// Justify self\n\t&.justifySelfCenter {\n\t\tjustify-self: center;\n\t}\n\t&.justifySelfEnd {\n\t\tjustify-self: end;\n\t}\n\t&.justifySelfStretch {\n\t\tjustify-self: stretch;\n\t}\n}\n\n// Predefined compositions\n\n.center {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n\n.centerBetween {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n}\n\n.columnCenter {\n\t@extend .center;\n\tflex-direction: column;\n\theight: 100%;\n}\n","import { useMemo } from \"react\";\n\nimport { ResolvedProps } from \"@ryuzaki13/react-foundation-lib/media\";\n\nimport styles from \"./Flex.module.scss\";\n\nimport type { FlexContainerLayoutProps, FlexItemLayoutProps } from \"./types\";\n\ntype ClassName = string | undefined | null | false;\n\nexport type ResolvedFlexContainerProps = ResolvedProps<FlexContainerLayoutProps>;\nexport type ResolvedFlexItemProps = ResolvedProps<FlexItemLayoutProps>;\n\nexport const useFlexContainerClasses = (props: ResolvedFlexContainerProps) => {\n\treturn useMemo(() => {\n\t\tconst classes: ClassName[] = [styles.container];\n\n\t\t// Display\n\t\tif (props.inline) classes.push(styles.inline);\n\n\t\t// Direction (mutually exclusive)\n\t\tif (props.row) classes.push(styles.row);\n\t\telse if (props.column) classes.push(styles.column);\n\t\telse if (props.rowReverse) classes.push(styles.rowReverse);\n\t\telse if (props.columnReverse) classes.push(styles.columnReverse);\n\n\t\t// Wrap (mutually exclusive)\n\t\tif (props.wrap) classes.push(styles.wrap);\n\t\telse if (props.nowrap) classes.push(styles.nowrap);\n\t\telse if (props.wrapReverse) classes.push(styles.wrapReverse);\n\n\t\t// Alignment\n\t\tif (props.align) classes.push(styles[`align${props.align.charAt(0).toUpperCase() + props.align.slice(1)}` as keyof typeof styles]);\n\n\t\t// Justify\n\t\tif (props.justify)\n\t\t\tclasses.push(styles[`justify${props.justify.charAt(0).toUpperCase() + props.justify.slice(1)}` as keyof typeof styles]);\n\n\t\t// Align content\n\t\tif (props.alignContent)\n\t\t\tclasses.push(\n\t\t\t\tstyles[`alignContent${props.alignContent.charAt(0).toUpperCase() + props.alignContent.slice(1)}` as keyof typeof styles]\n\t\t\t);\n\n\t\t// Gap properties\n\t\tif (props.gap === \"none\") classes.push(styles.gapNone);\n\t\telse if (props.gap) classes.push(styles[`gap${props.gap.charAt(0).toUpperCase() + props.gap.slice(1)}` as keyof typeof styles]);\n\n\t\tif (props.gapRow)\n\t\t\tclasses.push(styles[`gapRow${props.gapRow.charAt(0).toUpperCase() + props.gapRow.slice(1)}` as keyof typeof styles]);\n\t\tif (props.gapColumn)\n\t\t\tclasses.push(styles[`gapColumn${props.gapColumn.charAt(0).toUpperCase() + props.gapColumn.slice(1)}` as keyof typeof styles]);\n\n\t\treturn classes.filter(Boolean).join(\" \");\n\t}, [props]);\n};\n\nexport const useFlexItemClasses = (props: ResolvedFlexItemProps) => {\n\treturn useMemo(() => {\n\t\tconst classes: ClassName[] = [styles.item];\n\n\t\t// Composite classes (highest priority)\n\t\tif (props.flex0) classes.push(styles.flex0);\n\t\tif (props.flex1) classes.push(styles.flex1);\n\n\t\t// Individual properties (only if composite not used)\n\t\tif (!props.flex0 && !props.flex1) {\n\t\t\t// Grow (default: false = 0)\n\t\t\tif (props.grow) classes.push(styles.grow);\n\t\t\telse classes.push(styles.grow0);\n\n\t\t\t// Shrink (default: true = 1)\n\t\t\tif (props.shrink === false) classes.push(styles.shrink0);\n\t\t\telse classes.push(styles.shrink);\n\n\t\t\t// Basis\n\t\t\tif (props.basis === \"0\") classes.push(styles.basis0);\n\t\t\telse if (props.basis === \"auto\") classes.push(styles.basisAuto);\n\t\t}\n\n\t\t// Self alignment\n\t\tif (props.alignSelf)\n\t\t\tclasses.push(styles[`alignSelf${props.alignSelf.charAt(0).toUpperCase() + props.alignSelf.slice(1)}` as keyof typeof styles]);\n\n\t\t// Justify self\n\t\tif (props.justifySelf)\n\t\t\tclasses.push(\n\t\t\t\tstyles[`justifySelf${props.justifySelf.charAt(0).toUpperCase() + props.justifySelf.slice(1)}` as keyof typeof styles]\n\t\t\t);\n\n\t\treturn classes.filter(Boolean).join(\" \");\n\t}, [props]);\n};\n\nexport const useFlexPredefinedClasses = (variant: string) => {\n\treturn styles[variant as keyof typeof styles];\n};\n","import { createElement, forwardRef, useMemo } from \"react\";\n\nimport { resolveProps, useMatchMedia } from \"@ryuzaki13/react-foundation-lib/media\";\n\nimport { FlexContainerLayoutProps, FlexContainerProps } from \"./types\";\nimport { useFlexContainerClasses } from \"./useFlexClasses\";\n\nconst RESPONSIVE_KEYS = [\n\t\"inline\",\n\t\"row\",\n\t\"column\",\n\t\"rowReverse\",\n\t\"columnReverse\",\n\t\"wrap\",\n\t\"nowrap\",\n\t\"wrapReverse\",\n\t\"align\",\n\t\"justify\",\n\t\"alignContent\",\n\t\"gap\",\n\t\"gapRow\",\n\t\"gapColumn\"\n] as const satisfies readonly (keyof FlexContainerLayoutProps)[];\n\nexport const FlexContainer = forwardRef<HTMLElement, FlexContainerProps>(\n\t(\n\t\t{\n\t\t\tchildren,\n\t\t\tclassName = \"\",\n\t\t\tas,\n\t\t\tstyle,\n\t\t\tinline,\n\t\t\trow,\n\t\t\tcolumn,\n\t\t\trowReverse,\n\t\t\tcolumnReverse,\n\t\t\twrap,\n\t\t\tnowrap,\n\t\t\twrapReverse,\n\t\t\talign,\n\t\t\tjustify,\n\t\t\talignContent,\n\t\t\tgap,\n\t\t\tgapRow,\n\t\t\tgapColumn,\n\t\t\t...htmlProps\n\t\t},\n\t\tref\n\t) => {\n\t\tconst { activeBreakpoint } = useMatchMedia();\n\n\t\tconst resolvedProps = useMemo(\n\t\t\t() =>\n\t\t\t\tresolveProps(\n\t\t\t\t\t{\n\t\t\t\t\t\tinline,\n\t\t\t\t\t\trow,\n\t\t\t\t\t\tcolumn,\n\t\t\t\t\t\trowReverse,\n\t\t\t\t\t\tcolumnReverse,\n\t\t\t\t\t\twrap,\n\t\t\t\t\t\tnowrap,\n\t\t\t\t\t\twrapReverse,\n\t\t\t\t\t\talign,\n\t\t\t\t\t\tjustify,\n\t\t\t\t\t\talignContent,\n\t\t\t\t\t\tgap,\n\t\t\t\t\t\tgapRow,\n\t\t\t\t\t\tgapColumn\n\t\t\t\t\t},\n\t\t\t\t\tactiveBreakpoint,\n\t\t\t\t\tRESPONSIVE_KEYS\n\t\t\t\t),\n\t\t\t[\n\t\t\t\tactiveBreakpoint,\n\t\t\t\talign,\n\t\t\t\talignContent,\n\t\t\t\tcolumn,\n\t\t\t\tcolumnReverse,\n\t\t\t\tgap,\n\t\t\t\tgapColumn,\n\t\t\t\tgapRow,\n\t\t\t\tinline,\n\t\t\t\tjustify,\n\t\t\t\tnowrap,\n\t\t\t\trow,\n\t\t\t\trowReverse,\n\t\t\t\twrap,\n\t\t\t\twrapReverse\n\t\t\t]\n\t\t);\n\n\t\tconst flexClasses = useFlexContainerClasses(resolvedProps);\n\n\t\tconst finalClassName = [flexClasses, className].filter(Boolean).join(\" \");\n\t\tconst Component = as || \"div\";\n\n\t\treturn createElement(\n\t\t\tComponent,\n\n\t\t\t{\n\t\t\t\t...htmlProps,\n\t\t\t\tref,\n\t\t\t\tclassName: finalClassName,\n\t\t\t\tstyle\n\t\t\t},\n\t\t\tchildren\n\t\t);\n\t}\n);\n\nFlexContainer.displayName = \"FlexContainer\";\n","import { createElement, forwardRef, useMemo } from \"react\";\n\nimport { resolveProps, useMatchMedia } from \"@ryuzaki13/react-foundation-lib/media\";\n\nimport { FlexItemLayoutProps, FlexItemProps } from \"./types\";\nimport { useFlexItemClasses } from \"./useFlexClasses\";\n\nconst RESPONSIVE_KEYS = [\n\t\"flex0\",\n\t\"flex1\",\n\t\"grow\",\n\t\"shrink\",\n\t\"basis\",\n\t\"alignSelf\",\n\t\"justifySelf\"\n] as const satisfies readonly (keyof FlexItemLayoutProps)[];\n\nexport const FlexItem = forwardRef<HTMLElement, FlexItemProps>(\n\t({ children, className = \"\", as, style, flex0, flex1, grow, shrink, basis, alignSelf, justifySelf, ...htmlProps }, ref) => {\n\t\tconst { activeBreakpoint } = useMatchMedia();\n\n\t\tconst resolvedProps = useMemo(\n\t\t\t() => resolveProps({ flex0, flex1, grow, shrink, basis, alignSelf, justifySelf }, activeBreakpoint, RESPONSIVE_KEYS),\n\t\t\t[activeBreakpoint, alignSelf, basis, flex0, flex1, grow, justifySelf, shrink]\n\t\t);\n\n\t\tconst flexClasses = useFlexItemClasses(resolvedProps);\n\n\t\tconst finalClassName = [flexClasses, className].filter(Boolean).join(\" \");\n\t\tconst Component = as || \"div\";\n\n\t\treturn createElement(\n\t\t\tComponent,\n\n\t\t\t{\n\t\t\t\t...htmlProps,\n\t\t\t\tref,\n\t\t\t\tclassName: finalClassName,\n\t\t\t\tstyle\n\t\t\t},\n\t\t\tchildren\n\t\t);\n\t}\n);\n\nFlexItem.displayName = \"FlexItem\";\n","import { forwardRef } from \"react\";\n\nimport { FlexContainer } from \"./FlexContainer\";\nimport { PredefinedFlexProps } from \"./types\";\nimport { useFlexPredefinedClasses } from \"./useFlexClasses\";\n\nexport const PredefinedFlex = forwardRef<HTMLElement, PredefinedFlexProps>(({ variant, children, className = \"\", ...props }, ref) => {\n\tconst predefinedClass = useFlexPredefinedClasses(variant ?? \"\");\n\tconst finalClassName = [predefinedClass, className].filter(Boolean).join(\" \");\n\n\treturn (\n\t\t<FlexContainer ref={ref} className={finalClassName} {...props}>\n\t\t\t{children}\n\t\t</FlexContainer>\n\t);\n});\n\nPredefinedFlex.displayName = \"PredefinedFlex\";\n","import { FlexContainer } from \"./FlexContainer\";\nimport { FlexItem } from \"./FlexItem\";\nimport { PredefinedFlex } from \"./PredefinedFlex\";\n\nexport const Flex = {\n\tContainer: FlexContainer,\n\tItem: FlexItem,\n\tPredefined: PredefinedFlex\n};\n","import type { HTMLAttributes, ReactNode } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nexport interface FlexCenterProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n\tchildren?: ReactNode;\n\tminHeight?: string | number;\n}\n\nexport const FlexCenter = ({ className, minHeight, children, style, ...htmlProps }: FlexCenterProps) => {\n\tconst finalStyle = minHeight === undefined ? style : { ...style, minHeight };\n\n\treturn (\n\t\t<div {...htmlProps} className={cn(\"flexCenter h100\", className)} style={finalStyle}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n","import { forwardRef } from \"react\";\n\nimport { FlexItem } from \"./FlexItem\";\n\nimport type { FlexItemProps } from \"./types\";\n\nexport type FlexSpacerProps = Omit<FlexItemProps, \"children\" | \"flex1\">;\n\nexport const FlexSpacer = forwardRef<HTMLElement, FlexSpacerProps>((props, ref) => <FlexItem {...props} ref={ref} flex1 />);\n\nFlexSpacer.displayName = \"FlexSpacer\";\n"],"mappings":"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"}

package/dist/chunks/grid-dI94AAbi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"grid-dI94AAbi.js","names":[],"sources":["../../src/grid/Grid.module.scss","../../src/grid/useGridClasses.ts","../../src/grid/GridContainer.tsx","../../src/grid/GridItem.tsx","../../src/grid/Grid.tsx"],"sourcesContent":[".grid {\n\tdisplay: grid;\n\n\t// Display variants\n\t&.inline {\n\t\tdisplay: inline-grid;\n\t\tvertical-align: middle;\n\t}\n\n\t// Auto flow\n\t&.row {\n\t\tgrid-auto-flow: row;\n\t}\n\t&.column {\n\t\tgrid-auto-flow: column;\n\t}\n\t&.dense {\n\t\tgrid-auto-flow: dense;\n\t}\n\n\t// Gap properties (аналогично Flex)\n\t&.gapNone {\n\t\tgap: unset;\n\t}\n\n\t// Row gaps\n\t&.gapRowXs {\n\t\trow-gap: var(--space-xs);\n\t}\n\t&.gapRowSm {\n\t\trow-gap: var(--space-sm);\n\t}\n\t&.gapRowMd {\n\t\trow-gap: var(--space-md);\n\t}\n\t&.gapRowLg {\n\t\trow-gap: var(--space-lg);\n\t}\n\t&.gapRowXl {\n\t\trow-gap: var(--space-xl);\n\t}\n\n\t// Column gaps\n\t&.gapColumnXs {\n\t\tcolumn-gap: var(--space-xs);\n\t}\n\t&.gapColumnSm {\n\t\tcolumn-gap: var(--space-sm);\n\t}\n\t&.gapColumnMd {\n\t\tcolumn-gap: var(--space-md);\n\t}\n\t&.gapColumnLg {\n\t\tcolumn-gap: var(--space-lg);\n\t}\n\t&.gapColumnXl {\n\t\tcolumn-gap: var(--space-xl);\n\t}\n\n\t// Combined gaps\n\t&.gapXs {\n\t\trow-gap: var(--space-xs);\n\t\tcolumn-gap: var(--space-xs);\n\t}\n\t&.gapSm {\n\t\trow-gap: var(--space-sm);\n\t\tcolumn-gap: var(--space-sm);\n\t}\n\t&.gapMd {\n\t\trow-gap: var(--space-md);\n\t\tcolumn-gap: var(--space-md);\n\t}\n\t&.gapLg {\n\t\trow-gap: var(--space-lg);\n\t\tcolumn-gap: var(--space-lg);\n\t}\n\t&.gapXl {\n\t\trow-gap: var(--space-xl);\n\t\tcolumn-gap: var(--space-xl);\n\t}\n\n\t// Align items\n\t&.alignStart {\n\t\talign-items: start;\n\t}\n\t&.alignCenter {\n\t\talign-items: center;\n\t}\n\t&.alignEnd {\n\t\talign-items: end;\n\t}\n\t&.alignStretch {\n\t\talign-items: stretch;\n\t}\n\t&.alignBaseline {\n\t\talign-items: baseline;\n\t}\n\n\t// Justify items\n\t&.justifyStart {\n\t\tjustify-items: start;\n\t}\n\t&.justifyCenter {\n\t\tjustify-items: center;\n\t}\n\t&.justifyEnd {\n\t\tjustify-items: end;\n\t}\n\t&.justifyStretch {\n\t\tjustify-items: stretch;\n\t}\n\n\t// Align content\n\t&.alignContentStart {\n\t\talign-content: start;\n\t}\n\t&.alignContentCenter {\n\t\talign-content: center;\n\t}\n\t&.alignContentEnd {\n\t\talign-content: end;\n\t}\n\t&.alignContentStretch {\n\t\talign-content: stretch;\n\t}\n\t&.alignContentBetween {\n\t\talign-content: space-between;\n\t}\n\t&.alignContentAround {\n\t\talign-content: space-around;\n\t}\n\t&.alignContentEvenly {\n\t\talign-content: space-evenly;\n\t}\n\n\t// Justify content\n\t&.justifyContentStart {\n\t\tjustify-content: start;\n\t}\n\t&.justifyContentCenter {\n\t\tjustify-content: center;\n\t}\n\t&.justifyContentEnd {\n\t\tjustify-content: end;\n\t}\n\t&.justifyContentStretch {\n\t\tjustify-content: stretch;\n\t}\n\t&.justifyContentBetween {\n\t\tjustify-content: space-between;\n\t}\n\t&.justifyContentAround {\n\t\tjustify-content: space-around;\n\t}\n\t&.justifyContentEvenly {\n\t\tjustify-content: space-evenly;\n\t}\n}\n\n// Grid Item\n.item {\n\t// Grid placement\n\t&.areaAuto {\n\t\tgrid-area: auto;\n\t}\n\n\t// Align self\n\t&.alignSelfStart {\n\t\talign-self: start;\n\t}\n\t&.alignSelfCenter {\n\t\talign-self: center;\n\t}\n\t&.alignSelfEnd {\n\t\talign-self: end;\n\t}\n\t&.alignSelfStretch {\n\t\talign-self: stretch;\n\t}\n\t&.alignSelfBaseline {\n\t\talign-self: baseline;\n\t}\n\n\t// Justify self\n\t&.justifySelfStart {\n\t\tjustify-self: start;\n\t}\n\t&.justifySelfCenter {\n\t\tjustify-self: center;\n\t}\n\t&.justifySelfEnd {\n\t\tjustify-self: end;\n\t}\n\t&.justifySelfStretch {\n\t\tjustify-self: stretch;\n\t}\n}\n\n// Предопределенные композиции\n.autoRows1fr {\n\tgrid-auto-rows: 1fr;\n}\n\n.columnsAuto1fr {\n\tgrid-template-columns: auto 1fr;\n\tgrid-auto-rows: auto;\n}\n\n.singleColumn {\n\tgrid-template-columns: 100%;\n\tgrid-auto-rows: auto 1fr;\n}\n","import { CSSProperties, useMemo } from \"react\";\n\nimport { ResolvedProps } from \"@ryuzaki13/react-foundation-lib/media\";\n\nimport styles from \"./Grid.module.scss\";\n\nimport type { GridContainerLayoutProps, GridItemLayoutProps } from \"./types\";\n\ntype ClassName = string | undefined | null | false;\n\nexport type ResolvedGridContainerProps = ResolvedProps<GridContainerLayoutProps>;\nexport type ResolvedGridItemProps = ResolvedProps<GridItemLayoutProps>;\n\nexport const useGridContainerClasses = (props: ResolvedGridContainerProps) => {\n\treturn useMemo(() => {\n\t\tconst classes: ClassName[] = [styles.grid];\n\n\t\t// Display\n\t\tif (props.inline) classes.push(styles.inline);\n\n\t\t// Auto flow\n\t\tif (props.column) classes.push(styles.column);\n\t\telse if (props.dense) classes.push(styles.dense);\n\t\telse if (props.row) classes.push(styles.row);\n\n\t\t// Alignment\n\t\tif (props.align) classes.push(styles[`align${props.align.charAt(0).toUpperCase() + props.align.slice(1)}` as keyof typeof styles]);\n\n\t\t// Justify items\n\t\tif (props.justify)\n\t\t\tclasses.push(styles[`justify${props.justify.charAt(0).toUpperCase() + props.justify.slice(1)}` as keyof typeof styles]);\n\n\t\t// Justify content\n\t\tif (props.justifyContent)\n\t\t\tclasses.push(\n\t\t\t\tstyles[\n\t\t\t\t\t`justifyContent${props.justifyContent.charAt(0).toUpperCase() + props.justifyContent.slice(1)}` as keyof typeof styles\n\t\t\t\t]\n\t\t\t);\n\n\t\t// Align content\n\t\tif (props.alignContent)\n\t\t\tclasses.push(\n\t\t\t\tstyles[`alignContent${props.alignContent.charAt(0).toUpperCase() + props.alignContent.slice(1)}` as keyof typeof styles]\n\t\t\t);\n\n\t\t// Gap properties\n\t\tif (props.gap === \"none\") classes.push(styles.gapNone);\n\t\telse if (props.gap) classes.push(styles[`gap${props.gap.charAt(0).toUpperCase() + props.gap.slice(1)}` as keyof typeof styles]);\n\n\t\tif (props.gapRow)\n\t\t\tclasses.push(styles[`gapRow${props.gapRow.charAt(0).toUpperCase() + props.gapRow.slice(1)}` as keyof typeof styles]);\n\t\tif (props.gapColumn)\n\t\t\tclasses.push(styles[`gapColumn${props.gapColumn.charAt(0).toUpperCase() + props.gapColumn.slice(1)}` as keyof typeof styles]);\n\n\t\t// Предопределенные варианты\n\t\tif (props.variant === \"single-column\") classes.push(styles.singleColumn);\n\t\telse if (props.variant === \"auto-1fr\") classes.push(styles.autoRows1fr);\n\t\telse if (props.variant === \"auto1fr-rows-auto\") classes.push(styles.columnsAuto1fr);\n\n\t\treturn classes.filter(Boolean).join(\" \");\n\t}, [props]);\n};\n\nexport const useGridContainerStyles = (\n\tprops: Pick<ResolvedGridContainerProps, \"templateColumns\" | \"templateRows\" | \"autoColumns\" | \"autoRows\" | \"areas\">\n) => {\n\treturn useMemo(() => {\n\t\tconst styles: CSSProperties = {};\n\n\t\tif (props.templateColumns) {\n\t\t\t// if (typeof props.templateColumns === \"object\") {\n\t\t\t//     styles.gridTemplateColumns = props.templateColumns;\n\t\t\t// } else {\n\t\t\tstyles.gridTemplateColumns = props.templateColumns;\n\t\t\t// }\n\t\t}\n\t\tif (props.templateRows) {\n\t\t\tstyles.gridTemplateRows = props.templateRows;\n\t\t}\n\t\tif (props.autoColumns) {\n\t\t\tstyles.gridAutoColumns = props.autoColumns;\n\t\t}\n\t\tif (props.autoRows) {\n\t\t\tstyles.gridAutoRows = props.autoRows;\n\t\t}\n\t\tif (props.areas) {\n\t\t\tstyles.gridTemplateAreas = props.areas;\n\t\t}\n\n\t\treturn styles;\n\t}, [props.templateColumns, props.templateRows, props.autoColumns, props.autoRows, props.areas]);\n};\n\nexport const useGridItemClasses = (props: ResolvedGridItemProps) => {\n\treturn useMemo(() => {\n\t\tconst classes: ClassName[] = [styles.item];\n\n\t\t// Self alignment\n\t\tif (props.alignSelf)\n\t\t\tclasses.push(styles[`alignSelf${props.alignSelf.charAt(0).toUpperCase() + props.alignSelf.slice(1)}` as keyof typeof styles]);\n\n\t\t// Justify self\n\t\tif (props.justifySelf)\n\t\t\tclasses.push(\n\t\t\t\tstyles[`justifySelf${props.justifySelf.charAt(0).toUpperCase() + props.justifySelf.slice(1)}` as keyof typeof styles]\n\t\t\t);\n\n\t\treturn classes.filter(Boolean).join(\" \");\n\t}, [props]);\n};\n\nexport const useGridItemStyles = (props: Pick<ResolvedGridItemProps, \"area\" | \"column\" | \"row\">) => {\n\treturn useMemo(() => {\n\t\tconst styles: CSSProperties = {};\n\n\t\tif (props.area) {\n\t\t\tstyles.gridArea = props.area;\n\t\t}\n\t\tif (props.column) {\n\t\t\tstyles.gridColumn = props.column;\n\t\t}\n\t\tif (props.row) {\n\t\t\tstyles.gridRow = props.row;\n\t\t}\n\n\t\treturn styles;\n\t}, [props.area, props.column, props.row]);\n};\n","import { createElement, forwardRef, useMemo } from \"react\";\n\nimport { resolveResponsiveValue, useMatchMedia } from \"@ryuzaki13/react-foundation-lib/media\";\n\nimport { GridContainerProps } from \"./types\";\nimport { useGridContainerClasses, useGridContainerStyles } from \"./useGridClasses\";\n\nexport const GridContainer = forwardRef<HTMLElement, GridContainerProps>(\n\t(\n\t\t{\n\t\t\tchildren,\n\t\t\tclassName = \"\",\n\t\t\tas,\n\t\t\tstyle,\n\t\t\tinline,\n\t\t\trow,\n\t\t\tcolumn,\n\t\t\tdense,\n\t\t\tgap,\n\t\t\tgapRow,\n\t\t\tgapColumn,\n\t\t\talign,\n\t\t\tjustify,\n\t\t\talignContent,\n\t\t\tjustifyContent,\n\t\t\ttemplateColumns,\n\t\t\ttemplateRows,\n\t\t\tautoColumns,\n\t\t\tautoRows,\n\t\t\tareas,\n\t\t\tvariant,\n\t\t\t...htmlProps\n\t\t},\n\t\tref\n\t) => {\n\t\tconst { activeBreakpoint } = useMatchMedia();\n\n\t\tconst resolved = useMemo(() => {\n\t\t\treturn {\n\t\t\t\tinline: resolveResponsiveValue(inline, activeBreakpoint),\n\n\t\t\t\trow: resolveResponsiveValue(row, activeBreakpoint),\n\t\t\t\tcolumn: resolveResponsiveValue(column, activeBreakpoint),\n\t\t\t\tdense: resolveResponsiveValue(dense, activeBreakpoint),\n\n\t\t\t\tgap: resolveResponsiveValue(gap, activeBreakpoint),\n\t\t\t\tgapRow: resolveResponsiveValue(gapRow, activeBreakpoint),\n\t\t\t\tgapColumn: resolveResponsiveValue(gapColumn, activeBreakpoint),\n\n\t\t\t\talign: resolveResponsiveValue(align, activeBreakpoint),\n\t\t\t\tjustify: resolveResponsiveValue(justify, activeBreakpoint),\n\t\t\t\talignContent: resolveResponsiveValue(alignContent, activeBreakpoint),\n\t\t\t\tjustifyContent: resolveResponsiveValue(justifyContent, activeBreakpoint),\n\n\t\t\t\tvariant: resolveResponsiveValue(variant, activeBreakpoint)\n\t\t\t};\n\t\t}, [activeBreakpoint, align, alignContent, column, dense, gap, gapColumn, gapRow, inline, justify, justifyContent, row, variant]);\n\n\t\tconst resolvedStyles = useMemo(() => {\n\t\t\treturn {\n\t\t\t\ttemplateColumns: resolveResponsiveValue(templateColumns, activeBreakpoint),\n\t\t\t\ttemplateRows: resolveResponsiveValue(templateRows, activeBreakpoint),\n\t\t\t\tautoColumns: resolveResponsiveValue(autoColumns, activeBreakpoint),\n\t\t\t\tautoRows: resolveResponsiveValue(autoRows, activeBreakpoint),\n\t\t\t\tareas: resolveResponsiveValue(areas, activeBreakpoint)\n\t\t\t};\n\t\t}, [activeBreakpoint, templateColumns, templateRows, autoColumns, autoRows, areas]);\n\n\t\tconst gridClasses = useGridContainerClasses(resolved);\n\t\tconst gridStyles = useGridContainerStyles(resolvedStyles);\n\n\t\tconst finalClassName = [gridClasses, className].filter(Boolean).join(\" \");\n\t\tconst finalStyle = { ...gridStyles, ...style };\n\t\tconst Component = as || \"div\";\n\n\t\treturn createElement(\n\t\t\tComponent,\n\n\t\t\t{\n\t\t\t\t...htmlProps,\n\t\t\t\tref,\n\t\t\t\tclassName: finalClassName,\n\t\t\t\tstyle: finalStyle\n\t\t\t},\n\t\t\tchildren\n\t\t);\n\t}\n);\n\nGridContainer.displayName = \"GridContainer\";\n","import { createElement, forwardRef, useMemo } from \"react\";\n\nimport { resolveResponsiveValue, useMatchMedia } from \"@ryuzaki13/react-foundation-lib/media\";\n\nimport { GridItemProps } from \"./types\";\nimport { useGridItemClasses, useGridItemStyles } from \"./useGridClasses\";\n\nexport const GridItem = forwardRef<HTMLElement, GridItemProps>(\n\t({ children, className = \"\", as, style, area, column, row, alignSelf, justifySelf, ...htmlProps }, ref) => {\n\t\tconst { activeBreakpoint } = useMatchMedia();\n\n\t\tconst resolvedProps = useMemo(() => {\n\t\t\treturn {\n\t\t\t\talignSelf: resolveResponsiveValue(alignSelf, activeBreakpoint),\n\t\t\t\tjustifySelf: resolveResponsiveValue(justifySelf, activeBreakpoint)\n\t\t\t};\n\t\t}, [activeBreakpoint, alignSelf, justifySelf]);\n\n\t\tconst resolvedPlacement = useMemo(() => {\n\t\t\treturn {\n\t\t\t\tarea: resolveResponsiveValue(area, activeBreakpoint),\n\t\t\t\tcolumn: resolveResponsiveValue(column, activeBreakpoint),\n\t\t\t\trow: resolveResponsiveValue(row, activeBreakpoint)\n\t\t\t};\n\t\t}, [activeBreakpoint, area, column, row]);\n\n\t\tconst gridClasses = useGridItemClasses(resolvedProps);\n\t\tconst gridStyles = useGridItemStyles(resolvedPlacement);\n\n\t\tconst finalClassName = [gridClasses, className].filter(Boolean).join(\" \");\n\t\tconst finalStyle = { ...gridStyles, ...style };\n\t\tconst Component = as || \"div\";\n\n\t\treturn createElement(\n\t\t\tComponent,\n\n\t\t\t{\n\t\t\t\t...htmlProps,\n\t\t\t\tref,\n\t\t\t\tclassName: finalClassName,\n\t\t\t\tstyle: finalStyle\n\t\t\t},\n\t\t\tchildren\n\t\t);\n\t}\n);\n\nGridItem.displayName = \"GridItem\";\n","import { GridContainer } from \"./GridContainer\";\nimport { GridItem } from \"./GridItem\";\n\nexport const Grid = {\n\tContainer: GridContainer,\n\tItem: GridItem\n};\n"],"mappings":"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"}

package/dist/chunks/input-search-Cat4c7SM.js

@@ -1,30 +0,0 @@
-import { n as e } from "./input-DSPKgiCK.js";
-import { useState as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/input-search/InputSearch.tsx
-function r({ onChange: r, ...i }) {
-	let [a, o] = t(() => i.defaultValue ?? i.value ?? ""), [s, c] = t(() => i.defaultValue ?? i.value ?? ""), l = (e) => {
-		let t = e.trim();
-		t !== s && (c(t), r(t));
-	}, u = () => {
-		o(""), c(""), r("");
-	}, d = (e) => {
-		e.key === "Enter" && (e.preventDefault(), l(a));
-	}, f = () => {
-		l(a);
-	}, p = (e) => {
-		o(e);
-	};
-	return /* @__PURE__ */ n(e, {
-		...i,
-		value: a,
-		onChange: p,
-		onKeyDown: d,
-		onBlur: f,
-		onClear: u
-	});
-}
-//#endregion
-export { r as t };
-
-//# sourceMappingURL=input-search-Cat4c7SM.js.map

package/dist/chunks/input-search-Cat4c7SM.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-search-Cat4c7SM.js","names":[],"sources":["../../src/input-search/InputSearch.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { BaseInputProps, Input } from \"../input\";\n\ninterface SearchInputProps extends BaseInputProps<string> {\n\tonChange: (value: string) => void;\n}\n\nexport function InputSearch({ onChange, ...props }: SearchInputProps) {\n\tconst [searchTerm, setSearchTerm] = useState(() => props.defaultValue ?? props.value ?? \"\");\n\tconst [previousSearch, setPreviousSearch] = useState(() => props.defaultValue ?? props.value ?? \"\");\n\n\tconst handleSearch = (term: string) => {\n\t\tconst changedTerm = term.trim();\n\n\t\t// Проверяем, изменилось ли значение с предыдущего поиска\n\t\tif (changedTerm === previousSearch) return;\n\n\t\tsetPreviousSearch(changedTerm);\n\t\tonChange(changedTerm);\n\t};\n\n\tconst handleClear = () => {\n\t\tsetSearchTerm(\"\");\n\t\tsetPreviousSearch(\"\");\n\t\tonChange(\"\");\n\t};\n\n\tconst handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n\t\tif (event.key === \"Enter\") {\n\t\t\tevent.preventDefault();\n\t\t\thandleSearch(searchTerm);\n\t\t}\n\t};\n\n\tconst handleBlur = () => {\n\t\thandleSearch(searchTerm);\n\t};\n\n\tconst handleChange = (value: string) => {\n\t\tsetSearchTerm(value);\n\t\t// Не вызываем onSearch здесь - только по Enter/blur\n\t};\n\n\treturn (\n\t\t<Input {...props} value={searchTerm} onChange={handleChange} onKeyDown={handleKeyDown} onBlur={handleBlur} onClear={handleClear} />\n\t);\n}\n"],"mappings":";;;;AAQA,SAAgB,EAAY,EAAE,aAAU,GAAG,KAA2B;CACrE,IAAM,CAAC,GAAY,KAAiB,QAAe,EAAM,gBAAgB,EAAM,SAAS,EAAE,GACpF,CAAC,GAAgB,KAAqB,QAAe,EAAM,gBAAgB,EAAM,SAAS,EAAE,GAE5F,KAAgB,MAAiB;EACtC,IAAM,IAAc,EAAK,KAAK;EAG1B,MAAgB,MAEpB,EAAkB,CAAW,GAC7B,EAAS,CAAW;CACrB,GAEM,UAAoB;EAGzB,AAFA,EAAc,EAAE,GAChB,EAAkB,EAAE,GACpB,EAAS,EAAE;CACZ,GAEM,KAAiB,MAAiD;EACvE,AAAI,EAAM,QAAQ,YACjB,EAAM,eAAe,GACrB,EAAa,CAAU;CAEzB,GAEM,UAAmB;EACxB,EAAa,CAAU;CACxB,GAEM,KAAgB,MAAkB;EACvC,EAAc,CAAK;CAEpB;CAEA,OACC,kBAAC,GAAD;EAAO,GAAI;EAAO,OAAO;EAAY,UAAU;EAAc,WAAW;EAAe,QAAQ;EAAY,SAAS;CAAc,CAAA;AAEpI"}

package/dist/chunks/misc-DeGboAt-.js

@@ -1,309 +0,0 @@
-import { n as e } from "./popover-Bne-Ljbs.js";
-import { n as t } from "./flex-C7njxZ74.js";
-import { Text as n } from "../text/index.js";
-import { PolymorphicComponent as r } from "../polymorphic/index.js";
-import { Suspense as i, forwardRef as a, useCallback as o, useEffect as s, useRef as c, useState as l, useSyncExternalStore as u } from "react";
-import { cn as d } from "@ryuzaki13/react-foundation-lib/utils";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { CheckCheckIcon as m, ChevronLeftIcon as h, ChevronRightIcon as g, CircleAlertIcon as _, CircleCheckIcon as v, CircleXIcon as y, CopyIcon as b, InfoIcon as x } from "lucide-react";
-import { useCopyElementTextWithFeedback as S } from "@ryuzaki13/react-foundation-lib/copy";
-import { useLazyComponent as C } from "@ryuzaki13/react-foundation-lib/hooks";
-var w = {
-	logo: "l9LG-r",
-	segment: "u4bkNy",
-	pulseSteps: "S-r8hY"
-};
-//#endregion
-//#region src/misc/AnimatedLogo.tsx
-function T({ children: e, className: t, ...n }) {
-	return /* @__PURE__ */ f("div", {
-		...n,
-		className: d(w.logo, t),
-		children: e
-	});
-}
-//#endregion
-//#region src/misc/AnimatedLogoSegment.tsx
-function E({ children: e, className: t, order: n, style: r, ...i }) {
-	return /* @__PURE__ */ f("g", {
-		...i,
-		className: d(w.segment, t),
-		style: {
-			...r,
-			animationDelay: `${n * 200}ms`
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/misc/CopyTextWrapper.tsx
-var D = ({ children: t, position: n = "top", showOnHover: r = !0, className: i }) => {
-	let { containerRef: a, copyElementText: o, isCopied: s } = S();
-	return /* @__PURE__ */ p("span", {
-		ref: a,
-		className: i,
-		children: [t, /* @__PURE__ */ f(e, {
-			openOnHover: r,
-			placement: n,
-			content: s ? "Скопировано!" : "Копировать текст",
-			children: /* @__PURE__ */ f("button", {
-				onClick: o,
-				"aria-label": s ? "Скопировано!" : "Копировать текст",
-				children: s ? /* @__PURE__ */ f(m, { className: "block statusSuccess" }) : /* @__PURE__ */ f(b, { className: "block statusInfo" })
-			})
-		})]
-	});
-}, O = { wrapper: "_0wk7Sq" };
-//#endregion
-//#region src/misc/IconWrapper.tsx
-function k({ className: e, children: t }) {
-	return /* @__PURE__ */ f("div", {
-		className: d(O.wrapper, e),
-		children: t
-	});
-}
-var A = { componentLoader: "qgIKVo" };
-//#endregion
-//#region src/misc/Message.tsx
-function j({ className: e, children: r, color: i = "muted", role: a, minHeight: o, uppercase: s = !0 }) {
-	return /* @__PURE__ */ f(t, {
-		className: d("paddingMd textCenter", e),
-		minHeight: o,
-		children: /* @__PURE__ */ f(n, {
-			as: "p",
-			weight: "bold",
-			color: i,
-			uppercase: s,
-			role: a,
-			children: r
-		})
-	});
-}
-//#endregion
-//#region src/misc/LoadingMessage.tsx
-function M({ className: e, logo: t, text: n }) {
-	return /* @__PURE__ */ p(j, {
-		className: d(A.componentLoader, t ? void 0 : "skeletonLine", e),
-		children: [t, n || "Загрузка..."]
-	});
-}
-//#endregion
-//#region src/misc/LazyDynamicComponent.tsx
-var N = (e) => (e(), () => void 0), P = () => !0, F = () => !1;
-function I({ fallback: e, importFunc: t, componentName: n, clientOnly: r = !1, cacheKey: a, props: o }) {
-	let s = C(t, n, a), c = u(N, P, F), l = e ?? /* @__PURE__ */ f(M, { text: "Ожидание компонента..." });
-	return r && !c ? l : /* @__PURE__ */ f(i, {
-		fallback: l,
-		children: /* @__PURE__ */ f(s, { ...o ?? {} })
-	});
-}
-//#endregion
-//#region src/misc/SkeletonLine.tsx
-var L = ({ as: e, className: t, ...n }) => /* @__PURE__ */ f(r, {
-	as: e || "div",
-	className: d("skeletonLine colorTransparent radiusSm", t),
-	...n
-});
-//#endregion
-//#region src/misc/LazyValue.tsx
-function R({ value: e, isLoading: t }) {
-	return t ? /* @__PURE__ */ f(L, { children: "Загрузка..." }) : e ?? "-";
-}
-//#endregion
-//#region src/misc/NoData.tsx
-function z({ className: e, text: t, role: n, minHeight: r = "5em" }) {
-	return /* @__PURE__ */ f(j, {
-		className: e,
-		color: "muted",
-		minHeight: r,
-		role: n,
-		children: t || "Нет данных"
-	});
-}
-//#endregion
-//#region src/misc/Notice.tsx
-function B({ className: e, isError: t, role: n, children: r }) {
-	return /* @__PURE__ */ f(j, {
-		className: e,
-		color: t ? "error" : "secondary",
-		role: n,
-		children: r
-	});
-}
-var V = {
-	oneStepScroller: "_7xUQBN",
-	ossViewport: "AonLqg",
-	ossScroller: "j-5yFn",
-	ossButton: "pOIq63"
-}, H = 1;
-function U(e) {
-	return Math.max(0, e.scrollWidth - e.clientWidth);
-}
-var W = ({ children: e, className: t, itemSelector: n, scrollPadding: r = 6, smooth: i = !0 }) => {
-	let a = c(null), u = c(null), [m, _] = l(!1), [v, y] = l(!1), b = o(() => {
-		let e = a.current;
-		return e ? n ? Array.from(e.querySelectorAll(n)) : Array.from(e.children).filter((e) => e instanceof HTMLElement) : [];
-	}, [n]), x = o((e) => {
-		let t = a.current;
-		if (!t) return null;
-		if (n) {
-			let r = e.closest(n);
-			return r && t.contains(r) ? r : null;
-		}
-		let r = e;
-		for (; r && r.parentElement && r.parentElement !== t;) r = r.parentElement;
-		return r && r.parentElement === t ? r : null;
-	}, [n]), S = o(() => {
-		let e = a.current;
-		if (!e) {
-			_(!1), y(!1);
-			return;
-		}
-		let t = Math.max(0, e.scrollWidth - e.clientWidth), n = Math.max(0, Math.min(e.scrollLeft, t)), r = n > H, i = n < t - H;
-		_((e) => e === r ? e : r), y((e) => e === i ? e : i);
-	}, []), C = o(() => {
-		u.current === null && (u.current = requestAnimationFrame(() => {
-			u.current = null, S();
-		}));
-	}, [S]), w = o((e) => {
-		let t = a.current;
-		if (!t) return;
-		let n = b()[0];
-		if (!n) return;
-		let r = n.getBoundingClientRect().width;
-		if (!r) return;
-		let o = Math.round(e * r), s = Math.max(0, t.scrollWidth - t.clientWidth), c = Math.max(0, Math.min(t.scrollLeft + o, s));
-		t.scrollTo({
-			left: c,
-			behavior: i ? "smooth" : "auto"
-		});
-	}, [b, i]), T = o((e) => {
-		let t = a.current;
-		if (!t) return;
-		let n = t.getBoundingClientRect(), o = e.getBoundingClientRect(), s = o.left - n.left + t.scrollLeft, c = s + o.width, l = t.scrollLeft, u = t.scrollLeft + t.clientWidth;
-		if (s >= l + H && c <= u - H) return;
-		let d = t.scrollLeft;
-		s < l ? d = Math.max(0, s - r) : c > u && (d = Math.min(U(t), c - t.clientWidth + r)), t.scrollTo({
-			left: Math.round(d),
-			behavior: i ? "smooth" : "auto"
-		});
-	}, [r, i]);
-	s(() => {
-		let e = a.current;
-		if (!e) return;
-		let t = (e) => {
-			let t = e.target;
-			if (!(t instanceof HTMLElement)) return;
-			let n = x(t);
-			n && T(n);
-		};
-		return e.addEventListener("focusin", t), () => e.removeEventListener("focusin", t);
-	}, [T, x]), s(() => {
-		let e = a.current;
-		if (!e) return;
-		let t = () => C();
-		e.addEventListener("scroll", t, { passive: !0 });
-		let n = null;
-		typeof ResizeObserver < "u" && (n = new ResizeObserver(C), n.observe(e));
-		let r = null;
-		return typeof MutationObserver < "u" && (r = new MutationObserver(C), r.observe(e, {
-			childList: !0,
-			subtree: !1
-		})), C(), () => {
-			e.removeEventListener("scroll", t), n?.disconnect(), r?.disconnect(), u.current !== null && (cancelAnimationFrame(u.current), u.current = null);
-		};
-	}, [C]), s(() => {
-		C();
-	}, [e, C]);
-	let E = () => w(-1), D = () => w(1), O = (e) => {
-		e.key === "ArrowLeft" ? (e.preventDefault(), E()) : e.key === "ArrowRight" && (e.preventDefault(), D());
-	}, k = m || v;
-	return /* @__PURE__ */ p("div", {
-		className: d(V.oneStepScroller, t),
-		style: { position: "relative" },
-		children: [
-			k && /* @__PURE__ */ f("button", {
-				type: "button",
-				"aria-label": "Прокрутить шаг влево",
-				className: V.ossButton,
-				onClick: E,
-				disabled: !m,
-				children: /* @__PURE__ */ f(h, {})
-			}),
-			/* @__PURE__ */ f("div", {
-				className: V.ossViewport,
-				onKeyDown: O,
-				role: "group",
-				"aria-label": "Элементы прокрутки",
-				children: /* @__PURE__ */ f("div", {
-					className: V.ossScroller,
-					ref: a,
-					"aria-live": "polite",
-					children: e
-				})
-			}),
-			k && /* @__PURE__ */ f("button", {
-				type: "button",
-				"aria-label": "Прокрутить шаг вправо",
-				className: V.ossButton,
-				onClick: D,
-				disabled: !v,
-				children: /* @__PURE__ */ f(g, {})
-			})
-		]
-	});
-}, G = a(({ children: e, height: t, stable: n, overscroll: r, className: i }, a) => /* @__PURE__ */ f("div", {
-	ref: a,
-	className: d("scrollable", n && "stable", r && "overscroll", i),
-	style: { height: t },
-	children: e
-}));
-a(({ blockClassName: e, ...t }, n) => /* @__PURE__ */ f("div", {
-	className: d(e, "overflowHidden w100 h100"),
-	children: /* @__PURE__ */ f(G, {
-		ref: n,
-		...t
-	})
-}));
-var K = {
-	stateWrapper: "UMTbLD",
-	status: "cz57Fx",
-	information: "oPzAxu",
-	success: "MBu26r",
-	warning: "_03z-1l",
-	error: "_0RqsqJ",
-	state: "mXkUoM"
-}, q = ({ state: e = "none", text: t, className: n }) => /* @__PURE__ */ p("div", {
-	className: d("flexCenter gapSm", n),
-	children: [(() => {
-		switch (e) {
-			case "error": return /* @__PURE__ */ f(Y, {});
-			case "warning": return /* @__PURE__ */ f(X, {});
-			case "success": return /* @__PURE__ */ f(Z, {});
-			case "information": return /* @__PURE__ */ f(Q, {});
-			default: return null;
-		}
-	})(), t]
-}), J = ({ state: e }) => {
-	switch (e) {
-		case "error": return /* @__PURE__ */ f(Y, {});
-		case "warning": return /* @__PURE__ */ f(X, {});
-		case "success": return /* @__PURE__ */ f(Z, {});
-		case "information": return /* @__PURE__ */ f(Q, {});
-		default: return null;
-	}
-}, Y = () => /* @__PURE__ */ f(y, { className: d(K.state, K.error) }), X = () => /* @__PURE__ */ f(_, { className: d(K.state, K.warning) }), Z = () => /* @__PURE__ */ f(v, { className: d(K.state, K.success) }), Q = () => /* @__PURE__ */ f(x, { className: d(K.state, K.information) });
-//#endregion
-//#region src/misc/StateWrapper.tsx
-function $({ as: e, state: t, className: n, ...i }) {
-	let a = t?.toLowerCase() ?? "none", o = K[a], s = a && a !== "none";
-	return /* @__PURE__ */ f(r, {
-		as: e || "div",
-		className: d(K.stateWrapper, s && K.status, o, n),
-		...i
-	});
-}
-//#endregion
-export { k as _, q as a, T as b, G as c, z as d, R as f, j as g, M as h, J as i, W as l, I as m, Y as n, Z as o, L as p, Q as r, X as s, $ as t, B as u, D as v, E as y };
-
-//# sourceMappingURL=misc-DeGboAt-.js.map