framepexls-ui-lib 0.2.9 → 0.2.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AppTopbar.js +1 -1
- package/dist/AppTopbar.mjs +1 -1
- package/dist/AvatarGroup.js +7 -2
- package/dist/AvatarGroup.mjs +7 -2
- package/dist/Badge.js +6 -1
- package/dist/Badge.mjs +6 -1
- package/dist/Breadcrumb.js +46 -2
- package/dist/Breadcrumb.mjs +46 -2
- package/dist/Button.js +8 -2
- package/dist/Button.mjs +8 -2
- package/dist/CalendarPanel.js +45 -26
- package/dist/CalendarPanel.mjs +45 -26
- package/dist/Card.js +7 -2
- package/dist/Card.mjs +7 -2
- package/dist/Checkbox.js +51 -18
- package/dist/Checkbox.mjs +51 -18
- package/dist/ColorPicker.js +9 -4
- package/dist/ColorPicker.mjs +9 -4
- package/dist/ComboSelect.js +10 -3
- package/dist/ComboSelect.mjs +10 -3
- package/dist/DateTimeField.js +7 -1
- package/dist/DateTimeField.mjs +7 -1
- package/dist/Dropdown.js +13 -9
- package/dist/Dropdown.mjs +13 -9
- package/dist/Input.js +23 -0
- package/dist/Input.mjs +23 -0
- package/dist/KpiCard.js +26 -2
- package/dist/KpiCard.mjs +26 -2
- package/dist/Link.js +16 -2
- package/dist/Link.mjs +16 -2
- package/dist/MediaCard.js +18 -11
- package/dist/MediaCard.mjs +18 -11
- package/dist/MediaSelector.js +9 -8
- package/dist/MediaSelector.mjs +9 -8
- package/dist/MotionProvider.d.mts +9 -0
- package/dist/MotionProvider.d.ts +9 -0
- package/dist/MotionProvider.js +29 -0
- package/dist/MotionProvider.mjs +9 -0
- package/dist/MultiComboSelect.js +6 -4
- package/dist/MultiComboSelect.mjs +6 -4
- package/dist/Pagination.js +65 -29
- package/dist/Pagination.mjs +65 -29
- package/dist/ReviewHistory.js +8 -6
- package/dist/ReviewHistory.mjs +8 -6
- package/dist/SearchInput.js +16 -2
- package/dist/SearchInput.mjs +16 -2
- package/dist/Select.js +10 -3
- package/dist/Select.mjs +10 -3
- package/dist/Sidebar.js +20 -2
- package/dist/Sidebar.mjs +20 -2
- package/dist/StatCard.js +17 -1
- package/dist/StatCard.mjs +19 -3
- package/dist/Steps.js +51 -37
- package/dist/Steps.mjs +51 -37
- package/dist/StorageUsage.js +6 -2
- package/dist/StorageUsage.mjs +6 -2
- package/dist/Table.d.mts +5 -1
- package/dist/Table.d.ts +5 -1
- package/dist/Table.js +31 -4
- package/dist/Table.mjs +30 -4
- package/dist/Textarea.js +42 -17
- package/dist/Textarea.mjs +43 -18
- package/dist/TimePopover.js +115 -82
- package/dist/TimePopover.mjs +115 -82
- package/dist/Toast.js +0 -4
- package/dist/Toast.mjs +0 -4
- package/dist/Tooltip.js +28 -19
- package/dist/Tooltip.mjs +28 -19
- package/dist/UploadCard.js +34 -21
- package/dist/UploadCard.mjs +34 -21
- package/dist/animations-CHrNeawW.d.mts +28 -0
- package/dist/animations-CHrNeawW.d.ts +28 -0
- package/dist/animations.d.mts +2 -0
- package/dist/animations.d.ts +2 -0
- package/dist/animations.js +75 -0
- package/dist/animations.mjs +42 -0
- package/dist/index.d.mts +4 -1
- package/dist/index.d.ts +4 -1
- package/dist/index.js +8 -0
- package/dist/index.mjs +18 -13
- package/package.json +1 -1
package/dist/UploadCard.js
CHANGED
|
@@ -37,6 +37,8 @@ var import_react = require("react");
|
|
|
37
37
|
var import_ChartCard = __toESM(require("./ChartCard"));
|
|
38
38
|
var import_Button = __toESM(require("./Button"));
|
|
39
39
|
var import_Input = __toESM(require("./Input"));
|
|
40
|
+
var import_framer_motion = require("framer-motion");
|
|
41
|
+
var import_animations = require("./animations");
|
|
40
42
|
function UploadCard({
|
|
41
43
|
title = "Subir archivos",
|
|
42
44
|
subtitle,
|
|
@@ -110,33 +112,44 @@ function UploadCard({
|
|
|
110
112
|
]
|
|
111
113
|
}
|
|
112
114
|
),
|
|
113
|
-
uploads && uploads.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-4 space-y-2", children: uploads.map((u) => {
|
|
114
|
-
var _a
|
|
115
|
-
|
|
116
|
-
|
|
115
|
+
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) => {
|
|
116
|
+
var _a;
|
|
117
|
+
const pct = Math.max(0, Math.min(100, Math.round((_a = u.progress) != null ? _a : 0)));
|
|
118
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
119
|
+
import_framer_motion.motion.div,
|
|
117
120
|
{
|
|
121
|
+
layout: true,
|
|
122
|
+
initial: { opacity: 0, y: 6 },
|
|
123
|
+
animate: { opacity: 1, y: 0 },
|
|
124
|
+
exit: { opacity: 0, y: -6 },
|
|
125
|
+
transition: import_animations.springSm,
|
|
118
126
|
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",
|
|
119
|
-
children:
|
|
120
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "
|
|
121
|
-
/* @__PURE__ */ (0, import_jsx_runtime.
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
127
|
+
children: [
|
|
128
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1", children: [
|
|
129
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
|
|
130
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "truncate text-sm font-medium", children: u.name }),
|
|
131
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: [
|
|
132
|
+
pct,
|
|
133
|
+
"%"
|
|
134
|
+
] })
|
|
135
|
+
] }),
|
|
136
|
+
/* @__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)(
|
|
137
|
+
import_framer_motion.motion.div,
|
|
138
|
+
{
|
|
139
|
+
className: "h-full bg-gradient-to-r from-emerald-500/70 to-emerald-500/20",
|
|
140
|
+
initial: { width: 0 },
|
|
141
|
+
animate: { width: `${pct}%` },
|
|
142
|
+
transition: import_animations.springSm
|
|
143
|
+
}
|
|
144
|
+
) }),
|
|
145
|
+
u.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-1 text-xs text-blue-600", children: u.error })
|
|
126
146
|
] }),
|
|
127
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("
|
|
128
|
-
|
|
129
|
-
{
|
|
130
|
-
className: "h-full bg-gradient-to-r from-emerald-500/70 to-emerald-500/20",
|
|
131
|
-
style: { width: `${Math.max(0, Math.min(100, Math.round((_b = u.progress) != null ? _b : 0)))}%` }
|
|
132
|
-
}
|
|
133
|
-
) }),
|
|
134
|
-
u.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-1 text-xs text-blue-600", children: u.error })
|
|
135
|
-
] })
|
|
147
|
+
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" }) })
|
|
148
|
+
]
|
|
136
149
|
},
|
|
137
150
|
u.id
|
|
138
151
|
);
|
|
139
|
-
}) })
|
|
152
|
+
}) }) })
|
|
140
153
|
]
|
|
141
154
|
}
|
|
142
155
|
);
|
package/dist/UploadCard.mjs
CHANGED
|
@@ -4,6 +4,8 @@ import { useRef } from "react";
|
|
|
4
4
|
import ChartCard from "./ChartCard";
|
|
5
5
|
import Button from "./Button";
|
|
6
6
|
import Input from "./Input";
|
|
7
|
+
import { AnimatePresence, motion } from "framer-motion";
|
|
8
|
+
import { springSm } from "./animations";
|
|
7
9
|
function UploadCard({
|
|
8
10
|
title = "Subir archivos",
|
|
9
11
|
subtitle,
|
|
@@ -77,33 +79,44 @@ function UploadCard({
|
|
|
77
79
|
]
|
|
78
80
|
}
|
|
79
81
|
),
|
|
80
|
-
uploads && uploads.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-4 space-y-2", children: uploads.map((u) => {
|
|
81
|
-
var _a
|
|
82
|
-
|
|
83
|
-
|
|
82
|
+
uploads && uploads.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-4 space-y-2", children: /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: uploads.map((u) => {
|
|
83
|
+
var _a;
|
|
84
|
+
const pct = Math.max(0, Math.min(100, Math.round((_a = u.progress) != null ? _a : 0)));
|
|
85
|
+
return /* @__PURE__ */ jsxs(
|
|
86
|
+
motion.div,
|
|
84
87
|
{
|
|
88
|
+
layout: true,
|
|
89
|
+
initial: { opacity: 0, y: 6 },
|
|
90
|
+
animate: { opacity: 1, y: 0 },
|
|
91
|
+
exit: { opacity: 0, y: -6 },
|
|
92
|
+
transition: springSm,
|
|
85
93
|
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",
|
|
86
|
-
children:
|
|
87
|
-
/* @__PURE__ */ jsxs("div", { className: "
|
|
88
|
-
/* @__PURE__ */
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
94
|
+
children: [
|
|
95
|
+
/* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
|
|
96
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
|
|
97
|
+
/* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium", children: u.name }),
|
|
98
|
+
/* @__PURE__ */ jsxs("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: [
|
|
99
|
+
pct,
|
|
100
|
+
"%"
|
|
101
|
+
] })
|
|
102
|
+
] }),
|
|
103
|
+
/* @__PURE__ */ jsx("div", { className: "mt-1 h-2 w-full overflow-hidden rounded-full bg-slate-100 dark:bg-white/10", children: /* @__PURE__ */ jsx(
|
|
104
|
+
motion.div,
|
|
105
|
+
{
|
|
106
|
+
className: "h-full bg-gradient-to-r from-emerald-500/70 to-emerald-500/20",
|
|
107
|
+
initial: { width: 0 },
|
|
108
|
+
animate: { width: `${pct}%` },
|
|
109
|
+
transition: springSm
|
|
110
|
+
}
|
|
111
|
+
) }),
|
|
112
|
+
u.status === "error" && /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-blue-600", children: u.error })
|
|
93
113
|
] }),
|
|
94
|
-
/* @__PURE__ */ jsx("
|
|
95
|
-
|
|
96
|
-
{
|
|
97
|
-
className: "h-full bg-gradient-to-r from-emerald-500/70 to-emerald-500/20",
|
|
98
|
-
style: { width: `${Math.max(0, Math.min(100, Math.round((_b = u.progress) != null ? _b : 0)))}%` }
|
|
99
|
-
}
|
|
100
|
-
) }),
|
|
101
|
-
u.status === "error" && /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-blue-600", children: u.error })
|
|
102
|
-
] })
|
|
114
|
+
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" }) })
|
|
115
|
+
]
|
|
103
116
|
},
|
|
104
117
|
u.id
|
|
105
118
|
);
|
|
106
|
-
}) })
|
|
119
|
+
}) }) })
|
|
107
120
|
]
|
|
108
121
|
}
|
|
109
122
|
);
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { Transition, Variants } from 'framer-motion';
|
|
2
|
+
|
|
3
|
+
declare const springSm: Transition;
|
|
4
|
+
declare const springMd: Transition;
|
|
5
|
+
declare const springLg: Transition;
|
|
6
|
+
declare const fadeInOut: Variants;
|
|
7
|
+
declare const popOver: Variants;
|
|
8
|
+
declare const slideFromRight: Variants;
|
|
9
|
+
declare const slideFromBottom: Variants;
|
|
10
|
+
declare const tooltipVariant: Variants;
|
|
11
|
+
declare const menuTransition: Transition;
|
|
12
|
+
declare const microTransition: Transition;
|
|
13
|
+
|
|
14
|
+
declare const animations_fadeInOut: typeof fadeInOut;
|
|
15
|
+
declare const animations_menuTransition: typeof menuTransition;
|
|
16
|
+
declare const animations_microTransition: typeof microTransition;
|
|
17
|
+
declare const animations_popOver: typeof popOver;
|
|
18
|
+
declare const animations_slideFromBottom: typeof slideFromBottom;
|
|
19
|
+
declare const animations_slideFromRight: typeof slideFromRight;
|
|
20
|
+
declare const animations_springLg: typeof springLg;
|
|
21
|
+
declare const animations_springMd: typeof springMd;
|
|
22
|
+
declare const animations_springSm: typeof springSm;
|
|
23
|
+
declare const animations_tooltipVariant: typeof tooltipVariant;
|
|
24
|
+
declare namespace animations {
|
|
25
|
+
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 };
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
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 };
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { Transition, Variants } from 'framer-motion';
|
|
2
|
+
|
|
3
|
+
declare const springSm: Transition;
|
|
4
|
+
declare const springMd: Transition;
|
|
5
|
+
declare const springLg: Transition;
|
|
6
|
+
declare const fadeInOut: Variants;
|
|
7
|
+
declare const popOver: Variants;
|
|
8
|
+
declare const slideFromRight: Variants;
|
|
9
|
+
declare const slideFromBottom: Variants;
|
|
10
|
+
declare const tooltipVariant: Variants;
|
|
11
|
+
declare const menuTransition: Transition;
|
|
12
|
+
declare const microTransition: Transition;
|
|
13
|
+
|
|
14
|
+
declare const animations_fadeInOut: typeof fadeInOut;
|
|
15
|
+
declare const animations_menuTransition: typeof menuTransition;
|
|
16
|
+
declare const animations_microTransition: typeof microTransition;
|
|
17
|
+
declare const animations_popOver: typeof popOver;
|
|
18
|
+
declare const animations_slideFromBottom: typeof slideFromBottom;
|
|
19
|
+
declare const animations_slideFromRight: typeof slideFromRight;
|
|
20
|
+
declare const animations_springLg: typeof springLg;
|
|
21
|
+
declare const animations_springMd: typeof springMd;
|
|
22
|
+
declare const animations_springSm: typeof springSm;
|
|
23
|
+
declare const animations_tooltipVariant: typeof tooltipVariant;
|
|
24
|
+
declare namespace animations {
|
|
25
|
+
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 };
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
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 };
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
var animations_exports = {};
|
|
20
|
+
__export(animations_exports, {
|
|
21
|
+
fadeInOut: () => fadeInOut,
|
|
22
|
+
menuTransition: () => menuTransition,
|
|
23
|
+
microTransition: () => microTransition,
|
|
24
|
+
popOver: () => popOver,
|
|
25
|
+
slideFromBottom: () => slideFromBottom,
|
|
26
|
+
slideFromRight: () => slideFromRight,
|
|
27
|
+
springLg: () => springLg,
|
|
28
|
+
springMd: () => springMd,
|
|
29
|
+
springSm: () => springSm,
|
|
30
|
+
tooltipVariant: () => tooltipVariant
|
|
31
|
+
});
|
|
32
|
+
module.exports = __toCommonJS(animations_exports);
|
|
33
|
+
const springSm = { type: "spring", stiffness: 320, damping: 26 };
|
|
34
|
+
const springMd = { type: "spring", stiffness: 260, damping: 24 };
|
|
35
|
+
const springLg = { type: "spring", stiffness: 220, damping: 22 };
|
|
36
|
+
const fadeInOut = {
|
|
37
|
+
initial: { opacity: 0 },
|
|
38
|
+
animate: { opacity: 1 },
|
|
39
|
+
exit: { opacity: 0 }
|
|
40
|
+
};
|
|
41
|
+
const popOver = {
|
|
42
|
+
initial: { opacity: 0, y: 8, scale: 0.98 },
|
|
43
|
+
animate: { opacity: 1, y: 0, scale: 1 },
|
|
44
|
+
exit: { opacity: 0, y: 6, scale: 0.98 }
|
|
45
|
+
};
|
|
46
|
+
const slideFromRight = {
|
|
47
|
+
initial: { x: 32, opacity: 0 },
|
|
48
|
+
animate: { x: 0, opacity: 1 },
|
|
49
|
+
exit: { x: 32, opacity: 0 }
|
|
50
|
+
};
|
|
51
|
+
const slideFromBottom = {
|
|
52
|
+
initial: { y: 24, opacity: 0 },
|
|
53
|
+
animate: { y: 0, opacity: 1 },
|
|
54
|
+
exit: { y: 24, opacity: 0 }
|
|
55
|
+
};
|
|
56
|
+
const tooltipVariant = {
|
|
57
|
+
initial: { opacity: 0, y: 6, scale: 0.98 },
|
|
58
|
+
animate: { opacity: 1, y: 0, scale: 1 },
|
|
59
|
+
exit: { opacity: 0, y: 4, scale: 0.98 }
|
|
60
|
+
};
|
|
61
|
+
const menuTransition = springSm;
|
|
62
|
+
const microTransition = { duration: 0.15 };
|
|
63
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
64
|
+
0 && (module.exports = {
|
|
65
|
+
fadeInOut,
|
|
66
|
+
menuTransition,
|
|
67
|
+
microTransition,
|
|
68
|
+
popOver,
|
|
69
|
+
slideFromBottom,
|
|
70
|
+
slideFromRight,
|
|
71
|
+
springLg,
|
|
72
|
+
springMd,
|
|
73
|
+
springSm,
|
|
74
|
+
tooltipVariant
|
|
75
|
+
});
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
const springSm = { type: "spring", stiffness: 320, damping: 26 };
|
|
2
|
+
const springMd = { type: "spring", stiffness: 260, damping: 24 };
|
|
3
|
+
const springLg = { type: "spring", stiffness: 220, damping: 22 };
|
|
4
|
+
const fadeInOut = {
|
|
5
|
+
initial: { opacity: 0 },
|
|
6
|
+
animate: { opacity: 1 },
|
|
7
|
+
exit: { opacity: 0 }
|
|
8
|
+
};
|
|
9
|
+
const popOver = {
|
|
10
|
+
initial: { opacity: 0, y: 8, scale: 0.98 },
|
|
11
|
+
animate: { opacity: 1, y: 0, scale: 1 },
|
|
12
|
+
exit: { opacity: 0, y: 6, scale: 0.98 }
|
|
13
|
+
};
|
|
14
|
+
const slideFromRight = {
|
|
15
|
+
initial: { x: 32, opacity: 0 },
|
|
16
|
+
animate: { x: 0, opacity: 1 },
|
|
17
|
+
exit: { x: 32, opacity: 0 }
|
|
18
|
+
};
|
|
19
|
+
const slideFromBottom = {
|
|
20
|
+
initial: { y: 24, opacity: 0 },
|
|
21
|
+
animate: { y: 0, opacity: 1 },
|
|
22
|
+
exit: { y: 24, opacity: 0 }
|
|
23
|
+
};
|
|
24
|
+
const tooltipVariant = {
|
|
25
|
+
initial: { opacity: 0, y: 6, scale: 0.98 },
|
|
26
|
+
animate: { opacity: 1, y: 0, scale: 1 },
|
|
27
|
+
exit: { opacity: 0, y: 4, scale: 0.98 }
|
|
28
|
+
};
|
|
29
|
+
const menuTransition = springSm;
|
|
30
|
+
const microTransition = { duration: 0.15 };
|
|
31
|
+
export {
|
|
32
|
+
fadeInOut,
|
|
33
|
+
menuTransition,
|
|
34
|
+
microTransition,
|
|
35
|
+
popOver,
|
|
36
|
+
slideFromBottom,
|
|
37
|
+
slideFromRight,
|
|
38
|
+
springLg,
|
|
39
|
+
springMd,
|
|
40
|
+
springSm,
|
|
41
|
+
tooltipVariant
|
|
42
|
+
};
|
package/dist/index.d.mts
CHANGED
|
@@ -11,7 +11,7 @@ export { ColumnItem, default as ColumnSelector } from './ColumnSelector.mjs';
|
|
|
11
11
|
export { default as DateTimeField, DateTimeFieldProps } from './DateTimeField.mjs';
|
|
12
12
|
export { ConfirmDialog, ConfirmDialogProps, Dialog, DialogBody, DialogField, DialogFooter, DialogHeader, DialogProps, FormDialog, FormDialogProps } from './Dialog.mjs';
|
|
13
13
|
export { Content, default as Dropdown, Item, Label, Separator, Trigger } from './Dropdown.mjs';
|
|
14
|
-
export { SortTh, Td, Th } from './Table.mjs';
|
|
14
|
+
export { AnimatedBody, SortTh, Td, Th } from './Table.mjs';
|
|
15
15
|
export { default as Pagination, PaginationProps } from './Pagination.mjs';
|
|
16
16
|
export { default as InfoGrid, InfoItem } from './InfoGrid.mjs';
|
|
17
17
|
export { default as ChartCard } from './ChartCard.mjs';
|
|
@@ -41,6 +41,8 @@ export { default as Tooltip } from './Tooltip.mjs';
|
|
|
41
41
|
export { default as Link } from './Link.mjs';
|
|
42
42
|
export { ToastProvider, useToast } from './Toast.mjs';
|
|
43
43
|
export { default as StorageUsage, StorageUsageProps } from './StorageUsage.mjs';
|
|
44
|
+
export { a as Animations } from './animations-CHrNeawW.mjs';
|
|
45
|
+
export { default as MotionProvider } from './MotionProvider.mjs';
|
|
44
46
|
export { default as CalendarPanel, CalendarPanelProps } from './CalendarPanel.mjs';
|
|
45
47
|
export { MonthPopover, default as TimePopover, WeekPopover } from './TimePopover.mjs';
|
|
46
48
|
export { default as TimePanel } from './TimePanel.mjs';
|
|
@@ -50,3 +52,4 @@ export { Aficionados, AuditarDocumento, Borrar, CajaDeMano, Cajas, Calendario, C
|
|
|
50
52
|
export { default as ColorPicker, ColorPickerProps } from './ColorPicker.mjs';
|
|
51
53
|
import 'react';
|
|
52
54
|
import 'react/jsx-runtime';
|
|
55
|
+
import 'framer-motion';
|
package/dist/index.d.ts
CHANGED
|
@@ -11,7 +11,7 @@ export { ColumnItem, default as ColumnSelector } from './ColumnSelector.js';
|
|
|
11
11
|
export { default as DateTimeField, DateTimeFieldProps } from './DateTimeField.js';
|
|
12
12
|
export { ConfirmDialog, ConfirmDialogProps, Dialog, DialogBody, DialogField, DialogFooter, DialogHeader, DialogProps, FormDialog, FormDialogProps } from './Dialog.js';
|
|
13
13
|
export { Content, default as Dropdown, Item, Label, Separator, Trigger } from './Dropdown.js';
|
|
14
|
-
export { SortTh, Td, Th } from './Table.js';
|
|
14
|
+
export { AnimatedBody, SortTh, Td, Th } from './Table.js';
|
|
15
15
|
export { default as Pagination, PaginationProps } from './Pagination.js';
|
|
16
16
|
export { default as InfoGrid, InfoItem } from './InfoGrid.js';
|
|
17
17
|
export { default as ChartCard } from './ChartCard.js';
|
|
@@ -41,6 +41,8 @@ export { default as Tooltip } from './Tooltip.js';
|
|
|
41
41
|
export { default as Link } from './Link.js';
|
|
42
42
|
export { ToastProvider, useToast } from './Toast.js';
|
|
43
43
|
export { default as StorageUsage, StorageUsageProps } from './StorageUsage.js';
|
|
44
|
+
export { a as Animations } from './animations-CHrNeawW.js';
|
|
45
|
+
export { default as MotionProvider } from './MotionProvider.js';
|
|
44
46
|
export { default as CalendarPanel, CalendarPanelProps } from './CalendarPanel.js';
|
|
45
47
|
export { MonthPopover, default as TimePopover, WeekPopover } from './TimePopover.js';
|
|
46
48
|
export { default as TimePanel } from './TimePanel.js';
|
|
@@ -50,3 +52,4 @@ export { Aficionados, AuditarDocumento, Borrar, CajaDeMano, Cajas, Calendario, C
|
|
|
50
52
|
export { default as ColorPicker, ColorPickerProps } from './ColorPicker.js';
|
|
51
53
|
import 'react';
|
|
52
54
|
import 'react/jsx-runtime';
|
|
55
|
+
import 'framer-motion';
|
package/dist/index.js
CHANGED
|
@@ -30,6 +30,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
30
30
|
var index_exports = {};
|
|
31
31
|
__export(index_exports, {
|
|
32
32
|
ActionIconButton: () => import_ActionIconButton.default,
|
|
33
|
+
AnimatedBody: () => import_Table.AnimatedBody,
|
|
34
|
+
Animations: () => Animations,
|
|
33
35
|
AppTopbar: () => import_AppTopbar.default,
|
|
34
36
|
AvatarGroup: () => import_AvatarGroup.default,
|
|
35
37
|
AvatarSquare: () => import_AvatarSquare.default,
|
|
@@ -61,6 +63,7 @@ __export(index_exports, {
|
|
|
61
63
|
MediaSelector: () => import_MediaSelector.default,
|
|
62
64
|
Money: () => import_Money.default,
|
|
63
65
|
MonthPopover: () => import_TimePopover2.MonthPopover,
|
|
66
|
+
MotionProvider: () => import_MotionProvider.default,
|
|
64
67
|
MultiComboSelect: () => import_MultiComboSelect.default,
|
|
65
68
|
OrderButton: () => import_OrderButton.default,
|
|
66
69
|
Pagination: () => import_Pagination.default,
|
|
@@ -135,6 +138,8 @@ var import_Tooltip = __toESM(require("./Tooltip"));
|
|
|
135
138
|
var import_Link = __toESM(require("./Link"));
|
|
136
139
|
var import_Toast = require("./Toast");
|
|
137
140
|
var import_StorageUsage = __toESM(require("./StorageUsage"));
|
|
141
|
+
var Animations = __toESM(require("./animations"));
|
|
142
|
+
var import_MotionProvider = __toESM(require("./MotionProvider"));
|
|
138
143
|
var import_CalendarPanel = __toESM(require("./CalendarPanel"));
|
|
139
144
|
var import_TimePopover = __toESM(require("./TimePopover"));
|
|
140
145
|
var import_TimePopover2 = require("./TimePopover");
|
|
@@ -147,6 +152,8 @@ var import_ColorPicker = __toESM(require("./ColorPicker"));
|
|
|
147
152
|
// Annotate the CommonJS export names for ESM import in node:
|
|
148
153
|
0 && (module.exports = {
|
|
149
154
|
ActionIconButton,
|
|
155
|
+
AnimatedBody,
|
|
156
|
+
Animations,
|
|
150
157
|
AppTopbar,
|
|
151
158
|
AvatarGroup,
|
|
152
159
|
AvatarSquare,
|
|
@@ -178,6 +185,7 @@ var import_ColorPicker = __toESM(require("./ColorPicker"));
|
|
|
178
185
|
MediaSelector,
|
|
179
186
|
Money,
|
|
180
187
|
MonthPopover,
|
|
188
|
+
MotionProvider,
|
|
181
189
|
MultiComboSelect,
|
|
182
190
|
OrderButton,
|
|
183
191
|
Pagination,
|
package/dist/index.mjs
CHANGED
|
@@ -13,7 +13,7 @@ import { default as default13 } from "./Dialog";
|
|
|
13
13
|
export * from "./Dialog";
|
|
14
14
|
import { default as default14 } from "./Dropdown";
|
|
15
15
|
export * from "./Dropdown";
|
|
16
|
-
import { Th, SortTh, Td } from "./Table";
|
|
16
|
+
import { Th, SortTh, Td, AnimatedBody } from "./Table";
|
|
17
17
|
import { default as default15 } from "./Pagination";
|
|
18
18
|
import { default as default16 } from "./InfoGrid";
|
|
19
19
|
import { default as default17 } from "./ChartCard";
|
|
@@ -44,17 +44,21 @@ import { default as default39 } from "./Tooltip";
|
|
|
44
44
|
import { default as default40 } from "./Link";
|
|
45
45
|
import { ToastProvider, useToast } from "./Toast";
|
|
46
46
|
import { default as default41 } from "./StorageUsage";
|
|
47
|
-
import
|
|
48
|
-
import { default as
|
|
47
|
+
import * as Animations from "./animations";
|
|
48
|
+
import { default as default42 } from "./MotionProvider";
|
|
49
|
+
import { default as default43 } from "./CalendarPanel";
|
|
50
|
+
import { default as default44 } from "./TimePopover";
|
|
49
51
|
import { WeekPopover, MonthPopover } from "./TimePopover";
|
|
50
|
-
import { default as
|
|
51
|
-
import { default as
|
|
52
|
-
import { default as
|
|
52
|
+
import { default as default45 } from "./TimePanel";
|
|
53
|
+
import { default as default46 } from "./TimeRangeField";
|
|
54
|
+
import { default as default47 } from "./Steps";
|
|
53
55
|
import { StepsNav } from "./Steps";
|
|
54
56
|
export * from "./iconos";
|
|
55
|
-
import { default as
|
|
57
|
+
import { default as default48 } from "./ColorPicker";
|
|
56
58
|
export {
|
|
57
59
|
default3 as ActionIconButton,
|
|
60
|
+
AnimatedBody,
|
|
61
|
+
Animations,
|
|
58
62
|
default31 as AppTopbar,
|
|
59
63
|
default30 as AvatarGroup,
|
|
60
64
|
default29 as AvatarSquare,
|
|
@@ -62,12 +66,12 @@ export {
|
|
|
62
66
|
default24 as BadgeCluster,
|
|
63
67
|
default25 as Breadcrumb,
|
|
64
68
|
default2 as Button,
|
|
65
|
-
|
|
69
|
+
default43 as CalendarPanel,
|
|
66
70
|
default37 as Card,
|
|
67
71
|
default17 as ChartCard,
|
|
68
72
|
default6 as Checkbox,
|
|
69
73
|
default7 as CheckboxPillsGroup,
|
|
70
|
-
|
|
74
|
+
default48 as ColorPicker,
|
|
71
75
|
default11 as ColumnSelector,
|
|
72
76
|
default10 as ComboSelect,
|
|
73
77
|
CtrHorizontalBar,
|
|
@@ -86,6 +90,7 @@ export {
|
|
|
86
90
|
default20 as MediaSelector,
|
|
87
91
|
default27 as Money,
|
|
88
92
|
MonthPopover,
|
|
93
|
+
default42 as MotionProvider,
|
|
89
94
|
default35 as MultiComboSelect,
|
|
90
95
|
default32 as OrderButton,
|
|
91
96
|
default15 as Pagination,
|
|
@@ -96,16 +101,16 @@ export {
|
|
|
96
101
|
default36 as Sidebar,
|
|
97
102
|
SortTh,
|
|
98
103
|
default21 as StatCard,
|
|
99
|
-
|
|
104
|
+
default47 as Steps,
|
|
100
105
|
StepsNav,
|
|
101
106
|
default41 as StorageUsage,
|
|
102
107
|
Td,
|
|
103
108
|
default5 as Textarea,
|
|
104
109
|
Th,
|
|
105
110
|
default28 as TimeAgo,
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
111
|
+
default45 as TimePanel,
|
|
112
|
+
default44 as TimePopover,
|
|
113
|
+
default46 as TimeRangeField,
|
|
109
114
|
ToastProvider,
|
|
110
115
|
default39 as Tooltip,
|
|
111
116
|
TopImpresionesBar,
|