erp-pro-ui 0.1.1 → 0.1.2

package/dist/chunks/accordion-C_0oGZkZ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"accordion-C_0oGZkZ.mjs","names":[],"sources":["../../src/components/navigation/accordion/Accordion.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { ChevronDownIcon } from \"../../icons\";\nimport type { AccordionProps } from \"./types\";\n\nconst cx = (...classes: Array<string | false | undefined>) =>\n  classes.filter(Boolean).join(\" \").replace(/\\s+/g, \" \").trim();\n\nconst caret = (\n  <ChevronDownIcon\n    className=\"h-5 w-5 transition-transform duration-300\"\n    aria-hidden=\"true\"\n  />\n);\n\nexport const Accordion = ({\n  items,\n  type = \"single\",\n  defaultOpenIds = type === \"single\" && items.length ? [items[0].id] : [],\n  value,\n  onValueChange,\n  className = \"\",\n  separated = false,\n}: AccordionProps) => {\n  const [internalOpen, setInternalOpen] = useState<string[]>(defaultOpenIds);\n  const controlled = Array.isArray(value);\n  const openItems = controlled ? value! : internalOpen;\n\n  const toggleItem = (id: string) => {\n    let next: string[];\n    const isOpen = openItems.includes(id);\n\n    if (type === \"single\") {\n      next = isOpen ? [] : [id];\n    } else {\n      next = isOpen\n        ? openItems.filter((openId) => openId !== id)\n        : [...openItems, id];\n    }\n\n    if (!controlled) {\n      setInternalOpen(next);\n    }\n    onValueChange?.(next);\n  };\n\n  return (\n    <div className={cx(\"space-y-3\", className)}>\n      {items.map((item) => {\n        const open = openItems.includes(item.id);\n        return (\n          <div\n            key={item.id}\n            className={cx(\n              // Glass effect base\n              \"rounded-xl backdrop-blur-2xl transition-all duration-300\",\n              // Light mode glass\n              \"bg-white/60 border border-white/40 shadow-lg shadow-neutral-200/50\",\n              // Dark mode glass\n              \"dark:bg-neutral-900/50 dark:border-white/10 dark:shadow-neutral-950/50\",\n              // Hover effects\n              \"hover:bg-white/80 hover:shadow-xl hover:border-white/60\",\n              \"dark:hover:bg-neutral-800/60 dark:hover:border-white/20\",\n              // Ring highlight on open\n              open && \"ring-2 ring-primary/30 dark:ring-primary/20\",\n              separated ? \"p-0\" : \"\",\n            )}\n          >\n            <button\n              type=\"button\"\n              className={cx(\n                \"flex w-full items-center justify-between gap-4 px-5 py-4 rounded-xl transition-colors duration-200\",\n                // Text colors\n                \"text-neutral-700 dark:text-neutral-200\",\n                // Hover state\n                \"hover:bg-white/40 dark:hover:bg-white/5\",\n                separated\n                  ? \"border-b border-neutral-200/50 dark:border-white/10\"\n                  : \"\",\n                item.disabled\n                  ? \"opacity-50 cursor-not-allowed\"\n                  : \"cursor-pointer\",\n              )}\n              aria-expanded={open}\n              aria-controls={`${item.id}-content`}\n              id={`${item.id}-trigger`}\n              onClick={() => !item.disabled && toggleItem(item.id)}\n              disabled={item.disabled}\n            >\n              <div className=\"text-left flex-1\">\n                <p className=\"text-base font-semibold text-neutral-900 dark:text-white\">\n                  {item.title}\n                </p>\n                {item.description && (\n                  <p className=\"text-sm text-neutral-500 dark:text-neutral-400 mt-0.5\">\n                    {item.description}\n                  </p>\n                )}\n              </div>\n              <span\n                className={cx(\n                  \"p-1.5 rounded-lg transition-all duration-300\",\n                  \"bg-neutral-100/80 dark:bg-white/10\",\n                  \"text-neutral-600 dark:text-neutral-300\",\n                  open &&\n                    \"rotate-180 bg-primary/20 text-primary dark:bg-primary/30 dark:text-primary-400\",\n                )}\n              >\n                {caret}\n              </span>\n            </button>\n            <div\n              id={`${item.id}-content`}\n              role=\"region\"\n              aria-labelledby={`${item.id}-trigger`}\n              className={cx(\n                \"overflow-hidden transition-all duration-300 ease-in-out\",\n                open ? \"max-h-[1000px] opacity-100\" : \"max-h-0 opacity-0\",\n              )}\n            >\n              <div className=\"px-5 pb-5 pt-2 text-sm text-neutral-600 dark:text-neutral-300 leading-relaxed\">\n                {item.content}\n              </div>\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;;AAKA,IAAM,MAAM,GAAG,YACb,QAAQ,OAAO,QAAQ,CAAC,KAAK,IAAI,CAAC,QAAQ,QAAQ,IAAI,CAAC,MAAM;AAE/D,IAAM,QACJ,oBAAC,iBAAD;CACE,WAAU;CACV,eAAY;CACZ,CAAA;AAGJ,IAAa,aAAa,EACxB,OACA,OAAO,UACP,iBAAiB,SAAS,YAAY,MAAM,SAAS,CAAC,MAAM,GAAG,GAAG,GAAG,EAAE,EACvE,OACA,eACA,YAAY,IACZ,YAAY,YACQ;CACpB,MAAM,CAAC,cAAc,mBAAmB,SAAmB,eAAe;CAC1E,MAAM,aAAa,MAAM,QAAQ,MAAM;CACvC,MAAM,YAAY,aAAa,QAAS;CAExC,MAAM,cAAc,OAAe;EACjC,IAAI;EACJ,MAAM,SAAS,UAAU,SAAS,GAAG;AAErC,MAAI,SAAS,SACX,QAAO,SAAS,EAAE,GAAG,CAAC,GAAG;MAEzB,QAAO,SACH,UAAU,QAAQ,WAAW,WAAW,GAAG,GAC3C,CAAC,GAAG,WAAW,GAAG;AAGxB,MAAI,CAAC,WACH,iBAAgB,KAAK;AAEvB,kBAAgB,KAAK;;AAGvB,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,aAAa,UAAU;YACvC,MAAM,KAAK,SAAS;GACnB,MAAM,OAAO,UAAU,SAAS,KAAK,GAAG;AACxC,UACE,qBAAC,OAAD;IAEE,WAAW,GAET,4DAEA,sEAEA,0EAEA,2DACA,2DAEA,QAAQ,+CACR,YAAY,QAAQ,GACrB;cAfH,CAiBE,qBAAC,UAAD;KACE,MAAK;KACL,WAAW,GACT,sGAEA,0CAEA,2CACA,YACI,wDACA,IACJ,KAAK,WACD,kCACA,iBACL;KACD,iBAAe;KACf,iBAAe,GAAG,KAAK,GAAG;KAC1B,IAAI,GAAG,KAAK,GAAG;KACf,eAAe,CAAC,KAAK,YAAY,WAAW,KAAK,GAAG;KACpD,UAAU,KAAK;eAnBjB,CAqBE,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,oBAAC,KAAD;OAAG,WAAU;iBACV,KAAK;OACJ,CAAA,EACH,KAAK,eACJ,oBAAC,KAAD;OAAG,WAAU;iBACV,KAAK;OACJ,CAAA,CAEF;SACN,oBAAC,QAAD;MACE,WAAW,GACT,gDACA,sCACA,0CACA,QACE,iFACH;gBAEA;MACI,CAAA,CACA;QACT,oBAAC,OAAD;KACE,IAAI,GAAG,KAAK,GAAG;KACf,MAAK;KACL,mBAAiB,GAAG,KAAK,GAAG;KAC5B,WAAW,GACT,2DACA,OAAO,+BAA+B,oBACvC;eAED,oBAAC,OAAD;MAAK,WAAU;gBACZ,KAAK;MACF,CAAA;KACF,CAAA,CACF;MAxEC,KAAK,GAwEN;IAER;EACE,CAAA"}

package/dist/chunks/alert-BdBDWqBN.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-BdBDWqBN.cjs","names":[],"sources":["../../src/components/feedback/alert/Alert.tsx"],"sourcesContent":["import { InfoCircleIcon } from \"../../icons\";\nimport type { AlertProps } from \"./types\";\n\nconst variantClasses: Record<NonNullable<AlertProps[\"variant\"]>, string> = {\n  info: \"border-ring bg-ring/10\",\n  success: \"border-emerald-500 bg-emerald-500/10\",\n  warning: \"border-amber-500 bg-amber-500/10\",\n  destructive: \"border-destructive bg-destructive/10\",\n};\n\nconst defaultIcon = <InfoCircleIcon className=\"h-5 w-5\" aria-hidden=\"true\" />;\n\nexport const Alert = ({\n  title,\n  description,\n  icon = defaultIcon,\n  variant = \"info\",\n  className = \"\",\n  children,\n}: AlertProps) => {\n  const classes =\n    `flex gap-3 rounded-lg border p-4 text-sm text-foreground ${variantClasses[variant]}`\n      .concat(\" \", className)\n      .trim();\n\n  return (\n    <div\n      className={classes}\n      role={variant === \"destructive\" ? \"alert\" : \"status\"}\n    >\n      <span className=\"text-heading\">{icon}</span>\n      <div className=\"space-y-1\">\n        {title && <p className=\"text-base font-medium text-heading\">{title}</p>}\n        {description && <p className=\"text-muted-foreground\">{description}</p>}\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAGA,IAAM,iBAAqE;CACzE,MAAM;CACN,SAAS;CACT,SAAS;CACT,aAAa;CACd;AAED,IAAM,cAAc,iBAAA,GAAA,kBAAA,KAAC,cAAA,gBAAD;CAAgB,WAAU;CAAU,eAAY;CAAS,CAAA;AAE7E,IAAa,SAAS,EACpB,OACA,aACA,OAAO,aACP,UAAU,QACV,YAAY,IACZ,eACgB;AAMhB,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACE,WANF,4DAA4D,eAAe,WACxE,OAAO,KAAK,UAAU,CACtB,MAAM;EAKP,MAAM,YAAY,gBAAgB,UAAU;YAF9C,CAIE,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAU;aAAgB;GAAY,CAAA,EAC5C,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf;IACG,SAAS,iBAAA,GAAA,kBAAA,KAAC,KAAD;KAAG,WAAU;eAAsC;KAAU,CAAA;IACtE,eAAe,iBAAA,GAAA,kBAAA,KAAC,KAAD;KAAG,WAAU;eAAyB;KAAgB,CAAA;IACrE;IACG;KACF"}

package/dist/chunks/alert-DeVa-NR1.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-DeVa-NR1.mjs","names":[],"sources":["../../src/components/feedback/alert/Alert.tsx"],"sourcesContent":["import { InfoCircleIcon } from \"../../icons\";\nimport type { AlertProps } from \"./types\";\n\nconst variantClasses: Record<NonNullable<AlertProps[\"variant\"]>, string> = {\n  info: \"border-ring bg-ring/10\",\n  success: \"border-emerald-500 bg-emerald-500/10\",\n  warning: \"border-amber-500 bg-amber-500/10\",\n  destructive: \"border-destructive bg-destructive/10\",\n};\n\nconst defaultIcon = <InfoCircleIcon className=\"h-5 w-5\" aria-hidden=\"true\" />;\n\nexport const Alert = ({\n  title,\n  description,\n  icon = defaultIcon,\n  variant = \"info\",\n  className = \"\",\n  children,\n}: AlertProps) => {\n  const classes =\n    `flex gap-3 rounded-lg border p-4 text-sm text-foreground ${variantClasses[variant]}`\n      .concat(\" \", className)\n      .trim();\n\n  return (\n    <div\n      className={classes}\n      role={variant === \"destructive\" ? \"alert\" : \"status\"}\n    >\n      <span className=\"text-heading\">{icon}</span>\n      <div className=\"space-y-1\">\n        {title && <p className=\"text-base font-medium text-heading\">{title}</p>}\n        {description && <p className=\"text-muted-foreground\">{description}</p>}\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;AAGA,IAAM,iBAAqE;CACzE,MAAM;CACN,SAAS;CACT,SAAS;CACT,aAAa;CACd;AAED,IAAM,cAAc,oBAAC,gBAAD;CAAgB,WAAU;CAAU,eAAY;CAAS,CAAA;AAE7E,IAAa,SAAS,EACpB,OACA,aACA,OAAO,aACP,UAAU,QACV,YAAY,IACZ,eACgB;AAMhB,QACE,qBAAC,OAAD;EACE,WANF,4DAA4D,eAAe,WACxE,OAAO,KAAK,UAAU,CACtB,MAAM;EAKP,MAAM,YAAY,gBAAgB,UAAU;YAF9C,CAIE,oBAAC,QAAD;GAAM,WAAU;aAAgB;GAAY,CAAA,EAC5C,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,SAAS,oBAAC,KAAD;KAAG,WAAU;eAAsC;KAAU,CAAA;IACtE,eAAe,oBAAC,KAAD;KAAG,WAAU;eAAyB;KAAgB,CAAA;IACrE;IACG;KACF"}

package/dist/chunks/ascii-text-BzQCLfya.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ascii-text-BzQCLfya.mjs","names":[],"sources":["../../src/components/effects/ascii-text/ASCIIText.tsx"],"sourcesContent":["import React, { useRef, useEffect } from \"react\";\nimport * as THREE from \"three\";\n\nconst vertexShader = `\nvarying vec2 vUv;\nuniform float uTime;\nuniform float mouse;\nuniform float uEnableWaves;\n\nvoid main() {\n    vUv = uv;\n    float time = uTime * 5.;\n\n    float waveFactor = uEnableWaves;\n\n    vec3 transformed = position;\n\n    transformed.x += sin(time + position.y) * 0.5 * waveFactor;\n    transformed.y += cos(time + position.z) * 0.15 * waveFactor;\n    transformed.z += sin(time + position.x) * waveFactor;\n\n    gl_Position = projectionMatrix * modelViewMatrix * vec4(transformed, 1.0);\n}\n`;\n\nconst fragmentShader = `\nvarying vec2 vUv;\nuniform float mouse;\nuniform float uTime;\nuniform sampler2D uTexture;\n\nvoid main() {\n    float time = uTime;\n    vec2 pos = vUv;\n    \n    float move = sin(time + mouse) * 0.01;\n    float r = texture2D(uTexture, pos + cos(time * 2. - time + pos.x) * .01).r;\n    float g = texture2D(uTexture, pos + tan(time * .5 + pos.x - time) * .01).g;\n    float b = texture2D(uTexture, pos - cos(time * 2. + time + pos.y) * .01).b;\n    float a = texture2D(uTexture, pos).a;\n    gl_FragColor = vec4(r, g, b, a);\n}\n`;\n\nconst PX_RATIO = typeof window !== \"undefined\" ? window.devicePixelRatio : 1;\n\ninterface AsciiFilterOptions {\n  fontSize?: number;\n  fontFamily?: string;\n  charset?: string;\n  invert?: boolean;\n}\n\nclass AsciiFilter {\n  renderer: THREE.WebGLRenderer;\n  domElement: HTMLDivElement;\n  pre: HTMLPreElement;\n  canvas: HTMLCanvasElement;\n  context: CanvasRenderingContext2D;\n  deg: number;\n  invert: boolean;\n  fontSize: number;\n  fontFamily: string;\n  charset: string;\n  width: number = 0;\n  height: number = 0;\n  cols: number = 0;\n  rows: number = 0;\n  center: { x: number; y: number } = { x: 0, y: 0 };\n  mouse: { x: number; y: number } = { x: 0, y: 0 };\n\n  constructor(\n    renderer: THREE.WebGLRenderer,\n    { fontSize, fontFamily, charset, invert }: AsciiFilterOptions = {},\n  ) {\n    this.renderer = renderer;\n    this.domElement = document.createElement(\"div\");\n    this.domElement.style.position = \"absolute\";\n    this.domElement.style.top = \"0\";\n    this.domElement.style.left = \"0\";\n    this.domElement.style.width = \"100%\";\n    this.domElement.style.height = \"100%\";\n\n    this.pre = document.createElement(\"pre\");\n    this.domElement.appendChild(this.pre);\n\n    this.canvas = document.createElement(\"canvas\");\n    const ctx = this.canvas.getContext(\"2d\");\n    if (!ctx) throw new Error(\"Could not get 2d context\");\n    this.context = ctx;\n    this.domElement.appendChild(this.canvas);\n\n    this.deg = 0;\n    this.invert = invert ?? true;\n    this.fontSize = fontSize ?? 12;\n    this.fontFamily = fontFamily ?? \"'Courier New', monospace\";\n    this.charset =\n      charset ??\n      \" .'`^\\\",:;Il!i~+_-?][}{1)(|/tfjrxnuvczXYUJCLQ0OZmwqpdbkhao*#MW&8%B@$\";\n\n    this.context.imageSmoothingEnabled = false;\n\n    this.onMouseMove = this.onMouseMove.bind(this);\n    document.addEventListener(\"mousemove\", this.onMouseMove);\n  }\n\n  setSize(width: number, height: number) {\n    this.width = width;\n    this.height = height;\n    this.renderer.setSize(width, height);\n    this.reset();\n\n    this.center = { x: width / 2, y: height / 2 };\n    this.mouse = { x: this.center.x, y: this.center.y };\n  }\n\n  reset() {\n    this.context.font = `${this.fontSize}px ${this.fontFamily}`;\n    const charWidth = this.context.measureText(\"A\").width;\n\n    this.cols = Math.floor(\n      this.width / (this.fontSize * (charWidth / this.fontSize)),\n    );\n    this.rows = Math.floor(this.height / this.fontSize);\n\n    this.canvas.width = this.cols;\n    this.canvas.height = this.rows;\n    this.pre.style.fontFamily = this.fontFamily;\n    this.pre.style.fontSize = `${this.fontSize}px`;\n    this.pre.style.margin = \"0\";\n    this.pre.style.padding = \"0\";\n    this.pre.style.lineHeight = \"1em\";\n    this.pre.style.position = \"absolute\";\n    this.pre.style.left = \"0\";\n    this.pre.style.top = \"0\";\n    this.pre.style.zIndex = \"9\";\n    this.pre.style.backgroundAttachment = \"fixed\";\n    this.pre.style.mixBlendMode = \"difference\";\n  }\n\n  render(scene: THREE.Scene, camera: THREE.Camera) {\n    this.renderer.render(scene, camera);\n\n    const w = this.canvas.width;\n    const h = this.canvas.height;\n    this.context.clearRect(0, 0, w, h);\n    if (this.context && w && h) {\n      this.context.drawImage(this.renderer.domElement, 0, 0, w, h);\n    }\n\n    this.asciify(this.context, w, h);\n    this.hue();\n  }\n\n  onMouseMove(e: MouseEvent) {\n    this.mouse = { x: e.clientX * PX_RATIO, y: e.clientY * PX_RATIO };\n  }\n\n  get dx() {\n    return this.mouse.x - this.center.x;\n  }\n\n  get dy() {\n    return this.mouse.y - this.center.y;\n  }\n\n  hue() {\n    const deg = (Math.atan2(this.dy, this.dx) * 180) / Math.PI;\n    this.deg += (deg - this.deg) * 0.075;\n    this.domElement.style.filter = `hue-rotate(${this.deg.toFixed(1)}deg)`;\n  }\n\n  asciify(ctx: CanvasRenderingContext2D, w: number, h: number) {\n    if (w && h) {\n      const imgData = ctx.getImageData(0, 0, w, h).data;\n      let str = \"\";\n      for (let y = 0; y < h; y++) {\n        for (let x = 0; x < w; x++) {\n          const i = x * 4 + y * 4 * w;\n          const [r, g, b, a] = [\n            imgData[i],\n            imgData[i + 1],\n            imgData[i + 2],\n            imgData[i + 3],\n          ];\n\n          if (a === 0) {\n            str += \" \";\n            continue;\n          }\n\n          const gray = (0.3 * r + 0.6 * g + 0.1 * b) / 255;\n          let idx = Math.floor((1 - gray) * (this.charset.length - 1));\n          if (this.invert) idx = this.charset.length - idx - 1;\n          str += this.charset[idx];\n        }\n        str += \"\\n\";\n      }\n      this.pre.innerHTML = str;\n    }\n  }\n\n  dispose() {\n    document.removeEventListener(\"mousemove\", this.onMouseMove);\n  }\n}\n\ninterface CanvasTxtOptions {\n  fontSize?: number;\n  fontFamily?: string;\n  color?: string;\n}\n\nclass CanvasTxt {\n  canvas: HTMLCanvasElement;\n  context: CanvasRenderingContext2D;\n  txt: string;\n  fontSize: number;\n  fontFamily: string;\n  color: string;\n  font: string;\n\n  constructor(\n    txt: string,\n    {\n      fontSize = 200,\n      fontFamily = \"Arial\",\n      color = \"#fdf9f3\",\n    }: CanvasTxtOptions = {},\n  ) {\n    this.canvas = document.createElement(\"canvas\");\n    const ctx = this.canvas.getContext(\"2d\");\n    if (!ctx) throw new Error(\"Could not get 2d context\");\n    this.context = ctx;\n    this.txt = txt;\n    this.fontSize = fontSize;\n    this.fontFamily = fontFamily;\n    this.color = color;\n\n    this.font = `600 ${this.fontSize}px ${this.fontFamily}`;\n  }\n\n  resize() {\n    this.context.font = this.font;\n    const metrics = this.context.measureText(this.txt);\n\n    const textWidth = Math.ceil(metrics.width) + 20;\n    const textHeight =\n      Math.ceil(\n        metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent,\n      ) + 20;\n\n    this.canvas.width = textWidth;\n    this.canvas.height = textHeight;\n  }\n\n  render() {\n    this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);\n    this.context.fillStyle = this.color;\n    this.context.font = this.font;\n\n    const metrics = this.context.measureText(this.txt);\n    const yPos = 10 + metrics.actualBoundingBoxAscent;\n\n    this.context.fillText(this.txt, 10, yPos);\n  }\n\n  get width() {\n    return this.canvas.width;\n  }\n\n  get height() {\n    return this.canvas.height;\n  }\n\n  get texture() {\n    return this.canvas;\n  }\n}\n\ninterface CanvAsciiOptions {\n  text: string;\n  asciiFontSize: number;\n  textFontSize: number;\n  textColor: string;\n  planeBaseHeight: number;\n  enableWaves: boolean;\n}\n\nclass CanvAscii {\n  textString: string;\n  asciiFontSize: number;\n  textFontSize: number;\n  textColor: string;\n  planeBaseHeight: number;\n  container: HTMLElement;\n  width: number;\n  height: number;\n  enableWaves: boolean;\n  camera: THREE.PerspectiveCamera;\n  scene: THREE.Scene;\n  mouse: { x: number; y: number };\n  textCanvas!: CanvasTxt;\n  texture!: THREE.CanvasTexture;\n  geometry!: THREE.PlaneGeometry;\n  material!: THREE.ShaderMaterial;\n  mesh!: THREE.Mesh;\n  renderer!: THREE.WebGLRenderer;\n  filter!: AsciiFilter;\n  center: { x: number; y: number } = { x: 0, y: 0 };\n  animationFrameId: number = 0;\n\n  constructor(\n    {\n      text,\n      asciiFontSize,\n      textFontSize,\n      textColor,\n      planeBaseHeight,\n      enableWaves,\n    }: CanvAsciiOptions,\n    containerElem: HTMLElement,\n    width: number,\n    height: number,\n  ) {\n    this.textString = text;\n    this.asciiFontSize = asciiFontSize;\n    this.textFontSize = textFontSize;\n    this.textColor = textColor;\n    this.planeBaseHeight = planeBaseHeight;\n    this.container = containerElem;\n    this.width = width;\n    this.height = height;\n    this.enableWaves = enableWaves;\n\n    this.camera = new THREE.PerspectiveCamera(\n      45,\n      this.width / this.height,\n      1,\n      1000,\n    );\n    this.camera.position.z = 30;\n\n    this.scene = new THREE.Scene();\n    this.mouse = { x: 0, y: 0 };\n\n    this.onMouseMove = this.onMouseMove.bind(this);\n\n    this.setMesh();\n    this.setRenderer();\n  }\n\n  setMesh() {\n    this.textCanvas = new CanvasTxt(this.textString, {\n      fontSize: this.textFontSize,\n      fontFamily: \"IBM Plex Mono\",\n      color: this.textColor,\n    });\n    this.textCanvas.resize();\n    this.textCanvas.render();\n\n    this.texture = new THREE.CanvasTexture(this.textCanvas.texture);\n    this.texture.minFilter = THREE.NearestFilter;\n\n    const textAspect = this.textCanvas.width / this.textCanvas.height;\n    const baseH = this.planeBaseHeight;\n    const planeW = baseH * textAspect;\n    const planeH = baseH;\n\n    this.geometry = new THREE.PlaneGeometry(planeW, planeH, 36, 36);\n    this.material = new THREE.ShaderMaterial({\n      vertexShader,\n      fragmentShader,\n      transparent: true,\n      uniforms: {\n        uTime: { value: 0 },\n        mouse: { value: 1.0 },\n        uTexture: { value: this.texture },\n        uEnableWaves: { value: this.enableWaves ? 1.0 : 0.0 },\n      },\n    });\n\n    this.mesh = new THREE.Mesh(this.geometry, this.material);\n    this.scene.add(this.mesh);\n  }\n\n  setRenderer() {\n    this.renderer = new THREE.WebGLRenderer({ antialias: false, alpha: true });\n    this.renderer.setPixelRatio(1);\n    this.renderer.setClearColor(0x000000, 0);\n\n    this.filter = new AsciiFilter(this.renderer, {\n      fontFamily: \"IBM Plex Mono\",\n      fontSize: this.asciiFontSize,\n      invert: true,\n    });\n\n    this.container.appendChild(this.filter.domElement);\n    this.setSize(this.width, this.height);\n\n    this.container.addEventListener(\"mousemove\", this.onMouseMove);\n    this.container.addEventListener(\"touchmove\", this.onMouseMove);\n  }\n\n  setSize(w: number, h: number) {\n    this.width = w;\n    this.height = h;\n\n    this.camera.aspect = w / h;\n    this.camera.updateProjectionMatrix();\n\n    this.filter.setSize(w, h);\n\n    this.center = { x: w / 2, y: h / 2 };\n  }\n\n  load() {\n    this.animate();\n  }\n\n  onMouseMove(evt: any) {\n    const e = evt.touches ? evt.touches[0] : evt;\n    const bounds = this.container.getBoundingClientRect();\n    const x = e.clientX - bounds.left;\n    const y = e.clientY - bounds.top;\n    this.mouse = { x, y };\n  }\n\n  animate() {\n    const animateFrame = () => {\n      this.animationFrameId = requestAnimationFrame(animateFrame);\n      this.render();\n    };\n    animateFrame();\n  }\n\n  render() {\n    const time = new Date().getTime() * 0.001;\n\n    this.textCanvas.render();\n    this.texture.needsUpdate = true;\n\n    (this.mesh.material as any).uniforms.uTime.value = Math.sin(time);\n\n    this.updateRotation();\n    this.filter.render(this.scene, this.camera);\n  }\n\n  updateRotation() {\n    const map = (\n      n: number,\n      start: number,\n      stop: number,\n      start2: number,\n      stop2: number,\n    ) => {\n      return ((n - start) / (stop - start)) * (stop2 - start2) + start2;\n    };\n\n    const x = map(this.mouse.y, 0, this.height, 0.5, -0.5);\n    const y = map(this.mouse.x, 0, this.width, -0.5, 0.5);\n\n    this.mesh.rotation.x += (x - this.mesh.rotation.x) * 0.05;\n    this.mesh.rotation.y += (y - this.mesh.rotation.y) * 0.05;\n  }\n\n  clear() {\n    this.scene.traverse((obj: THREE.Object3D) => {\n      if (obj instanceof THREE.Mesh) {\n        if (Array.isArray(obj.material)) {\n          obj.material.forEach((m: THREE.Material) => m.dispose());\n        } else if (obj.material instanceof THREE.Material) {\n          obj.material.dispose();\n        }\n        obj.geometry.dispose();\n      }\n    });\n    this.scene.clear();\n  }\n\n  dispose() {\n    cancelAnimationFrame(this.animationFrameId);\n    this.filter.dispose();\n    if (this.filter.domElement.parentNode === this.container) {\n      this.container.removeChild(this.filter.domElement);\n    }\n    this.container.removeEventListener(\"mousemove\", this.onMouseMove);\n    this.container.removeEventListener(\"touchmove\", this.onMouseMove);\n    this.clear();\n    this.renderer.dispose();\n  }\n}\n\nexport interface ASCIITextProps {\n  text?: string;\n  asciiFontSize?: number;\n  textFontSize?: number;\n  textColor?: string;\n  planeBaseHeight?: number;\n  enableWaves?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport const ASCIIText: React.FC<ASCIITextProps> = ({\n  text = \"David!\",\n  asciiFontSize = 8,\n  textFontSize = 200,\n  textColor = \"#fdf9f3\",\n  planeBaseHeight = 8,\n  enableWaves = true,\n  className = \"\",\n  style = {},\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const asciiRef = useRef<CanvAscii | null>(null);\n\n  useEffect(() => {\n    if (!containerRef.current) return;\n\n    const { width, height } = containerRef.current.getBoundingClientRect();\n\n    const initAscii = (w: number, h: number) => {\n      if (asciiRef.current) asciiRef.current.dispose();\n      asciiRef.current = new CanvAscii(\n        {\n          text,\n          asciiFontSize,\n          textFontSize,\n          textColor,\n          planeBaseHeight,\n          enableWaves,\n        },\n        containerRef.current!,\n        w,\n        h,\n      );\n      asciiRef.current.load();\n    };\n\n    if (width === 0 || height === 0) {\n      const observer = new IntersectionObserver(\n        ([entry]) => {\n          if (\n            entry.isIntersecting &&\n            entry.boundingClientRect.width > 0 &&\n            entry.boundingClientRect.height > 0\n          ) {\n            initAscii(\n              entry.boundingClientRect.width,\n              entry.boundingClientRect.height,\n            );\n            observer.disconnect();\n          }\n        },\n        { threshold: 0.1 },\n      );\n\n      observer.observe(containerRef.current);\n\n      return () => {\n        observer.disconnect();\n        if (asciiRef.current) {\n          asciiRef.current.dispose();\n        }\n      };\n    }\n\n    initAscii(width, height);\n\n    const ro = new ResizeObserver((entries) => {\n      if (!entries[0] || !asciiRef.current) return;\n      const { width: w, height: h } = entries[0].contentRect;\n      if (w > 0 && h > 0) {\n        asciiRef.current.setSize(w, h);\n      }\n    });\n    ro.observe(containerRef.current);\n\n    return () => {\n      ro.disconnect();\n      if (asciiRef.current) {\n        asciiRef.current.dispose();\n      }\n    };\n  }, [\n    text,\n    asciiFontSize,\n    textFontSize,\n    textColor,\n    planeBaseHeight,\n    enableWaves,\n  ]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={`ascii-text-container ${className}`}\n      style={{\n        position: \"absolute\",\n        width: \"100%\",\n        height: \"100%\",\n        ...style,\n      }}\n    >\n      <style>{`\n        @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500&display=swap');\n\n        .ascii-text-container canvas {\n          position: absolute;\n          left: 0;\n          top: 0;\n          width: 100%;\n          height: 100%;\n          image-rendering: optimizeSpeed;\n          image-rendering: -moz-crisp-edges;\n          image-rendering: -o-crisp-edges;\n          image-rendering: -webkit-optimize-contrast;\n          image-rendering: optimize-contrast;\n          image-rendering: crisp-edges;\n          image-rendering: pixelated;\n        }\n\n        .ascii-text-container pre {\n          margin: 0;\n          user-select: none;\n          padding: 0;\n          line-height: 1em;\n          text-align: left;\n          position: absolute;\n          left: 0;\n          top: 0;\n          background-image: radial-gradient(circle, #ff6188 0%, #fc9867 50%, #ffd866 100%);\n          background-attachment: fixed;\n          -webkit-text-fill-color: transparent;\n          -webkit-background-clip: text;\n          background-clip: text;\n          z-index: 9;\n          mix-blend-mode: difference;\n        }\n      `}</style>\n    </div>\n  );\n};\n\nexport default ASCIIText;\n"],"mappings":"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"}

package/dist/chunks/ascii-text-D6lVHWph.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ascii-text-D6lVHWph.cjs","names":[],"sources":["../../src/components/effects/ascii-text/ASCIIText.tsx"],"sourcesContent":["import React, { useRef, useEffect } from \"react\";\nimport * as THREE from \"three\";\n\nconst vertexShader = `\nvarying vec2 vUv;\nuniform float uTime;\nuniform float mouse;\nuniform float uEnableWaves;\n\nvoid main() {\n    vUv = uv;\n    float time = uTime * 5.;\n\n    float waveFactor = uEnableWaves;\n\n    vec3 transformed = position;\n\n    transformed.x += sin(time + position.y) * 0.5 * waveFactor;\n    transformed.y += cos(time + position.z) * 0.15 * waveFactor;\n    transformed.z += sin(time + position.x) * waveFactor;\n\n    gl_Position = projectionMatrix * modelViewMatrix * vec4(transformed, 1.0);\n}\n`;\n\nconst fragmentShader = `\nvarying vec2 vUv;\nuniform float mouse;\nuniform float uTime;\nuniform sampler2D uTexture;\n\nvoid main() {\n    float time = uTime;\n    vec2 pos = vUv;\n    \n    float move = sin(time + mouse) * 0.01;\n    float r = texture2D(uTexture, pos + cos(time * 2. - time + pos.x) * .01).r;\n    float g = texture2D(uTexture, pos + tan(time * .5 + pos.x - time) * .01).g;\n    float b = texture2D(uTexture, pos - cos(time * 2. + time + pos.y) * .01).b;\n    float a = texture2D(uTexture, pos).a;\n    gl_FragColor = vec4(r, g, b, a);\n}\n`;\n\nconst PX_RATIO = typeof window !== \"undefined\" ? window.devicePixelRatio : 1;\n\ninterface AsciiFilterOptions {\n  fontSize?: number;\n  fontFamily?: string;\n  charset?: string;\n  invert?: boolean;\n}\n\nclass AsciiFilter {\n  renderer: THREE.WebGLRenderer;\n  domElement: HTMLDivElement;\n  pre: HTMLPreElement;\n  canvas: HTMLCanvasElement;\n  context: CanvasRenderingContext2D;\n  deg: number;\n  invert: boolean;\n  fontSize: number;\n  fontFamily: string;\n  charset: string;\n  width: number = 0;\n  height: number = 0;\n  cols: number = 0;\n  rows: number = 0;\n  center: { x: number; y: number } = { x: 0, y: 0 };\n  mouse: { x: number; y: number } = { x: 0, y: 0 };\n\n  constructor(\n    renderer: THREE.WebGLRenderer,\n    { fontSize, fontFamily, charset, invert }: AsciiFilterOptions = {},\n  ) {\n    this.renderer = renderer;\n    this.domElement = document.createElement(\"div\");\n    this.domElement.style.position = \"absolute\";\n    this.domElement.style.top = \"0\";\n    this.domElement.style.left = \"0\";\n    this.domElement.style.width = \"100%\";\n    this.domElement.style.height = \"100%\";\n\n    this.pre = document.createElement(\"pre\");\n    this.domElement.appendChild(this.pre);\n\n    this.canvas = document.createElement(\"canvas\");\n    const ctx = this.canvas.getContext(\"2d\");\n    if (!ctx) throw new Error(\"Could not get 2d context\");\n    this.context = ctx;\n    this.domElement.appendChild(this.canvas);\n\n    this.deg = 0;\n    this.invert = invert ?? true;\n    this.fontSize = fontSize ?? 12;\n    this.fontFamily = fontFamily ?? \"'Courier New', monospace\";\n    this.charset =\n      charset ??\n      \" .'`^\\\",:;Il!i~+_-?][}{1)(|/tfjrxnuvczXYUJCLQ0OZmwqpdbkhao*#MW&8%B@$\";\n\n    this.context.imageSmoothingEnabled = false;\n\n    this.onMouseMove = this.onMouseMove.bind(this);\n    document.addEventListener(\"mousemove\", this.onMouseMove);\n  }\n\n  setSize(width: number, height: number) {\n    this.width = width;\n    this.height = height;\n    this.renderer.setSize(width, height);\n    this.reset();\n\n    this.center = { x: width / 2, y: height / 2 };\n    this.mouse = { x: this.center.x, y: this.center.y };\n  }\n\n  reset() {\n    this.context.font = `${this.fontSize}px ${this.fontFamily}`;\n    const charWidth = this.context.measureText(\"A\").width;\n\n    this.cols = Math.floor(\n      this.width / (this.fontSize * (charWidth / this.fontSize)),\n    );\n    this.rows = Math.floor(this.height / this.fontSize);\n\n    this.canvas.width = this.cols;\n    this.canvas.height = this.rows;\n    this.pre.style.fontFamily = this.fontFamily;\n    this.pre.style.fontSize = `${this.fontSize}px`;\n    this.pre.style.margin = \"0\";\n    this.pre.style.padding = \"0\";\n    this.pre.style.lineHeight = \"1em\";\n    this.pre.style.position = \"absolute\";\n    this.pre.style.left = \"0\";\n    this.pre.style.top = \"0\";\n    this.pre.style.zIndex = \"9\";\n    this.pre.style.backgroundAttachment = \"fixed\";\n    this.pre.style.mixBlendMode = \"difference\";\n  }\n\n  render(scene: THREE.Scene, camera: THREE.Camera) {\n    this.renderer.render(scene, camera);\n\n    const w = this.canvas.width;\n    const h = this.canvas.height;\n    this.context.clearRect(0, 0, w, h);\n    if (this.context && w && h) {\n      this.context.drawImage(this.renderer.domElement, 0, 0, w, h);\n    }\n\n    this.asciify(this.context, w, h);\n    this.hue();\n  }\n\n  onMouseMove(e: MouseEvent) {\n    this.mouse = { x: e.clientX * PX_RATIO, y: e.clientY * PX_RATIO };\n  }\n\n  get dx() {\n    return this.mouse.x - this.center.x;\n  }\n\n  get dy() {\n    return this.mouse.y - this.center.y;\n  }\n\n  hue() {\n    const deg = (Math.atan2(this.dy, this.dx) * 180) / Math.PI;\n    this.deg += (deg - this.deg) * 0.075;\n    this.domElement.style.filter = `hue-rotate(${this.deg.toFixed(1)}deg)`;\n  }\n\n  asciify(ctx: CanvasRenderingContext2D, w: number, h: number) {\n    if (w && h) {\n      const imgData = ctx.getImageData(0, 0, w, h).data;\n      let str = \"\";\n      for (let y = 0; y < h; y++) {\n        for (let x = 0; x < w; x++) {\n          const i = x * 4 + y * 4 * w;\n          const [r, g, b, a] = [\n            imgData[i],\n            imgData[i + 1],\n            imgData[i + 2],\n            imgData[i + 3],\n          ];\n\n          if (a === 0) {\n            str += \" \";\n            continue;\n          }\n\n          const gray = (0.3 * r + 0.6 * g + 0.1 * b) / 255;\n          let idx = Math.floor((1 - gray) * (this.charset.length - 1));\n          if (this.invert) idx = this.charset.length - idx - 1;\n          str += this.charset[idx];\n        }\n        str += \"\\n\";\n      }\n      this.pre.innerHTML = str;\n    }\n  }\n\n  dispose() {\n    document.removeEventListener(\"mousemove\", this.onMouseMove);\n  }\n}\n\ninterface CanvasTxtOptions {\n  fontSize?: number;\n  fontFamily?: string;\n  color?: string;\n}\n\nclass CanvasTxt {\n  canvas: HTMLCanvasElement;\n  context: CanvasRenderingContext2D;\n  txt: string;\n  fontSize: number;\n  fontFamily: string;\n  color: string;\n  font: string;\n\n  constructor(\n    txt: string,\n    {\n      fontSize = 200,\n      fontFamily = \"Arial\",\n      color = \"#fdf9f3\",\n    }: CanvasTxtOptions = {},\n  ) {\n    this.canvas = document.createElement(\"canvas\");\n    const ctx = this.canvas.getContext(\"2d\");\n    if (!ctx) throw new Error(\"Could not get 2d context\");\n    this.context = ctx;\n    this.txt = txt;\n    this.fontSize = fontSize;\n    this.fontFamily = fontFamily;\n    this.color = color;\n\n    this.font = `600 ${this.fontSize}px ${this.fontFamily}`;\n  }\n\n  resize() {\n    this.context.font = this.font;\n    const metrics = this.context.measureText(this.txt);\n\n    const textWidth = Math.ceil(metrics.width) + 20;\n    const textHeight =\n      Math.ceil(\n        metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent,\n      ) + 20;\n\n    this.canvas.width = textWidth;\n    this.canvas.height = textHeight;\n  }\n\n  render() {\n    this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);\n    this.context.fillStyle = this.color;\n    this.context.font = this.font;\n\n    const metrics = this.context.measureText(this.txt);\n    const yPos = 10 + metrics.actualBoundingBoxAscent;\n\n    this.context.fillText(this.txt, 10, yPos);\n  }\n\n  get width() {\n    return this.canvas.width;\n  }\n\n  get height() {\n    return this.canvas.height;\n  }\n\n  get texture() {\n    return this.canvas;\n  }\n}\n\ninterface CanvAsciiOptions {\n  text: string;\n  asciiFontSize: number;\n  textFontSize: number;\n  textColor: string;\n  planeBaseHeight: number;\n  enableWaves: boolean;\n}\n\nclass CanvAscii {\n  textString: string;\n  asciiFontSize: number;\n  textFontSize: number;\n  textColor: string;\n  planeBaseHeight: number;\n  container: HTMLElement;\n  width: number;\n  height: number;\n  enableWaves: boolean;\n  camera: THREE.PerspectiveCamera;\n  scene: THREE.Scene;\n  mouse: { x: number; y: number };\n  textCanvas!: CanvasTxt;\n  texture!: THREE.CanvasTexture;\n  geometry!: THREE.PlaneGeometry;\n  material!: THREE.ShaderMaterial;\n  mesh!: THREE.Mesh;\n  renderer!: THREE.WebGLRenderer;\n  filter!: AsciiFilter;\n  center: { x: number; y: number } = { x: 0, y: 0 };\n  animationFrameId: number = 0;\n\n  constructor(\n    {\n      text,\n      asciiFontSize,\n      textFontSize,\n      textColor,\n      planeBaseHeight,\n      enableWaves,\n    }: CanvAsciiOptions,\n    containerElem: HTMLElement,\n    width: number,\n    height: number,\n  ) {\n    this.textString = text;\n    this.asciiFontSize = asciiFontSize;\n    this.textFontSize = textFontSize;\n    this.textColor = textColor;\n    this.planeBaseHeight = planeBaseHeight;\n    this.container = containerElem;\n    this.width = width;\n    this.height = height;\n    this.enableWaves = enableWaves;\n\n    this.camera = new THREE.PerspectiveCamera(\n      45,\n      this.width / this.height,\n      1,\n      1000,\n    );\n    this.camera.position.z = 30;\n\n    this.scene = new THREE.Scene();\n    this.mouse = { x: 0, y: 0 };\n\n    this.onMouseMove = this.onMouseMove.bind(this);\n\n    this.setMesh();\n    this.setRenderer();\n  }\n\n  setMesh() {\n    this.textCanvas = new CanvasTxt(this.textString, {\n      fontSize: this.textFontSize,\n      fontFamily: \"IBM Plex Mono\",\n      color: this.textColor,\n    });\n    this.textCanvas.resize();\n    this.textCanvas.render();\n\n    this.texture = new THREE.CanvasTexture(this.textCanvas.texture);\n    this.texture.minFilter = THREE.NearestFilter;\n\n    const textAspect = this.textCanvas.width / this.textCanvas.height;\n    const baseH = this.planeBaseHeight;\n    const planeW = baseH * textAspect;\n    const planeH = baseH;\n\n    this.geometry = new THREE.PlaneGeometry(planeW, planeH, 36, 36);\n    this.material = new THREE.ShaderMaterial({\n      vertexShader,\n      fragmentShader,\n      transparent: true,\n      uniforms: {\n        uTime: { value: 0 },\n        mouse: { value: 1.0 },\n        uTexture: { value: this.texture },\n        uEnableWaves: { value: this.enableWaves ? 1.0 : 0.0 },\n      },\n    });\n\n    this.mesh = new THREE.Mesh(this.geometry, this.material);\n    this.scene.add(this.mesh);\n  }\n\n  setRenderer() {\n    this.renderer = new THREE.WebGLRenderer({ antialias: false, alpha: true });\n    this.renderer.setPixelRatio(1);\n    this.renderer.setClearColor(0x000000, 0);\n\n    this.filter = new AsciiFilter(this.renderer, {\n      fontFamily: \"IBM Plex Mono\",\n      fontSize: this.asciiFontSize,\n      invert: true,\n    });\n\n    this.container.appendChild(this.filter.domElement);\n    this.setSize(this.width, this.height);\n\n    this.container.addEventListener(\"mousemove\", this.onMouseMove);\n    this.container.addEventListener(\"touchmove\", this.onMouseMove);\n  }\n\n  setSize(w: number, h: number) {\n    this.width = w;\n    this.height = h;\n\n    this.camera.aspect = w / h;\n    this.camera.updateProjectionMatrix();\n\n    this.filter.setSize(w, h);\n\n    this.center = { x: w / 2, y: h / 2 };\n  }\n\n  load() {\n    this.animate();\n  }\n\n  onMouseMove(evt: any) {\n    const e = evt.touches ? evt.touches[0] : evt;\n    const bounds = this.container.getBoundingClientRect();\n    const x = e.clientX - bounds.left;\n    const y = e.clientY - bounds.top;\n    this.mouse = { x, y };\n  }\n\n  animate() {\n    const animateFrame = () => {\n      this.animationFrameId = requestAnimationFrame(animateFrame);\n      this.render();\n    };\n    animateFrame();\n  }\n\n  render() {\n    const time = new Date().getTime() * 0.001;\n\n    this.textCanvas.render();\n    this.texture.needsUpdate = true;\n\n    (this.mesh.material as any).uniforms.uTime.value = Math.sin(time);\n\n    this.updateRotation();\n    this.filter.render(this.scene, this.camera);\n  }\n\n  updateRotation() {\n    const map = (\n      n: number,\n      start: number,\n      stop: number,\n      start2: number,\n      stop2: number,\n    ) => {\n      return ((n - start) / (stop - start)) * (stop2 - start2) + start2;\n    };\n\n    const x = map(this.mouse.y, 0, this.height, 0.5, -0.5);\n    const y = map(this.mouse.x, 0, this.width, -0.5, 0.5);\n\n    this.mesh.rotation.x += (x - this.mesh.rotation.x) * 0.05;\n    this.mesh.rotation.y += (y - this.mesh.rotation.y) * 0.05;\n  }\n\n  clear() {\n    this.scene.traverse((obj: THREE.Object3D) => {\n      if (obj instanceof THREE.Mesh) {\n        if (Array.isArray(obj.material)) {\n          obj.material.forEach((m: THREE.Material) => m.dispose());\n        } else if (obj.material instanceof THREE.Material) {\n          obj.material.dispose();\n        }\n        obj.geometry.dispose();\n      }\n    });\n    this.scene.clear();\n  }\n\n  dispose() {\n    cancelAnimationFrame(this.animationFrameId);\n    this.filter.dispose();\n    if (this.filter.domElement.parentNode === this.container) {\n      this.container.removeChild(this.filter.domElement);\n    }\n    this.container.removeEventListener(\"mousemove\", this.onMouseMove);\n    this.container.removeEventListener(\"touchmove\", this.onMouseMove);\n    this.clear();\n    this.renderer.dispose();\n  }\n}\n\nexport interface ASCIITextProps {\n  text?: string;\n  asciiFontSize?: number;\n  textFontSize?: number;\n  textColor?: string;\n  planeBaseHeight?: number;\n  enableWaves?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport const ASCIIText: React.FC<ASCIITextProps> = ({\n  text = \"David!\",\n  asciiFontSize = 8,\n  textFontSize = 200,\n  textColor = \"#fdf9f3\",\n  planeBaseHeight = 8,\n  enableWaves = true,\n  className = \"\",\n  style = {},\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const asciiRef = useRef<CanvAscii | null>(null);\n\n  useEffect(() => {\n    if (!containerRef.current) return;\n\n    const { width, height } = containerRef.current.getBoundingClientRect();\n\n    const initAscii = (w: number, h: number) => {\n      if (asciiRef.current) asciiRef.current.dispose();\n      asciiRef.current = new CanvAscii(\n        {\n          text,\n          asciiFontSize,\n          textFontSize,\n          textColor,\n          planeBaseHeight,\n          enableWaves,\n        },\n        containerRef.current!,\n        w,\n        h,\n      );\n      asciiRef.current.load();\n    };\n\n    if (width === 0 || height === 0) {\n      const observer = new IntersectionObserver(\n        ([entry]) => {\n          if (\n            entry.isIntersecting &&\n            entry.boundingClientRect.width > 0 &&\n            entry.boundingClientRect.height > 0\n          ) {\n            initAscii(\n              entry.boundingClientRect.width,\n              entry.boundingClientRect.height,\n            );\n            observer.disconnect();\n          }\n        },\n        { threshold: 0.1 },\n      );\n\n      observer.observe(containerRef.current);\n\n      return () => {\n        observer.disconnect();\n        if (asciiRef.current) {\n          asciiRef.current.dispose();\n        }\n      };\n    }\n\n    initAscii(width, height);\n\n    const ro = new ResizeObserver((entries) => {\n      if (!entries[0] || !asciiRef.current) return;\n      const { width: w, height: h } = entries[0].contentRect;\n      if (w > 0 && h > 0) {\n        asciiRef.current.setSize(w, h);\n      }\n    });\n    ro.observe(containerRef.current);\n\n    return () => {\n      ro.disconnect();\n      if (asciiRef.current) {\n        asciiRef.current.dispose();\n      }\n    };\n  }, [\n    text,\n    asciiFontSize,\n    textFontSize,\n    textColor,\n    planeBaseHeight,\n    enableWaves,\n  ]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={`ascii-text-container ${className}`}\n      style={{\n        position: \"absolute\",\n        width: \"100%\",\n        height: \"100%\",\n        ...style,\n      }}\n    >\n      <style>{`\n        @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500&display=swap');\n\n        .ascii-text-container canvas {\n          position: absolute;\n          left: 0;\n          top: 0;\n          width: 100%;\n          height: 100%;\n          image-rendering: optimizeSpeed;\n          image-rendering: -moz-crisp-edges;\n          image-rendering: -o-crisp-edges;\n          image-rendering: -webkit-optimize-contrast;\n          image-rendering: optimize-contrast;\n          image-rendering: crisp-edges;\n          image-rendering: pixelated;\n        }\n\n        .ascii-text-container pre {\n          margin: 0;\n          user-select: none;\n          padding: 0;\n          line-height: 1em;\n          text-align: left;\n          position: absolute;\n          left: 0;\n          top: 0;\n          background-image: radial-gradient(circle, #ff6188 0%, #fc9867 50%, #ffd866 100%);\n          background-attachment: fixed;\n          -webkit-text-fill-color: transparent;\n          -webkit-background-clip: text;\n          background-clip: text;\n          z-index: 9;\n          mix-blend-mode: difference;\n        }\n      `}</style>\n    </div>\n  );\n};\n\nexport default ASCIIText;\n"],"mappings":"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"}

package/dist/chunks/button-BH1eUjae.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-BH1eUjae.cjs","names":[],"sources":["../../src/components/forms/button/Button.tsx"],"sourcesContent":["import type { ButtonProps } from './types';\n\nconst baseClasses = `\n  inline-flex\n  items-center\n  justify-center\n  gap-2\n  cursor-pointer\n  rounded-lg\n  font-semibold\n  leading-none\n  transition-all\n  duration-200\n  ease-in-out\n  active:scale-95\n  hover:opacity-90\n  disabled:opacity-50\n  disabled:cursor-not-allowed\n`;\nconst variantClassMap = {\n  primary: 'bg-primary hover:bg-primary-600 text-primary-foreground shadow-md',\n  secondary:\n    'bg-neutral-200 dark:bg-neutral-700 border border-neutral-300 dark:border-neutral-600 text-neutral-800 dark:text-white shadow-sm hover:bg-neutral-300 dark:hover:bg-neutral-600',\n};\nconst sizeClassMap = {\n  small: 'py-2 px-3 text-xs',\n  medium: 'py-2.5 px-4 text-sm',\n  large: 'py-3 px-6 text-base',\n};\n\nexport const Button = ({\n  primary = false,\n  size = 'medium',\n  backgroundColor,\n  label,\n  children,\n  type = 'button',\n  className = '',\n  ...props\n}: ButtonProps) => {\n  const variantClasses = variantClassMap[primary ? 'primary' : 'secondary'];\n  const sizeClasses =\n    sizeClassMap[size as keyof typeof sizeClassMap] || sizeClassMap.medium;\n\n  return (\n    <button\n      type={type}\n      className={`${baseClasses} ${variantClasses} ${sizeClasses} ${className}`.trim()}\n      style={backgroundColor ? { backgroundColor } : undefined}\n      {...props}\n    >\n      {children}\n      {label && <span>{label}</span>}\n    </button>\n  );\n};\n"],"mappings":";;;AAEA,IAAM,cAAc;;;;;;;;;;;;;;;;;AAiBpB,IAAM,kBAAkB;CACtB,SAAS;CACT,WACE;CACH;AACD,IAAM,eAAe;CACnB,OAAO;CACP,QAAQ;CACR,OAAO;CACR;AAED,IAAa,UAAU,EACrB,UAAU,OACV,OAAO,UACP,iBACA,OACA,UACA,OAAO,UACP,YAAY,IACZ,GAAG,YACc;CACjB,MAAM,iBAAiB,gBAAgB,UAAU,YAAY;AAI7D,QACE,iBAAA,GAAA,kBAAA,MAAC,UAAD;EACQ;EACN,WAAW,GAAG,YAAY,GAAG,eAAe,GAL9C,aAAa,SAAsC,aAAa,OAKH,GAAG,YAAY,MAAM;EAChF,OAAO,kBAAkB,EAAE,iBAAiB,GAAG,KAAA;EAC/C,GAAI;YAJN,CAMG,UACA,SAAS,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAA,UAAO,OAAa,CAAA,CACvB"}

package/dist/chunks/button-CmNEMp_O.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-CmNEMp_O.mjs","names":[],"sources":["../../src/components/forms/button/Button.tsx"],"sourcesContent":["import type { ButtonProps } from './types';\n\nconst baseClasses = `\n  inline-flex\n  items-center\n  justify-center\n  gap-2\n  cursor-pointer\n  rounded-lg\n  font-semibold\n  leading-none\n  transition-all\n  duration-200\n  ease-in-out\n  active:scale-95\n  hover:opacity-90\n  disabled:opacity-50\n  disabled:cursor-not-allowed\n`;\nconst variantClassMap = {\n  primary: 'bg-primary hover:bg-primary-600 text-primary-foreground shadow-md',\n  secondary:\n    'bg-neutral-200 dark:bg-neutral-700 border border-neutral-300 dark:border-neutral-600 text-neutral-800 dark:text-white shadow-sm hover:bg-neutral-300 dark:hover:bg-neutral-600',\n};\nconst sizeClassMap = {\n  small: 'py-2 px-3 text-xs',\n  medium: 'py-2.5 px-4 text-sm',\n  large: 'py-3 px-6 text-base',\n};\n\nexport const Button = ({\n  primary = false,\n  size = 'medium',\n  backgroundColor,\n  label,\n  children,\n  type = 'button',\n  className = '',\n  ...props\n}: ButtonProps) => {\n  const variantClasses = variantClassMap[primary ? 'primary' : 'secondary'];\n  const sizeClasses =\n    sizeClassMap[size as keyof typeof sizeClassMap] || sizeClassMap.medium;\n\n  return (\n    <button\n      type={type}\n      className={`${baseClasses} ${variantClasses} ${sizeClasses} ${className}`.trim()}\n      style={backgroundColor ? { backgroundColor } : undefined}\n      {...props}\n    >\n      {children}\n      {label && <span>{label}</span>}\n    </button>\n  );\n};\n"],"mappings":";;AAEA,IAAM,cAAc;;;;;;;;;;;;;;;;;AAiBpB,IAAM,kBAAkB;CACtB,SAAS;CACT,WACE;CACH;AACD,IAAM,eAAe;CACnB,OAAO;CACP,QAAQ;CACR,OAAO;CACR;AAED,IAAa,UAAU,EACrB,UAAU,OACV,OAAO,UACP,iBACA,OACA,UACA,OAAO,UACP,YAAY,IACZ,GAAG,YACc;CACjB,MAAM,iBAAiB,gBAAgB,UAAU,YAAY;AAI7D,QACE,qBAAC,UAAD;EACQ;EACN,WAAW,GAAG,YAAY,GAAG,eAAe,GAL9C,aAAa,SAAsC,aAAa,OAKH,GAAG,YAAY,MAAM;EAChF,OAAO,kBAAkB,EAAE,iBAAiB,GAAG,KAAA;EAC/C,GAAI;YAJN,CAMG,UACA,SAAS,oBAAC,QAAD,EAAA,UAAO,OAAa,CAAA,CACvB"}

package/dist/chunks/card-CzstAQYy.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"card-CzstAQYy.mjs","names":[],"sources":["../../src/components/data-display/card/Card.tsx"],"sourcesContent":["import type { CardProps } from \"./types\";\n\nexport const Card = ({ title, description }: CardProps) => {\n  return (\n    <div className=\"ui\">\n      <div className=\"backdrop-blur-xl bg-white/70 dark:bg-neutral-900/70 border border-neutral-200 dark:border-neutral-700 rounded-lg shadow-lg overflow-hidden sm:max-w-xs lg:max-w-sm xl:max-w-md transition-all duration-300 hover:-translate-y-1 hover:shadow-xl\">\n        <div className=\"px-6 py-4\">\n          <h2 className=\"text-neutral-900 dark:text-white font-bold text-xl mb-2\">\n            {title}\n          </h2>\n          <p className=\"text-neutral-700 dark:text-neutral-300 bg-transparent border-none rounded-none font-sans text-base\">\n            {description}\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;AAEA,IAAa,QAAQ,EAAE,OAAO,kBAA6B;AACzD,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,OAAD;GAAK,WAAU;aACb,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,MAAD;KAAI,WAAU;eACX;KACE,CAAA,EACL,oBAAC,KAAD;KAAG,WAAU;eACV;KACC,CAAA,CACA;;GACF,CAAA;EACF,CAAA"}

package/dist/chunks/card-DZGM4zLx.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"card-DZGM4zLx.cjs","names":[],"sources":["../../src/components/data-display/card/Card.tsx"],"sourcesContent":["import type { CardProps } from \"./types\";\n\nexport const Card = ({ title, description }: CardProps) => {\n  return (\n    <div className=\"ui\">\n      <div className=\"backdrop-blur-xl bg-white/70 dark:bg-neutral-900/70 border border-neutral-200 dark:border-neutral-700 rounded-lg shadow-lg overflow-hidden sm:max-w-xs lg:max-w-sm xl:max-w-md transition-all duration-300 hover:-translate-y-1 hover:shadow-xl\">\n        <div className=\"px-6 py-4\">\n          <h2 className=\"text-neutral-900 dark:text-white font-bold text-xl mb-2\">\n            {title}\n          </h2>\n          <p className=\"text-neutral-700 dark:text-neutral-300 bg-transparent border-none rounded-none font-sans text-base\">\n            {description}\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;AAEA,IAAa,QAAQ,EAAE,OAAO,kBAA6B;AACzD,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;YACb,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,WAAU;aACb,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAU;cAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;KAAI,WAAU;eACX;KACE,CAAA,EACL,iBAAA,GAAA,kBAAA,KAAC,KAAD;KAAG,WAAU;eACV;KACC,CAAA,CACA;;GACF,CAAA;EACF,CAAA"}

package/dist/chunks/charts-Bynf6x07.mjs

@@ -1,448 +0,0 @@
-import "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Area, AreaChart, Bar, BarChart, CartesianGrid, Cell, Legend, Line, LineChart, Pie, PieChart, ResponsiveContainer, Tooltip, XAxis, YAxis } from "recharts";
-//#region src/components/data-display/charts/NeonLineChart.tsx
-var NeonLineChart = ({ data, height = 300, lineColorStop1 = "#00f0ff", lineColorStop2 = "#ff00e5", glowColor = "rgba(255, 0, 229, 0.4)", className = "" }) => {
-	return /* @__PURE__ */ jsx("div", {
-		className: `w-full relative ${className}`,
-		style: { height },
-		children: /* @__PURE__ */ jsx(ResponsiveContainer, {
-			width: "100%",
-			height: "100%",
-			children: /* @__PURE__ */ jsxs(LineChart, {
-				data,
-				margin: {
-					top: 20,
-					right: 30,
-					left: 10,
-					bottom: 20
-				},
-				children: [
-					/* @__PURE__ */ jsxs("defs", { children: [/* @__PURE__ */ jsxs("linearGradient", {
-						id: "neonGradient",
-						x1: "0",
-						y1: "0",
-						x2: "1",
-						y2: "0",
-						children: [/* @__PURE__ */ jsx("stop", {
-							offset: "0%",
-							stopColor: lineColorStop1
-						}), /* @__PURE__ */ jsx("stop", {
-							offset: "100%",
-							stopColor: lineColorStop2
-						})]
-					}), /* @__PURE__ */ jsxs("filter", {
-						id: "neonGlow",
-						x: "-20%",
-						y: "-20%",
-						width: "140%",
-						height: "140%",
-						children: [/* @__PURE__ */ jsx("feDropShadow", {
-							dx: "0",
-							dy: "6",
-							stdDeviation: "8",
-							floodColor: glowColor,
-							floodOpacity: "0.8"
-						}), /* @__PURE__ */ jsx("feDropShadow", {
-							dx: "0",
-							dy: "0",
-							stdDeviation: "15",
-							floodColor: lineColorStop1,
-							floodOpacity: "0.3"
-						})]
-					})] }),
-					/* @__PURE__ */ jsx(CartesianGrid, {
-						strokeDasharray: "3 3",
-						vertical: false,
-						stroke: "var(--color-neutral-800, #262626)",
-						opacity: .5
-					}),
-					/* @__PURE__ */ jsx(XAxis, {
-						dataKey: "name",
-						axisLine: false,
-						tickLine: false,
-						tick: {
-							fill: "var(--color-neutral-400, #a3a3a3)",
-							fontSize: 12
-						},
-						dy: 10
-					}),
-					/* @__PURE__ */ jsx(YAxis, {
-						axisLine: false,
-						tickLine: false,
-						tick: {
-							fill: "var(--color-neutral-400, #a3a3a3)",
-							fontSize: 12
-						},
-						dx: -10
-					}),
-					/* @__PURE__ */ jsx(Tooltip, {
-						contentStyle: {
-							backgroundColor: "rgba(10, 10, 10, 0.8)",
-							border: "1px solid rgba(255,255,255,0.1)",
-							borderRadius: "8px",
-							backdropFilter: "blur(8px)",
-							color: "#fff"
-						},
-						itemStyle: { color: "#fff" }
-					}),
-					/* @__PURE__ */ jsx(Line, {
-						type: "monotone",
-						dataKey: "value",
-						stroke: "url(#neonGradient)",
-						strokeWidth: 3,
-						dot: false,
-						activeDot: {
-							r: 6,
-							fill: "#fff",
-							stroke: lineColorStop2,
-							strokeWidth: 2
-						},
-						filter: "url(#neonGlow)"
-					})
-				]
-			})
-		})
-	});
-};
-//#endregion
-//#region src/components/data-display/charts/StackedBarChart.tsx
-var StackedBarChart = ({ data, categories, height = 300, yAxisDomain, className = "" }) => {
-	return /* @__PURE__ */ jsx("div", {
-		className: `w-full ${className}`,
-		style: { height },
-		children: /* @__PURE__ */ jsx(ResponsiveContainer, {
-			width: "100%",
-			height: "100%",
-			children: /* @__PURE__ */ jsxs(BarChart, {
-				data,
-				margin: {
-					top: 20,
-					right: 30,
-					left: 20,
-					bottom: 5
-				},
-				children: [
-					/* @__PURE__ */ jsx(CartesianGrid, {
-						strokeDasharray: "3 3",
-						vertical: false,
-						stroke: "var(--color-neutral-800, #262626)",
-						opacity: .4
-					}),
-					/* @__PURE__ */ jsx(XAxis, {
-						dataKey: "name",
-						axisLine: false,
-						tickLine: false,
-						tick: {
-							fill: "var(--color-neutral-400, #a3a3a3)",
-							fontSize: 12
-						},
-						dy: 10
-					}),
-					/* @__PURE__ */ jsx(YAxis, {
-						axisLine: false,
-						tickLine: false,
-						tick: {
-							fill: "var(--color-neutral-400, #a3a3a3)",
-							fontSize: 12
-						},
-						dx: -10,
-						domain: yAxisDomain
-					}),
-					/* @__PURE__ */ jsx(Tooltip, {
-						cursor: { fill: "var(--color-neutral-800, rgba(38, 38, 38, 0.4))" },
-						contentStyle: {
-							backgroundColor: "rgba(10, 10, 10, 0.9)",
-							border: "1px solid rgba(255,255,255,0.1)",
-							borderRadius: "8px",
-							backdropFilter: "blur(8px)",
-							color: "#fff"
-						}
-					}),
-					/* @__PURE__ */ jsx(Legend, {
-						iconType: "circle",
-						wrapperStyle: {
-							paddingTop: "20px",
-							fontSize: "12px",
-							color: "var(--color-neutral-300)"
-						}
-					}),
-					categories.map((cat, index) => {
-						const radius = index === categories.length - 1 ? [
-							6,
-							6,
-							0,
-							0
-						] : [
-							0,
-							0,
-							0,
-							0
-						];
-						return /* @__PURE__ */ jsx(Bar, {
-							dataKey: cat.key,
-							name: cat.label,
-							stackId: "a",
-							fill: cat.color,
-							radius,
-							barSize: 32
-						}, cat.key);
-					})
-				]
-			})
-		})
-	});
-};
-//#endregion
-//#region src/components/data-display/charts/ThinBreakdownBar.tsx
-var ThinBreakdownBar = ({ data: segments, className = "", showLabels = true }) => {
-	const total = segments.reduce((sum, item) => sum + item.value, 0);
-	return /* @__PURE__ */ jsxs("div", {
-		className: `w-full flex flex-col gap-3 ${className}`,
-		children: [/* @__PURE__ */ jsx("div", {
-			className: "flex w-full h-3 rounded-full overflow-hidden gap-1 bg-neutral-900/50",
-			children: segments.map((segment, index) => {
-				return /* @__PURE__ */ jsx("div", {
-					className: "h-full rounded-full transition-all duration-500 ease-out",
-					style: {
-						width: `${total > 0 ? segment.value / total * 100 : 0}%`,
-						backgroundColor: segment.color,
-						boxShadow: `inset 0 1px 1px rgba(255,255,255,0.2), 0 0 8px ${segment.color}40`
-					},
-					title: `${segment.label}: ${segment.value}`
-				}, segment.id || `segment-${index}`);
-			})
-		}), showLabels && /* @__PURE__ */ jsx("div", {
-			className: "flex w-full justify-between items-center px-1",
-			children: segments.map((segment, index) => /* @__PURE__ */ jsx("div", {
-				className: "flex items-center gap-1.5 min-w-0",
-				children: /* @__PURE__ */ jsx("span", {
-					className: "text-xs text-neutral-400 font-medium truncate",
-					children: segment.label
-				})
-			}, `label-${segment.id || index}`))
-		})]
-	});
-};
-//#endregion
-//#region src/components/data-display/charts/AreaChart.tsx
-var AreaChart$1 = ({ data, categories, height = 300, className = "", showGrid = true }) => {
-	return /* @__PURE__ */ jsx("div", {
-		className: `w-full ${className}`,
-		style: { height },
-		children: /* @__PURE__ */ jsx(ResponsiveContainer, {
-			width: "100%",
-			height: "100%",
-			children: /* @__PURE__ */ jsxs(AreaChart, {
-				data,
-				margin: {
-					top: 10,
-					right: 30,
-					left: 0,
-					bottom: 0
-				},
-				children: [
-					/* @__PURE__ */ jsx("defs", { children: categories.map((cat) => /* @__PURE__ */ jsxs("linearGradient", {
-						id: `color-${cat.key}`,
-						x1: "0",
-						y1: "0",
-						x2: "0",
-						y2: "1",
-						children: [/* @__PURE__ */ jsx("stop", {
-							offset: "5%",
-							stopColor: cat.color,
-							stopOpacity: .3
-						}), /* @__PURE__ */ jsx("stop", {
-							offset: "95%",
-							stopColor: cat.color,
-							stopOpacity: 0
-						})]
-					}, `gradient-${cat.key}`)) }),
-					showGrid && /* @__PURE__ */ jsx(CartesianGrid, {
-						strokeDasharray: "3 3",
-						vertical: false,
-						stroke: "var(--color-neutral-800, #262626)",
-						opacity: .5
-					}),
-					/* @__PURE__ */ jsx(XAxis, {
-						dataKey: "name",
-						axisLine: false,
-						tickLine: false,
-						tick: {
-							fill: "var(--color-neutral-400, #a3a3a3)",
-							fontSize: 12
-						},
-						dy: 10
-					}),
-					/* @__PURE__ */ jsx(YAxis, {
-						axisLine: false,
-						tickLine: false,
-						tick: {
-							fill: "var(--color-neutral-400, #a3a3a3)",
-							fontSize: 12
-						},
-						dx: -10
-					}),
-					/* @__PURE__ */ jsx(Tooltip, {
-						contentStyle: {
-							backgroundColor: "rgba(10, 10, 10, 0.9)",
-							border: "1px solid rgba(255,255,255,0.1)",
-							borderRadius: "8px",
-							backdropFilter: "blur(8px)",
-							color: "#fff"
-						},
-						itemStyle: { color: "#fff" }
-					}),
-					categories.map((cat) => /* @__PURE__ */ jsx(Area, {
-						type: "monotone",
-						dataKey: cat.key,
-						stroke: cat.color,
-						strokeWidth: 2,
-						fillOpacity: 1,
-						fill: `url(#color-${cat.key})`
-					}, cat.key))
-				]
-			})
-		})
-	});
-};
-//#endregion
-//#region src/components/data-display/charts/BarChart.tsx
-var BarChart$1 = ({ data, categories, height = 300, className = "", layout = "horizontal" }) => {
-	return /* @__PURE__ */ jsx("div", {
-		className: `w-full ${className}`,
-		style: { height },
-		children: /* @__PURE__ */ jsx(ResponsiveContainer, {
-			width: "100%",
-			height: "100%",
-			children: /* @__PURE__ */ jsxs(BarChart, {
-				data,
-				layout,
-				margin: {
-					top: 20,
-					right: 30,
-					left: 20,
-					bottom: 5
-				},
-				children: [
-					/* @__PURE__ */ jsx(CartesianGrid, {
-						strokeDasharray: "3 3",
-						horizontal: layout === "horizontal",
-						vertical: layout === "vertical",
-						stroke: "var(--color-neutral-800, #262626)",
-						opacity: .4
-					}),
-					layout === "horizontal" ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(XAxis, {
-						dataKey: "name",
-						axisLine: false,
-						tickLine: false,
-						tick: {
-							fill: "var(--color-neutral-400, #a3a3a3)",
-							fontSize: 12
-						},
-						dy: 10
-					}), /* @__PURE__ */ jsx(YAxis, {
-						axisLine: false,
-						tickLine: false,
-						tick: {
-							fill: "var(--color-neutral-400, #a3a3a3)",
-							fontSize: 12
-						},
-						dx: -10
-					})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(XAxis, {
-						type: "number",
-						axisLine: false,
-						tickLine: false,
-						tick: {
-							fill: "var(--color-neutral-400, #a3a3a3)",
-							fontSize: 12
-						},
-						dy: 10
-					}), /* @__PURE__ */ jsx(YAxis, {
-						dataKey: "name",
-						type: "category",
-						axisLine: false,
-						tickLine: false,
-						tick: {
-							fill: "var(--color-neutral-400, #a3a3a3)",
-							fontSize: 12
-						},
-						dx: -10
-					})] }),
-					/* @__PURE__ */ jsx(Tooltip, {
-						cursor: { fill: "var(--color-neutral-800, rgba(38, 38, 38, 0.4))" },
-						contentStyle: {
-							backgroundColor: "rgba(10, 10, 10, 0.9)",
-							border: "1px solid rgba(255,255,255,0.1)",
-							borderRadius: "8px",
-							backdropFilter: "blur(8px)",
-							color: "#fff"
-						}
-					}),
-					categories.map((cat) => /* @__PURE__ */ jsx(Bar, {
-						dataKey: cat.key,
-						fill: cat.color,
-						radius: layout === "horizontal" ? [
-							4,
-							4,
-							0,
-							0
-						] : [
-							0,
-							4,
-							4,
-							0
-						]
-					}, cat.key))
-				]
-			})
-		})
-	});
-};
-//#endregion
-//#region src/components/data-display/charts/PieChart.tsx
-var PieChart$1 = ({ data, colors, height = 300, className = "", variant = "donut" }) => {
-	const innerRadius = variant === "donut" ? "60%" : 0;
-	return /* @__PURE__ */ jsx("div", {
-		className: `w-full ${className}`,
-		style: { height },
-		children: /* @__PURE__ */ jsx(ResponsiveContainer, {
-			width: "100%",
-			height: "100%",
-			children: /* @__PURE__ */ jsxs(PieChart, { children: [
-				/* @__PURE__ */ jsx(Pie, {
-					data,
-					cx: "50%",
-					cy: "50%",
-					innerRadius,
-					outerRadius: "80%",
-					paddingAngle: variant === "donut" ? 2 : 0,
-					dataKey: "value",
-					stroke: "none",
-					children: data.map((entry, index) => /* @__PURE__ */ jsx(Cell, { fill: colors[index % colors.length] }, `cell-${index}`))
-				}),
-				/* @__PURE__ */ jsx(Tooltip, {
-					contentStyle: {
-						backgroundColor: "rgba(10, 10, 10, 0.9)",
-						border: "1px solid rgba(255,255,255,0.1)",
-						borderRadius: "8px",
-						backdropFilter: "blur(8px)",
-						color: "#fff"
-					},
-					itemStyle: { color: "#fff" }
-				}),
-				/* @__PURE__ */ jsx(Legend, {
-					iconType: "circle",
-					wrapperStyle: {
-						fontSize: "12px",
-						color: "var(--color-neutral-300)"
-					}
-				})
-			] })
-		})
-	});
-};
-//#endregion
-export { StackedBarChart as a, ThinBreakdownBar as i, BarChart$1 as n, NeonLineChart as o, AreaChart$1 as r, PieChart$1 as t };
-
-//# sourceMappingURL=charts-Bynf6x07.mjs.map