@foxford/ui 2.120.0 → 2.121.0-beta-8cc58d6-20260730

package/components/Gradient/Gradient.js

@@ -0,0 +1,2 @@
+'use strict';var useMergedProps=require('../../hooks/useMergedProps.js');var createPolymorphicComponentWithRef=require('../../shared/utils/createPolymorphicComponentWithRef.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');const Gradient=createPolymorphicComponentWithRef.createPolymorphicComponentWithRef((e,r)=>{const{component:t="div",variant:s="gd-1",children:o,...i}=useMergedProps.useMergedProps(e,{componentName:"Gradient",sizes:{}});return jsxRuntime.jsxs(style.Root,{as:t,ref:r,variant:s,...i,children:[jsxRuntime.jsx(style.Background,{}),o]})});exports.COMPONENT_NAME="Gradient",exports.Gradient=Gradient;
+//# sourceMappingURL=Gradient.js.map

package/components/Gradient/Gradient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gradient.js","sources":["../../../../src/components/Gradient/Gradient.tsx"],"sourcesContent":["import { useMergedProps } from 'hooks/useMergedProps'\nimport { createPolymorphicComponentWithRef } from 'shared/utils/createPolymorphicComponentWithRef'\nimport type { PolymorphicProps } from 'shared/interfaces'\nimport type { GradientProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Gradient'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент декоративного фона в виде градиента.\n *\n * Полиморфный компонент.\n *\n * Можно передать \"ref\" и атрибуты выбранного HTML-элемента (по умолчанию \\<div\\>).\n */\nconst Gradient = createPolymorphicComponentWithRef<'div', GradientProps>((props, ref) => {\n  const {\n    component = 'div',\n    variant = 'gd-1',\n    children,\n    ...restProps\n  } = useMergedProps<PolymorphicProps<React.ElementType, GradientProps>>(props, {\n    componentName: COMPONENT_NAME,\n    sizes: {},\n  })\n\n  return (\n    <Styled.Root as={component} ref={ref} variant={variant} {...restProps}>\n      <Styled.Background />\n      {children}\n    </Styled.Root>\n  )\n})\n\nconst GradientDoc: React.FC<GradientProps> = () => null\n\nexport { GradientDoc, Gradient, COMPONENT_NAME }\n\nexport type { GradientProps }\n"],"names":["Gradient","createPolymorphicComponentWithRef","props","ref","component","variant","children","restProps","useMergedProps","componentName","sizes","_jsxs","Styled","as","_jsx"],"mappings":"8PAkBA,MAAMA,SAAWC,kCAAAA,kCAAwD,CAACC,EAAOC,KAC/E,MAAMC,UACJA,EAAY,MAAKC,QACjBA,EAAU,OAAMC,SAChBA,KACGC,GACDC,eAAAA,eAAmEN,EAAO,CAC5EO,cAnBmB,WAoBnBC,MAAO,CAAA,IAGT,OACEC,WAAAA,KAACC,MAAAA,KAAW,CAACC,GAAIT,EAAWD,IAAKA,EAAKE,QAASA,KAAaE,EAASD,SAAA,CACnEQ,WAAAA,IAACF,iBAAiB,CAAA,GACjBN,8BA1BgB"}

package/components/Gradient/Gradient.mjs

@@ -0,0 +1,2 @@
+import{useMergedProps}from'../../hooks/useMergedProps.mjs';import{createPolymorphicComponentWithRef}from'../../shared/utils/createPolymorphicComponentWithRef.mjs';import{Root,Background}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';const COMPONENT_NAME='Gradient';const Gradient=createPolymorphicComponentWithRef((o,e)=>{const{component:r="div",variant:t="gd-1",children:s,...n}=useMergedProps(o,{componentName:"Gradient",sizes:{}});return jsxs(Root,{as:r,ref:e,variant:t,...n,children:[jsx(Background,{}),s]})});export{COMPONENT_NAME,Gradient};
+//# sourceMappingURL=Gradient.mjs.map

package/components/Gradient/Gradient.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gradient.mjs","sources":["../../../../src/components/Gradient/Gradient.tsx"],"sourcesContent":["import { useMergedProps } from 'hooks/useMergedProps'\nimport { createPolymorphicComponentWithRef } from 'shared/utils/createPolymorphicComponentWithRef'\nimport type { PolymorphicProps } from 'shared/interfaces'\nimport type { GradientProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Gradient'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент декоративного фона в виде градиента.\n *\n * Полиморфный компонент.\n *\n * Можно передать \"ref\" и атрибуты выбранного HTML-элемента (по умолчанию \\<div\\>).\n */\nconst Gradient = createPolymorphicComponentWithRef<'div', GradientProps>((props, ref) => {\n  const {\n    component = 'div',\n    variant = 'gd-1',\n    children,\n    ...restProps\n  } = useMergedProps<PolymorphicProps<React.ElementType, GradientProps>>(props, {\n    componentName: COMPONENT_NAME,\n    sizes: {},\n  })\n\n  return (\n    <Styled.Root as={component} ref={ref} variant={variant} {...restProps}>\n      <Styled.Background />\n      {children}\n    </Styled.Root>\n  )\n})\n\nconst GradientDoc: React.FC<GradientProps> = () => null\n\nexport { GradientDoc, Gradient, COMPONENT_NAME }\n\nexport type { GradientProps }\n"],"names":["COMPONENT_NAME","Gradient","createPolymorphicComponentWithRef","props","ref","component","variant","children","restProps","useMergedProps","componentName","sizes","_jsxs","Styled","as","_jsx"],"mappings":"oPAMA,MAAMA,eAAiB,WAYvB,MAAMC,SAAWC,kCAAwD,CAACC,EAAOC,KAC/E,MAAMC,UACJA,EAAY,MAAKC,QACjBA,EAAU,OAAMC,SAChBA,KACGC,GACDC,eAAmEN,EAAO,CAC5EO,cAnBmB,WAoBnBC,MAAO,CAAA,IAGT,OACEC,KAACC,KAAW,CAACC,GAAIT,EAAWD,IAAKA,EAAKE,QAASA,KAAaE,EAASD,SAAA,CACnEQ,IAACF,WAAiB,CAAA,GACjBN"}

package/components/Gradient/style.js

@@ -0,0 +1,2 @@
+'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var templates=require('./templates.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const COLOR_SCHEMA={'gd-1':{firstColor:'#6035E2',secondColor:'#B199FF'},'gd-2':{firstColor:'#6035E2',secondColor:'#B199FF'},'gd-3':{firstColor:'#6035E2',secondColor:'#B199FF'},'gd-4':{firstColor:'#6035E2',secondColor:'#B199FF'},'gd-5':{firstColor:'#6035E2',secondColor:'#B199FF'},'gd-6':{firstColor:'#6035E2',secondColor:'#B199FF'},'gd-7':{firstColor:'#6035E2',secondColor:'#B199FF'},'gd-8':{firstColor:'#6035E2',secondColor:'#B199FF'},'gd-9':{firstColor:'#6035E2',secondColor:'#B199FF'},'gd-10':{firstColor:'#6035E2',secondColor:'#B199FF'},'gd-11':{firstColor:'#B199FF',secondColor:'#6035E2'},'gd-12':{firstColor:'#6035E2',secondColor:'#B199FF'},'gd-13':{firstColor:'#B199FF',secondColor:'#6035E2'},'gd-14':{firstColor:'rgba(255, 255, 255, 0.1)',secondColor:'#6035E2'},'gd-15':{firstColor:'rgba(255, 255, 255, 0.1)',secondColor:'#6035E2'}};const shouldForwardProp=style.createShouldForwardProp(o=>!['flipX','flipY','variant'].includes(o));const Background=styled__default.default.div.withConfig({displayName:"Gradient__Background",componentId:"ui__sc-337cql-0"})(["z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:cover;"]);const Root=styled__default.default.div.withConfig({shouldForwardProp}).withConfig({displayName:"Gradient__Root",componentId:"ui__sc-337cql-1"})(["appearance:none;padding:0;margin:0;border:none;position:relative;box-sizing:border-box;width:100%;height:100%;isolation:isolate;& > ","{transform:",";","}"],Background,o=>o.flipX&&o.flipY?"scale(-1, -1)":o.flipX?"scale(-1, 1)":o.flipY?"scale(1, -1)":"none",o=>templates.GRADIENT_TEMPLATES[o.variant]((o=>({...COLOR_SCHEMA[o.variant],...o.palette}))(o)));exports.Background=Background,exports.Root=Root;
+//# sourceMappingURL=style.js.map

package/components/Gradient/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/Gradient/style.ts"],"sourcesContent":["import type { DefaultTheme, ThemedStyledProps } from 'styled-components'\nimport styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledGradientProps, GradientPalette, GradientVariant } from './types'\nimport { GRADIENT_TEMPLATES } from './templates'\n\nconst COLOR_SCHEMA: Record<GradientVariant, GradientPalette> = {\n  'gd-1': {\n    firstColor: '#6035E2',\n    secondColor: '#B199FF',\n  },\n  'gd-2': {\n    firstColor: '#6035E2',\n    secondColor: '#B199FF',\n  },\n  'gd-3': {\n    firstColor: '#6035E2',\n    secondColor: '#B199FF',\n  },\n  'gd-4': {\n    firstColor: '#6035E2',\n    secondColor: '#B199FF',\n  },\n  'gd-5': {\n    firstColor: '#6035E2',\n    secondColor: '#B199FF',\n  },\n  'gd-6': {\n    firstColor: '#6035E2',\n    secondColor: '#B199FF',\n  },\n  'gd-7': {\n    firstColor: '#6035E2',\n    secondColor: '#B199FF',\n  },\n  'gd-8': {\n    firstColor: '#6035E2',\n    secondColor: '#B199FF',\n  },\n  'gd-9': {\n    firstColor: '#6035E2',\n    secondColor: '#B199FF',\n  },\n  'gd-10': {\n    firstColor: '#6035E2',\n    secondColor: '#B199FF',\n  },\n  'gd-11': {\n    firstColor: '#B199FF',\n    secondColor: '#6035E2',\n  },\n  'gd-12': {\n    firstColor: '#6035E2',\n    secondColor: '#B199FF',\n  },\n  'gd-13': {\n    firstColor: '#B199FF',\n    secondColor: '#6035E2',\n  },\n  'gd-14': {\n    firstColor: 'rgba(255, 255, 255, 0.1)',\n    secondColor: '#6035E2',\n  },\n  'gd-15': {\n    firstColor: 'rgba(255, 255, 255, 0.1)',\n    secondColor: '#6035E2',\n  },\n}\n\nconst shouldForwardProp = createShouldForwardProp((propKey) => !['flipX', 'flipY', 'variant'].includes(propKey))\n\nconst resolvePalette = (props: ThemedStyledProps<StyledGradientProps, DefaultTheme>): GradientPalette => ({\n  ...COLOR_SCHEMA[props.variant],\n  ...props.palette,\n})\n\nexport const Background = styled.div`\n  z-index: -1;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: none;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: cover;\n`\n\nexport const Root = styled.div.withConfig<StyledGradientProps>({\n  shouldForwardProp,\n})`\n  appearance: none;\n  padding: 0;\n  margin: 0;\n  border: none;\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  isolation: isolate;\n\n  & > ${Background} {\n    transform: ${(props) => {\n      if (props.flipX && props.flipY) {\n        return `scale(-1, -1)`\n      }\n      if (props.flipX) {\n        return `scale(-1, 1)`\n      }\n      if (props.flipY) {\n        return `scale(1, -1)`\n      }\n\n      return `none`\n    }};\n\n    ${(props) => GRADIENT_TEMPLATES[props.variant](resolvePalette(props))}\n  }\n`\n"],"names":["COLOR_SCHEMA","firstColor","secondColor","shouldForwardProp","createShouldForwardProp","propKey","includes","Background","styled","div","withConfig","displayName","componentId","Root","props","flipX","flipY","GRADIENT_TEMPLATES","variant","palette","resolvePalette"],"mappings":"2PAMA,MAAMA,aAAyD,CAC7D,OAAQ,CACNC,WAAY,UACZC,YAAa,WAEf,OAAQ,CACND,WAAY,UACZC,YAAa,WAEf,OAAQ,CACND,WAAY,UACZC,YAAa,WAEf,OAAQ,CACND,WAAY,UACZC,YAAa,WAEf,OAAQ,CACND,WAAY,UACZC,YAAa,WAEf,OAAQ,CACND,WAAY,UACZC,YAAa,WAEf,OAAQ,CACND,WAAY,UACZC,YAAa,WAEf,OAAQ,CACND,WAAY,UACZC,YAAa,WAEf,OAAQ,CACND,WAAY,UACZC,YAAa,WAEf,QAAS,CACPD,WAAY,UACZC,YAAa,WAEf,QAAS,CACPD,WAAY,UACZC,YAAa,WAEf,QAAS,CACPD,WAAY,UACZC,YAAa,WAEf,QAAS,CACPD,WAAY,UACZC,YAAa,WAEf,QAAS,CACPD,WAAY,2BACZC,YAAa,WAEf,QAAS,CACPD,WAAY,2BACZC,YAAa,YAIjB,MAAMC,kBAAoBC,MAAAA,wBAAyBC,IAAa,CAAC,QAAS,QAAS,WAAWC,SAASD,UAO1FE,WAAaC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,uBAAAC,YAAA,mBAAVJ,CAAU,CAAA,iKAa7B,MAAMK,KAAOL,gBAAAA,QAAOC,IAAIC,WAAgC,CAC7DP,oBACAO,WAAA,CAAAC,YAAA,iBAAAC,YAAA,mBAFkBJ,CAElB,CAAA,uIAAA,cAAA,IAAA,KAWMD,WACUO,GACRA,EAAMC,OAASD,EAAME,MAChB,gBAELF,EAAMC,MACD,eAELD,EAAME,MACD,eAGF,OAGNF,GAAUG,UAAAA,mBAAmBH,EAAMI,SA9ClBJ,KAA2D,IAC9Ed,aAAac,EAAMI,YACnBJ,EAAMK,UA4CwCC,CAAeN"}

package/components/Gradient/style.mjs

@@ -0,0 +1,2 @@
+import styled from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{GRADIENT_TEMPLATES}from'./templates.mjs';const COLOR_SCHEMA={'gd-1':{firstColor:'#6035E2',secondColor:'#B199FF'},'gd-2':{firstColor:'#6035E2',secondColor:'#B199FF'},'gd-3':{firstColor:'#6035E2',secondColor:'#B199FF'},'gd-4':{firstColor:'#6035E2',secondColor:'#B199FF'},'gd-5':{firstColor:'#6035E2',secondColor:'#B199FF'},'gd-6':{firstColor:'#6035E2',secondColor:'#B199FF'},'gd-7':{firstColor:'#6035E2',secondColor:'#B199FF'},'gd-8':{firstColor:'#6035E2',secondColor:'#B199FF'},'gd-9':{firstColor:'#6035E2',secondColor:'#B199FF'},'gd-10':{firstColor:'#6035E2',secondColor:'#B199FF'},'gd-11':{firstColor:'#B199FF',secondColor:'#6035E2'},'gd-12':{firstColor:'#6035E2',secondColor:'#B199FF'},'gd-13':{firstColor:'#B199FF',secondColor:'#6035E2'},'gd-14':{firstColor:'rgba(255, 255, 255, 0.1)',secondColor:'#6035E2'},'gd-15':{firstColor:'rgba(255, 255, 255, 0.1)',secondColor:'#6035E2'}};const shouldForwardProp=createShouldForwardProp(o=>!['flipX','flipY','variant'].includes(o));const Background=styled.div.withConfig({displayName:"Gradient__Background",componentId:"ui__sc-337cql-0"})(["z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:cover;"]);const Root=styled.div.withConfig({shouldForwardProp}).withConfig({displayName:"Gradient__Root",componentId:"ui__sc-337cql-1"})(["appearance:none;padding:0;margin:0;border:none;position:relative;box-sizing:border-box;width:100%;height:100%;isolation:isolate;& > ","{transform:",";","}"],Background,o=>o.flipX&&o.flipY?"scale(-1, -1)":o.flipX?"scale(-1, 1)":o.flipY?"scale(1, -1)":"none",o=>GRADIENT_TEMPLATES[o.variant]((o=>({...COLOR_SCHEMA[o.variant],...o.palette}))(o)));export{Background,Root};
+//# sourceMappingURL=style.mjs.map

package/components/Gradient/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Gradient/style.ts"],"sourcesContent":["import type { DefaultTheme, ThemedStyledProps } from 'styled-components'\nimport styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledGradientProps, GradientPalette, GradientVariant } from './types'\nimport { GRADIENT_TEMPLATES } from './templates'\n\nconst COLOR_SCHEMA: Record<GradientVariant, GradientPalette> = {\n  'gd-1': {\n    firstColor: '#6035E2',\n    secondColor: '#B199FF',\n  },\n  'gd-2': {\n    firstColor: '#6035E2',\n    secondColor: '#B199FF',\n  },\n  'gd-3': {\n    firstColor: '#6035E2',\n    secondColor: '#B199FF',\n  },\n  'gd-4': {\n    firstColor: '#6035E2',\n    secondColor: '#B199FF',\n  },\n  'gd-5': {\n    firstColor: '#6035E2',\n    secondColor: '#B199FF',\n  },\n  'gd-6': {\n    firstColor: '#6035E2',\n    secondColor: '#B199FF',\n  },\n  'gd-7': {\n    firstColor: '#6035E2',\n    secondColor: '#B199FF',\n  },\n  'gd-8': {\n    firstColor: '#6035E2',\n    secondColor: '#B199FF',\n  },\n  'gd-9': {\n    firstColor: '#6035E2',\n    secondColor: '#B199FF',\n  },\n  'gd-10': {\n    firstColor: '#6035E2',\n    secondColor: '#B199FF',\n  },\n  'gd-11': {\n    firstColor: '#B199FF',\n    secondColor: '#6035E2',\n  },\n  'gd-12': {\n    firstColor: '#6035E2',\n    secondColor: '#B199FF',\n  },\n  'gd-13': {\n    firstColor: '#B199FF',\n    secondColor: '#6035E2',\n  },\n  'gd-14': {\n    firstColor: 'rgba(255, 255, 255, 0.1)',\n    secondColor: '#6035E2',\n  },\n  'gd-15': {\n    firstColor: 'rgba(255, 255, 255, 0.1)',\n    secondColor: '#6035E2',\n  },\n}\n\nconst shouldForwardProp = createShouldForwardProp((propKey) => !['flipX', 'flipY', 'variant'].includes(propKey))\n\nconst resolvePalette = (props: ThemedStyledProps<StyledGradientProps, DefaultTheme>): GradientPalette => ({\n  ...COLOR_SCHEMA[props.variant],\n  ...props.palette,\n})\n\nexport const Background = styled.div`\n  z-index: -1;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: none;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: cover;\n`\n\nexport const Root = styled.div.withConfig<StyledGradientProps>({\n  shouldForwardProp,\n})`\n  appearance: none;\n  padding: 0;\n  margin: 0;\n  border: none;\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  isolation: isolate;\n\n  & > ${Background} {\n    transform: ${(props) => {\n      if (props.flipX && props.flipY) {\n        return `scale(-1, -1)`\n      }\n      if (props.flipX) {\n        return `scale(-1, 1)`\n      }\n      if (props.flipY) {\n        return `scale(1, -1)`\n      }\n\n      return `none`\n    }};\n\n    ${(props) => GRADIENT_TEMPLATES[props.variant](resolvePalette(props))}\n  }\n`\n"],"names":["COLOR_SCHEMA","firstColor","secondColor","shouldForwardProp","createShouldForwardProp","propKey","includes","Background","styled","div","withConfig","displayName","componentId","Root","props","flipX","flipY","GRADIENT_TEMPLATES","variant","palette","resolvePalette"],"mappings":"wJAMA,MAAMA,aAAyD,CAC7D,OAAQ,CACNC,WAAY,UACZC,YAAa,WAEf,OAAQ,CACND,WAAY,UACZC,YAAa,WAEf,OAAQ,CACND,WAAY,UACZC,YAAa,WAEf,OAAQ,CACND,WAAY,UACZC,YAAa,WAEf,OAAQ,CACND,WAAY,UACZC,YAAa,WAEf,OAAQ,CACND,WAAY,UACZC,YAAa,WAEf,OAAQ,CACND,WAAY,UACZC,YAAa,WAEf,OAAQ,CACND,WAAY,UACZC,YAAa,WAEf,OAAQ,CACND,WAAY,UACZC,YAAa,WAEf,QAAS,CACPD,WAAY,UACZC,YAAa,WAEf,QAAS,CACPD,WAAY,UACZC,YAAa,WAEf,QAAS,CACPD,WAAY,UACZC,YAAa,WAEf,QAAS,CACPD,WAAY,UACZC,YAAa,WAEf,QAAS,CACPD,WAAY,2BACZC,YAAa,WAEf,QAAS,CACPD,WAAY,2BACZC,YAAa,YAIjB,MAAMC,kBAAoBC,wBAAyBC,IAAa,CAAC,QAAS,QAAS,WAAWC,SAASD,UAO1FE,WAAaC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,uBAAAC,YAAA,mBAAVJ,CAAU,CAAA,iKAa7B,MAAMK,KAAOL,OAAOC,IAAIC,WAAgC,CAC7DP,oBACAO,WAAA,CAAAC,YAAA,iBAAAC,YAAA,mBAFkBJ,CAElB,CAAA,uIAAA,cAAA,IAAA,KAWMD,WACUO,GACRA,EAAMC,OAASD,EAAME,MAChB,gBAELF,EAAMC,MACD,eAELD,EAAME,MACD,eAGF,OAGNF,GAAUG,mBAAmBH,EAAMI,SA9ClBJ,KAA2D,IAC9Ed,aAAac,EAAMI,YACnBJ,EAAMK,UA4CwCC,CAAeN"}

package/components/Gradient/templates.js

@@ -0,0 +1,2 @@
+'use strict';function _interopDefault(n){return n&&n.__esModule?n:{default:n}}var tinycolor__default=_interopDefault(require('tinycolor2'));const buildColorAlphaScale=(n,o)=>o.reduce((o,r)=>(o[r]=tinycolor__default.default(n).setAlpha(r).toRgbString(),o),{});exports.GRADIENT_TEMPLATES={'gd-1':n=>{const o=buildColorAlphaScale(n.firstColor,[0]);const r=buildColorAlphaScale(n.secondColor,[0,.02,.03,.15,.25,.3,.5]);return`\n      background-color: ${n.firstColor};\n      background-image:\n        radial-gradient(\n          156.11% 46.7% at 19.86% 89.76%,\n          ${r[.3]} 0%,\n          ${r[.15]} 44.7%,\n          ${r[.02]} 81.87%,\n          ${r[0]} 100%\n        ),\n        radial-gradient(\n          40% 24.35% at 20.84% 93.23%,\n          ${r[.5]} 0%,\n          ${r[.25]} 37.02%,\n          ${r[.03]} 83.65%,\n          ${r[0]} 100%\n        ),\n        radial-gradient(\n          42.36% 20.12% at 20.84% 93.23%,\n          ${r[.5]} 0%,\n          ${r[.25]} 37.02%,\n          ${r[.03]} 83.65%,\n          ${r[0]} 100%\n        ),\n        linear-gradient(\n          330deg,\n          ${n.firstColor} -18.1%,\n          ${o[0]} 50.12%,\n          ${n.firstColor} 117.68%\n        ),\n        linear-gradient(\n          192deg,\n          ${n.firstColor} 5.87%,\n          ${o[0]} 84.51%,\n          ${n.firstColor} 162.39%\n        ),\n        linear-gradient(\n          25deg,\n          ${r[0]} -37.06%,\n          ${r[.5]} -10.59%,\n          ${n.secondColor} 15.88%,\n          ${r[.5]} 42.35%,\n          ${r[0]} 68.83%\n        ),\n        linear-gradient(\n          145deg,\n          ${r[0]} -10.02%,\n          ${n.secondColor} 49.07%,\n          ${r[0]} 108.16%\n        );\n    `},'gd-2':n=>{const o=buildColorAlphaScale(n.firstColor,[0]);const r=buildColorAlphaScale(n.secondColor,[0,.05,.5]);return`\n      background-color: ${n.firstColor};\n      background-image:\n        radial-gradient(\n          49.68% 30.14% at 100% 43.07%,\n          ${r[.5]} 0%,\n          ${r[0]} 100%\n        ),\n        radial-gradient(\n          34.34% 26.59% at 79.21% 41.1%,\n          ${n.secondColor} 0%,\n          ${r[.5]} 37.02%,\n          ${r[.05]} 83.65%,\n          ${r[0]} 100%\n        ),\n        linear-gradient(\n          10deg,\n          ${n.firstColor} 3.69%,\n          ${o[0]} 61.9%,\n          ${n.firstColor} 119.55%\n        ),\n        linear-gradient(\n          159deg,\n          ${n.firstColor} 12.34%,\n          ${o[0]} 57.66%,\n          ${n.firstColor} 110.45%\n        ),\n        linear-gradient(\n          187deg,\n          ${r[0]} 22.53%,\n          ${r[.5]} 29.5%,\n          ${n.secondColor} 36.47%,\n          ${r[.5]} 43.44%,\n          ${r[0]} 50.41%\n        ),\n        linear-gradient(\n          159deg,\n          ${r[0]} 30.83%,\n          ${n.secondColor} 57.43%,\n          ${r[0]} 84.04%\n        );\n    `},'gd-3':n=>`\n      background-image: url("data:image/svg+xml,${encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 800 400" fill="none"><path fill="${n.firstColor}" d="M800 400H0V0h800v400Z"/><path fill="url(#a)" d="M800 400H0V0h800v400Z"/><path fill="url(#b)" d="M800 400H0V0h800v400Z"/><path fill="url(#c)" d="M800 400H0V0h800v400Z"/><path fill="url(#d)" d="M800 400H0V0h800v400Z"/><path fill="url(#e)" d="M800 400H0V0h800v400Z"/><path fill="url(#f)" d="M800 400H0V0h800v400Z"/><path fill="url(#g)" d="M800 400H0V0h800v400Z"/><path fill="url(#h)" d="M800 400H0V0h800v400Z"/><path fill="url(#i)" d="M800 400H0V0h800v400Z"/><path fill="url(#j)" d="M800 400H0V0h800v400Z"/><defs><radialGradient id="e" cx="0" cy="0" r="1" gradientTransform="matrix(36.1199 318.466 -1285.67 304.239 575.385 201.482)" gradientUnits="userSpaceOnUse"><stop stop-color="${n.secondColor}" stop-opacity=".8"/><stop offset=".37" stop-color="${n.secondColor}" stop-opacity=".4"/><stop offset=".837" stop-color="${n.secondColor}" stop-opacity=".1"/><stop offset="1" stop-color="${n.secondColor}" stop-opacity="0"/></radialGradient><radialGradient id="f" cx="0" cy="0" r="1" gradientTransform="matrix(88.2051 -15.787 15.3671 179.138 577.436 201.481)" gradientUnits="userSpaceOnUse"><stop stop-color="${n.secondColor}"/><stop offset=".37" stop-color="${n.secondColor}" stop-opacity=".6"/><stop offset=".837" stop-color="${n.secondColor}" stop-opacity="0"/><stop offset="1" stop-color="${n.secondColor}" stop-opacity="0"/></radialGradient><radialGradient id="g" cx="0" cy="0" r="1" gradientTransform="matrix(10.2564 78.5185 -141.507 38.5659 575.385 201.481)" gradientUnits="userSpaceOnUse"><stop stop-color="${n.secondColor}"/><stop offset=".447" stop-color="${n.secondColor}"/><stop offset=".819" stop-color="${n.secondColor}" stop-opacity=".1"/><stop offset="1" stop-color="${n.secondColor}" stop-opacity="0"/></radialGradient><radialGradient id="h" cx="0" cy="0" r="1" gradientTransform="matrix(41.8134 340.17 -7815.41 2004.35 575.384 201.482)" gradientUnits="userSpaceOnUse"><stop stop-color="${n.secondColor}" stop-opacity=".3"/><stop offset=".108" stop-color="${n.secondColor}" stop-opacity=".1"/><stop offset=".819" stop-color="${n.secondColor}" stop-opacity=".05"/><stop offset="1" stop-color="${n.secondColor}" stop-opacity="0"/></radialGradient><radialGradient id="i" cx="0" cy="0" r="1" gradientTransform="matrix(-422.564 40.5095 -987.909 -21500.8 575.384 201.48)" gradientUnits="userSpaceOnUse"><stop stop-color="${n.secondColor}" stop-opacity=".3"/><stop offset=".108" stop-color="${n.secondColor}" stop-opacity=".1"/><stop offset=".819" stop-color="${n.secondColor}" stop-opacity=".05"/><stop offset="1" stop-color="${n.secondColor}" stop-opacity="0"/></radialGradient><radialGradient id="j" cx="0" cy="0" r="1" gradientTransform="matrix(-576.41 198.518 -63.3608 -383.843 576.41 201.481)" gradientUnits="userSpaceOnUse"><stop stop-color="${n.firstColor}" stop-opacity="0"/><stop offset=".972" stop-color="${n.firstColor}" stop-opacity=".2"/></radialGradient><linearGradient id="a" x1="424.615" x2="841.141" y1="730.37" y2="681.551" gradientUnits="userSpaceOnUse"><stop stop-color="${n.secondColor}" stop-opacity="0"/><stop offset=".5" stop-color="${n.secondColor}"/><stop offset="1" stop-color="${n.secondColor}" stop-opacity="0"/></linearGradient><linearGradient id="b" x1="790.769" x2="992.47" y1="-262.222" y2="508.215" gradientUnits="userSpaceOnUse"><stop stop-color="${n.secondColor}" stop-opacity="0"/><stop offset=".25" stop-color="${n.secondColor}" stop-opacity=".5"/><stop offset=".5" stop-color="${n.secondColor}"/><stop offset=".75" stop-color="${n.secondColor}" stop-opacity=".5"/><stop offset="1" stop-color="${n.secondColor}" stop-opacity="0"/></linearGradient><linearGradient id="c" x1="222.564" x2="917.559" y1="-85.926" y2="-94.803" gradientUnits="userSpaceOnUse"><stop stop-color="${n.firstColor}"/><stop offset=".5" stop-color="${n.firstColor}" stop-opacity="0"/><stop offset=".995" stop-color="${n.firstColor}"/></linearGradient><linearGradient id="d" x1="475.897" x2="657.666" y1="-205.926" y2="627.218" gradientUnits="userSpaceOnUse"><stop stop-color="${n.firstColor}"/><stop offset=".5" stop-color="${n.firstColor}" stop-opacity="0"/><stop offset=".995" stop-color="${n.firstColor}"/></linearGradient></defs></svg>`)}");\n    `,'gd-4':n=>{const o=buildColorAlphaScale(n.firstColor,[0,.55]);const r=buildColorAlphaScale(n.secondColor,[0,.2,.23,.67,.85]);return`\n      background-color: ${n.firstColor};\n      background-image:\n        linear-gradient(\n          74deg,\n          ${r[0]} -17.28%,\n          ${r[.2]} 46.65%,\n          ${r[.67]} 76.32%,\n          ${r[.23]} 124.98%,\n          ${r[0]} 166.38%\n        ),\n        linear-gradient(\n          339deg,\n          ${o[0]} -55.51%,\n          ${r[.85]} -0.14%,\n          ${o[.55]} 24.22%,\n          ${o[0]} 65.55%\n        );\n    `},'gd-5':n=>{const o=buildColorAlphaScale(n.secondColor,[0]);return`\n      background-color: ${n.firstColor};\n      background-image:\n        linear-gradient(\n          147deg,\n          ${o[0]} 48.76%,\n          ${n.secondColor} 119.06%\n        );\n    `},'gd-6':n=>{const o=buildColorAlphaScale(n.secondColor,[0,.17,.55,.6,.9]);return`\n      background-color: ${n.firstColor};\n      background-image:\n        linear-gradient(\n          62deg,\n          ${o[0]} -17.31%,\n          ${o[.17]} 46.87%,\n          ${o[.55]} 76.66%, \n          ${o[.17]} 125.51%,\n          ${o[0]} 167.08%\n        ),\n        linear-gradient(\n          340deg,\n          ${n.secondColor} -52.82%,\n          ${o[.9]} 3.11%,\n          ${o[.6]} 27.7%,\n          ${o[0]} 69.45%\n        );\n    `},'gd-7':n=>{const o=buildColorAlphaScale(n.secondColor,[0,.08,.2,.24,.28,.3,.8,.81]);return`\n      background-color: ${n.firstColor};\n      background-image:\n        linear-gradient(\n          67deg,\n          ${o[0]} 45.09%,\n          ${o[.24]} 61.27%,\n          ${o[.8]} 73.07%,\n          ${o[0]} 99.99%,\n          ${o[.28]} 99.99%\n        ),\n        linear-gradient(\n          176deg,\n          ${o[0]} 52.22%,\n          ${o[.24]} 72.6%,\n          ${o[.8]} 82.48%,\n          ${o[.28]} 94.51%,\n          ${o[0]} 111.61%\n        ),\n        radial-gradient(\n          162.86% 125.14% at 106.48% 100%,\n          ${o[.3]} 0%,\n          ${o[.08]} 62.68%,\n          ${o[0]} 100%\n        ),\n        radial-gradient(\n          44.69% 96.12% at 100% 95.34%,\n          ${o[.3]} 0%,\n          ${o[.08]} 62.68%,\n          ${o[0]} 100%\n        ),\n        radial-gradient(\n          70.45% 86.83% at 84.97% 75.26%,\n          ${o[.81]} 0%,\n          ${o[.81]} 18.07%,\n          ${o[.2]} 73.71%,\n          ${o[0]} 100%\n        );\n    `},'gd-8':n=>{const o=buildColorAlphaScale(n.secondColor,[0,.08,.17,.24,.25,.28,.3,.7,.8]);return`\n      background-color: ${n.firstColor};\n      background-image:\n        linear-gradient(\n          151deg,\n          ${o[0]} -39.8%,\n          ${o[.24]} 7.24%,\n          ${o[.8]} 21.61%,\n          ${o[.24]} 54.98%,\n          ${o[0]} 103.38%,\n          ${o[.28]} 103.38%\n        ),\n        linear-gradient(\n          176deg,\n          ${o[0]} 52.21%,\n          ${o[.24]} 72.63%,\n          ${o[.8]} 82.54%,\n          ${o[.28]} 94.59%,\n          ${o[0]} 111.72%\n        ),\n        radial-gradient(\n          98.15% 72.64% at 57.38% 96.89%,\n          ${o[.3]} 0%,\n          ${o[.08]} 62.68%,\n          ${o[0]} 100%\n        ),\n        radial-gradient(\n          29.04% 97.26% at 88.99% 96.63%,\n          ${n.secondColor} 0%,\n          ${o[.25]} 56.44%,\n          ${o[0]} 100%\n        ),\n        radial-gradient(\n          90.55% 99.88% at 98.58% 89.25%,\n          ${o[.7]} 0%,\n          ${o[.7]} 18.07%,\n          ${o[.17]} 73.71%,\n          ${o[0]} 100%\n        );\n    `},'gd-9':n=>{const o=buildColorAlphaScale(n.secondColor,[0,.7]);return`\n      background-color: ${n.firstColor};\n      background-image:\n        linear-gradient(\n          28deg,\n          ${o[0]} 55.77%,\n          ${o[.7]} 78.08%,\n          ${n.secondColor} 100.39%\n        ),\n        linear-gradient(\n          158deg,\n          ${o[0]} 58.19%,\n          ${o[.7]} 76.76%,\n          ${n.secondColor} 95.33%\n        );\n    `},'gd-10':n=>{const o=buildColorAlphaScale(n.secondColor,[0,.7]);return`\n      background-color: ${n.firstColor};\n      background-image:\n        linear-gradient(\n          41deg,\n          ${o[0]} 52.03%,\n          ${o[.7]} 78.12%,\n          ${n.secondColor} 89.3%\n        ),\n        linear-gradient(\n          193deg,\n          ${o[0]} 49.75%,\n          ${o[.7]} 84.73%,\n          ${n.secondColor} 99.72%\n        );\n    `},'gd-11':n=>{const o=buildColorAlphaScale(n.secondColor,[0,.2,.3,.6,.9]);return`\n      background-color: ${n.firstColor}; \n      background-image :\n        linear-gradient(\n          207deg,\n          ${n.secondColor} 12.5%,\n          ${o[.3]} 21.88%,\n          ${o[0]} 25%\n        ),\n        linear-gradient(\n          45deg,\n          ${n.secondColor} 33.33%,\n          ${o[.9]} 40%,\n          ${o[.6]} 53.33%,\n          ${o[.2]} 66.67%,\n          ${o[0]} 70%\n        ); \n    `},'gd-12':n=>{const o=buildColorAlphaScale(n.firstColor,[0,.2,.3,.4]);const r=buildColorAlphaScale(n.secondColor,[0,.2,.4,.8]);return`\n      background-color: ${n.firstColor}; \n      background-image:\n        linear-gradient(\n          180deg,\n          ${o[0]} 90%,\n          ${o[.3]} 100%\n        ),\n        radial-gradient(\n          100% 100% at 50% 100%,\n          ${n.firstColor} 0%,\n          ${o[.2]} 0.01%,\n          ${o[0]} 53.73%,\n          ${o[.4]} 75.01%,\n          ${o[.4]} 87.51%,\n          ${n.firstColor} 100%\n        ),\n        radial-gradient(\n          100% 100% at 50% 100%,\n          ${n.secondColor} 0%,\n          ${r[.8]} 12.49%,\n          ${r[.4]} 37.51%,\n          ${r[.2]} 50.01%,\n          ${r[.2]} 62.51%,\n          ${r[.8]} 75.01%,\n          ${r[0]} 87.51%\n        );\n    `},'gd-13':n=>{const o=buildColorAlphaScale(n.firstColor,[0,.05,.25,.4,.5]);const r=buildColorAlphaScale(n.secondColor,[0]);return`\n      background-color: ${n.firstColor}; \n      background-image:\n        radial-gradient(\n          35.6% 40.26% at 74.06% 74.12%,\n          ${o[.4]} 0%,\n          ${o[.25]} 25%,\n          ${o[.05]} 65%,\n          ${o[0]} 100%\n        ),\n        linear-gradient(\n          346deg,\n          ${n.secondColor} 8.33%,\n          ${r[0]} 26.2%,\n          ${n.secondColor} 78.83%\n        ),\n        linear-gradient(\n          270deg,\n          ${n.secondColor} 0%,\n          ${r[0]} 25.2%,\n          ${n.secondColor} 99.52%\n        ),\n        linear-gradient(\n          346deg,\n          ${o[0]} 8.33%,\n          ${o[.5]} 15.42%,\n          ${n.firstColor} 26.2%,\n          ${o[.5]} 36.67%,\n          ${o[0]} 78.83%\n        ),\n        linear-gradient(\n          270deg,\n          ${o[0]} 0%,\n          ${o[.5]} 10%,\n          ${n.firstColor} 25.2%,\n          ${o[.5]} 40%,\n          ${o[0]} 99.52%\n        );\n    `},'gd-14':n=>{const o=buildColorAlphaScale(n.secondColor,[0,.05,.1,.15,.2,.25,.3,.35,.4]);return`\n      background-color: ${n.firstColor};\n      background-image:\n        radial-gradient(\n          93.69% 93.69% at 50% 93.69%,\n          ${o[.4]} 0%,\n          ${o[.4]} 10%,\n          ${o[.35]} 20%,\n          ${o[.3]} 30%,\n          ${o[.25]} 40%,\n          ${o[.2]} 50%,\n          ${o[.15]} 60%,\n          ${o[.1]} 70%,\n          ${o[.05]} 80%,\n          ${o[0]} 100%\n        );\n    `},'gd-15':n=>{const o=buildColorAlphaScale(n.secondColor,[0,.05,.1,.15,.2,.25,.3,.35,.4]);return`\n      background-color: ${n.firstColor};\n      background-image:\n        radial-gradient(\n          109.35% 130.23% at 0% 0%,\n          ${o[.4]} 0%,\n          ${o[.4]} 10%,\n          ${o[.35]} 20%,\n          ${o[.3]} 30%,\n          ${o[.25]} 40%,\n          ${o[.2]} 50%,\n          ${o[.15]} 60%,\n          ${o[.1]} 70%,\n          ${o[.05]} 80%,\n          ${o[0]} 100%\n        );\n    `}};
+//# sourceMappingURL=templates.js.map

package/components/Gradient/templates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"templates.js","sources":["../../../../src/components/Gradient/templates.ts"],"sourcesContent":["import tinycolor from 'tinycolor2'\nimport type { GradientPalette, GradientVariant } from './types'\n\nconst buildColorAlphaScale = (color: string, steps: number[]) =>\n  steps.reduce<Record<number, string>>((acc, alpha) => {\n    acc[alpha] = tinycolor(color).setAlpha(alpha).toRgbString()\n\n    return acc\n  }, {})\n\nexport const GRADIENT_TEMPLATES: Record<GradientVariant, (palette: GradientPalette) => string> = {\n  'gd-1': (palette: GradientPalette) => {\n    const color1 = buildColorAlphaScale(palette.firstColor, [0])\n    const color2 = buildColorAlphaScale(palette.secondColor, [0, 0.02, 0.03, 0.15, 0.25, 0.3, 0.5])\n\n    return `\n      background-color: ${palette.firstColor};\n      background-image:\n        radial-gradient(\n          156.11% 46.7% at 19.86% 89.76%,\n          ${color2[0.3]} 0%,\n          ${color2[0.15]} 44.7%,\n          ${color2[0.02]} 81.87%,\n          ${color2[0]} 100%\n        ),\n        radial-gradient(\n          40% 24.35% at 20.84% 93.23%,\n          ${color2[0.5]} 0%,\n          ${color2[0.25]} 37.02%,\n          ${color2[0.03]} 83.65%,\n          ${color2[0]} 100%\n        ),\n        radial-gradient(\n          42.36% 20.12% at 20.84% 93.23%,\n          ${color2[0.5]} 0%,\n          ${color2[0.25]} 37.02%,\n          ${color2[0.03]} 83.65%,\n          ${color2[0]} 100%\n        ),\n        linear-gradient(\n          330deg,\n          ${palette.firstColor} -18.1%,\n          ${color1[0]} 50.12%,\n          ${palette.firstColor} 117.68%\n        ),\n        linear-gradient(\n          192deg,\n          ${palette.firstColor} 5.87%,\n          ${color1[0]} 84.51%,\n          ${palette.firstColor} 162.39%\n        ),\n        linear-gradient(\n          25deg,\n          ${color2[0]} -37.06%,\n          ${color2[0.5]} -10.59%,\n          ${palette.secondColor} 15.88%,\n          ${color2[0.5]} 42.35%,\n          ${color2[0]} 68.83%\n        ),\n        linear-gradient(\n          145deg,\n          ${color2[0]} -10.02%,\n          ${palette.secondColor} 49.07%,\n          ${color2[0]} 108.16%\n        );\n    `\n  },\n  'gd-2': (palette: GradientPalette) => {\n    const color1 = buildColorAlphaScale(palette.firstColor, [0])\n    const color2 = buildColorAlphaScale(palette.secondColor, [0, 0.05, 0.5])\n\n    return `\n      background-color: ${palette.firstColor};\n      background-image:\n        radial-gradient(\n          49.68% 30.14% at 100% 43.07%,\n          ${color2[0.5]} 0%,\n          ${color2[0]} 100%\n        ),\n        radial-gradient(\n          34.34% 26.59% at 79.21% 41.1%,\n          ${palette.secondColor} 0%,\n          ${color2[0.5]} 37.02%,\n          ${color2[0.05]} 83.65%,\n          ${color2[0]} 100%\n        ),\n        linear-gradient(\n          10deg,\n          ${palette.firstColor} 3.69%,\n          ${color1[0]} 61.9%,\n          ${palette.firstColor} 119.55%\n        ),\n        linear-gradient(\n          159deg,\n          ${palette.firstColor} 12.34%,\n          ${color1[0]} 57.66%,\n          ${palette.firstColor} 110.45%\n        ),\n        linear-gradient(\n          187deg,\n          ${color2[0]} 22.53%,\n          ${color2[0.5]} 29.5%,\n          ${palette.secondColor} 36.47%,\n          ${color2[0.5]} 43.44%,\n          ${color2[0]} 50.41%\n        ),\n        linear-gradient(\n          159deg,\n          ${color2[0]} 30.83%,\n          ${palette.secondColor} 57.43%,\n          ${color2[0]} 84.04%\n        );\n    `\n  },\n  'gd-3': (palette: GradientPalette) => {\n    const svg = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 800 400\" fill=\"none\"><path fill=\"${palette.firstColor}\" d=\"M800 400H0V0h800v400Z\"/><path fill=\"url(#a)\" d=\"M800 400H0V0h800v400Z\"/><path fill=\"url(#b)\" d=\"M800 400H0V0h800v400Z\"/><path fill=\"url(#c)\" d=\"M800 400H0V0h800v400Z\"/><path fill=\"url(#d)\" d=\"M800 400H0V0h800v400Z\"/><path fill=\"url(#e)\" d=\"M800 400H0V0h800v400Z\"/><path fill=\"url(#f)\" d=\"M800 400H0V0h800v400Z\"/><path fill=\"url(#g)\" d=\"M800 400H0V0h800v400Z\"/><path fill=\"url(#h)\" d=\"M800 400H0V0h800v400Z\"/><path fill=\"url(#i)\" d=\"M800 400H0V0h800v400Z\"/><path fill=\"url(#j)\" d=\"M800 400H0V0h800v400Z\"/><defs><radialGradient id=\"e\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(36.1199 318.466 -1285.67 304.239 575.385 201.482)\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"${palette.secondColor}\" stop-opacity=\".8\"/><stop offset=\".37\" stop-color=\"${palette.secondColor}\" stop-opacity=\".4\"/><stop offset=\".837\" stop-color=\"${palette.secondColor}\" stop-opacity=\".1\"/><stop offset=\"1\" stop-color=\"${palette.secondColor}\" stop-opacity=\"0\"/></radialGradient><radialGradient id=\"f\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(88.2051 -15.787 15.3671 179.138 577.436 201.481)\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"${palette.secondColor}\"/><stop offset=\".37\" stop-color=\"${palette.secondColor}\" stop-opacity=\".6\"/><stop offset=\".837\" stop-color=\"${palette.secondColor}\" stop-opacity=\"0\"/><stop offset=\"1\" stop-color=\"${palette.secondColor}\" stop-opacity=\"0\"/></radialGradient><radialGradient id=\"g\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(10.2564 78.5185 -141.507 38.5659 575.385 201.481)\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"${palette.secondColor}\"/><stop offset=\".447\" stop-color=\"${palette.secondColor}\"/><stop offset=\".819\" stop-color=\"${palette.secondColor}\" stop-opacity=\".1\"/><stop offset=\"1\" stop-color=\"${palette.secondColor}\" stop-opacity=\"0\"/></radialGradient><radialGradient id=\"h\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(41.8134 340.17 -7815.41 2004.35 575.384 201.482)\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"${palette.secondColor}\" stop-opacity=\".3\"/><stop offset=\".108\" stop-color=\"${palette.secondColor}\" stop-opacity=\".1\"/><stop offset=\".819\" stop-color=\"${palette.secondColor}\" stop-opacity=\".05\"/><stop offset=\"1\" stop-color=\"${palette.secondColor}\" stop-opacity=\"0\"/></radialGradient><radialGradient id=\"i\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-422.564 40.5095 -987.909 -21500.8 575.384 201.48)\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"${palette.secondColor}\" stop-opacity=\".3\"/><stop offset=\".108\" stop-color=\"${palette.secondColor}\" stop-opacity=\".1\"/><stop offset=\".819\" stop-color=\"${palette.secondColor}\" stop-opacity=\".05\"/><stop offset=\"1\" stop-color=\"${palette.secondColor}\" stop-opacity=\"0\"/></radialGradient><radialGradient id=\"j\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-576.41 198.518 -63.3608 -383.843 576.41 201.481)\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"${palette.firstColor}\" stop-opacity=\"0\"/><stop offset=\".972\" stop-color=\"${palette.firstColor}\" stop-opacity=\".2\"/></radialGradient><linearGradient id=\"a\" x1=\"424.615\" x2=\"841.141\" y1=\"730.37\" y2=\"681.551\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"${palette.secondColor}\" stop-opacity=\"0\"/><stop offset=\".5\" stop-color=\"${palette.secondColor}\"/><stop offset=\"1\" stop-color=\"${palette.secondColor}\" stop-opacity=\"0\"/></linearGradient><linearGradient id=\"b\" x1=\"790.769\" x2=\"992.47\" y1=\"-262.222\" y2=\"508.215\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"${palette.secondColor}\" stop-opacity=\"0\"/><stop offset=\".25\" stop-color=\"${palette.secondColor}\" stop-opacity=\".5\"/><stop offset=\".5\" stop-color=\"${palette.secondColor}\"/><stop offset=\".75\" stop-color=\"${palette.secondColor}\" stop-opacity=\".5\"/><stop offset=\"1\" stop-color=\"${palette.secondColor}\" stop-opacity=\"0\"/></linearGradient><linearGradient id=\"c\" x1=\"222.564\" x2=\"917.559\" y1=\"-85.926\" y2=\"-94.803\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"${palette.firstColor}\"/><stop offset=\".5\" stop-color=\"${palette.firstColor}\" stop-opacity=\"0\"/><stop offset=\".995\" stop-color=\"${palette.firstColor}\"/></linearGradient><linearGradient id=\"d\" x1=\"475.897\" x2=\"657.666\" y1=\"-205.926\" y2=\"627.218\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"${palette.firstColor}\"/><stop offset=\".5\" stop-color=\"${palette.firstColor}\" stop-opacity=\"0\"/><stop offset=\".995\" stop-color=\"${palette.firstColor}\"/></linearGradient></defs></svg>`\n\n    return `\n      background-image: url(\"data:image/svg+xml,${encodeURIComponent(svg)}\");\n    `\n  },\n  'gd-4': (palette: GradientPalette) => {\n    const color1 = buildColorAlphaScale(palette.firstColor, [0, 0.55])\n    const color2 = buildColorAlphaScale(palette.secondColor, [0, 0.2, 0.23, 0.67, 0.85])\n\n    return `\n      background-color: ${palette.firstColor};\n      background-image:\n        linear-gradient(\n          74deg,\n          ${color2[0]} -17.28%,\n          ${color2[0.2]} 46.65%,\n          ${color2[0.67]} 76.32%,\n          ${color2[0.23]} 124.98%,\n          ${color2[0]} 166.38%\n        ),\n        linear-gradient(\n          339deg,\n          ${color1[0]} -55.51%,\n          ${color2[0.85]} -0.14%,\n          ${color1[0.55]} 24.22%,\n          ${color1[0]} 65.55%\n        );\n    `\n  },\n  'gd-5': (palette: GradientPalette) => {\n    const color2 = buildColorAlphaScale(palette.secondColor, [0])\n\n    return `\n      background-color: ${palette.firstColor};\n      background-image:\n        linear-gradient(\n          147deg,\n          ${color2[0]} 48.76%,\n          ${palette.secondColor} 119.06%\n        );\n    `\n  },\n  'gd-6': (palette: GradientPalette) => {\n    const color2 = buildColorAlphaScale(palette.secondColor, [0, 0.17, 0.55, 0.6, 0.9])\n\n    return `\n      background-color: ${palette.firstColor};\n      background-image:\n        linear-gradient(\n          62deg,\n          ${color2[0]} -17.31%,\n          ${color2[0.17]} 46.87%,\n          ${color2[0.55]} 76.66%, \n          ${color2[0.17]} 125.51%,\n          ${color2[0]} 167.08%\n        ),\n        linear-gradient(\n          340deg,\n          ${palette.secondColor} -52.82%,\n          ${color2[0.9]} 3.11%,\n          ${color2[0.6]} 27.7%,\n          ${color2[0]} 69.45%\n        );\n    `\n  },\n  'gd-7': (palette: GradientPalette) => {\n    const color2 = buildColorAlphaScale(palette.secondColor, [0, 0.08, 0.2, 0.24, 0.28, 0.3, 0.8, 0.81])\n\n    return `\n      background-color: ${palette.firstColor};\n      background-image:\n        linear-gradient(\n          67deg,\n          ${color2[0]} 45.09%,\n          ${color2[0.24]} 61.27%,\n          ${color2[0.8]} 73.07%,\n          ${color2[0]} 99.99%,\n          ${color2[0.28]} 99.99%\n        ),\n        linear-gradient(\n          176deg,\n          ${color2[0]} 52.22%,\n          ${color2[0.24]} 72.6%,\n          ${color2[0.8]} 82.48%,\n          ${color2[0.28]} 94.51%,\n          ${color2[0]} 111.61%\n        ),\n        radial-gradient(\n          162.86% 125.14% at 106.48% 100%,\n          ${color2[0.3]} 0%,\n          ${color2[0.08]} 62.68%,\n          ${color2[0]} 100%\n        ),\n        radial-gradient(\n          44.69% 96.12% at 100% 95.34%,\n          ${color2[0.3]} 0%,\n          ${color2[0.08]} 62.68%,\n          ${color2[0]} 100%\n        ),\n        radial-gradient(\n          70.45% 86.83% at 84.97% 75.26%,\n          ${color2[0.81]} 0%,\n          ${color2[0.81]} 18.07%,\n          ${color2[0.2]} 73.71%,\n          ${color2[0]} 100%\n        );\n    `\n  },\n  'gd-8': (palette: GradientPalette) => {\n    const color2 = buildColorAlphaScale(palette.secondColor, [0, 0.08, 0.17, 0.24, 0.25, 0.28, 0.3, 0.7, 0.8])\n\n    return `\n      background-color: ${palette.firstColor};\n      background-image:\n        linear-gradient(\n          151deg,\n          ${color2[0]} -39.8%,\n          ${color2[0.24]} 7.24%,\n          ${color2[0.8]} 21.61%,\n          ${color2[0.24]} 54.98%,\n          ${color2[0]} 103.38%,\n          ${color2[0.28]} 103.38%\n        ),\n        linear-gradient(\n          176deg,\n          ${color2[0]} 52.21%,\n          ${color2[0.24]} 72.63%,\n          ${color2[0.8]} 82.54%,\n          ${color2[0.28]} 94.59%,\n          ${color2[0]} 111.72%\n        ),\n        radial-gradient(\n          98.15% 72.64% at 57.38% 96.89%,\n          ${color2[0.3]} 0%,\n          ${color2[0.08]} 62.68%,\n          ${color2[0]} 100%\n        ),\n        radial-gradient(\n          29.04% 97.26% at 88.99% 96.63%,\n          ${palette.secondColor} 0%,\n          ${color2[0.25]} 56.44%,\n          ${color2[0]} 100%\n        ),\n        radial-gradient(\n          90.55% 99.88% at 98.58% 89.25%,\n          ${color2[0.7]} 0%,\n          ${color2[0.7]} 18.07%,\n          ${color2[0.17]} 73.71%,\n          ${color2[0]} 100%\n        );\n    `\n  },\n  'gd-9': (palette: GradientPalette) => {\n    const color2 = buildColorAlphaScale(palette.secondColor, [0, 0.7])\n\n    return `\n      background-color: ${palette.firstColor};\n      background-image:\n        linear-gradient(\n          28deg,\n          ${color2[0]} 55.77%,\n          ${color2[0.7]} 78.08%,\n          ${palette.secondColor} 100.39%\n        ),\n        linear-gradient(\n          158deg,\n          ${color2[0]} 58.19%,\n          ${color2[0.7]} 76.76%,\n          ${palette.secondColor} 95.33%\n        );\n    `\n  },\n  'gd-10': (palette: GradientPalette) => {\n    const color2 = buildColorAlphaScale(palette.secondColor, [0, 0.7])\n\n    return `\n      background-color: ${palette.firstColor};\n      background-image:\n        linear-gradient(\n          41deg,\n          ${color2[0]} 52.03%,\n          ${color2[0.7]} 78.12%,\n          ${palette.secondColor} 89.3%\n        ),\n        linear-gradient(\n          193deg,\n          ${color2[0]} 49.75%,\n          ${color2[0.7]} 84.73%,\n          ${palette.secondColor} 99.72%\n        );\n    `\n  },\n  'gd-11': (palette: GradientPalette) => {\n    const color2 = buildColorAlphaScale(palette.secondColor, [0, 0.2, 0.3, 0.6, 0.9])\n\n    return `\n      background-color: ${palette.firstColor}; \n      background-image :\n        linear-gradient(\n          207deg,\n          ${palette.secondColor} 12.5%,\n          ${color2[0.3]} 21.88%,\n          ${color2[0]} 25%\n        ),\n        linear-gradient(\n          45deg,\n          ${palette.secondColor} 33.33%,\n          ${color2[0.9]} 40%,\n          ${color2[0.6]} 53.33%,\n          ${color2[0.2]} 66.67%,\n          ${color2[0]} 70%\n        ); \n    `\n  },\n  'gd-12': (palette: GradientPalette) => {\n    const color1 = buildColorAlphaScale(palette.firstColor, [0, 0.2, 0.3, 0.4])\n    const color2 = buildColorAlphaScale(palette.secondColor, [0, 0.2, 0.4, 0.8])\n\n    return `\n      background-color: ${palette.firstColor}; \n      background-image:\n        linear-gradient(\n          180deg,\n          ${color1[0]} 90%,\n          ${color1[0.3]} 100%\n        ),\n        radial-gradient(\n          100% 100% at 50% 100%,\n          ${palette.firstColor} 0%,\n          ${color1[0.2]} 0.01%,\n          ${color1[0]} 53.73%,\n          ${color1[0.4]} 75.01%,\n          ${color1[0.4]} 87.51%,\n          ${palette.firstColor} 100%\n        ),\n        radial-gradient(\n          100% 100% at 50% 100%,\n          ${palette.secondColor} 0%,\n          ${color2[0.8]} 12.49%,\n          ${color2[0.4]} 37.51%,\n          ${color2[0.2]} 50.01%,\n          ${color2[0.2]} 62.51%,\n          ${color2[0.8]} 75.01%,\n          ${color2[0]} 87.51%\n        );\n    `\n  },\n  'gd-13': (palette: GradientPalette) => {\n    const color1 = buildColorAlphaScale(palette.firstColor, [0, 0.05, 0.25, 0.4, 0.5])\n    const color2 = buildColorAlphaScale(palette.secondColor, [0])\n\n    return `\n      background-color: ${palette.firstColor}; \n      background-image:\n        radial-gradient(\n          35.6% 40.26% at 74.06% 74.12%,\n          ${color1[0.4]} 0%,\n          ${color1[0.25]} 25%,\n          ${color1[0.05]} 65%,\n          ${color1[0]} 100%\n        ),\n        linear-gradient(\n          346deg,\n          ${palette.secondColor} 8.33%,\n          ${color2[0]} 26.2%,\n          ${palette.secondColor} 78.83%\n        ),\n        linear-gradient(\n          270deg,\n          ${palette.secondColor} 0%,\n          ${color2[0]} 25.2%,\n          ${palette.secondColor} 99.52%\n        ),\n        linear-gradient(\n          346deg,\n          ${color1[0]} 8.33%,\n          ${color1[0.5]} 15.42%,\n          ${palette.firstColor} 26.2%,\n          ${color1[0.5]} 36.67%,\n          ${color1[0]} 78.83%\n        ),\n        linear-gradient(\n          270deg,\n          ${color1[0]} 0%,\n          ${color1[0.5]} 10%,\n          ${palette.firstColor} 25.2%,\n          ${color1[0.5]} 40%,\n          ${color1[0]} 99.52%\n        );\n    `\n  },\n  'gd-14': (palette: GradientPalette) => {\n    const color2 = buildColorAlphaScale(palette.secondColor, [0, 0.05, 0.1, 0.15, 0.2, 0.25, 0.3, 0.35, 0.4])\n\n    return `\n      background-color: ${palette.firstColor};\n      background-image:\n        radial-gradient(\n          93.69% 93.69% at 50% 93.69%,\n          ${color2[0.4]} 0%,\n          ${color2[0.4]} 10%,\n          ${color2[0.35]} 20%,\n          ${color2[0.3]} 30%,\n          ${color2[0.25]} 40%,\n          ${color2[0.2]} 50%,\n          ${color2[0.15]} 60%,\n          ${color2[0.1]} 70%,\n          ${color2[0.05]} 80%,\n          ${color2[0]} 100%\n        );\n    `\n  },\n  'gd-15': (palette: GradientPalette) => {\n    const color2 = buildColorAlphaScale(palette.secondColor, [0, 0.05, 0.1, 0.15, 0.2, 0.25, 0.3, 0.35, 0.4])\n\n    return `\n      background-color: ${palette.firstColor};\n      background-image:\n        radial-gradient(\n          109.35% 130.23% at 0% 0%,\n          ${color2[0.4]} 0%,\n          ${color2[0.4]} 10%,\n          ${color2[0.35]} 20%,\n          ${color2[0.3]} 30%,\n          ${color2[0.25]} 40%,\n          ${color2[0.2]} 50%,\n          ${color2[0.15]} 60%,\n          ${color2[0.1]} 70%,\n          ${color2[0.05]} 80%,\n          ${color2[0]} 100%\n        );\n    `\n  },\n}\n"],"names":["buildColorAlphaScale","color","steps","reduce","acc","alpha","tinycolor","setAlpha","toRgbString","palette","color1","firstColor","color2","secondColor","encodeURIComponent"],"mappings":"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"}

package/components/Gradient/templates.mjs

@@ -0,0 +1,2 @@
+import tinycolor from'tinycolor2';const buildColorAlphaScale=(n,o)=>o.reduce((o,r)=>(o[r]=tinycolor(n).setAlpha(r).toRgbString(),o),{});const GRADIENT_TEMPLATES={'gd-1':n=>{const o=buildColorAlphaScale(n.firstColor,[0]);const r=buildColorAlphaScale(n.secondColor,[0,.02,.03,.15,.25,.3,.5]);return`\n      background-color: ${n.firstColor};\n      background-image:\n        radial-gradient(\n          156.11% 46.7% at 19.86% 89.76%,\n          ${r[.3]} 0%,\n          ${r[.15]} 44.7%,\n          ${r[.02]} 81.87%,\n          ${r[0]} 100%\n        ),\n        radial-gradient(\n          40% 24.35% at 20.84% 93.23%,\n          ${r[.5]} 0%,\n          ${r[.25]} 37.02%,\n          ${r[.03]} 83.65%,\n          ${r[0]} 100%\n        ),\n        radial-gradient(\n          42.36% 20.12% at 20.84% 93.23%,\n          ${r[.5]} 0%,\n          ${r[.25]} 37.02%,\n          ${r[.03]} 83.65%,\n          ${r[0]} 100%\n        ),\n        linear-gradient(\n          330deg,\n          ${n.firstColor} -18.1%,\n          ${o[0]} 50.12%,\n          ${n.firstColor} 117.68%\n        ),\n        linear-gradient(\n          192deg,\n          ${n.firstColor} 5.87%,\n          ${o[0]} 84.51%,\n          ${n.firstColor} 162.39%\n        ),\n        linear-gradient(\n          25deg,\n          ${r[0]} -37.06%,\n          ${r[.5]} -10.59%,\n          ${n.secondColor} 15.88%,\n          ${r[.5]} 42.35%,\n          ${r[0]} 68.83%\n        ),\n        linear-gradient(\n          145deg,\n          ${r[0]} -10.02%,\n          ${n.secondColor} 49.07%,\n          ${r[0]} 108.16%\n        );\n    `},'gd-2':n=>{const o=buildColorAlphaScale(n.firstColor,[0]);const r=buildColorAlphaScale(n.secondColor,[0,.05,.5]);return`\n      background-color: ${n.firstColor};\n      background-image:\n        radial-gradient(\n          49.68% 30.14% at 100% 43.07%,\n          ${r[.5]} 0%,\n          ${r[0]} 100%\n        ),\n        radial-gradient(\n          34.34% 26.59% at 79.21% 41.1%,\n          ${n.secondColor} 0%,\n          ${r[.5]} 37.02%,\n          ${r[.05]} 83.65%,\n          ${r[0]} 100%\n        ),\n        linear-gradient(\n          10deg,\n          ${n.firstColor} 3.69%,\n          ${o[0]} 61.9%,\n          ${n.firstColor} 119.55%\n        ),\n        linear-gradient(\n          159deg,\n          ${n.firstColor} 12.34%,\n          ${o[0]} 57.66%,\n          ${n.firstColor} 110.45%\n        ),\n        linear-gradient(\n          187deg,\n          ${r[0]} 22.53%,\n          ${r[.5]} 29.5%,\n          ${n.secondColor} 36.47%,\n          ${r[.5]} 43.44%,\n          ${r[0]} 50.41%\n        ),\n        linear-gradient(\n          159deg,\n          ${r[0]} 30.83%,\n          ${n.secondColor} 57.43%,\n          ${r[0]} 84.04%\n        );\n    `},'gd-3':n=>`\n      background-image: url("data:image/svg+xml,${encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 800 400" fill="none"><path fill="${n.firstColor}" d="M800 400H0V0h800v400Z"/><path fill="url(#a)" d="M800 400H0V0h800v400Z"/><path fill="url(#b)" d="M800 400H0V0h800v400Z"/><path fill="url(#c)" d="M800 400H0V0h800v400Z"/><path fill="url(#d)" d="M800 400H0V0h800v400Z"/><path fill="url(#e)" d="M800 400H0V0h800v400Z"/><path fill="url(#f)" d="M800 400H0V0h800v400Z"/><path fill="url(#g)" d="M800 400H0V0h800v400Z"/><path fill="url(#h)" d="M800 400H0V0h800v400Z"/><path fill="url(#i)" d="M800 400H0V0h800v400Z"/><path fill="url(#j)" d="M800 400H0V0h800v400Z"/><defs><radialGradient id="e" cx="0" cy="0" r="1" gradientTransform="matrix(36.1199 318.466 -1285.67 304.239 575.385 201.482)" gradientUnits="userSpaceOnUse"><stop stop-color="${n.secondColor}" stop-opacity=".8"/><stop offset=".37" stop-color="${n.secondColor}" stop-opacity=".4"/><stop offset=".837" stop-color="${n.secondColor}" stop-opacity=".1"/><stop offset="1" stop-color="${n.secondColor}" stop-opacity="0"/></radialGradient><radialGradient id="f" cx="0" cy="0" r="1" gradientTransform="matrix(88.2051 -15.787 15.3671 179.138 577.436 201.481)" gradientUnits="userSpaceOnUse"><stop stop-color="${n.secondColor}"/><stop offset=".37" stop-color="${n.secondColor}" stop-opacity=".6"/><stop offset=".837" stop-color="${n.secondColor}" stop-opacity="0"/><stop offset="1" stop-color="${n.secondColor}" stop-opacity="0"/></radialGradient><radialGradient id="g" cx="0" cy="0" r="1" gradientTransform="matrix(10.2564 78.5185 -141.507 38.5659 575.385 201.481)" gradientUnits="userSpaceOnUse"><stop stop-color="${n.secondColor}"/><stop offset=".447" stop-color="${n.secondColor}"/><stop offset=".819" stop-color="${n.secondColor}" stop-opacity=".1"/><stop offset="1" stop-color="${n.secondColor}" stop-opacity="0"/></radialGradient><radialGradient id="h" cx="0" cy="0" r="1" gradientTransform="matrix(41.8134 340.17 -7815.41 2004.35 575.384 201.482)" gradientUnits="userSpaceOnUse"><stop stop-color="${n.secondColor}" stop-opacity=".3"/><stop offset=".108" stop-color="${n.secondColor}" stop-opacity=".1"/><stop offset=".819" stop-color="${n.secondColor}" stop-opacity=".05"/><stop offset="1" stop-color="${n.secondColor}" stop-opacity="0"/></radialGradient><radialGradient id="i" cx="0" cy="0" r="1" gradientTransform="matrix(-422.564 40.5095 -987.909 -21500.8 575.384 201.48)" gradientUnits="userSpaceOnUse"><stop stop-color="${n.secondColor}" stop-opacity=".3"/><stop offset=".108" stop-color="${n.secondColor}" stop-opacity=".1"/><stop offset=".819" stop-color="${n.secondColor}" stop-opacity=".05"/><stop offset="1" stop-color="${n.secondColor}" stop-opacity="0"/></radialGradient><radialGradient id="j" cx="0" cy="0" r="1" gradientTransform="matrix(-576.41 198.518 -63.3608 -383.843 576.41 201.481)" gradientUnits="userSpaceOnUse"><stop stop-color="${n.firstColor}" stop-opacity="0"/><stop offset=".972" stop-color="${n.firstColor}" stop-opacity=".2"/></radialGradient><linearGradient id="a" x1="424.615" x2="841.141" y1="730.37" y2="681.551" gradientUnits="userSpaceOnUse"><stop stop-color="${n.secondColor}" stop-opacity="0"/><stop offset=".5" stop-color="${n.secondColor}"/><stop offset="1" stop-color="${n.secondColor}" stop-opacity="0"/></linearGradient><linearGradient id="b" x1="790.769" x2="992.47" y1="-262.222" y2="508.215" gradientUnits="userSpaceOnUse"><stop stop-color="${n.secondColor}" stop-opacity="0"/><stop offset=".25" stop-color="${n.secondColor}" stop-opacity=".5"/><stop offset=".5" stop-color="${n.secondColor}"/><stop offset=".75" stop-color="${n.secondColor}" stop-opacity=".5"/><stop offset="1" stop-color="${n.secondColor}" stop-opacity="0"/></linearGradient><linearGradient id="c" x1="222.564" x2="917.559" y1="-85.926" y2="-94.803" gradientUnits="userSpaceOnUse"><stop stop-color="${n.firstColor}"/><stop offset=".5" stop-color="${n.firstColor}" stop-opacity="0"/><stop offset=".995" stop-color="${n.firstColor}"/></linearGradient><linearGradient id="d" x1="475.897" x2="657.666" y1="-205.926" y2="627.218" gradientUnits="userSpaceOnUse"><stop stop-color="${n.firstColor}"/><stop offset=".5" stop-color="${n.firstColor}" stop-opacity="0"/><stop offset=".995" stop-color="${n.firstColor}"/></linearGradient></defs></svg>`)}");\n    `,'gd-4':n=>{const o=buildColorAlphaScale(n.firstColor,[0,.55]);const r=buildColorAlphaScale(n.secondColor,[0,.2,.23,.67,.85]);return`\n      background-color: ${n.firstColor};\n      background-image:\n        linear-gradient(\n          74deg,\n          ${r[0]} -17.28%,\n          ${r[.2]} 46.65%,\n          ${r[.67]} 76.32%,\n          ${r[.23]} 124.98%,\n          ${r[0]} 166.38%\n        ),\n        linear-gradient(\n          339deg,\n          ${o[0]} -55.51%,\n          ${r[.85]} -0.14%,\n          ${o[.55]} 24.22%,\n          ${o[0]} 65.55%\n        );\n    `},'gd-5':n=>{const o=buildColorAlphaScale(n.secondColor,[0]);return`\n      background-color: ${n.firstColor};\n      background-image:\n        linear-gradient(\n          147deg,\n          ${o[0]} 48.76%,\n          ${n.secondColor} 119.06%\n        );\n    `},'gd-6':n=>{const o=buildColorAlphaScale(n.secondColor,[0,.17,.55,.6,.9]);return`\n      background-color: ${n.firstColor};\n      background-image:\n        linear-gradient(\n          62deg,\n          ${o[0]} -17.31%,\n          ${o[.17]} 46.87%,\n          ${o[.55]} 76.66%, \n          ${o[.17]} 125.51%,\n          ${o[0]} 167.08%\n        ),\n        linear-gradient(\n          340deg,\n          ${n.secondColor} -52.82%,\n          ${o[.9]} 3.11%,\n          ${o[.6]} 27.7%,\n          ${o[0]} 69.45%\n        );\n    `},'gd-7':n=>{const o=buildColorAlphaScale(n.secondColor,[0,.08,.2,.24,.28,.3,.8,.81]);return`\n      background-color: ${n.firstColor};\n      background-image:\n        linear-gradient(\n          67deg,\n          ${o[0]} 45.09%,\n          ${o[.24]} 61.27%,\n          ${o[.8]} 73.07%,\n          ${o[0]} 99.99%,\n          ${o[.28]} 99.99%\n        ),\n        linear-gradient(\n          176deg,\n          ${o[0]} 52.22%,\n          ${o[.24]} 72.6%,\n          ${o[.8]} 82.48%,\n          ${o[.28]} 94.51%,\n          ${o[0]} 111.61%\n        ),\n        radial-gradient(\n          162.86% 125.14% at 106.48% 100%,\n          ${o[.3]} 0%,\n          ${o[.08]} 62.68%,\n          ${o[0]} 100%\n        ),\n        radial-gradient(\n          44.69% 96.12% at 100% 95.34%,\n          ${o[.3]} 0%,\n          ${o[.08]} 62.68%,\n          ${o[0]} 100%\n        ),\n        radial-gradient(\n          70.45% 86.83% at 84.97% 75.26%,\n          ${o[.81]} 0%,\n          ${o[.81]} 18.07%,\n          ${o[.2]} 73.71%,\n          ${o[0]} 100%\n        );\n    `},'gd-8':n=>{const o=buildColorAlphaScale(n.secondColor,[0,.08,.17,.24,.25,.28,.3,.7,.8]);return`\n      background-color: ${n.firstColor};\n      background-image:\n        linear-gradient(\n          151deg,\n          ${o[0]} -39.8%,\n          ${o[.24]} 7.24%,\n          ${o[.8]} 21.61%,\n          ${o[.24]} 54.98%,\n          ${o[0]} 103.38%,\n          ${o[.28]} 103.38%\n        ),\n        linear-gradient(\n          176deg,\n          ${o[0]} 52.21%,\n          ${o[.24]} 72.63%,\n          ${o[.8]} 82.54%,\n          ${o[.28]} 94.59%,\n          ${o[0]} 111.72%\n        ),\n        radial-gradient(\n          98.15% 72.64% at 57.38% 96.89%,\n          ${o[.3]} 0%,\n          ${o[.08]} 62.68%,\n          ${o[0]} 100%\n        ),\n        radial-gradient(\n          29.04% 97.26% at 88.99% 96.63%,\n          ${n.secondColor} 0%,\n          ${o[.25]} 56.44%,\n          ${o[0]} 100%\n        ),\n        radial-gradient(\n          90.55% 99.88% at 98.58% 89.25%,\n          ${o[.7]} 0%,\n          ${o[.7]} 18.07%,\n          ${o[.17]} 73.71%,\n          ${o[0]} 100%\n        );\n    `},'gd-9':n=>{const o=buildColorAlphaScale(n.secondColor,[0,.7]);return`\n      background-color: ${n.firstColor};\n      background-image:\n        linear-gradient(\n          28deg,\n          ${o[0]} 55.77%,\n          ${o[.7]} 78.08%,\n          ${n.secondColor} 100.39%\n        ),\n        linear-gradient(\n          158deg,\n          ${o[0]} 58.19%,\n          ${o[.7]} 76.76%,\n          ${n.secondColor} 95.33%\n        );\n    `},'gd-10':n=>{const o=buildColorAlphaScale(n.secondColor,[0,.7]);return`\n      background-color: ${n.firstColor};\n      background-image:\n        linear-gradient(\n          41deg,\n          ${o[0]} 52.03%,\n          ${o[.7]} 78.12%,\n          ${n.secondColor} 89.3%\n        ),\n        linear-gradient(\n          193deg,\n          ${o[0]} 49.75%,\n          ${o[.7]} 84.73%,\n          ${n.secondColor} 99.72%\n        );\n    `},'gd-11':n=>{const o=buildColorAlphaScale(n.secondColor,[0,.2,.3,.6,.9]);return`\n      background-color: ${n.firstColor}; \n      background-image :\n        linear-gradient(\n          207deg,\n          ${n.secondColor} 12.5%,\n          ${o[.3]} 21.88%,\n          ${o[0]} 25%\n        ),\n        linear-gradient(\n          45deg,\n          ${n.secondColor} 33.33%,\n          ${o[.9]} 40%,\n          ${o[.6]} 53.33%,\n          ${o[.2]} 66.67%,\n          ${o[0]} 70%\n        ); \n    `},'gd-12':n=>{const o=buildColorAlphaScale(n.firstColor,[0,.2,.3,.4]);const r=buildColorAlphaScale(n.secondColor,[0,.2,.4,.8]);return`\n      background-color: ${n.firstColor}; \n      background-image:\n        linear-gradient(\n          180deg,\n          ${o[0]} 90%,\n          ${o[.3]} 100%\n        ),\n        radial-gradient(\n          100% 100% at 50% 100%,\n          ${n.firstColor} 0%,\n          ${o[.2]} 0.01%,\n          ${o[0]} 53.73%,\n          ${o[.4]} 75.01%,\n          ${o[.4]} 87.51%,\n          ${n.firstColor} 100%\n        ),\n        radial-gradient(\n          100% 100% at 50% 100%,\n          ${n.secondColor} 0%,\n          ${r[.8]} 12.49%,\n          ${r[.4]} 37.51%,\n          ${r[.2]} 50.01%,\n          ${r[.2]} 62.51%,\n          ${r[.8]} 75.01%,\n          ${r[0]} 87.51%\n        );\n    `},'gd-13':n=>{const o=buildColorAlphaScale(n.firstColor,[0,.05,.25,.4,.5]);const r=buildColorAlphaScale(n.secondColor,[0]);return`\n      background-color: ${n.firstColor}; \n      background-image:\n        radial-gradient(\n          35.6% 40.26% at 74.06% 74.12%,\n          ${o[.4]} 0%,\n          ${o[.25]} 25%,\n          ${o[.05]} 65%,\n          ${o[0]} 100%\n        ),\n        linear-gradient(\n          346deg,\n          ${n.secondColor} 8.33%,\n          ${r[0]} 26.2%,\n          ${n.secondColor} 78.83%\n        ),\n        linear-gradient(\n          270deg,\n          ${n.secondColor} 0%,\n          ${r[0]} 25.2%,\n          ${n.secondColor} 99.52%\n        ),\n        linear-gradient(\n          346deg,\n          ${o[0]} 8.33%,\n          ${o[.5]} 15.42%,\n          ${n.firstColor} 26.2%,\n          ${o[.5]} 36.67%,\n          ${o[0]} 78.83%\n        ),\n        linear-gradient(\n          270deg,\n          ${o[0]} 0%,\n          ${o[.5]} 10%,\n          ${n.firstColor} 25.2%,\n          ${o[.5]} 40%,\n          ${o[0]} 99.52%\n        );\n    `},'gd-14':n=>{const o=buildColorAlphaScale(n.secondColor,[0,.05,.1,.15,.2,.25,.3,.35,.4]);return`\n      background-color: ${n.firstColor};\n      background-image:\n        radial-gradient(\n          93.69% 93.69% at 50% 93.69%,\n          ${o[.4]} 0%,\n          ${o[.4]} 10%,\n          ${o[.35]} 20%,\n          ${o[.3]} 30%,\n          ${o[.25]} 40%,\n          ${o[.2]} 50%,\n          ${o[.15]} 60%,\n          ${o[.1]} 70%,\n          ${o[.05]} 80%,\n          ${o[0]} 100%\n        );\n    `},'gd-15':n=>{const o=buildColorAlphaScale(n.secondColor,[0,.05,.1,.15,.2,.25,.3,.35,.4]);return`\n      background-color: ${n.firstColor};\n      background-image:\n        radial-gradient(\n          109.35% 130.23% at 0% 0%,\n          ${o[.4]} 0%,\n          ${o[.4]} 10%,\n          ${o[.35]} 20%,\n          ${o[.3]} 30%,\n          ${o[.25]} 40%,\n          ${o[.2]} 50%,\n          ${o[.15]} 60%,\n          ${o[.1]} 70%,\n          ${o[.05]} 80%,\n          ${o[0]} 100%\n        );\n    `}};export{GRADIENT_TEMPLATES};
+//# sourceMappingURL=templates.mjs.map

package/components/Gradient/templates.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"templates.mjs","sources":["../../../../src/components/Gradient/templates.ts"],"sourcesContent":["import tinycolor from 'tinycolor2'\nimport type { GradientPalette, GradientVariant } from './types'\n\nconst buildColorAlphaScale = (color: string, steps: number[]) =>\n  steps.reduce<Record<number, string>>((acc, alpha) => {\n    acc[alpha] = tinycolor(color).setAlpha(alpha).toRgbString()\n\n    return acc\n  }, {})\n\nexport const GRADIENT_TEMPLATES: Record<GradientVariant, (palette: GradientPalette) => string> = {\n  'gd-1': (palette: GradientPalette) => {\n    const color1 = buildColorAlphaScale(palette.firstColor, [0])\n    const color2 = buildColorAlphaScale(palette.secondColor, [0, 0.02, 0.03, 0.15, 0.25, 0.3, 0.5])\n\n    return `\n      background-color: ${palette.firstColor};\n      background-image:\n        radial-gradient(\n          156.11% 46.7% at 19.86% 89.76%,\n          ${color2[0.3]} 0%,\n          ${color2[0.15]} 44.7%,\n          ${color2[0.02]} 81.87%,\n          ${color2[0]} 100%\n        ),\n        radial-gradient(\n          40% 24.35% at 20.84% 93.23%,\n          ${color2[0.5]} 0%,\n          ${color2[0.25]} 37.02%,\n          ${color2[0.03]} 83.65%,\n          ${color2[0]} 100%\n        ),\n        radial-gradient(\n          42.36% 20.12% at 20.84% 93.23%,\n          ${color2[0.5]} 0%,\n          ${color2[0.25]} 37.02%,\n          ${color2[0.03]} 83.65%,\n          ${color2[0]} 100%\n        ),\n        linear-gradient(\n          330deg,\n          ${palette.firstColor} -18.1%,\n          ${color1[0]} 50.12%,\n          ${palette.firstColor} 117.68%\n        ),\n        linear-gradient(\n          192deg,\n          ${palette.firstColor} 5.87%,\n          ${color1[0]} 84.51%,\n          ${palette.firstColor} 162.39%\n        ),\n        linear-gradient(\n          25deg,\n          ${color2[0]} -37.06%,\n          ${color2[0.5]} -10.59%,\n          ${palette.secondColor} 15.88%,\n          ${color2[0.5]} 42.35%,\n          ${color2[0]} 68.83%\n        ),\n        linear-gradient(\n          145deg,\n          ${color2[0]} -10.02%,\n          ${palette.secondColor} 49.07%,\n          ${color2[0]} 108.16%\n        );\n    `\n  },\n  'gd-2': (palette: GradientPalette) => {\n    const color1 = buildColorAlphaScale(palette.firstColor, [0])\n    const color2 = buildColorAlphaScale(palette.secondColor, [0, 0.05, 0.5])\n\n    return `\n      background-color: ${palette.firstColor};\n      background-image:\n        radial-gradient(\n          49.68% 30.14% at 100% 43.07%,\n          ${color2[0.5]} 0%,\n          ${color2[0]} 100%\n        ),\n        radial-gradient(\n          34.34% 26.59% at 79.21% 41.1%,\n          ${palette.secondColor} 0%,\n          ${color2[0.5]} 37.02%,\n          ${color2[0.05]} 83.65%,\n          ${color2[0]} 100%\n        ),\n        linear-gradient(\n          10deg,\n          ${palette.firstColor} 3.69%,\n          ${color1[0]} 61.9%,\n          ${palette.firstColor} 119.55%\n        ),\n        linear-gradient(\n          159deg,\n          ${palette.firstColor} 12.34%,\n          ${color1[0]} 57.66%,\n          ${palette.firstColor} 110.45%\n        ),\n        linear-gradient(\n          187deg,\n          ${color2[0]} 22.53%,\n          ${color2[0.5]} 29.5%,\n          ${palette.secondColor} 36.47%,\n          ${color2[0.5]} 43.44%,\n          ${color2[0]} 50.41%\n        ),\n        linear-gradient(\n          159deg,\n          ${color2[0]} 30.83%,\n          ${palette.secondColor} 57.43%,\n          ${color2[0]} 84.04%\n        );\n    `\n  },\n  'gd-3': (palette: GradientPalette) => {\n    const svg = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 800 400\" fill=\"none\"><path fill=\"${palette.firstColor}\" d=\"M800 400H0V0h800v400Z\"/><path fill=\"url(#a)\" d=\"M800 400H0V0h800v400Z\"/><path fill=\"url(#b)\" d=\"M800 400H0V0h800v400Z\"/><path fill=\"url(#c)\" d=\"M800 400H0V0h800v400Z\"/><path fill=\"url(#d)\" d=\"M800 400H0V0h800v400Z\"/><path fill=\"url(#e)\" d=\"M800 400H0V0h800v400Z\"/><path fill=\"url(#f)\" d=\"M800 400H0V0h800v400Z\"/><path fill=\"url(#g)\" d=\"M800 400H0V0h800v400Z\"/><path fill=\"url(#h)\" d=\"M800 400H0V0h800v400Z\"/><path fill=\"url(#i)\" d=\"M800 400H0V0h800v400Z\"/><path fill=\"url(#j)\" d=\"M800 400H0V0h800v400Z\"/><defs><radialGradient id=\"e\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(36.1199 318.466 -1285.67 304.239 575.385 201.482)\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"${palette.secondColor}\" stop-opacity=\".8\"/><stop offset=\".37\" stop-color=\"${palette.secondColor}\" stop-opacity=\".4\"/><stop offset=\".837\" stop-color=\"${palette.secondColor}\" stop-opacity=\".1\"/><stop offset=\"1\" stop-color=\"${palette.secondColor}\" stop-opacity=\"0\"/></radialGradient><radialGradient id=\"f\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(88.2051 -15.787 15.3671 179.138 577.436 201.481)\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"${palette.secondColor}\"/><stop offset=\".37\" stop-color=\"${palette.secondColor}\" stop-opacity=\".6\"/><stop offset=\".837\" stop-color=\"${palette.secondColor}\" stop-opacity=\"0\"/><stop offset=\"1\" stop-color=\"${palette.secondColor}\" stop-opacity=\"0\"/></radialGradient><radialGradient id=\"g\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(10.2564 78.5185 -141.507 38.5659 575.385 201.481)\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"${palette.secondColor}\"/><stop offset=\".447\" stop-color=\"${palette.secondColor}\"/><stop offset=\".819\" stop-color=\"${palette.secondColor}\" stop-opacity=\".1\"/><stop offset=\"1\" stop-color=\"${palette.secondColor}\" stop-opacity=\"0\"/></radialGradient><radialGradient id=\"h\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(41.8134 340.17 -7815.41 2004.35 575.384 201.482)\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"${palette.secondColor}\" stop-opacity=\".3\"/><stop offset=\".108\" stop-color=\"${palette.secondColor}\" stop-opacity=\".1\"/><stop offset=\".819\" stop-color=\"${palette.secondColor}\" stop-opacity=\".05\"/><stop offset=\"1\" stop-color=\"${palette.secondColor}\" stop-opacity=\"0\"/></radialGradient><radialGradient id=\"i\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-422.564 40.5095 -987.909 -21500.8 575.384 201.48)\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"${palette.secondColor}\" stop-opacity=\".3\"/><stop offset=\".108\" stop-color=\"${palette.secondColor}\" stop-opacity=\".1\"/><stop offset=\".819\" stop-color=\"${palette.secondColor}\" stop-opacity=\".05\"/><stop offset=\"1\" stop-color=\"${palette.secondColor}\" stop-opacity=\"0\"/></radialGradient><radialGradient id=\"j\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-576.41 198.518 -63.3608 -383.843 576.41 201.481)\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"${palette.firstColor}\" stop-opacity=\"0\"/><stop offset=\".972\" stop-color=\"${palette.firstColor}\" stop-opacity=\".2\"/></radialGradient><linearGradient id=\"a\" x1=\"424.615\" x2=\"841.141\" y1=\"730.37\" y2=\"681.551\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"${palette.secondColor}\" stop-opacity=\"0\"/><stop offset=\".5\" stop-color=\"${palette.secondColor}\"/><stop offset=\"1\" stop-color=\"${palette.secondColor}\" stop-opacity=\"0\"/></linearGradient><linearGradient id=\"b\" x1=\"790.769\" x2=\"992.47\" y1=\"-262.222\" y2=\"508.215\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"${palette.secondColor}\" stop-opacity=\"0\"/><stop offset=\".25\" stop-color=\"${palette.secondColor}\" stop-opacity=\".5\"/><stop offset=\".5\" stop-color=\"${palette.secondColor}\"/><stop offset=\".75\" stop-color=\"${palette.secondColor}\" stop-opacity=\".5\"/><stop offset=\"1\" stop-color=\"${palette.secondColor}\" stop-opacity=\"0\"/></linearGradient><linearGradient id=\"c\" x1=\"222.564\" x2=\"917.559\" y1=\"-85.926\" y2=\"-94.803\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"${palette.firstColor}\"/><stop offset=\".5\" stop-color=\"${palette.firstColor}\" stop-opacity=\"0\"/><stop offset=\".995\" stop-color=\"${palette.firstColor}\"/></linearGradient><linearGradient id=\"d\" x1=\"475.897\" x2=\"657.666\" y1=\"-205.926\" y2=\"627.218\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"${palette.firstColor}\"/><stop offset=\".5\" stop-color=\"${palette.firstColor}\" stop-opacity=\"0\"/><stop offset=\".995\" stop-color=\"${palette.firstColor}\"/></linearGradient></defs></svg>`\n\n    return `\n      background-image: url(\"data:image/svg+xml,${encodeURIComponent(svg)}\");\n    `\n  },\n  'gd-4': (palette: GradientPalette) => {\n    const color1 = buildColorAlphaScale(palette.firstColor, [0, 0.55])\n    const color2 = buildColorAlphaScale(palette.secondColor, [0, 0.2, 0.23, 0.67, 0.85])\n\n    return `\n      background-color: ${palette.firstColor};\n      background-image:\n        linear-gradient(\n          74deg,\n          ${color2[0]} -17.28%,\n          ${color2[0.2]} 46.65%,\n          ${color2[0.67]} 76.32%,\n          ${color2[0.23]} 124.98%,\n          ${color2[0]} 166.38%\n        ),\n        linear-gradient(\n          339deg,\n          ${color1[0]} -55.51%,\n          ${color2[0.85]} -0.14%,\n          ${color1[0.55]} 24.22%,\n          ${color1[0]} 65.55%\n        );\n    `\n  },\n  'gd-5': (palette: GradientPalette) => {\n    const color2 = buildColorAlphaScale(palette.secondColor, [0])\n\n    return `\n      background-color: ${palette.firstColor};\n      background-image:\n        linear-gradient(\n          147deg,\n          ${color2[0]} 48.76%,\n          ${palette.secondColor} 119.06%\n        );\n    `\n  },\n  'gd-6': (palette: GradientPalette) => {\n    const color2 = buildColorAlphaScale(palette.secondColor, [0, 0.17, 0.55, 0.6, 0.9])\n\n    return `\n      background-color: ${palette.firstColor};\n      background-image:\n        linear-gradient(\n          62deg,\n          ${color2[0]} -17.31%,\n          ${color2[0.17]} 46.87%,\n          ${color2[0.55]} 76.66%, \n          ${color2[0.17]} 125.51%,\n          ${color2[0]} 167.08%\n        ),\n        linear-gradient(\n          340deg,\n          ${palette.secondColor} -52.82%,\n          ${color2[0.9]} 3.11%,\n          ${color2[0.6]} 27.7%,\n          ${color2[0]} 69.45%\n        );\n    `\n  },\n  'gd-7': (palette: GradientPalette) => {\n    const color2 = buildColorAlphaScale(palette.secondColor, [0, 0.08, 0.2, 0.24, 0.28, 0.3, 0.8, 0.81])\n\n    return `\n      background-color: ${palette.firstColor};\n      background-image:\n        linear-gradient(\n          67deg,\n          ${color2[0]} 45.09%,\n          ${color2[0.24]} 61.27%,\n          ${color2[0.8]} 73.07%,\n          ${color2[0]} 99.99%,\n          ${color2[0.28]} 99.99%\n        ),\n        linear-gradient(\n          176deg,\n          ${color2[0]} 52.22%,\n          ${color2[0.24]} 72.6%,\n          ${color2[0.8]} 82.48%,\n          ${color2[0.28]} 94.51%,\n          ${color2[0]} 111.61%\n        ),\n        radial-gradient(\n          162.86% 125.14% at 106.48% 100%,\n          ${color2[0.3]} 0%,\n          ${color2[0.08]} 62.68%,\n          ${color2[0]} 100%\n        ),\n        radial-gradient(\n          44.69% 96.12% at 100% 95.34%,\n          ${color2[0.3]} 0%,\n          ${color2[0.08]} 62.68%,\n          ${color2[0]} 100%\n        ),\n        radial-gradient(\n          70.45% 86.83% at 84.97% 75.26%,\n          ${color2[0.81]} 0%,\n          ${color2[0.81]} 18.07%,\n          ${color2[0.2]} 73.71%,\n          ${color2[0]} 100%\n        );\n    `\n  },\n  'gd-8': (palette: GradientPalette) => {\n    const color2 = buildColorAlphaScale(palette.secondColor, [0, 0.08, 0.17, 0.24, 0.25, 0.28, 0.3, 0.7, 0.8])\n\n    return `\n      background-color: ${palette.firstColor};\n      background-image:\n        linear-gradient(\n          151deg,\n          ${color2[0]} -39.8%,\n          ${color2[0.24]} 7.24%,\n          ${color2[0.8]} 21.61%,\n          ${color2[0.24]} 54.98%,\n          ${color2[0]} 103.38%,\n          ${color2[0.28]} 103.38%\n        ),\n        linear-gradient(\n          176deg,\n          ${color2[0]} 52.21%,\n          ${color2[0.24]} 72.63%,\n          ${color2[0.8]} 82.54%,\n          ${color2[0.28]} 94.59%,\n          ${color2[0]} 111.72%\n        ),\n        radial-gradient(\n          98.15% 72.64% at 57.38% 96.89%,\n          ${color2[0.3]} 0%,\n          ${color2[0.08]} 62.68%,\n          ${color2[0]} 100%\n        ),\n        radial-gradient(\n          29.04% 97.26% at 88.99% 96.63%,\n          ${palette.secondColor} 0%,\n          ${color2[0.25]} 56.44%,\n          ${color2[0]} 100%\n        ),\n        radial-gradient(\n          90.55% 99.88% at 98.58% 89.25%,\n          ${color2[0.7]} 0%,\n          ${color2[0.7]} 18.07%,\n          ${color2[0.17]} 73.71%,\n          ${color2[0]} 100%\n        );\n    `\n  },\n  'gd-9': (palette: GradientPalette) => {\n    const color2 = buildColorAlphaScale(palette.secondColor, [0, 0.7])\n\n    return `\n      background-color: ${palette.firstColor};\n      background-image:\n        linear-gradient(\n          28deg,\n          ${color2[0]} 55.77%,\n          ${color2[0.7]} 78.08%,\n          ${palette.secondColor} 100.39%\n        ),\n        linear-gradient(\n          158deg,\n          ${color2[0]} 58.19%,\n          ${color2[0.7]} 76.76%,\n          ${palette.secondColor} 95.33%\n        );\n    `\n  },\n  'gd-10': (palette: GradientPalette) => {\n    const color2 = buildColorAlphaScale(palette.secondColor, [0, 0.7])\n\n    return `\n      background-color: ${palette.firstColor};\n      background-image:\n        linear-gradient(\n          41deg,\n          ${color2[0]} 52.03%,\n          ${color2[0.7]} 78.12%,\n          ${palette.secondColor} 89.3%\n        ),\n        linear-gradient(\n          193deg,\n          ${color2[0]} 49.75%,\n          ${color2[0.7]} 84.73%,\n          ${palette.secondColor} 99.72%\n        );\n    `\n  },\n  'gd-11': (palette: GradientPalette) => {\n    const color2 = buildColorAlphaScale(palette.secondColor, [0, 0.2, 0.3, 0.6, 0.9])\n\n    return `\n      background-color: ${palette.firstColor}; \n      background-image :\n        linear-gradient(\n          207deg,\n          ${palette.secondColor} 12.5%,\n          ${color2[0.3]} 21.88%,\n          ${color2[0]} 25%\n        ),\n        linear-gradient(\n          45deg,\n          ${palette.secondColor} 33.33%,\n          ${color2[0.9]} 40%,\n          ${color2[0.6]} 53.33%,\n          ${color2[0.2]} 66.67%,\n          ${color2[0]} 70%\n        ); \n    `\n  },\n  'gd-12': (palette: GradientPalette) => {\n    const color1 = buildColorAlphaScale(palette.firstColor, [0, 0.2, 0.3, 0.4])\n    const color2 = buildColorAlphaScale(palette.secondColor, [0, 0.2, 0.4, 0.8])\n\n    return `\n      background-color: ${palette.firstColor}; \n      background-image:\n        linear-gradient(\n          180deg,\n          ${color1[0]} 90%,\n          ${color1[0.3]} 100%\n        ),\n        radial-gradient(\n          100% 100% at 50% 100%,\n          ${palette.firstColor} 0%,\n          ${color1[0.2]} 0.01%,\n          ${color1[0]} 53.73%,\n          ${color1[0.4]} 75.01%,\n          ${color1[0.4]} 87.51%,\n          ${palette.firstColor} 100%\n        ),\n        radial-gradient(\n          100% 100% at 50% 100%,\n          ${palette.secondColor} 0%,\n          ${color2[0.8]} 12.49%,\n          ${color2[0.4]} 37.51%,\n          ${color2[0.2]} 50.01%,\n          ${color2[0.2]} 62.51%,\n          ${color2[0.8]} 75.01%,\n          ${color2[0]} 87.51%\n        );\n    `\n  },\n  'gd-13': (palette: GradientPalette) => {\n    const color1 = buildColorAlphaScale(palette.firstColor, [0, 0.05, 0.25, 0.4, 0.5])\n    const color2 = buildColorAlphaScale(palette.secondColor, [0])\n\n    return `\n      background-color: ${palette.firstColor}; \n      background-image:\n        radial-gradient(\n          35.6% 40.26% at 74.06% 74.12%,\n          ${color1[0.4]} 0%,\n          ${color1[0.25]} 25%,\n          ${color1[0.05]} 65%,\n          ${color1[0]} 100%\n        ),\n        linear-gradient(\n          346deg,\n          ${palette.secondColor} 8.33%,\n          ${color2[0]} 26.2%,\n          ${palette.secondColor} 78.83%\n        ),\n        linear-gradient(\n          270deg,\n          ${palette.secondColor} 0%,\n          ${color2[0]} 25.2%,\n          ${palette.secondColor} 99.52%\n        ),\n        linear-gradient(\n          346deg,\n          ${color1[0]} 8.33%,\n          ${color1[0.5]} 15.42%,\n          ${palette.firstColor} 26.2%,\n          ${color1[0.5]} 36.67%,\n          ${color1[0]} 78.83%\n        ),\n        linear-gradient(\n          270deg,\n          ${color1[0]} 0%,\n          ${color1[0.5]} 10%,\n          ${palette.firstColor} 25.2%,\n          ${color1[0.5]} 40%,\n          ${color1[0]} 99.52%\n        );\n    `\n  },\n  'gd-14': (palette: GradientPalette) => {\n    const color2 = buildColorAlphaScale(palette.secondColor, [0, 0.05, 0.1, 0.15, 0.2, 0.25, 0.3, 0.35, 0.4])\n\n    return `\n      background-color: ${palette.firstColor};\n      background-image:\n        radial-gradient(\n          93.69% 93.69% at 50% 93.69%,\n          ${color2[0.4]} 0%,\n          ${color2[0.4]} 10%,\n          ${color2[0.35]} 20%,\n          ${color2[0.3]} 30%,\n          ${color2[0.25]} 40%,\n          ${color2[0.2]} 50%,\n          ${color2[0.15]} 60%,\n          ${color2[0.1]} 70%,\n          ${color2[0.05]} 80%,\n          ${color2[0]} 100%\n        );\n    `\n  },\n  'gd-15': (palette: GradientPalette) => {\n    const color2 = buildColorAlphaScale(palette.secondColor, [0, 0.05, 0.1, 0.15, 0.2, 0.25, 0.3, 0.35, 0.4])\n\n    return `\n      background-color: ${palette.firstColor};\n      background-image:\n        radial-gradient(\n          109.35% 130.23% at 0% 0%,\n          ${color2[0.4]} 0%,\n          ${color2[0.4]} 10%,\n          ${color2[0.35]} 20%,\n          ${color2[0.3]} 30%,\n          ${color2[0.25]} 40%,\n          ${color2[0.2]} 50%,\n          ${color2[0.15]} 60%,\n          ${color2[0.1]} 70%,\n          ${color2[0.05]} 80%,\n          ${color2[0]} 100%\n        );\n    `\n  },\n}\n"],"names":["buildColorAlphaScale","color","steps","reduce","acc","alpha","tinycolor","setAlpha","toRgbString","GRADIENT_TEMPLATES","palette","color1","firstColor","color2","secondColor","encodeURIComponent"],"mappings":"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"}

package/dts/index.d.ts

@@ -7132,6 +7132,55 @@ declare const TabList: React.ForwardRefExoticComponent<TabListProps> & {
     Panel: typeof TabListPanel;
 };
 
+type GradientVariant = 'gd-1' | 'gd-2' | 'gd-3' | 'gd-4' | 'gd-5' | 'gd-6' | 'gd-7' | 'gd-8' | 'gd-9' | 'gd-10' | 'gd-11' | 'gd-12' | 'gd-13' | 'gd-14' | 'gd-15';
+interface GradientProps {
+    /**
+     * Вариант построения градиента.
+     *
+     * @default 'gd-1' */
+    variant?: GradientVariant;
+    /**
+     * Кастомные цвета.
+     *
+     * @default {} */
+    palette?: {
+        firstColor?: Color;
+        secondColor?: Color;
+    };
+    /**
+     * Зеркальное отражение по оси "x".
+     *
+     * @default undefined */
+    flipX?: boolean;
+    /**
+     * Зеркальное отражение по оси "y".
+     *
+     * @default undefined */
+    flipY?: boolean;
+    /**
+     * Компонент рутового элемента.
+     *
+     * @default 'div' */
+    component?: ComponentElementType;
+    /**
+     * Основной контент.
+     *
+     * @default undefined */
+    children?: React.ReactNode;
+}
+
+/**
+ *
+ * *v1.0.0*
+ *
+ * Компонент декоративного фона в виде градиента.
+ *
+ * Полиморфный компонент.
+ *
+ * Можно передать "ref" и атрибуты выбранного HTML-элемента (по умолчанию \<div\>).
+ */
+declare const Gradient: <C extends React.ElementType = "div">(props: PolymorphicPropsWithRef<C, GradientProps>) => React.ReactElement | null;
+
 interface BaseTheme {
     breakpoints: Readonly<Record<Lowercase<Breakpoint$1>, number>>;
     iconsAssetHost?: string;
@@ -7192,6 +7241,7 @@ interface BaseTheme {
         Notification?: Partial<NotificationProps>;
         Accordion?: Partial<AccordionProps>;
         AccordionItem?: Partial<AccordionItemProps>;
+        Gradient?: Partial<GradientProps>;
         Switch?: Partial<SwitchProps>;
         TabList?: Partial<TabListProps>;
         TabListTab?: Partial<TabListTabProps>;
@@ -10194,4 +10244,4 @@ declare const MediaProvider: (props: React.PropsWithChildren<{
  */
 declare const useMediaMatchers: () => Partial<Record<MediaMatcherId, boolean>>;
 
-export { Accordion, type AccordionItemProps, type AccordionProps, ActionBtn, type ActionBtnProps, AddElement, type AddElementProps, Alert, type AlertProps, Amount, type AmountProps, Anchor, type AnchorProps, Arrow, ArrowBadge, type ArrowBadgeProps, type ArrowProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BaseProps, type Breakpoint$1 as Breakpoint, Button, type ButtonProps, COUNTRY_DATA, type CSSBorderStyle, type CSSColor, type CSSFontWeight, type CSSGlobalValue, type CSSUnit, type CSSVerticalAlign, CURRENCY_MAP, Checkbox, type CheckboxProps, Chip, type ChipProps, type Color, type ColorName, type ColorPaletteKey, type ComponentElementType, Container, type ContainerProps, ContextMenu, type ContextMenuMultiLevelProps, type ContextMenuProps, CurrencyCodes, DEFAULT_MASK, Dialog, type DialogComponentProps, type DialogProps, type DividerProps, type DomTarget, Dropdown, type DropdownProps, FormLabel, type FormLabelProps, type HEX, INITIAL_MASK, Icon, IconButton, type IconButtonProps, type IconISOCode, type IconName, type IconProps, Indicator, type IndicatorProps, Input, type InputCheckboxProps, type InputMaskOptions, type InputMaskState, type InputPhoneProps, type InputProps, type InputRadioProps, type KeysOfUnion, ListItem, type ListItemProps, Media, MediaMediator, type MediaProps, MediaProvider, Menu, type MenuComponentProps, type MenuContainerProps, type MenuDividerProps, type MenuListProps, type MenuProps, Modal, type ModalProps, Notification, type NotificationProps, type Nullable, type Orientation, Paper, type PaperProps, type PlaygroundToolbar, type PolymorphicProps, type PolymorphicPropsWithRef, type PolymorphicRef, Popover, type PopoverComponentProps, type PopoverProps, Progress, ProgressCircle$1 as ProgressCircle, type ProgressCircleProps$1 as ProgressCircleProps, ProgressLine, type ProgressLineProps, type ProgressProps, type ProgressSegmentedProps, type RGB, type RGBA, Radio, type RadioProps, type ResponsiveLayoutInterpolationProps, type ResponsiveLayoutProps, type ResponsivePositionProps, type ResponsivePropKey, type ResponsiveProps, type ResponsiveSizeInterpolationProps, type ResponsiveSizeProps, withThemeScrollable as Scrollable, type ScrollableProps, Section, type SectionProps, Select, type SelectProps, type SemanticTheme, Separator, type SeparatorProps, type Size$w as Size, type SizeValue$1 as SizeValue, Skeleton, type SkeletonProps, Spacer, type SpacerProps, Spinner, type SpinnerProps, Switch, type SwitchProps, Switcher, type SwitcherProps, Tab, TabList, type TabListPanelProps, type TabListProps, type TabListTabProps, type TabProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextEllipseProps, type TextHeadingProps, type TextProps, Textarea, type TextareaProps, type Theme, type ThemeMode, type ThemeName, type ThemePreset, ThemeProvider, type ToolbarControl, Tooltip, type TooltipComponentProps, type TooltipProps, type WithMergedPropsOptions, type WithThemePreset, type WrappedComponentProps, adultDarkTheme, adultLightTheme, algoritmikaDayTheme, algoritmikaNightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, desktopFirst, examDayTheme, examNightTheme, foxfordDayTheme, foxfordNightTheme, getDarkHoverColor, getDarkStrongHoverColor, getLightHoverColor, getLightStrongHoverColor, hexToRgbA, isHex, mobileFirst, motherDarkTheme, motherLightTheme, property, responsiveNamedProperty, responsiveProperty, screenL, screenM, screenMaxL, screenMaxM, screenMaxS, screenMaxXl, screenMaxXs, screenMaxXxs, screenMinL, screenMinM, screenMinS, screenMinXl, screenMinXs, screenRetina, screenS, screenXl, screenXs, teenDarkTheme, teenLightTheme, defaultTheme as theme, useClickOutside, useMediaMatchers, useScrollLock, useScrollMonitor, vAlign };
+export { Accordion, type AccordionItemProps, type AccordionProps, ActionBtn, type ActionBtnProps, AddElement, type AddElementProps, Alert, type AlertProps, Amount, type AmountProps, Anchor, type AnchorProps, Arrow, ArrowBadge, type ArrowBadgeProps, type ArrowProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BaseProps, type Breakpoint$1 as Breakpoint, Button, type ButtonProps, COUNTRY_DATA, type CSSBorderStyle, type CSSColor, type CSSFontWeight, type CSSGlobalValue, type CSSUnit, type CSSVerticalAlign, CURRENCY_MAP, Checkbox, type CheckboxProps, Chip, type ChipProps, type Color, type ColorName, type ColorPaletteKey, type ComponentElementType, Container, type ContainerProps, ContextMenu, type ContextMenuMultiLevelProps, type ContextMenuProps, CurrencyCodes, DEFAULT_MASK, Dialog, type DialogComponentProps, type DialogProps, type DividerProps, type DomTarget, Dropdown, type DropdownProps, FormLabel, type FormLabelProps, Gradient, type GradientProps, type HEX, INITIAL_MASK, Icon, IconButton, type IconButtonProps, type IconISOCode, type IconName, type IconProps, Indicator, type IndicatorProps, Input, type InputCheckboxProps, type InputMaskOptions, type InputMaskState, type InputPhoneProps, type InputProps, type InputRadioProps, type KeysOfUnion, ListItem, type ListItemProps, Media, MediaMediator, type MediaProps, MediaProvider, Menu, type MenuComponentProps, type MenuContainerProps, type MenuDividerProps, type MenuListProps, type MenuProps, Modal, type ModalProps, Notification, type NotificationProps, type Nullable, type Orientation, Paper, type PaperProps, type PlaygroundToolbar, type PolymorphicProps, type PolymorphicPropsWithRef, type PolymorphicRef, Popover, type PopoverComponentProps, type PopoverProps, Progress, ProgressCircle$1 as ProgressCircle, type ProgressCircleProps$1 as ProgressCircleProps, ProgressLine, type ProgressLineProps, type ProgressProps, type ProgressSegmentedProps, type RGB, type RGBA, Radio, type RadioProps, type ResponsiveLayoutInterpolationProps, type ResponsiveLayoutProps, type ResponsivePositionProps, type ResponsivePropKey, type ResponsiveProps, type ResponsiveSizeInterpolationProps, type ResponsiveSizeProps, withThemeScrollable as Scrollable, type ScrollableProps, Section, type SectionProps, Select, type SelectProps, type SemanticTheme, Separator, type SeparatorProps, type Size$w as Size, type SizeValue$1 as SizeValue, Skeleton, type SkeletonProps, Spacer, type SpacerProps, Spinner, type SpinnerProps, Switch, type SwitchProps, Switcher, type SwitcherProps, Tab, TabList, type TabListPanelProps, type TabListProps, type TabListTabProps, type TabProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextEllipseProps, type TextHeadingProps, type TextProps, Textarea, type TextareaProps, type Theme, type ThemeMode, type ThemeName, type ThemePreset, ThemeProvider, type ToolbarControl, Tooltip, type TooltipComponentProps, type TooltipProps, type WithMergedPropsOptions, type WithThemePreset, type WrappedComponentProps, adultDarkTheme, adultLightTheme, algoritmikaDayTheme, algoritmikaNightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, desktopFirst, examDayTheme, examNightTheme, foxfordDayTheme, foxfordNightTheme, getDarkHoverColor, getDarkStrongHoverColor, getLightHoverColor, getLightStrongHoverColor, hexToRgbA, isHex, mobileFirst, motherDarkTheme, motherLightTheme, property, responsiveNamedProperty, responsiveProperty, screenL, screenM, screenMaxL, screenMaxM, screenMaxS, screenMaxXl, screenMaxXs, screenMaxXxs, screenMinL, screenMinM, screenMinS, screenMinXl, screenMinXs, screenRetina, screenS, screenXl, screenXs, teenDarkTheme, teenLightTheme, defaultTheme as theme, useClickOutside, useMediaMatchers, useScrollLock, useScrollMonitor, vAlign };

package/index.js

@@ -1,2 +1,2 @@
-'use strict';var colors=require('./shared/utils/colors.js');var hexToRgbA=require('./shared/utils/hexToRgbA.js');var isHex=require('./shared/utils/isHex.js');var screen=require('./mixins/screen.js');var useClickOutside=require('./hooks/useClickOutside.js');var useScrollMonitor=require('./hooks/useScrollMonitor.js');var useScrollLock=require('./hooks/useScrollLock.js');var responsiveProperty=require('./mixins/responsive-property.js');var color=require('./mixins/color.js');var vAlign=require('./mixins/vAlign.js');var shared=require('./mixins/shared.js');var constants=require('./components/Input.Phone/constants.js');var Accordion=require('./components/Accordion/Accordion.js');var ActionBtn=require('./components/ActionBtn/ActionBtn.js');var AddElement=require('./components/AddElement/AddElement.js');var Alert=require('./components/Alert/Alert.js');var Amount=require('./components/Amount/Amount.js');var Anchor=require('./components/Anchor/Anchor.js');var Arrow=require('./components/Arrow/Arrow.js');var ArrowBadge=require('./components/ArrowBadge/ArrowBadge.js');var AspectRatio=require('./components/AspectRatio/AspectRatio.js');var Avatar=require('./components/Avatar/Avatar.js');var Badge=require('./components/Badge/Badge.js');var Button=require('./components/Button/Button.js');var index=require('./components/Amount/data/index.js');var Checkbox=require('./components/Checkbox/Checkbox.js');var Chip=require('./components/Chip/Chip.js');var Container=require('./components/Container/Container.js');var ContextMenu=require('./components/ContextMenu/ContextMenu.js');var Dialog=require('./components/Dialog/Dialog.js');var Dropdown=require('./components/Dropdown/Dropdown.js');var FormLabel=require('./components/FormLabel/FormLabel.js');var Icon=require('./components/Icon/Icon.js');var IconButton=require('./components/IconButton/IconButton.js');var Indicator=require('./components/Indicator/Indicator.js');var Input=require('./components/Input/Input.js');var ListItem=require('./components/ListItem/ListItem.js');var Media=require('./components/Media/Media.js');var MediaMediator=require('./components/Media/MediaMediator.js');var context=require('./components/Media/context.js');var Menu=require('./components/Menu/Menu.js');var Modal=require('./components/Modal/Modal.js');var Notification=require('./components/Notification/Notification.js');var Paper=require('./components/Paper/Paper.js');var Popover=require('./components/Popover/Popover.js');var Progress=require('./components/Progress/Progress.js');var ProgressCircle=require('./components/ProgressCircle/ProgressCircle.js');var ProgressLine=require('./components/ProgressLine/ProgressLine.js');var Radio=require('./components/Radio/Radio.js');var Scrollable=require('./components/Scrollable/Scrollable.js');var Section=require('./components/Section/Section.js');var Select=require('./components/Select/Select.js');var Separator=require('./components/Separator/Separator.js');var Skeleton=require('./components/Skeleton/Skeleton.js');var Spacer=require('./components/Spacer/Spacer.js');var Spinner=require('./components/Spinner/Spinner.js');var Switch=require('./components/Switch/Switch.js');var Switcher=require('./components/Switcher/Switcher.js');var Tab=require('./components/Tab/Tab.js');var TabList=require('./components/TabList/TabList.js');var Tabs=require('./components/Tabs/Tabs.js');var Tag=require('./components/Tag/Tag.js');var Text=require('./components/Text/Text.js');var Textarea=require('./components/Textarea/Textarea.js');var themeProvider=require('./theme/theme-provider.js');var Tooltip=require('./components/Tooltip/Tooltip.js');var themes=require('./theme/themes.js');var style=require('./components/Input/style.js');var useMediaMatchers=require('./components/Media/useMediaMatchers.js');exports.getDarkHoverColor=colors.getDarkHoverColor,exports.getDarkStrongHoverColor=colors.getDarkStrongHoverColor,exports.getLightHoverColor=colors.getLightHoverColor,exports.getLightStrongHoverColor=colors.getLightStrongHoverColor,exports.hexToRgbA=hexToRgbA.hexToRgbA,exports.isHex=isHex.isHex,exports.screenL=screen.screenL,exports.screenM=screen.screenM,exports.screenMaxL=screen.screenMaxL,exports.screenMaxM=screen.screenMaxM,exports.screenMaxS=screen.screenMaxS,exports.screenMaxXl=screen.screenMaxXl,exports.screenMaxXs=screen.screenMaxXs,exports.screenMaxXxs=screen.screenMaxXxs,exports.screenMinL=screen.screenMinL,exports.screenMinM=screen.screenMinM,exports.screenMinS=screen.screenMinS,exports.screenMinXl=screen.screenMinXl,exports.screenMinXs=screen.screenMinXs,exports.screenRetina=screen.screenRetina,exports.screenS=screen.screenS,exports.screenXl=screen.screenXl,exports.screenXs=screen.screenXs,exports.useClickOutside=useClickOutside.useClickOutside,exports.useScrollMonitor=useScrollMonitor.useScrollMonitor,exports.useScrollLock=useScrollLock.useScrollLock,exports.property=responsiveProperty.property,exports.responsiveNamedProperty=responsiveProperty.responsiveNamedProperty,exports.responsiveProperty=responsiveProperty.responsiveProperty,exports.color=color.color,exports.vAlign=vAlign.vAlign,exports.buildMediaQuery=shared.buildMediaQuery,exports.desktopFirst=shared.desktopFirst,exports.mobileFirst=shared.mobileFirst,exports.COUNTRY_DATA=constants.COUNTRY_DATA,exports.DEFAULT_MASK=constants.DEFAULT_MASK,exports.INITIAL_MASK=constants.INITIAL_MASK,exports.Accordion=Accordion.Accordion,exports.ActionBtn=ActionBtn.ActionBtn,exports.AddElement=AddElement.AddElement,exports.Alert=Alert.Alert,exports.Amount=Amount.Amount,exports.Anchor=Anchor.Anchor,exports.Arrow=Arrow.Arrow,exports.ArrowBadge=ArrowBadge.ArrowBadge,exports.AspectRatio=AspectRatio.AspectRatio,exports.Avatar=Avatar.Avatar,exports.Badge=Badge.Badge,exports.Button=Button.Button,exports.CURRENCY_MAP=index.CURRENCY_MAP,exports.CurrencyCodes=index.CurrencyCodes,exports.Checkbox=Checkbox.Checkbox,exports.Chip=Chip.Chip,exports.Container=Container.Container,exports.ContextMenu=ContextMenu.ContextMenu,exports.Dialog=Dialog.Dialog,exports.Dropdown=Dropdown.Dropdown,exports.FormLabel=FormLabel.FormLabel,exports.Icon=Icon.Icon,exports.IconButton=IconButton.IconButton,exports.Indicator=Indicator.Indicator,exports.Input=Input.Input,exports.ListItem=ListItem.ListItem,exports.Media=Media.Media,exports.MediaMediator=MediaMediator.MediaMediator,exports.MediaProvider=context.MediaProvider,exports.Menu=Menu.Menu,exports.Modal=Modal.Modal,exports.Notification=Notification.Notification,exports.Paper=Paper.Paper,exports.Popover=Popover.Popover,exports.Progress=Progress.Progress,exports.ProgressCircle=ProgressCircle.ProgressCircle,exports.ProgressLine=ProgressLine.ProgressLine,exports.Radio=Radio.Radio,exports.Scrollable=Scrollable.Scrollable,exports.Section=Section.Section,exports.Select=Select.Select,exports.Separator=Separator.Separator,exports.Skeleton=Skeleton.Skeleton,exports.Spacer=Spacer.Spacer,exports.Spinner=Spinner.Spinner,exports.Switch=Switch.Switch,exports.Switcher=Switcher.Switcher,exports.Tab=Tab.Tab,exports.TabList=TabList.TabList,exports.Tabs=Tabs.Tabs,exports.Tag=Tag.Tag,exports.Text=Text.Text,exports.Textarea=Textarea.Textarea,exports.ThemeProvider=themeProvider.ThemeProvider,exports.Tooltip=Tooltip.Tooltip,exports.adultDarkTheme=themes.adultDarkTheme,exports.adultLightTheme=themes.adultLightTheme,exports.algoritmikaDayTheme=themes.algoritmikaDayTheme,exports.algoritmikaNightTheme=themes.algoritmikaNightTheme,exports.babyDarkTheme=themes.babyDarkTheme,exports.babyLightTheme=themes.babyLightTheme,exports.examDayTheme=themes.examDayTheme,exports.examNightTheme=themes.examNightTheme,exports.foxfordDayTheme=themes.foxfordDayTheme,exports.foxfordNightTheme=themes.foxfordNightTheme,exports.motherDarkTheme=themes.motherDarkTheme,exports.motherLightTheme=themes.motherLightTheme,exports.teenDarkTheme=themes.teenDarkTheme,exports.teenLightTheme=themes.teenLightTheme,exports.theme=themes.defaultTheme,exports.baseInputStyle=style.baseInputStyle,exports.useMediaMatchers=useMediaMatchers.useMediaMatchers;
+'use strict';var colors=require('./shared/utils/colors.js');var hexToRgbA=require('./shared/utils/hexToRgbA.js');var isHex=require('./shared/utils/isHex.js');var screen=require('./mixins/screen.js');var useClickOutside=require('./hooks/useClickOutside.js');var useScrollMonitor=require('./hooks/useScrollMonitor.js');var useScrollLock=require('./hooks/useScrollLock.js');var responsiveProperty=require('./mixins/responsive-property.js');var color=require('./mixins/color.js');var vAlign=require('./mixins/vAlign.js');var shared=require('./mixins/shared.js');var constants=require('./components/Input.Phone/constants.js');var Accordion=require('./components/Accordion/Accordion.js');var ActionBtn=require('./components/ActionBtn/ActionBtn.js');var AddElement=require('./components/AddElement/AddElement.js');var Alert=require('./components/Alert/Alert.js');var Amount=require('./components/Amount/Amount.js');var Anchor=require('./components/Anchor/Anchor.js');var Arrow=require('./components/Arrow/Arrow.js');var ArrowBadge=require('./components/ArrowBadge/ArrowBadge.js');var AspectRatio=require('./components/AspectRatio/AspectRatio.js');var Avatar=require('./components/Avatar/Avatar.js');var Badge=require('./components/Badge/Badge.js');var Button=require('./components/Button/Button.js');var index=require('./components/Amount/data/index.js');var Checkbox=require('./components/Checkbox/Checkbox.js');var Chip=require('./components/Chip/Chip.js');var Container=require('./components/Container/Container.js');var ContextMenu=require('./components/ContextMenu/ContextMenu.js');var Dialog=require('./components/Dialog/Dialog.js');var Dropdown=require('./components/Dropdown/Dropdown.js');var FormLabel=require('./components/FormLabel/FormLabel.js');var Gradient=require('./components/Gradient/Gradient.js');var Icon=require('./components/Icon/Icon.js');var IconButton=require('./components/IconButton/IconButton.js');var Indicator=require('./components/Indicator/Indicator.js');var Input=require('./components/Input/Input.js');var ListItem=require('./components/ListItem/ListItem.js');var Media=require('./components/Media/Media.js');var MediaMediator=require('./components/Media/MediaMediator.js');var context=require('./components/Media/context.js');var Menu=require('./components/Menu/Menu.js');var Modal=require('./components/Modal/Modal.js');var Notification=require('./components/Notification/Notification.js');var Paper=require('./components/Paper/Paper.js');var Popover=require('./components/Popover/Popover.js');var Progress=require('./components/Progress/Progress.js');var ProgressCircle=require('./components/ProgressCircle/ProgressCircle.js');var ProgressLine=require('./components/ProgressLine/ProgressLine.js');var Radio=require('./components/Radio/Radio.js');var Scrollable=require('./components/Scrollable/Scrollable.js');var Section=require('./components/Section/Section.js');var Select=require('./components/Select/Select.js');var Separator=require('./components/Separator/Separator.js');var Skeleton=require('./components/Skeleton/Skeleton.js');var Spacer=require('./components/Spacer/Spacer.js');var Spinner=require('./components/Spinner/Spinner.js');var Switch=require('./components/Switch/Switch.js');var Switcher=require('./components/Switcher/Switcher.js');var Tab=require('./components/Tab/Tab.js');var TabList=require('./components/TabList/TabList.js');var Tabs=require('./components/Tabs/Tabs.js');var Tag=require('./components/Tag/Tag.js');var Text=require('./components/Text/Text.js');var Textarea=require('./components/Textarea/Textarea.js');var themeProvider=require('./theme/theme-provider.js');var Tooltip=require('./components/Tooltip/Tooltip.js');var themes=require('./theme/themes.js');var style=require('./components/Input/style.js');var useMediaMatchers=require('./components/Media/useMediaMatchers.js');exports.getDarkHoverColor=colors.getDarkHoverColor,exports.getDarkStrongHoverColor=colors.getDarkStrongHoverColor,exports.getLightHoverColor=colors.getLightHoverColor,exports.getLightStrongHoverColor=colors.getLightStrongHoverColor,exports.hexToRgbA=hexToRgbA.hexToRgbA,exports.isHex=isHex.isHex,exports.screenL=screen.screenL,exports.screenM=screen.screenM,exports.screenMaxL=screen.screenMaxL,exports.screenMaxM=screen.screenMaxM,exports.screenMaxS=screen.screenMaxS,exports.screenMaxXl=screen.screenMaxXl,exports.screenMaxXs=screen.screenMaxXs,exports.screenMaxXxs=screen.screenMaxXxs,exports.screenMinL=screen.screenMinL,exports.screenMinM=screen.screenMinM,exports.screenMinS=screen.screenMinS,exports.screenMinXl=screen.screenMinXl,exports.screenMinXs=screen.screenMinXs,exports.screenRetina=screen.screenRetina,exports.screenS=screen.screenS,exports.screenXl=screen.screenXl,exports.screenXs=screen.screenXs,exports.useClickOutside=useClickOutside.useClickOutside,exports.useScrollMonitor=useScrollMonitor.useScrollMonitor,exports.useScrollLock=useScrollLock.useScrollLock,exports.property=responsiveProperty.property,exports.responsiveNamedProperty=responsiveProperty.responsiveNamedProperty,exports.responsiveProperty=responsiveProperty.responsiveProperty,exports.color=color.color,exports.vAlign=vAlign.vAlign,exports.buildMediaQuery=shared.buildMediaQuery,exports.desktopFirst=shared.desktopFirst,exports.mobileFirst=shared.mobileFirst,exports.COUNTRY_DATA=constants.COUNTRY_DATA,exports.DEFAULT_MASK=constants.DEFAULT_MASK,exports.INITIAL_MASK=constants.INITIAL_MASK,exports.Accordion=Accordion.Accordion,exports.ActionBtn=ActionBtn.ActionBtn,exports.AddElement=AddElement.AddElement,exports.Alert=Alert.Alert,exports.Amount=Amount.Amount,exports.Anchor=Anchor.Anchor,exports.Arrow=Arrow.Arrow,exports.ArrowBadge=ArrowBadge.ArrowBadge,exports.AspectRatio=AspectRatio.AspectRatio,exports.Avatar=Avatar.Avatar,exports.Badge=Badge.Badge,exports.Button=Button.Button,exports.CURRENCY_MAP=index.CURRENCY_MAP,exports.CurrencyCodes=index.CurrencyCodes,exports.Checkbox=Checkbox.Checkbox,exports.Chip=Chip.Chip,exports.Container=Container.Container,exports.ContextMenu=ContextMenu.ContextMenu,exports.Dialog=Dialog.Dialog,exports.Dropdown=Dropdown.Dropdown,exports.FormLabel=FormLabel.FormLabel,exports.Gradient=Gradient.Gradient,exports.Icon=Icon.Icon,exports.IconButton=IconButton.IconButton,exports.Indicator=Indicator.Indicator,exports.Input=Input.Input,exports.ListItem=ListItem.ListItem,exports.Media=Media.Media,exports.MediaMediator=MediaMediator.MediaMediator,exports.MediaProvider=context.MediaProvider,exports.Menu=Menu.Menu,exports.Modal=Modal.Modal,exports.Notification=Notification.Notification,exports.Paper=Paper.Paper,exports.Popover=Popover.Popover,exports.Progress=Progress.Progress,exports.ProgressCircle=ProgressCircle.ProgressCircle,exports.ProgressLine=ProgressLine.ProgressLine,exports.Radio=Radio.Radio,exports.Scrollable=Scrollable.Scrollable,exports.Section=Section.Section,exports.Select=Select.Select,exports.Separator=Separator.Separator,exports.Skeleton=Skeleton.Skeleton,exports.Spacer=Spacer.Spacer,exports.Spinner=Spinner.Spinner,exports.Switch=Switch.Switch,exports.Switcher=Switcher.Switcher,exports.Tab=Tab.Tab,exports.TabList=TabList.TabList,exports.Tabs=Tabs.Tabs,exports.Tag=Tag.Tag,exports.Text=Text.Text,exports.Textarea=Textarea.Textarea,exports.ThemeProvider=themeProvider.ThemeProvider,exports.Tooltip=Tooltip.Tooltip,exports.adultDarkTheme=themes.adultDarkTheme,exports.adultLightTheme=themes.adultLightTheme,exports.algoritmikaDayTheme=themes.algoritmikaDayTheme,exports.algoritmikaNightTheme=themes.algoritmikaNightTheme,exports.babyDarkTheme=themes.babyDarkTheme,exports.babyLightTheme=themes.babyLightTheme,exports.examDayTheme=themes.examDayTheme,exports.examNightTheme=themes.examNightTheme,exports.foxfordDayTheme=themes.foxfordDayTheme,exports.foxfordNightTheme=themes.foxfordNightTheme,exports.motherDarkTheme=themes.motherDarkTheme,exports.motherLightTheme=themes.motherLightTheme,exports.teenDarkTheme=themes.teenDarkTheme,exports.teenLightTheme=themes.teenLightTheme,exports.theme=themes.defaultTheme,exports.baseInputStyle=style.baseInputStyle,exports.useMediaMatchers=useMediaMatchers.useMediaMatchers;
 //# sourceMappingURL=index.js.map

package/index.mjs

@@ -1,2 +1,2 @@
-export{getDarkHoverColor,getDarkStrongHoverColor,getLightHoverColor,getLightStrongHoverColor}from'./shared/utils/colors.mjs';export{hexToRgbA}from'./shared/utils/hexToRgbA.mjs';export{isHex}from'./shared/utils/isHex.mjs';export{screenL,screenM,screenMaxL,screenMaxM,screenMaxS,screenMaxXl,screenMaxXs,screenMaxXxs,screenMinL,screenMinM,screenMinS,screenMinXl,screenMinXs,screenRetina,screenS,screenXl,screenXs}from'./mixins/screen.mjs';export{useClickOutside}from'./hooks/useClickOutside.mjs';export{useScrollMonitor}from'./hooks/useScrollMonitor.mjs';export{useScrollLock}from'./hooks/useScrollLock.mjs';export{property,responsiveNamedProperty,responsiveProperty}from'./mixins/responsive-property.mjs';export{color}from'./mixins/color.mjs';export{vAlign}from'./mixins/vAlign.mjs';export{buildMediaQuery,desktopFirst,mobileFirst}from'./mixins/shared.mjs';export{COUNTRY_DATA,DEFAULT_MASK,INITIAL_MASK}from'./components/Input.Phone/constants.mjs';export{Accordion}from'./components/Accordion/Accordion.mjs';export{ActionBtn}from'./components/ActionBtn/ActionBtn.mjs';export{AddElement}from'./components/AddElement/AddElement.mjs';export{Alert}from'./components/Alert/Alert.mjs';export{Amount}from'./components/Amount/Amount.mjs';export{Anchor}from'./components/Anchor/Anchor.mjs';export{Arrow}from'./components/Arrow/Arrow.mjs';export{ArrowBadge}from'./components/ArrowBadge/ArrowBadge.mjs';export{AspectRatio}from'./components/AspectRatio/AspectRatio.mjs';export{Avatar}from'./components/Avatar/Avatar.mjs';export{Badge}from'./components/Badge/Badge.mjs';export{Button}from'./components/Button/Button.mjs';export{CURRENCY_MAP,CurrencyCodes}from'./components/Amount/data/index.mjs';export{Checkbox}from'./components/Checkbox/Checkbox.mjs';export{Chip}from'./components/Chip/Chip.mjs';export{Container}from'./components/Container/Container.mjs';export{ContextMenu}from'./components/ContextMenu/ContextMenu.mjs';export{Dialog}from'./components/Dialog/Dialog.mjs';export{Dropdown}from'./components/Dropdown/Dropdown.mjs';export{FormLabel}from'./components/FormLabel/FormLabel.mjs';export{Icon}from'./components/Icon/Icon.mjs';export{IconButton}from'./components/IconButton/IconButton.mjs';export{Indicator}from'./components/Indicator/Indicator.mjs';export{Input}from'./components/Input/Input.mjs';export{ListItem}from'./components/ListItem/ListItem.mjs';export{Media}from'./components/Media/Media.mjs';export{MediaMediator}from'./components/Media/MediaMediator.mjs';export{MediaProvider}from'./components/Media/context.mjs';export{Menu}from'./components/Menu/Menu.mjs';export{Modal}from'./components/Modal/Modal.mjs';export{Notification}from'./components/Notification/Notification.mjs';export{Paper}from'./components/Paper/Paper.mjs';export{Popover}from'./components/Popover/Popover.mjs';export{Progress}from'./components/Progress/Progress.mjs';export{ProgressCircle}from'./components/ProgressCircle/ProgressCircle.mjs';export{ProgressLine}from'./components/ProgressLine/ProgressLine.mjs';export{Radio}from'./components/Radio/Radio.mjs';export{Scrollable}from'./components/Scrollable/Scrollable.mjs';export{Section}from'./components/Section/Section.mjs';export{Select}from'./components/Select/Select.mjs';export{Separator}from'./components/Separator/Separator.mjs';export{Skeleton}from'./components/Skeleton/Skeleton.mjs';export{Spacer}from'./components/Spacer/Spacer.mjs';export{Spinner}from'./components/Spinner/Spinner.mjs';export{Switch}from'./components/Switch/Switch.mjs';export{Switcher}from'./components/Switcher/Switcher.mjs';export{Tab}from'./components/Tab/Tab.mjs';export{TabList}from'./components/TabList/TabList.mjs';export{Tabs}from'./components/Tabs/Tabs.mjs';export{Tag}from'./components/Tag/Tag.mjs';export{Text}from'./components/Text/Text.mjs';export{Textarea}from'./components/Textarea/Textarea.mjs';export{ThemeProvider}from'./theme/theme-provider.mjs';export{Tooltip}from'./components/Tooltip/Tooltip.mjs';export{adultDarkTheme,adultLightTheme,algoritmikaDayTheme,algoritmikaNightTheme,babyDarkTheme,babyLightTheme,examDayTheme,examNightTheme,foxfordDayTheme,foxfordNightTheme,motherDarkTheme,motherLightTheme,teenDarkTheme,teenLightTheme,defaultTheme as theme}from'./theme/themes.mjs';export{baseInputStyle}from'./components/Input/style.mjs';export{useMediaMatchers}from'./components/Media/useMediaMatchers.mjs';
+export{getDarkHoverColor,getDarkStrongHoverColor,getLightHoverColor,getLightStrongHoverColor}from'./shared/utils/colors.mjs';export{hexToRgbA}from'./shared/utils/hexToRgbA.mjs';export{isHex}from'./shared/utils/isHex.mjs';export{screenL,screenM,screenMaxL,screenMaxM,screenMaxS,screenMaxXl,screenMaxXs,screenMaxXxs,screenMinL,screenMinM,screenMinS,screenMinXl,screenMinXs,screenRetina,screenS,screenXl,screenXs}from'./mixins/screen.mjs';export{useClickOutside}from'./hooks/useClickOutside.mjs';export{useScrollMonitor}from'./hooks/useScrollMonitor.mjs';export{useScrollLock}from'./hooks/useScrollLock.mjs';export{property,responsiveNamedProperty,responsiveProperty}from'./mixins/responsive-property.mjs';export{color}from'./mixins/color.mjs';export{vAlign}from'./mixins/vAlign.mjs';export{buildMediaQuery,desktopFirst,mobileFirst}from'./mixins/shared.mjs';export{COUNTRY_DATA,DEFAULT_MASK,INITIAL_MASK}from'./components/Input.Phone/constants.mjs';export{Accordion}from'./components/Accordion/Accordion.mjs';export{ActionBtn}from'./components/ActionBtn/ActionBtn.mjs';export{AddElement}from'./components/AddElement/AddElement.mjs';export{Alert}from'./components/Alert/Alert.mjs';export{Amount}from'./components/Amount/Amount.mjs';export{Anchor}from'./components/Anchor/Anchor.mjs';export{Arrow}from'./components/Arrow/Arrow.mjs';export{ArrowBadge}from'./components/ArrowBadge/ArrowBadge.mjs';export{AspectRatio}from'./components/AspectRatio/AspectRatio.mjs';export{Avatar}from'./components/Avatar/Avatar.mjs';export{Badge}from'./components/Badge/Badge.mjs';export{Button}from'./components/Button/Button.mjs';export{CURRENCY_MAP,CurrencyCodes}from'./components/Amount/data/index.mjs';export{Checkbox}from'./components/Checkbox/Checkbox.mjs';export{Chip}from'./components/Chip/Chip.mjs';export{Container}from'./components/Container/Container.mjs';export{ContextMenu}from'./components/ContextMenu/ContextMenu.mjs';export{Dialog}from'./components/Dialog/Dialog.mjs';export{Dropdown}from'./components/Dropdown/Dropdown.mjs';export{FormLabel}from'./components/FormLabel/FormLabel.mjs';export{Gradient}from'./components/Gradient/Gradient.mjs';export{Icon}from'./components/Icon/Icon.mjs';export{IconButton}from'./components/IconButton/IconButton.mjs';export{Indicator}from'./components/Indicator/Indicator.mjs';export{Input}from'./components/Input/Input.mjs';export{ListItem}from'./components/ListItem/ListItem.mjs';export{Media}from'./components/Media/Media.mjs';export{MediaMediator}from'./components/Media/MediaMediator.mjs';export{MediaProvider}from'./components/Media/context.mjs';export{Menu}from'./components/Menu/Menu.mjs';export{Modal}from'./components/Modal/Modal.mjs';export{Notification}from'./components/Notification/Notification.mjs';export{Paper}from'./components/Paper/Paper.mjs';export{Popover}from'./components/Popover/Popover.mjs';export{Progress}from'./components/Progress/Progress.mjs';export{ProgressCircle}from'./components/ProgressCircle/ProgressCircle.mjs';export{ProgressLine}from'./components/ProgressLine/ProgressLine.mjs';export{Radio}from'./components/Radio/Radio.mjs';export{Scrollable}from'./components/Scrollable/Scrollable.mjs';export{Section}from'./components/Section/Section.mjs';export{Select}from'./components/Select/Select.mjs';export{Separator}from'./components/Separator/Separator.mjs';export{Skeleton}from'./components/Skeleton/Skeleton.mjs';export{Spacer}from'./components/Spacer/Spacer.mjs';export{Spinner}from'./components/Spinner/Spinner.mjs';export{Switch}from'./components/Switch/Switch.mjs';export{Switcher}from'./components/Switcher/Switcher.mjs';export{Tab}from'./components/Tab/Tab.mjs';export{TabList}from'./components/TabList/TabList.mjs';export{Tabs}from'./components/Tabs/Tabs.mjs';export{Tag}from'./components/Tag/Tag.mjs';export{Text}from'./components/Text/Text.mjs';export{Textarea}from'./components/Textarea/Textarea.mjs';export{ThemeProvider}from'./theme/theme-provider.mjs';export{Tooltip}from'./components/Tooltip/Tooltip.mjs';export{adultDarkTheme,adultLightTheme,algoritmikaDayTheme,algoritmikaNightTheme,babyDarkTheme,babyLightTheme,examDayTheme,examNightTheme,foxfordDayTheme,foxfordNightTheme,motherDarkTheme,motherLightTheme,teenDarkTheme,teenLightTheme,defaultTheme as theme}from'./theme/themes.mjs';export{baseInputStyle}from'./components/Input/style.mjs';export{useMediaMatchers}from'./components/Media/useMediaMatchers.mjs';
 //# sourceMappingURL=index.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foxford/ui",
-  "version": "2.120.0",
+  "version": "2.121.0-beta-8cc58d6-20260730",
   "description": "UI components and utilities",
   "bugs": {
     "url": "https://github.com/foxford/ui/issues"
@@ -63,6 +63,6 @@
     "shared",
     "theme"
   ],
-  "sha": "02cc0f8",
+  "sha": "8cc58d6",
   "scripts": {}
 }