@darkfrost-1107/scaff-z-react 0.1.7

package/dist/shared/constants/connectors/main.connector.esm

@@ -0,0 +1,38 @@
+import { ENV_MANAGER as e } from "../../../packages/env/env.manager.esm";
+import t from "../../../packages/requests/axios/base.connector.esm";
+//#region src/shared/constants/connectors/main.connector.ts
+function n(e, t) {
+	if (!{}.hasOwnProperty.call(e, t)) throw TypeError("attempted to use private field on non-instance");
+	return e;
+}
+var r = 0;
+function i(e) {
+	return "__private_" + r++ + "_" + e;
+}
+var a = /* @__PURE__ */ i("instance"), o = class r extends t {
+	constructor() {
+		super({ config: {
+			baseURL: e.get("VITE_MAIN_URL"),
+			headers: { "Content-Type": "application/json" },
+			withCredentials: !0
+		} });
+	}
+	static get instance() {
+		return n(r, a)[a] || (n(r, a)[a] = new r()), n(r, a)[a];
+	}
+	async healthCheck() {
+		try {
+			let { data: e } = await this.service.get("/health");
+			return e.status === "ok";
+		} catch {
+			return !1;
+		}
+	}
+};
+Object.defineProperty(o, a, {
+	writable: !0,
+	value: void 0
+});
+var s = o.instance;
+//#endregion
+export { s as MAIN_CONNECTOR, o as MainConnector };

package/dist/shared/constants/services/main.service.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../../packages/requests/axios/base.service.cjs`),t=require(`../connectors/main.connector.cjs`);function n(e,t){if(!{}.hasOwnProperty.call(e,t))throw TypeError(`attempted to use private field on non-instance`);return e}var r=0;function i(e){return`__private_`+ r+++`_`+e}var a=i(`instance`),o=class r extends e{constructor(){super({connector:t.MAIN_CONNECTOR})}static get instance(){return n(r,a)[a]||(n(r,a)[a]=new r),n(r,a)[a]}};Object.defineProperty(o,a,{writable:!0,value:void 0});var s=o.instance;exports.MAIN_SERVICE=s,exports.default=o;

package/dist/shared/constants/services/main.service.d.ts

@@ -0,0 +1,7 @@
+import { default as BaseAxiosService } from '../../../packages/requests/axios/base.service';
+export default class MainService extends BaseAxiosService {
+    #private;
+    protected constructor();
+    static get instance(): MainService;
+}
+export declare const MAIN_SERVICE: MainService;

package/dist/shared/constants/services/main.service.esm

@@ -0,0 +1,26 @@
+import e from "../../../packages/requests/axios/base.service.esm";
+import { MAIN_CONNECTOR as t } from "../connectors/main.connector.esm";
+//#region src/shared/constants/services/main.service.ts
+function n(e, t) {
+	if (!{}.hasOwnProperty.call(e, t)) throw TypeError("attempted to use private field on non-instance");
+	return e;
+}
+var r = 0;
+function i(e) {
+	return "__private_" + r++ + "_" + e;
+}
+var a = /* @__PURE__ */ i("instance"), o = class r extends e {
+	constructor() {
+		super({ connector: t });
+	}
+	static get instance() {
+		return n(r, a)[a] || (n(r, a)[a] = new r()), n(r, a)[a];
+	}
+};
+Object.defineProperty(o, a, {
+	writable: !0,
+	value: void 0
+});
+var s = o.instance;
+//#endregion
+export { s as MAIN_SERVICE, o as default };

package/dist/shared/contracts/repository.contract.d.ts

@@ -0,0 +1,26 @@
+import { Logger } from '../../packages/logger/logger';
+/**
+ * IRepository
+ *
+ * Contrato base para cualquier servicio de persistencia.
+ * Ahora sigue la convención (payload, logger?) para trazabilidad total.
+ */
+export interface IRepository<T> {
+    findAll(payload?: any, logger?: Logger): Promise<T[]>;
+    findById(id: string, logger?: Logger): Promise<T | null>;
+    persist(entity: T, logger?: Logger): Promise<T>;
+    remove(entity: T, logger?: Logger): Promise<T>;
+}
+/**
+ * IPaginable
+ */
+export interface IPaginable<T> {
+    findPaginated(params: {
+        page: number;
+        limit: number;
+    }, logger?: Logger): Promise<{
+        items: T[];
+        total: number;
+        hasMore: boolean;
+    }>;
+}

package/dist/shared/custom/actions/back-button.action.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../lib/utils.cjs`),t=require(`../../ui/button.cjs`);let n=require(`react/jsx-runtime`),r=require(`lucide-react`),i=require(`react-router`);function a({label:a=`Volver`,to:o=-1,className:s,variant:c=`ghost`,...l}){let u=(0,i.useNavigate)();return(0,n.jsxs)(t.Button,{variant:c,onClick:()=>{u(o)},className:e.cn(`text-muted-foreground hover:text-foreground`,s),...l,children:[(0,n.jsx)(r.ChevronLeft,{className:`size-4 mr-2`}),a]})}exports.BackButtonAction=a,exports.default=a;

package/dist/shared/custom/actions/back-button.action.d.ts

@@ -0,0 +1,13 @@
+import { ButtonProps } from '../../ui/button';
+interface BackButtonActionProps extends Omit<ButtonProps, "children"> {
+    label?: string;
+    to?: string | number;
+    className?: string;
+}
+/**
+ * BackButtonAction
+ *
+ * Botón de retroceso reutilizable y configurable para acciones de encabezados/layouts.
+ */
+export declare function BackButtonAction({ label, to, className, variant, ...props }: BackButtonActionProps): import("react/jsx-runtime").JSX.Element;
+export default BackButtonAction;

package/dist/shared/custom/actions/back-button.action.esm

@@ -0,0 +1,20 @@
+import { cn as e } from "../../lib/utils.esm";
+import { Button as t } from "../../ui/button.esm";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { ChevronLeft as i } from "lucide-react";
+import { useNavigate as a } from "react-router";
+//#region src/shared/custom/actions/back-button.action.tsx
+function o({ label: o = "Volver", to: s = -1, className: c, variant: l = "ghost", ...u }) {
+	let d = a();
+	return /* @__PURE__ */ r(t, {
+		variant: l,
+		onClick: () => {
+			d(s);
+		},
+		className: e("text-muted-foreground hover:text-foreground", c),
+		...u,
+		children: [/* @__PURE__ */ n(i, { className: "size-4 mr-2" }), o]
+	});
+}
+//#endregion
+export { o as BackButtonAction, o as default };

package/dist/shared/custom/audit/audit-view.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`),r=require(`../ui/icon-box.cjs`);let i=require(`react/jsx-runtime`),a=require(`react`);a=e.__toESM(a);function o({icon:e,title:a,description:o,label:s=`Módulo`,className:c}){return(0,i.jsxs)(`div`,{className:t.cn(`space-y-2`,c),children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,i.jsx)(r.IconBox,{icon:e,className:`size-10 rounded-xl p-0`}),(0,i.jsx)(`span`,{className:`text-[10px] font-bold tracking-widest uppercase opacity-50 text-foreground`,children:s})]}),(0,i.jsx)(n.Typography,{variant:`h1`,className:`text-4xl md:text-5xl`,children:a}),(0,i.jsx)(n.Typography,{variant:`muted`,className:`max-w-2xl text-lg leading-relaxed`,children:o})]})}function s({children:e,className:n}){return(0,i.jsx)(`div`,{className:t.cn(`flex flex-wrap items-center gap-3`,n),children:e})}function c({children:e,className:n}){return(0,i.jsx)(`main`,{className:t.cn(`animate-in fade-in slide-in-from-bottom-4 duration-700`,n),children:e})}function l({children:e,className:n}){return(0,i.jsx)(`div`,{className:t.cn(`max-w-6xl mx-auto space-y-12 py-12 px-4 md:px-0`,n),children:e})}function u({icon:e,title:t,description:n,label:r,actions:a,children:u}){return(0,i.jsxs)(l,{children:[(0,i.jsxs)(`header`,{className:`flex flex-col md:flex-row md:items-end justify-between gap-8`,children:[(0,i.jsx)(o,{icon:e,title:t,description:n,label:r}),a&&(0,i.jsx)(s,{children:a})]}),(0,i.jsx)(c,{children:u})]})}function d(){return{Container:l,Header:o,Actions:s,Main:c,View:u}}exports.AuditActions=s,exports.AuditContainer=l,exports.AuditHeader=o,exports.AuditItemsView=u,exports.AuditMain=c,exports.useAuditView=d;

package/dist/shared/custom/audit/audit-view.d.ts

@@ -0,0 +1,46 @@
+import { default as React } from 'react';
+import { LucideIcon } from 'lucide-react';
+interface AuditHeaderProps {
+    icon: LucideIcon;
+    title: string;
+    description: string;
+    label?: string;
+    className?: string;
+}
+export declare function AuditHeader({ icon, title, description, label, className }: AuditHeaderProps): import("react/jsx-runtime").JSX.Element;
+interface AuditActionsProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function AuditActions({ children, className }: AuditActionsProps): import("react/jsx-runtime").JSX.Element;
+interface AuditMainProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function AuditMain({ children, className }: AuditMainProps): import("react/jsx-runtime").JSX.Element;
+interface AuditContainerProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function AuditContainer({ children, className }: AuditContainerProps): import("react/jsx-runtime").JSX.Element;
+interface AuditItemsViewProps {
+    icon: LucideIcon;
+    title: string;
+    description: string;
+    label?: string;
+    actions?: React.ReactNode;
+    children: React.ReactNode;
+}
+export declare function AuditItemsView({ icon, title, description, label, actions, children }: AuditItemsViewProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook que provee los componentes de la vista de auditoría por separado.
+ * Permite una composición flexible si el orquestador AuditItemsView no es suficiente.
+ */
+export declare function useAuditView(): {
+    Container: typeof AuditContainer;
+    Header: typeof AuditHeader;
+    Actions: typeof AuditActions;
+    Main: typeof AuditMain;
+    View: typeof AuditItemsView;
+};
+export {};

package/dist/shared/custom/audit/audit-view.esm

@@ -0,0 +1,73 @@
+import { cn as e } from "../../lib/utils.esm";
+import { Typography as t } from "../ui/typography.esm";
+import { IconBox as n } from "../ui/icon-box.esm";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import "react";
+//#region src/shared/custom/audit/audit-view.tsx
+function a({ icon: a, title: o, description: s, label: c = "Módulo", className: l }) {
+	return /* @__PURE__ */ i("div", {
+		className: e("space-y-2", l),
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ r(n, {
+					icon: a,
+					className: "size-10 rounded-xl p-0"
+				}), /* @__PURE__ */ r("span", {
+					className: "text-[10px] font-bold tracking-widest uppercase opacity-50 text-foreground",
+					children: c
+				})]
+			}),
+			/* @__PURE__ */ r(t, {
+				variant: "h1",
+				className: "text-4xl md:text-5xl",
+				children: o
+			}),
+			/* @__PURE__ */ r(t, {
+				variant: "muted",
+				className: "max-w-2xl text-lg leading-relaxed",
+				children: s
+			})
+		]
+	});
+}
+function o({ children: t, className: n }) {
+	return /* @__PURE__ */ r("div", {
+		className: e("flex flex-wrap items-center gap-3", n),
+		children: t
+	});
+}
+function s({ children: t, className: n }) {
+	return /* @__PURE__ */ r("main", {
+		className: e("animate-in fade-in slide-in-from-bottom-4 duration-700", n),
+		children: t
+	});
+}
+function c({ children: t, className: n }) {
+	return /* @__PURE__ */ r("div", {
+		className: e("max-w-6xl mx-auto space-y-12 py-12 px-4 md:px-0", n),
+		children: t
+	});
+}
+function l({ icon: e, title: t, description: n, label: l, actions: u, children: d }) {
+	return /* @__PURE__ */ i(c, { children: [/* @__PURE__ */ i("header", {
+		className: "flex flex-col md:flex-row md:items-end justify-between gap-8",
+		children: [/* @__PURE__ */ r(a, {
+			icon: e,
+			title: t,
+			description: n,
+			label: l
+		}), u && /* @__PURE__ */ r(o, { children: u })]
+	}), /* @__PURE__ */ r(s, { children: d })] });
+}
+function u() {
+	return {
+		Container: c,
+		Header: a,
+		Actions: o,
+		Main: s,
+		View: l
+	};
+}
+//#endregion
+export { o as AuditActions, c as AuditContainer, a as AuditHeader, l as AuditItemsView, s as AuditMain, u as useAuditView };

package/dist/shared/custom/confirm/use-confirm.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../ui/button.cjs`),t=require(`../../ui/dialog.cjs`);let n=require(`react/jsx-runtime`),r=require(`react`),i=require(`lucide-react`);function a(){let[a,o]=(0,r.useState)(null);return{confirm:e=>{o(e)},ConfirmDialog:(0,n.jsx)(t.Dialog,{open:!!a,onOpenChange:e=>!e&&o(null),children:(0,n.jsx)(t.DialogContent,{className:`sm:max-w-[400px] bg-card border-border p-6 gap-6 outline-none`,children:a&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(t.DialogHeader,{className:`flex flex-col items-center text-center gap-4`,children:[(0,n.jsx)(`div`,{className:`size-12 rounded-full ${a.confirmVariant===`destructive`||!a.confirmVariant?`bg-red-500/10`:`bg-primary/10`} flex items-center justify-center`,children:a.icon||(0,n.jsx)(i.AlertTriangle,{className:`size-6 ${a.confirmVariant===`destructive`||!a.confirmVariant?`text-red-500`:`text-primary`}`})}),(0,n.jsxs)(`div`,{className:`space-y-1`,children:[(0,n.jsx)(t.DialogTitle,{className:`text-xl font-bold tracking-tight text-foreground`,children:a.title}),(0,n.jsx)(t.DialogDescription,{asChild:!0,children:(0,n.jsx)(`div`,{className:`text-sm text-muted-foreground/70`,children:a.content})})]})]}),(0,n.jsxs)(t.DialogFooter,{className:`flex flex-col sm:flex-row gap-2 sm:gap-2`,children:[(0,n.jsx)(e.Button,{variant:`ghost`,onClick:()=>o(null),className:`flex-1 font-semibold`,children:a.cancelText||`Cancelar`}),(0,n.jsx)(e.Button,{variant:a.confirmVariant||`destructive`,onClick:()=>{a&&(a.onConfirm(),o(null))},className:`flex-1 font-bold`,children:a.confirmText||`Confirmar`})]})]})})})}}exports.useConfirm=a;

package/dist/shared/custom/confirm/use-confirm.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+interface ConfirmOptions {
+    title: ReactNode;
+    content: ReactNode;
+    confirmText?: string;
+    cancelText?: string;
+    onConfirm: () => void;
+    confirmVariant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+    icon?: ReactNode;
+}
+export declare function useConfirm(): {
+    confirm: (opts: ConfirmOptions) => void;
+    ConfirmDialog: import("react/jsx-runtime").JSX.Element;
+};
+export {};

package/dist/shared/custom/confirm/use-confirm.esm

@@ -0,0 +1,57 @@
+import { Button as e } from "../../ui/button.esm";
+import { Dialog as t, DialogContent as n, DialogDescription as r, DialogFooter as i, DialogHeader as a, DialogTitle as o } from "../../ui/dialog.esm";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useState as u } from "react";
+import { AlertTriangle as d } from "lucide-react";
+//#region src/shared/custom/confirm/use-confirm.tsx
+function f() {
+	let [f, p] = u(null);
+	return {
+		confirm: (e) => {
+			p(e);
+		},
+		ConfirmDialog: /* @__PURE__ */ c(t, {
+			open: !!f,
+			onOpenChange: (e) => !e && p(null),
+			children: /* @__PURE__ */ c(n, {
+				className: "sm:max-w-[400px] bg-card border-border p-6 gap-6 outline-none",
+				children: f && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ l(a, {
+					className: "flex flex-col items-center text-center gap-4",
+					children: [/* @__PURE__ */ c("div", {
+						className: `size-12 rounded-full ${f.confirmVariant === "destructive" || !f.confirmVariant ? "bg-red-500/10" : "bg-primary/10"} flex items-center justify-center`,
+						children: f.icon || /* @__PURE__ */ c(d, { className: `size-6 ${f.confirmVariant === "destructive" || !f.confirmVariant ? "text-red-500" : "text-primary"}` })
+					}), /* @__PURE__ */ l("div", {
+						className: "space-y-1",
+						children: [/* @__PURE__ */ c(o, {
+							className: "text-xl font-bold tracking-tight text-foreground",
+							children: f.title
+						}), /* @__PURE__ */ c(r, {
+							asChild: !0,
+							children: /* @__PURE__ */ c("div", {
+								className: "text-sm text-muted-foreground/70",
+								children: f.content
+							})
+						})]
+					})]
+				}), /* @__PURE__ */ l(i, {
+					className: "flex flex-col sm:flex-row gap-2 sm:gap-2",
+					children: [/* @__PURE__ */ c(e, {
+						variant: "ghost",
+						onClick: () => p(null),
+						className: "flex-1 font-semibold",
+						children: f.cancelText || "Cancelar"
+					}), /* @__PURE__ */ c(e, {
+						variant: f.confirmVariant || "destructive",
+						onClick: () => {
+							f && (f.onConfirm(), p(null));
+						},
+						className: "flex-1 font-bold",
+						children: f.confirmText || "Confirmar"
+					})]
+				})] })
+			})
+		})
+	};
+}
+//#endregion
+export { f as useConfirm };

package/dist/shared/custom/data-table/data-table.component.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../lib/utils.cjs`),t=require(`../../ui/table.cjs`);let n=require(`react/jsx-runtime`),r=require(`@tanstack/react-table`);function i({columns:i,data:a,fallback:o,className:s}){let c=(0,r.useReactTable)({data:a,columns:i,getCoreRowModel:(0,r.getCoreRowModel)()});return(0,n.jsx)(`div`,{className:e.cn(`w-full`,s),children:(0,n.jsxs)(t.Table,{children:[(0,n.jsx)(t.TableHeader,{children:c.getHeaderGroups().map(e=>(0,n.jsx)(t.TableRow,{children:e.headers.map(e=>(0,n.jsx)(t.TableHead,{children:e.isPlaceholder?null:(0,r.flexRender)(e.column.columnDef.header,e.getContext())},e.id))},e.id))}),(0,n.jsx)(t.TableBody,{children:c.getRowModel().rows?.length?c.getRowModel().rows.map(e=>(0,n.jsx)(t.TableRow,{"data-state":e.getIsSelected()&&`selected`,children:e.getVisibleCells().map(e=>(0,n.jsx)(t.TableCell,{children:(0,r.flexRender)(e.column.columnDef.cell,e.getContext())},e.id))},e.id)):(0,n.jsx)(t.TableRow,{children:(0,n.jsx)(t.TableCell,{colSpan:i.length,className:`h-24 text-center border-none`,children:o||`No results.`})})})]})})}exports.DataTable=i;

package/dist/shared/custom/data-table/data-table.component.d.ts

@@ -0,0 +1,9 @@
+import { ColumnDef } from '@tanstack/react-table';
+interface DataTableProps<TData, TValue> {
+    columns: ColumnDef<TData, TValue>[];
+    data: TData[];
+    fallback?: React.ReactNode;
+    className?: string;
+}
+export declare function DataTable<TData, TValue>({ columns, data, fallback, className, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/custom/data-table/data-table.component.esm

@@ -0,0 +1,26 @@
+"use client";
+import { cn as e } from "../../lib/utils.esm";
+import { Table as t, TableBody as n, TableCell as r, TableHead as i, TableHeader as a, TableRow as o } from "../../ui/table.esm";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { flexRender as l, getCoreRowModel as u, useReactTable as d } from "@tanstack/react-table";
+//#region src/shared/custom/data-table/data-table.component.tsx
+function f({ columns: f, data: p, fallback: m, className: h }) {
+	let g = d({
+		data: p,
+		columns: f,
+		getCoreRowModel: u()
+	});
+	return /* @__PURE__ */ s("div", {
+		className: e("w-full", h),
+		children: /* @__PURE__ */ c(t, { children: [/* @__PURE__ */ s(a, { children: g.getHeaderGroups().map((e) => /* @__PURE__ */ s(o, { children: e.headers.map((e) => /* @__PURE__ */ s(i, { children: e.isPlaceholder ? null : l(e.column.columnDef.header, e.getContext()) }, e.id)) }, e.id)) }), /* @__PURE__ */ s(n, { children: g.getRowModel().rows?.length ? g.getRowModel().rows.map((e) => /* @__PURE__ */ s(o, {
+			"data-state": e.getIsSelected() && "selected",
+			children: e.getVisibleCells().map((e) => /* @__PURE__ */ s(r, { children: l(e.column.columnDef.cell, e.getContext()) }, e.id))
+		}, e.id)) : /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s(r, {
+			colSpan: f.length,
+			className: "h-24 text-center border-none",
+			children: m || "No results."
+		}) }) })] })
+	});
+}
+//#endregion
+export { f as DataTable };

package/dist/shared/custom/data-table/data-table.provider.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/shared/custom/flow/flow-canvas.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../packages/flow/flow.renderer.cjs`),t=require(`./nodes/base.node.cjs`);let n=require(`react/jsx-runtime`),r=require(`react`);require(`@xyflow/react`);function i(i){let a=(0,r.useMemo)(()=>({base:t.BaseNode}),[]),o=(0,r.useMemo)(()=>({style:{strokeWidth:2,stroke:`#94a3b8`,strokeDasharray:`5,5`},animated:!1}),[]);return(0,n.jsx)(e.FlowRenderer,{...i,nodeTypes:a,defaultEdgeOptions:o})}exports.FlowCanvas=i;

package/dist/shared/custom/flow/flow-canvas.d.ts

@@ -0,0 +1,10 @@
+import { ReactFlowProps } from '@xyflow/react';
+/**
+ * FLOW_CANVAS
+ *
+ * Componente de alto nivel para renderizar flujos en RFT.
+ * Actúa como una fachada pre-configurada pero transparente de ReactFlow.
+ */
+export declare function FlowCanvas(props: ReactFlowProps & {
+    config?: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/shared/custom/flow/flow-canvas.esm

@@ -0,0 +1,23 @@
+import { FlowRenderer as e } from "../../../packages/flow/flow.renderer.esm";
+import { BaseNode as t } from "./nodes/base.node.esm";
+import { jsx as n } from "react/jsx-runtime";
+import { useMemo as r } from "react";
+import "@xyflow/react";
+//#region src/shared/custom/flow/flow-canvas.tsx
+function i(i) {
+	let a = r(() => ({ base: t }), []), o = r(() => ({
+		style: {
+			strokeWidth: 2,
+			stroke: "#94a3b8",
+			strokeDasharray: "5,5"
+		},
+		animated: !1
+	}), []);
+	return /* @__PURE__ */ n(e, {
+		...i,
+		nodeTypes: a,
+		defaultEdgeOptions: o
+	});
+}
+//#endregion
+export { i as FlowCanvas };

package/dist/shared/custom/flow/nodes/base.node.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`),n=require(`@xyflow/react`);function r({data:r,selected:i}){let a=r=>(0,t.jsx)(n.Handle,{id:r.id,type:r.type,position:r.position,isValidConnection:r.isValidConnection,style:r.style,className:e.cn(`w-2 h-2 bg-slate-400 border border-white rounded-full transition-transform hover:scale-125 z-10`,r.position===n.Position.Left&&`!-left-1`,r.position===n.Position.Right&&`!-right-1`,r.position===n.Position.Top&&`!-top-1`,r.position===n.Position.Bottom&&`!-bottom-1`,r.className)},r.id||`${r.type}-${r.position}`);return(0,t.jsxs)(`div`,{className:e.cn(`rft-flow-node relative min-w-[180px] bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-800 rounded-xl shadow-sm transition-all`,i&&`ring-2 ring-primary border-primary shadow-md scale-[1.02]`),children:[r.handles&&r.handles.length>0?r.handles.map(a):[{type:`target`,position:n.Position.Left},{type:`source`,position:n.Position.Right}].map(a),(0,t.jsxs)(`div`,{className:`px-3 py-2 border-b border-slate-100 dark:border-slate-800 bg-slate-50/50 dark:bg-slate-800/50 rounded-t-xl flex items-center justify-between gap-2`,children:[(0,t.jsxs)(`div`,{className:`flex items-center gap-2 overflow-hidden`,children:[r.icon&&(0,t.jsx)(`span`,{className:`text-slate-400 shrink-0`,children:r.icon}),(0,t.jsx)(`span`,{className:`text-[10px] font-bold text-slate-600 dark:text-slate-300 uppercase tracking-wider truncate`,children:r.label})]}),r.status&&(0,t.jsx)(`div`,{className:e.cn(`h-1.5 w-1.5 rounded-full shrink-0`,r.status===`running`&&`bg-blue-500 animate-pulse`,r.status===`success`&&`bg-green-500`,r.status===`error`&&`bg-red-500`,r.status===`idle`&&`bg-slate-300`)})]}),(0,t.jsxs)(`div`,{className:`p-3`,children:[r.description&&(0,t.jsx)(`p`,{className:`text-[10px] text-slate-500 dark:text-slate-400 leading-tight`,children:r.description}),r.children&&(0,t.jsx)(`div`,{className:`mt-2`,children:r.children})]})]})}exports.BaseNode=r;

package/dist/shared/custom/flow/nodes/base.node.d.ts

@@ -0,0 +1,9 @@
+import { RFTNodeComponentProps } from '../../../../packages/flow/flow.types';
+/**
+ * BASE_NODE
+ *
+ * Plantilla de nodo técnica y minimalista:
+ * - Sin dependencias de UI complejas (solo divs).
+ * - Diseño optimizado para flujos de datos.
+ */
+export declare function BaseNode({ data, selected }: RFTNodeComponentProps): import("react/jsx-runtime").JSX.Element;

package/dist/shared/custom/flow/nodes/base.node.esm

@@ -0,0 +1,51 @@
+import { cn as e } from "../../../lib/utils.esm";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Handle as r, Position as i } from "@xyflow/react";
+//#region src/shared/custom/flow/nodes/base.node.tsx
+function a({ data: a, selected: o }) {
+	let s = (n) => /* @__PURE__ */ t(r, {
+		id: n.id,
+		type: n.type,
+		position: n.position,
+		isValidConnection: n.isValidConnection,
+		style: n.style,
+		className: e("w-2 h-2 bg-slate-400 border border-white rounded-full transition-transform hover:scale-125 z-10", n.position === i.Left && "!-left-1", n.position === i.Right && "!-right-1", n.position === i.Top && "!-top-1", n.position === i.Bottom && "!-bottom-1", n.className)
+	}, n.id || `${n.type}-${n.position}`);
+	return /* @__PURE__ */ n("div", {
+		className: e("rft-flow-node relative min-w-[180px] bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-800 rounded-xl shadow-sm transition-all", o && "ring-2 ring-primary border-primary shadow-md scale-[1.02]"),
+		children: [
+			a.handles && a.handles.length > 0 ? a.handles.map(s) : [{
+				type: "target",
+				position: i.Left
+			}, {
+				type: "source",
+				position: i.Right
+			}].map(s),
+			/* @__PURE__ */ n("div", {
+				className: "px-3 py-2 border-b border-slate-100 dark:border-slate-800 bg-slate-50/50 dark:bg-slate-800/50 rounded-t-xl flex items-center justify-between gap-2",
+				children: [/* @__PURE__ */ n("div", {
+					className: "flex items-center gap-2 overflow-hidden",
+					children: [a.icon && /* @__PURE__ */ t("span", {
+						className: "text-slate-400 shrink-0",
+						children: a.icon
+					}), /* @__PURE__ */ t("span", {
+						className: "text-[10px] font-bold text-slate-600 dark:text-slate-300 uppercase tracking-wider truncate",
+						children: a.label
+					})]
+				}), a.status && /* @__PURE__ */ t("div", { className: e("h-1.5 w-1.5 rounded-full shrink-0", a.status === "running" && "bg-blue-500 animate-pulse", a.status === "success" && "bg-green-500", a.status === "error" && "bg-red-500", a.status === "idle" && "bg-slate-300") })]
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "p-3",
+				children: [a.description && /* @__PURE__ */ t("p", {
+					className: "text-[10px] text-slate-500 dark:text-slate-400 leading-tight",
+					children: a.description
+				}), a.children && /* @__PURE__ */ t("div", {
+					className: "mt-2",
+					children: a.children
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { a as BaseNode };

package/dist/shared/custom/form/form.component.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../../_virtual/_rolldown/runtime.cjs`);let t=require(`sonner`),n=require(`react/jsx-runtime`),r=require(`zod`);r=e.__toESM(r);let i=require(`@hookform/resolvers/zod`),a=require(`react-hook-form`);function o({entity:e,defaultValues:r,Render:o,onSubmit:s,resetOnSubmit:c=!0}){let l=(0,a.useForm)({resolver:(0,i.zodResolver)(e),defaultValues:r});async function u(e){t.toast.info(`Procesando Solicitud...`);try{await s(e),t.toast.success(`Solicitud Procesada Exitosamente`),c&&l.reset(r)}catch{t.toast.error(`Error al procesar la solicitud`)}}return(0,n.jsx)(`form`,{onSubmit:l.handleSubmit(u),children:(0,n.jsx)(o,{form:l})})}exports.FormComponent=o;

package/dist/shared/custom/form/form.component.d.ts

@@ -0,0 +1,13 @@
+import { default as z } from 'zod';
+import { FieldValues, UseFormReturn, DefaultValues } from 'react-hook-form';
+export interface FormInputProps<T extends FieldValues = any> {
+    form: UseFormReturn<T>;
+}
+export interface FormComponentProps<T extends FieldValues = any> {
+    entity: z.ZodType<T>;
+    defaultValues: DefaultValues<T>;
+    Render: React.FC<FormInputProps<T>>;
+    onSubmit(data: T): Promise<void>;
+    resetOnSubmit?: boolean;
+}
+export declare function FormComponent<T extends FieldValues>({ entity, defaultValues, Render, onSubmit, resetOnSubmit }: FormComponentProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/shared/custom/form/form.component.esm

@@ -0,0 +1,26 @@
+import { toast as e } from "sonner";
+import { jsx as t } from "react/jsx-runtime";
+import "zod";
+import { zodResolver as n } from "@hookform/resolvers/zod";
+import { useForm as r } from "react-hook-form";
+//#region src/shared/custom/form/form.component.tsx
+function i({ entity: i, defaultValues: a, Render: o, onSubmit: s, resetOnSubmit: c = !0 }) {
+	let l = r({
+		resolver: n(i),
+		defaultValues: a
+	});
+	async function u(t) {
+		e.info("Procesando Solicitud...");
+		try {
+			await s(t), e.success("Solicitud Procesada Exitosamente"), c && l.reset(a);
+		} catch {
+			e.error("Error al procesar la solicitud");
+		}
+	}
+	return /* @__PURE__ */ t("form", {
+		onSubmit: l.handleSubmit(u),
+		children: /* @__PURE__ */ t(o, { form: l })
+	});
+}
+//#endregion
+export { i as FormComponent };

package/dist/shared/custom/form/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./form.component.cjs`);exports.FormComponent=e.FormComponent;

package/dist/shared/custom/form/index.d.ts

@@ -0,0 +1,17 @@
+export * from './form.component';
+export * from './inputs/text.input';
+export * from './inputs/email.input';
+export * from './inputs/secret.input';
+export * from './inputs/textarea.input';
+export * from './inputs/checkbox.input';
+export * from './inputs/checkbox-inline.input';
+export * from './inputs/color.input';
+export * from './inputs/combobox.input';
+export * from './inputs/async-select.input';
+export * from './inputs/list-select.input';
+export * from './inputs/code.input';
+export * from './inputs/file.input';
+export * from './inputs/select.input';
+export * from './inputs/image.input';
+export * from './layout/form-dialog-layout';
+export * from './layout/form-tab-layout';

package/dist/shared/custom/form/index.esm

@@ -0,0 +1,2 @@
+import { FormComponent as e } from "./form.component.esm";
+export { e as FormComponent };

package/dist/shared/custom/form/inputs/async-combobox.input.cjs

@@ -0,0 +1 @@
+const e=require(`../../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../ui/field.cjs`),n=require(`../../hover/hover.cjs`),r=require(`../../../ui/combobox.cjs`);let i=require(`react/jsx-runtime`),a=require(`react`);a=e.__toESM(a);let o=require(`lucide-react`),s=require(`react-hook-form`);function c({form:e,name:c,label:l,helper:u,placeholder:d,service:f,itemFactory:p,keyExtractor:m,multiple:h=!1}){let[g,_]=a.useState([]),[v,y]=a.useState(!0);return a.useEffect(()=>{let e=!0;return(async()=>{y(!0);try{let t=await f();e&&_(t)}finally{e&&y(!1)}})(),()=>{e=!1}},[f]),(0,i.jsx)(s.Controller,{control:e.control,name:c,render:({field:{value:e,onChange:a},fieldState:s})=>{let c=h?Array.isArray(e)?e:[]:e||``,f=r.useComboboxAnchor();return(0,i.jsxs)(t.Field,{"data-invalid":s.invalid,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2 mb-2`,children:[l&&(0,i.jsx)(t.FieldLabel,{className:`text-sm font-medium`,children:l}),u&&(0,i.jsx)(n.Hover,{children:u}),v&&(0,i.jsx)(o.Loader2,{className:`size-3 animate-spin opacity-50`})]}),(0,i.jsxs)(r.Combobox,{multiple:h,value:c,onValueChange:a,items:g,disabled:v,children:[h?(0,i.jsx)(`div`,{ref:f,className:`w-full`,children:(0,i.jsxs)(r.ComboboxChips,{className:`bg-background border-border w-full min-h-10`,children:[c.map(e=>{let t=g.find(t=>m(t)===e);return(0,i.jsx)(r.ComboboxChip,{value:e,children:t?p(t):e},e)}),(0,i.jsx)(r.ComboboxChipsInput,{placeholder:c.length>0?``:v?`Cargando...`:d||`Seleccionar...`})]})}):(0,i.jsx)(`div`,{ref:f,className:`relative group/combobox w-full`,children:(0,i.jsx)(r.ComboboxInput,{placeholder:v?`Cargando...`:d||`Seleccionar...`,className:`w-full bg-background border-border flex flex-row items-center`})}),(0,i.jsxs)(r.ComboboxContent,{anchor:f.current,className:`bg-card border-border shadow-matte`,children:[(0,i.jsx)(r.ComboboxEmpty,{children:`No se encontraron resultados`}),(0,i.jsx)(r.ComboboxList,{className:`custom-scrollbar`,children:g.map(e=>(0,i.jsx)(r.ComboboxItem,{value:m(e),children:p(e)},m(e)))})]})]}),s.invalid&&s.error&&(0,i.jsx)(t.FieldError,{errors:[s.error],className:`mt-2`})]})}})}module.exports=c;

package/dist/shared/custom/form/inputs/async-combobox.input.d.ts

@@ -0,0 +1,18 @@
+import { FieldValues, Path } from 'react-hook-form';
+import { FormInputProps } from '../form.component';
+import * as React from "react";
+interface AsyncComboboxInputProps<T, TFieldValues extends FieldValues> extends FormInputProps<TFieldValues> {
+    name: Path<TFieldValues>;
+    label?: string;
+    helper?: string;
+    placeholder?: string;
+    service: () => Promise<T[]>;
+    itemFactory: (item: T) => React.ReactNode;
+    keyExtractor: (item: T) => string;
+    multiple?: boolean;
+}
+/**
+ * Input de Combobox con carga asíncrona de datos.
+ */
+export default function AsyncComboboxInput<T, TFieldValues extends FieldValues>({ form, name, label, helper, placeholder, service, itemFactory, keyExtractor, multiple, }: AsyncComboboxInputProps<T, TFieldValues>): import("react/jsx-runtime").JSX.Element;
+export {};