shaders 2.2.6 → 2.2.9

package/dist/core/shaderRegistry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shaderRegistry.d.ts","sourceRoot":"","sources":["../src/shaderRegistry.ts"],"names":[],"mappings":"AAuDA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAA;IACpC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE;QAC5B,EAAE,CAAC,EAAE,GAAG,CAAA;QACR,OAAO,CAAC,EAAE,GAAG,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAC,CAAA;CACH;AAwFD,eAAO,MAAM,cAAc,qCAAyB,CAAA;AAGpD,wBAAgB,aAAa,IAAI,mBAAmB,EAAE,CAErD;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB,GAAG,SAAS,CAE7E;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,mBAAmB,EAAE,CAE5E;AAED,wBAAgB,mBAAmB,IAAI,MAAM,EAAE,CAG9C"}
+{"version":3,"file":"shaderRegistry.d.ts","sourceRoot":"","sources":["../src/shaderRegistry.ts"],"names":[],"mappings":"AAwDA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAA;IACpC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE;QAC5B,EAAE,CAAC,EAAE,GAAG,CAAA;QACR,OAAO,CAAC,EAAE,GAAG,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAC,CAAA;CACH;AAyFD,eAAO,MAAM,cAAc,qCAAyB,CAAA;AAGpD,wBAAgB,aAAa,IAAI,mBAAmB,EAAE,CAErD;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB,GAAG,SAAS,CAE7E;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,mBAAmB,EAAE,CAE5E;AAED,wBAAgB,mBAAmB,IAAI,MAAM,EAAE,CAG9C"}

package/dist/core/shaders/Stretch/index.d.ts

@@ -0,0 +1,45 @@
+import { ComponentDefinition } from '../../types';
+
+export interface ComponentProps {
+    /**
+     * The center point of the stretch effect
+     *
+     * Accepts `{ x, y }` objects with values from 0 to 1, or CSS positions like `top center`.
+     * @default {"x":0.5,"y":0.5}
+     */
+    center: {
+        x: number;
+        y: number;
+    } | string;
+    /**
+     * The intensity of the stretch effect
+     *
+     * Accepts a number between 0 and 1.
+     * @default 1
+     */
+    strength: number;
+    /**
+     * The direction of the stretch in degrees
+     *
+     * Accepts a number between 0 and 360.
+     * @default 0
+     */
+    angle: number;
+    /**
+     * Controls the sharpness of the transition (0 = sharp edge, 1 = gradual transition)
+     *
+     * Accepts a number between 0 and 1.
+     * @default 0
+     */
+    falloff: number;
+    /**
+     * How to handle edges when distortion pushes content out of bounds
+     *
+     * Accepts one of: `"stretch"`, `"transparent"`, `"mirror"`, `"wrap"`.
+     * @default "stretch"
+     */
+    edges: string;
+}
+export declare const componentDefinition: ComponentDefinition<ComponentProps>;
+export default componentDefinition;
+//# sourceMappingURL=index.d.ts.map

package/dist/core/shaders/Stretch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Stretch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAwC,MAAM,iBAAiB,CAAA;AAO1F,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAC,GAAG,MAAM,CAAA;IACvC,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAkLnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/core/shaders/Stretch/index.js

@@ -0,0 +1,8 @@
+import "../../three.tsl-BqgDcRt9.js";
+import "../../edges-B-tVdqcI.js";
+import "../../transformations-DBjTkQ5b.js";
+import { n as e, t as m } from "../../Stretch-C8iYAgNS.js";
+export {
+  e as componentDefinition,
+  m as default
+};

package/dist/core/shaders/Swirl/index.js

@@ -2,7 +2,7 @@ import "../../three.tsl-BqgDcRt9.js";
 import "../../time-5uQ65blS.js";
 import "../../transformations-DBjTkQ5b.js";
 import "../../colorMixing-DPZ-Td4U.js";
-import { n as p, t as a } from "../../Swirl-BoveqtNV.js";
+import { n as p, t as a } from "../../Swirl-BpMwkNcm.js";
 export {
   p as componentDefinition,
   a as default

package/dist/core/shaders/TiltShift/index.js

@@ -1,6 +1,6 @@
 import "../../three.tsl-BqgDcRt9.js";
 import "../../transformations-DBjTkQ5b.js";
-import { n as a, t as e } from "../../TiltShift-D53azmRe.js";
+import { n as a, t as e } from "../../TiltShift-D31nakFq.js";
 export {
   a as componentDefinition,
   e as default

package/dist/core/shaders/Tritone/index.js

@@ -1,7 +1,7 @@
 import "../../three.tsl-BqgDcRt9.js";
 import "../../transformations-DBjTkQ5b.js";
 import "../../colorMixing-DPZ-Td4U.js";
-import { n as e, t as m } from "../../Tritone-Cg1rX-hL.js";
+import { n as e, t as m } from "../../Tritone-Dx48G3b1.js";
 export {
   e as componentDefinition,
   m as default

package/dist/core/shaders/Twirl/index.js

@@ -1,7 +1,7 @@
 import "../../three.tsl-BqgDcRt9.js";
 import "../../edges-B-tVdqcI.js";
 import "../../transformations-DBjTkQ5b.js";
-import { n as m, t as p } from "../../Twirl-raO5pe5X.js";
+import { n as m, t as p } from "../../Twirl-ng6pwyl2.js";
 export {
   m as componentDefinition,
   p as default

package/dist/core/shaders/Vibrance/index.js

@@ -1,7 +1,7 @@
 import "../../three.tsl-BqgDcRt9.js";
 import "../../TSLBase-BFMvTOak.js";
 import "../../ColorAdjustment-CKwpE_4M.js";
-import { n as a, t as e } from "../../Vibrance-DtekSkcz.js";
+import { n as a, t as e } from "../../Vibrance-D0ArL0qp.js";
 export {
   a as componentDefinition,
   e as default

package/dist/core/shaders/WaveDistortion/index.js

@@ -1,7 +1,7 @@
 import "../../three.tsl-BqgDcRt9.js";
 import "../../edges-B-tVdqcI.js";
 import "../../transformations-DBjTkQ5b.js";
-import { n as a, t as e } from "../../WaveDistortion-C65qO_cZ.js";
+import { n as a, t as e } from "../../WaveDistortion-DGKrpUdb.js";
 export {
   a as componentDefinition,
   e as default

package/dist/core/shaders/ZoomBlur/index.js

@@ -1,6 +1,6 @@
 import "../../three.tsl-BqgDcRt9.js";
 import "../../transformations-DBjTkQ5b.js";
-import { n as m, t as r } from "../../ZoomBlur-B97ZjhXe.js";
+import { n as m, t as r } from "../../ZoomBlur-uQyy5yko.js";
 export {
   m as componentDefinition,
   r as default

package/dist/react/generatePresetCode-CbulNGo3.js

@@ -0,0 +1,316 @@
+var p = {
+  AngularBlur: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Ascii: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Blob: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Blur: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Bulge: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  CRTScreen: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  ChannelBlur: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Checkerboard: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  ChromaFlow: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  ChromaticAberration: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Circle: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  CursorTrail: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  DiffuseBlur: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Dither: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  DotGrid: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Duotone: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  FilmGrain: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  FloatingParticles: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  GlassTiles: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Glow: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Godrays: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Grayscale: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Grid: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  GridDistortion: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Group: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Halftone: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  HueShift: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  ImageTexture: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Invert: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  LinearBlur: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  LinearGradient: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Liquify: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Pixelate: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  PolarCoordinates: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Posterize: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  ProgressiveBlur: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  RadialGradient: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  RectangularCoordinates: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Ripples: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Saturation: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  SimplexNoise: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  SineWave: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  SolidColor: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Spiral: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Strands: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Stretch: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Swirl: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  TiltShift: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Tritone: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Twirl: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Vibrance: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  WaveDistortion: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  ZoomBlur: {
+    opacity: 1,
+    blendMode: "normal"
+  }
+};
+function c(l, t, e = "  ") {
+  return Object.entries(l).filter(([o, r]) => {
+    const n = p[t] || {};
+    if (n.hasOwnProperty(o)) {
+      const a = n[o];
+      return typeof r == "object" && typeof a == "object" ? JSON.stringify(r) !== JSON.stringify(a) : r !== a;
+    }
+    return !(o === "opacity" && r === 1 || o === "blendMode" && r === "normal");
+  }).map(([o, r]) => typeof r == "string" ? `${o}="${r}"` : typeof r == "object" ? `${o}={${JSON.stringify(r)}}` : `${o}={${r}}`).join(`
+` + e + "  ");
+}
+function s(l, t) {
+  const e = [];
+  function o(r) {
+    for (const n of r)
+      e.push(n), n.children && o(n.children);
+  }
+  return o(t), e.some((r) => r.props?.maskSource === l);
+}
+function m(l) {
+  const t = (e, o = "  ") => {
+    const r = e.props ? c(e.props, e.type, o) : "";
+    let n = "";
+    e.id && s(e.id, l.components) && (n = `id="${e.id}"`);
+    const a = [n, r].filter(Boolean).join(`
+` + o + "  ");
+    if (e.children && e.children.length > 0) {
+      const i = e.children.map((d) => t(d, o + "  ")).join(`
+`);
+      return a ? `${o}<${e.type}
+${o}  ${a}>
+${i}
+${o}</${e.type}>` : `${o}<${e.type}>
+${i}
+${o}</${e.type}>`;
+    } else return a ? `${o}<${e.type}
+${o}  ${a} />` : `${o}<${e.type} />`;
+  };
+  return `<Shader>
+${l.components.map((e) => t(e)).join(`
+`)}
+</Shader>`;
+}
+const y = [
+  "AngularBlur",
+  "Ascii",
+  "Blob",
+  "Blur",
+  "Bulge",
+  "CRTScreen",
+  "ChannelBlur",
+  "Checkerboard",
+  "ChromaFlow",
+  "ChromaticAberration",
+  "Circle",
+  "CursorTrail",
+  "DiffuseBlur",
+  "Dither",
+  "DotGrid",
+  "Duotone",
+  "FilmGrain",
+  "FloatingParticles",
+  "GlassTiles",
+  "Glow",
+  "Godrays",
+  "Grayscale",
+  "Grid",
+  "GridDistortion",
+  "Group",
+  "Halftone",
+  "HueShift",
+  "ImageTexture",
+  "Invert",
+  "LinearBlur",
+  "LinearGradient",
+  "Liquify",
+  "Pixelate",
+  "PolarCoordinates",
+  "Posterize",
+  "ProgressiveBlur",
+  "RadialGradient",
+  "RectangularCoordinates",
+  "Ripples",
+  "Saturation",
+  "SimplexNoise",
+  "SineWave",
+  "SolidColor",
+  "Spiral",
+  "Strands",
+  "Stretch",
+  "Swirl",
+  "TiltShift",
+  "Tritone",
+  "Twirl",
+  "Vibrance",
+  "WaveDistortion",
+  "ZoomBlur"
+];
+export {
+  m as n,
+  y as t
+};

package/dist/react/generatePresetCode-ClK4i9O1.cjs

@@ -0,0 +1,13 @@
+var p={AngularBlur:{opacity:1,blendMode:"normal"},Ascii:{opacity:1,blendMode:"normal"},Blob:{opacity:1,blendMode:"normal"},Blur:{opacity:1,blendMode:"normal"},Bulge:{opacity:1,blendMode:"normal"},CRTScreen:{opacity:1,blendMode:"normal"},ChannelBlur:{opacity:1,blendMode:"normal"},Checkerboard:{opacity:1,blendMode:"normal"},ChromaFlow:{opacity:1,blendMode:"normal"},ChromaticAberration:{opacity:1,blendMode:"normal"},Circle:{opacity:1,blendMode:"normal"},CursorTrail:{opacity:1,blendMode:"normal"},DiffuseBlur:{opacity:1,blendMode:"normal"},Dither:{opacity:1,blendMode:"normal"},DotGrid:{opacity:1,blendMode:"normal"},Duotone:{opacity:1,blendMode:"normal"},FilmGrain:{opacity:1,blendMode:"normal"},FloatingParticles:{opacity:1,blendMode:"normal"},GlassTiles:{opacity:1,blendMode:"normal"},Glow:{opacity:1,blendMode:"normal"},Godrays:{opacity:1,blendMode:"normal"},Grayscale:{opacity:1,blendMode:"normal"},Grid:{opacity:1,blendMode:"normal"},GridDistortion:{opacity:1,blendMode:"normal"},Group:{opacity:1,blendMode:"normal"},Halftone:{opacity:1,blendMode:"normal"},HueShift:{opacity:1,blendMode:"normal"},ImageTexture:{opacity:1,blendMode:"normal"},Invert:{opacity:1,blendMode:"normal"},LinearBlur:{opacity:1,blendMode:"normal"},LinearGradient:{opacity:1,blendMode:"normal"},Liquify:{opacity:1,blendMode:"normal"},Pixelate:{opacity:1,blendMode:"normal"},PolarCoordinates:{opacity:1,blendMode:"normal"},Posterize:{opacity:1,blendMode:"normal"},ProgressiveBlur:{opacity:1,blendMode:"normal"},RadialGradient:{opacity:1,blendMode:"normal"},RectangularCoordinates:{opacity:1,blendMode:"normal"},Ripples:{opacity:1,blendMode:"normal"},Saturation:{opacity:1,blendMode:"normal"},SimplexNoise:{opacity:1,blendMode:"normal"},SineWave:{opacity:1,blendMode:"normal"},SolidColor:{opacity:1,blendMode:"normal"},Spiral:{opacity:1,blendMode:"normal"},Strands:{opacity:1,blendMode:"normal"},Stretch:{opacity:1,blendMode:"normal"},Swirl:{opacity:1,blendMode:"normal"},TiltShift:{opacity:1,blendMode:"normal"},Tritone:{opacity:1,blendMode:"normal"},Twirl:{opacity:1,blendMode:"normal"},Vibrance:{opacity:1,blendMode:"normal"},WaveDistortion:{opacity:1,blendMode:"normal"},ZoomBlur:{opacity:1,blendMode:"normal"}};function c(t,l,o="  "){return Object.entries(t).filter(([e,r])=>{const n=p[l]||{};if(n.hasOwnProperty(e)){const a=n[e];return typeof r=="object"&&typeof a=="object"?JSON.stringify(r)!==JSON.stringify(a):r!==a}return!(e==="opacity"&&r===1||e==="blendMode"&&r==="normal")}).map(([e,r])=>typeof r=="string"?`${e}="${r}"`:typeof r=="object"?`${e}={${JSON.stringify(r)}}`:`${e}={${r}}`).join(`
+`+o+"  ")}function m(t,l){const o=[];function e(r){for(const n of r)o.push(n),n.children&&e(n.children)}return e(l),o.some(r=>r.props?.maskSource===t)}function s(t){const l=(o,e="  ")=>{const r=o.props?c(o.props,o.type,e):"";let n="";o.id&&m(o.id,t.components)&&(n=`id="${o.id}"`);const a=[n,r].filter(Boolean).join(`
+`+e+"  ");if(o.children&&o.children.length>0){const i=o.children.map(d=>l(d,e+"  ")).join(`
+`);return a?`${e}<${o.type}
+${e}  ${a}>
+${i}
+${e}</${o.type}>`:`${e}<${o.type}>
+${i}
+${e}</${o.type}>`}else return a?`${e}<${o.type}
+${e}  ${a} />`:`${e}<${o.type} />`};return`<Shader>
+${t.components.map(o=>l(o)).join(`
+`)}
+</Shader>`}const b=["AngularBlur","Ascii","Blob","Blur","Bulge","CRTScreen","ChannelBlur","Checkerboard","ChromaFlow","ChromaticAberration","Circle","CursorTrail","DiffuseBlur","Dither","DotGrid","Duotone","FilmGrain","FloatingParticles","GlassTiles","Glow","Godrays","Grayscale","Grid","GridDistortion","Group","Halftone","HueShift","ImageTexture","Invert","LinearBlur","LinearGradient","Liquify","Pixelate","PolarCoordinates","Posterize","ProgressiveBlur","RadialGradient","RectangularCoordinates","Ripples","Saturation","SimplexNoise","SineWave","SolidColor","Spiral","Strands","Stretch","Swirl","TiltShift","Tritone","Twirl","Vibrance","WaveDistortion","ZoomBlur"];Object.defineProperty(exports,"availableComponents",{enumerable:!0,get:function(){return b}});Object.defineProperty(exports,"generatePresetCode",{enumerable:!0,get:function(){return s}});