@consta/uikit 5.30.0 → 5.32.0

package/__internal__/src/components/ColorPicker/ColorPicker/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/ColorPicker/ColorPicker/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { Direction } from '##/components/Popover';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { ColorInputFormat, ColorModel } from '../types';\n\nexport type ColorPickerPropForm = 'default' | 'brick' | 'round';\n\nexport type ColorPickerProps<T> = PropsWithHTMLAttributesAndRef<\n  {\n    model: ColorModel<T>;\n    value?: T;\n    onOpen?: (open: boolean) => void;\n    open?: boolean;\n    anchorRef?: React.RefObject<HTMLElement>;\n    controlRef?: React.RefObject<HTMLElement>;\n    direction?: Direction;\n    spareDirection?: Direction;\n    possibleDirections?: Direction[];\n    viewportRef?: React.RefObject<HTMLElement>;\n    header?: React.ReactNode;\n    onChange: (value: T) => void;\n    alpha?: boolean;\n    palette?: T[];\n    paletteTitle?: React.ReactNode;\n    mainControl?: boolean;\n    format?: ColorInputFormat[] | ColorInputFormat | false;\n  },\n  HTMLDivElement\n>;\n\nexport type ColorPickerComponent = <T>(\n  props: ColorPickerProps<T>,\n) => React.ReactNode | null;\n"],"mappings":""}

package/__internal__/src/components/ColorPicker/ColorPickerAlpha/ColorPickerAlpha.css

@@ -0,0 +1 @@
+.ColorPickerAlpha{--color-picker-interactive-gap-left:calc(var(--space-m)/2);--color-picker-interactive-gap-right:calc(var(--space-m)/2);background-color:#fff;border-radius:99em;height:var(--space-m);padding:0 var(--space-m);position:relative}.ColorPickerAlpha:before{background:var(--color-picker-alpha-gradient),url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" fill-opacity=".05"><path d="M4 0h4v4H4zM0 4h4v4H0z"/></svg>');border-radius:inherit;bottom:0;box-shadow:inset 0 0 0 1px var(--color-bg-border);content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0}

package/__internal__/src/components/ColorPicker/ColorPickerAlpha/ColorPickerAlpha.d.ts

@@ -0,0 +1,12 @@
+import './ColorPickerAlpha.css';
+import React from 'react';
+import { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';
+import { HsvaColor } from '../types';
+export declare const cnColorPickerAlpha: import("@bem-react/classname").ClassNameFormatter;
+export type ColorPickerAlphaProps = PropsWithHTMLAttributesAndRef<{
+    hsva: HsvaColor;
+    onChange: (value: {
+        a: number;
+    }) => void;
+}, HTMLDivElement>;
+export declare const ColorPickerAlpha: React.ForwardRefExoticComponent<Omit<ColorPickerAlphaProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/ColorPicker/ColorPickerAlpha/ColorPickerAlpha.js

@@ -0,0 +1,2 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","hsva","onChange","style"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./ColorPickerAlpha.css";import React,{forwardRef}from"react";import{cn}from"../../../utils/bem";import{ColorPickerInteractive}from"../ColorPickerInteractive";import{ColorPickerPoint}from"../ColorPickerPoint";import{clamp}from"../utils/clamp";import{hsvaToHslaString}from"../utils/convert";export var cnColorPickerAlpha=cn("ColorPickerAlpha");export var ColorPickerAlpha=forwardRef(function(a,b){var c=a.className,d=a.hsva,e=a.onChange,f=a.style,g=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},g,{ref:b,className:cnColorPickerAlpha(null,c),style:_objectSpread(_objectSpread({},f),{},_defineProperty({},"--color-picker-alpha-gradient","linear-gradient(90deg, ".concat(hsvaToHslaString(_objectSpread(_objectSpread({},d),{},{a:0})),", ").concat(hsvaToHslaString(_objectSpread(_objectSpread({},d),{},{a:1})),")")))}),React.createElement(ColorPickerInteractive,{onMove:function onMove(a){e({a:a.left})},onKey:function onKey(a){e({a:clamp(d.a+a.left)})}},React.createElement(ColorPickerPoint,{style:{left:"".concat(100*d.a,"%"),top:"50%"},color:"transparent"})))});
+//# sourceMappingURL=ColorPickerAlpha.js.map

package/__internal__/src/components/ColorPicker/ColorPickerAlpha/ColorPickerAlpha.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerAlpha.js","names":["React","forwardRef","cn","ColorPickerInteractive","ColorPickerPoint","clamp","hsvaToHslaString","cnColorPickerAlpha","ColorPickerAlpha","ref","className","hsva","onChange","style","otherProps","a","interaction","left","offset","top"],"sources":["../../../../../../src/components/ColorPicker/ColorPickerAlpha/ColorPickerAlpha.tsx"],"sourcesContent":["import './ColorPickerAlpha.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { ColorPickerInteractive } from '../ColorPickerInteractive';\nimport { ColorPickerPoint } from '../ColorPickerPoint';\nimport { HsvaColor } from '../types';\nimport { clamp } from '../utils/clamp';\nimport { hsvaToHslaString } from '../utils/convert';\n\nexport const cnColorPickerAlpha = cn('ColorPickerAlpha');\nexport type ColorPickerAlphaProps = PropsWithHTMLAttributesAndRef<\n  {\n    hsva: HsvaColor;\n    onChange: (value: { a: number }) => void;\n  },\n  HTMLDivElement\n>;\n\nexport const ColorPickerAlpha = forwardRef<\n  HTMLDivElement,\n  ColorPickerAlphaProps\n>(({ className, hsva, onChange, style, ...otherProps }, ref) => {\n  return (\n    <div\n      {...otherProps}\n      ref={ref}\n      className={cnColorPickerAlpha(null, className)}\n      style={{\n        ...style,\n        ['--color-picker-alpha-gradient' as string]: `linear-gradient(90deg, ${hsvaToHslaString(\n          {\n            ...hsva,\n            a: 0,\n          },\n        )}, ${hsvaToHslaString({ ...hsva, a: 1 })})`,\n      }}\n    >\n      <ColorPickerInteractive\n        onMove={(interaction) => {\n          onChange({ a: interaction.left });\n        }}\n        onKey={(offset) => {\n          onChange({ a: clamp(hsva.a + offset.left) });\n        }}\n      >\n        <ColorPickerPoint\n          style={{\n            left: `${hsva.a * 100}%`,\n            top: '50%',\n          }}\n          color=\"transparent\"\n        />\n      </ColorPickerInteractive>\n    </div>\n  );\n});\n"],"mappings":"gzBAAA,+BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,EAAT,0BAGA,OAASC,sBAAT,iCACA,OAASC,gBAAT,2BAEA,OAASC,KAAT,sBACA,OAASC,gBAAT,wBAEA,MAAO,IAAMC,mBAAkB,CAAGL,EAAE,CAAC,kBAAD,CAA7B,CASP,MAAO,IAAMM,iBAAgB,CAAGP,UAAU,CAGxC,WAAsDQ,CAAtD,CAA8D,IAA3DC,EAA2D,GAA3DA,SAA2D,CAAhDC,CAAgD,GAAhDA,IAAgD,CAA1CC,CAA0C,GAA1CA,QAA0C,CAAhCC,CAAgC,GAAhCA,KAAgC,CAAtBC,CAAsB,uCAC9D,MACE,4CACMA,CADN,EAEE,GAAG,CAAEL,CAFP,CAGE,SAAS,CAAEF,kBAAkB,CAAC,IAAD,CAAOG,CAAP,CAH/B,CAIE,KAAK,gCACAG,CADA,wBAEF,+BAFE,kCAEoEP,gBAAgB,gCAEhFK,CAFgF,MAGnFI,CAAC,CAAE,CAHgF,GAFpF,cAOGT,gBAAgB,gCAAMK,CAAN,MAAYI,CAAC,CAAE,CAAf,GAPnB,OAJP,GAcE,oBAAC,sBAAD,EACE,MAAM,CAAE,gBAACC,CAAD,CAAiB,CACvBJ,CAAQ,CAAC,CAAEG,CAAC,CAAEC,CAAW,CAACC,IAAjB,CAAD,CACT,CAHH,CAIE,KAAK,CAAE,eAACC,CAAD,CAAY,CACjBN,CAAQ,CAAC,CAAEG,CAAC,CAAEV,KAAK,CAACM,CAAI,CAACI,CAAL,CAASG,CAAM,CAACD,IAAjB,CAAV,CAAD,CACT,CANH,EAQE,oBAAC,gBAAD,EACE,KAAK,CAAE,CACLA,IAAI,WAAc,GAAT,CAAAN,CAAI,CAACI,CAAV,KADC,CAELI,GAAG,CAAE,KAFA,CADT,CAKE,KAAK,CAAC,aALR,EARF,CAdF,CAgCH,CArCyC,CAAnC"}

package/__internal__/src/components/ColorPicker/ColorPickerAlpha/index.d.ts

@@ -0,0 +1 @@
+export * from './ColorPickerAlpha';

package/__internal__/src/components/ColorPicker/ColorPickerAlpha/index.js

@@ -0,0 +1,2 @@
+export*from"./ColorPickerAlpha";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/ColorPicker/ColorPickerAlpha/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/ColorPicker/ColorPickerAlpha/index.ts"],"sourcesContent":["export * from './ColorPickerAlpha';\n"],"mappings":"AAAA"}

package/__internal__/src/components/ColorPicker/ColorPickerBase/ColorPickerBase.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';
+import { ColorModel } from '../types';
+export type ColorPickerBaseProps<T> = PropsWithHTMLAttributesAndRef<{
+    model: ColorModel<T>;
+    value: T;
+    onChange: (value: T) => void;
+    alpha?: boolean;
+}, HTMLDivElement>;
+export type ColorPickerBaseComponent = <T>(props: ColorPickerBaseProps<T>) => React.ReactElement;
+export declare const ColorPickerBaseRender: <T>({ model, value, onChange, alpha, ...rest }: ColorPickerBaseProps<T>, ref: React.Ref<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const ColorPickerBase: ColorPickerBaseComponent;

package/__internal__/src/components/ColorPicker/ColorPickerBase/ColorPickerBase.js

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["model","value","onChange","alpha"];import React,{forwardRef}from"react";import{cnMixSpace}from"../../../mixs/MixSpace";import{ColorPickerAlpha}from"../ColorPickerAlpha";import{ColorPickerHue}from"../ColorPickerHue";import{ColorPickerSaturation}from"../ColorPickerSaturation";import{useColorManipulation}from"../hooks/useColorManipulation";export var ColorPickerBaseRender=function(a,b){var c=a.model,d=a.value,e=void 0===d?c.defaultColor:d,f=a.onChange,g=a.alpha,h=_objectWithoutProperties(a,_excluded),i=useColorManipulation(c,e,f),j=_slicedToArray(i,2),k=j[0],l=j[1];return React.createElement("div",Object.assign({},h,{ref:b}),React.createElement(ColorPickerSaturation,{className:cnMixSpace({mB:"l"}),hsva:k,onChange:l}),React.createElement(ColorPickerHue,{hue:k.h,onChange:l,className:g?cnMixSpace({mB:"xs"}):void 0}),g&&React.createElement(ColorPickerAlpha,{hsva:k,onChange:l}))};export var ColorPickerBase=forwardRef(ColorPickerBaseRender);
+//# sourceMappingURL=ColorPickerBase.js.map

package/__internal__/src/components/ColorPicker/ColorPickerBase/ColorPickerBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerBase.js","names":["React","forwardRef","cnMixSpace","ColorPickerAlpha","ColorPickerHue","ColorPickerSaturation","useColorManipulation","ColorPickerBaseRender","ref","model","value","defaultColor","onChange","alpha","rest","hsva","updateHsva","mB","h","ColorPickerBase"],"sources":["../../../../../../src/components/ColorPicker/ColorPickerBase/ColorPickerBase.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { ColorPickerAlpha } from '../ColorPickerAlpha';\nimport { ColorPickerHue } from '../ColorPickerHue';\nimport { ColorPickerSaturation } from '../ColorPickerSaturation';\nimport { useColorManipulation } from '../hooks/useColorManipulation';\nimport { ColorModel } from '../types';\n\nexport type ColorPickerBaseProps<T> = PropsWithHTMLAttributesAndRef<\n  {\n    model: ColorModel<T>;\n    value: T;\n    onChange: (value: T) => void;\n    alpha?: boolean;\n  },\n  HTMLDivElement\n>;\n\nexport type ColorPickerBaseComponent = <T>(\n  props: ColorPickerBaseProps<T>,\n) => React.ReactElement;\n\nexport const ColorPickerBaseRender = <T,>(\n  {\n    model,\n    value = model.defaultColor,\n    onChange,\n    alpha,\n    ...rest\n  }: ColorPickerBaseProps<T>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const [hsva, updateHsva] = useColorManipulation<T>(model, value, onChange);\n\n  return (\n    <div {...rest} ref={ref}>\n      <ColorPickerSaturation\n        className={cnMixSpace({ mB: 'l' })}\n        hsva={hsva}\n        onChange={updateHsva}\n      />\n      <ColorPickerHue\n        hue={hsva.h}\n        onChange={updateHsva}\n        className={alpha ? cnMixSpace({ mB: 'xs' }) : undefined}\n      />\n      {alpha && <ColorPickerAlpha hsva={hsva} onChange={updateHsva} />}\n    </div>\n  );\n};\n\nexport const ColorPickerBase = forwardRef(\n  ColorPickerBaseRender,\n) as ColorPickerBaseComponent;\n"],"mappings":"yMAAA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,UAAT,8BAGA,OAASC,gBAAT,2BACA,OAASC,cAAT,yBACA,OAASC,qBAAT,gCACA,OAASC,oBAAT,qCAiBA,MAAO,IAAMC,sBAAqB,CAAG,WAQnCC,CARmC,CAShC,IAPDC,EAOC,GAPDA,KAOC,KANDC,KAMC,CANDA,CAMC,YANOD,CAAK,CAACE,YAMb,GALDC,CAKC,GALDA,QAKC,CAJDC,CAIC,GAJDA,KAIC,CAHEC,CAGF,yCACwBR,oBAAoB,CAAIG,CAAJ,CAAWC,CAAX,CAAkBE,CAAlB,CAD5C,uBACIG,CADJ,MACUC,CADV,MAGH,MACE,4CAASF,CAAT,EAAe,GAAG,CAAEN,CAApB,GACE,oBAAC,qBAAD,EACE,SAAS,CAAEN,UAAU,CAAC,CAAEe,EAAE,CAAE,GAAN,CAAD,CADvB,CAEE,IAAI,CAAEF,CAFR,CAGE,QAAQ,CAAEC,CAHZ,EADF,CAME,oBAAC,cAAD,EACE,GAAG,CAAED,CAAI,CAACG,CADZ,CAEE,QAAQ,CAAEF,CAFZ,CAGE,SAAS,CAAEH,CAAK,CAAGX,UAAU,CAAC,CAAEe,EAAE,CAAE,IAAN,CAAD,CAAb,OAHlB,EANF,CAWGJ,CAAK,EAAI,oBAAC,gBAAD,EAAkB,IAAI,CAAEE,CAAxB,CAA8B,QAAQ,CAAEC,CAAxC,EAXZ,CAcH,CA3BM,CA6BP,MAAO,IAAMG,gBAAe,CAAGlB,UAAU,CACvCM,qBADuC,CAAlC"}

package/__internal__/src/components/ColorPicker/ColorPickerBase/index.d.ts

@@ -0,0 +1 @@
+export * from './ColorPickerBase';

package/__internal__/src/components/ColorPicker/ColorPickerBase/index.js

@@ -0,0 +1,2 @@
+export*from"./ColorPickerBase";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/ColorPicker/ColorPickerBase/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/ColorPicker/ColorPickerBase/index.ts"],"sourcesContent":["export * from './ColorPickerBase';\n"],"mappings":"AAAA"}

package/__internal__/src/components/ColorPicker/ColorPickerHue/ColorPickerHue.css

@@ -0,0 +1 @@
+.ColorPickerHue{--color-picker-interactive-gap-left:calc(var(--space-m)/2);--color-picker-interactive-gap-right:calc(var(--space-m)/2);background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);border-radius:99em;box-shadow:inset 0 0 0 1px var(--color-bg-border);height:var(--space-m);position:relative}

package/__internal__/src/components/ColorPicker/ColorPickerHue/ColorPickerHue.d.ts

@@ -0,0 +1,12 @@
+import './ColorPickerHue.css';
+import React from 'react';
+import { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';
+export type ColorPickerHueProps = PropsWithHTMLAttributesAndRef<{
+    className?: string;
+    hue: number;
+    onChange: (newHue: {
+        h: number;
+    }) => void;
+}, HTMLDivElement>;
+export declare const cnColorPickerHue: import("@bem-react/classname").ClassNameFormatter;
+export declare const ColorPickerHue: React.ForwardRefExoticComponent<Omit<ColorPickerHueProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/ColorPicker/ColorPickerHue/ColorPickerHue.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","hue","onChange"];import"./ColorPickerHue.css";import React,{forwardRef}from"react";import{cn}from"../../../utils/bem";import{ColorPickerInteractive}from"../ColorPickerInteractive";import{ColorPickerPoint}from"../ColorPickerPoint";import{clamp}from"../utils/clamp";import{hsvaToHslString}from"../utils/convert";export var cnColorPickerHue=cn("ColorPickerHue");export var ColorPickerHue=forwardRef(function(a,b){var c=a.className,d=a.hue,e=a.onChange,f=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},f,{ref:b,className:cnColorPickerHue(null,c)}),React.createElement(ColorPickerInteractive,{onMove:function onMove(a){e({h:360*a.left})},onKey:function onKey(a){e({h:clamp(d+360*a.left,0,360)})}},React.createElement(ColorPickerPoint,{className:cnColorPickerHue("Pointer"),color:hsvaToHslString({h:d,s:100,v:100,a:1}),style:{left:"".concat(100*(d/360),"%"),top:"50%"}})))});
+//# sourceMappingURL=ColorPickerHue.js.map

package/__internal__/src/components/ColorPicker/ColorPickerHue/ColorPickerHue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerHue.js","names":["React","forwardRef","cn","ColorPickerInteractive","ColorPickerPoint","clamp","hsvaToHslString","cnColorPickerHue","ColorPickerHue","ref","className","hue","onChange","otherProps","interaction","h","left","offset","s","v","a","top"],"sources":["../../../../../../src/components/ColorPicker/ColorPickerHue/ColorPickerHue.tsx"],"sourcesContent":["import './ColorPickerHue.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { ColorPickerInteractive } from '../ColorPickerInteractive';\nimport { ColorPickerPoint } from '../ColorPickerPoint';\nimport { clamp } from '../utils/clamp';\nimport { hsvaToHslString } from '../utils/convert';\n\nexport type ColorPickerHueProps = PropsWithHTMLAttributesAndRef<\n  {\n    className?: string;\n    hue: number;\n    onChange: (newHue: { h: number }) => void;\n  },\n  HTMLDivElement\n>;\n\nexport const cnColorPickerHue = cn('ColorPickerHue');\n\nexport const ColorPickerHue = forwardRef<HTMLDivElement, ColorPickerHueProps>(\n  ({ className, hue, onChange, ...otherProps }, ref) => {\n    return (\n      <div\n        {...otherProps}\n        ref={ref}\n        className={cnColorPickerHue(null, className)}\n      >\n        <ColorPickerInteractive\n          onMove={(interaction) => {\n            onChange({ h: 360 * interaction.left });\n          }}\n          onKey={(offset) => {\n            onChange({\n              h: clamp(hue + offset.left * 360, 0, 360),\n            });\n          }}\n        >\n          <ColorPickerPoint\n            className={cnColorPickerHue('Pointer')}\n            color={hsvaToHslString({ h: hue, s: 100, v: 100, a: 1 })}\n            style={{\n              left: `${(hue / 360) * 100}%`,\n              top: '50%',\n            }}\n          />\n        </ColorPickerInteractive>\n      </div>\n    );\n  },\n);\n"],"mappings":"kIAAA,6BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,EAAT,0BAGA,OAASC,sBAAT,iCACA,OAASC,gBAAT,2BACA,OAASC,KAAT,sBACA,OAASC,eAAT,wBAWA,MAAO,IAAMC,iBAAgB,CAAGL,EAAE,CAAC,gBAAD,CAA3B,CAEP,MAAO,IAAMM,eAAc,CAAGP,UAAU,CACtC,WAA8CQ,CAA9C,CAAsD,IAAnDC,EAAmD,GAAnDA,SAAmD,CAAxCC,CAAwC,GAAxCA,GAAwC,CAAnCC,CAAmC,GAAnCA,QAAmC,CAAtBC,CAAsB,uCACpD,MACE,4CACMA,CADN,EAEE,GAAG,CAAEJ,CAFP,CAGE,SAAS,CAAEF,gBAAgB,CAAC,IAAD,CAAOG,CAAP,CAH7B,GAKE,oBAAC,sBAAD,EACE,MAAM,CAAE,gBAACI,CAAD,CAAiB,CACvBF,CAAQ,CAAC,CAAEG,CAAC,CAAE,IAAMD,CAAW,CAACE,IAAvB,CAAD,CACT,CAHH,CAIE,KAAK,CAAE,eAACC,CAAD,CAAY,CACjBL,CAAQ,CAAC,CACPG,CAAC,CAAEV,KAAK,CAACM,CAAG,CAAiB,GAAd,CAAAM,CAAM,CAACD,IAAd,CAA0B,CAA1B,CAA6B,GAA7B,CADD,CAAD,CAGT,CARH,EAUE,oBAAC,gBAAD,EACE,SAAS,CAAET,gBAAgB,CAAC,SAAD,CAD7B,CAEE,KAAK,CAAED,eAAe,CAAC,CAAES,CAAC,CAAEJ,CAAL,CAAUO,CAAC,CAAE,GAAb,CAAkBC,CAAC,CAAE,GAArB,CAA0BC,CAAC,CAAE,CAA7B,CAAD,CAFxB,CAGE,KAAK,CAAE,CACLJ,IAAI,WAAmB,GAAd,EAACL,CAAG,CAAG,GAAP,CAAL,KADC,CAELU,GAAG,CAAE,KAFA,CAHT,EAVF,CALF,CA0BH,CA7BqC,CAAjC"}

package/__internal__/src/components/ColorPicker/ColorPickerHue/index.d.ts

@@ -0,0 +1 @@
+export * from './ColorPickerHue';

package/__internal__/src/components/ColorPicker/ColorPickerHue/index.js

@@ -0,0 +1,2 @@
+export*from"./ColorPickerHue";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/ColorPicker/ColorPickerHue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/ColorPicker/ColorPickerHue/index.ts"],"sourcesContent":["export * from './ColorPickerHue';\n"],"mappings":"AAAA"}

package/__internal__/src/components/ColorPicker/ColorPickerInput/ColorPickerInput.css

@@ -0,0 +1,3 @@
+.ColorPickerInput-Part_name_a.FieldControlLayout{flex:none;width:round(calc(var(--field-control-layout-height)*2.25),4px)}.ColorPickerInput-Part_view_clear:first-child{--field-control-layout-padding-left-override:0px}.ColorPickerInput-Part_view_clear:not(:first-child){--field-control-layout-additional-padding-left:var(
+            --field-control-layout-space
+          );position:relative}.ColorPickerInput-Part_view_clear:not(:first-child):after{background-color:var(--color-bg-border);content:"";display:block;height:var(--space-m);left:0;position:absolute;top:50%;transform:translateY(-50%);width:1px}

package/__internal__/src/components/ColorPicker/ColorPickerInput/ColorPickerInput.d.ts

@@ -0,0 +1,5 @@
+import './ColorPickerInput.css';
+import React from 'react';
+import { ColorPickerInputComponent, ColorPickerInputProps } from './types';
+export declare const ColorPickerInputRender: <T>({ model, value, onChange, size, disabled, format, alpha, id, view, name, form, className, onFocus, onBlur, ...otherProps }: ColorPickerInputProps<T>, ref: React.Ref<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const ColorPickerInput: ColorPickerInputComponent;

package/__internal__/src/components/ColorPicker/ColorPickerInput/ColorPickerInput.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["model","value","onChange","size","disabled","format","alpha","id","view","name","form","className","onFocus","onBlur"];import"./ColorPickerInput.css";import React,{forwardRef,useCallback,useEffect,useRef}from"react";import{FieldGroup}from"../../FieldGroup";import{TextField}from"../../TextFieldCanary";import{useMutableRef}from"../../../hooks/useMutableRef";import{useRefs}from"../../../hooks/useRefs";import{cn}from"../../../utils/bem";import{equalColorObjects}from"../utils/compare";import{roundHsva}from"../utils/convert";import{getCountParts,getOnBlur,getPartName,getValue,leftSideMap,maxMap,rightSideMap}from"./helpers";var cnColorPickerInput=cn("ColorPickerInput"),onKeyUp=function(a){"Enter"===a.key&&a.target.blur()};export var ColorPickerInputRender=function(a,b){var c=a.model,d=a.value,e=void 0===d?c.defaultColor:d,f=a.onChange,g=a.size,h=a.disabled,i=a.format,j=void 0===i?"hex":i,k=a.alpha,l=a.id,m=void 0===l?"color-picker-input":l,n=a.view,o=a.name,p=void 0===o?"color-picker-input":o,q=a.form,r=a.className,s=a.onFocus,t=a.onBlur,u=_objectWithoutProperties(a,_excluded),v=c.toHsva(e),w=getCountParts(j,k),x=useMutableRef([v,f,s]),y=useRefs(w),z=useRef(v),A=useCallback(function(a){z.current=a},[]),B=useCallback(function(a,b){var d,e;A(a),equalColorObjects(roundHsva(a),roundHsva(x.current[0]))||(null===(d=(e=x.current)[1])||void 0===d?void 0:d.call(e,c.fromHsva(a),b))},[]),C=useCallback(function(a){var b,c;a.target.select(),null===(b=(c=x.current)[2])||void 0===b?void 0:b.call(c,a)},[]);return useEffect(function(){c.equal(e,c.fromHsva(z.current))||(A(c.toHsva(e)),y.forEach(function(a,b){a.current&&(a.current.value=getValue(v,getPartName(j,b),j))}))},[e]),React.createElement(FieldGroup,Object.assign({},u,{ref:b,className:cnColorPickerInput({view:n,size:g},[r]),size:g,form:q}),Array(w).fill(0).map(function(a,b){var c=getPartName(j,b),d="hex"===c;return React.createElement(TextField,{inputRef:y[b],key:"".concat(j,"-").concat(c),className:cnColorPickerInput("Part",{name:c,view:n}),view:n,form:q,size:g,disabled:h,name:"".concat(p,"-").concat(c),id:"".concat(m,"-").concat(c),type:d?"text":"number",min:d?void 0:0,max:maxMap[c],defaultValue:getValue(v,c,j),leftSide:leftSideMap[c],rightSide:rightSideMap[c],onBlur:getOnBlur(c,j,z,B,t),onKeyUp:onKeyUp,onFocus:C})}))};export var ColorPickerInput=forwardRef(ColorPickerInputRender);
+//# sourceMappingURL=ColorPickerInput.js.map

package/__internal__/src/components/ColorPicker/ColorPickerInput/ColorPickerInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerInput.js","names":["React","forwardRef","useCallback","useEffect","useRef","FieldGroup","TextField","useMutableRef","useRefs","cn","equalColorObjects","roundHsva","getCountParts","getOnBlur","getPartName","getValue","leftSideMap","maxMap","rightSideMap","cnColorPickerInput","onKeyUp","e","key","target","blur","ColorPickerInputRender","ref","model","value","defaultColor","onChange","size","disabled","format","alpha","id","view","name","form","className","onFocus","onBlur","otherProps","hsva","toHsva","countParts","refs","inputsRefs","valueRef","setValueRef","current","handleChange","props","fromHsva","handleFocus","select","equal","forEach","index","Array","fill","map","_","partName","isHex","ColorPickerInput"],"sources":["../../../../../../src/components/ColorPicker/ColorPickerInput/ColorPickerInput.tsx"],"sourcesContent":["import './ColorPickerInput.css';\n\nimport React, { forwardRef, useCallback, useEffect, useRef } from 'react';\n\nimport { FieldGroup } from '##/components/FieldGroup';\nimport { TextField } from '##/components/TextFieldCanary';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { useRefs } from '##/hooks/useRefs';\nimport { cn } from '##/utils/bem';\n\nimport { HsvaColor } from '../types';\nimport { equalColorObjects } from '../utils/compare';\nimport { roundHsva } from '../utils/convert';\nimport {\n  getCountParts,\n  getOnBlur,\n  getPartName,\n  getValue,\n  leftSideMap,\n  maxMap,\n  rightSideMap,\n} from './helpers';\nimport {\n  ColorPickerInputComponent,\n  ColorPickerInputPartPropOnChange,\n  ColorPickerInputProps,\n} from './types';\n\nconst cnColorPickerInput = cn('ColorPickerInput');\n\nconst onKeyUp = (e: React.KeyboardEvent<HTMLInputElement>) => {\n  if (e.key === 'Enter') {\n    (e.target as HTMLInputElement).blur();\n  }\n};\n\nexport const ColorPickerInputRender = <T,>(\n  {\n    model,\n    value = model.defaultColor,\n    onChange,\n    size,\n    disabled,\n    format = 'hex',\n    alpha,\n    id = 'color-picker-input',\n    view,\n    name = 'color-picker-input',\n    form,\n    className,\n    onFocus,\n    onBlur,\n    ...otherProps\n  }: ColorPickerInputProps<T>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const hsva = model.toHsva(value);\n  const countParts = getCountParts(format, alpha);\n  const refs = useMutableRef([hsva, onChange, onFocus] as const);\n  const inputsRefs = useRefs<HTMLInputElement>(countParts);\n  const valueRef = useRef(hsva);\n  const setValueRef = useCallback((hsva: HsvaColor) => {\n    valueRef.current = hsva;\n  }, []);\n\n  const handleChange: ColorPickerInputPartPropOnChange = useCallback(\n    (value, props) => {\n      setValueRef(value);\n\n      if (equalColorObjects(roundHsva(value), roundHsva(refs.current[0])))\n        return;\n\n      refs.current[1]?.(model.fromHsva(value), props);\n    },\n    [],\n  );\n\n  const handleFocus: React.FocusEventHandler<HTMLInputElement> = useCallback(\n    (e) => {\n      e.target.select();\n      refs.current[2]?.(e);\n    },\n    [],\n  );\n\n  useEffect(() => {\n    if (!model.equal(value, model.fromHsva(valueRef.current))) {\n      setValueRef(model.toHsva(value));\n      inputsRefs.forEach((ref, index) => {\n        if (!ref.current) return;\n        ref.current.value = getValue(hsva, getPartName(format, index), format);\n      });\n    }\n  }, [value]);\n\n  return (\n    <FieldGroup\n      {...otherProps}\n      ref={ref}\n      className={cnColorPickerInput({ view, size }, [className])}\n      size={size}\n      form={form}\n    >\n      {Array(countParts)\n        .fill(0)\n        .map((_, index) => {\n          const partName = getPartName(format, index);\n          const isHex = partName === 'hex';\n\n          return (\n            <TextField\n              inputRef={inputsRefs[index]}\n              key={`${format}-${partName}`}\n              className={cnColorPickerInput('Part', { name: partName, view })}\n              view={view}\n              form={form}\n              size={size}\n              disabled={disabled}\n              name={`${name}-${partName}`}\n              id={`${id}-${partName}`}\n              type={isHex ? 'text' : 'number'}\n              min={isHex ? undefined : 0}\n              max={maxMap[partName]}\n              defaultValue={getValue(hsva, partName, format)}\n              leftSide={leftSideMap[partName]}\n              rightSide={rightSideMap[partName]}\n              onBlur={getOnBlur(\n                partName,\n                format,\n                valueRef,\n                handleChange,\n                onBlur,\n              )}\n              onKeyUp={onKeyUp}\n              onFocus={handleFocus}\n            />\n          );\n        })}\n    </FieldGroup>\n  );\n};\n\nexport const ColorPickerInput = forwardRef(\n  ColorPickerInputRender,\n) as ColorPickerInputComponent;\n"],"mappings":"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"}

package/__internal__/src/components/ColorPicker/ColorPickerInput/helpers.d.ts

@@ -0,0 +1,12 @@
+import './ColorPickerInput.css';
+import React from 'react';
+import { ColorInputFormat, HsvaColor } from '../types';
+import { ColorPickerInputPartPropOnChange } from './types';
+export declare const getCountParts: (format: ColorInputFormat, alpha?: boolean) => number;
+export declare const maxMap: Record<string, number>;
+export declare const getPartName: (format: ColorInputFormat, index: number) => string;
+export declare const getValue: (value: HsvaColor, partName: string, format: ColorInputFormat) => string;
+export declare const leftSideMap: Record<string, string>;
+export declare const rightSideMap: Record<string, string>;
+export declare const fixRGB: (part: string | null) => number;
+export declare const getOnBlur: (partName: string, format: ColorInputFormat, valueRef: React.MutableRefObject<HsvaColor>, onChange: ColorPickerInputPartPropOnChange, onBlur?: React.FocusEventHandler<HTMLInputElement>) => React.FocusEventHandler<HTMLInputElement> | undefined;

package/__internal__/src/components/ColorPicker/ColorPickerInput/helpers.js

@@ -0,0 +1,2 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./ColorPickerInput.css";import{hexToHsva,hslaToHsva,hsvaToHex,hsvaToHsla,hsvaToRgba,isHex,rgbaToHsva}from"../utils/convert";import{round}from"../utils/round";import{validHex}from"../utils/validate";export var getCountParts=function(a,b){var c=0;return c="hex"===a?1:3,b&&c++,c};export var maxMap={h:359,s:100,v:100,a:100,r:255,g:255,b:255,l:100};var toHsvaMap={hsv:function hsv(a){return a},rgb:hsvaToRgba,hsl:hsvaToHsla};export var getPartName=function(a,b){return"hex"===a&&0===b?"hex":b===a.length||"hex"===a&&1===b?"a":a[b]};export var getValue=function(a,b,c){return"hex"===b?hsvaToHex(_objectSpread(_objectSpread({},a),{},{a:1})).slice(1):"a"===b?round(100*a.a).toString():round(toHsvaMap[c](a)[b]).toString()};export var leftSideMap={hex:"#"};export var rightSideMap={a:"%"};var fixA=function(a){if(!a)return 0;var b=parseInt(a,10);return 100<b&&(b=100),0>b&&(b=0),b/100},fixH=function(a){if(!a)return 0;var b=parseInt(a,10);return 359<b&&(b=359),0>b&&(b=0),b},fixSVL=function(a){if(!a)return 0;var b=parseInt(a,10);return 100<b&&(b=100),0>b&&(b=0),b};export var fixRGB=function(a){if(!a)return 0;var b=parseInt(a,10);return 255<b&&(b=255),0>b&&(b=0),b};export var getOnBlur=function(a,b,c,d,f){return b&&"hex"===a?function(a){null===f||void 0===f?void 0:f(a);var b=c.current,e=isHex(a.target.value)?a.target.value.slice(1,7):a.target.value.slice(0,6),g=validHex(e);if(e&&(!e||g)||(a.target.value=hsvaToHex(c.current).substring(1).slice(0,6)),e&&g){var h=hexToHsva(e);d(_objectSpread(_objectSpread({},h),{},{a:b.a}),{e:a}),a.target.value=hsvaToHex(h).substring(1)}}:"a"===a?function(b){null===f||void 0===f?void 0:f(b);var e=c.current,g=b.target.value;if(!g)b.target.value=round(100*e.a).toString();else{var h=fixA(g);d(_objectSpread(_objectSpread({},e),{},{a:h}),{e:b}),b.target.value=round(100*h).toString()}}:"hsv"===b&&"h"===a?function(b){null===f||void 0===f?void 0:f(b);var e=c.current,g=b.target.value;g?(d(_objectSpread(_objectSpread({},e),{},_defineProperty({},a,fixH(g))),{e:b}),b.target.value=fixH(g).toString()):b.target.value=round(e.h).toString()}:"hsv"===b&&("s"===a||"v"===a)?function(b){null===f||void 0===f?void 0:f(b);var e=c.current,g=b.target.value;g?(d(_objectSpread(_objectSpread({},e),{},_defineProperty({},a,fixSVL(g))),{e:b}),b.target.value=fixSVL(g).toString()):b.target.value=round(e[a]).toString()}:"rgb"===b&&("r"===a||"g"===a||"b"===a)?function(b){null===f||void 0===f?void 0:f(b);var e=c.current,g=b.target.value;g?(null===d||void 0===d?void 0:d(_objectSpread({},rgbaToHsva(_objectSpread(_objectSpread({},hsvaToRgba(e)),{},_defineProperty({},a,fixRGB(g))))),{e:b}),b.target.value=fixRGB(g).toString()):b.target.value=round(hsvaToRgba(e)[a]).toString()}:"hsl"===b&&"h"===a?function(b){null===f||void 0===f?void 0:f(b);var e=c.current,g=b.target.value;g?(d(hslaToHsva(_objectSpread(_objectSpread({},hsvaToHsla(e)),{},_defineProperty({},a,fixH(g)))),{e:b}),b.target.value=fixH(g).toString()):b.target.value=round(hsvaToHsla(e)[a]).toString()}:"hsl"===b&&("s"===a||"l"===a)?function(b){null===f||void 0===f?void 0:f(b);var e=c.current,g=b.target.value;g?(d(hslaToHsva(_objectSpread(_objectSpread({},hsvaToHsla(e)),{},_defineProperty({},a,fixSVL(g)))),{e:b}),b.target.value=fixSVL(g).toString()):b.target.value=round(hsvaToHsla(e)[a]).toString()}:f};
+//# sourceMappingURL=helpers.js.map

package/__internal__/src/components/ColorPicker/ColorPickerInput/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["hexToHsva","hslaToHsva","hsvaToHex","hsvaToHsla","hsvaToRgba","isHex","rgbaToHsva","round","validHex","getCountParts","format","alpha","count","maxMap","h","s","v","a","r","g","b","l","toHsvaMap","hsv","hsva","rgb","hsl","getPartName","index","length","getValue","value","partName","slice","toString","leftSideMap","hex","rightSideMap","fixA","part","parseInt","fixH","fixSVL","fixRGB","getOnBlur","valueRef","onChange","onBlur","e","current","partValue","target","valid","substring"],"sources":["../../../../../../src/components/ColorPicker/ColorPickerInput/helpers.ts"],"sourcesContent":["import './ColorPickerInput.css';\n\nimport React from 'react';\n\nimport { ColorInputFormat, HsvaColor } from '../types';\nimport {\n  hexToHsva,\n  hslaToHsva,\n  hsvaToHex,\n  hsvaToHsla,\n  hsvaToRgba,\n  isHex,\n  rgbaToHsva,\n} from '../utils/convert';\nimport { round } from '../utils/round';\nimport { validHex } from '../utils/validate';\nimport { ColorPickerInputPartPropOnChange } from './types';\n\nexport const getCountParts = (format: ColorInputFormat, alpha?: boolean) => {\n  let count = 0;\n  if (format === 'hex') count = 1;\n  else count = 3;\n\n  if (alpha) count++;\n\n  return count;\n};\n\nexport const maxMap: Record<string, number> = {\n  h: 359,\n  s: 100,\n  v: 100,\n  a: 100,\n  r: 255,\n  g: 255,\n  b: 255,\n  l: 100,\n};\nconst toHsvaMap: Record<string, (hsva: HsvaColor) => Record<string, number>> = {\n  hsv: (hsva: HsvaColor) => hsva,\n  rgb: hsvaToRgba,\n  hsl: hsvaToHsla,\n};\n\nexport const getPartName = (format: ColorInputFormat, index: number) => {\n  if (format === 'hex' && index === 0) {\n    return 'hex';\n  }\n  if (index === format.length || (format === 'hex' && index === 1)) {\n    return 'a';\n  }\n  return format[index];\n};\n\nexport const getValue = (\n  value: HsvaColor,\n  partName: string,\n  format: ColorInputFormat,\n) => {\n  if (partName === 'hex') {\n    return hsvaToHex({ ...value, a: 1 }).slice(1);\n  }\n  if (partName === 'a') {\n    return round(value.a * 100).toString();\n  }\n\n  return round(toHsvaMap[format](value)[partName]).toString();\n};\n\nexport const leftSideMap: Record<string, string> = {\n  hex: '#',\n};\n\nexport const rightSideMap: Record<string, string> = {\n  a: '%',\n};\n\nconst fixA = (part: string | null) => {\n  if (!part) {\n    return 0;\n  }\n  let value = parseInt(part, 10);\n  if (value > 100) {\n    value = 100;\n  }\n  if (value < 0) {\n    value = 0;\n  }\n  return value / 100;\n};\n\nconst fixH = (part: string | null) => {\n  if (!part) {\n    return 0;\n  }\n  let value = parseInt(part, 10);\n  if (value > 359) {\n    value = 359;\n  }\n  if (value < 0) {\n    value = 0;\n  }\n  return value;\n};\n\nconst fixSVL = (part: string | null) => {\n  if (!part) {\n    return 0;\n  }\n  let value = parseInt(part, 10);\n  if (value > 100) {\n    value = 100;\n  }\n  if (value < 0) {\n    value = 0;\n  }\n  return value;\n};\n\nexport const fixRGB = (part: string | null) => {\n  if (!part) {\n    return 0;\n  }\n  let value = parseInt(part, 10);\n  if (value > 255) {\n    value = 255;\n  }\n  if (value < 0) {\n    value = 0;\n  }\n  return value;\n};\n\nexport const getOnBlur = (\n  partName: string,\n  format: ColorInputFormat,\n  valueRef: React.MutableRefObject<HsvaColor>,\n  onChange: ColorPickerInputPartPropOnChange,\n  onBlur?: React.FocusEventHandler<HTMLInputElement>,\n): React.FocusEventHandler<HTMLInputElement> | undefined => {\n  if (format && partName === 'hex') {\n    return (e) => {\n      onBlur?.(e);\n      const value = valueRef.current;\n      const partValue = isHex(e.target.value)\n        ? e.target.value.slice(1, 7)\n        : e.target.value.slice(0, 6);\n      const valid = validHex(partValue);\n\n      if (!partValue || (partValue && !valid)) {\n        e.target.value = hsvaToHex(valueRef.current).substring(1).slice(0, 6);\n      }\n      if (partValue && valid) {\n        const hsva = hexToHsva(partValue);\n        onChange({ ...hsva, a: value.a }, { e });\n        e.target.value = hsvaToHex(hsva).substring(1);\n      }\n    };\n  }\n  if (partName === 'a') {\n    return (e) => {\n      onBlur?.(e);\n      const value = valueRef.current;\n      const partValue = e.target.value;\n\n      if (!partValue) {\n        e.target.value = round(value.a * 100).toString();\n      } else {\n        const a = fixA(partValue);\n        onChange({ ...value, a }, { e });\n        e.target.value = round(a * 100).toString();\n      }\n    };\n  }\n  if (format === 'hsv' && partName === 'h') {\n    return (e) => {\n      onBlur?.(e);\n      const value = valueRef.current;\n      const partValue = e.target.value;\n\n      if (!partValue) {\n        e.target.value = round(value.h).toString();\n      } else {\n        onChange({ ...value, [partName]: fixH(partValue) }, { e });\n        e.target.value = fixH(partValue).toString();\n      }\n    };\n  }\n  if (format === 'hsv' && (partName === 's' || partName === 'v')) {\n    return (e) => {\n      onBlur?.(e);\n      const value = valueRef.current;\n      const partValue = e.target.value;\n\n      if (!partValue) {\n        e.target.value = round(value[partName]).toString();\n      } else {\n        onChange({ ...value, [partName]: fixSVL(partValue) }, { e });\n        e.target.value = fixSVL(partValue).toString();\n      }\n    };\n  }\n  if (\n    format === 'rgb' &&\n    (partName === 'r' || partName === 'g' || partName === 'b')\n  ) {\n    return (e) => {\n      onBlur?.(e);\n      const value = valueRef.current;\n      const partValue = e.target.value;\n\n      if (!partValue) {\n        e.target.value = round(hsvaToRgba(value)[partName]).toString();\n      } else {\n        onChange?.(\n          {\n            ...rgbaToHsva({\n              ...hsvaToRgba(value),\n              [partName]: fixRGB(partValue),\n            }),\n          },\n          { e },\n        );\n        e.target.value = fixRGB(partValue).toString();\n      }\n    };\n  }\n  if (format === 'hsl' && partName === 'h') {\n    return (e) => {\n      onBlur?.(e);\n      const value = valueRef.current;\n      const partValue = e.target.value;\n\n      if (!partValue) {\n        e.target.value = round(hsvaToHsla(value)[partName]).toString();\n      } else {\n        onChange(\n          hslaToHsva({\n            ...hsvaToHsla(value),\n            [partName]: fixH(partValue),\n          }),\n          { e },\n        );\n        e.target.value = fixH(partValue).toString();\n      }\n    };\n  }\n  if (format === 'hsl' && (partName === 's' || partName === 'l')) {\n    return (e) => {\n      onBlur?.(e);\n      const value = valueRef.current;\n      const partValue = e.target.value;\n\n      if (!partValue) {\n        e.target.value = round(hsvaToHsla(value)[partName]).toString();\n      } else {\n        onChange(\n          hslaToHsva({\n            ...hsvaToHsla(value),\n            [partName]: fixSVL(partValue),\n          }),\n          { e },\n        );\n        e.target.value = fixSVL(partValue).toString();\n      }\n    };\n  }\n  return onBlur;\n};\n"],"mappings":"qqBAAA,+BAKA,OACEA,SADF,CAEEC,UAFF,CAGEC,SAHF,CAIEC,UAJF,CAKEC,UALF,CAMEC,KANF,CAOEC,UAPF,wBASA,OAASC,KAAT,sBACA,OAASC,QAAT,yBAGA,MAAO,IAAMC,cAAa,CAAG,SAACC,CAAD,CAA2BC,CAA3B,CAA+C,CAC1E,GAAIC,EAAK,CAAG,CAAZ,CAMA,MALsBA,EAKtB,CALe,KAAX,GAAAF,CAKJ,CAL8B,CAK9B,CAJa,CAIb,CAFIC,CAEJ,EAFWC,CAAK,EAEhB,CAAOA,CACR,CARM,CAUP,MAAO,IAAMC,OAA8B,CAAG,CAC5CC,CAAC,CAAE,GADyC,CAE5CC,CAAC,CAAE,GAFyC,CAG5CC,CAAC,CAAE,GAHyC,CAI5CC,CAAC,CAAE,GAJyC,CAK5CC,CAAC,CAAE,GALyC,CAM5CC,CAAC,CAAE,GANyC,CAO5CC,CAAC,CAAE,GAPyC,CAQ5CC,CAAC,CAAE,GARyC,CAAvC,CAUP,GAAMC,UAAsE,CAAG,CAC7EC,GAAG,CAAE,aAACC,CAAD,QAAqBA,EAArB,CADwE,CAE7EC,GAAG,CAAErB,UAFwE,CAG7EsB,GAAG,CAAEvB,UAHwE,CAA/E,CAMA,MAAO,IAAMwB,YAAW,CAAG,SAACjB,CAAD,CAA2BkB,CAA3B,CAA6C,OACvD,KAAX,GAAAlB,CAAM,EAAwB,CAAV,GAAAkB,CAD8C,CAE7D,KAF6D,CAIlEA,CAAK,GAAKlB,CAAM,CAACmB,MAAjB,EAAuC,KAAX,GAAAnB,CAAM,EAAwB,CAAV,GAAAkB,CAJkB,CAK7D,GAL6D,CAO/DlB,CAAM,CAACkB,CAAD,CACd,CARM,CAUP,MAAO,IAAME,SAAQ,CAAG,SACtBC,CADsB,CAEtBC,CAFsB,CAGtBtB,CAHsB,CAInB,OACc,KAAb,GAAAsB,CADD,CAEM9B,SAAS,gCAAM6B,CAAN,MAAad,CAAC,CAAE,CAAhB,GAAT,CAA8BgB,KAA9B,CAAoC,CAApC,CAFN,CAIc,GAAb,GAAAD,CAJD,CAKMzB,KAAK,CAAW,GAAV,CAAAwB,CAAK,CAACd,CAAP,CAAL,CAAqBiB,QAArB,EALN,CAQI3B,KAAK,CAACe,SAAS,CAACZ,CAAD,CAAT,CAAkBqB,CAAlB,EAAyBC,CAAzB,CAAD,CAAL,CAA0CE,QAA1C,EACR,CAbM,CAeP,MAAO,IAAMC,YAAmC,CAAG,CACjDC,GAAG,CAAE,GAD4C,CAA5C,CAIP,MAAO,IAAMC,aAAoC,CAAG,CAClDpB,CAAC,CAAE,GAD+C,CAA7C,C,GAIDqB,KAAI,CAAG,SAACC,CAAD,CAAyB,CACpC,GAAI,CAACA,CAAL,CACE,MAAO,EAAP,CAEF,GAAIR,EAAK,CAAGS,QAAQ,CAACD,CAAD,CAAO,EAAP,CAApB,CAOA,MANY,IAAR,CAAAR,CAMJ,GALEA,CAAK,CAAG,GAKV,EAHY,CAAR,CAAAA,CAGJ,GAFEA,CAAK,CAAG,CAEV,EAAOA,CAAK,CAAG,GAChB,C,CAEKU,IAAI,CAAG,SAACF,CAAD,CAAyB,CACpC,GAAI,CAACA,CAAL,CACE,MAAO,EAAP,CAEF,GAAIR,EAAK,CAAGS,QAAQ,CAACD,CAAD,CAAO,EAAP,CAApB,CAOA,MANY,IAAR,CAAAR,CAMJ,GALEA,CAAK,CAAG,GAKV,EAHY,CAAR,CAAAA,CAGJ,GAFEA,CAAK,CAAG,CAEV,EAAOA,CACR,C,CAEKW,MAAM,CAAG,SAACH,CAAD,CAAyB,CACtC,GAAI,CAACA,CAAL,CACE,MAAO,EAAP,CAEF,GAAIR,EAAK,CAAGS,QAAQ,CAACD,CAAD,CAAO,EAAP,CAApB,CAOA,MANY,IAAR,CAAAR,CAMJ,GALEA,CAAK,CAAG,GAKV,EAHY,CAAR,CAAAA,CAGJ,GAFEA,CAAK,CAAG,CAEV,EAAOA,CACR,C,CAED,MAAO,IAAMY,OAAM,CAAG,SAACJ,CAAD,CAAyB,CAC7C,GAAI,CAACA,CAAL,CACE,MAAO,EAAP,CAEF,GAAIR,EAAK,CAAGS,QAAQ,CAACD,CAAD,CAAO,EAAP,CAApB,CAOA,MANY,IAAR,CAAAR,CAMJ,GALEA,CAAK,CAAG,GAKV,EAHY,CAAR,CAAAA,CAGJ,GAFEA,CAAK,CAAG,CAEV,EAAOA,CACR,CAZM,CAcP,MAAO,IAAMa,UAAS,CAAG,SACvBZ,CADuB,CAEvBtB,CAFuB,CAGvBmC,CAHuB,CAIvBC,CAJuB,CAKvBC,CALuB,CAMmC,OACtDrC,EAAM,EAAiB,KAAb,GAAAsB,CAD4C,CAEjD,SAACgB,CAAD,CAAO,QACZD,CADY,WACZA,CADY,QACZA,CAAM,CAAGC,CAAH,CADM,IAENjB,EAAK,CAAGc,CAAQ,CAACI,OAFX,CAGNC,CAAS,CAAG7C,KAAK,CAAC2C,CAAC,CAACG,MAAF,CAASpB,KAAV,CAAL,CACdiB,CAAC,CAACG,MAAF,CAASpB,KAAT,CAAeE,KAAf,CAAqB,CAArB,CAAwB,CAAxB,CADc,CAEde,CAAC,CAACG,MAAF,CAASpB,KAAT,CAAeE,KAAf,CAAqB,CAArB,CAAwB,CAAxB,CALQ,CAMNmB,CAAK,CAAG5C,QAAQ,CAAC0C,CAAD,CANV,CAWZ,GAHKA,CAAD,GAAe,CAAAA,CAAS,EAAKE,CAA7B,CAGJ,GAFEJ,CAAC,CAACG,MAAF,CAASpB,KAAT,CAAiB7B,SAAS,CAAC2C,CAAQ,CAACI,OAAV,CAAT,CAA4BI,SAA5B,CAAsC,CAAtC,EAAyCpB,KAAzC,CAA+C,CAA/C,CAAkD,CAAlD,CAEnB,EAAIiB,CAAS,EAAIE,CAAjB,CAAwB,CACtB,GAAM5B,EAAI,CAAGxB,SAAS,CAACkD,CAAD,CAAtB,CACAJ,CAAQ,gCAAMtB,CAAN,MAAYP,CAAC,CAAEc,CAAK,CAACd,CAArB,GAA0B,CAAE+B,CAAC,CAADA,CAAF,CAA1B,CAFc,CAGtBA,CAAC,CAACG,MAAF,CAASpB,KAAT,CAAiB7B,SAAS,CAACsB,CAAD,CAAT,CAAgB6B,SAAhB,CAA0B,CAA1B,CAClB,CACF,CAlBuD,CAoBzC,GAAb,GAAArB,CApBsD,CAqBjD,SAACgB,CAAD,CAAO,QACZD,CADY,WACZA,CADY,QACZA,CAAM,CAAGC,CAAH,CADM,IAENjB,EAAK,CAAGc,CAAQ,CAACI,OAFX,CAGNC,CAAS,CAAGF,CAAC,CAACG,MAAF,CAASpB,KAHf,CAKZ,GAAI,CAACmB,CAAL,CACEF,CAAC,CAACG,MAAF,CAASpB,KAAT,CAAiBxB,KAAK,CAAW,GAAV,CAAAwB,CAAK,CAACd,CAAP,CAAL,CAAqBiB,QAArB,EADnB,KAEO,CACL,GAAMjB,EAAC,CAAGqB,IAAI,CAACY,CAAD,CAAd,CACAJ,CAAQ,gCAAMf,CAAN,MAAad,CAAC,CAADA,CAAb,GAAkB,CAAE+B,CAAC,CAADA,CAAF,CAAlB,CAFH,CAGLA,CAAC,CAACG,MAAF,CAASpB,KAAT,CAAiBxB,KAAK,CAAK,GAAJ,CAAAU,CAAD,CAAL,CAAeiB,QAAf,EAClB,CACF,CAjCuD,CAmC3C,KAAX,GAAAxB,CAAM,EAA2B,GAAb,GAAAsB,CAnCkC,CAoCjD,SAACgB,CAAD,CAAO,QACZD,CADY,WACZA,CADY,QACZA,CAAM,CAAGC,CAAH,CADM,IAENjB,EAAK,CAAGc,CAAQ,CAACI,OAFX,CAGNC,CAAS,CAAGF,CAAC,CAACG,MAAF,CAASpB,KAHf,CAKPmB,CALO,EAQVJ,CAAQ,gCAAMf,CAAN,wBAAcC,CAAd,CAAyBS,IAAI,CAACS,CAAD,CAA7B,GAA4C,CAAEF,CAAC,CAADA,CAAF,CAA5C,CARE,CASVA,CAAC,CAACG,MAAF,CAASpB,KAAT,CAAiBU,IAAI,CAACS,CAAD,CAAJ,CAAgBhB,QAAhB,EATP,EAMVc,CAAC,CAACG,MAAF,CAASpB,KAAT,CAAiBxB,KAAK,CAACwB,CAAK,CAACjB,CAAP,CAAL,CAAeoB,QAAf,EAKpB,CA/CuD,CAiD3C,KAAX,GAAAxB,CAAM,GAA4B,GAAb,GAAAsB,CAAQ,EAAyB,GAAb,GAAAA,CAAnC,CAjDgD,CAkDjD,SAACgB,CAAD,CAAO,QACZD,CADY,WACZA,CADY,QACZA,CAAM,CAAGC,CAAH,CADM,IAENjB,EAAK,CAAGc,CAAQ,CAACI,OAFX,CAGNC,CAAS,CAAGF,CAAC,CAACG,MAAF,CAASpB,KAHf,CAKPmB,CALO,EAQVJ,CAAQ,gCAAMf,CAAN,wBAAcC,CAAd,CAAyBU,MAAM,CAACQ,CAAD,CAA/B,GAA8C,CAAEF,CAAC,CAADA,CAAF,CAA9C,CARE,CASVA,CAAC,CAACG,MAAF,CAASpB,KAAT,CAAiBW,MAAM,CAACQ,CAAD,CAAN,CAAkBhB,QAAlB,EATP,EAMVc,CAAC,CAACG,MAAF,CAASpB,KAAT,CAAiBxB,KAAK,CAACwB,CAAK,CAACC,CAAD,CAAN,CAAL,CAAuBE,QAAvB,EAKpB,CA7DuD,CAgE7C,KAAX,GAAAxB,CAAM,GACQ,GAAb,GAAAsB,CAAQ,EAAyB,GAAb,GAAAA,CAApB,EAAqD,GAAb,GAAAA,CADnC,CAhEkD,CAmEjD,SAACgB,CAAD,CAAO,QACZD,CADY,WACZA,CADY,QACZA,CAAM,CAAGC,CAAH,CADM,IAENjB,EAAK,CAAGc,CAAQ,CAACI,OAFX,CAGNC,CAAS,CAAGF,CAAC,CAACG,MAAF,CAASpB,KAHf,CAKPmB,CALO,SAQVJ,CARU,WAQVA,CARU,QAQVA,CAAQ,kBAEDxC,UAAU,gCACRF,UAAU,CAAC2B,CAAD,CADF,wBAEVC,CAFU,CAECW,MAAM,CAACO,CAAD,CAFP,GAFT,EAON,CAAEF,CAAC,CAADA,CAAF,CAPM,CARE,CAiBVA,CAAC,CAACG,MAAF,CAASpB,KAAT,CAAiBY,MAAM,CAACO,CAAD,CAAN,CAAkBhB,QAAlB,EAjBP,EAMVc,CAAC,CAACG,MAAF,CAASpB,KAAT,CAAiBxB,KAAK,CAACH,UAAU,CAAC2B,CAAD,CAAV,CAAkBC,CAAlB,CAAD,CAAL,CAAmCE,QAAnC,EAapB,CAtFuD,CAwF3C,KAAX,GAAAxB,CAAM,EAA2B,GAAb,GAAAsB,CAxFkC,CAyFjD,SAACgB,CAAD,CAAO,QACZD,CADY,WACZA,CADY,QACZA,CAAM,CAAGC,CAAH,CADM,IAENjB,EAAK,CAAGc,CAAQ,CAACI,OAFX,CAGNC,CAAS,CAAGF,CAAC,CAACG,MAAF,CAASpB,KAHf,CAKPmB,CALO,EAQVJ,CAAQ,CACN7C,UAAU,gCACLE,UAAU,CAAC4B,CAAD,CADL,wBAEPC,CAFO,CAEIS,IAAI,CAACS,CAAD,CAFR,GADJ,CAKN,CAAEF,CAAC,CAADA,CAAF,CALM,CARE,CAeVA,CAAC,CAACG,MAAF,CAASpB,KAAT,CAAiBU,IAAI,CAACS,CAAD,CAAJ,CAAgBhB,QAAhB,EAfP,EAMVc,CAAC,CAACG,MAAF,CAASpB,KAAT,CAAiBxB,KAAK,CAACJ,UAAU,CAAC4B,CAAD,CAAV,CAAkBC,CAAlB,CAAD,CAAL,CAAmCE,QAAnC,EAWpB,CA1GuD,CA4G3C,KAAX,GAAAxB,CAAM,GAA4B,GAAb,GAAAsB,CAAQ,EAAyB,GAAb,GAAAA,CAAnC,CA5GgD,CA6GjD,SAACgB,CAAD,CAAO,QACZD,CADY,WACZA,CADY,QACZA,CAAM,CAAGC,CAAH,CADM,IAENjB,EAAK,CAAGc,CAAQ,CAACI,OAFX,CAGNC,CAAS,CAAGF,CAAC,CAACG,MAAF,CAASpB,KAHf,CAKPmB,CALO,EAQVJ,CAAQ,CACN7C,UAAU,gCACLE,UAAU,CAAC4B,CAAD,CADL,wBAEPC,CAFO,CAEIU,MAAM,CAACQ,CAAD,CAFV,GADJ,CAKN,CAAEF,CAAC,CAADA,CAAF,CALM,CARE,CAeVA,CAAC,CAACG,MAAF,CAASpB,KAAT,CAAiBW,MAAM,CAACQ,CAAD,CAAN,CAAkBhB,QAAlB,EAfP,EAMVc,CAAC,CAACG,MAAF,CAASpB,KAAT,CAAiBxB,KAAK,CAACJ,UAAU,CAAC4B,CAAD,CAAV,CAAkBC,CAAlB,CAAD,CAAL,CAAmCE,QAAnC,EAWpB,CA9HuD,CAgInDa,CACR,CAvIM"}

package/__internal__/src/components/ColorPicker/ColorPickerInput/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ColorPickerInput';
+export * from './types';

package/__internal__/src/components/ColorPicker/ColorPickerInput/index.js

@@ -0,0 +1,2 @@
+export*from"./ColorPickerInput";export*from"./types";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/ColorPicker/ColorPickerInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/ColorPicker/ColorPickerInput/index.ts"],"sourcesContent":["export * from './ColorPickerInput';\nexport * from './types';\n"],"mappings":"AAAA,gCACA"}

package/__internal__/src/components/ColorPicker/ColorPickerInput/types.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { FieldPropForm, FieldPropSize, FieldPropView } from '../../FieldComponents';
+import { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';
+import { ColorInputFormat, ColorModel, HsvaColor } from '../types';
+export type ColorPickerInputProps<T> = PropsWithHTMLAttributesAndRef<{
+    model: ColorModel<T>;
+    value?: T;
+    onChange?: (value: T, props: {
+        e: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;
+    }) => void;
+    size?: FieldPropSize;
+    disabled?: boolean;
+    format?: ColorInputFormat;
+    alpha?: boolean;
+    id?: string;
+    view?: FieldPropView;
+    name?: string;
+    form?: FieldPropForm;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+}, HTMLDivElement>;
+export type ColorPickerInputComponent = <T>(props: ColorPickerInputProps<T>) => React.ReactElement;
+export type ColorPickerInputPartPropOnChange = (value: HsvaColor, props: {
+    e: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;
+}) => void;

package/__internal__/src/components/ColorPicker/ColorPickerInput/types.js

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=types.js.map

package/__internal__/src/components/ColorPicker/ColorPickerInput/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/ColorPicker/ColorPickerInput/types.ts"],"sourcesContent":["import React from 'react';\n\nimport {\n  FieldPropForm,\n  FieldPropSize,\n  FieldPropView,\n} from '##/components/FieldComponents';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { ColorInputFormat, ColorModel, HsvaColor } from '../types';\n\nexport type ColorPickerInputProps<T> = PropsWithHTMLAttributesAndRef<\n  {\n    model: ColorModel<T>;\n    value?: T;\n    onChange?: (\n      value: T,\n      props: {\n        e: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;\n      },\n    ) => void;\n    size?: FieldPropSize;\n    disabled?: boolean;\n    format?: ColorInputFormat;\n    alpha?: boolean;\n    id?: string;\n    view?: FieldPropView;\n    name?: string;\n    form?: FieldPropForm;\n    onFocus?: React.FocusEventHandler<HTMLInputElement>;\n    onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  },\n  HTMLDivElement\n>;\n\nexport type ColorPickerInputComponent = <T>(\n  props: ColorPickerInputProps<T>,\n) => React.ReactElement;\n\nexport type ColorPickerInputPartPropOnChange = (\n  value: HsvaColor,\n  props: {\n    e: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;\n  },\n) => void;\n"],"mappings":""}

package/__internal__/src/components/ColorPicker/ColorPickerInteractive/ColorPickerInteractive.css

@@ -0,0 +1 @@
+.ColorPickerInteractive{border-radius:inherit;bottom:var(--color-picker-interactive-gap-bottom,0);left:var(--color-picker-interactive-gap-left,0);outline:none;position:absolute;right:var(--color-picker-interactive-gap-right,0);top:var(--color-picker-interactive-gap-top,0);touch-action:none}.ColorPickerInteractive:focus .ColorPickerPoint{transform:translate(-50%,-50%) scale(1.1);z-index:1}.ColorPickerInteractive-LeftButton,.ColorPickerInteractive-RightButton{bottom:0;position:absolute;top:0;width:var(--color-picker-interactive-gap-left,0)}.ColorPickerInteractive-LeftButton{left:0}.ColorPickerInteractive-RightButton{right:0}

package/__internal__/src/components/ColorPicker/ColorPickerInteractive/ColorPickerInteractive.d.ts

@@ -0,0 +1,15 @@
+import './ColorPickerInteractive.css';
+import React from 'react';
+import { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';
+export declare const cnColorPickerInteractive: import("@bem-react/classname").ClassNameFormatter;
+export interface Interaction {
+    left: number;
+    top: number;
+}
+type Props = PropsWithHTMLAttributes<{
+    onMove: (interaction: Interaction) => void;
+    onKey: (offset: Interaction) => void;
+    children: React.ReactNode;
+}, HTMLDivElement>;
+export declare const ColorPickerInteractive: ({ onMove, onKey, className, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/__internal__/src/components/ColorPicker/ColorPickerInteractive/ColorPickerInteractive.js

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["onMove","onKey","className"];import"./ColorPickerInteractive.css";import React,{useEffect,useMemo,useRef}from"react";import{cn}from"../../../utils/bem";import{useEventCallback}from"../hooks/useEventCallback";import{clamp}from"../utils/clamp";export var cnColorPickerInteractive=cn("ColorPickerInteractive");var isTouch=function(a){return"touches"in a},getTouchPoint=function(a,b){for(var c=0;c<a.length;c++)if(a[c].identifier===b)return a[c];return a[0]},getParentWindow=function(a){return a&&a.ownerDocument.defaultView||self},getRelativePosition=function(a,b,c){var d=a.getBoundingClientRect(),e=isTouch(b)?getTouchPoint(b.touches,c):b;return{left:clamp((e.pageX-(d.left+getParentWindow(a).pageXOffset))/d.width),top:clamp((e.pageY-(d.top+getParentWindow(a).pageYOffset))/d.height)}},preventDefaultMove=function(a){isTouch(a)||a.preventDefault()},isInvalid=function(a,b){return b&&!isTouch(a)};export var ColorPickerInteractive=function(a){var b=a.onMove,c=a.onKey,d=a.className,e=_objectWithoutProperties(a,_excluded),f=useRef(null),g=useEventCallback(b),h=useEventCallback(c),i=useRef(null),j=useRef(!1),k=useMemo(function(){function a(a){var d=j.current,e=f.current,g=getParentWindow(e),h=a?g.addEventListener:g.removeEventListener;h(d?"touchmove":"mousemove",b),h(d?"touchend":"mouseup",c)}var b=function(b){preventDefaultMove(b);var c=isTouch(b)?0<b.touches.length:0<b.buttons;c&&f.current?g(getRelativePosition(f.current,b,i.current)):a(!1)},c=function(){return a(!1)};return[function handleMoveStart(b){var c=b.nativeEvent,d=f.current;if(d&&(preventDefaultMove(c),!isInvalid(c,j.current)&&d)){if(isTouch(c)){j.current=!0;var e=c.changedTouches||[];e.length&&(i.current=e[0].identifier)}d.focus(),g(getRelativePosition(d,c,i.current)),a(!0)}},function handleKeyDown(a){var b=a.which||a.keyCode;37>b||40<b||(a.preventDefault(),h({left:39===b?.05:37===b?-.05:0,top:40===b?.05:38===b?-.05:0}))},a]},[h,g]),l=_slicedToArray(k,3),m=l[0],n=l[1],o=l[2];return useEffect(function(){return o},[o]),React.createElement(React.Fragment,null,React.createElement("div",{role:"button","aria-hidden":"true",tabIndex:-1,className:cnColorPickerInteractive("LeftButton"),onClick:function onClick(){return g({left:0,top:0})}}),React.createElement("div",Object.assign({},e,{className:cnColorPickerInteractive(null,[d]),onTouchStart:m,onMouseDown:m,ref:f,onKeyDown:n,tabIndex:0,role:"slider"})),React.createElement("div",{role:"button","aria-hidden":"true",tabIndex:-1,className:cnColorPickerInteractive("RightButton"),onClick:function onClick(){return g({left:1,top:0})}}))};
+//# sourceMappingURL=ColorPickerInteractive.js.map

package/__internal__/src/components/ColorPicker/ColorPickerInteractive/ColorPickerInteractive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerInteractive.js","names":["React","useEffect","useMemo","useRef","cn","useEventCallback","clamp","cnColorPickerInteractive","isTouch","event","getTouchPoint","touches","touchId","i","length","identifier","getParentWindow","node","ownerDocument","defaultView","self","getRelativePosition","rect","getBoundingClientRect","pointer","left","pageX","pageXOffset","width","top","pageY","pageYOffset","height","preventDefaultMove","preventDefault","isInvalid","hasTouch","ColorPickerInteractive","onMove","onKey","className","rest","container","onMoveCallback","onKeyCallback","toggleDocumentEvents","state","touch","current","el","parentWindow","toggleEvent","addEventListener","removeEventListener","handleMove","handleMoveEnd","isDown","buttons","handleMoveStart","nativeEvent","changedTouches","focus","handleKeyDown","keyCode","which"],"sources":["../../../../../../src/components/ColorPicker/ColorPickerInteractive/ColorPickerInteractive.tsx"],"sourcesContent":["import './ColorPickerInteractive.css';\n\nimport React, { useEffect, useMemo, useRef } from 'react';\n\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { useEventCallback } from '../hooks/useEventCallback';\nimport { clamp } from '../utils/clamp';\n\nexport const cnColorPickerInteractive = cn('ColorPickerInteractive');\n\nexport interface Interaction {\n  left: number;\n  top: number;\n}\n\nconst isTouch = (event: MouseEvent | TouchEvent): event is TouchEvent =>\n  'touches' in event;\n\nconst getTouchPoint = (touches: TouchList, touchId: null | number): Touch => {\n  for (let i = 0; i < touches.length; i++) {\n    if (touches[i].identifier === touchId) return touches[i];\n  }\n  return touches[0];\n};\n\nconst getParentWindow = (node?: HTMLDivElement | null): Window => {\n  // eslint-disable-next-line no-restricted-globals\n  return (node && node.ownerDocument.defaultView) || self;\n};\n\nconst getRelativePosition = (\n  node: HTMLDivElement,\n  event: MouseEvent | TouchEvent,\n  touchId: null | number,\n): Interaction => {\n  const rect = node.getBoundingClientRect();\n\n  const pointer = isTouch(event)\n    ? getTouchPoint(event.touches, touchId)\n    : (event as MouseEvent);\n\n  return {\n    left: clamp(\n      (pointer.pageX - (rect.left + getParentWindow(node).pageXOffset)) /\n        rect.width,\n    ),\n    top: clamp(\n      (pointer.pageY - (rect.top + getParentWindow(node).pageYOffset)) /\n        rect.height,\n    ),\n  };\n};\n\nconst preventDefaultMove = (event: MouseEvent | TouchEvent): void => {\n  !isTouch(event) && event.preventDefault();\n};\n\nconst isInvalid = (\n  event: MouseEvent | TouchEvent,\n  hasTouch: boolean,\n): boolean => {\n  return hasTouch && !isTouch(event);\n};\n\ntype Props = PropsWithHTMLAttributes<\n  {\n    onMove: (interaction: Interaction) => void;\n    onKey: (offset: Interaction) => void;\n    children: React.ReactNode;\n  },\n  HTMLDivElement\n>;\n\nexport const ColorPickerInteractive = ({\n  onMove,\n  onKey,\n  className,\n  ...rest\n}: Props) => {\n  const container = useRef<HTMLDivElement>(null);\n  const onMoveCallback = useEventCallback<Interaction>(onMove);\n  const onKeyCallback = useEventCallback<Interaction>(onKey);\n  const touchId = useRef<null | number>(null);\n\n  const hasTouch = useRef(false);\n\n  const [handleMoveStart, handleKeyDown, toggleDocumentEvents] = useMemo(() => {\n    const handleMoveStart = ({\n      nativeEvent,\n    }: React.MouseEvent | React.TouchEvent) => {\n      const el = container.current;\n      if (!el) return;\n\n      // Prevent text selection\n      preventDefaultMove(nativeEvent);\n\n      if (isInvalid(nativeEvent, hasTouch.current) || !el) return;\n\n      if (isTouch(nativeEvent)) {\n        hasTouch.current = true;\n        const changedTouches = nativeEvent.changedTouches || [];\n        if (changedTouches.length)\n          touchId.current = changedTouches[0].identifier;\n      }\n\n      el.focus();\n\n      onMoveCallback(getRelativePosition(el, nativeEvent, touchId.current));\n      toggleDocumentEvents(true);\n    };\n\n    const handleMove = (event: MouseEvent | TouchEvent) => {\n      preventDefaultMove(event);\n\n      const isDown = isTouch(event)\n        ? event.touches.length > 0\n        : event.buttons > 0;\n\n      if (isDown && container.current) {\n        onMoveCallback(\n          getRelativePosition(container.current, event, touchId.current),\n        );\n      } else {\n        toggleDocumentEvents(false);\n      }\n    };\n\n    const handleMoveEnd = () => toggleDocumentEvents(false);\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n      const keyCode = event.which || event.keyCode;\n\n      if (keyCode < 37 || keyCode > 40) return;\n\n      event.preventDefault();\n      onKeyCallback({\n        // eslint-disable-next-line no-nested-ternary\n        left: keyCode === 39 ? 0.05 : keyCode === 37 ? -0.05 : 0,\n        // eslint-disable-next-line no-nested-ternary\n        top: keyCode === 40 ? 0.05 : keyCode === 38 ? -0.05 : 0,\n      });\n    };\n\n    function toggleDocumentEvents(state?: boolean) {\n      const touch = hasTouch.current;\n      const el = container.current;\n      const parentWindow = getParentWindow(el);\n\n      // Add or remove additional pointer event listeners\n      const toggleEvent = state\n        ? parentWindow.addEventListener\n        : parentWindow.removeEventListener;\n      toggleEvent(touch ? 'touchmove' : 'mousemove', handleMove);\n      toggleEvent(touch ? 'touchend' : 'mouseup', handleMoveEnd);\n    }\n\n    return [handleMoveStart, handleKeyDown, toggleDocumentEvents];\n  }, [onKeyCallback, onMoveCallback]);\n\n  useEffect(() => toggleDocumentEvents, [toggleDocumentEvents]);\n\n  return (\n    <>\n      <div\n        role=\"button\"\n        aria-hidden=\"true\"\n        tabIndex={-1}\n        className={cnColorPickerInteractive('LeftButton')}\n        onClick={() =>\n          onMoveCallback({\n            left: 0,\n            top: 0,\n          })\n        }\n      />\n      <div\n        {...rest}\n        className={cnColorPickerInteractive(null, [className])}\n        onTouchStart={handleMoveStart}\n        onMouseDown={handleMoveStart}\n        ref={container}\n        onKeyDown={handleKeyDown}\n        tabIndex={0}\n        role=\"slider\"\n      />\n      <div\n        role=\"button\"\n        aria-hidden=\"true\"\n        tabIndex={-1}\n        className={cnColorPickerInteractive('RightButton')}\n        onClick={() =>\n          onMoveCallback({\n            left: 1,\n            top: 0,\n          })\n        }\n      />\n    </>\n  );\n};\n"],"mappings":"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"}

package/__internal__/src/components/ColorPicker/ColorPickerInteractive/index.d.ts

@@ -0,0 +1 @@
+export * from './ColorPickerInteractive';

package/__internal__/src/components/ColorPicker/ColorPickerInteractive/index.js

@@ -0,0 +1,2 @@
+export*from"./ColorPickerInteractive";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/ColorPicker/ColorPickerInteractive/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/ColorPicker/ColorPickerInteractive/index.ts"],"sourcesContent":["export * from './ColorPickerInteractive';\n"],"mappings":"AAAA"}

package/__internal__/src/components/ColorPicker/ColorPickerPoint/ColorPickerPoint.css

@@ -0,0 +1 @@
+.ColorPickerPoint{border:3px solid #fff;border-radius:50%;box-shadow:var(--shadow-layer);box-sizing:border-box;cursor:pointer;height:var(--space-m);position:absolute;transform:translate(-50%,-50%);width:var(--space-m)}.ColorPickerPoint-Fill{border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}

package/__internal__/src/components/ColorPicker/ColorPickerPoint/ColorPickerPoint.d.ts

@@ -0,0 +1,8 @@
+import './ColorPickerPoint.css';
+import React from 'react';
+import { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';
+export type ColorPickerPointProps = PropsWithHTMLAttributesAndRef<{
+    color: string;
+}, HTMLDivElement>;
+export declare const cnColorPickerPoint: import("@bem-react/classname").ClassNameFormatter;
+export declare const ColorPickerPoint: React.ForwardRefExoticComponent<Omit<ColorPickerPointProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/ColorPicker/ColorPickerPoint/ColorPickerPoint.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","color"];import"./ColorPickerPoint.css";import React,{forwardRef}from"react";import{cn}from"../../../utils/bem";export var cnColorPickerPoint=cn("ColorPickerPoint");export var ColorPickerPoint=forwardRef(function(a,b){var c=a.className,d=a.color,e=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},e,{className:cnColorPickerPoint(null,[c]),ref:b}),React.createElement("div",{className:cnColorPickerPoint("Fill"),style:{backgroundColor:d}}))});
+//# sourceMappingURL=ColorPickerPoint.js.map

package/__internal__/src/components/ColorPicker/ColorPickerPoint/ColorPickerPoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerPoint.js","names":["React","forwardRef","cn","cnColorPickerPoint","ColorPickerPoint","ref","className","color","otherProps","backgroundColor"],"sources":["../../../../../../src/components/ColorPicker/ColorPickerPoint/ColorPickerPoint.tsx"],"sourcesContent":["import './ColorPickerPoint.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type ColorPickerPointProps = PropsWithHTMLAttributesAndRef<\n  {\n    color: string;\n  },\n  HTMLDivElement\n>;\n\nexport const cnColorPickerPoint = cn('ColorPickerPoint');\n\nexport const ColorPickerPoint = forwardRef<\n  HTMLDivElement,\n  ColorPickerPointProps\n>(({ className, color, ...otherProps }, ref) => {\n  return (\n    <div\n      {...otherProps}\n      className={cnColorPickerPoint(null, [className])}\n      ref={ref}\n    >\n      <div\n        className={cnColorPickerPoint('Fill')}\n        style={{ backgroundColor: color }}\n      />\n    </div>\n  );\n});\n"],"mappings":"yHAAA,+BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,EAAT,0BAUA,MAAO,IAAMC,mBAAkB,CAAGD,EAAE,CAAC,kBAAD,CAA7B,CAEP,MAAO,IAAME,iBAAgB,CAAGH,UAAU,CAGxC,WAAsCI,CAAtC,CAA8C,IAA3CC,EAA2C,GAA3CA,SAA2C,CAAhCC,CAAgC,GAAhCA,KAAgC,CAAtBC,CAAsB,uCAC9C,MACE,4CACMA,CADN,EAEE,SAAS,CAAEL,kBAAkB,CAAC,IAAD,CAAO,CAACG,CAAD,CAAP,CAF/B,CAGE,GAAG,CAAED,CAHP,GAKE,2BACE,SAAS,CAAEF,kBAAkB,CAAC,MAAD,CAD/B,CAEE,KAAK,CAAE,CAAEM,eAAe,CAAEF,CAAnB,CAFT,EALF,CAWH,CAhByC,CAAnC"}

package/__internal__/src/components/ColorPicker/ColorPickerPoint/index.d.ts

@@ -0,0 +1 @@
+export * from './ColorPickerPoint';

package/__internal__/src/components/ColorPicker/ColorPickerPoint/index.js

@@ -0,0 +1,2 @@
+export*from"./ColorPickerPoint";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/ColorPicker/ColorPickerPoint/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/ColorPicker/ColorPickerPoint/index.ts"],"sourcesContent":["export * from './ColorPickerPoint';\n"],"mappings":"AAAA"}

package/__internal__/src/components/ColorPicker/ColorPickerRoot/ColorPickerRoot.css

@@ -0,0 +1 @@
+.ColorPickerRoot_withAnchor{background:var(--color-bg-default);border:var(--control-border-width) solid var(--color-bg-border);border-radius:var(--control-radius);box-shadow:var(--shadow-layer);overflow:hidden;width:282px}.ColorPickerRoot:not(.ColorPickerRoot_withAnchor) .ModalLayout-Slot{background-color:transparent}

package/__internal__/src/components/ColorPicker/ColorPickerRoot/ColorPickerRoot.d.ts

@@ -0,0 +1,16 @@
+import './ColorPickerRoot.css';
+import React from 'react';
+import { Direction } from '../../Popover';
+import { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';
+export type ColorPickerRootProps = PropsWithHTMLAttributesAndRef<{
+    anchorRef?: React.RefObject<HTMLElement>;
+    controlRef?: React.RefObject<HTMLElement>;
+    direction?: Direction;
+    spareDirection?: Direction;
+    possibleDirections?: Direction[];
+    viewportRef?: React.RefObject<HTMLElement>;
+    onOpen?: (open: boolean) => void;
+    open?: boolean;
+}, HTMLDivElement>;
+export declare const cnColorPickerRoot: import("@bem-react/classname").ClassNameFormatter;
+export declare const ColorPickerRoot: React.FC<ColorPickerRootProps>;

package/__internal__/src/components/ColorPicker/ColorPickerRoot/ColorPickerRoot.js

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","anchorRef","controlRef","direction","spareDirection","possibleDirections","viewportRef","onOpen","open"];import"./ColorPickerRoot.css";import React,{forwardRef,useCallback,useEffect,useRef}from"react";import{Transition}from"react-transition-group";import{Popover}from"../../Popover";import{useDebounce}from"../../../hooks/useDebounce";import{useFlag}from"../../../hooks/useFlag";import{useForkRef}from"../../../hooks/useForkRef";import{useKeys}from"../../../hooks/useKeys";import{useKeysRef}from"../../../hooks/useKeysRef";import{animateTimeout,cnMixPopoverAnimate}from"../../../mixs/MixPopoverAnimate";import{cn}from"../../../utils/bem";export var cnColorPickerRoot=cn("ColorPickerRoot");var emptyRef={current:null};export var ColorPickerRoot=forwardRef(function(a,b){var c=a.className,d=a.anchorRef,e=void 0===d?a.controlRef:d,f=a.controlRef,g=void 0===f?a.anchorRef:f,h=a.direction,i=void 0===h?"downStartLeft":h,j=a.spareDirection,k=void 0===j?"downStartLeft":j,l=a.possibleDirections,m=void 0===l?["downStartLeft","downStartRight","upStartLeft","upStartRight","leftStartDown","leftStartUp"]:l,n=a.viewportRef,o=a.onOpen,p=a.open,q=_objectWithoutProperties(a,_excluded),r=useRef(null),s=useForkRef([r,b]),t=!!e,u=g||emptyRef,v=useFlag(p),w=_slicedToArray(v,2),x=w[0],y=w[1],z=useDebounce(function(){var a;return null===(a=r.current)||void 0===a?void 0:a.focus()},15),A=useCallback(function(){y.off(),u.current&&u.current.focus()},[]),B=useCallback(function(){y.on(),z()},[]),C=useCallback(function(){x?A():B()},[x]);useKeysRef({ref:u,isActive:t&&x,keys:{Escape:A}});var D=useKeys({isActive:x,keys:{Escape:A}});return useEffect(function(){var a;return null===(a=u.current)||void 0===a?void 0:a.addEventListener("click",C),function(){var a;null===(a=u.current)||void 0===a?void 0:a.removeEventListener("click",C)}},[t]),useEffect(function(){null===o||void 0===o?void 0:o(x)},[x]),useEffect(function(){y.set(!!p)},[p]),t?React.createElement(Transition,{in:x,unmountOnExit:!0,timeout:animateTimeout,nodeRef:r},function(a){return React.createElement(Popover,Object.assign({},q,{className:cnColorPickerRoot({withAnchor:t},[c,cnMixPopoverAnimate({animate:a})]),ref:s,anchorRef:e||emptyRef,offset:"2xs",direction:i,spareDirection:k,possibleDirections:m,viewportRef:n,onClickOutside:A,tabIndex:0,role:"dialog",onKeyUp:D}))}):React.createElement("div",Object.assign({},q,{className:cnColorPickerRoot(null,[c]),ref:b}))});
+//# sourceMappingURL=ColorPickerRoot.js.map

package/__internal__/src/components/ColorPicker/ColorPickerRoot/ColorPickerRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerRoot.js","names":["React","forwardRef","useCallback","useEffect","useRef","Transition","Popover","useDebounce","useFlag","useForkRef","useKeys","useKeysRef","animateTimeout","cnMixPopoverAnimate","cn","cnColorPickerRoot","emptyRef","current","ColorPickerRoot","props","ref","className","anchorRef","anchorRefProp","controlRef","controlRefProp","direction","spareDirection","possibleDirections","viewportRef","onOpen","openProp","open","otherProps","contentRef","contentForkedRef","withAnchor","setOpen","focus","handleClose","off","handleOpen","on","handelToggle","isActive","keys","Escape","handelKeys","addEventListener","removeEventListener","set","animate"],"sources":["../../../../../../src/components/ColorPicker/ColorPickerRoot/ColorPickerRoot.tsx"],"sourcesContent":["import './ColorPickerRoot.css';\n\nimport React, { forwardRef, useCallback, useEffect, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { Direction, Popover } from '##/components/Popover';\nimport { useDebounce } from '##/hooks/useDebounce';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useKeys } from '##/hooks/useKeys';\nimport { useKeysRef } from '##/hooks/useKeysRef';\nimport { animateTimeout, cnMixPopoverAnimate } from '##/mixs/MixPopoverAnimate';\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type ColorPickerRootProps = PropsWithHTMLAttributesAndRef<\n  {\n    anchorRef?: React.RefObject<HTMLElement>;\n    controlRef?: React.RefObject<HTMLElement>;\n    direction?: Direction;\n    spareDirection?: Direction;\n    possibleDirections?: Direction[];\n    viewportRef?: React.RefObject<HTMLElement>;\n    onOpen?: (open: boolean) => void;\n    open?: boolean;\n  },\n  HTMLDivElement\n>;\n\nexport const cnColorPickerRoot = cn('ColorPickerRoot');\nconst emptyRef = { current: null };\n\nexport const ColorPickerRoot: React.FC<ColorPickerRootProps> = forwardRef(\n  (props, ref) => {\n    const {\n      className,\n      anchorRef: anchorRefProp = props.controlRef,\n      controlRef: controlRefProp = props.anchorRef,\n      direction = 'downStartLeft',\n      spareDirection = 'downStartLeft',\n      possibleDirections = [\n        'downStartLeft',\n        'downStartRight',\n        'upStartLeft',\n        'upStartRight',\n        'leftStartDown',\n        'leftStartUp',\n      ],\n      viewportRef,\n      onOpen,\n      open: openProp,\n      ...otherProps\n    } = props;\n\n    const contentRef = useRef<HTMLDivElement>(null);\n    const contentForkedRef = useForkRef([contentRef, ref]);\n\n    const withAnchor = !!anchorRefProp;\n    const anchorRef = anchorRefProp || emptyRef;\n    const controlRef = controlRefProp || emptyRef;\n    const [open, setOpen] = useFlag(openProp);\n    const focus = useDebounce(() => contentRef.current?.focus(), 15);\n    const handleClose = useCallback(() => {\n      setOpen.off();\n      if (controlRef.current) {\n        controlRef.current.focus();\n      }\n    }, []);\n\n    const handleOpen = useCallback(() => {\n      setOpen.on();\n      focus();\n    }, []);\n\n    const handelToggle = useCallback(() => {\n      if (open) {\n        handleClose();\n      } else {\n        handleOpen();\n      }\n    }, [open]);\n\n    useKeysRef({\n      ref: controlRef,\n      isActive: withAnchor && open,\n      keys: { Escape: handleClose },\n    });\n\n    const handelKeys = useKeys({\n      isActive: open,\n      keys: {\n        Escape: handleClose,\n      },\n    });\n\n    useEffect(() => {\n      controlRef.current?.addEventListener('click', handelToggle);\n\n      return () => {\n        controlRef.current?.removeEventListener('click', handelToggle);\n      };\n    }, [withAnchor]);\n\n    useEffect(() => {\n      onOpen?.(open);\n    }, [open]);\n\n    useEffect(() => {\n      setOpen.set(!!openProp);\n    }, [openProp]);\n\n    if (withAnchor) {\n      return (\n        <Transition\n          in={open}\n          unmountOnExit\n          timeout={animateTimeout}\n          nodeRef={contentRef}\n        >\n          {(animate) => (\n            <Popover\n              {...otherProps}\n              className={cnColorPickerRoot({ withAnchor }, [\n                className,\n                cnMixPopoverAnimate({ animate }),\n              ])}\n              ref={contentForkedRef}\n              anchorRef={anchorRef}\n              offset=\"2xs\"\n              direction={direction}\n              spareDirection={spareDirection}\n              possibleDirections={possibleDirections}\n              viewportRef={viewportRef}\n              onClickOutside={handleClose}\n              tabIndex={0}\n              role=\"dialog\"\n              onKeyUp={handelKeys}\n            />\n          )}\n        </Transition>\n      );\n    }\n\n    return (\n      <div\n        {...otherProps}\n        className={cnColorPickerRoot(null, [className])}\n        ref={ref}\n      />\n    );\n  },\n);\n"],"mappings":"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"}

package/__internal__/src/components/ColorPicker/ColorPickerRoot/index.d.ts

@@ -0,0 +1 @@
+export * from './ColorPickerRoot';

package/__internal__/src/components/ColorPicker/ColorPickerRoot/index.js

@@ -0,0 +1,2 @@
+export*from"./ColorPickerRoot";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/ColorPicker/ColorPickerRoot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/ColorPicker/ColorPickerRoot/index.ts"],"sourcesContent":["export * from './ColorPickerRoot';\n"],"mappings":"AAAA"}

package/__internal__/src/components/ColorPicker/ColorPickerSaturation/ColorPickerSaturation.css

@@ -0,0 +1 @@
+.ColorPickerSaturation{--color-picker-saturation-size:220px;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0));border-color:transparent;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);box-shadow:inset 0 0 0 1px var(--color-bg-border);height:var(--color-picker-saturation-size);position:relative}

package/__internal__/src/components/ColorPicker/ColorPickerSaturation/ColorPickerSaturation.d.ts

@@ -0,0 +1,13 @@
+import './ColorPickerSaturation.css';
+import React from 'react';
+import { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';
+import { HsvaColor } from '../types';
+export type ColorPickerProps = PropsWithHTMLAttributesAndRef<{
+    hsva: HsvaColor;
+    onChange: (value: {
+        s: number;
+        v: number;
+    }) => void;
+}, HTMLDivElement>;
+export declare const cnSaturation: import("@bem-react/classname").ClassNameFormatter;
+export declare const ColorPickerSaturation: React.ForwardRefExoticComponent<Omit<ColorPickerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/ColorPicker/ColorPickerSaturation/ColorPickerSaturation.js

@@ -0,0 +1,2 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["hsva","onChange","style","className"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./ColorPickerSaturation.css";import React,{forwardRef}from"react";import{cn}from"../../../utils/bem";import{ColorPickerInteractive}from"../ColorPickerInteractive";import{ColorPickerPoint}from"../ColorPickerPoint";import{clamp}from"../utils/clamp";import{hsvaToHslString}from"../utils/convert";export var cnSaturation=cn("ColorPickerSaturation");export var ColorPickerSaturation=forwardRef(function(a,b){var c=a.hsva,d=a.onChange,e=a.style,f=a.className,g=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},g,{ref:b,className:cnSaturation(null,f),style:_objectSpread(_objectSpread({},e),{},{backgroundColor:hsvaToHslString({h:c.h,s:100,v:100,a:1})})}),React.createElement(ColorPickerInteractive,{onMove:function onMove(a){d({s:100*a.left,v:100-100*a.top})},onKey:function onKey(a){d({s:clamp(c.s+100*a.left,0,100),v:clamp(c.v-100*a.top,0,100)})}},React.createElement(ColorPickerPoint,{className:cnSaturation("Pointer"),color:hsvaToHslString(c),style:{top:"".concat(100*(1-c.v/100),"%"),left:"".concat(c.s,"%")}})))});
+//# sourceMappingURL=ColorPickerSaturation.js.map

package/__internal__/src/components/ColorPicker/ColorPickerSaturation/ColorPickerSaturation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerSaturation.js","names":["React","forwardRef","cn","ColorPickerInteractive","ColorPickerPoint","clamp","hsvaToHslString","cnSaturation","ColorPickerSaturation","ref","hsva","onChange","style","className","props","backgroundColor","h","s","v","a","interaction","left","top","offset"],"sources":["../../../../../../src/components/ColorPicker/ColorPickerSaturation/ColorPickerSaturation.tsx"],"sourcesContent":["import './ColorPickerSaturation.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { ColorPickerInteractive } from '../ColorPickerInteractive';\nimport { ColorPickerPoint } from '../ColorPickerPoint';\nimport { HsvaColor } from '../types';\nimport { clamp } from '../utils/clamp';\nimport { hsvaToHslString } from '../utils/convert';\n\nexport type ColorPickerProps = PropsWithHTMLAttributesAndRef<\n  {\n    hsva: HsvaColor;\n    onChange: (value: { s: number; v: number }) => void;\n  },\n  HTMLDivElement\n>;\n\nexport const cnSaturation = cn('ColorPickerSaturation');\n\nexport const ColorPickerSaturation = forwardRef<\n  HTMLDivElement,\n  ColorPickerProps\n>(({ hsva, onChange, style, className, ...props }, ref) => {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cnSaturation(null, className)}\n      style={{\n        ...style,\n        backgroundColor: hsvaToHslString({ h: hsva.h, s: 100, v: 100, a: 1 }),\n      }}\n    >\n      <ColorPickerInteractive\n        onMove={(interaction) => {\n          onChange({\n            s: interaction.left * 100,\n            v: 100 - interaction.top * 100,\n          });\n        }}\n        onKey={(offset) => {\n          onChange({\n            s: clamp(hsva.s + offset.left * 100, 0, 100),\n            v: clamp(hsva.v - offset.top * 100, 0, 100),\n          });\n        }}\n      >\n        <ColorPickerPoint\n          className={cnSaturation('Pointer')}\n          color={hsvaToHslString(hsva)}\n          style={{\n            top: `${(1 - hsva.v / 100) * 100}%`,\n            left: `${hsva.s}%`,\n          }}\n        />\n      </ColorPickerInteractive>\n    </div>\n  );\n});\n"],"mappings":"gzBAAA,oCAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,EAAT,0BAGA,OAASC,sBAAT,iCACA,OAASC,gBAAT,2BAEA,OAASC,KAAT,sBACA,OAASC,eAAT,wBAUA,MAAO,IAAMC,aAAY,CAAGL,EAAE,CAAC,uBAAD,CAAvB,CAEP,MAAO,IAAMM,sBAAqB,CAAGP,UAAU,CAG7C,WAAiDQ,CAAjD,CAAyD,IAAtDC,EAAsD,GAAtDA,IAAsD,CAAhDC,CAAgD,GAAhDA,QAAgD,CAAtCC,CAAsC,GAAtCA,KAAsC,CAA/BC,CAA+B,GAA/BA,SAA+B,CAAjBC,CAAiB,uCACzD,MACE,4CACMA,CADN,EAEE,GAAG,CAAEL,CAFP,CAGE,SAAS,CAAEF,YAAY,CAAC,IAAD,CAAOM,CAAP,CAHzB,CAIE,KAAK,gCACAD,CADA,MAEHG,eAAe,CAAET,eAAe,CAAC,CAAEU,CAAC,CAAEN,CAAI,CAACM,CAAV,CAAaC,CAAC,CAAE,GAAhB,CAAqBC,CAAC,CAAE,GAAxB,CAA6BC,CAAC,CAAE,CAAhC,CAAD,CAF7B,EAJP,GASE,oBAAC,sBAAD,EACE,MAAM,CAAE,gBAACC,CAAD,CAAiB,CACvBT,CAAQ,CAAC,CACPM,CAAC,CAAqB,GAAnB,CAAAG,CAAW,CAACC,IADR,CAEPH,CAAC,CAAE,IAAwB,GAAlB,CAAAE,CAAW,CAACE,GAFd,CAAD,CAIT,CANH,CAOE,KAAK,CAAE,eAACC,CAAD,CAAY,CACjBZ,CAAQ,CAAC,CACPM,CAAC,CAAEZ,KAAK,CAACK,CAAI,CAACO,CAAL,CAAuB,GAAd,CAAAM,CAAM,CAACF,IAAjB,CAA6B,CAA7B,CAAgC,GAAhC,CADD,CAEPH,CAAC,CAAEb,KAAK,CAACK,CAAI,CAACQ,CAAL,CAAsB,GAAb,CAAAK,CAAM,CAACD,GAAjB,CAA4B,CAA5B,CAA+B,GAA/B,CAFD,CAAD,CAIT,CAZH,EAcE,oBAAC,gBAAD,EACE,SAAS,CAAEf,YAAY,CAAC,SAAD,CADzB,CAEE,KAAK,CAAED,eAAe,CAACI,CAAD,CAFxB,CAGE,KAAK,CAAE,CACLY,GAAG,WAA0B,GAArB,EAAC,EAAIZ,CAAI,CAACQ,CAAL,CAAS,GAAd,CAAL,KADE,CAELG,IAAI,WAAKX,CAAI,CAACO,CAAV,KAFC,CAHT,EAdF,CATF,CAkCH,CAvC8C,CAAxC"}

package/__internal__/src/components/ColorPicker/ColorPickerSaturation/index.d.ts

@@ -0,0 +1 @@
+export * from './ColorPickerSaturation';

package/__internal__/src/components/ColorPicker/ColorPickerSaturation/index.js

@@ -0,0 +1,2 @@
+export*from"./ColorPickerSaturation";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/ColorPicker/ColorPickerSaturation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/ColorPicker/ColorPickerSaturation/index.ts"],"sourcesContent":["export * from './ColorPickerSaturation';\n"],"mappings":"AAAA"}

package/__internal__/src/components/ColorPicker/hooks/useColorManipulation.d.ts

@@ -0,0 +1,2 @@
+import { ColorModel, HsvaColor } from '../types';
+export declare function useColorManipulation<T>(colorModel: ColorModel<T>, color: T, onChange?: (color: T) => void): [HsvaColor, (color: Partial<HsvaColor>) => void];

package/__internal__/src/components/ColorPicker/hooks/useColorManipulation.js

@@ -0,0 +1,2 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{useCallback,useEffect,useRef,useState}from"react";import{equalColorObjects}from"../utils/compare";import{useEventCallback}from"./useEventCallback";export function useColorManipulation(a,b,c){var d=useEventCallback(c),e=useState(function(){return a.toHsva(b)}),f=_slicedToArray(e,2),g=f[0],h=f[1],i=useRef({color:b,hsva:g});useEffect(function(){if(!a.equal(b,i.current.color)){var c=a.toHsva(b);i.current={hsva:c,color:b},h(c)}},[b,a]),useEffect(function(){var b;equalColorObjects(g,i.current.hsva)||a.equal(b=a.fromHsva(g),i.current.color)||(i.current={hsva:g,color:b},d(b))},[g,a,d]);var j=useCallback(function(a){h(function(b){return _objectSpread(_objectSpread({},b),a)})},[]);return[g,j]}
+//# sourceMappingURL=useColorManipulation.js.map

package/__internal__/src/components/ColorPicker/hooks/useColorManipulation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColorManipulation.js","names":["useCallback","useEffect","useRef","useState","equalColorObjects","useEventCallback","useColorManipulation","colorModel","color","onChange","onChangeCallback","toHsva","hsva","updateHsva","cache","equal","current","newHsva","newColor","fromHsva","handleChange","params"],"sources":["../../../../../../src/components/ColorPicker/hooks/useColorManipulation.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { ColorModel, HsvaColor } from '../types';\nimport { equalColorObjects } from '../utils/compare';\nimport { useEventCallback } from './useEventCallback';\n\nexport function useColorManipulation<T>(\n  colorModel: ColorModel<T>,\n  color: T,\n  onChange?: (color: T) => void,\n): [HsvaColor, (color: Partial<HsvaColor>) => void] {\n  const onChangeCallback = useEventCallback<T>(onChange);\n\n  const [hsva, updateHsva] = useState<HsvaColor>(() =>\n    colorModel.toHsva(color),\n  );\n\n  const cache = useRef({ color, hsva });\n\n  useEffect(() => {\n    if (!colorModel.equal(color, cache.current.color)) {\n      const newHsva = colorModel.toHsva(color);\n      cache.current = { hsva: newHsva, color };\n      updateHsva(newHsva);\n    }\n  }, [color, colorModel]);\n\n  useEffect(() => {\n    let newColor;\n    if (\n      !equalColorObjects(hsva, cache.current.hsva) &&\n      !colorModel.equal(\n        (newColor = colorModel.fromHsva(hsva)),\n        cache.current.color,\n      )\n    ) {\n      cache.current = { hsva, color: newColor };\n      onChangeCallback(newColor);\n    }\n  }, [hsva, colorModel, onChangeCallback]);\n\n  const handleChange = useCallback((params: Partial<HsvaColor>) => {\n    updateHsva((current) => ({ ...current, ...params }));\n  }, []);\n\n  return [hsva, handleChange];\n}\n"],"mappings":"suBAAA,OAASA,WAAT,CAAsBC,SAAtB,CAAiCC,MAAjC,CAAyCC,QAAzC,KAAyD,OAAzD,CAGA,OAASC,iBAAT,wBACA,OAASC,gBAAT,0BAEA,MAAO,SAASC,qBAAT,CACLC,CADK,CAELC,CAFK,CAGLC,CAHK,CAI6C,IAC5CC,EAAgB,CAAGL,gBAAgB,CAAII,CAAJ,CADS,GAGvBN,QAAQ,CAAY,iBAC7CI,EAAU,CAACI,MAAX,CAAkBH,CAAlB,CAD6C,CAAZ,CAHe,uBAG3CI,CAH2C,MAGrCC,CAHqC,MAO5CC,CAAK,CAAGZ,MAAM,CAAC,CAAEM,KAAK,CAALA,CAAF,CAASI,IAAI,CAAJA,CAAT,CAAD,CAP8B,CASlDX,SAAS,CAAC,UAAM,CACd,GAAI,CAACM,CAAU,CAACQ,KAAX,CAAiBP,CAAjB,CAAwBM,CAAK,CAACE,OAAN,CAAcR,KAAtC,CAAL,CAAmD,CACjD,GAAMS,EAAO,CAAGV,CAAU,CAACI,MAAX,CAAkBH,CAAlB,CAAhB,CACAM,CAAK,CAACE,OAAN,CAAgB,CAAEJ,IAAI,CAAEK,CAAR,CAAiBT,KAAK,CAALA,CAAjB,CAFiC,CAGjDK,CAAU,CAACI,CAAD,CACX,CACF,CANQ,CAMN,CAACT,CAAD,CAAQD,CAAR,CANM,CATyC,CAiBlDN,SAAS,CAAC,UAAM,CACd,GAAIiB,EAAJ,CAEGd,iBAAiB,CAACQ,CAAD,CAAOE,CAAK,CAACE,OAAN,CAAcJ,IAArB,CAAlB,EACCL,CAAU,CAACQ,KAAX,CACEG,CAAQ,CAAGX,CAAU,CAACY,QAAX,CAAoBP,CAApB,CADb,CAECE,CAAK,CAACE,OAAN,CAAcR,KAFf,CAJW,GASZM,CAAK,CAACE,OAAN,CAAgB,CAAEJ,IAAI,CAAJA,CAAF,CAAQJ,KAAK,CAAEU,CAAf,CATJ,CAUZR,CAAgB,CAACQ,CAAD,CAVJ,CAYf,CAZQ,CAYN,CAACN,CAAD,CAAOL,CAAP,CAAmBG,CAAnB,CAZM,CAjByC,CA+BlD,GAAMU,EAAY,CAAGpB,WAAW,CAAC,SAACqB,CAAD,CAAgC,CAC/DR,CAAU,CAAC,SAACG,CAAD,wCAAmBA,CAAnB,EAA+BK,CAA/B,EAAD,CACX,CAF+B,CAE7B,EAF6B,CAAhC,CAIA,MAAO,CAACT,CAAD,CAAOQ,CAAP,CACR"}

package/__internal__/src/components/ColorPicker/hooks/useEventCallback.d.ts

@@ -0,0 +1 @@
+export declare function useEventCallback<T>(handler?: (value: T) => void): (value: T) => void;

package/__internal__/src/components/ColorPicker/hooks/useEventCallback.js

@@ -0,0 +1,2 @@
+import{useRef}from"react";export function useEventCallback(a){var b=useRef(a),c=useRef(function(a){b.current&&b.current(a)});return b.current=a,c.current}
+//# sourceMappingURL=useEventCallback.js.map

package/__internal__/src/components/ColorPicker/hooks/useEventCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventCallback.js","names":["useRef","useEventCallback","handler","callbackRef","fn","value","current"],"sources":["../../../../../../src/components/ColorPicker/hooks/useEventCallback.ts"],"sourcesContent":["import { useRef } from 'react';\n\nexport function useEventCallback<T>(\n  handler?: (value: T) => void,\n): (value: T) => void {\n  const callbackRef = useRef(handler);\n  const fn = useRef((value: T) => {\n    callbackRef.current && callbackRef.current(value);\n  });\n  callbackRef.current = handler;\n\n  return fn.current;\n}\n"],"mappings":"AAAA,OAASA,MAAT,KAAuB,OAAvB,CAEA,MAAO,SAASC,iBAAT,CACLC,CADK,CAEe,IACdC,EAAW,CAAGH,MAAM,CAACE,CAAD,CADN,CAEdE,CAAE,CAAGJ,MAAM,CAAC,SAACK,CAAD,CAAc,CAC9BF,CAAW,CAACG,OAAZ,EAAuBH,CAAW,CAACG,OAAZ,CAAoBD,CAApB,CACxB,CAFgB,CAFG,CAOpB,MAFAF,EAAW,CAACG,OAAZ,CAAsBJ,CAEtB,CAAOE,CAAE,CAACE,OACX"}