@consta/uikit 5.31.0 → 5.32.0

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

@@ -0,0 +1,6 @@
+import { ColorPickerInputProps } from '../ColorPickerInput';
+export type ColorControlProps<T> = ColorPickerInputProps<T> & {
+    markerRef?: React.RefObject<HTMLButtonElement>;
+    onlyMarker?: boolean;
+};
+export type ColorControlComponent = <T>(props: ColorControlProps<T>) => React.ReactElement;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/ColorPicker/ColorControl/types.ts"],"sourcesContent":["import { ColorPickerInputProps } from '../ColorPickerInput';\n\nexport type ColorControlProps<T> = ColorPickerInputProps<T> & {\n  markerRef?: React.RefObject<HTMLButtonElement>;\n  onlyMarker?: boolean;\n};\n\nexport type ColorControlComponent = <T>(\n  props: ColorControlProps<T>,\n) => React.ReactElement;\n"],"mappings":""}

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

@@ -0,0 +1 @@
+.ColorInputTypeChanger-Select.FieldControlLayout{flex:none;width:64px}.ColorInputTypeChanger-Input{flex:1}

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

@@ -0,0 +1,4 @@
+import './ColorInputTypeChanger.css';
+import { ColorInputTypeChangerComponent } from './types';
+export declare const cnColorInputTypeChanger: import("@bem-react/classname").ClassNameFormatter;
+export declare const ColorInputTypeChanger: ColorInputTypeChangerComponent;

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

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["format","size","className"];import"./ColorInputTypeChanger.css";import React,{forwardRef,useState}from"react";import{Select}from"../../SelectCanary";import{cnMixFlex}from"../../../mixs/MixFlex";import{cn}from"../../../utils/bem";import{ColorPickerInput}from"..";export var cnColorInputTypeChanger=cn("ColorInputTypeChanger");var getFormat=function(a){return a},ColorInputTypeChangerRender=function(a,b){var c=a.format,d=void 0===c?["hex","hsl","hsv","rgb"]:c,e=a.size,f=a.className,g=_objectWithoutProperties(a,_excluded),h="string"==typeof d?[d]:d,i=useState(h[0]),j=_slicedToArray(i,2),k=j[0],l=j[1],m=k||h[0];return React.createElement("div",{className:cnColorInputTypeChanger(null,[cnMixFlex({flex:"flex",gap:"xs"}),f])},1<h.length&&React.createElement(Select,{className:cnColorInputTypeChanger("Select"),value:m,onChange:l,items:h,getItemLabel:getFormat,getItemKey:getFormat,size:e}),React.createElement(ColorPickerInput,Object.assign({},g,{className:cnColorInputTypeChanger("Input"),ref:b,format:m,size:e})))};export var ColorInputTypeChanger=forwardRef(ColorInputTypeChangerRender);
+//# sourceMappingURL=ColorInputTypeChanger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorInputTypeChanger.js","names":["React","forwardRef","useState","Select","cnMixFlex","cn","ColorPickerInput","cnColorInputTypeChanger","getFormat","format","ColorInputTypeChangerRender","ref","formatProp","size","className","otherProps","formats","setFormat","value","flex","gap","length","ColorInputTypeChanger"],"sources":["../../../../../../src/components/ColorPicker/ColorInputTypeChanger/ColorInputTypeChanger.tsx"],"sourcesContent":["import './ColorInputTypeChanger.css';\n\nimport React, { forwardRef, useState } from 'react';\n\nimport { Select } from '##/components/SelectCanary';\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cn } from '##/utils/bem';\n\nimport { ColorPickerInput } from '..';\nimport { ColorInputFormat } from '../types';\nimport {\n  ColorInputTypeChangerComponent,\n  ColorInputTypeChangerProps,\n} from './types';\n\nexport const cnColorInputTypeChanger = cn('ColorInputTypeChanger');\n\nconst getFormat = (format: string) => format;\n\nconst ColorInputTypeChangerRender = <T,>(\n  {\n    format: formatProp = ['hex', 'hsl', 'hsv', 'rgb'],\n    size,\n    className,\n    ...otherProps\n  }: ColorInputTypeChangerProps<T>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const formats = typeof formatProp === 'string' ? [formatProp] : formatProp;\n  const [format, setFormat] = useState<ColorInputFormat | null>(formats[0]);\n  const value = format || formats[0];\n  return (\n    <div\n      className={cnColorInputTypeChanger(null, [\n        cnMixFlex({ flex: 'flex', gap: 'xs' }),\n        className,\n      ])}\n    >\n      {formats.length > 1 && (\n        <Select\n          className={cnColorInputTypeChanger('Select')}\n          value={value}\n          onChange={setFormat}\n          items={formats}\n          getItemLabel={getFormat}\n          getItemKey={getFormat}\n          size={size}\n        />\n      )}\n      <ColorPickerInput\n        {...otherProps}\n        className={cnColorInputTypeChanger('Input')}\n        ref={ref}\n        format={value}\n        size={size}\n      />\n    </div>\n  );\n};\n\nexport const ColorInputTypeChanger = forwardRef(\n  ColorInputTypeChangerRender,\n) as ColorInputTypeChangerComponent;\n"],"mappings":"kMAAA,oCAEA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,QAA5B,KAA4C,OAA5C,CAEA,OAASC,MAAT,0BACA,OAASC,SAAT,6BACA,OAASC,EAAT,0BAEA,OAASC,gBAAT,KAAiC,IAAjC,CAOA,MAAO,IAAMC,wBAAuB,CAAGF,EAAE,CAAC,uBAAD,CAAlC,C,GAEDG,UAAS,CAAG,SAACC,CAAD,QAAoBA,EAApB,C,CAEZC,2BAA2B,CAAG,WAOlCC,CAPkC,CAQ/B,SANDF,MAMC,CANOG,CAMP,YANoB,CAAC,KAAD,CAAQ,KAAR,CAAe,KAAf,CAAsB,KAAtB,CAMpB,GALDC,CAKC,GALDA,IAKC,CAJDC,CAIC,GAJDA,SAIC,CAHEC,CAGF,uCACGC,CAAO,CAAyB,QAAtB,QAAOJ,EAAP,CAAiC,CAACA,CAAD,CAAjC,CAAgDA,CAD7D,GAEyBV,QAAQ,CAA0Bc,CAAO,CAAC,CAAD,CAAjC,CAFjC,uBAEIP,CAFJ,MAEYQ,CAFZ,MAGGC,CAAK,CAAGT,CAAM,EAAIO,CAAO,CAAC,CAAD,CAH5B,CAIH,MACE,4BACE,SAAS,CAAET,uBAAuB,CAAC,IAAD,CAAO,CACvCH,SAAS,CAAC,CAAEe,IAAI,CAAE,MAAR,CAAgBC,GAAG,CAAE,IAArB,CAAD,CAD8B,CAEvCN,CAFuC,CAAP,CADpC,EAMoB,CAAjB,CAAAE,CAAO,CAACK,MAAR,EACC,oBAAC,MAAD,EACE,SAAS,CAAEd,uBAAuB,CAAC,QAAD,CADpC,CAEE,KAAK,CAAEW,CAFT,CAGE,QAAQ,CAAED,CAHZ,CAIE,KAAK,CAAED,CAJT,CAKE,YAAY,CAAER,SALhB,CAME,UAAU,CAAEA,SANd,CAOE,IAAI,CAAEK,CAPR,EAPJ,CAiBE,oBAAC,gBAAD,kBACME,CADN,EAEE,SAAS,CAAER,uBAAuB,CAAC,OAAD,CAFpC,CAGE,GAAG,CAAEI,CAHP,CAIE,MAAM,CAAEO,CAJV,CAKE,IAAI,CAAEL,CALR,GAjBF,CA0BH,C,CAED,MAAO,IAAMS,sBAAqB,CAAGrB,UAAU,CAC7CS,2BAD6C,CAAxC"}

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+import { ColorPickerInputProps } from '../ColorPickerInput';
+import { ColorInputFormat } from '../types';
+export type ColorInputTypeChangerProps<T> = Omit<ColorPickerInputProps<T>, 'format'> & {
+    format?: ColorInputFormat[] | ColorInputFormat;
+};
+export type ColorInputTypeChangerComponent = <T>(props: ColorInputTypeChangerProps<T>) => React.ReactElement;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/ColorPicker/ColorInputTypeChanger/types.ts"],"sourcesContent":["import { ColorPickerInputProps } from '../ColorPickerInput';\nimport { ColorInputFormat } from '../types';\n\nexport type ColorInputTypeChangerProps<T> = Omit<\n  ColorPickerInputProps<T>,\n  'format'\n> & {\n  format?: ColorInputFormat[] | ColorInputFormat;\n};\n\nexport type ColorInputTypeChangerComponent = <T>(\n  props: ColorInputTypeChangerProps<T>,\n) => React.ReactElement;\n"],"mappings":""}

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

@@ -0,0 +1 @@
+.ColorMarker{--marker-color:linear-gradient(to left,var(--color-picker-marker-color-with-alpha) 0%,var(--color-picker-marker-color-with-alpha) 50%,var(--color-picker-marker-color) 50%,var(--color-picker-marker-color) 100%);background-image:var(--marker-color),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>'),linear-gradient(to left,#fff 0,#fff 100%);background-repeat:no-repeat,repeat;background-size:100% 100%,8px 8px;border:none;border-radius:var(--color-picker-marker-radius,none);display:flex;height:var(--color-picker-marker-size);outline:none;padding:0;position:relative;width:var(--color-picker-marker-size)}.ColorMarker_as_a,.ColorMarker_as_button{cursor:pointer}.ColorMarker_as_button:disabled{cursor:not-allowed}.ColorMarker_size_xs{--color-picker-marker-size:var(--space-m)}.ColorMarker_size_s{--color-picker-marker-size:var(--space-xl)}.ColorMarker_size_m{--color-picker-marker-size:var(--space-2xl)}.ColorMarker_size_l{--color-picker-marker-size:var(--space-3xl)}.ColorMarker_form_default{--color-picker-marker-radius:var(--control-radius)}.ColorMarker_form_round{--color-picker-marker-radius:calc(var(--color-picker-marker-size)/2)}.ColorMarker_active{outline:2px solid var(--color-control-bg-border-secondary)}.ColorMarker:after{border-radius:var(--color-picker-marker-radius);bottom:0;box-shadow:inset 0 0 0 1px var(--color-bg-border);content:"";left:0;position:absolute;right:0;top:0}.ColorMarker_withoutColor{--marker-color:linear-gradient(135deg,transparent 0%,transparent calc(50% - 1px),var(--color-typo-alert) calc(50% - 1px),var(--color-typo-alert) calc(50% + 1px),transparent calc(50% + 1px),transparent 100%)}

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

@@ -0,0 +1,16 @@
+import './ColorMarker.css';
+import React from 'react';
+import { AsTags } from '../../../utils/types/AsTags';
+import { PropsWithAsAttributes } from '../../../utils/types/PropsWithAsAttributes';
+import { ColorModel } from '../types';
+export declare const cnColorMarker: import("@bem-react/classname").ClassNameFormatter;
+export type ColorMarkerProps<T, As extends AsTags = 'div'> = PropsWithAsAttributes<{
+    model: ColorModel<T>;
+    value: T | undefined | null;
+    active?: boolean;
+    size?: 'xs' | 's' | 'm' | 'l';
+    as?: As;
+    form?: 'default' | 'brick' | 'round';
+}, As>;
+export type ColorMarkerComponent = <T, As extends AsTags = 'div'>(props: ColorMarkerProps<T, As>) => React.ReactElement;
+export declare const ColorMarker: ColorMarkerComponent;

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

@@ -0,0 +1,2 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["model","value","active","size","className","style","as","form"];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"./ColorMarker.css";import React,{forwardRef}from"react";import{cnMixFocus}from"../../../mixs/MixFocus";import{cn}from"../../../utils/bem";import{hsvaToHslaString,hsvaToHslString}from"../utils/convert";export var cnColorMarker=cn("ColorMarker");var ColorMarkerRender=function(a,b){var c,d=a.model,e=a.value,f=a.active,g=a.size,h=void 0===g?"m":g,i=a.className,j=a.style,k=a.as,l=void 0===k?"div":k,m=a.form,n=void 0===m?"default":m,o=_objectWithoutProperties(a,_excluded),p=e?d.toHsva(e):void 0,q=p?hsvaToHslString(p):void 0,r=p?hsvaToHslaString(p):void 0;return React.createElement(l,Object.assign({},o,{ref:b,className:cnColorMarker({size:h,active:f,form:n,withoutColor:!e,as:l},[f?void 0:cnMixFocus(),i]),style:_objectSpread(_objectSpread({},j),{},(c={},_defineProperty(c,"--color-picker-marker-color",q),_defineProperty(c,"--color-picker-marker-color-with-alpha",r),c))}))};export var ColorMarker=forwardRef(ColorMarkerRender);
+//# sourceMappingURL=ColorMarker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorMarker.js","names":["React","forwardRef","cnMixFocus","cn","hsvaToHslaString","hsvaToHslString","cnColorMarker","ColorMarkerRender","ref","model","value","active","size","className","style","as","form","otherProps","hsva","toHsva","color","colorWithAlpha","withoutColor","ColorMarker"],"sources":["../../../../../../src/components/ColorPicker/ColorMarker/ColorMarker.tsx"],"sourcesContent":["import './ColorMarker.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cnMixFocus } from '##/mixs/MixFocus';\nimport { cn } from '##/utils/bem';\nimport { AsTags } from '##/utils/types/AsTags';\nimport { PropsWithAsAttributes } from '##/utils/types/PropsWithAsAttributes';\n\nimport { ColorModel } from '../types';\nimport { hsvaToHslaString, hsvaToHslString } from '../utils/convert';\n\nexport const cnColorMarker = cn('ColorMarker');\n\nexport type ColorMarkerProps<\n  T,\n  As extends AsTags = 'div',\n> = PropsWithAsAttributes<\n  {\n    model: ColorModel<T>;\n    value: T | undefined | null;\n    active?: boolean;\n    size?: 'xs' | 's' | 'm' | 'l';\n    as?: As;\n    form?: 'default' | 'brick' | 'round';\n  },\n  As\n>;\n\nexport type ColorMarkerComponent = <T, As extends AsTags = 'div'>(\n  props: ColorMarkerProps<T, As>,\n) => React.ReactElement;\n\nconst ColorMarkerRender = <T,>(\n  {\n    model,\n    value,\n    active,\n    size = 'm',\n    className,\n    style,\n    as = 'div',\n    form = 'default',\n    ...otherProps\n  }: ColorMarkerProps<T>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const hsva = value ? model.toHsva(value) : undefined;\n  const color = hsva ? hsvaToHslString(hsva) : undefined;\n  const colorWithAlpha = hsva ? hsvaToHslaString(hsva) : undefined;\n\n  const Tag = as;\n\n  return (\n    <Tag\n      {...otherProps}\n      ref={ref}\n      className={cnColorMarker(\n        { size, active, form, withoutColor: !value, as },\n        [active ? undefined : cnMixFocus(), className],\n      )}\n      style={{\n        ...style,\n        ['--color-picker-marker-color' as string]: color,\n        ['--color-picker-marker-color-with-alpha' as string]: colorWithAlpha,\n      }}\n    />\n  );\n};\n\nexport const ColorMarker = forwardRef(\n  ColorMarkerRender,\n) as ColorMarkerComponent;\n"],"mappings":"00BAAA,0BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAKA,OAASC,gBAAT,CAA2BC,eAA3B,wBAEA,MAAO,IAAMC,cAAa,CAAGH,EAAE,CAAC,aAAD,CAAxB,CAqBP,GAAMI,kBAAiB,CAAG,WAYxBC,CAZwB,CAarB,OAXDC,CAWC,GAXDA,KAWC,CAVDC,CAUC,GAVDA,KAUC,CATDC,CASC,GATDA,MASC,KARDC,IAQC,CARDA,CAQC,YARM,GAQN,GAPDC,CAOC,GAPDA,SAOC,CANDC,CAMC,GANDA,KAMC,KALDC,EAKC,CALDA,CAKC,YALI,KAKJ,OAJDC,IAIC,CAJDA,CAIC,YAJM,SAIN,GAHEC,CAGF,uCACGC,CAAI,CAAGR,CAAK,CAAGD,CAAK,CAACU,MAAN,CAAaT,CAAb,CAAH,OADf,CAEGU,CAAK,CAAGF,CAAI,CAAGb,eAAe,CAACa,CAAD,CAAlB,OAFf,CAGGG,CAAc,CAAGH,CAAI,CAAGd,gBAAgB,CAACc,CAAD,CAAnB,OAHxB,CAOH,MACE,qBAHUH,CAGV,kBACME,CADN,EAEE,GAAG,CAAET,CAFP,CAGE,SAAS,CAAEF,aAAa,CACtB,CAAEM,IAAI,CAAJA,CAAF,CAAQD,MAAM,CAANA,CAAR,CAAgBK,IAAI,CAAJA,CAAhB,CAAsBM,YAAY,CAAE,CAACZ,CAArC,CAA4CK,EAAE,CAAFA,CAA5C,CADsB,CAEtB,CAACJ,CAAM,QAAeT,UAAU,EAAhC,CAAoCW,CAApC,CAFsB,CAH1B,CAOE,KAAK,gCACAC,CADA,6BAEF,6BAFE,CAEwCM,CAFxC,oBAGF,wCAHE,CAGmDC,CAHnD,KAPP,GAcH,CAnCD,CAqCA,MAAO,IAAME,YAAW,CAAGtB,UAAU,CACnCM,iBADmC,CAA9B"}

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

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

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

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

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

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';
+import { ColorModel } from '../types';
+export type ColorPaletteProps<T> = PropsWithHTMLAttributesAndRef<{
+    model: ColorModel<T>;
+    items: T[];
+    value?: T;
+    onChange?: (value: T, event: React.MouseEvent<HTMLButtonElement>) => void;
+    size?: 'xs' | 's' | 'm' | 'l';
+    form?: 'default' | 'brick' | 'round';
+}, HTMLDivElement>;
+export type ColorPaletteComponent = <T>(props: ColorPaletteProps<T>) => React.ReactElement;
+export declare const ColorPalette: ColorPaletteComponent;

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

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["model","items","value","onChange","size","form","className"];import{classnames}from"@bem-react/classnames";import React,{forwardRef}from"react";import{cnMixFlex}from"../../../mixs/MixFlex";import{ColorMarker}from"../ColorMarker";import{hsvaToHsvaString}from"../utils/convert";var ColorPaletteRender=function(a,b){var c=a.model,d=a.items,e=a.value,f=a.onChange,g=a.size,h=void 0===g?"m":g,i=a.form,j=a.className,k=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},k,{className:classnames(j,cnMixFlex({flex:"flex",gap:"xs",wrap:"wrap"})),ref:b}),d.map(function(a){var b=hsvaToHsvaString(c.toHsva(a)),d=!!e&&hsvaToHsvaString(c.toHsva(e))===b;return React.createElement(ColorMarker,{as:"button",key:b,model:c,value:a,active:d,onClick:function onClick(b){return null===f||void 0===f?void 0:f(a,b)},size:h,form:i})}))};export var ColorPalette=forwardRef(ColorPaletteRender);
+//# sourceMappingURL=ColorPalette.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPalette.js","names":["classnames","React","forwardRef","cnMixFlex","ColorMarker","hsvaToHsvaString","ColorPaletteRender","ref","model","items","value","onChange","size","form","className","otherProps","flex","gap","wrap","map","item","itemHsvaString","toHsva","active","event","ColorPalette"],"sources":["../../../../../../src/components/ColorPicker/ColorPalette/ColorPalette.tsx"],"sourcesContent":["import { classnames } from '@bem-react/classnames';\nimport React, { forwardRef } from 'react';\n\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { ColorMarker } from '../ColorMarker';\nimport { ColorModel } from '../types';\nimport { hsvaToHsvaString } from '../utils/convert';\n\nexport type ColorPaletteProps<T> = PropsWithHTMLAttributesAndRef<\n  {\n    model: ColorModel<T>;\n    items: T[];\n    value?: T;\n    onChange?: (value: T, event: React.MouseEvent<HTMLButtonElement>) => void;\n    size?: 'xs' | 's' | 'm' | 'l';\n    form?: 'default' | 'brick' | 'round';\n  },\n  HTMLDivElement\n>;\n\nexport type ColorPaletteComponent = <T>(\n  props: ColorPaletteProps<T>,\n) => React.ReactElement;\n\nconst ColorPaletteRender = <T,>(\n  {\n    model,\n    items,\n    value,\n    onChange,\n    size = 'm',\n    form,\n    className,\n    ...otherProps\n  }: ColorPaletteProps<T>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  return (\n    <div\n      {...otherProps}\n      className={classnames(\n        className,\n        cnMixFlex({ flex: 'flex', gap: 'xs', wrap: 'wrap' }),\n      )}\n      ref={ref}\n    >\n      {items.map((item) => {\n        const itemHsvaString = hsvaToHsvaString(model.toHsva(item));\n        const active = value\n          ? hsvaToHsvaString(model.toHsva(value)) === itemHsvaString\n          : false;\n\n        return (\n          <ColorMarker\n            as=\"button\"\n            key={itemHsvaString}\n            model={model}\n            value={item}\n            active={active}\n            onClick={(event) => onChange?.(item, event)}\n            size={size}\n            form={form}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nexport const ColorPalette = forwardRef(\n  ColorPaletteRender,\n) as ColorPaletteComponent;\n"],"mappings":"kKAAA,OAASA,UAAT,KAA2B,uBAA3B,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,SAAT,6BAGA,OAASC,WAAT,sBAEA,OAASC,gBAAT,wBAkBA,GAAMC,mBAAkB,CAAG,WAWzBC,CAXyB,CAYtB,IAVDC,EAUC,GAVDA,KAUC,CATDC,CASC,GATDA,KASC,CARDC,CAQC,GARDA,KAQC,CAPDC,CAOC,GAPDA,QAOC,KANDC,IAMC,CANDA,CAMC,YANM,GAMN,GALDC,CAKC,GALDA,IAKC,CAJDC,CAIC,GAJDA,SAIC,CAHEC,CAGF,uCACH,MACE,4CACMA,CADN,EAEE,SAAS,CAAEf,UAAU,CACnBc,CADmB,CAEnBX,SAAS,CAAC,CAAEa,IAAI,CAAE,MAAR,CAAgBC,GAAG,CAAE,IAArB,CAA2BC,IAAI,CAAE,MAAjC,CAAD,CAFU,CAFvB,CAME,GAAG,CAAEX,CANP,GAQGE,CAAK,CAACU,GAAN,CAAU,SAACC,CAAD,CAAU,IACbC,EAAc,CAAGhB,gBAAgB,CAACG,CAAK,CAACc,MAAN,CAAaF,CAAb,CAAD,CADpB,CAEbG,CAAM,GAAGb,CAAH,EACRL,gBAAgB,CAACG,CAAK,CAACc,MAAN,CAAaZ,CAAb,CAAD,CAAhB,GAA0CW,CAH3B,CAMnB,MACE,qBAAC,WAAD,EACE,EAAE,CAAC,QADL,CAEE,GAAG,CAAEA,CAFP,CAGE,KAAK,CAAEb,CAHT,CAIE,KAAK,CAAEY,CAJT,CAKE,MAAM,CAAEG,CALV,CAME,OAAO,CAAE,iBAACC,CAAD,gBAAWb,CAAX,WAAWA,CAAX,QAAWA,CAAQ,CAAGS,CAAH,CAASI,CAAT,CAAnB,CANX,CAOE,IAAI,CAAEZ,CAPR,CAQE,IAAI,CAAEC,CARR,EAWH,CAlBA,CARH,CA6BH,CA3CD,CA6CA,MAAO,IAAMY,aAAY,CAAGvB,UAAU,CACpCI,kBADoC,CAA/B"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+.ColorPicker:not(.ColorPicker_withAnchor) .ModalLayout-Slot:first-child>:first-child{padding-top:0}.ColorPicker:not(.ColorPicker_withAnchor) .ModalLayout-Slot:last-child>:last-child{padding-bottom:0}

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

@@ -0,0 +1,3 @@
+import './ColorPicker.css';
+import { ColorPickerComponent } from './types';
+export declare const ColorPicker: ColorPickerComponent;

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

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["model","value","anchorRef","controlRef","className","header","onChange","alpha","palette","paletteTitle","mainControl","format"];import"./ColorPicker.css";import React,{forwardRef}from"react";import{ModalLayout}from"../../Modal";import{Text}from"../../Text";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";import{ColorPalette,ColorPickerBase}from"..";import{ColorInputTypeChanger}from"../ColorInputTypeChanger";import{ColorPickerRoot}from"../ColorPickerRoot";var cnColorPicker=cn("ColorPicker"),renderNode=function(a,b){return a?"string"==typeof a?React.createElement(Text,{className:b,size:"s",weight:"semibold"},a):React.createElement("div",{className:b},a):null},ColorPickerRender=function(a,b){var c,d=a.model,e=a.value,f=void 0===e?d.defaultColor:e,g=a.anchorRef,h=void 0===g?a.controlRef:g,i=a.controlRef,j=void 0===i?a.anchorRef:i,k=a.className,l=a.header,m=a.onChange,n=a.alpha,o=a.palette,p=a.paletteTitle,q=a.mainControl,r=!(void 0!==q)||q,s=a.format,t=void 0===s?["hex","hsl","hsv","rgb"]:s,u=_objectWithoutProperties(a,_excluded),v=!!t&&0<(null===(c="string"==typeof t?[t]:t)||void 0===c?void 0:c.length),w=h?"s":void 0;return React.createElement(ColorPickerRoot,Object.assign({},u,{ref:b,className:cnColorPicker({withAnchor:!!h},[k]),anchorRef:h,controlRef:j}),React.createElement(ModalLayout,{border:[!!l&&r,!!(null!==o&&void 0!==o&&o.length)]},renderNode(l,cnColorPicker("Header",cnMixSpace({pH:w,pV:"s"}))),r&&React.createElement(ColorPickerBase,{className:cnMixSpace({pH:w,pB:v?"xs":"s",pT:"l"}),model:d,value:f,onChange:m,alpha:n}),r&&t&&v?React.createElement(ColorInputTypeChanger,{className:cnMixSpace({pH:w,pB:"s"}),model:d,value:f,onChange:m,alpha:n,size:"xs",format:t}):null,o&&React.createElement(React.Fragment,null,renderNode(p,cnMixSpace({pH:w,pV:"s"})),React.createElement(ColorPalette,{className:cnMixSpace({pH:w,pB:"s",pT:p?void 0:"s"}),model:d,value:f,onChange:m,items:o,size:"xs"}))))};export var ColorPicker=forwardRef(ColorPickerRender);
+//# sourceMappingURL=ColorPicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.js","names":["React","forwardRef","ModalLayout","Text","cnMixSpace","cn","ColorPalette","ColorPickerBase","ColorInputTypeChanger","ColorPickerRoot","cnColorPicker","renderNode","header","className","ColorPickerRender","props","ref","model","value","defaultColor","anchorRef","controlRef","onChange","alpha","palette","paletteTitle","mainControl","format","otherProps","formats","length","pH","withAnchor","pV","pB","pT","ColorPicker"],"sources":["../../../../../../src/components/ColorPicker/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import './ColorPicker.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { ModalLayout } from '##/components/Modal';\nimport { Text } from '##/components/Text';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\n\nimport { ColorPalette, ColorPickerBase } from '..';\nimport { ColorInputTypeChanger } from '../ColorInputTypeChanger';\nimport { ColorPickerRoot } from '../ColorPickerRoot';\nimport { ColorPickerComponent, ColorPickerProps } from './types';\n\nconst cnColorPicker = cn('ColorPicker');\n\nconst renderNode = (header: React.ReactNode, className?: string) => {\n  if (!header) {\n    return null;\n  }\n  if (typeof header === 'string') {\n    return (\n      <Text className={className} size=\"s\" weight=\"semibold\">\n        {header}\n      </Text>\n    );\n  }\n  return <div className={className}>{header}</div>;\n};\n\nconst ColorPickerRender = <T,>(\n  props: ColorPickerProps<T>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    model,\n    value = model.defaultColor,\n    anchorRef = props.controlRef,\n    controlRef = props.anchorRef,\n    className,\n    header,\n    onChange,\n    alpha,\n    palette,\n    paletteTitle,\n    mainControl = true,\n    format = ['hex', 'hsl', 'hsv', 'rgb'],\n    ...otherProps\n  } = props;\n\n  const formats = format\n    ? (typeof format === 'string' ? [format] : format)?.length > 0\n    : false;\n\n  const pH = anchorRef ? 's' : undefined;\n\n  return (\n    <ColorPickerRoot\n      {...otherProps}\n      ref={ref}\n      className={cnColorPicker({ withAnchor: !!anchorRef }, [className])}\n      anchorRef={anchorRef}\n      controlRef={controlRef}\n    >\n      <ModalLayout border={[!!header && mainControl, !!palette?.length]}>\n        {renderNode(\n          header,\n          cnColorPicker('Header', cnMixSpace({ pH, pV: 's' })),\n        )}\n        {mainControl && (\n          <ColorPickerBase\n            className={cnMixSpace({\n              pH,\n              pB: formats ? 'xs' : 's',\n              pT: 'l',\n            })}\n            model={model}\n            value={value}\n            onChange={onChange}\n            alpha={alpha}\n          />\n        )}\n        {mainControl && format && formats ? (\n          <ColorInputTypeChanger\n            className={cnMixSpace({\n              pH,\n              pB: 's',\n            })}\n            model={model}\n            value={value}\n            onChange={onChange}\n            alpha={alpha}\n            size=\"xs\"\n            format={format}\n          />\n        ) : null}\n        {palette && (\n          <>\n            {renderNode(paletteTitle, cnMixSpace({ pH, pV: 's' }))}\n            <ColorPalette\n              className={cnMixSpace({\n                pH,\n                pB: 's',\n                pT: paletteTitle ? undefined : 's',\n              })}\n              model={model}\n              value={value}\n              onChange={onChange}\n              items={palette}\n              size=\"xs\"\n            />\n          </>\n        )}\n      </ModalLayout>\n    </ColorPickerRoot>\n  );\n};\n\nexport const ColorPicker = forwardRef(\n  ColorPickerRender,\n) as ColorPickerComponent;\n"],"mappings":"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"}

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

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

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

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

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

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

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Direction } from '../../Popover';
+import { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';
+import { ColorInputFormat, ColorModel } from '../types';
+export type ColorPickerPropForm = 'default' | 'brick' | 'round';
+export type ColorPickerProps<T> = PropsWithHTMLAttributesAndRef<{
+    model: ColorModel<T>;
+    value?: T;
+    onOpen?: (open: boolean) => void;
+    open?: boolean;
+    anchorRef?: React.RefObject<HTMLElement>;
+    controlRef?: React.RefObject<HTMLElement>;
+    direction?: Direction;
+    spareDirection?: Direction;
+    possibleDirections?: Direction[];
+    viewportRef?: React.RefObject<HTMLElement>;
+    header?: React.ReactNode;
+    onChange: (value: T) => void;
+    alpha?: boolean;
+    palette?: T[];
+    paletteTitle?: React.ReactNode;
+    mainControl?: boolean;
+    format?: ColorInputFormat[] | ColorInputFormat | false;
+}, HTMLDivElement>;
+export type ColorPickerComponent = <T>(props: ColorPickerProps<T>) => React.ReactNode | null;

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

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

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}