@dreamcommerce/aurora 3.0.0-3 → 3.0.0-300

package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumb_child.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+
+var _excluded = ["children"];
+var BreadcrumbChild = function BreadcrumbChild(_ref) {
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var breadcrumbRef = React.useRef(null);
+  return /*#__PURE__*/React.createElement("li", _objectSpread2({
+    ref: breadcrumbRef
+  }, rest), children);
+};
+
+export { BreadcrumbChild };
+//# sourceMappingURL=breadcrumb_child.js.map

package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumb_child.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumbs.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { TBreadcrumbsProps } from './breadcrumbs_types';
+export declare const Breadcrumbs: ({ classname, as, children, separator, withoutSeparator, ...rest }: TBreadcrumbsProps) => React.ReactElement<{
+    className: string | undefined;
+}, string | React.JSXElementConstructor<any>>;
+export default Breadcrumbs;

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

@@ -0,0 +1,50 @@
+import React, { useRef } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { CSS_ICON_COLOR_TOKENS_VALUES } from '../../constants/css_tokens/css_icon_color_tokens.js';
+import { Stack } from '../stack/stack.js';
+import { BreadcrumbChild } from './breadcrumb_child.js';
+import { ArrowRightSLineIcon } from '../../assets/icons/arrow_right_s_line_icon.js';
+
+var _excluded = ["classname", "as", "children", "separator", "withoutSeparator"];
+var Breadcrumbs = function Breadcrumbs(_ref) {
+  var classname = _ref.classname,
+    _ref$as = _ref.as,
+    as = _ref$as === void 0 ? 'nav' : _ref$as,
+    children = _ref.children,
+    separator = _ref.separator,
+    _ref$withoutSeparator = _ref.withoutSeparator,
+    withoutSeparator = _ref$withoutSeparator === void 0 ? false : _ref$withoutSeparator,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var breadcrumbRef = useRef(null);
+  var allItems = React.Children.toArray(children).map(function (child, index) {
+    return /*#__PURE__*/React.createElement(BreadcrumbChild, {
+      "data-test-breadcrumb-index": index,
+      key: "child-".concat(index)
+    }, child);
+  });
+  return /*#__PURE__*/React.createElement(as, {
+    className: classname
+  }, /*#__PURE__*/React.createElement(Stack, _objectSpread2({
+    ref: breadcrumbRef,
+    "aria-label": "breadcrumbs",
+    align: "center",
+    as: "ol",
+    spacing: "1",
+    className: 'aurora-m-0 aurora-p-0 aurora-list-none'
+  }, rest), withoutSeparator ? allItems : allItems.map(function (item, index) {
+    if (index === allItems.length - 1) return item;
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: index
+    }, item, /*#__PURE__*/React.createElement("li", {
+      "aria-hidden": "true",
+      className: "-aurora-mx-0.5 aurora-shrink-0"
+    }, separator ? separator : /*#__PURE__*/React.createElement(ArrowRightSLineIcon, {
+      size: 16,
+      color: CSS_ICON_COLOR_TOKENS_VALUES.subtle
+    })));
+  })));
+};
+
+export default Breadcrumbs;
+export { Breadcrumbs };
+//# sourceMappingURL=breadcrumbs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumbs_types.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare type TBreadcrumbsProps = React.PropsWithChildren<{
+    withoutSeparator?: boolean;
+    classname?: string;
+    as?: string;
+    attributes?: Record<string, any>;
+    separator?: React.ReactNode;
+} & React.HTMLAttributes<HTMLElement>>;
+export declare type TBreadcrumbChildProps = React.PropsWithChildren<React.HTMLAttributes<HTMLElement>>;

package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumbs_types.js

@@ -0,0 +1,2 @@
+import 'react';
+//# sourceMappingURL=breadcrumbs_types.js.map

package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumbs_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs_types.js","sourceRoot":"","sources":["../../../../../../../src/components/breadcrumbs/breadcrumbs_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC"}

package/build/esm/packages/aurora/src/components/button/button.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TButtonProps } from "./button_types";
+export declare const Button: React.ForwardRefExoticComponent<TButtonProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../utilities/cn.js';
+import { buttonVariants } from './button_variants.js';
+import { Slot } from '@radix-ui/react-slot';
+
+var _excluded = ["className", "variant", "size", "asChild"];
+var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    variant = _ref.variant,
+    size = _ref.size,
+    _ref$asChild = _ref.asChild,
+    asChild = _ref$asChild === void 0 ? false : _ref$asChild,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var Comp = asChild ? Slot : 'button';
+  return /*#__PURE__*/React.createElement(Comp, _objectSpread2({
+    className: cn(buttonVariants({
+      variant: variant,
+      size: size,
+      className: className
+    })),
+    ref: ref
+  }, props));
+});
+Button.displayName = 'Button';
+
+export { Button };
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/button/button_constants.d.ts

@@ -0,0 +1,13 @@
+export declare const BUTTON_SIZES: {
+    readonly default: "default";
+    readonly s: "s";
+};
+export declare const BUTTON_VARIANTS: {
+    readonly primary: "primary";
+    readonly secondary: "secondary";
+    readonly ghost: "ghost";
+    readonly dark: "dark";
+    readonly destructive: "destructive";
+    readonly destructiveSecondary: "destructive-secondary";
+    readonly link: "link";
+};

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

@@ -0,0 +1,16 @@
+var BUTTON_SIZES = {
+  default: 'default',
+  s: 's'
+};
+var BUTTON_VARIANTS = {
+  primary: 'primary',
+  secondary: 'secondary',
+  ghost: 'ghost',
+  dark: 'dark',
+  destructive: 'destructive',
+  destructiveSecondary: 'destructive-secondary',
+  link: 'link'
+};
+
+export { BUTTON_SIZES, BUTTON_VARIANTS };
+//# sourceMappingURL=button_constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/button/button_types.d.ts

@@ -0,0 +1,7 @@
+import { VariantProps } from 'class-variance-authority';
+import { buttonVariants } from "./button_variants";
+import React from 'react';
+export interface TButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    as?: string;
+}

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

@@ -0,0 +1,4 @@
+import 'class-variance-authority';
+import '@auroraComponents/button/button_variants';
+import 'react';
+//# sourceMappingURL=button_types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button_types.js","sourceRoot":"","sources":["../../../../../../../src/components/button/button_types.ts"],"names":[],"mappings":"AAAA,OAA6B,0BAA0B,CAAC;AACxD,OAA+B,0CAA0C,CAAC;AAC1E,OAAkB,OAAO,CAAC"}

package/build/esm/packages/aurora/src/components/button/button_variants.d.ts

@@ -0,0 +1,4 @@
+export declare const buttonVariants: (props?: ({
+    variant?: "primary" | "secondary" | "ghost" | "dark" | "destructive" | "destructive-secondary" | "link" | null | undefined;
+    size?: "default" | "s" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

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

@@ -0,0 +1,34 @@
+import { defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
+import { BUTTON_VARIANTS, BUTTON_SIZES } from './button_constants.js';
+
+var 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: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, 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: _defineProperty(_defineProperty({}, 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
+  }
+});
+
+export { buttonVariants };
+//# sourceMappingURL=button_variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,oBAAoB,oEAAwE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/checkbox/checkbox.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { TCheckboxProps } from './checkbox_types';
+declare const Checkbox: React.ForwardRefExoticComponent<TCheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };

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

@@ -0,0 +1,45 @@
+import { forwardRef, createElement } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../utilities/cn.js';
+import { Root, Indicator } from '@radix-ui/react-checkbox';
+import { CheckLineIcon } from '../../assets/icons/check_icon.js';
+
+var _excluded = ["id", "name", "errors", "value", "disabled", "checked", "defaultChecked", "onCheckedChange", "className"];
+var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var id = _ref.id,
+    name = _ref.name,
+    _ref$errors = _ref.errors,
+    errors = _ref$errors === void 0 ? [] : _ref$errors,
+    value = _ref.value,
+    disabled = _ref.disabled,
+    checked = _ref.checked,
+    defaultChecked = _ref.defaultChecked,
+    onCheckedChange = _ref.onCheckedChange,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/createElement(Root, _objectSpread2({
+    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 !== null && errors !== void 0 && 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), /*#__PURE__*/createElement(Indicator, {
+    className: cn('aurora-rounded-4 aurora-flex aurora-items-center aurora-justify-center aurora-w-full aurora-h-full')
+  }, /*#__PURE__*/createElement(CheckLineIcon, {
+    className: cn('aurora-w-3.5 aurora-h-3.5 aurora-fill-inverse', {
+      'aurora-fill-inverse-disabled': disabled && checked
+    })
+  })));
+});
+Checkbox.displayName = Root.displayName;
+
+export { Checkbox };
+//# sourceMappingURL=checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/checkbox/checkbox_types.d.ts

@@ -0,0 +1,5 @@
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import React from 'react';
+export interface TCheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
+    errors?: string | string[];
+}

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

@@ -0,0 +1,3 @@
+import '@radix-ui/react-checkbox';
+import 'react';
+//# sourceMappingURL=checkbox_types.js.map

package/build/esm/packages/aurora/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/components/color_picker/color_picker.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IColorPickerProps } from './color_picker_types';
+export declare const ColorPicker: ({ id, name, value, colorVariables, errors, onChange, onCancel, onSave, withGradient: isWithGradient, disabled, ...rest }: IColorPickerProps) => React.JSX.Element;

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

@@ -0,0 +1,92 @@
+import React, { useMemo } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { ColorPickerContext } from './color_picker_context.js';
+import ColorPickerPure from './components/pure_color_picker.js';
+import useSetupColorPicker from './hooks/setup_color_picker.js';
+
+var _excluded = ["id", "name", "value", "colorVariables", "errors", "onChange", "onCancel", "onSave", "withGradient", "disabled"];
+var ColorPicker = function ColorPicker(_ref) {
+  var id = _ref.id,
+    name = _ref.name,
+    value = _ref.value,
+    colorVariables = _ref.colorVariables,
+    errors = _ref.errors,
+    onChange = _ref.onChange,
+    onCancel = _ref.onCancel,
+    onSave = _ref.onSave,
+    isWithGradient = _ref.withGradient,
+    disabled = _ref.disabled,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useSetupColorPicker = useSetupColorPicker({
+      colorVariables: colorVariables,
+      value: value,
+      onChange: onChange,
+      onCancel: onCancel,
+      onSave: onSave,
+      withGradient: isWithGradient
+    }),
+    color = _useSetupColorPicker.color,
+    setColor = _useSetupColorPicker.setColor,
+    hex = _useSetupColorPicker.hex,
+    hslArr = _useSetupColorPicker.hslArr,
+    handleOnChangeAlpha = _useSetupColorPicker.handleOnChangeAlpha,
+    alpha = _useSetupColorPicker.alpha,
+    rgbaArr = _useSetupColorPicker.rgbaArr,
+    setR = _useSetupColorPicker.setR,
+    setG = _useSetupColorPicker.setG,
+    setB = _useSetupColorPicker.setB,
+    handleCancel = _useSetupColorPicker.handleCancel,
+    handleSave = _useSetupColorPicker.handleSave,
+    previousSolidColor = _useSetupColorPicker.previousSolidColor,
+    isCurrentValueGradient = _useSetupColorPicker.isCurrentValueGradient,
+    setLinear = _useSetupColorPicker.setLinear,
+    setRadial = _useSetupColorPicker.setRadial,
+    gradientType = _useSetupColorPicker.gradientType,
+    previousGradientColor = _useSetupColorPicker.previousGradientColor,
+    setSolid = _useSetupColorPicker.setSolid,
+    withGradient = _useSetupColorPicker.withGradient,
+    isColorPickerOpened = _useSetupColorPicker.isColorPickerOpened,
+    setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened,
+    degrees = _useSetupColorPicker.degrees,
+    shadeName = _useSetupColorPicker.shadeName;
+  var contextVal = useMemo(function () {
+    return {
+      color: color,
+      setColor: setColor,
+      hex: hex,
+      hslArr: hslArr,
+      handleOnChangeAlpha: handleOnChangeAlpha,
+      alpha: alpha,
+      rgbaArr: rgbaArr,
+      setR: setR,
+      setG: setG,
+      setB: setB,
+      handleCancel: handleCancel,
+      handleSave: handleSave,
+      colorVariables: colorVariables,
+      previousSolidColor: previousSolidColor,
+      isCurrentValueGradient: isCurrentValueGradient,
+      setLinear: setLinear,
+      setRadial: setRadial,
+      gradientType: gradientType,
+      setSolid: setSolid,
+      previousGradientColor: previousGradientColor,
+      withGradient: withGradient,
+      isColorPickerOpened: isColorPickerOpened,
+      setIsColorPickerOpened: setIsColorPickerOpened,
+      degrees: degrees,
+      shadeName: shadeName
+    };
+  }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alpha, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened, degrees, shadeName]);
+  return /*#__PURE__*/React.createElement(ColorPickerContext.Provider, {
+    value: contextVal
+  }, /*#__PURE__*/React.createElement(ColorPickerPure, _objectSpread2({
+    id: id,
+    name: name,
+    errors: errors,
+    disabled: disabled
+  }, rest)));
+};
+
+export { ColorPicker };
+//# sourceMappingURL=color_picker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/color_picker/color_picker_constants.d.ts

@@ -0,0 +1,25 @@
+export declare const COLOR_PICKER_INITIAL_STATE = "#FFFFFF";
+export declare const COLOR_PICKER_WIDTH = 232;
+export declare const COLOR_PICKER_PADDING_LEFT = 8;
+export declare const COLOR_PICKER_HEIGHT = 200;
+export declare const COLOR_PICKER_CONTENT_MAX_HEIGHT: {
+    readonly color: 305;
+    readonly gradient: 245;
+};
+export declare const COLOR_PICKER_ALPHA_MAX_VALUE = 100;
+export declare const COLOR_PICKER_TYPES: {
+    readonly HEX: "hex";
+    readonly RGB: "rgb";
+};
+export declare const COLOR_PICKER_SWATCH_SIZES: {
+    readonly small: "small";
+    readonly big: "big";
+};
+export declare const GRADIENT_TYPES: {
+    readonly linear: "linear-gradient";
+    readonly radial: "radial-gradient";
+};
+export declare const GRADIENT_RADIAL_SHAPES: {
+    readonly circle: "circle";
+    readonly ellipse: "ellipse";
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/color_picker/color_picker_context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IColorPickerContext } from "./color_picker_types";
+export declare const ColorPickerContext: import("react").Context<IColorPickerContext | null>;

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

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+
+var ColorPickerContext = /*#__PURE__*/createContext(null);
+
+export { ColorPickerContext };
+//# sourceMappingURL=color_picker_context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.d.ts

@@ -0,0 +1,97 @@
+import { HTMLAttributes } from 'react';
+import { GRADIENT_RADIAL_SHAPES, GRADIENT_TYPES } from "./color_picker_constants";
+import { Any } from 'ts-toolbelt';
+export interface IColorPickerPureProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    id: string;
+    name?: string;
+    errors?: string | string[];
+    disabled?: boolean;
+}
+export interface IColorPickerColorVariables {
+    isVisible: boolean;
+    variables: IColorPickerColorVariablesType;
+}
+export interface IColorPickerColorVariablesType {
+    primary: ColorPickerVariable;
+    secondary: ColorPickerVariable;
+    neutral: ColorPickerVariable;
+    font: ColorPickerVariable;
+    background: ColorPickerVariable;
+}
+export interface IColorPickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    id: string;
+    name?: string;
+    value?: ColorPickerColorTypes['hex'] | undefined;
+    withGradient?: boolean;
+    colorVariables?: IColorPickerColorVariables;
+    errors?: string | string[];
+    onChange?: (color: IColorPickerColor) => void;
+    onCancel?: () => void;
+    onSave?: (color: IColorPickerColor) => void;
+    disabled?: boolean;
+}
+export interface IColorPickerContext {
+    color: string;
+    setColor: (newColor: string, shadeName?: string) => void;
+    hex: string;
+    hslArr: number[];
+    handleOnChangeAlpha: (val: number) => void;
+    alpha: number;
+    rgbaArr: number[];
+    setR: (newR: number) => void;
+    setG: (newG: number) => void;
+    setB: (newB: number) => void;
+    handleCancel: () => void;
+    withGradient: boolean;
+    handleSave: () => void;
+    colorVariables?: IColorPickerColorVariables;
+    isCurrentValueGradient: boolean;
+    setSolid: (value?: string) => void;
+    setRadial: (value?: string) => void;
+    setLinear: (value?: string) => void;
+    gradientType?: TGradientType;
+    previousSolidColor?: string;
+    previousGradientColor?: string;
+    isColorPickerOpened: boolean;
+    setIsColorPickerOpened: (isOpened: boolean) => void;
+    degrees: number;
+    shadeName: string;
+}
+export declare type ColorPickerColorTypes = {
+    hex: string;
+    hsl: {
+        h: number;
+        s: number;
+        l: number;
+    };
+    rgba: {
+        r: number;
+        g: number;
+        b: number;
+        a?: number;
+    };
+};
+export declare type ColorPickerVariable = {
+    value: string;
+    name: string;
+};
+export declare type IColorPickerColor = {
+    rgba: ColorPickerColorTypes['rgba'];
+    hex: string;
+    hexString: string;
+    variable: string;
+    gradient?: TGradientObject;
+};
+export declare type ColorPickerColors = ColorPickerColorTypes['hex'] | ColorPickerColorTypes['hsl'] | ColorPickerColorTypes['rgba'];
+export declare type TGradientType = typeof GRADIENT_TYPES[keyof typeof GRADIENT_TYPES];
+export declare type TGradientColorStop = {
+    stop: number;
+    value: string;
+};
+export declare type TGradientRadialShape = Any.Keys<typeof GRADIENT_RADIAL_SHAPES>;
+export declare type TGradientObject = {
+    gradientType: TGradientType;
+    colors: TGradientColorStop[];
+    radialShape?: TGradientRadialShape;
+    angle?: number;
+};

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

@@ -0,0 +1,4 @@
+import 'react';
+import '@auroraComponents/color_picker/color_picker_constants';
+import 'ts-toolbelt';
+//# sourceMappingURL=color_picker_types.js.map

package/build/esm/packages/aurora/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,OAA+B,OAAO,CAAC;AACvC,OAAuD,uDAAuD,CAAC;AAE/G,OAAoB,aAAa,CAAC"}

package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { ColorPickerColors, ColorPickerVariable, IColorPickerColor, IColorPickerColorVariablesType } from './color_picker_types';
+import { GradientProps } from 'react-best-gradient-color-picker';
+import tinycolor from 'tinycolor2';
+export declare class ColorPickerUtils {
+    static getTinyColorInstance: (color: ColorPickerColors) => tinycolor.Instance;
+    static isGradient(color: string): boolean;
+    static getRgbaValue: (colorSet: tinycolor.Instance) => tinycolor.ColorFormats.RGBA;
+    static getHexValue: (colorSet: tinycolor.Instance) => string;
+    static getHexValueString: (colorSet: tinycolor.Instance) => string;
+    static getAllColorTypes: (color: ColorPickerVariable) => IColorPickerColor;
+    static getVariableShades: ({ color, name }: {
+        color: ColorPickerColors;
+        name: string;
+    }) => ColorPickerVariable[];
+    private static convertVariableShadesToHex;
+    static updateGradientWithActiveColor: (colors: GradientProps[], index: number, newColor: string) => GradientProps[];
+    static findVariable: (variables: IColorPickerColorVariablesType | ColorPickerVariable[], color: string) => string | undefined;
+    static normalizeLinearGradient: (color: string) => string;
+    static preventTypingLetters(event: React.KeyboardEvent<HTMLInputElement>): void;
+}