@ryuzaki13/react-foundation-ui 3.7.4 → 3.7.6

package/dist/detail/Detail.d.ts

@@ -1,21 +1,7 @@
-import { FC, ReactNode } from "react";
-export type DetailType = "detail" | "list";
-export interface DetailContextType {
-    semantic?: DetailType;
-    inline?: boolean;
-    center?: boolean;
-    vertical?: "start" | "center" | "end";
-    noWrap?: boolean;
-    withColon?: boolean;
-}
-export interface DetailItemProps {
-    label: ReactNode;
-    value: ReactNode;
-    withColon?: boolean;
-    required?: boolean;
-}
-declare function DetailItem({ label, value, withColon, required }: DetailItemProps): import("react").JSX.Element;
-export interface DetailProps {
+import { type AriaAttributes, type ReactNode } from "react";
+import { type DetailType } from "./DetailContext";
+import { DetailItem } from "./DetailItem";
+export interface DetailProps extends AriaAttributes {
     columnCount?: number;
     rowGap?: "none" | "small" | "normal" | "large";
     children: ReactNode;
@@ -27,15 +13,11 @@ export interface DetailProps {
     noWrap?: boolean;
     withColon?: boolean;
 }
-export interface DetailComponent extends FC<DetailProps> {
-    Item: FC<DetailItemProps>;
-}
 /**
  * Компонент для вывода пар «заголовок-значение» в одну или несколько колонок. Подходит для карточек сущностей, сводок и страниц просмотра.
  */
-export declare function Detail({ children, columnCount, rowGap, semantic, className, ...itemProps }: DetailProps): import("react").JSX.Element;
+export declare function Detail({ children, columnCount, rowGap, semantic, className, inline, center, vertical, noWrap, withColon, ...ariaAttributes }: DetailProps): import("react").JSX.Element;
 export declare namespace Detail {
     var Item: typeof DetailItem;
 }
-export {};
 //# sourceMappingURL=Detail.d.ts.map

package/dist/detail/Detail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Detail.d.ts","sourceRoot":"","sources":["../../src/detail/Detail.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAMhF,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3C,MAAM,WAAW,iBAAiB;IACjC,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAID,MAAM,WAAW,eAAe;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAqCzE;AAED,MAAM,WAAW,WAAW;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAgB,SAAQ,EAAE,CAAC,WAAW,CAAC;IACvD,IAAI,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,WAAe,EAAE,MAAe,EAAE,QAAiB,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,WAAW,+BAe7H;yBAfe,MAAM"}
+{"version":3,"file":"Detail.d.ts","sourceRoot":"","sources":["../../src/detail/Detail.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKhF,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAUD;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACtB,QAAQ,EACR,WAAe,EACf,MAAe,EACf,QAAiB,EACjB,SAAS,EACT,MAAM,EACN,MAAM,EACN,QAAQ,EACR,MAAM,EACN,SAAS,EACT,GAAG,cAAc,EACjB,EAAE,WAAW,+BAeb;yBA3Be,MAAM"}

package/dist/detail/DetailContext.d.ts

@@ -0,0 +1,19 @@
+export type DetailType = "detail" | "list";
+export type DetailContextValue = Readonly<{
+    semantic?: DetailType;
+    inline?: boolean;
+    center?: boolean;
+    vertical?: "start" | "center" | "end";
+    noWrap?: boolean;
+    withColon?: boolean;
+}>;
+/** Общие параметры отображения, передаваемые от Detail к вложенным Detail.Item без дополнительной DOM-обёртки. */
+export declare const DetailContext: import("react").Context<Readonly<{
+    semantic?: DetailType;
+    inline?: boolean;
+    center?: boolean;
+    vertical?: "start" | "center" | "end";
+    noWrap?: boolean;
+    withColon?: boolean;
+}>>;
+//# sourceMappingURL=DetailContext.d.ts.map

package/dist/detail/DetailContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailContext.d.ts","sourceRoot":"","sources":["../../src/detail/DetailContext.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3C,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC;IACzC,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC,CAAC;AAEH,kHAAkH;AAClH,eAAO,MAAM,aAAa;eATd,UAAU;aACZ,OAAO;aACP,OAAO;eACL,OAAO,GAAG,QAAQ,GAAG,KAAK;aAC5B,OAAO;gBACJ,OAAO;GAI8C,CAAC"}

package/dist/detail/DetailItem.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from "react";
+export interface DetailItemProps {
+    label: ReactNode;
+    value: ReactNode;
+    withColon?: boolean;
+    required?: boolean;
+}
+export declare function DetailItem({ label, value, withColon, required }: DetailItemProps): import("react").JSX.Element;
+//# sourceMappingURL=DetailItem.d.ts.map

package/dist/detail/DetailItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailItem.d.ts","sourceRoot":"","sources":["../../src/detail/DetailItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAOnD,MAAM,WAAW,eAAe;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,eAAe,+BA4ChF"}

package/dist/detail/index.d.ts

@@ -1,2 +1,4 @@
-export { Detail } from "./Detail";
+export { Detail, type DetailProps } from "./Detail";
+export { type DetailType } from "./DetailContext";
+export { type DetailItemProps } from "./DetailItem";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/detail/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/detail/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/detail/index.js

@@ -17,13 +17,19 @@ var o = {
 	end: "gB9Kr4",
 	noWrap: "V-PlLc"
 }, s = i({});
+//#endregion
+//#region src/detail/DetailItem.tsx
 function c({ label: i, value: c, withColon: l, required: u }) {
 	let { semantic: d, inline: f, noWrap: p, center: m, vertical: h = "center", withColon: g = !0 } = a(s), _ = e(o.detail, m && o.textCenter, f && o.inline, p && o.noWrap, o[h]), v = /* @__PURE__ */ r(t, { children: [
 		i,
-		u && /* @__PURE__ */ n("span", {
+		u ? /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("span", {
 			className: "statusError",
+			"aria-hidden": "true",
 			children: "*"
-		}),
+		}), /* @__PURE__ */ n("span", {
+			className: "visuallyHidden",
+			children: " (Обязательное поле)"
+		})] }) : null,
 		(typeof l == "boolean" ? l : g) && ":"
 	] });
 	switch (d) {
@@ -59,22 +65,32 @@ function c({ label: i, value: c, withColon: l, required: u }) {
 		});
 	}
 }
-function l({ children: t, columnCount: r = 1, rowGap: i = "none", semantic: a = "list", className: c, ...l }) {
-	let u = e(o.detailList, o[i], c), d = n(a === "detail" ? "dl" : "ul", {
-		className: u,
-		style: { columnCount: Math.min(5, Math.max(1, r)) },
+//#endregion
+//#region src/detail/Detail.tsx
+function l(e) {
+	return Number.isFinite(e) ? Math.min(5, Math.max(1, Math.trunc(e))) : 1;
+}
+function u({ children: t, columnCount: r = 1, rowGap: i = "none", semantic: a = "list", className: c, inline: u, center: d, vertical: f, noWrap: p, withColon: m, ...h }) {
+	let g = e(o.detailList, o[i], c), _ = { columnCount: l(r) }, v = n(a === "detail" ? "dl" : "ul", {
+		...h,
+		className: g,
+		style: _,
 		children: t
 	});
 	return /* @__PURE__ */ n(s.Provider, {
 		value: {
-			...l,
-			semantic: a
+			semantic: a,
+			inline: u,
+			center: d,
+			vertical: f,
+			noWrap: p,
+			withColon: m
 		},
-		children: d
+		children: v
 	});
 }
-l.Item = c;
+u.Item = c;
 //#endregion
-export { l as Detail };
+export { u as Detail };
 
 //# sourceMappingURL=index.js.map

package/dist/detail/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/detail/Detail.module.scss","../../src/detail/Detail.tsx"],"sourcesContent":[".detailList {\n\tcolumn-gap: var(--space-sm);\n\n\t&.none {\n\t\t--row-gap: 0;\n\t}\n\n\t&.small {\n\t\t--row-gap: var(--space-sm);\n\t}\n\n\t&.normal {\n\t\t--row-gap: var(--space-md);\n\t}\n\n\t&.large {\n\t\t--row-gap: var(--space-lg);\n\t}\n}\n\n.detail {\n\t.dt {\n\t\tcolor: var(--content-1);\n\t\tfont-size: var(--font-size-xs);\n\t\tfont-weight: 300;\n\t\tfont-variation-settings: \"wght\" 300;\n\t}\n\n\t.dd {\n\t\tfont-weight: 500;\n\t\tfont-variation-settings: \"wght\" 500;\n\t}\n\n\t&.textCenter {\n\t\ttext-align: center;\n\n\t\t.dt,\n\t\t.dd {\n\t\t\tflex: 1;\n\t\t}\n\t}\n\n\t&.inline {\n\t\tdisplay: flex;\n\n\t\t.dt {\n\t\t\tfont-size: var(--font-size-md);\n\t\t\ttext-align: right;\n\t\t\tpadding-right: var(--space-sm);\n\t\t}\n\n\t\t.dd {\n\t\t\ttext-align: left;\n\t\t}\n\n\t\t&.start {\n\t\t\talign-items: flex-start;\n\t\t}\n\t\t&.center {\n\t\t\talign-items: center;\n\t\t}\n\t\t&.end {\n\t\t\talign-items: flex-end;\n\t\t}\n\t}\n\n\t&.noWrap {\n\t\t.dt,\n\t\t.dd {\n\t\t\twhite-space: nowrap;\n\t\t\tword-break: normal;\n\t\t}\n\n\t\t.dd {\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t}\n\t}\n\n\t&:not(:last-child) {\n\t\tmargin-bottom: var(--row-gap);\n\t}\n}\n","import { createContext, CSSProperties, FC, ReactNode, useContext } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport styles from \"./Detail.module.scss\";\n\nexport type DetailType = \"detail\" | \"list\";\n\nexport interface DetailContextType {\n\tsemantic?: DetailType;\n\tinline?: boolean;\n\tcenter?: boolean;\n\tvertical?: \"start\" | \"center\" | \"end\";\n\tnoWrap?: boolean;\n\twithColon?: boolean;\n}\n\nconst DetailContext = createContext<DetailContextType>({});\n\nexport interface DetailItemProps {\n\tlabel: ReactNode;\n\tvalue: ReactNode;\n\twithColon?: boolean;\n\trequired?: boolean;\n}\n\nfunction DetailItem({ label, value, withColon, required }: DetailItemProps) {\n\tconst { semantic, inline, noWrap, center, vertical = \"center\", withColon: withColonParent = true } = useContext(DetailContext);\n\tconst detailClass = cn(styles.detail, center && styles.textCenter, inline && styles.inline, noWrap && styles.noWrap, styles[vertical]);\n\n\tconst labelContent = (\n\t\t<>\n\t\t\t{label}\n\t\t\t{required && <span className=\"statusError\">*</span>}\n\t\t\t{(typeof withColon === \"boolean\" ? withColon : withColonParent) && \":\"}\n\t\t</>\n\t);\n\n\tswitch (semantic) {\n\t\tcase \"detail\":\n\t\t\treturn (\n\t\t\t\t<div className={detailClass}>\n\t\t\t\t\t<dt className={styles.dt}>{labelContent}</dt>\n\t\t\t\t\t<dd className={styles.dd}>{value}</dd>\n\t\t\t\t</div>\n\t\t\t);\n\n\t\tcase \"list\":\n\t\t\treturn (\n\t\t\t\t<li className={detailClass}>\n\t\t\t\t\t<div className={styles.dt}>{labelContent}</div>\n\t\t\t\t\t<div className={styles.dd}>{value}</div>\n\t\t\t\t</li>\n\t\t\t);\n\n\t\tdefault:\n\t\t\treturn (\n\t\t\t\t<div className={detailClass}>\n\t\t\t\t\t<div className={styles.dt}>{labelContent}</div>\n\t\t\t\t\t<div className={styles.dd}>{value}</div>\n\t\t\t\t</div>\n\t\t\t);\n\t}\n}\n\nexport interface DetailProps {\n\tcolumnCount?: number;\n\trowGap?: \"none\" | \"small\" | \"normal\" | \"large\";\n\tchildren: ReactNode;\n\tclassName?: string;\n\n\tsemantic?: DetailType;\n\tinline?: boolean;\n\tcenter?: boolean;\n\tvertical?: \"start\" | \"center\" | \"end\";\n\tnoWrap?: boolean;\n\twithColon?: boolean;\n}\n\nexport interface DetailComponent extends FC<DetailProps> {\n\tItem: FC<DetailItemProps>;\n}\n\n/**\n * Компонент для вывода пар «заголовок-значение» в одну или несколько колонок. Подходит для карточек сущностей, сводок и страниц просмотра.\n */\nexport function Detail({ children, columnCount = 1, rowGap = \"none\", semantic = \"list\", className, ...itemProps }: DetailProps) {\n\tconst classes = cn(styles.detailList, styles[rowGap], className);\n\tconst style = { columnCount: Math.min(5, Math.max(1, columnCount)) } as CSSProperties;\n\tconst content =\n\t\tsemantic === \"detail\" ? (\n\t\t\t<dl className={classes} style={style}>\n\t\t\t\t{children}\n\t\t\t</dl>\n\t\t) : (\n\t\t\t<ul className={classes} style={style}>\n\t\t\t\t{children}\n\t\t\t</ul>\n\t\t);\n\n\treturn <DetailContext.Provider value={{ ...itemProps, semantic }}>{content}</DetailContext.Provider>;\n}\n\nDetail.Item = DetailItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;GCiBM,IAAgB,EAAiC,CAAC,CAAC;AASzD,SAAS,EAAW,EAAE,UAAO,UAAO,cAAW,eAA6B;CAC3E,IAAM,EAAE,aAAU,WAAQ,WAAQ,WAAQ,cAAW,UAAU,WAAW,IAAkB,OAAS,EAAW,CAAa,GACvH,IAAc,EAAG,EAAO,QAAQ,KAAU,EAAO,YAAY,KAAU,EAAO,QAAQ,KAAU,EAAO,QAAQ,EAAO,EAAS,GAE/H,IACL,kBAAA,GAAA,EAAA,UAAA;EACE;EACA,KAAY,kBAAC,QAAD;GAAM,WAAU;GAAc,UAAA;EAAO,CAAA;GAChD,OAAO,KAAc,YAAY,IAAY,MAAoB;CAClE,EAAA,CAAA;CAGH,QAAQ,GAAR;EACC,KAAK,UACJ,OACC,kBAAC,OAAD;GAAK,WAAW;GAAhB,UAAA,CACC,kBAAC,MAAD;IAAI,WAAW,EAAO;IAAK,UAAA;GAAiB,CAAA,GAC5C,kBAAC,MAAD;IAAI,WAAW,EAAO;IAAK,UAAA;GAAU,CAAA,CACjC;;EAGP,KAAK,QACJ,OACC,kBAAC,MAAD;GAAI,WAAW;GAAf,UAAA,CACC,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAK,UAAA;GAAkB,CAAA,GAC9C,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAK,UAAA;GAAW,CAAA,CACpC;;EAGN,SACC,OACC,kBAAC,OAAD;GAAK,WAAW;GAAhB,UAAA,CACC,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAK,UAAA;GAAkB,CAAA,GAC9C,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAK,UAAA;GAAW,CAAA,CACnC;;CAER;AACD;AAuBA,SAAgB,EAAO,EAAE,aAAU,iBAAc,GAAG,YAAS,QAAQ,cAAW,QAAQ,cAAW,GAAG,KAA0B;CAC/H,IAAM,IAAU,EAAG,EAAO,YAAY,EAAO,IAAS,CAAS,GAEzD,IAEJ,EADD,MAAa,WACX,OAIA,MAJD;EAAI,WAAW;EAAgB,SAHjB,aAAa,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,CAAW,CAAC,EAGhC;EAC7B;CACE,CAIA;CAGN,OAAO,kBAAC,EAAc,UAAf;EAAwB,OAAO;GAAE,GAAG;GAAW;EAAS;EAAI,UAAA;CAAgC,CAAA;AACpG;AAEA,EAAO,OAAO"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/detail/Detail.module.scss","../../src/detail/DetailContext.ts","../../src/detail/DetailItem.tsx","../../src/detail/Detail.tsx"],"sourcesContent":[".detailList {\n\tcolumn-gap: var(--space-sm);\n\n\t&.none {\n\t\t--row-gap: 0;\n\t}\n\n\t&.small {\n\t\t--row-gap: var(--space-sm);\n\t}\n\n\t&.normal {\n\t\t--row-gap: var(--space-md);\n\t}\n\n\t&.large {\n\t\t--row-gap: var(--space-lg);\n\t}\n}\n\n.detail {\n\tbreak-inside: avoid;\n\n\t.dt {\n\t\tcolor: var(--content-1);\n\t\tfont-size: var(--font-size-xs);\n\t\tfont-weight: 300;\n\t\tfont-variation-settings: \"wght\" 300;\n\t}\n\n\t.dd {\n\t\tfont-weight: 500;\n\t\tfont-variation-settings: \"wght\" 500;\n\t}\n\n\t&.textCenter {\n\t\ttext-align: center;\n\n\t\t.dt,\n\t\t.dd {\n\t\t\tflex: 1;\n\t\t}\n\t}\n\n\t&.inline {\n\t\tdisplay: flex;\n\n\t\t.dt {\n\t\t\tfont-size: var(--font-size-md);\n\t\t\ttext-align: right;\n\t\t\tpadding-right: var(--space-sm);\n\t\t}\n\n\t\t.dd {\n\t\t\ttext-align: left;\n\t\t}\n\n\t\t&.start {\n\t\t\talign-items: flex-start;\n\t\t}\n\t\t&.center {\n\t\t\talign-items: center;\n\t\t}\n\t\t&.end {\n\t\t\talign-items: flex-end;\n\t\t}\n\t}\n\n\t&.noWrap {\n\t\t.dt,\n\t\t.dd {\n\t\t\twhite-space: nowrap;\n\t\t\tword-break: normal;\n\t\t}\n\n\t\t.dd {\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t}\n\t}\n\n\t&:not(:last-child) {\n\t\tmargin-bottom: var(--row-gap);\n\t}\n}\n","import { createContext } from \"react\";\n\nexport type DetailType = \"detail\" | \"list\";\n\nexport type DetailContextValue = Readonly<{\n\tsemantic?: DetailType;\n\tinline?: boolean;\n\tcenter?: boolean;\n\tvertical?: \"start\" | \"center\" | \"end\";\n\tnoWrap?: boolean;\n\twithColon?: boolean;\n}>;\n\n/** Общие параметры отображения, передаваемые от Detail к вложенным Detail.Item без дополнительной DOM-обёртки. */\nexport const DetailContext = createContext<DetailContextValue>({});\n","import { type ReactNode, useContext } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport styles from \"./Detail.module.scss\";\nimport { DetailContext } from \"./DetailContext\";\n\nexport interface DetailItemProps {\n\tlabel: ReactNode;\n\tvalue: ReactNode;\n\twithColon?: boolean;\n\trequired?: boolean;\n}\n\nexport function DetailItem({ label, value, withColon, required }: DetailItemProps) {\n\tconst { semantic, inline, noWrap, center, vertical = \"center\", withColon: withColonParent = true } = useContext(DetailContext);\n\tconst detailClass = cn(styles.detail, center && styles.textCenter, inline && styles.inline, noWrap && styles.noWrap, styles[vertical]);\n\n\tconst labelContent = (\n\t\t<>\n\t\t\t{label}\n\t\t\t{required ? (\n\t\t\t\t<>\n\t\t\t\t\t<span className=\"statusError\" aria-hidden=\"true\">\n\t\t\t\t\t\t*\n\t\t\t\t\t</span>\n\t\t\t\t\t<span className=\"visuallyHidden\"> (Обязательное поле)</span>\n\t\t\t\t</>\n\t\t\t) : null}\n\t\t\t{(typeof withColon === \"boolean\" ? withColon : withColonParent) && \":\"}\n\t\t</>\n\t);\n\n\tswitch (semantic) {\n\t\tcase \"detail\":\n\t\t\treturn (\n\t\t\t\t<div className={detailClass}>\n\t\t\t\t\t<dt className={styles.dt}>{labelContent}</dt>\n\t\t\t\t\t<dd className={styles.dd}>{value}</dd>\n\t\t\t\t</div>\n\t\t\t);\n\n\t\tcase \"list\":\n\t\t\treturn (\n\t\t\t\t<li className={detailClass}>\n\t\t\t\t\t<div className={styles.dt}>{labelContent}</div>\n\t\t\t\t\t<div className={styles.dd}>{value}</div>\n\t\t\t\t</li>\n\t\t\t);\n\n\t\tdefault:\n\t\t\treturn (\n\t\t\t\t<div className={detailClass}>\n\t\t\t\t\t<div className={styles.dt}>{labelContent}</div>\n\t\t\t\t\t<div className={styles.dd}>{value}</div>\n\t\t\t\t</div>\n\t\t\t);\n\t}\n}\n","import { type AriaAttributes, type CSSProperties, type ReactNode } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport styles from \"./Detail.module.scss\";\nimport { DetailContext, type DetailType } from \"./DetailContext\";\nimport { DetailItem } from \"./DetailItem\";\n\nexport interface DetailProps extends AriaAttributes {\n\tcolumnCount?: number;\n\trowGap?: \"none\" | \"small\" | \"normal\" | \"large\";\n\tchildren: ReactNode;\n\tclassName?: string;\n\n\tsemantic?: DetailType;\n\tinline?: boolean;\n\tcenter?: boolean;\n\tvertical?: \"start\" | \"center\" | \"end\";\n\tnoWrap?: boolean;\n\twithColon?: boolean;\n}\n\nfunction normalizeColumnCount(columnCount: number) {\n\tif (!Number.isFinite(columnCount)) {\n\t\treturn 1;\n\t}\n\n\treturn Math.min(5, Math.max(1, Math.trunc(columnCount)));\n}\n\n/**\n * Компонент для вывода пар «заголовок-значение» в одну или несколько колонок. Подходит для карточек сущностей, сводок и страниц просмотра.\n */\nexport function Detail({\n\tchildren,\n\tcolumnCount = 1,\n\trowGap = \"none\",\n\tsemantic = \"list\",\n\tclassName,\n\tinline,\n\tcenter,\n\tvertical,\n\tnoWrap,\n\twithColon,\n\t...ariaAttributes\n}: DetailProps) {\n\tconst classes = cn(styles.detailList, styles[rowGap], className);\n\tconst style = { columnCount: normalizeColumnCount(columnCount) } satisfies CSSProperties;\n\tconst content =\n\t\tsemantic === \"detail\" ? (\n\t\t\t<dl {...ariaAttributes} className={classes} style={style}>\n\t\t\t\t{children}\n\t\t\t</dl>\n\t\t) : (\n\t\t\t<ul {...ariaAttributes} className={classes} style={style}>\n\t\t\t\t{children}\n\t\t\t</ul>\n\t\t);\n\n\treturn <DetailContext.Provider value={{ semantic, inline, center, vertical, noWrap, withColon }}>{content}</DetailContext.Provider>;\n}\n\nDetail.Item = DetailItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;GCca,IAAgB,EAAkC,CAAC,CAAC;;;ACAjE,SAAgB,EAAW,EAAE,UAAO,UAAO,cAAW,eAA6B;CAClF,IAAM,EAAE,aAAU,WAAQ,WAAQ,WAAQ,cAAW,UAAU,WAAW,IAAkB,OAAS,EAAW,CAAa,GACvH,IAAc,EAAG,EAAO,QAAQ,KAAU,EAAO,YAAY,KAAU,EAAO,QAAQ,KAAU,EAAO,QAAQ,EAAO,EAAS,GAE/H,IACL,kBAAA,GAAA,EAAA,UAAA;EACE;EACA,IACA,kBAAA,GAAA,EAAA,UAAA,CACC,kBAAC,QAAD;GAAM,WAAU;GAAc,eAAY;GAAO,UAAA;EAE3C,CAAA,GACN,kBAAC,QAAD;GAAM,WAAU;GAAiB,UAAA;EAA0B,CAAA,CAC1D,EAAA,CAAA,IACC;GACF,OAAO,KAAc,YAAY,IAAY,MAAoB;CAClE,EAAA,CAAA;CAGH,QAAQ,GAAR;EACC,KAAK,UACJ,OACC,kBAAC,OAAD;GAAK,WAAW;GAAhB,UAAA,CACC,kBAAC,MAAD;IAAI,WAAW,EAAO;IAAK,UAAA;GAAiB,CAAA,GAC5C,kBAAC,MAAD;IAAI,WAAW,EAAO;IAAK,UAAA;GAAU,CAAA,CACjC;;EAGP,KAAK,QACJ,OACC,kBAAC,MAAD;GAAI,WAAW;GAAf,UAAA,CACC,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAK,UAAA;GAAkB,CAAA,GAC9C,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAK,UAAA;GAAW,CAAA,CACpC;;EAGN,SACC,OACC,kBAAC,OAAD;GAAK,WAAW;GAAhB,UAAA,CACC,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAK,UAAA;GAAkB,CAAA,GAC9C,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAK,UAAA;GAAW,CAAA,CACnC;;CAER;AACD;;;ACpCA,SAAS,EAAqB,GAAqB;CAKlD,OAJK,OAAO,SAAS,CAAW,IAIzB,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,CAAW,CAAC,CAAC,IAH/C;AAIT;AAKA,SAAgB,EAAO,EACtB,aACA,iBAAc,GACd,YAAS,QACT,cAAW,QACX,cACA,WACA,WACA,aACA,WACA,cACA,GAAG,KACY;CACf,IAAM,IAAU,EAAG,EAAO,YAAY,EAAO,IAAS,CAAS,GACzD,IAAQ,EAAE,aAAa,EAAqB,CAAW,EAAE,GACzD,IAEJ,EADD,MAAa,WACX,OAIA,MAJD;EAAI,GAAI;EAAgB,WAAW;EAAgB;EACjD;CACE,CAIA;CAGN,OAAO,kBAAC,EAAc,UAAf;EAAwB,OAAO;GAAE;GAAU;GAAQ;GAAQ;GAAU;GAAQ;EAAU;EAAI,UAAA;CAAgC,CAAA;AACnI;AAEA,EAAO,OAAO"}

package/dist/shimmer-text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/shimmer-text/ShimmerText.module.scss","../../src/shimmer-text/ShimmerText.tsx"],"sourcesContent":["@keyframes shimmer-text-sweep {\n\t0% {\n\t\tbackground-position: 87.5% 0;\n\t}\n\n\t50%,\n\t100% {\n\t\tbackground-position: 12.5% 0;\n\t}\n}\n\n.text {\n\t// Без поддержки text clipping остаётся обычный текст унаследованного цвета.\n\t@supports ((-webkit-background-clip: text) or (background-clip: text)) {\n\t\tbackground-image: linear-gradient(\n\t\t\t100deg,\n\t\t\tcurrentColor 0%,\n\t\t\tcurrentColor 42%,\n\t\t\tcolor-mix(in srgb, currentColor 38%, white) 50%,\n\t\t\tcurrentColor 58%,\n\t\t\tcurrentColor 100%\n\t\t);\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: 87.5% 0;\n\t\t// Тройная ширина оставляет блик полностью за границами текста в начале\n\t\t// и конце прохода. Вторая половина цикла удерживает его справа, создавая паузу.\n\t\tbackground-size: 300% 100%;\n\t\tbackground-clip: text;\n\t\t-webkit-background-clip: text;\n\t\t-webkit-text-fill-color: transparent;\n\t\tanimation: shimmer-text-sweep 4s linear infinite;\n\t}\n}\n\n@media (prefers-reduced-motion: reduce), (forced-colors: active) {\n\t.text {\n\t\tbackground: none;\n\t\t-webkit-text-fill-color: currentColor;\n\t\tanimation: none;\n\t}\n}\n","import { type ComponentProps } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport styles from \"./ShimmerText.module.scss\";\n\nexport type ShimmerTextProps = Readonly<\n\tOmit<ComponentProps<\"span\">, \"children\"> & {\n\t\tchildren: string;\n\t}\n>;\n\n/**\n * Показывает обычный доступный текст с проходящим по символам световым бликом.\n * Подходит для коротких сообщений о выполняющемся процессе и наследует цвет\n * окружающего текста без собственной семантики загрузки.\n */\nexport function ShimmerText({ children, className, ...props }: ShimmerTextProps) {\n\treturn (\n\t\t<span {...props} className={cn(styles.text, className)}>\n\t\t\t{children}\n\t\t</span>\n\t);\n}\n"],"mappings":";;;;;;;;ACiBA,SAAgB,EAAY,EAAE,aAAU,cAAW,GAAG,KAA2B;CAChF,OACC,kBAAC,QAAD;EAAM,GAAI;EAAO,WAAW,EAAG,EAAO,MAAM,CAAS;EACnD;CACI,CAAA;AAER"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/shimmer-text/ShimmerText.module.scss","../../src/shimmer-text/ShimmerText.tsx"],"sourcesContent":["@keyframes shimmer-text-sweep {\n\t0% {\n\t\tbackground-position: 87.5% 0;\n\t}\n\n\t50%,\n\t100% {\n\t\tbackground-position: 12.5% 0;\n\t}\n}\n\n.text {\n\t// Без поддержки text clipping остаётся обычный текст унаследованного цвета.\n\t@supports ((-webkit-background-clip: text) or (background-clip: text)) {\n\t\tbackground-image: linear-gradient(\n\t\t\t100deg,\n\t\t\tcurrentColor 0%,\n\t\t\tcurrentColor 42%,\n\t\t\tcolor-mix(in srgb, currentColor 38%, var(--shimmer-color, white)) 50%,\n\t\t\tcurrentColor 58%,\n\t\t\tcurrentColor 100%\n\t\t);\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: 87.5% 0;\n\t\t// Тройная ширина оставляет блик полностью за границами текста в начале\n\t\t// и конце прохода. Вторая половина цикла удерживает его справа, создавая паузу.\n\t\tbackground-size: 300% 100%;\n\t\tbackground-clip: text;\n\t\t-webkit-background-clip: text;\n\t\t-webkit-text-fill-color: transparent;\n\t\tanimation: shimmer-text-sweep 2s linear infinite;\n\t}\n}\n\n@media (prefers-reduced-motion: reduce), (forced-colors: active) {\n\t.text {\n\t\tbackground: none;\n\t\t-webkit-text-fill-color: currentColor;\n\t\tanimation: none;\n\t}\n}\n","import { type ComponentProps } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport styles from \"./ShimmerText.module.scss\";\n\nexport type ShimmerTextProps = Readonly<\n\tOmit<ComponentProps<\"span\">, \"children\"> & {\n\t\tchildren: string;\n\t}\n>;\n\n/**\n * Показывает обычный доступный текст с проходящим по символам световым бликом.\n * Подходит для коротких сообщений о выполняющемся процессе и наследует цвет\n * окружающего текста без собственной семантики загрузки.\n */\nexport function ShimmerText({ children, className, ...props }: ShimmerTextProps) {\n\treturn (\n\t\t<span {...props} className={cn(styles.text, className)}>\n\t\t\t{children}\n\t\t</span>\n\t);\n}\n"],"mappings":";;;;;;;;ACiBA,SAAgB,EAAY,EAAE,aAAU,cAAW,GAAG,KAA2B;CAChF,OACC,kBAAC,QAAD;EAAM,GAAI;EAAO,WAAW,EAAG,EAAO,MAAM,CAAS;EACnD;CACI,CAAA;AAER"}