@consta/uikit 5.31.0 → 5.32.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"}

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

@@ -0,0 +1,10 @@
+export * from './ColorPicker';
+export * from './ColorControl';
+export * from './ColorMarker';
+export * from './ColorPalette';
+export * from './ColorPickerInput';
+export * from './ColorPickerBase';
+export * from './types';
+export * from './models';
+export * from './utils/convert';
+export * from './utils/compare';

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

@@ -0,0 +1,2 @@
+export*from"./ColorPicker";export*from"./ColorControl";export*from"./ColorMarker";export*from"./ColorPalette";export*from"./ColorPickerInput";export*from"./ColorPickerBase";export*from"./types";export*from"./models";export*from"./utils/convert";export*from"./utils/compare";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/ColorPicker/index.ts"],"sourcesContent":["export * from './ColorPicker';\nexport * from './ColorControl';\nexport * from './ColorMarker';\nexport * from './ColorPalette';\nexport * from './ColorPickerInput';\nexport * from './ColorPickerBase';\nexport * from './types';\nexport * from './models';\nexport * from './utils/convert';\nexport * from './utils/compare';\n"],"mappings":"AAAA,2BACA,4BACA,2BACA,4BACA,gCACA,+BACA,qBACA,sBACA,6BACA"}

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

@@ -0,0 +1,2 @@
+import { ColorModel } from '../types';
+export declare const hexAlphaModel: ColorModel<string>;

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

@@ -0,0 +1,2 @@
+import{equalHex}from"../utils/compare";import{hexToHsva,hsvaToHex}from"../utils/convert";export var hexAlphaModel={defaultColor:"000",toHsva:hexToHsva,fromHsva:hsvaToHex,equal:equalHex};
+//# sourceMappingURL=hexAlphaModel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hexAlphaModel.js","names":["equalHex","hexToHsva","hsvaToHex","hexAlphaModel","defaultColor","toHsva","fromHsva","equal"],"sources":["../../../../../../src/components/ColorPicker/models/hexAlphaModel.ts"],"sourcesContent":["import { ColorModel } from '../types';\nimport { equalHex } from '../utils/compare';\nimport { hexToHsva, hsvaToHex } from '../utils/convert';\n\nexport const hexAlphaModel: ColorModel<string> = {\n  defaultColor: '000',\n  toHsva: hexToHsva,\n  fromHsva: hsvaToHex,\n  equal: equalHex,\n};\n"],"mappings":"AACA,OAASA,QAAT,wBACA,OAASC,SAAT,CAAoBC,SAApB,wBAEA,MAAO,IAAMC,cAAiC,CAAG,CAC/CC,YAAY,CAAE,KADiC,CAE/CC,MAAM,CAAEJ,SAFuC,CAG/CK,QAAQ,CAAEJ,SAHqC,CAI/CK,KAAK,CAAEP,QAJwC,CAA1C"}

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

@@ -0,0 +1,2 @@
+import { ColorModel } from '../types';
+export declare const hexModel: ColorModel<string>;

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

@@ -0,0 +1,2 @@
+import{equalHex}from"../utils/compare";import{hexToHsva,hsvaToHex}from"../utils/convert";export var hexModel={defaultColor:"#000",toHsva:hexToHsva,fromHsva:function fromHsva(a){var b=a.h,c=a.s,d=a.v;return hsvaToHex({h:b,s:c,v:d,a:1})},equal:equalHex};
+//# sourceMappingURL=hexModel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hexModel.js","names":["equalHex","hexToHsva","hsvaToHex","hexModel","defaultColor","toHsva","fromHsva","h","s","v","a","equal"],"sources":["../../../../../../src/components/ColorPicker/models/hexModel.ts"],"sourcesContent":["import { ColorModel } from '../types';\nimport { equalHex } from '../utils/compare';\nimport { hexToHsva, hsvaToHex } from '../utils/convert';\n\nexport const hexModel: ColorModel<string> = {\n  defaultColor: '#000',\n  toHsva: hexToHsva,\n  fromHsva: ({ h, s, v }) => hsvaToHex({ h, s, v, a: 1 }),\n  equal: equalHex,\n};\n"],"mappings":"AACA,OAASA,QAAT,wBACA,OAASC,SAAT,CAAoBC,SAApB,wBAEA,MAAO,IAAMC,SAA4B,CAAG,CAC1CC,YAAY,CAAE,MAD4B,CAE1CC,MAAM,CAAEJ,SAFkC,CAG1CK,QAAQ,CAAE,wBAAGC,EAAH,GAAGA,CAAH,CAAMC,CAAN,GAAMA,CAAN,CAASC,CAAT,GAASA,CAAT,OAAiBP,UAAS,CAAC,CAAEK,CAAC,CAADA,CAAF,CAAKC,CAAC,CAADA,CAAL,CAAQC,CAAC,CAADA,CAAR,CAAWC,CAAC,CAAE,CAAd,CAAD,CAA1B,CAHgC,CAI1CC,KAAK,CAAEX,QAJmC,CAArC"}

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

@@ -0,0 +1,2 @@
+import { ColorModel, HslColor } from '../types';
+export declare const hslModel: ColorModel<HslColor>;

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

@@ -0,0 +1,2 @@
+import{equalColorObjects}from"../utils/compare";import{hslaToHsl,hslaToHsva,hsvaToHsla}from"../utils/convert";export var hslModel={defaultColor:{h:0,s:0,l:0},toHsva:function toHsva(a){var b=a.h,c=a.s,d=a.l;return hslaToHsva({h:b,s:c,l:d,a:1})},fromHsva:function fromHsva(a){return hslaToHsl(hsvaToHsla(a))},equal:equalColorObjects};
+//# sourceMappingURL=hslModel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hslModel.js","names":["equalColorObjects","hslaToHsl","hslaToHsva","hsvaToHsla","hslModel","defaultColor","h","s","l","toHsva","a","fromHsva","hsva","equal"],"sources":["../../../../../../src/components/ColorPicker/models/hslModel.ts"],"sourcesContent":["import { ColorModel, HslColor } from '../types';\nimport { equalColorObjects } from '../utils/compare';\nimport { hslaToHsl, hslaToHsva, hsvaToHsla } from '../utils/convert';\n\nexport const hslModel: ColorModel<HslColor> = {\n  defaultColor: { h: 0, s: 0, l: 0 },\n  toHsva: ({ h, s, l }) => hslaToHsva({ h, s, l, a: 1 }),\n  fromHsva: (hsva) => hslaToHsl(hsvaToHsla(hsva)),\n  equal: equalColorObjects,\n};\n"],"mappings":"AACA,OAASA,iBAAT,wBACA,OAASC,SAAT,CAAoBC,UAApB,CAAgCC,UAAhC,wBAEA,MAAO,IAAMC,SAA8B,CAAG,CAC5CC,YAAY,CAAE,CAAEC,CAAC,CAAE,CAAL,CAAQC,CAAC,CAAE,CAAX,CAAcC,CAAC,CAAE,CAAjB,CAD8B,CAE5CC,MAAM,CAAE,sBAAGH,EAAH,GAAGA,CAAH,CAAMC,CAAN,GAAMA,CAAN,CAASC,CAAT,GAASA,CAAT,OAAiBN,WAAU,CAAC,CAAEI,CAAC,CAADA,CAAF,CAAKC,CAAC,CAADA,CAAL,CAAQC,CAAC,CAADA,CAAR,CAAWE,CAAC,CAAE,CAAd,CAAD,CAA3B,CAFoC,CAG5CC,QAAQ,CAAE,kBAACC,CAAD,QAAUX,UAAS,CAACE,UAAU,CAACS,CAAD,CAAX,CAAnB,CAHkC,CAI5CC,KAAK,CAAEb,iBAJqC,CAAvC"}

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

@@ -0,0 +1,2 @@
+import { ColorModel } from '../types';
+export declare const hslStringModel: ColorModel<string>;

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

@@ -0,0 +1,2 @@
+import{equalColorString}from"../utils/compare";import{hslStringToHsva,hsvaToHslString}from"../utils/convert";export var hslStringModel={defaultColor:"hsl(0, 0%, 0%)",toHsva:hslStringToHsva,fromHsva:hsvaToHslString,equal:equalColorString};
+//# sourceMappingURL=hslStringModel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hslStringModel.js","names":["equalColorString","hslStringToHsva","hsvaToHslString","hslStringModel","defaultColor","toHsva","fromHsva","equal"],"sources":["../../../../../../src/components/ColorPicker/models/hslStringModel.ts"],"sourcesContent":["import { ColorModel } from '../types';\nimport { equalColorString } from '../utils/compare';\nimport { hslStringToHsva, hsvaToHslString } from '../utils/convert';\n\nexport const hslStringModel: ColorModel<string> = {\n  defaultColor: 'hsl(0, 0%, 0%)',\n  toHsva: hslStringToHsva,\n  fromHsva: hsvaToHslString,\n  equal: equalColorString,\n};\n"],"mappings":"AACA,OAASA,gBAAT,wBACA,OAASC,eAAT,CAA0BC,eAA1B,wBAEA,MAAO,IAAMC,eAAkC,CAAG,CAChDC,YAAY,CAAE,gBADkC,CAEhDC,MAAM,CAAEJ,eAFwC,CAGhDK,QAAQ,CAAEJ,eAHsC,CAIhDK,KAAK,CAAEP,gBAJyC,CAA3C"}

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

@@ -0,0 +1,2 @@
+import { ColorModel, HslaColor } from '../types';
+export declare const hslaModel: ColorModel<HslaColor>;

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

@@ -0,0 +1,2 @@
+import{equalColorObjects}from"../utils/compare";import{hslaToHsva,hsvaToHsla}from"../utils/convert";export var hslaModel={defaultColor:{h:0,s:0,l:0,a:1},toHsva:hslaToHsva,fromHsva:hsvaToHsla,equal:equalColorObjects};
+//# sourceMappingURL=hslaModel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hslaModel.js","names":["equalColorObjects","hslaToHsva","hsvaToHsla","hslaModel","defaultColor","h","s","l","a","toHsva","fromHsva","equal"],"sources":["../../../../../../src/components/ColorPicker/models/hslaModel.ts"],"sourcesContent":["import { ColorModel, HslaColor } from '../types';\nimport { equalColorObjects } from '../utils/compare';\nimport { hslaToHsva, hsvaToHsla } from '../utils/convert';\n\nexport const hslaModel: ColorModel<HslaColor> = {\n  defaultColor: { h: 0, s: 0, l: 0, a: 1 },\n  toHsva: hslaToHsva,\n  fromHsva: hsvaToHsla,\n  equal: equalColorObjects,\n};\n"],"mappings":"AACA,OAASA,iBAAT,wBACA,OAASC,UAAT,CAAqBC,UAArB,wBAEA,MAAO,IAAMC,UAAgC,CAAG,CAC9CC,YAAY,CAAE,CAAEC,CAAC,CAAE,CAAL,CAAQC,CAAC,CAAE,CAAX,CAAcC,CAAC,CAAE,CAAjB,CAAoBC,CAAC,CAAE,CAAvB,CADgC,CAE9CC,MAAM,CAAER,UAFsC,CAG9CS,QAAQ,CAAER,UAHoC,CAI9CS,KAAK,CAAEX,iBAJuC,CAAzC"}

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

@@ -0,0 +1,2 @@
+import { ColorModel } from '../types';
+export declare const hslaStringModel: ColorModel<string>;

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

@@ -0,0 +1,2 @@
+import{equalColorString}from"../utils/compare";import{hslaStringToHsva,hsvaToHslaString}from"../utils/convert";export var hslaStringModel={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:hslaStringToHsva,fromHsva:hsvaToHslaString,equal:equalColorString};
+//# sourceMappingURL=hslaStringModel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hslaStringModel.js","names":["equalColorString","hslaStringToHsva","hsvaToHslaString","hslaStringModel","defaultColor","toHsva","fromHsva","equal"],"sources":["../../../../../../src/components/ColorPicker/models/hslaStringModel.ts"],"sourcesContent":["import { ColorModel } from '../types';\nimport { equalColorString } from '../utils/compare';\nimport { hslaStringToHsva, hsvaToHslaString } from '../utils/convert';\n\nexport const hslaStringModel: ColorModel<string> = {\n  defaultColor: 'hsla(0, 0%, 0%, 1)',\n  toHsva: hslaStringToHsva,\n  fromHsva: hsvaToHslaString,\n  equal: equalColorString,\n};\n"],"mappings":"AACA,OAASA,gBAAT,wBACA,OAASC,gBAAT,CAA2BC,gBAA3B,wBAEA,MAAO,IAAMC,gBAAmC,CAAG,CACjDC,YAAY,CAAE,oBADmC,CAEjDC,MAAM,CAAEJ,gBAFyC,CAGjDK,QAAQ,CAAEJ,gBAHuC,CAIjDK,KAAK,CAAEP,gBAJ0C,CAA5C"}

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

@@ -0,0 +1,2 @@
+import { ColorModel, HsvColor } from '../types';
+export declare const hsvModel: ColorModel<HsvColor>;

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

@@ -0,0 +1,2 @@
+import{equalColorObjects}from"../utils/compare";import{hsvaToHsvRound}from"../utils/convert";export var hsvModel={defaultColor:{h:0,s:0,v:0},toHsva:function toHsva(a){var b=a.h,c=a.s,d=a.v;return{h:b,s:c,v:d,a:1}},fromHsva:hsvaToHsvRound,equal:equalColorObjects};
+//# sourceMappingURL=hsvModel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hsvModel.js","names":["equalColorObjects","hsvaToHsvRound","hsvModel","defaultColor","h","s","v","toHsva","a","fromHsva","equal"],"sources":["../../../../../../src/components/ColorPicker/models/hsvModel.ts"],"sourcesContent":["import { ColorModel, HsvColor } from '../types';\nimport { equalColorObjects } from '../utils/compare';\nimport { hsvaToHsvRound } from '../utils/convert';\n\nexport const hsvModel: ColorModel<HsvColor> = {\n  defaultColor: { h: 0, s: 0, v: 0 },\n  toHsva: ({ h, s, v }) => ({ h, s, v, a: 1 }),\n  fromHsva: hsvaToHsvRound,\n  equal: equalColorObjects,\n};\n"],"mappings":"AACA,OAASA,iBAAT,wBACA,OAASC,cAAT,wBAEA,MAAO,IAAMC,SAA8B,CAAG,CAC5CC,YAAY,CAAE,CAAEC,CAAC,CAAE,CAAL,CAAQC,CAAC,CAAE,CAAX,CAAcC,CAAC,CAAE,CAAjB,CAD8B,CAE5CC,MAAM,CAAE,sBAAGH,EAAH,GAAGA,CAAH,CAAMC,CAAN,GAAMA,CAAN,CAASC,CAAT,GAASA,CAAT,OAAkB,CAAEF,CAAC,CAADA,CAAF,CAAKC,CAAC,CAADA,CAAL,CAAQC,CAAC,CAADA,CAAR,CAAWE,CAAC,CAAE,CAAd,CAAlB,CAFoC,CAG5CC,QAAQ,CAAER,cAHkC,CAI5CS,KAAK,CAAEV,iBAJqC,CAAvC"}

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

@@ -0,0 +1,2 @@
+import { ColorModel } from '../types';
+export declare const hsvStringModel: ColorModel<string>;

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

@@ -0,0 +1,2 @@
+import{equalColorString}from"../utils/compare";import{hsvaToHsvString,hsvStringToHsvaRound}from"../utils/convert";export var hsvStringModel={defaultColor:"hsv(0, 0%, 0%)",toHsva:hsvStringToHsvaRound,fromHsva:hsvaToHsvString,equal:equalColorString};
+//# sourceMappingURL=hsvStringModel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hsvStringModel.js","names":["equalColorString","hsvaToHsvString","hsvStringToHsvaRound","hsvStringModel","defaultColor","toHsva","fromHsva","equal"],"sources":["../../../../../../src/components/ColorPicker/models/hsvStringModel.ts"],"sourcesContent":["import { ColorModel } from '../types';\nimport { equalColorString } from '../utils/compare';\nimport { hsvaToHsvString, hsvStringToHsvaRound } from '../utils/convert';\n\nexport const hsvStringModel: ColorModel<string> = {\n  defaultColor: 'hsv(0, 0%, 0%)',\n  toHsva: hsvStringToHsvaRound,\n  fromHsva: hsvaToHsvString,\n  equal: equalColorString,\n};\n"],"mappings":"AACA,OAASA,gBAAT,wBACA,OAASC,eAAT,CAA0BC,oBAA1B,wBAEA,MAAO,IAAMC,eAAkC,CAAG,CAChDC,YAAY,CAAE,gBADkC,CAEhDC,MAAM,CAAEH,oBAFwC,CAGhDI,QAAQ,CAAEL,eAHsC,CAIhDM,KAAK,CAAEP,gBAJyC,CAA3C"}

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

@@ -0,0 +1,2 @@
+import { ColorModel, HsvaColor } from '../types';
+export declare const hsvaModel: ColorModel<HsvaColor>;

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

@@ -0,0 +1,2 @@
+import{equalColorObjects}from"../utils/compare";import{roundHsva}from"../utils/convert";export var hsvaModel={defaultColor:{h:0,s:0,v:0,a:1},toHsva:function toHsva(a){return a},fromHsva:roundHsva,equal:equalColorObjects};
+//# sourceMappingURL=hsvaModel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hsvaModel.js","names":["equalColorObjects","roundHsva","hsvaModel","defaultColor","h","s","v","a","toHsva","hsva","fromHsva","equal"],"sources":["../../../../../../src/components/ColorPicker/models/hsvaModel.ts"],"sourcesContent":["import { ColorModel, HsvaColor } from '../types';\nimport { equalColorObjects } from '../utils/compare';\nimport { roundHsva } from '../utils/convert';\n\nexport const hsvaModel: ColorModel<HsvaColor> = {\n  defaultColor: { h: 0, s: 0, v: 0, a: 1 },\n  toHsva: (hsva) => hsva,\n  fromHsva: roundHsva,\n  equal: equalColorObjects,\n};\n"],"mappings":"AACA,OAASA,iBAAT,wBACA,OAASC,SAAT,wBAEA,MAAO,IAAMC,UAAgC,CAAG,CAC9CC,YAAY,CAAE,CAAEC,CAAC,CAAE,CAAL,CAAQC,CAAC,CAAE,CAAX,CAAcC,CAAC,CAAE,CAAjB,CAAoBC,CAAC,CAAE,CAAvB,CADgC,CAE9CC,MAAM,CAAE,gBAACC,CAAD,QAAUA,EAAV,CAFsC,CAG9CC,QAAQ,CAAET,SAHoC,CAI9CU,KAAK,CAAEX,iBAJuC,CAAzC"}

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

@@ -0,0 +1,2 @@
+import { ColorModel } from '../types';
+export declare const hsvaStringModel: ColorModel<string>;

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

@@ -0,0 +1,2 @@
+import{equalColorString}from"../utils/compare";import{hsvaStringToHsvaRound,hsvaToHsvaString}from"../utils/convert";export var hsvaStringModel={defaultColor:"hsva(0, 0%, 0%, 1)",toHsva:hsvaStringToHsvaRound,fromHsva:hsvaToHsvaString,equal:equalColorString};
+//# sourceMappingURL=hsvaStringModel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hsvaStringModel.js","names":["equalColorString","hsvaStringToHsvaRound","hsvaToHsvaString","hsvaStringModel","defaultColor","toHsva","fromHsva","equal"],"sources":["../../../../../../src/components/ColorPicker/models/hsvaStringModel.ts"],"sourcesContent":["import { ColorModel } from '../types';\nimport { equalColorString } from '../utils/compare';\nimport { hsvaStringToHsvaRound, hsvaToHsvaString } from '../utils/convert';\n\nexport const hsvaStringModel: ColorModel<string> = {\n  defaultColor: 'hsva(0, 0%, 0%, 1)',\n  toHsva: hsvaStringToHsvaRound,\n  fromHsva: hsvaToHsvaString,\n  equal: equalColorString,\n};\n"],"mappings":"AACA,OAASA,gBAAT,wBACA,OAASC,qBAAT,CAAgCC,gBAAhC,wBAEA,MAAO,IAAMC,gBAAmC,CAAG,CACjDC,YAAY,CAAE,oBADmC,CAEjDC,MAAM,CAAEJ,qBAFyC,CAGjDK,QAAQ,CAAEJ,gBAHuC,CAIjDK,KAAK,CAAEP,gBAJ0C,CAA5C"}

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

@@ -0,0 +1,14 @@
+export * from './hexModel';
+export * from './hexAlphaModel';
+export * from './rgbModel';
+export * from './rgbStringModel';
+export * from './rgbaModel';
+export * from './rgbaStringModel';
+export * from './hslModel';
+export * from './hslStringModel';
+export * from './hslaModel';
+export * from './hslaStringModel';
+export * from './hsvModel';
+export * from './hsvStringModel';
+export * from './hsvaModel';
+export * from './hsvaStringModel';

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

@@ -0,0 +1,2 @@
+export*from"./hexModel";export*from"./hexAlphaModel";export*from"./rgbModel";export*from"./rgbStringModel";export*from"./rgbaModel";export*from"./rgbaStringModel";export*from"./hslModel";export*from"./hslStringModel";export*from"./hslaModel";export*from"./hslaStringModel";export*from"./hsvModel";export*from"./hsvStringModel";export*from"./hsvaModel";export*from"./hsvaStringModel";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/ColorPicker/models/index.ts"],"sourcesContent":["export * from './hexModel';\nexport * from './hexAlphaModel';\nexport * from './rgbModel';\nexport * from './rgbStringModel';\nexport * from './rgbaModel';\nexport * from './rgbaStringModel';\nexport * from './hslModel';\nexport * from './hslStringModel';\nexport * from './hslaModel';\nexport * from './hslaStringModel';\nexport * from './hsvModel';\nexport * from './hsvStringModel';\nexport * from './hsvaModel';\nexport * from './hsvaStringModel';\n"],"mappings":"AAAA,wBACA,6BACA,wBACA,8BACA,yBACA,+BACA,wBACA,8BACA,yBACA,+BACA,wBACA,8BACA,yBACA"}

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

@@ -0,0 +1,2 @@
+import { ColorModel, RgbColor } from '../types';
+export declare const rgbModel: ColorModel<RgbColor>;

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

@@ -0,0 +1,2 @@
+import{equalColorObjects}from"../utils/compare";import{hsvaToRgba,rgbaToHsvaRound,rgbaToRgb}from"../utils/convert";export var rgbModel={defaultColor:{r:0,g:0,b:0},toHsva:function toHsva(a){var c=a.r,d=a.g,e=a.b;return rgbaToHsvaRound({r:c,g:d,b:e,a:1})},fromHsva:function fromHsva(a){return rgbaToRgb(hsvaToRgba(a))},equal:equalColorObjects};
+//# sourceMappingURL=rgbModel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rgbModel.js","names":["equalColorObjects","hsvaToRgba","rgbaToHsvaRound","rgbaToRgb","rgbModel","defaultColor","r","g","b","toHsva","a","fromHsva","hsva","equal"],"sources":["../../../../../../src/components/ColorPicker/models/rgbModel.ts"],"sourcesContent":["import { ColorModel, RgbColor } from '../types';\nimport { equalColorObjects } from '../utils/compare';\nimport { hsvaToRgba, rgbaToHsvaRound, rgbaToRgb } from '../utils/convert';\n\nexport const rgbModel: ColorModel<RgbColor> = {\n  defaultColor: { r: 0, g: 0, b: 0 },\n  toHsva: ({ r, g, b }) => rgbaToHsvaRound({ r, g, b, a: 1 }),\n  fromHsva: (hsva) => rgbaToRgb(hsvaToRgba(hsva)),\n  equal: equalColorObjects,\n};\n"],"mappings":"AACA,OAASA,iBAAT,wBACA,OAASC,UAAT,CAAqBC,eAArB,CAAsCC,SAAtC,wBAEA,MAAO,IAAMC,SAA8B,CAAG,CAC5CC,YAAY,CAAE,CAAEC,CAAC,CAAE,CAAL,CAAQC,CAAC,CAAE,CAAX,CAAcC,CAAC,CAAE,CAAjB,CAD8B,CAE5CC,MAAM,CAAE,sBAAGH,EAAH,GAAGA,CAAH,CAAMC,CAAN,GAAMA,CAAN,CAASC,CAAT,GAASA,CAAT,OAAiBN,gBAAe,CAAC,CAAEI,CAAC,CAADA,CAAF,CAAKC,CAAC,CAADA,CAAL,CAAQC,CAAC,CAADA,CAAR,CAAWE,CAAC,CAAE,CAAd,CAAD,CAAhC,CAFoC,CAG5CC,QAAQ,CAAE,kBAACC,CAAD,QAAUT,UAAS,CAACF,UAAU,CAACW,CAAD,CAAX,CAAnB,CAHkC,CAI5CC,KAAK,CAAEb,iBAJqC,CAAvC"}

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

@@ -0,0 +1,2 @@
+import { ColorModel } from '../types';
+export declare const rgbStringModel: ColorModel<string>;

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

@@ -0,0 +1,2 @@
+import{equalColorString}from"../utils/compare";import{hsvaToRgbString,rgbStringToHsva}from"../utils/convert";export var rgbStringModel={defaultColor:"rgb(0, 0, 0)",toHsva:rgbStringToHsva,fromHsva:hsvaToRgbString,equal:equalColorString};
+//# sourceMappingURL=rgbStringModel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rgbStringModel.js","names":["equalColorString","hsvaToRgbString","rgbStringToHsva","rgbStringModel","defaultColor","toHsva","fromHsva","equal"],"sources":["../../../../../../src/components/ColorPicker/models/rgbStringModel.ts"],"sourcesContent":["import { ColorModel } from '../types';\nimport { equalColorString } from '../utils/compare';\nimport { hsvaToRgbString, rgbStringToHsva } from '../utils/convert';\n\nexport const rgbStringModel: ColorModel<string> = {\n  defaultColor: 'rgb(0, 0, 0)',\n  toHsva: rgbStringToHsva,\n  fromHsva: hsvaToRgbString,\n  equal: equalColorString,\n};\n"],"mappings":"AACA,OAASA,gBAAT,wBACA,OAASC,eAAT,CAA0BC,eAA1B,wBAEA,MAAO,IAAMC,eAAkC,CAAG,CAChDC,YAAY,CAAE,cADkC,CAEhDC,MAAM,CAAEH,eAFwC,CAGhDI,QAAQ,CAAEL,eAHsC,CAIhDM,KAAK,CAAEP,gBAJyC,CAA3C"}

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

@@ -0,0 +1,2 @@
+import { ColorModel, RgbaColor } from '../types';
+export declare const rgbaModel: ColorModel<RgbaColor>;

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

@@ -0,0 +1,2 @@
+import{equalColorObjects}from"../utils/compare";import{hsvaToRgba,rgbaToHsvaRound}from"../utils/convert";export var rgbaModel={defaultColor:{r:0,g:0,b:0,a:1},toHsva:rgbaToHsvaRound,fromHsva:hsvaToRgba,equal:equalColorObjects};
+//# sourceMappingURL=rgbaModel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rgbaModel.js","names":["equalColorObjects","hsvaToRgba","rgbaToHsvaRound","rgbaModel","defaultColor","r","g","b","a","toHsva","fromHsva","equal"],"sources":["../../../../../../src/components/ColorPicker/models/rgbaModel.ts"],"sourcesContent":["import { ColorModel, RgbaColor } from '../types';\nimport { equalColorObjects } from '../utils/compare';\nimport { hsvaToRgba, rgbaToHsvaRound } from '../utils/convert';\n\nexport const rgbaModel: ColorModel<RgbaColor> = {\n  defaultColor: { r: 0, g: 0, b: 0, a: 1 },\n  toHsva: rgbaToHsvaRound,\n  fromHsva: hsvaToRgba,\n  equal: equalColorObjects,\n};\n"],"mappings":"AACA,OAASA,iBAAT,wBACA,OAASC,UAAT,CAAqBC,eAArB,wBAEA,MAAO,IAAMC,UAAgC,CAAG,CAC9CC,YAAY,CAAE,CAAEC,CAAC,CAAE,CAAL,CAAQC,CAAC,CAAE,CAAX,CAAcC,CAAC,CAAE,CAAjB,CAAoBC,CAAC,CAAE,CAAvB,CADgC,CAE9CC,MAAM,CAAEP,eAFsC,CAG9CQ,QAAQ,CAAET,UAHoC,CAI9CU,KAAK,CAAEX,iBAJuC,CAAzC"}

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

@@ -0,0 +1,2 @@
+import { ColorModel } from '../types';
+export declare const rgbaStringModel: ColorModel<string>;

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

@@ -0,0 +1,2 @@
+import{equalColorString}from"../utils/compare";import{hsvaToRgbaString,rgbaStringToHsva}from"../utils/convert";export var rgbaStringModel={defaultColor:"rgba(0, 0, 0, 1)",toHsva:rgbaStringToHsva,fromHsva:hsvaToRgbaString,equal:equalColorString};
+//# sourceMappingURL=rgbaStringModel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rgbaStringModel.js","names":["equalColorString","hsvaToRgbaString","rgbaStringToHsva","rgbaStringModel","defaultColor","toHsva","fromHsva","equal"],"sources":["../../../../../../src/components/ColorPicker/models/rgbaStringModel.ts"],"sourcesContent":["import { ColorModel } from '../types';\nimport { equalColorString } from '../utils/compare';\nimport { hsvaToRgbaString, rgbaStringToHsva } from '../utils/convert';\n\nexport const rgbaStringModel: ColorModel<string> = {\n  defaultColor: 'rgba(0, 0, 0, 1)',\n  toHsva: rgbaStringToHsva,\n  fromHsva: hsvaToRgbaString,\n  equal: equalColorString,\n};\n"],"mappings":"AACA,OAASA,gBAAT,wBACA,OAASC,gBAAT,CAA2BC,gBAA3B,wBAEA,MAAO,IAAMC,gBAAmC,CAAG,CACjDC,YAAY,CAAE,kBADmC,CAEjDC,MAAM,CAAEH,gBAFyC,CAGjDI,QAAQ,CAAEL,gBAHuC,CAIjDM,KAAK,CAAEP,gBAJ0C,CAA5C"}

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

@@ -0,0 +1,33 @@
+export type RgbColor = {
+    r: number;
+    g: number;
+    b: number;
+};
+export type RgbaColor = RgbColor & {
+    a: number;
+};
+export type HslColor = {
+    h: number;
+    s: number;
+    l: number;
+};
+export type HslaColor = HslColor & {
+    a: number;
+};
+export type HsvColor = {
+    h: number;
+    s: number;
+    v: number;
+};
+export type HsvaColor = HsvColor & {
+    a: number;
+};
+export type ObjectColor = RgbColor | HslColor | HsvColor | RgbaColor | HslaColor | HsvaColor;
+export type AnyColor = string | ObjectColor;
+export type ColorInputFormat = 'rgb' | 'hsl' | 'hsv' | 'hex';
+export type ColorModel<T> = {
+    defaultColor: T;
+    toHsva: (color: T) => HsvaColor;
+    fromHsva: (hsva: HsvaColor) => T;
+    equal: (first: T, second: T) => boolean;
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/ColorPicker/types.ts"],"sourcesContent":["export type RgbColor = {\n  r: number;\n  g: number;\n  b: number;\n};\n\nexport type RgbaColor = RgbColor & {\n  a: number;\n};\n\nexport type HslColor = {\n  h: number;\n  s: number;\n  l: number;\n};\n\nexport type HslaColor = HslColor & {\n  a: number;\n};\n\nexport type HsvColor = {\n  h: number;\n  s: number;\n  v: number;\n};\n\nexport type HsvaColor = HsvColor & {\n  a: number;\n};\n\nexport type ObjectColor =\n  | RgbColor\n  | HslColor\n  | HsvColor\n  | RgbaColor\n  | HslaColor\n  | HsvaColor;\n\nexport type AnyColor = string | ObjectColor;\n\nexport type ColorInputFormat = 'rgb' | 'hsl' | 'hsv' | 'hex';\n\nexport type ColorModel<T> = {\n  defaultColor: T;\n  toHsva: (color: T) => HsvaColor;\n  fromHsva: (hsva: HsvaColor) => T;\n  equal: (first: T, second: T) => boolean;\n};\n"],"mappings":""}

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

@@ -0,0 +1 @@
+export declare const clamp: (number: number, min?: number, max?: number) => number;

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

@@ -0,0 +1,2 @@
+export var clamp=function(a){var b=1<arguments.length&&arguments[1]!==void 0?arguments[1]:0,c=2<arguments.length&&arguments[2]!==void 0?arguments[2]:1;return a>c?c:a<b?b:a};
+//# sourceMappingURL=clamp.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"clamp.js","names":["clamp","number","min","max"],"sources":["../../../../../../src/components/ColorPicker/utils/clamp.ts"],"sourcesContent":["/* eslint-disable no-nested-ternary */\n\nexport const clamp = (number: number, min = 0, max = 1): number => {\n  return number > max ? max : number < min ? min : number;\n};\n"],"mappings":"AAEA,MAAO,IAAMA,MAAK,CAAG,SAACC,CAAD,CAA8C,IAA7BC,EAA6B,wDAAvB,CAAuB,CAApBC,CAAoB,wDAAd,CAAc,CACjE,MAAOF,EAAM,CAAGE,CAAT,CAAeA,CAAf,CAAqBF,CAAM,CAAGC,CAAT,CAAeA,CAAf,CAAqBD,CAClD,CAFM"}