framepexls-ui-lib 0.2.8 → 0.2.10

package/dist/TimeRangeField.js

@@ -146,7 +146,7 @@ function TimeRangeField({ value, onValueChange, portal = true, portalId, clearab
     setTo(t2);
     onValueChange == null ? void 0 : onValueChange({ from: f2 ? fmtHHmm(f2.hh, f2.mm) : null, to: t2 ? fmtHHmm(t2.hh, t2.mm) : null });
   };
-  const popover = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { "data-trf-pop": true, style: stylePop, className: "w-1/3 overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xl dark:border-white/10 dark:bg-[#0b0a0a]", children: [
+  const popover = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { "data-trf-pop": true, style: stylePop, className: "w-1/3 overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xl dark:border-white/10 dark:bg-[var(--fx-surface)]", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-2 px-3 py-2 text-sm", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "font-medium", children: "Selecciona horario" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

package/dist/TimeRangeField.mjs

@@ -113,7 +113,7 @@ function TimeRangeField({ value, onValueChange, portal = true, portalId, clearab
     setTo(t2);
     onValueChange == null ? void 0 : onValueChange({ from: f2 ? fmtHHmm(f2.hh, f2.mm) : null, to: t2 ? fmtHHmm(t2.hh, t2.mm) : null });
   };
-  const popover = /* @__PURE__ */ jsxs("div", { "data-trf-pop": true, style: stylePop, className: "w-1/3 overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xl dark:border-white/10 dark:bg-[#0b0a0a]", children: [
+  const popover = /* @__PURE__ */ jsxs("div", { "data-trf-pop": true, style: stylePop, className: "w-1/3 overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xl dark:border-white/10 dark:bg-[var(--fx-surface)]", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 px-3 py-2 text-sm", children: [
       /* @__PURE__ */ jsx("div", { className: "font-medium", children: "Selecciona horario" }),
       /* @__PURE__ */ jsx(

package/dist/Toast.js

@@ -90,10 +90,6 @@ const typeAccent = {
     progress: "bg-sky-500/60"
   }
 };
-function useIsomorphicLayoutEffect(effect, deps) {
-  const useIso = typeof window !== "undefined" ? import_react.default.useLayoutEffect : import_react.default.useEffect;
-  return useIso(effect, deps);
-}
 function ToastView({ item, onClose, placement }) {
   var _a;
   const [hovered, setHovered] = import_react.default.useState(false);
@@ -132,7 +128,7 @@ function ToastView({ item, onClose, placement }) {
       onMouseEnter,
       onMouseLeave,
       className: [
-        "pointer-events-auto relative w-[380px] max-w-[92vw] overflow-hidden rounded-xl border bg-white p-3 pr-10 shadow-lg dark:bg-[#0b0a0a]",
+        "pointer-events-auto relative w-[380px] max-w-[92vw] overflow-hidden rounded-xl border bg-white p-3 pr-10 shadow-lg dark:bg-[var(--fx-surface)]",
         accent.border
       ].join(" "),
       children: [

package/dist/Toast.mjs

@@ -55,10 +55,6 @@ const typeAccent = {
     progress: "bg-sky-500/60"
   }
 };
-function useIsomorphicLayoutEffect(effect, deps) {
-  const useIso = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
-  return useIso(effect, deps);
-}
 function ToastView({ item, onClose, placement }) {
   var _a;
   const [hovered, setHovered] = React.useState(false);
@@ -97,7 +93,7 @@ function ToastView({ item, onClose, placement }) {
       onMouseEnter,
       onMouseLeave,
       className: [
-        "pointer-events-auto relative w-[380px] max-w-[92vw] overflow-hidden rounded-xl border bg-white p-3 pr-10 shadow-lg dark:bg-[#0b0a0a]",
+        "pointer-events-auto relative w-[380px] max-w-[92vw] overflow-hidden rounded-xl border bg-white p-3 pr-10 shadow-lg dark:bg-[var(--fx-surface)]",
         accent.border
       ].join(" "),
       children: [

package/dist/Tooltip.js

@@ -35,6 +35,8 @@ module.exports = __toCommonJS(Tooltip_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_react_dom = require("react-dom");
+var import_framer_motion = require("framer-motion");
+var import_animations = require("./animations");
 function Tooltip({ content, placement = "top", delay = 80, offset = 8, className = "", children }) {
   const [open, setOpen] = import_react.default.useState(false);
   const [pos, setPos] = import_react.default.useState(null);
@@ -110,26 +112,33 @@ function Tooltip({ content, placement = "top", delay = 80, offset = 8, className
     },
     "aria-describedby": open ? id : void 0
   };
-  const body = open && pos && typeof document !== "undefined" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      id,
-      role: "tooltip",
-      className: [
-        "pointer-events-none fixed z-[2000] max-w-xs rounded-xl border border-slate-200/80 bg-slate-900/95 px-2.5 py-1.5 text-[12px] text-white shadow-xl backdrop-blur",
-        "dark:border-white/10 dark:bg-white/10",
-        className != null ? className : ""
-      ].join(" "),
-      style: {
-        top: placement === "top" || placement === "bottom" ? pos.top : pos.top,
-        left: placement === "top" || placement === "bottom" ? pos.left : pos.left,
-        transform: placement === "top" || placement === "bottom" ? "translate(-50%, -100%)" : placement === "left" ? "translate(-100%, -50%)" : "translate(0, -50%)"
-      },
-      children: content
-    }
-  ) : null;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     import_react.default.cloneElement(children, triggerProps),
-    body ? (0, import_react_dom.createPortal)(body, document.body) : null
+    typeof document !== "undefined" ? (0, import_react_dom.createPortal)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_framer_motion.AnimatePresence, { children: open && pos ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_framer_motion.motion.div,
+        {
+          id,
+          role: "tooltip",
+          variants: import_animations.tooltipVariant,
+          initial: "initial",
+          animate: "animate",
+          exit: "exit",
+          transition: import_animations.menuTransition,
+          className: [
+            "pointer-events-none fixed z-[2000] max-w-xs rounded-xl border border-slate-200/80 bg-slate-900/95 px-2.5 py-1.5 text-[12px] text-white shadow-xl backdrop-blur",
+            "dark:border-white/10 dark:bg-white/10",
+            className != null ? className : ""
+          ].join(" "),
+          style: {
+            top: placement === "top" || placement === "bottom" ? pos.top : pos.top,
+            left: placement === "top" || placement === "bottom" ? pos.left : pos.left,
+            transform: placement === "top" || placement === "bottom" ? "translate(-50%, -100%)" : placement === "left" ? "translate(-100%, -50%)" : "translate(0, -50%)"
+          },
+          children: content
+        }
+      ) : null }),
+      document.body
+    ) : null
   ] });
 }

package/dist/Tooltip.mjs

@@ -2,6 +2,8 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
 import { createPortal } from "react-dom";
+import { AnimatePresence, motion } from "framer-motion";
+import { tooltipVariant, menuTransition } from "./animations";
 function Tooltip({ content, placement = "top", delay = 80, offset = 8, className = "", children }) {
   const [open, setOpen] = React.useState(false);
   const [pos, setPos] = React.useState(null);
@@ -77,27 +79,34 @@ function Tooltip({ content, placement = "top", delay = 80, offset = 8, className
     },
     "aria-describedby": open ? id : void 0
   };
-  const body = open && pos && typeof document !== "undefined" ? /* @__PURE__ */ jsx(
-    "div",
-    {
-      id,
-      role: "tooltip",
-      className: [
-        "pointer-events-none fixed z-[2000] max-w-xs rounded-xl border border-slate-200/80 bg-slate-900/95 px-2.5 py-1.5 text-[12px] text-white shadow-xl backdrop-blur",
-        "dark:border-white/10 dark:bg-white/10",
-        className != null ? className : ""
-      ].join(" "),
-      style: {
-        top: placement === "top" || placement === "bottom" ? pos.top : pos.top,
-        left: placement === "top" || placement === "bottom" ? pos.left : pos.left,
-        transform: placement === "top" || placement === "bottom" ? "translate(-50%, -100%)" : placement === "left" ? "translate(-100%, -50%)" : "translate(0, -50%)"
-      },
-      children: content
-    }
-  ) : null;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     React.cloneElement(children, triggerProps),
-    body ? createPortal(body, document.body) : null
+    typeof document !== "undefined" ? createPortal(
+      /* @__PURE__ */ jsx(AnimatePresence, { children: open && pos ? /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          id,
+          role: "tooltip",
+          variants: tooltipVariant,
+          initial: "initial",
+          animate: "animate",
+          exit: "exit",
+          transition: menuTransition,
+          className: [
+            "pointer-events-none fixed z-[2000] max-w-xs rounded-xl border border-slate-200/80 bg-slate-900/95 px-2.5 py-1.5 text-[12px] text-white shadow-xl backdrop-blur",
+            "dark:border-white/10 dark:bg-white/10",
+            className != null ? className : ""
+          ].join(" "),
+          style: {
+            top: placement === "top" || placement === "bottom" ? pos.top : pos.top,
+            left: placement === "top" || placement === "bottom" ? pos.left : pos.left,
+            transform: placement === "top" || placement === "bottom" ? "translate(-50%, -100%)" : placement === "left" ? "translate(-100%, -50%)" : "translate(0, -50%)"
+          },
+          children: content
+        }
+      ) : null }),
+      document.body
+    ) : null
   ] });
 }
 export {

package/dist/UploadCard.js

@@ -37,6 +37,8 @@ var import_react = require("react");
 var import_ChartCard = __toESM(require("./ChartCard"));
 var import_Button = __toESM(require("./Button"));
 var import_Input = __toESM(require("./Input"));
+var import_framer_motion = require("framer-motion");
+var import_animations = require("./animations");
 function UploadCard({
   title = "Subir archivos",
   subtitle,
@@ -110,33 +112,44 @@ function UploadCard({
             ]
           }
         ),
-        uploads && uploads.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-4 space-y-2", children: uploads.map((u) => {
-          var _a, _b;
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "div",
+        uploads && uploads.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-4 space-y-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_framer_motion.AnimatePresence, { initial: false, children: uploads.map((u) => {
+          var _a;
+          const pct = Math.max(0, Math.min(100, Math.round((_a = u.progress) != null ? _a : 0)));
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_framer_motion.motion.div,
             {
+              layout: true,
+              initial: { opacity: 0, y: 6 },
+              animate: { opacity: 1, y: 0 },
+              exit: { opacity: 0, y: -6 },
+              transition: import_animations.springSm,
               className: "flex items-center gap-3 rounded-xl border border-slate-200 bg-white/70 p-2 dark:border-white/10 dark:bg-white/5",
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "truncate text-sm font-medium", children: u.name }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: [
-                    Math.max(0, Math.min(100, Math.round((_a = u.progress) != null ? _a : 0))),
-                    "%"
-                  ] })
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "truncate text-sm font-medium", children: u.name }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: [
+                      pct,
+                      "%"
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-1 h-2 w-full overflow-hidden rounded-full bg-slate-100 dark:bg-white/10", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_framer_motion.motion.div,
+                    {
+                      className: "h-full bg-gradient-to-r from-emerald-500/70 to-emerald-500/20",
+                      initial: { width: 0 },
+                      animate: { width: `${pct}%` },
+                      transition: import_animations.springSm
+                    }
+                  ) }),
+                  u.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-1 text-xs text-blue-600", children: u.error })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-1 h-2 w-full overflow-hidden rounded-full bg-slate-100 dark:bg-white/10", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "div",
-                  {
-                    className: "h-full bg-gradient-to-r from-emerald-500/70 to-emerald-500/20",
-                    style: { width: `${Math.max(0, Math.min(100, Math.round((_b = u.progress) != null ? _b : 0)))}%` }
-                  }
-                ) }),
-                u.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-1 text-xs text-blue-600", children: u.error })
-              ] })
+                u.status === "done" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 24 24", className: "h-4.5 w-4.5 text-emerald-600", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5 13l4 4L19 7" }) })
+              ]
             },
             u.id
           );
-        }) })
+        }) }) })
       ]
     }
   );

package/dist/UploadCard.mjs

@@ -4,6 +4,8 @@ import { useRef } from "react";
 import ChartCard from "./ChartCard";
 import Button from "./Button";
 import Input from "./Input";
+import { AnimatePresence, motion } from "framer-motion";
+import { springSm } from "./animations";
 function UploadCard({
   title = "Subir archivos",
   subtitle,
@@ -77,33 +79,44 @@ function UploadCard({
             ]
           }
         ),
-        uploads && uploads.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-4 space-y-2", children: uploads.map((u) => {
-          var _a, _b;
-          return /* @__PURE__ */ jsx(
-            "div",
+        uploads && uploads.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-4 space-y-2", children: /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: uploads.map((u) => {
+          var _a;
+          const pct = Math.max(0, Math.min(100, Math.round((_a = u.progress) != null ? _a : 0)));
+          return /* @__PURE__ */ jsxs(
+            motion.div,
             {
+              layout: true,
+              initial: { opacity: 0, y: 6 },
+              animate: { opacity: 1, y: 0 },
+              exit: { opacity: 0, y: -6 },
+              transition: springSm,
               className: "flex items-center gap-3 rounded-xl border border-slate-200 bg-white/70 p-2 dark:border-white/10 dark:bg-white/5",
-              children: /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-                  /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium", children: u.name }),
-                  /* @__PURE__ */ jsxs("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: [
-                    Math.max(0, Math.min(100, Math.round((_a = u.progress) != null ? _a : 0))),
-                    "%"
-                  ] })
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+                    /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium", children: u.name }),
+                    /* @__PURE__ */ jsxs("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: [
+                      pct,
+                      "%"
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsx("div", { className: "mt-1 h-2 w-full overflow-hidden rounded-full bg-slate-100 dark:bg-white/10", children: /* @__PURE__ */ jsx(
+                    motion.div,
+                    {
+                      className: "h-full bg-gradient-to-r from-emerald-500/70 to-emerald-500/20",
+                      initial: { width: 0 },
+                      animate: { width: `${pct}%` },
+                      transition: springSm
+                    }
+                  ) }),
+                  u.status === "error" && /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-blue-600", children: u.error })
                 ] }),
-                /* @__PURE__ */ jsx("div", { className: "mt-1 h-2 w-full overflow-hidden rounded-full bg-slate-100 dark:bg-white/10", children: /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: "h-full bg-gradient-to-r from-emerald-500/70 to-emerald-500/20",
-                    style: { width: `${Math.max(0, Math.min(100, Math.round((_b = u.progress) != null ? _b : 0)))}%` }
-                  }
-                ) }),
-                u.status === "error" && /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-blue-600", children: u.error })
-              ] })
+                u.status === "done" && /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", className: "h-4.5 w-4.5 text-emerald-600", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("path", { d: "M5 13l4 4L19 7" }) })
+              ]
             },
             u.id
           );
-        }) })
+        }) }) })
       ]
     }
   );

package/dist/animations-CHrNeawW.d.mts

@@ -0,0 +1,28 @@
+import { Transition, Variants } from 'framer-motion';
+
+declare const springSm: Transition;
+declare const springMd: Transition;
+declare const springLg: Transition;
+declare const fadeInOut: Variants;
+declare const popOver: Variants;
+declare const slideFromRight: Variants;
+declare const slideFromBottom: Variants;
+declare const tooltipVariant: Variants;
+declare const menuTransition: Transition;
+declare const microTransition: Transition;
+
+declare const animations_fadeInOut: typeof fadeInOut;
+declare const animations_menuTransition: typeof menuTransition;
+declare const animations_microTransition: typeof microTransition;
+declare const animations_popOver: typeof popOver;
+declare const animations_slideFromBottom: typeof slideFromBottom;
+declare const animations_slideFromRight: typeof slideFromRight;
+declare const animations_springLg: typeof springLg;
+declare const animations_springMd: typeof springMd;
+declare const animations_springSm: typeof springSm;
+declare const animations_tooltipVariant: typeof tooltipVariant;
+declare namespace animations {
+  export { animations_fadeInOut as fadeInOut, animations_menuTransition as menuTransition, animations_microTransition as microTransition, animations_popOver as popOver, animations_slideFromBottom as slideFromBottom, animations_slideFromRight as slideFromRight, animations_springLg as springLg, animations_springMd as springMd, animations_springSm as springSm, animations_tooltipVariant as tooltipVariant };
+}
+
+export { animations as a, springMd as b, springLg as c, slideFromRight as d, slideFromBottom as e, fadeInOut as f, microTransition as g, menuTransition as m, popOver as p, springSm as s, tooltipVariant as t };

package/dist/animations-CHrNeawW.d.ts

@@ -0,0 +1,28 @@
+import { Transition, Variants } from 'framer-motion';
+
+declare const springSm: Transition;
+declare const springMd: Transition;
+declare const springLg: Transition;
+declare const fadeInOut: Variants;
+declare const popOver: Variants;
+declare const slideFromRight: Variants;
+declare const slideFromBottom: Variants;
+declare const tooltipVariant: Variants;
+declare const menuTransition: Transition;
+declare const microTransition: Transition;
+
+declare const animations_fadeInOut: typeof fadeInOut;
+declare const animations_menuTransition: typeof menuTransition;
+declare const animations_microTransition: typeof microTransition;
+declare const animations_popOver: typeof popOver;
+declare const animations_slideFromBottom: typeof slideFromBottom;
+declare const animations_slideFromRight: typeof slideFromRight;
+declare const animations_springLg: typeof springLg;
+declare const animations_springMd: typeof springMd;
+declare const animations_springSm: typeof springSm;
+declare const animations_tooltipVariant: typeof tooltipVariant;
+declare namespace animations {
+  export { animations_fadeInOut as fadeInOut, animations_menuTransition as menuTransition, animations_microTransition as microTransition, animations_popOver as popOver, animations_slideFromBottom as slideFromBottom, animations_slideFromRight as slideFromRight, animations_springLg as springLg, animations_springMd as springMd, animations_springSm as springSm, animations_tooltipVariant as tooltipVariant };
+}
+
+export { animations as a, springMd as b, springLg as c, slideFromRight as d, slideFromBottom as e, fadeInOut as f, microTransition as g, menuTransition as m, popOver as p, springSm as s, tooltipVariant as t };

package/dist/animations.d.mts

@@ -0,0 +1,2 @@
+import 'framer-motion';
+export { f as fadeInOut, m as menuTransition, g as microTransition, p as popOver, e as slideFromBottom, d as slideFromRight, c as springLg, b as springMd, s as springSm, t as tooltipVariant } from './animations-CHrNeawW.mjs';

package/dist/animations.d.ts

@@ -0,0 +1,2 @@
+import 'framer-motion';
+export { f as fadeInOut, m as menuTransition, g as microTransition, p as popOver, e as slideFromBottom, d as slideFromRight, c as springLg, b as springMd, s as springSm, t as tooltipVariant } from './animations-CHrNeawW.js';

package/dist/animations.js

@@ -0,0 +1,75 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var animations_exports = {};
+__export(animations_exports, {
+  fadeInOut: () => fadeInOut,
+  menuTransition: () => menuTransition,
+  microTransition: () => microTransition,
+  popOver: () => popOver,
+  slideFromBottom: () => slideFromBottom,
+  slideFromRight: () => slideFromRight,
+  springLg: () => springLg,
+  springMd: () => springMd,
+  springSm: () => springSm,
+  tooltipVariant: () => tooltipVariant
+});
+module.exports = __toCommonJS(animations_exports);
+const springSm = { type: "spring", stiffness: 320, damping: 26 };
+const springMd = { type: "spring", stiffness: 260, damping: 24 };
+const springLg = { type: "spring", stiffness: 220, damping: 22 };
+const fadeInOut = {
+  initial: { opacity: 0 },
+  animate: { opacity: 1 },
+  exit: { opacity: 0 }
+};
+const popOver = {
+  initial: { opacity: 0, y: 8, scale: 0.98 },
+  animate: { opacity: 1, y: 0, scale: 1 },
+  exit: { opacity: 0, y: 6, scale: 0.98 }
+};
+const slideFromRight = {
+  initial: { x: 32, opacity: 0 },
+  animate: { x: 0, opacity: 1 },
+  exit: { x: 32, opacity: 0 }
+};
+const slideFromBottom = {
+  initial: { y: 24, opacity: 0 },
+  animate: { y: 0, opacity: 1 },
+  exit: { y: 24, opacity: 0 }
+};
+const tooltipVariant = {
+  initial: { opacity: 0, y: 6, scale: 0.98 },
+  animate: { opacity: 1, y: 0, scale: 1 },
+  exit: { opacity: 0, y: 4, scale: 0.98 }
+};
+const menuTransition = springSm;
+const microTransition = { duration: 0.15 };
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  fadeInOut,
+  menuTransition,
+  microTransition,
+  popOver,
+  slideFromBottom,
+  slideFromRight,
+  springLg,
+  springMd,
+  springSm,
+  tooltipVariant
+});

package/dist/animations.mjs

@@ -0,0 +1,42 @@
+const springSm = { type: "spring", stiffness: 320, damping: 26 };
+const springMd = { type: "spring", stiffness: 260, damping: 24 };
+const springLg = { type: "spring", stiffness: 220, damping: 22 };
+const fadeInOut = {
+  initial: { opacity: 0 },
+  animate: { opacity: 1 },
+  exit: { opacity: 0 }
+};
+const popOver = {
+  initial: { opacity: 0, y: 8, scale: 0.98 },
+  animate: { opacity: 1, y: 0, scale: 1 },
+  exit: { opacity: 0, y: 6, scale: 0.98 }
+};
+const slideFromRight = {
+  initial: { x: 32, opacity: 0 },
+  animate: { x: 0, opacity: 1 },
+  exit: { x: 32, opacity: 0 }
+};
+const slideFromBottom = {
+  initial: { y: 24, opacity: 0 },
+  animate: { y: 0, opacity: 1 },
+  exit: { y: 24, opacity: 0 }
+};
+const tooltipVariant = {
+  initial: { opacity: 0, y: 6, scale: 0.98 },
+  animate: { opacity: 1, y: 0, scale: 1 },
+  exit: { opacity: 0, y: 4, scale: 0.98 }
+};
+const menuTransition = springSm;
+const microTransition = { duration: 0.15 };
+export {
+  fadeInOut,
+  menuTransition,
+  microTransition,
+  popOver,
+  slideFromBottom,
+  slideFromRight,
+  springLg,
+  springMd,
+  springSm,
+  tooltipVariant
+};

package/dist/index.d.mts

@@ -11,7 +11,7 @@ export { ColumnItem, default as ColumnSelector } from './ColumnSelector.mjs';
 export { default as DateTimeField, DateTimeFieldProps } from './DateTimeField.mjs';
 export { ConfirmDialog, ConfirmDialogProps, Dialog, DialogBody, DialogField, DialogFooter, DialogHeader, DialogProps, FormDialog, FormDialogProps } from './Dialog.mjs';
 export { Content, default as Dropdown, Item, Label, Separator, Trigger } from './Dropdown.mjs';
-export { SortTh, Td, Th } from './Table.mjs';
+export { AnimatedBody, SortTh, Td, Th } from './Table.mjs';
 export { default as Pagination, PaginationProps } from './Pagination.mjs';
 export { default as InfoGrid, InfoItem } from './InfoGrid.mjs';
 export { default as ChartCard } from './ChartCard.mjs';
@@ -41,6 +41,8 @@ export { default as Tooltip } from './Tooltip.mjs';
 export { default as Link } from './Link.mjs';
 export { ToastProvider, useToast } from './Toast.mjs';
 export { default as StorageUsage, StorageUsageProps } from './StorageUsage.mjs';
+export { a as Animations } from './animations-CHrNeawW.mjs';
+export { default as MotionProvider } from './MotionProvider.mjs';
 export { default as CalendarPanel, CalendarPanelProps } from './CalendarPanel.mjs';
 export { MonthPopover, default as TimePopover, WeekPopover } from './TimePopover.mjs';
 export { default as TimePanel } from './TimePanel.mjs';
@@ -50,3 +52,4 @@ export { Aficionados, AuditarDocumento, Borrar, CajaDeMano, Cajas, Calendario, C
 export { default as ColorPicker, ColorPickerProps } from './ColorPicker.mjs';
 import 'react';
 import 'react/jsx-runtime';
+import 'framer-motion';

package/dist/index.d.ts

@@ -11,7 +11,7 @@ export { ColumnItem, default as ColumnSelector } from './ColumnSelector.js';
 export { default as DateTimeField, DateTimeFieldProps } from './DateTimeField.js';
 export { ConfirmDialog, ConfirmDialogProps, Dialog, DialogBody, DialogField, DialogFooter, DialogHeader, DialogProps, FormDialog, FormDialogProps } from './Dialog.js';
 export { Content, default as Dropdown, Item, Label, Separator, Trigger } from './Dropdown.js';
-export { SortTh, Td, Th } from './Table.js';
+export { AnimatedBody, SortTh, Td, Th } from './Table.js';
 export { default as Pagination, PaginationProps } from './Pagination.js';
 export { default as InfoGrid, InfoItem } from './InfoGrid.js';
 export { default as ChartCard } from './ChartCard.js';
@@ -41,6 +41,8 @@ export { default as Tooltip } from './Tooltip.js';
 export { default as Link } from './Link.js';
 export { ToastProvider, useToast } from './Toast.js';
 export { default as StorageUsage, StorageUsageProps } from './StorageUsage.js';
+export { a as Animations } from './animations-CHrNeawW.js';
+export { default as MotionProvider } from './MotionProvider.js';
 export { default as CalendarPanel, CalendarPanelProps } from './CalendarPanel.js';
 export { MonthPopover, default as TimePopover, WeekPopover } from './TimePopover.js';
 export { default as TimePanel } from './TimePanel.js';
@@ -50,3 +52,4 @@ export { Aficionados, AuditarDocumento, Borrar, CajaDeMano, Cajas, Calendario, C
 export { default as ColorPicker, ColorPickerProps } from './ColorPicker.js';
 import 'react';
 import 'react/jsx-runtime';
+import 'framer-motion';

package/dist/index.js

@@ -30,6 +30,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   ActionIconButton: () => import_ActionIconButton.default,
+  AnimatedBody: () => import_Table.AnimatedBody,
+  Animations: () => Animations,
   AppTopbar: () => import_AppTopbar.default,
   AvatarGroup: () => import_AvatarGroup.default,
   AvatarSquare: () => import_AvatarSquare.default,
@@ -61,6 +63,7 @@ __export(index_exports, {
   MediaSelector: () => import_MediaSelector.default,
   Money: () => import_Money.default,
   MonthPopover: () => import_TimePopover2.MonthPopover,
+  MotionProvider: () => import_MotionProvider.default,
   MultiComboSelect: () => import_MultiComboSelect.default,
   OrderButton: () => import_OrderButton.default,
   Pagination: () => import_Pagination.default,
@@ -135,6 +138,8 @@ var import_Tooltip = __toESM(require("./Tooltip"));
 var import_Link = __toESM(require("./Link"));
 var import_Toast = require("./Toast");
 var import_StorageUsage = __toESM(require("./StorageUsage"));
+var Animations = __toESM(require("./animations"));
+var import_MotionProvider = __toESM(require("./MotionProvider"));
 var import_CalendarPanel = __toESM(require("./CalendarPanel"));
 var import_TimePopover = __toESM(require("./TimePopover"));
 var import_TimePopover2 = require("./TimePopover");
@@ -147,6 +152,8 @@ var import_ColorPicker = __toESM(require("./ColorPicker"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ActionIconButton,
+  AnimatedBody,
+  Animations,
   AppTopbar,
   AvatarGroup,
   AvatarSquare,
@@ -178,6 +185,7 @@ var import_ColorPicker = __toESM(require("./ColorPicker"));
   MediaSelector,
   Money,
   MonthPopover,
+  MotionProvider,
   MultiComboSelect,
   OrderButton,
   Pagination,