@darkfrost-1107/scaff-z-react 0.1.7

package/dist/shared/custom/layouts/detail-view.layout.esm

@@ -0,0 +1,64 @@
+import { cn as e } from "../../lib/utils.esm";
+import { BackButtonAction as t } from "../actions/back-button.action.esm";
+import { Typography as n } from "../ui/typography.esm";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import "react";
+//#region src/shared/custom/layouts/detail-view.layout.tsx
+function a({ backLabel: a, backTo: o, referenceLabel: s, icon: c, title: l, badge: u, description: d, metaBlock: f, children: p, sidebar: m, className: h }) {
+	return /* @__PURE__ */ i("div", {
+		className: e("max-w-[1200px] mx-auto p-6 space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-700", h),
+		children: [
+			(a || s) && /* @__PURE__ */ i("nav", {
+				className: "flex items-center justify-between border-b pb-4 border-border/40",
+				children: [a ? /* @__PURE__ */ r(t, {
+					label: a,
+					to: o,
+					className: "hover:bg-accent/10"
+				}) : /* @__PURE__ */ r("div", {}), s && /* @__PURE__ */ r(n, {
+					variant: "extra-small",
+					className: "font-medium uppercase tracking-tighter",
+					children: s
+				})]
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "flex flex-col md:flex-row items-center justify-between gap-8 bg-card/30 p-8 rounded-[2.5rem] border border-border/50 backdrop-blur-xl shadow-2xl shadow-primary/5",
+				children: [/* @__PURE__ */ i("div", {
+					className: "flex flex-col md:flex-row items-center gap-6",
+					children: [c, /* @__PURE__ */ i("div", {
+						className: "space-y-2 text-center md:text-left",
+						children: [/* @__PURE__ */ i("div", {
+							className: "flex flex-wrap items-center justify-center md:justify-start gap-3",
+							children: [/* @__PURE__ */ r(n, {
+								variant: "h1",
+								className: "font-black tracking-tight text-3xl md:text-4xl",
+								children: l
+							}), u]
+						}), typeof d == "string" ? /* @__PURE__ */ r(n, {
+							variant: "small",
+							className: "text-muted-foreground font-medium block max-w-xl leading-relaxed",
+							children: d
+						}) : d]
+					})]
+				}), f && /* @__PURE__ */ r("div", {
+					className: "flex flex-col items-center md:items-end gap-3 bg-muted/20 p-6 rounded-3xl border border-border/40 backdrop-blur-sm self-stretch md:self-auto justify-center min-w-[200px]",
+					children: f
+				})]
+			}),
+			m ? /* @__PURE__ */ i("div", {
+				className: "grid grid-cols-1 lg:grid-cols-4 gap-8 items-start",
+				children: [/* @__PURE__ */ r("div", {
+					className: "lg:col-span-3 space-y-6 w-full",
+					children: p
+				}), /* @__PURE__ */ r("div", {
+					className: "space-y-6 w-full",
+					children: m
+				})]
+			}) : /* @__PURE__ */ r("div", {
+				className: "w-full",
+				children: p
+			})
+		]
+	});
+}
+//#endregion
+export { a as DetailViewLayout, a as default };

package/dist/shared/custom/layouts/feedback.layout.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../lib/utils.cjs`),n=require(`../ui/typography.cjs`);let r=require(`react/jsx-runtime`),i=require(`react`);i=e.__toESM(i);function a({feedback:e,message:i,className:a}){return(0,r.jsxs)(`div`,{className:t.cn(`py-12 flex flex-col items-center justify-center space-y-4 animate-in fade-in zoom-in-95 duration-500`,a),children:[(0,r.jsx)(`div`,{className:`flex items-center justify-center`,children:e}),(0,r.jsx)(n.Typography,{variant:`muted`,className:`max-w-[280px] text-center`,children:i})]})}exports.FeedbackLayout=a;

package/dist/shared/custom/layouts/feedback.layout.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+interface FeedbackLayoutProps {
+    /** Elemento de feedback visual (ej. IconBox) */
+    feedback: React.ReactNode;
+    /** Mensaje a mostrar, será envuelto automáticamente en un Typography muted */
+    message: React.ReactNode;
+    className?: string;
+}
+/**
+ * Layout de Feedback para estados de la aplicación (vacío, error, éxito).
+ * Centraliza un elemento visual y un mensaje descriptivo.
+ */
+export declare function FeedbackLayout({ feedback, message, className }: FeedbackLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/custom/layouts/feedback.layout.esm

@@ -0,0 +1,20 @@
+import { cn as e } from "../../lib/utils.esm";
+import { Typography as t } from "../ui/typography.esm";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import "react";
+//#region src/shared/custom/layouts/feedback.layout.tsx
+function i({ feedback: i, message: a, className: o }) {
+	return /* @__PURE__ */ r("div", {
+		className: e("py-12 flex flex-col items-center justify-center space-y-4 animate-in fade-in zoom-in-95 duration-500", o),
+		children: [/* @__PURE__ */ n("div", {
+			className: "flex items-center justify-center",
+			children: i
+		}), /* @__PURE__ */ n(t, {
+			variant: "muted",
+			className: "max-w-[280px] text-center",
+			children: a
+		})]
+	});
+}
+//#endregion
+export { i as FeedbackLayout };

package/dist/shared/custom/layouts/grid.layout.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../lib/utils.cjs`);let n=require(`react/jsx-runtime`),r=require(`react`);r=e.__toESM(r);function i({cols:e={initial:1,md:2},gap:r=5,alignX:i=`center`,alignY:a=`start`,className:o,children:s}){let c={start:`justify-items-start`,center:`justify-items-center`,end:`justify-items-end`,stretch:`justify-items-stretch`},l={start:`items-start`,center:`items-center`,end:`items-end`,stretch:`items-stretch`},u=typeof e==`number`||typeof e==`string`?e:e.initial||1,d=typeof e==`object`?e.sm:void 0,f=typeof e==`object`?e.md:void 0,p=typeof e==`object`?e.lg:void 0,m=typeof e==`object`?e.xl:void 0,h=e=>{if(!(!e&&e!==0))return typeof e==`number`?`repeat(${e}, minmax(0, 1fr))`:e};return(0,n.jsx)(`div`,{className:`@container w-full`,children:(0,n.jsx)(`div`,{style:{"--grid-gap":typeof r==`number`?`${r*.25}rem`:r,"--cols-initial":h(u),...d&&{"--cols-sm":h(d)},...f&&{"--cols-md":h(f)},...p&&{"--cols-lg":h(p)},...m&&{"--cols-xl":h(m)}},className:t.cn(`grid`,`gap-(--grid-gap)`,`grid-cols-(--cols-initial)`,d&&`@sm:grid-cols-(--cols-sm)`,f&&`@md:grid-cols-(--cols-md)`,p&&`@lg:grid-cols-(--cols-lg)`,m&&`@xl:grid-cols-(--cols-xl)`,c[i],l[a],o),children:s})})}exports.GridLayout=i;

package/dist/shared/custom/layouts/grid.layout.d.ts

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+export type GridColDef = number | string;
+export interface GridLayoutProps {
+    /**
+     * Número de columnas o template string.
+     * Puede ser un número fijo, un string (ej. "1fr auto auto" o "repeat(2, 1fr)") o un objeto para diferentes breakpoints.
+     * @default "{ initial: 1, md: 2 }"
+     */
+    cols?: GridColDef | {
+        initial?: GridColDef;
+        sm?: GridColDef;
+        md?: GridColDef;
+        lg?: GridColDef;
+        xl?: GridColDef;
+    };
+    /**
+     * Espaciado entre elementos basado en la escala de Tailwind.
+     * @default 5
+     */
+    gap?: number;
+    /**
+     * Alineación horizontal (justify-items).
+     * @default "center"
+     */
+    alignX?: "start" | "center" | "end" | "stretch";
+    /**
+     * Alineación vertical (align-items).
+     * @default "start"
+     */
+    alignY?: "start" | "center" | "end" | "stretch";
+    className?: string;
+    children: React.ReactNode;
+}
+/**
+ * Componente de Layout basado en Grid para estandarizar la disposición de elementos.
+ * Utiliza Container Queries (@container) de forma exclusiva para garantizar respuestas basadas en el contenedor.
+ */
+export declare function GridLayout({ cols, gap, alignX, alignY, className, children }: GridLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/shared/custom/layouts/grid.layout.esm

@@ -0,0 +1,39 @@
+import { cn as e } from "../../lib/utils.esm";
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+//#region src/shared/custom/layouts/grid.layout.tsx
+function n({ cols: n = {
+	initial: 1,
+	md: 2
+}, gap: r = 5, alignX: i = "center", alignY: a = "start", className: o, children: s }) {
+	let c = {
+		start: "justify-items-start",
+		center: "justify-items-center",
+		end: "justify-items-end",
+		stretch: "justify-items-stretch"
+	}, l = {
+		start: "items-start",
+		center: "items-center",
+		end: "items-end",
+		stretch: "items-stretch"
+	}, u = typeof n == "number" || typeof n == "string" ? n : n.initial || 1, d = typeof n == "object" ? n.sm : void 0, f = typeof n == "object" ? n.md : void 0, p = typeof n == "object" ? n.lg : void 0, m = typeof n == "object" ? n.xl : void 0, h = (e) => {
+		if (!(!e && e !== 0)) return typeof e == "number" ? `repeat(${e}, minmax(0, 1fr))` : e;
+	};
+	return /* @__PURE__ */ t("div", {
+		className: "@container w-full",
+		children: /* @__PURE__ */ t("div", {
+			style: {
+				"--grid-gap": typeof r == "number" ? `${r * .25}rem` : r,
+				"--cols-initial": h(u),
+				...d && { "--cols-sm": h(d) },
+				...f && { "--cols-md": h(f) },
+				...p && { "--cols-lg": h(p) },
+				...m && { "--cols-xl": h(m) }
+			},
+			className: e("grid", "gap-(--grid-gap)", "grid-cols-(--cols-initial)", d && "@sm:grid-cols-(--cols-sm)", f && "@md:grid-cols-(--cols-md)", p && "@lg:grid-cols-(--cols-lg)", m && "@xl:grid-cols-(--cols-xl)", c[i], l[a], o),
+			children: s
+		})
+	});
+}
+//#endregion
+export { n as GridLayout };

package/dist/shared/custom/layouts/page-container.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../lib/utils.cjs`);let n=require(`react/jsx-runtime`),r=require(`react`);r=e.__toESM(r);function i({className:e,animate:r=!0,...i}){return(0,n.jsx)(`div`,{className:t.cn(`t-page-container`,r&&`animate-in fade-in zoom-in-95 duration-500`,e),...i})}exports.PageContainer=i;

package/dist/shared/custom/layouts/page-container.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+interface PageContainerProps extends React.ComponentProps<"div"> {
+    animate?: boolean;
+}
+export declare function PageContainer({ className, animate, ...props }: PageContainerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/custom/layouts/page-container.esm

@@ -0,0 +1,12 @@
+import { cn as e } from "../../lib/utils.esm";
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+//#region src/shared/custom/layouts/page-container.tsx
+function n({ className: n, animate: r = !0, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		className: e("t-page-container", r && "animate-in fade-in zoom-in-95 duration-500", n),
+		...i
+	});
+}
+//#endregion
+export { n as PageContainer };

package/dist/shared/custom/ui/icon-box.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../lib/utils.cjs`);let t=require(`react/jsx-runtime`);function n({icon:n,className:r,iconClassName:i,size:a=`md`}){return(0,t.jsx)(`div`,{className:e.cn(`bg-muted/30 flex items-center justify-center text-muted-foreground border border-border/50 shadow-sm shrink-0`,{sm:`size-8 rounded-lg`,md:`size-12 rounded-2xl`,lg:`size-16 rounded-3xl`,xl:`size-24 rounded-[2.5rem]`}[a],r),children:(0,t.jsx)(n,{className:e.cn({sm:`size-4`,md:`size-6`,lg:`size-8`,xl:`size-12`}[a],i)})})}exports.IconBox=n;

package/dist/shared/custom/ui/icon-box.d.ts

@@ -0,0 +1,12 @@
+import { LucideIcon } from 'lucide-react';
+interface IconBoxProps {
+    icon: LucideIcon;
+    className?: string;
+    iconClassName?: string;
+    size?: "sm" | "md" | "lg" | "xl";
+}
+/**
+ * Componente IconBox para renderizar iconos dentro de un contenedor estilizado.
+ */
+export declare function IconBox({ icon: Icon, className, iconClassName, size }: IconBoxProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/custom/ui/icon-box.esm

@@ -0,0 +1,21 @@
+import { cn as e } from "../../lib/utils.esm";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/shared/custom/ui/icon-box.tsx
+function n({ icon: n, className: r, iconClassName: i, size: a = "md" }) {
+	return /* @__PURE__ */ t("div", {
+		className: e("bg-muted/30 flex items-center justify-center text-muted-foreground border border-border/50 shadow-sm shrink-0", {
+			sm: "size-8 rounded-lg",
+			md: "size-12 rounded-2xl",
+			lg: "size-16 rounded-3xl",
+			xl: "size-24 rounded-[2.5rem]"
+		}[a], r),
+		children: /* @__PURE__ */ t(n, { className: e({
+			sm: "size-4",
+			md: "size-6",
+			lg: "size-8",
+			xl: "size-12"
+		}[a], i) })
+	});
+}
+//#endregion
+export { n as IconBox };

package/dist/shared/custom/ui/typography.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../lib/utils.cjs`);let t=require(`react/jsx-runtime`);function n({children:n,variant:r=`p`,className:i}){let a={h1:`text-4xl font-black tracking-tighter text-foreground`,h2:`text-2xl font-bold tracking-tight text-foreground`,h3:`text-lg font-semibold text-foreground`,p:`text-base text-foreground`,span:`text-sm`,muted:`text-sm text-muted-foreground font-medium`,small:`text-sm font-medium`,"extra-small":`text-xs font-medium`},o={h1:`h1`,h2:`h2`,h3:`h3`,p:`p`,span:`span`,muted:`p`,small:`p`,"extra-small":`p`}[r]||`p`,s=a[r];return(0,t.jsx)(o,{className:e.cn(s,i),children:n})}exports.Typography=n;

package/dist/shared/custom/ui/typography.d.ts

@@ -0,0 +1,11 @@
+type TypographyVariant = "h1" | "h2" | "h3" | "p" | "span" | "muted" | "small" | "extra-small";
+interface TypographyProps {
+    children: React.ReactNode;
+    variant?: TypographyVariant;
+    className?: string;
+}
+/**
+ * Componente de tipografía personalizado para estandarizar el texto en la aplicación.
+ */
+export declare function Typography({ children, variant, className }: TypographyProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/custom/ui/typography.esm

@@ -0,0 +1,30 @@
+import { cn as e } from "../../lib/utils.esm";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/shared/custom/ui/typography.tsx
+function n({ children: n, variant: r = "p", className: i }) {
+	let a = {
+		h1: "text-4xl font-black tracking-tighter text-foreground",
+		h2: "text-2xl font-bold tracking-tight text-foreground",
+		h3: "text-lg font-semibold text-foreground",
+		p: "text-base text-foreground",
+		span: "text-sm",
+		muted: "text-sm text-muted-foreground font-medium",
+		small: "text-sm font-medium",
+		"extra-small": "text-xs font-medium"
+	}, o = {
+		h1: "h1",
+		h2: "h2",
+		h3: "h3",
+		p: "p",
+		span: "span",
+		muted: "p",
+		small: "p",
+		"extra-small": "p"
+	}[r] || "p", s = a[r];
+	return /* @__PURE__ */ t(o, {
+		className: e(s, i),
+		children: n
+	});
+}
+//#endregion
+export { n as Typography };

package/dist/shared/hooks/use-device.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=function(e){return e.VERTICAL_MOBILE=`VERTICAL_MOBILE`,e.HORIZONTAL_MOBILE=`HORIZONTAL_MOBILE`,e.VERTICAL_TABLET=`VERTICAL_TABLET`,e.HORIZONTAL_TABLET=`HORIZONTAL_TABLET`,e.MINIFIED_BROWSER=`MINIFIED_BROWSER`,e.FULL_SCREEN_BROWSER=`FULL_SCREEN_BROWSER`,e.AMPLIFIED_BROWSER=`AMPLIFIED_BROWSER`,e}({});function n(){let[n,r]=(0,e.useState)(t.FULL_SCREEN_BROWSER);return(0,e.useEffect)(()=>{let e=()=>{let e=window.innerWidth,n=window.innerHeight,i=n>0?e/n:1;if(e<=480&&i<1){r(t.VERTICAL_MOBILE);return}if(n<=480&&i>1.7){r(t.HORIZONTAL_MOBILE);return}if(e>480&&e<=1024){r(i<1?t.VERTICAL_TABLET:i>=1.2&&i<=1.7?t.HORIZONTAL_TABLET:i>1?t.MINIFIED_BROWSER:t.VERTICAL_TABLET);return}if(e>1024&&e<=1440){r(t.FULL_SCREEN_BROWSER);return}if(e>1440){r(t.AMPLIFIED_BROWSER);return}r(t.FULL_SCREEN_BROWSER)};return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]),n}exports.DeviceType=t,exports.useDevice=n;

package/dist/shared/hooks/use-device.d.ts

@@ -0,0 +1,10 @@
+export declare enum DeviceType {
+    VERTICAL_MOBILE = "VERTICAL_MOBILE",
+    HORIZONTAL_MOBILE = "HORIZONTAL_MOBILE",
+    VERTICAL_TABLET = "VERTICAL_TABLET",
+    HORIZONTAL_TABLET = "HORIZONTAL_TABLET",
+    MINIFIED_BROWSER = "MINIFIED_BROWSER",
+    FULL_SCREEN_BROWSER = "FULL_SCREEN_BROWSER",
+    AMPLIFIED_BROWSER = "AMPLIFIED_BROWSER"
+}
+export declare function useDevice(): DeviceType;

package/dist/shared/hooks/use-device.esm

@@ -0,0 +1,37 @@
+import { useEffect as e, useState as t } from "react";
+//#region src/shared/hooks/use-device.ts
+var n = /* @__PURE__ */ function(e) {
+	return e.VERTICAL_MOBILE = "VERTICAL_MOBILE", e.HORIZONTAL_MOBILE = "HORIZONTAL_MOBILE", e.VERTICAL_TABLET = "VERTICAL_TABLET", e.HORIZONTAL_TABLET = "HORIZONTAL_TABLET", e.MINIFIED_BROWSER = "MINIFIED_BROWSER", e.FULL_SCREEN_BROWSER = "FULL_SCREEN_BROWSER", e.AMPLIFIED_BROWSER = "AMPLIFIED_BROWSER", e;
+}({});
+function r() {
+	let [r, i] = t(n.FULL_SCREEN_BROWSER);
+	return e(() => {
+		let e = () => {
+			let e = window.innerWidth, t = window.innerHeight, r = t > 0 ? e / t : 1;
+			if (e <= 480 && r < 1) {
+				i(n.VERTICAL_MOBILE);
+				return;
+			}
+			if (t <= 480 && r > 1.7) {
+				i(n.HORIZONTAL_MOBILE);
+				return;
+			}
+			if (e > 480 && e <= 1024) {
+				i(r < 1 ? n.VERTICAL_TABLET : r >= 1.2 && r <= 1.7 ? n.HORIZONTAL_TABLET : r > 1 ? n.MINIFIED_BROWSER : n.VERTICAL_TABLET);
+				return;
+			}
+			if (e > 1024 && e <= 1440) {
+				i(n.FULL_SCREEN_BROWSER);
+				return;
+			}
+			if (e > 1440) {
+				i(n.AMPLIFIED_BROWSER);
+				return;
+			}
+			i(n.FULL_SCREEN_BROWSER);
+		};
+		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, []), r;
+}
+//#endregion
+export { n as DeviceType, r as useDevice };

package/dist/shared/hooks/use-i18n.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react-i18next`);var t=t=>{let{t:n,i18n:r}=(0,e.useTranslation)(t);return{t:n,currentLanguage:r.language,changeLanguage:e=>{r.changeLanguage(e)},i18n:r}};exports.useI18n=t;

package/dist/shared/hooks/use-i18n.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Hook compartido para acceder a las traducciones.
+ * Proporciona una capa de abstracción sobre react-i18next.
+ */
+export declare const useI18n: (namespace?: string) => {
+    t: import('i18next').TFunction<string, undefined>;
+    currentLanguage: string;
+    changeLanguage: (lng: string) => void;
+    i18n: import('i18next').i18n;
+};

package/dist/shared/hooks/use-i18n.esm

@@ -0,0 +1,15 @@
+import { useTranslation as e } from "react-i18next";
+//#region src/shared/hooks/use-i18n.ts
+var t = (t) => {
+	let { t: n, i18n: r } = e(t);
+	return {
+		t: n,
+		currentLanguage: r.language,
+		changeLanguage: (e) => {
+			r.changeLanguage(e);
+		},
+		i18n: r
+	};
+};
+//#endregion
+export { t as useI18n };

package/dist/shared/hooks/use-mobile.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t);var n=768;function r(){let[e,r]=t.useState(void 0);return t.useEffect(()=>{let e=window.matchMedia(`(max-width: ${n-1}px)`),t=()=>{r(window.innerWidth<n)};return e.addEventListener(`change`,t),r(window.innerWidth<n),()=>e.removeEventListener(`change`,t)},[]),!!e}exports.useIsMobile=r;

package/dist/shared/hooks/use-mobile.d.ts

@@ -0,0 +1 @@
+export declare function useIsMobile(): boolean;

package/dist/shared/hooks/use-mobile.esm

@@ -0,0 +1,14 @@
+import * as e from "react";
+//#region src/shared/hooks/use-mobile.ts
+var t = 768;
+function n() {
+	let [n, r] = e.useState(void 0);
+	return e.useEffect(() => {
+		let e = window.matchMedia(`(max-width: ${t - 1}px)`), n = () => {
+			r(window.innerWidth < t);
+		};
+		return e.addEventListener("change", n), r(window.innerWidth < t), () => e.removeEventListener("change", n);
+	}, []), !!n;
+}
+//#endregion
+export { n as useIsMobile };

package/dist/shared/lib/utils.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`clsx`),t=require(`tailwind-merge`);function n(...n){return(0,t.twMerge)((0,e.clsx)(n))}exports.cn=n;

package/dist/shared/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/shared/lib/utils.esm

@@ -0,0 +1,8 @@
+import { clsx as e } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+//#region src/shared/lib/utils.ts
+function n(...n) {
+	return t(e(n));
+}
+//#endregion
+export { n as cn };

package/dist/shared/logic/action/action-processor.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../../modules/actions/entities/action.entity.cjs`);require(`lucide-react`),require(`zod`);var t=new class{constructor(){this.entries=new Map}register(t,n){return this.entries.set(t,{type:t,kind:e.ActionKind.ATOMIC,processor:n}),t}registerPipeline(t,n){return this.entries.set(t,{type:t,kind:e.ActionKind.COMPOSABLE,pipeline:n}),t}getEntry(e){return this.entries.get(e)}get(e){return this.entries.get(e)?.processor}};exports.ACTION_PROCESSOR_REGISTRY=t;

package/dist/shared/logic/action/action-processor.d.ts

@@ -0,0 +1,86 @@
+import { z } from 'zod';
+import { LucideIcon } from 'lucide-react';
+import { FormInputProps } from '../../custom/form/form.component';
+import { FieldValues } from 'react-hook-form';
+import { ActionNature, ActionKind } from '../../../modules/actions/entities/action.entity';
+/**
+ * PipelineContext
+ *
+ * Interfaz para el acceso y modificación del payload general durante la ejecución
+ * de una secuencia de acciones (Composite Actions).
+ */
+export interface PipelineContext {
+    /** ID único del pipeline actual */
+    pipelineId?: string;
+    /** Recupera un valor del payload general */
+    get: <T = any>(key: string) => T | undefined;
+    /** Modifica o añade un valor al payload general */
+    set: <T = any>(key: string, value: T) => void;
+    /** Recupera todo el payload general actual */
+    getAll: () => Record<string, any>;
+}
+/**
+ * PipelineStepDefinition
+ * Definición de un paso dentro de un pipeline registrado.
+ */
+export interface PipelineStepDefinition {
+    name: string;
+    type: string;
+    payload?: any;
+}
+/**
+ * PipelineDefinition
+ * La "Fórmula" o plantilla de un flujo de acciones.
+ */
+export interface PipelineDefinition {
+    name: string;
+    steps: PipelineStepDefinition[];
+    initialContext?: Record<string, any>;
+}
+/**
+ * ActionProcessor
+ * Interfaz base para acciones Atómicas.
+ */
+export interface ActionProcessor<PAYLOAD extends FieldValues = any> {
+    execute: (payload: PAYLOAD, context?: PipelineContext) => Promise<any>;
+    schema?: z.ZodType<PAYLOAD>;
+    Form?: React.FC<FormInputProps<PAYLOAD>>;
+    icon?: LucideIcon;
+    nature?: ActionNature;
+    description?: string;
+}
+/**
+ * ActionRegistryEntry
+ * Representa una entrada unificada en el registro.
+ */
+export interface ActionRegistryEntry {
+    type: string;
+    kind: ActionKind;
+    processor?: ActionProcessor;
+    pipeline?: PipelineDefinition;
+}
+/**
+ * ActionRegistry
+ * Registry central para los procesadores de acciones y definiciones de pipelines.
+ */
+declare class ActionRegistry {
+    private entries;
+    /**
+     * Registra un procesador Atómico.
+     */
+    register(type: string, processor: ActionProcessor): string;
+    /**
+     * Registra una definición de Pipeline (Composable).
+     */
+    registerPipeline(type: string, definition: PipelineDefinition): string;
+    /**
+     * Obtiene la entrada completa para un tipo de acción.
+     */
+    getEntry(type: string): ActionRegistryEntry | undefined;
+    /**
+     * Helper para compatibilidad con código existente que solo busca el procesador.
+     */
+    get(type: string): ActionProcessor | undefined;
+}
+export declare const ACTION_PROCESSOR_REGISTRY: ActionRegistry;
+export {};

package/dist/shared/logic/action/action-processor.esm

@@ -0,0 +1,30 @@
+import { ActionKind as e } from "../../../modules/actions/entities/action.entity.esm";
+import "lucide-react";
+import "zod";
+var t = new class {
+	constructor() {
+		this.entries = /* @__PURE__ */ new Map();
+	}
+	register(t, n) {
+		return this.entries.set(t, {
+			type: t,
+			kind: e.ATOMIC,
+			processor: n
+		}), t;
+	}
+	registerPipeline(t, n) {
+		return this.entries.set(t, {
+			type: t,
+			kind: e.COMPOSABLE,
+			pipeline: n
+		}), t;
+	}
+	getEntry(e) {
+		return this.entries.get(e);
+	}
+	get(e) {
+		return this.entries.get(e)?.processor;
+	}
+}();
+//#endregion
+export { t as ACTION_PROCESSOR_REGISTRY };

package/dist/shared/logic/components/components.registry.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../../_virtual/_rolldown/runtime.cjs`);let t=require(`react/jsx-runtime`),n=require(`react`);n=e.__toESM(n);var r=class e{constructor(){this.registry=new Map}static get instance(){return e._instance||=new e,e._instance}register(e,t){return this.registry.set(e,t),e}resolve(e){let n=this.registry.get(e.type);if(!n)throw Error(`Component ${e.type} not found`);return(0,t.jsx)(n,{...e.params})}get(e){return this.registry.get(e)}};r._instance=void 0;var i=r.instance;exports.COMPONENT_REGISTRY=i;

package/dist/shared/logic/components/components.registry.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+export interface ComponentItem {
+    type: string;
+    params: Record<string, any>;
+}
+declare class ComponentRegistryFactory {
+    private registry;
+    private constructor();
+    private static _instance;
+    static get instance(): ComponentRegistryFactory;
+    register<T extends object>(type: string, component: React.ComponentType<T>): string;
+    resolve(item: ComponentItem): React.ReactNode;
+    get(type: string): React.ComponentType;
+}
+export declare const COMPONENT_REGISTRY: ComponentRegistryFactory;
+export {};

package/dist/shared/logic/components/components.registry.esm

@@ -0,0 +1,26 @@
+import { jsx as e } from "react/jsx-runtime";
+import "react";
+//#region src/shared/logic/components/components.registry.tsx
+var t = class t {
+	constructor() {
+		this.registry = /* @__PURE__ */ new Map();
+	}
+	static get instance() {
+		return t._instance ||= new t(), t._instance;
+	}
+	register(e, t) {
+		return this.registry.set(e, t), e;
+	}
+	resolve(t) {
+		let n = this.registry.get(t.type);
+		if (!n) throw Error(`Component ${t.type} not found`);
+		return /* @__PURE__ */ e(n, { ...t.params });
+	}
+	get(e) {
+		return this.registry.get(e);
+	}
+};
+t._instance = void 0;
+var n = t.instance;
+//#endregion
+export { n as COMPONENT_REGISTRY };

package/dist/shared/logic/events/startable.cjs

@@ -0,0 +1 @@
+function e(e,t){if(!{}.hasOwnProperty.call(e,t))throw TypeError(`attempted to use private field on non-instance`);return e}var t=0;function n(e){return`__private_`+ t+++`_`+e}var r=n(`_isReady`),i=n(`_onReady`),a=class{constructor(){Object.defineProperty(this,r,{writable:!0,value:void 0}),Object.defineProperty(this,i,{writable:!0,value:void 0}),e(this,r)[r]=!1,e(this,i)[i]=[]}setReady(){e(this,r)[r]=!0;for(let t of e(this,i)[i])t()}isReady(){return e(this,r)[r]}onReady(t){e(this,r)[r]?t():e(this,i)[i].push(t)}};module.exports=a;

package/dist/shared/logic/events/startable.d.ts

@@ -0,0 +1,7 @@
+export default class StartableEvent {
+    #private;
+    constructor();
+    setReady(): void;
+    isReady(): boolean;
+    onReady(callback: () => void): void;
+}

package/dist/shared/logic/events/startable.esm

@@ -0,0 +1,32 @@
+//#region src/shared/logic/events/startable.ts
+function e(e, t) {
+	if (!{}.hasOwnProperty.call(e, t)) throw TypeError("attempted to use private field on non-instance");
+	return e;
+}
+var t = 0;
+function n(e) {
+	return "__private_" + t++ + "_" + e;
+}
+var r = /* @__PURE__ */ n("_isReady"), i = /* @__PURE__ */ n("_onReady"), a = class {
+	constructor() {
+		Object.defineProperty(this, r, {
+			writable: !0,
+			value: void 0
+		}), Object.defineProperty(this, i, {
+			writable: !0,
+			value: void 0
+		}), e(this, r)[r] = !1, e(this, i)[i] = [];
+	}
+	setReady() {
+		e(this, r)[r] = !0;
+		for (let t of e(this, i)[i]) t();
+	}
+	isReady() {
+		return e(this, r)[r];
+	}
+	onReady(t) {
+		e(this, r)[r] ? t() : e(this, i)[i].push(t);
+	}
+};
+//#endregion
+export { a as default };

package/dist/shared/logic/events/use-on-start.hook.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);function t(t,n){let r=(0,e.useRef)(!1),i=(0,e.useRef)(n);i.current=n,(0,e.useEffect)(()=>{let e=Array.isArray(t)?t:[t],n=()=>{e.every(e=>e.isReady())&&!r.current&&(r.current=!0,i.current())};return e.forEach(e=>{e.onReady(n)}),()=>{}},[t])}exports.useOnStart=t;