framepexls-ui-lib 0.2.9 → 0.2.11

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 w-full origin-left bg-gradient-to-r from-emerald-500/70 to-emerald-500/20 will-change-transform",
+                      initial: { scaleX: 0 },
+                      animate: { scaleX: pct / 100 },
+                      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 w-full origin-left bg-gradient-to-r from-emerald-500/70 to-emerald-500/20 will-change-transform",
+                      initial: { scaleX: 0 },
+                      animate: { scaleX: pct / 100 },
+                      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,

package/dist/index.mjs

@@ -13,7 +13,7 @@ import { default as default13 } from "./Dialog";
 export * from "./Dialog";
 import { default as default14 } from "./Dropdown";
 export * from "./Dropdown";
-import { Th, SortTh, Td } from "./Table";
+import { Th, SortTh, Td, AnimatedBody } from "./Table";
 import { default as default15 } from "./Pagination";
 import { default as default16 } from "./InfoGrid";
 import { default as default17 } from "./ChartCard";
@@ -44,17 +44,21 @@ import { default as default39 } from "./Tooltip";
 import { default as default40 } from "./Link";
 import { ToastProvider, useToast } from "./Toast";
 import { default as default41 } from "./StorageUsage";
-import { default as default42 } from "./CalendarPanel";
-import { default as default43 } from "./TimePopover";
+import * as Animations from "./animations";
+import { default as default42 } from "./MotionProvider";
+import { default as default43 } from "./CalendarPanel";
+import { default as default44 } from "./TimePopover";
 import { WeekPopover, MonthPopover } from "./TimePopover";
-import { default as default44 } from "./TimePanel";
-import { default as default45 } from "./TimeRangeField";
-import { default as default46 } from "./Steps";
+import { default as default45 } from "./TimePanel";
+import { default as default46 } from "./TimeRangeField";
+import { default as default47 } from "./Steps";
 import { StepsNav } from "./Steps";
 export * from "./iconos";
-import { default as default47 } from "./ColorPicker";
+import { default as default48 } from "./ColorPicker";
 export {
   default3 as ActionIconButton,
+  AnimatedBody,
+  Animations,
   default31 as AppTopbar,
   default30 as AvatarGroup,
   default29 as AvatarSquare,
@@ -62,12 +66,12 @@ export {
   default24 as BadgeCluster,
   default25 as Breadcrumb,
   default2 as Button,
-  default42 as CalendarPanel,
+  default43 as CalendarPanel,
   default37 as Card,
   default17 as ChartCard,
   default6 as Checkbox,
   default7 as CheckboxPillsGroup,
-  default47 as ColorPicker,
+  default48 as ColorPicker,
   default11 as ColumnSelector,
   default10 as ComboSelect,
   CtrHorizontalBar,
@@ -86,6 +90,7 @@ export {
   default20 as MediaSelector,
   default27 as Money,
   MonthPopover,
+  default42 as MotionProvider,
   default35 as MultiComboSelect,
   default32 as OrderButton,
   default15 as Pagination,
@@ -96,16 +101,16 @@ export {
   default36 as Sidebar,
   SortTh,
   default21 as StatCard,
-  default46 as Steps,
+  default47 as Steps,
   StepsNav,
   default41 as StorageUsage,
   Td,
   default5 as Textarea,
   Th,
   default28 as TimeAgo,
-  default44 as TimePanel,
-  default43 as TimePopover,
-  default45 as TimeRangeField,
+  default45 as TimePanel,
+  default44 as TimePopover,
+  default46 as TimeRangeField,
   ToastProvider,
   default39 as Tooltip,
   TopImpresionesBar,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "framepexls-ui-lib",
-  "version": "0.2.9",
+  "version": "0.2.11",
   "private": false,
   "license": "MIT",
   "description": "Componentes UI de Framepexls para React/Next.",