@sunggang/ui-lib 0.3.26 → 0.3.28

package/BaseCkeditor.esm.js

@@ -14,8 +14,6 @@ import 'date-fns/locale/index.js';
 import '@radix-ui/react-popover';
 import 'react-date-range';
 import 'react-date-range/dist/locale/index.js';
-import 'date-fns/addDays/index.js';
-import 'date-fns/format/index.js';
 import '@emotion/react';
 import 'react-dom';
 import '@mui/material';

package/index.esm.css

@@ -1006,9 +1006,6 @@ video {
 .w-4 {
   width: 1rem;
 }
-.w-48 {
-  width: 12rem;
-}
 .w-5 {
   width: 1.25rem;
 }

package/index.esm.js

@@ -14,8 +14,6 @@ import 'date-fns/locale/index.js';
 import '@radix-ui/react-popover';
 import 'react-date-range';
 import 'react-date-range/dist/locale/index.js';
-import 'date-fns/addDays/index.js';
-import 'date-fns/format/index.js';
 import '@emotion/react';
 import 'react-dom';
 import '@mui/material';

package/index.esm2.js

@@ -5,7 +5,7 @@ import { Icon } from '@iconify/react';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 import clsx$1, { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { format } from 'date-fns';
+import { format, addDays } from 'date-fns';
 import { Calendar as Calendar$3, ChevronDown } from 'lucide-react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
@@ -14,8 +14,6 @@ import { zhTW } from 'date-fns/locale/index.js';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { Calendar as Calendar$4, DateRange } from 'react-date-range';
 import * as locales from 'react-date-range/dist/locale/index.js';
-import addDays from 'date-fns/addDays/index.js';
-import format$1 from 'date-fns/format/index.js';
 import { keyframes, jsx as jsx$1, css as css$2 } from '@emotion/react';
 import ReactDOM, { createPortal, unstable_batchedUpdates } from 'react-dom';
 import { Checkbox, RadioGroup, FormControlLabel, Radio } from '@mui/material';
@@ -2378,6 +2376,7 @@ var getProxyFormState = function(formState, control, localProxyFormState) {
     for(var key in formState)_loop(key);
     return result;
 };
+var useIsomorphicLayoutEffect$1 = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
 /**
  * This custom hook allows you to subscribe to each form state, and isolate the re-render at the custom hook level. It has its scope in terms of form state subscription, so it would not affect other useFormState and useForm. Using this hook can reduce the re-render impact on large and complex form application.
  *
@@ -2410,7 +2409,7 @@ var getProxyFormState = function(formState, control, localProxyFormState) {
  */ function useFormState(props) {
     var methods = useFormContext();
     var _ref = props || {}, _ref_control = _ref.control, control = _ref_control === void 0 ? methods.control : _ref_control, disabled = _ref.disabled, name = _ref.name, exact = _ref.exact;
-    var _React_useState = _sliced_to_array$g(React__default.useState(control._formState), 2), formState = _React_useState[0], updateFormState = _React_useState[1];
+    var _React__default_useState = _sliced_to_array$g(React__default.useState(control._formState), 2), formState = _React__default_useState[0], updateFormState = _React__default_useState[1];
     var _localProxyFormState = React__default.useRef({
         isDirty: false,
         isLoading: false,
@@ -2421,11 +2420,9 @@ var getProxyFormState = function(formState, control, localProxyFormState) {
         isValid: false,
         errors: false
     });
-    var _name = React__default.useRef(name);
-    _name.current = name;
-    React__default.useEffect(function() {
+    useIsomorphicLayoutEffect$1(function() {
         return control._subscribe({
-            name: _name.current,
+            name: name,
             formState: _localProxyFormState.current,
             exact: exact,
             callback: function(formState) {
@@ -2433,7 +2430,7 @@ var getProxyFormState = function(formState, control, localProxyFormState) {
             }
         });
     }, [
-        control,
+        name,
         disabled,
         exact
     ]);
@@ -2483,26 +2480,25 @@ var generateWatchOutput = function(names, _names, formValues, isGlobal, defaultV
  */ function useWatch(props) {
     var methods = useFormContext();
     var _ref = props || {}, _ref_control = _ref.control, control = _ref_control === void 0 ? methods.control : _ref_control, name = _ref.name, defaultValue = _ref.defaultValue, disabled = _ref.disabled, exact = _ref.exact;
-    var _name = React__default.useRef(name);
     var _defaultValue = React__default.useRef(defaultValue);
-    _name.current = name;
-    React__default.useEffect(function() {
+    var _React__default_useState = _sliced_to_array$g(React__default.useState(control._getWatch(name, _defaultValue.current)), 2), value1 = _React__default_useState[0], updateValue = _React__default_useState[1];
+    useIsomorphicLayoutEffect$1(function() {
         return control._subscribe({
-            name: _name.current,
+            name: name,
             formState: {
                 values: true
             },
             exact: exact,
             callback: function(formState) {
-                return !disabled && updateValue(generateWatchOutput(_name.current, control._names, formState.values || control._formValues, false, _defaultValue.current));
+                return !disabled && updateValue(generateWatchOutput(name, control._names, formState.values || control._formValues, false, _defaultValue.current));
             }
         });
     }, [
+        name,
         control,
         disabled,
         exact
     ]);
-    var _React_useState = _sliced_to_array$g(React__default.useState(control._getWatch(name, defaultValue)), 2), value1 = _React_useState[0], updateValue = _React_useState[1];
     React__default.useEffect(function() {
         return control._removeUnmounted();
     });
@@ -3440,6 +3436,7 @@ function createFormControl() {
     var _formState = {
         submitCount: 0,
         isDirty: false,
+        isReady: false,
         isLoading: isFunction$5(_options.defaultValues),
         isValidating: false,
         isSubmitted: false,
@@ -3453,7 +3450,7 @@ function createFormControl() {
         disabled: _options.disabled || false
     };
     var _fields = {};
-    var _defaultValues = isObject$a(_options.defaultValues) || isObject$a(_options.values) ? cloneObject(_options.values || _options.defaultValues) || {} : {};
+    var _defaultValues = isObject$a(_options.defaultValues) || isObject$a(_options.values) ? cloneObject(_options.defaultValues || _options.values) || {} : {};
     var _formValues = _options.shouldUnregister ? {} : cloneObject(_defaultValues);
     var _state = {
         action: false,
@@ -3483,8 +3480,6 @@ function createFormControl() {
         array: createSubject(),
         state: createSubject()
     };
-    var validationModeBeforeSubmit = getValidationModes(_options.mode);
-    var validationModeAfterSubmit = getValidationModes(_options.reValidateMode);
     var shouldDisplayAllAssociatedErrors = _options.criteriaMode === VALIDATION_MODE.all;
     var debounce = function(callback) {
         return function(wait) {
@@ -3883,11 +3878,17 @@ function createFormControl() {
                     });
                 } else if (fieldReference.refs) {
                     if (isCheckBoxInput(fieldReference.ref)) {
-                        fieldReference.refs.length > 1 ? fieldReference.refs.forEach(function(checkboxRef) {
-                            return (!checkboxRef.defaultChecked || !checkboxRef.disabled) && (checkboxRef.checked = Array.isArray(fieldValue) ? !!fieldValue.find(function(data) {
-                                return data === checkboxRef.value;
-                            }) : fieldValue === checkboxRef.value);
-                        }) : fieldReference.refs[0] && (fieldReference.refs[0].checked = !!fieldValue);
+                        fieldReference.refs.forEach(function(checkboxRef) {
+                            if (!checkboxRef.defaultChecked || !checkboxRef.disabled) {
+                                if (Array.isArray(fieldValue)) {
+                                    checkboxRef.checked = !!fieldValue.find(function(data) {
+                                        return data === checkboxRef.value;
+                                    });
+                                } else {
+                                    checkboxRef.checked = fieldValue === checkboxRef.value || !!fieldValue;
+                                }
+                            }
+                        });
                     } else {
                         fieldReference.refs.forEach(function(radioRef) {
                             return radioRef.checked = radioRef.value === fieldValue;
@@ -3911,6 +3912,9 @@ function createFormControl() {
     };
     var setValues = function(name, value1, options) {
         for(var fieldKey in value1){
+            if (!value1.hasOwnProperty(fieldKey)) {
+                return;
+            }
             var fieldValue = value1[fieldKey];
             var fieldName = "".concat(name, ".").concat(fieldKey);
             var field = get$2(_fields, fieldName);
@@ -3946,7 +3950,7 @@ function createFormControl() {
     };
     var onChange = function() {
         var _ref = _async_to_generator$3(function(event) {
-            var target, name, isFieldValueUpdated, field, _updateIsFieldValueUpdated, error, isValid, fieldValue, isBlurEvent, shouldSkipValidation, watched, fieldState, shouldRender, errors, previousErrorLookupResult, errorLookupResult;
+            var target, name, isFieldValueUpdated, field, _updateIsFieldValueUpdated, validationModeBeforeSubmit, validationModeAfterSubmit, error, isValid, fieldValue, isBlurEvent, shouldSkipValidation, watched, fieldState, shouldRender, errors, previousErrorLookupResult, errorLookupResult;
             return _ts_generator$3(this, function(_state1) {
                 switch(_state1.label){
                     case 0:
@@ -3958,6 +3962,8 @@ function createFormControl() {
                         _updateIsFieldValueUpdated = function(fieldValue) {
                             isFieldValueUpdated = Number.isNaN(fieldValue) || isDateObject(fieldValue) && isNaN(fieldValue.getTime()) || deepEqual(fieldValue, get$2(_formValues, name, fieldValue));
                         };
+                        validationModeBeforeSubmit = getValidationModes(_options.mode);
+                        validationModeAfterSubmit = getValidationModes(_options.reValidateMode);
                         if (!field) return [
                             3,
                             7
@@ -4880,7 +4886,7 @@ var updateAt = function(fieldValues, index, value1) {
  */ function useFieldArray(props) {
     var methods = useFormContext();
     var _props_control = props.control, control = _props_control === void 0 ? methods.control : _props_control, name = props.name, _props_keyName = props.keyName, keyName = _props_keyName === void 0 ? "id" : _props_keyName, shouldUnregister = props.shouldUnregister, rules = props.rules;
-    var _React_useState = _sliced_to_array$g(React__default.useState(control._getFieldArray(name)), 2), fields = _React_useState[0], setFields = _React_useState[1];
+    var _React__default_useState = _sliced_to_array$g(React__default.useState(control._getFieldArray(name)), 2), fields = _React__default_useState[0], setFields = _React__default_useState[1];
     var ids = React__default.useRef(control._getFieldArray(name).map(generateId));
     var _fieldIds = React__default.useRef(fields);
     var _name = React__default.useRef(name);
@@ -5147,7 +5153,7 @@ var updateAt = function(fieldValues, index, value1) {
     var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     var _formControl = React__default.useRef(undefined);
     var _values = React__default.useRef(undefined);
-    var _React_useState = _sliced_to_array$g(React__default.useState({
+    var _React__default_useState = _sliced_to_array$g(React__default.useState({
         isDirty: false,
         isValidating: false,
         isLoading: isFunction$5(props.defaultValues),
@@ -5161,8 +5167,9 @@ var updateAt = function(fieldValues, index, value1) {
         validatingFields: {},
         errors: props.errors || {},
         disabled: props.disabled || false,
+        isReady: false,
         defaultValues: isFunction$5(props.defaultValues) ? undefined : props.defaultValues
-    }), 2), formState = _React_useState[0], updateFormState = _React_useState[1];
+    }), 2), formState = _React__default_useState[0], updateFormState = _React__default_useState[1];
     if (!_formControl.current) {
         _formControl.current = _object_spread_props$g(_object_spread$k({}, props.formControl ? props.formControl : createFormControl(props)), {
             formState: formState
@@ -5173,14 +5180,21 @@ var updateAt = function(fieldValues, index, value1) {
     }
     var control = _formControl.current.control;
     control._options = props;
-    React__default.useLayoutEffect(function() {
-        return control._subscribe({
+    useIsomorphicLayoutEffect$1(function() {
+        var sub = control._subscribe({
             formState: control._proxyFormState,
             callback: function() {
                 return updateFormState(_object_spread$k({}, control._formState));
             },
             reRenderRoot: true
         });
+        updateFormState(function(data) {
+            return _object_spread_props$g(_object_spread$k({}, data), {
+                isReady: true
+            });
+        });
+        control._formState.isReady = true;
+        return sub;
     }, [
         control
     ]);
@@ -5190,6 +5204,30 @@ var updateAt = function(fieldValues, index, value1) {
         control,
         props.disabled
     ]);
+    React__default.useEffect(function() {
+        if (props.mode) {
+            control._options.mode = props.mode;
+        }
+        if (props.reValidateMode) {
+            control._options.reValidateMode = props.reValidateMode;
+        }
+        if (props.errors && !isEmptyObject(props.errors)) {
+            control._setErrors(props.errors);
+        }
+    }, [
+        control,
+        props.errors,
+        props.mode,
+        props.reValidateMode
+    ]);
+    React__default.useEffect(function() {
+        props.shouldUnregister && control._subjects.state.next({
+            values: control._getWatch()
+        });
+    }, [
+        control,
+        props.shouldUnregister
+    ]);
     React__default.useEffect(function() {
         if (control._proxyFormState.isDirty) {
             var isDirty = control._getDirty();
@@ -5214,16 +5252,8 @@ var updateAt = function(fieldValues, index, value1) {
             control._resetDefaultValues();
         }
     }, [
-        props.values,
-        control
-    ]);
-    React__default.useEffect(function() {
-        if (props.errors && !isEmptyObject(props.errors)) {
-            control._setErrors(props.errors);
-        }
-    }, [
-        props.errors,
-        control
+        control,
+        props.values
     ]);
     React__default.useEffect(function() {
         if (!control._state.mount) {
@@ -5236,14 +5266,6 @@ var updateAt = function(fieldValues, index, value1) {
         }
         control._removeUnmounted();
     });
-    React__default.useEffect(function() {
-        props.shouldUnregister && control._subjects.state.next({
-            values: control._getWatch()
-        });
-    }, [
-        props.shouldUnregister,
-        control
-    ]);
     _formControl.current.formState = getProxyFormState(formState, control);
     return _formControl.current;
 }
@@ -6056,9 +6078,9 @@ var ReactDateRange = function(param) {
     var formatDates = function() {
         if (!range) return;
         var startDate = range.startDate, endDate = range.endDate;
-        return "".concat(format$1(startDate, "yyyy-MM-dd"), " ~ ").concat(format$1(endDate, "yyyy-MM-dd"));
+        return "".concat(format(startDate, "yyyy-MM-dd"), " ~ ").concat(format(endDate, "yyyy-MM-dd"));
     };
-    var formatDate = calendarData ? format$1(calendarData, (item === null || item === void 0 ? void 0 : item.dateDisplayFormat) || "yyyy-MM-dd") : "";
+    var formatDate = calendarData ? format(calendarData, (item === null || item === void 0 ? void 0 : item.dateDisplayFormat) || "yyyy-MM-dd") : "";
     return /*#__PURE__*/ jsxs("div", {
         className: [
             className,
@@ -6854,7 +6876,7 @@ function observeMove(element, onMove) {
                 // Handle <iframe>s
                 root: root.ownerDocument
             }));
-        } catch (e) {
+        } catch (_e) {
             io = new IntersectionObserver(handleObserve, options);
         }
         io.observe(element);
@@ -6935,7 +6957,8 @@ function observeMove(element, onMove) {
 }
 
 var isClient = typeof document !== "undefined";
-var index$1 = isClient ? useLayoutEffect : useEffect;
+var noop$5 = function noop() {};
+var index$1 = isClient ? useLayoutEffect : noop$5;
 
 var _excluded$4$1 = [
     "className",
@@ -13478,7 +13501,7 @@ function _instanceof$9(left, right) {
         return left instanceof right;
     }
 }
-var f$1 = "undefined" != typeof process && void 0 !== process.env && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", m$1 = "active", y$1 = "data-styled-version", v$1 = "6.1.17", g$1 = "/*!sc*/\n", S = "undefined" != typeof window && "HTMLElement" in window, w$1 = Boolean("boolean" == typeof SC_DISABLE_SPEEDY ? SC_DISABLE_SPEEDY : "undefined" != typeof process && void 0 !== process.env && void 0 !== process.env.REACT_APP_SC_DISABLE_SPEEDY && "" !== process.env.REACT_APP_SC_DISABLE_SPEEDY ? "false" !== process.env.REACT_APP_SC_DISABLE_SPEEDY && process.env.REACT_APP_SC_DISABLE_SPEEDY : "undefined" != typeof process && void 0 !== process.env && void 0 !== process.env.SC_DISABLE_SPEEDY && "" !== process.env.SC_DISABLE_SPEEDY ? "false" !== process.env.SC_DISABLE_SPEEDY && process.env.SC_DISABLE_SPEEDY : "production" !== process.env.NODE_ENV), E = /invalid hook call/i, N = new Set, P = function P(t, n) {
+var f$1 = "undefined" != typeof process && void 0 !== process.env && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", m$1 = "active", y$1 = "data-styled-version", v$1 = "6.1.18", g$1 = "/*!sc*/\n", S = "undefined" != typeof window && "undefined" != typeof document, w$1 = Boolean("boolean" == typeof SC_DISABLE_SPEEDY ? SC_DISABLE_SPEEDY : "undefined" != typeof process && void 0 !== process.env && void 0 !== process.env.REACT_APP_SC_DISABLE_SPEEDY && "" !== process.env.REACT_APP_SC_DISABLE_SPEEDY ? "false" !== process.env.REACT_APP_SC_DISABLE_SPEEDY && process.env.REACT_APP_SC_DISABLE_SPEEDY : "undefined" != typeof process && void 0 !== process.env && void 0 !== process.env.SC_DISABLE_SPEEDY && "" !== process.env.SC_DISABLE_SPEEDY ? "false" !== process.env.SC_DISABLE_SPEEDY && process.env.SC_DISABLE_SPEEDY : "production" !== process.env.NODE_ENV), E = /invalid hook call/i, N = new Set, P = function P(t, n) {
     if ("production" !== process.env.NODE_ENV) {
         var _$o = n ? ' with the id of "'.concat(n, '"') : "", s = "The component ".concat(t).concat(_$o, " has been created dynamically.\n") + "You may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.\nSee https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.\n", i = console.error;
         try {
@@ -13645,22 +13668,22 @@ function x$1(e) {
     for(t = Math.abs(e); t > k$1; t = t / k$1 | 0)n = j(t % k$1) + n;
     return (j(t % k$1) + n).replace(T, "$1-$2");
 }
-var V, F = 5381, M = function M(e, t) {
+var V, F = 5381, z$1 = function z(e, t) {
     for(var n = t.length; n;)e = 33 * e ^ t.charCodeAt(--n);
     return e;
-}, z$1 = function z(e) {
-    return M(F, e);
+}, M = function M(e) {
+    return z$1(F, e);
 };
 function $(e) {
-    return x$1(z$1(e) >>> 0);
+    return x$1(M(e) >>> 0);
 }
 function B(e) {
     return "production" !== process.env.NODE_ENV && "string" == typeof e && e || e.displayName || e.name || "Component";
 }
-function L(e) {
+function G(e) {
     return "string" == typeof e && ("production" === process.env.NODE_ENV || e.charAt(0) === e.charAt(0).toLowerCase());
 }
-var G = "function" == typeof Symbol && Symbol.for, Y = G ? Symbol.for("react.memo") : 60115, q$1 = G ? Symbol.for("react.forward_ref") : 60112, W = {
+var L = "function" == typeof Symbol && Symbol.for, Y = L ? Symbol.for("react.memo") : 60115, q$1 = L ? Symbol.for("react.forward_ref") : 60112, W = {
     childContextTypes: !0,
     contextType: !0,
     contextTypes: !0,
@@ -13974,22 +13997,22 @@ function Fe(e) {
         })))), p;
     };
     return p.hash = c.length ? c.reduce(function(e, t) {
-        return t.name || he(15), M(e, t.name);
+        return t.name || he(15), z$1(e, t.name);
     }, F).toString() : "", p;
 }
-var Me = new ke, ze = Fe(), $e = React__default.createContext({
+var ze = new ke, Me = Fe(), $e = React__default.createContext({
     shouldForwardProp: void 0,
-    styleSheet: Me,
-    stylis: ze
+    styleSheet: ze,
+    stylis: Me
 }); $e.Consumer; React__default.createContext(void 0);
-function Ge() {
+function Le() {
     return useContext($e);
 }
 var qe = function() {
     function e(e, t) {
         var n = this;
         this.inject = function(e, t) {
-            void 0 === t && (t = ze);
+            void 0 === t && (t = Me);
             var _$o = n.name + t.hash;
             e.hasNameForId(n.id, _$o) || e.insertRules(n.id, _$o, t(n.rules, _$o, "@keyframes"));
         }, this.name = e, this.id = "sc-keyframes-".concat(e), this.rules = t, ue(this, function() {
@@ -13997,7 +14020,7 @@ var qe = function() {
         });
     }
     return e.prototype.getName = function(e) {
-        return void 0 === e && (e = ze), this.name + e.hash;
+        return void 0 === e && (e = Me), this.name + e.hash;
     }, e;
 }(), We = function We(e) {
     return e >= "A" && e <= "Z";
@@ -14054,15 +14077,15 @@ function Ze(e) {
     }
     return !0;
 }
-var Ke = z$1(v$1), Qe = function() {
+var Ke = M(v$1), Qe = function() {
     function e(e, t, n) {
-        this.rules = e, this.staticRulesId = "", this.isStatic = "production" === process.env.NODE_ENV && (void 0 === n || n.isStatic) && Ze(e), this.componentId = t, this.baseHash = M(Ke, t), this.baseStyle = n, ke.registerId(t);
+        this.rules = e, this.staticRulesId = "", this.isStatic = "production" === process.env.NODE_ENV && (void 0 === n || n.isStatic) && Ze(e), this.componentId = t, this.baseHash = z$1(Ke, t), this.baseStyle = n, ke.registerId(t);
     }
     return e.prototype.generateAndInjectStyles = function(e, t, n) {
         var _$o = this.baseStyle ? this.baseStyle.generateAndInjectStyles(e, t, n) : "";
         if (this.isStatic && !n.hash) if (this.staticRulesId && t.hasNameForId(this.componentId, this.staticRulesId)) _$o = ie(_$o, this.staticRulesId);
         else {
-            var r = ae(Xe(this.rules, e, t, n)), s = x$1(M(this.baseHash, r) >>> 0);
+            var r = ae(Xe(this.rules, e, t, n)), s = x$1(z$1(this.baseHash, r) >>> 0);
             if (!t.hasNameForId(this.componentId, s)) {
                 var i = n(r, ".".concat(s), void 0, this.componentId);
                 t.insertRules(this.componentId, s, i);
@@ -14070,12 +14093,12 @@ var Ke = z$1(v$1), Qe = function() {
             _$o = ie(_$o, s), this.staticRulesId = s;
         }
         else {
-            for(var a = M(this.baseHash, n.hash), c = "", l = 0; l < this.rules.length; l++){
+            for(var a = z$1(this.baseHash, n.hash), c = "", l = 0; l < this.rules.length; l++){
                 var u = this.rules[l];
-                if ("string" == typeof u) c += u, "production" !== process.env.NODE_ENV && (a = M(a, u));
+                if ("string" == typeof u) c += u, "production" !== process.env.NODE_ENV && (a = z$1(a, u));
                 else if (u) {
                     var p = ae(Xe(u, e, t, n));
-                    a = M(a, p + l), c += p;
+                    a = z$1(a, p + l), c += p;
                 }
             }
             if (c) {
@@ -14088,13 +14111,13 @@ var Ke = z$1(v$1), Qe = function() {
 }(), et = React__default.createContext(void 0); et.Consumer;
 var rt = {}, st = new Set;
 function it(e, r, s) {
-    var i = se(e), a = e, c = !L(e), p = r.attrs, d = void 0 === p ? _$1 : p, h = r.componentId, f = void 0 === h ? function(e, t) {
+    var i = se(e), a = e, c = !G(e), p = r.attrs, d = void 0 === p ? _$1 : p, h = r.componentId, f = void 0 === h ? function(e, t) {
         var n = "string" != typeof e ? "sc" : R(e);
         rt[n] = (rt[n] || 0) + 1;
         var _$o = "".concat(n, "-").concat($(v$1 + n + rt[n]));
         return t ? "".concat(t, "-").concat(_$o) : _$o;
     }(r.displayName, r.parentComponentId) : h, m = r.displayName, y = void 0 === m ? function(e) {
-        return L(e) ? "styled.".concat(e) : "Styled(".concat(B(e), ")");
+        return G(e) ? "styled.".concat(e) : "Styled(".concat(B(e), ")");
     }(e) : m, g = r.displayName && r.componentId ? "".concat(R(r.displayName), "-").concat(r.componentId) : r.componentId || f, S = i && a.attrs ? a.attrs.concat(d).filter(Boolean) : d, w = r.shouldForwardProp;
     if (i && a.shouldForwardProp) {
         var b = a.shouldForwardProp;
@@ -14108,7 +14131,7 @@ function it(e, r, s) {
     var N = new Qe(s, g, i ? a.componentStyle : void 0);
     function O(e, r) {
         return function(e, r, s) {
-            var i = e.attrs, a = e.componentStyle, c = e.defaultProps, p = e.foldedComponentIds, d = e.styledComponentId, h = e.target, f = React__default.useContext(et), m = Ge(), y = e.shouldForwardProp || m.shouldForwardProp;
+            var i = e.attrs, a = e.componentStyle, c = e.defaultProps, p = e.foldedComponentIds, d = e.styledComponentId, h = e.target, f = React__default.useContext(et), m = Le(), y = e.shouldForwardProp || m.shouldForwardProp;
             "production" !== process.env.NODE_ENV && useDebugValue(d);
             var v = I(r, f, c) || C, g = function(e, n, o) {
                 for(var _$r, _$s = __assign(__assign({}, n), {
@@ -14122,12 +14145,12 @@ function it(e, r, s) {
             }(i, r, v), S = g.as || h, w = {};
             for(var b in g)void 0 === g[b] || "$" === b[0] || "as" === b || "theme" === b && g.theme === v || ("forwardedAs" === b ? w.as = g.forwardedAs : y && !y(b, S) || (w[b] = g[b], y || "development" !== process.env.NODE_ENV || isPropValid(b) || st.has(b) || !A$1.has(S) || (st.add(b), console.warn('styled-components: it looks like an unknown prop "'.concat(b, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
             var E = function(e, t) {
-                var _$n = Ge(), _$o = e.generateAndInjectStyles(t, _$n.styleSheet, _$n.stylis);
+                var _$n = Le(), _$o = e.generateAndInjectStyles(t, _$n.styleSheet, _$n.stylis);
                 return "production" !== process.env.NODE_ENV && useDebugValue(_$o), _$o;
             }(a, g);
             "production" !== process.env.NODE_ENV && e.warnTooManyClasses && e.warnTooManyClasses(E);
             var N = ie(p, d);
-            return E && (N += " " + E), g.className && (N += " " + g.className), w[L(S) && !A$1.has(S) ? "class" : "className"] = N, s && (w.ref = s), createElement(S, w);
+            return E && (N += " " + E), g.className && (N += " " + g.className), w[G(S) && !A$1.has(S) ? "class" : "className"] = N, s && (w.ref = s), createElement(S, w);
         }(D, e, r);
     }
     O.displayName = y;
@@ -58636,28 +58659,22 @@ var interopRequireWildcard = {
 
 (function (module) {
 var _typeof$1 = _typeof.exports["default"];
-function _getRequireWildcardCache(e) {
-    if ("function" != typeof WeakMap) return null;
-    var r = new WeakMap(), t = new WeakMap();
-    return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
-        return e ? t : r;
-    })(e);
-}
-function _interopRequireWildcard(e, r) {
-    if (!r && e && e.__esModule) return e;
-    if (null === e || "object" != _typeof$1(e) && "function" != typeof e) return {
-        "default": e
-    };
-    var t = _getRequireWildcardCache(r);
-    if (t && t.has(e)) return t.get(e);
-    var n = {
-        __proto__: null
-    }, a = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var u in e)if ("default" !== u && ({}).hasOwnProperty.call(e, u)) {
-        var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
-        i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
-    }
-    return n["default"] = e, t && t.set(e, n), n;
+function _interopRequireWildcard(e, t) {
+    if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap();
+    return (module.exports = _interopRequireWildcard = function _interopRequireWildcard(e, t) {
+        if (!t && e && e.__esModule) return e;
+        var o, i, f = {
+            __proto__: null,
+            "default": e
+        };
+        if (null === e || "object" != _typeof$1(e) && "function" != typeof e) return f;
+        if (o = t ? n : r) {
+            if (o.has(e)) return o.get(e);
+            o.set(e, f);
+        }
+        for(var _t in e)"default" !== _t && ({}).hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]);
+        return f;
+    }, module.exports.__esModule = true, module.exports["default"] = module.exports)(e, t);
 }
 module.exports = _interopRequireWildcard, module.exports.__esModule = true, module.exports["default"] = module.exports;
 }(interopRequireWildcard));

package/index.esm3.js

@@ -15,8 +15,6 @@ import 'date-fns/locale/index.js';
 import '@radix-ui/react-popover';
 import 'react-date-range';
 import 'react-date-range/dist/locale/index.js';
-import 'date-fns/addDays/index.js';
-import 'date-fns/format/index.js';
 import '@emotion/react';
 import '@mui/material';
 import '@radix-ui/react-select';