@dreamcommerce/aurora 3.0.0-99 → 3.0.0

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

@@ -4,7 +4,7 @@ import { cn } from '../../utilities/cn.js';
 import { BOX_COMPONENT_TYPES } from './box_constants.js';
 import { Stack } from '../stack/stack.js';
 
-var _excluded = ["shadow", "as", "backgroundColor", "color", "borderColor", "borderStyle", "borderWidth", "borderRadius", "paddings", "zIndex", "position", "children", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "style", "className", "direction", "justify", "align", "spacing", "wrap", "inline"];
+var _excluded = ["shadow", "as", "backgroundColor", "color", "borderColor", "borderStyle", "borderWidth", "borderRadius", "paddings", "zIndex", "position", "children", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "style", "className", "direction", "justify", "align", "spacing", "wrap", "inline", "shrink", "grow"];
 var Box = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _cn;
   var shadow = _ref.shadow,
@@ -36,13 +36,15 @@ var Box = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     spacing = _ref.spacing,
     wrap = _ref.wrap,
     inline = _ref.inline,
+    shrink = _ref.shrink,
+    grow = _ref.grow,
     rest = _objectWithoutProperties(_ref, _excluded);
   var borderWidthWithSides = borderWidth;
   var borderRadiusWithSides = borderRadius;
-  var anyStackPropertiesSet = direction || justify || align || spacing || wrap || inline;
+  var anyStackPropertiesSet = direction || justify || align || spacing || wrap || inline || spacing || shrink !== undefined || grow !== undefined;
   return /*#__PURE__*/React.createElement(anyStackPropertiesSet ? Stack : as, _objectSpread2({
     ref: ref,
-    className: cn((_cn = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_cn, 'aurora-bg', !backgroundColor), "aurora-bg-".concat(backgroundColor), !!backgroundColor), "aurora-text-".concat(color), !!color), "aurora-border", (!!borderColor || !!borderStyle || !!borderRadius) && !borderWidth), "aurora-border-".concat(borderColor), !!borderColor), "aurora-border-".concat(borderStyle), !!borderStyle), "aurora-border-".concat(borderWidth), !!borderWidth && typeof borderWidth === 'string'), "aurora-border-t".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.t) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.t)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.t)), "aurora-border-b".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.b) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.b)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.b)), "aurora-border-r".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.r) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.r)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.r)), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_cn, "aurora-border-l".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.l) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.l)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.l)), "aurora-border-x".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.x) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.x)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.x)), "aurora-border-y".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.y) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.y)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.y)), "aurora-rounded-".concat(borderRadius), !!borderRadius && typeof borderRadius === 'string'), "aurora-rounded-t-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.t), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.t)), "aurora-rounded-b-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.b), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.b)), "aurora-rounded-r-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.r), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.r)), "aurora-rounded-l-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.l), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.l)), "aurora-rounded-tl-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.tl), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.tl)), "aurora-rounded-tr-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.tr), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.tr)), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_cn, "aurora-rounded-bl-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.bl), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.bl)), "aurora-rounded-br-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.br), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.br)), "aurora-rounded-ee-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.ee), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.ee)), "aurora-rounded-es-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.es), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.es)), "aurora-rounded-ss-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.ss), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.ss)), "aurora-rounded-se-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.se), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.se)), "aurora-rounded-s-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.s), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.s)), "aurora-rounded-e-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.e), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.e)), "aurora-shadow-".concat(shadow), !!shadow), "aurora-p-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.p), !!(paddings !== null && paddings !== void 0 && paddings.p)), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_cn, "aurora-pt-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pt), !!(paddings !== null && paddings !== void 0 && paddings.pt)), "aurora-pr-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pr), !!(paddings !== null && paddings !== void 0 && paddings.pr)), "aurora-pb-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pb), !!(paddings !== null && paddings !== void 0 && paddings.pb)), "aurora-pl-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pl), !!(paddings !== null && paddings !== void 0 && paddings.pl)), "aurora-px-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.px), !!(paddings !== null && paddings !== void 0 && paddings.px)), "aurora-py-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.py), !!(paddings !== null && paddings !== void 0 && paddings.py)), "aurora-ps-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.ps), !!(paddings !== null && paddings !== void 0 && paddings.ps)), "aurora-pe-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pe), !!(paddings !== null && paddings !== void 0 && paddings.pe)), "aurora-".concat(position), !!position)), className),
+    className: cn((_cn = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_cn, 'aurora-bg', !backgroundColor), "aurora-bg-".concat(backgroundColor), !!backgroundColor), "aurora-text-".concat(color), !!color), "aurora-border", !!borderColor || !!borderStyle || !!borderRadius || !!borderWidth), "aurora-border-".concat(borderColor), !!borderColor), "aurora-border-".concat(borderStyle), !!borderStyle), "aurora-border-".concat(borderWidth), !!borderWidth && typeof borderWidth === 'string'), "aurora-border-t".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.t) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.t)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.t)), "aurora-border-b".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.b) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.b)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.b)), "aurora-border-r".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.r) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.r)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.r)), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_cn, "aurora-border-l".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.l) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.l)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.l)), "aurora-border-x".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.x) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.x)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.x)), "aurora-border-y".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.y) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.y)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.y)), "aurora-rounded-".concat(borderRadius), !!borderRadius && typeof borderRadius === 'string'), "aurora-rounded-t-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.t), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.t)), "aurora-rounded-b-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.b), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.b)), "aurora-rounded-r-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.r), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.r)), "aurora-rounded-l-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.l), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.l)), "aurora-rounded-tl-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.tl), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.tl)), "aurora-rounded-tr-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.tr), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.tr)), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_cn, "aurora-rounded-bl-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.bl), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.bl)), "aurora-rounded-br-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.br), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.br)), "aurora-rounded-ee-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.ee), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.ee)), "aurora-rounded-es-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.es), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.es)), "aurora-rounded-ss-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.ss), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.ss)), "aurora-rounded-se-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.se), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.se)), "aurora-rounded-s-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.s), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.s)), "aurora-rounded-e-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.e), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.e)), "aurora-shadow-".concat(shadow), !!shadow), "aurora-p-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.p), !!(paddings !== null && paddings !== void 0 && paddings.p)), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_cn, "aurora-pt-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pt), !!(paddings !== null && paddings !== void 0 && paddings.pt)), "aurora-pr-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pr), !!(paddings !== null && paddings !== void 0 && paddings.pr)), "aurora-pb-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pb), !!(paddings !== null && paddings !== void 0 && paddings.pb)), "aurora-pl-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pl), !!(paddings !== null && paddings !== void 0 && paddings.pl)), "aurora-px-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.px), !!(paddings !== null && paddings !== void 0 && paddings.px)), "aurora-py-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.py), !!(paddings !== null && paddings !== void 0 && paddings.py)), "aurora-ps-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.ps), !!(paddings !== null && paddings !== void 0 && paddings.ps)), "aurora-pe-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pe), !!(paddings !== null && paddings !== void 0 && paddings.pe)), "aurora-".concat(position), !!position)), className),
     style: _objectSpread2({
       zIndex: zIndex,
       width: width,
@@ -57,7 +59,9 @@ var Box = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     align: align,
     spacing: spacing,
     wrap: wrap,
-    inline: inline
+    inline: inline,
+    shrink: shrink,
+    grow: grow
   }, rest), children);
 });
 Box.displayName = 'Box';

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

@@ -1 +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;"}
+{"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;"}

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { TBreadcrumbChildProps } from './breadcrumbs_types';
-export declare const BreadcrumbChild: ({ children, attributes }: TBreadcrumbChildProps) => React.JSX.Element;
+export declare const BreadcrumbChild: ({ children, ...rest }: TBreadcrumbChildProps) => React.JSX.Element;

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

@@ -1,14 +1,15 @@
 import React from 'react';
-import './breadcrumbs_types';
-export const BreadcrumbChild = ({ children, attributes }) => {
-    const breadcrumbRef = React.useRef(null);
-    React.useEffect(() => {
-        if (!breadcrumbRef.current || !attributes)
-            return;
-        Object.entries(attributes).forEach(([key, value]) => {
-            breadcrumbRef.current?.setAttribute(key, value);
-        });
-    }, []);
-    return (React.createElement("li", { ref: breadcrumbRef }, children));
+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);
 };
-//# sourceMappingURL=breadcrumb_child.js.map
+
+export { BreadcrumbChild };
+//# sourceMappingURL=breadcrumb_child.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb_child.js","sourceRoot":"","sources":["../../../../../../../src/components/breadcrumbs/breadcrumb_child.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAsC,qBAAqB,CAAC;AAE5D,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAyB,EAAE,EAAE;IAC/E,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAgB,IAAI,CAAC,CAAC;IAExD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,aAAa,CAAC,OAAO,IAAI,CAAC,UAAU;YAAE,OAAO;QAElD,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YAChD,aAAa,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,4BAAI,GAAG,EAAE,aAAa,IACjB,QAAQ,CACR,CACR,CAAC;AACN,CAAC,CAAC"}
+{"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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TBreadcrumbsProps } from './breadcrumbs_types';
-export declare const Breadcrumbs: ({ classname, as, children, attributes, withoutSeparator }: TBreadcrumbsProps) => React.ReactElement<{
+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

@@ -1,35 +1,50 @@
-import React, { useEffect, useRef } from 'react';
-import { Stack } from '@auroraComponents/stack/stack';
-import { BreadcrumbChild } from './breadcrumb_child';
-import { ArrowRightSLineIcon } from '@auroraAssets/icons/arrow_right_s_line_icon';
-import './breadcrumbs_types';
-import { CSS_ICON_COLOR_TOKENS_VALUES } from '@auroraConstants/css_tokens/css_icon_color_tokens';
-export const Breadcrumbs = ({ classname, as = 'nav', children, attributes, withoutSeparator = false }) => {
-    const breadcrumbRef = useRef(null);
-    const allItems = React.Children.toArray(children).map((child, index) => (React.createElement(BreadcrumbChild, { attributes: {
-            'data-test-breadcrumb-index': index
-        }, key: `child-${index}` }, child)));
-    useEffect(() => {
-        if (!breadcrumbRef.current || !attributes)
-            return;
-        Object.entries(attributes).forEach(([key, value]) => {
-            breadcrumbRef.current?.setAttribute(key, value);
-        });
-    }, []);
-    return React.createElement(as, {
-        className: classname
-    }, React.createElement(Stack, { ref: breadcrumbRef, attributes: {
-            'aria-label': 'breadcrumbs'
-        }, align: "center", as: "ol", spacing: "1" }, withoutSeparator
-        ? allItems
-        : allItems.map((item, index) => {
-            if (index === allItems.length - 1)
-                return item;
-            return (React.createElement(React.Fragment, { key: index },
-                item,
-                React.createElement("li", { "aria-hidden": "true" },
-                    React.createElement(ArrowRightSLineIcon, { size: 16, color: CSS_ICON_COLOR_TOKENS_VALUES.subtle }))));
-        })));
+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;
-//# sourceMappingURL=breadcrumbs.js.map
+export { Breadcrumbs };
+//# sourceMappingURL=breadcrumbs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../../../../../../../src/components/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAkC,qBAAqB,CAAC;AACxD,OAAO,EAAE,4BAA4B,EAAE,MAAM,mDAAmD,CAAC;AAEjG,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,gBAAgB,GAAG,KAAK,EAAqB,EAAE,EAAE;IACxH,MAAM,aAAa,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAEhD,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACpE,oBAAC,eAAe,IACZ,UAAU,EAAE;YACR,4BAA4B,EAAE,KAAK;SACtC,EACD,GAAG,EAAE,SAAS,KAAK,EAAE,IAEpB,KAAK,CACQ,CACrB,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,aAAa,CAAC,OAAO,IAAI,CAAC,UAAU;YAAE,OAAO;QAElD,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YAChD,aAAa,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,KAAK,CAAC,aAAa,CACtB,EAAE,EACF;QACI,SAAS,EAAE,SAAS;KACvB,EACD,oBAAC,KAAK,IACF,GAAG,EAAE,aAAa,EAClB,UAAU,EAAE;YACR,YAAY,EAAE,aAAa;SAC9B,EACD,KAAK,EAAC,QAAQ,EACd,EAAE,EAAC,IAAI,EACP,OAAO,EAAC,GAAG,IAEV,gBAAgB;QACb,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACzB,IAAI,KAAK,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC;gBAAE,OAAO,IAAI,CAAC;YAE/C,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK;gBACrB,IAAI;gBACL,2CAAgB,MAAM;oBAClB,oBAAC,mBAAmB,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,4BAA4B,CAAC,MAAM,GAAI,CAC5E,CACQ,CACpB,CAAC;QACN,CAAC,CAAC,CACJ,CACX,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"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

@@ -1,10 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 export declare type TBreadcrumbsProps = React.PropsWithChildren<{
     withoutSeparator?: boolean;
     classname?: string;
     as?: string;
     attributes?: Record<string, any>;
-}>;
-export declare type TBreadcrumbChildProps = React.PropsWithChildren<{
-    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

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

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

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

@@ -3,4 +3,5 @@ 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_variants.js

@@ -2,9 +2,9 @@ import { defineProperty as _defineProperty } from '../../../../../_virtual/_roll
 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-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', {
+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-border-none aurora-bg-transparent hover:aurora-text-interactive-hover hover:aurora-underline disabled:aurora-bg-transparent focus-visible:aurora-text-interactive-active'),
+    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: [{

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

@@ -21,8 +21,8 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
     id: id,
     name: name,
     ref: ref,
-    className: cn('aurora-peer aurora-h-5 aurora-w-5 aurora-shrink-0 aurora-rounded-4 aurora-bg-neutral-0 aurora-border hover:aurora-border-strong focus data-[state=checked]:aurora-bg-primary', {
-      'aurora-border-danger aurora-border-2': errors && errors.length > 0,
+    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),
@@ -32,7 +32,7 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
     defaultChecked: defaultChecked,
     onCheckedChange: onCheckedChange
   }, props), /*#__PURE__*/createElement(Indicator, {
-    className: cn('aurora-flex aurora-items-center aurora-justify-center aurora-text-current')
+    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

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { IColorPickerProps } from './color_picker_types';
-export declare const ColorPicker: ({ id, name, initialColor, colorVariables, errors, onChange, onCancel, onSave, withGradient: isWithGradient, disabled }: IColorPickerProps) => React.JSX.Element;
+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

@@ -1,22 +1,25 @@
 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_piceker.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,
-    initialColor = _ref.initialColor,
+    value = _ref.value,
     colorVariables = _ref.colorVariables,
     errors = _ref.errors,
     onChange = _ref.onChange,
     onCancel = _ref.onCancel,
     onSave = _ref.onSave,
     isWithGradient = _ref.withGradient,
-    disabled = _ref.disabled;
+    disabled = _ref.disabled,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useSetupColorPicker = useSetupColorPicker({
       colorVariables: colorVariables,
-      initialColor: initialColor,
+      value: value,
       onChange: onChange,
       onCancel: onCancel,
       onSave: onSave,
@@ -27,7 +30,7 @@ var ColorPicker = function ColorPicker(_ref) {
     hex = _useSetupColorPicker.hex,
     hslArr = _useSetupColorPicker.hslArr,
     handleOnChangeAlpha = _useSetupColorPicker.handleOnChangeAlpha,
-    alphaValue = _useSetupColorPicker.alphaValue,
+    alpha = _useSetupColorPicker.alpha,
     rgbaArr = _useSetupColorPicker.rgbaArr,
     setR = _useSetupColorPicker.setR,
     setG = _useSetupColorPicker.setG,
@@ -43,15 +46,21 @@ var ColorPicker = function ColorPicker(_ref) {
     setSolid = _useSetupColorPicker.setSolid,
     withGradient = _useSetupColorPicker.withGradient,
     isColorPickerOpened = _useSetupColorPicker.isColorPickerOpened,
-    setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened;
-  var value = useMemo(function () {
+    setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened,
+    typedInputValue = _useSetupColorPicker.typedInputValue,
+    setTypedInputValue = _useSetupColorPicker.setTypedInputValue,
+    isColorPickerCurrentlyUsed = _useSetupColorPicker.isColorPickerCurrentlyUsed,
+    setIsColorPickerCurrentlyUsed = _useSetupColorPicker.setIsColorPickerCurrentlyUsed,
+    degrees = _useSetupColorPicker.degrees,
+    shadeName = _useSetupColorPicker.shadeName;
+  var contextVal = useMemo(function () {
     return {
       color: color,
       setColor: setColor,
       hex: hex,
       hslArr: hslArr,
       handleOnChangeAlpha: handleOnChangeAlpha,
-      alphaValue: alphaValue,
+      alpha: alpha,
       rgbaArr: rgbaArr,
       setR: setR,
       setG: setG,
@@ -68,18 +77,23 @@ var ColorPicker = function ColorPicker(_ref) {
       previousGradientColor: previousGradientColor,
       withGradient: withGradient,
       isColorPickerOpened: isColorPickerOpened,
-      setIsColorPickerOpened: setIsColorPickerOpened
+      setIsColorPickerOpened: setIsColorPickerOpened,
+      typedInputValue: typedInputValue,
+      setTypedInputValue: setTypedInputValue,
+      isColorPickerCurrentlyUsed: isColorPickerCurrentlyUsed,
+      setIsColorPickerCurrentlyUsed: setIsColorPickerCurrentlyUsed,
+      degrees: degrees,
+      shadeName: shadeName
     };
-  }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened]);
+  }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alpha, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened, typedInputValue, setTypedInputValue, isColorPickerCurrentlyUsed, setIsColorPickerCurrentlyUsed, degrees, shadeName]);
   return /*#__PURE__*/React.createElement(ColorPickerContext.Provider, {
-    value: value
-  }, /*#__PURE__*/React.createElement(ColorPickerPure, {
+    value: contextVal
+  }, /*#__PURE__*/React.createElement(ColorPickerPure, _objectSpread2({
     id: id,
     name: name,
-    colorVariables: colorVariables,
     errors: errors,
     disabled: disabled
-  }));
+  }, rest)));
 };
 
 export { ColorPicker };

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

@@ -1 +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;"}
+{"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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -1,6 +1,11 @@
 export declare const COLOR_PICKER_INITIAL_STATE = "#FFFFFF";
-export declare const COLOR_PICKER_WIDTH = 247;
+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";

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

@@ -1,6 +1,11 @@
 var COLOR_PICKER_INITIAL_STATE = '#FFFFFF';
-var COLOR_PICKER_WIDTH = 247;
+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',
@@ -14,10 +19,6 @@ var GRADIENT_TYPES = {
   linear: 'linear-gradient',
   radial: 'radial-gradient'
 };
-var GRADIENT_RADIAL_SHAPES = {
-  circle: 'circle',
-  ellipse: 'ellipse'
-};
 
-export { COLOR_PICKER_ALPHA_MAX_VALUE, COLOR_PICKER_HEIGHT, COLOR_PICKER_INITIAL_STATE, COLOR_PICKER_SWATCH_SIZES, COLOR_PICKER_TYPES, COLOR_PICKER_WIDTH, GRADIENT_RADIAL_SHAPES, GRADIENT_TYPES };
+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

@@ -1 +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;"}
+{"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

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

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

@@ -1,29 +1,6 @@
 import { createContext } from 'react';
 
-var ColorPickerContext = /*#__PURE__*/createContext({
-  color: {
-    value: '',
-    name: ''
-  },
-  setColor: function setColor() {},
-  hex: '',
-  hslArr: [],
-  handleOnChangeAlpha: function handleOnChangeAlpha() {},
-  alphaValue: '',
-  rgbaArr: [],
-  setR: function setR() {},
-  setG: function setG() {},
-  setB: function setB() {},
-  handleCancel: function handleCancel() {},
-  handleSave: function handleSave() {},
-  setSolid: function setSolid() {},
-  setRadial: function setRadial() {},
-  setLinear: function setLinear() {},
-  isCurrentValueGradient: false,
-  withGradient: false,
-  isColorPickerOpened: false,
-  setIsColorPickerOpened: function setIsColorPickerOpened() {}
-});
+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

@@ -1 +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;"}
+{"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

@@ -1,12 +1,13 @@
-import { Dispatch, SetStateAction } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 import { GRADIENT_RADIAL_SHAPES, GRADIENT_TYPES } from "./color_picker_constants";
 import { Any } from 'ts-toolbelt';
-export interface IColorPickerPureProps {
+export interface IColorPickerPureProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
     id: string;
     name?: string;
-    colorVariables?: IColorPickerColorVariables;
     errors?: string | string[];
     disabled?: boolean;
+    children?: ReactNode;
+    triggerClassName?: string;
 }
 export interface IColorPickerColorVariables {
     isVisible: boolean;
@@ -19,10 +20,10 @@ export interface IColorPickerColorVariablesType {
     font: ColorPickerVariable;
     background: ColorPickerVariable;
 }
-export interface IColorPickerProps {
+export interface IColorPickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
     id: string;
     name?: string;
-    initialColor?: ColorPickerColorTypes['hex'] | ColorPickerVariable | undefined;
+    value?: ColorPickerColorTypes['hex'] | undefined;
     withGradient?: boolean;
     colorVariables?: IColorPickerColorVariables;
     errors?: string | string[];
@@ -30,21 +31,22 @@ export interface IColorPickerProps {
     onCancel?: () => void;
     onSave?: (color: IColorPickerColor) => void;
     disabled?: boolean;
+    triggerClassName?: string;
 }
 export interface IColorPickerContext {
-    color: ColorPickerVariable;
-    setColor: Dispatch<SetStateAction<string | ColorPickerVariable>>;
+    color: string;
+    setColor: (newColor: string, shadeName?: string) => void;
     hex: string;
     hslArr: number[];
-    handleOnChangeAlpha: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    alphaValue: string;
+    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: (color: IColorPickerColor) => void;
+    handleSave: () => void;
     colorVariables?: IColorPickerColorVariables;
     isCurrentValueGradient: boolean;
     setSolid: (value?: string) => void;
@@ -55,6 +57,12 @@ export interface IColorPickerContext {
     previousGradientColor?: string;
     isColorPickerOpened: boolean;
     setIsColorPickerOpened: (isOpened: boolean) => void;
+    typedInputValue: string;
+    setTypedInputValue: (newValue: string) => void;
+    isColorPickerCurrentlyUsed: boolean;
+    setIsColorPickerCurrentlyUsed: (isUsed: boolean) => void;
+    degrees: number;
+    shadeName: string;
 }
 export declare type ColorPickerColorTypes = {
     hex: string;
@@ -94,14 +102,3 @@ export declare type TGradientObject = {
     radialShape?: TGradientRadialShape;
     angle?: number;
 };
-export declare type TGradientColoPickerLibGradientObject = {
-    isGradient: boolean;
-    gradientType: string | undefined;
-    degrees: string;
-    colors: any;
-} | {
-    isGradient: boolean;
-    gradientType: null;
-    degrees: null;
-    colors: any;
-};

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

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

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

@@ -1,18 +1,22 @@
-import { ColorPickerColors, ColorPickerVariable, IColorPickerColor, TGradientColoPickerLibGradientObject, TGradientObject } from './color_picker_types';
+/// <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 getColorPickerValue: (color: string | ColorPickerVariable | undefined) => ColorPickerVariable;
     static getRgbaValue: (colorSet: tinycolor.Instance) => tinycolor.ColorFormats.RGBA;
     static getHexValue: (colorSet: tinycolor.Instance) => string;
+    static getHexValueWithoutHash: (color: string) => string;
     static getHexValueString: (colorSet: tinycolor.Instance) => string;
-    static isHexChar: (value: string) => boolean;
     static getAllColorTypes: (color: ColorPickerVariable) => IColorPickerColor;
     static getVariableShades: ({ color, name }: {
         color: ColorPickerColors;
         name: string;
     }) => ColorPickerVariable[];
     private static convertVariableShadesToHex;
-    static getColorPickerGradientValue(gradient: TGradientColoPickerLibGradientObject): TGradientObject;
+    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;
 }