@soyfri/shared-library 1.5.0-beta.4 → 2.0.0-beta.0

package/dist/theme/tokens.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Design tokens compartidos por los componentes de formulario
+ * (Input, Select, Autocomplete, DatePicker, DateTimePicker).
+ *
+ * Centralizar estos valores garantiza que:
+ * - el espaciado, la tipografía y las animaciones del label sean idénticos
+ *   en todos los campos;
+ * - un cambio visual global (p.ej. cambiar el transform del shrink) se haga
+ *   en un único archivo.
+ */
+/** Margen superior que deja el aire para el label flotante "outside". */
+export declare const LABEL_MARGIN_TOP = "14px";
+/** Padding vertical interno del input (TextField/Select/Picker sections). */
+export declare const FIELD_INPUT_PADDING_Y = "8.5px";
+/** Transform que aplica el label cuando sube arriba del input (shrink). */
+export declare const LABEL_SHRINK_TRANSFORM = "translate(4px, -22px) scale(0.85)";
+/** Origen del transform para el shrink. */
+export declare const LABEL_TRANSFORM_ORIGIN = "top left";
+/** Transición del label (color + transform + max-width). */
+export declare const LABEL_TRANSITION: string;
+/** Color del label en reposo. */
+export declare const LABEL_COLOR_REST = "text.secondary";
+/** Color del label cuando el campo tiene valor (shrink). */
+export declare const LABEL_COLOR_FILLED = "text.primary";
+/** Color del label cuando el campo está focused. */
+export declare const LABEL_COLOR_FOCUSED = "primary.main";
+/** Peso del label cuando sube (filled/focused). */
+export declare const LABEL_FONT_WEIGHT_FILLED = 500;

package/dist/useWizard-CWdIxZzX.cjs

@@ -0,0 +1,94 @@
+"use strict";
+const React = require("react");
+const jsxRuntime = require("react/jsx-runtime");
+const defaultValue = {
+  currentStep: 0,
+  totalSteps: 0,
+  isFirst: true,
+  isLast: true,
+  completed: false,
+  nextStep: () => {
+  },
+  prevStep: () => {
+  },
+  goToStep: () => {
+  },
+  submitStep: () => {
+  },
+  reset: () => {
+  }
+};
+const WizardContext = React.createContext(defaultValue);
+const WizardProvider = ({
+  totalSteps,
+  initialStep = 0,
+  onSubmit,
+  onStepChange,
+  children
+}) => {
+  const [currentStep, setCurrentStep] = React.useState(initialStep);
+  const [completed, setCompleted] = React.useState(false);
+  const changeStep = React.useCallback(
+    (newStep) => {
+      setCurrentStep((prev) => {
+        if (newStep === prev) return prev;
+        if (newStep < 0 || newStep >= totalSteps) return prev;
+        onStepChange == null ? void 0 : onStepChange(newStep, prev);
+        return newStep;
+      });
+    },
+    [totalSteps, onStepChange]
+  );
+  const nextStep = React.useCallback(() => {
+    changeStep(currentStep + 1);
+  }, [changeStep, currentStep]);
+  const prevStep = React.useCallback(() => {
+    changeStep(currentStep - 1);
+  }, [changeStep, currentStep]);
+  const goToStep = React.useCallback(
+    (stepNumber) => {
+      changeStep(stepNumber);
+    },
+    [changeStep]
+  );
+  const submitStep = React.useCallback(() => {
+    setCompleted(true);
+    onSubmit == null ? void 0 : onSubmit(currentStep);
+  }, [currentStep, onSubmit]);
+  const reset = React.useCallback(() => {
+    setCurrentStep(initialStep);
+    setCompleted(false);
+  }, [initialStep]);
+  const value = React.useMemo(
+    () => ({
+      currentStep,
+      totalSteps,
+      isFirst: currentStep === 0,
+      isLast: currentStep === totalSteps - 1,
+      completed,
+      nextStep,
+      prevStep,
+      goToStep,
+      submitStep,
+      reset
+    }),
+    [
+      currentStep,
+      totalSteps,
+      completed,
+      nextStep,
+      prevStep,
+      goToStep,
+      submitStep,
+      reset
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(WizardContext.Provider, { value, children });
+};
+function useWizard() {
+  return React.useContext(WizardContext);
+}
+exports.WizardContext = WizardContext;
+exports.WizardProvider = WizardProvider;
+exports.useWizard = useWizard;
+//# sourceMappingURL=useWizard-CWdIxZzX.cjs.map

package/dist/useWizard-CWdIxZzX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWizard-CWdIxZzX.cjs","sources":["../src/hooks/Wizard/WizardContext.tsx","../src/hooks/Wizard/useWizard.ts"],"sourcesContent":["import React, {\n  createContext,\n  useCallback,\n  useMemo,\n  useState,\n  type FC,\n  type ReactNode,\n} from 'react';\n\n/**\n * API expuesta por `useWizard()`.\n *\n * Nota de retro-compatibilidad: los nombres `submitStep`, `nextStep`,\n * `prevStep`, `goToStep` se mantienen idénticos al `WizardContext` de\n * `@soyfri/fri-web-components` para que consumers migrando no tengan que\n * cambiar sus llamadas. Se agregan campos extra opcionales que antes no\n * existían (`currentStep`, `totalSteps`, `isFirst`, `isLast`, `completed`).\n */\nexport interface WizardContextValue {\n  /** Índice del paso actual (0-based). */\n  currentStep: number;\n  /** Total de pasos del wizard. */\n  totalSteps: number;\n  /** True si `currentStep === 0`. */\n  isFirst: boolean;\n  /** True si `currentStep === totalSteps - 1`. */\n  isLast: boolean;\n  /** True tras ejecutar `submitStep()` desde el último paso. */\n  completed: boolean;\n  /** Avanza al siguiente paso (no pasa de `totalSteps - 1`). */\n  nextStep: () => void;\n  /** Retrocede al paso anterior (no baja de 0). */\n  prevStep: () => void;\n  /** Salta a un paso específico (0-based). No-op si fuera de rango. */\n  goToStep: (stepNumber: number) => void;\n  /**\n   * Envía el wizard. Marca `completed = true` y dispara el callback\n   * `onSubmit` del provider. En el último paso suele reemplazar a `nextStep`.\n   */\n  submitStep: () => void;\n  /** Resetea el wizard al paso inicial y limpia `completed`. */\n  reset: () => void;\n}\n\nconst defaultValue: WizardContextValue = {\n  currentStep: 0,\n  totalSteps: 0,\n  isFirst: true,\n  isLast: true,\n  completed: false,\n  nextStep: () => {},\n  prevStep: () => {},\n  goToStep: () => {},\n  submitStep: () => {},\n  reset: () => {},\n};\n\nexport const WizardContext = createContext<WizardContextValue>(defaultValue);\n\nexport interface WizardProviderProps {\n  /** Número total de pasos del wizard. Requerido. */\n  totalSteps: number;\n  /** Paso inicial (0-based). Default: 0. */\n  initialStep?: number;\n  /**\n   * Callback disparado cuando se llama `submitStep()`. Recibe el paso actual.\n   * El paquete NO ejecuta ninguna petición; queda a cargo del consumer.\n   */\n  onSubmit?: (currentStep: number) => void;\n  /**\n   * Callback disparado en cada cambio de paso (next/prev/goTo).\n   * Útil para tracking o validaciones externas.\n   */\n  onStepChange?: (newStep: number, prevStep: number) => void;\n  children?: ReactNode;\n}\n\n/**\n * Provider del wizard. Administra el `currentStep` internamente. El consumer\n * no necesita gestionar estado — sólo consumirlo con `useWizard()` desde\n * cualquier descendiente.\n *\n * ```tsx\n * <WizardProvider totalSteps={3} onSubmit={handleFinalSubmit}>\n *   <Stepper ... />\n *   <StepContent />\n *   <WizardControls />\n * </WizardProvider>\n * ```\n */\nexport const WizardProvider: FC<WizardProviderProps> = ({\n  totalSteps,\n  initialStep = 0,\n  onSubmit,\n  onStepChange,\n  children,\n}) => {\n  const [currentStep, setCurrentStep] = useState(initialStep);\n  const [completed, setCompleted] = useState(false);\n\n  const changeStep = useCallback(\n    (newStep: number) => {\n      setCurrentStep((prev) => {\n        if (newStep === prev) return prev;\n        if (newStep < 0 || newStep >= totalSteps) return prev;\n        onStepChange?.(newStep, prev);\n        return newStep;\n      });\n    },\n    [totalSteps, onStepChange],\n  );\n\n  const nextStep = useCallback(() => {\n    changeStep(currentStep + 1);\n  }, [changeStep, currentStep]);\n\n  const prevStep = useCallback(() => {\n    changeStep(currentStep - 1);\n  }, [changeStep, currentStep]);\n\n  const goToStep = useCallback(\n    (stepNumber: number) => {\n      changeStep(stepNumber);\n    },\n    [changeStep],\n  );\n\n  const submitStep = useCallback(() => {\n    setCompleted(true);\n    onSubmit?.(currentStep);\n  }, [currentStep, onSubmit]);\n\n  const reset = useCallback(() => {\n    setCurrentStep(initialStep);\n    setCompleted(false);\n  }, [initialStep]);\n\n  const value = useMemo<WizardContextValue>(\n    () => ({\n      currentStep,\n      totalSteps,\n      isFirst: currentStep === 0,\n      isLast: currentStep === totalSteps - 1,\n      completed,\n      nextStep,\n      prevStep,\n      goToStep,\n      submitStep,\n      reset,\n    }),\n    [\n      currentStep,\n      totalSteps,\n      completed,\n      nextStep,\n      prevStep,\n      goToStep,\n      submitStep,\n      reset,\n    ],\n  );\n\n  return (\n    <WizardContext.Provider value={value}>{children}</WizardContext.Provider>\n  );\n};\n","import { useContext } from 'react';\nimport { WizardContext, type WizardContextValue } from './WizardContext';\n\n/**\n * Hook para consumir el `WizardContext` desde cualquier descendiente de\n * `<WizardProvider>`.\n *\n * Si se llama fuera de un provider, devuelve los valores por defecto (no-op)\n * para mantener compatibilidad con el hook original de fri-web-components.\n */\nexport function useWizard(): WizardContextValue {\n  return useContext(WizardContext);\n}\n"],"names":["createContext","useState","useCallback","useMemo","jsx","useContext"],"mappings":";;;AA4CA,MAAM,eAAmC;AAAA,EACvC,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,OAAO,MAAM;AAAA,EAAC;AAChB;AAEO,MAAM,gBAAgBA,MAAAA,cAAkC,YAAY;AAiCpE,MAAM,iBAA0C,CAAC;AAAA,EACtD;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,aAAa,cAAc,IAAIC,MAAAA,SAAS,WAAW;AAC1D,QAAM,CAAC,WAAW,YAAY,IAAIA,MAAAA,SAAS,KAAK;AAEhD,QAAM,aAAaC,MAAAA;AAAAA,IACjB,CAAC,YAAoB;AACnB,qBAAe,CAAC,SAAS;AACvB,YAAI,YAAY,KAAM,QAAO;AAC7B,YAAI,UAAU,KAAK,WAAW,WAAY,QAAO;AACjD,qDAAe,SAAS;AACxB,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,YAAY,YAAY;AAAA,EAAA;AAG3B,QAAM,WAAWA,MAAAA,YAAY,MAAM;AACjC,eAAW,cAAc,CAAC;AAAA,EAC5B,GAAG,CAAC,YAAY,WAAW,CAAC;AAE5B,QAAM,WAAWA,MAAAA,YAAY,MAAM;AACjC,eAAW,cAAc,CAAC;AAAA,EAC5B,GAAG,CAAC,YAAY,WAAW,CAAC;AAE5B,QAAM,WAAWA,MAAAA;AAAAA,IACf,CAAC,eAAuB;AACtB,iBAAW,UAAU;AAAA,IACvB;AAAA,IACA,CAAC,UAAU;AAAA,EAAA;AAGb,QAAM,aAAaA,MAAAA,YAAY,MAAM;AACnC,iBAAa,IAAI;AACjB,yCAAW;AAAA,EACb,GAAG,CAAC,aAAa,QAAQ,CAAC;AAE1B,QAAM,QAAQA,MAAAA,YAAY,MAAM;AAC9B,mBAAe,WAAW;AAC1B,iBAAa,KAAK;AAAA,EACpB,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,QAAQC,MAAAA;AAAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,SAAS,gBAAgB;AAAA,MACzB,QAAQ,gBAAgB,aAAa;AAAA,MACrC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAGF,SACEC,2BAAAA,IAAC,cAAc,UAAd,EAAuB,OAAe,SAAA,CAAS;AAEpD;AC3JO,SAAS,YAAgC;AAC9C,SAAOC,MAAAA,WAAW,aAAa;AACjC;;;;"}

package/dist/useWizard-CWq--C3o.js

@@ -0,0 +1,95 @@
+import { createContext, useState, useCallback, useMemo, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+const defaultValue = {
+  currentStep: 0,
+  totalSteps: 0,
+  isFirst: true,
+  isLast: true,
+  completed: false,
+  nextStep: () => {
+  },
+  prevStep: () => {
+  },
+  goToStep: () => {
+  },
+  submitStep: () => {
+  },
+  reset: () => {
+  }
+};
+const WizardContext = createContext(defaultValue);
+const WizardProvider = ({
+  totalSteps,
+  initialStep = 0,
+  onSubmit,
+  onStepChange,
+  children
+}) => {
+  const [currentStep, setCurrentStep] = useState(initialStep);
+  const [completed, setCompleted] = useState(false);
+  const changeStep = useCallback(
+    (newStep) => {
+      setCurrentStep((prev) => {
+        if (newStep === prev) return prev;
+        if (newStep < 0 || newStep >= totalSteps) return prev;
+        onStepChange == null ? void 0 : onStepChange(newStep, prev);
+        return newStep;
+      });
+    },
+    [totalSteps, onStepChange]
+  );
+  const nextStep = useCallback(() => {
+    changeStep(currentStep + 1);
+  }, [changeStep, currentStep]);
+  const prevStep = useCallback(() => {
+    changeStep(currentStep - 1);
+  }, [changeStep, currentStep]);
+  const goToStep = useCallback(
+    (stepNumber) => {
+      changeStep(stepNumber);
+    },
+    [changeStep]
+  );
+  const submitStep = useCallback(() => {
+    setCompleted(true);
+    onSubmit == null ? void 0 : onSubmit(currentStep);
+  }, [currentStep, onSubmit]);
+  const reset = useCallback(() => {
+    setCurrentStep(initialStep);
+    setCompleted(false);
+  }, [initialStep]);
+  const value = useMemo(
+    () => ({
+      currentStep,
+      totalSteps,
+      isFirst: currentStep === 0,
+      isLast: currentStep === totalSteps - 1,
+      completed,
+      nextStep,
+      prevStep,
+      goToStep,
+      submitStep,
+      reset
+    }),
+    [
+      currentStep,
+      totalSteps,
+      completed,
+      nextStep,
+      prevStep,
+      goToStep,
+      submitStep,
+      reset
+    ]
+  );
+  return /* @__PURE__ */ jsx(WizardContext.Provider, { value, children });
+};
+function useWizard() {
+  return useContext(WizardContext);
+}
+export {
+  WizardProvider as W,
+  WizardContext as a,
+  useWizard as u
+};
+//# sourceMappingURL=useWizard-CWq--C3o.js.map

package/dist/useWizard-CWq--C3o.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWizard-CWq--C3o.js","sources":["../src/hooks/Wizard/WizardContext.tsx","../src/hooks/Wizard/useWizard.ts"],"sourcesContent":["import React, {\n  createContext,\n  useCallback,\n  useMemo,\n  useState,\n  type FC,\n  type ReactNode,\n} from 'react';\n\n/**\n * API expuesta por `useWizard()`.\n *\n * Nota de retro-compatibilidad: los nombres `submitStep`, `nextStep`,\n * `prevStep`, `goToStep` se mantienen idénticos al `WizardContext` de\n * `@soyfri/fri-web-components` para que consumers migrando no tengan que\n * cambiar sus llamadas. Se agregan campos extra opcionales que antes no\n * existían (`currentStep`, `totalSteps`, `isFirst`, `isLast`, `completed`).\n */\nexport interface WizardContextValue {\n  /** Índice del paso actual (0-based). */\n  currentStep: number;\n  /** Total de pasos del wizard. */\n  totalSteps: number;\n  /** True si `currentStep === 0`. */\n  isFirst: boolean;\n  /** True si `currentStep === totalSteps - 1`. */\n  isLast: boolean;\n  /** True tras ejecutar `submitStep()` desde el último paso. */\n  completed: boolean;\n  /** Avanza al siguiente paso (no pasa de `totalSteps - 1`). */\n  nextStep: () => void;\n  /** Retrocede al paso anterior (no baja de 0). */\n  prevStep: () => void;\n  /** Salta a un paso específico (0-based). No-op si fuera de rango. */\n  goToStep: (stepNumber: number) => void;\n  /**\n   * Envía el wizard. Marca `completed = true` y dispara el callback\n   * `onSubmit` del provider. En el último paso suele reemplazar a `nextStep`.\n   */\n  submitStep: () => void;\n  /** Resetea el wizard al paso inicial y limpia `completed`. */\n  reset: () => void;\n}\n\nconst defaultValue: WizardContextValue = {\n  currentStep: 0,\n  totalSteps: 0,\n  isFirst: true,\n  isLast: true,\n  completed: false,\n  nextStep: () => {},\n  prevStep: () => {},\n  goToStep: () => {},\n  submitStep: () => {},\n  reset: () => {},\n};\n\nexport const WizardContext = createContext<WizardContextValue>(defaultValue);\n\nexport interface WizardProviderProps {\n  /** Número total de pasos del wizard. Requerido. */\n  totalSteps: number;\n  /** Paso inicial (0-based). Default: 0. */\n  initialStep?: number;\n  /**\n   * Callback disparado cuando se llama `submitStep()`. Recibe el paso actual.\n   * El paquete NO ejecuta ninguna petición; queda a cargo del consumer.\n   */\n  onSubmit?: (currentStep: number) => void;\n  /**\n   * Callback disparado en cada cambio de paso (next/prev/goTo).\n   * Útil para tracking o validaciones externas.\n   */\n  onStepChange?: (newStep: number, prevStep: number) => void;\n  children?: ReactNode;\n}\n\n/**\n * Provider del wizard. Administra el `currentStep` internamente. El consumer\n * no necesita gestionar estado — sólo consumirlo con `useWizard()` desde\n * cualquier descendiente.\n *\n * ```tsx\n * <WizardProvider totalSteps={3} onSubmit={handleFinalSubmit}>\n *   <Stepper ... />\n *   <StepContent />\n *   <WizardControls />\n * </WizardProvider>\n * ```\n */\nexport const WizardProvider: FC<WizardProviderProps> = ({\n  totalSteps,\n  initialStep = 0,\n  onSubmit,\n  onStepChange,\n  children,\n}) => {\n  const [currentStep, setCurrentStep] = useState(initialStep);\n  const [completed, setCompleted] = useState(false);\n\n  const changeStep = useCallback(\n    (newStep: number) => {\n      setCurrentStep((prev) => {\n        if (newStep === prev) return prev;\n        if (newStep < 0 || newStep >= totalSteps) return prev;\n        onStepChange?.(newStep, prev);\n        return newStep;\n      });\n    },\n    [totalSteps, onStepChange],\n  );\n\n  const nextStep = useCallback(() => {\n    changeStep(currentStep + 1);\n  }, [changeStep, currentStep]);\n\n  const prevStep = useCallback(() => {\n    changeStep(currentStep - 1);\n  }, [changeStep, currentStep]);\n\n  const goToStep = useCallback(\n    (stepNumber: number) => {\n      changeStep(stepNumber);\n    },\n    [changeStep],\n  );\n\n  const submitStep = useCallback(() => {\n    setCompleted(true);\n    onSubmit?.(currentStep);\n  }, [currentStep, onSubmit]);\n\n  const reset = useCallback(() => {\n    setCurrentStep(initialStep);\n    setCompleted(false);\n  }, [initialStep]);\n\n  const value = useMemo<WizardContextValue>(\n    () => ({\n      currentStep,\n      totalSteps,\n      isFirst: currentStep === 0,\n      isLast: currentStep === totalSteps - 1,\n      completed,\n      nextStep,\n      prevStep,\n      goToStep,\n      submitStep,\n      reset,\n    }),\n    [\n      currentStep,\n      totalSteps,\n      completed,\n      nextStep,\n      prevStep,\n      goToStep,\n      submitStep,\n      reset,\n    ],\n  );\n\n  return (\n    <WizardContext.Provider value={value}>{children}</WizardContext.Provider>\n  );\n};\n","import { useContext } from 'react';\nimport { WizardContext, type WizardContextValue } from './WizardContext';\n\n/**\n * Hook para consumir el `WizardContext` desde cualquier descendiente de\n * `<WizardProvider>`.\n *\n * Si se llama fuera de un provider, devuelve los valores por defecto (no-op)\n * para mantener compatibilidad con el hook original de fri-web-components.\n */\nexport function useWizard(): WizardContextValue {\n  return useContext(WizardContext);\n}\n"],"names":[],"mappings":";;AA4CA,MAAM,eAAmC;AAAA,EACvC,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,OAAO,MAAM;AAAA,EAAC;AAChB;AAEO,MAAM,gBAAgB,cAAkC,YAAY;AAiCpE,MAAM,iBAA0C,CAAC;AAAA,EACtD;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,WAAW;AAC1D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,QAAM,aAAa;AAAA,IACjB,CAAC,YAAoB;AACnB,qBAAe,CAAC,SAAS;AACvB,YAAI,YAAY,KAAM,QAAO;AAC7B,YAAI,UAAU,KAAK,WAAW,WAAY,QAAO;AACjD,qDAAe,SAAS;AACxB,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,YAAY,YAAY;AAAA,EAAA;AAG3B,QAAM,WAAW,YAAY,MAAM;AACjC,eAAW,cAAc,CAAC;AAAA,EAC5B,GAAG,CAAC,YAAY,WAAW,CAAC;AAE5B,QAAM,WAAW,YAAY,MAAM;AACjC,eAAW,cAAc,CAAC;AAAA,EAC5B,GAAG,CAAC,YAAY,WAAW,CAAC;AAE5B,QAAM,WAAW;AAAA,IACf,CAAC,eAAuB;AACtB,iBAAW,UAAU;AAAA,IACvB;AAAA,IACA,CAAC,UAAU;AAAA,EAAA;AAGb,QAAM,aAAa,YAAY,MAAM;AACnC,iBAAa,IAAI;AACjB,yCAAW;AAAA,EACb,GAAG,CAAC,aAAa,QAAQ,CAAC;AAE1B,QAAM,QAAQ,YAAY,MAAM;AAC9B,mBAAe,WAAW;AAC1B,iBAAa,KAAK;AAAA,EACpB,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,SAAS,gBAAgB;AAAA,MACzB,QAAQ,gBAAgB,aAAa;AAAA,MACrC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAGF,SACE,oBAAC,cAAc,UAAd,EAAuB,OAAe,SAAA,CAAS;AAEpD;AC3JO,SAAS,YAAgC;AAC9C,SAAO,WAAW,aAAa;AACjC;"}

package/package.json

@@ -1,10 +1,22 @@
 {
   "name": "@soyfri/shared-library",
-  "version": "1.5.0-beta.4",
+  "version": "2.0.0-beta.0",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build:css": "tailwindcss -i ./src/styles.css -o ./dist/styles.css",
+    "watch:css": "tailwindcss -i ./src/styles.css -o ./dist/styles.css --watch",
+    "build": "vite build --mode lib",
+    "dev": "tsup --watch",
+    "rm": "node cleanDirectories",
+    "clean": "rimraf dist",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "dist": "node build"
+  },
   "keywords": [],
   "author": "",
   "license": "ISC",
@@ -28,140 +40,37 @@
     "react-hook-form": "^7.62.0",
     "tailwindcss": "^4.1.7"
   },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^4.0.1",
+    "@rollup/plugin-alias": "^5.1.1",
+    "@rollup/plugin-commonjs": "^28.0.3",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@storybook/addon-docs": "^9.0.15",
+    "@storybook/addon-onboarding": "^9.0.15",
+    "@storybook/addon-vitest": "^9.0.15",
+    "@storybook/react-vite": "^9.0.15",
+    "@types/react": "^19.1.6",
+    "@types/react-dom": "^19.1.5",
+    "@vitest/browser": "^3.1.4",
+    "@vitest/coverage-v8": "^3.1.4",
+    "chromatic": "^12.0.0",
+    "glob": "^11.0.2",
+    "playwright": "^1.52.0",
+    "prettier": "3.5.3",
+    "rimraf": "^6.0.1",
+    "rollup": "^4.41.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "storybook": "^9.0.15",
+    "tsup": "^8.5.0",
+    "typescript": "^5.8.3",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-lib-inject-css": "^2.2.2",
+    "vitest": "^3.1.4"
+  },
   "overrides": {
     "storybook": "$storybook"
-  },
-  "exports": {
-    ".": {
-      "import": "./index.js",
-      "require": "./index.cjs",
-      "types": "./index.d.ts"
-    },
-    "./package.json": "./package.json",
-    "./components/Tooltip": {
-      "import": "./components/Tooltip/Tooltip.js",
-      "require": "./components/Tooltip/Tooltip.cjs",
-      "types": "./components/Tooltip/Tooltip.d.ts"
-    },
-    "./components/Timeline": {
-      "import": "./components/Timeline/Timeline.js",
-      "require": "./components/Timeline/Timeline.cjs",
-      "types": "./components/Timeline/Timeline.d.ts"
-    },
-    "./components/Tabs": {
-      "import": "./components/Tabs/Tabs.js",
-      "require": "./components/Tabs/Tabs.cjs",
-      "types": "./components/Tabs/Tabs.d.ts"
-    },
-    "./components/Table": {
-      "import": "./components/Table/Table.js",
-      "require": "./components/Table/Table.cjs",
-      "types": "./components/Table/Table.d.ts"
-    },
-    "./components/Stepper": {
-      "import": "./components/Stepper/Stepper.js",
-      "require": "./components/Stepper/Stepper.cjs",
-      "types": "./components/Stepper/Stepper.d.ts"
-    },
-    "./components/StatusMessage": {
-      "import": "./components/StatusMessage/StatusMessage.js",
-      "require": "./components/StatusMessage/StatusMessage.cjs",
-      "types": "./components/StatusMessage/StatusMessage.d.ts"
-    },
-    "./components/Stat": {
-      "import": "./components/Stat/Stat.js",
-      "require": "./components/Stat/Stat.cjs",
-      "types": "./components/Stat/Stat.d.ts"
-    },
-    "./components/Select": {
-      "import": "./components/Select/Select.js",
-      "require": "./components/Select/Select.cjs",
-      "types": "./components/Select/Select.d.ts"
-    },
-    "./components/Modal": {
-      "import": "./components/Modal/Modal.js",
-      "require": "./components/Modal/Modal.cjs",
-      "types": "./components/Modal/Modal.d.ts"
-    },
-    "./components/MenuButton": {
-      "import": "./components/MenuButton/MenuButton.js",
-      "require": "./components/MenuButton/MenuButton.cjs",
-      "types": "./components/MenuButton/MenuButton.d.ts"
-    },
-    "./components/InputGroup": {
-      "import": "./components/InputGroup/InputGroup.js",
-      "require": "./components/InputGroup/InputGroup.cjs",
-      "types": "./components/InputGroup/InputGroup.d.ts"
-    },
-    "./components/Input": {
-      "import": "./components/Input/Input.js",
-      "require": "./components/Input/Input.cjs",
-      "types": "./components/Input/Input.d.ts"
-    },
-    "./components/Icon": {
-      "import": "./components/Icon/Icon.js",
-      "require": "./components/Icon/Icon.cjs",
-      "types": "./components/Icon/Icon.d.ts"
-    },
-    "./components/Gallery": {
-      "import": "./components/Gallery/Gallery.js",
-      "require": "./components/Gallery/Gallery.cjs",
-      "types": "./components/Gallery/Gallery.d.ts"
-    },
-    "./components/Flyout": {
-      "import": "./components/Flyout/Flyout.js",
-      "require": "./components/Flyout/Flyout.cjs",
-      "types": "./components/Flyout/Flyout.d.ts"
-    },
-    "./components/DateTimePicker": {
-      "import": "./components/DateTimePicker/DateTimePicker.js",
-      "require": "./components/DateTimePicker/DateTimePicker.cjs",
-      "types": "./components/DateTimePicker/DateTimePicker.d.ts"
-    },
-    "./components/DateRangePicker": {
-      "import": "./components/DateRangePicker/DateRangePicker.js",
-      "require": "./components/DateRangePicker/DateRangePicker.cjs",
-      "types": "./components/DateRangePicker/DateRangePicker.d.ts"
-    },
-    "./components/DatePicker": {
-      "import": "./components/DatePicker/DatePicker.js",
-      "require": "./components/DatePicker/DatePicker.cjs",
-      "types": "./components/DatePicker/DatePicker.d.ts"
-    },
-    "./components/Column": {
-      "import": "./components/Column/Column.js",
-      "require": "./components/Column/Column.cjs",
-      "types": "./components/Column/Column.d.ts"
-    },
-    "./components/Chip": {
-      "import": "./components/Chip/Chip.js",
-      "require": "./components/Chip/Chip.cjs",
-      "types": "./components/Chip/Chip.d.ts"
-    },
-    "./components/Card": {
-      "import": "./components/Card/Card.js",
-      "require": "./components/Card/Card.cjs",
-      "types": "./components/Card/Card.d.ts"
-    },
-    "./components/Button": {
-      "import": "./components/Button/Button.js",
-      "require": "./components/Button/Button.cjs",
-      "types": "./components/Button/Button.d.ts"
-    },
-    "./components/Avatar": {
-      "import": "./components/Avatar/Avatar.js",
-      "require": "./components/Avatar/Avatar.cjs",
-      "types": "./components/Avatar/Avatar.d.ts"
-    },
-    "./components/Autocomplete": {
-      "import": "./components/Autocomplete/Autocomplete.js",
-      "require": "./components/Autocomplete/Autocomplete.cjs",
-      "types": "./components/Autocomplete/Autocomplete.d.ts"
-    },
-    "./hooks/ClipBoard": {
-      "import": "./hooks/ClipBoard/ClipBoard.js",
-      "require": "./hooks/ClipBoard/ClipBoard.cjs",
-      "types": "./hooks/ClipBoard/ClipBoard.d.ts"
-    }
   }
 }

package/rollup.config.cjs

@@ -0,0 +1,87 @@
+const resolve = require('@rollup/plugin-node-resolve');
+const commonjs = require('@rollup/plugin-commonjs');
+const typescript = require('rollup-plugin-typescript2');
+const peerDepsExternal = require('rollup-plugin-peer-deps-external');
+const postcss = require('rollup-plugin-postcss');
+const terser = require('@rollup/plugin-terser');
+// const alias = require('@rollup/plugin-alias'); // 👈 Ya no necesitamos este plugin
+const { globSync } = require('glob');
+const path = require('path');
+const pkg = require('./package.json');
+const projectRootDir = path.resolve(__dirname);
+
+const componentEntryPoints = globSync('src/components/*/index.ts').reduce((acc, file) => {
+  const componentName = path.basename(path.dirname(file));
+  acc[`components/${componentName}`] = file;
+  return acc;
+}, {});
+
+const mainEntry = {
+  index: 'src/index.ts',
+};
+
+module.exports = {
+  input: {
+    ...mainEntry,
+    ...componentEntryPoints,
+  },
+  output: [
+    {
+      dir: 'dist/esm',
+      format: 'esm',
+      sourcemap: true,
+      preserveModules: true,
+      preserveModulesRoot: 'src',
+      entryFileNames: '[name].js',
+      chunkFileNames: '_chunks/chunk-[hash].js',
+      exports: 'named',
+    },
+    {
+      dir: 'dist/cjs',
+      format: 'cjs',
+      sourcemap: true,
+      preserveModules: true,
+      preserveModulesRoot: 'src',
+      entryFileNames: '[name].cjs',
+      chunkFileNames: '_chunks/chunk-[hash].cjs',
+      exports: 'named',
+    },
+  ],
+  plugins: [
+    peerDepsExternal(),
+    // 👈 Configura el alias dentro del plugin 'resolve'
+    resolve({
+      extensions: ['.js', '.jsx', '.ts', '.tsx'],
+      alias: {
+        entries: [
+          { find: '@soyfri/shared-library', replacement: path.resolve(projectRootDir, 'src') }
+        ]
+      }
+    }),
+    commonjs(),
+    typescript({
+      tsconfig: './tsconfig.json',
+      useTsconfigDeclarationDir: true,
+    }),
+    postcss({
+      config: {
+        path: './postcss.config.js',
+      },
+      extensions: ['.css'],
+      minimize: true,
+      extract: true,
+    }),
+    terser(),
+  ],
+  external: [
+    'react',
+    'react-dom',
+    /@mui\/.*/,
+    /@emotion\/.*/,
+    'dayjs',
+    'react-hook-form',
+    'tailwindcss',
+    'autoprefixer',
+    'postcss',
+  ],
+};