@dreamcommerce/aurora 3.0.0-53 → 3.0.0-55

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

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

package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.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;"}

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

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import { ColorPickerVariable, IColorPickerColor, IColorPickerColorVariables, TGradientType } from '../color_picker_types';
+export declare type ColorPickerHookProps = {
+    initialColor?: string | ColorPickerVariable;
+    onChange?: (color: IColorPickerColor) => void;
+    onCancel?: () => void;
+    onSave?: (color: IColorPickerColor) => void;
+    colorVariables?: IColorPickerColorVariables;
+    withGradient?: boolean;
+};
+declare const useSetupColorPicker: ({ initialColor, onChange, onCancel, onSave, colorVariables, withGradient: isWithGradient }: ColorPickerHookProps) => {
+    color: ColorPickerVariable;
+    previousSolidColor: string | undefined;
+    previousGradientColor: string | undefined;
+    setColor: (newColor: string | ColorPickerVariable) => void;
+    hex: string;
+    hslArr: number[];
+    handleOnChangeAlpha: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    alphaValue: string;
+    rgbaArr: number[];
+    setR: (newR: number) => void;
+    setG: (newG: number) => void;
+    setB: (newB: number) => void;
+    handleCancel: () => void;
+    handleSave: () => void;
+    colorVariables: IColorPickerColorVariables | undefined;
+    isCurrentValueGradient: boolean;
+    setSolid: (value?: string) => void;
+    setRadial: (value?: string) => void;
+    setLinear: (value?: string) => void;
+    gradientType: TGradientType;
+    withGradient: boolean;
+    isColorPickerOpened: boolean;
+    setIsColorPickerOpened: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+};
+export default useSetupColorPicker;

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

@@ -0,0 +1,154 @@
+import { useState, useEffect } from 'react';
+import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { COLOR_PICKER_ALPHA_MAX_VALUE } from '../color_picker_constants.js';
+import { ColorPickerUtils } from '../color_picker_utils.js';
+import isEqual from 'lodash/isEqual';
+import { useColorPicker } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js';
+
+var defaultGradient = 'linear-gradient(90deg, #000000 0%, #FFFFFF 100%)';
+var useSetupColorPicker = function useSetupColorPicker(_ref) {
+  var initialColor = _ref.initialColor,
+    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 initialColorObject = ColorPickerUtils.getColorPickerValue(initialColor);
+  var _useState = useState(initialColorObject),
+    _useState2 = _slicedToArray(_useState, 2),
+    color = _useState2[0],
+    setColorValue = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    previousSolidColor = _useState4[0],
+    setPreviousSolidColor = _useState4[1];
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    previousGradientColor = _useState6[0],
+    setPreviousGradientColor = _useState6[1];
+  var _useState7 = useState(initialColor),
+    _useState8 = _slicedToArray(_useState7, 2),
+    prevInitialColor = _useState8[0],
+    setPrevInitialColor = _useState8[1];
+  var withGradient = isWithGradient || ColorPickerUtils.isGradient(initialColorObject.value);
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    isColorPickerOpened = _useState10[0],
+    setIsColorPickerOpened = _useState10[1];
+  var setColor = function setColor(newColor) {
+    var newColorValue = ColorPickerUtils.getColorPickerValue(newColor);
+    !ColorPickerUtils.isGradient(color.value) ? setPreviousSolidColor(color.value) : setPreviousGradientColor(color.value);
+    setColorValue(function (prevColor) {
+      var _prevColor$value;
+      return {
+        value: newColorValue.value,
+        name: ((_prevColor$value = prevColor.value) !== null && _prevColor$value !== void 0 ? _prevColor$value : prevColor) === newColorValue.value ? prevColor === null || prevColor === void 0 ? void 0 : prevColor.name : typeof newColor === 'string' ? '' : newColor === null || newColor === void 0 ? void 0 : newColor.name
+      };
+    });
+  };
+  useEffect(function () {
+    if (!initialColor) return;
+    if (!isEqual(initialColor, prevInitialColor) && !isColorPickerOpened) {
+      setColor(initialColor);
+      setPrevInitialColor(initialColor);
+    }
+  }, [initialColor]);
+  var _useBestGradientColor = useColorPicker(color.value, 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,
+    getGradientObject = _useBestGradientColor.getGradientObject;
+  var tinyColor = typeof color === 'string' ? ColorPickerUtils.getTinyColorInstance(color) : ColorPickerUtils.getTinyColorInstance(color.value);
+  var hex = ColorPickerUtils.getHexValue(tinyColor);
+  var _useState11 = useState(rgbaArr[3] * 100),
+    _useState12 = _slicedToArray(_useState11, 2),
+    alpha = _useState12[0],
+    setAlpha = _useState12[1];
+  var _useState13 = useState("".concat(alpha)),
+    _useState14 = _slicedToArray(_useState13, 2),
+    alphaValue = _useState14[0],
+    setAlphaValue = _useState14[1];
+  var setSolid = function setSolid(value) {
+    setColor(ColorPickerUtils.getColorPickerValue(value).value);
+  };
+  var setLinear = function setLinear(value) {
+    var gradientColor = value || defaultGradient;
+    if (value && !ColorPickerUtils.isGradient(value)) {
+      setGradient(gradientColor);
+    }
+    var remaining = gradientColor.split(/,(.+)/)[1];
+    setColor("linear-gradient(90deg, ".concat(remaining));
+  };
+  var setRadial = function setRadial(value) {
+    var gradientColor = value || defaultGradient;
+    if (value && !ColorPickerUtils.isGradient(value)) {
+      setGradient(gradientColor);
+    }
+    var remaining = gradientColor.split(/,(.+)/)[1];
+    setColor("radial-gradient(circle, ".concat(remaining));
+  };
+  var setGradient = function setGradient(value) {
+    var gradientColor = value || defaultGradient;
+    setColor(gradientColor);
+  };
+  var handleOnChangeAlpha = function handleOnChangeAlpha(event) {
+    changeAlphaValue(Number(event.target.value));
+  };
+  var changeAlphaValue = function changeAlphaValue(value) {
+    setAlpha(value > COLOR_PICKER_ALPHA_MAX_VALUE ? COLOR_PICKER_ALPHA_MAX_VALUE : value);
+  };
+  useEffect(function () {
+    setA(alpha);
+  }, [alpha]);
+  useEffect(function () {
+    setAlphaValue("".concat(Math.round(rgbaArr[3] * 100)));
+  }, [rgbaArr[3]]);
+  useEffect(function () {
+    var colorObject = ColorPickerUtils.getAllColorTypes(color);
+    var gradientObject = getGradientObject();
+    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, colorObject), {}, {
+      gradient: gradientObject !== null && gradientObject !== void 0 && gradientObject.isGradient ? ColorPickerUtils.getColorPickerGradientValue(gradientObject) : undefined
+    }));
+  }, [color]);
+  var handleCancel = function handleCancel() {
+    setColor(ColorPickerUtils.getColorPickerValue(initialColor));
+    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+  };
+  var handleSave = function handleSave() {
+    onSave === null || onSave === void 0 ? void 0 : onSave(ColorPickerUtils.getAllColorTypes(color));
+  };
+  return {
+    color: color,
+    previousSolidColor: previousSolidColor,
+    previousGradientColor: previousGradientColor,
+    setColor: setColor,
+    hex: hex,
+    hslArr: hslArr,
+    handleOnChangeAlpha: handleOnChangeAlpha,
+    alphaValue: alphaValue,
+    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
+  };
+};
+
+export default useSetupColorPicker;
+//# sourceMappingURL=setup_color_piceker.js.map

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { useContext } from 'react';
+import { ColorPickerContext } from '../color_picker_context.js';
+
+var useColorPicker = function useColorPicker() {
+  return useContext(ColorPickerContext);
+};
+
+export { useColorPicker };
+//# sourceMappingURL=use_color_picker.js.map

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

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

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

@@ -1,10 +1,10 @@
-import React__default from 'react';
+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__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: cn("aurora-flex aurora-gap-1", classname)
   }, children);
 };

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

@@ -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

@@ -0,0 +1,14 @@
+import { Checkbox } from '@auroraComponents/checkbox/checkbox';
+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 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" },
+        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 }))));
+//# sourceMappingURL=checkbox_control.js.map

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

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

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

@@ -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

@@ -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

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

@@ -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

@@ -0,0 +1,48 @@
+import React 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';
+import { Control } from '../../control/control.js';
+import { ColorPickerWithContext } from '../../color_picker/color_picker.js';
+
+var _excluded = ["label", "tooltip", "required", "id", "name", "errors", "initialColor", "colorVariables", "onChange", "onCancel", "onSave", "withGradient"];
+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,
+    initialColor = _ref.initialColor,
+    colorVariables = _ref.colorVariables,
+    onChange = _ref.onChange,
+    onCancel = _ref.onCancel,
+    onSave = _ref.onSave,
+    withGradient = _ref.withGradient,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Control, {
+    classname: "aurora-flex-col"
+  }, label && (/*#__PURE__*/React.createElement(Label, {
+    htmlFor: id,
+    tooltip: tooltip,
+    required: required,
+    className: "aurora-pb-1 aurora-text"
+  }, label)), /*#__PURE__*/React.createElement(ColorPickerWithContext, _objectSpread2({
+    id: id,
+    name: name,
+    initialColor: initialColor,
+    colorVariables: colorVariables,
+    errors: errors,
+    onChange: onChange,
+    onCancel: onCancel,
+    onSave: onSave,
+    withGradient: withGradient
+  }, rest)), errors && /*#__PURE__*/React.createElement(ErrorList, {
+    errors: errors
+  }));
+};
+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

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

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

@@ -0,0 +1,7 @@
+import { IColorPickerProps } from "../../color_picker/color_picker_types";
+import React from 'react';
+export declare type TColorPickerControlProps = IColorPickerProps & {
+    label?: string | React.ReactNode;
+    tooltip?: string | React.ReactNode;
+    required?: boolean;
+};

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

@@ -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

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

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React 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__default.createElement(Control, {
+  return /*#__PURE__*/React.createElement(Control, {
     classname: "aurora-flex-col"
-  }, label && (/*#__PURE__*/React__default.createElement(Label, {
+  }, label && (/*#__PURE__*/React.createElement(Label, {
     htmlFor: id,
     className: "aurora-pb-1 aurora-text"
-  }, label)), /*#__PURE__*/React__default.createElement(Input, _objectSpread2({
+  }, label)), /*#__PURE__*/React.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__default.createElement(HelperText, null, helperText), errors && /*#__PURE__*/React__default.createElement(ErrorList, {
+  }, props)), helperText && /*#__PURE__*/React.createElement(HelperText, null, helperText), errors && /*#__PURE__*/React.createElement(ErrorList, {
     errors: errors
   }));
 };

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React 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__default.createElement(Control, null, /*#__PURE__*/React__default.createElement(Switch, _objectSpread2({
+  return /*#__PURE__*/React.createElement(Control, null, /*#__PURE__*/React.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__default.createElement("div", {
+  }, rest)), /*#__PURE__*/React.createElement("div", {
     className: "aurora-ml-2 aurora-mt-1 aurora-flex aurora-flex-col aurora-gap-1"
-  }, label && (/*#__PURE__*/React__default.createElement(Label, {
+  }, label && (/*#__PURE__*/React.createElement(Label, {
     required: required,
     tooltip: tooltip
-  }, label)), helperText && /*#__PURE__*/React__default.createElement(HelperText, null, helperText), errors && /*#__PURE__*/React__default.createElement(ErrorList, {
+  }, label)), helperText && /*#__PURE__*/React.createElement(HelperText, null, helperText), errors && /*#__PURE__*/React.createElement(ErrorList, {
     errors: errors
   })));
 };

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React 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__default.forwardRef(function (_ref, ref) {
+var Divider = /*#__PURE__*/React.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__default.forwardRef(function (_ref, ref) {
     _ref$decorative = _ref.decorative,
     decorative = _ref$decorative === void 0 ? true : _ref$decorative,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default.createElement(Root, _objectSpread2({
+  return /*#__PURE__*/React.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__default from 'react';
+import React 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__default.forwardRef(function (_ref, ref) {
+var IconButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     variant = _ref.variant,
     size = _ref.size,
@@ -17,7 +17,7 @@ var IconButton = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   var Comp = asChild ? Slot : 'button';
-  return /*#__PURE__*/React__default.createElement(Comp, _objectSpread2({
+  return /*#__PURE__*/React.createElement(Comp, _objectSpread2({
     className: cn(buttonVariants({
       variant: variant,
       size: size,
@@ -26,7 +26,7 @@ var IconButton = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       size: size
     })),
     ref: ref
-  }, props), Icon ? /*#__PURE__*/React__default.createElement(Icon, {
+  }, props), Icon ? /*#__PURE__*/React.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__default from 'react';
+import React 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__default.forwardRef(function (_ref, ref) {
+var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var preElement = _ref.preElement,
     postElement = _ref.postElement,
     errors = _ref.errors,
@@ -23,11 +23,11 @@ var Input = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     onKeyDown = _ref.onKeyDown,
     onKeyUp = _ref.onKeyUp,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.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__default.createElement("div", {
+  }, preElement && /*#__PURE__*/React.createElement("div", {
     className: "aurora-flex aurora-items-center aurora-pointer-events-none"
-  }, preElement), /*#__PURE__*/React__default.createElement("input", _objectSpread2(_objectSpread2({}, props), {}, {
+  }, preElement), /*#__PURE__*/React.createElement("input", _objectSpread2(_objectSpread2({}, props), {}, {
     ref: ref,
     id: id,
     name: name,
@@ -41,7 +41,7 @@ var Input = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     onKeyUp: onKeyUp,
     type: type,
     className: "aurora-w-full focus:aurora-outline-none focus:aurora-shadow-none"
-  })), postElement && /*#__PURE__*/React__default.createElement("div", {
+  })), postElement && /*#__PURE__*/React.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__default from 'react';
+import React 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__default.forwardRef(function (_ref, ref) {
+var LabelContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var tooltip = _ref.tooltip,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default.createElement(Root, _objectSpread2({
+  return /*#__PURE__*/React.createElement(Root, _objectSpread2({
     ref: ref
-  }, props), tooltip ? (/*#__PURE__*/React__default.createElement(Box, {
+  }, props), tooltip ? (/*#__PURE__*/React.createElement(Box, {
     align: "center",
     spacing: "1"
   }, children, tooltip)) : children);

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

@@ -1,7 +1,7 @@
 import { forwardRef, createElement } from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../utilities/cn.js';
-import { Box } from '../box/box.js';
+import { Stack } from '../stack/stack.js';
 import { Tooltip } from '../tooltip/tooltip.js';
 import { TooltipTrigger } from '../tooltip/components/tooltip_trigger.js';
 import { TooltipContent } from '../tooltip/components/tooltip_content.js';
@@ -18,9 +18,10 @@ var Label = /*#__PURE__*/forwardRef(function (_ref, ref) {
     disabled = _ref.disabled,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
-  var content = /*#__PURE__*/createElement(Box, {
+  var content = /*#__PURE__*/createElement(Stack, {
     align: "center",
     spacing: "0.5",
+    inline: true,
     className: cn(labelVariants(), "".concat(disabled ? 'aurora-cursor-not-allowed aurora-text-subtle-light' : '', " ").concat(className))
   }, required && /*#__PURE__*/createElement("span", {
     className: "aurora-text-interactive"

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

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

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

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