@dubium/icons 0.0.2-alpha.0 → 0.0.2-alpha.1

package/dist/spa/icon/Icon.js

@@ -7,56 +7,56 @@ var s = /* @__PURE__ */ new Map(), c = n(({ name: n, size: c = 24, width: l, hei
 	let { icons: h } = e(), g = i(() => ({
 		...t,
 		...h
-	}), [h]), [_, v] = a(() => s.get(n) || null), [y, b] = a(!1), x = l ?? c, S = u ?? c, C = i(() => ({
+	}), [h]), _ = g[n], [v, y] = a(() => _ ? s.get(_) ?? null : null), [b, x] = a(!1), S = l ?? c, C = u ?? c, w = i(() => ({
 		display: "inline-flex",
 		alignItems: "center",
 		justifyContent: "center",
-		width: x,
-		height: S,
+		width: S,
+		height: C,
 		transform: `rotate(${f}deg)`
 	}), [
-		x,
 		S,
+		C,
 		f
 	]);
 	return r(() => {
 		let e = !1;
 		return (async () => {
-			let t = String(n), r = s.get(t);
-			if (r) {
-				v(() => r);
+			let t = String(n), r = g[n];
+			if (!r) {
+				console.warn(`Иконка "${t}" не найдена`), y(() => null);
 				return;
 			}
-			let i = g[n];
-			if (!i) {
-				console.warn(`Иконка "${t}" не найдена`), v(() => null);
+			let i = s.get(r);
+			if (i) {
+				y(() => i);
 				return;
 			}
-			b(!0), v(() => null), i().then((n) => {
+			x(!0), y(() => null), r().then((t) => {
 				if (e) return;
-				let r = n.default;
-				s.set(t, r), v(() => r);
+				let n = t.default;
+				s.set(r, n), y(() => n);
 			}).catch((n) => {
-				e || (console.error(`Ошибка загрузки иконки "${t}":`, n), v(() => null));
+				e || (console.error(`Ошибка загрузки иконки "${t}":`, n), y(() => null));
 			}).finally(() => {
-				e || b(!1);
+				e || x(!1);
 			});
 		})(), () => {
 			e = !0;
 		};
-	}, [n, g]), y || !_ ? /* @__PURE__ */ o("div", {
+	}, [n, g]), b || !v ? /* @__PURE__ */ o("div", {
 		"aria-hidden": "true",
 		role: "img",
 		style: {
-			...C,
+			...w,
 			visibility: "hidden"
 		}
 	}) : /* @__PURE__ */ o("div", {
 		"aria-label": m || n,
 		onClick: p,
 		role: "img",
-		style: C,
-		children: _ ? /* @__PURE__ */ o(_, { color: d }) : null
+		style: w,
+		children: v ? /* @__PURE__ */ o(v, { color: d }) : null
 	});
 });
 c.displayName = "Icon";

package/dist/spa/icon/Icon.registry.js

@@ -1,4 +1,4 @@
 //#region src/icons/spa/icon/Icon.registry.ts
-var e = { Close: () => import("../../collection/UserIcon.js") };
+var e = { User: () => import("../../collection/UserIcon.js") };
 //#endregion
 export { e as defaultIcons };

package/dist/ssr/icon/Icon.container.js

@@ -0,0 +1,23 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/icons/ssr/icon/Icon.container.tsx
+var t = ({ ariaLabel: t, children: n, deg: r = 0, height: i, size: a = 24, style: o, width: s }) => {
+	let c = {
+		display: "inline-flex",
+		alignItems: "center",
+		justifyContent: "center",
+		flex: "0 0 auto",
+		width: s ?? a,
+		height: i ?? a,
+		transform: `rotate(${r}deg)`,
+		...o
+	};
+	return /* @__PURE__ */ e("span", {
+		"aria-hidden": !t || void 0,
+		"aria-label": t,
+		role: t ? "img" : void 0,
+		style: c,
+		children: n
+	});
+};
+//#endregion
+export { t as IconContainer };

package/dist/ssr/icon/Icon.create.js

@@ -1,9 +1,8 @@
-import { Icon as e } from "./Icon.js";
-import { jsx as t } from "react/jsx-runtime";
+import { renderIconWithRegistry as e } from "./Icon.js";
 //#region src/icons/ssr/icon/Icon.create.tsx
-var n = () => {
-	let n = (n) => /* @__PURE__ */ t(e, { ...n });
+var t = (t) => {
+	let n = (n) => e(n, t);
 	return n.displayName = "SSRIcon", n;
-}, r = (e) => e;
+}, n = (e) => e;
 //#endregion
-export { n as createIcon, r as defineIcons };
+export { t as createIcon, n as defineIcons };

package/dist/ssr/icon/Icon.js

@@ -1,31 +1,26 @@
-import { useIconRegistry as e } from "../provider/useIconRegistry.js";
-import { jsx as t } from "react/jsx-runtime";
+import { defaultIcons as e } from "./Icon.registry.js";
+import { IconContainer as t } from "./Icon.container.js";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/icons/ssr/icon/Icon.tsx
-var n = ({ name: n, size: r = 24, width: i, height: a, color: o = "currentColor", deg: s = 0, onClick: c, ariaLabel: l, style: u }) => {
-	let d = e()[String(n)];
-	if (!d) return console.warn(`Иконка "${String(n)}" не найдена`), null;
-	let f = {
-		display: "inline-flex",
-		alignItems: "center",
-		justifyContent: "center",
-		flex: "0 0 auto",
-		width: i ?? r,
-		height: a ?? r,
-		transform: `rotate(${s}deg)`,
-		...u
-	};
-	return /* @__PURE__ */ t("span", {
-		"aria-hidden": !l || void 0,
-		"aria-label": l,
-		onClick: c,
-		role: l ? "img" : void 0,
-		style: f,
-		children: /* @__PURE__ */ t(d, {
+var r = (e, t) => Object.prototype.hasOwnProperty.call(e, t), i = async (t) => {
+	if (!r(e, t)) return null;
+	let n = e[t];
+	return (await n()).default;
+}, a = async (e, a) => {
+	let { name: o, size: s = 24, width: c, height: l, color: u = "currentColor", deg: d = 0, ariaLabel: f, style: p } = e, m = String(o), h = (a && r(a, m) ? a[m] : void 0) ?? await i(m);
+	return h ? /* @__PURE__ */ n(t, {
+		ariaLabel: f,
+		deg: d,
+		height: l,
+		size: s,
+		style: p,
+		width: c,
+		children: /* @__PURE__ */ n(h, {
 			"aria-hidden": "true",
-			color: o,
+			color: u,
 			focusable: "false"
 		})
-	});
-};
+	}) : (console.warn(`Иконка "${m}" не найдена`), null);
+}, o = (e) => a(e), s = a;
 //#endregion
-export { n as Icon };
+export { o as Icon, s as renderIconWithRegistry };

package/dist/ssr/icon/Icon.registry.js

@@ -0,0 +1,4 @@
+//#region src/icons/ssr/icon/Icon.registry.ts
+var e = { User: () => import("../../collection/UserIcon.js") };
+//#endregion
+export { e as defaultIcons };

package/dist/ssr/index.js

@@ -1,5 +1,4 @@
-import { useIconRegistry as e } from "./provider/useIconRegistry.js";
+import { IconContainer as e } from "./icon/Icon.container.js";
 import { Icon as t } from "./icon/Icon.js";
 import { createIcon as n, defineIcons as r } from "./icon/Icon.create.js";
-import { IconProvider as i } from "./provider/IconProvider.js";
-export { t as Icon, i as IconProvider, n as createIcon, r as defineIcons, e as useIconRegistry };
+export { t as Icon, e as IconContainer, n as createIcon, r as defineIcons };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@dubium/icons",
-	"version": "0.0.2-alpha.0",
+	"version": "0.0.2-alpha.1",
 	"private": false,
 	"files": [
 		"dist"

package/dist/ssr/provider/IconProvider.context.d.ts

@@ -1,7 +0,0 @@
-/**
- * React-контекст для хранения реестра иконок при серверном рендеринге (SSR).
- *
- * Значение по умолчанию — пустой реестр. Фактический реестр иконок
- * передаётся через `IconProvider`.
- */
-export declare const IconRegistryContext: import("react").Context<Readonly<Record<string, import("../index.js").TIcon>>>;

package/dist/ssr/provider/IconProvider.context.js

@@ -1,5 +0,0 @@
-import { createContext as e } from "react";
-//#region src/icons/ssr/provider/IconProvider.context.ts
-var t = e({});
-//#endregion
-export { t as IconRegistryContext };

package/dist/ssr/provider/IconProvider.d.ts

@@ -1,33 +0,0 @@
-import type { TIconRegistry } from "../icon/Icon.types.js";
-import type { IIconProviderProps } from "./IconProvider.types.js";
-/**
- * Провайдер реестра иконок для серверного рендеринга (SSR).
- *
- * Передаёт реестр синхронных иконок вниз по дереву компонентов
- * через `IconRegistryContext`, объединяя его с родительским реестром.
- *
- * @typeParam TIcons - Тип реестра иконок
- *
- * @param props - Свойства провайдера
- * @param props.children - Дочерние React-элементы
- * @param props.icons - Реестр иконок (синхронные React-компоненты)
- *
- * @returns Провайдер контекста с доступом к иконкам
- *
- * @example
- * ```tsx
- * const appIcons = defineIcons({
- *   User: UserIcon,
- * });
- *
- * <IconProvider icons={appIcons}>
- *   <App />
- * </IconProvider>
- * ```
- *
- * @remarks
- * - Позволяет вкладывать провайдеры: дочерний реестр наследует родительский
- * - При совпадении имён иконки дочернего провайдера переопределяют родительские
- * - Использует `useMemo` для предотвращения лишних перерисовок
- */
-export declare const IconProvider: <TIcons extends TIconRegistry>({ children, icons }: IIconProviderProps<TIcons>) => import("react").JSX.Element;

package/dist/ssr/provider/IconProvider.js

@@ -1,16 +0,0 @@
-import { IconRegistryContext as e } from "./IconProvider.context.js";
-import { useContext as t, useMemo as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
-//#region src/icons/ssr/provider/IconProvider.tsx
-var i = ({ children: i, icons: a }) => {
-	let o = t(e), s = n(() => ({
-		...o,
-		...a
-	}), [o, a]);
-	return /* @__PURE__ */ r(e, {
-		value: s,
-		children: i
-	});
-};
-//#endregion
-export { i as IconProvider };

package/dist/ssr/provider/IconProvider.types.d.ts

@@ -1,13 +0,0 @@
-import type { ReactNode } from "react";
-import type { TIconRegistry } from "../icon/Icon.types.js";
-/**
- * Свойства компонента `IconProvider` для серверного рендеринга (SSR).
- *
- * @template TIcons - Тип реестра иконок
- */
-export interface IIconProviderProps<TIcons extends TIconRegistry = TIconRegistry> {
-    /** Дочерние React-элементы, которые получат доступ к реестру иконок */
-    children: ReactNode;
-    /** Реестр иконок (синхронные React-компоненты) */
-    icons: TIcons;
-}

package/dist/ssr/provider/index.d.ts

@@ -1,8 +0,0 @@
-/**
- * Публичный API модуля провайдера иконок для серверного рендеринга (SSR).
- *
- * Экспортирует `IconProvider`, хук `useIconRegistry` и связанные типы.
- */
-export { IconProvider } from "./IconProvider.js";
-export { useIconRegistry } from "./useIconRegistry.js";
-export type { IIconProviderProps } from "./IconProvider.types.js";

package/dist/ssr/provider/useIconRegistry.d.ts

@@ -1,18 +0,0 @@
-import type { TIconRegistry } from "../icon/Icon.types.js";
-/**
- * Хук для доступа к реестру иконок при серверном рендеринге (SSR).
- *
- * Возвращает текущий реестр иконок из `IconRegistryContext`.
- *
- * @returns Реестр иконок, переданный через `IconProvider`
- *
- * @example
- * ```ts
- * const registry = useIconRegistry();
- * ```
- *
- * @remarks
- * - Без `IconProvider` вернёт пустой реестр `{}`
- * - Используется внутри компонента `Icon` для поиска иконки по имени
- */
-export declare const useIconRegistry: () => TIconRegistry;

package/dist/ssr/provider/useIconRegistry.js

@@ -1,6 +0,0 @@
-import { IconRegistryContext as e } from "./IconProvider.context.js";
-import { useContext as t } from "react";
-//#region src/icons/ssr/provider/useIconRegistry.ts
-var n = () => t(e);
-//#endregion
-export { n as useIconRegistry };