framepexls-ui-lib 0.1.5 → 0.1.7

package/dist/BadgeCluster.js

@@ -35,7 +35,7 @@ module.exports = __toCommonJS(BadgeCluster_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_react_dom = require("react-dom");
-var import_framer_motion = require("framer-motion");
+var import_react2 = require("motion/react");
 var import_Badge = __toESM(require("./Badge"));
 function BadgeCluster({
   items,
@@ -80,8 +80,8 @@ function BadgeCluster({
       window.removeEventListener("resize", onResize);
     };
   }, [open, align]);
-  const Popover = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_framer_motion.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_framer_motion.motion.div,
+  const Popover = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react2.motion.div,
     {
       initial: { opacity: 0, y: 6, scale: 0.98 },
       animate: { opacity: 1, y: 0, scale: 1 },

package/dist/BadgeCluster.mjs

@@ -2,7 +2,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useLayoutEffect, useRef, useState } from "react";
 import { createPortal } from "react-dom";
-import { AnimatePresence, motion } from "framer-motion";
+import { AnimatePresence, motion } from "motion/react";
 import Badge from "./Badge";
 function BadgeCluster({
   items,

package/dist/ColumnSelector.js

@@ -22,7 +22,7 @@ __export(ColumnSelector_exports, {
 });
 module.exports = __toCommonJS(ColumnSelector_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_framer_motion = require("framer-motion");
+var import_react = require("motion/react");
 function ColumnSelector({
   open,
   onToggleOpen,
@@ -42,8 +42,8 @@ function ColumnSelector({
         children: "Columnas"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_framer_motion.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_framer_motion.motion.div,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react.motion.div,
       {
         initial: { opacity: 0, y: 6 },
         animate: { opacity: 1, y: 0 },

package/dist/ColumnSelector.mjs

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { AnimatePresence, motion } from "framer-motion";
+import { AnimatePresence, motion } from "motion/react";
 function ColumnSelector({
   open,
   onToggleOpen,

package/dist/Dialog.js

@@ -41,7 +41,7 @@ __export(Dialog_exports, {
 module.exports = __toCommonJS(Dialog_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
-var import_framer_motion = require("framer-motion");
+var import_react2 = require("motion/react");
 var import_ActionIconButton = __toESM(require("./ActionIconButton"));
 const sizeToMaxW = {
   sm: "max-w-sm",
@@ -123,9 +123,9 @@ function DialogBase({
     if (!dismissibleBackdrop) return;
     if (e.target === e.currentTarget) onClose();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_framer_motion.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_framer_motion.motion.div,
+      import_react2.motion.div,
       {
         className: "fixed inset-0 z-[100] bg-black/45 backdrop-blur-sm",
         initial: { opacity: 0 },
@@ -134,7 +134,7 @@ function DialogBase({
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      import_framer_motion.motion.div,
+      import_react2.motion.div,
       {
         role: "dialog",
         "aria-modal": "true",

package/dist/Dialog.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React, { useEffect, useRef } from "react";
-import { motion, AnimatePresence } from "framer-motion";
+import { motion, AnimatePresence } from "motion/react";
 import ActionIconButton from "./ActionIconButton";
 const sizeToMaxW = {
   sm: "max-w-sm",

package/dist/StatCard.js

@@ -23,14 +23,14 @@ __export(StatCard_exports, {
 });
 module.exports = __toCommonJS(StatCard_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_framer_motion = require("framer-motion");
-var import_react = require("react");
+var import_react = require("motion/react");
+var import_react2 = require("react");
 var import_recharts = require("recharts");
 function StatCard({ title, value, hint, spark }) {
   var _a;
-  const gid = (0, import_react.useId)();
+  const gid = (0, import_react2.useId)();
   const color = (_a = spark == null ? void 0 : spark.color) != null ? _a : "#10b981";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_framer_motion.motion.div, { initial: { opacity: 0, y: 8 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.25 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "h-full group relative overflow-hidden rounded-2xl border border-slate-200 bg-white/80 p-4 shadow-sm ring-1 ring-black/5 backdrop-blur transition hover:shadow-md dark:border-white/10 dark:bg-white/5", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.motion.div, { initial: { opacity: 0, y: 8 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.25 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "h-full group relative overflow-hidden rounded-2xl border border-slate-200 bg-white/80 p-4 shadow-sm ring-1 ring-black/5 backdrop-blur transition hover:shadow-md dark:border-white/10 dark:bg-white/5", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative z-10", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs font-medium text-slate-500", children: title }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-1 text-2xl font-semibold tracking-tight", children: value }),

package/dist/StatCard.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { motion } from "framer-motion";
+import { motion } from "motion/react";
 import { useId } from "react";
 import { Area, AreaChart, ResponsiveContainer } from "recharts";
 function StatCard({ title, value, hint, spark }) {

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "framepexls-ui-lib",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "private": false,
-  "license": "UNLICENSED",
+  "license": "MIT",
+  "description": "Componentes UI de Framepexls para React/Next.",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -14,21 +15,29 @@
     }
   },
   "files": [
-    "dist"
+    "dist",
+    "README.md",
+    "LICENSE"
   ],
   "sideEffects": false,
+  "engines": {
+    "node": ">=18"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
+    "next": ">=13",
     "motion": "^12.23.16",
-    "next": "15.5.3",
     "recharts": "^3.2.1"
   },
   "devDependencies": {
+    "typescript": "^5.6.3",
+    "tsup": "^8.1.0",
     "@types/react": "^18",
     "@types/react-dom": "^18",
-    "tsup": "^8.1.0",
-    "typescript": "^5.6.3",
     "tailwindcss": "^4.1.13",
     "@tailwindcss/postcss": "^4.1.13",
     "motion": "^12.23.16",
@@ -36,135 +45,10 @@
     "next": "15.5.3"
   },
   "scripts": {
-    "build": "tsup --dts",
-    "dev": "tsup --watch --dts",
+    "build": "tsup",
+    "dev": "tsup --watch",
     "prepare": "npm run build"
   },
-  "dependencies": {
-    "acorn": "^8.15.0",
-    "ansi-regex": "^5.0.1",
-    "ansi-styles": "^4.3.0",
-    "any-promise": "^1.3.0",
-    "balanced-match": "^1.0.2",
-    "brace-expansion": "^2.0.2",
-    "bundle-require": "^5.1.0",
-    "cac": "^6.7.14",
-    "caniuse-lite": "^1.0.30001746",
-    "chokidar": "^4.0.3",
-    "chownr": "^3.0.0",
-    "client-only": "^0.0.1",
-    "clsx": "^2.1.1",
-    "color-convert": "^2.0.1",
-    "color-name": "^1.1.4",
-    "commander": "^4.1.1",
-    "confbox": "^0.1.8",
-    "consola": "^3.4.2",
-    "cross-spawn": "^7.0.6",
-    "csstype": "^3.1.3",
-    "d3-array": "^3.2.4",
-    "d3-color": "^3.1.0",
-    "d3-ease": "^3.0.1",
-    "d3-format": "^3.1.0",
-    "d3-interpolate": "^3.0.1",
-    "d3-path": "^3.1.0",
-    "d3-scale": "^4.0.2",
-    "d3-shape": "^3.2.0",
-    "d3-time": "^3.1.0",
-    "d3-time-format": "^4.1.0",
-    "d3-timer": "^3.0.1",
-    "debug": "^4.4.3",
-    "decimal.js-light": "^2.5.1",
-    "detect-libc": "^2.1.1",
-    "eastasianwidth": "^0.2.0",
-    "emoji-regex": "^8.0.0",
-    "enhanced-resolve": "^5.18.3",
-    "es-toolkit": "^1.39.10",
-    "esbuild": "^0.25.10",
-    "eventemitter3": "^5.0.1",
-    "fdir": "^6.5.0",
-    "fix-dts-default-cjs-exports": "^1.0.1",
-    "foreground-child": "^3.3.1",
-    "framer-motion": "^12.23.22",
-    "fsevents": "^2.3.3",
-    "glob": "^10.4.5",
-    "graceful-fs": "^4.2.11",
-    "immer": "^10.1.3",
-    "internmap": "^2.0.3",
-    "is-fullwidth-code-point": "^3.0.0",
-    "isexe": "^2.0.0",
-    "jackspeak": "^3.4.3",
-    "jiti": "^2.6.0",
-    "joycon": "^3.1.1",
-    "lightningcss": "^1.30.1",
-    "lightningcss-darwin-arm64": "^1.30.1",
-    "lilconfig": "^3.1.3",
-    "lines-and-columns": "^1.2.4",
-    "load-tsconfig": "^0.2.5",
-    "lodash.sortby": "^4.7.0",
-    "lru-cache": "^10.4.3",
-    "magic-string": "^0.30.19",
-    "minimatch": "^9.0.5",
-    "minipass": "^7.1.2",
-    "minizlib": "^3.1.0",
-    "mlly": "^1.8.0",
-    "motion-dom": "^12.23.21",
-    "motion-utils": "^12.23.6",
-    "ms": "^2.1.3",
-    "mz": "^2.7.0",
-    "nanoid": "^3.3.11",
-    "object-assign": "^4.1.1",
-    "package-json-from-dist": "^1.0.1",
-    "path-key": "^3.1.1",
-    "path-scurry": "^1.11.1",
-    "pathe": "^2.0.3",
-    "picocolors": "^1.1.1",
-    "picomatch": "^4.0.3",
-    "pirates": "^4.0.7",
-    "pkg-types": "^1.3.1",
-    "postcss": "^8.4.31",
-    "postcss-load-config": "^6.0.1",
-    "punycode": "^2.3.1",
-    "react-redux": "^9.2.0",
-    "readdirp": "^4.1.2",
-    "redux": "^5.0.1",
-    "redux-thunk": "^3.1.0",
-    "reselect": "^5.1.1",
-    "resolve-from": "^5.0.0",
-    "rollup": "^4.52.3",
-    "semver": "^7.7.2",
-    "sharp": "^0.34.4",
-    "shebang-command": "^2.0.0",
-    "shebang-regex": "^3.0.0",
-    "signal-exit": "^4.1.0",
-    "source-map": "^0.8.0-beta.0",
-    "source-map-js": "^1.2.1",
-    "string-width": "^5.1.2",
-    "string-width-cjs": "^4.2.3",
-    "strip-ansi": "^6.0.1",
-    "strip-ansi-cjs": "^6.0.1",
-    "styled-jsx": "^5.1.6",
-    "sucrase": "^3.35.0",
-    "tapable": "^2.2.3",
-    "tar": "^7.5.1",
-    "thenify": "^3.3.1",
-    "thenify-all": "^1.6.0",
-    "tiny-invariant": "^1.3.3",
-    "tinyexec": "^0.3.2",
-    "tinyglobby": "^0.2.15",
-    "tr46": "^1.0.1",
-    "tree-kill": "^1.2.2",
-    "ts-interface-checker": "^0.1.13",
-    "tslib": "^2.8.1",
-    "ufo": "^1.6.1",
-    "use-sync-external-store": "^1.5.0",
-    "victory-vendor": "^37.3.6",
-    "webidl-conversions": "^4.0.2",
-    "whatwg-url": "^7.1.0",
-    "which": "^2.0.2",
-    "wrap-ansi": "^8.1.0",
-    "wrap-ansi-cjs": "^7.0.0",
-    "yallist": "^5.0.0"
-  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/cponce-framepexls/ui-lib.git"
@@ -173,6 +57,5 @@
   "bugs": {
     "url": "https://github.com/cponce-framepexls/ui-lib/issues"
   },
-  "homepage": "https://github.com/cponce-framepexls/ui-lib#readme",
-  "description": ""
-}
+  "homepage": "https://github.com/cponce-framepexls/ui-lib#readme"
+}