@dreamcommerce/aurora 3.0.0-247 → 3.0.0-248

package/build/esm/packages/aurora/src/src/components/button/button_variants.js

@@ -0,0 +1,62 @@
+import { cva } from 'class-variance-authority';
+import { BUTTON_SIZES, BUTTON_VARIANTS } from '@auroraComponents/button/button_constants';
+export const buttonVariants = cva('aurora-inline-flex aurora-items-center aurora-justify-center aurora-font-semibold aurora-gap-2 aurora-whitespace-nowrap aurora-rounded-full aurora-text aurora-text-s aurora-transition-colors aurora-border focus disabled:aurora-pointer-events-none disabled:aurora-bg-subtle disabled:aurora-text-subtle-light disabled:aurora-border-subtle', {
+    variants: {
+        variant: {
+            [BUTTON_VARIANTS.primary]: 'aurora-bg-primary aurora-border-primary aurora-text-inverse hover:aurora-border-primary-hover hover:aurora-bg-primary-hover focus-visible:aurora-bg-primary-active focus-visible:aurora-border-primary-hover',
+            [BUTTON_VARIANTS.secondary]: 'aurora-bg aurora-border hover:aurora-bg-hover hover:aurora-border-strong focus-visible:aurora-bg-active focus-visible:aurora-border-strong',
+            [BUTTON_VARIANTS.destructive]: 'aurora-bg-danger aurora-border-danger aurora-text-inverse hover:aurora-bg-danger-hover hover:aurora-border-danger-hover focus-visible:aurora-bg-danger-active focus-visible:aurora-border-danger-hover',
+            [BUTTON_VARIANTS.destructiveSecondary]: 'aurora-border-danger aurora-text-danger hover:aurora-bg-danger-subtle hover:aurora-border-danger-hover hover:aurora-text-danger-hover focus-visible:aurora-bg-danger-subtle-active focus-visible:aurora-border-danger-hover focus-visible:aurora-text-danger-hover',
+            [BUTTON_VARIANTS.dark]: 'aurora-bg-inverse aurora-border-inverse aurora-text-inverse hover:aurora-bg-inverse-hover hover:aurora-border-inverse-hover focus-visible:aurora-bg-inverse-active focus-visible:aurora-border-inverse-hover',
+            [BUTTON_VARIANTS.ghost]: 'aurora-bg-subtle aurora-border-subtle hover:aurora-border-strong focus-visible:aurora-bg-active focus-visible:aurora-border-strong',
+            [BUTTON_VARIANTS.link]: 'aurora-text-interactive aurora-fill-primary aurora-border-none aurora-bg-transparent hover:aurora-fill-primary-strong hover:aurora-text-interactive-hover hover:aurora-underline disabled:aurora-bg-transparent focus-visible:aurora-text-interactive-active'
+        },
+        size: {
+            [BUTTON_SIZES.default]: 'aurora-h-[40px]',
+            [BUTTON_SIZES.s]: 'aurora-h-[32px]'
+        }
+    },
+    compoundVariants: [
+        {
+            variant: [
+                BUTTON_VARIANTS.primary,
+                BUTTON_VARIANTS.secondary,
+                BUTTON_VARIANTS.destructive,
+                BUTTON_VARIANTS.destructiveSecondary,
+                BUTTON_VARIANTS.destructive,
+                BUTTON_VARIANTS.ghost,
+                BUTTON_VARIANTS.dark
+            ],
+            size: BUTTON_SIZES.s,
+            class: 'aurora-py-1.5 aurora-px-3 aurora-text-xs'
+        },
+        {
+            variant: [
+                BUTTON_VARIANTS.primary,
+                BUTTON_VARIANTS.secondary,
+                BUTTON_VARIANTS.destructive,
+                BUTTON_VARIANTS.destructiveSecondary,
+                BUTTON_VARIANTS.destructive,
+                BUTTON_VARIANTS.ghost,
+                BUTTON_VARIANTS.dark
+            ],
+            size: BUTTON_SIZES.default,
+            class: 'aurora-py-2 aurora-px-4'
+        },
+        {
+            variant: BUTTON_VARIANTS.link,
+            size: BUTTON_SIZES.s,
+            class: 'aurora-p-0.5 aurora-text-xs'
+        },
+        {
+            variant: BUTTON_VARIANTS.link,
+            size: BUTTON_SIZES.default,
+            class: 'aurora-p-0.5'
+        }
+    ],
+    defaultVariants: {
+        variant: BUTTON_VARIANTS.primary,
+        size: BUTTON_SIZES.default
+    }
+});
+//# sourceMappingURL=button_variants.js.map

package/build/esm/packages/aurora/src/src/components/button/button_variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button_variants.js","sourceRoot":"","sources":["../../../../../../../../src/components/button/button_variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAE1F,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC7B,kVAAkV,EAClV;IACI,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,CAAC,eAAe,CAAC,OAAO,CAAC,EACrB,8MAA8M;YAClN,CAAC,eAAe,CAAC,SAAS,CAAC,EACvB,4IAA4I;YAChJ,CAAC,eAAe,CAAC,WAAW,CAAC,EACzB,wMAAwM;YAC5M,CAAC,eAAe,CAAC,oBAAoB,CAAC,EAClC,oQAAoQ;YACxQ,CAAC,eAAe,CAAC,IAAI,CAAC,EAClB,8MAA8M;YAClN,CAAC,eAAe,CAAC,KAAK,CAAC,EACnB,oIAAoI;YACxI,CAAC,eAAe,CAAC,IAAI,CAAC,EAClB,8PAA8P;SACrQ;QACD,IAAI,EAAE;YACF,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,iBAAiB;YACzC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,iBAAiB;SACtC;KACJ;IACD,gBAAgB,EAAE;QACd;YACI,OAAO,EAAE;gBACL,eAAe,CAAC,OAAO;gBACvB,eAAe,CAAC,SAAS;gBACzB,eAAe,CAAC,WAAW;gBAC3B,eAAe,CAAC,oBAAoB;gBACpC,eAAe,CAAC,WAAW;gBAC3B,eAAe,CAAC,KAAK;gBACrB,eAAe,CAAC,IAAI;aACvB;YACD,IAAI,EAAE,YAAY,CAAC,CAAC;YACpB,KAAK,EAAE,0CAA0C;SACpD;QACD;YACI,OAAO,EAAE;gBACL,eAAe,CAAC,OAAO;gBACvB,eAAe,CAAC,SAAS;gBACzB,eAAe,CAAC,WAAW;gBAC3B,eAAe,CAAC,oBAAoB;gBACpC,eAAe,CAAC,WAAW;gBAC3B,eAAe,CAAC,KAAK;gBACrB,eAAe,CAAC,IAAI;aACvB;YACD,IAAI,EAAE,YAAY,CAAC,OAAO;YAC1B,KAAK,EAAE,yBAAyB;SACnC;QACD;YACI,OAAO,EAAE,eAAe,CAAC,IAAI;YAC7B,IAAI,EAAE,YAAY,CAAC,CAAC;YACpB,KAAK,EAAE,6BAA6B;SACvC;QACD;YACI,OAAO,EAAE,eAAe,CAAC,IAAI;YAC7B,IAAI,EAAE,YAAY,CAAC,OAAO;YAC1B,KAAK,EAAE,cAAc;SACxB;KACJ;IACD,eAAe,EAAE;QACb,OAAO,EAAE,eAAe,CAAC,OAAO;QAChC,IAAI,EAAE,YAAY,CAAC,OAAO;KAC7B;CACJ,CACJ,CAAC"}

package/build/esm/packages/aurora/src/src/components/checkbox/checkbox.js

@@ -0,0 +1,15 @@
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as React from 'react';
+import { CheckLineIcon } from '@auroraAssets/icons/check_icon';
+import './checkbox_types';
+import { cn } from '@auroraUtilities/cn';
+const Checkbox = React.forwardRef(({ id, name, errors = [], value, disabled, checked, defaultChecked, onCheckedChange, className, ...props }, ref) => (React.createElement(CheckboxPrimitive.Root, { id: id, name: name, ref: ref, className: cn('aurora-shrink-0 aurora-rounded-4 aurora-h-[20px] aurora-w-[20px] aurora-transition-all aurora-bg hover:aurora-border-strong focus data-[state=unchecked]:aurora-border data-[state=checked]:aurora-bg-primary not-disabled:data-[state=checked]:aurora-border-primary', {
+        'aurora-border-danger aurora-border-2': !!errors?.length,
+        'disabled:aurora-cursor-not-allowed': disabled,
+        '!aurora-bg-active': disabled && checked
+    }, className), value: value, disabled: disabled, checked: checked, defaultChecked: defaultChecked, onCheckedChange: onCheckedChange, ...props },
+    React.createElement(CheckboxPrimitive.Indicator, { className: cn('aurora-rounded-4 aurora-flex aurora-items-center aurora-justify-center aurora-w-full aurora-h-full') },
+        React.createElement(CheckLineIcon, { className: cn('aurora-w-3.5 aurora-h-3.5 aurora-fill-inverse', { 'aurora-fill-inverse-disabled': disabled && checked }) })))));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+export { Checkbox };
+//# sourceMappingURL=checkbox.js.map

package/build/esm/packages/aurora/src/src/components/checkbox/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../../../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAA+B,kBAAkB,CAAC;AAClD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC7B,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChH,oBAAC,iBAAiB,CAAC,IAAI,IACnB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACT,uQAAuQ,EACvQ;QACI,sCAAsC,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM;QACxD,oCAAoC,EAAE,QAAQ;QAC9C,mBAAmB,EAAE,QAAQ,IAAI,OAAO;KAC3C,EACD,SAAS,CACZ,EACD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,KAC5B,KAAK;IAET,oBAAC,iBAAiB,CAAC,SAAS,IACxB,SAAS,EAAE,EAAE,CAAC,oGAAoG,CAAC;QAEnH,oBAAC,aAAa,IACV,SAAS,EAAE,EAAE,CAAC,+CAA+C,EAAE,EAAE,8BAA8B,EAAE,QAAQ,IAAI,OAAO,EAAE,CAAC,GACzH,CACwB,CACT,CAC5B,CACJ,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE1D,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/build/esm/packages/aurora/src/src/components/checkbox/checkbox_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/checkbox/checkbox_types.ts"],"names":[],"mappings":"AAAA,OAAmC,0BAA0B,CAAC;AAC9D,OAAkB,OAAO,CAAC"}

package/build/esm/packages/aurora/src/src/components/color_picker/color_picker.js

@@ -0,0 +1,67 @@
+import React, { useMemo } from 'react';
+import { ColorPickerContext } from './color_picker_context';
+import ColorPickerPure from './components/pure_color_picker';
+import './color_picker_types';
+import useSetupColorPicker from '@auroraComponents/color_picker/hooks/setup_color_picker';
+export const ColorPicker = ({ id, name, initialColor, colorVariables, errors, onChange, onCancel, onSave, withGradient: isWithGradient, disabled, ...rest }) => {
+    const { color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened } = useSetupColorPicker({
+        colorVariables,
+        initialColor,
+        onChange,
+        onCancel,
+        onSave,
+        withGradient: isWithGradient
+    });
+    const value = useMemo(() => ({
+        color,
+        setColor,
+        hex,
+        hslArr,
+        handleOnChangeAlpha,
+        alphaValue,
+        rgbaArr,
+        setR,
+        setG,
+        setB,
+        handleCancel,
+        handleSave,
+        colorVariables,
+        previousSolidColor,
+        isCurrentValueGradient,
+        setLinear,
+        setRadial,
+        gradientType,
+        setSolid,
+        previousGradientColor,
+        withGradient,
+        isColorPickerOpened,
+        setIsColorPickerOpened
+    }), [
+        color,
+        setColor,
+        hex,
+        hslArr,
+        handleOnChangeAlpha,
+        alphaValue,
+        rgbaArr,
+        setR,
+        setG,
+        setB,
+        handleCancel,
+        handleSave,
+        previousSolidColor,
+        colorVariables,
+        isCurrentValueGradient,
+        setLinear,
+        setRadial,
+        gradientType,
+        previousGradientColor,
+        setSolid,
+        withGradient,
+        isColorPickerOpened,
+        setIsColorPickerOpened
+    ]);
+    return (React.createElement(ColorPickerContext.Provider, { value: value },
+        React.createElement(ColorPickerPure, { id: id, name: name, errors: errors, disabled: disabled, ...rest })));
+};
+//# sourceMappingURL=color_picker.js.map

package/build/esm/packages/aurora/src/src/components/color_picker/color_picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_picker.js","sourceRoot":"","sources":["../../../../../../../../src/components/color_picker/color_picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,eAAe,MAAM,gCAAgC,CAAC;AAC7D,OAAkC,sBAAsB,CAAC;AACzD,OAAO,mBAAmB,MAAM,yDAAyD,CAAC;AAE1F,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EACxB,EAAE,EACF,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,YAAY,EAAE,cAAc,EAC5B,QAAQ,EACR,GAAG,IAAI,EACS,EAAE,EAAE;IACpB,MAAM,EACF,KAAK,EACL,QAAQ,EACR,GAAG,EACH,MAAM,EACN,mBAAmB,EACnB,UAAU,EACV,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,kBAAkB,EAClB,sBAAsB,EACtB,SAAS,EACT,SAAS,EACT,YAAY,EACZ,qBAAqB,EACrB,QAAQ,EACR,YAAY,EACZ,mBAAmB,EACnB,sBAAsB,EACzB,GAAG,mBAAmB,CAAC;QACpB,cAAc;QACd,YAAY;QACZ,QAAQ;QACR,QAAQ;QACR,MAAM;QACN,YAAY,EAAE,cAAc;KAC/B,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,OAAO,CACjB,GAAG,EAAE,CAAC,CAAC;QACH,KAAK;QACL,QAAQ;QACR,GAAG;QACH,MAAM;QACN,mBAAmB;QACnB,UAAU;QACV,OAAO;QACP,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,YAAY;QACZ,UAAU;QACV,cAAc;QACd,kBAAkB;QAClB,sBAAsB;QACtB,SAAS;QACT,SAAS;QACT,YAAY;QACZ,QAAQ;QACR,qBAAqB;QACrB,YAAY;QACZ,mBAAmB;QACnB,sBAAsB;KACzB,CAAC,EACF;QACI,KAAK;QACL,QAAQ;QACR,GAAG;QACH,MAAM;QACN,mBAAmB;QACnB,UAAU;QACV,OAAO;QACP,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,YAAY;QACZ,UAAU;QACV,kBAAkB;QAClB,cAAc;QACd,sBAAsB;QACtB,SAAS;QACT,SAAS;QACT,YAAY;QACZ,qBAAqB;QACrB,QAAQ;QACR,YAAY;QACZ,mBAAmB;QACnB,sBAAsB;KACzB,CACJ,CAAC;IAEF,OAAO,CACH,oBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QACrC,oBAAC,eAAe,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,KAAM,IAAI,GAAI,CAC3D,CACjC,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/src/components/color_picker/color_picker_constants.js

@@ -0,0 +1,26 @@
+export const COLOR_PICKER_INITIAL_STATE = '#FFFFFF';
+export const COLOR_PICKER_WIDTH = 232;
+export const COLOR_PICKER_PADDING_LEFT = 8;
+export const COLOR_PICKER_HEIGHT = 200;
+export const COLOR_PICKER_CONTENT_MAX_HEIGHT = {
+    color: 305,
+    gradient: 245
+};
+export const COLOR_PICKER_ALPHA_MAX_VALUE = 100;
+export const COLOR_PICKER_TYPES = {
+    HEX: 'hex',
+    RGB: 'rgb'
+};
+export const COLOR_PICKER_SWATCH_SIZES = {
+    small: 'small',
+    big: 'big'
+};
+export const GRADIENT_TYPES = {
+    linear: 'linear-gradient',
+    radial: 'radial-gradient'
+};
+export const GRADIENT_RADIAL_SHAPES = {
+    circle: 'circle',
+    ellipse: 'ellipse'
+};
+//# sourceMappingURL=color_picker_constants.js.map

package/build/esm/packages/aurora/src/src/components/color_picker/color_picker_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_picker_constants.js","sourceRoot":"","sources":["../../../../../../../../src/components/color_picker/color_picker_constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG,SAAS,CAAC;AAEpD,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAC;AACtC,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,CAAC;AAC3C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAC;AACvC,MAAM,CAAC,MAAM,+BAA+B,GAAG;IAC3C,KAAK,EAAE,GAAG;IACV,QAAQ,EAAE,GAAG;CACP,CAAC;AAEX,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,CAAC;AAEhD,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAC9B,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;CACJ,CAAC;AAEX,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACrC,KAAK,EAAE,OAAO;IACd,GAAG,EAAE,KAAK;CACJ,CAAC;AAEX,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,MAAM,EAAE,iBAAiB;IACzB,MAAM,EAAE,iBAAiB;CACnB,CAAC;AAEX,MAAM,CAAC,MAAM,sBAAsB,GAAG;IAClC,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;CACZ,CAAC"}

package/build/esm/packages/aurora/src/src/components/color_picker/color_picker_context.js

@@ -0,0 +1,27 @@
+import { createContext } from 'react';
+import '@auroraComponents/color_picker/color_picker_types';
+export const ColorPickerContext = createContext({
+    color: {
+        value: '',
+        name: ''
+    },
+    setColor: () => { },
+    hex: '',
+    hslArr: [],
+    handleOnChangeAlpha: () => { },
+    alphaValue: '',
+    rgbaArr: [],
+    setR: () => { },
+    setG: () => { },
+    setB: () => { },
+    handleCancel: () => { },
+    handleSave: () => { },
+    setSolid: () => { },
+    setRadial: () => { },
+    setLinear: () => { },
+    isCurrentValueGradient: false,
+    withGradient: false,
+    isColorPickerOpened: false,
+    setIsColorPickerOpened: () => { }
+});
+//# sourceMappingURL=color_picker_context.js.map

package/build/esm/packages/aurora/src/src/components/color_picker/color_picker_context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_picker_context.js","sourceRoot":"","sources":["../../../../../../../../src/components/color_picker/color_picker_context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAoC,mDAAmD,CAAC;AAExF,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAsB;IACjE,KAAK,EAAE;QACH,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,EAAE;KACX;IACD,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,GAAG,EAAE,EAAE;IACP,MAAM,EAAE,EAAE;IACV,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC7B,UAAU,EAAE,EAAE;IACd,OAAO,EAAE,EAAE;IACX,IAAI,EAAE,GAAG,EAAE,GAAE,CAAC;IACd,IAAI,EAAE,GAAG,EAAE,GAAE,CAAC;IACd,IAAI,EAAE,GAAG,EAAE,GAAE,CAAC;IACd,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;IACtB,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;IACpB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;IACnB,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;IACnB,sBAAsB,EAAE,KAAK;IAC7B,YAAY,EAAE,KAAK;IACnB,mBAAmB,EAAE,KAAK;IAC1B,sBAAsB,EAAE,GAAG,EAAE,GAAE,CAAC;CACnC,CAAC,CAAC"}

package/build/esm/packages/aurora/src/src/components/color_picker/color_picker_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_picker_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/color_picker/color_picker_types.ts"],"names":[],"mappings":"AAAA,OAAyD,OAAO,CAAC;AACjE,OAAuD,uDAAuD,CAAC;AAE/G,OAAoB,aAAa,CAAC"}

package/build/esm/packages/aurora/src/src/components/color_picker/color_picker_utils.js

@@ -0,0 +1,106 @@
+import { COLOR_PICKER_INITIAL_STATE, GRADIENT_RADIAL_SHAPES, GRADIENT_TYPES } from '@auroraComponents/color_picker/color_picker_constants';
+import './color_picker_types';
+import tinycolor from 'tinycolor2';
+export class ColorPickerUtils {
+    static getTinyColorInstance = (color) => {
+        return tinycolor(color);
+    };
+    static isGradient(color) {
+        return color.includes('linear-gradient') || color.includes('radial-gradient');
+    }
+    static getColorPickerValue = (color) => {
+        const initialColorValue = typeof color === 'string' ? color : color?.value;
+        if (!initialColorValue)
+            return {
+                value: COLOR_PICKER_INITIAL_STATE,
+                name: ''
+            };
+        let parsedColorValue = initialColorValue
+            ? ColorPickerUtils.getTinyColorInstance(initialColorValue).toHex8()
+            : COLOR_PICKER_INITIAL_STATE;
+        if (ColorPickerUtils.isGradient(initialColorValue)) {
+            parsedColorValue = initialColorValue;
+        }
+        return {
+            value: parsedColorValue,
+            name: typeof color === 'string' ? '' : color?.name ?? ''
+        };
+    };
+    static getRgbaValue = (colorSet) => {
+        return colorSet.toRgb();
+    };
+    static getHexValue = (colorSet) => {
+        const alphaValue = colorSet.getAlpha();
+        return alphaValue < 1 ? colorSet.toHex8() : colorSet.toHex();
+    };
+    static getHexValueString = (colorSet) => {
+        return `#${this.getHexValue(colorSet)}`;
+    };
+    static isHexChar = (value) => {
+        const hexRegEx = /^$|[0-9a-fA-F]+$/;
+        return hexRegEx.test(value);
+    };
+    static getAllColorTypes = (color) => {
+        const tinyColor = typeof color === 'string' ? this.getTinyColorInstance(color) : this.getTinyColorInstance(color.value);
+        const rgba = this.getRgbaValue(tinyColor);
+        const hex = this.getHexValue(tinyColor);
+        const hexString = this.getHexValueString(tinyColor);
+        const allColorTypes = {
+            rgba: {
+                r: rgba.r,
+                g: rgba.g,
+                b: rgba.b,
+                a: rgba.a
+            },
+            hex: hex,
+            hexString: hexString
+        };
+        const variableName = { variable: color.name ? `@${color.name}` : '' };
+        return {
+            ...allColorTypes,
+            ...(variableName && variableName)
+        };
+    };
+    static getVariableShades = ({ color, name }) => {
+        const colorTiny = this.getTinyColorInstance(color);
+        const colorHsl = colorTiny.toHsl();
+        const isNeutral = name.includes('neutral');
+        const blackShade = [{ h: colorHsl.h, s: colorHsl.s, l: 100, name: `${name}s0` }];
+        const whiteShade = [{ h: colorHsl.h, s: colorHsl.s, l: 0, name: `${name}s1000` }];
+        const shades = [
+            { h: colorHsl.h, s: colorHsl.s, l: 99, name: `${name}s10` },
+            { h: colorHsl.h, s: colorHsl.s, l: 98, name: `${name}s20` },
+            { h: colorHsl.h, s: colorHsl.s, l: 95, name: `${name}s50` },
+            { h: colorHsl.h, s: colorHsl.s, l: 90, name: `${name}s100` },
+            { h: colorHsl.h, s: colorHsl.s, l: 80, name: `${name}s200` },
+            { h: colorHsl.h, s: colorHsl.s, l: 70, name: `${name}s300` },
+            { h: colorHsl.h, s: colorHsl.s, l: 60, name: `${name}s400` },
+            { h: colorHsl.h, s: colorHsl.s, l: 50, name: `${name}s500` },
+            { h: colorHsl.h, s: colorHsl.s, l: 40, name: `${name}s600` },
+            { h: colorHsl.h, s: colorHsl.s, l: 30, name: `${name}s700` },
+            { h: colorHsl.h, s: colorHsl.s, l: 20, name: `${name}s800` },
+            { h: colorHsl.h, s: colorHsl.s, l: 10, name: `${name}s900` }
+        ];
+        const result = [...(isNeutral ? blackShade : []), ...shades, ...(isNeutral ? whiteShade : [])];
+        return this.convertVariableShadesToHex(result);
+    };
+    static convertVariableShadesToHex = (variables) => {
+        return variables.map((variable) => {
+            const colorTiny = this.getTinyColorInstance({ h: variable.h, s: variable.s, l: variable.l });
+            const colorHex = colorTiny.toHexString();
+            return { name: variable.name, value: colorHex };
+        });
+    };
+    static getColorPickerGradientValue(gradient) {
+        return {
+            gradientType: gradient.gradientType,
+            angle: gradient.gradientType === GRADIENT_TYPES.radial ? undefined : parseFloat(gradient.degrees ?? '90deg'),
+            radialShape: gradient.gradientType === GRADIENT_TYPES.radial ? GRADIENT_RADIAL_SHAPES.circle : undefined,
+            colors: gradient.colors.map(({ left, value }) => ({
+                stop: left,
+                value: `#${ColorPickerUtils.getTinyColorInstance(value).toHex8()}`
+            }))
+        };
+    }
+}
+//# sourceMappingURL=color_picker_utils.js.map

package/build/esm/packages/aurora/src/src/components/color_picker/color_picker_utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_picker_utils.js","sourceRoot":"","sources":["../../../../../../../../src/components/color_picker/color_picker_utils.ts"],"names":[],"mappings":"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"}

package/build/esm/packages/aurora/src/src/components/color_picker/components/color_label_input.js

@@ -0,0 +1,14 @@
+import { GRADIENT_TYPES } from '@auroraComponents/color_picker/color_picker_constants';
+import { Input } from '@auroraComponents/input/input';
+import React from 'react';
+import { useColorPicker } from '@auroraComponents/color_picker/hooks/use_color_picker';
+import { useTranslation } from 'react-i18next';
+export const ColorPickerInput = ({ id, name, errors, disabled, preElement }) => {
+    const { hex, color, isCurrentValueGradient, gradientType } = useColorPicker();
+    const [t] = useTranslation();
+    let colorName = color.name ? `${t(color.name)}` : `# ${hex?.toUpperCase()}`;
+    if (isCurrentValueGradient)
+        colorName = gradientType === GRADIENT_TYPES.linear ? t('Linear gradient') : t('Radial gradient');
+    return React.createElement(Input, { preElement: preElement, type: "text", id: id, name: name, value: colorName, errors: errors, disabled: disabled, readOnly: true });
+};
+//# sourceMappingURL=color_label_input.js.map

package/build/esm/packages/aurora/src/src/components/color_picker/components/color_label_input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_label_input.js","sourceRoot":"","sources":["../../../../../../../../../src/components/color_picker/components/color_label_input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uDAAuD,CAAC;AACvF,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,uDAAuD,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAU/C,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,EAAE;IAC5G,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,GAAG,cAAc,EAAE,CAAC;IAC9E,MAAM,CAAC,CAAC,CAAC,GAAG,cAAc,EAAE,CAAC;IAE7B,IAAI,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,WAAW,EAAE,EAAE,CAAC;IAE5E,IAAI,sBAAsB;QAAE,SAAS,GAAG,YAAY,KAAK,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC;IAE7H,OAAO,oBAAC,KAAK,IAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,MAAM,EAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,SAAG,CAAC;AAC5I,CAAC,CAAC"}

package/build/esm/packages/aurora/src/src/components/color_picker/components/color_picker_content.js

@@ -0,0 +1,30 @@
+import { COLOR_PICKER_CONTENT_MAX_HEIGHT, COLOR_PICKER_HEIGHT, COLOR_PICKER_PADDING_LEFT, COLOR_PICKER_WIDTH } from '@auroraComponents/color_picker/color_picker_constants';
+import { ColorPickerFooter } from '@auroraComponents/color_picker/components/color_picker_footer';
+import { ColorPickerVariables } from '@auroraComponents/color_picker/components/color_picker_variables';
+import React from 'react';
+import { useColorPicker } from '@auroraComponents/color_picker/hooks/use_color_picker';
+import { ColorPickerControls } from '@auroraComponents/color_picker/components/color_picker_controls';
+import PickerContextWrapper from 'react-best-gradient-color-picker/dist/esm/context';
+import { objectToString } from 'react-best-gradient-color-picker/dist/esm/utils/utils';
+import { getStyles } from 'react-best-gradient-color-picker/dist/esm/styles/styles';
+import { ColorPickerImpl } from '@auroraComponents/color_picker/components/color_picker_impl';
+export const ColorPickerContent = () => {
+    const { color, setColor, colorVariables, isCurrentValueGradient } = useColorPicker();
+    const colorValue = typeof color === 'string' ? color : color.value;
+    const safeValue = objectToString(colorValue);
+    const defaultStyles = getStyles(true);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(PickerContextWrapper, { value: safeValue, defaultStyles: defaultStyles, onChange: setColor, squareWidth: COLOR_PICKER_WIDTH, squareHeight: COLOR_PICKER_HEIGHT, hideOpacity: false },
+            React.createElement("div", { className: "aurora-flex aurora-flex-col aurora-max-w-72 aurora-py-2 aurora-pl-2 aurora-pr-2 aurora-pt-3 aurora-border-x aurora-border-t aurora-border-subtle aurora-rounded-t-16 aurora-bg-neutral-0" },
+                React.createElement("div", { className: "aurora-flex aurora-flex-col aurora-pb-2 aurora-gap-2", style: { width: COLOR_PICKER_WIDTH + COLOR_PICKER_PADDING_LEFT, paddingLeft: COLOR_PICKER_PADDING_LEFT } },
+                    React.createElement(ColorPickerControls, null)),
+                React.createElement("div", { className: "aurora-overflow-y-scroll aurora-overflow-x-visible custom-scrollbar aurora-pr-0.5", style: {
+                        ...defaultStyles.body,
+                        maxHeight: isCurrentValueGradient ? COLOR_PICKER_CONTENT_MAX_HEIGHT.gradient : COLOR_PICKER_CONTENT_MAX_HEIGHT.color
+                    } },
+                    React.createElement("div", { className: "aurora-pl-2", style: { width: COLOR_PICKER_WIDTH + COLOR_PICKER_PADDING_LEFT, paddingLeft: COLOR_PICKER_PADDING_LEFT } },
+                        React.createElement(ColorPickerImpl, null),
+                        colorVariables?.isVisible && !isCurrentValueGradient ? (React.createElement(ColorPickerVariables, { variables: colorVariables.variables })) : null)))),
+        React.createElement(ColorPickerFooter, null)));
+};
+//# sourceMappingURL=color_picker_content.js.map

package/build/esm/packages/aurora/src/src/components/color_picker/components/color_picker_content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_picker_content.js","sourceRoot":"","sources":["../../../../../../../../../src/components/color_picker/components/color_picker_content.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,+BAA+B,EAC/B,mBAAmB,EACnB,yBAAyB,EACzB,kBAAkB,EACrB,MAAM,uDAAuD,CAAC;AAE/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,+DAA+D,CAAC;AAClG,OAAO,EAAE,oBAAoB,EAAE,MAAM,kEAAkE,CAAC;AACxG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,uDAAuD,CAAC;AACvF,OAAO,EAAE,mBAAmB,EAAE,MAAM,iEAAiE,CAAC;AACtG,OAAO,oBAAoB,MAAM,mDAAmD,CAAC;AACrF,OAAO,EAAE,cAAc,EAAE,MAAM,uDAAuD,CAAC;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,yDAAyD,CAAC;AACpF,OAAO,EAAE,eAAe,EAAE,MAAM,6DAA6D,CAAC;AAE9F,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,sBAAsB,EAAE,GAAG,cAAc,EAAE,CAAC;IACrF,MAAM,UAAU,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;IAEnE,MAAM,SAAS,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;IAC7C,MAAM,aAAa,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;IAEtC,OAAO,CACH;QACI,oBAAC,oBAAoB,IACjB,KAAK,EAAE,SAAS,EAChB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,kBAAkB,EAC/B,YAAY,EAAE,mBAAmB,EACjC,WAAW,EAAE,KAAK;YAElB,6BAAK,SAAS,EAAC,0LAA0L;gBACrM,6BACI,SAAS,EAAC,sDAAsD,EAChE,KAAK,EAAE,EAAE,KAAK,EAAE,kBAAkB,GAAG,yBAAyB,EAAE,WAAW,EAAE,yBAAyB,EAAE;oBAExG,oBAAC,mBAAmB,OAAG,CACrB;gBAEN,6BACI,SAAS,EAAC,mFAAmF,EAC7F,KAAK,EAAE;wBACH,GAAG,aAAa,CAAC,IAAI;wBACrB,SAAS,EAAE,sBAAsB,CAAC,CAAC,CAAC,+BAA+B,CAAC,QAAQ,CAAC,CAAC,CAAC,+BAA+B,CAAC,KAAK;qBACvH;oBAED,6BACI,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,EAAE,KAAK,EAAE,kBAAkB,GAAG,yBAAyB,EAAE,WAAW,EAAE,yBAAyB,EAAE;wBAExG,oBAAC,eAAe,OAAG;wBAElB,cAAc,EAAE,SAAS,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,CACpD,oBAAC,oBAAoB,IAAC,SAAS,EAAE,cAAc,CAAC,SAAS,GAAI,CAChE,CAAC,CAAC,CAAC,IAAI,CACN,CACJ,CACJ,CACa;QAEvB,oBAAC,iBAAiB,OAAG,CACtB,CACN,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/src/components/color_picker/components/color_picker_controls.js

@@ -0,0 +1,46 @@
+import { ColorPickerGradientAngle } from '@auroraComponents/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle';
+import { ColorPickerModeToggler } from '@auroraComponents/color_picker/components/color_picker_mode_toggler';
+import { GRADIENT_TYPES } from '@auroraComponents/color_picker/color_picker_constants';
+import React from 'react';
+import { Stack } from '@auroraComponents/stack/stack';
+import { Tooltip } from '@auroraComponents/tooltip/tooltip';
+import { TooltipContent } from '@auroraComponents/tooltip/components/tooltip_content';
+import { TooltipProvider } from '@auroraComponents/tooltip/context/tooltip_provider';
+import { TooltipTrigger } from '@auroraComponents/tooltip/components/tooltip_trigger';
+import { Typography } from '@auroraComponents/typography/typography';
+import { useColorPicker } from '@auroraComponents/color_picker/hooks/use_color_picker';
+import { usePicker } from 'react-best-gradient-color-picker/dist/esm/context';
+import { useTranslation } from 'react-i18next';
+import { CSS_TEXT_COLOR_TOKENS } from '@auroraConstants/css_tokens/css_text_color_tokens';
+import { GradientBar } from '@auroraComponents/color_picker/components/color_picker_overrides/color_picker_gradient_bar';
+import { EyeDropper } from './color_picker_overrides/color_picker_eye_dropper';
+import { GradientControls } from './color_picker_overrides/color_picker_gradient_controls';
+export const ColorPickerControls = () => {
+    const { handleChange } = usePicker();
+    const { t } = useTranslation();
+    const { withGradient, gradientType, isCurrentValueGradient } = useColorPicker();
+    const isLinearGradient = gradientType === GRADIENT_TYPES.linear;
+    const EyeDropperAvailable = typeof window['EyeDropper'] !== 'undefined';
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Stack, { justify: withGradient ? 'between' : 'end' },
+            withGradient ? (React.createElement(Stack, { spacing: "8" },
+                React.createElement(ColorPickerModeToggler, null))) : null,
+            EyeDropperAvailable && (React.createElement(TooltipProvider, null,
+                React.createElement(Tooltip, null,
+                    React.createElement(TooltipTrigger, null,
+                        React.createElement(EyeDropper, { onSelect: handleChange })),
+                    React.createElement(TooltipContent, { variant: "dark" },
+                        React.createElement(Typography, { size: "xs", weight: "medium", color: CSS_TEXT_COLOR_TOKENS.inverse }, `${t('Sample color')}`)))))),
+        withGradient && isCurrentValueGradient ? (React.createElement(Stack, { justify: isLinearGradient ? 'between' : 'end' },
+            React.createElement(React.Fragment, null,
+                isLinearGradient ? React.createElement(ColorPickerGradientAngle, null) : null,
+                React.createElement(GradientControls, { hideGradientType: true, hideGradientAngle: true, hideGradientStop: true })))) : null,
+        withGradient && isCurrentValueGradient ? (React.createElement(Stack, { className: "aurora-border-b aurora-border-subtle aurora-pb-2 aurora-pl-4 aurora-pr-[1.125rem] -aurora-mb-[1px] -aurora-ml-4 -aurora-mr-[1.125rem]" },
+            React.createElement(TooltipProvider, null,
+                React.createElement(Tooltip, null,
+                    React.createElement(TooltipTrigger, null,
+                        React.createElement(GradientBar, null)),
+                    React.createElement(TooltipContent, { variant: "dark" },
+                        React.createElement(Typography, { size: "xs", weight: "medium", color: CSS_TEXT_COLOR_TOKENS.inverse }, `${t('Add color')}`)))))) : null));
+};
+//# sourceMappingURL=color_picker_controls.js.map

package/build/esm/packages/aurora/src/src/components/color_picker/components/color_picker_controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_picker_controls.js","sourceRoot":"","sources":["../../../../../../../../../src/components/color_picker/components/color_picker_controls.tsx"],"names":[],"mappings":"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"}

package/build/esm/packages/aurora/src/src/components/color_picker/components/color_picker_footer.js

@@ -0,0 +1,24 @@
+import React, { useContext } from 'react';
+import { Button } from '@auroraComponents/button/button';
+import { ColorPickerContext } from '../color_picker_context';
+import { ColorPickerUtils } from '../color_picker_utils';
+import '../color_picker_types';
+import { useColorPicker } from '@auroraComponents/color_picker/hooks/use_color_picker';
+import { useTranslation } from 'react-i18next';
+export const ColorPickerFooter = () => {
+    const { setIsColorPickerOpened } = useContext(ColorPickerContext);
+    const { color, handleCancel, handleSave } = useColorPicker();
+    const [t] = useTranslation();
+    const handleCancelButton = () => {
+        setIsColorPickerOpened(false);
+        handleCancel?.();
+    };
+    const handleSaveButton = () => {
+        setIsColorPickerOpened(false);
+        handleSave(ColorPickerUtils.getAllColorTypes(color));
+    };
+    return (React.createElement("div", { className: "aurora-flex aurora-items-center aurora-justify-between aurora-gap-2 aurora-pt-2 aurora-pb-3 aurora-px-4 aurora-border aurora-border-subtle aurora-rounded-b-16 aurora-bg-neutral-0" },
+        React.createElement(Button, { className: "aurora-flex-1", variant: "secondary", size: "s", type: "button", onClick: handleCancelButton }, `${t('Cancel')}`),
+        React.createElement(Button, { className: "aurora-flex-1", type: "button", size: "s", autoFocus: true, onClick: handleSaveButton }, `${t('Choose')}`)));
+};
+//# sourceMappingURL=color_picker_footer.js.map

package/build/esm/packages/aurora/src/src/components/color_picker/components/color_picker_footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_picker_footer.js","sourceRoot":"","sources":["../../../../../../../../../src/components/color_picker/components/color_picker_footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAoC,uBAAuB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,uDAAuD,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,sBAAsB,EAAE,GAAwB,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACvF,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,cAAc,EAAE,CAAC;IAC7D,MAAM,CAAC,CAAC,CAAC,GAAG,cAAc,EAAE,CAAC;IAE7B,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAC9B,YAAY,EAAE,EAAE,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAC9B,UAAU,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;IACzD,CAAC,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAC,oLAAoL;QAC/L,oBAAC,MAAM,IAAC,SAAS,EAAC,eAAe,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,kBAAkB,IACnG,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,CACZ;QAET,oBAAC,MAAM,IAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,EAAC,SAAS,QAAC,OAAO,EAAE,gBAAgB,IACvF,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,CACZ,CACP,CACT,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { formatInputValues } from 'react-best-gradient-color-picker/dist/esm/utils/formatters';
+import { usePicker } from 'react-best-gradient-color-picker/dist/esm/context';
+import { AngleIcon } from '@auroraAssets/icons/angle_icon';
+export const ColorPickerGradientAngle = () => {
+    const { degrees, onChange, value } = usePicker();
+    const handleDegrees = (e) => {
+        const newValue = formatInputValues(e.target.value, 0, 360);
+        const remaining = value.split(/,(.+)/)[1];
+        onChange(`linear-gradient(${newValue || 0}deg, ${remaining}`);
+    };
+    return (React.createElement("div", { className: 'aurora-relative aurora-flex aurora-justify-between aurora-gap-1.5 aurora-h-6 aurora-border-0 aurora-p-0.5 aurora-rounded-4 aurora-bg-subtle aurora-items-center' },
+        React.createElement(AngleIcon, { className: "aurora-w-3 aurora-h-3 aurora-stroke-0 aurora-ml-1" }),
+        React.createElement("div", { className: "aurora-flex aurora-items-center" },
+            React.createElement("input", { value: degrees, onChange: (e) => handleDegrees(e), className: 'aurora-h-[18px] aurora-w-10 aurora-text-xs aurora-rounded-4 aurora-text-center aurora-outline-none aurora-p-0' }),
+            React.createElement("div", { style: {
+                    position: 'absolute',
+                    right: degrees > 99 ? 0 : degrees < 10 ? 7 : 3,
+                    top: 1,
+                    fontWeight: 400,
+                    fontSize: 13
+                } }, "\u00B0"))));
+};
+//# sourceMappingURL=color_picker_gradient_angle.js.map

package/build/esm/packages/aurora/src/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_picker_gradient_angle.js","sourceRoot":"","sources":["../../../../../../../../../../src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,4DAA4D,CAAC;AAC/F,OAAO,EAAE,SAAS,EAAE,MAAM,mDAAmD,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAE3D,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,EAAE;IACzC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,CAAC;IAEjD,MAAM,aAAa,GAAG,CAAC,CAAM,EAAE,EAAE;QAC7B,MAAM,QAAQ,GAAG,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;QAC3D,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1C,QAAQ,CAAC,mBAAmB,QAAQ,IAAI,CAAC,QAAQ,SAAS,EAAE,CAAC,CAAC;IAClE,CAAC,CAAC;IAEF,OAAO,CACH,6BACI,SAAS,EACL,iKAAiK;QAGrK,oBAAC,SAAS,IAAC,SAAS,EAAC,mDAAmD,GAAG;QAE3E,6BAAK,SAAS,EAAC,iCAAiC;YAC5C,+BACI,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,EACjC,SAAS,EAAE,+GAA+G,GAC5H;YAEF,6BACI,KAAK,EAAE;oBACH,QAAQ,EAAE,UAAU;oBACpB,KAAK,EAAE,OAAO,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC9C,GAAG,EAAE,CAAC;oBACN,UAAU,EAAE,GAAG;oBACf,QAAQ,EAAE,EAAE;iBACf,aAGC,CACJ,CACJ,CACT,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/src/components/color_picker/components/color_picker_header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_picker_header.js","sourceRoot":"","sources":["../../../../../../../../../src/components/color_picker/components/color_picker_header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAoC,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,uDAAuD,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,YAAY,EAAE,GAAG,cAAc,EAAE,CAAC;IAC1C,MAAM,CAAC,CAAC,CAAC,GAAG,cAAc,EAAE,CAAC;IAC7B,MAAM,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,GAAwB,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAE5G,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,WAAW,EAAE,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAC9B,YAAY,EAAE,EAAE,CAAC;IACrB,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,mBAAmB;YAAE,OAAO;QACjC,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;IAC/E,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,OAAO,CACH,6BAAK,SAAS,EAAC,sIAAsI;QACjJ,oBAAC,UAAU,IAAC,IAAI,EAAC,GAAG,EAAC,MAAM,EAAC,UAAU,IAAE,GAAG,CAAC,CAAC,cAAc,CAAC,EAAE,CAAc;QAE5E,gCAAQ,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAC,kFAAkF;YAC7H,oBAAC,aAAa,IAAC,SAAS,EAAC,uBAAuB,GAAG,CAC9C,CACP,CACT,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/src/components/color_picker/components/color_picker_impl.js

@@ -0,0 +1,24 @@
+import { ColorPickerInputs } from '@auroraComponents/color_picker/components/color_picker_inputs/color_picker_inputs';
+import { ColorPickerShades } from '@auroraComponents/color_picker/components/color_picker_shades';
+import React from 'react';
+import { Stack } from '@auroraComponents/stack/stack';
+import { useColorPicker } from '@auroraComponents/color_picker/hooks/use_color_picker';
+import { Hue } from './color_picker_overrides/color_picker_hue';
+import { Opacity } from './color_picker_overrides/color_picker_opacity';
+import { Square } from './color_picker_overrides/color_picker_square';
+export const ColorPickerImpl = () => {
+    const { isCurrentValueGradient } = useColorPicker();
+    return (React.createElement("div", { className: "aurora-flex aurora-flex-col aurora-gap-2" },
+        React.createElement(Stack, { spacing: "2.5", direction: "column", onMouseDown: (ev) => 
+            // Prevents whole page from being selected when dragging
+            ev.preventDefault() },
+            React.createElement("div", { className: "color-picker__square aurora-overflow-hidden" },
+                React.createElement(Square, null)),
+            React.createElement("div", { className: "color-picker__hue aurora-w-full" },
+                React.createElement(Hue, null)),
+            React.createElement("div", { className: "color-picker__opacity aurora-w-full" },
+                React.createElement(Opacity, null))),
+        React.createElement(ColorPickerInputs, null),
+        !isCurrentValueGradient ? React.createElement(ColorPickerShades, null) : null));
+};
+//# sourceMappingURL=color_picker_impl.js.map

package/build/esm/packages/aurora/src/src/components/color_picker/components/color_picker_impl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_picker_impl.js","sourceRoot":"","sources":["../../../../../../../../../src/components/color_picker/components/color_picker_impl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mFAAmF,CAAC;AACtH,OAAO,EAAE,iBAAiB,EAAE,MAAM,+DAA+D,CAAC;AAClG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,uDAAuD,CAAC;AACvF,OAAO,EAAE,GAAG,EAAE,MAAM,2CAA2C,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,+CAA+C,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,8CAA8C,CAAC;AAEtE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,sBAAsB,EAAE,GAAG,cAAc,EAAE,CAAC;IAEpD,OAAO,CACH,6BAAK,SAAS,EAAC,0CAA0C;QACrD,oBAAC,KAAK,IACF,OAAO,EAAC,KAAK,EACb,SAAS,EAAC,QAAQ,EAClB,WAAW,EAAE,CAAC,EAAE,EAAE,EAAE;YAChB,wDAAwD;YACxD,EAAE,CAAC,cAAc,EAAE;YAGvB,6BAAK,SAAS,EAAC,6CAA6C;gBACxD,oBAAC,MAAM,OAAG,CACR;YAEN,6BAAK,SAAS,EAAC,iCAAiC;gBAC5C,oBAAC,GAAG,OAAG,CACL;YAEN,6BAAK,SAAS,EAAC,qCAAqC;gBAChD,oBAAC,OAAO,OAAG,CACT,CACF;QAER,oBAAC,iBAAiB,OAAG;QACpB,CAAC,sBAAsB,CAAC,CAAC,CAAC,oBAAC,iBAAiB,OAAG,CAAC,CAAC,CAAC,IAAI,CACrD,CACT,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/src/components/color_picker/components/color_picker_inputs/color_picker_inputs.js

@@ -0,0 +1,31 @@
+import React, { useState } from 'react';
+import { COLOR_PICKER_TYPES } from '../../color_picker_constants';
+import { ColorPickerInputsHex } from '@auroraComponents/color_picker/components/color_picker_inputs/color_picker_inputs_hex';
+import { ColorPickerInputsRgba } from '@auroraComponents/color_picker/components/color_picker_inputs/color_picker_inputs_rgba';
+import { CurrentColorPreview } from '@auroraComponents/color_picker/components/current_color_preview';
+import { Stack } from '@auroraComponents/stack/stack';
+export const ColorPickerInputs = () => {
+    const [type, setType] = useState(COLOR_PICKER_TYPES.HEX);
+    const handleSelectType = (e) => {
+        setType(e.target.value);
+    };
+    const inputs = () => {
+        switch (type) {
+            case COLOR_PICKER_TYPES.HEX:
+                return React.createElement(ColorPickerInputsHex, null);
+            case COLOR_PICKER_TYPES.RGB:
+                return React.createElement(ColorPickerInputsRgba, null);
+            default:
+                return false;
+        }
+    };
+    return (React.createElement(Stack, { spacing: "1", align: "center", className: "aurora-pt-2" },
+        React.createElement("div", { className: "aurora-flex aurora-items-center" },
+            React.createElement("select", { value: type, onChange: handleSelectType, className: "color-picker__inputs-select aurora-text-xs aurora-text-info-strong aurora-uppercase aurora-pr-2.5 aurora-appearance-none" },
+                React.createElement("option", { value: COLOR_PICKER_TYPES.HEX }, COLOR_PICKER_TYPES.HEX),
+                React.createElement("option", { value: COLOR_PICKER_TYPES.RGB }, COLOR_PICKER_TYPES.RGB))),
+        React.createElement("div", { className: "aurora-flex-1" },
+            React.createElement("div", { className: "color-picker__inputs-value-container aurora-flex aurora-border aurora-rounded-4 aurora-overflow-hidden aurora-h-6" }, inputs())),
+        React.createElement(CurrentColorPreview, null)));
+};
+//# sourceMappingURL=color_picker_inputs.js.map

package/build/esm/packages/aurora/src/src/components/color_picker/components/color_picker_inputs/color_picker_inputs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_picker_inputs.js","sourceRoot":"","sources":["../../../../../../../../../../src/components/color_picker/components/color_picker_inputs/color_picker_inputs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uFAAuF,CAAC;AAC7H,OAAO,EAAE,qBAAqB,EAAE,MAAM,wFAAwF,CAAC;AAC/H,OAAO,EAAE,mBAAmB,EAAE,MAAM,iEAAiE,CAAC;AACtG,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAEtD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAClC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAA6D,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAErH,MAAM,gBAAgB,GAAG,CAAC,CAAuC,EAAE,EAAE;QACjE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAmE,CAAC,CAAC;IAC1F,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,GAAG,EAAE;QAChB,QAAQ,IAAI,EAAE;YACV,KAAK,kBAAkB,CAAC,GAAG;gBACvB,OAAO,oBAAC,oBAAoB,OAAG,CAAC;YACpC,KAAK,kBAAkB,CAAC,GAAG;gBACvB,OAAO,oBAAC,qBAAqB,OAAG,CAAC;YACrC;gBACI,OAAO,KAAK,CAAC;SACpB;IACL,CAAC,CAAC;IAEF,OAAO,CACH,oBAAC,KAAK,IAAC,OAAO,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,aAAa;QACrD,6BAAK,SAAS,EAAC,iCAAiC;YAC5C,gCACI,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,gBAAgB,EAC1B,SAAS,EAAC,0HAA0H;gBAEpI,gCAAQ,KAAK,EAAE,kBAAkB,CAAC,GAAG,IAAG,kBAAkB,CAAC,GAAG,CAAU;gBACxE,gCAAQ,KAAK,EAAE,kBAAkB,CAAC,GAAG,IAAG,kBAAkB,CAAC,GAAG,CAAU,CACnE,CACP;QAEN,6BAAK,SAAS,EAAC,eAAe;YAC1B,6BAAK,SAAS,EAAC,mHAAmH,IAC7H,MAAM,EAAE,CACP,CACJ;QAEN,oBAAC,mBAAmB,OAAG,CACnB,CACX,CAAC;AACN,CAAC,CAAC"}