@dreamcommerce/aurora 3.0.0-62 → 3.0.0-64

package/build/esm/packages/aurora/src/components/action_list/components/action_list_radio_group.js

@@ -1,14 +1,14 @@
-import React from 'react';
+import React__default from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
 import { RadioGroup } from '@radix-ui/react-dropdown-menu';
 
 var _excluded = ["className", "inset"];
-var ActionListRadioGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var ActionListRadioGroup = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     inset = _ref.inset,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(RadioGroup, _objectSpread2({
+  return /*#__PURE__*/React__default.createElement(RadioGroup, _objectSpread2({
     "data-test-el": "action-list-radio-group",
     ref: ref,
     className: cn('aurora-flex aurora-flex-col aurora-gap-1', className)

package/build/esm/packages/aurora/src/components/action_list/components/action_list_radio_item.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default 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 { cn } from '../../../utilities/cn.js';
@@ -6,17 +6,17 @@ import { RadioItem, ItemIndicator } from '@radix-ui/react-dropdown-menu';
 import { CheckFillIcon } from '../../../assets/icons/check_fill_icon.js';
 
 var _excluded = ["className", "children", "disabled"];
-var ActionListRadioItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var ActionListRadioItem = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     children = _ref.children,
     disabled = _ref.disabled,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(RadioItem, _objectSpread2({
+  return /*#__PURE__*/React__default.createElement(RadioItem, _objectSpread2({
     ref: ref,
     "data-test-el": "action-list-radio-item",
     className: cn('aurora-relative aurora-outline-none aurora-py-1.5 aurora-px-3 aurora-flex aurora-cursor-pointer aurora-select-none aurora-items-center aurora-gap-2.5 focus:aurora-bg-hover aurora-text-s aurora-transition-colors aurora-rounded-6 hover:aurora-bg-hover data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 data-[state=checked]:aurora-font-semibold', className),
     disabled: disabled
-  }, props), /*#__PURE__*/React.createElement(ItemIndicator, null, /*#__PURE__*/React.createElement(CheckFillIcon, {
+  }, props), /*#__PURE__*/React__default.createElement(ItemIndicator, null, /*#__PURE__*/React__default.createElement(CheckFillIcon, {
     size: 20,
     color: disabled ? CSS_ICON_COLOR_TOKENS_VALUES.disabled : CSS_ICON_COLOR_TOKENS_VALUES.base
   })), children);

package/build/esm/packages/aurora/src/components/action_list/components/action_list_sub_content.js

@@ -1,13 +1,13 @@
-import React from 'react';
+import React__default from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
 import { SubContent } from '@radix-ui/react-dropdown-menu';
 
 var _excluded = ["className"];
-var ActionListSubContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var ActionListSubContent = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(SubContent, _objectSpread2({
+  return /*#__PURE__*/React__default.createElement(SubContent, _objectSpread2({
     ref: ref,
     "data-test-el": "action-list-sub-content",
     className: cn('aurora-z-50 aurora-bg aurora-flex aurora-flex-col aurora-gap-1 aurora-min-w-[8rem] aurora-overflow-hidden aurora-rounded-8 aurora-border aurora-p-3 aurora-shadow-m data-[state=open]:aurora-animate-in data-[state=closed]:aurora-animate-out data-[state=closed]:aurora-fade-out-0 data-[state=open]:aurora-fade-in-0 data-[state=closed]:aurora-zoom-out-95 data-[state=open]:aurora-zoom-in-95 data-[side=bottom]:aurora-slide-in-from-top-2 data-[side=left]:aurora-slide-in-from-right-2 data-[side=right]:aurora-slide-in-from-left-2 data-[side=top]:aurora-slide-in-from-bottom-2', className)

package/build/esm/packages/aurora/src/components/action_list/components/action_list_sub_trigger.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default 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 { cn } from '../../../utilities/cn.js';
@@ -7,21 +7,21 @@ import { ArrowRightLineIcon } from '../../../assets/icons/arrow_right_line_icon.
 import { CheckFillIcon } from '../../../assets/icons/check_fill_icon.js';
 
 var _excluded = ["className", "inset", "children", "selected", "disabled"];
-var ActionListSubTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var ActionListSubTrigger = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     inset = _ref.inset,
     children = _ref.children,
     selected = _ref.selected,
     disabled = _ref.disabled,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(SubTrigger, _objectSpread2({
+  return /*#__PURE__*/React__default.createElement(SubTrigger, _objectSpread2({
     ref: ref,
     className: cn('aurora-relative aurora-outline-none aurora-py-1.5 aurora-px-3 aurora-flex aurora-justify-between aurora-cursor-pointer aurora-select-none aurora-items-center aurora-gap-2.5 focus:aurora-bg-hover aurora-text-s aurora-transition-colors aurora-rounded-6 hover:aurora-bg-hover data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50', inset && 'aurora-pl-8', className),
     "data-test-el": "action-list-sub-trigger"
-  }, props), selected ? (/*#__PURE__*/React.createElement(CheckFillIcon, {
+  }, props), selected ? (/*#__PURE__*/React__default.createElement(CheckFillIcon, {
     size: 20,
     color: disabled ? CSS_ICON_COLOR_TOKENS_VALUES.disabled : CSS_ICON_COLOR_TOKENS_VALUES.base
-  })) : null, children, /*#__PURE__*/React.createElement(ArrowRightLineIcon, {
+  })) : null, children, /*#__PURE__*/React__default.createElement(ArrowRightLineIcon, {
     size: 20,
     color: CSS_ICON_COLOR_TOKENS_VALUES.subtle
   }));

package/build/esm/packages/aurora/src/components/action_list/components/action_list_trigger.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
 import '@radix-ui/react-dropdown-menu';
@@ -10,10 +10,10 @@ var ActionListTrigger = function ActionListTrigger(_ref) {
   var children = _ref.children,
     className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(ActionListGenericTrigger, _objectSpread2({
+  return /*#__PURE__*/React__default.createElement(ActionListGenericTrigger, _objectSpread2({
     className: cn('aurora-group aurora-max-h-[32px] aurora-text-s aurora-py-1 aurora-px-3 aurora-rounded-6 aurora-bg aurora-flex aurora-justify-between hover:aurora-bg-hover aurora-select-none focus aurora-cursor-pointer aurora-items-center aurora-gap-2.5 aurora-py aurora-transition-all data-[state=open]:aurora-bg-active data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50', className),
     "data-test-el": "action-list-trigger"
-  }, props), /*#__PURE__*/React.createElement(React.Fragment, null, children, /*#__PURE__*/React.createElement(ArrowDownSLineIcon, {
+  }, props), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children, /*#__PURE__*/React__default.createElement(ArrowDownSLineIcon, {
     className: "group-hover:aurora-fill group-data-[state=open]:aurora-fill group-data-[state=closed]:aurora-fill-subtle",
     size: 20
   })));

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

@@ -1,11 +1,11 @@
-import React from 'react';
+import React__default from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 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 Box = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var Box = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var _cn;
   var shadow = _ref.shadow,
     _ref$as = _ref.as,
@@ -40,7 +40,7 @@ var Box = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var borderWidthWithSides = borderWidth;
   var borderRadiusWithSides = borderRadius;
   var anyStackPropertiesSet = direction || justify || align || spacing || wrap || inline;
-  return /*#__PURE__*/React.createElement(anyStackPropertiesSet ? Stack : as, _objectSpread2({
+  return /*#__PURE__*/React__default.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),
     style: _objectSpread2({

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

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

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

@@ -0,0 +1,14 @@
+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));
+};
+//# sourceMappingURL=breadcrumb_child.js.map

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

@@ -0,0 +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"}

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, attributes, withoutSeparator }: 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,35 @@
+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 }))));
+        })));
+};
+export default Breadcrumbs;
+//# sourceMappingURL=breadcrumbs.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,10 @@
+/// <reference types="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>;
+}>;

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

@@ -0,0 +1,2 @@
+export {};
+//# 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":""}

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

@@ -1,11 +1,11 @@
-import React from 'react';
+import React__default 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 Button = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     variant = _ref.variant,
     size = _ref.size,
@@ -13,7 +13,7 @@ var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     asChild = _ref$asChild === void 0 ? false : _ref$asChild,
     props = _objectWithoutProperties(_ref, _excluded);
   var Comp = asChild ? Slot : 'button';
-  return /*#__PURE__*/React.createElement(Comp, _objectSpread2({
+  return /*#__PURE__*/React__default.createElement(Comp, _objectSpread2({
     className: cn(buttonVariants({
       variant: variant,
       size: size,

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

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React__default, { useMemo } from 'react';
 import { ColorPickerContext } from './color_picker_context.js';
 import ColorPickerPure from './components/pure_color_picker.js';
 import useSetupColorPicker from './hooks/setup_color_piceker.js';
@@ -70,9 +70,9 @@ var ColorPickerWithContext = function ColorPickerWithContext(_ref) {
       setIsColorPickerOpened: 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 /*#__PURE__*/React.createElement(ColorPickerContext.Provider, {
+  return /*#__PURE__*/React__default.createElement(ColorPickerContext.Provider, {
     value: value
-  }, /*#__PURE__*/React.createElement(ColorPickerPure, {
+  }, /*#__PURE__*/React__default.createElement(ColorPickerPure, {
     id: id,
     name: name,
     colorVariables: colorVariables,

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
 import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Input } from '../../input/input.js';
@@ -19,7 +19,7 @@ var ColorPickerInput = function ColorPickerInput(_ref) {
     t = _useTranslation2[0];
   var colorName = color.name ? "".concat(t(color.name)) : "# ".concat(hex === null || hex === void 0 ? void 0 : hex.toUpperCase());
   if (isCurrentValueGradient) colorName = gradientType === GRADIENT_TYPES.linear ? t('Linear gradient') : t('Radial gradient');
-  return /*#__PURE__*/React.createElement(Input, {
+  return /*#__PURE__*/React__default.createElement(Input, {
     type: "text",
     id: id,
     name: name,

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { COLOR_PICKER_WIDTH, COLOR_PICKER_HEIGHT } from '../color_picker_constants.js';
 import { useColorPicker } from '../hooks/use_color_picker.js';
 import { ColorPickerFooter } from './color_picker_footer.js';
@@ -13,16 +13,16 @@ var ColorPickerContent = function ColorPickerContent() {
     colorVariables = _useColorPicker.colorVariables,
     isCurrentValueGradient = _useColorPicker.isCurrentValueGradient;
   var colorValue = typeof color === 'string' ? color : color.value;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ColorPickerHeader, null), /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ColorPickerHeader, null), /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-flex aurora-flex-col aurora-max-w-72 aurora-py-2 aurora-px-4 aurora-border-x"
-  }, /*#__PURE__*/React.createElement(ColorPickerImpl, {
+  }, /*#__PURE__*/React__default.createElement(ColorPickerImpl, {
     value: colorValue,
     onChange: setColor,
     width: COLOR_PICKER_WIDTH,
     height: COLOR_PICKER_HEIGHT
-  }), colorVariables !== null && colorVariables !== void 0 && colorVariables.isVisible && !isCurrentValueGradient ? /*#__PURE__*/React.createElement(ColorPickerVariables, {
+  }), colorVariables !== null && colorVariables !== void 0 && colorVariables.isVisible && !isCurrentValueGradient ? /*#__PURE__*/React__default.createElement(ColorPickerVariables, {
     variables: colorVariables.variables
-  }) : null), /*#__PURE__*/React.createElement(ColorPickerFooter, null));
+  }) : null), /*#__PURE__*/React__default.createElement(ColorPickerFooter, null));
 };
 
 export { ColorPickerContent };

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
 import { Stack } from '../../stack/stack.js';
 import { Typography } from '../../typography/typography.js';
@@ -25,26 +25,26 @@ var ColorPickerControls = function ColorPickerControls() {
     gradientType = _useColorPicker.gradientType,
     isCurrentValueGradient = _useColorPicker.isCurrentValueGradient;
   var isLinearGradient = gradientType === GRADIENT_TYPES.linear;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Stack, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Stack, {
     justify: withGradient ? 'between' : 'end'
-  }, withGradient ? (/*#__PURE__*/React.createElement(Stack, {
+  }, withGradient ? (/*#__PURE__*/React__default.createElement(Stack, {
     spacing: "8"
-  }, /*#__PURE__*/React.createElement(ColorPickerModeToggler, null))) : null, /*#__PURE__*/React.createElement(TooltipProvider, null, /*#__PURE__*/React.createElement(Tooltip, null, /*#__PURE__*/React.createElement(TooltipTrigger, null, /*#__PURE__*/React.createElement(Dropper, {
+  }, /*#__PURE__*/React__default.createElement(ColorPickerModeToggler, null))) : null, /*#__PURE__*/React__default.createElement(TooltipProvider, null, /*#__PURE__*/React__default.createElement(Tooltip, null, /*#__PURE__*/React__default.createElement(TooltipTrigger, null, /*#__PURE__*/React__default.createElement(Dropper, {
     onSelect: handleChange
-  })), /*#__PURE__*/React.createElement(TooltipContent, {
+  })), /*#__PURE__*/React__default.createElement(TooltipContent, {
     variant: "dark"
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Typography, {
     size: "xs",
     weight: "medium"
-  }, "".concat(t('Sample color'))))))), withGradient && isCurrentValueGradient ? (/*#__PURE__*/React.createElement(Stack, {
+  }, "".concat(t('Sample color'))))))), withGradient && isCurrentValueGradient ? (/*#__PURE__*/React__default.createElement(Stack, {
     justify: isLinearGradient ? 'between' : 'end'
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, isLinearGradient ? /*#__PURE__*/React.createElement(ColorPickerGradientAngle, null) : null, /*#__PURE__*/React.createElement(GradientControls, {
+  }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isLinearGradient ? /*#__PURE__*/React__default.createElement(ColorPickerGradientAngle, null) : null, /*#__PURE__*/React__default.createElement(GradientControls, {
     hideGradientType: true,
     hideGradientAngle: true,
     hideGradientStop: true
-  })))) : null, withGradient && isCurrentValueGradient ? (/*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(TooltipProvider, null, /*#__PURE__*/React.createElement(Tooltip, null, /*#__PURE__*/React.createElement(TooltipTrigger, null, /*#__PURE__*/React.createElement(GradientBar, null)), /*#__PURE__*/React.createElement(TooltipContent, {
+  })))) : null, withGradient && isCurrentValueGradient ? (/*#__PURE__*/React__default.createElement(Stack, null, /*#__PURE__*/React__default.createElement(TooltipProvider, null, /*#__PURE__*/React__default.createElement(Tooltip, null, /*#__PURE__*/React__default.createElement(TooltipTrigger, null, /*#__PURE__*/React__default.createElement(GradientBar, null)), /*#__PURE__*/React__default.createElement(TooltipContent, {
     variant: "dark"
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Typography, {
     size: "xs",
     weight: "medium"
   }, "".concat(t('Add color')))))))) : null);

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

@@ -1,4 +1,4 @@
-import React, { useContext } from 'react';
+import React__default, { useContext } from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
 import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Button } from '../../button/button.js';
@@ -24,15 +24,15 @@ var ColorPickerFooter = function ColorPickerFooter() {
     setIsColorPickerOpened(false);
     handleSave(ColorPickerUtils.getAllColorTypes(color));
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.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-rounded-b-16"
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React__default.createElement(Button, {
     className: "aurora-capitalize aurora-flex-1",
     variant: "secondary",
     size: "s",
     type: "button",
     onClick: handleCancelButton
-  }, "".concat(t('cancel'))), /*#__PURE__*/React.createElement(Button, {
+  }, "".concat(t('cancel'))), /*#__PURE__*/React__default.createElement(Button, {
     className: "aurora-capitalize aurora-flex-1",
     type: "button",
     size: "s",

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Input } from '../../../input/input.js';
 import { formatInputValues } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/formatters.js';
 import { usePicker } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js';
@@ -14,17 +14,17 @@ var ColorPickerGradientAngle = function ColorPickerGradientAngle() {
     var remaining = value.split(/,(.+)/)[1];
     onChange("linear-gradient(".concat(newValue || 0, "deg, ").concat(remaining));
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: 'aurora-relative aurora-p-0 aurora-flex aurora-justify-between aurora-gap-1.5 aurora-h-6 aurora-border-2 aurora-border-solid aurora-rounded-4 aurora-bg-active'
-  }, /*#__PURE__*/React.createElement(DegreesIcon, {
+  }, /*#__PURE__*/React__default.createElement(DegreesIcon, {
     color: "#5c657e"
-  }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Input, {
+  }), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Input, {
     value: degrees,
     onChange: function onChange(e) {
       return handleDegrees(e);
     },
     className: '!aurora-h-5 !aurora-w-10 !aurora-px-1 !aurora-text-xs aurora-rounded-4 aurora-text-center'
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     style: {
       position: 'absolute',
       right: degrees > 99 ? 0 : degrees < 10 ? 7 : 3,

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

@@ -1,4 +1,4 @@
-import React, { useContext, useEffect } from 'react';
+import React__default, { useContext, useEffect } from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
 import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Typography } from '../../typography/typography.js';
@@ -29,15 +29,15 @@ var ColorPickerHeader = function ColorPickerHeader() {
       return document.removeEventListener('visibilitychange', closePicker);
     };
   }, [isColorPickerOpened]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-flex aurora-items-center aurora-justify-between aurora-py-2 aurora-px-4 aurora-border aurora-rounded-t-16"
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Typography, {
     size: "s",
     weight: "semibold"
-  }, "".concat(t('Select color'))), /*#__PURE__*/React.createElement("button", {
+  }, "".concat(t('Select color'))), /*#__PURE__*/React__default.createElement("button", {
     onClick: handleCancelButton,
     className: "color-picker__close-icon aurora-flex aurora-bg-transparent aurora-cursor-pointer"
-  }, /*#__PURE__*/React.createElement(CloseLineIcon, {
+  }, /*#__PURE__*/React__default.createElement(CloseLineIcon, {
     className: "aurora-w-4 aurora-h-4"
   })));
 };

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

@@ -1,4 +1,4 @@
-import React, { useRef } from 'react';
+import React__default, { useRef } from 'react';
 import { objectSpread2 as _objectSpread2 } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { objectToString } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js';
 import PickerContextWrapper from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js';
@@ -19,20 +19,20 @@ var ColorPickerImpl = function ColorPickerImpl(_ref) {
   var safeValue = objectToString(value);
   var contRef = useRef(null);
   var defaultStyles = getStyles(true);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     ref: contRef,
     className: className,
     style: _objectSpread2(_objectSpread2(_objectSpread2({}, defaultStyles.body), style), {}, {
       width: width
     })
-  }, /*#__PURE__*/React.createElement(PickerContextWrapper, {
+  }, /*#__PURE__*/React__default.createElement(PickerContextWrapper, {
     value: safeValue,
     defaultStyles: defaultStyles,
     onChange: onChange,
     squareWidth: width,
     squareHeight: height,
     hideOpacity: false
-  }, /*#__PURE__*/React.createElement(PickerImpl, null)));
+  }, /*#__PURE__*/React__default.createElement(PickerImpl, null)));
 };
 
 export { ColorPickerImpl };

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Stack } from '../../../stack/stack.js';
 import { useColorPicker } from '../../hooks/use_color_picker.js';
 import { ColorPickerControls } from '../color_picker_controls.js';
@@ -11,9 +11,9 @@ import Square from '../../../../../../../external/react-best-gradient-color-pick
 var PickerImpl = function PickerImpl() {
   var _useColorPicker = useColorPicker(),
     isCurrentValueGradient = _useColorPicker.isCurrentValueGradient;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-flex aurora-flex-col aurora-gap-2"
-  }, /*#__PURE__*/React.createElement(ColorPickerControls, null), /*#__PURE__*/React.createElement(Stack, {
+  }, /*#__PURE__*/React__default.createElement(ColorPickerControls, null), /*#__PURE__*/React__default.createElement(Stack, {
     spacing: "2.5",
     direction: "column",
     onMouseDown: function onMouseDown(ev) {
@@ -22,13 +22,13 @@ var PickerImpl = function PickerImpl() {
         ev.preventDefault()
       );
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "color-picker__square"
-  }, /*#__PURE__*/React.createElement(Square, null)), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement(Square, null)), /*#__PURE__*/React__default.createElement("div", {
     className: "color-picker__hue"
-  }, /*#__PURE__*/React.createElement(Hue, null)), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement(Hue, null)), /*#__PURE__*/React__default.createElement("div", {
     className: "color-picker__opacity"
-  }, /*#__PURE__*/React.createElement(Opacity, null))), /*#__PURE__*/React.createElement(ColorPickerInputs, null), !isCurrentValueGradient ? /*#__PURE__*/React.createElement(ColorPickerShades, null) : null);
+  }, /*#__PURE__*/React__default.createElement(Opacity, null))), /*#__PURE__*/React__default.createElement(ColorPickerInputs, null), !isCurrentValueGradient ? /*#__PURE__*/React__default.createElement(ColorPickerShades, null) : null);
 };
 
 export { PickerImpl };

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

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React__default, { useState } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Stack } from '../../../stack/stack.js';
 import { COLOR_PICKER_TYPES } from '../../color_picker_constants.js';
@@ -17,29 +17,29 @@ var ColorPickerInputs = function ColorPickerInputs() {
   var inputs = function inputs() {
     switch (type) {
       case COLOR_PICKER_TYPES.HEX:
-        return /*#__PURE__*/React.createElement(ColorPickerInputsHex, null);
+        return /*#__PURE__*/React__default.createElement(ColorPickerInputsHex, null);
       case COLOR_PICKER_TYPES.RGB:
-        return /*#__PURE__*/React.createElement(ColorPickerInputsRgba, null);
+        return /*#__PURE__*/React__default.createElement(ColorPickerInputsRgba, null);
       default:
         return false;
     }
   };
-  return /*#__PURE__*/React.createElement(Stack, {
+  return /*#__PURE__*/React__default.createElement(Stack, {
     spacing: "2",
     align: "center"
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("select", {
+  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.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"
-  }, /*#__PURE__*/React.createElement("option", {
+  }, /*#__PURE__*/React__default.createElement("option", {
     value: COLOR_PICKER_TYPES.HEX
-  }, COLOR_PICKER_TYPES.HEX), /*#__PURE__*/React.createElement("option", {
+  }, COLOR_PICKER_TYPES.HEX), /*#__PURE__*/React__default.createElement("option", {
     value: COLOR_PICKER_TYPES.RGB
-  }, COLOR_PICKER_TYPES.RGB))), /*#__PURE__*/React.createElement("div", {
+  }, COLOR_PICKER_TYPES.RGB))), /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-flex-1"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "color-picker__inputs-value-container aurora-flex aurora-border aurora-rounded-4 aurora-overflow-hidden"
-  }, inputs())), /*#__PURE__*/React.createElement(CurrentColorPreview, null));
+  }, inputs())), /*#__PURE__*/React__default.createElement(CurrentColorPreview, null));
 };
 
 export { ColorPickerInputs };

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

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React__default, { useState, useEffect } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Input } from '../../../input/input.js';
 import { ColorPickerUtils } from '../../color_picker_utils.js';
@@ -37,7 +37,7 @@ var ColorPickerInputsHex = function ColorPickerInputsHex() {
       setValue(hex);
     }
   }, [hex, disable]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Input, {
     className: "!aurora-h-6 !aurora-px-2 aurora-text-xs",
     type: "text",
     maxLength: 8,
@@ -45,7 +45,7 @@ var ColorPickerInputsHex = function ColorPickerInputsHex() {
     onChange: handleOnChange,
     onBlur: hexBlur,
     onFocus: hexFocus
-  }), /*#__PURE__*/React.createElement(Input, {
+  }), /*#__PURE__*/React__default.createElement(Input, {
     className: "!aurora-h-6 !aurora-px-1.5 aurora-text-xs",
     type: "text",
     value: alphaValue,