@alkimi.org/ui-kit 0.1.18 → 0.1.19

package/README.github.md

@@ -65,20 +65,17 @@ Create your `globals.css`:
 /* Optional: Override library CSS variables */
 :root {
   /* Example: Custom primary color */
-  --primary: 140 100% 97.1%;
-  --primary-foreground: 240 6% 10%;
+  --primary: oklch(0.992 0.019 155.826);
+  --primary-foreground: oklch(0.205 0 0);
 
   /* You can override any of these variables:
      --secondary, --secondary-foreground
      --background, --foreground
-     --muted, --muted-foreground, --bg-muted
+     --muted, --muted-foreground
      --accent, --accent-foreground
      --destructive, --destructive-foreground
      --border, --input, --ring
-     --primary-accent
      --radius (border radius)
-
-     Format: H S% L% (Hue Saturation% Lightness%)
   */
 }
 ```
@@ -146,28 +143,26 @@ Create your `globals.css`:
 @source "../node_modules/@alkimi.org/ui-kit/dist/**/*.{js,mjs}";
 
 /* REQUIRED: Define ALL CSS variables the library needs */
-/* Format: H S% L% (Hue Saturation% Lightness%) */
 :root {
-  --background: 240 10% 4%;
-  --foreground: 144 100% 97%;
-  --card: 0 0% 3.5%;
-  --card-foreground: 140 100% 97.1%;
-  --popover: 0 0% 3.5%;
-  --popover-foreground: 140 100% 97.1%;
-  --primary: 140 100% 97.1%;
-  --primary-foreground: 240 6% 10%;
-  --primary-accent: 140 100% 97.1%;
-  --secondary: 240 4.5% 15.88%;
-  --secondary-foreground: 140 100% 97.1%;
-  --muted: 240 10% 3.92%; /* #09090B */
-  --muted-foreground: 144 4.3% 54.9%;
-  --accent: 0 0% 15.3%;
-  --accent-foreground: 140 100% 97.1%;
-  --destructive: 0 62.8% 30.6%;
-  --destructive-foreground: 140 100% 97.1%;
-  --border: 240 3.7% 27.6%;
-  --input: 240 3.7% 27.6%;
-  --ring: 140 100% 97.1%;
+  --background: oklch(0.992 0.019 155.826);
+  --foreground: oklch(0.205 0 0);
+  --card: oklch(0.992 0.019 155.826);
+  --card-foreground: oklch(0.205 0 0);
+  --popover: oklch(0.992 0.019 155.826);
+  --popover-foreground: oklch(0.205 0 0);
+  --primary: oklch(0.992 0.019 155.826);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.992 0.019 155.826);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.608 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.992 0.019 155.826);
+  --destructive: oklch(0.576 0.214 25.467);
+  --destructive-foreground: oklch(0.992 0.019 155.826);
+  --border: #3f3f46;
+  --input: #3f3f46;
+  --ring: oklch(0.992 0.019 155.826);
   --radius: 0.625rem;
   --font-family: "Helvetica Now Display", "Helvetica", sans-serif;
 }

package/dist/chunk-FUYXCJOQ.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-FUYXCJOQ.js","../src/lib/utils.ts"],"names":["cn","inputs","twMerge","clsx"],"mappings":"AAAA,qFAAY;ACAZ,4BAAsC,+CACd,SAERA,CAAAA,CAAAA,GAAMC,CAAAA,CAAsB,CAC1C,OAAOC,oCAAAA,wBAAQC,CAAW,CAAC,CAC7B,CAAA,cAAA","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-FUYXCJOQ.js","sourcesContent":[null,"import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"]}
+{"version":3,"sources":["/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-FUYXCJOQ.js","../src/lib/utils.ts"],"names":["cn","inputs","twMerge","clsx"],"mappings":"AAAA,qFAAY;ACAZ,4BAAsC,+CACd,SAERA,CAAAA,CAAAA,GAAMC,CAAAA,CAAsB,CAC1C,OAAOC,oCAAAA,wBAAQC,CAAW,CAAC,CAC7B,CAAA,cAAA","file":"/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-FUYXCJOQ.js","sourcesContent":[null,"import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"]}

package/dist/chunk-JNEIOQGF.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-JNEIOQGF.js","../src/components/GlitchLink.tsx"],"names":["DEFAULT_SYMBOLS","GlitchLink","href","children","symbols","className","asChild","props","isHovering","setIsHovering","useState","getTextContent","node","isValidElement","text","getRandomGlitch","word","randomLetterIndex","commonProps","content","jsx","Slot","cloneElement","Link","GlitchLink_default"],"mappings":"AAAA,qLAAY;ACCZ,6EAAiB,8BAOV,iDACc,+CA4Df,IA1DOA,CAAAA,CAAkB,CAAC,GAAA,CAAK,GAAA,CAAK,GAAG,CAAA,CAUvCC,CAAAA,CAAa,CAAC,CAClB,IAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CAAUJ,CAAAA,CACV,SAAA,CAAAK,CAAAA,CACA,OAAA,CAAAC,CAAAA,CAAU,CAAA,CAAA,CACV,GAAGC,CACL,CAAA,CAAA,EAAuB,CACrB,GAAM,CAACC,CAAAA,CAAYC,CAAa,CAAA,CAAIC,6BAAAA,CAAS,CAAK,CAAA,CAG5CC,CAAAA,CAAkBC,CAAAA,EAClB,OAAOA,CAAAA,EAAS,QAAA,CAAiBA,CAAAA,CACjCC,mCAAAA,CAAmB,CAAA,EAAKD,CAAAA,CAAK,KAAA,CAAM,QAAA,CAC9BD,CAAAA,CAAeC,CAAAA,CAAK,KAAA,CAAM,QAAQ,CAAA,CAEpC,EAAA,CAGHE,CAAAA,CAAOH,CAAAA,CAAeR,CAAQ,CAAA,CAE9BY,CAAAA,CAAkB,CAAA,CAAA,EAClB,CAACP,CAAAA,EAAc,CAACM,CAAAA,CAAaA,CAAAA,CAC1BA,CAAAA,CACJ,KAAA,CAAM,GAAG,CAAA,CACT,GAAA,CAAKE,CAAAA,EAAiB,CAErB,IAAMC,CAAAA,CAAoB,IAAA,CAAK,KAAA,CAAM,IAAA,CAAK,MAAA,CAAO,CAAA,CAAID,CAAAA,CAAK,MAAM,CAAA,CAGhE,OAAOA,CAAAA,CAAK,OAAA,CACVA,CAAAA,CAAKC,CAAiB,CAAA,CACtBb,CAAAA,CAAQ,IAAA,CAAK,KAAA,CAAM,IAAA,CAAK,MAAA,CAAO,CAAA,CAAIA,CAAAA,CAAQ,MAAM,CAAC,CACpD,CACF,CAAC,CAAA,CACA,IAAA,CAAK,GAAG,CAAA,CAGPc,CAAAA,CAAc,CAClB,SAAA,CAAAb,CAAAA,CACA,YAAA,CAAc,CAAA,CAAA,EAAMI,CAAAA,CAAc,CAAA,CAAI,CAAA,CACtC,YAAA,CAAc,CAAA,CAAA,EAAMA,CAAAA,CAAc,CAAA,CAAK,CAAA,CACvC,GAAGF,CACL,CAAA,CAEA,EAAA,CAAID,CAAAA,EAAWO,mCAAAA,CAAuB,CAAA,CAAG,CACvC,IAAMM,CAAAA,CAAUL,CAAAA,CAAQN,CAAAA,CAAaO,CAAAA,CAAgB,CAAA,CAAID,CAAAA,CAAQX,CAAAA,CACjE,OACEiB,6BAAAA,eAACC,CAAA,CAAM,GAAGH,CAAAA,CACP,QAAA,CAAAI,iCAAAA,CAAanB,CAAgC,CAAC,CAAA,CAAGgB,CAAO,CAAA,CAC3D,CAEJ,CAEA,IAAMA,CAAAA,CAAUL,CAAAA,EAAQN,CAAAA,CAAaO,CAAAA,CAAgB,CAAA,CAAgBZ,CAAAA,CAErE,OACEiB,6BAAAA,cAACG,CAAA,CAAK,IAAA,CAAMrB,CAAAA,EAAQ,GAAA,CAAM,GAAGgB,CAAAA,CAC1B,QAAA,CAAAC,CAAAA,CACH,CAEJ,CAAA,CAEOK,CAAAA,aAAQvB,CAAAA,CAAAA,6BAAAA","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-JNEIOQGF.js","sourcesContent":[null,"\"use client\"\nimport Link from \"next/link\"\nimport {\n  RefAttributes,\n  useState,\n  ReactNode,\n  cloneElement,\n  isValidElement,\n} from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\n\nexport const DEFAULT_SYMBOLS = [\"/\", \"#\", \"*\"]\n\ntype GlitchLinkProps = RefAttributes<HTMLAnchorElement> & {\n  href?: string\n  children: ReactNode\n  symbols?: string[]\n  className?: string\n  asChild?: boolean\n}\n\nconst GlitchLink = ({\n  href,\n  children,\n  symbols = DEFAULT_SYMBOLS,\n  className,\n  asChild = false,\n  ...props\n}: GlitchLinkProps) => {\n  const [isHovering, setIsHovering] = useState(false)\n\n  // Extract text from children - either direct string or from child element\n  const getTextContent = (node: ReactNode): string => {\n    if (typeof node === \"string\") return node\n    if (isValidElement(node) && node.props.children) {\n      return getTextContent(node.props.children)\n    }\n    return \"\"\n  }\n\n  const text = getTextContent(children)\n\n  const getRandomGlitch = () => {\n    if (!isHovering || !text) return text\n    return text\n      .split(\" \")\n      .map((word: string) => {\n        // take one random letter from the word\n        const randomLetterIndex = Math.floor(Math.random() * word.length)\n\n        // replace the letter with a random symbol\n        return word.replace(\n          word[randomLetterIndex],\n          symbols[Math.floor(Math.random() * symbols.length)]\n        )\n      })\n      .join(\" \")\n  }\n\n  const commonProps = {\n    className,\n    onMouseEnter: () => setIsHovering(true),\n    onMouseLeave: () => setIsHovering(false),\n    ...props,\n  }\n\n  if (asChild && isValidElement(children)) {\n    const content = text ? (isHovering ? getRandomGlitch() : text) : children\n    return (\n      <Slot {...commonProps}>\n        {cloneElement(children as React.ReactElement, {}, content)}\n      </Slot>\n    )\n  }\n\n  const content = text ? (isHovering ? getRandomGlitch() : children) : children\n\n  return (\n    <Link href={href || \"#\"} {...commonProps}>\n      {content}\n    </Link>\n  )\n}\n\nexport default GlitchLink\n"]}
+{"version":3,"sources":["/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-JNEIOQGF.js","../src/components/GlitchLink.tsx"],"names":["DEFAULT_SYMBOLS","GlitchLink","href","children","symbols","className","asChild","props","isHovering","setIsHovering","useState","getTextContent","node","isValidElement","text","getRandomGlitch","word","randomLetterIndex","commonProps","content","jsx","Slot","cloneElement","Link","GlitchLink_default"],"mappings":"AAAA,qLAAY;ACCZ,6EAAiB,8BAOV,iDACc,+CA4Df,IA1DOA,CAAAA,CAAkB,CAAC,GAAA,CAAK,GAAA,CAAK,GAAG,CAAA,CAUvCC,CAAAA,CAAa,CAAC,CAClB,IAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CAAUJ,CAAAA,CACV,SAAA,CAAAK,CAAAA,CACA,OAAA,CAAAC,CAAAA,CAAU,CAAA,CAAA,CACV,GAAGC,CACL,CAAA,CAAA,EAAuB,CACrB,GAAM,CAACC,CAAAA,CAAYC,CAAa,CAAA,CAAIC,6BAAAA,CAAS,CAAK,CAAA,CAG5CC,CAAAA,CAAkBC,CAAAA,EAClB,OAAOA,CAAAA,EAAS,QAAA,CAAiBA,CAAAA,CACjCC,mCAAAA,CAAmB,CAAA,EAAKD,CAAAA,CAAK,KAAA,CAAM,QAAA,CAC9BD,CAAAA,CAAeC,CAAAA,CAAK,KAAA,CAAM,QAAQ,CAAA,CAEpC,EAAA,CAGHE,CAAAA,CAAOH,CAAAA,CAAeR,CAAQ,CAAA,CAE9BY,CAAAA,CAAkB,CAAA,CAAA,EAClB,CAACP,CAAAA,EAAc,CAACM,CAAAA,CAAaA,CAAAA,CAC1BA,CAAAA,CACJ,KAAA,CAAM,GAAG,CAAA,CACT,GAAA,CAAKE,CAAAA,EAAiB,CAErB,IAAMC,CAAAA,CAAoB,IAAA,CAAK,KAAA,CAAM,IAAA,CAAK,MAAA,CAAO,CAAA,CAAID,CAAAA,CAAK,MAAM,CAAA,CAGhE,OAAOA,CAAAA,CAAK,OAAA,CACVA,CAAAA,CAAKC,CAAiB,CAAA,CACtBb,CAAAA,CAAQ,IAAA,CAAK,KAAA,CAAM,IAAA,CAAK,MAAA,CAAO,CAAA,CAAIA,CAAAA,CAAQ,MAAM,CAAC,CACpD,CACF,CAAC,CAAA,CACA,IAAA,CAAK,GAAG,CAAA,CAGPc,CAAAA,CAAc,CAClB,SAAA,CAAAb,CAAAA,CACA,YAAA,CAAc,CAAA,CAAA,EAAMI,CAAAA,CAAc,CAAA,CAAI,CAAA,CACtC,YAAA,CAAc,CAAA,CAAA,EAAMA,CAAAA,CAAc,CAAA,CAAK,CAAA,CACvC,GAAGF,CACL,CAAA,CAEA,EAAA,CAAID,CAAAA,EAAWO,mCAAAA,CAAuB,CAAA,CAAG,CACvC,IAAMM,CAAAA,CAAUL,CAAAA,CAAQN,CAAAA,CAAaO,CAAAA,CAAgB,CAAA,CAAID,CAAAA,CAAQX,CAAAA,CACjE,OACEiB,6BAAAA,eAACC,CAAA,CAAM,GAAGH,CAAAA,CACP,QAAA,CAAAI,iCAAAA,CAAanB,CAAgC,CAAC,CAAA,CAAGgB,CAAO,CAAA,CAC3D,CAEJ,CAEA,IAAMA,CAAAA,CAAUL,CAAAA,EAAQN,CAAAA,CAAaO,CAAAA,CAAgB,CAAA,CAAgBZ,CAAAA,CAErE,OACEiB,6BAAAA,cAACG,CAAA,CAAK,IAAA,CAAMrB,CAAAA,EAAQ,GAAA,CAAM,GAAGgB,CAAAA,CAC1B,QAAA,CAAAC,CAAAA,CACH,CAEJ,CAAA,CAEOK,CAAAA,aAAQvB,CAAAA,CAAAA,6BAAAA","file":"/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-JNEIOQGF.js","sourcesContent":[null,"\"use client\"\nimport Link from \"next/link\"\nimport {\n  RefAttributes,\n  useState,\n  ReactNode,\n  cloneElement,\n  isValidElement,\n} from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\n\nexport const DEFAULT_SYMBOLS = [\"/\", \"#\", \"*\"]\n\ntype GlitchLinkProps = RefAttributes<HTMLAnchorElement> & {\n  href?: string\n  children: ReactNode\n  symbols?: string[]\n  className?: string\n  asChild?: boolean\n}\n\nconst GlitchLink = ({\n  href,\n  children,\n  symbols = DEFAULT_SYMBOLS,\n  className,\n  asChild = false,\n  ...props\n}: GlitchLinkProps) => {\n  const [isHovering, setIsHovering] = useState(false)\n\n  // Extract text from children - either direct string or from child element\n  const getTextContent = (node: ReactNode): string => {\n    if (typeof node === \"string\") return node\n    if (isValidElement(node) && node.props.children) {\n      return getTextContent(node.props.children)\n    }\n    return \"\"\n  }\n\n  const text = getTextContent(children)\n\n  const getRandomGlitch = () => {\n    if (!isHovering || !text) return text\n    return text\n      .split(\" \")\n      .map((word: string) => {\n        // take one random letter from the word\n        const randomLetterIndex = Math.floor(Math.random() * word.length)\n\n        // replace the letter with a random symbol\n        return word.replace(\n          word[randomLetterIndex],\n          symbols[Math.floor(Math.random() * symbols.length)]\n        )\n      })\n      .join(\" \")\n  }\n\n  const commonProps = {\n    className,\n    onMouseEnter: () => setIsHovering(true),\n    onMouseLeave: () => setIsHovering(false),\n    ...props,\n  }\n\n  if (asChild && isValidElement(children)) {\n    const content = text ? (isHovering ? getRandomGlitch() : text) : children\n    return (\n      <Slot {...commonProps}>\n        {cloneElement(children as React.ReactElement, {}, content)}\n      </Slot>\n    )\n  }\n\n  const content = text ? (isHovering ? getRandomGlitch() : children) : children\n\n  return (\n    <Link href={href || \"#\"} {...commonProps}>\n      {content}\n    </Link>\n  )\n}\n\nexport default GlitchLink\n"]}

package/dist/chunk-KJFYVVDG.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client";
+var _chunkFUYXCJOQjs = require('./chunk-FUYXCJOQ.js');var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _jsxruntime = require('react/jsx-runtime');var P=["\\","-","?","/","#","!","_","+","<",">"],J=4,_=50,V=(e,r=P)=>e?e.split(" ").map(t=>t?r[Math.floor(Math.random()*r.length)].repeat(t.length):"").join(" "):"",R=e=>{if(typeof e=="string"||typeof e=="number")return String(e);if(Array.isArray(e))return e.map(R).join("");if(_react2.default.isValidElement(e)){let r=e.props,t="";return typeof r.text=="string"&&(t+=r.text),typeof r.label=="string"&&(t+=r.label),typeof r.title=="string"&&(t+=r.title),r.children&&(t+=R(r.children)),t}return""},E=(e,r,t)=>{if(typeof e=="string"||typeof e=="number"){let l=String(e),o="";for(let n=0;n<l.length;n++)t.current<r.length?(o+=r[t.current],t.current++):o+=l[n];return o}if(Array.isArray(e))return e.map((l,o)=>{let n=E(l,r,t);if(_react2.default.isValidElement(n)){let s=_react2.default.isValidElement(l)?l.key:null;if(n.key==null&&s==null)return _react2.default.cloneElement(n,{key:`decoded-${o}`});if(n.key==null&&s!=null)return _react2.default.cloneElement(n,{key:s})}return n});if(_react2.default.isValidElement(e)){let l=e.props,o={...l};if(typeof l.text=="string"){let n=l.text,s="";for(let i=0;i<n.length;i++)t.current<r.length?(s+=r[t.current],t.current++):s+=n[i];o.text=s}if(typeof l.label=="string"){let n=l.label,s="";for(let i=0;i<n.length;i++)t.current<r.length?(s+=r[t.current],t.current++):s+=n[i];o.label=s}if(typeof l.title=="string"){let n=l.title,s="";for(let i=0;i<n.length;i++)t.current<r.length?(s+=r[t.current],t.current++):s+=n[i];o.title=s}return l.children&&(o.children=E(l.children,r,t)),_react2.default.cloneElement(e,o)}return e},j=({children:e,className:r,delay:t=0,speed:l=_,maxIterations:o=J,symbols:n=P})=>{let[s,i]=_react.useState.call(void 0, null),[y,k]=_react.useState.call(void 0, !1),[H,f]=_react.useState.call(void 0, !0),v=_react.useRef.call(void 0, null),c=_react.useMemo.call(void 0, ()=>R(e),[e]),w=_react.useMemo.call(void 0, ()=>V(c,n),[c,n]);_react.useEffect.call(void 0, ()=>{if(!c){i(null),f(!1),k(!1);return}k(!1);let d=E(e,w,{current:0});i(d),f(!0)},[c,e,w,n]),_react.useEffect.call(void 0, ()=>{if(!c){i(null),f(!1);return}if(y){f(!1);return}let b=v.current;if(!b)return;let d=0,a=null,p=null,D=()=>{p=setTimeout(()=>{f(!0),a=setInterval(()=>{if(d++,d>=o)k(!0),f(!1),a&&clearInterval(a);else{let g=V(c,n),C=E(e,g,{current:0});i(C)}},l)},t)},h=b.getBoundingClientRect();if(h.top<window.innerHeight&&h.bottom>0&&h.left<window.innerWidth&&h.right>0)D();else{let g=new IntersectionObserver(T=>{T[0].isIntersecting&&!y&&(D(),g.disconnect())},{threshold:.1});return g.observe(b),()=>{g.disconnect(),a&&clearInterval(a),p&&clearTimeout(p)}}return()=>{a&&clearInterval(a),p&&clearTimeout(p)}},[e,c,w,y,t,l,o,n]);let L=_react.useMemo.call(void 0, ()=>R(e),[e]);return _jsxruntime.jsxs.call(void 0, "span",{ref:v,"aria-label":L,className:_chunkFUYXCJOQjs.a.call(void 0, "relative block",r),children:[_jsxruntime.jsx.call(void 0, "span",{className:_chunkFUYXCJOQjs.a.call(void 0, y?"opacity-100":"opacity-0"),children:e}),H&&s&&_jsxruntime.jsx.call(void 0, "span",{className:"absolute inset-0 ",children:s})]})},I=e=>_jsxruntime.jsx.call(void 0, _react.Suspense,{fallback:_jsxruntime.jsx.call(void 0, "span",{className:_chunkFUYXCJOQjs.a.call(void 0, "opacity-0",e.className),children:e.children}),children:_jsxruntime.jsx.call(void 0, j,{...e})}),q= exports.a =I;exports.a = q;
+//# sourceMappingURL=chunk-KJFYVVDG.js.map

package/dist/chunk-KJFYVVDG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-KJFYVVDG.js","../src/components/TextDecoder.tsx"],"names":["SYMBOLS","MAX_ITERATIONS","SPEED","scrambleText","input","symbols","word","extractText","node","React","props","result","scrambleReactNode","scrambledText","textStartIndex","text","scrambled","i","child","index","scrambledChild","originalKey"],"mappings":"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","file":"/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-KJFYVVDG.js","sourcesContent":[null,"\"use client\"\nimport { cn } from \"@/lib/utils\"\nimport React, {\n  useState,\n  useEffect,\n  useMemo,\n  useRef,\n  Suspense,\n  ReactNode,\n} from \"react\"\n\n// The symbols to use for the scrambling effect (moved outside to avoid recreation)\nconst SYMBOLS = [\"\\\\\", \"-\", \"?\", \"/\", \"#\", \"!\", \"_\", \"+\", \"<\", \">\"]\nconst MAX_ITERATIONS = 4 // How many times to scramble\nconst SPEED = 50 // Speed in milliseconds between scrambles\n\n// Helper function moved outside component to avoid recreation\nconst scrambleText = (input: string, symbols: string[] = SYMBOLS): string => {\n  if (!input) return \"\"\n\n  return input\n    .split(\" \")\n    .map((word: string) => {\n      if (!word) return \"\"\n      const randomSymbol = symbols[Math.floor(Math.random() * symbols.length)]\n      return randomSymbol.repeat(word.length)\n    })\n    .join(\" \")\n}\n\n// Extract text content from React nodes recursively\n// Also checks common text props like 'text', 'label', 'title', etc.\nconst extractText = (node: ReactNode): string => {\n  if (typeof node === \"string\" || typeof node === \"number\") {\n    return String(node)\n  }\n\n  if (Array.isArray(node)) {\n    return node.map(extractText).join(\"\")\n  }\n\n  if (React.isValidElement(node)) {\n    const props = node.props as {\n      children?: ReactNode\n      text?: string\n      label?: string\n      title?: string\n      [key: string]: unknown\n    }\n\n    let result = \"\"\n\n    // Extract text from props first (in order: text, label, title)\n    if (typeof props.text === \"string\") {\n      result += props.text\n    }\n    if (typeof props.label === \"string\") {\n      result += props.label\n    }\n    if (typeof props.title === \"string\") {\n      result += props.title\n    }\n\n    // Then extract from children\n    if (props.children) {\n      result += extractText(props.children)\n    }\n\n    return result\n  }\n\n  return \"\"\n}\n\n// Clone React nodes and replace text content with scrambled text\n// This function maps scrambled text back to the original structure\nconst scrambleReactNode = (\n  node: ReactNode,\n  scrambledText: string,\n  textStartIndex: { current: number }\n): ReactNode => {\n  if (typeof node === \"string\" || typeof node === \"number\") {\n    const text = String(node)\n    // For each character in the original text, take the corresponding scrambled character\n    // This preserves the length and structure\n    let scrambled = \"\"\n    for (let i = 0; i < text.length; i++) {\n      if (textStartIndex.current < scrambledText.length) {\n        scrambled += scrambledText[textStartIndex.current]\n        textStartIndex.current++\n      } else {\n        // Fallback if scrambled text is shorter (shouldn't happen, but safety check)\n        scrambled += text[i]\n      }\n    }\n    return scrambled\n  }\n\n  if (Array.isArray(node)) {\n    return node.map((child, index) => {\n      const scrambledChild = scrambleReactNode(\n        child,\n        scrambledText,\n        textStartIndex\n      )\n      // Preserve original key if it exists, otherwise add one for React elements\n      if (React.isValidElement(scrambledChild)) {\n        const originalKey = React.isValidElement(child) ? child.key : null\n        if (scrambledChild.key == null && originalKey == null) {\n          return React.cloneElement(scrambledChild, { key: `decoded-${index}` })\n        }\n        // If original had a key but scrambled doesn't, preserve it\n        if (scrambledChild.key == null && originalKey != null) {\n          return React.cloneElement(scrambledChild, { key: originalKey })\n        }\n      }\n      return scrambledChild\n    })\n  }\n\n  if (React.isValidElement(node)) {\n    // Regular element handling - works for all components\n    const props = node.props as {\n      children?: ReactNode\n      text?: string\n      label?: string\n      title?: string\n      [key: string]: unknown\n    }\n    const newProps = { ...props }\n\n    // Handle text props in the same order as extraction (text, label, title)\n    if (typeof props.text === \"string\") {\n      const text = props.text\n      let scrambled = \"\"\n      for (let i = 0; i < text.length; i++) {\n        if (textStartIndex.current < scrambledText.length) {\n          scrambled += scrambledText[textStartIndex.current]\n          textStartIndex.current++\n        } else {\n          scrambled += text[i]\n        }\n      }\n      newProps.text = scrambled\n    }\n\n    if (typeof props.label === \"string\") {\n      const label = props.label\n      let scrambled = \"\"\n      for (let i = 0; i < label.length; i++) {\n        if (textStartIndex.current < scrambledText.length) {\n          scrambled += scrambledText[textStartIndex.current]\n          textStartIndex.current++\n        } else {\n          scrambled += label[i]\n        }\n      }\n      newProps.label = scrambled\n    }\n\n    if (typeof props.title === \"string\") {\n      const title = props.title\n      let scrambled = \"\"\n      for (let i = 0; i < title.length; i++) {\n        if (textStartIndex.current < scrambledText.length) {\n          scrambled += scrambledText[textStartIndex.current]\n          textStartIndex.current++\n        } else {\n          scrambled += title[i]\n        }\n      }\n      newProps.title = scrambled\n    }\n\n    // Handle children after props\n    if (props.children) {\n      newProps.children = scrambleReactNode(\n        props.children,\n        scrambledText,\n        textStartIndex\n      )\n    }\n    return React.cloneElement(node, newProps)\n  }\n\n  return node\n}\n\nexport interface TextDecoderProps {\n  children: ReactNode\n  className?: string\n  delay?: number // Delay in milliseconds before starting animation\n  speed?: number // Speed in milliseconds between scrambles\n  maxIterations?: number // How many times to scramble\n  symbols?: string[] // The symbols to use for the scrambling effect\n}\n\nconst TextDecoder = ({\n  children,\n  className,\n  delay = 0,\n  speed = SPEED,\n  maxIterations = MAX_ITERATIONS,\n  symbols = SYMBOLS,\n}: TextDecoderProps) => {\n  const [displayContent, setDisplayContent] = useState<ReactNode>(null)\n  const [hasAnimated, setHasAnimated] = useState(false)\n  const [showDecoded, setShowDecoded] = useState(true)\n  const elementRef = useRef<HTMLSpanElement>(null)\n\n  // Extract full text for scrambling\n  const fullText = useMemo(() => extractText(children), [children])\n\n  // Memoize initial scrambled text\n  const initialScrambled = useMemo(\n    () => scrambleText(fullText, symbols),\n    [fullText, symbols]\n  )\n\n  // Reset animation state and immediately set up new scrambled content when content changes\n  useEffect(() => {\n    if (!fullText) {\n      setDisplayContent(null)\n      setShowDecoded(false)\n      setHasAnimated(false)\n      return\n    }\n\n    // Reset animation state\n    setHasAnimated(false)\n\n    // Immediately set up new scrambled content to prevent flash of new content\n    const textStartIndex = { current: 0 }\n    const scrambledContent = scrambleReactNode(\n      children,\n      initialScrambled,\n      textStartIndex\n    )\n    setDisplayContent(scrambledContent)\n    setShowDecoded(true)\n  }, [fullText, children, initialScrambled, symbols])\n\n  useEffect(() => {\n    if (!fullText) {\n      setDisplayContent(null)\n      setShowDecoded(false)\n      return\n    }\n\n    // If already animated, hide decoded and show children\n    if (hasAnimated) {\n      setShowDecoded(false)\n      return\n    }\n\n    const element = elementRef.current\n    if (!element) return\n\n    let iteration = 0\n    let intervalId: NodeJS.Timeout | null = null\n    let delayTimeoutId: NodeJS.Timeout | null = null\n\n    // Function to start the animation\n    const startAnimation = () => {\n      // Start animation after delay\n      delayTimeoutId = setTimeout(() => {\n        // 1. Initial scramble (already set up, but ensure it's visible)\n        setShowDecoded(true)\n\n        // 2. Set up the interval\n        intervalId = setInterval(() => {\n          iteration++\n\n          if (iteration >= maxIterations) {\n            // Stop scrambling, fade out decoded and fade in children\n            setHasAnimated(true)\n            setShowDecoded(false)\n            if (intervalId) clearInterval(intervalId)\n          } else {\n            // Continue scrambling\n            const newScrambled = scrambleText(fullText, symbols)\n            const textStartIndex = { current: 0 }\n            const scrambledContent = scrambleReactNode(\n              children,\n              newScrambled,\n              textStartIndex\n            )\n            setDisplayContent(scrambledContent)\n          }\n        }, speed)\n      }, delay)\n    }\n\n    // Check if element is already visible\n    const rect = element.getBoundingClientRect()\n    const isVisible =\n      rect.top < window.innerHeight &&\n      rect.bottom > 0 &&\n      rect.left < window.innerWidth &&\n      rect.right > 0\n\n    if (isVisible) {\n      // Element is already visible, start animation immediately\n      startAnimation()\n    } else {\n      // Use Intersection Observer to detect when element becomes visible\n      const observer = new IntersectionObserver(\n        (entries) => {\n          const entry = entries[0]\n          if (entry.isIntersecting && !hasAnimated) {\n            startAnimation()\n            // Disconnect observer once animation starts\n            observer.disconnect()\n          }\n        },\n        {\n          threshold: 0.1, // Trigger when 10% of the element is visible\n        }\n      )\n\n      observer.observe(element)\n\n      // Cleanup function\n      return () => {\n        observer.disconnect()\n        if (intervalId) clearInterval(intervalId)\n        if (delayTimeoutId) clearTimeout(delayTimeoutId)\n      }\n    }\n\n    // Cleanup function for immediate start case\n    return () => {\n      if (intervalId) clearInterval(intervalId)\n      if (delayTimeoutId) clearTimeout(delayTimeoutId)\n    }\n  }, [\n    children,\n    fullText,\n    initialScrambled,\n    hasAnimated,\n    delay,\n    speed,\n    maxIterations,\n    symbols,\n  ])\n\n  const ariaLabel = useMemo(() => extractText(children), [children])\n\n  return (\n    <span\n      ref={elementRef}\n      aria-label={ariaLabel} // Accessibility: Screen readers read the real text\n      className={cn(\"relative block\", className)}\n    >\n      {/* Children always rendered but with opacity-0 initially */}\n      <span className={cn(hasAnimated ? \"opacity-100\" : \"opacity-0\")}>\n        {children}\n      </span>\n      {/* Decoded animation overlay */}\n      {showDecoded && displayContent && (\n        <span className=\"absolute inset-0 \">{displayContent}</span>\n      )}\n    </span>\n  )\n}\n\nconst SuspenseDecodedText = (props: TextDecoderProps) => {\n  return (\n    <Suspense\n      fallback={\n        <span className={cn(\"opacity-0\", props.className)}>\n          {props.children}\n        </span>\n      }\n    >\n      <TextDecoder {...props} />\n    </Suspense>\n  )\n}\n\nexport default SuspenseDecodedText\n"]}

package/dist/chunk-LX3KCZOW.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-LX3KCZOW.js","../src/components/button.tsx"],"names":["buttonVariants","cva","Button","className","variant","size","asChild","loading","icon","props","ref","jsxs","Slot","cn","jsx"],"mappings":"AAAA,uWAAY;AACZ,sDAAuC,uECDhB,iDACF,kEACkB,+CAuDjC,IAnDAA,CAAAA,CAAiBC,yCAAAA,gSACrB,CACA,CACE,QAAA,CAAU,CACR,OAAA,CAAS,CACP,OAAA,CAAS,wDAAA,CACT,WAAA,CACE,oEAAA,CACF,OAAA,CACE,gFAAA,CACF,SAAA,CAAW,iDAAA,CACX,KAAA,CAAO,8CAAA,CACP,IAAA,CAAM,iDACR,CAAA,CACA,IAAA,CAAM,CACJ,OAAA,CAAS,yBAAA,CACT,EAAA,CAAI,uBAAA,CACJ,EAAA,CAAI,0BAAA,CACJ,IAAA,CAAM,SACR,CACF,CAAA,CACA,eAAA,CAAiB,CACf,OAAA,CAAS,SAAA,CACT,IAAA,CAAM,SACR,CACF,CACF,CAAA,CAUMC,CAAAA,aAAe,CAAA,CAAA,UAAA,CACnB,CACE,CACE,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CAAU,CAAA,CAAA,CACV,OAAA,CAAAC,CAAAA,CAAU,CAAA,CAAA,CACV,IAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,CAAAA,EAIEC,8BAAAA,CAFWL,CAAUM,eAAAA,CAAO,QAAA,CAE3B,CACC,SAAA,CAAWC,gCAAAA,CAAGb,CAAe,CAAE,OAAA,CAAAI,CAAAA,CAAS,IAAA,CAAAC,CAAAA,CAAM,SAAA,CAAAF,CAAU,CAAC,CAAC,CAAA,CAC1D,GAAA,CAAKO,CAAAA,CACL,QAAA,CAAUH,CAAAA,EAAWE,CAAAA,CAAM,QAAA,CAC1B,GAAGA,CAAAA,CAEH,QAAA,CAAA,CAAAF,CAAAA,EACCO,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAU,8FAAA,CAA+F,CAAA,CAE/G,CAACP,CAAAA,EAAWC,CAAAA,EAAQM,6BAAAA,MAAC,CAAA,CAAK,SAAA,CAAU,MAAA,CAAQ,QAAA,CAAAN,CAAAA,CAAK,CAAA,CACjDC,CAAAA,CAAM,QAAA,CAAA,CACT,CAGN,CAAA,CACAP,CAAAA,CAAO,WAAA,CAAc,QAAA,CAAA,6BAAA","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-LX3KCZOW.js","sourcesContent":[null,"import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center cursor-pointer justify-center whitespace-nowrap rounded-3xl font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n        outline:\n          \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n        secondary: \"bg-secondary text-primary-accent hover:bg-muted\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 text-base\",\n        sm: \"h-8 text-sm px-3 py-2\",\n        lg: \"h-10 px-8 py-2 text-base\",\n        icon: \"h-9 w-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean\n  loading?: boolean\n  icon?: React.ReactNode\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      asChild = false,\n      loading = false,\n      icon,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : \"button\"\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        disabled={loading || props.disabled}\n        {...props}\n      >\n        {loading && (\n          <div className=\"mr-2 h-4 w-4 animate-spin rounded-full border border-primary-foreground border-t-transparent\" />\n        )}\n        {!loading && icon && <span className=\"mr-2\">{icon}</span>}\n        {props.children}\n      </Comp>\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n"]}
+{"version":3,"sources":["/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-LX3KCZOW.js","../src/components/button.tsx"],"names":["buttonVariants","cva","Button","className","variant","size","asChild","loading","icon","props","ref","jsxs","Slot","cn","jsx"],"mappings":"AAAA,uWAAY;AACZ,sDAAuC,uECDhB,iDACF,kEACkB,+CAuDjC,IAnDAA,CAAAA,CAAiBC,yCAAAA,gSACrB,CACA,CACE,QAAA,CAAU,CACR,OAAA,CAAS,CACP,OAAA,CAAS,wDAAA,CACT,WAAA,CACE,oEAAA,CACF,OAAA,CACE,gFAAA,CACF,SAAA,CAAW,iDAAA,CACX,KAAA,CAAO,8CAAA,CACP,IAAA,CAAM,iDACR,CAAA,CACA,IAAA,CAAM,CACJ,OAAA,CAAS,yBAAA,CACT,EAAA,CAAI,uBAAA,CACJ,EAAA,CAAI,0BAAA,CACJ,IAAA,CAAM,SACR,CACF,CAAA,CACA,eAAA,CAAiB,CACf,OAAA,CAAS,SAAA,CACT,IAAA,CAAM,SACR,CACF,CACF,CAAA,CAUMC,CAAAA,aAAe,CAAA,CAAA,UAAA,CACnB,CACE,CACE,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CAAU,CAAA,CAAA,CACV,OAAA,CAAAC,CAAAA,CAAU,CAAA,CAAA,CACV,IAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,CAAAA,EAIEC,8BAAAA,CAFWL,CAAUM,eAAAA,CAAO,QAAA,CAE3B,CACC,SAAA,CAAWC,gCAAAA,CAAGb,CAAe,CAAE,OAAA,CAAAI,CAAAA,CAAS,IAAA,CAAAC,CAAAA,CAAM,SAAA,CAAAF,CAAU,CAAC,CAAC,CAAA,CAC1D,GAAA,CAAKO,CAAAA,CACL,QAAA,CAAUH,CAAAA,EAAWE,CAAAA,CAAM,QAAA,CAC1B,GAAGA,CAAAA,CAEH,QAAA,CAAA,CAAAF,CAAAA,EACCO,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAU,8FAAA,CAA+F,CAAA,CAE/G,CAACP,CAAAA,EAAWC,CAAAA,EAAQM,6BAAAA,MAAC,CAAA,CAAK,SAAA,CAAU,MAAA,CAAQ,QAAA,CAAAN,CAAAA,CAAK,CAAA,CACjDC,CAAAA,CAAM,QAAA,CAAA,CACT,CAGN,CAAA,CACAP,CAAAA,CAAO,WAAA,CAAc,QAAA,CAAA,6BAAA","file":"/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-LX3KCZOW.js","sourcesContent":[null,"import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center cursor-pointer justify-center whitespace-nowrap rounded-3xl font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n        outline:\n          \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n        secondary: \"bg-secondary text-primary-accent hover:bg-muted\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 text-base\",\n        sm: \"h-8 text-sm px-3 py-2\",\n        lg: \"h-10 px-8 py-2 text-base\",\n        icon: \"h-9 w-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean\n  loading?: boolean\n  icon?: React.ReactNode\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      asChild = false,\n      loading = false,\n      icon,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : \"button\"\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        disabled={loading || props.disabled}\n        {...props}\n      >\n        {loading && (\n          <div className=\"mr-2 h-4 w-4 animate-spin rounded-full border border-primary-foreground border-t-transparent\" />\n        )}\n        {!loading && icon && <span className=\"mr-2\">{icon}</span>}\n        {props.children}\n      </Comp>\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n"]}

package/dist/chunk-PC2BSBO3.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{a as N}from"./chunk-S5TKCF6T.mjs";import u,{useState as A,useEffect as M,useMemo as S,useRef as O,Suspense as B}from"react";import{jsx as m,jsxs as K}from"react/jsx-runtime";var P=["\\","-","?","/","#","!","_","+","<",">"],J=4,_=50,V=(e,r=P)=>e?e.split(" ").map(t=>t?r[Math.floor(Math.random()*r.length)].repeat(t.length):"").join(" "):"",R=e=>{if(typeof e=="string"||typeof e=="number")return String(e);if(Array.isArray(e))return e.map(R).join("");if(u.isValidElement(e)){let r=e.props,t="";return typeof r.text=="string"&&(t+=r.text),typeof r.label=="string"&&(t+=r.label),typeof r.title=="string"&&(t+=r.title),r.children&&(t+=R(r.children)),t}return""},E=(e,r,t)=>{if(typeof e=="string"||typeof e=="number"){let l=String(e),o="";for(let n=0;n<l.length;n++)t.current<r.length?(o+=r[t.current],t.current++):o+=l[n];return o}if(Array.isArray(e))return e.map((l,o)=>{let n=E(l,r,t);if(u.isValidElement(n)){let s=u.isValidElement(l)?l.key:null;if(n.key==null&&s==null)return u.cloneElement(n,{key:`decoded-${o}`});if(n.key==null&&s!=null)return u.cloneElement(n,{key:s})}return n});if(u.isValidElement(e)){let l=e.props,o={...l};if(typeof l.text=="string"){let n=l.text,s="";for(let i=0;i<n.length;i++)t.current<r.length?(s+=r[t.current],t.current++):s+=n[i];o.text=s}if(typeof l.label=="string"){let n=l.label,s="";for(let i=0;i<n.length;i++)t.current<r.length?(s+=r[t.current],t.current++):s+=n[i];o.label=s}if(typeof l.title=="string"){let n=l.title,s="";for(let i=0;i<n.length;i++)t.current<r.length?(s+=r[t.current],t.current++):s+=n[i];o.title=s}return l.children&&(o.children=E(l.children,r,t)),u.cloneElement(e,o)}return e},j=({children:e,className:r,delay:t=0,speed:l=_,maxIterations:o=J,symbols:n=P})=>{let[s,i]=A(null),[y,k]=A(!1),[H,f]=A(!0),v=O(null),c=S(()=>R(e),[e]),w=S(()=>V(c,n),[c,n]);M(()=>{if(!c){i(null),f(!1),k(!1);return}k(!1);let d=E(e,w,{current:0});i(d),f(!0)},[c,e,w,n]),M(()=>{if(!c){i(null),f(!1);return}if(y){f(!1);return}let b=v.current;if(!b)return;let d=0,a=null,p=null,D=()=>{p=setTimeout(()=>{f(!0),a=setInterval(()=>{if(d++,d>=o)k(!0),f(!1),a&&clearInterval(a);else{let g=V(c,n),C=E(e,g,{current:0});i(C)}},l)},t)},h=b.getBoundingClientRect();if(h.top<window.innerHeight&&h.bottom>0&&h.left<window.innerWidth&&h.right>0)D();else{let g=new IntersectionObserver(T=>{T[0].isIntersecting&&!y&&(D(),g.disconnect())},{threshold:.1});return g.observe(b),()=>{g.disconnect(),a&&clearInterval(a),p&&clearTimeout(p)}}return()=>{a&&clearInterval(a),p&&clearTimeout(p)}},[e,c,w,y,t,l,o,n]);let L=S(()=>R(e),[e]);return K("span",{ref:v,"aria-label":L,className:N("relative block",r),children:[m("span",{className:N(y?"opacity-100":"opacity-0"),children:e}),H&&s&&m("span",{className:"absolute inset-0 ",children:s})]})},I=e=>m(B,{fallback:m("span",{className:N("opacity-0",e.className),children:e.children}),children:m(j,{...e})}),q=I;export{q as a};
+//# sourceMappingURL=chunk-PC2BSBO3.mjs.map

package/dist/chunk-PC2BSBO3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TextDecoder.tsx"],"sourcesContent":["\"use client\"\nimport { cn } from \"@/lib/utils\"\nimport React, {\n  useState,\n  useEffect,\n  useMemo,\n  useRef,\n  Suspense,\n  ReactNode,\n} from \"react\"\n\n// The symbols to use for the scrambling effect (moved outside to avoid recreation)\nconst SYMBOLS = [\"\\\\\", \"-\", \"?\", \"/\", \"#\", \"!\", \"_\", \"+\", \"<\", \">\"]\nconst MAX_ITERATIONS = 4 // How many times to scramble\nconst SPEED = 50 // Speed in milliseconds between scrambles\n\n// Helper function moved outside component to avoid recreation\nconst scrambleText = (input: string, symbols: string[] = SYMBOLS): string => {\n  if (!input) return \"\"\n\n  return input\n    .split(\" \")\n    .map((word: string) => {\n      if (!word) return \"\"\n      const randomSymbol = symbols[Math.floor(Math.random() * symbols.length)]\n      return randomSymbol.repeat(word.length)\n    })\n    .join(\" \")\n}\n\n// Extract text content from React nodes recursively\n// Also checks common text props like 'text', 'label', 'title', etc.\nconst extractText = (node: ReactNode): string => {\n  if (typeof node === \"string\" || typeof node === \"number\") {\n    return String(node)\n  }\n\n  if (Array.isArray(node)) {\n    return node.map(extractText).join(\"\")\n  }\n\n  if (React.isValidElement(node)) {\n    const props = node.props as {\n      children?: ReactNode\n      text?: string\n      label?: string\n      title?: string\n      [key: string]: unknown\n    }\n\n    let result = \"\"\n\n    // Extract text from props first (in order: text, label, title)\n    if (typeof props.text === \"string\") {\n      result += props.text\n    }\n    if (typeof props.label === \"string\") {\n      result += props.label\n    }\n    if (typeof props.title === \"string\") {\n      result += props.title\n    }\n\n    // Then extract from children\n    if (props.children) {\n      result += extractText(props.children)\n    }\n\n    return result\n  }\n\n  return \"\"\n}\n\n// Clone React nodes and replace text content with scrambled text\n// This function maps scrambled text back to the original structure\nconst scrambleReactNode = (\n  node: ReactNode,\n  scrambledText: string,\n  textStartIndex: { current: number }\n): ReactNode => {\n  if (typeof node === \"string\" || typeof node === \"number\") {\n    const text = String(node)\n    // For each character in the original text, take the corresponding scrambled character\n    // This preserves the length and structure\n    let scrambled = \"\"\n    for (let i = 0; i < text.length; i++) {\n      if (textStartIndex.current < scrambledText.length) {\n        scrambled += scrambledText[textStartIndex.current]\n        textStartIndex.current++\n      } else {\n        // Fallback if scrambled text is shorter (shouldn't happen, but safety check)\n        scrambled += text[i]\n      }\n    }\n    return scrambled\n  }\n\n  if (Array.isArray(node)) {\n    return node.map((child, index) => {\n      const scrambledChild = scrambleReactNode(\n        child,\n        scrambledText,\n        textStartIndex\n      )\n      // Preserve original key if it exists, otherwise add one for React elements\n      if (React.isValidElement(scrambledChild)) {\n        const originalKey = React.isValidElement(child) ? child.key : null\n        if (scrambledChild.key == null && originalKey == null) {\n          return React.cloneElement(scrambledChild, { key: `decoded-${index}` })\n        }\n        // If original had a key but scrambled doesn't, preserve it\n        if (scrambledChild.key == null && originalKey != null) {\n          return React.cloneElement(scrambledChild, { key: originalKey })\n        }\n      }\n      return scrambledChild\n    })\n  }\n\n  if (React.isValidElement(node)) {\n    // Regular element handling - works for all components\n    const props = node.props as {\n      children?: ReactNode\n      text?: string\n      label?: string\n      title?: string\n      [key: string]: unknown\n    }\n    const newProps = { ...props }\n\n    // Handle text props in the same order as extraction (text, label, title)\n    if (typeof props.text === \"string\") {\n      const text = props.text\n      let scrambled = \"\"\n      for (let i = 0; i < text.length; i++) {\n        if (textStartIndex.current < scrambledText.length) {\n          scrambled += scrambledText[textStartIndex.current]\n          textStartIndex.current++\n        } else {\n          scrambled += text[i]\n        }\n      }\n      newProps.text = scrambled\n    }\n\n    if (typeof props.label === \"string\") {\n      const label = props.label\n      let scrambled = \"\"\n      for (let i = 0; i < label.length; i++) {\n        if (textStartIndex.current < scrambledText.length) {\n          scrambled += scrambledText[textStartIndex.current]\n          textStartIndex.current++\n        } else {\n          scrambled += label[i]\n        }\n      }\n      newProps.label = scrambled\n    }\n\n    if (typeof props.title === \"string\") {\n      const title = props.title\n      let scrambled = \"\"\n      for (let i = 0; i < title.length; i++) {\n        if (textStartIndex.current < scrambledText.length) {\n          scrambled += scrambledText[textStartIndex.current]\n          textStartIndex.current++\n        } else {\n          scrambled += title[i]\n        }\n      }\n      newProps.title = scrambled\n    }\n\n    // Handle children after props\n    if (props.children) {\n      newProps.children = scrambleReactNode(\n        props.children,\n        scrambledText,\n        textStartIndex\n      )\n    }\n    return React.cloneElement(node, newProps)\n  }\n\n  return node\n}\n\nexport interface TextDecoderProps {\n  children: ReactNode\n  className?: string\n  delay?: number // Delay in milliseconds before starting animation\n  speed?: number // Speed in milliseconds between scrambles\n  maxIterations?: number // How many times to scramble\n  symbols?: string[] // The symbols to use for the scrambling effect\n}\n\nconst TextDecoder = ({\n  children,\n  className,\n  delay = 0,\n  speed = SPEED,\n  maxIterations = MAX_ITERATIONS,\n  symbols = SYMBOLS,\n}: TextDecoderProps) => {\n  const [displayContent, setDisplayContent] = useState<ReactNode>(null)\n  const [hasAnimated, setHasAnimated] = useState(false)\n  const [showDecoded, setShowDecoded] = useState(true)\n  const elementRef = useRef<HTMLSpanElement>(null)\n\n  // Extract full text for scrambling\n  const fullText = useMemo(() => extractText(children), [children])\n\n  // Memoize initial scrambled text\n  const initialScrambled = useMemo(\n    () => scrambleText(fullText, symbols),\n    [fullText, symbols]\n  )\n\n  // Reset animation state and immediately set up new scrambled content when content changes\n  useEffect(() => {\n    if (!fullText) {\n      setDisplayContent(null)\n      setShowDecoded(false)\n      setHasAnimated(false)\n      return\n    }\n\n    // Reset animation state\n    setHasAnimated(false)\n\n    // Immediately set up new scrambled content to prevent flash of new content\n    const textStartIndex = { current: 0 }\n    const scrambledContent = scrambleReactNode(\n      children,\n      initialScrambled,\n      textStartIndex\n    )\n    setDisplayContent(scrambledContent)\n    setShowDecoded(true)\n  }, [fullText, children, initialScrambled, symbols])\n\n  useEffect(() => {\n    if (!fullText) {\n      setDisplayContent(null)\n      setShowDecoded(false)\n      return\n    }\n\n    // If already animated, hide decoded and show children\n    if (hasAnimated) {\n      setShowDecoded(false)\n      return\n    }\n\n    const element = elementRef.current\n    if (!element) return\n\n    let iteration = 0\n    let intervalId: NodeJS.Timeout | null = null\n    let delayTimeoutId: NodeJS.Timeout | null = null\n\n    // Function to start the animation\n    const startAnimation = () => {\n      // Start animation after delay\n      delayTimeoutId = setTimeout(() => {\n        // 1. Initial scramble (already set up, but ensure it's visible)\n        setShowDecoded(true)\n\n        // 2. Set up the interval\n        intervalId = setInterval(() => {\n          iteration++\n\n          if (iteration >= maxIterations) {\n            // Stop scrambling, fade out decoded and fade in children\n            setHasAnimated(true)\n            setShowDecoded(false)\n            if (intervalId) clearInterval(intervalId)\n          } else {\n            // Continue scrambling\n            const newScrambled = scrambleText(fullText, symbols)\n            const textStartIndex = { current: 0 }\n            const scrambledContent = scrambleReactNode(\n              children,\n              newScrambled,\n              textStartIndex\n            )\n            setDisplayContent(scrambledContent)\n          }\n        }, speed)\n      }, delay)\n    }\n\n    // Check if element is already visible\n    const rect = element.getBoundingClientRect()\n    const isVisible =\n      rect.top < window.innerHeight &&\n      rect.bottom > 0 &&\n      rect.left < window.innerWidth &&\n      rect.right > 0\n\n    if (isVisible) {\n      // Element is already visible, start animation immediately\n      startAnimation()\n    } else {\n      // Use Intersection Observer to detect when element becomes visible\n      const observer = new IntersectionObserver(\n        (entries) => {\n          const entry = entries[0]\n          if (entry.isIntersecting && !hasAnimated) {\n            startAnimation()\n            // Disconnect observer once animation starts\n            observer.disconnect()\n          }\n        },\n        {\n          threshold: 0.1, // Trigger when 10% of the element is visible\n        }\n      )\n\n      observer.observe(element)\n\n      // Cleanup function\n      return () => {\n        observer.disconnect()\n        if (intervalId) clearInterval(intervalId)\n        if (delayTimeoutId) clearTimeout(delayTimeoutId)\n      }\n    }\n\n    // Cleanup function for immediate start case\n    return () => {\n      if (intervalId) clearInterval(intervalId)\n      if (delayTimeoutId) clearTimeout(delayTimeoutId)\n    }\n  }, [\n    children,\n    fullText,\n    initialScrambled,\n    hasAnimated,\n    delay,\n    speed,\n    maxIterations,\n    symbols,\n  ])\n\n  const ariaLabel = useMemo(() => extractText(children), [children])\n\n  return (\n    <span\n      ref={elementRef}\n      aria-label={ariaLabel} // Accessibility: Screen readers read the real text\n      className={cn(\"relative block\", className)}\n    >\n      {/* Children always rendered but with opacity-0 initially */}\n      <span className={cn(hasAnimated ? \"opacity-100\" : \"opacity-0\")}>\n        {children}\n      </span>\n      {/* Decoded animation overlay */}\n      {showDecoded && displayContent && (\n        <span className=\"absolute inset-0 \">{displayContent}</span>\n      )}\n    </span>\n  )\n}\n\nconst SuspenseDecodedText = (props: TextDecoderProps) => {\n  return (\n    <Suspense\n      fallback={\n        <span className={cn(\"opacity-0\", props.className)}>\n          {props.children}\n        </span>\n      }\n    >\n      <TextDecoder {...props} />\n    </Suspense>\n  )\n}\n\nexport default SuspenseDecodedText\n"],"mappings":"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","names":["React","useState","useEffect","useMemo","useRef","Suspense","jsx","jsxs","SYMBOLS","MAX_ITERATIONS","SPEED","scrambleText","input","symbols","word","extractText","node","props","result","scrambleReactNode","scrambledText","textStartIndex","text","scrambled","i","child","index","scrambledChild","originalKey","newProps","label","title","TextDecoder","children","className","delay","speed","maxIterations","displayContent","setDisplayContent","hasAnimated","setHasAnimated","showDecoded","setShowDecoded","elementRef","fullText","initialScrambled","scrambledContent","element","iteration","intervalId","delayTimeoutId","startAnimation","newScrambled","rect","observer","entries","ariaLabel","cn","SuspenseDecodedText","TextDecoder_default"]}

package/dist/chunk-R74QDO2Z.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-R74QDO2Z.js","../src/components/PixelLoad.tsx"],"names":["isStaticImageData","src","getImageSrc","PixelLoad","alt","duration","steps","className","onAnimationComplete","priority","quality","placeholder","blurDataURL","objectFit","containerRef","useRef","canvasRef","status","setStatus","useState","dimensions","setDimensions","imageSrc","drawPixelated","useCallback","ctx","img","pixelSize","w","h","sw","sh","runAnimation","minPixelSize","intervalMs","currentStep","animate","progress","useEffect","container","updateDimensions","width","height","resizeObserver","canvas","isComplete","isAnimating","jsxs"],"mappings":"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","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-R74QDO2Z.js","sourcesContent":[null,"\"use client\"\n\nimport Image, { type StaticImageData } from \"next/image\"\nimport { JSX, useCallback, useEffect, useRef, useState } from \"react\"\n\ntype PixelLoadStatus = \"loading\" | \"animating\" | \"complete\"\n\ntype ImageSrc = string | StaticImageData\n\nexport interface PixelLoadProps {\n  src: ImageSrc\n  alt: string\n  duration?: number\n  steps?: number\n  className?: string\n  onAnimationComplete?: () => void\n  priority?: boolean\n  quality?: number\n  placeholder?: \"blur\" | \"empty\"\n  blurDataURL?: string\n  objectFit?: \"contain\" | \"cover\" | \"fill\" | \"none\" | \"scale-down\"\n}\n\nfunction isStaticImageData(src: ImageSrc): src is StaticImageData {\n  return typeof src === \"object\" && \"src\" in src\n}\n\nfunction getImageSrc(src: ImageSrc): string {\n  return isStaticImageData(src) ? src.src : src\n}\n\nexport function PixelLoad({\n  src,\n  alt,\n  duration = 600,\n  steps = 15,\n  className,\n  onAnimationComplete,\n  priority,\n  quality,\n  placeholder = \"empty\",\n  blurDataURL,\n  objectFit = \"cover\",\n}: PixelLoadProps): JSX.Element {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const canvasRef = useRef<HTMLCanvasElement>(null)\n  const [status, setStatus] = useState<PixelLoadStatus>(\"loading\")\n  const [dimensions, setDimensions] = useState<{\n    width: number\n    height: number\n  } | null>(null)\n\n  const imageSrc = getImageSrc(src)\n\n  const drawPixelated = useCallback(\n    (\n      ctx: CanvasRenderingContext2D,\n      img: HTMLImageElement,\n      pixelSize: number,\n      w: number,\n      h: number\n    ): void => {\n      ctx.imageSmoothingEnabled = false\n\n      const sw = Math.max(1, Math.floor(w / pixelSize))\n      const sh = Math.max(1, Math.floor(h / pixelSize))\n\n      ctx.clearRect(0, 0, w, h)\n      ctx.drawImage(img, 0, 0, sw, sh)\n      ctx.drawImage(canvasRef.current!, 0, 0, sw, sh, 0, 0, w, h)\n    },\n    []\n  )\n\n  const runAnimation = useCallback(\n    (\n      ctx: CanvasRenderingContext2D,\n      img: HTMLImageElement,\n      w: number,\n      h: number\n    ): void => {\n      const minPixelSize = Math.max(w, h) / 4\n      const intervalMs = duration / steps\n      let currentStep = 0\n\n      setStatus(\"animating\")\n\n      const animate = (): void => {\n        const progress = currentStep / steps\n        const pixelSize = Math.max(1, Math.floor(minPixelSize * (1 - progress)))\n\n        drawPixelated(ctx, img, pixelSize, w, h)\n\n        currentStep++\n\n        if (currentStep <= steps) {\n          window.setTimeout(animate, intervalMs)\n        } else {\n          setStatus(\"complete\")\n          onAnimationComplete?.()\n        }\n      }\n\n      animate()\n    },\n    [duration, steps, drawPixelated, onAnimationComplete]\n  )\n\n  useEffect(() => {\n    const container = containerRef.current\n    if (!container) return\n\n    const updateDimensions = (): void => {\n      const { width, height } = container.getBoundingClientRect()\n      setDimensions({ width: Math.floor(width), height: Math.floor(height) })\n    }\n\n    const resizeObserver = new ResizeObserver(updateDimensions)\n    resizeObserver.observe(container)\n    updateDimensions()\n\n    return (): void => {\n      resizeObserver.disconnect()\n    }\n  }, [])\n\n  useEffect(() => {\n    if (!dimensions) return\n\n    // Guard against invalid dimensions\n    if (dimensions.width <= 0 || dimensions.height <= 0) return\n\n    const canvas = canvasRef.current\n    if (!canvas) return\n\n    const ctx = canvas.getContext(\"2d\")\n    if (!ctx) return\n\n    // Set canvas dimensions immediately to ensure it covers the area\n    canvas.width = dimensions.width\n    canvas.height = dimensions.height\n\n    const img = new window.Image()\n    img.crossOrigin = \"anonymous\"\n\n    img.onload = (): void => {\n      // Draw first frame immediately to prevent original image from showing\n      const minPixelSize = Math.max(dimensions.width, dimensions.height) / 4\n      drawPixelated(ctx, img, minPixelSize, dimensions.width, dimensions.height)\n      // Then start animation\n      runAnimation(ctx, img, dimensions.width, dimensions.height)\n    }\n\n    img.onerror = (): void => {\n      console.error(\"PixelLoad: Failed to load image\")\n    }\n\n    img.src = imageSrc\n\n    return (): void => {\n      img.onload = null\n      img.onerror = null\n    }\n  }, [imageSrc, dimensions, runAnimation, drawPixelated])\n\n  const isComplete = status === \"complete\"\n  const isAnimating = status === \"animating\" || status === \"loading\"\n\n  return (\n    <div\n      ref={containerRef}\n      className={`relative w-full h-full ${className || \"\"}`}\n    >\n      <canvas\n        ref={canvasRef}\n        className=\"absolute top-0 left-0 w-full h-full\"\n        style={{\n          objectFit,\n          opacity: isComplete ? 0 : 1,\n          zIndex: isAnimating ? 2 : 1,\n        }}\n        aria-hidden={isComplete}\n      />\n      {isComplete && (\n        <Image\n          src={src}\n          alt={alt}\n          fill\n          priority={priority}\n          quality={quality}\n          placeholder={placeholder}\n          blurDataURL={blurDataURL}\n          className=\"opacity-100 transition-opacity duration-150 ease-out z-[1]\"\n          style={{\n            objectFit,\n          }}\n        />\n      )}\n    </div>\n  )\n}\n"]}
+{"version":3,"sources":["/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-R74QDO2Z.js","../src/components/PixelLoad.tsx"],"names":["isStaticImageData","src","getImageSrc","PixelLoad","alt","duration","steps","className","onAnimationComplete","priority","quality","placeholder","blurDataURL","objectFit","containerRef","useRef","canvasRef","status","setStatus","useState","dimensions","setDimensions","imageSrc","drawPixelated","useCallback","ctx","img","pixelSize","w","h","sw","sh","runAnimation","minPixelSize","intervalMs","currentStep","animate","progress","useEffect","container","updateDimensions","width","height","resizeObserver","canvas","isComplete","isAnimating","jsxs"],"mappings":"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","file":"/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-R74QDO2Z.js","sourcesContent":[null,"\"use client\"\n\nimport Image, { type StaticImageData } from \"next/image\"\nimport { JSX, useCallback, useEffect, useRef, useState } from \"react\"\n\ntype PixelLoadStatus = \"loading\" | \"animating\" | \"complete\"\n\ntype ImageSrc = string | StaticImageData\n\nexport interface PixelLoadProps {\n  src: ImageSrc\n  alt: string\n  duration?: number\n  steps?: number\n  className?: string\n  onAnimationComplete?: () => void\n  priority?: boolean\n  quality?: number\n  placeholder?: \"blur\" | \"empty\"\n  blurDataURL?: string\n  objectFit?: \"contain\" | \"cover\" | \"fill\" | \"none\" | \"scale-down\"\n}\n\nfunction isStaticImageData(src: ImageSrc): src is StaticImageData {\n  return typeof src === \"object\" && \"src\" in src\n}\n\nfunction getImageSrc(src: ImageSrc): string {\n  return isStaticImageData(src) ? src.src : src\n}\n\nexport function PixelLoad({\n  src,\n  alt,\n  duration = 600,\n  steps = 15,\n  className,\n  onAnimationComplete,\n  priority,\n  quality,\n  placeholder = \"empty\",\n  blurDataURL,\n  objectFit = \"cover\",\n}: PixelLoadProps): JSX.Element {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const canvasRef = useRef<HTMLCanvasElement>(null)\n  const [status, setStatus] = useState<PixelLoadStatus>(\"loading\")\n  const [dimensions, setDimensions] = useState<{\n    width: number\n    height: number\n  } | null>(null)\n\n  const imageSrc = getImageSrc(src)\n\n  const drawPixelated = useCallback(\n    (\n      ctx: CanvasRenderingContext2D,\n      img: HTMLImageElement,\n      pixelSize: number,\n      w: number,\n      h: number\n    ): void => {\n      ctx.imageSmoothingEnabled = false\n\n      const sw = Math.max(1, Math.floor(w / pixelSize))\n      const sh = Math.max(1, Math.floor(h / pixelSize))\n\n      ctx.clearRect(0, 0, w, h)\n      ctx.drawImage(img, 0, 0, sw, sh)\n      ctx.drawImage(canvasRef.current!, 0, 0, sw, sh, 0, 0, w, h)\n    },\n    []\n  )\n\n  const runAnimation = useCallback(\n    (\n      ctx: CanvasRenderingContext2D,\n      img: HTMLImageElement,\n      w: number,\n      h: number\n    ): void => {\n      const minPixelSize = Math.max(w, h) / 4\n      const intervalMs = duration / steps\n      let currentStep = 0\n\n      setStatus(\"animating\")\n\n      const animate = (): void => {\n        const progress = currentStep / steps\n        const pixelSize = Math.max(1, Math.floor(minPixelSize * (1 - progress)))\n\n        drawPixelated(ctx, img, pixelSize, w, h)\n\n        currentStep++\n\n        if (currentStep <= steps) {\n          window.setTimeout(animate, intervalMs)\n        } else {\n          setStatus(\"complete\")\n          onAnimationComplete?.()\n        }\n      }\n\n      animate()\n    },\n    [duration, steps, drawPixelated, onAnimationComplete]\n  )\n\n  useEffect(() => {\n    const container = containerRef.current\n    if (!container) return\n\n    const updateDimensions = (): void => {\n      const { width, height } = container.getBoundingClientRect()\n      setDimensions({ width: Math.floor(width), height: Math.floor(height) })\n    }\n\n    const resizeObserver = new ResizeObserver(updateDimensions)\n    resizeObserver.observe(container)\n    updateDimensions()\n\n    return (): void => {\n      resizeObserver.disconnect()\n    }\n  }, [])\n\n  useEffect(() => {\n    if (!dimensions) return\n\n    // Guard against invalid dimensions\n    if (dimensions.width <= 0 || dimensions.height <= 0) return\n\n    const canvas = canvasRef.current\n    if (!canvas) return\n\n    const ctx = canvas.getContext(\"2d\")\n    if (!ctx) return\n\n    // Set canvas dimensions immediately to ensure it covers the area\n    canvas.width = dimensions.width\n    canvas.height = dimensions.height\n\n    const img = new window.Image()\n    img.crossOrigin = \"anonymous\"\n\n    img.onload = (): void => {\n      // Draw first frame immediately to prevent original image from showing\n      const minPixelSize = Math.max(dimensions.width, dimensions.height) / 4\n      drawPixelated(ctx, img, minPixelSize, dimensions.width, dimensions.height)\n      // Then start animation\n      runAnimation(ctx, img, dimensions.width, dimensions.height)\n    }\n\n    img.onerror = (): void => {\n      console.error(\"PixelLoad: Failed to load image\")\n    }\n\n    img.src = imageSrc\n\n    return (): void => {\n      img.onload = null\n      img.onerror = null\n    }\n  }, [imageSrc, dimensions, runAnimation, drawPixelated])\n\n  const isComplete = status === \"complete\"\n  const isAnimating = status === \"animating\" || status === \"loading\"\n\n  return (\n    <div\n      ref={containerRef}\n      className={`relative w-full h-full ${className || \"\"}`}\n    >\n      <canvas\n        ref={canvasRef}\n        className=\"absolute top-0 left-0 w-full h-full\"\n        style={{\n          objectFit,\n          opacity: isComplete ? 0 : 1,\n          zIndex: isAnimating ? 2 : 1,\n        }}\n        aria-hidden={isComplete}\n      />\n      {isComplete && (\n        <Image\n          src={src}\n          alt={alt}\n          fill\n          priority={priority}\n          quality={quality}\n          placeholder={placeholder}\n          blurDataURL={blurDataURL}\n          className=\"opacity-100 transition-opacity duration-150 ease-out z-[1]\"\n          style={{\n            objectFit,\n          }}\n        />\n      )}\n    </div>\n  )\n}\n"]}

package/dist/chunk-SIGGW2CQ.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-SIGGW2CQ.js","../src/components/tabs.tsx"],"names":["Tabs","TabsList","forwardRef","className","props","ref","indicatorStyle","setIndicatorStyle","useState","listRef","useRef","useEffect","updateIndicator","activeTab","listRect","tabRect","observer","combinedRef","useCallback","node","jsxs","cn","jsx"],"mappings":"AAAA,uWAAY;AACZ,sDAAuC,8FCDR,8BAGsC,+CAsEjE,IApEEA,CAAAA,CAAqB,CAAA,CAAA,IAAA,CAErBC,CAAAA,aAAWC,+BAAAA,CAGd,CAAE,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAAQ,CAClC,GAAM,CAACC,CAAAA,CAAgBC,CAAiB,CAAA,CAAIC,6BAAAA,CAC1C,IAAA,CAAM,CAAA,CACN,KAAA,CAAO,CACT,CAAC,CAAA,CACKC,CAAAA,CAAUC,2BAAAA,IAA2B,CAAA,CAE3CC,8BAAAA,CAAU,CAAA,EAAM,CACd,IAAMC,CAAAA,CAAkB,CAAA,CAAA,EAAM,CAC5B,EAAA,CAAI,CAACH,CAAAA,CAAQ,OAAA,CAAS,MAAA,CAEtB,IAAMI,CAAAA,CAAYJ,CAAAA,CAAQ,OAAA,CAAQ,aAAA,CAChC,uBACF,CAAA,CAEA,EAAA,CAAII,CAAAA,CAAW,CACb,IAAMC,CAAAA,CAAWL,CAAAA,CAAQ,OAAA,CAAQ,qBAAA,CAAsB,CAAA,CACjDM,CAAAA,CAAUF,CAAAA,CAAU,qBAAA,CAAsB,CAAA,CAEhDN,CAAAA,CAAkB,CAChB,IAAA,CAAMQ,CAAAA,CAAQ,IAAA,CAAOD,CAAAA,CAAS,IAAA,CAC9B,KAAA,CAAOC,CAAAA,CAAQ,KACjB,CAAC,CACH,CACF,CAAA,CAEAH,CAAAA,CAAgB,CAAA,CAGhB,IAAMI,CAAAA,CAAW,IAAI,gBAAA,CAAiBJ,CAAe,CAAA,CAErD,OAAIH,CAAAA,CAAQ,OAAA,EACVO,CAAAA,CAAS,OAAA,CAAQP,CAAAA,CAAQ,OAAA,CAAS,CAChC,UAAA,CAAY,CAAA,CAAA,CACZ,eAAA,CAAiB,CAAC,YAAY,CAAA,CAC9B,OAAA,CAAS,CAAA,CACX,CAAC,CAAA,CAIH,MAAA,CAAO,gBAAA,CAAiB,QAAA,CAAUG,CAAe,CAAA,CAE1C,CAAA,CAAA,EAAM,CACXI,CAAAA,CAAS,UAAA,CAAW,CAAA,CACpB,MAAA,CAAO,mBAAA,CAAoB,QAAA,CAAUJ,CAAe,CACtD,CACF,CAAA,CAAG,CAAC,CAAC,CAAA,CAGL,IAAMK,CAAAA,CAAcC,gCAAAA,CACjBC,EAAgC,CAC7BV,CAAAA,CAA0D,OAAA,CAAUU,CAAAA,CAElE,OAAOd,CAAAA,EAAQ,UAAA,CACjBA,CAAAA,CAAIc,CAAI,CAAA,CACCd,CAAAA,EAAAA,CACPA,CAAAA,CAAsD,OAAA,CAAUc,CAAAA,CAEtE,CAAA,CACA,CAACd,CAAG,CACN,CAAA,CAEA,OACEe,8BAAAA,CAAe,CAAA,IAAA,CAAd,CACC,GAAA,CAAKH,CAAAA,CACL,SAAA,CAAWI,gCAAAA,qGACT,CACAlB,CACF,CAAA,CACC,GAAGC,CAAAA,CAGJ,QAAA,CAAA,CAAAkB,6BAAAA,MAAC,CAAA,CACC,SAAA,CAAU,yGAAA,CACV,KAAA,CAAO,CACL,IAAA,CAAM,CAAA,EAAA","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-SIGGW2CQ.js","sourcesContent":[null,"import * as TabsPrimitive from \"@radix-ui/react-tabs\"\n\nimport { cn } from \"@/lib/utils\"\nimport { forwardRef, useCallback, useEffect, useRef, useState } from \"react\"\n\nconst Tabs = TabsPrimitive.Root\n\nconst TabsList = forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => {\n  const [indicatorStyle, setIndicatorStyle] = useState({\n    left: 0,\n    width: 0,\n  })\n  const listRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    const updateIndicator = () => {\n      if (!listRef.current) return\n\n      const activeTab = listRef.current.querySelector(\n        '[data-state=\"active\"]'\n      ) as HTMLElement\n\n      if (activeTab) {\n        const listRect = listRef.current.getBoundingClientRect()\n        const tabRect = activeTab.getBoundingClientRect()\n\n        setIndicatorStyle({\n          left: tabRect.left - listRect.left,\n          width: tabRect.width,\n        })\n      }\n    }\n\n    updateIndicator()\n\n    // Use MutationObserver to detect when data-state changes\n    const observer = new MutationObserver(updateIndicator)\n\n    if (listRef.current) {\n      observer.observe(listRef.current, {\n        attributes: true,\n        attributeFilter: [\"data-state\"],\n        subtree: true,\n      })\n    }\n\n    // Also update on window resize\n    window.addEventListener(\"resize\", updateIndicator)\n\n    return () => {\n      observer.disconnect()\n      window.removeEventListener(\"resize\", updateIndicator)\n    }\n  }, [])\n\n  // Combine refs\n  const combinedRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      ;(listRef as React.MutableRefObject<HTMLDivElement | null>).current = node\n\n      if (typeof ref === \"function\") {\n        ref(node)\n      } else if (ref) {\n        ;(ref as React.MutableRefObject<HTMLDivElement | null>).current = node\n      }\n    },\n    [ref]\n  )\n\n  return (\n    <TabsPrimitive.List\n      ref={combinedRef}\n      className={cn(\n        \"relative inline-flex items-center justify-center rounded-3xl bg-secondary p-1 text-muted-foreground\",\n        className\n      )}\n      {...props}\n    >\n      {/* Animated indicator */}\n      <span\n        className=\"absolute h-[calc(100%-0.5rem)] rounded-3xl bg-background shadow-sm transition-all duration-200 ease-out\"\n        style={{\n          left: `${indicatorStyle.left}px`,\n          width: `${indicatorStyle.width}px`,\n        }}\n      />\n      {props.children}\n    </TabsPrimitive.List>\n  )\n})\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      \"cursor-pointer relative inline-flex items-center justify-center whitespace-nowrap rounded-3xl px-3 py-1 text-sm font-medium ring-offset-background transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:text-foreground z-10\",\n      className\n    )}\n    {...props}\n  />\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content\n    ref={ref}\n    className={cn(\n      \"mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n      className\n    )}\n    {...props}\n  />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"]}
+{"version":3,"sources":["/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-SIGGW2CQ.js","../src/components/tabs.tsx"],"names":["Tabs","TabsList","forwardRef","className","props","ref","indicatorStyle","setIndicatorStyle","useState","listRef","useRef","useEffect","updateIndicator","activeTab","listRect","tabRect","observer","combinedRef","useCallback","node","jsxs","cn","jsx"],"mappings":"AAAA,uWAAY;AACZ,sDAAuC,8FCDR,8BAGsC,+CAsEjE,IApEEA,CAAAA,CAAqB,CAAA,CAAA,IAAA,CAErBC,CAAAA,aAAWC,+BAAAA,CAGd,CAAE,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAAQ,CAClC,GAAM,CAACC,CAAAA,CAAgBC,CAAiB,CAAA,CAAIC,6BAAAA,CAC1C,IAAA,CAAM,CAAA,CACN,KAAA,CAAO,CACT,CAAC,CAAA,CACKC,CAAAA,CAAUC,2BAAAA,IAA2B,CAAA,CAE3CC,8BAAAA,CAAU,CAAA,EAAM,CACd,IAAMC,CAAAA,CAAkB,CAAA,CAAA,EAAM,CAC5B,EAAA,CAAI,CAACH,CAAAA,CAAQ,OAAA,CAAS,MAAA,CAEtB,IAAMI,CAAAA,CAAYJ,CAAAA,CAAQ,OAAA,CAAQ,aAAA,CAChC,uBACF,CAAA,CAEA,EAAA,CAAII,CAAAA,CAAW,CACb,IAAMC,CAAAA,CAAWL,CAAAA,CAAQ,OAAA,CAAQ,qBAAA,CAAsB,CAAA,CACjDM,CAAAA,CAAUF,CAAAA,CAAU,qBAAA,CAAsB,CAAA,CAEhDN,CAAAA,CAAkB,CAChB,IAAA,CAAMQ,CAAAA,CAAQ,IAAA,CAAOD,CAAAA,CAAS,IAAA,CAC9B,KAAA,CAAOC,CAAAA,CAAQ,KACjB,CAAC,CACH,CACF,CAAA,CAEAH,CAAAA,CAAgB,CAAA,CAGhB,IAAMI,CAAAA,CAAW,IAAI,gBAAA,CAAiBJ,CAAe,CAAA,CAErD,OAAIH,CAAAA,CAAQ,OAAA,EACVO,CAAAA,CAAS,OAAA,CAAQP,CAAAA,CAAQ,OAAA,CAAS,CAChC,UAAA,CAAY,CAAA,CAAA,CACZ,eAAA,CAAiB,CAAC,YAAY,CAAA,CAC9B,OAAA,CAAS,CAAA,CACX,CAAC,CAAA,CAIH,MAAA,CAAO,gBAAA,CAAiB,QAAA,CAAUG,CAAe,CAAA,CAE1C,CAAA,CAAA,EAAM,CACXI,CAAAA,CAAS,UAAA,CAAW,CAAA,CACpB,MAAA,CAAO,mBAAA,CAAoB,QAAA,CAAUJ,CAAe,CACtD,CACF,CAAA,CAAG,CAAC,CAAC,CAAA,CAGL,IAAMK,CAAAA,CAAcC,gCAAAA,CACjBC,EAAgC,CAC7BV,CAAAA,CAA0D,OAAA,CAAUU,CAAAA,CAElE,OAAOd,CAAAA,EAAQ,UAAA,CACjBA,CAAAA,CAAIc,CAAI,CAAA,CACCd,CAAAA,EAAAA,CACPA,CAAAA,CAAsD,OAAA,CAAUc,CAAAA,CAEtE,CAAA,CACA,CAACd,CAAG,CACN,CAAA,CAEA,OACEe,8BAAAA,CAAe,CAAA,IAAA,CAAd,CACC,GAAA,CAAKH,CAAAA,CACL,SAAA,CAAWI,gCAAAA,qGACT,CACAlB,CACF,CAAA,CACC,GAAGC,CAAAA,CAGJ,QAAA,CAAA,CAAAkB,6BAAAA,MAAC,CAAA,CACC,SAAA,CAAU,yGAAA,CACV,KAAA,CAAO,CACL,IAAA,CAAM,CAAA,EAAA","file":"/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-SIGGW2CQ.js","sourcesContent":[null,"import * as TabsPrimitive from \"@radix-ui/react-tabs\"\n\nimport { cn } from \"@/lib/utils\"\nimport { forwardRef, useCallback, useEffect, useRef, useState } from \"react\"\n\nconst Tabs = TabsPrimitive.Root\n\nconst TabsList = forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => {\n  const [indicatorStyle, setIndicatorStyle] = useState({\n    left: 0,\n    width: 0,\n  })\n  const listRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    const updateIndicator = () => {\n      if (!listRef.current) return\n\n      const activeTab = listRef.current.querySelector(\n        '[data-state=\"active\"]'\n      ) as HTMLElement\n\n      if (activeTab) {\n        const listRect = listRef.current.getBoundingClientRect()\n        const tabRect = activeTab.getBoundingClientRect()\n\n        setIndicatorStyle({\n          left: tabRect.left - listRect.left,\n          width: tabRect.width,\n        })\n      }\n    }\n\n    updateIndicator()\n\n    // Use MutationObserver to detect when data-state changes\n    const observer = new MutationObserver(updateIndicator)\n\n    if (listRef.current) {\n      observer.observe(listRef.current, {\n        attributes: true,\n        attributeFilter: [\"data-state\"],\n        subtree: true,\n      })\n    }\n\n    // Also update on window resize\n    window.addEventListener(\"resize\", updateIndicator)\n\n    return () => {\n      observer.disconnect()\n      window.removeEventListener(\"resize\", updateIndicator)\n    }\n  }, [])\n\n  // Combine refs\n  const combinedRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      ;(listRef as React.MutableRefObject<HTMLDivElement | null>).current = node\n\n      if (typeof ref === \"function\") {\n        ref(node)\n      } else if (ref) {\n        ;(ref as React.MutableRefObject<HTMLDivElement | null>).current = node\n      }\n    },\n    [ref]\n  )\n\n  return (\n    <TabsPrimitive.List\n      ref={combinedRef}\n      className={cn(\n        \"relative inline-flex items-center justify-center rounded-3xl bg-secondary p-1 text-muted-foreground\",\n        className\n      )}\n      {...props}\n    >\n      {/* Animated indicator */}\n      <span\n        className=\"absolute h-[calc(100%-0.5rem)] rounded-3xl bg-background shadow-sm transition-all duration-200 ease-out\"\n        style={{\n          left: `${indicatorStyle.left}px`,\n          width: `${indicatorStyle.width}px`,\n        }}\n      />\n      {props.children}\n    </TabsPrimitive.List>\n  )\n})\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      \"cursor-pointer relative inline-flex items-center justify-center whitespace-nowrap rounded-3xl px-3 py-1 text-sm font-medium ring-offset-background transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:text-foreground z-10\",\n      className\n    )}\n    {...props}\n  />\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content\n    ref={ref}\n    className={cn(\n      \"mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n      className\n    )}\n    {...props}\n  />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"]}

package/dist/components/GlitchLink.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/components/GlitchLink.js"],"names":[],"mappings":"AAAA,qFAAY;AACZ,YAAY,CAAC,uDAAqC,mFAA0C","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/components/GlitchLink.js"}
+{"version":3,"sources":["/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/components/GlitchLink.js"],"names":[],"mappings":"AAAA,qFAAY;AACZ,YAAY,CAAC,uDAAqC,mFAA0C","file":"/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/components/GlitchLink.js"}

package/dist/components/PixelLoad.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/components/PixelLoad.js"],"names":[],"mappings":"AAAA,qFAAY;AACZ,YAAY,CAAC,uDAAmC,uCAAuB","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/components/PixelLoad.js"}
+{"version":3,"sources":["/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/components/PixelLoad.js"],"names":[],"mappings":"AAAA,qFAAY;AACZ,YAAY,CAAC,uDAAmC,uCAAuB","file":"/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/components/PixelLoad.js"}

package/dist/components/TextDecoder.d.mts

@@ -5,6 +5,9 @@ interface TextDecoderProps {
     children: ReactNode;
     className?: string;
     delay?: number;
+    speed?: number;
+    maxIterations?: number;
+    symbols?: string[];
 }
 declare const SuspenseDecodedText: (props: TextDecoderProps) => react_jsx_runtime.JSX.Element;
 

package/dist/components/TextDecoder.d.ts

@@ -5,6 +5,9 @@ interface TextDecoderProps {
     children: ReactNode;
     className?: string;
     delay?: number;
+    speed?: number;
+    maxIterations?: number;
+    symbols?: string[];
 }
 declare const SuspenseDecodedText: (props: TextDecoderProps) => react_jsx_runtime.JSX.Element;
 

package/dist/components/TextDecoder.js

@@ -1,3 +1,3 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-"use client";var _chunk5CDUAMIGjs = require('../chunk-5CDUAMIG.js');require('../chunk-FUYXCJOQ.js');exports.default = _chunk5CDUAMIGjs.a;
+"use client";var _chunkKJFYVVDGjs = require('../chunk-KJFYVVDG.js');require('../chunk-FUYXCJOQ.js');exports.default = _chunkKJFYVVDGjs.a;
 //# sourceMappingURL=TextDecoder.js.map

package/dist/components/TextDecoder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/components/TextDecoder.js"],"names":[],"mappings":"AAAA,qFAAY;AACZ,YAAY,CAAC,uDAAmC,gCAA6B,qCAAqB","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/components/TextDecoder.js"}
+{"version":3,"sources":["/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/components/TextDecoder.js"],"names":[],"mappings":"AAAA,qFAAY;AACZ,YAAY,CAAC,uDAAmC,gCAA6B,qCAAqB","file":"/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/components/TextDecoder.js"}

package/dist/components/TextDecoder.mjs

@@ -1,3 +1,3 @@
 "use client";
-"use client";import{a}from"../chunk-AXL7HSZW.mjs";import"../chunk-S5TKCF6T.mjs";export{a as default};
+"use client";import{a}from"../chunk-PC2BSBO3.mjs";import"../chunk-S5TKCF6T.mjs";export{a as default};
 //# sourceMappingURL=TextDecoder.mjs.map

package/dist/components/button.d.mts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/components/button.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/components/button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/components/button.js"],"names":[],"mappings":"AAAA,qFAAY;AACZ,uDAAqC,gCAA6B,iFAAwC","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/components/button.js"}
+{"version":3,"sources":["/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/components/button.js"],"names":[],"mappings":"AAAA,qFAAY;AACZ,uDAAqC,gCAA6B,iFAAwC","file":"/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/components/button.js"}

package/dist/components/card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/components/card.js","../../src/components/card.tsx"],"names":["Card","className","props","ref","jsx","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":"AAAA,uWAAY;AACZ,uDAAwC,uECDjB,+CAQrB,IAJIA,CAAAA,CAAa,CAAA,CAAA,UAAA,CAGjB,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAC1BC,6BAAAA,KAAC,CAAA,CACC,GAAA,CAAKD,CAAAA,CACL,SAAA,CAAWE,gCAAAA,iEACT,CACAJ,CACF,CAAA,CACC,GAAGC,CAAAA,CACN,CACD,CAAA,CACDF,CAAAA,CAAK,WAAA,CAAc,MAAA,CAEnB,IAAMM,CAAAA,CAAmB,CAAA,CAAA,UAAA,CAGvB,CAAC,CAAE,SAAA,CAAAL,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAC1BC,6BAAAA,KAAC,CAAA,CACC,GAAA,CAAKD,CAAAA,CACL,SAAA,CAAWE,gCAAAA,+BAAG,CAAiCJ,CAAS,CAAA,CACvD,GAAGC,CAAAA,CACN,CACD,CAAA,CACDI,CAAAA,CAAW,WAAA,CAAc,YAAA,CAEzB,IAAMC,CAAAA,CAAkB,CAAA,CAAA,UAAA,CAGtB,CAAC,CAAE,SAAA,CAAAN,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAC1BC,6BAAAA,IAAC,CAAA,CACC,GAAA,CAAKD,CAAAA,CACL,SAAA,CAAWE,gCAAAA,oDACT,CACAJ,CACF,CAAA,CACC,GAAGC,CAAAA,CACN,CACD,CAAA,CACDK,CAAAA,CAAU,WAAA,CAAc,WAAA,CAExB,IAAMC,CAAAA,CAAwB,CAAA,CAAA,UAAA,CAG5B,CAAC,CAAE,SAAA,CAAAP,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAC1BC,6BAAAA,GAAC,CAAA,CACC,GAAA,CAAKD,CAAAA,CACL,SAAA,CAAWE,gCAAAA,+BAAG,CAAiCJ,CAAS,CAAA,CACvD,GAAGC,CAAAA,CACN,CACD,CAAA,CACDM,CAAAA,CAAgB,WAAA,CAAc,iBAAA,CAE9B,IAAMC,CAAAA,CAAoB,CAAA,CAAA,UAAA,CAGxB,CAAC,CAAE,SAAA,CAAAR,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAC1BC,6BAAAA,KAAC,CAAA,CAAI,GAAA,CAAKD,CAAAA,CAAK,SAAA,CAAWE,gCAAAA,UAAG,CAAYJ,CAAS,CAAA,CAAI,GAAGC,CAAAA,CAAO,CACjE,CAAA,CACDO,CAAAA,CAAY,WAAA,CAAc,aAAA,CAE1B,IAAMC,CAAAA,CAAmB,CAAA,CAAA,UAAA,CAGvB,CAAC,CAAE,SAAA,CAAAT,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAC1BC,6BAAAA,KAAC,CAAA,CACC,GAAA,CAAKD,CAAAA,CACL,SAAA,CAAWE,gCAAAA,4BAAG,CAA8BJ,CAAS,CAAA,CACpD,GAAGC,CAAAA,CACN,CACD,CAAA,CACDQ,CAAAA,CAAW,WAAA,CAAc,YAAA,CAAA,8IAAA","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/components/card.js","sourcesContent":[null,"import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Card = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"rounded-lg border bg-transparent text-card-foreground shadow-sm\",\n      className\n    )}\n    {...props}\n  />\n))\nCard.displayName = \"Card\"\n\nconst CardHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex flex-col space-y-1.5 p-6\", className)}\n    {...props}\n  />\n))\nCardHeader.displayName = \"CardHeader\"\n\nconst CardTitle = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h3\n    ref={ref}\n    className={cn(\n      \"text-2xl font-semibold leading-none tracking-tight\",\n      className\n    )}\n    {...props}\n  />\n))\nCardTitle.displayName = \"CardTitle\"\n\nconst CardDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n))\nCardDescription.displayName = \"CardDescription\"\n\nconst CardContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n))\nCardContent.displayName = \"CardContent\"\n\nconst CardFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex items-center p-6 pt-0\", className)}\n    {...props}\n  />\n))\nCardFooter.displayName = \"CardFooter\"\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }\n"]}
+{"version":3,"sources":["/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/components/card.js","../../src/components/card.tsx"],"names":["Card","className","props","ref","jsx","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":"AAAA,uWAAY;AACZ,uDAAwC,uECDjB,+CAQrB,IAJIA,CAAAA,CAAa,CAAA,CAAA,UAAA,CAGjB,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAC1BC,6BAAAA,KAAC,CAAA,CACC,GAAA,CAAKD,CAAAA,CACL,SAAA,CAAWE,gCAAAA,iEACT,CACAJ,CACF,CAAA,CACC,GAAGC,CAAAA,CACN,CACD,CAAA,CACDF,CAAAA,CAAK,WAAA,CAAc,MAAA,CAEnB,IAAMM,CAAAA,CAAmB,CAAA,CAAA,UAAA,CAGvB,CAAC,CAAE,SAAA,CAAAL,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAC1BC,6BAAAA,KAAC,CAAA,CACC,GAAA,CAAKD,CAAAA,CACL,SAAA,CAAWE,gCAAAA,+BAAG,CAAiCJ,CAAS,CAAA,CACvD,GAAGC,CAAAA,CACN,CACD,CAAA,CACDI,CAAAA,CAAW,WAAA,CAAc,YAAA,CAEzB,IAAMC,CAAAA,CAAkB,CAAA,CAAA,UAAA,CAGtB,CAAC,CAAE,SAAA,CAAAN,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAC1BC,6BAAAA,IAAC,CAAA,CACC,GAAA,CAAKD,CAAAA,CACL,SAAA,CAAWE,gCAAAA,oDACT,CACAJ,CACF,CAAA,CACC,GAAGC,CAAAA,CACN,CACD,CAAA,CACDK,CAAAA,CAAU,WAAA,CAAc,WAAA,CAExB,IAAMC,CAAAA,CAAwB,CAAA,CAAA,UAAA,CAG5B,CAAC,CAAE,SAAA,CAAAP,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAC1BC,6BAAAA,GAAC,CAAA,CACC,GAAA,CAAKD,CAAAA,CACL,SAAA,CAAWE,gCAAAA,+BAAG,CAAiCJ,CAAS,CAAA,CACvD,GAAGC,CAAAA,CACN,CACD,CAAA,CACDM,CAAAA,CAAgB,WAAA,CAAc,iBAAA,CAE9B,IAAMC,CAAAA,CAAoB,CAAA,CAAA,UAAA,CAGxB,CAAC,CAAE,SAAA,CAAAR,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAC1BC,6BAAAA,KAAC,CAAA,CAAI,GAAA,CAAKD,CAAAA,CAAK,SAAA,CAAWE,gCAAAA,UAAG,CAAYJ,CAAS,CAAA,CAAI,GAAGC,CAAAA,CAAO,CACjE,CAAA,CACDO,CAAAA,CAAY,WAAA,CAAc,aAAA,CAE1B,IAAMC,CAAAA,CAAmB,CAAA,CAAA,UAAA,CAGvB,CAAC,CAAE,SAAA,CAAAT,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAC1BC,6BAAAA,KAAC,CAAA,CACC,GAAA,CAAKD,CAAAA,CACL,SAAA,CAAWE,gCAAAA,4BAAG,CAA8BJ,CAAS,CAAA,CACpD,GAAGC,CAAAA,CACN,CACD,CAAA,CACDQ,CAAAA,CAAW,WAAA,CAAc,YAAA,CAAA,8IAAA","file":"/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/components/card.js","sourcesContent":[null,"import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Card = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"rounded-lg border bg-transparent text-card-foreground shadow-sm\",\n      className\n    )}\n    {...props}\n  />\n))\nCard.displayName = \"Card\"\n\nconst CardHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex flex-col space-y-1.5 p-6\", className)}\n    {...props}\n  />\n))\nCardHeader.displayName = \"CardHeader\"\n\nconst CardTitle = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h3\n    ref={ref}\n    className={cn(\n      \"text-2xl font-semibold leading-none tracking-tight\",\n      className\n    )}\n    {...props}\n  />\n))\nCardTitle.displayName = \"CardTitle\"\n\nconst CardDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n))\nCardDescription.displayName = \"CardDescription\"\n\nconst CardContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n))\nCardContent.displayName = \"CardContent\"\n\nconst CardFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex items-center p-6 pt-0\", className)}\n    {...props}\n  />\n))\nCardFooter.displayName = \"CardFooter\"\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }\n"]}

package/dist/components/tabs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/components/tabs.js"],"names":[],"mappings":"AAAA,qFAAY;AACZ,uDAAyC,gCAA6B,6JAAkE","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/components/tabs.js"}
+{"version":3,"sources":["/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/components/tabs.js"],"names":[],"mappings":"AAAA,qFAAY;AACZ,uDAAyC,gCAA6B,6JAAkE","file":"/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/components/tabs.js"}

package/dist/index.css

@@ -1,3 +1,3 @@
-@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-blue-600: oklch(54.6% .245 262.881);--color-gray-100: oklch(96.7% .003 264.542);--spacing: .25rem;--container-md: 28rem;--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--text-6xl: 3.75rem;--text-6xl--line-height: 1;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--tracking-tight: -.025em;--radius-lg: calc(var(--radius) + 2px);--radius-3xl: 3.75rem;--ease-out: cubic-bezier(0, 0, .2, 1);--animate-spin: spin 1s linear infinite;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono);--radius: var(--radius);--font-family: "Helvetica Now Display", system-ui, -apple-system, sans-serif;--color-border: hsl(var(--border));--color-input: hsl(var(--input));--color-ring: hsl(var(--ring));--color-background: hsl(var(--background));--color-foreground: hsl(var(--foreground));--color-primary: hsl(var(--primary));--color-primary-foreground: hsl(var(--primary-foreground));--color-secondary: hsl(var(--secondary));--color-destructive: hsl(var(--destructive));--color-destructive-foreground: hsl(var(--destructive-foreground));--color-muted: hsl(var(--muted));--color-muted-foreground: hsl(var(--muted-foreground));--color-accent: hsl(var(--accent));--color-accent-foreground: hsl(var(--accent-foreground));--color-card-foreground: hsl(var(--card-foreground))}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::-moz-placeholder{color:currentcolor;@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}::placeholder{color:currentcolor;@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.top-0{top:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.z-10{z-index:10}.z-\[1\]{z-index:1}.container{width:100%;@media(width>=40rem){max-width:40rem}@media(width>=48rem){max-width:48rem}@media(width>=64rem){max-width:64rem}@media(width>=80rem){max-width:80rem}@media(width>=96rem){max-width:96rem}}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing) * 4)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-\[150px\]{height:150px}.h-\[300px\]{height:300px}.h-\[400px\]{height:400px}.h-\[calc\(100\%-0\.5rem\)\]{height:calc(100% - .5rem)}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-9{width:calc(var(--spacing) * 9)}.w-\[200px\]{width:200px}.w-\[300px\]{width:300px}.w-\[400px\]{width:400px}.w-\[500px\]{width:500px}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.space-y-1\.5{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-2{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-4{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-8{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}}.overflow-hidden{overflow:hidden}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--color-border)}.border-input{border-color:var(--color-input)}.border-primary-foreground{border-color:var(--color-primary-foreground)}.border-t-transparent{border-top-color:transparent}.bg-background{background-color:var(--color-background)}.bg-destructive{background-color:var(--color-destructive)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-transparent{background-color:transparent}.p-1{padding:calc(var(--spacing) * 1)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-0{padding-top:calc(var(--spacing) * 0)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading, var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}.leading-none{--tw-leading: 1;line-height:1}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking: var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.text-blue-600{color:var(--color-blue-600)}.text-card-foreground{color:var(--color-card-foreground)}.text-destructive-foreground{color:var(--color-destructive-foreground)}.text-foreground{color:var(--color-foreground)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-primary-foreground\/80{color:color-mix(in srgb,hsl(var(--primary-foreground)) 80%,transparent);@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-primary-foreground) 80%,transparent)}}.italic{font-style:italic}.no-underline{text-decoration-line:none}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0%}.opacity-100{opacity:100%}.shadow-sm{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color: var(--color-background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur: blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.duration-150{--tw-duration: .15s;transition-duration:.15s}.duration-200{--tw-duration: .2s;transition-duration:.2s}.duration-300{--tw-duration: .3s;transition-duration:.3s}.ease-out{--tw-ease: var(--ease-out);transition-timing-function:var(--ease-out)}.\*\:col-start-1{:is(&>*){grid-column-start:1}}.\*\:row-start-1{:is(&>*){grid-row-start:1}}.hover\:bg-accent{&:hover{@media(hover:hover){background-color:var(--color-accent)}}}.hover\:bg-destructive\/90{&:hover{@media(hover:hover){background-color:color-mix(in srgb,hsl(var(--destructive)) 90%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-destructive) 90%,transparent)}}}}.hover\:bg-muted{&:hover{@media(hover:hover){background-color:var(--color-muted)}}}.hover\:bg-primary\/90{&:hover{@media(hover:hover){background-color:color-mix(in srgb,hsl(var(--primary)) 90%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 90%,transparent)}}}}.hover\:text-accent-foreground{&:hover{@media(hover:hover){color:var(--color-accent-foreground)}}}.hover\:underline{&:hover{@media(hover:hover){text-decoration-line:underline}}}.focus-visible\:ring-2{&:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-visible\:ring-ring{&:focus-visible{--tw-ring-color: var(--color-ring)}}.focus-visible\:ring-offset-2{&:focus-visible{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.focus-visible\:outline-none{&:focus-visible{--tw-outline-style: none;outline-style:none}}.disabled\:pointer-events-none{&:disabled{pointer-events:none}}.disabled\:opacity-50{&:disabled{opacity:50%}}.data-\[state\=active\]\:text-foreground{&[data-state=active]{color:var(--color-foreground)}}}@font-face{font-family:Helvetica Now Display;src:url("./HelveticaNowDisplay-Regular-O4IVE4NP.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Now Display;src:url("./HelveticaNowDisplay-Medium-CXVMKHU3.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}@layer base{:root{--background: 240 10% 4%;--foreground: 144 100% 97%;--card: 0 0% 3.5%;--card-foreground: 140 100% 97.1%;--popover: 0 0% 3.5%;--popover-foreground: 140 100% 97.1%;--primary: 140 100% 97.1%;--primary-foreground: 240 6% 10%;--primary-accent: 140 100% 97.1%;--secondary: 240 4.5% 15.88%;--secondary-foreground: 140 100% 97.1%;--muted: 240 10% 3.92%;--muted-foreground: 144 4.3% 54.9%;--accent: 0 0% 15.3%;--accent-foreground: 140 100% 97.1%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 140 100% 97.1%;--border: 240 3.7% 27.6%;--input: 240 3.7% 27.6%;--ring: 140 100% 97.1%;--radius: .625rem}}@layer base{*{border-color:var(--color-border)}body{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-family)}}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-duration{syntax: "*"; inherits: false;}@property --tw-ease{syntax: "*"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse: 0;--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-duration: initial;--tw-ease: initial}}}
+@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-blue-600: oklch(54.6% .245 262.881);--color-gray-100: oklch(96.7% .003 264.542);--spacing: .25rem;--container-md: 28rem;--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--text-6xl: 3.75rem;--text-6xl--line-height: 1;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--tracking-tight: -.025em;--radius-lg: calc(var(--radius) + 2px);--radius-3xl: 3.75rem;--ease-out: cubic-bezier(0, 0, .2, 1);--animate-spin: spin 1s linear infinite;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono);--radius: var(--radius);--font-family: "Helvetica Now Display", system-ui, -apple-system, sans-serif;--color-border: hsl(var(--border));--color-input: hsl(var(--input));--color-ring: hsl(var(--ring));--color-background: hsl(var(--background));--color-foreground: hsl(var(--foreground));--color-primary: hsl(var(--primary));--color-primary-foreground: hsl(var(--primary-foreground));--color-secondary: hsl(var(--secondary));--color-destructive: hsl(var(--destructive));--color-destructive-foreground: hsl(var(--destructive-foreground));--color-muted: hsl(var(--muted));--color-muted-foreground: hsl(var(--muted-foreground));--color-accent: hsl(var(--accent));--color-accent-foreground: hsl(var(--accent-foreground));--color-card-foreground: hsl(var(--card-foreground))}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::-moz-placeholder{color:currentcolor;@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}::placeholder{color:currentcolor;@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.z-10{z-index:10}.z-\[1\]{z-index:1}.container{width:100%;@media(width>=40rem){max-width:40rem}@media(width>=48rem){max-width:48rem}@media(width>=64rem){max-width:64rem}@media(width>=80rem){max-width:80rem}@media(width>=96rem){max-width:96rem}}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing) * 4)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-\[150px\]{height:150px}.h-\[300px\]{height:300px}.h-\[400px\]{height:400px}.h-\[calc\(100\%-0\.5rem\)\]{height:calc(100% - .5rem)}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-9{width:calc(var(--spacing) * 9)}.w-\[200px\]{width:200px}.w-\[300px\]{width:300px}.w-\[400px\]{width:400px}.w-\[500px\]{width:500px}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.space-y-1\.5{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-2{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-4{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-8{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}}.overflow-hidden{overflow:hidden}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--color-border)}.border-input{border-color:var(--color-input)}.border-primary-foreground{border-color:var(--color-primary-foreground)}.border-t-transparent{border-top-color:transparent}.bg-background{background-color:var(--color-background)}.bg-destructive{background-color:var(--color-destructive)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-transparent{background-color:transparent}.p-1{padding:calc(var(--spacing) * 1)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-0{padding-top:calc(var(--spacing) * 0)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading, var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}.leading-none{--tw-leading: 1;line-height:1}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking: var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.text-blue-600{color:var(--color-blue-600)}.text-card-foreground{color:var(--color-card-foreground)}.text-destructive-foreground{color:var(--color-destructive-foreground)}.text-foreground{color:var(--color-foreground)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-primary-foreground\/80{color:color-mix(in srgb,hsl(var(--primary-foreground)) 80%,transparent);@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-primary-foreground) 80%,transparent)}}.italic{font-style:italic}.no-underline{text-decoration-line:none}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0%}.opacity-100{opacity:100%}.shadow-sm{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color: var(--color-background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur: blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.duration-150{--tw-duration: .15s;transition-duration:.15s}.duration-200{--tw-duration: .2s;transition-duration:.2s}.ease-out{--tw-ease: var(--ease-out);transition-timing-function:var(--ease-out)}.hover\:bg-accent{&:hover{@media(hover:hover){background-color:var(--color-accent)}}}.hover\:bg-destructive\/90{&:hover{@media(hover:hover){background-color:color-mix(in srgb,hsl(var(--destructive)) 90%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-destructive) 90%,transparent)}}}}.hover\:bg-muted{&:hover{@media(hover:hover){background-color:var(--color-muted)}}}.hover\:bg-primary\/90{&:hover{@media(hover:hover){background-color:color-mix(in srgb,hsl(var(--primary)) 90%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 90%,transparent)}}}}.hover\:text-accent-foreground{&:hover{@media(hover:hover){color:var(--color-accent-foreground)}}}.hover\:underline{&:hover{@media(hover:hover){text-decoration-line:underline}}}.focus-visible\:ring-2{&:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-visible\:ring-ring{&:focus-visible{--tw-ring-color: var(--color-ring)}}.focus-visible\:ring-offset-2{&:focus-visible{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.focus-visible\:outline-none{&:focus-visible{--tw-outline-style: none;outline-style:none}}.disabled\:pointer-events-none{&:disabled{pointer-events:none}}.disabled\:opacity-50{&:disabled{opacity:50%}}.data-\[state\=active\]\:text-foreground{&[data-state=active]{color:var(--color-foreground)}}}@font-face{font-family:Helvetica Now Display;src:url("./HelveticaNowDisplay-Regular-O4IVE4NP.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Now Display;src:url("./HelveticaNowDisplay-Medium-CXVMKHU3.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}@layer base{:root{--background: 240 10% 4%;--foreground: 144 100% 97%;--card: 0 0% 3.5%;--card-foreground: 140 100% 97.1%;--popover: 0 0% 3.5%;--popover-foreground: 140 100% 97.1%;--primary: 140 100% 97.1%;--primary-foreground: 240 6% 10%;--primary-accent: 140 100% 97.1%;--secondary: 240 4.5% 15.88%;--secondary-foreground: 140 100% 97.1%;--muted: 240 10% 3.92%;--muted-foreground: 144 4.3% 54.9%;--accent: 0 0% 15.3%;--accent-foreground: 140 100% 97.1%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 140 100% 97.1%;--border: 240 3.7% 27.6%;--input: 240 3.7% 27.6%;--ring: 140 100% 97.1%;--radius: .625rem}}@layer base{*{border-color:var(--color-border)}body{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-family)}}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-duration{syntax: "*"; inherits: false;}@property --tw-ease{syntax: "*"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse: 0;--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-duration: initial;--tw-ease: initial}}}
 /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
 /*# sourceMappingURL=index.css.map */