framepexls-ui-lib 0.3.18 → 0.3.19

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.
Files changed (7) hide show
  1. package/dist/Checkbox.d.mts +1 -1
  2. package/dist/Checkbox.d.ts +1 -1
  3. package/dist/KpiCard.js +5 -4
  4. package/dist/KpiCard.mjs +5 -4
  5. package/dist/Table.js +1 -1
  6. package/dist/Table.mjs +1 -1
  7. package/package.json +1 -1
package/dist/Checkbox.d.mts CHANGED
@@ -11,7 +11,7 @@ type CheckboxProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>,
11
11
  className?: string;
12
12
  inputClassName?: string;
13
13
  };
14
- declare const Checkbox: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
14
+ declare const Checkbox: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
15
15
  label?: React__default.ReactNode;
16
16
  description?: React__default.ReactNode;
17
17
  error?: boolean;
package/dist/Checkbox.d.ts CHANGED
@@ -11,7 +11,7 @@ type CheckboxProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>,
11
11
  className?: string;
12
12
  inputClassName?: string;
13
13
  };
14
- declare const Checkbox: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
14
+ declare const Checkbox: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
15
15
  label?: React__default.ReactNode;
16
16
  description?: React__default.ReactNode;
17
17
  error?: boolean;
package/dist/KpiCard.js CHANGED
@@ -39,13 +39,14 @@ function MotionNumber({ value, format }) {
39
39
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: format ? format(display) : Math.round(display).toLocaleString() });
40
40
  }
41
41
  function KpiCard({ label, value, delta, help, clickable }) {
42
+ const interactive = !!clickable;
42
43
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
43
44
  import_framer_motion.motion.div,
44
45
  {
45
- whileHover: clickable ? { y: -2, boxShadow: "0 12px 30px rgba(15,23,42,0.18)" } : void 0,
46
- whileTap: clickable ? { scale: 0.98 } : void 0,
47
- transition: { type: "spring", stiffness: 260, damping: 20 },
48
- className: `rounded-2xl border border-white/50 bg-white/75 p-4 text-slate-900/90 backdrop-blur-sm dark:border-white/10 dark:bg-[var(--fx-surface)] dark:text-white ${clickable ? "cursor-pointer ring-1 ring-transparent hover:ring-blue-400/60" : ""}`,
46
+ whileHover: interactive ? { y: -2, scale: 1.01 } : void 0,
47
+ whileTap: interactive ? { scale: 0.985, y: 0 } : void 0,
48
+ transition: interactive ? { type: "tween", duration: 0.16, ease: "easeOut" } : void 0,
49
+ className: `rounded-2xl border border-white/50 bg-white/75 p-4 text-slate-900/90 backdrop-blur-sm shadow-sm transition-shadow dark:border-white/10 dark:bg-[var(--fx-surface)] dark:text-white ${interactive ? "cursor-pointer hover:shadow-lg ring-1 ring-transparent hover:ring-blue-400/60" : ""}`,
49
50
  children: [
50
51
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between", children: [
51
52
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-slate-600 dark:text-white/80", children: label }),
package/dist/KpiCard.mjs CHANGED
@@ -16,13 +16,14 @@ function MotionNumber({ value, format }) {
16
16
  return /* @__PURE__ */ jsx("span", { children: format ? format(display) : Math.round(display).toLocaleString() });
17
17
  }
18
18
  function KpiCard({ label, value, delta, help, clickable }) {
19
+ const interactive = !!clickable;
19
20
  return /* @__PURE__ */ jsxs(
20
21
  motion.div,
21
22
  {
22
- whileHover: clickable ? { y: -2, boxShadow: "0 12px 30px rgba(15,23,42,0.18)" } : void 0,
23
- whileTap: clickable ? { scale: 0.98 } : void 0,
24
- transition: { type: "spring", stiffness: 260, damping: 20 },
25
- className: `rounded-2xl border border-white/50 bg-white/75 p-4 text-slate-900/90 backdrop-blur-sm dark:border-white/10 dark:bg-[var(--fx-surface)] dark:text-white ${clickable ? "cursor-pointer ring-1 ring-transparent hover:ring-blue-400/60" : ""}`,
23
+ whileHover: interactive ? { y: -2, scale: 1.01 } : void 0,
24
+ whileTap: interactive ? { scale: 0.985, y: 0 } : void 0,
25
+ transition: interactive ? { type: "tween", duration: 0.16, ease: "easeOut" } : void 0,
26
+ className: `rounded-2xl border border-white/50 bg-white/75 p-4 text-slate-900/90 backdrop-blur-sm shadow-sm transition-shadow dark:border-white/10 dark:bg-[var(--fx-surface)] dark:text-white ${interactive ? "cursor-pointer hover:shadow-lg ring-1 ring-transparent hover:ring-blue-400/60" : ""}`,
26
27
  children: [
27
28
  /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
28
29
  /* @__PURE__ */ jsx("span", { className: "text-slate-600 dark:text-white/80", children: label }),
package/dist/Table.js CHANGED
@@ -55,7 +55,7 @@ const Table = import_react.default.forwardRef(function Table2({ className, dense
55
55
  {
56
56
  ref,
57
57
  className: cx(
58
- "min-w-full table-auto text-left text-[13px] sm:text-sm",
58
+ "min-w-max table-auto text-left text-[13px] sm:text-sm w-full",
59
59
  dense && "text-xs",
60
60
  className
61
61
  ),
package/dist/Table.mjs CHANGED
@@ -18,7 +18,7 @@ const Table = React.forwardRef(function Table2({ className, dense = false, child
18
18
  {
19
19
  ref,
20
20
  className: cx(
21
- "min-w-full table-auto text-left text-[13px] sm:text-sm",
21
+ "min-w-max table-auto text-left text-[13px] sm:text-sm w-full",
22
22
  dense && "text-xs",
23
23
  className
24
24
  ),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "framepexls-ui-lib",
3
- "version": "0.3.18",
3
+ "version": "0.3.19",
4
4
  "private": false,
5
5
  "license": "MIT",
6
6
  "description": "Componentes UI de Framepexls para React/Next.",