@alkimi.org/ui-kit 0.1.19 → 0.1.21

package/README.github.md

@@ -65,17 +65,20 @@ Create your `globals.css`:
 /* Optional: Override library CSS variables */
 :root {
   /* Example: Custom primary color */
-  --primary: oklch(0.992 0.019 155.826);
-  --primary-foreground: oklch(0.205 0 0);
+  --primary: 140 100% 97.1%;
+  --primary-foreground: 240 6% 10%;
 
   /* You can override any of these variables:
      --secondary, --secondary-foreground
      --background, --foreground
-     --muted, --muted-foreground
+     --muted, --muted-foreground, --bg-muted
      --accent, --accent-foreground
      --destructive, --destructive-foreground
      --border, --input, --ring
+     --primary-accent
      --radius (border radius)
+
+     Format: H S% L% (Hue Saturation% Lightness%)
   */
 }
 ```
@@ -143,26 +146,28 @@ 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: 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);
+  --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%;
   --radius: 0.625rem;
   --font-family: "Helvetica Now Display", "Helvetica", sans-serif;
 }
@@ -289,7 +294,153 @@ import {
 import { cn } from "@alkimi.org/ui-kit/utils"
 ```
 
-**Note**: Both import methods require installing the full `@alkimi.org/ui-kit` package. The individual imports help optimize your production bundle size (only used components are included), but don't reduce installation size.
+## Adding More Components
+
+To add more shadcn/ui components to this library:
+
+1. Use the shadcn CLI to add components:
+
+   ```bash
+   npx shadcn-ui@latest add [component-name]
+   ```
+
+2. Export the new component in [src/index.ts](src/index.ts):
+
+   ```tsx
+   export { ComponentName } from "./components/component-name"
+   ```
+
+3. Create a story file in the `stories/` folder:
+
+   ```tsx
+   // stories/ComponentName.stories.tsx
+   import type { Meta, StoryObj } from "@storybook/react"
+   import { ComponentName } from "../src/components/component-name"
+
+   const meta = {
+     title: "Components/ComponentName",
+     component: ComponentName,
+     parameters: {
+       layout: "centered",
+     },
+     tags: ["autodocs"],
+   } satisfies Meta<typeof ComponentName>
+
+   export default meta
+   type Story = StoryObj<typeof meta>
+
+   export const Default: Story = {
+     args: {
+       // your component props
+     },
+   }
+   ```
+
+4. Test locally with Storybook:
+
+   ```bash
+   npm run storybook
+   ```
+
+5. Commit and push to main:
+
+   ```bash
+   git add .
+   git commit -m "feat: add ComponentName"
+   git push
+   ```
+
+6. Update the Storybook deployment:
+
+   ```bash
+   git checkout storybook
+   git merge main
+   git push
+   ```
+
+   Vercel will automatically rebuild and deploy the updated Storybook.
+
+7. (Optional) Publish to npm:
+   ```bash
+   git checkout main
+   # Update version in package.json
+   npm run build
+   npm publish
+   ```
+
+## Development
+
+### Running the Demo
+
+To see the components in action, run the demo application:
+
+```bash
+cd demo
+pnpm install
+pnpm run dev
+```
+
+Then open [http://localhost:3000](http://localhost:3000) in your browser.
+
+The demo showcases all available components with interactive examples, including:
+
+- All button variants and sizes
+- Card layouts and compositions
+- Dark mode toggle
+- Interactive component states
+
+### Build
+
+Build the library for production:
+
+```bash
+npm run build
+```
+
+### Watch Mode
+
+Build the library in watch mode during development:
+
+```bash
+npm run dev
+```
+
+### Type Check
+
+Run TypeScript type checking:
+
+```bash
+npm run type-check
+```
+
+### Storybook
+
+View and develop components in isolation using Storybook:
+
+```bash
+npm run storybook
+```
+
+This will start Storybook on [http://localhost:6006](http://localhost:6006).
+
+#### Building Storybook for Deployment
+
+To build a static version of Storybook for deployment:
+
+```bash
+npm run build-storybook
+```
+
+This will generate a static site in the `storybook-static` directory that you can deploy to any static hosting service.
+
+## Publishing to npm
+
+1. Update the version number in [package.json](package.json) (e.g., from `0.1.3` to `0.1.4`)
+2. Build the library: `npm run build`
+3. Login to npm (if not already logged in): `npm login`
+4. Publish: `npm publish`
+
+**Note:** Make sure to bump the version in [package.json](package.json) before publishing any changes to avoid conflicts with existing versions on npm.
 
 ## License
 

package/dist/chunk-AEZ5XKKG.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{a as k}from"./chunk-S5TKCF6T.mjs";import S from"next/link";import w,{useState as b,useEffect as x,useRef as _,isValidElement as L,useMemo as A}from"react";import{Slot as T}from"@radix-ui/react-slot";import{jsx as r,jsxs as G}from"react/jsx-runtime";var q="!<>-_\\/[]{}\u2014=+*^?#________",C=({href:f,children:a,symbols:m=q,className:N,asChild:R=!1,duration:p=40,...E})=>{let[i,h]=b(!1),[g,c]=b(0),s=_(null),d=_([]),y=t=>{if(typeof t=="string"||typeof t=="number")return String(t);if(L(t)){let e=t.props.children;if(e)return y(e)}return""},o=A(()=>y(a),[a]),v=()=>{let t=[];for(let e=0;e<o.length;e++){let n=o[e],M=Math.floor(Math.random()*(p*.5)),F=M+Math.floor(Math.random()*(p*.5));t.push({to:n,start:M,end:F})}d.current=t,c(0)};x(()=>{if(i&&o){v();let t=()=>{c(e=>e+1),s.current=requestAnimationFrame(t)};s.current=requestAnimationFrame(t)}else s.current&&cancelAnimationFrame(s.current),c(0);return()=>{s.current&&cancelAnimationFrame(s.current)}},[i,o]);let u=()=>i?o.split("").map((t,e)=>{let n=d.current[e];return!n||g>=n.end?r("span",{children:t},e):g>=n.start?t===" "?r("span",{children:" "},e):((!n.char||Math.random()<.28)&&(n.char=m[Math.floor(Math.random()*m.length)]),G("span",{className:"relative inline-block",children:[r("span",{className:"invisible opacity-0","aria-hidden":"true",children:t}),r("span",{className:"absolute inset-0 flex items-center justify-center font-mono opacity-50",children:n.char})]},e)):r("span",{children:t},e)}):a,l={className:k("inline-block whitespace-nowrap",N),onMouseEnter:t=>{let e=t.currentTarget;e&&!e.style.width&&(e.style.width=`${e.offsetWidth}px`),h(!0)},onMouseLeave:()=>h(!1),...E};return R&&L(a)?r(T,{...l,children:w.cloneElement(a,{},u())}):f?r(S,{href:f,...l,children:u()}):r("span",{...l,children:u()})},I=C;export{q as a,I as b};
+//# sourceMappingURL=chunk-AEZ5XKKG.mjs.map

package/dist/chunk-AEZ5XKKG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/GlitchLink.tsx"],"sourcesContent":["\"use client\"\nimport Link from \"next/link\"\nimport React, {\n  useState,\n  useEffect,\n  useRef,\n  ReactNode,\n  isValidElement,\n  useMemo,\n} from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cn } from \"@/lib/utils\"\n\nexport const DEFAULT_SYMBOLS = \"!<>-_\\\\/[]{}—=+*^?#________\"\n\ntype GlitchLinkProps = {\n  href?: string\n  children: ReactNode\n  symbols?: string\n  className?: string\n  asChild?: boolean\n  duration?: number\n}\n\nconst GlitchLink = ({\n  href,\n  children,\n  symbols = DEFAULT_SYMBOLS,\n  className,\n  asChild = false,\n  duration = 40,\n  ...props\n}: GlitchLinkProps) => {\n  const [isHovering, setIsHovering] = useState(false)\n  const [frame, setFrame] = useState(0)\n  const rafRef = useRef<number | null>(null)\n  const queueRef = useRef<\n    { to: string; start: number; end: number; char?: string }[]\n  >([])\n\n  const getTextContent = (node: ReactNode): string => {\n    if (typeof node === \"string\" || typeof node === \"number\")\n      return String(node)\n    if (isValidElement(node)) {\n      const children = (node.props as any).children\n      if (children) return getTextContent(children)\n    }\n    return \"\"\n  }\n\n  const originalText = useMemo(() => getTextContent(children), [children])\n\n  const setupQueue = () => {\n    const newQueue = []\n    for (let i = 0; i < originalText.length; i++) {\n      const to = originalText[i]\n      const start = Math.floor(Math.random() * (duration * 0.5))\n      const end = start + Math.floor(Math.random() * (duration * 0.5))\n      newQueue.push({ to, start, end })\n    }\n    queueRef.current = newQueue\n    setFrame(0)\n  }\n\n  useEffect(() => {\n    if (isHovering && originalText) {\n      setupQueue()\n      const update = () => {\n        setFrame((prev) => prev + 1)\n        rafRef.current = requestAnimationFrame(update)\n      }\n      rafRef.current = requestAnimationFrame(update)\n    } else {\n      if (rafRef.current) cancelAnimationFrame(rafRef.current)\n      setFrame(0)\n    }\n    return () => {\n      if (rafRef.current) cancelAnimationFrame(rafRef.current)\n    }\n  }, [isHovering, originalText])\n\n  const renderContent = () => {\n    // When not hovering, just render children as-is\n    if (!isHovering) {\n      return children\n    }\n\n    // When hovering, apply glitch effect to the text\n    return originalText.split(\"\").map((char, i) => {\n      const item = queueRef.current[i]\n\n      // If animation for this char hasn't started, or it's finished\n      if (!item || frame >= item.end) {\n        return <span key={i}>{char}</span>\n      }\n\n      // If we are in the scrambling phase for this specific character\n      if (frame >= item.start) {\n        // Don't scramble spaces, just render them\n        if (char === \" \") {\n          return <span key={i}> </span>\n        }\n\n        if (!item.char || Math.random() < 0.28) {\n          item.char = symbols[Math.floor(Math.random() * symbols.length)]\n        }\n        return (\n          <span key={i} className=\"relative inline-block\">\n            {/* The invisible real character preserves the exact width */}\n            <span className=\"invisible opacity-0\" aria-hidden=\"true\">\n              {char}\n            </span>\n            {/* The absolute symbol sits exactly on top of that width */}\n            <span className=\"absolute inset-0 flex items-center justify-center font-mono opacity-50\">\n              {item.char}\n            </span>\n          </span>\n        )\n      }\n\n      // Default: show original character\n      return <span key={i}>{char}</span>\n    })\n  }\n\n  const commonProps = {\n    className: cn(\"inline-block whitespace-nowrap\", className),\n    onMouseEnter: (e: React.MouseEvent<HTMLElement>) => {\n      const target = e.currentTarget\n      if (target && !target.style.width) {\n        target.style.width = `${target.offsetWidth}px`\n      }\n      setIsHovering(true)\n    },\n    onMouseLeave: () => setIsHovering(false),\n    ...props,\n  }\n\n  if (asChild && isValidElement(children)) {\n    return (\n      <Slot {...commonProps}>\n        {React.cloneElement(children as any, {}, renderContent())}\n      </Slot>\n    )\n  }\n\n  // If no href is provided, render as a span instead of a Link\n  if (!href) {\n    return <span {...commonProps}>{renderContent()}</span>\n  }\n\n  return (\n    <Link href={href} {...commonProps}>\n      {renderContent()}\n    </Link>\n  )\n}\n\nexport default GlitchLink\n"],"mappings":"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","names":["Link","React","useState","useEffect","useRef","isValidElement","useMemo","Slot","jsx","jsxs","DEFAULT_SYMBOLS","GlitchLink","href","children","symbols","className","asChild","duration","props","isHovering","setIsHovering","useState","frame","setFrame","rafRef","useRef","queueRef","getTextContent","node","isValidElement","originalText","useMemo","setupQueue","newQueue","i","to","start","end","useEffect","update","prev","renderContent","char","item","commonProps","cn","e","target","Slot","React","Link","GlitchLink_default"]}

package/dist/chunk-EJTY2ABY.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 _link = require('next/link'); var _link2 = _interopRequireDefault(_link);var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _reactslot = require('@radix-ui/react-slot');var _jsxruntime = require('react/jsx-runtime');var q="!<>-_\\/[]{}\u2014=+*^?#________",C=({href:f,children:a,symbols:m=q,className:N,asChild:R=!1,duration:p=40,...E})=>{let[i,h]=_react.useState.call(void 0, !1),[g,c]=_react.useState.call(void 0, 0),s=_react.useRef.call(void 0, null),d=_react.useRef.call(void 0, []),y=t=>{if(typeof t=="string"||typeof t=="number")return String(t);if(_react.isValidElement.call(void 0, t)){let e=t.props.children;if(e)return y(e)}return""},o=_react.useMemo.call(void 0, ()=>y(a),[a]),v=()=>{let t=[];for(let e=0;e<o.length;e++){let n=o[e],M=Math.floor(Math.random()*(p*.5)),F=M+Math.floor(Math.random()*(p*.5));t.push({to:n,start:M,end:F})}d.current=t,c(0)};_react.useEffect.call(void 0, ()=>{if(i&&o){v();let t=()=>{c(e=>e+1),s.current=requestAnimationFrame(t)};s.current=requestAnimationFrame(t)}else s.current&&cancelAnimationFrame(s.current),c(0);return()=>{s.current&&cancelAnimationFrame(s.current)}},[i,o]);let u=()=>i?o.split("").map((t,e)=>{let n=d.current[e];return!n||g>=n.end?_jsxruntime.jsx.call(void 0, "span",{children:t},e):g>=n.start?t===" "?_jsxruntime.jsx.call(void 0, "span",{children:" "},e):((!n.char||Math.random()<.28)&&(n.char=m[Math.floor(Math.random()*m.length)]),_jsxruntime.jsxs.call(void 0, "span",{className:"relative inline-block",children:[_jsxruntime.jsx.call(void 0, "span",{className:"invisible opacity-0","aria-hidden":"true",children:t}),_jsxruntime.jsx.call(void 0, "span",{className:"absolute inset-0 flex items-center justify-center font-mono opacity-50",children:n.char})]},e)):_jsxruntime.jsx.call(void 0, "span",{children:t},e)}):a,l={className:_chunkFUYXCJOQjs.a.call(void 0, "inline-block whitespace-nowrap",N),onMouseEnter:t=>{let e=t.currentTarget;e&&!e.style.width&&(e.style.width=`${e.offsetWidth}px`),h(!0)},onMouseLeave:()=>h(!1),...E};return R&&_react.isValidElement.call(void 0, a)?_jsxruntime.jsx.call(void 0, _reactslot.Slot,{...l,children:_react2.default.cloneElement(a,{},u())}):f?_jsxruntime.jsx.call(void 0, _link2.default,{href:f,...l,children:u()}):_jsxruntime.jsx.call(void 0, "span",{...l,children:u()})},I= exports.b =C;exports.a = q; exports.b = I;
+//# sourceMappingURL=chunk-EJTY2ABY.js.map

package/dist/chunk-EJTY2ABY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-EJTY2ABY.js","../src/components/GlitchLink.tsx"],"names":["DEFAULT_SYMBOLS","GlitchLink","href","children","symbols","className","asChild","duration","props","isHovering","setIsHovering","useState","frame","setFrame","rafRef","useRef","queueRef","getTextContent","node","isValidElement","originalText","useMemo","setupQueue","newQueue","i","to","start","end","useEffect","update","prev","renderContent","char","item","jsx","jsxs","commonProps","cn","e","target"],"mappings":"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","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-EJTY2ABY.js","sourcesContent":[null,"\"use client\"\nimport Link from \"next/link\"\nimport React, {\n  useState,\n  useEffect,\n  useRef,\n  ReactNode,\n  isValidElement,\n  useMemo,\n} from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cn } from \"@/lib/utils\"\n\nexport const DEFAULT_SYMBOLS = \"!<>-_\\\\/[]{}—=+*^?#________\"\n\ntype GlitchLinkProps = {\n  href?: string\n  children: ReactNode\n  symbols?: string\n  className?: string\n  asChild?: boolean\n  duration?: number\n}\n\nconst GlitchLink = ({\n  href,\n  children,\n  symbols = DEFAULT_SYMBOLS,\n  className,\n  asChild = false,\n  duration = 40,\n  ...props\n}: GlitchLinkProps) => {\n  const [isHovering, setIsHovering] = useState(false)\n  const [frame, setFrame] = useState(0)\n  const rafRef = useRef<number | null>(null)\n  const queueRef = useRef<\n    { to: string; start: number; end: number; char?: string }[]\n  >([])\n\n  const getTextContent = (node: ReactNode): string => {\n    if (typeof node === \"string\" || typeof node === \"number\")\n      return String(node)\n    if (isValidElement(node)) {\n      const children = (node.props as any).children\n      if (children) return getTextContent(children)\n    }\n    return \"\"\n  }\n\n  const originalText = useMemo(() => getTextContent(children), [children])\n\n  const setupQueue = () => {\n    const newQueue = []\n    for (let i = 0; i < originalText.length; i++) {\n      const to = originalText[i]\n      const start = Math.floor(Math.random() * (duration * 0.5))\n      const end = start + Math.floor(Math.random() * (duration * 0.5))\n      newQueue.push({ to, start, end })\n    }\n    queueRef.current = newQueue\n    setFrame(0)\n  }\n\n  useEffect(() => {\n    if (isHovering && originalText) {\n      setupQueue()\n      const update = () => {\n        setFrame((prev) => prev + 1)\n        rafRef.current = requestAnimationFrame(update)\n      }\n      rafRef.current = requestAnimationFrame(update)\n    } else {\n      if (rafRef.current) cancelAnimationFrame(rafRef.current)\n      setFrame(0)\n    }\n    return () => {\n      if (rafRef.current) cancelAnimationFrame(rafRef.current)\n    }\n  }, [isHovering, originalText])\n\n  const renderContent = () => {\n    // When not hovering, just render children as-is\n    if (!isHovering) {\n      return children\n    }\n\n    // When hovering, apply glitch effect to the text\n    return originalText.split(\"\").map((char, i) => {\n      const item = queueRef.current[i]\n\n      // If animation for this char hasn't started, or it's finished\n      if (!item || frame >= item.end) {\n        return <span key={i}>{char}</span>\n      }\n\n      // If we are in the scrambling phase for this specific character\n      if (frame >= item.start) {\n        // Don't scramble spaces, just render them\n        if (char === \" \") {\n          return <span key={i}> </span>\n        }\n\n        if (!item.char || Math.random() < 0.28) {\n          item.char = symbols[Math.floor(Math.random() * symbols.length)]\n        }\n        return (\n          <span key={i} className=\"relative inline-block\">\n            {/* The invisible real character preserves the exact width */}\n            <span className=\"invisible opacity-0\" aria-hidden=\"true\">\n              {char}\n            </span>\n            {/* The absolute symbol sits exactly on top of that width */}\n            <span className=\"absolute inset-0 flex items-center justify-center font-mono opacity-50\">\n              {item.char}\n            </span>\n          </span>\n        )\n      }\n\n      // Default: show original character\n      return <span key={i}>{char}</span>\n    })\n  }\n\n  const commonProps = {\n    className: cn(\"inline-block whitespace-nowrap\", className),\n    onMouseEnter: (e: React.MouseEvent<HTMLElement>) => {\n      const target = e.currentTarget\n      if (target && !target.style.width) {\n        target.style.width = `${target.offsetWidth}px`\n      }\n      setIsHovering(true)\n    },\n    onMouseLeave: () => setIsHovering(false),\n    ...props,\n  }\n\n  if (asChild && isValidElement(children)) {\n    return (\n      <Slot {...commonProps}>\n        {React.cloneElement(children as any, {}, renderContent())}\n      </Slot>\n    )\n  }\n\n  // If no href is provided, render as a span instead of a Link\n  if (!href) {\n    return <span {...commonProps}>{renderContent()}</span>\n  }\n\n  return (\n    <Link href={href} {...commonProps}>\n      {renderContent()}\n    </Link>\n  )\n}\n\nexport default GlitchLink\n"]}

package/dist/chunk-FLYTIYNE.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 E="!<>-_\\/[]{}\u2014=+*^?#________",I=e=>e[Math.floor(Math.random()*e.length)],y=e=>{if(typeof e=="string"||typeof e=="number")return String(e);if(Array.isArray(e))return e.map(y).join("");if(_react2.default.isValidElement(e)){let r=e.props;return(r.text||"")+(r.label||"")+(r.title||"")+y(r.children)}return""},b=(e,r,s)=>{if(typeof e=="string"||typeof e=="number"){let a=String(e),n=[];for(let f=0;f<a.length;f++)n.push(_jsxruntime.jsx.call(void 0, _react2.default.Fragment,{children:r[s.current]||""},`char-${s.current}`)),s.current++;return n}if(Array.isArray(e))return e.map((a,n)=>_jsxruntime.jsx.call(void 0, _react2.default.Fragment,{children:b(a,r,s)},`arr-${n}-${s.current}`));if(_react2.default.isValidElement(e)){let a=e.props,n={};return a.children&&(n.children=b(a.children,r,s)),_react2.default.cloneElement(e,n)}return e},P=({children:e,className:r,duration:s=40,symbols:a=E,delay:n=0})=>{let[f,_]=_react.useState.call(void 0, null),[F,x]=_react.useState.call(void 0, !1),R=_react.useRef.call(void 0, null),l=_react.useRef.call(void 0, 0),h=_react.useRef.call(void 0, []),g=_react.useRef.call(void 0, null),S=_react.useRef.call(void 0, !1),N=_react.useMemo.call(void 0, ()=>y(e),[e]),k=()=>{let o=[];for(let c=0;c<N.length;c++){let d=N[c],i=Math.floor(Math.random()*(s*.5)),t=i+Math.floor(Math.random()*(s*.5));o.push({to:d,start:i,end:t})}h.current=o,l.current=0,x(!1)},T=()=>{let o=0,c=[];for(let i=0;i<h.current.length;i++){let t=h.current[i];l.current>=t.end?(o++,c.push(t.to)):(l.current>=t.start&&(!t.char||Math.random()<.28)&&(t.char=I(a)),c.push(_jsxruntime.jsxs.call(void 0, "span",{className:"relative inline-block",children:[_jsxruntime.jsx.call(void 0, "span",{className:"invisible select-none","aria-hidden":"true",children:t.to===" "?"\xA0":t.to}),l.current>=t.start&&_jsxruntime.jsx.call(void 0, "span",{className:"absolute inset-0 flex items-center justify-center opacity-50 font-mono text-[1em] leading-none",children:t.char})]},i)))}_(b(e,c,{current:0})),o===h.current.length?x(!0):(l.current++,g.current=requestAnimationFrame(T))};return _react.useEffect.call(void 0, ()=>{let o=new IntersectionObserver(c=>{if(c[0].isIntersecting&&!S.current){S.current=!0;let d=setTimeout(()=>{k(),g.current=requestAnimationFrame(T)},n);return()=>clearTimeout(d)}},{threshold:.1});return R.current&&o.observe(R.current),()=>{o.disconnect(),g.current&&cancelAnimationFrame(g.current)}},[N,n]),_jsxruntime.jsx.call(void 0, "span",{ref:R,className:_chunkFUYXCJOQjs.a.call(void 0, "inline-block whitespace-pre-wrap",r),children:F?e:f})};function q(e){return _jsxruntime.jsx.call(void 0, _react.Suspense,{fallback:_jsxruntime.jsx.call(void 0, "span",{className:"invisible",children:e.children}),children:_jsxruntime.jsx.call(void 0, P,{...e})})}exports.a = q;
+//# sourceMappingURL=chunk-FLYTIYNE.js.map

package/dist/chunk-FLYTIYNE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-FLYTIYNE.js","../src/components/TextDecoder.tsx"],"names":["SYMBOLS","randomChar","symbols","extractText","node","React","props","injectScrambledText","scrambledChars","indexObj","text","result","i","jsx"],"mappings":"AAAA,qLAAY;AACZ,sDAAuC,4ECQhC,+CAgCC,IA9BFA,CAAAA,CAAU,kCAAA,CAEVC,CAAAA,CAAcC,CAAAA,EAClBA,CAAAA,CAAQ,IAAA,CAAK,KAAA,CAAM,IAAA,CAAK,MAAA,CAAO,CAAA,CAAIA,CAAAA,CAAQ,MAAM,CAAC,CAAA,CAE9CC,CAAAA,CAAeC,CAAAA,EAA4B,CAC/C,EAAA,CAAI,OAAOA,CAAAA,EAAS,QAAA,EAAY,OAAOA,CAAAA,EAAS,QAAA,CAAU,OAAO,MAAA,CAAOA,CAAI,CAAA,CAC5E,EAAA,CAAI,KAAA,CAAM,OAAA,CAAQA,CAAI,CAAA,CAAG,OAAOA,CAAAA,CAAK,GAAA,CAAID,CAAW,CAAA,CAAE,IAAA,CAAK,EAAE,CAAA,CAC7D,EAAA,CAAIE,eAAAA,CAAM,cAAA,CAAeD,CAAI,CAAA,CAAG,CAC9B,IAAME,CAAAA,CAAQF,CAAAA,CAAK,KAAA,CACnB,MAAA,CACGE,CAAAA,CAAM,IAAA,EAAQ,EAAA,CAAA,CAAA,CACdA,CAAAA,CAAM,KAAA,EAAS,EAAA,CAAA,CAAA,CACfA,CAAAA,CAAM,KAAA,EAAS,EAAA,CAAA,CAChBH,CAAAA,CAAYG,CAAAA,CAAM,QAAQ,CAE9B,CACA,MAAO,EACT,CAAA,CAEMC,CAAAA,CAAsB,CAC1BH,CAAAA,CACAI,CAAAA,CACAC,CAAAA,CAAAA,EACc,CACd,EAAA,CAAI,OAAOL,CAAAA,EAAS,QAAA,EAAY,OAAOA,CAAAA,EAAS,QAAA,CAAU,CACxD,IAAMM,CAAAA,CAAO,MAAA,CAAON,CAAI,CAAA,CAClBO,CAAAA,CAAiC,CAAC,CAAA,CACxC,GAAA,CAAA,IAASC,CAAAA,CAAI,CAAA,CAAGA,CAAAA,CAAIF,CAAAA,CAAK,MAAA,CAAQE,CAAAA,EAAAA,CAC/BD,CAAAA,CAAO,IAAA,CACLE,6BAAAA,eAACR,CAAM,QAAA,CAAN,CACE,QAAA,CAAAG,CAAAA,CAAeC,CAAAA,CAAS,OAAO,CAAA,EAAK,EAAA,CAAA,CADlB,CAAA,KAAA,EAAQA,CAAAA,CAAS,OAAO,CAAA,CAAA","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-FLYTIYNE.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\nconst SYMBOLS = \"!<>-_\\\\/[]{}—=+*^?#________\"\n\nconst randomChar = (symbols: string) =>\n  symbols[Math.floor(Math.random() * symbols.length)]\n\nconst extractText = (node: ReactNode): string => {\n  if (typeof node === \"string\" || typeof node === \"number\") return String(node)\n  if (Array.isArray(node)) return node.map(extractText).join(\"\")\n  if (React.isValidElement(node)) {\n    const props = node.props as any\n    return (\n      (props.text || \"\") +\n      (props.label || \"\") +\n      (props.title || \"\") +\n      extractText(props.children)\n    )\n  }\n  return \"\"\n}\n\nconst injectScrambledText = (\n  node: ReactNode,\n  scrambledChars: (string | ReactNode)[],\n  indexObj: { current: number }\n): ReactNode => {\n  if (typeof node === \"string\" || typeof node === \"number\") {\n    const text = String(node)\n    const result: (string | ReactNode)[] = []\n    for (let i = 0; i < text.length; i++) {\n      result.push(\n        <React.Fragment key={`char-${indexObj.current}`}>\n          {scrambledChars[indexObj.current] || \"\"}\n        </React.Fragment>\n      )\n      indexObj.current++\n    }\n    return result\n  }\n\n  if (Array.isArray(node)) {\n    return node.map((child, idx) => (\n      <React.Fragment key={`arr-${idx}-${indexObj.current}`}>\n        {injectScrambledText(child, scrambledChars, indexObj)}\n      </React.Fragment>\n    ))\n  }\n\n  if (React.isValidElement(node)) {\n    const props = node.props as any\n    const newProps: any = {}\n\n    if (props.children) {\n      newProps.children = injectScrambledText(\n        props.children,\n        scrambledChars,\n        indexObj\n      )\n    }\n    return React.cloneElement(node, newProps)\n  }\n  return node\n}\n\nexport interface TextDecoderProps {\n  children: ReactNode\n  className?: string\n  duration?: number\n  symbols?: string\n  delay?: number\n}\n\nconst TextDecoder = ({\n  children,\n  className,\n  duration = 40,\n  symbols = SYMBOLS,\n  delay = 0,\n}: TextDecoderProps) => {\n  const [outputNodes, setOutputNodes] = useState<ReactNode>(null)\n  const [isComplete, setIsComplete] = useState(false)\n  const elementRef = useRef<HTMLSpanElement>(null)\n  const frameRef = useRef(0)\n  const queueRef = useRef<\n    { to: string; start: number; end: number; char?: string }[]\n  >([])\n  const rafRef = useRef<number | null>(null)\n  const hasAnimatedRef = useRef(false)\n\n  const fullText = useMemo(() => extractText(children), [children])\n\n  const setupQueue = () => {\n    const newQueue = []\n    for (let i = 0; i < fullText.length; i++) {\n      const to = fullText[i]\n      // Every character starts within the first 50% of duration\n      // and resolves within the second 50%\n      const start = Math.floor(Math.random() * (duration * 0.5))\n      const end = start + Math.floor(Math.random() * (duration * 0.5))\n      newQueue.push({ to, start, end })\n    }\n    queueRef.current = newQueue\n    frameRef.current = 0\n    setIsComplete(false)\n  }\n\n  const update = () => {\n    let complete = 0\n    const currentScrambledChars: (string | ReactNode)[] = []\n\n    for (let i = 0; i < queueRef.current.length; i++) {\n      const item = queueRef.current[i]\n\n      if (frameRef.current >= item.end) {\n        // Animation finished for this letter\n        complete++\n        currentScrambledChars.push(item.to)\n      } else {\n        // Character is either waiting (invisible ghost) or scrambling\n        if (frameRef.current >= item.start) {\n          if (!item.char || Math.random() < 0.28) {\n            item.char = randomChar(symbols)\n          }\n        }\n\n        currentScrambledChars.push(\n          <span key={i} className=\"relative inline-block\">\n            {/* The Ghost: Locks the exact width/height of the specific character */}\n            <span className=\"invisible select-none\" aria-hidden=\"true\">\n              {item.to === \" \" ? \"\\u00A0\" : item.to}\n            </span>\n            {/* The Scramble: Overlays the ghost without affecting document flow */}\n            {frameRef.current >= item.start && (\n              <span className=\"absolute inset-0 flex items-center justify-center opacity-50 font-mono text-[1em] leading-none\">\n                {item.char}\n              </span>\n            )}\n          </span>\n        )\n      }\n    }\n\n    const indexObj = { current: 0 }\n    setOutputNodes(\n      injectScrambledText(children, currentScrambledChars, indexObj)\n    )\n\n    if (complete === queueRef.current.length) {\n      setIsComplete(true)\n    } else {\n      frameRef.current++\n      rafRef.current = requestAnimationFrame(update)\n    }\n  }\n\n  useEffect(() => {\n    const observer = new IntersectionObserver(\n      (entries) => {\n        if (entries[0].isIntersecting && !hasAnimatedRef.current) {\n          hasAnimatedRef.current = true\n          const timeoutId = setTimeout(() => {\n            setupQueue()\n            rafRef.current = requestAnimationFrame(update)\n          }, delay)\n          return () => clearTimeout(timeoutId)\n        }\n      },\n      { threshold: 0.1 }\n    )\n\n    if (elementRef.current) observer.observe(elementRef.current)\n\n    return () => {\n      observer.disconnect()\n      if (rafRef.current) cancelAnimationFrame(rafRef.current)\n    }\n  }, [fullText, delay])\n\n  return (\n    <span\n      ref={elementRef}\n      className={cn(\"inline-block whitespace-pre-wrap\", className)}\n    >\n      {isComplete ? children : outputNodes}\n    </span>\n  )\n}\n\nexport default function SuspenseDecodedText(props: TextDecoderProps) {\n  return (\n    <Suspense fallback={<span className=\"invisible\">{props.children}</span>}>\n      <TextDecoder {...props} />\n    </Suspense>\n  )\n}\n"]}

package/dist/chunk-FUYXCJOQ.js.map

@@ -1 +1 @@
-{"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"]}
+{"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"]}

package/dist/chunk-KPAOPUY2.mjs

@@ -0,0 +1,3 @@
+"use client";
+var d=Object.defineProperty;var e=(b,a,c)=>a in b?d(b,a,{enumerable:!0,configurable:!0,writable:!0,value:c}):b[a]=c;var f=(b,a,c)=>e(b,typeof a!="symbol"?a+"":a,c);export{f as a};
+//# sourceMappingURL=chunk-KPAOPUY2.mjs.map

package/dist/chunk-KPAOPUY2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-LX3KCZOW.js.map

@@ -1 +1 @@
-{"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"]}
+{"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"]}

package/dist/chunk-MLULTZDS.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+var _chunkXYO4VLMFjs = require('./chunk-XYO4VLMF.js');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var x=14,S=1,F=5,$=(b,t)=>{if(b<t){let e=1-b/t;return e*e*(3-2*e)}return 0},v=class{constructor(t){_chunkXYO4VLMFjs.a.call(void 0, this,"x",0);_chunkXYO4VLMFjs.a.call(void 0, this,"y",0);_chunkXYO4VLMFjs.a.call(void 0, this,"anchorX",0);_chunkXYO4VLMFjs.a.call(void 0, this,"anchorY",0);_chunkXYO4VLMFjs.a.call(void 0, this,"vx",0);_chunkXYO4VLMFjs.a.call(void 0, this,"vy",0);_chunkXYO4VLMFjs.a.call(void 0, this,"nodes",[]);_chunkXYO4VLMFjs.a.call(void 0, this,"opacity",0);_chunkXYO4VLMFjs.a.call(void 0, this,"glitchZones",[]);_chunkXYO4VLMFjs.a.call(void 0, this,"maxReach",180);this.anchorX=t.x,this.anchorY=t.y,this.x=this.anchorX,this.y=this.anchorY,this.init()}init(){this.nodes=[];let t=3+Math.floor(Math.random()*3);for(let e=0;e<t;e++){let d=15+Math.random()*25,h=(Math.random()-.5)*60,u=(Math.random()-.5)*60;this.nodes.push({offsetX:h,offsetY:u,vx:(Math.random()-.5)*.1,vy:(Math.random()-.5)*.1,radius:d,t:Math.random()*100})}this.opacity=1}update(){let t=this.anchorX-this.x,e=this.anchorY-this.y,d=5e-4,h=t*d,u=e*d,a=(Math.random()-.5)*.01,Y=(Math.random()-.5)*.01;if(this.vx+=h+a,this.vy+=u+Y,this.vx*=.96,this.vy*=.96,this.x+=this.vx,this.y+=this.vy,this.nodes.forEach(s=>{s.t+=.005,s.offsetX+=Math.sin(s.t)*.1+s.vx,s.offsetY+=Math.cos(s.t*.9)*.1+s.vy;let m=70;(s.offsetX>m||s.offsetX<-m)&&(s.vx*=-1),(s.offsetY>m||s.offsetY<-m)&&(s.vy*=-1),s.radius+=Math.sin(s.t*2)*.1}),this.glitchZones=this.glitchZones.filter(s=>s.life>0),this.glitchZones.forEach(s=>s.life--),Math.random()<.03){let m=f=>Math.round((f-x/2)/x)*x+x/2,p=this.x+(Math.random()-.5)*80,w=this.y+(Math.random()-.5)*80,i=m(p),c=m(w);if((Math.random()>.6?"line":"dot")==="line"){let f=Math.random()>.5,n=40+Math.random()*80,l=2;this.glitchZones.push({x:f?i-l/2:i-n/2,y:f?c-n/2:c-l/2,w:f?l:n,h:f?n:l,life:8+Math.random()*12})}else this.glitchZones.push({x:i-4/2,y:c-4/2,w:4,h:4,life:6+Math.random()*10})}}},B=class{constructor(t,e){_chunkXYO4VLMFjs.a.call(void 0, this,"x");_chunkXYO4VLMFjs.a.call(void 0, this,"y");_chunkXYO4VLMFjs.a.call(void 0, this,"opacity");_chunkXYO4VLMFjs.a.call(void 0, this,"decay");_chunkXYO4VLMFjs.a.call(void 0, this,"nodes");_chunkXYO4VLMFjs.a.call(void 0, this,"maxReach",60);this.x=t,this.y=e,this.opacity=.8,this.decay=.03,this.nodes=[];let d=2;for(let h=0;h<d;h++)this.nodes.push({offsetX:(Math.random()-.5)*10,offsetY:(Math.random()-.5)*10,vx:(Math.random()-.5)*1,vy:(Math.random()-.5)*1,radius:5+Math.random()*10,t:0})}update(){this.opacity-=this.decay,this.nodes.forEach(t=>{t.offsetX+=t.vx,t.offsetY+=t.vy,t.radius*=.95})}},q=()=>{let b=_react.useRef.call(void 0, null);return _react.useEffect.call(void 0, ()=>{let t=b.current;if(!t)return;let e=t.getContext("2d");if(!e)return;let d,h=[],u=[],a={x:-1e3,y:-1e3,lastX:-1e3,lastY:-1e3},Y=()=>{h=[];let i=t.width,c=t.height;h.push(new v({x:i-i*.15,y:c*.15})),h.push(new v({x:i*.4,y:c*.4})),h.push(new v({x:i*.05+50,y:c-c*.15})),h.push(new v({x:i-i*.05-50,y:c-c*.05-50}))},s=()=>{let i=t.getBoundingClientRect();t.width=i.width,t.height=i.height,Y()},m=i=>{let c=t.getBoundingClientRect();a.x=i.clientX-c.left,a.y=i.clientY-c.top,a.lastX===-1e3&&(a.lastX=a.x,a.lastY=a.y);let M=a.x-a.lastX,f=a.y-a.lastY;Math.sqrt(M*M+f*f)>20&&(u.push(new B(a.x,a.y)),a.lastX=a.x,a.lastY=a.y)},p=()=>{s()},w=()=>{let i=t.width,c=t.height;h.forEach(n=>n.update());for(let n=u.length-1;n>=0;n--)u[n].update(),u[n].opacity<=0&&u.splice(n,1);e.fillStyle="#050505",e.fillRect(0,0,i,c);let M=[...h,...u],f=[];h.forEach(n=>f.push(...n.glitchZones));for(let n=x/2;n<i;n+=x)for(let l=x/2;l<c;l+=x){let C=!1;for(let o of f)if(n>=o.x&&n<=o.x+o.w&&l>=o.y&&l<=o.y+o.h){C=!0;break}if(C){if(e.fillStyle="rgba(182, 243, 191, 0.95)",Math.random()>.1){let o=Math.random()>.5?F*.7:S*2;e.beginPath(),e.arc(n,l,o/2,0,Math.PI*2),e.fill()}continue}let y=0,I=!1;for(let o of M)if(Math.abs(n-o.x)<o.maxReach&&Math.abs(l-o.y)<o.maxReach){I=!0;break}if(!I){e.fillStyle="rgba(255, 255, 255, 0.03)",e.fillRect(n-.5,l-.5,1,1);continue}for(let o of M){let E=n-o.x,G=l-o.y;if(Math.abs(E)>o.maxReach||Math.abs(G)>o.maxReach)continue;let g=0;for(let R of o.nodes){let z=E-R.offsetX,X=G-R.offsetY,Z=Math.sqrt(z*z+X*X);g+=$(Z,R.radius)}g>1&&(g=1),y+=g*o.opacity}if(y>1&&(y=1),y>.01){let X=Math.floor(255+-73*y),Z=Math.floor(255+-12*y),L=Math.floor(255+-64*y),A=y*.5,P=S+y*(F-S);e.fillStyle=`rgba(${X}, ${Z}, ${L}, ${A})`,e.beginPath(),e.arc(n,l,P/2,0,Math.PI*2),e.fill()}else e.fillStyle="rgba(255, 255, 255, 0.03)",e.fillRect(n-.5,l-.5,1,1)}d=requestAnimationFrame(w)};return window.addEventListener("resize",p),window.addEventListener("mousemove",m),s(),w(),()=>{window.removeEventListener("resize",p),window.removeEventListener("mousemove",m),cancelAnimationFrame(d)}},[]),_jsxruntime.jsx.call(void 0, "canvas",{ref:b,className:"fixed inset-0 -z-10 w-full h-full pointer-events-none"})},T= exports.a =q;exports.a = T;
+//# sourceMappingURL=chunk-MLULTZDS.js.map

package/dist/chunk-MLULTZDS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-MLULTZDS.js","../src/components/GeometricFluidGrid.tsx"],"names":["GAP","BASE_SIZE","MAX_SIZE","getFalloff","dist","radius","val","AnchoredBlob","anchorConfig","__publicField","nodeCount","i","r","ox","oy","dx","dy","k","ax","ay","wx","wy","node","maxDist","g","snap","v","rawCx","rawCy","cx","cy","isVert","len","thickness","TrailBlob","x","y","count","GeometricFluidGrid","canvasRef","useRef","useEffect","canvas","ctx","animationFrameId","orbs","trail","mouse","initWorld","w","h","resize","rect","handleMouseMove","e","handleResize","draw","orb","renderList","allGlitches","o","isGlitching","size","totalInfluence","nearby","entity","localInf","nx","ny","b","alpha","jsx","GeometricFluidGrid_default"],"mappings":"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","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-MLULTZDS.js","sourcesContent":[null,"\"use client\"\nimport React, { useEffect, useRef } from \"react\"\n\n// --- CONFIGURATION ---\nconst GAP = 14\nconst BASE_SIZE = 1\nconst MAX_SIZE = 5\n\n// --- TYPES ---\ninterface Node {\n  offsetX: number\n  offsetY: number\n  vx: number\n  vy: number\n  radius: number\n  t: number\n}\n\ninterface GlitchZone {\n  x: number\n  y: number\n  w: number\n  h: number\n  life: number\n}\n\ninterface MouseState {\n  x: number\n  y: number\n  lastX: number\n  lastY: number\n}\n\n// --- MATH HELPERS ---\nconst getFalloff = (dist: number, radius: number): number => {\n  if (dist < radius) {\n    const val = 1 - dist / radius\n    return val * val * (3 - 2 * val)\n  }\n  return 0\n}\n\n// --- CLASSES ---\nclass AnchoredBlob {\n  // Current Position\n  x: number = 0\n  y: number = 0\n\n  // Anchor Position (Home base)\n  anchorX: number = 0\n  anchorY: number = 0\n\n  // Movement\n  vx: number = 0\n  vy: number = 0\n\n  // Appearance\n  nodes: Node[] = []\n  opacity: number = 0\n\n  // Glitch State\n  glitchZones: GlitchZone[] = []\n  maxReach: number = 180\n\n  constructor(anchorConfig: { x: number; y: number }) {\n    this.anchorX = anchorConfig.x\n    this.anchorY = anchorConfig.y\n    this.x = this.anchorX\n    this.y = this.anchorY\n    this.init()\n  }\n\n  init() {\n    // 1. Create Internal Nodes (The \"Blob\" composition)\n    this.nodes = []\n    const nodeCount = 3 + Math.floor(Math.random() * 3) // 3 to 5 nodes\n\n    for (let i = 0; i < nodeCount; i++) {\n      // Significantly smaller radius (15-40px) to reduce central bulk\n      const r = 15 + Math.random() * 25\n      // Wider initial spread\n      const ox = (Math.random() - 0.5) * 60\n      const oy = (Math.random() - 0.5) * 60\n\n      this.nodes.push({\n        offsetX: ox,\n        offsetY: oy,\n        vx: (Math.random() - 0.5) * 0.1, // Slower internal movement (was 0.4)\n        vy: (Math.random() - 0.5) * 0.1,\n        radius: r,\n        t: Math.random() * 100,\n      })\n    }\n\n    this.opacity = 1\n  }\n\n  update() {\n    // --- 1. Tethered Movement Logic ---\n    const dx = this.anchorX - this.x\n    const dy = this.anchorY - this.y\n\n    // Spring constant (very loose)\n    const k = 0.0005\n    const ax = dx * k\n    const ay = dy * k\n\n    // Random wandering force - Reduced significantly for slower drift\n    const wx = (Math.random() - 0.5) * 0.01 // was 0.05\n    const wy = (Math.random() - 0.5) * 0.01 // was 0.05\n\n    this.vx += ax + wx\n    this.vy += ay + wy\n\n    this.vx *= 0.96\n    this.vy *= 0.96\n\n    this.x += this.vx\n    this.y += this.vy\n\n    // --- 2. Internal Node Animation ---\n    this.nodes.forEach((node) => {\n      // Slow down time step\n      node.t += 0.005 // was 0.02\n\n      // Slower oscillation and movement\n      node.offsetX += Math.sin(node.t) * 0.1 + node.vx // amp was 0.4\n      node.offsetY += Math.cos(node.t * 0.9) * 0.1 + node.vy\n\n      // Constrain to \"nucleus\"\n      const maxDist = 70\n      if (node.offsetX > maxDist || node.offsetX < -maxDist) node.vx *= -1\n      if (node.offsetY > maxDist || node.offsetY < -maxDist) node.vy *= -1\n\n      // Pulse size\n      node.radius += Math.sin(node.t * 2) * 0.1\n    })\n\n    // --- 3. Manage Glitch Zones ---\n    // Remove dead glitches\n    this.glitchZones = this.glitchZones.filter((g) => g.life > 0)\n    this.glitchZones.forEach((g) => g.life--)\n\n    // Randomly spawn new glitches\n    if (Math.random() < 0.03) {\n      // 3% chance per frame\n      const spread = 80\n\n      // Snap random positions to exact grid points to ensure clean lines\n      const snap = (v: number) =>\n        Math.round((v - GAP / 2) / GAP) * GAP + GAP / 2\n\n      const rawCx = this.x + (Math.random() - 0.5) * spread\n      const rawCy = this.y + (Math.random() - 0.5) * spread\n\n      const cx = snap(rawCx)\n      const cy = snap(rawCy)\n\n      const type = Math.random() > 0.6 ? \"line\" : \"dot\"\n\n      if (type === \"line\") {\n        const isVert = Math.random() > 0.5\n        // Medium length: 40-120px\n        const len = 40 + Math.random() * 80\n\n        // Thickness is essentially zero (just a sliver) centered on the grid line\n        // to guarantee we only pick up exactly one row/column of dots\n        const thickness = 2\n\n        this.glitchZones.push({\n          x: isVert ? cx - thickness / 2 : cx - len / 2,\n          y: isVert ? cy - len / 2 : cy - thickness / 2,\n          w: isVert ? thickness : len,\n          h: isVert ? len : thickness,\n          life: 8 + Math.random() * 12,\n        })\n      } else {\n        // Single dot\n        // Box just large enough to catch one grid point\n        const size = 4\n\n        this.glitchZones.push({\n          x: cx - size / 2,\n          y: cy - size / 2,\n          w: size,\n          h: size,\n          life: 6 + Math.random() * 10,\n        })\n      }\n    }\n  }\n}\n\nclass TrailBlob {\n  x: number\n  y: number\n  opacity: number\n  decay: number\n  nodes: Node[]\n  maxReach: number = 60\n\n  constructor(x: number, y: number) {\n    this.x = x\n    this.y = y\n    this.opacity = 0.8\n    this.decay = 0.03\n\n    this.nodes = []\n    const count = 2\n    for (let i = 0; i < count; i++) {\n      this.nodes.push({\n        offsetX: (Math.random() - 0.5) * 10,\n        offsetY: (Math.random() - 0.5) * 10,\n        vx: (Math.random() - 0.5) * 1,\n        vy: (Math.random() - 0.5) * 1,\n        radius: 5 + Math.random() * 10,\n        t: 0,\n      })\n    }\n  }\n\n  update() {\n    this.opacity -= this.decay\n    this.nodes.forEach((node) => {\n      node.offsetX += node.vx\n      node.offsetY += node.vy\n      node.radius *= 0.95\n    })\n  }\n}\n\nconst GeometricFluidGrid: React.FC = () => {\n  const canvasRef = useRef<HTMLCanvasElement>(null)\n\n  useEffect(() => {\n    const canvas = canvasRef.current\n    if (!canvas) return\n\n    const ctx = canvas.getContext(\"2d\")\n    if (!ctx) return\n\n    let animationFrameId: number\n    let orbs: AnchoredBlob[] = []\n    let trail: TrailBlob[] = []\n    let mouse: MouseState = { x: -1000, y: -1000, lastX: -1000, lastY: -1000 }\n\n    const initWorld = () => {\n      orbs = []\n      const w = canvas.width\n      const h = canvas.height\n\n      // 1. Top Right\n      orbs.push(\n        new AnchoredBlob({\n          x: w - w * 0.15,\n          y: h * 0.15,\n        })\n      )\n\n      // 2. ~40% from top and ~40% from left\n      orbs.push(\n        new AnchoredBlob({\n          x: w * 0.4,\n          y: h * 0.4,\n        })\n      )\n\n      // 3. Bottom Left\n      orbs.push(\n        new AnchoredBlob({\n          x: w * 0.05 + 50,\n          y: h - h * 0.15,\n        })\n      )\n\n      // 4. Bottom Right\n      orbs.push(\n        new AnchoredBlob({\n          x: w - w * 0.05 - 50,\n          y: h - h * 0.05 - 50,\n        })\n      )\n    }\n\n    const resize = () => {\n      const rect = canvas.getBoundingClientRect()\n      canvas.width = rect.width\n      canvas.height = rect.height\n      initWorld()\n    }\n\n    const handleMouseMove = (e: MouseEvent) => {\n      const rect = canvas.getBoundingClientRect()\n      mouse.x = e.clientX - rect.left\n      mouse.y = e.clientY - rect.top\n\n      if (mouse.lastX === -1000) {\n        mouse.lastX = mouse.x\n        mouse.lastY = mouse.y\n      }\n\n      const dx = mouse.x - mouse.lastX\n      const dy = mouse.y - mouse.lastY\n      const dist = Math.sqrt(dx * dx + dy * dy)\n\n      if (dist > 20) {\n        trail.push(new TrailBlob(mouse.x, mouse.y))\n        mouse.lastX = mouse.x\n        mouse.lastY = mouse.y\n      }\n    }\n\n    const handleResize = () => {\n      resize()\n    }\n\n    const draw = () => {\n      const w = canvas.width\n      const h = canvas.height\n\n      // Update Logic\n      orbs.forEach((orb) => orb.update())\n      for (let i = trail.length - 1; i >= 0; i--) {\n        trail[i].update()\n        if (trail[i].opacity <= 0) trail.splice(i, 1)\n      }\n\n      // Clear Screen\n      ctx.fillStyle = \"#050505\"\n      ctx.fillRect(0, 0, w, h)\n\n      const renderList = [...orbs, ...trail]\n\n      // Collect all glitch zones for easier checking inside the loop\n      // We flat map them to a simple array to iterate quickly\n      const allGlitches: GlitchZone[] = []\n      orbs.forEach((o) => allGlitches.push(...o.glitchZones))\n\n      for (let x = GAP / 2; x < w; x += GAP) {\n        for (let y = GAP / 2; y < h; y += GAP) {\n          // --- GLITCH CHECK ---\n          // Check if this specific grid dot is inside a glitch zone\n          let isGlitching = false\n          for (const g of allGlitches) {\n            // Simple AABB check\n            if (x >= g.x && x <= g.x + g.w && y >= g.y && y <= g.y + g.h) {\n              isGlitching = true\n              break\n            }\n          }\n\n          if (isGlitching) {\n            // Glitched Dot: Bright\n            // We use the grid itself to manifest the glitch\n            ctx.fillStyle = \"rgba(182, 243, 191, 0.95)\"\n\n            // Randomly skip some dots in the glitch line for a \"broken\" look\n            if (Math.random() > 0.1) {\n              const size = Math.random() > 0.5 ? MAX_SIZE * 0.7 : BASE_SIZE * 2\n              ctx.beginPath()\n              ctx.arc(x, y, size / 2, 0, Math.PI * 2)\n              ctx.fill()\n            }\n            continue // Skip standard influence calculation for this dot\n          }\n\n          // --- STANDARD INFLUENCE CHECK ---\n          let totalInfluence = 0\n\n          // Optimization: Is near blob?\n          let nearby = false\n          for (const entity of renderList) {\n            if (\n              Math.abs(x - entity.x) < entity.maxReach &&\n              Math.abs(y - entity.y) < entity.maxReach\n            ) {\n              nearby = true\n              break\n            }\n          }\n\n          if (!nearby) {\n            // Passive Background Dot\n            ctx.fillStyle = \"rgba(255, 255, 255, 0.03)\"\n            ctx.fillRect(x - 0.5, y - 0.5, 1, 1)\n            continue\n          }\n\n          // Calculate Influence\n          for (const entity of renderList) {\n            const dx = x - entity.x\n            const dy = y - entity.y\n\n            if (\n              Math.abs(dx) > entity.maxReach ||\n              Math.abs(dy) > entity.maxReach\n            )\n              continue\n\n            let localInf = 0\n            for (const node of entity.nodes) {\n              const nx = dx - node.offsetX\n              const ny = dy - node.offsetY\n              const dist = Math.sqrt(nx * nx + ny * ny)\n              localInf += getFalloff(dist, node.radius)\n            }\n            if (localInf > 1) localInf = 1\n            totalInfluence += localInf * entity.opacity\n          }\n\n          if (totalInfluence > 1) totalInfluence = 1\n\n          // Draw Cell\n          if (totalInfluence > 0.01) {\n            // Gradient: White (Edge) to Green (#B6F3BF - Center)\n            const edgeR = 255,\n              centerR = 182\n            const edgeG = 255,\n              centerG = 243\n            const edgeB = 255,\n              centerB = 191\n\n            // Interpolate from White (0 influence) to Green (1 influence)\n            const r = Math.floor(edgeR + (centerR - edgeR) * totalInfluence)\n            const g = Math.floor(edgeG + (centerG - edgeG) * totalInfluence)\n            const b = Math.floor(edgeB + (centerB - edgeB) * totalInfluence)\n\n            const alpha = totalInfluence * 0.5\n            const size = BASE_SIZE + totalInfluence * (MAX_SIZE - BASE_SIZE)\n\n            ctx.fillStyle = `rgba(${r}, ${g}, ${b}, ${alpha})`\n            ctx.beginPath()\n            ctx.arc(x, y, size / 2, 0, Math.PI * 2)\n            ctx.fill()\n          } else {\n            ctx.fillStyle = \"rgba(255, 255, 255, 0.03)\"\n            ctx.fillRect(x - 0.5, y - 0.5, 1, 1)\n          }\n        }\n      }\n\n      animationFrameId = requestAnimationFrame(draw)\n    }\n\n    window.addEventListener(\"resize\", handleResize)\n    window.addEventListener(\"mousemove\", handleMouseMove)\n\n    resize()\n    draw()\n\n    return () => {\n      window.removeEventListener(\"resize\", handleResize)\n      window.removeEventListener(\"mousemove\", handleMouseMove)\n      cancelAnimationFrame(animationFrameId)\n    }\n  }, [])\n\n  return (\n    <canvas\n      ref={canvasRef}\n      className=\"fixed inset-0 -z-10 w-full h-full pointer-events-none\"\n    />\n  )\n}\n\nexport default GeometricFluidGrid\n"]}

package/dist/chunk-R74QDO2Z.js.map

@@ -1 +1 @@
-{"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"]}
+{"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"]}

package/dist/chunk-RTHCEJYC.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{a as r}from"./chunk-KPAOPUY2.mjs";import{useEffect as k,useRef as N}from"react";import{jsx as _}from"react/jsx-runtime";var x=14,S=1,F=5,$=(b,t)=>{if(b<t){let e=1-b/t;return e*e*(3-2*e)}return 0},v=class{constructor(t){r(this,"x",0);r(this,"y",0);r(this,"anchorX",0);r(this,"anchorY",0);r(this,"vx",0);r(this,"vy",0);r(this,"nodes",[]);r(this,"opacity",0);r(this,"glitchZones",[]);r(this,"maxReach",180);this.anchorX=t.x,this.anchorY=t.y,this.x=this.anchorX,this.y=this.anchorY,this.init()}init(){this.nodes=[];let t=3+Math.floor(Math.random()*3);for(let e=0;e<t;e++){let d=15+Math.random()*25,h=(Math.random()-.5)*60,u=(Math.random()-.5)*60;this.nodes.push({offsetX:h,offsetY:u,vx:(Math.random()-.5)*.1,vy:(Math.random()-.5)*.1,radius:d,t:Math.random()*100})}this.opacity=1}update(){let t=this.anchorX-this.x,e=this.anchorY-this.y,d=5e-4,h=t*d,u=e*d,a=(Math.random()-.5)*.01,Y=(Math.random()-.5)*.01;if(this.vx+=h+a,this.vy+=u+Y,this.vx*=.96,this.vy*=.96,this.x+=this.vx,this.y+=this.vy,this.nodes.forEach(s=>{s.t+=.005,s.offsetX+=Math.sin(s.t)*.1+s.vx,s.offsetY+=Math.cos(s.t*.9)*.1+s.vy;let m=70;(s.offsetX>m||s.offsetX<-m)&&(s.vx*=-1),(s.offsetY>m||s.offsetY<-m)&&(s.vy*=-1),s.radius+=Math.sin(s.t*2)*.1}),this.glitchZones=this.glitchZones.filter(s=>s.life>0),this.glitchZones.forEach(s=>s.life--),Math.random()<.03){let m=f=>Math.round((f-x/2)/x)*x+x/2,p=this.x+(Math.random()-.5)*80,w=this.y+(Math.random()-.5)*80,i=m(p),c=m(w);if((Math.random()>.6?"line":"dot")==="line"){let f=Math.random()>.5,n=40+Math.random()*80,l=2;this.glitchZones.push({x:f?i-l/2:i-n/2,y:f?c-n/2:c-l/2,w:f?l:n,h:f?n:l,life:8+Math.random()*12})}else this.glitchZones.push({x:i-4/2,y:c-4/2,w:4,h:4,life:6+Math.random()*10})}}},B=class{constructor(t,e){r(this,"x");r(this,"y");r(this,"opacity");r(this,"decay");r(this,"nodes");r(this,"maxReach",60);this.x=t,this.y=e,this.opacity=.8,this.decay=.03,this.nodes=[];let d=2;for(let h=0;h<d;h++)this.nodes.push({offsetX:(Math.random()-.5)*10,offsetY:(Math.random()-.5)*10,vx:(Math.random()-.5)*1,vy:(Math.random()-.5)*1,radius:5+Math.random()*10,t:0})}update(){this.opacity-=this.decay,this.nodes.forEach(t=>{t.offsetX+=t.vx,t.offsetY+=t.vy,t.radius*=.95})}},q=()=>{let b=N(null);return k(()=>{let t=b.current;if(!t)return;let e=t.getContext("2d");if(!e)return;let d,h=[],u=[],a={x:-1e3,y:-1e3,lastX:-1e3,lastY:-1e3},Y=()=>{h=[];let i=t.width,c=t.height;h.push(new v({x:i-i*.15,y:c*.15})),h.push(new v({x:i*.4,y:c*.4})),h.push(new v({x:i*.05+50,y:c-c*.15})),h.push(new v({x:i-i*.05-50,y:c-c*.05-50}))},s=()=>{let i=t.getBoundingClientRect();t.width=i.width,t.height=i.height,Y()},m=i=>{let c=t.getBoundingClientRect();a.x=i.clientX-c.left,a.y=i.clientY-c.top,a.lastX===-1e3&&(a.lastX=a.x,a.lastY=a.y);let M=a.x-a.lastX,f=a.y-a.lastY;Math.sqrt(M*M+f*f)>20&&(u.push(new B(a.x,a.y)),a.lastX=a.x,a.lastY=a.y)},p=()=>{s()},w=()=>{let i=t.width,c=t.height;h.forEach(n=>n.update());for(let n=u.length-1;n>=0;n--)u[n].update(),u[n].opacity<=0&&u.splice(n,1);e.fillStyle="#050505",e.fillRect(0,0,i,c);let M=[...h,...u],f=[];h.forEach(n=>f.push(...n.glitchZones));for(let n=x/2;n<i;n+=x)for(let l=x/2;l<c;l+=x){let C=!1;for(let o of f)if(n>=o.x&&n<=o.x+o.w&&l>=o.y&&l<=o.y+o.h){C=!0;break}if(C){if(e.fillStyle="rgba(182, 243, 191, 0.95)",Math.random()>.1){let o=Math.random()>.5?F*.7:S*2;e.beginPath(),e.arc(n,l,o/2,0,Math.PI*2),e.fill()}continue}let y=0,I=!1;for(let o of M)if(Math.abs(n-o.x)<o.maxReach&&Math.abs(l-o.y)<o.maxReach){I=!0;break}if(!I){e.fillStyle="rgba(255, 255, 255, 0.03)",e.fillRect(n-.5,l-.5,1,1);continue}for(let o of M){let E=n-o.x,G=l-o.y;if(Math.abs(E)>o.maxReach||Math.abs(G)>o.maxReach)continue;let g=0;for(let R of o.nodes){let z=E-R.offsetX,X=G-R.offsetY,Z=Math.sqrt(z*z+X*X);g+=$(Z,R.radius)}g>1&&(g=1),y+=g*o.opacity}if(y>1&&(y=1),y>.01){let X=Math.floor(255+-73*y),Z=Math.floor(255+-12*y),L=Math.floor(255+-64*y),A=y*.5,P=S+y*(F-S);e.fillStyle=`rgba(${X}, ${Z}, ${L}, ${A})`,e.beginPath(),e.arc(n,l,P/2,0,Math.PI*2),e.fill()}else e.fillStyle="rgba(255, 255, 255, 0.03)",e.fillRect(n-.5,l-.5,1,1)}d=requestAnimationFrame(w)};return window.addEventListener("resize",p),window.addEventListener("mousemove",m),s(),w(),()=>{window.removeEventListener("resize",p),window.removeEventListener("mousemove",m),cancelAnimationFrame(d)}},[]),_("canvas",{ref:b,className:"fixed inset-0 -z-10 w-full h-full pointer-events-none"})},T=q;export{T as a};
+//# sourceMappingURL=chunk-RTHCEJYC.mjs.map

package/dist/chunk-RTHCEJYC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/GeometricFluidGrid.tsx"],"sourcesContent":["\"use client\"\nimport React, { useEffect, useRef } from \"react\"\n\n// --- CONFIGURATION ---\nconst GAP = 14\nconst BASE_SIZE = 1\nconst MAX_SIZE = 5\n\n// --- TYPES ---\ninterface Node {\n  offsetX: number\n  offsetY: number\n  vx: number\n  vy: number\n  radius: number\n  t: number\n}\n\ninterface GlitchZone {\n  x: number\n  y: number\n  w: number\n  h: number\n  life: number\n}\n\ninterface MouseState {\n  x: number\n  y: number\n  lastX: number\n  lastY: number\n}\n\n// --- MATH HELPERS ---\nconst getFalloff = (dist: number, radius: number): number => {\n  if (dist < radius) {\n    const val = 1 - dist / radius\n    return val * val * (3 - 2 * val)\n  }\n  return 0\n}\n\n// --- CLASSES ---\nclass AnchoredBlob {\n  // Current Position\n  x: number = 0\n  y: number = 0\n\n  // Anchor Position (Home base)\n  anchorX: number = 0\n  anchorY: number = 0\n\n  // Movement\n  vx: number = 0\n  vy: number = 0\n\n  // Appearance\n  nodes: Node[] = []\n  opacity: number = 0\n\n  // Glitch State\n  glitchZones: GlitchZone[] = []\n  maxReach: number = 180\n\n  constructor(anchorConfig: { x: number; y: number }) {\n    this.anchorX = anchorConfig.x\n    this.anchorY = anchorConfig.y\n    this.x = this.anchorX\n    this.y = this.anchorY\n    this.init()\n  }\n\n  init() {\n    // 1. Create Internal Nodes (The \"Blob\" composition)\n    this.nodes = []\n    const nodeCount = 3 + Math.floor(Math.random() * 3) // 3 to 5 nodes\n\n    for (let i = 0; i < nodeCount; i++) {\n      // Significantly smaller radius (15-40px) to reduce central bulk\n      const r = 15 + Math.random() * 25\n      // Wider initial spread\n      const ox = (Math.random() - 0.5) * 60\n      const oy = (Math.random() - 0.5) * 60\n\n      this.nodes.push({\n        offsetX: ox,\n        offsetY: oy,\n        vx: (Math.random() - 0.5) * 0.1, // Slower internal movement (was 0.4)\n        vy: (Math.random() - 0.5) * 0.1,\n        radius: r,\n        t: Math.random() * 100,\n      })\n    }\n\n    this.opacity = 1\n  }\n\n  update() {\n    // --- 1. Tethered Movement Logic ---\n    const dx = this.anchorX - this.x\n    const dy = this.anchorY - this.y\n\n    // Spring constant (very loose)\n    const k = 0.0005\n    const ax = dx * k\n    const ay = dy * k\n\n    // Random wandering force - Reduced significantly for slower drift\n    const wx = (Math.random() - 0.5) * 0.01 // was 0.05\n    const wy = (Math.random() - 0.5) * 0.01 // was 0.05\n\n    this.vx += ax + wx\n    this.vy += ay + wy\n\n    this.vx *= 0.96\n    this.vy *= 0.96\n\n    this.x += this.vx\n    this.y += this.vy\n\n    // --- 2. Internal Node Animation ---\n    this.nodes.forEach((node) => {\n      // Slow down time step\n      node.t += 0.005 // was 0.02\n\n      // Slower oscillation and movement\n      node.offsetX += Math.sin(node.t) * 0.1 + node.vx // amp was 0.4\n      node.offsetY += Math.cos(node.t * 0.9) * 0.1 + node.vy\n\n      // Constrain to \"nucleus\"\n      const maxDist = 70\n      if (node.offsetX > maxDist || node.offsetX < -maxDist) node.vx *= -1\n      if (node.offsetY > maxDist || node.offsetY < -maxDist) node.vy *= -1\n\n      // Pulse size\n      node.radius += Math.sin(node.t * 2) * 0.1\n    })\n\n    // --- 3. Manage Glitch Zones ---\n    // Remove dead glitches\n    this.glitchZones = this.glitchZones.filter((g) => g.life > 0)\n    this.glitchZones.forEach((g) => g.life--)\n\n    // Randomly spawn new glitches\n    if (Math.random() < 0.03) {\n      // 3% chance per frame\n      const spread = 80\n\n      // Snap random positions to exact grid points to ensure clean lines\n      const snap = (v: number) =>\n        Math.round((v - GAP / 2) / GAP) * GAP + GAP / 2\n\n      const rawCx = this.x + (Math.random() - 0.5) * spread\n      const rawCy = this.y + (Math.random() - 0.5) * spread\n\n      const cx = snap(rawCx)\n      const cy = snap(rawCy)\n\n      const type = Math.random() > 0.6 ? \"line\" : \"dot\"\n\n      if (type === \"line\") {\n        const isVert = Math.random() > 0.5\n        // Medium length: 40-120px\n        const len = 40 + Math.random() * 80\n\n        // Thickness is essentially zero (just a sliver) centered on the grid line\n        // to guarantee we only pick up exactly one row/column of dots\n        const thickness = 2\n\n        this.glitchZones.push({\n          x: isVert ? cx - thickness / 2 : cx - len / 2,\n          y: isVert ? cy - len / 2 : cy - thickness / 2,\n          w: isVert ? thickness : len,\n          h: isVert ? len : thickness,\n          life: 8 + Math.random() * 12,\n        })\n      } else {\n        // Single dot\n        // Box just large enough to catch one grid point\n        const size = 4\n\n        this.glitchZones.push({\n          x: cx - size / 2,\n          y: cy - size / 2,\n          w: size,\n          h: size,\n          life: 6 + Math.random() * 10,\n        })\n      }\n    }\n  }\n}\n\nclass TrailBlob {\n  x: number\n  y: number\n  opacity: number\n  decay: number\n  nodes: Node[]\n  maxReach: number = 60\n\n  constructor(x: number, y: number) {\n    this.x = x\n    this.y = y\n    this.opacity = 0.8\n    this.decay = 0.03\n\n    this.nodes = []\n    const count = 2\n    for (let i = 0; i < count; i++) {\n      this.nodes.push({\n        offsetX: (Math.random() - 0.5) * 10,\n        offsetY: (Math.random() - 0.5) * 10,\n        vx: (Math.random() - 0.5) * 1,\n        vy: (Math.random() - 0.5) * 1,\n        radius: 5 + Math.random() * 10,\n        t: 0,\n      })\n    }\n  }\n\n  update() {\n    this.opacity -= this.decay\n    this.nodes.forEach((node) => {\n      node.offsetX += node.vx\n      node.offsetY += node.vy\n      node.radius *= 0.95\n    })\n  }\n}\n\nconst GeometricFluidGrid: React.FC = () => {\n  const canvasRef = useRef<HTMLCanvasElement>(null)\n\n  useEffect(() => {\n    const canvas = canvasRef.current\n    if (!canvas) return\n\n    const ctx = canvas.getContext(\"2d\")\n    if (!ctx) return\n\n    let animationFrameId: number\n    let orbs: AnchoredBlob[] = []\n    let trail: TrailBlob[] = []\n    let mouse: MouseState = { x: -1000, y: -1000, lastX: -1000, lastY: -1000 }\n\n    const initWorld = () => {\n      orbs = []\n      const w = canvas.width\n      const h = canvas.height\n\n      // 1. Top Right\n      orbs.push(\n        new AnchoredBlob({\n          x: w - w * 0.15,\n          y: h * 0.15,\n        })\n      )\n\n      // 2. ~40% from top and ~40% from left\n      orbs.push(\n        new AnchoredBlob({\n          x: w * 0.4,\n          y: h * 0.4,\n        })\n      )\n\n      // 3. Bottom Left\n      orbs.push(\n        new AnchoredBlob({\n          x: w * 0.05 + 50,\n          y: h - h * 0.15,\n        })\n      )\n\n      // 4. Bottom Right\n      orbs.push(\n        new AnchoredBlob({\n          x: w - w * 0.05 - 50,\n          y: h - h * 0.05 - 50,\n        })\n      )\n    }\n\n    const resize = () => {\n      const rect = canvas.getBoundingClientRect()\n      canvas.width = rect.width\n      canvas.height = rect.height\n      initWorld()\n    }\n\n    const handleMouseMove = (e: MouseEvent) => {\n      const rect = canvas.getBoundingClientRect()\n      mouse.x = e.clientX - rect.left\n      mouse.y = e.clientY - rect.top\n\n      if (mouse.lastX === -1000) {\n        mouse.lastX = mouse.x\n        mouse.lastY = mouse.y\n      }\n\n      const dx = mouse.x - mouse.lastX\n      const dy = mouse.y - mouse.lastY\n      const dist = Math.sqrt(dx * dx + dy * dy)\n\n      if (dist > 20) {\n        trail.push(new TrailBlob(mouse.x, mouse.y))\n        mouse.lastX = mouse.x\n        mouse.lastY = mouse.y\n      }\n    }\n\n    const handleResize = () => {\n      resize()\n    }\n\n    const draw = () => {\n      const w = canvas.width\n      const h = canvas.height\n\n      // Update Logic\n      orbs.forEach((orb) => orb.update())\n      for (let i = trail.length - 1; i >= 0; i--) {\n        trail[i].update()\n        if (trail[i].opacity <= 0) trail.splice(i, 1)\n      }\n\n      // Clear Screen\n      ctx.fillStyle = \"#050505\"\n      ctx.fillRect(0, 0, w, h)\n\n      const renderList = [...orbs, ...trail]\n\n      // Collect all glitch zones for easier checking inside the loop\n      // We flat map them to a simple array to iterate quickly\n      const allGlitches: GlitchZone[] = []\n      orbs.forEach((o) => allGlitches.push(...o.glitchZones))\n\n      for (let x = GAP / 2; x < w; x += GAP) {\n        for (let y = GAP / 2; y < h; y += GAP) {\n          // --- GLITCH CHECK ---\n          // Check if this specific grid dot is inside a glitch zone\n          let isGlitching = false\n          for (const g of allGlitches) {\n            // Simple AABB check\n            if (x >= g.x && x <= g.x + g.w && y >= g.y && y <= g.y + g.h) {\n              isGlitching = true\n              break\n            }\n          }\n\n          if (isGlitching) {\n            // Glitched Dot: Bright\n            // We use the grid itself to manifest the glitch\n            ctx.fillStyle = \"rgba(182, 243, 191, 0.95)\"\n\n            // Randomly skip some dots in the glitch line for a \"broken\" look\n            if (Math.random() > 0.1) {\n              const size = Math.random() > 0.5 ? MAX_SIZE * 0.7 : BASE_SIZE * 2\n              ctx.beginPath()\n              ctx.arc(x, y, size / 2, 0, Math.PI * 2)\n              ctx.fill()\n            }\n            continue // Skip standard influence calculation for this dot\n          }\n\n          // --- STANDARD INFLUENCE CHECK ---\n          let totalInfluence = 0\n\n          // Optimization: Is near blob?\n          let nearby = false\n          for (const entity of renderList) {\n            if (\n              Math.abs(x - entity.x) < entity.maxReach &&\n              Math.abs(y - entity.y) < entity.maxReach\n            ) {\n              nearby = true\n              break\n            }\n          }\n\n          if (!nearby) {\n            // Passive Background Dot\n            ctx.fillStyle = \"rgba(255, 255, 255, 0.03)\"\n            ctx.fillRect(x - 0.5, y - 0.5, 1, 1)\n            continue\n          }\n\n          // Calculate Influence\n          for (const entity of renderList) {\n            const dx = x - entity.x\n            const dy = y - entity.y\n\n            if (\n              Math.abs(dx) > entity.maxReach ||\n              Math.abs(dy) > entity.maxReach\n            )\n              continue\n\n            let localInf = 0\n            for (const node of entity.nodes) {\n              const nx = dx - node.offsetX\n              const ny = dy - node.offsetY\n              const dist = Math.sqrt(nx * nx + ny * ny)\n              localInf += getFalloff(dist, node.radius)\n            }\n            if (localInf > 1) localInf = 1\n            totalInfluence += localInf * entity.opacity\n          }\n\n          if (totalInfluence > 1) totalInfluence = 1\n\n          // Draw Cell\n          if (totalInfluence > 0.01) {\n            // Gradient: White (Edge) to Green (#B6F3BF - Center)\n            const edgeR = 255,\n              centerR = 182\n            const edgeG = 255,\n              centerG = 243\n            const edgeB = 255,\n              centerB = 191\n\n            // Interpolate from White (0 influence) to Green (1 influence)\n            const r = Math.floor(edgeR + (centerR - edgeR) * totalInfluence)\n            const g = Math.floor(edgeG + (centerG - edgeG) * totalInfluence)\n            const b = Math.floor(edgeB + (centerB - edgeB) * totalInfluence)\n\n            const alpha = totalInfluence * 0.5\n            const size = BASE_SIZE + totalInfluence * (MAX_SIZE - BASE_SIZE)\n\n            ctx.fillStyle = `rgba(${r}, ${g}, ${b}, ${alpha})`\n            ctx.beginPath()\n            ctx.arc(x, y, size / 2, 0, Math.PI * 2)\n            ctx.fill()\n          } else {\n            ctx.fillStyle = \"rgba(255, 255, 255, 0.03)\"\n            ctx.fillRect(x - 0.5, y - 0.5, 1, 1)\n          }\n        }\n      }\n\n      animationFrameId = requestAnimationFrame(draw)\n    }\n\n    window.addEventListener(\"resize\", handleResize)\n    window.addEventListener(\"mousemove\", handleMouseMove)\n\n    resize()\n    draw()\n\n    return () => {\n      window.removeEventListener(\"resize\", handleResize)\n      window.removeEventListener(\"mousemove\", handleMouseMove)\n      cancelAnimationFrame(animationFrameId)\n    }\n  }, [])\n\n  return (\n    <canvas\n      ref={canvasRef}\n      className=\"fixed inset-0 -z-10 w-full h-full pointer-events-none\"\n    />\n  )\n}\n\nexport default GeometricFluidGrid\n"],"mappings":"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","names":["useEffect","useRef","jsx","GAP","BASE_SIZE","MAX_SIZE","getFalloff","dist","radius","val","AnchoredBlob","anchorConfig","__publicField","nodeCount","i","r","ox","oy","dx","dy","k","ax","ay","wx","wy","node","maxDist","g","snap","v","rawCx","rawCy","cx","cy","isVert","len","thickness","TrailBlob","x","y","count","GeometricFluidGrid","canvasRef","useRef","useEffect","canvas","ctx","animationFrameId","orbs","trail","mouse","initWorld","w","h","resize","rect","handleMouseMove","e","handleResize","draw","orb","renderList","allGlitches","o","isGlitching","size","totalInfluence","nearby","entity","localInf","nx","ny","b","alpha","GeometricFluidGrid_default"]}

package/dist/chunk-SIGGW2CQ.js.map

@@ -1 +1 @@
-{"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"]}
+{"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"]}