@dreamcommerce/aurora 3.0.0-28 → 3.0.0-280

package/build/cjs/packages/aurora/src/components/controls/select_control/select_control.js

@@ -0,0 +1,67 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var css_text_color_tokens = require('../../../constants/css_tokens/css_text_color_tokens.js');
+var label = require('../../label/label.js');
+var helper_text = require('../../helper_text/helper_text.js');
+var error_list = require('../../error_list/error_list.js');
+var control = require('../../control/control.js');
+var select = require('../../select/select.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["options", "id", "name", "label", "helperText", "tooltip", "placeholder", "searchPlaceholder", "hasSearch", "hasClearValueButton", "errors", "disabled", "value", "onValueChange", "onScroll", "innerAdditionalContent", "required"];
+var SelectControl = function SelectControl(_ref) {
+  var options = _ref.options,
+    id = _ref.id,
+    name = _ref.name,
+    label$1 = _ref.label,
+    helperText = _ref.helperText,
+    tooltip = _ref.tooltip,
+    placeholder = _ref.placeholder,
+    searchPlaceholder = _ref.searchPlaceholder,
+    hasSearch = _ref.hasSearch,
+    hasClearValueButton = _ref.hasClearValueButton,
+    errors = _ref.errors,
+    disabled = _ref.disabled,
+    value = _ref.value,
+    onValueChange = _ref.onValueChange,
+    onScroll = _ref.onScroll,
+    innerAdditionalContent = _ref.innerAdditionalContent,
+    required = _ref.required,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default['default'].createElement(control.Control, {
+    classname: "aurora-flex-col"
+  }, label$1 ? (/*#__PURE__*/React__default['default'].createElement(label.Label, {
+    htmlFor: id,
+    tooltip: tooltip,
+    required: required
+  }, label$1)) : null, /*#__PURE__*/React__default['default'].createElement(select.Select, _rollupPluginBabelHelpers.objectSpread2({
+    id: id,
+    name: name,
+    options: options,
+    disabled: disabled,
+    placeholder: placeholder,
+    hasSearch: hasSearch,
+    searchPlaceholder: searchPlaceholder,
+    innerAdditionalContent: innerAdditionalContent,
+    hasClearValueButton: hasClearValueButton,
+    errors: errors,
+    value: value,
+    onValueChange: onValueChange,
+    onScroll: onScroll
+  }, props)), helperText ? /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, {
+    color: disabled ? css_text_color_tokens.CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
+  }, helperText) : null, errors ? /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
+    errors: errors
+  }) : null);
+};
+SelectControl.displayName = 'SelectControl';
+
+exports.SelectControl = SelectControl;
+//# sourceMappingURL=select_control.js.map

package/build/cjs/packages/aurora/src/components/controls/select_control/select_control.js.map

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

package/build/cjs/packages/aurora/src/components/controls/switch_control/switch_control.js

@@ -0,0 +1,77 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var css_text_color_tokens = require('../../../constants/css_tokens/css_text_color_tokens.js');
+var cn = require('../../../utilities/cn.js');
+var stack = require('../../stack/stack.js');
+var label = require('../../label/label.js');
+var helper_text = require('../../helper_text/helper_text.js');
+var error_list = require('../../error_list/error_list.js');
+var _switch = require('../../switch/switch.js');
+var control = require('../../control/control.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["id", "name", "errors", "label", "value", "tooltip", "helperText", "checked", "defaultChecked", "disabled", "required", "onCheckedChange"];
+var SwitchControl = function SwitchControl(_ref) {
+  var id = _ref.id,
+    name = _ref.name,
+    errors = _ref.errors,
+    label$1 = _ref.label,
+    value = _ref.value,
+    tooltip = _ref.tooltip,
+    helperText = _ref.helperText,
+    _ref$checked = _ref.checked,
+    checked = _ref$checked === void 0 ? false : _ref$checked,
+    _ref$defaultChecked = _ref.defaultChecked,
+    defaultChecked = _ref$defaultChecked === void 0 ? false : _ref$defaultChecked,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    onCheckedChange = _ref.onCheckedChange,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _React$useState = React__default['default'].useState(checked),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    _checked = _React$useState2[0],
+    setChecked = _React$useState2[1];
+  var handleCheckedChange = function handleCheckedChange(checked) {
+    setChecked(checked);
+    onCheckedChange === null || onCheckedChange === void 0 ? void 0 : onCheckedChange(checked);
+  };
+  return /*#__PURE__*/React__default['default'].createElement(control.Control, {
+    classname: "aurora-gap-3"
+  }, /*#__PURE__*/React__default['default'].createElement(_switch.Switch, _rollupPluginBabelHelpers.objectSpread2({
+    id: id,
+    name: name,
+    value: value,
+    defaultChecked: defaultChecked,
+    checked: checked,
+    disabled: disabled,
+    onCheckedChange: handleCheckedChange,
+    errors: errors
+  }, rest)), /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
+    spacing: "0.5",
+    direction: "column"
+  }, label$1 ? (/*#__PURE__*/React__default['default'].createElement(label.Label, {
+    required: required,
+    htmlFor: id,
+    tooltip: tooltip,
+    disabled: disabled,
+    className: cn.cn({
+      'aurora-font-semibold': _checked
+    })
+  }, label$1)) : null, helperText ? /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, {
+    color: disabled ? css_text_color_tokens.CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
+  }, helperText) : null, errors ? /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
+    errors: errors
+  }) : null));
+};
+
+exports.SwitchControl = SwitchControl;
+//# sourceMappingURL=switch_control.js.map

package/build/cjs/packages/aurora/src/components/controls/switch_control/switch_control.js.map

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

package/build/cjs/packages/aurora/src/components/controls/text_area_control/text_area_control.js

@@ -0,0 +1,59 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var css_text_color_tokens = require('../../../constants/css_tokens/css_text_color_tokens.js');
+var label = require('../../label/label.js');
+var helper_text = require('../../helper_text/helper_text.js');
+var error_list = require('../../error_list/error_list.js');
+var control = require('../../control/control.js');
+var text_area = require('../../text_area/text_area.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["id", "name", "label", "errors", "placeholder", "disabled", "readOnly", "value", "helperText", "required", "tooltip", "onChange"];
+var TextAreaControl = function TextAreaControl(_ref) {
+  var id = _ref.id,
+    name = _ref.name,
+    label$1 = _ref.label,
+    errors = _ref.errors,
+    placeholder = _ref.placeholder,
+    disabled = _ref.disabled,
+    readOnly = _ref.readOnly,
+    value = _ref.value,
+    helperText = _ref.helperText,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    tooltip = _ref.tooltip,
+    onChange = _ref.onChange,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default['default'].createElement(control.Control, {
+    classname: "aurora-flex-col"
+  }, label$1 ? (/*#__PURE__*/React__default['default'].createElement(label.Label, {
+    htmlFor: id,
+    required: required,
+    tooltip: tooltip,
+    disabled: disabled
+  }, label$1)) : null, /*#__PURE__*/React__default['default'].createElement(text_area.TextArea, _rollupPluginBabelHelpers.objectSpread2({
+    id: id,
+    name: name,
+    placeholder: placeholder,
+    value: value,
+    disabled: disabled,
+    readOnly: readOnly,
+    errors: errors,
+    onChange: onChange
+  }, props)), helperText ? /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, {
+    color: disabled ? css_text_color_tokens.CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
+  }, helperText) : null, errors ? /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
+    errors: errors
+  }) : null);
+};
+TextAreaControl.displayName = 'TextAreaControl';
+
+exports.TextAreaControl = TextAreaControl;
+//# sourceMappingURL=text_area_control.js.map

package/build/cjs/packages/aurora/src/components/controls/text_area_control/text_area_control.js.map

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

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

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var css_text_color_tokens = require('../../../constants/css_tokens/css_text_color_tokens.js');
+var label = require('../../label/label.js');
+var helper_text = require('../../helper_text/helper_text.js');
+var error_list = require('../../error_list/error_list.js');
+var control = require('../../control/control.js');
+var values_syncer = require('../../values_syncer/values_syncer.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ValuesSyncerControl = function ValuesSyncerControl(_ref) {
+  var label$1 = _ref.label,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    tooltip = _ref.tooltip,
+    errors = _ref.errors,
+    firstControl = _ref.firstControl,
+    secondControl = _ref.secondControl,
+    firstValue = _ref.firstValue,
+    secondValue = _ref.secondValue,
+    isLocked = _ref.isLocked,
+    onLock = _ref.onLock,
+    onChange = _ref.onChange,
+    disabled = _ref.disabled,
+    helperText = _ref.helperText,
+    className = _ref.className;
+  return /*#__PURE__*/React__default['default'].createElement(control.Control, {
+    classname: "aurora-flex-col"
+  }, label$1 ? (/*#__PURE__*/React__default['default'].createElement(label.Label, {
+    tooltip: tooltip,
+    required: required
+  }, label$1)) : null, /*#__PURE__*/React__default['default'].createElement(values_syncer.ValuesSyncer, {
+    firstControl: firstControl,
+    secondControl: secondControl,
+    firstValue: firstValue,
+    secondValue: secondValue,
+    isLocked: isLocked,
+    onLock: onLock,
+    onChange: onChange,
+    className: className
+  }), helperText ? /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, {
+    color: disabled ? css_text_color_tokens.CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
+  }, helperText) : null, errors ? /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
+    errors: errors
+  }) : null);
+};
+ValuesSyncerControl.displayName = 'ValuesSyncerControl';
+
+exports.ValuesSyncerControl = ValuesSyncerControl;
+//# sourceMappingURL=values_syncer_control.js.map

package/build/cjs/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var label = require('../../label/label.js');
+var helper_text = require('../../helper_text/helper_text.js');
+var control = require('../../control/control.js');
+var xhr_image_picker = require('../../xhr_image_picker/xhr_image_picker.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var XhrImagePickerControl = function XhrImagePickerControl(_ref) {
+  var url = _ref.url,
+    label$1 = _ref.label,
+    required = _ref.required,
+    id = _ref.id,
+    name = _ref.name,
+    onChange = _ref.onChange,
+    allowedExtensions = _ref.allowedExtensions,
+    initialFile = _ref.initialFile,
+    className = _ref.className,
+    errors = _ref.errors,
+    tooltip = _ref.tooltip,
+    onUploaded = _ref.onUploaded,
+    helperText = _ref.helperText,
+    onImageSizeUpdated = _ref.onImageSizeUpdated,
+    ImageEditor = _ref.ImageEditor;
+  var _useState = React.useState(errors),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    setErrors = _useState2[1];
+  var handleControlError = function handleControlError(errors) {
+    setErrors(errors);
+  };
+  var handleControlChange = function handleControlChange(file) {
+    var fileList = file.fileList,
+      fileAsDataUrl = file.fileAsDataUrl;
+    setErrors(null);
+    onChange === null || onChange === void 0 ? void 0 : onChange({
+      fileList: fileList,
+      fileAsDataUrl: fileAsDataUrl
+    });
+  };
+  return /*#__PURE__*/React__default['default'].createElement(control.Control, {
+    classname: "aurora-flex-col"
+  }, label$1 ? (/*#__PURE__*/React__default['default'].createElement(label.Label, {
+    htmlFor: id,
+    tooltip: tooltip,
+    required: required
+  }, label$1)) : null, /*#__PURE__*/React__default['default'].createElement(xhr_image_picker.XhrImagePicker, {
+    url: url,
+    id: id,
+    name: name,
+    onChange: handleControlChange,
+    onError: handleControlError,
+    allowedExtensions: allowedExtensions,
+    initialFile: initialFile,
+    className: className,
+    errors: errors,
+    onUploaded: onUploaded,
+    onImageSizeUpdated: onImageSizeUpdated,
+    ImageEditor: ImageEditor
+  }), helperText ? /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, null, helperText) : null);
+};
+
+exports.XhrImagePickerControl = XhrImagePickerControl;
+//# sourceMappingURL=xhr_image_picker_control.js.map

package/build/cjs/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js.map

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

package/build/cjs/packages/aurora/src/components/divider/divider.js

@@ -2,28 +2,54 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var t = require('react');
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var cn = require('../../utilities/cn.js');
+var SeparatorPrimitive = require('@radix-ui/react-separator');
+var divider_constants = require('./divider_constants.js');
 var divider_variants = require('./divider_variants.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var t__default = /*#__PURE__*/_interopDefaultLegacy(t);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var Divider = function Divider(_ref) {
-  var _ref$as = _ref.as,
-    as = _ref$as === void 0 ? 'hr' : _ref$as,
+var _excluded = ["className", "orientation", "color", "thickness", "height", "maxHeight", "minHeight", "width", "maxWidth", "minWidth", "variant", "decorative"];
+var Divider = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    _ref$orientation = _ref.orientation,
+    orientation = _ref$orientation === void 0 ? divider_constants.DIVIDER_ORIENTATION.horizontal : _ref$orientation,
     color = _ref.color,
-    thickness = _ref.thickness;
-  return /*#__PURE__*/t__default['default'].createElement(as, {
-    className: cn.cn(divider_variants.dividerVariants({
-      color: color,
-      thickness: thickness
-    }), 'aurora-w-full'),
-    role: 'separator',
-    'aria-orientation': 'horizontal'
-  });
-};
+    thickness = _ref.thickness,
+    height = _ref.height,
+    maxHeight = _ref.maxHeight,
+    minHeight = _ref.minHeight,
+    width = _ref.width,
+    maxWidth = _ref.maxWidth,
+    minWidth = _ref.minWidth,
+    variant = _ref.variant,
+    _ref$decorative = _ref.decorative,
+    decorative = _ref$decorative === void 0 ? true : _ref$decorative,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default['default'].createElement(SeparatorPrimitive.Root, _rollupPluginBabelHelpers.objectSpread2({
+    ref: ref,
+    decorative: decorative,
+    orientation: orientation,
+    className: cn.cn('aurora-shrink-0 aurora-grow', divider_variants.dividerVariants({
+      variant: variant,
+      thickness: thickness,
+      orientation: orientation
+    }), className),
+    style: {
+      height: height,
+      maxHeight: maxHeight,
+      minHeight: minHeight,
+      width: width,
+      maxWidth: maxWidth,
+      minWidth: minWidth
+    }
+  }, props));
+});
+Divider.displayName = 'Divider';
 
 exports.Divider = Divider;
 //# sourceMappingURL=divider.js.map

package/build/cjs/packages/aurora/src/components/divider/divider.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/cjs/packages/aurora/src/components/divider/divider_constants.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DIVIDER_ORIENTATION = {
+  horizontal: 'horizontal',
+  vertical: 'vertical'
+};
+var DIVIDER_THICKNESS = {
+  1: '1',
+  2: '2',
+  4: '4',
+  8: '8'
+};
+var DIVIDER_VARIANTS = {
+  default: 'default',
+  subtle: 'subtle',
+  strong: 'strong',
+  transparent: 'transparent'
+};
+
+exports.DIVIDER_ORIENTATION = DIVIDER_ORIENTATION;
+exports.DIVIDER_THICKNESS = DIVIDER_THICKNESS;
+exports.DIVIDER_VARIANTS = DIVIDER_VARIANTS;
+//# sourceMappingURL=divider_constants.js.map

package/build/cjs/packages/aurora/src/components/divider/divider_variants.js

@@ -3,18 +3,53 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var css_border_color_tokens = require('../../constants/css_tokens/css_border_color_tokens.js');
 var css_border_width_tokens = require('../../constants/css_tokens/css_border_width_tokens.js');
 var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
+var divider_constants = require('./divider_constants.js');
 
 var dividerVariants = index.cva('', {
   variants: {
-    thickness: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['0'], 'aurora-border-0'), css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['1'], 'aurora-border-1'), css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['2'], 'aurora-border-2'), css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['4'], 'aurora-border-4'), css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['8'], 'aurora-border-8'),
-    color: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, css_border_color_tokens.CSS_BORDER_COLOR_TOKENS.subtle, 'aurora-border-subtle'), css_border_color_tokens.CSS_BORDER_COLOR_TOKENS.strong, 'aurora-border-strong'), css_border_color_tokens.CSS_BORDER_COLOR_TOKENS.transparent, 'aurora-border-transparent')
+    thickness: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, divider_constants.DIVIDER_THICKNESS['1'], ''), divider_constants.DIVIDER_THICKNESS['2'], ''), divider_constants.DIVIDER_THICKNESS['4'], ''), divider_constants.DIVIDER_THICKNESS['8'], ''),
+    variant: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, divider_constants.DIVIDER_VARIANTS.default, "aurora-bg-neutral-200"), divider_constants.DIVIDER_VARIANTS.subtle, "aurora-bg-neutral-100"), divider_constants.DIVIDER_VARIANTS.strong, 'aurora-bg--neutral-500'), divider_constants.DIVIDER_VARIANTS.transparent, 'aurora-bg-transparent'),
+    orientation: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, divider_constants.DIVIDER_ORIENTATION.horizontal, 'aurora-w-full'), divider_constants.DIVIDER_ORIENTATION.vertical, 'aurora-h-full')
   },
+  compoundVariants: [{
+    orientation: divider_constants.DIVIDER_ORIENTATION.horizontal,
+    thickness: css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['1'],
+    class: ['aurora-h-[1px]']
+  }, {
+    orientation: divider_constants.DIVIDER_ORIENTATION.horizontal,
+    thickness: css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['2'],
+    class: ['aurora-h-[2px]']
+  }, {
+    orientation: divider_constants.DIVIDER_ORIENTATION.horizontal,
+    thickness: css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['4'],
+    class: ['aurora-h-[4px]']
+  }, {
+    orientation: divider_constants.DIVIDER_ORIENTATION.horizontal,
+    thickness: css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['8'],
+    class: ['aurora-h-[8px]']
+  }, {
+    orientation: divider_constants.DIVIDER_ORIENTATION.vertical,
+    thickness: css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['1'],
+    class: ['aurora-w-[1px]']
+  }, {
+    orientation: divider_constants.DIVIDER_ORIENTATION.vertical,
+    thickness: css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['2'],
+    class: ['aurora-w-[2px]']
+  }, {
+    orientation: divider_constants.DIVIDER_ORIENTATION.vertical,
+    thickness: css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['4'],
+    class: ['aurora-w-[4px]']
+  }, {
+    orientation: divider_constants.DIVIDER_ORIENTATION.vertical,
+    thickness: css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['8'],
+    class: ['aurora-w-[8px]']
+  }],
   defaultVariants: {
     thickness: css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['1'],
-    color: css_border_color_tokens.CSS_BORDER_COLOR_TOKENS.subtle
+    variant: divider_constants.DIVIDER_VARIANTS.default,
+    orientation: divider_constants.DIVIDER_ORIENTATION.horizontal
   }
 });
 

package/build/cjs/packages/aurora/src/components/divider/divider_variants.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,oEAAwE;AAC5F;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,oBAAoB,oEAAwE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/error_list/components/error_list_item.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var typography = require('../../typography/typography.js');
+
+var _excluded = ["children", "className"];
+var ErrorListItem = function ErrorListItem(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.objectSpread2({}, props), /*#__PURE__*/React.createElement(typography.Typography, {
+    color: "danger",
+    size: "s"
+  }, children));
+};
+
+exports.ErrorListItem = ErrorListItem;
+//# sourceMappingURL=error_list_item.js.map

package/build/cjs/packages/aurora/src/components/error_list/components/error_list_item.js.map

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

package/build/cjs/packages/aurora/src/components/error_list/error_list.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var cn = require('../../utilities/cn.js');
+var error_list_item = require('./components/error_list_item.js');
+var error_list_variants = require('./error_list_variants.js');
+
+var _excluded = ["errors", "className"];
+var ErrorList = function ErrorList(_ref) {
+  var errors = _ref.errors,
+    className = _ref.className,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var singleError = typeof errors === 'string';
+  if (!(errors !== null && errors !== void 0 && errors.length)) return null;
+  return /*#__PURE__*/React.createElement("ul", _rollupPluginBabelHelpers.objectSpread2({
+    className: cn.cn(error_list_variants.errorListVariants(), className)
+  }, props), singleError ? (/*#__PURE__*/React.createElement(error_list_item.ErrorListItem, null, errors)) : errors.map(function (error, index) {
+    return /*#__PURE__*/React.createElement(error_list_item.ErrorListItem, {
+      key: "error-".concat(index)
+    }, error);
+  }));
+};
+
+exports.ErrorList = ErrorList;
+//# sourceMappingURL=error_list.js.map

package/build/cjs/packages/aurora/src/components/error_list/error_list.js.map

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

package/build/cjs/packages/aurora/src/components/error_list/error_list_variants.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
+
+var errorListVariants = index.cva('aurora-m-0 aurora-p-0 aurora-list-none');
+
+exports.errorListVariants = errorListVariants;
+//# sourceMappingURL=error_list_variants.js.map

package/build/cjs/packages/aurora/src/components/error_list/error_list_variants.js.map

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

package/build/cjs/packages/aurora/src/components/helper_text/helper_text.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var typography = require('../typography/typography.js');
+
+var _excluded = ["className", "children", "color"];
+var HelperText = function HelperText(_ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'subtle' : _ref$color,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(typography.Typography, _rollupPluginBabelHelpers.objectSpread2({
+    size: "s",
+    color: color
+  }, props), children);
+};
+
+exports.HelperText = HelperText;
+//# sourceMappingURL=helper_text.js.map

package/build/cjs/packages/aurora/src/components/helper_text/helper_text.js.map

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