npm - @dreamcommerce/aurora - Versions diffs - 3.0.0-32 → 3.0.0-320 - Mend

@dreamcommerce/aurora 3.0.0-32 → 3.0.0-320

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1490) hide show

package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js ADDED Viewed

@@ -0,0 +1,149 @@
+import { useRef, useState, useCallback, useEffect } from 'react';
+import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { COLOR_PICKER_INITIAL_STATE, COLOR_PICKER_ALPHA_MAX_VALUE } from '../color_picker_constants.js';
+import { getDetails } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js';
+import { useColorPicker } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js';
+import { ColorPickerUtils } from '../color_picker_utils.js';
+var defaultGradient = 'linear-gradient(90deg, #000000 0%, #FFFFFF 100%)';
+var useSetupColorPicker = function useSetupColorPicker(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    onCancel = _ref.onCancel,
+    onSave = _ref.onSave,
+    colorVariables = _ref.colorVariables,
+    _ref$withGradient = _ref.withGradient,
+    isWithGradient = _ref$withGradient === void 0 ? false : _ref$withGradient;
+  var colorValue = ColorPickerUtils.normalizeLinearGradient(value || COLOR_PICKER_INITIAL_STATE);
+  var colorValueRef = useRef(colorValue);
+  var savedColorRef = useRef(colorValue);
+  var _useState = useState(!ColorPickerUtils.isGradient(colorValue) ? colorValue : COLOR_PICKER_INITIAL_STATE),
+    _useState2 = _slicedToArray(_useState, 2),
+    previousSolidColor = _useState2[0],
+    setPreviousSolidColor = _useState2[1];
+  var _useState3 = useState(ColorPickerUtils.isGradient(colorValue) ? colorValue : defaultGradient),
+    _useState4 = _slicedToArray(_useState3, 2),
+    previousGradientColor = _useState4[0],
+    setPreviousGradientColor = _useState4[1];
+  var withGradient = isWithGradient || ColorPickerUtils.isGradient(colorValue);
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isColorPickerOpened = _useState6[0],
+    setIsColorPickerOpened = _useState6[1];
+  var _useState7 = useState(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    shadeName = _useState8[0],
+    setShadeName = _useState8[1];
+  var _useState9 = useState(ColorPickerUtils.getHexValueWithoutHash(colorValue)),
+    _useState10 = _slicedToArray(_useState9, 2),
+    typedInputValue = _useState10[0],
+    setTypedInputValue = _useState10[1];
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    isColorPickerCurrentlyUsed = _useState12[0],
+    setIsColorPickerCurrentlyUsed = _useState12[1];
+  var _getDetails = getDetails(colorValue),
+    degrees = _getDetails.degrees;
+  var savedDegRef = useRef(isNaN(degrees) ? 180 : degrees);
+  var variables = colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.variables;
+  var setColor = useCallback(function (newColor) {
+    var shadeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    setShadeName(shadeName);
+    !ColorPickerUtils.isGradient(colorValue) ? setPreviousSolidColor(colorValue) : setPreviousGradientColor(colorValue);
+    var isGradient = ColorPickerUtils.isGradient(newColor);
+    var newColorVar = {
+      value: newColor,
+      name: variables && !isGradient && ColorPickerUtils.findVariable(variables, newColor) || ''
+    };
+    var colorObject = ColorPickerUtils.getAllColorTypes(newColorVar);
+    var colorDegrees = newColor.match(/(linear|radial)-gradient\([^)]*?([0-9.]+)deg/);
+    if (isGradient && colorDegrees !== null && colorDegrees !== void 0 && colorDegrees[2]) {
+      savedDegRef.current = Number(colorDegrees[2]);
+    }
+    var hexString = isGradient ? newColor : colorObject.hexString;
+    colorValueRef.current = hexString;
+    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, colorObject), {}, {
+      hexString: hexString
+    }));
+  }, [colorValue, variables, onChange]);
+  useEffect(function () {
+    if (colorValue === colorValueRef.current) return;
+    colorValueRef.current = colorValue;
+    setShadeName('');
+  }, [colorValue]);
+  var _useBestGradientColor = useColorPicker(colorValue, setColor),
+    hslArr = _useBestGradientColor.hslArr,
+    rgbaArr = _useBestGradientColor.rgbaArr,
+    setR = _useBestGradientColor.setR,
+    setG = _useBestGradientColor.setG,
+    setB = _useBestGradientColor.setB,
+    setA = _useBestGradientColor.setA,
+    isGradient = _useBestGradientColor.isGradient,
+    gradientType = _useBestGradientColor.gradientType;
+  var tinyColor = ColorPickerUtils.getTinyColorInstance(colorValue);
+  var hex = ColorPickerUtils.getHexValue(tinyColor);
+  var alpha = rgbaArr[3] * 100;
+  var setSolid = function setSolid(value) {
+    setColor(value || COLOR_PICKER_INITIAL_STATE);
+  };
+  var setLinear = function setLinear(value) {
+    var gradientColor = value || defaultGradient;
+    var remaining = gradientColor.split(/,(.+)/)[1];
+    setColor("linear-gradient(".concat(savedDegRef.current + 'deg', ", ").concat(remaining));
+  };
+  var setRadial = function setRadial(value) {
+    var gradientColor = value || defaultGradient;
+    var remaining = gradientColor.split(/,(.+)/)[1];
+    setColor("radial-gradient(circle, ".concat(remaining));
+  };
+  var handleOnChangeAlpha = function handleOnChangeAlpha(value) {
+    var val = Math.min(value, COLOR_PICKER_ALPHA_MAX_VALUE);
+    setA(val);
+  };
+  var handleCancel = function handleCancel() {
+    setColor(savedColorRef.current);
+    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+  };
+  var handleSave = function handleSave() {
+    var newColorVar = {
+      value: colorValue,
+      name: variables && ColorPickerUtils.findVariable(variables, colorValue) || ''
+    };
+    savedColorRef.current = colorValue;
+    onSave === null || onSave === void 0 ? void 0 : onSave(ColorPickerUtils.getAllColorTypes(newColorVar));
+  };
+  return {
+    color: colorValue,
+    previousSolidColor: previousSolidColor,
+    previousGradientColor: previousGradientColor,
+    setColor: setColor,
+    hex: hex,
+    hslArr: hslArr,
+    handleOnChangeAlpha: handleOnChangeAlpha,
+    alpha: alpha,
+    rgbaArr: rgbaArr,
+    setR: setR,
+    setG: setG,
+    setB: setB,
+    handleCancel: handleCancel,
+    handleSave: handleSave,
+    colorVariables: colorVariables,
+    isCurrentValueGradient: isGradient,
+    setSolid: setSolid,
+    setRadial: setRadial,
+    setLinear: setLinear,
+    gradientType: gradientType,
+    withGradient: withGradient,
+    isColorPickerOpened: isColorPickerOpened,
+    setIsColorPickerOpened: setIsColorPickerOpened,
+    typedInputValue: typedInputValue,
+    setTypedInputValue: setTypedInputValue,
+    isColorPickerCurrentlyUsed: isColorPickerCurrentlyUsed,
+    setIsColorPickerCurrentlyUsed: setIsColorPickerCurrentlyUsed,
+    degrees: degrees,
+    shadeName: shadeName
+  };
+};
+export default useSetupColorPicker;
+//# sourceMappingURL=setup_color_picker.js.map

package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,2BAA2B,qFAAyF;AACpH,+BAA+B,8FAAkG;AACjI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/color_picker/hooks/use_color_picker.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { IColorPickerContext } from '../color_picker_types';
2	+ export declare const useColorPicker: () => IColorPickerContext;

package/build/esm/packages/aurora/src/components/color_picker/hooks/use_color_picker.js ADDED Viewed

@@ -0,0 +1,13 @@
+import { useContext } from 'react';
+import { ColorPickerContext } from '../color_picker_context.js';
+var useColorPicker = function useColorPicker() {
+  var context = useContext(ColorPickerContext);
+  if (!context) {
+    throw new Error('ColorPickerContext is missing');
+  }
+  return context;
+};
+export { useColorPicker };
+//# sourceMappingURL=use_color_picker.js.map

package/build/esm/packages/aurora/src/components/color_picker/hooks/use_color_picker.js.map ADDED Viewed

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

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

@@ -0,0 +1,3 @@
+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 ADDED Viewed

@@ -0,0 +1,13 @@
+import React 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", {
+    className: cn("aurora-flex aurora-gap-1 aurora-w-full", classname)
+  }, children);
+};
+export { Control };
+//# sourceMappingURL=control.js.map

package/build/esm/packages/aurora/src/components/control/control.js.map ADDED Viewed

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface IControlProps {
+    children: React.ReactNode;
+    classname?: string;
+}
+export declare type TControlErrors = string | string[] | null;

package/build/esm/packages/aurora/src/components/control/control_types.js ADDED Viewed

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

package/build/esm/packages/aurora/src/components/control/control_types.js.map ADDED Viewed

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

package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TAnchorPresetsControlProps } from "./anchor_presets_control_types";
+export declare const AnchorPresetsControl: React.FC<TAnchorPresetsControlProps>;

package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control.js ADDED Viewed

@@ -0,0 +1,37 @@
+import React from 'react';
+import { Stack } from '../../stack/stack.js';
+import { Control } from '../../control/control.js';
+import { ErrorList } from '../../error_list/error_list.js';
+import { HelperText } from '../../helper_text/helper_text.js';
+import { Label } from '../../label/label.js';
+import { AnchorPresets } from '../../anchor_presets/anchor_presets.js';
+var AnchorPresetsControl = function AnchorPresetsControl(_ref) {
+  var label = _ref.label,
+    value = _ref.value,
+    tooltip = _ref.tooltip,
+    helperText = _ref.helperText,
+    errors = _ref.errors,
+    onChange = _ref.onChange,
+    className = _ref.className,
+    buttonClassName = _ref.buttonClassName;
+  return /*#__PURE__*/React.createElement(Control, {
+    classname: "aurora-flex-col aurora-gap-3"
+  }, /*#__PURE__*/React.createElement(Stack, {
+    spacing: "0.5",
+    direction: "column"
+  }, label ? (/*#__PURE__*/React.createElement(Label, {
+    tooltip: tooltip,
+    className: "aurora-text"
+  }, label)) : null, helperText ? /*#__PURE__*/React.createElement(HelperText, null, helperText) : null), /*#__PURE__*/React.createElement(AnchorPresets, {
+    value: value,
+    onChange: onChange,
+    className: className,
+    buttonClassName: buttonClassName
+  }), errors ? /*#__PURE__*/React.createElement(ErrorList, {
+    errors: errors
+  }) : null);
+};
+export { AnchorPresetsControl };
+//# sourceMappingURL=anchor_presets_control.js.map

package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control.js.map ADDED Viewed

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

package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control_types.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TAnchorPresetsProps } from "../../anchor_presets/anchor_presets_types";
+export declare type TAnchorPresetsControlProps = TAnchorPresetsProps & {
+    label?: string | React.ReactNode;
+    tooltip?: string | React.ReactNode;
+    helperText?: string | React.ReactNode;
+    errors?: string | string[];
+};

package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control_types.js ADDED Viewed

@@ -0,0 +1,3 @@
+import 'react';
+import '@auroraComponents/anchor_presets/anchor_presets_types';
+//# sourceMappingURL=anchor_presets_control_types.js.map

package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control_types.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"anchor_presets_control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/anchor_presets_control/anchor_presets_control_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAE1B,OAAoC,uDAAuD,CAAC"}

package/build/esm/packages/aurora/src/components/controls/checkbox_control/checkbox_control.d.ts ADDED Viewed

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

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

@@ -0,0 +1,67 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
+import { cn } from '../../../utilities/cn.js';
+import { Stack } from '../../stack/stack.js';
+import { Control } from '../../control/control.js';
+import { ErrorList } from '../../error_list/error_list.js';
+import { HelperText } from '../../helper_text/helper_text.js';
+import { Label } from '../../label/label.js';
+import { Checkbox } from '../../checkbox/checkbox.js';
+var _excluded = ["id", "name", "label", "value", "tooltip", "helperText", "errors", "checked", "disabled", "required", "onCheckedChange"];
+var CheckboxControl = function CheckboxControl(_ref) {
+  var id = _ref.id,
+    name = _ref.name,
+    label = _ref.label,
+    value = _ref.value,
+    tooltip = _ref.tooltip,
+    helperText = _ref.helperText,
+    errors = _ref.errors,
+    _ref$checked = _ref.checked,
+    checked = _ref$checked === void 0 ? false : _ref$checked,
+    _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 = _objectWithoutProperties(_ref, _excluded);
+  var _React$useState = React.useState(checked),
+    _React$useState2 = _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.createElement(Control, {
+    classname: "aurora-items-start aurora-gap-3"
+  }, /*#__PURE__*/React.createElement(Checkbox, _objectSpread2({
+    id: id,
+    name: name,
+    value: value,
+    checked: checked,
+    onCheckedChange: handleCheckedChange,
+    required: required,
+    disabled: disabled,
+    errors: errors
+  }, rest)), /*#__PURE__*/React.createElement(Stack, {
+    spacing: "0.5",
+    direction: "column"
+  }, label ? (/*#__PURE__*/React.createElement(Label, {
+    htmlFor: id,
+    required: required,
+    disabled: disabled,
+    tooltip: tooltip,
+    className: cn({
+      'aurora-font-semibold': _checked
+    })
+  }, label)) : null, helperText ? /*#__PURE__*/React.createElement(HelperText, {
+    color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
+  }, helperText) : null, errors ? /*#__PURE__*/React.createElement(ErrorList, {
+    errors: errors
+  }) : null));
+};
+export { CheckboxControl };
+//# sourceMappingURL=checkbox_control.js.map

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

@@ -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/esm/packages/aurora/src/components/controls/checkbox_control/checkbox_control_types.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TCheckboxProps } from "../../checkbox/checkbox_types";
+export declare type TCheckboxControlProps = TCheckboxProps & {
+    label?: string | React.ReactNode;
+    tooltip?: string | React.ReactNode;
+    helperText?: string | React.ReactNode;
+    errors?: string | string[];
+};

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

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

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

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"checkbox_control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/checkbox_control/checkbox_control_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAA+B,2CAA2C,CAAC"}

package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.d.ts ADDED Viewed

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

package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js ADDED Viewed

@@ -0,0 +1,56 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
+import { Control } from '../../control/control.js';
+import { ErrorList } from '../../error_list/error_list.js';
+import { HelperText } from '../../helper_text/helper_text.js';
+import { Label } from '../../label/label.js';
+import { ColorPicker } from '../../color_picker/color_picker.js';
+var _excluded = ["label", "tooltip", "required", "id", "name", "errors", "value", "colorVariables", "onChange", "onCancel", "onSave", "onPickShade", "withGradient", "helperText", "disabled"];
+var ColorPickerControl = function ColorPickerControl(_ref) {
+  var label = _ref.label,
+    tooltip = _ref.tooltip,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    id = _ref.id,
+    name = _ref.name,
+    errors = _ref.errors,
+    value = _ref.value,
+    colorVariables = _ref.colorVariables,
+    onChange = _ref.onChange,
+    onCancel = _ref.onCancel,
+    onSave = _ref.onSave,
+    onPickShade = _ref.onPickShade,
+    withGradient = _ref.withGradient,
+    helperText = _ref.helperText,
+    disabled = _ref.disabled,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Control, {
+    classname: "aurora-flex-col"
+  }, label ? (/*#__PURE__*/React.createElement(Label, {
+    htmlFor: id,
+    tooltip: tooltip,
+    required: required
+  }, label)) : null, /*#__PURE__*/React.createElement(ColorPicker, _objectSpread2({
+    id: id,
+    name: name,
+    value: value,
+    colorVariables: colorVariables,
+    errors: errors,
+    onChange: onChange,
+    onCancel: onCancel,
+    onSave: onSave,
+    onPickShade: onPickShade,
+    withGradient: withGradient,
+    disabled: disabled
+  }, rest)), helperText ? /*#__PURE__*/React.createElement(HelperText, {
+    color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
+  }, helperText) : null, errors ? /*#__PURE__*/React.createElement(ErrorList, {
+    errors: errors
+  }) : null);
+};
+ColorPickerControl.displayName = 'ColorPickerControl';
+export { ColorPickerControl };
+//# sourceMappingURL=color_picker_control.js.map

package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js.map ADDED Viewed

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

package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control_types.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import { IColorPickerProps } from "../../color_picker/color_picker_types";
+import React, { HTMLAttributes } from 'react';
+export declare type TColorPickerControlProps = IColorPickerProps & {
+    label?: string | React.ReactNode;
+    helperText?: string | React.ReactNode;
+    tooltip?: string | React.ReactNode;
+    errors?: string | string[];
+    required?: boolean;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;

package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control_types.js ADDED Viewed

@@ -0,0 +1,3 @@
+import '@auroraComponents/color_picker/color_picker_types';
+import 'react';
+//# sourceMappingURL=color_picker_control_types.js.map

package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control_types.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"color_picker_control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/color_picker_control/color_picker_control_types.ts"],"names":[],"mappings":"AAAA,OAAkC,mDAAmD,CAAC;AACtF,OAAsC,OAAO,CAAC"}

package/build/esm/packages/aurora/src/components/controls/controls_group/controls_group.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+import React from 'react';
+import { TControlsGroupProps } from "./controls_group_types";
+export declare const ControlsGroup: ({ children, spacing }: PropsWithChildren<TControlsGroupProps>) => React.JSX.Element;

package/build/esm/packages/aurora/src/components/controls/controls_group/controls_group.js ADDED Viewed

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Stack } from '../../stack/stack.js';
+var ControlsGroup = function ControlsGroup(_ref) {
+  var children = _ref.children,
+    _ref$spacing = _ref.spacing,
+    spacing = _ref$spacing === void 0 ? '4' : _ref$spacing;
+  return /*#__PURE__*/React.createElement(Stack, {
+    spacing: spacing,
+    direction: "column",
+    width: "100%"
+  }, children);
+};
+export { ControlsGroup };
+//# sourceMappingURL=controls_group.js.map

package/build/esm/packages/aurora/src/components/controls/controls_group/controls_group.js.map ADDED Viewed

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

package/build/esm/packages/aurora/src/components/controls/controls_group/controls_group_types.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { TCssSpacingTokens } from "../../../constants/css_tokens/css_tokens_types";
+export declare type TControlsGroupProps = {
+    spacing?: TCssSpacingTokens;
+};

package/build/esm/packages/aurora/src/components/controls/controls_group/controls_group_types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import '@auroraConstants/css_tokens/css_tokens_types';
2	+ //# sourceMappingURL=controls_group_types.js.map

package/build/esm/packages/aurora/src/components/controls/controls_group/controls_group_types.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"controls_group_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/controls_group/controls_group_types.ts"],"names":[],"mappings":"AAAA,OAAkC,8CAA8C,CAAC"}

package/build/esm/packages/aurora/src/components/controls/input_control/input_control.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const InputControl: React.ForwardRefExoticComponent<import("../../input/input_types").TInputProps & {
+    label?: React.ReactNode;
+    helperText?: React.ReactNode;
+    tooltip?: React.ReactNode;
+    errors?: string | string[] | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/build/esm/packages/aurora/src/components/controls/input_control/input_control.js ADDED Viewed

@@ -0,0 +1,63 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
+import { Control } from '../../control/control.js';
+import { ErrorList } from '../../error_list/error_list.js';
+import { HelperText } from '../../helper_text/helper_text.js';
+import { Label } from '../../label/label.js';
+import { Input } from '../../input/input.js';
+var _excluded = ["id", "name", "label", "helperText", "preElement", "postElement", "errors", "disabled", "defaultValue", "value", "placeholder", "readOnly", "type", "required", "tooltip", "onChange", "onKeyDown", "onKeyUp"];
+var InputControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var id = _ref.id,
+    name = _ref.name,
+    label = _ref.label,
+    helperText = _ref.helperText,
+    preElement = _ref.preElement,
+    postElement = _ref.postElement,
+    errors = _ref.errors,
+    disabled = _ref.disabled,
+    defaultValue = _ref.defaultValue,
+    value = _ref.value,
+    placeholder = _ref.placeholder,
+    readOnly = _ref.readOnly,
+    type = _ref.type,
+    required = _ref.required,
+    tooltip = _ref.tooltip,
+    onChange = _ref.onChange,
+    onKeyDown = _ref.onKeyDown,
+    onKeyUp = _ref.onKeyUp,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Control, {
+    classname: "aurora-flex-col"
+  }, label ? (/*#__PURE__*/React.createElement(Label, {
+    htmlFor: id,
+    required: required,
+    tooltip: tooltip,
+    disabled: disabled
+  }, label)) : null, /*#__PURE__*/React.createElement(Input, _objectSpread2({
+    ref: ref,
+    id: id,
+    name: name,
+    value: value,
+    defaultValue: defaultValue,
+    placeholder: placeholder,
+    disabled: disabled,
+    readOnly: readOnly,
+    preElement: preElement,
+    postElement: postElement,
+    errors: errors,
+    type: type,
+    onChange: onChange,
+    onKeyDown: onKeyDown,
+    onKeyUp: onKeyUp
+  }, props)), helperText ? /*#__PURE__*/React.createElement(HelperText, {
+    color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
+  }, helperText) : null, errors ? /*#__PURE__*/React.createElement(ErrorList, {
+    errors: errors
+  }) : null);
+});
+InputControl.displayName = 'InputControl';
+export { InputControl };
+//# sourceMappingURL=input_control.js.map

package/build/esm/packages/aurora/src/components/controls/input_control/input_control.js.map ADDED Viewed

@@ -0,0 +1 @@

package/build/esm/packages/aurora/src/components/controls/input_control/input_control_types.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TInputProps } from "../../input/input_types";
+export declare type TInputControlProps = TInputProps & {
+    label?: string | React.ReactNode;
+    helperText?: string | React.ReactNode;
+    tooltip?: string | React.ReactNode;
+    errors?: string | string[];
+};

package/build/esm/packages/aurora/src/components/controls/input_control/input_control_types.js ADDED Viewed

@@ -0,0 +1,3 @@
+import 'react';
+import '@auroraComponents/input/input_types';
+//# sourceMappingURL=input_control_types.js.map

package/build/esm/packages/aurora/src/components/controls/input_control/input_control_types.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"input_control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/input_control/input_control_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAA4B,qCAAqC,CAAC"}

package/build/esm/packages/aurora/src/components/controls/multiselect_control/multiselect_control.d.ts ADDED Viewed

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