bynana-ui 1.0.0 → 1.1.0

package/dist/threed-button/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/threed-button/index.tsx"],"names":["cn","inputs","twMerge","clsx","variants","sizes","ThreeDButton","children","className","variant","size","props","colors","jsx","motion","threed_button_default"],"mappings":"oIAGO,SAASA,CAAAA,CAAAA,GAAMC,CAAAA,CAAsB,CAC1C,OAAOC,OAAAA,CAAQC,IAAAA,CAAKF,CAAM,CAAC,CAC7B,CCKA,IAAMG,CAAAA,CAAW,CACf,QAAS,CACP,EAAA,CAAI,aAAA,CACJ,MAAA,CAAQ,iBAAA,CACR,KAAA,CAAO,mBACT,CAAA,CACA,SAAA,CAAW,CACT,EAAA,CAAI,aAAA,CACJ,MAAA,CAAQ,iBAAA,CACR,KAAA,CAAO,mBACT,EACA,MAAA,CAAQ,CACN,EAAA,CAAI,YAAA,CACJ,MAAA,CAAQ,gBAAA,CACR,KAAA,CAAO,kBACT,CACF,CAAA,CAEMC,CAAAA,CAAQ,CACZ,EAAA,CAAI,mBAAA,CACJ,EAAA,CAAI,qBAAA,CACJ,GAAI,mBACN,CAAA,CAEO,SAASC,CAAAA,CAAa,CAC3B,QAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CAAU,SAAA,CACV,IAAA,CAAAC,CAAAA,CAAO,IAAA,CACP,GAAGC,CACL,CAAA,CAAsB,CACpB,IAAMC,CAAAA,CAASR,CAAAA,CAASK,CAAO,CAAA,CAE/B,OACEI,GAAAA,CAACC,MAAAA,CAAO,MAAA,CAAP,CACC,SAAA,CAAWd,CAAAA,CACT,8CAAA,CACA,oBAAA,CACAY,EAAO,EAAA,CACPA,CAAAA,CAAO,MAAA,CACPA,CAAAA,CAAO,KAAA,CACPP,CAAAA,CAAMK,CAAI,CAAA,CACVF,CACF,CAAA,CACA,UAAA,CAAY,CAAE,CAAA,CAAG,EAAG,CAAA,CACpB,QAAA,CAAU,CAAE,CAAA,CAAG,CAAA,CAAG,SAAA,CAAW,WAAY,CAAA,CACzC,UAAA,CAAY,CAAE,QAAA,CAAU,EAAI,CAAA,CAC3B,GAAGG,CAAAA,CAEH,QAAA,CAAAJ,CAAAA,CACH,CAEJ,KAEOQ,CAAAA,CAAQT","file":"index.mjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}\r\n","\"use client\";\r\n\r\nimport { motion } from \"framer-motion\";\r\nimport { cn } from \"../utils/cn\";\r\n\r\ninterface ThreeDButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n  variant?: \"primary\" | \"secondary\" | \"danger\";\r\n  size?: \"sm\" | \"md\" | \"lg\";\r\n}\r\n\r\nconst variants = {\r\n  primary: {\r\n    bg: \"bg-blue-500\",\r\n    shadow: \"shadow-blue-700\",\r\n    hover: \"hover:bg-blue-600\",\r\n  },\r\n  secondary: {\r\n    bg: \"bg-zinc-700\",\r\n    shadow: \"shadow-zinc-900\",\r\n    hover: \"hover:bg-zinc-800\",\r\n  },\r\n  danger: {\r\n    bg: \"bg-red-500\",\r\n    shadow: \"shadow-red-700\",\r\n    hover: \"hover:bg-red-600\",\r\n  },\r\n};\r\n\r\nconst sizes = {\r\n  sm: \"px-4 py-2 text-sm\",\r\n  md: \"px-6 py-3 text-base\",\r\n  lg: \"px-8 py-4 text-lg\",\r\n};\r\n\r\nexport function ThreeDButton({\r\n  children,\r\n  className,\r\n  variant = \"primary\",\r\n  size = \"md\",\r\n  ...props\r\n}: ThreeDButtonProps) {\r\n  const colors = variants[variant];\r\n\r\n  return (\r\n    <motion.button\r\n      className={cn(\r\n        \"relative rounded-lg font-semibold text-white\",\r\n        \"shadow-[0_6px_0_0]\",\r\n        colors.bg,\r\n        colors.shadow,\r\n        colors.hover,\r\n        sizes[size],\r\n        className\r\n      )}\r\n      whileHover={{ y: -2 }}\r\n      whileTap={{ y: 4, boxShadow: \"0 2px 0 0\" }}\r\n      transition={{ duration: 0.1 }}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </motion.button>\r\n  );\r\n}\r\n\r\nexport default ThreeDButton;\r\n"]}

package/dist/tooltip/index.js

@@ -0,0 +1,2 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var react=require('react'),framerMotion=require('framer-motion'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function o(...i){return tailwindMerge.twMerge(clsx.clsx(i))}function x({children:i,content:l,position:t="top",className:r}){let[s,a]=react.useState(false),m={top:"bottom-full left-1/2 -translate-x-1/2 mb-2",bottom:"top-full left-1/2 -translate-x-1/2 mt-2",left:"right-full top-1/2 -translate-y-1/2 mr-2",right:"left-full top-1/2 -translate-y-1/2 ml-2"},e={top:{initial:{opacity:0,y:5},animate:{opacity:1,y:0}},bottom:{initial:{opacity:0,y:-5},animate:{opacity:1,y:0}},left:{initial:{opacity:0,x:5},animate:{opacity:1,x:0}},right:{initial:{opacity:0,x:-5},animate:{opacity:1,x:0}}};return jsxRuntime.jsxs("div",{className:"relative inline-block",onMouseEnter:()=>a(true),onMouseLeave:()=>a(false),children:[i,jsxRuntime.jsx(framerMotion.AnimatePresence,{children:s&&jsxRuntime.jsx(framerMotion.motion.div,{className:o("absolute z-50 px-2 py-1 text-sm text-white bg-zinc-900 dark:bg-zinc-100 dark:text-zinc-900 rounded whitespace-nowrap",m[t],r),initial:e[t].initial,animate:e[t].animate,exit:e[t].initial,transition:{duration:.15},children:l})})]})}var N=x;exports.Tooltip=x;exports.default=N;//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/tooltip/index.tsx"],"names":["cn","inputs","twMerge","clsx","Tooltip","children","content","position","className","isVisible","setIsVisible","useState","positions","animations","jsxs","jsx","AnimatePresence","motion","tooltip_default"],"mappings":"4OAGO,SAASA,CAAAA,CAAAA,GAAMC,CAAAA,CAAsB,CAC1C,OAAOC,qBAAAA,CAAQC,UAAKF,CAAM,CAAC,CAC7B,CCQO,SAASG,EAAQ,CACtB,QAAA,CAAAC,EACA,OAAA,CAAAC,CAAAA,CACA,SAAAC,CAAAA,CAAW,KAAA,CACX,SAAA,CAAAC,CACF,CAAA,CAAiB,CACf,GAAM,CAACC,CAAAA,CAAWC,CAAY,CAAA,CAAIC,cAAAA,CAAS,KAAK,CAAA,CAE1CC,CAAAA,CAAY,CAChB,GAAA,CAAK,4CAAA,CACL,OAAQ,yCAAA,CACR,IAAA,CAAM,2CACN,KAAA,CAAO,yCACT,EAEMC,CAAAA,CAAa,CACjB,GAAA,CAAK,CAAE,OAAA,CAAS,CAAE,QAAS,CAAA,CAAG,CAAA,CAAG,CAAE,CAAA,CAAG,OAAA,CAAS,CAAE,OAAA,CAAS,CAAA,CAAG,CAAA,CAAG,CAAE,CAAE,CAAA,CACpE,OAAQ,CAAE,OAAA,CAAS,CAAE,OAAA,CAAS,CAAA,CAAG,EAAG,EAAG,CAAA,CAAG,OAAA,CAAS,CAAE,OAAA,CAAS,CAAA,CAAG,EAAG,CAAE,CAAE,EACxE,IAAA,CAAM,CAAE,QAAS,CAAE,OAAA,CAAS,EAAG,CAAA,CAAG,CAAE,EAAG,OAAA,CAAS,CAAE,QAAS,CAAA,CAAG,CAAA,CAAG,CAAE,CAAE,CAAA,CACrE,KAAA,CAAO,CAAE,OAAA,CAAS,CAAE,QAAS,CAAA,CAAG,CAAA,CAAG,EAAG,CAAA,CAAG,OAAA,CAAS,CAAE,OAAA,CAAS,CAAA,CAAG,CAAA,CAAG,CAAE,CAAE,CACzE,EAEA,OACEC,eAAAA,CAAC,OACC,SAAA,CAAU,uBAAA,CACV,aAAc,IAAMJ,CAAAA,CAAa,IAAI,CAAA,CACrC,YAAA,CAAc,IAAMA,EAAa,KAAK,CAAA,CAErC,UAAAL,CAAAA,CACDU,cAAAA,CAACC,6BAAA,CACE,QAAA,CAAAP,GACCM,cAAAA,CAACE,mBAAAA,CAAO,IAAP,CACC,SAAA,CAAWjB,EACT,sHAAA,CACAY,CAAAA,CAAUL,CAAQ,CAAA,CAClBC,CACF,CAAA,CACA,OAAA,CAASK,CAAAA,CAAWN,CAAQ,EAAE,OAAA,CAC9B,OAAA,CAASM,EAAWN,CAAQ,CAAA,CAAE,QAC9B,IAAA,CAAMM,CAAAA,CAAWN,CAAQ,CAAA,CAAE,OAAA,CAC3B,UAAA,CAAY,CAAE,QAAA,CAAU,GAAK,EAE5B,QAAA,CAAAD,CAAAA,CACH,EAEJ,CAAA,CAAA,CACF,CAEJ,CAEA,IAAOY,CAAAA,CAAQd","file":"index.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}\r\n","\"use client\";\r\n\r\nimport { useState } from \"react\";\r\nimport { motion, AnimatePresence } from \"framer-motion\";\r\nimport { cn } from \"../utils/cn\";\r\n\r\ninterface TooltipProps {\r\n  children: React.ReactNode;\r\n  content: string;\r\n  position?: \"top\" | \"bottom\" | \"left\" | \"right\";\r\n  className?: string;\r\n}\r\n\r\nexport function Tooltip({ \r\n  children, \r\n  content, \r\n  position = \"top\",\r\n  className \r\n}: TooltipProps) {\r\n  const [isVisible, setIsVisible] = useState(false);\r\n\r\n  const positions = {\r\n    top: \"bottom-full left-1/2 -translate-x-1/2 mb-2\",\r\n    bottom: \"top-full left-1/2 -translate-x-1/2 mt-2\",\r\n    left: \"right-full top-1/2 -translate-y-1/2 mr-2\",\r\n    right: \"left-full top-1/2 -translate-y-1/2 ml-2\",\r\n  };\r\n\r\n  const animations = {\r\n    top: { initial: { opacity: 0, y: 5 }, animate: { opacity: 1, y: 0 } },\r\n    bottom: { initial: { opacity: 0, y: -5 }, animate: { opacity: 1, y: 0 } },\r\n    left: { initial: { opacity: 0, x: 5 }, animate: { opacity: 1, x: 0 } },\r\n    right: { initial: { opacity: 0, x: -5 }, animate: { opacity: 1, x: 0 } },\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className=\"relative inline-block\"\r\n      onMouseEnter={() => setIsVisible(true)}\r\n      onMouseLeave={() => setIsVisible(false)}\r\n    >\r\n      {children}\r\n      <AnimatePresence>\r\n        {isVisible && (\r\n          <motion.div\r\n            className={cn(\r\n              \"absolute z-50 px-2 py-1 text-sm text-white bg-zinc-900 dark:bg-zinc-100 dark:text-zinc-900 rounded whitespace-nowrap\",\r\n              positions[position],\r\n              className\r\n            )}\r\n            initial={animations[position].initial}\r\n            animate={animations[position].animate}\r\n            exit={animations[position].initial}\r\n            transition={{ duration: 0.15 }}\r\n          >\r\n            {content}\r\n          </motion.div>\r\n        )}\r\n      </AnimatePresence>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Tooltip;\r\n"]}

package/dist/tooltip/index.mjs

@@ -0,0 +1,2 @@
+import {useState}from'react';import {AnimatePresence,motion}from'framer-motion';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsxs,jsx}from'react/jsx-runtime';function o(...i){return twMerge(clsx(i))}function x({children:i,content:l,position:t="top",className:r}){let[s,a]=useState(false),m={top:"bottom-full left-1/2 -translate-x-1/2 mb-2",bottom:"top-full left-1/2 -translate-x-1/2 mt-2",left:"right-full top-1/2 -translate-y-1/2 mr-2",right:"left-full top-1/2 -translate-y-1/2 ml-2"},e={top:{initial:{opacity:0,y:5},animate:{opacity:1,y:0}},bottom:{initial:{opacity:0,y:-5},animate:{opacity:1,y:0}},left:{initial:{opacity:0,x:5},animate:{opacity:1,x:0}},right:{initial:{opacity:0,x:-5},animate:{opacity:1,x:0}}};return jsxs("div",{className:"relative inline-block",onMouseEnter:()=>a(true),onMouseLeave:()=>a(false),children:[i,jsx(AnimatePresence,{children:s&&jsx(motion.div,{className:o("absolute z-50 px-2 py-1 text-sm text-white bg-zinc-900 dark:bg-zinc-100 dark:text-zinc-900 rounded whitespace-nowrap",m[t],r),initial:e[t].initial,animate:e[t].animate,exit:e[t].initial,transition:{duration:.15},children:l})})]})}var N=x;export{x as Tooltip,N as default};//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/tooltip/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/tooltip/index.tsx"],"names":["cn","inputs","twMerge","clsx","Tooltip","children","content","position","className","isVisible","setIsVisible","useState","positions","animations","jsxs","jsx","AnimatePresence","motion","tooltip_default"],"mappings":"sLAGO,SAASA,CAAAA,CAAAA,GAAMC,CAAAA,CAAsB,CAC1C,OAAOC,OAAAA,CAAQC,KAAKF,CAAM,CAAC,CAC7B,CCQO,SAASG,EAAQ,CACtB,QAAA,CAAAC,EACA,OAAA,CAAAC,CAAAA,CACA,SAAAC,CAAAA,CAAW,KAAA,CACX,SAAA,CAAAC,CACF,CAAA,CAAiB,CACf,GAAM,CAACC,CAAAA,CAAWC,CAAY,CAAA,CAAIC,QAAAA,CAAS,KAAK,CAAA,CAE1CC,CAAAA,CAAY,CAChB,GAAA,CAAK,4CAAA,CACL,OAAQ,yCAAA,CACR,IAAA,CAAM,2CACN,KAAA,CAAO,yCACT,EAEMC,CAAAA,CAAa,CACjB,GAAA,CAAK,CAAE,OAAA,CAAS,CAAE,QAAS,CAAA,CAAG,CAAA,CAAG,CAAE,CAAA,CAAG,OAAA,CAAS,CAAE,OAAA,CAAS,CAAA,CAAG,CAAA,CAAG,CAAE,CAAE,CAAA,CACpE,OAAQ,CAAE,OAAA,CAAS,CAAE,OAAA,CAAS,CAAA,CAAG,EAAG,EAAG,CAAA,CAAG,OAAA,CAAS,CAAE,OAAA,CAAS,CAAA,CAAG,EAAG,CAAE,CAAE,EACxE,IAAA,CAAM,CAAE,QAAS,CAAE,OAAA,CAAS,EAAG,CAAA,CAAG,CAAE,EAAG,OAAA,CAAS,CAAE,QAAS,CAAA,CAAG,CAAA,CAAG,CAAE,CAAE,CAAA,CACrE,KAAA,CAAO,CAAE,OAAA,CAAS,CAAE,QAAS,CAAA,CAAG,CAAA,CAAG,EAAG,CAAA,CAAG,OAAA,CAAS,CAAE,OAAA,CAAS,CAAA,CAAG,CAAA,CAAG,CAAE,CAAE,CACzE,EAEA,OACEC,IAAAA,CAAC,OACC,SAAA,CAAU,uBAAA,CACV,aAAc,IAAMJ,CAAAA,CAAa,IAAI,CAAA,CACrC,YAAA,CAAc,IAAMA,EAAa,KAAK,CAAA,CAErC,UAAAL,CAAAA,CACDU,GAAAA,CAACC,gBAAA,CACE,QAAA,CAAAP,GACCM,GAAAA,CAACE,MAAAA,CAAO,IAAP,CACC,SAAA,CAAWjB,EACT,sHAAA,CACAY,CAAAA,CAAUL,CAAQ,CAAA,CAClBC,CACF,CAAA,CACA,OAAA,CAASK,CAAAA,CAAWN,CAAQ,EAAE,OAAA,CAC9B,OAAA,CAASM,EAAWN,CAAQ,CAAA,CAAE,QAC9B,IAAA,CAAMM,CAAAA,CAAWN,CAAQ,CAAA,CAAE,OAAA,CAC3B,UAAA,CAAY,CAAE,QAAA,CAAU,GAAK,EAE5B,QAAA,CAAAD,CAAAA,CACH,EAEJ,CAAA,CAAA,CACF,CAEJ,CAEA,IAAOY,CAAAA,CAAQd","file":"index.mjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}\r\n","\"use client\";\r\n\r\nimport { useState } from \"react\";\r\nimport { motion, AnimatePresence } from \"framer-motion\";\r\nimport { cn } from \"../utils/cn\";\r\n\r\ninterface TooltipProps {\r\n  children: React.ReactNode;\r\n  content: string;\r\n  position?: \"top\" | \"bottom\" | \"left\" | \"right\";\r\n  className?: string;\r\n}\r\n\r\nexport function Tooltip({ \r\n  children, \r\n  content, \r\n  position = \"top\",\r\n  className \r\n}: TooltipProps) {\r\n  const [isVisible, setIsVisible] = useState(false);\r\n\r\n  const positions = {\r\n    top: \"bottom-full left-1/2 -translate-x-1/2 mb-2\",\r\n    bottom: \"top-full left-1/2 -translate-x-1/2 mt-2\",\r\n    left: \"right-full top-1/2 -translate-y-1/2 mr-2\",\r\n    right: \"left-full top-1/2 -translate-y-1/2 ml-2\",\r\n  };\r\n\r\n  const animations = {\r\n    top: { initial: { opacity: 0, y: 5 }, animate: { opacity: 1, y: 0 } },\r\n    bottom: { initial: { opacity: 0, y: -5 }, animate: { opacity: 1, y: 0 } },\r\n    left: { initial: { opacity: 0, x: 5 }, animate: { opacity: 1, x: 0 } },\r\n    right: { initial: { opacity: 0, x: -5 }, animate: { opacity: 1, x: 0 } },\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className=\"relative inline-block\"\r\n      onMouseEnter={() => setIsVisible(true)}\r\n      onMouseLeave={() => setIsVisible(false)}\r\n    >\r\n      {children}\r\n      <AnimatePresence>\r\n        {isVisible && (\r\n          <motion.div\r\n            className={cn(\r\n              \"absolute z-50 px-2 py-1 text-sm text-white bg-zinc-900 dark:bg-zinc-100 dark:text-zinc-900 rounded whitespace-nowrap\",\r\n              positions[position],\r\n              className\r\n            )}\r\n            initial={animations[position].initial}\r\n            animate={animations[position].animate}\r\n            exit={animations[position].initial}\r\n            transition={{ duration: 0.15 }}\r\n          >\r\n            {content}\r\n          </motion.div>\r\n        )}\r\n      </AnimatePresence>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Tooltip;\r\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bynana-ui",
-  "version": "1.0.0",
-  "description": "200+ Beautiful React UI components built with Tailwind CSS and Framer Motion",
+  "version": "1.1.0",
+  "description": "50+ Beautiful React UI components built with Tailwind CSS and Framer Motion",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -41,6 +41,36 @@
       "require": "./dist/pulse-button/index.js",
       "types": "./dist/pulse-button/index.d.ts"
     },
+    "./neon-button": {
+      "import": "./dist/neon-button/index.mjs",
+      "require": "./dist/neon-button/index.js",
+      "types": "./dist/neon-button/index.d.ts"
+    },
+    "./liquid-button": {
+      "import": "./dist/liquid-button/index.mjs",
+      "require": "./dist/liquid-button/index.js",
+      "types": "./dist/liquid-button/index.d.ts"
+    },
+    "./slide-button": {
+      "import": "./dist/slide-button/index.mjs",
+      "require": "./dist/slide-button/index.js",
+      "types": "./dist/slide-button/index.d.ts"
+    },
+    "./gradient-button": {
+      "import": "./dist/gradient-button/index.mjs",
+      "require": "./dist/gradient-button/index.js",
+      "types": "./dist/gradient-button/index.d.ts"
+    },
+    "./hold-button": {
+      "import": "./dist/hold-button/index.mjs",
+      "require": "./dist/hold-button/index.js",
+      "types": "./dist/hold-button/index.d.ts"
+    },
+    "./threed-button": {
+      "import": "./dist/threed-button/index.mjs",
+      "require": "./dist/threed-button/index.js",
+      "types": "./dist/threed-button/index.d.ts"
+    },
     "./gradient-text": {
       "import": "./dist/gradient-text/index.mjs",
       "require": "./dist/gradient-text/index.js",
@@ -81,6 +111,66 @@
       "require": "./dist/flip-text/index.js",
       "types": "./dist/flip-text/index.d.ts"
     },
+    "./shiny-text": {
+      "import": "./dist/shiny-text/index.mjs",
+      "require": "./dist/shiny-text/index.js",
+      "types": "./dist/shiny-text/index.d.ts"
+    },
+    "./fuzzy-text": {
+      "import": "./dist/fuzzy-text/index.mjs",
+      "require": "./dist/fuzzy-text/index.js",
+      "types": "./dist/fuzzy-text/index.d.ts"
+    },
+    "./matrix-text": {
+      "import": "./dist/matrix-text/index.mjs",
+      "require": "./dist/matrix-text/index.js",
+      "types": "./dist/matrix-text/index.d.ts"
+    },
+    "./liquid-text": {
+      "import": "./dist/liquid-text/index.mjs",
+      "require": "./dist/liquid-text/index.js",
+      "types": "./dist/liquid-text/index.d.ts"
+    },
+    "./swoosh-text": {
+      "import": "./dist/swoosh-text/index.mjs",
+      "require": "./dist/swoosh-text/index.js",
+      "types": "./dist/swoosh-text/index.d.ts"
+    },
+    "./scrambled-text": {
+      "import": "./dist/scrambled-text/index.mjs",
+      "require": "./dist/scrambled-text/index.js",
+      "types": "./dist/scrambled-text/index.d.ts"
+    },
+    "./magnetic-text": {
+      "import": "./dist/magnetic-text/index.mjs",
+      "require": "./dist/magnetic-text/index.js",
+      "types": "./dist/magnetic-text/index.d.ts"
+    },
+    "./dynamic-text": {
+      "import": "./dist/dynamic-text/index.mjs",
+      "require": "./dist/dynamic-text/index.js",
+      "types": "./dist/dynamic-text/index.d.ts"
+    },
+    "./rotating-text": {
+      "import": "./dist/rotating-text/index.mjs",
+      "require": "./dist/rotating-text/index.js",
+      "types": "./dist/rotating-text/index.d.ts"
+    },
+    "./stagger-text": {
+      "import": "./dist/stagger-text/index.mjs",
+      "require": "./dist/stagger-text/index.js",
+      "types": "./dist/stagger-text/index.d.ts"
+    },
+    "./rainbow-text": {
+      "import": "./dist/rainbow-text/index.mjs",
+      "require": "./dist/rainbow-text/index.js",
+      "types": "./dist/rainbow-text/index.d.ts"
+    },
+    "./count-up": {
+      "import": "./dist/count-up/index.mjs",
+      "require": "./dist/count-up/index.js",
+      "types": "./dist/count-up/index.d.ts"
+    },
     "./glass-card": {
       "import": "./dist/glass-card/index.mjs",
       "require": "./dist/glass-card/index.js",
@@ -106,11 +196,56 @@
       "require": "./dist/loading-spinner/index.js",
       "types": "./dist/loading-spinner/index.d.ts"
     },
+    "./loading-bar": {
+      "import": "./dist/loading-bar/index.mjs",
+      "require": "./dist/loading-bar/index.js",
+      "types": "./dist/loading-bar/index.d.ts"
+    },
+    "./loading-pulse": {
+      "import": "./dist/loading-pulse/index.mjs",
+      "require": "./dist/loading-pulse/index.js",
+      "types": "./dist/loading-pulse/index.d.ts"
+    },
+    "./loading-bounce": {
+      "import": "./dist/loading-bounce/index.mjs",
+      "require": "./dist/loading-bounce/index.js",
+      "types": "./dist/loading-bounce/index.d.ts"
+    },
     "./animated-list": {
       "import": "./dist/animated-list/index.mjs",
       "require": "./dist/animated-list/index.js",
       "types": "./dist/animated-list/index.d.ts"
     },
+    "./skeleton": {
+      "import": "./dist/skeleton/index.mjs",
+      "require": "./dist/skeleton/index.js",
+      "types": "./dist/skeleton/index.d.ts"
+    },
+    "./tooltip": {
+      "import": "./dist/tooltip/index.mjs",
+      "require": "./dist/tooltip/index.js",
+      "types": "./dist/tooltip/index.d.ts"
+    },
+    "./badge": {
+      "import": "./dist/badge/index.mjs",
+      "require": "./dist/badge/index.js",
+      "types": "./dist/badge/index.d.ts"
+    },
+    "./avatar": {
+      "import": "./dist/avatar/index.mjs",
+      "require": "./dist/avatar/index.js",
+      "types": "./dist/avatar/index.d.ts"
+    },
+    "./progress": {
+      "import": "./dist/progress/index.mjs",
+      "require": "./dist/progress/index.js",
+      "types": "./dist/progress/index.d.ts"
+    },
+    "./switch": {
+      "import": "./dist/switch/index.mjs",
+      "require": "./dist/switch/index.js",
+      "types": "./dist/switch/index.d.ts"
+    },
     "./styles.css": "./dist/styles.css"
   },
   "files": [