Updated

Author: deploy

[email protected]/FramerShaderGradient.mjs

@@ -1,6 +1,6 @@
 import {
   ShaderGradientCanvas
-} from "./chunk-7QDAWG6V.mjs";
+} from "./chunk-RNORR4OK.mjs";
 import "./chunk-35NIH65G.mjs";
 import {
   ShaderGradient

[email protected]/ShaderGradientCanvas.mjs

@@ -1,6 +1,6 @@
 import {
   ShaderGradientCanvas
-} from "./chunk-7QDAWG6V.mjs";
+} from "./chunk-RNORR4OK.mjs";
 import "./chunk-PBAUXUVF.mjs";
 import "./chunk-M5G6JQMQ.mjs";
 import "./chunk-SX7QUDKQ.mjs";

[email protected]/chunk-RNORR4OK.mjs

@@ -0,0 +1,49 @@
+import {
+  Canvas
+} from "./chunk-PBAUXUVF.mjs";
+import {
+  ShaderChunk
+} from "./chunk-M5G6JQMQ.mjs";
+import {
+  canvasProps
+} from "./chunk-SX7QUDKQ.mjs";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-5BEQP2BQ.mjs";
+
+// src/ShaderGradientCanvas.tsx
+import { useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+function ShaderGradientCanvas({
+  children,
+  style = {},
+  pixelDensity = 1,
+  fov = 45,
+  pointerEvents,
+  className
+}) {
+  useShaderChunkFix();
+  return /* @__PURE__ */ jsx(
+    Canvas,
+    __spreadProps(__spreadValues({
+      style: __spreadProps(__spreadValues({}, style), { pointerEvents }),
+      resize: { offsetSize: true },
+      className
+    }, canvasProps(pixelDensity, fov)), {
+      children
+    })
+  );
+}
+function useShaderChunkFix() {
+  useEffect(() => {
+    ShaderChunk["uv2_pars_vertex"] = ``;
+    ShaderChunk["uv2_vertex"] = ``;
+    ShaderChunk["uv2_pars_fragment"] = ``;
+    ShaderChunk["encodings_fragment"] = ``;
+  }, []);
+}
+
+export {
+  ShaderGradientCanvas
+};

[email protected]/index.d.mts

@@ -1,9 +1,10 @@
-declare function ShaderGradientCanvas({ children, style, pixelDensity, fov, pointerEvents, }: {
+declare function ShaderGradientCanvas({ children, style, pixelDensity, fov, pointerEvents, className, }: {
     children: React.ReactNode;
     style?: React.CSSProperties;
     pixelDensity?: number;
     fov?: number;
     pointerEvents?: 'none' | 'auto';
+    className?: string;
 }): JSX.Element;
 
 type typeT = 'plane' | 'sphere' | 'waterPlane';

[email protected]/index.mjs

@@ -1,6 +1,6 @@
 import {
   ShaderGradientCanvas
-} from "./chunk-7QDAWG6V.mjs";
+} from "./chunk-RNORR4OK.mjs";
 import "./chunk-35NIH65G.mjs";
 import {
   ShaderGradient