@hanzo/ui-shadcn 5.7.2

package/bin/update-registry.js

@@ -0,0 +1,196 @@
+#!/usr/bin/env node
+
+/**
+ * This script updates the registry.json file based on components
+ * found in the registry directory. It's similar to the approach used by hanzo/ui.
+ */
+
+const fs = require('fs');
+const path = require('path');
+const glob = require('glob');
+
+// Configuration
+const REGISTRY_DIR = path.resolve(__dirname, '../registry');
+const PUBLIC_DIR = path.resolve(__dirname, '../public');
+const OUTPUT_FILE = path.resolve(__dirname, '../registry.json');
+const REGISTRY_STYLES = ['default', 'new-york']; // Add other styles as needed
+
+// Schema for registry.json
+const registrySchema = {
+  "$schema": "https://ui.hanzo.com/schema/registry.json",
+  "name": "hanzo",
+  "homepage": "https://ui.hanzo.ai",
+  "items": []
+};
+
+/**
+ * Main function to update the registry
+ */
+async function updateRegistry() {
+  try {
+    console.log('Updating registry.json...');
+    
+    // Find all registry components
+    const items = [];
+    
+    // Process each style directory
+    for (const style of REGISTRY_STYLES) {
+      const styleDir = path.join(REGISTRY_DIR, style);
+      
+      // Skip if style directory doesn't exist
+      if (!fs.existsSync(styleDir)) {
+        console.log(`Style directory not found: ${style}`);
+        continue;
+      }
+      
+      // Process UI components
+      const uiDir = path.join(styleDir, 'ui');
+      if (fs.existsSync(uiDir)) {
+        const uiComponents = glob.sync(`${uiDir}/**/!(*.test|*.spec).{ts,tsx,js,jsx}`);
+        
+        for (const filePath of uiComponents) {
+          const relativePath = path.relative(REGISTRY_DIR, filePath);
+          const dirName = path.basename(path.dirname(filePath));
+          const fileName = path.basename(filePath);
+          
+          // Skip index files and non-component files
+          if (fileName === 'index.ts' || fileName === 'index.tsx') continue;
+          
+          // Component name is usually the directory name
+          const name = dirName;
+          
+          // Check if component already exists in the registry
+          if (!items.find(item => item.name === name && item.type === 'registry:component')) {
+            const componentMeta = {
+              name,
+              type: 'registry:component',
+              description: `A ${name} component for your UI.`,
+              files: [
+                {
+                  path: relativePath,
+                  type: 'registry:component'
+                }
+              ],
+              registryDependencies: []
+            };
+            
+            // Try to parse dependencies from the file content
+            try {
+              const content = fs.readFileSync(filePath, 'utf8');
+              
+              // Find import statements for other components
+              const dependencies = [];
+              const importRegex = /import.*from ['"]@\/components\/ui\/([^'"]+)['"]/g;
+              let match;
+              
+              while ((match = importRegex.exec(content)) !== null) {
+                const dependency = match[1];
+                if (!dependencies.includes(dependency)) {
+                  dependencies.push(dependency);
+                }
+              }
+              
+              if (dependencies.length > 0) {
+                componentMeta.registryDependencies = dependencies;
+              }
+            } catch (error) {
+              console.warn(`Error parsing dependencies for ${name}:`, error.message);
+            }
+            
+            items.push(componentMeta);
+          }
+        }
+      }
+      
+      // Process other component types (blocks, etc.)
+      const blockDir = path.join(styleDir, 'block');
+      if (fs.existsSync(blockDir)) {
+        const blocks = glob.sync(`${blockDir}/**/!(*.test|*.spec).{ts,tsx,js,jsx}`);
+        
+        for (const filePath of blocks) {
+          const relativePath = path.relative(REGISTRY_DIR, filePath);
+          const dirName = path.basename(path.dirname(filePath));
+          
+          // Skip helper files
+          if (dirName === 'utils' || dirName === 'helpers') continue;
+          
+          // Block name is usually the directory name
+          const name = dirName;
+          
+          // Check if block already exists in the registry
+          if (!items.find(item => item.name === name && item.type === 'registry:block')) {
+            items.push({
+              name,
+              type: 'registry:block',
+              description: `A ${name} block for your UI.`,
+              files: [
+                {
+                  path: relativePath,
+                  type: 'registry:block'
+                }
+              ]
+            });
+          }
+        }
+      }
+    }
+    
+    // Add style definition
+    for (const style of REGISTRY_STYLES) {
+      items.push({
+        name: style,
+        type: 'registry:style',
+        description: `The ${style} style for Hanzo UI components.`,
+        files: []
+      });
+    }
+    
+    // Update registry.json
+    registrySchema.items = items;
+    
+    // Create output directory if it doesn't exist
+    const outputDir = path.dirname(OUTPUT_FILE);
+    if (!fs.existsSync(outputDir)) {
+      fs.mkdirSync(outputDir, { recursive: true });
+    }
+    
+    // Write registry.json
+    fs.writeFileSync(OUTPUT_FILE, JSON.stringify(registrySchema, null, 2), 'utf8');
+    console.log(`Registry updated with ${items.length} items.`);
+    
+    // Create public/r directory if it doesn't exist
+    const publicRDir = path.join(PUBLIC_DIR, 'r');
+    if (!fs.existsSync(publicRDir)) {
+      fs.mkdirSync(publicRDir, { recursive: true });
+    }
+    
+    // Generate individual component JSON files
+    console.log('Generating individual component JSON files...');
+    for (const item of items) {
+      const componentFile = path.join(publicRDir, `${item.name}.json`);
+      
+      // Add content to files if they exist
+      if (item.files && item.files.length > 0) {
+        for (const file of item.files) {
+          const filePath = path.join(REGISTRY_DIR, file.path);
+          if (fs.existsSync(filePath)) {
+            file.content = fs.readFileSync(filePath, 'utf8');
+          }
+        }
+      }
+      
+      // Write component JSON file
+      fs.writeFileSync(componentFile, JSON.stringify(item, null, 2), 'utf8');
+    }
+    
+    console.log(`Generated ${items.length} component JSON files.`);
+    console.log('Registry update complete!');
+    
+  } catch (error) {
+    console.error('Error updating registry:', error);
+    process.exit(1);
+  }
+}
+
+// Run the update
+updateRegistry();

package/content/index.ts

@@ -0,0 +1,26 @@
+// General-purpose content components
+// Import from @hanzo/ui/content for high-level content blocks
+// These are NOT docs-specific - use them anywhere you need cards, tabs, steps, callouts, etc.
+
+// Card grid for navigation/features
+export { Card, Cards } from '../docs/components/card'
+export type { CardProps } from '../docs/components/card'
+
+// Enhanced tabs with items prop for simple usage
+export { Tab, Tabs, TabsList, TabsTrigger, TabsContent } from '../docs/components/tabs'
+export type { TabProps, TabsProps } from '../docs/components/tabs'
+
+// Step-by-step guides
+export { Step, Steps } from '../docs/components/steps'
+
+// Info/warning/error callouts
+export {
+  Callout,
+  CalloutContainer,
+  CalloutTitle,
+  CalloutDescription,
+} from '../docs/components/callout'
+export type { CalloutType, CalloutContainerProps } from '../docs/components/callout'
+
+// Enhanced accordions with URL hash integration
+export { Accordion, Accordions } from '../docs/components/accordion'

package/dist/3d/button.js

@@ -0,0 +1,2 @@
+"use client";
+'use strict';var e=require('react'),classVarianceAuthority=require('class-variance-authority'),utils=require('@hanzo/ui-shadcn/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 e__namespace=/*#__PURE__*/_interopNamespace(e);var G=classVarianceAuthority.cva(["relative inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium","transition-all duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring","disabled:pointer-events-none disabled:opacity-50 cursor-pointer select-none","transform-gpu will-change-transform active:scale-95","before:absolute before:inset-0 before:rounded-md before:transition-all before:duration-150","after:absolute after:inset-0 after:rounded-md after:transition-all after:duration-150"],{variants:{variant:{default:["bg-primary text-primary-foreground shadow-md hover:bg-primary/90","before:bg-gradient-to-t before:from-primary/80 before:to-primary before:translate-y-1 before:shadow-lg","hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/20 after:to-transparent after:opacity-0","hover:after:opacity-100"],destructive:["bg-destructive text-destructive-foreground shadow-md hover:bg-destructive/90","before:bg-gradient-to-t before:from-destructive/80 before:to-destructive before:translate-y-1 before:shadow-lg","hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/20 after:to-transparent after:opacity-0","hover:after:opacity-100"],outline:["border border-input bg-background text-foreground shadow-sm hover:bg-accent hover:text-accent-foreground","before:bg-gradient-to-t before:from-muted/50 before:to-background before:translate-y-1 before:border before:border-input","hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/10 after:to-transparent after:opacity-0","hover:after:opacity-100"],secondary:["bg-secondary text-secondary-foreground shadow-md hover:bg-secondary/80","before:bg-gradient-to-t before:from-secondary/80 before:to-secondary before:translate-y-1 before:shadow-lg","hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/20 after:to-transparent after:opacity-0","hover:after:opacity-100"],ghost:["text-foreground hover:bg-accent hover:text-accent-foreground","before:bg-gradient-to-t before:from-accent/30 before:to-accent/10 before:translate-y-1 before:opacity-0","hover:before:opacity-100 hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/10 after:to-transparent after:opacity-0","hover:after:opacity-50"],link:["text-primary underline-offset-4 hover:underline","before:hidden after:hidden"],neon:["bg-gradient-to-r from-purple-500 to-pink-500 text-white shadow-lg","before:bg-gradient-to-t before:from-purple-600 before:to-pink-600 before:translate-y-1 before:shadow-lg","hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/30 after:to-transparent after:opacity-0","hover:after:opacity-100","hover:shadow-purple-500/25 hover:shadow-2xl"],glass:["bg-white/10 backdrop-blur-md border border-white/20 text-foreground shadow-lg","before:bg-gradient-to-t before:from-white/5 before:to-white/20 before:translate-y-1 before:backdrop-blur-md before:border before:border-white/20","hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/30 after:to-transparent after:opacity-0","hover:after:opacity-100"],gradient:["bg-gradient-to-r from-blue-500 via-purple-500 to-pink-500 text-white shadow-lg","before:bg-gradient-to-t before:from-blue-600 before:via-purple-600 before:to-pink-600 before:translate-y-1 before:shadow-lg","hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/20 after:to-transparent after:opacity-0","hover:after:opacity-100","hover:bg-gradient-to-r hover:from-blue-400 hover:via-purple-400 hover:to-pink-400"]},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",xl:"h-12 rounded-lg px-10 text-base",icon:"h-10 w-10"},depth:{none:"before:translate-y-0",sm:"before:translate-y-0.5 hover:before:translate-y-0 active:before:translate-y-0",default:"before:translate-y-1 hover:before:translate-y-0.5 active:before:translate-y-0",lg:"before:translate-y-1.5 hover:before:translate-y-0.5 active:before:translate-y-0",xl:"before:translate-y-2 hover:before:translate-y-1 active:before:translate-y-0"}},defaultVariants:{variant:"default",size:"default",depth:"default"}}),s=e__namespace.forwardRef(({className:t,variant:r,size:d,depth:b,tiltOnHover:n=false,glowIntensity:u=0,shadowColor:T,pressAnimation:c=true,children:E,onMouseEnter:p,onMouseLeave:h,onMouseMove:g,onMouseDown:m,onMouseUp:v,style:H,...P},L)=>{let l=e__namespace.useRef(null),[q,y]=e__namespace.useState(false),[w,R]=e__namespace.useState(false),[B,x]=e__namespace.useState({x:0,y:0}),M=e__namespace.useCallback(a=>{if(!n||!l.current)return;let i=l.current.getBoundingClientRect(),I=i.left+i.width/2,O=i.top+i.height/2,V=(a.clientX-I)/(i.width/2),$=(a.clientY-O)/(i.height/2);x({x:$*-10,y:V*10});},[n]),D=e__namespace.useCallback(()=>{x({x:0,y:0});},[]),k=e__namespace.useCallback(a=>{y(true),p?.(a);},[p]),C=e__namespace.useCallback(a=>{y(false),D(),h?.(a);},[h,D]),z=e__namespace.useCallback(a=>{n&&M(a),g?.(a);},[g,n,M]),N=e__namespace.useCallback(a=>{c&&R(true),m?.(a);},[m,c]),S=e__namespace.useCallback(a=>{R(false),v?.(a);},[v]);e__namespace.useImperativeHandle(L,()=>l.current);let Y={...H,transform:n?`perspective(1000px) rotateX(${B.x}deg) rotateY(${B.y}deg) ${w?"translateY(1px)":""}`:w?"translateY(1px)":void 0,filter:u>0?`drop-shadow(0 0 ${u*4}px ${T||"currentColor"})`:void 0,transition:"all 150ms cubic-bezier(0.4, 0, 0.2, 1)"};return jsxRuntime.jsx("button",{ref:l,className:utils.cn(G({variant:r,size:d,depth:b}),t),style:Y,onMouseEnter:k,onMouseLeave:C,onMouseMove:z,onMouseDown:N,onMouseUp:S,...P,children:jsxRuntime.jsx("span",{className:"relative z-10 flex items-center justify-center gap-2",children:E})})});s.displayName="Button3D";var f={Hero:e__namespace.forwardRef((t,r)=>jsxRuntime.jsx(s,{ref:r,variant:"gradient",size:"xl",depth:"lg",tiltOnHover:true,glowIntensity:2,...t})),CTA:e__namespace.forwardRef((t,r)=>jsxRuntime.jsx(s,{ref:r,variant:"neon",size:"lg",depth:"default",tiltOnHover:true,glowIntensity:1,...t})),Glass:e__namespace.forwardRef((t,r)=>jsxRuntime.jsx(s,{ref:r,variant:"glass",size:"default",depth:"sm",tiltOnHover:true,...t})),Minimal:e__namespace.forwardRef((t,r)=>jsxRuntime.jsx(s,{ref:r,variant:"ghost",size:"default",depth:"sm",...t})),Danger:e__namespace.forwardRef((t,r)=>jsxRuntime.jsx(s,{ref:r,variant:"destructive",size:"default",depth:"default",shadowColor:"rgb(239 68 68)",...t}))};f.Hero.displayName="Button3DPreset.Hero";f.CTA.displayName="Button3DPreset.CTA";f.Glass.displayName="Button3DPreset.Glass";f.Minimal.displayName="Button3DPreset.Minimal";f.Danger.displayName="Button3DPreset.Danger";var j=e__namespace.forwardRef(({loading:t=false,children:r,disabled:d,...b},n)=>jsxRuntime.jsxs(s,{ref:n,disabled:d||t,...b,children:[t&&jsxRuntime.jsx("div",{className:"animate-spin rounded-full h-4 w-4 border-2 border-current border-t-transparent"}),!t&&r]}));j.displayName="Button3DLoading";exports.Button3D=s;exports.Button3DLoading=j;exports.Button3DPreset=f;exports.button3DVariants=G;

package/dist/3d/button.mjs

@@ -0,0 +1,2 @@
+"use client";
+import*as e from'react';import {cva}from'class-variance-authority';import {cn}from'@hanzo/ui-shadcn/lib/utils';import {jsx,jsxs}from'react/jsx-runtime';var G=cva(["relative inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium","transition-all duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring","disabled:pointer-events-none disabled:opacity-50 cursor-pointer select-none","transform-gpu will-change-transform active:scale-95","before:absolute before:inset-0 before:rounded-md before:transition-all before:duration-150","after:absolute after:inset-0 after:rounded-md after:transition-all after:duration-150"],{variants:{variant:{default:["bg-primary text-primary-foreground shadow-md hover:bg-primary/90","before:bg-gradient-to-t before:from-primary/80 before:to-primary before:translate-y-1 before:shadow-lg","hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/20 after:to-transparent after:opacity-0","hover:after:opacity-100"],destructive:["bg-destructive text-destructive-foreground shadow-md hover:bg-destructive/90","before:bg-gradient-to-t before:from-destructive/80 before:to-destructive before:translate-y-1 before:shadow-lg","hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/20 after:to-transparent after:opacity-0","hover:after:opacity-100"],outline:["border border-input bg-background text-foreground shadow-sm hover:bg-accent hover:text-accent-foreground","before:bg-gradient-to-t before:from-muted/50 before:to-background before:translate-y-1 before:border before:border-input","hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/10 after:to-transparent after:opacity-0","hover:after:opacity-100"],secondary:["bg-secondary text-secondary-foreground shadow-md hover:bg-secondary/80","before:bg-gradient-to-t before:from-secondary/80 before:to-secondary before:translate-y-1 before:shadow-lg","hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/20 after:to-transparent after:opacity-0","hover:after:opacity-100"],ghost:["text-foreground hover:bg-accent hover:text-accent-foreground","before:bg-gradient-to-t before:from-accent/30 before:to-accent/10 before:translate-y-1 before:opacity-0","hover:before:opacity-100 hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/10 after:to-transparent after:opacity-0","hover:after:opacity-50"],link:["text-primary underline-offset-4 hover:underline","before:hidden after:hidden"],neon:["bg-gradient-to-r from-purple-500 to-pink-500 text-white shadow-lg","before:bg-gradient-to-t before:from-purple-600 before:to-pink-600 before:translate-y-1 before:shadow-lg","hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/30 after:to-transparent after:opacity-0","hover:after:opacity-100","hover:shadow-purple-500/25 hover:shadow-2xl"],glass:["bg-white/10 backdrop-blur-md border border-white/20 text-foreground shadow-lg","before:bg-gradient-to-t before:from-white/5 before:to-white/20 before:translate-y-1 before:backdrop-blur-md before:border before:border-white/20","hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/30 after:to-transparent after:opacity-0","hover:after:opacity-100"],gradient:["bg-gradient-to-r from-blue-500 via-purple-500 to-pink-500 text-white shadow-lg","before:bg-gradient-to-t before:from-blue-600 before:via-purple-600 before:to-pink-600 before:translate-y-1 before:shadow-lg","hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/20 after:to-transparent after:opacity-0","hover:after:opacity-100","hover:bg-gradient-to-r hover:from-blue-400 hover:via-purple-400 hover:to-pink-400"]},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",xl:"h-12 rounded-lg px-10 text-base",icon:"h-10 w-10"},depth:{none:"before:translate-y-0",sm:"before:translate-y-0.5 hover:before:translate-y-0 active:before:translate-y-0",default:"before:translate-y-1 hover:before:translate-y-0.5 active:before:translate-y-0",lg:"before:translate-y-1.5 hover:before:translate-y-0.5 active:before:translate-y-0",xl:"before:translate-y-2 hover:before:translate-y-1 active:before:translate-y-0"}},defaultVariants:{variant:"default",size:"default",depth:"default"}}),s=e.forwardRef(({className:t,variant:r,size:d,depth:b,tiltOnHover:n=false,glowIntensity:u=0,shadowColor:T,pressAnimation:c=true,children:E,onMouseEnter:p,onMouseLeave:h,onMouseMove:g,onMouseDown:m,onMouseUp:v,style:H,...P},L)=>{let l=e.useRef(null),[q,y]=e.useState(false),[w,R]=e.useState(false),[B,x]=e.useState({x:0,y:0}),M=e.useCallback(a=>{if(!n||!l.current)return;let i=l.current.getBoundingClientRect(),I=i.left+i.width/2,O=i.top+i.height/2,V=(a.clientX-I)/(i.width/2),$=(a.clientY-O)/(i.height/2);x({x:$*-10,y:V*10});},[n]),D=e.useCallback(()=>{x({x:0,y:0});},[]),k=e.useCallback(a=>{y(true),p?.(a);},[p]),C=e.useCallback(a=>{y(false),D(),h?.(a);},[h,D]),z=e.useCallback(a=>{n&&M(a),g?.(a);},[g,n,M]),N=e.useCallback(a=>{c&&R(true),m?.(a);},[m,c]),S=e.useCallback(a=>{R(false),v?.(a);},[v]);e.useImperativeHandle(L,()=>l.current);let Y={...H,transform:n?`perspective(1000px) rotateX(${B.x}deg) rotateY(${B.y}deg) ${w?"translateY(1px)":""}`:w?"translateY(1px)":void 0,filter:u>0?`drop-shadow(0 0 ${u*4}px ${T||"currentColor"})`:void 0,transition:"all 150ms cubic-bezier(0.4, 0, 0.2, 1)"};return jsx("button",{ref:l,className:cn(G({variant:r,size:d,depth:b}),t),style:Y,onMouseEnter:k,onMouseLeave:C,onMouseMove:z,onMouseDown:N,onMouseUp:S,...P,children:jsx("span",{className:"relative z-10 flex items-center justify-center gap-2",children:E})})});s.displayName="Button3D";var f={Hero:e.forwardRef((t,r)=>jsx(s,{ref:r,variant:"gradient",size:"xl",depth:"lg",tiltOnHover:true,glowIntensity:2,...t})),CTA:e.forwardRef((t,r)=>jsx(s,{ref:r,variant:"neon",size:"lg",depth:"default",tiltOnHover:true,glowIntensity:1,...t})),Glass:e.forwardRef((t,r)=>jsx(s,{ref:r,variant:"glass",size:"default",depth:"sm",tiltOnHover:true,...t})),Minimal:e.forwardRef((t,r)=>jsx(s,{ref:r,variant:"ghost",size:"default",depth:"sm",...t})),Danger:e.forwardRef((t,r)=>jsx(s,{ref:r,variant:"destructive",size:"default",depth:"default",shadowColor:"rgb(239 68 68)",...t}))};f.Hero.displayName="Button3DPreset.Hero";f.CTA.displayName="Button3DPreset.CTA";f.Glass.displayName="Button3DPreset.Glass";f.Minimal.displayName="Button3DPreset.Minimal";f.Danger.displayName="Button3DPreset.Danger";var j=e.forwardRef(({loading:t=false,children:r,disabled:d,...b},n)=>jsxs(s,{ref:n,disabled:d||t,...b,children:[t&&jsx("div",{className:"animate-spin rounded-full h-4 w-4 border-2 border-current border-t-transparent"}),!t&&r]}));j.displayName="Button3DLoading";export{s as Button3D,j as Button3DLoading,f as Button3DPreset,G as button3DVariants};

package/dist/3d/card.js

@@ -0,0 +1,2 @@
+"use client";
+'use strict';var e=require('react'),utils=require('@hanzo/ui-shadcn/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 e__namespace=/*#__PURE__*/_interopNamespace(e);var A=e__namespace.forwardRef(({children:o,maxTilt:a=15,perspective:l=1e3,scale:r=1.05,speed:n=400,glare:R=true,glareMaxOpacity:h=.7,className:M,...T},D)=>{let d=e__namespace.useRef(null),y=e__namespace.useRef(null),[v,p]=e__namespace.useState(false),[u,b]=e__namespace.useState({rotateX:0,rotateY:0,scale:1,glareX:50,glareY:50,glareOpacity:0}),c=e__namespace.useCallback((s,t)=>{if(!s||!t){b({rotateX:0,rotateY:0,scale:1,glareX:50,glareY:50,glareOpacity:0});return}let m=t.left+t.width/2,g=t.top+t.height/2,X=(s.x-m)/(t.width/2),w=-((s.y-g)/(t.height/2))*a,S=X*a,k=(s.x-t.left)/t.width*100,P=(s.y-t.top)/t.height*100;b({rotateX:w,rotateY:S,scale:r,glareX:k,glareY:P,glareOpacity:R?h:0});},[a,r,R,h]),C=e__namespace.useCallback(s=>{if(!d.current)return;let t=d.current.getBoundingClientRect(),m={x:s.clientX,y:s.clientY};c(m,t);},[c]),H=e__namespace.useCallback(s=>{if(!d.current||s.touches.length===0)return;s.preventDefault();let t=d.current.getBoundingClientRect(),m=s.touches[0],g={x:m.clientX,y:m.clientY};c(g,t);},[c]),L=e__namespace.useCallback(()=>{p(true);},[]),E=e__namespace.useCallback(()=>{p(false),c(null,null);},[c]),x=e__namespace.useCallback(()=>{p(true);},[]),N=e__namespace.useCallback(()=>{p(false),c(null,null);},[c]),Y={transform:`perspective(${l}px) rotateX(${u.rotateX}deg) rotateY(${u.rotateY}deg) scale(${u.scale})`,transition:v?"none":`transform ${n}ms cubic-bezier(0.03, 0.98, 0.52, 0.99)`,transformStyle:"preserve-3d"},$={background:`radial-gradient(circle at ${u.glareX}% ${u.glareY}%, rgba(255,255,255,${u.glareOpacity}) 0%, transparent 50%)`,transition:v?"none":`opacity ${n}ms ease-out`};return e__namespace.useImperativeHandle(D,()=>d.current),jsxRuntime.jsxs("div",{ref:d,className:utils.cn("relative rounded-lg border bg-card text-card-foreground shadow-lg cursor-pointer","transform-gpu will-change-transform",M),style:Y,onMouseMove:C,onMouseEnter:L,onMouseLeave:E,onTouchStart:x,onTouchMove:H,onTouchEnd:N,...T,children:[jsxRuntime.jsx("div",{className:"relative z-10",children:o}),R&&jsxRuntime.jsx("div",{ref:y,className:"absolute inset-0 rounded-lg pointer-events-none z-20",style:$})]})});A.displayName="Card3D";var O=e__namespace.forwardRef(({className:o,depth:a=20,style:l,...r},n)=>jsxRuntime.jsx("div",{ref:n,className:utils.cn("flex flex-col space-y-1.5 p-6",o),style:{transform:`translateZ(${a}px)`,...l},...r}));O.displayName="Card3DHeader";var Z=e__namespace.forwardRef(({className:o,depth:a=30,style:l,...r},n)=>jsxRuntime.jsx("h3",{ref:n,className:utils.cn("text-2xl font-semibold leading-none tracking-tight",o),style:{transform:`translateZ(${a}px)`,...l},...r}));Z.displayName="Card3DTitle";var z=e__namespace.forwardRef(({className:o,depth:a=10,style:l,...r},n)=>jsxRuntime.jsx("p",{ref:n,className:utils.cn("text-sm text-muted-foreground",o),style:{transform:`translateZ(${a}px)`,...l},...r}));z.displayName="Card3DDescription";var B=e__namespace.forwardRef(({className:o,depth:a=25,style:l,...r},n)=>jsxRuntime.jsx("div",{ref:n,className:utils.cn("p-6 pt-0",o),style:{transform:`translateZ(${a}px)`,...l},...r}));B.displayName="Card3DContent";var F=e__namespace.forwardRef(({className:o,depth:a=15,style:l,...r},n)=>jsxRuntime.jsx("div",{ref:n,className:utils.cn("flex items-center p-6 pt-0",o),style:{transform:`translateZ(${a}px)`,...l},...r}));F.displayName="Card3DFooter";exports.Card3D=A;exports.Card3DContent=B;exports.Card3DDescription=z;exports.Card3DFooter=F;exports.Card3DHeader=O;exports.Card3DTitle=Z;

package/dist/3d/card.mjs

@@ -0,0 +1,2 @@
+"use client";
+import*as e from'react';import {cn}from'@hanzo/ui-shadcn/lib/utils';import {jsxs,jsx}from'react/jsx-runtime';var A=e.forwardRef(({children:o,maxTilt:a=15,perspective:l=1e3,scale:r=1.05,speed:n=400,glare:R=true,glareMaxOpacity:h=.7,className:M,...T},D)=>{let d=e.useRef(null),y=e.useRef(null),[v,p]=e.useState(false),[u,b]=e.useState({rotateX:0,rotateY:0,scale:1,glareX:50,glareY:50,glareOpacity:0}),c=e.useCallback((s,t)=>{if(!s||!t){b({rotateX:0,rotateY:0,scale:1,glareX:50,glareY:50,glareOpacity:0});return}let m=t.left+t.width/2,g=t.top+t.height/2,X=(s.x-m)/(t.width/2),w=-((s.y-g)/(t.height/2))*a,S=X*a,k=(s.x-t.left)/t.width*100,P=(s.y-t.top)/t.height*100;b({rotateX:w,rotateY:S,scale:r,glareX:k,glareY:P,glareOpacity:R?h:0});},[a,r,R,h]),C=e.useCallback(s=>{if(!d.current)return;let t=d.current.getBoundingClientRect(),m={x:s.clientX,y:s.clientY};c(m,t);},[c]),H=e.useCallback(s=>{if(!d.current||s.touches.length===0)return;s.preventDefault();let t=d.current.getBoundingClientRect(),m=s.touches[0],g={x:m.clientX,y:m.clientY};c(g,t);},[c]),L=e.useCallback(()=>{p(true);},[]),E=e.useCallback(()=>{p(false),c(null,null);},[c]),x=e.useCallback(()=>{p(true);},[]),N=e.useCallback(()=>{p(false),c(null,null);},[c]),Y={transform:`perspective(${l}px) rotateX(${u.rotateX}deg) rotateY(${u.rotateY}deg) scale(${u.scale})`,transition:v?"none":`transform ${n}ms cubic-bezier(0.03, 0.98, 0.52, 0.99)`,transformStyle:"preserve-3d"},$={background:`radial-gradient(circle at ${u.glareX}% ${u.glareY}%, rgba(255,255,255,${u.glareOpacity}) 0%, transparent 50%)`,transition:v?"none":`opacity ${n}ms ease-out`};return e.useImperativeHandle(D,()=>d.current),jsxs("div",{ref:d,className:cn("relative rounded-lg border bg-card text-card-foreground shadow-lg cursor-pointer","transform-gpu will-change-transform",M),style:Y,onMouseMove:C,onMouseEnter:L,onMouseLeave:E,onTouchStart:x,onTouchMove:H,onTouchEnd:N,...T,children:[jsx("div",{className:"relative z-10",children:o}),R&&jsx("div",{ref:y,className:"absolute inset-0 rounded-lg pointer-events-none z-20",style:$})]})});A.displayName="Card3D";var O=e.forwardRef(({className:o,depth:a=20,style:l,...r},n)=>jsx("div",{ref:n,className:cn("flex flex-col space-y-1.5 p-6",o),style:{transform:`translateZ(${a}px)`,...l},...r}));O.displayName="Card3DHeader";var Z=e.forwardRef(({className:o,depth:a=30,style:l,...r},n)=>jsx("h3",{ref:n,className:cn("text-2xl font-semibold leading-none tracking-tight",o),style:{transform:`translateZ(${a}px)`,...l},...r}));Z.displayName="Card3DTitle";var z=e.forwardRef(({className:o,depth:a=10,style:l,...r},n)=>jsx("p",{ref:n,className:cn("text-sm text-muted-foreground",o),style:{transform:`translateZ(${a}px)`,...l},...r}));z.displayName="Card3DDescription";var B=e.forwardRef(({className:o,depth:a=25,style:l,...r},n)=>jsx("div",{ref:n,className:cn("p-6 pt-0",o),style:{transform:`translateZ(${a}px)`,...l},...r}));B.displayName="Card3DContent";var F=e.forwardRef(({className:o,depth:a=15,style:l,...r},n)=>jsx("div",{ref:n,className:cn("flex items-center p-6 pt-0",o),style:{transform:`translateZ(${a}px)`,...l},...r}));F.displayName="Card3DFooter";export{A as Card3D,B as Card3DContent,z as Card3DDescription,F as Card3DFooter,O as Card3DHeader,Z as Card3DTitle};

package/dist/3d/carousel.js

@@ -0,0 +1,2 @@
+"use client";
+'use strict';var t=require('react'),lucideReact=require('lucide-react'),utils=require('@hanzo/ui-shadcn/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 t__namespace=/*#__PURE__*/_interopNamespace(t);var F=Object.defineProperty;var $=(s,n)=>F(s,"name",{value:n,configurable:true});var W=t__namespace.forwardRef(({items:s,itemWidth:n=300,itemHeight:l=400,spacing:c=80,perspective:A=1e3,rotateY:ne=40,autoRotate:w=false,autoRotateSpeed:E=3e3,showControls:Y=true,infinite:i=true,className:X,...z},O)=>{let m=t__namespace.useRef(null),[f,v]=t__namespace.useState(0),[R,L]=t__namespace.useState(false),[d,H]=t__namespace.useState(false),[I,K]=t__namespace.useState({x:0,y:0}),[C,x]=t__namespace.useState(0),b=t__namespace.useRef(void 0),o=s.length,S=(n+c)/2/Math.tan(Math.PI/o);t__namespace.useEffect(()=>(w&&!R&&!d?b.current=setInterval(()=>{v(e=>(e+1)%o);},E):b.current&&clearInterval(b.current),()=>{b.current&&clearInterval(b.current);}),[w,R,d,E,o]);let g=t__namespace.useCallback(()=>{v(e=>i?(e-1+o)%o:Math.max(0,e-1));},[i,o]),p=t__namespace.useCallback(()=>{v(e=>i?(e+1)%o:Math.min(o-1,e+1));},[i,o]),y=t__namespace.useCallback(e=>{v(Math.max(0,Math.min(o-1,e)));},[o]),D=t__namespace.useCallback((e,a)=>{H(true),K({x:e,y:a}),x(0);},[]),M=t__namespace.useCallback((e,a)=>{if(!d)return;let T=(e-I.x)*.5;x(T);},[d,I.x]),k=t__namespace.useCallback(()=>{if(!d)return;Math.abs(C)>50&&(C>0?g():p()),H(false),x(0);},[d,C,g,p]),U=t__namespace.useCallback(e=>{e.preventDefault(),D(e.clientX,e.clientY);},[D]),Z=t__namespace.useCallback(e=>{M(e.clientX,e.clientY);},[M]),j=t__namespace.useCallback(()=>{k();},[k]),G=t__namespace.useCallback(e=>{if(e.touches.length===1){let a=e.touches[0];D(a.clientX,a.clientY);}},[D]),V=t__namespace.useCallback(e=>{if(e.touches.length===1){e.preventDefault();let a=e.touches[0];M(a.clientX,a.clientY);}},[M]),_=t__namespace.useCallback(()=>{k();},[k]);t__namespace.useEffect(()=>{let e=$(a=>{if(a.key==="ArrowLeft")a.preventDefault(),g();else if(a.key==="ArrowRight")a.preventDefault(),p();else if(a.key>="1"&&a.key<="9"){let h=parseInt(a.key)-1;h<o&&y(h);}},"handleKeyDown");if(m.current)return m.current.addEventListener("keydown",e),()=>{m.current?.removeEventListener("keydown",e);}},[g,p,y,o]),t__namespace.useImperativeHandle(O,()=>m.current);let q={perspective:`${A}px`,height:`${l+100}px`},B={transform:`translateZ(-${S}px) rotateY(${-f*(360/o)+C/5}deg)`,transition:d?"none":"transform 0.6s cubic-bezier(0.4, 0.0, 0.2, 1)",transformStyle:"preserve-3d"};return jsxRuntime.jsxs("div",{ref:m,className:utils.cn("relative w-full select-none focus:outline-none",X),style:q,onMouseEnter:()=>L(true),onMouseLeave:()=>L(false),onMouseDown:U,onMouseMove:Z,onMouseUp:j,onTouchStart:G,onTouchMove:V,onTouchEnd:_,tabIndex:0,...z,children:[jsxRuntime.jsx("div",{className:"relative mx-auto",style:{width:`${n}px`,height:`${l}px`,transformStyle:"preserve-3d"},children:jsxRuntime.jsx("div",{className:"absolute inset-0",style:B,children:s.map((e,a)=>{let h=a/o*360,P=a===f,T={transform:`rotateY(${h}deg) translateZ(${S}px)`,width:`${n}px`,height:`${l}px`,position:"absolute",backfaceVisibility:"hidden",transformStyle:"preserve-3d"};return jsxRuntime.jsx("div",{className:utils.cn("rounded-lg border bg-card text-card-foreground shadow-lg cursor-pointer","transition-all duration-300 transform-gpu will-change-transform",P&&"ring-2 ring-primary ring-offset-2"),style:T,onClick:()=>y(a),children:jsxRuntime.jsx("div",{className:"w-full h-full overflow-hidden rounded-lg",children:e.content})},e.id)})})}),Y&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("button",{className:utils.cn("absolute left-4 top-1/2 -translate-y-1/2 z-10","p-2 rounded-full bg-background/80 backdrop-blur-sm","border shadow-lg hover:bg-background transition-all","disabled:opacity-50 disabled:cursor-not-allowed"),onClick:g,disabled:!i&&f===0,"aria-label":"Previous item",children:jsxRuntime.jsx(lucideReact.ChevronLeft,{className:"w-5 h-5"})}),jsxRuntime.jsx("button",{className:utils.cn("absolute right-4 top-1/2 -translate-y-1/2 z-10","p-2 rounded-full bg-background/80 backdrop-blur-sm","border shadow-lg hover:bg-background transition-all","disabled:opacity-50 disabled:cursor-not-allowed"),onClick:p,disabled:!i&&f===o-1,"aria-label":"Next item",children:jsxRuntime.jsx(lucideReact.ChevronRight,{className:"w-5 h-5"})})]}),jsxRuntime.jsx("div",{className:"absolute bottom-4 left-1/2 -translate-x-1/2 z-10",children:jsxRuntime.jsx("div",{className:"flex space-x-2 p-2 rounded-full bg-background/80 backdrop-blur-sm border shadow-lg",children:s.map((e,a)=>jsxRuntime.jsx("button",{className:utils.cn("w-2 h-2 rounded-full transition-all",a===f?"bg-primary scale-125":"bg-muted-foreground/50 hover:bg-muted-foreground/75"),onClick:()=>y(a),"aria-label":`Go to item ${a+1}`},a))})}),w&&jsxRuntime.jsx("div",{className:"absolute top-4 right-4 z-10",children:jsxRuntime.jsxs("div",{className:"flex items-center space-x-2 p-2 rounded-full bg-background/80 backdrop-blur-sm border shadow-sm",children:[jsxRuntime.jsx("div",{className:utils.cn("w-2 h-2 rounded-full transition-all",R||d?"bg-orange-500":"bg-green-500 animate-pulse")}),jsxRuntime.jsx("span",{className:"text-xs text-muted-foreground",children:R||d?"Paused":"Auto"})]})})]})});W.displayName="Carousel3D";var ee=t__namespace.forwardRef(({className:s,children:n,...l},c)=>jsxRuntime.jsx("div",{ref:c,className:utils.cn("w-full h-full flex flex-col bg-gradient-to-br from-background to-muted/20","border rounded-lg overflow-hidden group",s),...l,children:n}));ee.displayName="Carousel3DCard";var te=t__namespace.forwardRef(({className:s,alt:n,...l},c)=>jsxRuntime.jsx("img",{ref:c,className:utils.cn("w-full h-48 object-cover transition-transform duration-300","group-hover:scale-105",s),alt:n,...l}));te.displayName="Carousel3DCardImage";var ae=t__namespace.forwardRef(({className:s,children:n,...l},c)=>jsxRuntime.jsx("div",{ref:c,className:utils.cn("flex-1 p-4 flex flex-col justify-between",s),...l,children:n}));ae.displayName="Carousel3DCardContent";var re=t__namespace.forwardRef(({className:s,children:n,...l},c)=>jsxRuntime.jsx("h3",{ref:c,className:utils.cn("font-semibold text-lg mb-2 line-clamp-2",s),...l,children:n}));re.displayName="Carousel3DCardTitle";var oe=t__namespace.forwardRef(({className:s,children:n,...l},c)=>jsxRuntime.jsx("p",{ref:c,className:utils.cn("text-sm text-muted-foreground line-clamp-3 mb-4",s),...l,children:n}));oe.displayName="Carousel3DCardDescription";exports.Carousel3D=W;exports.Carousel3DCard=ee;exports.Carousel3DCardContent=ae;exports.Carousel3DCardDescription=oe;exports.Carousel3DCardImage=te;exports.Carousel3DCardTitle=re;

package/dist/3d/carousel.mjs

@@ -0,0 +1,2 @@
+"use client";
+import*as t from'react';import {ChevronLeft,ChevronRight}from'lucide-react';import {cn}from'@hanzo/ui-shadcn/lib/utils';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var F=Object.defineProperty;var $=(s,n)=>F(s,"name",{value:n,configurable:true});var W=t.forwardRef(({items:s,itemWidth:n=300,itemHeight:l=400,spacing:c=80,perspective:A=1e3,rotateY:ne=40,autoRotate:w=false,autoRotateSpeed:E=3e3,showControls:Y=true,infinite:i=true,className:X,...z},O)=>{let m=t.useRef(null),[f,v]=t.useState(0),[R,L]=t.useState(false),[d,H]=t.useState(false),[I,K]=t.useState({x:0,y:0}),[C,x]=t.useState(0),b=t.useRef(void 0),o=s.length,S=(n+c)/2/Math.tan(Math.PI/o);t.useEffect(()=>(w&&!R&&!d?b.current=setInterval(()=>{v(e=>(e+1)%o);},E):b.current&&clearInterval(b.current),()=>{b.current&&clearInterval(b.current);}),[w,R,d,E,o]);let g=t.useCallback(()=>{v(e=>i?(e-1+o)%o:Math.max(0,e-1));},[i,o]),p=t.useCallback(()=>{v(e=>i?(e+1)%o:Math.min(o-1,e+1));},[i,o]),y=t.useCallback(e=>{v(Math.max(0,Math.min(o-1,e)));},[o]),D=t.useCallback((e,a)=>{H(true),K({x:e,y:a}),x(0);},[]),M=t.useCallback((e,a)=>{if(!d)return;let T=(e-I.x)*.5;x(T);},[d,I.x]),k=t.useCallback(()=>{if(!d)return;Math.abs(C)>50&&(C>0?g():p()),H(false),x(0);},[d,C,g,p]),U=t.useCallback(e=>{e.preventDefault(),D(e.clientX,e.clientY);},[D]),Z=t.useCallback(e=>{M(e.clientX,e.clientY);},[M]),j=t.useCallback(()=>{k();},[k]),G=t.useCallback(e=>{if(e.touches.length===1){let a=e.touches[0];D(a.clientX,a.clientY);}},[D]),V=t.useCallback(e=>{if(e.touches.length===1){e.preventDefault();let a=e.touches[0];M(a.clientX,a.clientY);}},[M]),_=t.useCallback(()=>{k();},[k]);t.useEffect(()=>{let e=$(a=>{if(a.key==="ArrowLeft")a.preventDefault(),g();else if(a.key==="ArrowRight")a.preventDefault(),p();else if(a.key>="1"&&a.key<="9"){let h=parseInt(a.key)-1;h<o&&y(h);}},"handleKeyDown");if(m.current)return m.current.addEventListener("keydown",e),()=>{m.current?.removeEventListener("keydown",e);}},[g,p,y,o]),t.useImperativeHandle(O,()=>m.current);let q={perspective:`${A}px`,height:`${l+100}px`},B={transform:`translateZ(-${S}px) rotateY(${-f*(360/o)+C/5}deg)`,transition:d?"none":"transform 0.6s cubic-bezier(0.4, 0.0, 0.2, 1)",transformStyle:"preserve-3d"};return jsxs("div",{ref:m,className:cn("relative w-full select-none focus:outline-none",X),style:q,onMouseEnter:()=>L(true),onMouseLeave:()=>L(false),onMouseDown:U,onMouseMove:Z,onMouseUp:j,onTouchStart:G,onTouchMove:V,onTouchEnd:_,tabIndex:0,...z,children:[jsx("div",{className:"relative mx-auto",style:{width:`${n}px`,height:`${l}px`,transformStyle:"preserve-3d"},children:jsx("div",{className:"absolute inset-0",style:B,children:s.map((e,a)=>{let h=a/o*360,P=a===f,T={transform:`rotateY(${h}deg) translateZ(${S}px)`,width:`${n}px`,height:`${l}px`,position:"absolute",backfaceVisibility:"hidden",transformStyle:"preserve-3d"};return jsx("div",{className:cn("rounded-lg border bg-card text-card-foreground shadow-lg cursor-pointer","transition-all duration-300 transform-gpu will-change-transform",P&&"ring-2 ring-primary ring-offset-2"),style:T,onClick:()=>y(a),children:jsx("div",{className:"w-full h-full overflow-hidden rounded-lg",children:e.content})},e.id)})})}),Y&&jsxs(Fragment,{children:[jsx("button",{className:cn("absolute left-4 top-1/2 -translate-y-1/2 z-10","p-2 rounded-full bg-background/80 backdrop-blur-sm","border shadow-lg hover:bg-background transition-all","disabled:opacity-50 disabled:cursor-not-allowed"),onClick:g,disabled:!i&&f===0,"aria-label":"Previous item",children:jsx(ChevronLeft,{className:"w-5 h-5"})}),jsx("button",{className:cn("absolute right-4 top-1/2 -translate-y-1/2 z-10","p-2 rounded-full bg-background/80 backdrop-blur-sm","border shadow-lg hover:bg-background transition-all","disabled:opacity-50 disabled:cursor-not-allowed"),onClick:p,disabled:!i&&f===o-1,"aria-label":"Next item",children:jsx(ChevronRight,{className:"w-5 h-5"})})]}),jsx("div",{className:"absolute bottom-4 left-1/2 -translate-x-1/2 z-10",children:jsx("div",{className:"flex space-x-2 p-2 rounded-full bg-background/80 backdrop-blur-sm border shadow-lg",children:s.map((e,a)=>jsx("button",{className:cn("w-2 h-2 rounded-full transition-all",a===f?"bg-primary scale-125":"bg-muted-foreground/50 hover:bg-muted-foreground/75"),onClick:()=>y(a),"aria-label":`Go to item ${a+1}`},a))})}),w&&jsx("div",{className:"absolute top-4 right-4 z-10",children:jsxs("div",{className:"flex items-center space-x-2 p-2 rounded-full bg-background/80 backdrop-blur-sm border shadow-sm",children:[jsx("div",{className:cn("w-2 h-2 rounded-full transition-all",R||d?"bg-orange-500":"bg-green-500 animate-pulse")}),jsx("span",{className:"text-xs text-muted-foreground",children:R||d?"Paused":"Auto"})]})})]})});W.displayName="Carousel3D";var ee=t.forwardRef(({className:s,children:n,...l},c)=>jsx("div",{ref:c,className:cn("w-full h-full flex flex-col bg-gradient-to-br from-background to-muted/20","border rounded-lg overflow-hidden group",s),...l,children:n}));ee.displayName="Carousel3DCard";var te=t.forwardRef(({className:s,alt:n,...l},c)=>jsx("img",{ref:c,className:cn("w-full h-48 object-cover transition-transform duration-300","group-hover:scale-105",s),alt:n,...l}));te.displayName="Carousel3DCardImage";var ae=t.forwardRef(({className:s,children:n,...l},c)=>jsx("div",{ref:c,className:cn("flex-1 p-4 flex flex-col justify-between",s),...l,children:n}));ae.displayName="Carousel3DCardContent";var re=t.forwardRef(({className:s,children:n,...l},c)=>jsx("h3",{ref:c,className:cn("font-semibold text-lg mb-2 line-clamp-2",s),...l,children:n}));re.displayName="Carousel3DCardTitle";var oe=t.forwardRef(({className:s,children:n,...l},c)=>jsx("p",{ref:c,className:cn("text-sm text-muted-foreground line-clamp-3 mb-4",s),...l,children:n}));oe.displayName="Carousel3DCardDescription";export{W as Carousel3D,ee as Carousel3DCard,ae as Carousel3DCardContent,oe as Carousel3DCardDescription,te as Carousel3DCardImage,re as Carousel3DCardTitle};

package/dist/3d/grid.js

@@ -0,0 +1,2 @@
+"use client";
+'use strict';var e=require('react'),utils=require('@hanzo/ui-shadcn/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 e__namespace=/*#__PURE__*/_interopNamespace(e);var _=Object.defineProperty;var H=(n,t)=>_(n,"name",{value:t,configurable:true});var v=e__namespace.forwardRef(({items:n,columns:t=4,rows:s=3,gap:c=16,perspective:i=1e3,rotateX:u=25,rotateY:l=15,cellHeight:p=200,cellWidth:m=200,isometric:g=false,tiltOnHover:f=true,staggerAnimation:b=true,animationDelay:x=100,elevationOnHover:T=true,maxElevation:L=50,className:I,...O},Y)=>{let y=e__namespace.useRef(null),[X,R]=e__namespace.useState(null),[N,$]=e__namespace.useState({x:0,y:0}),[W,S]=e__namespace.useState(false),M=e__namespace.useMemo(()=>g?`perspective(${i}px) rotateX(45deg) rotateY(45deg)`:`perspective(${i}px) rotateX(${u}deg) rotateY(${l}deg)`,[g,i,u,l]),k=e__namespace.useCallback(r=>{if(!f||!y.current)return;let a=y.current.getBoundingClientRect(),d=a.left+a.width/2,P=a.top+a.height/2,C=(r.clientX-d)/(a.width/2),w=(r.clientY-P)/(a.height/2);$({x:C*10,y:w*10});},[f]),A=e__namespace.useCallback(()=>{S(true);},[]),z=e__namespace.useCallback(()=>{S(false),$({x:0,y:0}),R(null);},[]);e__namespace.useImperativeHandle(Y,()=>y.current);let Z={perspective:`${i}px`,transformStyle:"preserve-3d"},j={display:"grid",gridTemplateColumns:`repeat(${t}, ${m}px)`,gridTemplateRows:`repeat(${s}, ${p}px)`,gap:`${c}px`,transform:f&&W?`${M} rotateX(${-N.y}deg) rotateY(${N.x}deg)`:M,transition:"transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)",transformStyle:"preserve-3d"},E=H(r=>{let a=r%t,d=Math.floor(r/t);return {x:a,y:d}},"getGridPosition"),q=H(r=>{if(!b)return 0;let{x:a,y:d}=E(r);return (a+d)*x},"getStaggerDelay");return jsxRuntime.jsxs("div",{ref:y,className:utils.cn("w-fit mx-auto",I),style:Z,onMouseMove:k,onMouseEnter:A,onMouseLeave:z,...O,children:[jsxRuntime.jsx("div",{style:j,children:n.map((r,a)=>{let d=X===a,{x:P,y:C}=E(a),w=q(a),B={gridColumn:r.span?`span ${r.span.x}`:void 0,gridRow:r.span?`span ${r.span.y}`:void 0,transform:`translateZ(${(r.elevation||0)+(d&&T?L:0)}px)`,transition:"all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",transformStyle:"preserve-3d",animationDelay:`${w}ms`};return jsxRuntime.jsxs("div",{className:utils.cn("relative rounded-lg border bg-card text-card-foreground shadow-lg","transform-gpu will-change-transform cursor-pointer","transition-all duration-300 hover:shadow-xl",b&&"animate-in fade-in slide-in-from-bottom-4",d&&"ring-2 ring-primary ring-offset-2"),style:B,onMouseEnter:()=>R(a),onMouseLeave:()=>R(null),children:[jsxRuntime.jsx("div",{className:"w-full h-full overflow-hidden rounded-lg",children:r.content}),(r.elevation||0)>0&&jsxRuntime.jsx("div",{className:"absolute inset-0 -z-10 rounded-lg bg-black/20 blur-sm",style:{transform:`translateY(${(r.elevation||0)/2}px) scale(0.95)`}})]},r.id)})}),g&&jsxRuntime.jsx("div",{className:"absolute inset-0 pointer-events-none opacity-20",children:jsxRuntime.jsx("div",{className:"grid border-dashed border-muted-foreground/30",style:{gridTemplateColumns:`repeat(${t}, ${m}px)`,gridTemplateRows:`repeat(${s}, ${p}px)`,gap:`${c}px`,transform:M,transformStyle:"preserve-3d"},children:Array.from({length:t*s}).map((r,a)=>jsxRuntime.jsx("div",{className:"border border-dashed border-muted-foreground/20 rounded-lg"},a))})})]})});v.displayName="Grid3D";var F=e__namespace.forwardRef(({className:n,title:t,description:s,image:c,badge:i,elevation:u=0,children:l,...p},m)=>jsxRuntime.jsxs("div",{ref:m,className:utils.cn("group relative w-full h-full flex flex-col bg-gradient-to-br from-background to-muted/20","border rounded-lg overflow-hidden",n),style:{transform:`translateZ(${u}px)`,transformStyle:"preserve-3d"},...p,children:[c&&jsxRuntime.jsxs("div",{className:"relative h-32 overflow-hidden",children:[jsxRuntime.jsx("img",{src:c,alt:t||"",className:"w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"}),i&&jsxRuntime.jsx("div",{className:"absolute top-2 right-2 px-2 py-1 text-xs rounded-full bg-primary text-primary-foreground",children:i})]}),jsxRuntime.jsxs("div",{className:"flex-1 p-4 flex flex-col justify-between",children:[t&&jsxRuntime.jsx("h3",{className:"font-semibold text-lg mb-2 line-clamp-2 group-hover:text-primary transition-colors",children:t}),s&&jsxRuntime.jsx("p",{className:"text-sm text-muted-foreground line-clamp-3 mb-4",children:s}),l&&jsxRuntime.jsx("div",{className:"mt-auto",children:l})]}),jsxRuntime.jsx("div",{className:"absolute inset-0 -z-10 rounded-lg bg-gradient-to-br from-muted/50 to-muted",style:{transform:"translateZ(-2px) scale(0.98)",transformStyle:"preserve-3d"}})]}));F.displayName="Grid3DCard";var D={Dashboard:e__namespace.forwardRef(({children:n,...t},s)=>jsxRuntime.jsx(v,{ref:s,columns:4,rows:3,cellWidth:250,cellHeight:200,gap:20,perspective:1200,rotateX:20,rotateY:10,tiltOnHover:true,elevationOnHover:true,maxElevation:30,items:[],...t})),Isometric:e__namespace.forwardRef(({children:n,...t},s)=>jsxRuntime.jsx(v,{ref:s,columns:3,rows:3,cellWidth:180,cellHeight:180,gap:16,isometric:true,perspective:1e3,staggerAnimation:true,animationDelay:50,items:[],...t})),Gallery:e__namespace.forwardRef(({children:n,...t},s)=>jsxRuntime.jsx(v,{ref:s,columns:5,rows:2,cellWidth:200,cellHeight:280,gap:24,perspective:1500,rotateX:15,rotateY:5,tiltOnHover:true,elevationOnHover:true,maxElevation:40,items:[],...t})),Compact:e__namespace.forwardRef(({children:n,...t},s)=>jsxRuntime.jsx(v,{ref:s,columns:6,rows:4,cellWidth:120,cellHeight:120,gap:8,perspective:800,rotateX:30,rotateY:20,tiltOnHover:true,staggerAnimation:true,animationDelay:30,items:[],...t}))};D.Dashboard.displayName="Grid3DPreset.Dashboard";D.Isometric.displayName="Grid3DPreset.Isometric";D.Gallery.displayName="Grid3DPreset.Gallery";D.Compact.displayName="Grid3DPreset.Compact";var J=e__namespace.forwardRef(({items:n,minCellWidth:t=200,maxCellWidth:s=300,aspectRatio:c=1,...i},u)=>{let[l,p]=e__namespace.useState({columns:3,rows:2});e__namespace.useEffect(()=>{let f=n.length,b=Math.ceil(Math.sqrt(f)),x=Math.ceil(f/b);p({columns:b,rows:x});},[n.length]);let m=Math.min(s,Math.max(t,200)),g=m/c;return jsxRuntime.jsx(v,{ref:u,items:n,columns:l.columns,rows:l.rows,cellWidth:m,cellHeight:g,...i})});J.displayName="Grid3DAuto";exports.Grid3D=v;exports.Grid3DAuto=J;exports.Grid3DCard=F;exports.Grid3DPreset=D;

package/dist/3d/grid.mjs

@@ -0,0 +1,2 @@
+"use client";
+import*as e from'react';import {cn}from'@hanzo/ui-shadcn/lib/utils';import {jsxs,jsx}from'react/jsx-runtime';var _=Object.defineProperty;var H=(n,t)=>_(n,"name",{value:t,configurable:true});var v=e.forwardRef(({items:n,columns:t=4,rows:s=3,gap:c=16,perspective:i=1e3,rotateX:u=25,rotateY:l=15,cellHeight:p=200,cellWidth:m=200,isometric:g=false,tiltOnHover:f=true,staggerAnimation:b=true,animationDelay:x=100,elevationOnHover:T=true,maxElevation:L=50,className:I,...O},Y)=>{let y=e.useRef(null),[X,R]=e.useState(null),[N,$]=e.useState({x:0,y:0}),[W,S]=e.useState(false),M=e.useMemo(()=>g?`perspective(${i}px) rotateX(45deg) rotateY(45deg)`:`perspective(${i}px) rotateX(${u}deg) rotateY(${l}deg)`,[g,i,u,l]),k=e.useCallback(r=>{if(!f||!y.current)return;let a=y.current.getBoundingClientRect(),d=a.left+a.width/2,P=a.top+a.height/2,C=(r.clientX-d)/(a.width/2),w=(r.clientY-P)/(a.height/2);$({x:C*10,y:w*10});},[f]),A=e.useCallback(()=>{S(true);},[]),z=e.useCallback(()=>{S(false),$({x:0,y:0}),R(null);},[]);e.useImperativeHandle(Y,()=>y.current);let Z={perspective:`${i}px`,transformStyle:"preserve-3d"},j={display:"grid",gridTemplateColumns:`repeat(${t}, ${m}px)`,gridTemplateRows:`repeat(${s}, ${p}px)`,gap:`${c}px`,transform:f&&W?`${M} rotateX(${-N.y}deg) rotateY(${N.x}deg)`:M,transition:"transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)",transformStyle:"preserve-3d"},E=H(r=>{let a=r%t,d=Math.floor(r/t);return {x:a,y:d}},"getGridPosition"),q=H(r=>{if(!b)return 0;let{x:a,y:d}=E(r);return (a+d)*x},"getStaggerDelay");return jsxs("div",{ref:y,className:cn("w-fit mx-auto",I),style:Z,onMouseMove:k,onMouseEnter:A,onMouseLeave:z,...O,children:[jsx("div",{style:j,children:n.map((r,a)=>{let d=X===a,{x:P,y:C}=E(a),w=q(a),B={gridColumn:r.span?`span ${r.span.x}`:void 0,gridRow:r.span?`span ${r.span.y}`:void 0,transform:`translateZ(${(r.elevation||0)+(d&&T?L:0)}px)`,transition:"all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",transformStyle:"preserve-3d",animationDelay:`${w}ms`};return jsxs("div",{className:cn("relative rounded-lg border bg-card text-card-foreground shadow-lg","transform-gpu will-change-transform cursor-pointer","transition-all duration-300 hover:shadow-xl",b&&"animate-in fade-in slide-in-from-bottom-4",d&&"ring-2 ring-primary ring-offset-2"),style:B,onMouseEnter:()=>R(a),onMouseLeave:()=>R(null),children:[jsx("div",{className:"w-full h-full overflow-hidden rounded-lg",children:r.content}),(r.elevation||0)>0&&jsx("div",{className:"absolute inset-0 -z-10 rounded-lg bg-black/20 blur-sm",style:{transform:`translateY(${(r.elevation||0)/2}px) scale(0.95)`}})]},r.id)})}),g&&jsx("div",{className:"absolute inset-0 pointer-events-none opacity-20",children:jsx("div",{className:"grid border-dashed border-muted-foreground/30",style:{gridTemplateColumns:`repeat(${t}, ${m}px)`,gridTemplateRows:`repeat(${s}, ${p}px)`,gap:`${c}px`,transform:M,transformStyle:"preserve-3d"},children:Array.from({length:t*s}).map((r,a)=>jsx("div",{className:"border border-dashed border-muted-foreground/20 rounded-lg"},a))})})]})});v.displayName="Grid3D";var F=e.forwardRef(({className:n,title:t,description:s,image:c,badge:i,elevation:u=0,children:l,...p},m)=>jsxs("div",{ref:m,className:cn("group relative w-full h-full flex flex-col bg-gradient-to-br from-background to-muted/20","border rounded-lg overflow-hidden",n),style:{transform:`translateZ(${u}px)`,transformStyle:"preserve-3d"},...p,children:[c&&jsxs("div",{className:"relative h-32 overflow-hidden",children:[jsx("img",{src:c,alt:t||"",className:"w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"}),i&&jsx("div",{className:"absolute top-2 right-2 px-2 py-1 text-xs rounded-full bg-primary text-primary-foreground",children:i})]}),jsxs("div",{className:"flex-1 p-4 flex flex-col justify-between",children:[t&&jsx("h3",{className:"font-semibold text-lg mb-2 line-clamp-2 group-hover:text-primary transition-colors",children:t}),s&&jsx("p",{className:"text-sm text-muted-foreground line-clamp-3 mb-4",children:s}),l&&jsx("div",{className:"mt-auto",children:l})]}),jsx("div",{className:"absolute inset-0 -z-10 rounded-lg bg-gradient-to-br from-muted/50 to-muted",style:{transform:"translateZ(-2px) scale(0.98)",transformStyle:"preserve-3d"}})]}));F.displayName="Grid3DCard";var D={Dashboard:e.forwardRef(({children:n,...t},s)=>jsx(v,{ref:s,columns:4,rows:3,cellWidth:250,cellHeight:200,gap:20,perspective:1200,rotateX:20,rotateY:10,tiltOnHover:true,elevationOnHover:true,maxElevation:30,items:[],...t})),Isometric:e.forwardRef(({children:n,...t},s)=>jsx(v,{ref:s,columns:3,rows:3,cellWidth:180,cellHeight:180,gap:16,isometric:true,perspective:1e3,staggerAnimation:true,animationDelay:50,items:[],...t})),Gallery:e.forwardRef(({children:n,...t},s)=>jsx(v,{ref:s,columns:5,rows:2,cellWidth:200,cellHeight:280,gap:24,perspective:1500,rotateX:15,rotateY:5,tiltOnHover:true,elevationOnHover:true,maxElevation:40,items:[],...t})),Compact:e.forwardRef(({children:n,...t},s)=>jsx(v,{ref:s,columns:6,rows:4,cellWidth:120,cellHeight:120,gap:8,perspective:800,rotateX:30,rotateY:20,tiltOnHover:true,staggerAnimation:true,animationDelay:30,items:[],...t}))};D.Dashboard.displayName="Grid3DPreset.Dashboard";D.Isometric.displayName="Grid3DPreset.Isometric";D.Gallery.displayName="Grid3DPreset.Gallery";D.Compact.displayName="Grid3DPreset.Compact";var J=e.forwardRef(({items:n,minCellWidth:t=200,maxCellWidth:s=300,aspectRatio:c=1,...i},u)=>{let[l,p]=e.useState({columns:3,rows:2});e.useEffect(()=>{let f=n.length,b=Math.ceil(Math.sqrt(f)),x=Math.ceil(f/b);p({columns:b,rows:x});},[n.length]);let m=Math.min(s,Math.max(t,200)),g=m/c;return jsx(v,{ref:u,items:n,columns:l.columns,rows:l.rows,cellWidth:m,cellHeight:g,...i})});J.displayName="Grid3DAuto";export{v as Grid3D,J as Grid3DAuto,F as Grid3DCard,D as Grid3DPreset};

package/dist/3d/index.js

@@ -0,0 +1,2 @@
+"use client";
+'use strict';var i=require('react'),classVarianceAuthority=require('class-variance-authority'),utils=require('@hanzo/ui-shadcn/lib/utils'),jsxRuntime=require('react/jsx-runtime'),lucideReact=require('lucide-react'),framerMotion=require('framer-motion');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 Be=Object.defineProperty;var F=(t,e)=>Be(t,"name",{value:e,configurable:true});var be=classVarianceAuthority.cva(["relative inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium","transition-all duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring","disabled:pointer-events-none disabled:opacity-50 cursor-pointer select-none","transform-gpu will-change-transform active:scale-95","before:absolute before:inset-0 before:rounded-md before:transition-all before:duration-150","after:absolute after:inset-0 after:rounded-md after:transition-all after:duration-150"],{variants:{variant:{default:["bg-primary text-primary-foreground shadow-md hover:bg-primary/90","before:bg-gradient-to-t before:from-primary/80 before:to-primary before:translate-y-1 before:shadow-lg","hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/20 after:to-transparent after:opacity-0","hover:after:opacity-100"],destructive:["bg-destructive text-destructive-foreground shadow-md hover:bg-destructive/90","before:bg-gradient-to-t before:from-destructive/80 before:to-destructive before:translate-y-1 before:shadow-lg","hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/20 after:to-transparent after:opacity-0","hover:after:opacity-100"],outline:["border border-input bg-background text-foreground shadow-sm hover:bg-accent hover:text-accent-foreground","before:bg-gradient-to-t before:from-muted/50 before:to-background before:translate-y-1 before:border before:border-input","hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/10 after:to-transparent after:opacity-0","hover:after:opacity-100"],secondary:["bg-secondary text-secondary-foreground shadow-md hover:bg-secondary/80","before:bg-gradient-to-t before:from-secondary/80 before:to-secondary before:translate-y-1 before:shadow-lg","hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/20 after:to-transparent after:opacity-0","hover:after:opacity-100"],ghost:["text-foreground hover:bg-accent hover:text-accent-foreground","before:bg-gradient-to-t before:from-accent/30 before:to-accent/10 before:translate-y-1 before:opacity-0","hover:before:opacity-100 hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/10 after:to-transparent after:opacity-0","hover:after:opacity-50"],link:["text-primary underline-offset-4 hover:underline","before:hidden after:hidden"],neon:["bg-gradient-to-r from-purple-500 to-pink-500 text-white shadow-lg","before:bg-gradient-to-t before:from-purple-600 before:to-pink-600 before:translate-y-1 before:shadow-lg","hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/30 after:to-transparent after:opacity-0","hover:after:opacity-100","hover:shadow-purple-500/25 hover:shadow-2xl"],glass:["bg-white/10 backdrop-blur-md border border-white/20 text-foreground shadow-lg","before:bg-gradient-to-t before:from-white/5 before:to-white/20 before:translate-y-1 before:backdrop-blur-md before:border before:border-white/20","hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/30 after:to-transparent after:opacity-0","hover:after:opacity-100"],gradient:["bg-gradient-to-r from-blue-500 via-purple-500 to-pink-500 text-white shadow-lg","before:bg-gradient-to-t before:from-blue-600 before:via-purple-600 before:to-pink-600 before:translate-y-1 before:shadow-lg","hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/20 after:to-transparent after:opacity-0","hover:after:opacity-100","hover:bg-gradient-to-r hover:from-blue-400 hover:via-purple-400 hover:to-pink-400"]},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",xl:"h-12 rounded-lg px-10 text-base",icon:"h-10 w-10"},depth:{none:"before:translate-y-0",sm:"before:translate-y-0.5 hover:before:translate-y-0 active:before:translate-y-0",default:"before:translate-y-1 hover:before:translate-y-0.5 active:before:translate-y-0",lg:"before:translate-y-1.5 hover:before:translate-y-0.5 active:before:translate-y-0",xl:"before:translate-y-2 hover:before:translate-y-1 active:before:translate-y-0"}},defaultVariants:{variant:"default",size:"default",depth:"default"}}),W=i__namespace.forwardRef(({className:t,variant:e,size:o,depth:r,tiltOnHover:s=false,glowIntensity:h=0,shadowColor:g,pressAnimation:x=true,children:H,onMouseEnter:D,onMouseLeave:p,onMouseMove:S,onMouseDown:I,onMouseUp:T,style:M,...B},y)=>{let P=i__namespace.useRef(null),[w,O]=i__namespace.useState(false),[z,_]=i__namespace.useState(false),[q,N]=i__namespace.useState({x:0,y:0}),k=i__namespace.useCallback(d=>{if(!s||!P.current)return;let a=P.current.getBoundingClientRect(),c=a.left+a.width/2,X=a.top+a.height/2,Q=(d.clientX-c)/(a.width/2),ee=(d.clientY-X)/(a.height/2);N({x:ee*-10,y:Q*10});},[s]),n=i__namespace.useCallback(()=>{N({x:0,y:0});},[]),u=i__namespace.useCallback(d=>{O(true),D?.(d);},[D]),E=i__namespace.useCallback(d=>{O(false),n(),p?.(d);},[p,n]),$=i__namespace.useCallback(d=>{s&&k(d),S?.(d);},[S,s,k]),G=i__namespace.useCallback(d=>{x&&_(true),I?.(d);},[I,x]),V=i__namespace.useCallback(d=>{_(false),T?.(d);},[T]);i__namespace.useImperativeHandle(y,()=>P.current);let Y={...M,transform:s?`perspective(1000px) rotateX(${q.x}deg) rotateY(${q.y}deg) ${z?"translateY(1px)":""}`:z?"translateY(1px)":void 0,filter:h>0?`drop-shadow(0 0 ${h*4}px ${g||"currentColor"})`:void 0,transition:"all 150ms cubic-bezier(0.4, 0, 0.2, 1)"};return jsxRuntime.jsx("button",{ref:P,className:utils.cn(be({variant:e,size:o,depth:r}),t),style:Y,onMouseEnter:u,onMouseLeave:E,onMouseMove:$,onMouseDown:G,onMouseUp:V,...B,children:jsxRuntime.jsx("span",{className:"relative z-10 flex items-center justify-center gap-2",children:H})})});W.displayName="Button3D";var te={Hero:i__namespace.forwardRef((t,e)=>jsxRuntime.jsx(W,{ref:e,variant:"gradient",size:"xl",depth:"lg",tiltOnHover:true,glowIntensity:2,...t})),CTA:i__namespace.forwardRef((t,e)=>jsxRuntime.jsx(W,{ref:e,variant:"neon",size:"lg",depth:"default",tiltOnHover:true,glowIntensity:1,...t})),Glass:i__namespace.forwardRef((t,e)=>jsxRuntime.jsx(W,{ref:e,variant:"glass",size:"default",depth:"sm",tiltOnHover:true,...t})),Minimal:i__namespace.forwardRef((t,e)=>jsxRuntime.jsx(W,{ref:e,variant:"ghost",size:"default",depth:"sm",...t})),Danger:i__namespace.forwardRef((t,e)=>jsxRuntime.jsx(W,{ref:e,variant:"destructive",size:"default",depth:"default",shadowColor:"rgb(239 68 68)",...t}))};te.Hero.displayName="Button3DPreset.Hero";te.CTA.displayName="Button3DPreset.CTA";te.Glass.displayName="Button3DPreset.Glass";te.Minimal.displayName="Button3DPreset.Minimal";te.Danger.displayName="Button3DPreset.Danger";var ge=i__namespace.forwardRef(({loading:t=false,children:e,disabled:o,...r},s)=>jsxRuntime.jsxs(W,{ref:s,disabled:o||t,...r,children:[t&&jsxRuntime.jsx("div",{className:"animate-spin rounded-full h-4 w-4 border-2 border-current border-t-transparent"}),!t&&e]}));ge.displayName="Button3DLoading";var ve=i__namespace.forwardRef(({children:t,maxTilt:e=15,perspective:o=1e3,scale:r=1.05,speed:s=400,glare:h=true,glareMaxOpacity:g=.7,className:x,...H},D)=>{let p=i__namespace.useRef(null),S=i__namespace.useRef(null),[I,T]=i__namespace.useState(false),[M,B]=i__namespace.useState({rotateX:0,rotateY:0,scale:1,glareX:50,glareY:50,glareOpacity:0}),y=i__namespace.useCallback((n,u)=>{if(!n||!u){B({rotateX:0,rotateY:0,scale:1,glareX:50,glareY:50,glareOpacity:0});return}let E=u.left+u.width/2,$=u.top+u.height/2,G=(n.x-E)/(u.width/2),Y=-((n.y-$)/(u.height/2))*e,d=G*e,a=(n.x-u.left)/u.width*100,c=(n.y-u.top)/u.height*100;B({rotateX:Y,rotateY:d,scale:r,glareX:a,glareY:c,glareOpacity:h?g:0});},[e,r,h,g]),P=i__namespace.useCallback(n=>{if(!p.current)return;let u=p.current.getBoundingClientRect(),E={x:n.clientX,y:n.clientY};y(E,u);},[y]),w=i__namespace.useCallback(n=>{if(!p.current||n.touches.length===0)return;n.preventDefault();let u=p.current.getBoundingClientRect(),E=n.touches[0],$={x:E.clientX,y:E.clientY};y($,u);},[y]),O=i__namespace.useCallback(()=>{T(true);},[]),z=i__namespace.useCallback(()=>{T(false),y(null,null);},[y]),_=i__namespace.useCallback(()=>{T(true);},[]),q=i__namespace.useCallback(()=>{T(false),y(null,null);},[y]),N={transform:`perspective(${o}px) rotateX(${M.rotateX}deg) rotateY(${M.rotateY}deg) scale(${M.scale})`,transition:I?"none":`transform ${s}ms cubic-bezier(0.03, 0.98, 0.52, 0.99)`,transformStyle:"preserve-3d"},k={background:`radial-gradient(circle at ${M.glareX}% ${M.glareY}%, rgba(255,255,255,${M.glareOpacity}) 0%, transparent 50%)`,transition:I?"none":`opacity ${s}ms ease-out`};return i__namespace.useImperativeHandle(D,()=>p.current),jsxRuntime.jsxs("div",{ref:p,className:utils.cn("relative rounded-lg border bg-card text-card-foreground shadow-lg cursor-pointer","transform-gpu will-change-transform",x),style:N,onMouseMove:P,onMouseEnter:O,onMouseLeave:z,onTouchStart:_,onTouchMove:w,onTouchEnd:q,...H,children:[jsxRuntime.jsx("div",{className:"relative z-10",children:t}),h&&jsxRuntime.jsx("div",{ref:S,className:"absolute inset-0 rounded-lg pointer-events-none z-20",style:k})]})});ve.displayName="Card3D";var he=i__namespace.forwardRef(({className:t,depth:e=20,style:o,...r},s)=>jsxRuntime.jsx("div",{ref:s,className:utils.cn("flex flex-col space-y-1.5 p-6",t),style:{transform:`translateZ(${e}px)`,...o},...r}));he.displayName="Card3DHeader";var ye=i__namespace.forwardRef(({className:t,depth:e=30,style:o,...r},s)=>jsxRuntime.jsx("h3",{ref:s,className:utils.cn("text-2xl font-semibold leading-none tracking-tight",t),style:{transform:`translateZ(${e}px)`,...o},...r}));ye.displayName="Card3DTitle";var Re=i__namespace.forwardRef(({className:t,depth:e=10,style:o,...r},s)=>jsxRuntime.jsx("p",{ref:s,className:utils.cn("text-sm text-muted-foreground",t),style:{transform:`translateZ(${e}px)`,...o},...r}));Re.displayName="Card3DDescription";var De=i__namespace.forwardRef(({className:t,depth:e=25,style:o,...r},s)=>jsxRuntime.jsx("div",{ref:s,className:utils.cn("p-6 pt-0",t),style:{transform:`translateZ(${e}px)`,...o},...r}));De.displayName="Card3DContent";var xe=i__namespace.forwardRef(({className:t,depth:e=15,style:o,...r},s)=>jsxRuntime.jsx("div",{ref:s,className:utils.cn("flex items-center p-6 pt-0",t),style:{transform:`translateZ(${e}px)`,...o},...r}));xe.displayName="Card3DFooter";var Me=i__namespace.forwardRef(({items:t,itemWidth:e=300,itemHeight:o=400,spacing:r=80,perspective:s=1e3,rotateY:h=40,autoRotate:g=false,autoRotateSpeed:x=3e3,showControls:H=true,infinite:D=true,className:p,...S},I)=>{let T=i__namespace.useRef(null),[M,B]=i__namespace.useState(0),[y,P]=i__namespace.useState(false),[w,O]=i__namespace.useState(false),[z,_]=i__namespace.useState({x:0,y:0}),[q,N]=i__namespace.useState(0),k=i__namespace.useRef(void 0),n=t.length,u=(e+r)/2/Math.tan(Math.PI/n);i__namespace.useEffect(()=>(g&&!y&&!w?k.current=setInterval(()=>{B(l=>(l+1)%n);},x):k.current&&clearInterval(k.current),()=>{k.current&&clearInterval(k.current);}),[g,y,w,x,n]);let E=i__namespace.useCallback(()=>{B(l=>D?(l-1+n)%n:Math.max(0,l-1));},[D,n]),$=i__namespace.useCallback(()=>{B(l=>D?(l+1)%n:Math.min(n-1,l+1));},[D,n]),G=i__namespace.useCallback(l=>{B(Math.max(0,Math.min(n-1,l)));},[n]),V=i__namespace.useCallback((l,f)=>{O(true),_({x:l,y:f}),N(0);},[]),Y=i__namespace.useCallback((l,f)=>{if(!w)return;let de=(l-z.x)*.5;N(de);},[w,z.x]),d=i__namespace.useCallback(()=>{if(!w)return;Math.abs(q)>50&&(q>0?E():$()),O(false),N(0);},[w,q,E,$]),a=i__namespace.useCallback(l=>{l.preventDefault(),V(l.clientX,l.clientY);},[V]),c=i__namespace.useCallback(l=>{Y(l.clientX,l.clientY);},[Y]),X=i__namespace.useCallback(()=>{d();},[d]),Q=i__namespace.useCallback(l=>{if(l.touches.length===1){let f=l.touches[0];V(f.clientX,f.clientY);}},[V]),ee=i__namespace.useCallback(l=>{if(l.touches.length===1){l.preventDefault();let f=l.touches[0];Y(f.clientX,f.clientY);}},[Y]),oe=i__namespace.useCallback(()=>{d();},[d]);i__namespace.useEffect(()=>{let l=F(f=>{if(f.key==="ArrowLeft")f.preventDefault(),E();else if(f.key==="ArrowRight")f.preventDefault(),$();else if(f.key>="1"&&f.key<="9"){let ne=parseInt(f.key)-1;ne<n&&G(ne);}},"handleKeyDown");if(T.current)return T.current.addEventListener("keydown",l),()=>{T.current?.removeEventListener("keydown",l);}},[E,$,G,n]),i__namespace.useImperativeHandle(I,()=>T.current);let ce={perspective:`${s}px`,height:`${o+100}px`},Ie={transform:`translateZ(-${u}px) rotateY(${-M*(360/n)+q/5}deg)`,transition:w?"none":"transform 0.6s cubic-bezier(0.4, 0.0, 0.2, 1)",transformStyle:"preserve-3d"};return jsxRuntime.jsxs("div",{ref:T,className:utils.cn("relative w-full select-none focus:outline-none",p),style:ce,onMouseEnter:()=>P(true),onMouseLeave:()=>P(false),onMouseDown:a,onMouseMove:c,onMouseUp:X,onTouchStart:Q,onTouchMove:ee,onTouchEnd:oe,tabIndex:0,...S,children:[jsxRuntime.jsx("div",{className:"relative mx-auto",style:{width:`${e}px`,height:`${o}px`,transformStyle:"preserve-3d"},children:jsxRuntime.jsx("div",{className:"absolute inset-0",style:Ie,children:t.map((l,f)=>{let ne=f/n*360,pe=f===M,de={transform:`rotateY(${ne}deg) translateZ(${u}px)`,width:`${e}px`,height:`${o}px`,position:"absolute",backfaceVisibility:"hidden",transformStyle:"preserve-3d"};return jsxRuntime.jsx("div",{className:utils.cn("rounded-lg border bg-card text-card-foreground shadow-lg cursor-pointer","transition-all duration-300 transform-gpu will-change-transform",pe&&"ring-2 ring-primary ring-offset-2"),style:de,onClick:()=>G(f),children:jsxRuntime.jsx("div",{className:"w-full h-full overflow-hidden rounded-lg",children:l.content})},l.id)})})}),H&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("button",{className:utils.cn("absolute left-4 top-1/2 -translate-y-1/2 z-10","p-2 rounded-full bg-background/80 backdrop-blur-sm","border shadow-lg hover:bg-background transition-all","disabled:opacity-50 disabled:cursor-not-allowed"),onClick:E,disabled:!D&&M===0,"aria-label":"Previous item",children:jsxRuntime.jsx(lucideReact.ChevronLeft,{className:"w-5 h-5"})}),jsxRuntime.jsx("button",{className:utils.cn("absolute right-4 top-1/2 -translate-y-1/2 z-10","p-2 rounded-full bg-background/80 backdrop-blur-sm","border shadow-lg hover:bg-background transition-all","disabled:opacity-50 disabled:cursor-not-allowed"),onClick:$,disabled:!D&&M===n-1,"aria-label":"Next item",children:jsxRuntime.jsx(lucideReact.ChevronRight,{className:"w-5 h-5"})})]}),jsxRuntime.jsx("div",{className:"absolute bottom-4 left-1/2 -translate-x-1/2 z-10",children:jsxRuntime.jsx("div",{className:"flex space-x-2 p-2 rounded-full bg-background/80 backdrop-blur-sm border shadow-lg",children:t.map((l,f)=>jsxRuntime.jsx("button",{className:utils.cn("w-2 h-2 rounded-full transition-all",f===M?"bg-primary scale-125":"bg-muted-foreground/50 hover:bg-muted-foreground/75"),onClick:()=>G(f),"aria-label":`Go to item ${f+1}`},f))})}),g&&jsxRuntime.jsx("div",{className:"absolute top-4 right-4 z-10",children:jsxRuntime.jsxs("div",{className:"flex items-center space-x-2 p-2 rounded-full bg-background/80 backdrop-blur-sm border shadow-sm",children:[jsxRuntime.jsx("div",{className:utils.cn("w-2 h-2 rounded-full transition-all",y||w?"bg-orange-500":"bg-green-500 animate-pulse")}),jsxRuntime.jsx("span",{className:"text-xs text-muted-foreground",children:y||w?"Paused":"Auto"})]})})]})});Me.displayName="Carousel3D";var we=i__namespace.forwardRef(({className:t,children:e,...o},r)=>jsxRuntime.jsx("div",{ref:r,className:utils.cn("w-full h-full flex flex-col bg-gradient-to-br from-background to-muted/20","border rounded-lg overflow-hidden group",t),...o,children:e}));we.displayName="Carousel3DCard";var Ce=i__namespace.forwardRef(({className:t,alt:e,...o},r)=>jsxRuntime.jsx("img",{ref:r,className:utils.cn("w-full h-48 object-cover transition-transform duration-300","group-hover:scale-105",t),alt:e,...o}));Ce.displayName="Carousel3DCardImage";var He=i__namespace.forwardRef(({className:t,children:e,...o},r)=>jsxRuntime.jsx("div",{ref:r,className:utils.cn("flex-1 p-4 flex flex-col justify-between",t),...o,children:e}));He.displayName="Carousel3DCardContent";var Te=i__namespace.forwardRef(({className:t,children:e,...o},r)=>jsxRuntime.jsx("h3",{ref:r,className:utils.cn("font-semibold text-lg mb-2 line-clamp-2",t),...o,children:e}));Te.displayName="Carousel3DCardTitle";var Ne=i__namespace.forwardRef(({className:t,children:e,...o},r)=>jsxRuntime.jsx("p",{ref:r,className:utils.cn("text-sm text-muted-foreground line-clamp-3 mb-4",t),...o,children:e}));Ne.displayName="Carousel3DCardDescription";var J=i__namespace.forwardRef(({items:t,columns:e=4,rows:o=3,gap:r=16,perspective:s=1e3,rotateX:h=25,rotateY:g=15,cellHeight:x=200,cellWidth:H=200,isometric:D=false,tiltOnHover:p=true,staggerAnimation:S=true,animationDelay:I=100,elevationOnHover:T=true,maxElevation:M=50,className:B,...y},P)=>{let w=i__namespace.useRef(null),[O,z]=i__namespace.useState(null),[_,q]=i__namespace.useState({x:0,y:0}),[N,k]=i__namespace.useState(false),n=i__namespace.useMemo(()=>D?`perspective(${s}px) rotateX(45deg) rotateY(45deg)`:`perspective(${s}px) rotateX(${h}deg) rotateY(${g}deg)`,[D,s,h,g]),u=i__namespace.useCallback(a=>{if(!p||!w.current)return;let c=w.current.getBoundingClientRect(),X=c.left+c.width/2,Q=c.top+c.height/2,ee=(a.clientX-X)/(c.width/2),oe=(a.clientY-Q)/(c.height/2);q({x:ee*10,y:oe*10});},[p]),E=i__namespace.useCallback(()=>{k(true);},[]),$=i__namespace.useCallback(()=>{k(false),q({x:0,y:0}),z(null);},[]);i__namespace.useImperativeHandle(P,()=>w.current);let G={perspective:`${s}px`,transformStyle:"preserve-3d"},V={display:"grid",gridTemplateColumns:`repeat(${e}, ${H}px)`,gridTemplateRows:`repeat(${o}, ${x}px)`,gap:`${r}px`,transform:p&&N?`${n} rotateX(${-_.y}deg) rotateY(${_.x}deg)`:n,transition:"transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)",transformStyle:"preserve-3d"},Y=F(a=>{let c=a%e,X=Math.floor(a/e);return {x:c,y:X}},"getGridPosition"),d=F(a=>{if(!S)return 0;let{x:c,y:X}=Y(a);return (c+X)*I},"getStaggerDelay");return jsxRuntime.jsxs("div",{ref:w,className:utils.cn("w-fit mx-auto",B),style:G,onMouseMove:u,onMouseEnter:E,onMouseLeave:$,...y,children:[jsxRuntime.jsx("div",{style:V,children:t.map((a,c)=>{let X=O===c,{x:Q,y:ee}=Y(c),oe=d(c),ce={gridColumn:a.span?`span ${a.span.x}`:void 0,gridRow:a.span?`span ${a.span.y}`:void 0,transform:`translateZ(${(a.elevation||0)+(X&&T?M:0)}px)`,transition:"all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",transformStyle:"preserve-3d",animationDelay:`${oe}ms`};return jsxRuntime.jsxs("div",{className:utils.cn("relative rounded-lg border bg-card text-card-foreground shadow-lg","transform-gpu will-change-transform cursor-pointer","transition-all duration-300 hover:shadow-xl",S&&"animate-in fade-in slide-in-from-bottom-4",X&&"ring-2 ring-primary ring-offset-2"),style:ce,onMouseEnter:()=>z(c),onMouseLeave:()=>z(null),children:[jsxRuntime.jsx("div",{className:"w-full h-full overflow-hidden rounded-lg",children:a.content}),(a.elevation||0)>0&&jsxRuntime.jsx("div",{className:"absolute inset-0 -z-10 rounded-lg bg-black/20 blur-sm",style:{transform:`translateY(${(a.elevation||0)/2}px) scale(0.95)`}})]},a.id)})}),D&&jsxRuntime.jsx("div",{className:"absolute inset-0 pointer-events-none opacity-20",children:jsxRuntime.jsx("div",{className:"grid border-dashed border-muted-foreground/30",style:{gridTemplateColumns:`repeat(${e}, ${H}px)`,gridTemplateRows:`repeat(${o}, ${x}px)`,gap:`${r}px`,transform:n,transformStyle:"preserve-3d"},children:Array.from({length:e*o}).map((a,c)=>jsxRuntime.jsx("div",{className:"border border-dashed border-muted-foreground/20 rounded-lg"},c))})})]})});J.displayName="Grid3D";var Ee=i__namespace.forwardRef(({className:t,title:e,description:o,image:r,badge:s,elevation:h=0,children:g,...x},H)=>jsxRuntime.jsxs("div",{ref:H,className:utils.cn("group relative w-full h-full flex flex-col bg-gradient-to-br from-background to-muted/20","border rounded-lg overflow-hidden",t),style:{transform:`translateZ(${h}px)`,transformStyle:"preserve-3d"},...x,children:[r&&jsxRuntime.jsxs("div",{className:"relative h-32 overflow-hidden",children:[jsxRuntime.jsx("img",{src:r,alt:e||"",className:"w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"}),s&&jsxRuntime.jsx("div",{className:"absolute top-2 right-2 px-2 py-1 text-xs rounded-full bg-primary text-primary-foreground",children:s})]}),jsxRuntime.jsxs("div",{className:"flex-1 p-4 flex flex-col justify-between",children:[e&&jsxRuntime.jsx("h3",{className:"font-semibold text-lg mb-2 line-clamp-2 group-hover:text-primary transition-colors",children:e}),o&&jsxRuntime.jsx("p",{className:"text-sm text-muted-foreground line-clamp-3 mb-4",children:o}),g&&jsxRuntime.jsx("div",{className:"mt-auto",children:g})]}),jsxRuntime.jsx("div",{className:"absolute inset-0 -z-10 rounded-lg bg-gradient-to-br from-muted/50 to-muted",style:{transform:"translateZ(-2px) scale(0.98)",transformStyle:"preserve-3d"}})]}));Ee.displayName="Grid3DCard";var le={Dashboard:i__namespace.forwardRef(({children:t,...e},o)=>jsxRuntime.jsx(J,{ref:o,columns:4,rows:3,cellWidth:250,cellHeight:200,gap:20,perspective:1200,rotateX:20,rotateY:10,tiltOnHover:true,elevationOnHover:true,maxElevation:30,items:[],...e})),Isometric:i__namespace.forwardRef(({children:t,...e},o)=>jsxRuntime.jsx(J,{ref:o,columns:3,rows:3,cellWidth:180,cellHeight:180,gap:16,isometric:true,perspective:1e3,staggerAnimation:true,animationDelay:50,items:[],...e})),Gallery:i__namespace.forwardRef(({children:t,...e},o)=>jsxRuntime.jsx(J,{ref:o,columns:5,rows:2,cellWidth:200,cellHeight:280,gap:24,perspective:1500,rotateX:15,rotateY:5,tiltOnHover:true,elevationOnHover:true,maxElevation:40,items:[],...e})),Compact:i__namespace.forwardRef(({children:t,...e},o)=>jsxRuntime.jsx(J,{ref:o,columns:6,rows:4,cellWidth:120,cellHeight:120,gap:8,perspective:800,rotateX:30,rotateY:20,tiltOnHover:true,staggerAnimation:true,animationDelay:30,items:[],...e}))};le.Dashboard.displayName="Grid3DPreset.Dashboard";le.Isometric.displayName="Grid3DPreset.Isometric";le.Gallery.displayName="Grid3DPreset.Gallery";le.Compact.displayName="Grid3DPreset.Compact";var Le=i__namespace.forwardRef(({items:t,minCellWidth:e=200,maxCellWidth:o=300,aspectRatio:r=1,...s},h)=>{let[g,x]=i__namespace.useState({columns:3,rows:2});i__namespace.useEffect(()=>{let p=t.length,S=Math.ceil(Math.sqrt(p)),I=Math.ceil(p/S);x({columns:S,rows:I});},[t.length]);let H=Math.min(o,Math.max(e,200)),D=H/r;return jsxRuntime.jsx(J,{ref:h,items:t,columns:g.columns,rows:g.rows,cellWidth:H,cellHeight:D,...s})});Le.displayName="Grid3DAuto";var ke=classVarianceAuthority.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"}}),U=i__namespace.forwardRef(({className:t,variant:e,size:o,direction:r="left",perspective:s,children:h,speed:g=50,pauseOnHover:x=false,reverse:H=false,repeat:D=5,gap:p=0,rotateX:S=0,rotateY:I=0,rotateZ:T=0,autoFill:M=false,gradient:B=false,gradientColor:y="#ffffff",gradientWidth:P=200,style:w,...O},z)=>{let[_,q]=i__namespace.useState(0),[N,k]=i__namespace.useState(0),n=i__namespace.useRef(null),u=i__namespace.useRef(null);i__namespace.useEffect(()=>{let d=F(()=>{if(n.current&&u.current){let a=n.current.getBoundingClientRect(),c=u.current.getBoundingClientRect();r==="left"||r==="right"?(q(a.width),k(c.width)):(q(a.height),k(c.height));}},"measureDimensions");return d(),window.addEventListener("resize",d),()=>window.removeEventListener("resize",d)},[r,h]);let E=i__namespace.useMemo(()=>N===0?20:N/g,[N,g]),$=i__namespace.useMemo(()=>M&&_>0&&N>0?Math.ceil(_/N)+2:D,[M,_,N,D]),G=F(()=>{let a=N+p,c={};return r==="left"?c={x:H?[a,-a]:[-a,a]}:r==="right"?c={x:H?[-a,a]:[a,-a]}:r==="up"?c={y:H?[a,-a]:[-a,a]}:r==="down"&&(c={y:H?[-a,a]:[a,-a]}),{animate:c,transition:{duration:E,ease:"linear",repeat:1/0}}},"getAnimationProps"),V=`perspective(1000px) rotateX(${S}deg) rotateY(${I}deg) rotateZ(${T}deg)`,Y=B?{maskImage:`linear-gradient(to right, transparent, ${y} ${P}px, ${y} calc(100% - ${P}px), transparent)`,WebkitMaskImage:`linear-gradient(to right, transparent, ${y} ${P}px, ${y} calc(100% - ${P}px), transparent)`}:{};return jsxRuntime.jsx("div",{ref:n,className:utils.cn(ke({variant:e,size:o,direction:r,perspective:s}),"flex items-center",r==="up"||r==="down"?"flex-col":"flex-row",t),style:{...w,transform:V,...Y},...O,children:jsxRuntime.jsx(framerMotion.motion.div,{ref:u,className:utils.cn("marquee-content flex shrink-0 font-bold",r==="up"||r==="down"?"flex-col":"flex-row",x&&"hover:[animation-play-state:paused]"),style:{gap:`${p}px`},...G(),children:Array.from({length:$}).map((d,a)=>jsxRuntime.jsxs(i__namespace.Fragment,{children:[jsxRuntime.jsx("div",{className:utils.cn("flex shrink-0 items-center justify-center",r==="up"||r==="down"?"flex-col":"flex-row"),style:{transform:`rotateX(${S}deg) rotateY(${I}deg) rotateZ(${T}deg)`,transformStyle:"preserve-3d"},children:h}),a<$-1&&p>0&&jsxRuntime.jsx("div",{style:{width:r==="up"||r==="down"?"100%":`${p}px`,height:r==="up"||r==="down"?`${p}px`:"100%"}})]},a))})})});U.displayName="Marquee3D";var ae={Hero:i__namespace.forwardRef((t,e)=>jsxRuntime.jsx(U,{ref:e,variant:"rainbow",size:"3xl",speed:30,rotateX:-10,gradient:true,...t})),Neon:i__namespace.forwardRef((t,e)=>jsxRuntime.jsx(U,{ref:e,variant:"neon",size:"xl",speed:40,rotateY:5,pauseOnHover:true,...t})),Metallic:i__namespace.forwardRef((t,e)=>jsxRuntime.jsx(U,{ref:e,variant:"metallic",size:"lg",speed:35,rotateX:-5,rotateY:2,gradient:true,gradientColor:"#c4c4c4",...t})),Fire:i__namespace.forwardRef((t,e)=>jsxRuntime.jsx(U,{ref:e,variant:"fire",size:"2xl",speed:60,rotateZ:1,gradient:true,gradientColor:"#ff6600",...t})),Glass:i__namespace.forwardRef((t,e)=>jsxRuntime.jsx(U,{ref:e,variant:"glass",size:"lg",speed:25,rotateX:-8,pauseOnHover:true,gradient:true,gradientColor:"rgba(255,255,255,0.9)",...t}))};ae.Hero.displayName="Marquee3DPreset.Hero";ae.Neon.displayName="Marquee3DPreset.Neon";ae.Metallic.displayName="Marquee3DPreset.Metallic";ae.Fire.displayName="Marquee3DPreset.Fire";ae.Glass.displayName="Marquee3DPreset.Glass";var $e=i__namespace.forwardRef(({children:t,floatIntensity:e=10,floatSpeed:o=3,...r},s)=>{let h=typeof t=="string"?t:"";return jsxRuntime.jsx(U,{ref:s,...r,children:h?jsxRuntime.jsx("div",{className:"flex space-x-1",children:h.split("").map((g,x)=>jsxRuntime.jsx(framerMotion.motion.span,{className:"inline-block",animate:{y:[0,-e,0],rotateX:[0,5,0],rotateY:[0,2,0]},transition:{duration:o,ease:"easeInOut",repeat:1/0,delay:x*.1},children:g===" "?"\xA0":g},x))}):t})});$e.displayName="Marquee3DFloating";var qe=i__namespace.forwardRef(({className:t,title:e,href:o,children:r,...s},h)=>jsxRuntime.jsxs("div",{ref:h,className:utils.cn("group/pin relative cursor-pointer",t),...s,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})]}));qe.displayName="Pin3D";exports.Button3D=W;exports.Button3DLoading=ge;exports.Button3DPreset=te;exports.Card3D=ve;exports.Card3DContent=De;exports.Card3DDescription=Re;exports.Card3DFooter=xe;exports.Card3DHeader=he;exports.Card3DTitle=ye;exports.Carousel3D=Me;exports.Carousel3DCard=we;exports.Carousel3DCardContent=He;exports.Carousel3DCardDescription=Ne;exports.Carousel3DCardImage=Ce;exports.Carousel3DCardTitle=Te;exports.Grid3D=J;exports.Grid3DAuto=Le;exports.Grid3DCard=Ee;exports.Grid3DPreset=le;exports.Marquee3D=U;exports.Marquee3DFloating=$e;exports.Marquee3DPreset=ae;exports.Pin3D=qe;exports.button3DVariants=be;exports.marquee3DVariants=ke;

package/dist/3d/index.mjs

@@ -0,0 +1,2 @@
+"use client";
+import*as i from'react';import {cva}from'class-variance-authority';import {cn}from'@hanzo/ui-shadcn/lib/utils';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {ChevronLeft,ChevronRight}from'lucide-react';import {motion}from'framer-motion';var Be=Object.defineProperty;var F=(t,e)=>Be(t,"name",{value:e,configurable:true});var be=cva(["relative inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium","transition-all duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring","disabled:pointer-events-none disabled:opacity-50 cursor-pointer select-none","transform-gpu will-change-transform active:scale-95","before:absolute before:inset-0 before:rounded-md before:transition-all before:duration-150","after:absolute after:inset-0 after:rounded-md after:transition-all after:duration-150"],{variants:{variant:{default:["bg-primary text-primary-foreground shadow-md hover:bg-primary/90","before:bg-gradient-to-t before:from-primary/80 before:to-primary before:translate-y-1 before:shadow-lg","hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/20 after:to-transparent after:opacity-0","hover:after:opacity-100"],destructive:["bg-destructive text-destructive-foreground shadow-md hover:bg-destructive/90","before:bg-gradient-to-t before:from-destructive/80 before:to-destructive before:translate-y-1 before:shadow-lg","hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/20 after:to-transparent after:opacity-0","hover:after:opacity-100"],outline:["border border-input bg-background text-foreground shadow-sm hover:bg-accent hover:text-accent-foreground","before:bg-gradient-to-t before:from-muted/50 before:to-background before:translate-y-1 before:border before:border-input","hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/10 after:to-transparent after:opacity-0","hover:after:opacity-100"],secondary:["bg-secondary text-secondary-foreground shadow-md hover:bg-secondary/80","before:bg-gradient-to-t before:from-secondary/80 before:to-secondary before:translate-y-1 before:shadow-lg","hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/20 after:to-transparent after:opacity-0","hover:after:opacity-100"],ghost:["text-foreground hover:bg-accent hover:text-accent-foreground","before:bg-gradient-to-t before:from-accent/30 before:to-accent/10 before:translate-y-1 before:opacity-0","hover:before:opacity-100 hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/10 after:to-transparent after:opacity-0","hover:after:opacity-50"],link:["text-primary underline-offset-4 hover:underline","before:hidden after:hidden"],neon:["bg-gradient-to-r from-purple-500 to-pink-500 text-white shadow-lg","before:bg-gradient-to-t before:from-purple-600 before:to-pink-600 before:translate-y-1 before:shadow-lg","hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/30 after:to-transparent after:opacity-0","hover:after:opacity-100","hover:shadow-purple-500/25 hover:shadow-2xl"],glass:["bg-white/10 backdrop-blur-md border border-white/20 text-foreground shadow-lg","before:bg-gradient-to-t before:from-white/5 before:to-white/20 before:translate-y-1 before:backdrop-blur-md before:border before:border-white/20","hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/30 after:to-transparent after:opacity-0","hover:after:opacity-100"],gradient:["bg-gradient-to-r from-blue-500 via-purple-500 to-pink-500 text-white shadow-lg","before:bg-gradient-to-t before:from-blue-600 before:via-purple-600 before:to-pink-600 before:translate-y-1 before:shadow-lg","hover:before:translate-y-0.5 active:before:translate-y-0","after:bg-gradient-to-b after:from-white/20 after:to-transparent after:opacity-0","hover:after:opacity-100","hover:bg-gradient-to-r hover:from-blue-400 hover:via-purple-400 hover:to-pink-400"]},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",xl:"h-12 rounded-lg px-10 text-base",icon:"h-10 w-10"},depth:{none:"before:translate-y-0",sm:"before:translate-y-0.5 hover:before:translate-y-0 active:before:translate-y-0",default:"before:translate-y-1 hover:before:translate-y-0.5 active:before:translate-y-0",lg:"before:translate-y-1.5 hover:before:translate-y-0.5 active:before:translate-y-0",xl:"before:translate-y-2 hover:before:translate-y-1 active:before:translate-y-0"}},defaultVariants:{variant:"default",size:"default",depth:"default"}}),W=i.forwardRef(({className:t,variant:e,size:o,depth:r,tiltOnHover:s=false,glowIntensity:h=0,shadowColor:g,pressAnimation:x=true,children:H,onMouseEnter:D,onMouseLeave:p,onMouseMove:S,onMouseDown:I,onMouseUp:T,style:M,...B},y)=>{let P=i.useRef(null),[w,O]=i.useState(false),[z,_]=i.useState(false),[q,N]=i.useState({x:0,y:0}),k=i.useCallback(d=>{if(!s||!P.current)return;let a=P.current.getBoundingClientRect(),c=a.left+a.width/2,X=a.top+a.height/2,Q=(d.clientX-c)/(a.width/2),ee=(d.clientY-X)/(a.height/2);N({x:ee*-10,y:Q*10});},[s]),n=i.useCallback(()=>{N({x:0,y:0});},[]),u=i.useCallback(d=>{O(true),D?.(d);},[D]),E=i.useCallback(d=>{O(false),n(),p?.(d);},[p,n]),$=i.useCallback(d=>{s&&k(d),S?.(d);},[S,s,k]),G=i.useCallback(d=>{x&&_(true),I?.(d);},[I,x]),V=i.useCallback(d=>{_(false),T?.(d);},[T]);i.useImperativeHandle(y,()=>P.current);let Y={...M,transform:s?`perspective(1000px) rotateX(${q.x}deg) rotateY(${q.y}deg) ${z?"translateY(1px)":""}`:z?"translateY(1px)":void 0,filter:h>0?`drop-shadow(0 0 ${h*4}px ${g||"currentColor"})`:void 0,transition:"all 150ms cubic-bezier(0.4, 0, 0.2, 1)"};return jsx("button",{ref:P,className:cn(be({variant:e,size:o,depth:r}),t),style:Y,onMouseEnter:u,onMouseLeave:E,onMouseMove:$,onMouseDown:G,onMouseUp:V,...B,children:jsx("span",{className:"relative z-10 flex items-center justify-center gap-2",children:H})})});W.displayName="Button3D";var te={Hero:i.forwardRef((t,e)=>jsx(W,{ref:e,variant:"gradient",size:"xl",depth:"lg",tiltOnHover:true,glowIntensity:2,...t})),CTA:i.forwardRef((t,e)=>jsx(W,{ref:e,variant:"neon",size:"lg",depth:"default",tiltOnHover:true,glowIntensity:1,...t})),Glass:i.forwardRef((t,e)=>jsx(W,{ref:e,variant:"glass",size:"default",depth:"sm",tiltOnHover:true,...t})),Minimal:i.forwardRef((t,e)=>jsx(W,{ref:e,variant:"ghost",size:"default",depth:"sm",...t})),Danger:i.forwardRef((t,e)=>jsx(W,{ref:e,variant:"destructive",size:"default",depth:"default",shadowColor:"rgb(239 68 68)",...t}))};te.Hero.displayName="Button3DPreset.Hero";te.CTA.displayName="Button3DPreset.CTA";te.Glass.displayName="Button3DPreset.Glass";te.Minimal.displayName="Button3DPreset.Minimal";te.Danger.displayName="Button3DPreset.Danger";var ge=i.forwardRef(({loading:t=false,children:e,disabled:o,...r},s)=>jsxs(W,{ref:s,disabled:o||t,...r,children:[t&&jsx("div",{className:"animate-spin rounded-full h-4 w-4 border-2 border-current border-t-transparent"}),!t&&e]}));ge.displayName="Button3DLoading";var ve=i.forwardRef(({children:t,maxTilt:e=15,perspective:o=1e3,scale:r=1.05,speed:s=400,glare:h=true,glareMaxOpacity:g=.7,className:x,...H},D)=>{let p=i.useRef(null),S=i.useRef(null),[I,T]=i.useState(false),[M,B]=i.useState({rotateX:0,rotateY:0,scale:1,glareX:50,glareY:50,glareOpacity:0}),y=i.useCallback((n,u)=>{if(!n||!u){B({rotateX:0,rotateY:0,scale:1,glareX:50,glareY:50,glareOpacity:0});return}let E=u.left+u.width/2,$=u.top+u.height/2,G=(n.x-E)/(u.width/2),Y=-((n.y-$)/(u.height/2))*e,d=G*e,a=(n.x-u.left)/u.width*100,c=(n.y-u.top)/u.height*100;B({rotateX:Y,rotateY:d,scale:r,glareX:a,glareY:c,glareOpacity:h?g:0});},[e,r,h,g]),P=i.useCallback(n=>{if(!p.current)return;let u=p.current.getBoundingClientRect(),E={x:n.clientX,y:n.clientY};y(E,u);},[y]),w=i.useCallback(n=>{if(!p.current||n.touches.length===0)return;n.preventDefault();let u=p.current.getBoundingClientRect(),E=n.touches[0],$={x:E.clientX,y:E.clientY};y($,u);},[y]),O=i.useCallback(()=>{T(true);},[]),z=i.useCallback(()=>{T(false),y(null,null);},[y]),_=i.useCallback(()=>{T(true);},[]),q=i.useCallback(()=>{T(false),y(null,null);},[y]),N={transform:`perspective(${o}px) rotateX(${M.rotateX}deg) rotateY(${M.rotateY}deg) scale(${M.scale})`,transition:I?"none":`transform ${s}ms cubic-bezier(0.03, 0.98, 0.52, 0.99)`,transformStyle:"preserve-3d"},k={background:`radial-gradient(circle at ${M.glareX}% ${M.glareY}%, rgba(255,255,255,${M.glareOpacity}) 0%, transparent 50%)`,transition:I?"none":`opacity ${s}ms ease-out`};return i.useImperativeHandle(D,()=>p.current),jsxs("div",{ref:p,className:cn("relative rounded-lg border bg-card text-card-foreground shadow-lg cursor-pointer","transform-gpu will-change-transform",x),style:N,onMouseMove:P,onMouseEnter:O,onMouseLeave:z,onTouchStart:_,onTouchMove:w,onTouchEnd:q,...H,children:[jsx("div",{className:"relative z-10",children:t}),h&&jsx("div",{ref:S,className:"absolute inset-0 rounded-lg pointer-events-none z-20",style:k})]})});ve.displayName="Card3D";var he=i.forwardRef(({className:t,depth:e=20,style:o,...r},s)=>jsx("div",{ref:s,className:cn("flex flex-col space-y-1.5 p-6",t),style:{transform:`translateZ(${e}px)`,...o},...r}));he.displayName="Card3DHeader";var ye=i.forwardRef(({className:t,depth:e=30,style:o,...r},s)=>jsx("h3",{ref:s,className:cn("text-2xl font-semibold leading-none tracking-tight",t),style:{transform:`translateZ(${e}px)`,...o},...r}));ye.displayName="Card3DTitle";var Re=i.forwardRef(({className:t,depth:e=10,style:o,...r},s)=>jsx("p",{ref:s,className:cn("text-sm text-muted-foreground",t),style:{transform:`translateZ(${e}px)`,...o},...r}));Re.displayName="Card3DDescription";var De=i.forwardRef(({className:t,depth:e=25,style:o,...r},s)=>jsx("div",{ref:s,className:cn("p-6 pt-0",t),style:{transform:`translateZ(${e}px)`,...o},...r}));De.displayName="Card3DContent";var xe=i.forwardRef(({className:t,depth:e=15,style:o,...r},s)=>jsx("div",{ref:s,className:cn("flex items-center p-6 pt-0",t),style:{transform:`translateZ(${e}px)`,...o},...r}));xe.displayName="Card3DFooter";var Me=i.forwardRef(({items:t,itemWidth:e=300,itemHeight:o=400,spacing:r=80,perspective:s=1e3,rotateY:h=40,autoRotate:g=false,autoRotateSpeed:x=3e3,showControls:H=true,infinite:D=true,className:p,...S},I)=>{let T=i.useRef(null),[M,B]=i.useState(0),[y,P]=i.useState(false),[w,O]=i.useState(false),[z,_]=i.useState({x:0,y:0}),[q,N]=i.useState(0),k=i.useRef(void 0),n=t.length,u=(e+r)/2/Math.tan(Math.PI/n);i.useEffect(()=>(g&&!y&&!w?k.current=setInterval(()=>{B(l=>(l+1)%n);},x):k.current&&clearInterval(k.current),()=>{k.current&&clearInterval(k.current);}),[g,y,w,x,n]);let E=i.useCallback(()=>{B(l=>D?(l-1+n)%n:Math.max(0,l-1));},[D,n]),$=i.useCallback(()=>{B(l=>D?(l+1)%n:Math.min(n-1,l+1));},[D,n]),G=i.useCallback(l=>{B(Math.max(0,Math.min(n-1,l)));},[n]),V=i.useCallback((l,f)=>{O(true),_({x:l,y:f}),N(0);},[]),Y=i.useCallback((l,f)=>{if(!w)return;let de=(l-z.x)*.5;N(de);},[w,z.x]),d=i.useCallback(()=>{if(!w)return;Math.abs(q)>50&&(q>0?E():$()),O(false),N(0);},[w,q,E,$]),a=i.useCallback(l=>{l.preventDefault(),V(l.clientX,l.clientY);},[V]),c=i.useCallback(l=>{Y(l.clientX,l.clientY);},[Y]),X=i.useCallback(()=>{d();},[d]),Q=i.useCallback(l=>{if(l.touches.length===1){let f=l.touches[0];V(f.clientX,f.clientY);}},[V]),ee=i.useCallback(l=>{if(l.touches.length===1){l.preventDefault();let f=l.touches[0];Y(f.clientX,f.clientY);}},[Y]),oe=i.useCallback(()=>{d();},[d]);i.useEffect(()=>{let l=F(f=>{if(f.key==="ArrowLeft")f.preventDefault(),E();else if(f.key==="ArrowRight")f.preventDefault(),$();else if(f.key>="1"&&f.key<="9"){let ne=parseInt(f.key)-1;ne<n&&G(ne);}},"handleKeyDown");if(T.current)return T.current.addEventListener("keydown",l),()=>{T.current?.removeEventListener("keydown",l);}},[E,$,G,n]),i.useImperativeHandle(I,()=>T.current);let ce={perspective:`${s}px`,height:`${o+100}px`},Ie={transform:`translateZ(-${u}px) rotateY(${-M*(360/n)+q/5}deg)`,transition:w?"none":"transform 0.6s cubic-bezier(0.4, 0.0, 0.2, 1)",transformStyle:"preserve-3d"};return jsxs("div",{ref:T,className:cn("relative w-full select-none focus:outline-none",p),style:ce,onMouseEnter:()=>P(true),onMouseLeave:()=>P(false),onMouseDown:a,onMouseMove:c,onMouseUp:X,onTouchStart:Q,onTouchMove:ee,onTouchEnd:oe,tabIndex:0,...S,children:[jsx("div",{className:"relative mx-auto",style:{width:`${e}px`,height:`${o}px`,transformStyle:"preserve-3d"},children:jsx("div",{className:"absolute inset-0",style:Ie,children:t.map((l,f)=>{let ne=f/n*360,pe=f===M,de={transform:`rotateY(${ne}deg) translateZ(${u}px)`,width:`${e}px`,height:`${o}px`,position:"absolute",backfaceVisibility:"hidden",transformStyle:"preserve-3d"};return jsx("div",{className:cn("rounded-lg border bg-card text-card-foreground shadow-lg cursor-pointer","transition-all duration-300 transform-gpu will-change-transform",pe&&"ring-2 ring-primary ring-offset-2"),style:de,onClick:()=>G(f),children:jsx("div",{className:"w-full h-full overflow-hidden rounded-lg",children:l.content})},l.id)})})}),H&&jsxs(Fragment,{children:[jsx("button",{className:cn("absolute left-4 top-1/2 -translate-y-1/2 z-10","p-2 rounded-full bg-background/80 backdrop-blur-sm","border shadow-lg hover:bg-background transition-all","disabled:opacity-50 disabled:cursor-not-allowed"),onClick:E,disabled:!D&&M===0,"aria-label":"Previous item",children:jsx(ChevronLeft,{className:"w-5 h-5"})}),jsx("button",{className:cn("absolute right-4 top-1/2 -translate-y-1/2 z-10","p-2 rounded-full bg-background/80 backdrop-blur-sm","border shadow-lg hover:bg-background transition-all","disabled:opacity-50 disabled:cursor-not-allowed"),onClick:$,disabled:!D&&M===n-1,"aria-label":"Next item",children:jsx(ChevronRight,{className:"w-5 h-5"})})]}),jsx("div",{className:"absolute bottom-4 left-1/2 -translate-x-1/2 z-10",children:jsx("div",{className:"flex space-x-2 p-2 rounded-full bg-background/80 backdrop-blur-sm border shadow-lg",children:t.map((l,f)=>jsx("button",{className:cn("w-2 h-2 rounded-full transition-all",f===M?"bg-primary scale-125":"bg-muted-foreground/50 hover:bg-muted-foreground/75"),onClick:()=>G(f),"aria-label":`Go to item ${f+1}`},f))})}),g&&jsx("div",{className:"absolute top-4 right-4 z-10",children:jsxs("div",{className:"flex items-center space-x-2 p-2 rounded-full bg-background/80 backdrop-blur-sm border shadow-sm",children:[jsx("div",{className:cn("w-2 h-2 rounded-full transition-all",y||w?"bg-orange-500":"bg-green-500 animate-pulse")}),jsx("span",{className:"text-xs text-muted-foreground",children:y||w?"Paused":"Auto"})]})})]})});Me.displayName="Carousel3D";var we=i.forwardRef(({className:t,children:e,...o},r)=>jsx("div",{ref:r,className:cn("w-full h-full flex flex-col bg-gradient-to-br from-background to-muted/20","border rounded-lg overflow-hidden group",t),...o,children:e}));we.displayName="Carousel3DCard";var Ce=i.forwardRef(({className:t,alt:e,...o},r)=>jsx("img",{ref:r,className:cn("w-full h-48 object-cover transition-transform duration-300","group-hover:scale-105",t),alt:e,...o}));Ce.displayName="Carousel3DCardImage";var He=i.forwardRef(({className:t,children:e,...o},r)=>jsx("div",{ref:r,className:cn("flex-1 p-4 flex flex-col justify-between",t),...o,children:e}));He.displayName="Carousel3DCardContent";var Te=i.forwardRef(({className:t,children:e,...o},r)=>jsx("h3",{ref:r,className:cn("font-semibold text-lg mb-2 line-clamp-2",t),...o,children:e}));Te.displayName="Carousel3DCardTitle";var Ne=i.forwardRef(({className:t,children:e,...o},r)=>jsx("p",{ref:r,className:cn("text-sm text-muted-foreground line-clamp-3 mb-4",t),...o,children:e}));Ne.displayName="Carousel3DCardDescription";var J=i.forwardRef(({items:t,columns:e=4,rows:o=3,gap:r=16,perspective:s=1e3,rotateX:h=25,rotateY:g=15,cellHeight:x=200,cellWidth:H=200,isometric:D=false,tiltOnHover:p=true,staggerAnimation:S=true,animationDelay:I=100,elevationOnHover:T=true,maxElevation:M=50,className:B,...y},P)=>{let w=i.useRef(null),[O,z]=i.useState(null),[_,q]=i.useState({x:0,y:0}),[N,k]=i.useState(false),n=i.useMemo(()=>D?`perspective(${s}px) rotateX(45deg) rotateY(45deg)`:`perspective(${s}px) rotateX(${h}deg) rotateY(${g}deg)`,[D,s,h,g]),u=i.useCallback(a=>{if(!p||!w.current)return;let c=w.current.getBoundingClientRect(),X=c.left+c.width/2,Q=c.top+c.height/2,ee=(a.clientX-X)/(c.width/2),oe=(a.clientY-Q)/(c.height/2);q({x:ee*10,y:oe*10});},[p]),E=i.useCallback(()=>{k(true);},[]),$=i.useCallback(()=>{k(false),q({x:0,y:0}),z(null);},[]);i.useImperativeHandle(P,()=>w.current);let G={perspective:`${s}px`,transformStyle:"preserve-3d"},V={display:"grid",gridTemplateColumns:`repeat(${e}, ${H}px)`,gridTemplateRows:`repeat(${o}, ${x}px)`,gap:`${r}px`,transform:p&&N?`${n} rotateX(${-_.y}deg) rotateY(${_.x}deg)`:n,transition:"transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)",transformStyle:"preserve-3d"},Y=F(a=>{let c=a%e,X=Math.floor(a/e);return {x:c,y:X}},"getGridPosition"),d=F(a=>{if(!S)return 0;let{x:c,y:X}=Y(a);return (c+X)*I},"getStaggerDelay");return jsxs("div",{ref:w,className:cn("w-fit mx-auto",B),style:G,onMouseMove:u,onMouseEnter:E,onMouseLeave:$,...y,children:[jsx("div",{style:V,children:t.map((a,c)=>{let X=O===c,{x:Q,y:ee}=Y(c),oe=d(c),ce={gridColumn:a.span?`span ${a.span.x}`:void 0,gridRow:a.span?`span ${a.span.y}`:void 0,transform:`translateZ(${(a.elevation||0)+(X&&T?M:0)}px)`,transition:"all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",transformStyle:"preserve-3d",animationDelay:`${oe}ms`};return jsxs("div",{className:cn("relative rounded-lg border bg-card text-card-foreground shadow-lg","transform-gpu will-change-transform cursor-pointer","transition-all duration-300 hover:shadow-xl",S&&"animate-in fade-in slide-in-from-bottom-4",X&&"ring-2 ring-primary ring-offset-2"),style:ce,onMouseEnter:()=>z(c),onMouseLeave:()=>z(null),children:[jsx("div",{className:"w-full h-full overflow-hidden rounded-lg",children:a.content}),(a.elevation||0)>0&&jsx("div",{className:"absolute inset-0 -z-10 rounded-lg bg-black/20 blur-sm",style:{transform:`translateY(${(a.elevation||0)/2}px) scale(0.95)`}})]},a.id)})}),D&&jsx("div",{className:"absolute inset-0 pointer-events-none opacity-20",children:jsx("div",{className:"grid border-dashed border-muted-foreground/30",style:{gridTemplateColumns:`repeat(${e}, ${H}px)`,gridTemplateRows:`repeat(${o}, ${x}px)`,gap:`${r}px`,transform:n,transformStyle:"preserve-3d"},children:Array.from({length:e*o}).map((a,c)=>jsx("div",{className:"border border-dashed border-muted-foreground/20 rounded-lg"},c))})})]})});J.displayName="Grid3D";var Ee=i.forwardRef(({className:t,title:e,description:o,image:r,badge:s,elevation:h=0,children:g,...x},H)=>jsxs("div",{ref:H,className:cn("group relative w-full h-full flex flex-col bg-gradient-to-br from-background to-muted/20","border rounded-lg overflow-hidden",t),style:{transform:`translateZ(${h}px)`,transformStyle:"preserve-3d"},...x,children:[r&&jsxs("div",{className:"relative h-32 overflow-hidden",children:[jsx("img",{src:r,alt:e||"",className:"w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"}),s&&jsx("div",{className:"absolute top-2 right-2 px-2 py-1 text-xs rounded-full bg-primary text-primary-foreground",children:s})]}),jsxs("div",{className:"flex-1 p-4 flex flex-col justify-between",children:[e&&jsx("h3",{className:"font-semibold text-lg mb-2 line-clamp-2 group-hover:text-primary transition-colors",children:e}),o&&jsx("p",{className:"text-sm text-muted-foreground line-clamp-3 mb-4",children:o}),g&&jsx("div",{className:"mt-auto",children:g})]}),jsx("div",{className:"absolute inset-0 -z-10 rounded-lg bg-gradient-to-br from-muted/50 to-muted",style:{transform:"translateZ(-2px) scale(0.98)",transformStyle:"preserve-3d"}})]}));Ee.displayName="Grid3DCard";var le={Dashboard:i.forwardRef(({children:t,...e},o)=>jsx(J,{ref:o,columns:4,rows:3,cellWidth:250,cellHeight:200,gap:20,perspective:1200,rotateX:20,rotateY:10,tiltOnHover:true,elevationOnHover:true,maxElevation:30,items:[],...e})),Isometric:i.forwardRef(({children:t,...e},o)=>jsx(J,{ref:o,columns:3,rows:3,cellWidth:180,cellHeight:180,gap:16,isometric:true,perspective:1e3,staggerAnimation:true,animationDelay:50,items:[],...e})),Gallery:i.forwardRef(({children:t,...e},o)=>jsx(J,{ref:o,columns:5,rows:2,cellWidth:200,cellHeight:280,gap:24,perspective:1500,rotateX:15,rotateY:5,tiltOnHover:true,elevationOnHover:true,maxElevation:40,items:[],...e})),Compact:i.forwardRef(({children:t,...e},o)=>jsx(J,{ref:o,columns:6,rows:4,cellWidth:120,cellHeight:120,gap:8,perspective:800,rotateX:30,rotateY:20,tiltOnHover:true,staggerAnimation:true,animationDelay:30,items:[],...e}))};le.Dashboard.displayName="Grid3DPreset.Dashboard";le.Isometric.displayName="Grid3DPreset.Isometric";le.Gallery.displayName="Grid3DPreset.Gallery";le.Compact.displayName="Grid3DPreset.Compact";var Le=i.forwardRef(({items:t,minCellWidth:e=200,maxCellWidth:o=300,aspectRatio:r=1,...s},h)=>{let[g,x]=i.useState({columns:3,rows:2});i.useEffect(()=>{let p=t.length,S=Math.ceil(Math.sqrt(p)),I=Math.ceil(p/S);x({columns:S,rows:I});},[t.length]);let H=Math.min(o,Math.max(e,200)),D=H/r;return jsx(J,{ref:h,items:t,columns:g.columns,rows:g.rows,cellWidth:H,cellHeight:D,...s})});Le.displayName="Grid3DAuto";var ke=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"}}),U=i.forwardRef(({className:t,variant:e,size:o,direction:r="left",perspective:s,children:h,speed:g=50,pauseOnHover:x=false,reverse:H=false,repeat:D=5,gap:p=0,rotateX:S=0,rotateY:I=0,rotateZ:T=0,autoFill:M=false,gradient:B=false,gradientColor:y="#ffffff",gradientWidth:P=200,style:w,...O},z)=>{let[_,q]=i.useState(0),[N,k]=i.useState(0),n=i.useRef(null),u=i.useRef(null);i.useEffect(()=>{let d=F(()=>{if(n.current&&u.current){let a=n.current.getBoundingClientRect(),c=u.current.getBoundingClientRect();r==="left"||r==="right"?(q(a.width),k(c.width)):(q(a.height),k(c.height));}},"measureDimensions");return d(),window.addEventListener("resize",d),()=>window.removeEventListener("resize",d)},[r,h]);let E=i.useMemo(()=>N===0?20:N/g,[N,g]),$=i.useMemo(()=>M&&_>0&&N>0?Math.ceil(_/N)+2:D,[M,_,N,D]),G=F(()=>{let a=N+p,c={};return r==="left"?c={x:H?[a,-a]:[-a,a]}:r==="right"?c={x:H?[-a,a]:[a,-a]}:r==="up"?c={y:H?[a,-a]:[-a,a]}:r==="down"&&(c={y:H?[-a,a]:[a,-a]}),{animate:c,transition:{duration:E,ease:"linear",repeat:1/0}}},"getAnimationProps"),V=`perspective(1000px) rotateX(${S}deg) rotateY(${I}deg) rotateZ(${T}deg)`,Y=B?{maskImage:`linear-gradient(to right, transparent, ${y} ${P}px, ${y} calc(100% - ${P}px), transparent)`,WebkitMaskImage:`linear-gradient(to right, transparent, ${y} ${P}px, ${y} calc(100% - ${P}px), transparent)`}:{};return jsx("div",{ref:n,className:cn(ke({variant:e,size:o,direction:r,perspective:s}),"flex items-center",r==="up"||r==="down"?"flex-col":"flex-row",t),style:{...w,transform:V,...Y},...O,children:jsx(motion.div,{ref:u,className:cn("marquee-content flex shrink-0 font-bold",r==="up"||r==="down"?"flex-col":"flex-row",x&&"hover:[animation-play-state:paused]"),style:{gap:`${p}px`},...G(),children:Array.from({length:$}).map((d,a)=>jsxs(i.Fragment,{children:[jsx("div",{className:cn("flex shrink-0 items-center justify-center",r==="up"||r==="down"?"flex-col":"flex-row"),style:{transform:`rotateX(${S}deg) rotateY(${I}deg) rotateZ(${T}deg)`,transformStyle:"preserve-3d"},children:h}),a<$-1&&p>0&&jsx("div",{style:{width:r==="up"||r==="down"?"100%":`${p}px`,height:r==="up"||r==="down"?`${p}px`:"100%"}})]},a))})})});U.displayName="Marquee3D";var ae={Hero:i.forwardRef((t,e)=>jsx(U,{ref:e,variant:"rainbow",size:"3xl",speed:30,rotateX:-10,gradient:true,...t})),Neon:i.forwardRef((t,e)=>jsx(U,{ref:e,variant:"neon",size:"xl",speed:40,rotateY:5,pauseOnHover:true,...t})),Metallic:i.forwardRef((t,e)=>jsx(U,{ref:e,variant:"metallic",size:"lg",speed:35,rotateX:-5,rotateY:2,gradient:true,gradientColor:"#c4c4c4",...t})),Fire:i.forwardRef((t,e)=>jsx(U,{ref:e,variant:"fire",size:"2xl",speed:60,rotateZ:1,gradient:true,gradientColor:"#ff6600",...t})),Glass:i.forwardRef((t,e)=>jsx(U,{ref:e,variant:"glass",size:"lg",speed:25,rotateX:-8,pauseOnHover:true,gradient:true,gradientColor:"rgba(255,255,255,0.9)",...t}))};ae.Hero.displayName="Marquee3DPreset.Hero";ae.Neon.displayName="Marquee3DPreset.Neon";ae.Metallic.displayName="Marquee3DPreset.Metallic";ae.Fire.displayName="Marquee3DPreset.Fire";ae.Glass.displayName="Marquee3DPreset.Glass";var $e=i.forwardRef(({children:t,floatIntensity:e=10,floatSpeed:o=3,...r},s)=>{let h=typeof t=="string"?t:"";return jsx(U,{ref:s,...r,children:h?jsx("div",{className:"flex space-x-1",children:h.split("").map((g,x)=>jsx(motion.span,{className:"inline-block",animate:{y:[0,-e,0],rotateX:[0,5,0],rotateY:[0,2,0]},transition:{duration:o,ease:"easeInOut",repeat:1/0,delay:x*.1},children:g===" "?"\xA0":g},x))}):t})});$e.displayName="Marquee3DFloating";var qe=i.forwardRef(({className:t,title:e,href:o,children:r,...s},h)=>jsxs("div",{ref:h,className:cn("group/pin relative cursor-pointer",t),...s,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})]}));qe.displayName="Pin3D";export{W as Button3D,ge as Button3DLoading,te as Button3DPreset,ve as Card3D,De as Card3DContent,Re as Card3DDescription,xe as Card3DFooter,he as Card3DHeader,ye as Card3DTitle,Me as Carousel3D,we as Carousel3DCard,He as Carousel3DCardContent,Ne as Carousel3DCardDescription,Ce as Carousel3DCardImage,Te as Carousel3DCardTitle,J as Grid3D,Le as Grid3DAuto,Ee as Grid3DCard,le as Grid3DPreset,U as Marquee3D,$e as Marquee3DFloating,ae as Marquee3DPreset,qe as Pin3D,be as button3DVariants,ke as marquee3DVariants};

package/dist/3d/marquee.js

@@ -0,0 +1,2 @@
+"use client";
+'use strict';var a=require('react'),classVarianceAuthority=require('class-variance-authority'),framerMotion=require('framer-motion'),utils=require('@hanzo/ui-shadcn/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 a__namespace=/*#__PURE__*/_interopNamespace(a);var X=Object.defineProperty;var w=(r,n)=>X(r,"name",{value:n,configurable:true});var A=classVarianceAuthority.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__namespace.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__namespace.useState(0),[i,k]=a__namespace.useState(0),y=a__namespace.useRef(null),M=a__namespace.useRef(null);a__namespace.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__namespace.useMemo(()=>i===0?20:i/u,[i,u]),z=a__namespace.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 jsxRuntime.jsx("div",{ref:y,className:utils.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:jsxRuntime.jsx(framerMotion.motion.div,{ref:M,className:utils.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)=>jsxRuntime.jsxs(a__namespace.Fragment,{children:[jsxRuntime.jsx("div",{className:utils.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&&jsxRuntime.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__namespace.forwardRef((r,n)=>jsxRuntime.jsx(l,{ref:n,variant:"rainbow",size:"3xl",speed:30,rotateX:-10,gradient:true,...r})),Neon:a__namespace.forwardRef((r,n)=>jsxRuntime.jsx(l,{ref:n,variant:"neon",size:"xl",speed:40,rotateY:5,pauseOnHover:true,...r})),Metallic:a__namespace.forwardRef((r,n)=>jsxRuntime.jsx(l,{ref:n,variant:"metallic",size:"lg",speed:35,rotateX:-5,rotateY:2,gradient:true,gradientColor:"#c4c4c4",...r})),Fire:a__namespace.forwardRef((r,n)=>jsxRuntime.jsx(l,{ref:n,variant:"fire",size:"2xl",speed:60,rotateZ:1,gradient:true,gradientColor:"#ff6600",...r})),Glass:a__namespace.forwardRef((r,n)=>jsxRuntime.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__namespace.forwardRef(({children:r,floatIntensity:n=10,floatSpeed:v=3,...e},b)=>{let c=typeof r=="string"?r:"";return jsxRuntime.jsx(l,{ref:b,...e,children:c?jsxRuntime.jsx("div",{className:"flex space-x-1",children:c.split("").map((u,d)=>jsxRuntime.jsx(framerMotion.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";exports.Marquee3D=l;exports.Marquee3DFloating=S;exports.Marquee3DPreset=f;exports.marquee3DVariants=A;

package/dist/3d/marquee.mjs

@@ -0,0 +1,2 @@
+"use client";
+import*as a from'react';import {cva}from'class-variance-authority';import {motion}from'framer-motion';import {cn}from'@hanzo/ui-shadcn/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

@@ -0,0 +1,2 @@
+"use client";
+'use strict';var i=require('react'),utils=require('@hanzo/ui-shadcn/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

@@ -0,0 +1,2 @@
+"use client";
+import*as i from'react';import {cn}from'@hanzo/ui-shadcn/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

@@ -0,0 +1,2 @@
+"use client";
+'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

@@ -0,0 +1,2 @@
+"use client";
+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};