@dreamcommerce/aurora 3.1.36-6 → 3.1.36

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

@@ -1,4 +1,4 @@
-import { useRef, useState, useCallback, useEffect } from 'react';
+import { useMemo, useRef, useState, useCallback } 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';
@@ -16,7 +16,6 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
     isWithGradient = _ref$withGradient === void 0 ? false : _ref$withGradient;
   var colorValue = ColorPickerUtils.normalizeLinearGradient(value || COLOR_PICKER_INITIAL_STATE);
   var currentSelectedVariable = colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.selectedVariable;
-  var colorValueRef = useRef(colorValue);
   var savedColorRef = useRef({
     value: colorValue,
     name: currentSelectedVariable || ''
@@ -34,26 +33,13 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
     _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 inputRef = useRef(null);
   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] : '';
-    var variableName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
-    setShadeName(shadeName);
+    var variableName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
     !ColorPickerUtils.isGradient(colorValue) ? setPreviousSolidColor(colorValue) : setPreviousGradientColor(colorValue);
     var isGradient = ColorPickerUtils.isGradient(newColor);
     var newColorVar = {
@@ -66,16 +52,10 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
       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]);
+  }, [colorValue, onChange]);
   var _useBestGradientColor = useColorPicker(colorValue, setColor),
     hslArr = _useBestGradientColor.hslArr,
     rgbaArr = _useBestGradientColor.rgbaArr,
@@ -88,31 +68,31 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
   var tinyColor = ColorPickerUtils.getTinyColorInstance(colorValue);
   var hex = ColorPickerUtils.getHexValue(tinyColor);
   var alpha = rgbaArr[3] * 100;
-  var setSolid = function setSolid(value) {
+  var setSolid = useCallback(function (value) {
     setColor(value || COLOR_PICKER_INITIAL_STATE);
-  };
-  var setLinear = function setLinear(value) {
+  }, [setColor]);
+  var setLinear = useCallback(function (value) {
     var gradientColor = value || defaultGradient;
     var remaining = gradientColor.split(/,(.+)/)[1];
     setColor("linear-gradient(".concat(savedDegRef.current + 'deg', ", ").concat(remaining));
-  };
-  var setRadial = function setRadial(value) {
+  }, [setColor]);
+  var setRadial = useCallback(function (value) {
     var gradientColor = value || defaultGradient;
     var remaining = gradientColor.split(/,(.+)/)[1];
     setColor("radial-gradient(circle, ".concat(remaining));
-  };
-  var handleOnChangeAlpha = function handleOnChangeAlpha(value) {
+  }, [setColor]);
+  var handleOnChangeAlpha = useCallback(function (value) {
     var val = Math.min(value, COLOR_PICKER_ALPHA_MAX_VALUE);
     setA(val);
-  };
-  var handleCancel = function handleCancel() {
+  }, [setA]);
+  var handleCancel = useCallback(function () {
     var _savedColorRef$curren = savedColorRef.current,
       value = _savedColorRef$curren.value,
       name = _savedColorRef$curren.name;
-    setColor(value, '', name || '');
+    setColor(value, name || '');
     onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-  };
-  var handleSave = function handleSave() {
+  }, [onCancel, setColor]);
+  var handleSave = useCallback(function () {
     var newColorVar = {
       value: colorValue,
       name: variables && ColorPickerUtils.findVariable(variables, colorValue) || currentSelectedVariable || ''
@@ -122,39 +102,45 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
       name: newColorVar.name
     };
     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,
-    currentSelectedVariable: currentSelectedVariable
-  };
+  }, [colorValue, currentSelectedVariable, onSave, variables]);
+  var setInputRef = useCallback(function (input) {
+    inputRef.current = input;
+  }, []);
+  var blurInput = useCallback(function () {
+    var _inputRef$current;
+    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.blur();
+  }, []);
+  return useMemo(function () {
+    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,
+      degrees: degrees,
+      currentSelectedVariable: currentSelectedVariable,
+      setInputRef: setInputRef,
+      blurInput: blurInput
+    };
+  }, [alpha, colorValue, colorVariables, currentSelectedVariable, degrees, gradientType, handleCancel, handleOnChangeAlpha, handleSave, hex, hslArr, isColorPickerOpened, isGradient, previousGradientColor, previousSolidColor, rgbaArr, setB, setColor, setG, setLinear, setR, setRadial, setSolid, withGradient, setInputRef, blurInput]);
 };
 
 export default useSetupColorPicker;

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

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

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

@@ -1,38 +1,13 @@
-import React__default from 'react';
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.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 { DatePicker } from '../../date_picker/date_picker.js';
-
-var _excluded = ["id", "label", "helperText", "tooltip", "required", "errors", "disabled"];
-var DatePickerControl = function DatePickerControl(_ref) {
-  var id = _ref.id,
-    label = _ref.label,
-    helperText = _ref.helperText,
-    tooltip = _ref.tooltip,
-    required = _ref.required,
-    errors = _ref.errors,
-    disabled = _ref.disabled,
-    datePickerProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default.createElement(Control, {
-    classname: "aurora-flex-col"
-  }, label ? (/*#__PURE__*/React__default.createElement(Label, {
-    htmlFor: id,
-    disabled: disabled,
-    tooltip: tooltip,
-    className: "aurora-text",
-    required: required
-  }, label)) : null, /*#__PURE__*/React__default.createElement(DatePicker, _objectSpread2(_objectSpread2({
-    id: id,
-    disabled: disabled
-  }, datePickerProps), {}, {
-    errors: errors
-  })), helperText ? /*#__PURE__*/React__default.createElement(HelperText, null, helperText) : null, errors ? /*#__PURE__*/React__default.createElement(ErrorList, {
-    errors: errors
-  }) : null);
-};
-
-export { DatePickerControl };
-//# sourceMappingURL=date_picker_control.js.map
+import React from 'react';
+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 { DatePicker } from '@auroraComponents/date_picker/date_picker';
+import './date_picker_control_types';
+export const DatePickerControl = ({ id, label, helperText, tooltip, required, errors, disabled, ...datePickerProps }) => (React.createElement(Control, { classname: "aurora-flex-col" },
+    label ? (React.createElement(Label, { htmlFor: id, disabled: disabled, tooltip: tooltip, className: "aurora-text", required: required }, label)) : null,
+    React.createElement(DatePicker, { id: id, disabled: disabled, ...datePickerProps, errors: errors }),
+    helperText ? React.createElement(HelperText, null, helperText) : null,
+    errors ? React.createElement(ErrorList, { errors: errors }) : null));
+//# sourceMappingURL=date_picker_control.js.map

package/build/esm/packages/aurora/src/components/controls/date_picker_control/date_picker_control.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;"}
+{"version":3,"file":"date_picker_control.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/date_picker_control/date_picker_control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAwC,6BAA6B,CAAC;AAEtE,MAAM,CAAC,MAAM,iBAAiB,GAAsC,CAAC,EACjE,EAAE,EACF,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,GAAG,eAAe,EACrB,EAAE,EAAE,CAAC,CACF,oBAAC,OAAO,IAAC,SAAS,EAAC,iBAAiB;IAC/B,KAAK,CAAC,CAAC,CAAC,CACL,oBAAC,KAAK,IAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,aAAa,EAAC,QAAQ,EAAE,QAAQ,IAC/F,KAAK,CACF,CACX,CAAC,CAAC,CAAC,IAAI;IAER,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,KAAM,eAAe,EAAE,MAAM,EAAE,MAAM,GAAI;IAE9E,UAAU,CAAC,CAAC,CAAC,oBAAC,UAAU,QAAE,UAAU,CAAc,CAAC,CAAC,CAAC,IAAI;IACzD,MAAM,CAAC,CAAC,CAAC,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,IAAI,CACxC,CACb,CAAC"}

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

@@ -1,38 +1,13 @@
-import React__default from 'react';
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.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 { TimePicker } from '../../time_picker/time_picker.js';
-
-var _excluded = ["id", "label", "helperText", "tooltip", "required", "errors", "disabled"];
-var TimePickerControl = function TimePickerControl(_ref) {
-  var id = _ref.id,
-    label = _ref.label,
-    helperText = _ref.helperText,
-    tooltip = _ref.tooltip,
-    required = _ref.required,
-    errors = _ref.errors,
-    disabled = _ref.disabled,
-    timePickerProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default.createElement(Control, {
-    classname: "aurora-flex-col"
-  }, label ? (/*#__PURE__*/React__default.createElement(Label, {
-    htmlFor: id,
-    disabled: disabled,
-    tooltip: tooltip,
-    className: "aurora-text",
-    required: required
-  }, label)) : null, /*#__PURE__*/React__default.createElement(TimePicker, _objectSpread2(_objectSpread2({
-    id: id,
-    disabled: disabled
-  }, timePickerProps), {}, {
-    errors: errors
-  })), helperText ? /*#__PURE__*/React__default.createElement(HelperText, null, helperText) : null, errors ? /*#__PURE__*/React__default.createElement(ErrorList, {
-    errors: errors
-  }) : null);
-};
-
-export { TimePickerControl };
-//# sourceMappingURL=time_picker_control.js.map
+import React from 'react';
+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 { TimePicker } from '@auroraComponents/time_picker/time_picker';
+import './time_picker_control_types';
+export const TimePickerControl = ({ id, label, helperText, tooltip, required, errors, disabled, ...timePickerProps }) => (React.createElement(Control, { classname: "aurora-flex-col" },
+    label ? (React.createElement(Label, { htmlFor: id, disabled: disabled, tooltip: tooltip, className: "aurora-text", required: required }, label)) : null,
+    React.createElement(TimePicker, { id: id, disabled: disabled, ...timePickerProps, errors: errors }),
+    helperText ? React.createElement(HelperText, null, helperText) : null,
+    errors ? React.createElement(ErrorList, { errors: errors }) : null));
+//# sourceMappingURL=time_picker_control.js.map

package/build/esm/packages/aurora/src/components/controls/time_picker_control/time_picker_control.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;"}
+{"version":3,"file":"time_picker_control.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/time_picker_control/time_picker_control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAwC,6BAA6B,CAAC;AAEtE,MAAM,CAAC,MAAM,iBAAiB,GAAsC,CAAC,EACjE,EAAE,EACF,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,GAAG,eAAe,EACrB,EAAE,EAAE,CAAC,CACF,oBAAC,OAAO,IAAC,SAAS,EAAC,iBAAiB;IAC/B,KAAK,CAAC,CAAC,CAAC,CACL,oBAAC,KAAK,IAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,aAAa,EAAC,QAAQ,EAAE,QAAQ,IAC/F,KAAK,CACF,CACX,CAAC,CAAC,CAAC,IAAI;IAER,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,KAAM,eAAe,EAAE,MAAM,EAAE,MAAM,GAAI;IAE9E,UAAU,CAAC,CAAC,CAAC,oBAAC,UAAU,QAAE,UAAU,CAAc,CAAC,CAAC,CAAC,IAAI;IACzD,MAAM,CAAC,CAAC,CAAC,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,IAAI,CACxC,CACb,CAAC"}

package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_content.js

@@ -1,22 +1,14 @@
-import React__default from 'react';
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { PopoverContent } from '../../popover/components/popover_content.js';
-import { Calendar } from '../../calendar/calendar.js';
-
-var _excluded = ["mode", "selected", "onSelect"];
-var DatePickerContent = function DatePickerContent(_ref) {
-  var _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? 'single' : _ref$mode,
-    selected = _ref.selected,
-    onSelect = _ref.onSelect,
-    dayPickerProps = _objectWithoutProperties(_ref, _excluded);
-  var calendarProps = _objectSpread2({
-    mode: mode,
-    selected: selected,
-    onSelect: onSelect
-  }, dayPickerProps);
-  return /*#__PURE__*/React__default.createElement(PopoverContent, null, /*#__PURE__*/React__default.createElement(Calendar, _objectSpread2({}, calendarProps)));
+import React from 'react';
+import { PopoverContent } from '../../popover/components/popover_content';
+import { Calendar } from '../../calendar/calendar';
+export const DatePickerContent = ({ mode = 'single', selected, onSelect, ...dayPickerProps }) => {
+    const calendarProps = {
+        mode,
+        selected,
+        onSelect,
+        ...dayPickerProps
+    };
+    return (React.createElement(PopoverContent, null,
+        React.createElement(Calendar, { ...calendarProps })));
 };
-
-export { DatePickerContent };
-//# sourceMappingURL=date_picker_content.js.map
+//# sourceMappingURL=date_picker_content.js.map

package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_content.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;"}
+{"version":3,"file":"date_picker_content.js","sourceRoot":"","sources":["../../../../../../../../src/components/date_picker/components/date_picker_content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAInD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,IAAI,GAAG,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,cAAc,EAA0B,EAAE,EAAE;IACpH,MAAM,aAAa,GAAkB;QACjC,IAAI;QACJ,QAAQ;QACR,QAAQ;QACR,GAAG,cAAc;KACH,CAAC;IAEnB,OAAO,CACH,oBAAC,cAAc;QACX,oBAAC,QAAQ,OAAK,aAAa,GAAI,CAClB,CACpB,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_input.js

@@ -1,29 +1,9 @@
-import React__default from 'react';
-import { Input } from '../../input/input.js';
-import { CalendarEventFillIcon } from '../../../assets/icons/calendar_event_fill.js';
-
-var DatePickerInput = function DatePickerInput(_ref) {
-  var id = _ref.id,
-    value = _ref.value,
-    placeholder = _ref.placeholder,
-    disabled = _ref.disabled,
-    errors = _ref.errors;
-  return /*#__PURE__*/React__default.createElement(Input, {
-    id: id,
-    value: value,
-    errors: errors,
-    readOnly: true,
-    disabled: disabled,
-    placeholder: placeholder,
-    hasCursorPointer: true,
-    postElement: /*#__PURE__*/React__default.createElement("div", {
-      className: "aurora-flex aurora-h-full aurora-items-center aurora-cursor-pointer aurora-border-0 aurora-bg-transparent aurora-p-1 aurora-rounded-4 focus:aurora-outline-primary-hover"
-    }, /*#__PURE__*/React__default.createElement(CalendarEventFillIcon, {
-      size: 14,
-      className: "aurora-text"
-    }))
-  });
+import React from 'react';
+import { Input } from '../../input/input';
+import { CalendarEventFillIcon } from '@auroraAssets/icons/calendar_event_fill';
+import '@auroraComponents/input/input_types';
+export const DatePickerInput = ({ id, value, placeholder, disabled, errors }) => {
+    return (React.createElement(Input, { id: id, value: value, errors: errors, readOnly: true, disabled: disabled, placeholder: placeholder, hasCursorPointer: true, postElement: React.createElement("div", { className: "aurora-flex aurora-h-full aurora-items-center aurora-cursor-pointer aurora-border-0 aurora-bg-transparent aurora-p-1 aurora-rounded-4 focus:aurora-outline-primary-hover" },
+            React.createElement(CalendarEventFillIcon, { size: 14, className: "aurora-text" })) }));
 };
-
-export { DatePickerInput };
-//# sourceMappingURL=date_picker_input.js.map
+//# sourceMappingURL=date_picker_input.js.map

package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_input.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":"date_picker_input.js","sourceRoot":"","sources":["../../../../../../../../src/components/date_picker/components/date_picker_input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAA4B,qCAAqC,CAAC;AAIlE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAwB,EAAE,EAAE;IAClG,OAAO,CACH,oBAAC,KAAK,IACF,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,QACR,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,gBAAgB,QAChB,WAAW,EACP,6BAAK,SAAS,EAAC,0KAA0K;YACrL,oBAAC,qBAAqB,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,aAAa,GAAG,CACzD,GAEZ,CACL,CAAC;AACN,CAAC,CAAC"}

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

@@ -1,60 +1,29 @@
-import React__default, { useState, useMemo } from 'react';
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { cn } from '../../utilities/cn.js';
-import { Popover } from '../popover/popover.js';
-import { PopoverTrigger } from '../popover/components/popover_trigger.js';
-import { DatePickerInput } from './components/date_picker_input.js';
-import { DatePickerContent } from './components/date_picker_content.js';
-import { DatePickerUtils } from './date_picker_utils.js';
-
-var _excluded = ["id", "mode", "placeholder", "disabled", "errors", "value", "onChange", "disabledDays"];
-var DatePicker = function DatePicker(_ref) {
-  var id = _ref.id,
-    _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? 'single' : _ref$mode,
-    placeholder = _ref.placeholder,
-    disabled = _ref.disabled,
-    errors = _ref.errors,
-    value = _ref.value,
-    onChange = _ref.onChange,
-    disabledDays = _ref.disabledDays,
-    dayPickerProps = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  var selectedDates = useMemo(function () {
-    return value;
-  }, [value]);
-  var displayValue = useMemo(function () {
-    if (!selectedDates) return '';
-    return DatePickerUtils.inputFormatValue(selectedDates, mode);
-  }, [selectedDates, mode]);
-  var handleDateSelect = function handleDateSelect(selected) {
-    onChange === null || onChange === void 0 ? void 0 : onChange(selected);
-    if (mode === 'single') {
-      setOpen(false);
-    }
-  };
-  return /*#__PURE__*/React__default.createElement(Popover, {
-    open: open,
-    onOpenChange: setOpen
-  }, /*#__PURE__*/React__default.createElement(PopoverTrigger, {
-    className: cn('aurora-w-full', disabled && 'aurora-cursor-not-allowed'),
-    disabled: disabled
-  }, /*#__PURE__*/React__default.createElement(DatePickerInput, {
-    id: id,
-    value: displayValue,
-    placeholder: placeholder,
-    disabled: disabled,
-    errors: errors
-  })), /*#__PURE__*/React__default.createElement(DatePickerContent, _objectSpread2({
-    mode: mode,
-    selected: selectedDates,
-    onSelect: handleDateSelect,
-    disabled: disabledDays
-  }, dayPickerProps)));
+import React, { useState, useMemo } from 'react';
+import { Popover } from '../popover/popover';
+import { PopoverTrigger } from '../popover/components/popover_trigger';
+import { DatePickerInput } from './components/date_picker_input';
+import { DatePickerContent } from './components/date_picker_content';
+import { DatePickerUtils } from './date_picker_utils';
+import { cn } from '@auroraUtilities/cn';
+export const DatePicker = ({ id, mode = 'single', placeholder, disabled, errors, value, onChange, disabledDays, ...dayPickerProps }) => {
+    const [open, setOpen] = useState(false);
+    const selectedDates = useMemo(() => {
+        return value;
+    }, [value]);
+    const displayValue = useMemo(() => {
+        if (!selectedDates)
+            return '';
+        return DatePickerUtils.inputFormatValue(selectedDates, mode);
+    }, [selectedDates, mode]);
+    const handleDateSelect = (selected) => {
+        onChange?.(selected);
+        if (mode === 'single') {
+            setOpen(false);
+        }
+    };
+    return (React.createElement(Popover, { open: open, onOpenChange: setOpen },
+        React.createElement(PopoverTrigger, { className: cn('aurora-w-full', disabled && 'aurora-cursor-not-allowed'), disabled: disabled },
+            React.createElement(DatePickerInput, { id: id, value: displayValue, placeholder: placeholder, disabled: disabled, errors: errors })),
+        React.createElement(DatePickerContent, { mode: mode, selected: selectedDates, onSelect: handleDateSelect, disabled: disabledDays, ...dayPickerProps })));
 };
-
-export { DatePicker };
-//# sourceMappingURL=date_picker.js.map
+//# sourceMappingURL=date_picker.js.map

package/build/esm/packages/aurora/src/components/date_picker/date_picker.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"date_picker.js","sourceRoot":"","sources":["../../../../../../../src/components/date_picker/date_picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAGzC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACvB,EAAE,EACF,IAAI,GAAG,QAAQ,EACf,WAAW,EACX,QAAQ,EACR,MAAM,EACN,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,GAAG,cAAc,EACH,EAAE,EAAE;IAClB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEjD,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,OAAO,KAAK,CAAC;IACjB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,CAAC,aAAa;YAAE,OAAO,EAAE,CAAC;QAC9B,OAAO,eAAe,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;IACjE,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC;IAE1B,MAAM,gBAAgB,GAAG,CAAC,QAAiC,EAAE,EAAE;QAC3D,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC;QAErB,IAAI,IAAI,KAAK,QAAQ,EAAE;YACnB,OAAO,CAAC,KAAK,CAAC,CAAC;SAClB;IACL,CAAC,CAAC;IAEF,OAAO,CACH,oBAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO;QACtC,oBAAC,cAAc,IAAC,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,QAAQ,IAAI,2BAA2B,CAAC,EAAE,QAAQ,EAAE,QAAQ;YACvG,oBAAC,eAAe,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAI,CACjG;QAEjB,oBAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,EAAE,YAAY,KAAM,cAAc,GAAI,CAC5H,CACb,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/components/date_picker/date_picker_utils.js

@@ -1,31 +1,25 @@
-import { createClass as _createClass, classCallCheck as _classCallCheck, defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import 'react-day-picker';
-
-var DatePickerUtils = /*#__PURE__*/_createClass(function DatePickerUtils() {
-  _classCallCheck(this, DatePickerUtils);
-});
-_defineProperty(DatePickerUtils, "inputFormatValue", function (selected, mode) {
-  if (!selected) return '';
-  if (mode === 'single') {
-    return selected.toLocaleDateString();
-  }
-  if (mode === 'multiple') {
-    var dates = selected;
-    return dates.length > 0 ? dates.map(function (date) {
-      return date.toLocaleDateString();
-    }).join(', ') : '';
-  }
-  if (mode === 'range') {
-    var range = selected;
-    if (range.from && range.to) {
-      return "".concat(range.from.toLocaleDateString(), " - ").concat(range.to.toLocaleDateString());
-    }
-    if (range.from) {
-      return "From: ".concat(range.from.toLocaleDateString());
-    }
-  }
-  return '';
-});
-
-export { DatePickerUtils };
-//# sourceMappingURL=date_picker_utils.js.map
+export class DatePickerUtils {
+    static inputFormatValue = (selected, mode) => {
+        if (!selected)
+            return '';
+        if (mode === 'single') {
+            return selected.toLocaleDateString();
+        }
+        if (mode === 'multiple') {
+            const dates = selected;
+            return dates.length > 0 ? dates.map((date) => date.toLocaleDateString()).join(', ') : '';
+        }
+        if (mode === 'range') {
+            const range = selected;
+            if (range.from && range.to) {
+                return `${range.from.toLocaleDateString()} - ${range.to.toLocaleDateString()}`;
+            }
+            if (range.from) {
+                return `From: ${range.from.toLocaleDateString()}`;
+            }
+        }
+        return '';
+    };
+}
+//# sourceMappingURL=date_picker_utils.js.map

package/build/esm/packages/aurora/src/components/date_picker/date_picker_utils.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;"}
+{"version":3,"file":"date_picker_utils.js","sourceRoot":"","sources":["../../../../../../../src/components/date_picker/date_picker_utils.ts"],"names":[],"mappings":"AAAA,OAAqC,kBAAkB,CAAC;AAGxD,MAAM,OAAO,eAAe;IACjB,MAAM,CAAC,gBAAgB,GAAG,CAAC,QAAiC,EAAE,IAAU,EAAU,EAAE;QACvF,IAAI,CAAC,QAAQ;YAAE,OAAO,EAAE,CAAC;QAEzB,IAAI,IAAI,KAAK,QAAQ,EAAE;YACnB,OAAQ,QAAiB,CAAC,kBAAkB,EAAE,CAAC;SAClD;QAED,IAAI,IAAI,KAAK,UAAU,EAAE;YACrB,MAAM,KAAK,GAAG,QAAkB,CAAC;YACjC,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;SAC5F;QAED,IAAI,IAAI,KAAK,OAAO,EAAE;YAClB,MAAM,KAAK,GAAG,QAAqB,CAAC;YACpC,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,EAAE,EAAE;gBACxB,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,kBAAkB,EAAE,MAAM,KAAK,CAAC,EAAE,CAAC,kBAAkB,EAAE,EAAE,CAAC;aAClF;YACD,IAAI,KAAK,CAAC,IAAI,EAAE;gBACZ,OAAO,SAAS,KAAK,CAAC,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC;aACrD;SACJ;QAED,OAAO,EAAE,CAAC;IACd,CAAC,CAAC"}

package/build/esm/packages/aurora/src/components/input/input_types.d.ts

@@ -6,4 +6,6 @@ export interface TInputProps extends React.InputHTMLAttributes<HTMLInputElement>
     postElement?: React.ReactNode;
     errors?: string | string[];
     hasCursorPointer?: boolean;
+    colorName?: string;
+    primary?: boolean;
 }

package/build/esm/packages/aurora/src/components/select/components/select_item.js

@@ -13,7 +13,7 @@ var SelectItem = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     additionalInfo = _ref.additionalInfo,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default.createElement(Item, _objectSpread2(_objectSpread2({
-    className: cn('aurora-relative aurora-flex aurora-w-full aurora-rounded-6 aurora-cursor-default aurora-select-none aurora-items-center aurora-rounded-sm aurora-py-1.5 aurora-pl-9 aurora-pr-8 aurora-text-s aurora-outline-none aurora-break-words aurora-text-wrap focus:aurora-text-accent-foreground data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 hover:aurora-bg-hover data-[highlighted]:aurora-bg-hover data-[state=checked]:aurora-font-semibold', {
+    className: cn('aurora-relative aurora-flex aurora-w-full aurora-rounded-6 aurora-cursor-default aurora-select-none aurora-items-center aurora-rounded-sm aurora-py-1.5 aurora-pl-9 aurora-pr-8 aurora-text-s aurora-outline-none aurora-break-words aurora-text-wrap focus:aurora-text-accent-foreground data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 hover:aurora-bg-hover data-[state=checked]:aurora-font-semibold', {
       'aurora-cursor-pointer active:aurora-bg-active': !isDisabled && !isReadonly
     }, className),
     style: {

package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_content.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { TimePickerContentProps } from '../time_picker_types';
-export declare const TimePickerContent: ({ hour, minute, onHourChange, onMinuteChange, onCancel, onChoose }: TimePickerContentProps) => React.JSX.Element;
+export declare const TimePickerContent: ({ hour, minute, onHourChange, onMinuteChange, onCancel, onChoose, format }: TimePickerContentProps) => React.JSX.Element;