shaders 2.2.15 → 2.2.17

package/dist/svelte/components/Posterize.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type BlendMode, type TransformConfig } from 'shaders/core';
-import { type ComponentProps } from 'shaders/core/Posterize';
+import { type BlendMode, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/Posterize';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */

package/dist/svelte/components/ProgressiveBlur.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type BlendMode, type TransformConfig } from 'shaders/core';
-import { type ComponentProps } from 'shaders/core/ProgressiveBlur';
+import { type BlendMode, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/ProgressiveBlur';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */

package/dist/svelte/components/RadialGradient.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type BlendMode, type TransformConfig } from 'shaders/core';
-import { type ComponentProps } from 'shaders/core/RadialGradient';
+import { type BlendMode, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/RadialGradient';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */

package/dist/svelte/components/RectangularCoordinates.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type BlendMode, type TransformConfig } from 'shaders/core';
-import { type ComponentProps } from 'shaders/core/RectangularCoordinates';
+import { type BlendMode, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/RectangularCoordinates';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */

package/dist/svelte/components/Ripples.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type BlendMode, type TransformConfig } from 'shaders/core';
-import { type ComponentProps } from 'shaders/core/Ripples';
+import { type BlendMode, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/Ripples';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */

package/dist/svelte/components/Saturation.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type BlendMode, type TransformConfig } from 'shaders/core';
-import { type ComponentProps } from 'shaders/core/Saturation';
+import { type BlendMode, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/Saturation';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */

package/dist/svelte/components/SimplexNoise.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type BlendMode, type TransformConfig } from 'shaders/core';
-import { type ComponentProps } from 'shaders/core/SimplexNoise';
+import { type BlendMode, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/SimplexNoise';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */

package/dist/svelte/components/SineWave.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type BlendMode, type TransformConfig } from 'shaders/core';
-import { type ComponentProps } from 'shaders/core/SineWave';
+import { type BlendMode, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/SineWave';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */

package/dist/svelte/components/SolidColor.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type BlendMode, type TransformConfig } from 'shaders/core';
-import { type ComponentProps } from 'shaders/core/SolidColor';
+import { type BlendMode, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/SolidColor';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */

package/dist/svelte/components/Spherize.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type BlendMode, type TransformConfig } from 'shaders/core';
-import { type ComponentProps } from 'shaders/core/Spherize';
+import { type BlendMode, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/Spherize';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */

package/dist/svelte/components/Spiral.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type BlendMode, type TransformConfig } from 'shaders/core';
-import { type ComponentProps } from 'shaders/core/Spiral';
+import { type BlendMode, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/Spiral';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */

package/dist/svelte/components/Strands.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type BlendMode, type TransformConfig } from 'shaders/core';
-import { type ComponentProps } from 'shaders/core/Strands';
+import { type BlendMode, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/Strands';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */

package/dist/svelte/components/Stretch.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type BlendMode, type TransformConfig } from 'shaders/core';
-import { type ComponentProps } from 'shaders/core/Stretch';
+import { type BlendMode, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/Stretch';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */

package/dist/svelte/components/Swirl.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type BlendMode, type TransformConfig } from 'shaders/core';
-import { type ComponentProps } from 'shaders/core/Swirl';
+import { type BlendMode, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/Swirl';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */

package/dist/svelte/components/TiltShift.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type BlendMode, type TransformConfig } from 'shaders/core';
-import { type ComponentProps } from 'shaders/core/TiltShift';
+import { type BlendMode, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/TiltShift';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */

package/dist/svelte/components/Tritone.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type BlendMode, type TransformConfig } from 'shaders/core';
-import { type ComponentProps } from 'shaders/core/Tritone';
+import { type BlendMode, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/Tritone';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */

package/dist/svelte/components/Twirl.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type BlendMode, type TransformConfig } from 'shaders/core';
-import { type ComponentProps } from 'shaders/core/Twirl';
+import { type BlendMode, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/Twirl';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */

package/dist/svelte/components/Vibrance.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type BlendMode, type TransformConfig } from 'shaders/core';
-import { type ComponentProps } from 'shaders/core/Vibrance';
+import { type BlendMode, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/Vibrance';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */

package/dist/svelte/components/WaveDistortion.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type BlendMode, type TransformConfig } from 'shaders/core';
-import { type ComponentProps } from 'shaders/core/WaveDistortion';
+import { type BlendMode, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/WaveDistortion';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */

package/dist/svelte/components/ZoomBlur.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type BlendMode, type TransformConfig } from 'shaders/core';
-import { type ComponentProps } from 'shaders/core/ZoomBlur';
+import { type BlendMode, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/ZoomBlur';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */

package/dist/svelte/engine/component.template.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type BlendMode, type TransformConfig } from 'shaders/core';
-import { type ComponentProps } from 'shaders/core/__SHADER_NAME__';
+import { type BlendMode, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/__SHADER_NAME__';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */

package/dist/vue/engine/Shader.vue.d.ts

@@ -8,7 +8,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     hideNotice: boolean;
 }>>, {
     captureScreenshot: (maxWidth?: number) => Promise<Blob>;
-    getPerformanceStats: () => import('shaders/core').PerformanceStats;
+    getPerformanceStats: () => import('../../core').PerformanceStats;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     hideNotice: boolean;
 }>>> & Readonly<{}>, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shaders",
-  "version": "2.2.15",
+  "version": "2.2.17",
   "description": "Declarative shader components for Vue, React, and Svelte",
   "author": "Simon Le Marchant<https://github.com/marchantweb>",
   "homepage": "https://shaders.com/",
@@ -12,43 +12,43 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "import": "./dist/index.js"
     },
     "./registry": {
       "types": "./dist/registry.d.ts",
-      "import": "./dist/registry.js",
-      "require": "./dist/registry.cjs"
+      "import": "./dist/registry.js"
     },
     "./vue": {
       "types": "./dist/vue/index.d.ts",
-      "import": "./dist/vue/index.js",
-      "require": "./dist/vue/index.cjs"
+      "import": "./dist/vue/index.js"
     },
     "./vue/codegen": {
       "types": "./dist/vue/codegen.d.ts",
-      "import": "./dist/vue/codegen.js",
-      "require": "./dist/vue/codegen.cjs"
+      "import": "./dist/vue/codegen.js"
     },
     "./react": {
       "types": "./dist/react/index.d.ts",
-      "import": "./dist/react/index.js",
-      "require": "./dist/react/index.cjs"
+      "import": "./dist/react/index.js"
     },
     "./react/codegen": {
       "types": "./dist/react/codegen.d.ts",
-      "import": "./dist/react/codegen.js",
-      "require": "./dist/react/codegen.cjs"
+      "import": "./dist/react/codegen.js"
     },
     "./svelte": {
       "types": "./dist/svelte/index.d.ts",
-      "import": "./dist/svelte/index.js",
-      "require": "./dist/svelte/index.cjs"
+      "import": "./dist/svelte/index.js"
     },
     "./svelte/codegen": {
       "types": "./dist/svelte/codegen.d.ts",
-      "import": "./dist/svelte/codegen.js",
-      "require": "./dist/svelte/codegen.cjs"
+      "import": "./dist/svelte/codegen.js"
+    },
+    "./solid": {
+      "types": "./dist/solid/index.d.ts",
+      "import": "./dist/solid/index.js"
+    },
+    "./solid/codegen": {
+      "types": "./dist/solid/codegen.d.ts",
+      "import": "./dist/solid/codegen.js"
     },
     "./core": {
       "types": "./dist/core/index.d.ts",
@@ -351,13 +351,16 @@
     "shaders-core": "workspace:*",
     "shaders-vue": "workspace:*",
     "shaders-react": "workspace:*",
-    "shaders-svelte": "workspace:*"
+    "shaders-svelte": "workspace:*",
+    "shaders-solid": "workspace:*"
   },
   "keywords": [
     "vue",
     "vue3",
     "react",
     "svelte",
+    "solid",
+    "solidjs",
     "webgpu",
     "webgl",
     "wgsl",

package/dist/react/generatePresetCode-DWBlTzlt.cjs

@@ -1,13 +0,0 @@
-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"},Spherize:{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","Spherize","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}});