xeerpe 0.0.4 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/README.md +8 -2
  2. package/dist/core/builder.d.ts +15 -2
  3. package/dist/core/builder.d.ts.map +1 -1
  4. package/dist/generators/effects.d.ts +8 -0
  5. package/dist/generators/effects.d.ts.map +1 -0
  6. package/dist/generators/filters.d.ts +29 -0
  7. package/dist/generators/filters.d.ts.map +1 -0
  8. package/dist/generators/gradients.d.ts +8 -2
  9. package/dist/generators/gradients.d.ts.map +1 -1
  10. package/dist/generators/index.d.ts +4 -0
  11. package/dist/generators/index.d.ts.map +1 -0
  12. package/dist/index.d.ts +2 -0
  13. package/dist/index.d.ts.map +1 -1
  14. package/dist/index.js +1 -1
  15. package/dist/index.mjs +1 -1
  16. package/dist/models/builder.d.ts +11 -2
  17. package/dist/models/builder.d.ts.map +1 -1
  18. package/dist/models/effects.d.ts +32 -0
  19. package/dist/models/effects.d.ts.map +1 -0
  20. package/dist/models/filters.d.ts +8 -0
  21. package/dist/models/filters.d.ts.map +1 -0
  22. package/dist/models/gradient.d.ts +40 -0
  23. package/dist/models/gradient.d.ts.map +1 -0
  24. package/dist/models/index.d.ts +6 -0
  25. package/dist/models/index.d.ts.map +1 -0
  26. package/dist/models/utils.d.ts +7 -0
  27. package/dist/models/utils.d.ts.map +1 -0
  28. package/dist/preset/colors.d.ts +101 -0
  29. package/dist/preset/colors.d.ts.map +1 -0
  30. package/dist/preset/index.d.ts +2 -0
  31. package/dist/preset/index.d.ts.map +1 -0
  32. package/dist/utils/index.d.ts +5 -0
  33. package/dist/utils/index.d.ts.map +1 -0
  34. package/dist/validations/angle.d.ts +3 -0
  35. package/dist/validations/angle.d.ts.map +1 -0
  36. package/dist/validations/directions.d.ts +3 -0
  37. package/dist/validations/directions.d.ts.map +1 -0
  38. package/dist/validations/index.d.ts +4 -0
  39. package/dist/validations/index.d.ts.map +1 -0
  40. package/dist/validations/position.d.ts +3 -0
  41. package/dist/validations/position.d.ts.map +1 -0
  42. package/package.json +1 -1
  43. package/dist/generators/blur.d.ts +0 -3
  44. package/dist/generators/blur.d.ts.map +0 -1
package/README.md CHANGED
@@ -1,7 +1,7 @@
1
1
  <p align="center">
2
2
  <br><br>
3
3
  <picture>
4
- <img src="https://raw.githubusercontent.com/nicolacentonze/xeerpe/main/lib/media/xeerpe.png" height="150">
4
+ <img src="https://raw.githubusercontent.com/nicolacentonze/xeerpe/main/lib/media/xeerpe.png" height="120">
5
5
  </picture>
6
6
  <br><br>
7
7
  </p>
@@ -12,4 +12,10 @@
12
12
 
13
13
  A fluent, chainable API for building CSS backgrounds programmatically.
14
14
 
15
- Write less. Style more. Chain everything.
15
+ Write less. Style more. Chain everything.
16
+
17
+ ---
18
+
19
+ Copyright (c) 2026 **Nicola Centonze**
20
+
21
+ Released under the MIT License.
@@ -1,7 +1,20 @@
1
+ import { EffectOptions, EffectType, NoiseOptions, VignetteOptions, GrainOptions, BlurOptions, FilterType, FilterOptions, GlowOptions } from "../models";
2
+ import { ConicGradientOptions, GradientOptions, GradientType, LinearGradientOptions, MeshGradientOptions, RadialGradientOptions } from "../models";
1
3
  export declare class Builder {
2
4
  private _layers;
3
- gradient(from: string, to: string): this;
4
- blur(value: string): this;
5
+ gradient(type: GradientType, options: GradientOptions): this;
6
+ linearGradient(options: LinearGradientOptions): this;
7
+ radialGradient(options: RadialGradientOptions): this;
8
+ conicGradient(options: ConicGradientOptions): this;
9
+ meshGradient(options: MeshGradientOptions): this;
10
+ effect(type: EffectType, options: EffectOptions): this;
11
+ filter(type: FilterType, options: FilterOptions): this;
12
+ noise(options: NoiseOptions): this;
13
+ vignette(options: VignetteOptions): this;
14
+ grain(options: GrainOptions): this;
15
+ glow(options: GlowOptions): this;
16
+ blur(options: BlurOptions): this;
5
17
  toStyle(): Record<string, string>;
18
+ toTextStyle(): any;
6
19
  }
7
20
  //# sourceMappingURL=builder.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"builder.d.ts","sourceRoot":"","sources":["../../src/core/builder.ts"],"names":[],"mappings":"AAIA,qBAAa,OAAO;IAChB,OAAO,CAAC,OAAO,CAAsB;IAErC,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI;IAMxC,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAMzB,OAAO,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;CAYpC"}
1
+ {"version":3,"file":"builder.d.ts","sourceRoot":"","sources":["../../src/core/builder.ts"],"names":[],"mappings":"AAAA,OAAO,EAIH,aAAa,EACb,UAAU,EACV,YAAY,EACZ,eAAe,EACf,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EACpE,MAAM,WAAW,CAAC;AAEnB,OAAO,EACH,oBAAoB,EACpB,eAAe,EACf,YAAY,EACZ,qBAAqB,EACrB,mBAAmB,EACnB,qBAAqB,EACxB,MAAM,WAAW,CAAC;AAEnB,qBAAa,OAAO;IAChB,OAAO,CAAC,OAAO,CAAsB;IAErC,QAAQ,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,eAAe,GAAG,IAAI;IAM5D,cAAc,CAAC,OAAO,EAAE,qBAAqB,GAAG,IAAI;IAIpD,cAAc,CAAC,OAAO,EAAE,qBAAqB,GAAG,IAAI;IAIpD,aAAa,CAAC,OAAO,EAAE,oBAAoB,GAAG,IAAI;IAIlD,YAAY,CAAC,OAAO,EAAE,mBAAmB,GAAG,IAAI;IAIhD,MAAM,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,GAAG,IAAI;IAMtD,MAAM,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,GAAG,IAAI;IAMtD,KAAK,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI;IAIlC,QAAQ,CAAC,OAAO,EAAE,eAAe,GAAG,IAAI;IAIxC,KAAK,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI;IAIlC,IAAI,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAIhC,IAAI,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAIhC,OAAO,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAwCjC,WAAW,IAAI,GAAG;CAWrB"}
@@ -0,0 +1,8 @@
1
+ import { BuilderLayer, EffectOptions, EffectType, GrainOptions, NoiseOptions, VignetteOptions, GlowOptions } from "../models";
2
+ export declare const generateNoiseEffect: (options: NoiseOptions) => string;
3
+ export declare const generateVignetteEffect: (options: VignetteOptions) => string;
4
+ export declare const generateGrainEffect: (options: GrainOptions) => string;
5
+ export declare const generateGlowEffect: (options: GlowOptions) => string;
6
+ export declare const buildEffectByType: (type: EffectType, options: EffectOptions) => string;
7
+ export declare const buildEffectLayer: (type: EffectType, options: EffectOptions) => BuilderLayer;
8
+ //# sourceMappingURL=effects.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"effects.d.ts","sourceRoot":"","sources":["../../src/generators/effects.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EAEZ,aAAa,EACb,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,WAAW,EACd,MAAM,WAAW,CAAC;AAGnB,eAAO,MAAM,mBAAmB,GAAI,SAAS,YAAY,KAAG,MAqB3D,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,SAAS,eAAe,KAAG,MAUjE,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,SAAS,YAAY,KAAG,MAoB3D,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,SAAS,WAAW,KAAG,MAKzD,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,MAAM,UAAU,EAAE,SAAS,aAAa,KAAG,MAa5E,CAAA;AAED,eAAO,MAAM,gBAAgB,GACzB,MAAM,UAAU,EAChB,SAAS,aAAa,KACvB,YAiBF,CAAA"}
@@ -0,0 +1,29 @@
1
+ import { BlurOptions, BuilderLayer, FilterOptions, FilterType } from "../models";
2
+ export declare const generateBlurEffect: (options: BlurOptions) => {
3
+ properties: {
4
+ backdropFilter: string;
5
+ "-webkit-backdrop-filter": string;
6
+ filter?: undefined;
7
+ };
8
+ } | {
9
+ properties: {
10
+ filter: string;
11
+ backdropFilter?: undefined;
12
+ "-webkit-backdrop-filter"?: undefined;
13
+ };
14
+ };
15
+ export declare const buildFilterByType: (type: FilterType, options: FilterOptions) => {
16
+ properties: {
17
+ backdropFilter: string;
18
+ "-webkit-backdrop-filter": string;
19
+ filter?: undefined;
20
+ };
21
+ } | {
22
+ properties: {
23
+ filter: string;
24
+ backdropFilter?: undefined;
25
+ "-webkit-backdrop-filter"?: undefined;
26
+ };
27
+ };
28
+ export declare const buildFilterLayer: (type: FilterType, options: FilterOptions) => BuilderLayer;
29
+ //# sourceMappingURL=filters.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../../src/generators/filters.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,WAAW,EACX,YAAY,EACZ,aAAa,EACb,UAAU,EACb,MAAM,WAAW,CAAC;AAEnB,eAAO,MAAM,kBAAkB,GAAI,SAAS,WAAW;;;;;;;;;;;;CAgBtD,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,MAAM,UAAU,EAAE,SAAS,aAAa;;;;;;;;;;;;CAOzE,CAAA;AAED,eAAO,MAAM,gBAAgB,GACzB,MAAM,UAAU,EAChB,SAAS,aAAa,KACvB,YAIF,CAAA"}
@@ -1,3 +1,9 @@
1
- import { BuilderLayer } from "../models/builder";
2
- export declare const buildGradientLayer: (from: string, to: string) => BuilderLayer;
1
+ import { BuilderLayer } from "../models";
2
+ import { ConicGradientOptions, GradientOptions, GradientType, LinearGradientOptions, MeshGradientOptions, RadialGradientOptions } from "../models";
3
+ export declare const linearGradientBuilder: (options: LinearGradientOptions) => string;
4
+ export declare const radialGradientBuilder: (options: RadialGradientOptions) => string;
5
+ export declare const conicGradientBuilder: (options: ConicGradientOptions) => string;
6
+ export declare const meshGradient: (options: MeshGradientOptions) => string;
7
+ export declare const buildGradientByType: (type: GradientType, options: GradientOptions) => string;
8
+ export declare const buildGradientLayer: (type: GradientType, options: GradientOptions) => BuilderLayer;
3
9
  //# sourceMappingURL=gradients.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"gradients.d.ts","sourceRoot":"","sources":["../../src/generators/gradients.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAE/C,eAAO,MAAM,kBAAkB,GAAI,MAAM,MAAM,EAAE,IAAI,MAAM,KAAG,YAK7D,CAAA"}
1
+ {"version":3,"file":"gradients.d.ts","sourceRoot":"","sources":["../../src/generators/gradients.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAiB,MAAM,WAAW,CAAC;AACxD,OAAO,EACH,oBAAoB,EAEpB,eAAe,EACf,YAAY,EACZ,qBAAqB,EAAE,mBAAmB,EAC1C,qBAAqB,EACxB,MAAM,WAAW,CAAC;AAanB,eAAO,MAAM,qBAAqB,GAAI,SAAS,qBAAqB,KAAG,MActE,CAAA;AAED,eAAO,MAAM,qBAAqB,GAAI,SAAS,qBAAqB,KAAG,MAUtE,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,SAAS,oBAAoB,KAAG,MAapE,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,SAAS,mBAAmB,KAAG,MAQ3D,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,MAAM,YAAY,EAAE,SAAS,eAAe,KAAG,MAQlF,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,MAAM,YAAY,EAAE,SAAS,eAAe,KAAG,YAejF,CAAA"}
@@ -0,0 +1,4 @@
1
+ export * from './gradients';
2
+ export * from './effects';
3
+ export * from './filters';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/generators/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA"}
package/dist/index.d.ts CHANGED
@@ -1,2 +1,4 @@
1
1
  export * from './core';
2
+ export * from './preset';
3
+ export * from './models';
2
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA"}
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- (()=>{"use strict";var r={};r.d=(t,e,n)=>{var a=(e,n)=>{for(var a in e)r.o(e,a)&&!r.o(t,a)&&Object.defineProperty(t,a,{enumerable:!0,[n]:e[a]})};a(e,"get"),a(n,"value")},r.o=(r,t)=>Object.prototype.hasOwnProperty.call(r,t),r.r=r=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})};var t={};r.r(t),r.d(t,{Builder:()=>a});var e=function(r,t){var e="".concat(r,", ").concat(t);return{type:"gradient",css:"background: linear-gradient(".concat("50deg",", ").concat(e,")")}};function n(r,t){(null==t||t>r.length)&&(t=r.length);for(var e=0,n=Array(t);e<t;e++)n[e]=r[e];return n}var a=function(){var r;function t(){var r,e;if(!(this instanceof t))throw TypeError("Cannot call a class as a function");e=[],(r="_layers")in this?Object.defineProperty(this,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):this[r]=e}return r=[{key:"gradient",value:function(r,t){var n=e(r,t);return this._layers.push(n),this}},{key:"blur",value:function(r){return this._layers.push({type:"blur",css:"filter: blur(".concat(r,")")}),this}},{key:"toStyle",value:function(){var r={};return this._layers.forEach(function(t){var e,a=function(r){if(Array.isArray(r))return r}(e=t.css.split(":").map(function(r){return r.trim()}))||function(r){var t,e,n=null==r?null:"u">typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=n){var a=[],o=!0,i=!1;try{for(n=n.call(r);!(o=(t=n.next()).done)&&(a.push(t.value),2!==a.length);o=!0);}catch(r){i=!0,e=r}finally{try{o||null==n.return||n.return()}finally{if(i)throw e}}return a}}(e)||function(r){if(r){if("string"==typeof r)return n(r,2);var t=Object.prototype.toString.call(r).slice(8,-1);if("Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return n(r,2)}}(e)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),o=a[0],i=a[1];o&&i&&(r[o.replace(/-([a-z])/g,function(r,t){return t.toUpperCase()})]=i)}),r}}],function(r,t){for(var e=0;e<t.length;e++){var n=t[e];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(r,n.key,n)}}(t.prototype,r),t}();module.exports=t})();
1
+ (()=>{"use strict";var e={};e.d=(t,r,n)=>{var a=(r,n)=>{for(var a in r)e.o(r,a)&&!e.o(t,a)&&Object.defineProperty(t,a,{enumerable:!0,[n]:r[a]})};a(r,"get"),a(n,"value")},e.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var t={};e.r(t),e.d(t,{Builder:()=>T,colors:()=>C});var r=/^-?\d*\.?\d+(%|px|rem|em|vh|vw|vmin|vmax)$/,n=/^calc\(.+\)$/,a=function(e){var t=e.trim();return r.test(t)||n.test(t)},o=/^-?\d*\.?\d+(deg|rad|grad|turn)$/,c=function(e){return o.test(e.trim())},i=["to top","to bottom","to left","to right","to top right","to bottom right","to top left","to bottom left"],l=function(e){if("string"==typeof e)return e;var t=e.color,r=e.position;return r&&a(r)?"".concat(t," ").concat(r):t},u=function(e){var t,r,n=e.angle&&c(e.angle)?e.angle:e.direction&&(t=e.direction,i.includes(t))?e.direction:"135deg",a=(null==(r=e.colors)?void 0:r.length)?e.colors.map(l).join(", "):"".concat(e.from,", ").concat(e.to),o=e.size?" ".concat(e.size):"";return"linear-gradient(".concat(n,", ").concat(a).concat(o,")")},f=function(e){var t,r,n=null===e.shape?"":"".concat(null!=(t=e.shape)?t:"circle"," "),a=e.size?" ".concat(e.size):"",o="at ".concat(null!=(r=e.position)?r:"center"),c=e.colorFromPosition?" ".concat(e.colorFromPosition):"",i=e.colorToPosition?" ".concat(e.colorToPosition):"",l="".concat(e.from).concat(c,", ").concat(e.to).concat(i);return"radial-gradient(".concat(n).concat(a," ").concat(o,", ").concat(l,")")},s=function(e){var t,r,n=e.angle&&c(e.angle)?"from ".concat(e.angle," "):"",a="at ".concat(null!=(t=e.position)?t:"center"),o=(null==(r=e.colors)?void 0:r.length)?e.colors.map(l).join(", "):"".concat(e.from,", ").concat(e.to);return"conic-gradient(".concat(n).concat(a,", ").concat(o,")")},d=function(e,t){switch(e){case"linear":return u(t);case"radial":return f(t);case"conic":return s(t);case"mesh":return t.layers.map(function(e){e.shape=null!=(t=e.shape)?t:null;var t,r=f(e);return"".concat(r)}).join(", ");default:throw Error("Unknown gradient type: ".concat(e))}},b=function(e,t){var r,n,a,o="mesh"===e;return{type:"gradient",properties:(r=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){var n;n=r[t],t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n})}return e}({},o&&{backgroundImage:d(e,t),backgroundColor:t.background},!o&&{background:d(e,t)}),n=n={backgroundSize:null!=(a=t.backgroundSize)?a:"auto"},Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):(function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t})(Object(n)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}),r)}},p=function(e){var t=e.replace("#",""),r=parseInt(3===t.length?t.split("").map(function(e){return e+e}).join(""):t,16);return{red:r>>16&255,green:r>>8&255,blue:255&r}},g=function(e,t){if(e.startsWith("#")){var r=p(e),n=r.red,a=r.green,o=r.blue;return"rgba(".concat(n,", ").concat(a,", ").concat(o,", ").concat(t,")")}return e.startsWith("rgb(")?e.replace("rgb(","rgba(").replace(")",", ".concat(t,")")):e.startsWith("hsl(")?e.replace("hsl(","hsla(").replace(")",", ".concat(t,")")):e},h=function(e,t,r){return Math.min(r,Math.max(t,e))},v=function(e){var t=e.opacity,r=e.scale,n=e.type,a=e.octaves,o=encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">\n <filter id="n">\n <feTurbulence type="'.concat(void 0===n?"fractalNoise":n,'" baseFrequency="').concat(void 0===r?.65:r,'" numOctaves="').concat(void 0===a?16:a,'" stitchTiles="stitch"/>\n <feColorMatrix type="saturate" values="0"/>\n </filter>\n <rect width="100%" height="100%" filter="url(#n)" opacity="').concat(void 0===t?.25:t,'"/>\n </svg>'));return'url("data:image/svg+xml,'.concat(o,'")')},y=function(e){var t=e.color,r=e.intensity,n=e.spread,a=g(void 0===t?"#000000":t,h(void 0===r?.2:r,0,1)),o=Math.round(100*(void 0===n?.2:n));return"radial-gradient(ellipse at center, transparent ".concat(100-o,"%, ").concat(a," 100%)")},m=function(e){var t=e.intensity,r=e.size,n=void 0===r?"100%":r,a=e.animated,o=h(.08*(void 0===t?1:t),.01,.12),c=encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="'.concat(n,'" height="').concat(n,'" viewBox="0 0 100% 100%">\n <filter id="g" x="0" y="0" width="').concat(n,'" height="').concat(n,'">\n ').concat(void 0!==a&&a?'<feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch">\n <animate attributeName="baseFrequency" values="0.65;0.68;0.63;0.65" dur="2s" repeatCount="indefinite"/>\n </feTurbulence>':'<feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/>','\n <feColorMatrix type="saturate" values="0"/>\n </filter>\n <rect width="').concat(n,'" height="').concat(n,'" filter="url(#g)" opacity="').concat(o,'"/>\n </svg>'));return'url("data:image/svg+xml,'.concat(c,'")')},k=function(e){var t=e.amount,r=e.spread,n=void 0===r?"":r,a=e.x,o=e.y,c=e.color,i=e.type;return"".concat("inner"===(void 0===i?"outer":i)?"inset ":"").concat(void 0===a?"0px":a," ").concat(void 0===o?"0px":o," ").concat(void 0===t?"20px":t).concat(n?" ".concat(n):""," ").concat(void 0===c?"#ffffff":c)},w=function(e,t){switch(e){case"noise":return v(t);case"vignette":return y(t);case"grain":return m(t);case"glow":return k(t);default:throw Error("Unknown gradient type: ".concat(e))}},O=function(e,t){var r;return"glow"===e?{type:"effect",properties:{boxShadow:w(e,t)}}:{type:"effect",properties:{backgroundImage:w(e,t),backgroundSize:null!=(r=t.backgroundSize)?r:"auto"}}},j=function(e){var t,r,n,a=e.amount,o=void 0===a?"20px":a,c=e.type;return"backdrop"===(void 0===c?"backdrop":c)?{properties:(t={backdropFilter:"blur(".concat(o,")")},r="-webkit-backdrop-filter",n="blur(".concat(o,")"),r in t?Object.defineProperty(t,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[r]=n,t)}:{properties:{filter:"blur(".concat(o,")")}}},S=function(e,t){if("blur"===e)return j(t);throw Error("Unknown filter type: ".concat(e))};function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function P(e){return function(e){if(Array.isArray(e))return x(e)}(e)||function(e){if("u">typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e){if(e){if("string"==typeof e)return x(e,void 0);var t=Object.prototype.toString.call(e).slice(8,-1);if("Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return x(e,void 0)}}(e)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var T=function(){var e;function t(){var e,r;if(!(this instanceof t))throw TypeError("Cannot call a class as a function");r=[],(e="_layers")in this?Object.defineProperty(this,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):this[e]=r}return e=[{key:"gradient",value:function(e,t){var r=b(e,t);return this._layers.push(r),this}},{key:"linearGradient",value:function(e){return this.gradient("linear",e)}},{key:"radialGradient",value:function(e){return this.gradient("radial",e)}},{key:"conicGradient",value:function(e){return this.gradient("conic",e)}},{key:"meshGradient",value:function(e){return this.gradient("mesh",e)}},{key:"effect",value:function(e,t){var r=O(e,t);return this._layers.push(r),this}},{key:"filter",value:function(e,t){var r={type:"filter",properties:S(e,t).properties};return this._layers.push(r),this}},{key:"noise",value:function(e){return this.effect("noise",e)}},{key:"vignette",value:function(e){return this.effect("vignette",e)}},{key:"grain",value:function(e){return this.effect("grain",e)}},{key:"glow",value:function(e){return this.effect("glow",e)}},{key:"blur",value:function(e){return this.filter("blur",e)}},{key:"toStyle",value:function(){var e,t,r,n={gradient:[],filter:[],effect:[]};this._layers.forEach(function(e){n[e.type].push(e.properties)});var a={};if(n.gradient.length||n.effect.length){var o,c=P(n.effect).concat(P(n.gradient)).flatMap(function(e){return[e.backgroundImage,e.background].filter(Boolean)}),i=P(n.effect).concat(P(n.gradient)).map(function(e){return e.backgroundSize}).filter(Boolean),l=n.effect.map(function(e){return e.boxShadow}).filter(Boolean),u=null==(o=n.gradient.find(function(e){return e.backgroundColor}))?void 0:o.backgroundColor;c.length&&(a.backgroundImage=c.join(", ")),i.length&&(a.backgroundSize=i.join(", ")),u&&(a.backgroundColor=u),l&&(a.boxShadow=l.join(", "))}return n.filter.length&&(console.log(n.filter),a.filter=null!=(e=n.filter[0].filter)?e:"",a.backdropFilter=null!=(t=null==(r=n.filter[0])?void 0:r.backdropFilter)?t:""),a}},{key:"toTextStyle",value:function(){var e,t=this.toStyle();return{backgroundImage:null!=(e=t.backgroundImage)?e:t.background,backgroundClip:"text",WebkitBackgroundClip:"text",color:"transparent",WebkitTextFillColor:"transparent"}}}],function(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}(t.prototype,e),t}(),C={inkwell:"#1a1a2e",obsidian:"#16213e",void:"#0f0f1a",midnightOil:"#1b1f3b",pitch:"#222222",carbon:"#2d2d2d",graphite:"#3d3d3d",flint:"#555555",stone:"#737373",pewter:"#8e8e8e",ash:"#b4b4b0",smoke:"#d0d0cc",bone:"#e8e5dc",chalk:"#f2f0ea",salt:"#faf9f6",parchment:"#f5f0e8",linen:"#eee8d5",cream:"#fdf6e3",absinthe:"#4a7c59",forestFloor:"#2d5a27",malachite:"#3a9e6d",verdigris:"#5f9ea0",celadon:"#ace1af",fern:"#4f7942",chartreuse:"#b5cc18",mantis:"#74c365",viridian:"#40826d",spruce:"#1e4d40",prussian:"#003153",lapis:"#1b4f8c",cobalt:"#0047ab",cerulean:"#007ba7",denim:"#1560bd",glacier:"#80b9d3",powder:"#b0d6e6",steel:"#4682b4",maya:"#73c2fb",delft:"#3640b8",indigoInk:"#220066",wisteria:"#9b7ec8",aubergine:"#614051",amethyst:"#9966cc",mauve:"#e0b0ff",byzantium:"#702963",mulberry:"#c54b8c",plum:"#8e4585",heliotrope:"#df73ff",iris:"#5a4fcf",cinnabar:"#e34234",amaranth:"#e52b50",carmine:"#960018",rouge:"#ab4f62",garnet:"#732e45",crimson:"#dc143c",venetian:"#c80815",blush:"#f4a0a0",tomato:"#ff6347",poppy:"#e35335",amber:"#ffbf00",saffron:"#f4c430",ochre:"#cc7722",goldenrod:"#daa520",harvest:"#da8a2e",copper:"#b87333",terra:"#c2713f",sienna:"#882d17",umber:"#635147",rust:"#b7410e",coral:"#ff7f7f",peach:"#ffb38a",apricot:"#fbceb1",cantaloupe:"#f48054",melon:"#fdbcb4",spearmint:"#a1caa0",sage:"#b2ac88",taupe:"#b5a999",khaki:"#c3b091",dusk:"#8899a6",slate:"#6d8b9c",cadet:"#5f9ea0",eucalyptus:"#5f8575",clay:"#9c6b5a",mushroom:"#9e9388",tealDeep:"#006d77",aquamarine:"#2dc5a2",seafoam:"#93e1d8",jade:"#00a878",turquoise:"#40e0d0",niagara:"#06aed5",tiffany:"#81d8d0",pine:"#01796f",mint:"#98ff98",patina:"#4e8b78",sakura:"#ffb7c5",orchid:"#da70d6",fandango:"#b53389",cerise:"#de3163",magenta:"#ff00ff"};module.exports=t})();
package/dist/index.mjs CHANGED
@@ -1 +1 @@
1
- var r={};r.d=(t,e,n)=>{var a=(e,n)=>{for(var a in e)r.o(e,a)&&!r.o(t,a)&&Object.defineProperty(t,a,{enumerable:!0,[n]:e[a]})};a(e,"get"),a(n,"value")},r.o=(r,t)=>Object.prototype.hasOwnProperty.call(r,t);var t={};r.d(t,{M:()=>a});var e=function(r,t){var e="".concat(r,", ").concat(t);return{type:"gradient",css:"background: linear-gradient(".concat("50deg",", ").concat(e,")")}};function n(r,t){(null==t||t>r.length)&&(t=r.length);for(var e=0,n=Array(t);e<t;e++)n[e]=r[e];return n}var a=function(){"use strict";var r;function t(){var r,e;if(!(this instanceof t))throw TypeError("Cannot call a class as a function");e=[],(r="_layers")in this?Object.defineProperty(this,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):this[r]=e}return r=[{key:"gradient",value:function(r,t){var n=e(r,t);return this._layers.push(n),this}},{key:"blur",value:function(r){return this._layers.push({type:"blur",css:"filter: blur(".concat(r,")")}),this}},{key:"toStyle",value:function(){var r={};return this._layers.forEach(function(t){var e,a=function(r){if(Array.isArray(r))return r}(e=t.css.split(":").map(function(r){return r.trim()}))||function(r){var t,e,n=null==r?null:"u">typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=n){var a=[],o=!0,i=!1;try{for(n=n.call(r);!(o=(t=n.next()).done)&&(a.push(t.value),2!==a.length);o=!0);}catch(r){i=!0,e=r}finally{try{o||null==n.return||n.return()}finally{if(i)throw e}}return a}}(e)||function(r){if(r){if("string"==typeof r)return n(r,2);var t=Object.prototype.toString.call(r).slice(8,-1);if("Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return n(r,2)}}(e)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),o=a[0],i=a[1];o&&i&&(r[o.replace(/-([a-z])/g,function(r,t){return t.toUpperCase()})]=i)}),r}}],function(r,t){for(var e=0;e<t.length;e++){var n=t[e];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(r,n.key,n)}}(t.prototype,r),t}(),o=t.M;export{o as Builder};
1
+ var e={};e.d=(t,r,n)=>{var a=(r,n)=>{for(var a in r)e.o(r,a)&&!e.o(t,a)&&Object.defineProperty(t,a,{enumerable:!0,[n]:r[a]})};a(r,"get"),a(n,"value")},e.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var t={};e.d(t,{M:()=>T,T:()=>_});var r=/^-?\d*\.?\d+(%|px|rem|em|vh|vw|vmin|vmax)$/,n=/^calc\(.+\)$/,a=function(e){var t=e.trim();return r.test(t)||n.test(t)},o=/^-?\d*\.?\d+(deg|rad|grad|turn)$/,c=function(e){return o.test(e.trim())},i=["to top","to bottom","to left","to right","to top right","to bottom right","to top left","to bottom left"],l=function(e){if("string"==typeof e)return e;var t=e.color,r=e.position;return r&&a(r)?"".concat(t," ").concat(r):t},u=function(e){var t,r,n=e.angle&&c(e.angle)?e.angle:e.direction&&(t=e.direction,i.includes(t))?e.direction:"135deg",a=(null==(r=e.colors)?void 0:r.length)?e.colors.map(l).join(", "):"".concat(e.from,", ").concat(e.to),o=e.size?" ".concat(e.size):"";return"linear-gradient(".concat(n,", ").concat(a).concat(o,")")},f=function(e){var t,r,n=null===e.shape?"":"".concat(null!=(t=e.shape)?t:"circle"," "),a=e.size?" ".concat(e.size):"",o="at ".concat(null!=(r=e.position)?r:"center"),c=e.colorFromPosition?" ".concat(e.colorFromPosition):"",i=e.colorToPosition?" ".concat(e.colorToPosition):"",l="".concat(e.from).concat(c,", ").concat(e.to).concat(i);return"radial-gradient(".concat(n).concat(a," ").concat(o,", ").concat(l,")")},s=function(e){var t,r,n=e.angle&&c(e.angle)?"from ".concat(e.angle," "):"",a="at ".concat(null!=(t=e.position)?t:"center"),o=(null==(r=e.colors)?void 0:r.length)?e.colors.map(l).join(", "):"".concat(e.from,", ").concat(e.to);return"conic-gradient(".concat(n).concat(a,", ").concat(o,")")},d=function(e,t){switch(e){case"linear":return u(t);case"radial":return f(t);case"conic":return s(t);case"mesh":return t.layers.map(function(e){e.shape=null!=(t=e.shape)?t:null;var t,r=f(e);return"".concat(r)}).join(", ");default:throw Error("Unknown gradient type: ".concat(e))}},p=function(e,t){var r,n,a,o="mesh"===e;return{type:"gradient",properties:(r=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){var n;n=r[t],t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n})}return e}({},o&&{backgroundImage:d(e,t),backgroundColor:t.background},!o&&{background:d(e,t)}),n=n={backgroundSize:null!=(a=t.backgroundSize)?a:"auto"},Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):(function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t})(Object(n)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}),r)}},b=function(e){var t=e.replace("#",""),r=parseInt(3===t.length?t.split("").map(function(e){return e+e}).join(""):t,16);return{red:r>>16&255,green:r>>8&255,blue:255&r}},g=function(e,t){if(e.startsWith("#")){var r=b(e),n=r.red,a=r.green,o=r.blue;return"rgba(".concat(n,", ").concat(a,", ").concat(o,", ").concat(t,")")}return e.startsWith("rgb(")?e.replace("rgb(","rgba(").replace(")",", ".concat(t,")")):e.startsWith("hsl(")?e.replace("hsl(","hsla(").replace(")",", ".concat(t,")")):e},h=function(e,t,r){return Math.min(r,Math.max(t,e))},v=function(e){var t=e.opacity,r=e.scale,n=e.type,a=e.octaves,o=encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">\n <filter id="n">\n <feTurbulence type="'.concat(void 0===n?"fractalNoise":n,'" baseFrequency="').concat(void 0===r?.65:r,'" numOctaves="').concat(void 0===a?16:a,'" stitchTiles="stitch"/>\n <feColorMatrix type="saturate" values="0"/>\n </filter>\n <rect width="100%" height="100%" filter="url(#n)" opacity="').concat(void 0===t?.25:t,'"/>\n </svg>'));return'url("data:image/svg+xml,'.concat(o,'")')},y=function(e){var t=e.color,r=e.intensity,n=e.spread,a=g(void 0===t?"#000000":t,h(void 0===r?.2:r,0,1)),o=Math.round(100*(void 0===n?.2:n));return"radial-gradient(ellipse at center, transparent ".concat(100-o,"%, ").concat(a," 100%)")},m=function(e){var t=e.intensity,r=e.size,n=void 0===r?"100%":r,a=e.animated,o=h(.08*(void 0===t?1:t),.01,.12),c=encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="'.concat(n,'" height="').concat(n,'" viewBox="0 0 100% 100%">\n <filter id="g" x="0" y="0" width="').concat(n,'" height="').concat(n,'">\n ').concat(void 0!==a&&a?'<feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch">\n <animate attributeName="baseFrequency" values="0.65;0.68;0.63;0.65" dur="2s" repeatCount="indefinite"/>\n </feTurbulence>':'<feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/>','\n <feColorMatrix type="saturate" values="0"/>\n </filter>\n <rect width="').concat(n,'" height="').concat(n,'" filter="url(#g)" opacity="').concat(o,'"/>\n </svg>'));return'url("data:image/svg+xml,'.concat(c,'")')},k=function(e){var t=e.amount,r=e.spread,n=void 0===r?"":r,a=e.x,o=e.y,c=e.color,i=e.type;return"".concat("inner"===(void 0===i?"outer":i)?"inset ":"").concat(void 0===a?"0px":a," ").concat(void 0===o?"0px":o," ").concat(void 0===t?"20px":t).concat(n?" ".concat(n):""," ").concat(void 0===c?"#ffffff":c)},w=function(e,t){switch(e){case"noise":return v(t);case"vignette":return y(t);case"grain":return m(t);case"glow":return k(t);default:throw Error("Unknown gradient type: ".concat(e))}},O=function(e,t){var r;return"glow"===e?{type:"effect",properties:{boxShadow:w(e,t)}}:{type:"effect",properties:{backgroundImage:w(e,t),backgroundSize:null!=(r=t.backgroundSize)?r:"auto"}}},j=function(e){var t,r,n,a=e.amount,o=void 0===a?"20px":a,c=e.type;return"backdrop"===(void 0===c?"backdrop":c)?{properties:(t={backdropFilter:"blur(".concat(o,")")},r="-webkit-backdrop-filter",n="blur(".concat(o,")"),r in t?Object.defineProperty(t,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[r]=n,t)}:{properties:{filter:"blur(".concat(o,")")}}},x=function(e,t){if("blur"===e)return j(t);throw Error("Unknown filter type: ".concat(e))};function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function P(e){return function(e){if(Array.isArray(e))return S(e)}(e)||function(e){if("u">typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e){if(e){if("string"==typeof e)return S(e,void 0);var t=Object.prototype.toString.call(e).slice(8,-1);if("Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return S(e,void 0)}}(e)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var T=function(){"use strict";var e;function t(){var e,r;if(!(this instanceof t))throw TypeError("Cannot call a class as a function");r=[],(e="_layers")in this?Object.defineProperty(this,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):this[e]=r}return e=[{key:"gradient",value:function(e,t){var r=p(e,t);return this._layers.push(r),this}},{key:"linearGradient",value:function(e){return this.gradient("linear",e)}},{key:"radialGradient",value:function(e){return this.gradient("radial",e)}},{key:"conicGradient",value:function(e){return this.gradient("conic",e)}},{key:"meshGradient",value:function(e){return this.gradient("mesh",e)}},{key:"effect",value:function(e,t){var r=O(e,t);return this._layers.push(r),this}},{key:"filter",value:function(e,t){var r={type:"filter",properties:x(e,t).properties};return this._layers.push(r),this}},{key:"noise",value:function(e){return this.effect("noise",e)}},{key:"vignette",value:function(e){return this.effect("vignette",e)}},{key:"grain",value:function(e){return this.effect("grain",e)}},{key:"glow",value:function(e){return this.effect("glow",e)}},{key:"blur",value:function(e){return this.filter("blur",e)}},{key:"toStyle",value:function(){var e,t,r,n={gradient:[],filter:[],effect:[]};this._layers.forEach(function(e){n[e.type].push(e.properties)});var a={};if(n.gradient.length||n.effect.length){var o,c=P(n.effect).concat(P(n.gradient)).flatMap(function(e){return[e.backgroundImage,e.background].filter(Boolean)}),i=P(n.effect).concat(P(n.gradient)).map(function(e){return e.backgroundSize}).filter(Boolean),l=n.effect.map(function(e){return e.boxShadow}).filter(Boolean),u=null==(o=n.gradient.find(function(e){return e.backgroundColor}))?void 0:o.backgroundColor;c.length&&(a.backgroundImage=c.join(", ")),i.length&&(a.backgroundSize=i.join(", ")),u&&(a.backgroundColor=u),l&&(a.boxShadow=l.join(", "))}return n.filter.length&&(console.log(n.filter),a.filter=null!=(e=n.filter[0].filter)?e:"",a.backdropFilter=null!=(t=null==(r=n.filter[0])?void 0:r.backdropFilter)?t:""),a}},{key:"toTextStyle",value:function(){var e,t=this.toStyle();return{backgroundImage:null!=(e=t.backgroundImage)?e:t.background,backgroundClip:"text",WebkitBackgroundClip:"text",color:"transparent",WebkitTextFillColor:"transparent"}}}],function(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}(t.prototype,e),t}(),_={inkwell:"#1a1a2e",obsidian:"#16213e",void:"#0f0f1a",midnightOil:"#1b1f3b",pitch:"#222222",carbon:"#2d2d2d",graphite:"#3d3d3d",flint:"#555555",stone:"#737373",pewter:"#8e8e8e",ash:"#b4b4b0",smoke:"#d0d0cc",bone:"#e8e5dc",chalk:"#f2f0ea",salt:"#faf9f6",parchment:"#f5f0e8",linen:"#eee8d5",cream:"#fdf6e3",absinthe:"#4a7c59",forestFloor:"#2d5a27",malachite:"#3a9e6d",verdigris:"#5f9ea0",celadon:"#ace1af",fern:"#4f7942",chartreuse:"#b5cc18",mantis:"#74c365",viridian:"#40826d",spruce:"#1e4d40",prussian:"#003153",lapis:"#1b4f8c",cobalt:"#0047ab",cerulean:"#007ba7",denim:"#1560bd",glacier:"#80b9d3",powder:"#b0d6e6",steel:"#4682b4",maya:"#73c2fb",delft:"#3640b8",indigoInk:"#220066",wisteria:"#9b7ec8",aubergine:"#614051",amethyst:"#9966cc",mauve:"#e0b0ff",byzantium:"#702963",mulberry:"#c54b8c",plum:"#8e4585",heliotrope:"#df73ff",iris:"#5a4fcf",cinnabar:"#e34234",amaranth:"#e52b50",carmine:"#960018",rouge:"#ab4f62",garnet:"#732e45",crimson:"#dc143c",venetian:"#c80815",blush:"#f4a0a0",tomato:"#ff6347",poppy:"#e35335",amber:"#ffbf00",saffron:"#f4c430",ochre:"#cc7722",goldenrod:"#daa520",harvest:"#da8a2e",copper:"#b87333",terra:"#c2713f",sienna:"#882d17",umber:"#635147",rust:"#b7410e",coral:"#ff7f7f",peach:"#ffb38a",apricot:"#fbceb1",cantaloupe:"#f48054",melon:"#fdbcb4",spearmint:"#a1caa0",sage:"#b2ac88",taupe:"#b5a999",khaki:"#c3b091",dusk:"#8899a6",slate:"#6d8b9c",cadet:"#5f9ea0",eucalyptus:"#5f8575",clay:"#9c6b5a",mushroom:"#9e9388",tealDeep:"#006d77",aquamarine:"#2dc5a2",seafoam:"#93e1d8",jade:"#00a878",turquoise:"#40e0d0",niagara:"#06aed5",tiffany:"#81d8d0",pine:"#01796f",mint:"#98ff98",patina:"#4e8b78",sakura:"#ffb7c5",orchid:"#da70d6",fandango:"#b53389",cerise:"#de3163",magenta:"#ff00ff"},C=t.M,I=t.T;export{C as Builder,I as colors};
@@ -1,6 +1,15 @@
1
- export type LayerType = 'gradient' | 'blur';
1
+ export type LayerType = 'gradient' | 'filter' | 'effect';
2
+ export interface CSSProperties {
3
+ background?: string;
4
+ backgroundImage?: string;
5
+ backgroundColor?: string;
6
+ backgroundSize?: string;
7
+ filter?: string;
8
+ backdropFilter?: string;
9
+ boxShadow?: string;
10
+ }
2
11
  export interface BuilderLayer {
3
12
  type: LayerType;
4
- css: string;
13
+ properties: CSSProperties;
5
14
  }
6
15
  //# sourceMappingURL=builder.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"builder.d.ts","sourceRoot":"","sources":["../../src/models/builder.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,MAAM,CAAA;AAE3C,MAAM,WAAW,YAAY;IACzB,IAAI,EAAE,SAAS,CAAA;IACf,GAAG,EAAE,MAAM,CAAA;CACd"}
1
+ {"version":3,"file":"builder.d.ts","sourceRoot":"","sources":["../../src/models/builder.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAExD,MAAM,WAAW,aAAa;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB;AAGD,MAAM,WAAW,YAAY;IACzB,IAAI,EAAE,SAAS,CAAA;IACf,UAAU,EAAE,aAAa,CAAA;CAC5B"}
@@ -0,0 +1,32 @@
1
+ export type EffectType = 'noise' | 'vignette' | 'grain' | 'glow';
2
+ export type EffectOptions = NoiseOptions | VignetteOptions | GrainOptions | GlowOptions;
3
+ export type NoiseType = 'turbulence' | 'fractalNoise';
4
+ export type GlowType = 'outer' | 'inner';
5
+ export interface NoiseOptions {
6
+ opacity?: number;
7
+ scale?: number;
8
+ type?: NoiseType;
9
+ octaves?: number;
10
+ backgroundSize?: string;
11
+ }
12
+ export interface VignetteOptions {
13
+ color?: string;
14
+ intensity?: number;
15
+ spread?: number;
16
+ backgroundSize?: string;
17
+ }
18
+ export interface GrainOptions {
19
+ intensity?: number;
20
+ size?: string;
21
+ animated?: boolean;
22
+ backgroundSize?: string;
23
+ }
24
+ export interface GlowOptions {
25
+ amount?: string;
26
+ spread?: string;
27
+ x?: string;
28
+ y?: string;
29
+ color?: string;
30
+ type?: GlowType;
31
+ }
32
+ //# sourceMappingURL=effects.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"effects.d.ts","sourceRoot":"","sources":["../../src/models/effects.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CAAA;AAChE,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG,eAAe,GAAG,YAAY,GAAG,WAAW,CAAA;AACvF,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG,cAAc,CAAA;AACrD,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAA;AAExC,MAAM,WAAW,YAAY;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,MAAM,WAAW,eAAe;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;CAC1B;AAGD,MAAM,WAAW,YAAY;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,MAAM,WAAW,WAAW;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,QAAQ,CAAA;CAClB"}
@@ -0,0 +1,8 @@
1
+ export type FilterType = 'blur';
2
+ export type BlurType = 'backdrop' | 'blur';
3
+ export type FilterOptions = BlurOptions;
4
+ export interface BlurOptions {
5
+ amount?: string;
6
+ type?: BlurType;
7
+ }
8
+ //# sourceMappingURL=filters.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../../src/models/filters.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,MAAM,CAAA;AAC/B,MAAM,MAAM,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAA;AAE1C,MAAM,MAAM,aAAa,GAAG,WAAW,CAAA;AAEvC,MAAM,WAAW,WAAW;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,QAAQ,CAAA;CAClB"}
@@ -0,0 +1,40 @@
1
+ export type GradientType = 'linear' | 'radial' | 'conic' | 'mesh';
2
+ export type LinearGradientDirection = 'to top' | 'to bottom' | 'to left' | 'to right' | 'to top right' | 'to bottom right' | 'to top left' | 'to bottom left';
3
+ export type LinearGradientAngle = `${number}deg` | `${number}rad` | `${number}grad` | `${number}turn`;
4
+ export type RadialGradientShape = 'circle' | 'ellipse' | null;
5
+ export type RadialGradientSize = 'closest-side' | 'closest-corner' | 'farthest-side' | 'farthest-corner' | string;
6
+ export type GradientOptions = LinearGradientOptions | RadialGradientOptions | ConicGradientOptions | MeshGradientOptions;
7
+ export type LinearGradientPositionUnit = `${number}%` | `${number}px` | `${number}rem` | `${number}em` | `${number}vh` | `${number}vw` | `${number}vmin` | `${number}vmax`;
8
+ export type LinearGradientPosition = LinearGradientPositionUnit | `calc(${string})`;
9
+ export type GradientColorStop = string | {
10
+ color: string;
11
+ position?: LinearGradientPosition;
12
+ };
13
+ export interface GradientBase {
14
+ from?: string;
15
+ to?: string;
16
+ backgroundSize?: string;
17
+ }
18
+ export interface LinearGradientOptions extends GradientBase {
19
+ colors?: (string | GradientColorStop)[];
20
+ angle?: LinearGradientAngle;
21
+ direction?: LinearGradientDirection;
22
+ size?: string;
23
+ }
24
+ export interface RadialGradientOptions extends GradientBase {
25
+ shape?: RadialGradientShape;
26
+ position?: string;
27
+ size?: RadialGradientSize;
28
+ colorFromPosition?: string;
29
+ colorToPosition?: string;
30
+ }
31
+ export interface ConicGradientOptions extends GradientBase {
32
+ colors?: (string | GradientColorStop)[];
33
+ angle?: string;
34
+ position?: string;
35
+ }
36
+ export interface MeshGradientOptions extends GradientBase {
37
+ background: string;
38
+ layers: RadialGradientOptions[];
39
+ }
40
+ //# sourceMappingURL=gradient.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"gradient.d.ts","sourceRoot":"","sources":["../../src/models/gradient.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;AACjE,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,cAAc,GAAG,iBAAiB,GAAG,aAAa,GAAG,gBAAgB,CAAA;AAC7J,MAAM,MAAM,mBAAmB,GACzB,GAAG,MAAM,KAAK,GACd,GAAG,MAAM,KAAK,GACd,GAAG,MAAM,MAAM,GACf,GAAG,MAAM,MAAM,CAAA;AACrB,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,SAAS,GAAG,IAAI,CAAA;AAC7D,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAAG,gBAAgB,GAAG,eAAe,GAAG,iBAAiB,GAAG,MAAM,CAAA;AACjH,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG,qBAAqB,GAAG,oBAAoB,GAAG,mBAAmB,CAAA;AACxH,MAAM,MAAM,0BAA0B,GAChC,GAAG,MAAM,GAAG,GACZ,GAAG,MAAM,IAAI,GACb,GAAG,MAAM,KAAK,GACd,GAAG,MAAM,IAAI,GACb,GAAG,MAAM,IAAI,GACb,GAAG,MAAM,IAAI,GACb,GAAG,MAAM,MAAM,GACf,GAAG,MAAM,MAAM,CAAA;AAErB,MAAM,MAAM,sBAAsB,GAC5B,0BAA0B,GAC1B,QAAQ,MAAM,GAAG,CAAA;AAEvB,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,sBAAsB,CAAA;CAAE,CAAA;AAE7F,MAAM,WAAW,YAAY;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,cAAc,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,MAAM,WAAW,qBAAsB,SAAQ,YAAY;IACvD,MAAM,CAAC,EAAE,CAAC,MAAM,GAAG,iBAAiB,CAAC,EAAE,CAAA;IACvC,KAAK,CAAC,EAAE,mBAAmB,CAAA;IAC3B,SAAS,CAAC,EAAE,uBAAuB,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,qBAAsB,SAAQ,YAAY;IACvD,KAAK,CAAC,EAAE,mBAAmB,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACtD,MAAM,CAAC,EAAE,CAAC,MAAM,GAAG,iBAAiB,CAAC,EAAE,CAAA;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACrD,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,qBAAqB,EAAE,CAAA;CAClC"}
@@ -0,0 +1,6 @@
1
+ export * from './gradient';
2
+ export * from './builder';
3
+ export * from './effects';
4
+ export * from './filters';
5
+ export * from './utils';
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA"}
@@ -0,0 +1,7 @@
1
+ export type RgbColor = {
2
+ red: number;
3
+ green: number;
4
+ blue: number;
5
+ alpha?: number;
6
+ };
7
+ //# sourceMappingURL=utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/models/utils.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA"}
@@ -0,0 +1,101 @@
1
+ export declare const colors: {
2
+ inkwell: string;
3
+ obsidian: string;
4
+ void: string;
5
+ midnightOil: string;
6
+ pitch: string;
7
+ carbon: string;
8
+ graphite: string;
9
+ flint: string;
10
+ stone: string;
11
+ pewter: string;
12
+ ash: string;
13
+ smoke: string;
14
+ bone: string;
15
+ chalk: string;
16
+ salt: string;
17
+ parchment: string;
18
+ linen: string;
19
+ cream: string;
20
+ absinthe: string;
21
+ forestFloor: string;
22
+ malachite: string;
23
+ verdigris: string;
24
+ celadon: string;
25
+ fern: string;
26
+ chartreuse: string;
27
+ mantis: string;
28
+ viridian: string;
29
+ spruce: string;
30
+ prussian: string;
31
+ lapis: string;
32
+ cobalt: string;
33
+ cerulean: string;
34
+ denim: string;
35
+ glacier: string;
36
+ powder: string;
37
+ steel: string;
38
+ maya: string;
39
+ delft: string;
40
+ indigoInk: string;
41
+ wisteria: string;
42
+ aubergine: string;
43
+ amethyst: string;
44
+ mauve: string;
45
+ byzantium: string;
46
+ mulberry: string;
47
+ plum: string;
48
+ heliotrope: string;
49
+ iris: string;
50
+ cinnabar: string;
51
+ amaranth: string;
52
+ carmine: string;
53
+ rouge: string;
54
+ garnet: string;
55
+ crimson: string;
56
+ venetian: string;
57
+ blush: string;
58
+ tomato: string;
59
+ poppy: string;
60
+ amber: string;
61
+ saffron: string;
62
+ ochre: string;
63
+ goldenrod: string;
64
+ harvest: string;
65
+ copper: string;
66
+ terra: string;
67
+ sienna: string;
68
+ umber: string;
69
+ rust: string;
70
+ coral: string;
71
+ peach: string;
72
+ apricot: string;
73
+ cantaloupe: string;
74
+ melon: string;
75
+ spearmint: string;
76
+ sage: string;
77
+ taupe: string;
78
+ khaki: string;
79
+ dusk: string;
80
+ slate: string;
81
+ cadet: string;
82
+ eucalyptus: string;
83
+ clay: string;
84
+ mushroom: string;
85
+ tealDeep: string;
86
+ aquamarine: string;
87
+ seafoam: string;
88
+ jade: string;
89
+ turquoise: string;
90
+ niagara: string;
91
+ tiffany: string;
92
+ pine: string;
93
+ mint: string;
94
+ patina: string;
95
+ sakura: string;
96
+ orchid: string;
97
+ fandango: string;
98
+ cerise: string;
99
+ magenta: string;
100
+ };
101
+ //# sourceMappingURL=colors.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/preset/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6GlB,CAAA"}
@@ -0,0 +1,2 @@
1
+ export * from './colors';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/preset/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}
@@ -0,0 +1,5 @@
1
+ import { RgbColor } from "../models";
2
+ export declare const hexToRgb: (hex: string) => RgbColor;
3
+ export declare const withAlpha: (color: string, alpha: number) => string;
4
+ export declare const clamp: (value: number, min: number, max: number) => number;
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,WAAW,CAAC;AAEnC,eAAO,MAAM,QAAQ,GAAI,KAAK,MAAM,KAAG,QAWtC,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,OAAO,MAAM,EAAE,OAAO,MAAM,KAAG,MAYxD,CAAA;AAED,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,KAAG,MACzB,CAAA"}
@@ -0,0 +1,3 @@
1
+ import { LinearGradientAngle } from "../models";
2
+ export declare const isValidAngle: (value: string) => value is LinearGradientAngle;
3
+ //# sourceMappingURL=angle.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"angle.d.ts","sourceRoot":"","sources":["../../src/validations/angle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,WAAW,CAAC;AAI9C,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,KAAG,KAAK,IAAI,mBACf,CAAA"}
@@ -0,0 +1,3 @@
1
+ import { LinearGradientDirection } from "../models";
2
+ export declare const isValidDirection: (value: string) => value is LinearGradientDirection;
3
+ //# sourceMappingURL=directions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"directions.d.ts","sourceRoot":"","sources":["../../src/validations/directions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,uBAAuB,EAAC,MAAM,WAAW,CAAC;AAOlD,eAAQ,MAAM,gBAAgB,GAAI,OAAO,MAAM,KAAG,KAAK,IAAI,uBACA,CAAA"}
@@ -0,0 +1,4 @@
1
+ export * from './angle';
2
+ export * from './directions';
3
+ export * from './position';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/validations/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA"}
@@ -0,0 +1,3 @@
1
+ import { LinearGradientPosition } from "../models";
2
+ export declare const isValidPosition: (value: string) => value is LinearGradientPosition;
3
+ //# sourceMappingURL=position.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"position.d.ts","sourceRoot":"","sources":["../../src/validations/position.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAC,MAAM,WAAW,CAAC;AAKjD,eAAO,MAAM,eAAe,GAAI,OAAO,MAAM,KAAG,KAAK,IAAI,sBAIxD,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "xeerpe",
3
- "version": "0.0.4",
3
+ "version": "0.0.5",
4
4
  "private": false,
5
5
  "main": "./src/index.ts",
6
6
  "types": "./src/index.ts",
@@ -1,3 +0,0 @@
1
- import { BuilderLayer } from "../models/builder";
2
- export declare const buildBlur: (blurRadius: string) => BuilderLayer;
3
- //# sourceMappingURL=blur.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"blur.d.ts","sourceRoot":"","sources":["../../src/generators/blur.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAE/C,eAAO,MAAM,SAAS,GAAI,YAAY,MAAM,KAAG,YAG9C,CAAA"}