shaders 2.3.64 → 2.3.66

package/dist/core/{Kaleidoscope-BDTIWTFC.js → Kaleidoscope-B1mL-Yj3.js}

@@ -1,7 +1,7 @@
 import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
 import { c as transformEdges, l as transformPosition } from "./transformations-B5lM6fYX.js";
 import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
-import { atan2, convertToTexture, cos, float, length, mod, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
+import { atan, convertToTexture, cos, float, length, mod, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Kaleidoscope",
 	category: "Distortions",
@@ -86,7 +86,7 @@ const componentDefinition = {
 		const centerPos = vec2(uniforms.center.uniform.x.mul(aspect), uniforms.center.uniform.y.oneMinus());
 		const delta = aspectCorrectedUV.sub(centerPos);
 		const radius = length(delta);
-		const currentAngle = atan2(delta.y, delta.x);
+		const currentAngle = atan(delta.y, delta.x);
 		const rotationRad = uniforms.angle.uniform.mul(Math.PI / 180);
 		const rotatedAngle = currentAngle.add(rotationRad);
 		const segmentAngle = float(Math.PI * 2).div(uniforms.segments.uniform);

package/dist/core/{LensFlare-CxyJBEvr.js → LensFlare-sRuR8OkY.js}

@@ -1,6 +1,6 @@
 import { l as transformPosition } from "./transformations-B5lM6fYX.js";
 import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
-import { Fn, abs, atan2, clamp, cos, dot, float, max, mix, pow, screenUV, sin, smoothstep, vec2, vec3, vec4, viewportSize } from "three/tsl";
+import { Fn, abs, atan, clamp, cos, dot, float, max, mix, pow, screenUV, sin, smoothstep, vec2, vec3, vec4, viewportSize } from "three/tsl";
 var spectralColor = Fn(([t]) => {
 	const TAU = float(6.2831853);
 	return vec3(cos(TAU.mul(t)).mul(.5).add(.5), cos(TAU.mul(t.sub(.333))).mul(.5).add(.5), cos(TAU.mul(t.sub(.666))).mul(.5).add(.5));
@@ -339,10 +339,10 @@ const componentDefinition = {
 		const rHalo = smoothstep(float(0), haloWidth, abs(antiLightDist.sub(uHaloRad.add(haloChromaSpread)))).oneMinus();
 		const gHalo = smoothstep(float(0), haloWidth, abs(antiLightDist.sub(uHaloRad))).oneMinus();
 		const bHalo = smoothstep(float(0), haloWidth, abs(antiLightDist.sub(uHaloRad.sub(haloChromaSpread)))).oneMinus();
-		const haloAngVar = sin(atan2(toAntiLight.y, toAntiLight.x).mul(3).add(t.mul(.5))).mul(.12).add(.88);
+		const haloAngVar = sin(atan(toAntiLight.y, toAntiLight.x).mul(3).add(t.mul(.5))).mul(.12).add(.88);
 		const haloColor = vec3(rHalo, gHalo, bHalo).mul(uHaloInt).mul(haloAngVar);
-		const lightAngle = atan2(toLightAR.y, toLightAR.x);
-		const rotation = atan2(flareAxis.y, flareAxis.x.mul(aspect)).mul(.5).add(t.mul(.06));
+		const lightAngle = atan(toLightAR.y, toLightAR.x);
+		const rotation = atan(flareAxis.y, flareAxis.x.mul(aspect)).mul(.5).add(t.mul(.06));
 		const spikeAngle = lightAngle.add(rotation);
 		const primarySpikes = pow(abs(cos(spikeAngle.mul(uStarburstPts.div(2)))), float(3.5));
 		const secondarySpikes = pow(abs(cos(spikeAngle.add(.25).mul(uStarburstPts.div(2)))), float(7)).mul(.4);

package/dist/core/registry.js

@@ -40,8 +40,8 @@ import { n as componentDefinition$33 } from "./Halftone-YTJAc3Ie.js";
 import { n as componentDefinition$34 } from "./HueShift-Bf2V6FVR.js";
 import { n as componentDefinition$35 } from "./ImageTexture-6e1Gz4IG.js";
 import { n as componentDefinition$36 } from "./Invert-c6RNEzsq.js";
-import { n as componentDefinition$37 } from "./Kaleidoscope-BDTIWTFC.js";
-import { n as componentDefinition$38 } from "./LensFlare-CxyJBEvr.js";
+import { n as componentDefinition$37 } from "./Kaleidoscope-B1mL-Yj3.js";
+import { n as componentDefinition$38 } from "./LensFlare-sRuR8OkY.js";
 import { n as componentDefinition$39 } from "./LinearBlur-BtsleV0J.js";
 import { n as componentDefinition$40 } from "./LinearGradient-BP91wtXm.js";
 import { n as componentDefinition$41 } from "./Liquify-2u2lkBhB.js";

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

@@ -1,5 +1,5 @@
 import "../../edges-Bd7GP4s2.js";
 import "../../transformations-B5lM6fYX.js";
 import "../../alpha-Byel9eTg.js";
-import { n as componentDefinition, t as Kaleidoscope_default } from "../../Kaleidoscope-BDTIWTFC.js";
+import { n as componentDefinition, t as Kaleidoscope_default } from "../../Kaleidoscope-B1mL-Yj3.js";
 export { componentDefinition, Kaleidoscope_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../time-BZqyVJXt.js";
-import { n as componentDefinition, t as LensFlare_default } from "../../LensFlare-CxyJBEvr.js";
+import { n as componentDefinition, t as LensFlare_default } from "../../LensFlare-sRuR8OkY.js";
 export { componentDefinition, LensFlare_default as default };

package/dist/react/Preview.js

@@ -96,6 +96,17 @@ var componentMap = {
 	ZoomBlur: lazy(() => import("./ZoomBlur.js"))
 };
 var DEFAULT_KEY = "shaders-preview-key";
+function parseStyleString(style) {
+	return style.split(";").reduce((acc, declaration) => {
+		const [prop, ...rest] = declaration.split(":");
+		if (!prop?.trim()) return acc;
+		const value = rest.join(":").trim();
+		const trimmed = prop.trim();
+		const finalProp = trimmed.startsWith("--") ? trimmed : trimmed.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
+		acc[finalProp] = value;
+		return acc;
+	}, {});
+}
 function RenderComponent({ component }) {
 	const Component = componentMap[component.type];
 	if (!Component) {
@@ -160,7 +171,7 @@ const Preview = ({ shader, presetId, apiBaseUrl = "https://shaders.com", obfusca
 	return /* @__PURE__ */ jsxs("div", {
 		style: {
 			position: "relative",
-			...style
+			...typeof style === "string" ? parseStyleString(style) : style
 		},
 		className,
 		...rest,

package/dist/react/engine/Preview.d.ts

@@ -22,7 +22,7 @@ export interface PreviewProps {
     obfuscationKey?: string;
     watermarkText?: string;
     watermarkLink?: string;
-    style?: CSSProperties;
+    style?: CSSProperties | string;
     className?: string;
     [key: string]: any;
 }

package/dist/react/engine/Preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../src/engine/Preview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4E,KAAK,aAAa,EAAE,KAAK,EAAE,EAA4B,MAAM,OAAO,CAAA;AAKvJ,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IACjC,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAkHD,MAAM,WAAW,YAAY;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB;AA6BD,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA+HpC,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../src/engine/Preview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4E,KAAK,aAAa,EAAE,KAAK,EAAE,EAA4B,MAAM,OAAO,CAAA;AAKvJ,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IACjC,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAmID,MAAM,WAAW,YAAY;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,GAAG,MAAM,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB;AA6BD,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA+HpC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/solid/engine/Preview.d.ts

@@ -4,7 +4,7 @@ export interface PreviewProps {
     presetId?: string;
     apiBaseUrl?: string;
     obfuscationKey?: string;
-    style?: JSX.CSSProperties;
+    style?: JSX.CSSProperties | string;
     class?: string;
     watermarkText?: string;
     watermarkLink?: string;

package/dist/solid/engine/Preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../src/engine/Preview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+C,KAAK,GAAG,EAAoC,MAAM,UAAU,CAAA;AAiPlH,MAAM,WAAW,YAAY;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAID,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,eAmHlD"}
+{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../src/engine/Preview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+C,KAAK,GAAG,EAAoC,MAAM,UAAU,CAAA;AAkQlH,MAAM,WAAW,YAAY;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,GAAG,MAAM,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAID,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,eAmHlD"}

package/dist/solid/engine/Preview.js

@@ -210,6 +210,18 @@ function RenderComponent(props) {
     }
   }));
 }
+function parseStyleString(style2) {
+  const map = style2.split(";").reduce((acc, declaration) => {
+    const [prop, ...rest] = declaration.split(":");
+    if (!(prop == null ? void 0 : prop.trim())) return acc;
+    const value = rest.join(":").trim();
+    const trimmed = prop.trim();
+    const finalProp = trimmed.startsWith("--") ? trimmed : trimmed.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
+    acc[finalProp] = value;
+    return acc;
+  }, {});
+  return map;
+}
 let hasWarnedLicense = false;
 function Preview(props) {
   if (!hasWarnedLicense) {
@@ -297,7 +309,7 @@ function Preview(props) {
     insert(_el$2, watermarkText);
     effect((_p$) => {
       var _v$ = props.class, _v$2 = {
-        ...props.style
+        ...typeof props.style === "string" ? parseStyleString(props.style) : props.style
       }, _v$3 = watermarkLink();
       _v$ !== _p$.e && className(_el$, _p$.e = _v$);
       _p$.t = style(_el$, _v$2, _p$.t);

package/dist/svelte/engine/Preview.svelte.d.ts

@@ -19,6 +19,7 @@ declare const Preview: $$__sveltets_2_IsomorphicComponent<{
     obfuscationKey?: string | undefined;
     watermarkText?: string | undefined;
     watermarkLink?: string | undefined;
+    style?: string | undefined | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;

package/dist/svelte/index.js

@@ -10018,7 +10018,8 @@ function Preview($$anchor, $$props) {
 		"apiBaseUrl",
 		"obfuscationKey",
 		"watermarkText",
-		"watermarkLink"
+		"watermarkLink",
+		"style"
 	]);
 	$.push($$props, false);
 	const componentMap = {
@@ -10134,6 +10135,7 @@ function Preview($$anchor, $$props) {
 	let obfuscationKey = $.prop($$props, "obfuscationKey", 8, "shaders-preview-key");
 	let watermarkText = $.prop($$props, "watermarkText", 8, "Unlock your Shaders Pro license");
 	let watermarkLink = $.prop($$props, "watermarkLink", 8, "https://shaders.com/dashboard?pricing=true");
+	let style = $.prop($$props, "style", 8, void 0);
 	let resolvedDefinition = $.mutable_source(null);
 	let fetchedDefinition = $.mutable_source(null);
 	let watermarkHovered = $.mutable_source(false);
@@ -10167,7 +10169,7 @@ function Preview($$anchor, $$props) {
 		var div = root_1();
 		$.attribute_effect(div, () => ({
 			class: "shaders-preview",
-			style: "position: relative; width: 100%; height: 100%;",
+			style: `position: relative; width: 100%; height: 100%;${style() ? " " + style() : ""}`,
 			...$$restProps
 		}));
 		var node_1 = $.child(div);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shaders",
-  "version": "2.3.64",
+  "version": "2.3.66",
   "description": "Shader magic for modern frontends",
   "author": "Shader Effects Inc.",
   "homepage": "https://shaders.com/",
@@ -705,7 +705,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "three": "^0.182.0"
+    "three": "^0.183.0"
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",