@dreamcommerce/aurora 3.0.0-61 → 3.0.0-63

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

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React__default, { useState } from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
 import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { ArrowDownSLineIcon } from '../../../assets/icons/arrow_down_s_line_icon.js';
@@ -33,20 +33,20 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
     name: neutral.name
   });
   var allShades = [].concat(_toConsumableArray(primaryShades), _toConsumableArray(secondaryShades), _toConsumableArray(neutralShades));
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-mt-3.5"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-flex aurora-items-center aurora-justify-between aurora-mb-1 aurora-text-info-active"
-  }, /*#__PURE__*/React.createElement("p", {
+  }, /*#__PURE__*/React__default.createElement("p", {
     className: "aurora-text-xs aurora-font-medium"
-  }, "".concat(t('Theme colors'))), /*#__PURE__*/React.createElement("div", {
+  }, "".concat(t('Theme colors'))), /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-flex aurora-items-start aurora-justify-center aurora-p-1",
     onClick: function onClick() {
       return setIsOpen(!isOpen);
     }
-  }, /*#__PURE__*/React.createElement(ArrowDownSLineIcon, {
+  }, /*#__PURE__*/React__default.createElement(ArrowDownSLineIcon, {
     className: "".concat(!isOpen ? 'aurora-rotate-180' : '')
-  }))), /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-grid aurora-grid-cols-12 aurora-gap-1"
   }, Object.values(variables).map(function (variable, index) {
     var colorTiny = ColorPickerUtils.getTinyColorInstance(variable.value);
@@ -57,14 +57,14 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
         name: "".concat(variable.name)
       });
     };
-    return /*#__PURE__*/React.createElement(ColorPickerSwatch, {
+    return /*#__PURE__*/React__default.createElement(ColorPickerSwatch, {
       size: "small",
       onClick: handleOnClick,
       key: "".concat(variable, "-").concat(index),
       color: colorHex,
       cssColor: ColorPickerUtils.getHexValueString(colorTiny)
     });
-  })), isOpen && (/*#__PURE__*/React.createElement("div", {
+  })), isOpen && (/*#__PURE__*/React__default.createElement("div", {
     className: "aurora-grid aurora-grid-cols-12 aurora-gap-1 aurora-mt-3"
   }, allShades.map(function (variable, index) {
     var handleOnClick = function handleOnClick() {
@@ -73,7 +73,7 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
         name: variable.name
       });
     };
-    return /*#__PURE__*/React.createElement(ColorPickerSwatch, {
+    return /*#__PURE__*/React__default.createElement(ColorPickerSwatch, {
       size: "small",
       onClick: handleOnClick,
       key: "".concat(variable, "-").concat(index),

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

@@ -1,11 +1,11 @@
-import React from 'react';
+import React__default from 'react';
 import { ColorPickerUtils } from '../color_picker_utils.js';
 import { useColorPicker } from '../hooks/use_color_picker.js';
 
 var CurrentColorPreview = function CurrentColorPreview() {
   var _useColorPicker = useColorPicker(),
     color = _useColorPicker.color;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-self-stretch aurora-w-6 aurora-border aurora-rounded-4",
     "aria-label": "color picker current color value",
     style: {

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Popover } from '../../popover/popover.js';
 import { PopoverTrigger } from '../../popover/components/popover_trigger.js';
 import { ColorPickerUtils } from '../color_picker_utils.js';
@@ -23,30 +23,30 @@ var ColorPickerPure = function ColorPickerPure(_ref) {
     setIsColorPickerOpened(false);
     handleCancel === null || handleCancel === void 0 ? void 0 : handleCancel();
   };
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Popover, {
+  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Popover, {
     open: isColorPickerOpened,
     onOpenChange: function onOpenChange(value) {
       return !value && handleClosePopover();
     }
-  }, /*#__PURE__*/React.createElement(PopoverTrigger, {
+  }, /*#__PURE__*/React__default.createElement(PopoverTrigger, {
     onClick: function onClick() {
       return setIsColorPickerOpened(true);
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "color-picker__input-container aurora-relative"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-absolute aurora-top-1.5 aurora-left-2.5"
-  }, /*#__PURE__*/React.createElement(ColorPickerSwatch, {
+  }, /*#__PURE__*/React__default.createElement(ColorPickerSwatch, {
     color: ColorPickerUtils.isGradient(colorValue) ? colorValue : ColorPickerUtils.getHexValue(colorTiny),
     cssColor: ColorPickerUtils.isGradient(colorValue) ? colorValue : ColorPickerUtils.getHexValueString(colorTiny),
     size: "big"
-  })), /*#__PURE__*/React.createElement(ColorPickerInput, {
+  })), /*#__PURE__*/React__default.createElement(ColorPickerInput, {
     id: id,
     name: name,
     errors: errors
-  }))), /*#__PURE__*/React.createElement(PopoverContent, {
+  }))), /*#__PURE__*/React__default.createElement(PopoverContent, {
     className: "aurora-mt-2 aurora-rounded-16 aurora-overflow-hidden"
-  }, /*#__PURE__*/React.createElement(ColorPickerContent, null))));
+  }, /*#__PURE__*/React__default.createElement(ColorPickerContent, null))));
 };
 
 export default ColorPickerPure;

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

@@ -1,3 +1,3 @@
-import React from 'react';
 import { IControlProps } from './control_types';
+import React from 'react';
 export declare const Control: React.FC<IControlProps>;

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

@@ -1,10 +1,10 @@
-import React from 'react';
+import React__default from 'react';
 import { cn } from '../../utilities/cn.js';
 
 var Control = function Control(_ref) {
   var children = _ref.children,
     classname = _ref.classname;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: cn("aurora-flex aurora-gap-1", classname)
   }, children);
 };

package/build/esm/packages/aurora/src/components/controls/checkbox_control/checkbox_control.js

@@ -7,7 +7,7 @@ import React from 'react';
 import './checkbox_control_types';
 export const CheckboxControl = ({ id, name, label, value, tooltip, helperText, errors, checked = false, disabled = false, required = false, onCheckedChange, ...rest }) => (React.createElement(Control, null,
     React.createElement(Checkbox, { id: id, name: name, value: value, checked: checked, onCheckedChange: onCheckedChange, required: required, disabled: disabled, errors: errors, ...rest }),
-    React.createElement("div", { className: "aurora-ml-2 aurora-mt-1 aurora-flex aurora-flex-col aurora-gap-1" },
+    React.createElement("div", { className: "aurora-ml-2 aurora-flex aurora-flex-col aurora-gap-1" },
         label && (React.createElement(Label, { htmlFor: id, required: required, disabled: disabled, tooltip: tooltip, className: "aurora-pb-1 aurora-text" }, label)),
         helperText && React.createElement(HelperText, null, helperText),
         errors && React.createElement(ErrorList, { errors: errors }))));

package/build/esm/packages/aurora/src/components/controls/checkbox_control/checkbox_control.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox_control.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/checkbox_control/checkbox_control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAsC,0BAA0B,CAAC;AAEjE,MAAM,CAAC,MAAM,eAAe,GAAoC,CAAC,EAC7D,EAAE,EACF,IAAI,EACJ,KAAK,EACL,KAAK,EACL,OAAO,EACP,UAAU,EACV,MAAM,EACN,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,eAAe,EACf,GAAG,IAAI,EACV,EAAE,EAAE,CAAC,CACF,oBAAC,OAAO;IACJ,oBAAC,QAAQ,IACL,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,KACV,IAAI,GACV;IAEF,6BAAK,SAAS,EAAC,kEAAkE;QAC5E,KAAK,IAAI,CACN,oBAAC,KAAK,IAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,yBAAyB,IAC5G,KAAK,CACF,CACX;QACA,UAAU,IAAI,oBAAC,UAAU,QAAE,UAAU,CAAc;QACnD,MAAM,IAAI,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI,CACtC,CACA,CACb,CAAC"}
+{"version":3,"file":"checkbox_control.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/checkbox_control/checkbox_control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAsC,0BAA0B,CAAC;AAEjE,MAAM,CAAC,MAAM,eAAe,GAAoC,CAAC,EAC7D,EAAE,EACF,IAAI,EACJ,KAAK,EACL,KAAK,EACL,OAAO,EACP,UAAU,EACV,MAAM,EACN,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,eAAe,EACf,GAAG,IAAI,EACV,EAAE,EAAE,CAAC,CACF,oBAAC,OAAO;IACJ,oBAAC,QAAQ,IACL,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,KACV,IAAI,GACV;IAEF,6BAAK,SAAS,EAAC,sDAAsD;QAChE,KAAK,IAAI,CACN,oBAAC,KAAK,IAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,yBAAyB,IAC5G,KAAK,CACF,CACX;QACA,UAAU,IAAI,oBAAC,UAAU,QAAE,UAAU,CAAc;QACnD,MAAM,IAAI,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI,CACtC,CACA,CACb,CAAC"}

package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.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 { Label } from '../../label/label.js';
 import { ErrorList } from '../../error_list/error_list.js';
@@ -21,14 +21,14 @@ var ColorPickerControl = function ColorPickerControl(_ref) {
     onSave = _ref.onSave,
     withGradient = _ref.withGradient,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Control, {
+  return /*#__PURE__*/React__default.createElement(Control, {
     classname: "aurora-flex-col"
-  }, label && (/*#__PURE__*/React.createElement(Label, {
+  }, label && (/*#__PURE__*/React__default.createElement(Label, {
     htmlFor: id,
     tooltip: tooltip,
     required: required,
     className: "aurora-pb-1 aurora-text"
-  }, label)), /*#__PURE__*/React.createElement(ColorPickerWithContext, _objectSpread2({
+  }, label)), /*#__PURE__*/React__default.createElement(ColorPickerWithContext, _objectSpread2({
     id: id,
     name: name,
     initialColor: initialColor,
@@ -38,7 +38,7 @@ var ColorPickerControl = function ColorPickerControl(_ref) {
     onCancel: onCancel,
     onSave: onSave,
     withGradient: withGradient
-  }, rest)), errors && /*#__PURE__*/React.createElement(ErrorList, {
+  }, rest)), errors && /*#__PURE__*/React__default.createElement(ErrorList, {
     errors: errors
   }));
 };

package/build/esm/packages/aurora/src/components/controls/input_control/input_control.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 { Label } from '../../label/label.js';
 import { HelperText } from '../../helper_text/helper_text.js';
@@ -25,12 +25,12 @@ var InputControl = function InputControl(_ref) {
     onKeyDown = _ref.onKeyDown,
     onKeyUp = _ref.onKeyUp,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Control, {
+  return /*#__PURE__*/React__default.createElement(Control, {
     classname: "aurora-flex-col"
-  }, label && (/*#__PURE__*/React.createElement(Label, {
+  }, label && (/*#__PURE__*/React__default.createElement(Label, {
     htmlFor: id,
     className: "aurora-pb-1 aurora-text"
-  }, label)), /*#__PURE__*/React.createElement(Input, _objectSpread2({
+  }, label)), /*#__PURE__*/React__default.createElement(Input, _objectSpread2({
     id: id,
     name: name,
     value: value,
@@ -45,7 +45,7 @@ var InputControl = function InputControl(_ref) {
     onChange: onChange,
     onKeyDown: onKeyDown,
     onKeyUp: onKeyUp
-  }, props)), helperText && /*#__PURE__*/React.createElement(HelperText, null, helperText), errors && /*#__PURE__*/React.createElement(ErrorList, {
+  }, props)), helperText && /*#__PURE__*/React__default.createElement(HelperText, null, helperText), errors && /*#__PURE__*/React__default.createElement(ErrorList, {
     errors: errors
   }));
 };

package/build/esm/packages/aurora/src/components/controls/radio_group_control/radio_group_control.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TRadioGroupControlProps } from './radio_group_control_types';
+export declare const RadioGroupControl: React.FC<TRadioGroupControlProps>;

package/build/esm/packages/aurora/src/components/controls/radio_group_control/radio_group_control.js

@@ -0,0 +1,17 @@
+import { Control } from '@auroraComponents/control/control';
+import { ErrorList } from '@auroraComponents/error_list/error_list';
+import { HelperText } from '@auroraComponents/helper_text/helper_text';
+import { Label } from '@auroraComponents/label/label';
+import { RadioGroup } from '@auroraComponents/radio_group/radio_group';
+import { RadioGroupItem } from '@auroraComponents/radio_group/components/radio_group_item';
+import React from 'react';
+import './radio_group_control_types';
+export const RadioGroupControl = ({ id, name, items, label, value, defaultValue, tooltip, helperText, errors, disabled = false, required = false, onValueChange, ...rest }) => (React.createElement(Control, { classname: "aurora-flex-col" },
+    React.createElement("div", { className: "aurora-flex aurora-flex-col aurora-gap-2 aurora-mb-2" },
+        label && (React.createElement(Label, { htmlFor: id, required: required, disabled: disabled, tooltip: tooltip, className: "aurora-text" }, label)),
+        helperText && React.createElement(HelperText, null, helperText)),
+    React.createElement(RadioGroup, { id: id, name: name, value: value, defaultValue: defaultValue, disabled: disabled, required: required, onValueChange: onValueChange, ...rest }, items.map((item) => {
+        return (React.createElement(RadioGroupItem, { key: `radio-button-${value}`, value: item.value, id: item.id, errors: !!errors, required: required, disabled: disabled, label: item.label, helperText: item.helperText, tooltip: item.tooltip }));
+    })),
+    React.createElement("div", null, errors && React.createElement(ErrorList, { errors: errors }))));
+//# sourceMappingURL=radio_group_control.js.map

package/build/esm/packages/aurora/src/components/controls/radio_group_control/radio_group_control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio_group_control.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/radio_group_control/radio_group_control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,2DAA2D,CAAC;AAC3F,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAwC,6BAA6B,CAAC;AAEtE,MAAM,CAAC,MAAM,iBAAiB,GAAsC,CAAC,EACjE,EAAE,EACF,IAAI,EACJ,KAAK,EACL,KAAK,EACL,KAAK,EACL,YAAY,EACZ,OAAO,EACP,UAAU,EACV,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,aAAa,EACb,GAAG,IAAI,EACV,EAAE,EAAE,CAAC,CACF,oBAAC,OAAO,IAAC,SAAS,EAAC,iBAAiB;IAChC,6BAAK,SAAS,EAAC,sDAAsD;QAChE,KAAK,IAAI,CACN,oBAAC,KAAK,IAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,aAAa,IAChG,KAAK,CACF,CACX;QACA,UAAU,IAAI,oBAAC,UAAU,QAAE,UAAU,CAAc,CAClD;IAEN,oBAAC,UAAU,IACP,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,KACxB,IAAI,IAEP,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QAChB,OAAO,CACH,oBAAC,cAAc,IACX,GAAG,EAAE,gBAAgB,KAAK,EAAE,EAC5B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,MAAM,EAAE,CAAC,CAAC,MAAM,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,OAAO,EAAE,IAAI,CAAC,OAAO,GACvB,CACL,CAAC;IACN,CAAC,CAAC,CACO;IAEb,iCAAM,MAAM,IAAI,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI,CAAO,CAC9C,CACb,CAAC"}

package/build/esm/packages/aurora/src/components/controls/radio_group_control/radio_group_control_types.d.ts

@@ -0,0 +1,8 @@
+import { TRadioGroupItemProps, TRadioGroupProps } from "../../radio_group/radio_group_types";
+import React from 'react';
+export declare type TRadioGroupControlProps = TRadioGroupProps & {
+    items: TRadioGroupItemProps[];
+    label?: string | React.ReactNode;
+    tooltip?: string | React.ReactNode;
+    helperText?: string | React.ReactNode;
+};

package/build/esm/packages/aurora/src/components/controls/radio_group_control/radio_group_control_types.js

@@ -0,0 +1,3 @@
+import '@auroraComponents/radio_group/radio_group_types';
+import 'react';
+//# sourceMappingURL=radio_group_control_types.js.map

package/build/esm/packages/aurora/src/components/controls/radio_group_control/radio_group_control_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio_group_control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/radio_group_control/radio_group_control_types.ts"],"names":[],"mappings":"AAAA,OAAuD,iDAAiD,CAAC;AAEzG,OAAkB,OAAO,CAAC"}

package/build/esm/packages/aurora/src/components/controls/switch_control/switch_control.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 { Label } from '../../label/label.js';
 import { HelperText } from '../../helper_text/helper_text.js';
@@ -25,7 +25,7 @@ var SwitchControl = function SwitchControl(_ref) {
     required = _ref$required === void 0 ? false : _ref$required,
     onCheckedChange = _ref.onCheckedChange,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Control, null, /*#__PURE__*/React.createElement(Switch, _objectSpread2({
+  return /*#__PURE__*/React__default.createElement(Control, null, /*#__PURE__*/React__default.createElement(Switch, _objectSpread2({
     id: id,
     name: name,
     value: value,
@@ -34,12 +34,12 @@ var SwitchControl = function SwitchControl(_ref) {
     disabled: disabled,
     onCheckedChange: onCheckedChange,
     errors: errors
-  }, rest)), /*#__PURE__*/React.createElement("div", {
+  }, rest)), /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-ml-2 aurora-mt-1 aurora-flex aurora-flex-col aurora-gap-1"
-  }, label && (/*#__PURE__*/React.createElement(Label, {
+  }, label && (/*#__PURE__*/React__default.createElement(Label, {
     required: required,
     tooltip: tooltip
-  }, label)), helperText && /*#__PURE__*/React.createElement(HelperText, null, helperText), errors && /*#__PURE__*/React.createElement(ErrorList, {
+  }, label)), helperText && /*#__PURE__*/React__default.createElement(HelperText, null, helperText), errors && /*#__PURE__*/React__default.createElement(ErrorList, {
     errors: errors
   })));
 };

package/build/esm/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TValuesSyncerControlProps } from './values_syncer_control_types';
+export declare const ValuesSyncerControl: React.FC<TValuesSyncerControlProps>;

package/build/esm/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Label } from '@auroraComponents/label/label';
+import { ErrorList } from '@auroraComponents/error_list/error_list';
+import { Control } from '@auroraComponents/control/control';
+import './values_syncer_control_types';
+import ValuesSyncer from '@auroraComponents/values_syncer/values_syncer';
+export const ValuesSyncerControl = ({ label, reqiured = false, tooltip, errors, firstControl, secondControl, initialFirstValue, initialSecondValue, isLocked, onLock, onChange }) => {
+    return (React.createElement(Control, { classname: "aurora-flex-col" },
+        label && React.createElement(Label, { required: reqiured, tooltip: tooltip }, label),
+        React.createElement(ValuesSyncer, { firstControl: firstControl, secondControl: secondControl, initialFirstValue: initialFirstValue, initialSecondValue: initialSecondValue, isLocked: isLocked, onLock: onLock, onChange: onChange }),
+        errors && React.createElement(ErrorList, { errors: errors, className: "aurora-text-danger aurora-text-sm" })));
+};
+ValuesSyncerControl.displayName = 'ValuesSyncerControl';
+//# sourceMappingURL=values_syncer_control.js.map

package/build/esm/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"values_syncer_control.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/values_syncer_control/values_syncer_control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAA0C,+BAA+B,CAAC;AAC1E,OAAO,YAAY,MAAM,+CAA+C,CAAC;AAEzE,MAAM,CAAC,MAAM,mBAAmB,GAAwC,CAAC,EACrE,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,MAAM,EACN,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,QAAQ,EACR,MAAM,EACN,QAAQ,EACX,EAAE,EAAE;IACD,OAAO,CACH,oBAAC,OAAO,IAAC,SAAS,EAAC,iBAAiB;QAC/B,KAAK,IAAI,oBAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,IAAG,KAAK,CAAS;QAEtE,oBAAC,YAAY,IACT,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GACpB;QAED,MAAM,IAAI,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAC,mCAAmC,GAAG,CAChF,CACb,CAAC;AACN,CAAC,CAAC;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

package/build/esm/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control_types.d.ts

@@ -0,0 +1,9 @@
+import { TValuesSyncerProps } from "../../values_syncer/values_syncer_types";
+import React from "react";
+export declare type TValuesSyncerControlProps = TValuesSyncerProps & {
+    label?: string | React.ReactNode;
+    reqiured?: boolean;
+    tooltip?: string | React.ReactNode;
+    helperText?: string | React.ReactNode;
+    errors?: string | string[];
+};

package/build/esm/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control_types.js

@@ -0,0 +1,3 @@
+import "@auroraComponents/values_syncer/values_syncer_types";
+import "react";
+//# sourceMappingURL=values_syncer_control_types.js.map

package/build/esm/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"values_syncer_control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/values_syncer_control/values_syncer_control_types.ts"],"names":[],"mappings":"AAAA,OAAmC,qDAAqD,CAAC;AACzF,OAAkB,OAAO,CAAC"}

package/build/esm/packages/aurora/src/components/divider/divider.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 { DIVIDER_ORIENTATION } from './divider_constants.js';
@@ -6,7 +6,7 @@ import { dividerVariants } from './divider_variants.js';
 import { Root } from '@radix-ui/react-separator';
 
 var _excluded = ["className", "orientation", "color", "thickness", "height", "maxHeight", "minHeight", "width", "maxWidth", "minWidth", "variant", "decorative"];
-var Divider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var Divider = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$orientation = _ref.orientation,
     orientation = _ref$orientation === void 0 ? DIVIDER_ORIENTATION.horizontal : _ref$orientation,
@@ -22,7 +22,7 @@ var Divider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _ref$decorative = _ref.decorative,
     decorative = _ref$decorative === void 0 ? true : _ref$decorative,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Root, _objectSpread2({
+  return /*#__PURE__*/React__default.createElement(Root, _objectSpread2({
     ref: ref,
     decorative: decorative,
     orientation: orientation,

package/build/esm/packages/aurora/src/components/icon_button/icon_button.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 { BUTTON_SIZES } from '../button/button_constants.js';
@@ -7,7 +7,7 @@ import { Slot } from '@radix-ui/react-slot';
 import { iconButtonVariants } from './icon_button_variants.js';
 
 var _excluded = ["className", "variant", "size", "asChild", "Icon", "children"];
-var IconButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var IconButton = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     variant = _ref.variant,
     size = _ref.size,
@@ -17,7 +17,7 @@ var IconButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     children = _ref.children,
     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,
@@ -26,7 +26,7 @@ var IconButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       size: size
     })),
     ref: ref
-  }, props), Icon ? /*#__PURE__*/React.createElement(Icon, {
+  }, props), Icon ? /*#__PURE__*/React__default.createElement(Icon, {
     size: size === BUTTON_SIZES.s ? '14' : '16'
   }) : children);
 });

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

@@ -1,10 +1,10 @@
-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 { inputVariants } from './input_variants.js';
 
 var _excluded = ["preElement", "postElement", "errors", "className", "id", "name", "value", "defaultValue", "placeholder", "disabled", "readOnly", "type", "onChange", "onKeyDown", "onKeyUp"];
-var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var Input = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var preElement = _ref.preElement,
     postElement = _ref.postElement,
     errors = _ref.errors,
@@ -23,11 +23,11 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onKeyDown = _ref.onKeyDown,
     onKeyUp = _ref.onKeyUp,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: cn(inputVariants(), errors && 'aurora-border-danger', disabled && 'aurora-bg-subtle aurora-text-subtle-light aurora-pointer-events-none aurora-cursor-not-allowed', type === 'number' && 'aurora-appearance-none', className)
-  }, preElement && /*#__PURE__*/React.createElement("div", {
+  }, preElement && /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-flex aurora-items-center aurora-pointer-events-none"
-  }, preElement), /*#__PURE__*/React.createElement("input", _objectSpread2(_objectSpread2({}, props), {}, {
+  }, preElement), /*#__PURE__*/React__default.createElement("input", _objectSpread2(_objectSpread2({}, props), {}, {
     ref: ref,
     id: id,
     name: name,
@@ -41,7 +41,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onKeyUp: onKeyUp,
     type: type,
     className: "aurora-w-full focus:aurora-outline-none focus:aurora-shadow-none"
-  })), postElement && /*#__PURE__*/React.createElement("div", {
+  })), postElement && /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-flex aurora-items-center"
   }, postElement));
 });

package/build/esm/packages/aurora/src/components/label/components/label_content.js

@@ -1,16 +1,16 @@
-import React from 'react';
+import React__default from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Box } from '../../box/box.js';
 import { Root } from '@radix-ui/react-label';
 
 var _excluded = ["tooltip", "children"];
-var LabelContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var LabelContent = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var tooltip = _ref.tooltip,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Root, _objectSpread2({
+  return /*#__PURE__*/React__default.createElement(Root, _objectSpread2({
     ref: ref
-  }, props), tooltip ? (/*#__PURE__*/React.createElement(Box, {
+  }, props), tooltip ? (/*#__PURE__*/React__default.createElement(Box, {
     align: "center",
     spacing: "1"
   }, children, tooltip)) : children);

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

@@ -1,16 +1,16 @@
-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 { linkVariants } from './link_variants.js';
 
 var _excluded = ["children", "size", "variant", "decoration"];
-var Link = /*#__PURE__*/React.forwardRef(function (_ref) {
+var Link = /*#__PURE__*/React__default.forwardRef(function (_ref) {
   var children = _ref.children,
     size = _ref.size,
     variant = _ref.variant,
     decoration = _ref.decoration,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("a", _objectSpread2({
+  return /*#__PURE__*/React__default.createElement("a", _objectSpread2({
     className: cn(linkVariants({
       size: size,
       variant: variant,

package/build/esm/packages/aurora/src/components/loader/loader.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 { loaderVariants } from './loader_variants.js';
@@ -8,7 +8,7 @@ var Loader = function Loader(_ref) {
   var className = _ref.className,
     variant = _ref.variant,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("div", _objectSpread2({
+  return /*#__PURE__*/React__default.createElement("div", _objectSpread2({
     className: cn(loaderVariants({
       variant: variant
     }), className)

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { cn } from '../../utilities/cn.js';
 import { Typography } from '../typography/typography.js';
 import { MESSAGE_BOX_ICONS, MESSAGE_BOX_ICON_COLORS, MESSAGE_BOX_VARIANTS } from './message_box_constants.js';
@@ -19,32 +19,32 @@ var MessageBox = function MessageBox(_ref) {
   var Icon = MESSAGE_BOX_ICONS[variant];
   var iconColor = MESSAGE_BOX_ICON_COLORS[variant];
   var canClose = !!onClose;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: cn(classnames(fullWidth ? 'aurora-w-full aurora-border-none' : 'aurora-w-[272px] aurora-border aurora-rounded-4', children && !header && !fullWidth && 'aurora-shadow-l'), messageBoxVariants({
       variant: variant
     }), className)
-  }, showIcon ? (/*#__PURE__*/React.createElement("div", {
+  }, showIcon ? (/*#__PURE__*/React__default.createElement("div", {
     className: classnames(children && !fullWidth && 'aurora-h-full aurora-flex aurora-self-start aurora-mt-1')
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React__default.createElement(Icon, {
     className: classnames('aurora-mr-2 aurora-w-4 aurora-h-4', iconColor)
-  }))) : null, /*#__PURE__*/React.createElement("div", {
+  }))) : null, /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-flex aurora-justify-between aurora-items-center aurora-w-full aurora-max-w-7xl"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-flex aurora-max-w-full aurora-w-full"
-  }, header && (/*#__PURE__*/React.createElement("div", {
+  }, header && (/*#__PURE__*/React__default.createElement("div", {
     className: "aurora-flex aurora-items-center"
-  }, /*#__PURE__*/React.createElement("h4", {
+  }, /*#__PURE__*/React__default.createElement("h4", {
     className: "aurora-text-s aurora-font-semibold aurora-text"
-  }, header))), /*#__PURE__*/React.createElement(Typography, {
+  }, header))), /*#__PURE__*/React__default.createElement(Typography, {
     className: "aurora-w-full",
     size: "xs"
-  }, children)), canClose && (/*#__PURE__*/React.createElement("button", {
+  }, children)), canClose && (/*#__PURE__*/React__default.createElement("button", {
     className: classnames(children && !fullWidth && 'aurora-h-full aurora-flex aurora-self-start aurora-mt-1'),
     onClick: function onClick(e) {
       e.stopPropagation();
       onClose === null || onClose === void 0 ? void 0 : onClose();
     }
-  }, /*#__PURE__*/React.createElement(CloseLineIcon, {
+  }, /*#__PURE__*/React__default.createElement(CloseLineIcon, {
     className: classnames('aurora-mx-2 aurora-w-4 aurora-h-4 aurora-fill')
   })))));
 };

package/build/esm/packages/aurora/src/components/modal/components/modal/modal.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 { cn } from '../../../../utilities/cn.js';
 import { createPortal } from 'react-dom';
@@ -69,19 +69,19 @@ var Modal = function Modal(_ref) {
     hideAllModalsOnClose ? hideAllModals(onCloseAction) : hideModal(name, onCloseAction);
   };
   if (!$modalsManagerContainer) return null;
-  return renderModal ? /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", {
+  return renderModal ? /*#__PURE__*/createPortal(/*#__PURE__*/React__default.createElement("div", {
     "data-modal-id": name,
     "data-test-id": "modal",
     className: cn(modalVariants({
       width: width
     }), visibleClass ? 'aurora-opacity-100 aurora-animate-modal-slide-in' : 'aurora-opacity-0 aurora-animate-modal-slide-out')
-  }, header && /*#__PURE__*/React.createElement(ModalHeader, {
+  }, header && /*#__PURE__*/React__default.createElement(ModalHeader, {
     hasCloseIcon: hasCloseIcon,
     text: header.text,
     onClose: handleCloseModal
-  }), children && /*#__PURE__*/React.createElement("div", {
+  }), children && /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-overflow-y-auto custom-scrollbar"
-  }, children), footer && /*#__PURE__*/React.createElement(ModalFooter, {
+  }, children), footer && /*#__PURE__*/React__default.createElement(ModalFooter, {
     text: footer.text
   })), $modalsManagerContainer) : null;
 };

package/build/esm/packages/aurora/src/components/modal/components/modal/modal_close_icon.js

@@ -1,15 +1,15 @@
-import React from 'react';
+import React__default from 'react';
 import { CloseLine } from '../../../../assets/icons/close_line.js';
 
 var ModalCloseIcon = function ModalCloseIcon(_ref) {
   var onClose = _ref.onClose;
-  return /*#__PURE__*/React.createElement("button", {
+  return /*#__PURE__*/React__default.createElement("button", {
     className: "aurora-p-1 aurora-border-0 aurora-bg-none aurora-cursor-pointer aurora-rounded-4 aurora-bg-transparent hover:aurora-bg-hover",
     onClick: function onClick() {
       return onClose();
     },
     "data-test-id": "close-modal"
-  }, /*#__PURE__*/React.createElement(CloseLine, null));
+  }, /*#__PURE__*/React__default.createElement(CloseLine, null));
 };
 
 export { ModalCloseIcon };