@hanzo/ui 5.3.34 → 5.3.36

package/dist/spline/media-stack.js

@@ -1,193 +1,2 @@
 "use client";
-'use strict';
-
-var Spline = require('@splinetool/react-spline');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-var NextImage = require('next/image');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var Spline__default = /*#__PURE__*/_interopDefault(Spline);
-var NextImage__default = /*#__PURE__*/_interopDefault(NextImage);
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
-// util/spread-to-transform.ts
-function spreadToTransform(t) {
-  let transformStrings = [];
-  const scaleVal = "scale" in t ? t.scale : void 0;
-  if (scaleVal) {
-    if (typeof scaleVal === "number") {
-      transformStrings.push(`scale(${scaleVal})`);
-    } else if (Array.isArray(scaleVal) && scaleVal.length == 2 && typeof scaleVal[0] === "number") {
-      transformStrings.push(`scale(${scaleVal[0]}, ${scaleVal[1]})`);
-    } else {
-      throw new Error("parsing MediaTransform: Unrecognized value for 'scale'!");
-    }
-  }
-  return transformStrings.length > 0 ? { transform: transformStrings.join(" ") } : {};
-}
-__name(spreadToTransform, "spreadToTransform");
-var spread_to_transform_default = spreadToTransform;
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-__name(cn, "cn");
-
-// util/index.ts
-function constrain(value, minOrConstrainTo, max) {
-  if (typeof value === "number" && typeof minOrConstrainTo === "number" && typeof max === "number") {
-    return Math.min(Math.max(value, minOrConstrainTo), max);
-  }
-  if (typeof value === "object" && typeof minOrConstrainTo === "object") {
-    const dim = value;
-    const constrainTo = minOrConstrainTo;
-    const aspectRatio = dim.w / dim.h;
-    const constrainAspectRatio = constrainTo.w / constrainTo.h;
-    if (aspectRatio > constrainAspectRatio) {
-      return {
-        w: constrainTo.w,
-        h: constrainTo.w / aspectRatio
-      };
-    } else {
-      return {
-        w: constrainTo.h * aspectRatio,
-        h: constrainTo.h
-      };
-    }
-  }
-  throw new Error("Invalid parameters for constrain function");
-}
-__name(constrain, "constrain");
-var Image = /* @__PURE__ */ __name(({
-  def,
-  constrainTo,
-  transform = {},
-  fullWidth = false,
-  className = "",
-  preload = false
-}) => {
-  const {
-    src,
-    alt: _alt,
-    dim,
-    sizes,
-    svgFillClass: _svgFillClass
-  } = def;
-  const toSpread = {};
-  if (fullWidth) {
-    toSpread.style = {
-      width: "100%",
-      height: "auto",
-      ...spread_to_transform_default(transform)
-    };
-    if (constrainTo) {
-      toSpread.style.maxWidth = constrainTo.w;
-      toSpread.style.maxHeight = constrainTo.h;
-    }
-  } else {
-    const resolved = constrainTo ? constrain(dim, constrainTo) : dim;
-    toSpread.width = resolved.w;
-    toSpread.height = resolved.h;
-    toSpread.style = { ...spread_to_transform_default(transform) };
-  }
-  if (sizes) {
-    toSpread.sizes = sizes;
-  }
-  let alt;
-  if (_alt) {
-    alt = _alt;
-  } else {
-    const tokens = src.split("/");
-    alt = tokens.length > 0 ? tokens[tokens.length - 1] : src;
-  }
-  const svgFillClass = _svgFillClass ?? "";
-  return fullWidth ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex flex-col items-center justify-center w-full", children: /* @__PURE__ */ jsxRuntime.jsx(
-    NextImage__default.default,
-    {
-      src,
-      alt,
-      ...toSpread,
-      priority: preload,
-      loading: preload ? "eager" : "lazy",
-      className: cn(svgFillClass, className)
-    }
-  ) }) : /* @__PURE__ */ jsxRuntime.jsx(
-    NextImage__default.default,
-    {
-      src,
-      alt,
-      ...toSpread,
-      priority: preload,
-      loading: preload ? "eager" : "lazy",
-      className: cn(svgFillClass, className)
-    }
-  );
-}, "Image");
-var image_default = Image;
-var VideoPlayer = React__default.default.forwardRef(
-  ({
-    sources,
-    ...rest
-  }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("video", { ref, ...rest, children: sources.map((source, index) => /* @__PURE__ */ jsxRuntime.jsx("source", { src: source }, index)) });
-  }
-);
-var video_player_default = VideoPlayer;
-var MediaStack = /* @__PURE__ */ __name(({
-  media,
-  constrainTo: cnst = { w: 250, h: 250 },
-  clx = ""
-}) => {
-  const { img, video, animation, mediaTransform } = media;
-  const transform = mediaTransform ?? {};
-  if (animation) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Spline__default.default,
-      {
-        scene: animation,
-        className: cn(clx, "pointer-events-none"),
-        "data-vaul-no-drag": true,
-        style: {
-          width: 6 / 5 * (typeof cnst.h === "number" ? cnst.h : parseInt(cnst.h)),
-          height: cnst.h,
-          ...spread_to_transform_default(transform)
-        }
-      }
-    );
-  }
-  if (video) {
-    const dim = constrain(video.dim.md, cnst);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      video_player_default,
-      {
-        className: clx,
-        sources: video.sources,
-        width: dim.w,
-        height: dim.h,
-        style: {
-          minHeight: dim.h,
-          ...spread_to_transform_default(transform)
-        },
-        ...video.videoProps
-      }
-    );
-  }
-  return img ? /* @__PURE__ */ jsxRuntime.jsx(
-    image_default,
-    {
-      def: img,
-      constrainTo: cnst,
-      className: clx,
-      transform
-    }
-  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: cnst.w, height: cnst.h }, className: cn("bg-level-2", clx) });
-}, "MediaStack");
-var media_stack_default = MediaStack;
-
-module.exports = media_stack_default;
+'use strict';var U=require('@splinetool/react-spline'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),w=require('next/image'),jsxRuntime=require('react/jsx-runtime'),I=require('react');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var U__default=/*#__PURE__*/_interopDefault(U);var w__default=/*#__PURE__*/_interopDefault(w);var I__default=/*#__PURE__*/_interopDefault(I);var D=Object.defineProperty;var i=(t,e)=>D(t,"name",{value:e,configurable:true});function R(t){let e=[],r="scale"in t?t.scale:void 0;if(r)if(typeof r=="number")e.push(`scale(${r})`);else if(Array.isArray(r)&&r.length==2&&typeof r[0]=="number")e.push(`scale(${r[0]}, ${r[1]})`);else throw new Error("parsing MediaTransform: Unrecognized value for 'scale'!");return e.length>0?{transform:e.join(" ")}:{}}i(R,"spreadToTransform");var f=R;function u(...t){return tailwindMerge.twMerge(clsx.clsx(t))}i(u,"cn");function h(t,e,r){if(typeof t=="number"&&typeof e=="number"&&typeof r=="number")return Math.min(Math.max(t,e),r);if(typeof t=="object"&&typeof e=="object"){let s=t,o=e,n=s.w/s.h,m=o.w/o.h;return n>m?{w:o.w,h:o.w/n}:{w:o.h*n,h:o.h}}throw new Error("Invalid parameters for constrain function")}i(h,"constrain");var V=i(({def:t,constrainTo:e,transform:r={},fullWidth:s=false,className:o="",preload:n=false})=>{let{src:m,alt:p,dim:c,sizes:y,svgFillClass:N}=t,a={};if(s)a.style={width:"100%",height:"auto",...f(r)},e&&(a.style.maxWidth=e.w,a.style.maxHeight=e.h);else {let l=e?h(c,e):c;a.width=l.w,a.height=l.h,a.style={...f(r)};}y&&(a.sizes=y);let d;if(p)d=p;else {let l=m.split("/");d=l.length>0?l[l.length-1]:m;}let x=N??"";return s?jsxRuntime.jsx("div",{className:"relative flex flex-col items-center justify-center w-full",children:jsxRuntime.jsx(w__default.default,{src:m,alt:d,...a,priority:n,loading:n?"eager":"lazy",className:u(x,o)})}):jsxRuntime.jsx(w__default.default,{src:m,alt:d,...a,priority:n,loading:n?"eager":"lazy",className:u(x,o)})},"Image"),v=V;var S=I__default.default.forwardRef(({sources:t,...e},r)=>jsxRuntime.jsx("video",{ref:r,...e,children:t.map((s,o)=>jsxRuntime.jsx("source",{src:s},o))})),M=S;var $=i(({media:t,constrainTo:e={w:250,h:250},clx:r=""})=>{let{img:s,video:o,animation:n,mediaTransform:m}=t,p=m??{};if(n)return jsxRuntime.jsx(U__default.default,{scene:n,className:u(r,"pointer-events-none"),"data-vaul-no-drag":true,style:{width:6/5*(typeof e.h=="number"?e.h:parseInt(e.h)),height:e.h,...f(p)}});if(o){let c=h(o.dim.md,e);return jsxRuntime.jsx(M,{className:r,sources:o.sources,width:c.w,height:c.h,style:{minHeight:c.h,...f(p)},...o.videoProps})}return s?jsxRuntime.jsx(v,{def:s,constrainTo:e,className:r,transform:p}):jsxRuntime.jsx("div",{style:{width:e.w,height:e.h},className:u("bg-level-2",r)})},"MediaStack"),we=$;module.exports=we;

package/dist/spline/media-stack.mjs

@@ -1,185 +1,2 @@
 "use client";
-import Spline from '@splinetool/react-spline';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import NextImage from 'next/image';
-import { jsx } from 'react/jsx-runtime';
-import React from 'react';
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
-// util/spread-to-transform.ts
-function spreadToTransform(t) {
-  let transformStrings = [];
-  const scaleVal = "scale" in t ? t.scale : void 0;
-  if (scaleVal) {
-    if (typeof scaleVal === "number") {
-      transformStrings.push(`scale(${scaleVal})`);
-    } else if (Array.isArray(scaleVal) && scaleVal.length == 2 && typeof scaleVal[0] === "number") {
-      transformStrings.push(`scale(${scaleVal[0]}, ${scaleVal[1]})`);
-    } else {
-      throw new Error("parsing MediaTransform: Unrecognized value for 'scale'!");
-    }
-  }
-  return transformStrings.length > 0 ? { transform: transformStrings.join(" ") } : {};
-}
-__name(spreadToTransform, "spreadToTransform");
-var spread_to_transform_default = spreadToTransform;
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-__name(cn, "cn");
-
-// util/index.ts
-function constrain(value, minOrConstrainTo, max) {
-  if (typeof value === "number" && typeof minOrConstrainTo === "number" && typeof max === "number") {
-    return Math.min(Math.max(value, minOrConstrainTo), max);
-  }
-  if (typeof value === "object" && typeof minOrConstrainTo === "object") {
-    const dim = value;
-    const constrainTo = minOrConstrainTo;
-    const aspectRatio = dim.w / dim.h;
-    const constrainAspectRatio = constrainTo.w / constrainTo.h;
-    if (aspectRatio > constrainAspectRatio) {
-      return {
-        w: constrainTo.w,
-        h: constrainTo.w / aspectRatio
-      };
-    } else {
-      return {
-        w: constrainTo.h * aspectRatio,
-        h: constrainTo.h
-      };
-    }
-  }
-  throw new Error("Invalid parameters for constrain function");
-}
-__name(constrain, "constrain");
-var Image = /* @__PURE__ */ __name(({
-  def,
-  constrainTo,
-  transform = {},
-  fullWidth = false,
-  className = "",
-  preload = false
-}) => {
-  const {
-    src,
-    alt: _alt,
-    dim,
-    sizes,
-    svgFillClass: _svgFillClass
-  } = def;
-  const toSpread = {};
-  if (fullWidth) {
-    toSpread.style = {
-      width: "100%",
-      height: "auto",
-      ...spread_to_transform_default(transform)
-    };
-    if (constrainTo) {
-      toSpread.style.maxWidth = constrainTo.w;
-      toSpread.style.maxHeight = constrainTo.h;
-    }
-  } else {
-    const resolved = constrainTo ? constrain(dim, constrainTo) : dim;
-    toSpread.width = resolved.w;
-    toSpread.height = resolved.h;
-    toSpread.style = { ...spread_to_transform_default(transform) };
-  }
-  if (sizes) {
-    toSpread.sizes = sizes;
-  }
-  let alt;
-  if (_alt) {
-    alt = _alt;
-  } else {
-    const tokens = src.split("/");
-    alt = tokens.length > 0 ? tokens[tokens.length - 1] : src;
-  }
-  const svgFillClass = _svgFillClass ?? "";
-  return fullWidth ? /* @__PURE__ */ jsx("div", { className: "relative flex flex-col items-center justify-center w-full", children: /* @__PURE__ */ jsx(
-    NextImage,
-    {
-      src,
-      alt,
-      ...toSpread,
-      priority: preload,
-      loading: preload ? "eager" : "lazy",
-      className: cn(svgFillClass, className)
-    }
-  ) }) : /* @__PURE__ */ jsx(
-    NextImage,
-    {
-      src,
-      alt,
-      ...toSpread,
-      priority: preload,
-      loading: preload ? "eager" : "lazy",
-      className: cn(svgFillClass, className)
-    }
-  );
-}, "Image");
-var image_default = Image;
-var VideoPlayer = React.forwardRef(
-  ({
-    sources,
-    ...rest
-  }, ref) => {
-    return /* @__PURE__ */ jsx("video", { ref, ...rest, children: sources.map((source, index) => /* @__PURE__ */ jsx("source", { src: source }, index)) });
-  }
-);
-var video_player_default = VideoPlayer;
-var MediaStack = /* @__PURE__ */ __name(({
-  media,
-  constrainTo: cnst = { w: 250, h: 250 },
-  clx = ""
-}) => {
-  const { img, video, animation, mediaTransform } = media;
-  const transform = mediaTransform ?? {};
-  if (animation) {
-    return /* @__PURE__ */ jsx(
-      Spline,
-      {
-        scene: animation,
-        className: cn(clx, "pointer-events-none"),
-        "data-vaul-no-drag": true,
-        style: {
-          width: 6 / 5 * (typeof cnst.h === "number" ? cnst.h : parseInt(cnst.h)),
-          height: cnst.h,
-          ...spread_to_transform_default(transform)
-        }
-      }
-    );
-  }
-  if (video) {
-    const dim = constrain(video.dim.md, cnst);
-    return /* @__PURE__ */ jsx(
-      video_player_default,
-      {
-        className: clx,
-        sources: video.sources,
-        width: dim.w,
-        height: dim.h,
-        style: {
-          minHeight: dim.h,
-          ...spread_to_transform_default(transform)
-        },
-        ...video.videoProps
-      }
-    );
-  }
-  return img ? /* @__PURE__ */ jsx(
-    image_default,
-    {
-      def: img,
-      constrainTo: cnst,
-      className: clx,
-      transform
-    }
-  ) : /* @__PURE__ */ jsx("div", { style: { width: cnst.w, height: cnst.h }, className: cn("bg-level-2", clx) });
-}, "MediaStack");
-var media_stack_default = MediaStack;
-
-export { media_stack_default as default };
+import U from'@splinetool/react-spline';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import w from'next/image';import {jsx}from'react/jsx-runtime';import I from'react';var D=Object.defineProperty;var i=(t,e)=>D(t,"name",{value:e,configurable:true});function R(t){let e=[],r="scale"in t?t.scale:void 0;if(r)if(typeof r=="number")e.push(`scale(${r})`);else if(Array.isArray(r)&&r.length==2&&typeof r[0]=="number")e.push(`scale(${r[0]}, ${r[1]})`);else throw new Error("parsing MediaTransform: Unrecognized value for 'scale'!");return e.length>0?{transform:e.join(" ")}:{}}i(R,"spreadToTransform");var f=R;function u(...t){return twMerge(clsx(t))}i(u,"cn");function h(t,e,r){if(typeof t=="number"&&typeof e=="number"&&typeof r=="number")return Math.min(Math.max(t,e),r);if(typeof t=="object"&&typeof e=="object"){let s=t,o=e,n=s.w/s.h,m=o.w/o.h;return n>m?{w:o.w,h:o.w/n}:{w:o.h*n,h:o.h}}throw new Error("Invalid parameters for constrain function")}i(h,"constrain");var V=i(({def:t,constrainTo:e,transform:r={},fullWidth:s=false,className:o="",preload:n=false})=>{let{src:m,alt:p,dim:c,sizes:y,svgFillClass:N}=t,a={};if(s)a.style={width:"100%",height:"auto",...f(r)},e&&(a.style.maxWidth=e.w,a.style.maxHeight=e.h);else {let l=e?h(c,e):c;a.width=l.w,a.height=l.h,a.style={...f(r)};}y&&(a.sizes=y);let d;if(p)d=p;else {let l=m.split("/");d=l.length>0?l[l.length-1]:m;}let x=N??"";return s?jsx("div",{className:"relative flex flex-col items-center justify-center w-full",children:jsx(w,{src:m,alt:d,...a,priority:n,loading:n?"eager":"lazy",className:u(x,o)})}):jsx(w,{src:m,alt:d,...a,priority:n,loading:n?"eager":"lazy",className:u(x,o)})},"Image"),v=V;var S=I.forwardRef(({sources:t,...e},r)=>jsx("video",{ref:r,...e,children:t.map((s,o)=>jsx("source",{src:s},o))})),M=S;var $=i(({media:t,constrainTo:e={w:250,h:250},clx:r=""})=>{let{img:s,video:o,animation:n,mediaTransform:m}=t,p=m??{};if(n)return jsx(U,{scene:n,className:u(r,"pointer-events-none"),"data-vaul-no-drag":true,style:{width:6/5*(typeof e.h=="number"?e.h:parseInt(e.h)),height:e.h,...f(p)}});if(o){let c=h(o.dim.md,e);return jsx(M,{className:r,sources:o.sources,width:c.w,height:c.h,style:{minHeight:c.h,...f(p)},...o.videoProps})}return s?jsx(v,{def:s,constrainTo:e,className:r,transform:p}):jsx("div",{style:{width:e.w,height:e.h},className:u("bg-level-2",r)})},"MediaStack"),we=$;export{we as default};

package/dist/spline/player.js

@@ -1,37 +1,2 @@
 "use client";
-'use strict';
-
-var Spline = require('@splinetool/react-spline');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var Spline__default = /*#__PURE__*/_interopDefault(Spline);
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-__name(cn, "cn");
-var SplinePlayer = /* @__PURE__ */ __name(({
-  scene,
-  className,
-  style,
-  onLoad
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Spline__default.default,
-    {
-      scene,
-      className: cn("pointer-events-none", className),
-      style,
-      onLoad
-    }
-  );
-}, "SplinePlayer");
-var player_default = SplinePlayer;
-
-module.exports = player_default;
+'use strict';var a=require('@splinetool/react-spline'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var a__default=/*#__PURE__*/_interopDefault(a);var u=Object.defineProperty;var e=(r,n)=>u(r,"name",{value:n,configurable:true});function t(...r){return tailwindMerge.twMerge(clsx.clsx(r))}e(t,"cn");var s=e(({scene:r,className:n,style:o,onLoad:m})=>jsxRuntime.jsx(a__default.default,{scene:r,className:t("pointer-events-none",n),style:o,onLoad:m}),"SplinePlayer"),k=s;module.exports=k;

package/dist/spline/player.mjs

@@ -1,31 +1,2 @@
 "use client";
-import Spline from '@splinetool/react-spline';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { jsx } from 'react/jsx-runtime';
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-__name(cn, "cn");
-var SplinePlayer = /* @__PURE__ */ __name(({
-  scene,
-  className,
-  style,
-  onLoad
-}) => {
-  return /* @__PURE__ */ jsx(
-    Spline,
-    {
-      scene,
-      className: cn("pointer-events-none", className),
-      style,
-      onLoad
-    }
-  );
-}, "SplinePlayer");
-var player_default = SplinePlayer;
-
-export { player_default as default };
+import a from'@splinetool/react-spline';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';var u=Object.defineProperty;var e=(r,n)=>u(r,"name",{value:n,configurable:true});function t(...r){return twMerge(clsx(r))}e(t,"cn");var s=e(({scene:r,className:n,style:o,onLoad:m})=>jsx(a,{scene:r,className:t("pointer-events-none",n),style:o,onLoad:m}),"SplinePlayer"),k=s;export{k as default};

package/dist/src/3d/button.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const button3DVariants: (props?: ({
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | "neon" | "glass" | "gradient" | null | undefined;
+    size?: "default" | "sm" | "lg" | "xl" | "icon" | null | undefined;
+    depth?: "none" | "default" | "sm" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface Button3DProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof button3DVariants> {
+    asChild?: boolean;
+    tiltOnHover?: boolean;
+    glowIntensity?: number;
+    shadowColor?: string;
+    pressAnimation?: boolean;
+}
+declare const Button3D: React.ForwardRefExoticComponent<Button3DProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Button3DPreset: {
+    Hero: React.ForwardRefExoticComponent<Omit<Button3DProps, "variant" | "size" | "depth"> & React.RefAttributes<HTMLButtonElement>>;
+    CTA: React.ForwardRefExoticComponent<Omit<Button3DProps, "variant" | "size" | "depth"> & React.RefAttributes<HTMLButtonElement>>;
+    Glass: React.ForwardRefExoticComponent<Omit<Button3DProps, "variant" | "size" | "depth"> & React.RefAttributes<HTMLButtonElement>>;
+    Minimal: React.ForwardRefExoticComponent<Omit<Button3DProps, "variant" | "size" | "depth"> & React.RefAttributes<HTMLButtonElement>>;
+    Danger: React.ForwardRefExoticComponent<Omit<Button3DProps, "variant" | "size" | "depth"> & React.RefAttributes<HTMLButtonElement>>;
+};
+declare const Button3DLoading: React.ForwardRefExoticComponent<Button3DProps & {
+    loading?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { Button3D, Button3DPreset, Button3DLoading, button3DVariants, type Button3DProps, };
+//# sourceMappingURL=button.d.ts.map

package/dist/src/3d/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/3d/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,gBAAgB;;;;8EAiGrB,CAAA;AAED,UAAU,aACR,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,QAAA,MAAM,QAAQ,yFAiIb,CAAA;AAID,QAAA,MAAM,cAAc;;;;;;CAiEnB,CAAA;AAUD,QAAA,MAAM,eAAe;cAES,OAAO;2CAUnC,CAAA;AAGF,OAAO,EACL,QAAQ,EACR,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,KAAK,aAAa,GACnB,CAAA"}

package/dist/src/3d/button.js

@@ -0,0 +1,181 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "@hanzo/ui/lib/utils";
+const button3DVariants = 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",
+    },
+});
+const Button3D = React.forwardRef(({ className, variant, size, depth, tiltOnHover = false, glowIntensity = 0, shadowColor, pressAnimation = true, children, onMouseEnter, onMouseLeave, onMouseMove, onMouseDown, onMouseUp, style, ...props }, ref) => {
+    const buttonRef = React.useRef(null);
+    const [isHovered, setIsHovered] = React.useState(false);
+    const [isPressed, setIsPressed] = React.useState(false);
+    const [tiltTransform, setTiltTransform] = React.useState({ x: 0, y: 0 });
+    const updateTilt = React.useCallback((e) => {
+        if (!tiltOnHover || !buttonRef.current)
+            return;
+        const rect = buttonRef.current.getBoundingClientRect();
+        const centerX = rect.left + rect.width / 2;
+        const centerY = rect.top + rect.height / 2;
+        const deltaX = (e.clientX - centerX) / (rect.width / 2);
+        const deltaY = (e.clientY - centerY) / (rect.height / 2);
+        setTiltTransform({
+            x: deltaY * -10, // Inverted for more natural feel
+            y: deltaX * 10,
+        });
+    }, [tiltOnHover]);
+    const resetTilt = React.useCallback(() => {
+        setTiltTransform({ x: 0, y: 0 });
+    }, []);
+    const handleMouseEnter = React.useCallback((e) => {
+        setIsHovered(true);
+        onMouseEnter?.(e);
+    }, [onMouseEnter]);
+    const handleMouseLeave = React.useCallback((e) => {
+        setIsHovered(false);
+        resetTilt();
+        onMouseLeave?.(e);
+    }, [onMouseLeave, resetTilt]);
+    const handleMouseMove = React.useCallback((e) => {
+        if (tiltOnHover) {
+            updateTilt(e);
+        }
+        onMouseMove?.(e);
+    }, [onMouseMove, tiltOnHover, updateTilt]);
+    const handleMouseDown = React.useCallback((e) => {
+        if (pressAnimation) {
+            setIsPressed(true);
+        }
+        onMouseDown?.(e);
+    }, [onMouseDown, pressAnimation]);
+    const handleMouseUp = React.useCallback((e) => {
+        setIsPressed(false);
+        onMouseUp?.(e);
+    }, [onMouseUp]);
+    React.useImperativeHandle(ref, () => buttonRef.current);
+    const buttonStyle = {
+        ...style,
+        transform: tiltOnHover
+            ? `perspective(1000px) rotateX(${tiltTransform.x}deg) rotateY(${tiltTransform.y}deg) ${isPressed ? "translateY(1px)" : ""}`
+            : isPressed
+                ? "translateY(1px)"
+                : undefined,
+        filter: glowIntensity > 0
+            ? `drop-shadow(0 0 ${glowIntensity * 4}px ${shadowColor || "currentColor"})`
+            : undefined,
+        transition: "all 150ms cubic-bezier(0.4, 0, 0.2, 1)",
+    };
+    return (_jsx("button", { ref: buttonRef, className: cn(button3DVariants({ variant, size, depth }), className), style: buttonStyle, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onMouseMove: handleMouseMove, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, ...props, children: _jsx("span", { className: "relative z-10 flex items-center justify-center gap-2", children: children }) }));
+});
+Button3D.displayName = "Button3D";
+// Preset button variants for common use cases
+const Button3DPreset = {
+    Hero: React.forwardRef((props, ref) => (_jsx(Button3D, { ref: ref, variant: "gradient", size: "xl", depth: "lg", tiltOnHover: true, glowIntensity: 2, ...props }))),
+    CTA: React.forwardRef((props, ref) => (_jsx(Button3D, { ref: ref, variant: "neon", size: "lg", depth: "default", tiltOnHover: true, glowIntensity: 1, ...props }))),
+    Glass: React.forwardRef((props, ref) => (_jsx(Button3D, { ref: ref, variant: "glass", size: "default", depth: "sm", tiltOnHover: true, ...props }))),
+    Minimal: React.forwardRef((props, ref) => (_jsx(Button3D, { ref: ref, variant: "ghost", size: "default", depth: "sm", ...props }))),
+    Danger: React.forwardRef((props, ref) => (_jsx(Button3D, { ref: ref, variant: "destructive", size: "default", depth: "default", shadowColor: "rgb(239 68 68)", ...props }))),
+};
+// Assign display names
+Button3DPreset.Hero.displayName = "Button3DPreset.Hero";
+Button3DPreset.CTA.displayName = "Button3DPreset.CTA";
+Button3DPreset.Glass.displayName = "Button3DPreset.Glass";
+Button3DPreset.Minimal.displayName = "Button3DPreset.Minimal";
+Button3DPreset.Danger.displayName = "Button3DPreset.Danger";
+// Loading button with 3D spinner
+const Button3DLoading = React.forwardRef(({ loading = false, children, disabled, ...props }, ref) => {
+    return (_jsxs(Button3D, { ref: ref, disabled: disabled || loading, ...props, children: [loading && (_jsx("div", { className: "animate-spin rounded-full h-4 w-4 border-2 border-current border-t-transparent" })), !loading && children] }));
+});
+Button3DLoading.displayName = "Button3DLoading";
+export { Button3D, Button3DPreset, Button3DLoading, button3DVariants, };