@alkimi.org/ui-kit 0.8.7 → 0.8.8

package/dist/{chunk-FINC3UAQ.mjs.map → chunk-VNF4HDJR.mjs.map}

@@ -1 +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\ninterface GeometricFluidGridProps {\n  variant?: \"animated\" | \"static\"\n}\n\nconst GeometricFluidGrid: React.FC<GeometricFluidGridProps> = ({\n  variant = \"animated\",\n}) => {\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      // Clear Screen\n      ctx.fillStyle = \"#050505\"\n      ctx.fillRect(0, 0, w, h)\n\n      // Static variant: just render uniform dots\n      if (variant === \"static\") {\n        for (let x = GAP / 2; x < w; x += GAP) {\n          for (let y = GAP / 2; y < h; y += GAP) {\n            ctx.fillStyle = \"rgba(255, 255, 255, 0.03)\"\n            ctx.fillRect(x - 0.5, y - 0.5, 1, 1)\n          }\n        }\n        return // No animation loop for static variant\n      }\n\n      // Animated variant: update and render with animations\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      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    if (variant === \"animated\") {\n      window.addEventListener(\"mousemove\", handleMouseMove)\n    }\n\n    resize()\n    draw()\n\n    return () => {\n      window.removeEventListener(\"resize\", handleResize)\n      if (variant === \"animated\") {\n        window.removeEventListener(\"mousemove\", handleMouseMove)\n      }\n      cancelAnimationFrame(animationFrameId)\n    }\n  }, [variant])\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","variant","canvasRef","useRef","useEffect","canvas","ctx","animationFrameId","orbs","trail","mouse","initWorld","w","resize","rect","handleMouseMove","e","handleResize","draw","orb","renderList","allGlitches","o","isGlitching","size","totalInfluence","nearby","entity","localInf","nx","ny","b","alpha","GeometricFluidGrid_default"]}
+{"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\ninterface GeometricFluidGridProps {\n  variant?: \"animated\" | \"static\"\n}\n\nconst GeometricFluidGrid: React.FC<GeometricFluidGridProps> = ({\n  variant = \"animated\",\n}) => {\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      // Clear Screen\n      ctx.fillStyle = \"#050505\"\n      ctx.fillRect(0, 0, w, h)\n\n      // Static variant: just render uniform dots\n      if (variant === \"static\") {\n        for (let x = GAP / 2; x < w; x += GAP) {\n          for (let y = GAP / 2; y < h; y += GAP) {\n            ctx.fillStyle = \"rgba(255, 255, 255, 0.03)\"\n            ctx.fillRect(x - 0.5, y - 0.5, 1, 1)\n          }\n        }\n        return // No animation loop for static variant\n      }\n\n      // Animated variant: update and render with animations\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      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    if (variant === \"animated\") {\n      window.addEventListener(\"mousemove\", handleMouseMove)\n    }\n\n    resize()\n    draw()\n\n    return () => {\n      window.removeEventListener(\"resize\", handleResize)\n      if (variant === \"animated\") {\n        window.removeEventListener(\"mousemove\", handleMouseMove)\n      }\n      cancelAnimationFrame(animationFrameId)\n    }\n  }, [variant])\n\n  return (\n    <canvas\n      ref={canvasRef}\n      className=\"fixed inset-0 -z-999 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","variant","canvasRef","useRef","useEffect","canvas","ctx","animationFrameId","orbs","trail","mouse","initWorld","w","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-YXXGA3BD.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+var _chunkULIOO55Ijs = require('./chunk-ULIOO55I.js');var _chunkHKLR7AH3js = require('./chunk-HKLR7AH3.js');var _chunkFUYXCJOQjs = require('./chunk-FUYXCJOQ.js');var _react = require('react'); var k = _interopRequireWildcard(_react);var _lucidereact = require('lucide-react');var _jsxruntime = require('react/jsx-runtime');function F({options:l,value:s,onValueChange:O,placeholder:m="Select option...",searchPlaceholder:S="Search...",emptyMessage:R="No option found.",disabled:D=!1,className:E,error:I=!1,multiple:i=!1,values:n=[],onValuesChange:p}){let[g,b]=k.useState(!1),u=l.find(e=>e.value===s),a=l.filter(e=>n.includes(e.value)),T=e=>{if(i){let t=n.includes(e)?n.filter(c=>c!==e):[...n,e];_optionalChain([p, 'optionalCall', _ => _(t)])}else _optionalChain([O, 'optionalCall', _2 => _2(e===s?"":e)]),b(!1)},G=(e,t)=>{t.preventDefault(),t.stopPropagation();let c=n.filter(M=>M!==e);_optionalChain([p, 'optionalCall', _3 => _3(c)])},L=()=>i?a.length===0?m:a.length===1?a[0].label:`${a.length} selected`:u?u.label:m;return _jsxruntime.jsxs.call(void 0, _chunkULIOO55Ijs.a,{open:g,onOpenChange:b,children:[_jsxruntime.jsx.call(void 0, _chunkULIOO55Ijs.b,{asChild:!0,children:_jsxruntime.jsxs.call(void 0, "button",{type:"button",role:"combobox","aria-expanded":g,disabled:D,className:_chunkFUYXCJOQjs.a.call(void 0, "cursor-pointer flex my-2 h-9 w-full items-center justify-between rounded-3xl border border-border bg-background hover:bg-secondary px-4 py-2 text-sm text-primary-accent ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",!s&&!n.length&&"text-secondary-text",I&&"border-destructive-foreground focus-visible:ring-destructive-foreground",E),children:[_jsxruntime.jsx.call(void 0, "span",{className:"truncate",children:L()}),_jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})}),_jsxruntime.jsx.call(void 0, _chunkULIOO55Ijs.c,{className:"p-0",align:"start",style:{width:"var(--radix-popover-trigger-width)"},children:_jsxruntime.jsxs.call(void 0, _chunkHKLR7AH3js.a,{children:[_jsxruntime.jsx.call(void 0, _chunkHKLR7AH3js.c,{placeholder:S}),_jsxruntime.jsxs.call(void 0, _chunkHKLR7AH3js.d,{children:[_jsxruntime.jsx.call(void 0, _chunkHKLR7AH3js.e,{children:R}),_jsxruntime.jsxs.call(void 0, _chunkHKLR7AH3js.f,{children:[i&&a.length>0&&_jsxruntime.jsx.call(void 0, "div",{className:"px-2 py-1.5",children:_jsxruntime.jsx.call(void 0, "div",{className:"flex flex-wrap gap-1",children:a.map(e=>_jsxruntime.jsxs.call(void 0, "div",{className:"inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs",children:[_jsxruntime.jsx.call(void 0, "span",{className:"truncate",children:e.label}),_jsxruntime.jsx.call(void 0, _lucidereact.X,{className:"h-3 w-3 cursor-pointer hover:text-destructive",onClick:t=>G(e.value,t)})]},e.value))})}),l.map(e=>{let t=i?n.includes(e.value):s===e.value;return _jsxruntime.jsxs.call(void 0, _chunkHKLR7AH3js.h,{value:e.value,onSelect:T,children:[_jsxruntime.jsx.call(void 0, _lucidereact.Check,{className:_chunkFUYXCJOQjs.a.call(void 0, "mr-2 h-4 w-4",t?"opacity-100":"opacity-0")}),_jsxruntime.jsx.call(void 0, "span",{className:"truncate",children:e.label})]},e.value)})]})]})]})})]})}exports.a = F;
+//# sourceMappingURL=chunk-YXXGA3BD.js.map

package/dist/chunk-YXXGA3BD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-YXXGA3BD.js","../src/components/combobox.tsx"],"names":["Combobox","options","value","onValueChange","placeholder","searchPlaceholder","emptyMessage","disabled","className","error","multiple","values","onValuesChange","open","setOpen","selectedOption","option","selectedOptions","handleSelect","currentValue","newValues","v","handleRemoveValue","valueToRemove","e","getDisplayText"],"mappings":"AAAA,22BAAY;AACZ,sDAAqD,sDAA2E,sDAAwC,uECDjJ,2CACe,+CAqF9B,SApDQA,CAAAA,CAAS,CACvB,OAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CAAc,kBAAA,CACd,iBAAA,CAAAC,CAAAA,CAAoB,WAAA,CACpB,YAAA,CAAAC,CAAAA,CAAe,kBAAA,CACf,QAAA,CAAAC,CAAAA,CAAW,CAAA,CAAA,CACX,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CAAQ,CAAA,CAAA,CACR,QAAA,CAAAC,CAAAA,CAAW,CAAA,CAAA,CACX,MAAA,CAAAC,CAAAA,CAAS,CAAC,CAAA,CACV,cAAA,CAAAC,CACF,CAAA,CAAkB,CAChB,GAAM,CAACC,CAAAA,CAAMC,CAAO,CAAA,CAAU,CAAA,CAAA,QAAA,CAAS,CAAA,CAAK,CAAA,CAEtCC,CAAAA,CAAiBd,CAAAA,CAAQ,IAAA,CAAMe,CAAAA,EAAWA,CAAAA,CAAO,KAAA,GAAUd,CAAK,CAAA,CAChEe,CAAAA,CAAkBhB,CAAAA,CAAQ,MAAA,CAAQe,CAAAA,EACtCL,CAAAA,CAAO,QAAA,CAASK,CAAAA,CAAO,KAAK,CAC9B,CAAA,CAEME,CAAAA,CAAgBC,CAAAA,EAAyB,CAC7C,EAAA,CAAIT,CAAAA,CAAU,CACZ,IAAMU,CAAAA,CAAYT,CAAAA,CAAO,QAAA,CAASQ,CAAY,CAAA,CAC1CR,CAAAA,CAAO,MAAA,CAAQU,CAAAA,EAAMA,CAAAA,GAAMF,CAAY,CAAA,CACvC,CAAC,GAAGR,CAAAA,CAAQQ,CAAY,CAAA,iBAC5BP,CAAAA,wBAAAA,CAAiBQ,CAAS,GAC5B,CAAA,qBACEjB,CAAAA,0BAAAA,CAAgBgB,CAAAA,GAAiBjB,CAAAA,CAAQ,EAAA,CAAKiB,CAAY,GAAA,CAC1DL,CAAAA,CAAQ,CAAA,CAAK,CAEjB,CAAA,CAEMQ,CAAAA,CAAoB,CAACC,CAAAA,CAAuBC,CAAAA,CAAAA,EAAwB,CACxEA,CAAAA,CAAE,cAAA,CAAe,CAAA,CACjBA,CAAAA,CAAE,eAAA,CAAgB,CAAA,CAClB,IAAMJ,CAAAA,CAAYT,CAAAA,CAAO,MAAA,CAAQU,CAAAA,EAAMA,CAAAA,GAAME,CAAa,CAAA,iBAC1DX,CAAAA,0BAAAA,CAAiBQ,CAAS,GAC5B,CAAA,CAEMK,CAAAA,CAAiB,CAAA,CAAA,EACjBf,CAAAA,CACEO,CAAAA,CAAgB,MAAA,GAAW,CAAA,CAAUb,CAAAA,CACrCa,CAAAA,CAAgB,MAAA,GAAW,CAAA,CAAUA,CAAAA,CAAgB,CAAC,CAAA,CAAE,KAAA,CACrD,CAAA,EAAA","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-YXXGA3BD.js","sourcesContent":[null,"import * as React from \"react\"\nimport { Check, ChevronDown, X } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from \"@/components/command\"\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/popover\"\n\nexport interface ComboboxOption {\n  value: string\n  label: string\n}\n\nexport interface ComboboxProps {\n  options: ComboboxOption[]\n  value?: string\n  onValueChange?: (value: string) => void\n  placeholder?: string\n  searchPlaceholder?: string\n  emptyMessage?: string\n  disabled?: boolean\n  className?: string\n  error?: boolean\n  multiple?: boolean\n  values?: string[]\n  onValuesChange?: (values: string[]) => void\n}\n\nexport function Combobox({\n  options,\n  value,\n  onValueChange,\n  placeholder = \"Select option...\",\n  searchPlaceholder = \"Search...\",\n  emptyMessage = \"No option found.\",\n  disabled = false,\n  className,\n  error = false,\n  multiple = false,\n  values = [],\n  onValuesChange,\n}: ComboboxProps) {\n  const [open, setOpen] = React.useState(false)\n\n  const selectedOption = options.find((option) => option.value === value)\n  const selectedOptions = options.filter((option) =>\n    values.includes(option.value)\n  )\n\n  const handleSelect = (currentValue: string) => {\n    if (multiple) {\n      const newValues = values.includes(currentValue)\n        ? values.filter((v) => v !== currentValue)\n        : [...values, currentValue]\n      onValuesChange?.(newValues)\n    } else {\n      onValueChange?.(currentValue === value ? \"\" : currentValue)\n      setOpen(false)\n    }\n  }\n\n  const handleRemoveValue = (valueToRemove: string, e: React.MouseEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    const newValues = values.filter((v) => v !== valueToRemove)\n    onValuesChange?.(newValues)\n  }\n\n  const getDisplayText = () => {\n    if (multiple) {\n      if (selectedOptions.length === 0) return placeholder\n      if (selectedOptions.length === 1) return selectedOptions[0].label\n      return `${selectedOptions.length} selected`\n    }\n    return selectedOption ? selectedOption.label : placeholder\n  }\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          role=\"combobox\"\n          aria-expanded={open}\n          disabled={disabled}\n          className={cn(\n            \"cursor-pointer flex my-2 h-9 w-full items-center justify-between rounded-3xl border border-border bg-background hover:bg-secondary px-4 py-2 text-sm text-primary-accent ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n            !value && !values.length && \"text-secondary-text\",\n            error &&\n              \"border-destructive-foreground focus-visible:ring-destructive-foreground\",\n            className\n          )}\n        >\n          <span className=\"truncate\">{getDisplayText()}</span>\n          <ChevronDown className=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\n        </button>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"p-0\"\n        align=\"start\"\n        style={{ width: \"var(--radix-popover-trigger-width)\" }}\n      >\n        <Command>\n          <CommandInput placeholder={searchPlaceholder} />\n          <CommandList>\n            <CommandEmpty>{emptyMessage}</CommandEmpty>\n            <CommandGroup>\n              {multiple && selectedOptions.length > 0 && (\n                <div className=\"px-2 py-1.5\">\n                  <div className=\"flex flex-wrap gap-1\">\n                    {selectedOptions.map((option) => (\n                      <div\n                        key={option.value}\n                        className=\"inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs\"\n                      >\n                        <span className=\"truncate\">{option.label}</span>\n                        <X\n                          className=\"h-3 w-3 cursor-pointer hover:text-destructive\"\n                          onClick={(e) => handleRemoveValue(option.value, e)}\n                        />\n                      </div>\n                    ))}\n                  </div>\n                </div>\n              )}\n              {options.map((option) => {\n                const isSelected = multiple\n                  ? values.includes(option.value)\n                  : value === option.value\n\n                return (\n                  <CommandItem\n                    key={option.value}\n                    value={option.value}\n                    onSelect={handleSelect}\n                  >\n                    <Check\n                      className={cn(\n                        \"mr-2 h-4 w-4\",\n                        isSelected ? \"opacity-100\" : \"opacity-0\"\n                      )}\n                    />\n                    <span className=\"truncate\">{option.label}</span>\n                  </CommandItem>\n                )\n              })}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  )\n}\n"]}

package/dist/components/GeometricFluidGrid.js

@@ -1,3 +1,3 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-"use client";var _chunkRWCTSJUMjs = require('../chunk-RWCTSJUM.js');require('../chunk-XYO4VLMF.js');exports.default = _chunkRWCTSJUMjs.a;
+"use client";var _chunkRLO6XENUjs = require('../chunk-RLO6XENU.js');require('../chunk-XYO4VLMF.js');exports.default = _chunkRLO6XENUjs.a;
 //# sourceMappingURL=GeometricFluidGrid.js.map

package/dist/components/GeometricFluidGrid.mjs

@@ -1,3 +1,3 @@
 "use client";
-"use client";import{a}from"../chunk-FINC3UAQ.mjs";import"../chunk-KPAOPUY2.mjs";export{a as default};
+"use client";import{a}from"../chunk-VNF4HDJR.mjs";import"../chunk-KPAOPUY2.mjs";export{a as default};
 //# sourceMappingURL=GeometricFluidGrid.mjs.map

package/dist/components/combobox.js

@@ -1,3 +1,3 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-var _chunkRQWC2U5Cjs = require('../chunk-RQWC2U5C.js');require('../chunk-ULIOO55I.js');require('../chunk-HKLR7AH3.js');require('../chunk-WPUW2XFI.js');require('../chunk-3BVMHDYA.js');require('../chunk-7T4BNCXL.js');require('../chunk-FUYXCJOQ.js');require('../chunk-XYO4VLMF.js');exports.Combobox = _chunkRQWC2U5Cjs.a;
+var _chunkYXXGA3BDjs = require('../chunk-YXXGA3BD.js');require('../chunk-ULIOO55I.js');require('../chunk-HKLR7AH3.js');require('../chunk-WPUW2XFI.js');require('../chunk-3BVMHDYA.js');require('../chunk-7T4BNCXL.js');require('../chunk-FUYXCJOQ.js');require('../chunk-XYO4VLMF.js');exports.Combobox = _chunkYXXGA3BDjs.a;
 //# sourceMappingURL=combobox.js.map

package/dist/components/combobox.mjs

@@ -1,3 +1,3 @@
 "use client";
-import{a}from"../chunk-DF7KUCXZ.mjs";import"../chunk-FZ3NXOFK.mjs";import"../chunk-TLWWS45Z.mjs";import"../chunk-FR56YJGL.mjs";import"../chunk-4LR7SOCY.mjs";import"../chunk-W65OWFZY.mjs";import"../chunk-S5TKCF6T.mjs";import"../chunk-KPAOPUY2.mjs";export{a as Combobox};
+import{a}from"../chunk-DG3BFKU6.mjs";import"../chunk-FZ3NXOFK.mjs";import"../chunk-TLWWS45Z.mjs";import"../chunk-FR56YJGL.mjs";import"../chunk-4LR7SOCY.mjs";import"../chunk-W65OWFZY.mjs";import"../chunk-S5TKCF6T.mjs";import"../chunk-KPAOPUY2.mjs";export{a as Combobox};
 //# sourceMappingURL=combobox.mjs.map

package/dist/components/sidebar.js

@@ -1,3 +1,3 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-"use client";var _chunkKNWZO7KCjs = require('../chunk-KNWZO7KC.js');require('../chunk-RRAIGAHU.js');require('../chunk-7SOZ6MOV.js');require('../chunk-752ERCMU.js');require('../chunk-5L5DM2X5.js');require('../chunk-K4GMCVHO.js');require('../chunk-7T4BNCXL.js');require('../chunk-FUYXCJOQ.js');require('../chunk-XYO4VLMF.js');exports.Sidebar = _chunkKNWZO7KCjs.d; exports.SidebarBanner = _chunkKNWZO7KCjs.c; exports.SidebarContent = _chunkKNWZO7KCjs.l; exports.SidebarFooter = _chunkKNWZO7KCjs.j; exports.SidebarGroup = _chunkKNWZO7KCjs.m; exports.SidebarGroupAction = _chunkKNWZO7KCjs.o; exports.SidebarGroupContent = _chunkKNWZO7KCjs.p; exports.SidebarGroupLabel = _chunkKNWZO7KCjs.n; exports.SidebarHeader = _chunkKNWZO7KCjs.i; exports.SidebarInput = _chunkKNWZO7KCjs.h; exports.SidebarInset = _chunkKNWZO7KCjs.g; exports.SidebarMenu = _chunkKNWZO7KCjs.q; exports.SidebarMenuAction = _chunkKNWZO7KCjs.t; exports.SidebarMenuBadge = _chunkKNWZO7KCjs.u; exports.SidebarMenuButton = _chunkKNWZO7KCjs.s; exports.SidebarMenuItem = _chunkKNWZO7KCjs.r; exports.SidebarMenuSkeleton = _chunkKNWZO7KCjs.v; exports.SidebarMenuSub = _chunkKNWZO7KCjs.w; exports.SidebarMenuSubButton = _chunkKNWZO7KCjs.y; exports.SidebarMenuSubItem = _chunkKNWZO7KCjs.x; exports.SidebarProvider = _chunkKNWZO7KCjs.b; exports.SidebarRail = _chunkKNWZO7KCjs.f; exports.SidebarSeparator = _chunkKNWZO7KCjs.k; exports.SidebarTrigger = _chunkKNWZO7KCjs.e; exports.useSidebar = _chunkKNWZO7KCjs.a;
+"use client";var _chunk25PBXFF5js = require('../chunk-25PBXFF5.js');require('../chunk-RRAIGAHU.js');require('../chunk-7SOZ6MOV.js');require('../chunk-752ERCMU.js');require('../chunk-5L5DM2X5.js');require('../chunk-K4GMCVHO.js');require('../chunk-7T4BNCXL.js');require('../chunk-FUYXCJOQ.js');require('../chunk-XYO4VLMF.js');exports.Sidebar = _chunk25PBXFF5js.d; exports.SidebarBanner = _chunk25PBXFF5js.c; exports.SidebarContent = _chunk25PBXFF5js.l; exports.SidebarFooter = _chunk25PBXFF5js.j; exports.SidebarGroup = _chunk25PBXFF5js.m; exports.SidebarGroupAction = _chunk25PBXFF5js.o; exports.SidebarGroupContent = _chunk25PBXFF5js.p; exports.SidebarGroupLabel = _chunk25PBXFF5js.n; exports.SidebarHeader = _chunk25PBXFF5js.i; exports.SidebarInput = _chunk25PBXFF5js.h; exports.SidebarInset = _chunk25PBXFF5js.g; exports.SidebarMenu = _chunk25PBXFF5js.q; exports.SidebarMenuAction = _chunk25PBXFF5js.t; exports.SidebarMenuBadge = _chunk25PBXFF5js.u; exports.SidebarMenuButton = _chunk25PBXFF5js.s; exports.SidebarMenuItem = _chunk25PBXFF5js.r; exports.SidebarMenuSkeleton = _chunk25PBXFF5js.v; exports.SidebarMenuSub = _chunk25PBXFF5js.w; exports.SidebarMenuSubButton = _chunk25PBXFF5js.y; exports.SidebarMenuSubItem = _chunk25PBXFF5js.x; exports.SidebarProvider = _chunk25PBXFF5js.b; exports.SidebarRail = _chunk25PBXFF5js.f; exports.SidebarSeparator = _chunk25PBXFF5js.k; exports.SidebarTrigger = _chunk25PBXFF5js.e; exports.useSidebar = _chunk25PBXFF5js.a;
 //# sourceMappingURL=sidebar.js.map

package/dist/components/sidebar.mjs

@@ -1,3 +1,3 @@
 "use client";
-"use client";import{a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y}from"../chunk-XEEI5XFO.mjs";import"../chunk-QC5MA4WL.mjs";import"../chunk-YBV4CPVD.mjs";import"../chunk-DMHIFNXF.mjs";import"../chunk-CNRZOMR4.mjs";import"../chunk-NEOUFWZN.mjs";import"../chunk-W65OWFZY.mjs";import"../chunk-S5TKCF6T.mjs";import"../chunk-KPAOPUY2.mjs";export{d as Sidebar,c as SidebarBanner,l as SidebarContent,j as SidebarFooter,m as SidebarGroup,o as SidebarGroupAction,p as SidebarGroupContent,n as SidebarGroupLabel,i as SidebarHeader,h as SidebarInput,g as SidebarInset,q as SidebarMenu,t as SidebarMenuAction,u as SidebarMenuBadge,s as SidebarMenuButton,r as SidebarMenuItem,v as SidebarMenuSkeleton,w as SidebarMenuSub,y as SidebarMenuSubButton,x as SidebarMenuSubItem,b as SidebarProvider,f as SidebarRail,k as SidebarSeparator,e as SidebarTrigger,a as useSidebar};
+"use client";import{a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y}from"../chunk-RFYGH7BH.mjs";import"../chunk-QC5MA4WL.mjs";import"../chunk-YBV4CPVD.mjs";import"../chunk-DMHIFNXF.mjs";import"../chunk-CNRZOMR4.mjs";import"../chunk-NEOUFWZN.mjs";import"../chunk-W65OWFZY.mjs";import"../chunk-S5TKCF6T.mjs";import"../chunk-KPAOPUY2.mjs";export{d as Sidebar,c as SidebarBanner,l as SidebarContent,j as SidebarFooter,m as SidebarGroup,o as SidebarGroupAction,p as SidebarGroupContent,n as SidebarGroupLabel,i as SidebarHeader,h as SidebarInput,g as SidebarInset,q as SidebarMenu,t as SidebarMenuAction,u as SidebarMenuBadge,s as SidebarMenuButton,r as SidebarMenuItem,v as SidebarMenuSkeleton,w as SidebarMenuSub,y as SidebarMenuSubButton,x as SidebarMenuSubItem,b as SidebarProvider,f as SidebarRail,k as SidebarSeparator,e as SidebarTrigger,a as useSidebar};
 //# sourceMappingURL=sidebar.mjs.map