@hanzo/ui 5.3.35 → 5.3.36

package/dist/3d/marquee.mjs

@@ -1,327 +1,2 @@
 "use client";
-import * as React from 'react';
-import { cva } from 'class-variance-authority';
-import { motion } from 'framer-motion';
-import { cn } from '@hanzo/ui/lib/utils';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var marquee3DVariants = cva(
-  [
-    "relative overflow-hidden whitespace-nowrap",
-    "transform-gpu will-change-transform",
-    "[perspective:1000px]"
-  ],
-  {
-    variants: {
-      variant: {
-        default: [
-          "bg-background text-foreground",
-          "[&_.marquee-content]:text-current"
-        ],
-        neon: [
-          "bg-black text-cyan-400",
-          "[&_.marquee-content]:text-cyan-400",
-          "[&_.marquee-content]:drop-shadow-[0_0_10px_currentColor]",
-          "[&_.marquee-content]:animate-pulse"
-        ],
-        rainbow: [
-          "bg-black",
-          "[&_.marquee-content]:bg-gradient-to-r [&_.marquee-content]:from-red-500 [&_.marquee-content]:via-yellow-500 [&_.marquee-content]:via-green-500 [&_.marquee-content]:via-blue-500 [&_.marquee-content]:to-purple-500",
-          "[&_.marquee-content]:bg-clip-text [&_.marquee-content]:text-transparent"
-        ],
-        metallic: [
-          "bg-slate-900",
-          "[&_.marquee-content]:bg-gradient-to-b [&_.marquee-content]:from-gray-200 [&_.marquee-content]:via-gray-400 [&_.marquee-content]:to-gray-600",
-          "[&_.marquee-content]:bg-clip-text [&_.marquee-content]:text-transparent"
-        ],
-        fire: [
-          "bg-black",
-          "[&_.marquee-content]:bg-gradient-to-t [&_.marquee-content]:from-red-600 [&_.marquee-content]:via-orange-500 [&_.marquee-content]:to-yellow-400",
-          "[&_.marquee-content]:bg-clip-text [&_.marquee-content]:text-transparent",
-          "[&_.marquee-content]:drop-shadow-[0_0_20px_#ff6600]"
-        ],
-        glass: [
-          "bg-white/10 backdrop-blur-sm",
-          "[&_.marquee-content]:text-white/90",
-          "[&_.marquee-content]:drop-shadow-[0_0_10px_rgba(255,255,255,0.3)]"
-        ]
-      },
-      size: {
-        sm: "h-8 text-sm [&_.marquee-content]:py-1",
-        default: "h-12 text-base [&_.marquee-content]:py-2",
-        lg: "h-16 text-lg [&_.marquee-content]:py-3",
-        xl: "h-20 text-xl [&_.marquee-content]:py-4",
-        "2xl": "h-24 text-2xl [&_.marquee-content]:py-5",
-        "3xl": "h-32 text-3xl [&_.marquee-content]:py-6"
-      },
-      direction: {
-        left: "",
-        right: "",
-        up: "flex-col",
-        down: "flex-col"
-      },
-      perspective: {
-        none: "[perspective:none]",
-        sm: "[perspective:500px]",
-        default: "[perspective:1000px]",
-        lg: "[perspective:1500px]",
-        xl: "[perspective:2000px]"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-      direction: "left",
-      perspective: "default"
-    }
-  }
-);
-var Marquee3D = React.forwardRef(
-  ({
-    className,
-    variant,
-    size,
-    direction = "left",
-    perspective,
-    children,
-    speed = 50,
-    pauseOnHover = false,
-    reverse = false,
-    repeat = 5,
-    gap = 0,
-    rotateX = 0,
-    rotateY = 0,
-    rotateZ = 0,
-    autoFill = false,
-    gradient = false,
-    gradientColor = "#ffffff",
-    gradientWidth = 200,
-    style,
-    ...props
-  }, ref) => {
-    const [containerWidth, setContainerWidth] = React.useState(0);
-    const [contentWidth, setContentWidth] = React.useState(0);
-    const containerRef = React.useRef(null);
-    const contentRef = React.useRef(null);
-    React.useEffect(() => {
-      const measureDimensions = /* @__PURE__ */ __name(() => {
-        if (containerRef.current && contentRef.current) {
-          const containerRect = containerRef.current.getBoundingClientRect();
-          const contentRect = contentRef.current.getBoundingClientRect();
-          if (direction === "left" || direction === "right") {
-            setContainerWidth(containerRect.width);
-            setContentWidth(contentRect.width);
-          } else {
-            setContainerWidth(containerRect.height);
-            setContentWidth(contentRect.height);
-          }
-        }
-      }, "measureDimensions");
-      measureDimensions();
-      window.addEventListener("resize", measureDimensions);
-      return () => window.removeEventListener("resize", measureDimensions);
-    }, [direction, children]);
-    const duration = React.useMemo(() => {
-      if (contentWidth === 0) return 20;
-      return contentWidth / speed;
-    }, [contentWidth, speed]);
-    const actualRepeat = React.useMemo(() => {
-      if (autoFill && containerWidth > 0 && contentWidth > 0) {
-        return Math.ceil(containerWidth / contentWidth) + 2;
-      }
-      return repeat;
-    }, [autoFill, containerWidth, contentWidth, repeat]);
-    const getAnimationProps = /* @__PURE__ */ __name(() => {
-      const distance = contentWidth + gap;
-      let animateProps = {};
-      if (direction === "left") {
-        animateProps = {
-          x: reverse ? [distance, -distance] : [-distance, distance]
-        };
-      } else if (direction === "right") {
-        animateProps = {
-          x: reverse ? [-distance, distance] : [distance, -distance]
-        };
-      } else if (direction === "up") {
-        animateProps = {
-          y: reverse ? [distance, -distance] : [-distance, distance]
-        };
-      } else if (direction === "down") {
-        animateProps = {
-          y: reverse ? [-distance, distance] : [distance, -distance]
-        };
-      }
-      return {
-        animate: animateProps,
-        transition: {
-          duration,
-          ease: "linear",
-          repeat: Infinity
-        }
-      };
-    }, "getAnimationProps");
-    const transform3D = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotateZ(${rotateZ}deg)`;
-    const gradientMask = gradient ? {
-      maskImage: `linear-gradient(to right, transparent, ${gradientColor} ${gradientWidth}px, ${gradientColor} calc(100% - ${gradientWidth}px), transparent)`,
-      WebkitMaskImage: `linear-gradient(to right, transparent, ${gradientColor} ${gradientWidth}px, ${gradientColor} calc(100% - ${gradientWidth}px), transparent)`
-    } : {};
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: containerRef,
-        className: cn(
-          marquee3DVariants({ variant, size, direction, perspective }),
-          "flex items-center",
-          direction === "up" || direction === "down" ? "flex-col" : "flex-row",
-          className
-        ),
-        style: {
-          ...style,
-          transform: transform3D,
-          ...gradientMask
-        },
-        ...props,
-        children: /* @__PURE__ */ jsx(
-          motion.div,
-          {
-            ref: contentRef,
-            className: cn(
-              "marquee-content flex shrink-0 font-bold",
-              direction === "up" || direction === "down" ? "flex-col" : "flex-row",
-              pauseOnHover && "hover:[animation-play-state:paused]"
-            ),
-            style: {
-              gap: `${gap}px`
-            },
-            ...getAnimationProps(),
-            children: Array.from({ length: actualRepeat }).map((_, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: cn(
-                    "flex shrink-0 items-center justify-center",
-                    direction === "up" || direction === "down" ? "flex-col" : "flex-row"
-                  ),
-                  style: {
-                    transform: `rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotateZ(${rotateZ}deg)`,
-                    transformStyle: "preserve-3d"
-                  },
-                  children
-                }
-              ),
-              index < actualRepeat - 1 && gap > 0 && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  style: {
-                    width: direction === "up" || direction === "down" ? "100%" : `${gap}px`,
-                    height: direction === "up" || direction === "down" ? `${gap}px` : "100%"
-                  }
-                }
-              )
-            ] }, index))
-          }
-        )
-      }
-    );
-  }
-);
-Marquee3D.displayName = "Marquee3D";
-var Marquee3DPreset = {
-  Hero: React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
-    Marquee3D,
-    {
-      ref,
-      variant: "rainbow",
-      size: "3xl",
-      speed: 30,
-      rotateX: -10,
-      gradient: true,
-      ...props
-    }
-  )),
-  Neon: React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
-    Marquee3D,
-    {
-      ref,
-      variant: "neon",
-      size: "xl",
-      speed: 40,
-      rotateY: 5,
-      pauseOnHover: true,
-      ...props
-    }
-  )),
-  Metallic: React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
-    Marquee3D,
-    {
-      ref,
-      variant: "metallic",
-      size: "lg",
-      speed: 35,
-      rotateX: -5,
-      rotateY: 2,
-      gradient: true,
-      gradientColor: "#c4c4c4",
-      ...props
-    }
-  )),
-  Fire: React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
-    Marquee3D,
-    {
-      ref,
-      variant: "fire",
-      size: "2xl",
-      speed: 60,
-      rotateZ: 1,
-      gradient: true,
-      gradientColor: "#ff6600",
-      ...props
-    }
-  )),
-  Glass: React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
-    Marquee3D,
-    {
-      ref,
-      variant: "glass",
-      size: "lg",
-      speed: 25,
-      rotateX: -8,
-      pauseOnHover: true,
-      gradient: true,
-      gradientColor: "rgba(255,255,255,0.9)",
-      ...props
-    }
-  ))
-};
-Marquee3DPreset.Hero.displayName = "Marquee3DPreset.Hero";
-Marquee3DPreset.Neon.displayName = "Marquee3DPreset.Neon";
-Marquee3DPreset.Metallic.displayName = "Marquee3DPreset.Metallic";
-Marquee3DPreset.Fire.displayName = "Marquee3DPreset.Fire";
-Marquee3DPreset.Glass.displayName = "Marquee3DPreset.Glass";
-var Marquee3DFloating = React.forwardRef(({ children, floatIntensity = 10, floatSpeed = 3, ...props }, ref) => {
-  const text = typeof children === "string" ? children : "";
-  return /* @__PURE__ */ jsx(Marquee3D, { ref, ...props, children: text ? /* @__PURE__ */ jsx("div", { className: "flex space-x-1", children: text.split("").map((char, index) => /* @__PURE__ */ jsx(
-    motion.span,
-    {
-      className: "inline-block",
-      animate: {
-        y: [0, -floatIntensity, 0],
-        rotateX: [0, 5, 0],
-        rotateY: [0, 2, 0]
-      },
-      transition: {
-        duration: floatSpeed,
-        ease: "easeInOut",
-        repeat: Infinity,
-        delay: index * 0.1
-      },
-      children: char === " " ? "\xA0" : char
-    },
-    index
-  )) }) : children });
-});
-Marquee3DFloating.displayName = "Marquee3DFloating";
-
-export { Marquee3D, Marquee3DFloating, Marquee3DPreset, marquee3DVariants };
+import*as a from'react';import {cva}from'class-variance-authority';import {motion}from'framer-motion';import {cn}from'@hanzo/ui/lib/utils';import {jsx,jsxs}from'react/jsx-runtime';var X=Object.defineProperty;var w=(r,n)=>X(r,"name",{value:n,configurable:true});var A=cva(["relative overflow-hidden whitespace-nowrap","transform-gpu will-change-transform","[perspective:1000px]"],{variants:{variant:{default:["bg-background text-foreground","[&_.marquee-content]:text-current"],neon:["bg-black text-cyan-400","[&_.marquee-content]:text-cyan-400","[&_.marquee-content]:drop-shadow-[0_0_10px_currentColor]","[&_.marquee-content]:animate-pulse"],rainbow:["bg-black","[&_.marquee-content]:bg-gradient-to-r [&_.marquee-content]:from-red-500 [&_.marquee-content]:via-yellow-500 [&_.marquee-content]:via-green-500 [&_.marquee-content]:via-blue-500 [&_.marquee-content]:to-purple-500","[&_.marquee-content]:bg-clip-text [&_.marquee-content]:text-transparent"],metallic:["bg-slate-900","[&_.marquee-content]:bg-gradient-to-b [&_.marquee-content]:from-gray-200 [&_.marquee-content]:via-gray-400 [&_.marquee-content]:to-gray-600","[&_.marquee-content]:bg-clip-text [&_.marquee-content]:text-transparent"],fire:["bg-black","[&_.marquee-content]:bg-gradient-to-t [&_.marquee-content]:from-red-600 [&_.marquee-content]:via-orange-500 [&_.marquee-content]:to-yellow-400","[&_.marquee-content]:bg-clip-text [&_.marquee-content]:text-transparent","[&_.marquee-content]:drop-shadow-[0_0_20px_#ff6600]"],glass:["bg-white/10 backdrop-blur-sm","[&_.marquee-content]:text-white/90","[&_.marquee-content]:drop-shadow-[0_0_10px_rgba(255,255,255,0.3)]"]},size:{sm:"h-8 text-sm [&_.marquee-content]:py-1",default:"h-12 text-base [&_.marquee-content]:py-2",lg:"h-16 text-lg [&_.marquee-content]:py-3",xl:"h-20 text-xl [&_.marquee-content]:py-4","2xl":"h-24 text-2xl [&_.marquee-content]:py-5","3xl":"h-32 text-3xl [&_.marquee-content]:py-6"},direction:{left:"",right:"",up:"flex-col",down:"flex-col"},perspective:{none:"[perspective:none]",sm:"[perspective:500px]",default:"[perspective:1000px]",lg:"[perspective:1500px]",xl:"[perspective:2000px]"}},defaultVariants:{variant:"default",size:"default",direction:"left",perspective:"default"}}),l=a.forwardRef(({className:r,variant:n,size:v,direction:e="left",perspective:b,children:c,speed:u=50,pauseOnHover:d=false,reverse:g=false,repeat:D=5,gap:m=0,rotateX:h=0,rotateY:P=0,rotateZ:H=0,autoFill:$=false,gradient:L=false,gradientColor:x="#ffffff",gradientWidth:q=200,style:T,...O},W)=>{let[_,N]=a.useState(0),[i,k]=a.useState(0),y=a.useRef(null),M=a.useRef(null);a.useEffect(()=>{let p=w(()=>{if(y.current&&M.current){let t=y.current.getBoundingClientRect(),s=M.current.getBoundingClientRect();e==="left"||e==="right"?(N(t.width),k(s.width)):(N(t.height),k(s.height));}},"measureDimensions");return p(),window.addEventListener("resize",p),()=>window.removeEventListener("resize",p)},[e,c]);let F=a.useMemo(()=>i===0?20:i/u,[i,u]),z=a.useMemo(()=>$&&_>0&&i>0?Math.ceil(_/i)+2:D,[$,_,i,D]),C=w(()=>{let t=i+m,s={};return e==="left"?s={x:g?[t,-t]:[-t,t]}:e==="right"?s={x:g?[-t,t]:[t,-t]}:e==="up"?s={y:g?[t,-t]:[-t,t]}:e==="down"&&(s={y:g?[-t,t]:[t,-t]}),{animate:s,transition:{duration:F,ease:"linear",repeat:1/0}}},"getAnimationProps"),I=`perspective(1000px) rotateX(${h}deg) rotateY(${P}deg) rotateZ(${H}deg)`,V=L?{maskImage:`linear-gradient(to right, transparent, ${x} ${q}px, ${x} calc(100% - ${q}px), transparent)`,WebkitMaskImage:`linear-gradient(to right, transparent, ${x} ${q}px, ${x} calc(100% - ${q}px), transparent)`}:{};return jsx("div",{ref:y,className:cn(A({variant:n,size:v,direction:e,perspective:b}),"flex items-center",e==="up"||e==="down"?"flex-col":"flex-row",r),style:{...T,transform:I,...V},...O,children:jsx(motion.div,{ref:M,className:cn("marquee-content flex shrink-0 font-bold",e==="up"||e==="down"?"flex-col":"flex-row",d&&"hover:[animation-play-state:paused]"),style:{gap:`${m}px`},...C(),children:Array.from({length:z}).map((p,t)=>jsxs(a.Fragment,{children:[jsx("div",{className:cn("flex shrink-0 items-center justify-center",e==="up"||e==="down"?"flex-col":"flex-row"),style:{transform:`rotateX(${h}deg) rotateY(${P}deg) rotateZ(${H}deg)`,transformStyle:"preserve-3d"},children:c}),t<z-1&&m>0&&jsx("div",{style:{width:e==="up"||e==="down"?"100%":`${m}px`,height:e==="up"||e==="down"?`${m}px`:"100%"}})]},t))})})});l.displayName="Marquee3D";var f={Hero:a.forwardRef((r,n)=>jsx(l,{ref:n,variant:"rainbow",size:"3xl",speed:30,rotateX:-10,gradient:true,...r})),Neon:a.forwardRef((r,n)=>jsx(l,{ref:n,variant:"neon",size:"xl",speed:40,rotateY:5,pauseOnHover:true,...r})),Metallic:a.forwardRef((r,n)=>jsx(l,{ref:n,variant:"metallic",size:"lg",speed:35,rotateX:-5,rotateY:2,gradient:true,gradientColor:"#c4c4c4",...r})),Fire:a.forwardRef((r,n)=>jsx(l,{ref:n,variant:"fire",size:"2xl",speed:60,rotateZ:1,gradient:true,gradientColor:"#ff6600",...r})),Glass:a.forwardRef((r,n)=>jsx(l,{ref:n,variant:"glass",size:"lg",speed:25,rotateX:-8,pauseOnHover:true,gradient:true,gradientColor:"rgba(255,255,255,0.9)",...r}))};f.Hero.displayName="Marquee3DPreset.Hero";f.Neon.displayName="Marquee3DPreset.Neon";f.Metallic.displayName="Marquee3DPreset.Metallic";f.Fire.displayName="Marquee3DPreset.Fire";f.Glass.displayName="Marquee3DPreset.Glass";var S=a.forwardRef(({children:r,floatIntensity:n=10,floatSpeed:v=3,...e},b)=>{let c=typeof r=="string"?r:"";return jsx(l,{ref:b,...e,children:c?jsx("div",{className:"flex space-x-1",children:c.split("").map((u,d)=>jsx(motion.span,{className:"inline-block",animate:{y:[0,-n,0],rotateX:[0,5,0],rotateY:[0,2,0]},transition:{duration:v,ease:"easeInOut",repeat:1/0,delay:d*.1},children:u===" "?"\xA0":u},d))}):r})});S.displayName="Marquee3DFloating";export{l as Marquee3D,S as Marquee3DFloating,f as Marquee3DPreset,A as marquee3DVariants};

package/dist/3d/pin.js

@@ -1,46 +1,2 @@
 "use client";
-'use strict';
-
-var React = require('react');
-var utils = require('@hanzo/ui/lib/utils');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-var Pin3D = React__namespace.forwardRef(
-  ({ className, title, href, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref,
-        className: utils.cn("group/pin relative cursor-pointer", className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-0 z-10 flex h-full w-full items-center justify-center opacity-0 transition duration-500 group-hover/pin:opacity-100", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex h-full w-full items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-white opacity-0 transition duration-500 group-hover/pin:opacity-50" }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "transform-gpu transition duration-500 group-hover/pin:scale-95", children })
-        ]
-      }
-    );
-  }
-);
-Pin3D.displayName = "Pin3D";
-
-exports.Pin3D = Pin3D;
+'use strict';var i=require('react'),utils=require('@hanzo/ui/lib/utils'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var i__namespace=/*#__PURE__*/_interopNamespace(i);var a=i__namespace.forwardRef(({className:t,title:p,href:c,children:r,...n},o)=>jsxRuntime.jsxs("div",{ref:o,className:utils.cn("group/pin relative cursor-pointer",t),...n,children:[jsxRuntime.jsx("div",{className:"pointer-events-none absolute inset-0 z-10 flex h-full w-full items-center justify-center opacity-0 transition duration-500 group-hover/pin:opacity-100",children:jsxRuntime.jsx("div",{className:"relative flex h-full w-full items-center justify-center",children:jsxRuntime.jsx("div",{className:"absolute inset-0 bg-white opacity-0 transition duration-500 group-hover/pin:opacity-50"})})}),jsxRuntime.jsx("div",{className:"transform-gpu transition duration-500 group-hover/pin:scale-95",children:r})]}));a.displayName="Pin3D";exports.Pin3D=a;

package/dist/3d/pin.mjs

@@ -1,24 +1,2 @@
 "use client";
-import * as React from 'react';
-import { cn } from '@hanzo/ui/lib/utils';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var Pin3D = React.forwardRef(
-  ({ className, title, href, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn("group/pin relative cursor-pointer", className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 z-10 flex h-full w-full items-center justify-center opacity-0 transition duration-500 group-hover/pin:opacity-100", children: /* @__PURE__ */ jsx("div", { className: "relative flex h-full w-full items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-white opacity-0 transition duration-500 group-hover/pin:opacity-50" }) }) }),
-          /* @__PURE__ */ jsx("div", { className: "transform-gpu transition duration-500 group-hover/pin:scale-95", children })
-        ]
-      }
-    );
-  }
-);
-Pin3D.displayName = "Pin3D";
-
-export { Pin3D };
+import*as i from'react';import {cn}from'@hanzo/ui/lib/utils';import {jsxs,jsx}from'react/jsx-runtime';var a=i.forwardRef(({className:t,title:p,href:c,children:r,...n},o)=>jsxs("div",{ref:o,className:cn("group/pin relative cursor-pointer",t),...n,children:[jsx("div",{className:"pointer-events-none absolute inset-0 z-10 flex h-full w-full items-center justify-center opacity-0 transition duration-500 group-hover/pin:opacity-100",children:jsx("div",{className:"relative flex h-full w-full items-center justify-center",children:jsx("div",{className:"absolute inset-0 bg-white opacity-0 transition duration-500 group-hover/pin:opacity-50"})})}),jsx("div",{className:"transform-gpu transition duration-500 group-hover/pin:scale-95",children:r})]}));a.displayName="Pin3D";export{a as Pin3D};

package/dist/accordion.js

@@ -1,80 +1,2 @@
 "use client";
-'use strict';
-
-var AccordionPrimitive = require('@radix-ui/react-accordion');
-var lucideReact = require('lucide-react');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-__name(cn, "cn");
-var Accordion = AccordionPrimitive__namespace.Root;
-var AccordionItem = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Item, { className: cn("", className), ref, ...props }), "AccordionItem");
-AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = /* @__PURE__ */ __name(({
-  className,
-  children,
-  hideArrow = false,
-  ref,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
-  AccordionPrimitive__namespace.Trigger,
-  {
-    className: cn(
-      "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
-      className
-    ),
-    ref,
-    ...props,
-    children: [
-      children,
-      hideArrow ? null : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
-    ]
-  }
-) }), "AccordionTrigger");
-AccordionTrigger.displayName = AccordionPrimitive__namespace.Trigger.displayName;
-var AccordionContent = /* @__PURE__ */ __name(({
-  className,
-  children,
-  ref,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  AccordionPrimitive__namespace.Content,
-  {
-    className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down w-full overflow-hidden text-sm transition-all",
-    ref,
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("pt-0 pb-4", className), children })
-  }
-), "AccordionContent");
-AccordionContent.displayName = AccordionPrimitive__namespace.Content.displayName;
-
-exports.Accordion = Accordion;
-exports.AccordionContent = AccordionContent;
-exports.AccordionItem = AccordionItem;
-exports.AccordionTrigger = AccordionTrigger;
+'use strict';var e=require('@radix-ui/react-accordion'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var e__namespace=/*#__PURE__*/_interopNamespace(e);var s=Object.defineProperty;var i=(o,t)=>s(o,"name",{value:t,configurable:true});function c(...o){return tailwindMerge.twMerge(clsx.clsx(o))}i(c,"cn");var w=e__namespace.Root,l=i(({className:o,ref:t,...r})=>jsxRuntime.jsx(e__namespace.Item,{className:c("",o),ref:t,...r}),"AccordionItem");l.displayName="AccordionItem";var A=i(({className:o,children:t,hideArrow:r=false,ref:a,...m})=>jsxRuntime.jsx(e__namespace.Header,{className:"flex",children:jsxRuntime.jsxs(e__namespace.Trigger,{className:c("flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",o),ref:a,...m,children:[t,r?null:jsxRuntime.jsx(lucideReact.ChevronDown,{className:"h-4 w-4 shrink-0 transition-transform duration-200"})]})}),"AccordionTrigger");A.displayName=e__namespace.Trigger.displayName;var P=i(({className:o,children:t,ref:r,...a})=>jsxRuntime.jsx(e__namespace.Content,{className:"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down w-full overflow-hidden text-sm transition-all",ref:r,...a,children:jsxRuntime.jsx("div",{className:c("pt-0 pb-4",o),children:t})}),"AccordionContent");P.displayName=e__namespace.Content.displayName;exports.Accordion=w;exports.AccordionContent=P;exports.AccordionItem=l;exports.AccordionTrigger=A;

package/dist/accordion.mjs

@@ -1,55 +1,2 @@
 "use client";
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { ChevronDown } from 'lucide-react';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-__name(cn, "cn");
-var Accordion = AccordionPrimitive.Root;
-var AccordionItem = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsx(AccordionPrimitive.Item, { className: cn("", className), ref, ...props }), "AccordionItem");
-AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = /* @__PURE__ */ __name(({
-  className,
-  children,
-  hideArrow = false,
-  ref,
-  ...props
-}) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
-  AccordionPrimitive.Trigger,
-  {
-    className: cn(
-      "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
-      className
-    ),
-    ref,
-    ...props,
-    children: [
-      children,
-      hideArrow ? null : /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
-    ]
-  }
-) }), "AccordionTrigger");
-AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-var AccordionContent = /* @__PURE__ */ __name(({
-  className,
-  children,
-  ref,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  AccordionPrimitive.Content,
-  {
-    className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down w-full overflow-hidden text-sm transition-all",
-    ref,
-    ...props,
-    children: /* @__PURE__ */ jsx("div", { className: cn("pt-0 pb-4", className), children })
-  }
-), "AccordionContent");
-AccordionContent.displayName = AccordionPrimitive.Content.displayName;
-
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+import*as e from'@radix-ui/react-accordion';import {ChevronDown}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs}from'react/jsx-runtime';var s=Object.defineProperty;var i=(o,t)=>s(o,"name",{value:t,configurable:true});function c(...o){return twMerge(clsx(o))}i(c,"cn");var w=e.Root,l=i(({className:o,ref:t,...r})=>jsx(e.Item,{className:c("",o),ref:t,...r}),"AccordionItem");l.displayName="AccordionItem";var A=i(({className:o,children:t,hideArrow:r=false,ref:a,...m})=>jsx(e.Header,{className:"flex",children:jsxs(e.Trigger,{className:c("flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",o),ref:a,...m,children:[t,r?null:jsx(ChevronDown,{className:"h-4 w-4 shrink-0 transition-transform duration-200"})]})}),"AccordionTrigger");A.displayName=e.Trigger.displayName;var P=i(({className:o,children:t,ref:r,...a})=>jsx(e.Content,{className:"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down w-full overflow-hidden text-sm transition-all",ref:r,...a,children:jsx("div",{className:c("pt-0 pb-4",o),children:t})}),"AccordionContent");P.displayName=e.Content.displayName;export{w as Accordion,P as AccordionContent,l as AccordionItem,A as AccordionTrigger};