@bricks-toolkit/toolkit 0.1.1 → 0.1.2

package/dist/header/index.mjs

@@ -1,2 +1,5 @@
-import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {forwardRef,useState,useRef,useId,useCallback,useEffect,useLayoutEffect}from'react';import {createPortal}from'react-dom';import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {Bars3Icon}from'@heroicons/react/24/outline';function r(...p){return twMerge(clsx(p))}var ae=150,ye={top:"-translate-x-1/2 -translate-y-full",bottom:"-translate-x-1/2",left:"-translate-x-full -translate-y-1/2",right:"-translate-y-1/2"},ve={top:"top-full left-1/2 -translate-x-1/2",bottom:"bottom-full left-1/2 -translate-x-1/2",left:"left-full top-1/2 -translate-y-1/2",right:"right-full top-1/2 -translate-y-1/2"},we={top:"border-l-transparent border-r-transparent border-b-transparent",bottom:"border-l-transparent border-r-transparent border-t-transparent",left:"border-t-transparent border-b-transparent border-r-transparent",right:"border-t-transparent border-b-transparent border-l-transparent"},Te={top:"translate-y-1",bottom:"-translate-y-1",left:"translate-x-1",right:"-translate-x-1"},Re={sm:"px-2 py-1 text-xs rounded-md",md:"px-3 py-1.5 text-sm rounded-lg",lg:"px-4 py-2 text-sm rounded-xl"},Be={dark:["bg-gray-900 text-gray-50","shadow-[0_4px_16px_rgba(0,0,0,0.35)]","ring-1 ring-white/10"].join(" "),primary:["bg-gradient-to-b from-blue-500 to-blue-600 text-white","shadow-[0_4px_16px_rgba(59,130,246,0.45)]","ring-1 ring-blue-400/30"].join(" "),light:["bg-white text-gray-800","border border-gray-200/80","shadow-[0_4px_16px_rgba(0,0,0,0.10)]"].join(" ")},Ee={dark:{top:"border-t-gray-900",bottom:"border-b-gray-900",left:"border-l-gray-900",right:"border-r-gray-900"},primary:{top:"border-t-blue-600",bottom:"border-b-blue-500",left:"border-l-blue-600",right:"border-r-blue-500"},light:{top:"border-t-gray-200",bottom:"border-b-gray-200",left:"border-l-gray-200",right:"border-r-gray-200"}};function le({content:p,children:x,placement:t="top",trigger:n="hover",showDelay:s=0,hideDelay:d=100,size:o="md",variant:m="dark",open:H,disabled:a=false,maxWidth:z=240,className:M,wrapperClassName:V}){let[F,w]=useState(false),[L,T]=useState(false),[S,B]=useState(false),[U,de]=useState({top:0,left:0}),[E,me]=useState(t),y=H!==void 0,u=y?H:F,K=useRef(null),$=useRef(null),j=useRef(null),q=useRef(null),N=useRef(null),G=useId(),i=useCallback(()=>{j.current&&clearTimeout(j.current),q.current&&clearTimeout(q.current),N.current&&clearTimeout(N.current);},[]),Q=useCallback(()=>{if(a||y)return;i();let e=()=>{w(true);};s>0?j.current=setTimeout(e,s):e();},[a,y,i,s]),Y=useCallback(()=>{y||(i(),q.current=setTimeout(()=>{w(false);},d));},[y,i,d]),Z=useCallback(()=>{a||y||w(e=>!e);},[a,y]);useEffect(()=>{let e=null;return u&&!a?(i(),e=requestAnimationFrame(()=>{T(true),e=requestAnimationFrame(()=>{B(true);});})):(e=requestAnimationFrame(()=>{B(false);}),N.current=setTimeout(()=>{T(false);},ae)),()=>{e&&cancelAnimationFrame(e),N.current&&clearTimeout(N.current);}},[u,a,i]);let ee=useCallback(()=>{if(!K.current||!u)return;let e=K.current.getBoundingClientRect(),l=$.current,b=8,f=t,te=g=>{switch(g){case "top":return {t:e.top-b,l:e.left+e.width/2};case "bottom":return {t:e.bottom+b,l:e.left+e.width/2};case "left":return {t:e.top+e.height/2,l:e.left-b};case "right":return {t:e.top+e.height/2,l:e.right+b}}},re=te(t),I=re.t,A=re.l;if(l){let g=l.getBoundingClientRect(),h=12;if(t==="top"&&e.top-g.height-b<h?f="bottom":t==="bottom"&&e.bottom+g.height+b>window.innerHeight-h?f="top":t==="left"&&e.left-g.width-b<h?f="right":t==="right"&&e.right+g.width+b>window.innerWidth-h&&(f="left"),f!==t){let se=te(f);I=se.t,A=se.l;}let oe=g.width/2,ne=g.height/2;f==="top"||f==="bottom"?A=Math.max(h+oe,Math.min(window.innerWidth-h-oe,A)):I=Math.max(h+ne,Math.min(window.innerHeight-h-ne,I));}me(f),de({top:I,left:A});},[u,t]);useLayoutEffect(()=>{if(!u)return;let e=null,l=()=>{e=requestAnimationFrame(ee);};return l(),window.addEventListener("resize",l),window.addEventListener("scroll",l,true),()=>{e!==null&&cancelAnimationFrame(e),window.removeEventListener("resize",l),window.removeEventListener("scroll",l,true);}},[u,ee]),useEffect(()=>{if(!u)return;let e=l=>{l.key==="Escape"&&(i(),w(false));};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e);}},[u,i]),useEffect(()=>i,[i]);let v={};(n==="hover"||n==="focus")&&(v.onFocus=Q,v.onBlur=Y),n==="hover"?(v.onMouseEnter=Q,v.onMouseLeave=Y):n==="click"&&(v.onClick=Z),v.onKeyDown=e=>{(e.key==="Enter"||e.key===" ")&&Z();};let ue=x;return jsxs("span",{ref:K,className:r("relative inline-flex isolate z-0",V),"aria-describedby":u&&!a?G:void 0,...v,children:[jsx("span",{className:"relative z-0",children:ue}),L&&!a&&createPortal(jsx("div",{ref:$,className:r("pointer-events-none fixed z-[9999]",ye[E]),style:{top:U.top,left:U.left},children:jsxs("div",{id:G,role:"tooltip",style:{maxWidth:z,transitionDuration:`${ae.toString()}ms`},className:r("relative min-w-max whitespace-normal break-words","font-sans font-medium tracking-tight text-center leading-snug","transition-[opacity,transform] ease-out",S?"opacity-100 translate-x-0 translate-y-0":["opacity-0",Te[E]].join(" "),Be[m],Re[o],M),children:[jsx("div",{"aria-hidden":"true",className:r("absolute border-[6px]","drop-shadow-sm",ve[E],we[E],Ee[m][E])}),p]})}),document.body)]})}var Ce={xs:"h-6 px-2.5 text-xs",sm:"h-8 px-3 text-sm",md:"h-10 px-4 text-sm",lg:"h-11 px-6 text-base",xl:"h-12 px-8 text-lg"},Pe={xs:"w-3 h-3",sm:"w-3.5 h-3.5",md:"w-4 h-4",lg:"w-5 h-5",xl:"w-5 h-5"},ke={primary:"bg-primary text-text-inverse hover:bg-primary-hover hover:shadow-xl hover:shadow-primary/20 active:scale-95 border border-transparent shadow-md focus-visible:ring-primary/40 transition-all duration-normal",secondary:"bg-secondary text-text hover:bg-secondary-hover border border-transparent focus-visible:ring-primary/40",outline:"bg-transparent text-text border border-border hover:bg-hover hover:text-text focus-visible:ring-primary/40",ghost:"bg-transparent text-text border border-transparent hover:bg-hover hover:text-text focus-visible:ring-primary/40",danger:"bg-error text-text-inverse hover:bg-error/90 border border-transparent shadow-sm focus-visible:ring-error/40",success:"bg-success text-text-inverse hover:bg-success/90 border border-transparent shadow-sm focus-visible:ring-success/40",warning:"bg-warning text-text-inverse hover:bg-warning/90 border border-transparent shadow-sm focus-visible:ring-warning/40",info:"bg-info text-text-inverse hover:bg-info/90 border border-transparent shadow-sm focus-visible:ring-info/40"},He="opacity-50 cursor-not-allowed shadow-none",O=forwardRef(function({children:x,className:t,variant:n="primary",size:s="md",fullWidth:d=false,isLoading:o=false,loadingText:m,disabled:H=false,leftIcon:a,rightIcon:z,tooltip:M,tooltipPlacement:V="top",type:F="button",...w},L){let T=H||o,S=jsxs("div",{className:r("relative flex items-center justify-center",Pe[s]),children:[jsx("div",{className:"absolute inset-0 rounded-full border-1 border-current opacity-20 animate-ping"}),jsxs("svg",{className:"animate-spin relative z-10 w-full h-full",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",role:"status",children:[jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),jsx("path",{className:"opacity-90",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})]}),B=jsx("button",{ref:L,type:F,disabled:T,"aria-disabled":T,"aria-busy":o,className:r("relative inline-flex items-center justify-center gap-2 font-bold rounded-md transition-[background-color,border-color,color,box-shadow,transform,opacity] duration-normal focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-surface",Ce[s],ke[n],d?"w-full":"",T?He:"",t),...w,children:o&&m?jsxs(Fragment,{children:[S,jsx("span",{children:m})]}):jsxs(Fragment,{children:[a&&jsx("span",{className:r("inline-flex shrink-0",o&&"invisible opacity-0"),children:a}),jsx("span",{className:r("truncate flex items-center justify-center",o&&"invisible opacity-0"),children:x}),z&&jsx("span",{className:r("inline-flex shrink-0",o&&"invisible opacity-0"),children:z}),o&&!m&&jsx("span",{className:"absolute inset-0 flex items-center justify-center",children:S})]})});return M?jsx(le,{content:M,placement:V,wrapperClassName:d?"w-full":"",children:B}):B});O.displayName="Button";var Me={xs:"w-6 h-6",sm:"w-8 h-8",md:"w-10 h-10",lg:"w-11 h-11",xl:"w-12 h-12"},W=forwardRef(({icon:p,"aria-label":x,isRound:t,className:n,size:s="md",...d},o)=>jsx(O,{ref:o,size:s,className:r("p-0 flex-shrink-0 min-w-0",Me[s],t&&"rounded-full",n),"aria-label":x,...d,children:p}));W.displayName="IconButton";var pe=({logo:p,children:x,actions:t,userSection:n,isSticky:s=true,className:d,glass:o=false,onMenuToggle:m})=>jsxs("header",{className:r("h-16 flex items-center justify-between px-6 bg-surface border-b border-border transition-all duration-normal",s&&"sticky top-0 z-index-sticky",o&&"glass",d),children:[jsxs("div",{className:"flex items-center gap-4",children:[m&&jsx(W,{icon:jsx(Bars3Icon,{className:"w-5 h-5"}),"aria-label":"Toggle Menu",variant:"ghost",size:"sm",onClick:m,className:"lg:hidden"}),p&&jsx("div",{className:"flex items-center",children:p})]}),jsx("div",{className:"flex-1 max-w-xl px-8 hidden md:block",children:x}),jsxs("div",{className:"flex items-center gap-2",children:[t&&jsx("div",{className:"flex items-center gap-1",children:t}),n&&jsx("div",{className:"flex items-center pl-2 ml-2 border-l border-border h-8",children:n})]})]});pe.displayName="Header";
-export{pe as Header};
+export { Header } from '../chunk-FOVJHEWH.mjs';
+import '../chunk-BVBCAAES.mjs';
+import '../chunk-RAD5VJHR.mjs';
+import '../chunk-65UZC3FK.mjs';
+import '../chunk-OCPFOFJ4.mjs';

package/dist/icon-button/index.cjs

@@ -1,2 +1,13 @@
-'use strict';var react=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),reactDom=require('react-dom'),jsxRuntime=require('react/jsx-runtime');function r(...y){return tailwindMerge.twMerge(clsx.clsx(y))}var ot=150,bt={top:"-translate-x-1/2 -translate-y-full",bottom:"-translate-x-1/2",left:"-translate-x-full -translate-y-1/2",right:"-translate-y-1/2"},gt={top:"top-full left-1/2 -translate-x-1/2",bottom:"bottom-full left-1/2 -translate-x-1/2",left:"left-full top-1/2 -translate-y-1/2",right:"right-full top-1/2 -translate-y-1/2"},ht={top:"border-l-transparent border-r-transparent border-b-transparent",bottom:"border-l-transparent border-r-transparent border-t-transparent",left:"border-t-transparent border-b-transparent border-r-transparent",right:"border-t-transparent border-b-transparent border-l-transparent"},yt={top:"translate-y-1",bottom:"-translate-y-1",left:"translate-x-1",right:"-translate-x-1"},xt={sm:"px-2 py-1 text-xs rounded-md",md:"px-3 py-1.5 text-sm rounded-lg",lg:"px-4 py-2 text-sm rounded-xl"},wt={dark:["bg-gray-900 text-gray-50","shadow-[0_4px_16px_rgba(0,0,0,0.35)]","ring-1 ring-white/10"].join(" "),primary:["bg-gradient-to-b from-blue-500 to-blue-600 text-white","shadow-[0_4px_16px_rgba(59,130,246,0.45)]","ring-1 ring-blue-400/30"].join(" "),light:["bg-white text-gray-800","border border-gray-200/80","shadow-[0_4px_16px_rgba(0,0,0,0.10)]"].join(" ")},vt={dark:{top:"border-t-gray-900",bottom:"border-b-gray-900",left:"border-l-gray-900",right:"border-r-gray-900"},primary:{top:"border-t-blue-600",bottom:"border-b-blue-500",left:"border-l-blue-600",right:"border-r-blue-500"},light:{top:"border-t-gray-200",bottom:"border-b-gray-200",left:"border-l-gray-200",right:"border-r-gray-200"}};function st({content:y,children:T,placement:e="top",trigger:p="hover",showDelay:l=0,hideDelay:b=100,size:o="md",variant:x="dark",open:N,disabled:n=false,maxWidth:z=240,className:M,wrapperClassName:H}){let[V,w]=react.useState(false),[F,v]=react.useState(false),[S,R]=react.useState(false),[D,it]=react.useState({top:0,left:0}),[B,lt]=react.useState(e),g=N!==void 0,c=g?N:V,L=react.useRef(null),U=react.useRef(null),K=react.useRef(null),j=react.useRef(null),E=react.useRef(null),X=react.useId(),s=react.useCallback(()=>{K.current&&clearTimeout(K.current),j.current&&clearTimeout(j.current),E.current&&clearTimeout(E.current);},[]),J=react.useCallback(()=>{if(n||g)return;s();let t=()=>{w(true);};l>0?K.current=setTimeout(t,l):t();},[n,g,s,l]),$=react.useCallback(()=>{g||(s(),j.current=setTimeout(()=>{w(false);},b));},[g,s,b]),G=react.useCallback(()=>{n||g||w(t=>!t);},[n,g]);react.useEffect(()=>{let t=null;return c&&!n?(s(),t=requestAnimationFrame(()=>{v(true),t=requestAnimationFrame(()=>{R(true);});})):(t=requestAnimationFrame(()=>{R(false);}),E.current=setTimeout(()=>{v(false);},ot)),()=>{t&&cancelAnimationFrame(t),E.current&&clearTimeout(E.current);}},[c,n,s]);let Q=react.useCallback(()=>{if(!L.current||!c)return;let t=L.current.getBoundingClientRect(),a=U.current,d=8,u=e,Y=m=>{switch(m){case "top":return {t:t.top-d,l:t.left+t.width/2};case "bottom":return {t:t.bottom+d,l:t.left+t.width/2};case "left":return {t:t.top+t.height/2,l:t.left-d};case "right":return {t:t.top+t.height/2,l:t.right+d}}},Z=Y(e),I=Z.t,A=Z.l;if(a){let m=a.getBoundingClientRect(),f=12;if(e==="top"&&t.top-m.height-d<f?u="bottom":e==="bottom"&&t.bottom+m.height+d>window.innerHeight-f?u="top":e==="left"&&t.left-m.width-d<f?u="right":e==="right"&&t.right+m.width+d>window.innerWidth-f&&(u="left"),u!==e){let rt=Y(u);I=rt.t,A=rt.l;}let tt=m.width/2,et=m.height/2;u==="top"||u==="bottom"?A=Math.max(f+tt,Math.min(window.innerWidth-f-tt,A)):I=Math.max(f+et,Math.min(window.innerHeight-f-et,I));}lt(u),it({top:I,left:A});},[c,e]);react.useLayoutEffect(()=>{if(!c)return;let t=null,a=()=>{t=requestAnimationFrame(Q);};return a(),window.addEventListener("resize",a),window.addEventListener("scroll",a,true),()=>{t!==null&&cancelAnimationFrame(t),window.removeEventListener("resize",a),window.removeEventListener("scroll",a,true);}},[c,Q]),react.useEffect(()=>{if(!c)return;let t=a=>{a.key==="Escape"&&(s(),w(false));};return document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t);}},[c,s]),react.useEffect(()=>s,[s]);let h={};(p==="hover"||p==="focus")&&(h.onFocus=J,h.onBlur=$),p==="hover"?(h.onMouseEnter=J,h.onMouseLeave=$):p==="click"&&(h.onClick=G),h.onKeyDown=t=>{(t.key==="Enter"||t.key===" ")&&G();};let ct=T;return jsxRuntime.jsxs("span",{ref:L,className:r("relative inline-flex isolate z-0",H),"aria-describedby":c&&!n?X:void 0,...h,children:[jsxRuntime.jsx("span",{className:"relative z-0",children:ct}),F&&!n&&reactDom.createPortal(jsxRuntime.jsx("div",{ref:U,className:r("pointer-events-none fixed z-[9999]",bt[B]),style:{top:D.top,left:D.left},children:jsxRuntime.jsxs("div",{id:X,role:"tooltip",style:{maxWidth:z,transitionDuration:`${ot.toString()}ms`},className:r("relative min-w-max whitespace-normal break-words","font-sans font-medium tracking-tight text-center leading-snug","transition-[opacity,transform] ease-out",S?"opacity-100 translate-x-0 translate-y-0":["opacity-0",yt[B]].join(" "),wt[x],xt[o],M),children:[jsxRuntime.jsx("div",{"aria-hidden":"true",className:r("absolute border-[6px]","drop-shadow-sm",gt[B],ht[B],vt[x][B])}),y]})}),document.body)]})}var Rt={xs:"h-6 px-2.5 text-xs",sm:"h-8 px-3 text-sm",md:"h-10 px-4 text-sm",lg:"h-11 px-6 text-base",xl:"h-12 px-8 text-lg"},Bt={xs:"w-3 h-3",sm:"w-3.5 h-3.5",md:"w-4 h-4",lg:"w-5 h-5",xl:"w-5 h-5"},Et={primary:"bg-primary text-text-inverse hover:bg-primary-hover hover:shadow-xl hover:shadow-primary/20 active:scale-95 border border-transparent shadow-md focus-visible:ring-primary/40 transition-all duration-normal",secondary:"bg-secondary text-text hover:bg-secondary-hover border border-transparent focus-visible:ring-primary/40",outline:"bg-transparent text-text border border-border hover:bg-hover hover:text-text focus-visible:ring-primary/40",ghost:"bg-transparent text-text border border-transparent hover:bg-hover hover:text-text focus-visible:ring-primary/40",danger:"bg-error text-text-inverse hover:bg-error/90 border border-transparent shadow-sm focus-visible:ring-error/40",success:"bg-success text-text-inverse hover:bg-success/90 border border-transparent shadow-sm focus-visible:ring-success/40",warning:"bg-warning text-text-inverse hover:bg-warning/90 border border-transparent shadow-sm focus-visible:ring-warning/40",info:"bg-info text-text-inverse hover:bg-info/90 border border-transparent shadow-sm focus-visible:ring-info/40"},Ct="opacity-50 cursor-not-allowed shadow-none",W=react.forwardRef(function({children:T,className:e,variant:p="primary",size:l="md",fullWidth:b=false,isLoading:o=false,loadingText:x,disabled:N=false,leftIcon:n,rightIcon:z,tooltip:M,tooltipPlacement:H="top",type:V="button",...w},F){let v=N||o,S=jsxRuntime.jsxs("div",{className:r("relative flex items-center justify-center",Bt[l]),children:[jsxRuntime.jsx("div",{className:"absolute inset-0 rounded-full border-1 border-current opacity-20 animate-ping"}),jsxRuntime.jsxs("svg",{className:"animate-spin relative z-10 w-full h-full",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",role:"status",children:[jsxRuntime.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),jsxRuntime.jsx("path",{className:"opacity-90",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})]}),R=jsxRuntime.jsx("button",{ref:F,type:V,disabled:v,"aria-disabled":v,"aria-busy":o,className:r("relative inline-flex items-center justify-center gap-2 font-bold rounded-md transition-[background-color,border-color,color,box-shadow,transform,opacity] duration-normal focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-surface",Rt[l],Et[p],b?"w-full":"",v?Ct:"",e),...w,children:o&&x?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[S,jsxRuntime.jsx("span",{children:x})]}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[n&&jsxRuntime.jsx("span",{className:r("inline-flex shrink-0",o&&"invisible opacity-0"),children:n}),jsxRuntime.jsx("span",{className:r("truncate flex items-center justify-center",o&&"invisible opacity-0"),children:T}),z&&jsxRuntime.jsx("span",{className:r("inline-flex shrink-0",o&&"invisible opacity-0"),children:z}),o&&!x&&jsxRuntime.jsx("span",{className:"absolute inset-0 flex items-center justify-center",children:S})]})});return M?jsxRuntime.jsx(st,{content:M,placement:H,wrapperClassName:b?"w-full":"",children:R}):R});W.displayName="Button";var kt={xs:"w-6 h-6",sm:"w-8 h-8",md:"w-10 h-10",lg:"w-11 h-11",xl:"w-12 h-12"},Nt=react.forwardRef(({icon:y,"aria-label":T,isRound:e,className:p,size:l="md",...b},o)=>jsxRuntime.jsx(W,{ref:o,size:l,className:r("p-0 flex-shrink-0 min-w-0",kt[l],e&&"rounded-full",p),"aria-label":T,...b,children:y}));Nt.displayName="IconButton";
-exports.IconButton=Nt;
+'use strict';
+
+var chunkTNGW5YHA_cjs = require('../chunk-TNGW5YHA.cjs');
+require('../chunk-6CC5KIA5.cjs');
+require('../chunk-R72GDCWE.cjs');
+require('../chunk-L5VQZZVR.cjs');
+
+
+
+Object.defineProperty(exports, "IconButton", {
+  enumerable: true,
+  get: function () { return chunkTNGW5YHA_cjs.IconButton; }
+});

package/dist/icon-button/index.mjs

@@ -1,2 +1,4 @@
-import {forwardRef,useState,useRef,useId,useCallback,useEffect,useLayoutEffect}from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {createPortal}from'react-dom';import {jsxs,jsx,Fragment}from'react/jsx-runtime';function r(...y){return twMerge(clsx(y))}var ot=150,bt={top:"-translate-x-1/2 -translate-y-full",bottom:"-translate-x-1/2",left:"-translate-x-full -translate-y-1/2",right:"-translate-y-1/2"},gt={top:"top-full left-1/2 -translate-x-1/2",bottom:"bottom-full left-1/2 -translate-x-1/2",left:"left-full top-1/2 -translate-y-1/2",right:"right-full top-1/2 -translate-y-1/2"},ht={top:"border-l-transparent border-r-transparent border-b-transparent",bottom:"border-l-transparent border-r-transparent border-t-transparent",left:"border-t-transparent border-b-transparent border-r-transparent",right:"border-t-transparent border-b-transparent border-l-transparent"},yt={top:"translate-y-1",bottom:"-translate-y-1",left:"translate-x-1",right:"-translate-x-1"},xt={sm:"px-2 py-1 text-xs rounded-md",md:"px-3 py-1.5 text-sm rounded-lg",lg:"px-4 py-2 text-sm rounded-xl"},wt={dark:["bg-gray-900 text-gray-50","shadow-[0_4px_16px_rgba(0,0,0,0.35)]","ring-1 ring-white/10"].join(" "),primary:["bg-gradient-to-b from-blue-500 to-blue-600 text-white","shadow-[0_4px_16px_rgba(59,130,246,0.45)]","ring-1 ring-blue-400/30"].join(" "),light:["bg-white text-gray-800","border border-gray-200/80","shadow-[0_4px_16px_rgba(0,0,0,0.10)]"].join(" ")},vt={dark:{top:"border-t-gray-900",bottom:"border-b-gray-900",left:"border-l-gray-900",right:"border-r-gray-900"},primary:{top:"border-t-blue-600",bottom:"border-b-blue-500",left:"border-l-blue-600",right:"border-r-blue-500"},light:{top:"border-t-gray-200",bottom:"border-b-gray-200",left:"border-l-gray-200",right:"border-r-gray-200"}};function st({content:y,children:T,placement:e="top",trigger:p="hover",showDelay:l=0,hideDelay:b=100,size:o="md",variant:x="dark",open:N,disabled:n=false,maxWidth:z=240,className:M,wrapperClassName:H}){let[V,w]=useState(false),[F,v]=useState(false),[S,R]=useState(false),[D,it]=useState({top:0,left:0}),[B,lt]=useState(e),g=N!==void 0,c=g?N:V,L=useRef(null),U=useRef(null),K=useRef(null),j=useRef(null),E=useRef(null),X=useId(),s=useCallback(()=>{K.current&&clearTimeout(K.current),j.current&&clearTimeout(j.current),E.current&&clearTimeout(E.current);},[]),J=useCallback(()=>{if(n||g)return;s();let t=()=>{w(true);};l>0?K.current=setTimeout(t,l):t();},[n,g,s,l]),$=useCallback(()=>{g||(s(),j.current=setTimeout(()=>{w(false);},b));},[g,s,b]),G=useCallback(()=>{n||g||w(t=>!t);},[n,g]);useEffect(()=>{let t=null;return c&&!n?(s(),t=requestAnimationFrame(()=>{v(true),t=requestAnimationFrame(()=>{R(true);});})):(t=requestAnimationFrame(()=>{R(false);}),E.current=setTimeout(()=>{v(false);},ot)),()=>{t&&cancelAnimationFrame(t),E.current&&clearTimeout(E.current);}},[c,n,s]);let Q=useCallback(()=>{if(!L.current||!c)return;let t=L.current.getBoundingClientRect(),a=U.current,d=8,u=e,Y=m=>{switch(m){case "top":return {t:t.top-d,l:t.left+t.width/2};case "bottom":return {t:t.bottom+d,l:t.left+t.width/2};case "left":return {t:t.top+t.height/2,l:t.left-d};case "right":return {t:t.top+t.height/2,l:t.right+d}}},Z=Y(e),I=Z.t,A=Z.l;if(a){let m=a.getBoundingClientRect(),f=12;if(e==="top"&&t.top-m.height-d<f?u="bottom":e==="bottom"&&t.bottom+m.height+d>window.innerHeight-f?u="top":e==="left"&&t.left-m.width-d<f?u="right":e==="right"&&t.right+m.width+d>window.innerWidth-f&&(u="left"),u!==e){let rt=Y(u);I=rt.t,A=rt.l;}let tt=m.width/2,et=m.height/2;u==="top"||u==="bottom"?A=Math.max(f+tt,Math.min(window.innerWidth-f-tt,A)):I=Math.max(f+et,Math.min(window.innerHeight-f-et,I));}lt(u),it({top:I,left:A});},[c,e]);useLayoutEffect(()=>{if(!c)return;let t=null,a=()=>{t=requestAnimationFrame(Q);};return a(),window.addEventListener("resize",a),window.addEventListener("scroll",a,true),()=>{t!==null&&cancelAnimationFrame(t),window.removeEventListener("resize",a),window.removeEventListener("scroll",a,true);}},[c,Q]),useEffect(()=>{if(!c)return;let t=a=>{a.key==="Escape"&&(s(),w(false));};return document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t);}},[c,s]),useEffect(()=>s,[s]);let h={};(p==="hover"||p==="focus")&&(h.onFocus=J,h.onBlur=$),p==="hover"?(h.onMouseEnter=J,h.onMouseLeave=$):p==="click"&&(h.onClick=G),h.onKeyDown=t=>{(t.key==="Enter"||t.key===" ")&&G();};let ct=T;return jsxs("span",{ref:L,className:r("relative inline-flex isolate z-0",H),"aria-describedby":c&&!n?X:void 0,...h,children:[jsx("span",{className:"relative z-0",children:ct}),F&&!n&&createPortal(jsx("div",{ref:U,className:r("pointer-events-none fixed z-[9999]",bt[B]),style:{top:D.top,left:D.left},children:jsxs("div",{id:X,role:"tooltip",style:{maxWidth:z,transitionDuration:`${ot.toString()}ms`},className:r("relative min-w-max whitespace-normal break-words","font-sans font-medium tracking-tight text-center leading-snug","transition-[opacity,transform] ease-out",S?"opacity-100 translate-x-0 translate-y-0":["opacity-0",yt[B]].join(" "),wt[x],xt[o],M),children:[jsx("div",{"aria-hidden":"true",className:r("absolute border-[6px]","drop-shadow-sm",gt[B],ht[B],vt[x][B])}),y]})}),document.body)]})}var Rt={xs:"h-6 px-2.5 text-xs",sm:"h-8 px-3 text-sm",md:"h-10 px-4 text-sm",lg:"h-11 px-6 text-base",xl:"h-12 px-8 text-lg"},Bt={xs:"w-3 h-3",sm:"w-3.5 h-3.5",md:"w-4 h-4",lg:"w-5 h-5",xl:"w-5 h-5"},Et={primary:"bg-primary text-text-inverse hover:bg-primary-hover hover:shadow-xl hover:shadow-primary/20 active:scale-95 border border-transparent shadow-md focus-visible:ring-primary/40 transition-all duration-normal",secondary:"bg-secondary text-text hover:bg-secondary-hover border border-transparent focus-visible:ring-primary/40",outline:"bg-transparent text-text border border-border hover:bg-hover hover:text-text focus-visible:ring-primary/40",ghost:"bg-transparent text-text border border-transparent hover:bg-hover hover:text-text focus-visible:ring-primary/40",danger:"bg-error text-text-inverse hover:bg-error/90 border border-transparent shadow-sm focus-visible:ring-error/40",success:"bg-success text-text-inverse hover:bg-success/90 border border-transparent shadow-sm focus-visible:ring-success/40",warning:"bg-warning text-text-inverse hover:bg-warning/90 border border-transparent shadow-sm focus-visible:ring-warning/40",info:"bg-info text-text-inverse hover:bg-info/90 border border-transparent shadow-sm focus-visible:ring-info/40"},Ct="opacity-50 cursor-not-allowed shadow-none",W=forwardRef(function({children:T,className:e,variant:p="primary",size:l="md",fullWidth:b=false,isLoading:o=false,loadingText:x,disabled:N=false,leftIcon:n,rightIcon:z,tooltip:M,tooltipPlacement:H="top",type:V="button",...w},F){let v=N||o,S=jsxs("div",{className:r("relative flex items-center justify-center",Bt[l]),children:[jsx("div",{className:"absolute inset-0 rounded-full border-1 border-current opacity-20 animate-ping"}),jsxs("svg",{className:"animate-spin relative z-10 w-full h-full",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",role:"status",children:[jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),jsx("path",{className:"opacity-90",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})]}),R=jsx("button",{ref:F,type:V,disabled:v,"aria-disabled":v,"aria-busy":o,className:r("relative inline-flex items-center justify-center gap-2 font-bold rounded-md transition-[background-color,border-color,color,box-shadow,transform,opacity] duration-normal focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-surface",Rt[l],Et[p],b?"w-full":"",v?Ct:"",e),...w,children:o&&x?jsxs(Fragment,{children:[S,jsx("span",{children:x})]}):jsxs(Fragment,{children:[n&&jsx("span",{className:r("inline-flex shrink-0",o&&"invisible opacity-0"),children:n}),jsx("span",{className:r("truncate flex items-center justify-center",o&&"invisible opacity-0"),children:T}),z&&jsx("span",{className:r("inline-flex shrink-0",o&&"invisible opacity-0"),children:z}),o&&!x&&jsx("span",{className:"absolute inset-0 flex items-center justify-center",children:S})]})});return M?jsx(st,{content:M,placement:H,wrapperClassName:b?"w-full":"",children:R}):R});W.displayName="Button";var kt={xs:"w-6 h-6",sm:"w-8 h-8",md:"w-10 h-10",lg:"w-11 h-11",xl:"w-12 h-12"},Nt=forwardRef(({icon:y,"aria-label":T,isRound:e,className:p,size:l="md",...b},o)=>jsx(W,{ref:o,size:l,className:r("p-0 flex-shrink-0 min-w-0",kt[l],e&&"rounded-full",p),"aria-label":T,...b,children:y}));Nt.displayName="IconButton";
-export{Nt as IconButton};
+export { IconButton } from '../chunk-BVBCAAES.mjs';
+import '../chunk-RAD5VJHR.mjs';
+import '../chunk-65UZC3FK.mjs';
+import '../chunk-OCPFOFJ4.mjs';

package/dist/image/index.cjs

@@ -1 +1,12 @@
-'use strict';var react=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function l(...p){return tailwindMerge.twMerge(clsx.clsx(p))}var V={default:"animate-pulse bg-skeleton",wave:"skeleton-wave bg-skeleton",pulse:"animate-pulse bg-skeleton-shine"},_={rectangle:"rounded-sm",circle:"rounded-full",rounded:"rounded-md"},i=react.forwardRef(function({className:t,variant:r="wave",shape:o="rectangle",width:e,height:n,style:d,...a},m){return jsxRuntime.jsx("div",{ref:m,role:"status","aria-busy":"true","aria-label":"Loading",style:{width:e!==void 0?typeof e=="number"?`${String(e)}px`:e:void 0,height:n!==void 0?typeof n=="number"?`${String(n)}px`:n:void 0,...d},className:l("overflow-hidden",V[r],_[o],t),...a})});i.displayName="Skeleton";var R=react.forwardRef(function({lines:t=3,variant:r="wave",shortLast:o=true,className:e,...n},d){return jsxRuntime.jsx("div",{ref:d,className:l("flex flex-col gap-2",e),role:"status","aria-busy":"true","aria-label":"Loading",...n,children:Array.from({length:t}).map((a,m)=>{let c=m===t-1;return jsxRuntime.jsx(i,{variant:r,height:14,className:l(c&&o?"w-3/5":"w-full")},m)})})});R.displayName="SkeletonText";var $=react.forwardRef(function({size:t=40,variant:r="wave",className:o,...e},n){return jsxRuntime.jsx(i,{ref:n,variant:r,shape:"circle",width:t,height:t,className:l("shrink-0",o),...e})});$.displayName="SkeletonAvatar";var j=react.forwardRef(function({showImage:t=true,imageHeight:r=160,lines:o=3,variant:e="wave",className:n,...d},a){return jsxRuntime.jsxs("div",{ref:a,className:l("rounded-lg border border-border bg-surface overflow-hidden flex flex-col",n),role:"status","aria-busy":"true","aria-label":"Loading",...d,children:[t&&jsxRuntime.jsx(i,{variant:e,shape:"rectangle",height:r,className:"w-full rounded-none"}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-2 p-4",children:[jsxRuntime.jsx(i,{variant:e,height:20,className:"w-2/3"}),jsxRuntime.jsx(R,{lines:o,variant:e,className:"mt-1"}),jsxRuntime.jsxs("div",{className:"flex items-center gap-2 mt-2",children:[jsxRuntime.jsx(i,{variant:e,width:80,height:32,shape:"rounded"}),jsxRuntime.jsx(i,{variant:e,width:80,height:32,shape:"rounded"})]})]})]})});j.displayName="SkeletonCard";var z=react.forwardRef(function({rows:t=5,columns:r=4,variant:o="wave",showHeader:e=true,className:n,...d},a){return jsxRuntime.jsxs("div",{ref:a,className:l("w-full rounded-lg border border-border overflow-hidden bg-surface",n),role:"status","aria-busy":"true","aria-label":"Loading",...d,children:[e&&jsxRuntime.jsx("div",{className:"flex items-center gap-4 border-b border-border px-4 py-2 bg-surface-secondary",children:Array.from({length:r}).map((m,c)=>jsxRuntime.jsx(i,{variant:o,height:14,className:l(c===0?"w-1/4":c===r-1?"w-16":"flex-1")},c))}),Array.from({length:t}).map((m,c)=>jsxRuntime.jsx("div",{className:l("flex items-center gap-4 px-4 py-2",c<t-1&&"border-b border-border"),children:Array.from({length:r}).map((b,v)=>jsxRuntime.jsx(i,{variant:o,height:14,className:l(v===0?"w-1/4":v===r-1?"w-16":"flex-1")},v))},c))]})});z.displayName="SkeletonTable";var W=react.forwardRef(function({src:t,alt:r,fallback:o,loadingComponent:e,showSkeleton:n=true,aspectRatio:d,objectFit:a="cover",className:m,containerClassName:c,onLoad:b,onError:v,style:N,...y},L){let[w,S]=react.useState(true),[E,x]=react.useState(false),[T,P]=react.useState(t);t!==T&&(P(t),S(true),x(false));let C=u=>{S(false),b?.(u);},M=u=>{S(false),x(true),v?.(u);},A=()=>{let u=l("h-full w-full",a==="cover"&&"object-cover",a==="contain"&&"object-contain",a==="fill"&&"object-fill",a==="none"&&"object-none",a==="scale-down"&&"object-scale-down",m);return typeof o=="string"?jsxRuntime.jsx("img",{src:o,alt:r,className:u,...y}):jsxRuntime.jsx("div",{className:u,children:o??jsxRuntime.jsx("div",{className:"flex h-full w-full items-center justify-center bg-surface-secondary text-text-tertiary",children:jsxRuntime.jsx("svg",{className:"h-1/3 w-1/3 opacity-20",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:jsxRuntime.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"})})})})},H={aspectRatio:d,...N};return jsxRuntime.jsxs("div",{className:l("relative overflow-hidden",!d&&"h-full w-full",c),style:H,children:[w&&n&&jsxRuntime.jsx("div",{className:"absolute inset-0 z-10",children:e??jsxRuntime.jsx(i,{className:"h-full w-full",variant:"wave"})}),E?A():jsxRuntime.jsx("img",{ref:L,src:t,alt:r,onLoad:C,onError:M,className:l("transition-opacity duration-500 ease-in-out",w?"opacity-0":"opacity-100",a==="cover"&&"object-cover",a==="contain"&&"object-contain",a==="fill"&&"object-fill",a==="none"&&"object-none",a==="scale-down"&&"object-scale-down","h-full w-full",m),...y})]})});W.displayName="Image";exports.Image=W;
+'use strict';
+
+var chunkPJWELBN2_cjs = require('../chunk-PJWELBN2.cjs');
+require('../chunk-S7VEND5Z.cjs');
+require('../chunk-L5VQZZVR.cjs');
+
+
+
+Object.defineProperty(exports, "Image", {
+  enumerable: true,
+  get: function () { return chunkPJWELBN2_cjs.Image; }
+});

package/dist/image/index.mjs

@@ -1 +1,3 @@
-import {forwardRef,useState}from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs}from'react/jsx-runtime';function l(...p){return twMerge(clsx(p))}var V={default:"animate-pulse bg-skeleton",wave:"skeleton-wave bg-skeleton",pulse:"animate-pulse bg-skeleton-shine"},_={rectangle:"rounded-sm",circle:"rounded-full",rounded:"rounded-md"},i=forwardRef(function({className:t,variant:r="wave",shape:o="rectangle",width:e,height:n,style:d,...a},m){return jsx("div",{ref:m,role:"status","aria-busy":"true","aria-label":"Loading",style:{width:e!==void 0?typeof e=="number"?`${String(e)}px`:e:void 0,height:n!==void 0?typeof n=="number"?`${String(n)}px`:n:void 0,...d},className:l("overflow-hidden",V[r],_[o],t),...a})});i.displayName="Skeleton";var R=forwardRef(function({lines:t=3,variant:r="wave",shortLast:o=true,className:e,...n},d){return jsx("div",{ref:d,className:l("flex flex-col gap-2",e),role:"status","aria-busy":"true","aria-label":"Loading",...n,children:Array.from({length:t}).map((a,m)=>{let c=m===t-1;return jsx(i,{variant:r,height:14,className:l(c&&o?"w-3/5":"w-full")},m)})})});R.displayName="SkeletonText";var $=forwardRef(function({size:t=40,variant:r="wave",className:o,...e},n){return jsx(i,{ref:n,variant:r,shape:"circle",width:t,height:t,className:l("shrink-0",o),...e})});$.displayName="SkeletonAvatar";var j=forwardRef(function({showImage:t=true,imageHeight:r=160,lines:o=3,variant:e="wave",className:n,...d},a){return jsxs("div",{ref:a,className:l("rounded-lg border border-border bg-surface overflow-hidden flex flex-col",n),role:"status","aria-busy":"true","aria-label":"Loading",...d,children:[t&&jsx(i,{variant:e,shape:"rectangle",height:r,className:"w-full rounded-none"}),jsxs("div",{className:"flex flex-col gap-2 p-4",children:[jsx(i,{variant:e,height:20,className:"w-2/3"}),jsx(R,{lines:o,variant:e,className:"mt-1"}),jsxs("div",{className:"flex items-center gap-2 mt-2",children:[jsx(i,{variant:e,width:80,height:32,shape:"rounded"}),jsx(i,{variant:e,width:80,height:32,shape:"rounded"})]})]})]})});j.displayName="SkeletonCard";var z=forwardRef(function({rows:t=5,columns:r=4,variant:o="wave",showHeader:e=true,className:n,...d},a){return jsxs("div",{ref:a,className:l("w-full rounded-lg border border-border overflow-hidden bg-surface",n),role:"status","aria-busy":"true","aria-label":"Loading",...d,children:[e&&jsx("div",{className:"flex items-center gap-4 border-b border-border px-4 py-2 bg-surface-secondary",children:Array.from({length:r}).map((m,c)=>jsx(i,{variant:o,height:14,className:l(c===0?"w-1/4":c===r-1?"w-16":"flex-1")},c))}),Array.from({length:t}).map((m,c)=>jsx("div",{className:l("flex items-center gap-4 px-4 py-2",c<t-1&&"border-b border-border"),children:Array.from({length:r}).map((b,v)=>jsx(i,{variant:o,height:14,className:l(v===0?"w-1/4":v===r-1?"w-16":"flex-1")},v))},c))]})});z.displayName="SkeletonTable";var W=forwardRef(function({src:t,alt:r,fallback:o,loadingComponent:e,showSkeleton:n=true,aspectRatio:d,objectFit:a="cover",className:m,containerClassName:c,onLoad:b,onError:v,style:N,...y},L){let[w,S]=useState(true),[E,x]=useState(false),[T,P]=useState(t);t!==T&&(P(t),S(true),x(false));let C=u=>{S(false),b?.(u);},M=u=>{S(false),x(true),v?.(u);},A=()=>{let u=l("h-full w-full",a==="cover"&&"object-cover",a==="contain"&&"object-contain",a==="fill"&&"object-fill",a==="none"&&"object-none",a==="scale-down"&&"object-scale-down",m);return typeof o=="string"?jsx("img",{src:o,alt:r,className:u,...y}):jsx("div",{className:u,children:o??jsx("div",{className:"flex h-full w-full items-center justify-center bg-surface-secondary text-text-tertiary",children:jsx("svg",{className:"h-1/3 w-1/3 opacity-20",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"})})})})},H={aspectRatio:d,...N};return jsxs("div",{className:l("relative overflow-hidden",!d&&"h-full w-full",c),style:H,children:[w&&n&&jsx("div",{className:"absolute inset-0 z-10",children:e??jsx(i,{className:"h-full w-full",variant:"wave"})}),E?A():jsx("img",{ref:L,src:t,alt:r,onLoad:C,onError:M,className:l("transition-opacity duration-500 ease-in-out",w?"opacity-0":"opacity-100",a==="cover"&&"object-cover",a==="contain"&&"object-contain",a==="fill"&&"object-fill",a==="none"&&"object-none",a==="scale-down"&&"object-scale-down","h-full w-full",m),...y})]})});W.displayName="Image";export{W as Image};
+export { Image } from '../chunk-JV6AWBN5.mjs';
+import '../chunk-32SKYPQW.mjs';
+import '../chunk-OCPFOFJ4.mjs';