@sunggang/ui-lib 0.4.26 → 0.4.27

package/Form.esm.js

@@ -2,7 +2,7 @@ import { jsxs, jsx as jsx$1, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { useState, useCallback, useLayoutEffect, useContext, useRef, createContext, useMemo, Component, Fragment, useEffect, forwardRef, useImperativeHandle, createElement } from 'react';
 import dynamic from 'next/dynamic';
-import { b as _objectSpread2, d as _typeof, c as _defineProperty, _ as _extends$1 } from './extends.esm.js';
+import { b as _objectSpread2, d as _typeof, c as _defineProperty, _ as _extends } from './extends.esm.js';
 import { i as _objectWithoutProperties, j as _slicedToArray, b as _isNativeReflectConstruct, _ as _getPrototypeOf, a as _possibleConstructorReturn, m as memoizeOne, g as _inherits, k as _classCallCheck, l as _toConsumableArray, h as _createClass } from './memoize-one.esm.esm.js';
 import { keyframes, jsx, css as css$2 } from '@emotion/react';
 import { createPortal } from 'react-dom';
@@ -13,18 +13,20 @@ import { d as dt } from './styled-components.esm.esm.js';
 import { _, v as validateMsg } from './common.esm.js';
 import { F as FieldLabel } from './FieldLabel.esm.js';
 import { v as v4, M as Modal, E as ErrorContent } from './Modal.esm.js';
-import * as SwitchPrimitives from '@radix-ui/react-switch';
-import { c as cn } from './utils.esm.js';
+import { B as BaseSwitch } from './baseSwitch.esm2.js';
 import { S as Select$1, c as SelectTrigger, b as SelectValue, d as SelectContent, a as SelectGroup, e as SelectLabel, f as SelectItem } from './CustomSelect.esm.js';
 export { C as CustomSelect } from './CustomSelect.esm.js';
+import { c as cn } from './utils.esm.js';
 import flatpickr from 'flatpickr';
 import Mandarin from 'flatpickr/dist/l10n/zh-tw.js';
+import { u as useInjectGlobalCSS } from './useInjectCSS.esm.js';
 import './_tslib.esm.js';
 import './_commonjsHelpers.esm.js';
-import 'clsx';
-import 'tailwind-merge';
+import '@radix-ui/react-switch';
 import '@radix-ui/react-select';
 import '@radix-ui/react-icons';
+import 'clsx';
+import 'tailwind-merge';
 
 var _excluded$6 = [
     "defaultInputValue",
@@ -261,7 +263,7 @@ function _array_with_holes$7(arr) {
 function _array_without_holes(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$7(arr);
 }
-function _define_property$4(obj, key, value) {
+function _define_property$3(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -307,7 +309,7 @@ function _non_iterable_rest$7() {
 function _non_iterable_spread() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$4(target) {
+function _object_spread$3(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -317,12 +319,12 @@ function _object_spread$4(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$4(target, key, source[key]);
+            _define_property$3(target, key, source[key]);
         });
     }
     return target;
 }
-function ownKeys$4(object, enumerableOnly) {
+function ownKeys$3(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -335,12 +337,12 @@ function ownKeys$4(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$4(target, source) {
+function _object_spread_props$3(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$4(Object(source)).forEach(function(key) {
+        ownKeys$3(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -547,7 +549,7 @@ function observeMove(element, onMove) {
         // Older browsers don't support a `document` as the root and will throw an
         // error.
         try {
-            io = new IntersectionObserver(handleObserve, _object_spread_props$4(_object_spread$4({}, options), {
+            io = new IntersectionObserver(handleObserve, _object_spread_props$3(_object_spread$3({}, options), {
                 // Handle <iframe>s
                 root: root.ownerDocument
             }));
@@ -1117,7 +1119,7 @@ var MenuPlacer = function MenuPlacer(props) {
 };
 var Menu = function Menu(props) {
     var children = props.children, innerRef = props.innerRef, innerProps = props.innerProps;
-    return jsx("div", _extends$1({}, getStyleProps(props, "menu", {
+    return jsx("div", _extends({}, getStyleProps(props, "menu", {
         menu: true
     }), {
         ref: innerRef
@@ -1142,7 +1144,7 @@ var menuListCSS = function menuListCSS(_ref4, unstyled) {
 };
 var MenuList = function MenuList(props) {
     var children = props.children, innerProps = props.innerProps, innerRef = props.innerRef, isMulti = props.isMulti;
-    return jsx("div", _extends$1({}, getStyleProps(props, "menuList", {
+    return jsx("div", _extends({}, getStyleProps(props, "menuList", {
         "menu-list": true,
         "menu-list--is-multi": isMulti
     }), {
@@ -1165,7 +1167,7 @@ var noOptionsMessageCSS = noticeCSS;
 var loadingMessageCSS = noticeCSS;
 var NoOptionsMessage = function NoOptionsMessage(_ref6) {
     var _ref6$children = _ref6.children, children = _ref6$children === void 0 ? "No options" : _ref6$children, innerProps = _ref6.innerProps, restProps = _objectWithoutProperties(_ref6, _excluded$3);
-    return jsx("div", _extends$1({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
+    return jsx("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
         children: children,
         innerProps: innerProps
     }), "noOptionsMessage", {
@@ -1175,7 +1177,7 @@ var NoOptionsMessage = function NoOptionsMessage(_ref6) {
 };
 var LoadingMessage = function LoadingMessage(_ref7) {
     var _ref7$children = _ref7.children, children = _ref7$children === void 0 ? "Loading..." : _ref7$children, innerProps = _ref7.innerProps, restProps = _objectWithoutProperties(_ref7, _excluded2$1);
-    return jsx("div", _extends$1({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
+    return jsx("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
         children: children,
         innerProps: innerProps
     }), "loadingMessage", {
@@ -1259,7 +1261,7 @@ var MenuPortal = function MenuPortal(props) {
     // bail early if required elements aren't present
     if (!appendTo && menuPosition !== "fixed" || !computedPosition) return null;
     // same wrapper element whether fixed or portalled
-    var menuWrapper = jsx("div", _extends$1({
+    var menuWrapper = jsx("div", _extends({
         ref: setMenuPortalElement
     }, getStyleProps(_objectSpread2(_objectSpread2({}, props), {}, {
         offset: computedPosition.offset,
@@ -1287,7 +1289,7 @@ var containerCSS = function containerCSS(_ref) {
 };
 var SelectContainer = function SelectContainer(props) {
     var children = props.children, innerProps = props.innerProps, isDisabled = props.isDisabled, isRtl = props.isRtl;
-    return jsx("div", _extends$1({}, getStyleProps(props, "container", {
+    return jsx("div", _extends({}, getStyleProps(props, "container", {
         "--is-disabled": isDisabled,
         "--is-rtl": isRtl
     }), innerProps), children);
@@ -1311,7 +1313,7 @@ var valueContainerCSS = function valueContainerCSS(_ref2, unstyled) {
 };
 var ValueContainer = function ValueContainer(props) {
     var children = props.children, innerProps = props.innerProps, isMulti = props.isMulti, hasValue = props.hasValue;
-    return jsx("div", _extends$1({}, getStyleProps(props, "valueContainer", {
+    return jsx("div", _extends({}, getStyleProps(props, "valueContainer", {
         "value-container": true,
         "value-container--is-multi": isMulti,
         "value-container--has-value": hasValue
@@ -1330,7 +1332,7 @@ var indicatorsContainerCSS = function indicatorsContainerCSS() {
 };
 var IndicatorsContainer = function IndicatorsContainer(props) {
     var children = props.children, innerProps = props.innerProps;
-    return jsx("div", _extends$1({}, getStyleProps(props, "indicatorsContainer", {
+    return jsx("div", _extends({}, getStyleProps(props, "indicatorsContainer", {
         indicators: true
     }), innerProps), children);
 };
@@ -1359,7 +1361,7 @@ var _ref2$2 = process.env.NODE_ENV === "production" ? {
 };
 var Svg = function Svg(_ref) {
     var size = _ref.size, props = _objectWithoutProperties(_ref, _excluded$2);
-    return jsx("svg", _extends$1({
+    return jsx("svg", _extends({
         height: size,
         width: size,
         viewBox: "0 0 20 20",
@@ -1369,14 +1371,14 @@ var Svg = function Svg(_ref) {
     }, props));
 };
 var CrossIcon = function CrossIcon(props) {
-    return jsx(Svg, _extends$1({
+    return jsx(Svg, _extends({
         size: 20
     }, props), jsx("path", {
         d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"
     }));
 };
 var DownChevron = function DownChevron(props) {
-    return jsx(Svg, _extends$1({
+    return jsx(Svg, _extends({
         size: 20
     }, props), jsx("path", {
         d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
@@ -1402,7 +1404,7 @@ var baseCSS = function baseCSS(_ref3, unstyled) {
 var dropdownIndicatorCSS = baseCSS;
 var DropdownIndicator = function DropdownIndicator(props) {
     var children = props.children, innerProps = props.innerProps;
-    return jsx("div", _extends$1({}, getStyleProps(props, "dropdownIndicator", {
+    return jsx("div", _extends({}, getStyleProps(props, "dropdownIndicator", {
         indicator: true,
         "dropdown-indicator": true
     }), innerProps), children || jsx(DownChevron, null));
@@ -1410,7 +1412,7 @@ var DropdownIndicator = function DropdownIndicator(props) {
 var clearIndicatorCSS = baseCSS;
 var ClearIndicator = function ClearIndicator(props) {
     var children = props.children, innerProps = props.innerProps;
-    return jsx("div", _extends$1({}, getStyleProps(props, "clearIndicator", {
+    return jsx("div", _extends({}, getStyleProps(props, "clearIndicator", {
         indicator: true,
         "clear-indicator": true
     }), innerProps), children || jsx(CrossIcon, null));
@@ -1432,7 +1434,7 @@ var indicatorSeparatorCSS = function indicatorSeparatorCSS(_ref4, unstyled) {
 };
 var IndicatorSeparator = function IndicatorSeparator(props) {
     var innerProps = props.innerProps;
-    return jsx("span", _extends$1({}, innerProps, getStyleProps(props, "indicatorSeparator", {
+    return jsx("span", _extends({}, innerProps, getStyleProps(props, "indicatorSeparator", {
         "indicator-separator": true
     })));
 };
@@ -1476,7 +1478,7 @@ var LoadingDot = function LoadingDot(_ref6) {
 };
 var LoadingIndicator = function LoadingIndicator(_ref7) {
     var innerProps = _ref7.innerProps, isRtl = _ref7.isRtl, _ref7$size = _ref7.size, size = _ref7$size === void 0 ? 4 : _ref7$size, restProps = _objectWithoutProperties(_ref7, _excluded2);
-    return jsx("div", _extends$1({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
+    return jsx("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
         innerProps: innerProps,
         isRtl: isRtl,
         size: size
@@ -1521,7 +1523,7 @@ var css$1 = function css(_ref, unstyled) {
 };
 var Control = function Control(props) {
     var children = props.children, isDisabled = props.isDisabled, isFocused = props.isFocused, innerRef = props.innerRef, innerProps = props.innerProps, menuIsOpen = props.menuIsOpen;
-    return jsx("div", _extends$1({
+    return jsx("div", _extends({
         ref: innerRef
     }, getStyleProps(props, "control", {
         control: true,
@@ -1545,9 +1547,9 @@ var groupCSS = function groupCSS(_ref, unstyled) {
 };
 var Group = function Group(props) {
     var children = props.children, cx = props.cx, getStyles = props.getStyles, getClassNames = props.getClassNames, Heading = props.Heading, headingProps = props.headingProps, innerProps = props.innerProps, label = props.label, theme = props.theme, selectProps = props.selectProps;
-    return jsx("div", _extends$1({}, getStyleProps(props, "group", {
+    return jsx("div", _extends({}, getStyleProps(props, "group", {
         group: true
-    }), innerProps), jsx(Heading, _extends$1({}, headingProps, {
+    }), innerProps), jsx(Heading, _extends({}, headingProps, {
         selectProps: selectProps,
         theme: theme,
         getStyles: getStyles,
@@ -1575,7 +1577,7 @@ var GroupHeading = function GroupHeading(props) {
     var _cleanCommonProps = cleanCommonProps(props);
     _cleanCommonProps.data;
     var innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$1);
-    return jsx("div", _extends$1({}, getStyleProps(props, "groupHeading", {
+    return jsx("div", _extends({}, getStyleProps(props, "groupHeading", {
         "group-heading": true
     }), innerProps));
 };
@@ -1632,11 +1634,11 @@ var inputStyle = function inputStyle(isHidden) {
 var Input = function Input(props) {
     var cx = props.cx, value = props.value;
     var _cleanCommonProps = cleanCommonProps(props), innerRef = _cleanCommonProps.innerRef, isDisabled = _cleanCommonProps.isDisabled, isHidden = _cleanCommonProps.isHidden, inputClassName = _cleanCommonProps.inputClassName, innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$5);
-    return jsx("div", _extends$1({}, getStyleProps(props, "input", {
+    return jsx("div", _extends({}, getStyleProps(props, "input", {
         "input-container": true
     }), {
         "data-value": value || ""
-    }), jsx("input", _extends$1({
+    }), jsx("input", _extends({
         className: cx({
             input: true
         }, inputClassName),
@@ -1696,7 +1698,7 @@ var MultiValueContainer = MultiValueGeneric;
 var MultiValueLabel = MultiValueGeneric;
 function MultiValueRemove(_ref5) {
     var children = _ref5.children, innerProps = _ref5.innerProps;
-    return jsx("div", _extends$1({
+    return jsx("div", _extends({
         role: "button"
     }, innerProps), children || jsx(CrossIcon, {
         size: 14
@@ -1751,7 +1753,7 @@ var optionCSS = function optionCSS(_ref, unstyled) {
 };
 var Option = function Option(props) {
     var children = props.children, isDisabled = props.isDisabled, isFocused = props.isFocused, isSelected = props.isSelected, innerRef = props.innerRef, innerProps = props.innerProps;
-    return jsx("div", _extends$1({}, getStyleProps(props, "option", {
+    return jsx("div", _extends({}, getStyleProps(props, "option", {
         option: true,
         "option--is-disabled": isDisabled,
         "option--is-focused": isFocused,
@@ -1775,7 +1777,7 @@ var placeholderCSS = function placeholderCSS(_ref, unstyled) {
 };
 var Placeholder = function Placeholder(props) {
     var children = props.children, innerProps = props.innerProps;
-    return jsx("div", _extends$1({}, getStyleProps(props, "placeholder", {
+    return jsx("div", _extends({}, getStyleProps(props, "placeholder", {
         placeholder: true
     }), innerProps), children);
 };
@@ -1797,7 +1799,7 @@ var css = function css(_ref, unstyled) {
 };
 var SingleValue = function SingleValue(props) {
     var children = props.children, isDisabled = props.isDisabled, innerProps = props.innerProps;
-    return jsx("div", _extends$1({}, getStyleProps(props, "singleValue", {
+    return jsx("div", _extends({}, getStyleProps(props, "singleValue", {
         "single-value": true,
         "single-value--is-disabled": isDisabled
     }), innerProps), children);
@@ -1855,7 +1857,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
 };
 var A11yText = function A11yText(props) {
-    return jsx("span", _extends$1({
+    return jsx("span", _extends({
         css: _ref
     }, props));
 };
@@ -2442,7 +2444,7 @@ function DummyInput(_ref) {
     var innerRef = _ref.innerRef, props = _objectWithoutProperties(_ref, _excluded);
     // Remove animation props not meant for HTML elements
     var filteredProps = removeProps(props, "onExited", "in", "enter", "exit", "appear");
-    return jsx("input", _extends$1({
+    return jsx("input", _extends({
         ref: innerRef
     }, filteredProps, {
         css: /*#__PURE__*/ css$2({
@@ -3955,7 +3957,7 @@ var Select = /*#__PURE__*/ function(_Component) {
                 });
                 if (!isSearchable) {
                     // use a dummy input to maintain focus/blur functionality
-                    return /*#__PURE__*/ React.createElement(DummyInput, _extends$1({
+                    return /*#__PURE__*/ React.createElement(DummyInput, _extends({
                         id: id,
                         innerRef: this.getInputRef,
                         onBlur: this.onInputBlur,
@@ -3968,7 +3970,7 @@ var Select = /*#__PURE__*/ function(_Component) {
                         value: ""
                     }, ariaAttributes));
                 }
-                return /*#__PURE__*/ React.createElement(Input, _extends$1({}, commonProps, {
+                return /*#__PURE__*/ React.createElement(Input, _extends({}, commonProps, {
                     autoCapitalize: "none",
                     autoComplete: "off",
                     autoCorrect: "off",
@@ -3996,7 +3998,7 @@ var Select = /*#__PURE__*/ function(_Component) {
                 var _this$props9 = this.props, controlShouldRenderValue = _this$props9.controlShouldRenderValue, isDisabled = _this$props9.isDisabled, isMulti = _this$props9.isMulti, inputValue = _this$props9.inputValue, placeholder = _this$props9.placeholder;
                 var _this$state5 = this.state, selectValue = _this$state5.selectValue, focusedValue = _this$state5.focusedValue, isFocused = _this$state5.isFocused;
                 if (!this.hasValue() || !controlShouldRenderValue) {
-                    return inputValue ? null : /*#__PURE__*/ React.createElement(Placeholder, _extends$1({}, commonProps, {
+                    return inputValue ? null : /*#__PURE__*/ React.createElement(Placeholder, _extends({}, commonProps, {
                         key: "placeholder",
                         isDisabled: isDisabled,
                         isFocused: isFocused,
@@ -4009,7 +4011,7 @@ var Select = /*#__PURE__*/ function(_Component) {
                     return selectValue.map(function(opt, index) {
                         var isOptionFocused = opt === focusedValue;
                         var key = "".concat(_this3.getOptionLabel(opt), "-").concat(_this3.getOptionValue(opt));
-                        return /*#__PURE__*/ React.createElement(MultiValue, _extends$1({}, commonProps, {
+                        return /*#__PURE__*/ React.createElement(MultiValue, _extends({}, commonProps, {
                             components: {
                                 Container: MultiValueContainer,
                                 Label: MultiValueLabel,
@@ -4038,7 +4040,7 @@ var Select = /*#__PURE__*/ function(_Component) {
                     return null;
                 }
                 var singleValue = selectValue[0];
-                return /*#__PURE__*/ React.createElement(SingleValue, _extends$1({}, commonProps, {
+                return /*#__PURE__*/ React.createElement(SingleValue, _extends({}, commonProps, {
                     data: singleValue,
                     isDisabled: isDisabled
                 }), this.formatOptionLabel(singleValue, "value"));
@@ -4059,7 +4061,7 @@ var Select = /*#__PURE__*/ function(_Component) {
                     onTouchEnd: this.onClearIndicatorTouchEnd,
                     "aria-hidden": "true"
                 };
-                return /*#__PURE__*/ React.createElement(ClearIndicator, _extends$1({}, commonProps, {
+                return /*#__PURE__*/ React.createElement(ClearIndicator, _extends({}, commonProps, {
                     innerProps: innerProps,
                     isFocused: isFocused
                 }));
@@ -4076,7 +4078,7 @@ var Select = /*#__PURE__*/ function(_Component) {
                 var innerProps = {
                     "aria-hidden": "true"
                 };
-                return /*#__PURE__*/ React.createElement(LoadingIndicator, _extends$1({}, commonProps, {
+                return /*#__PURE__*/ React.createElement(LoadingIndicator, _extends({}, commonProps, {
                     innerProps: innerProps,
                     isDisabled: isDisabled,
                     isFocused: isFocused
@@ -4092,7 +4094,7 @@ var Select = /*#__PURE__*/ function(_Component) {
                 var commonProps = this.commonProps;
                 var isDisabled = this.props.isDisabled;
                 var isFocused = this.state.isFocused;
-                return /*#__PURE__*/ React.createElement(IndicatorSeparator, _extends$1({}, commonProps, {
+                return /*#__PURE__*/ React.createElement(IndicatorSeparator, _extends({}, commonProps, {
                     isDisabled: isDisabled,
                     isFocused: isFocused
                 }));
@@ -4111,7 +4113,7 @@ var Select = /*#__PURE__*/ function(_Component) {
                     onTouchEnd: this.onDropdownIndicatorTouchEnd,
                     "aria-hidden": "true"
                 };
-                return /*#__PURE__*/ React.createElement(DropdownIndicator, _extends$1({}, commonProps, {
+                return /*#__PURE__*/ React.createElement(DropdownIndicator, _extends({}, commonProps, {
                     innerProps: innerProps,
                     isDisabled: isDisabled,
                     isFocused: isFocused
@@ -4147,7 +4149,7 @@ var Select = /*#__PURE__*/ function(_Component) {
                         role: "option",
                         "aria-selected": _this4.state.isAppleDevice ? undefined : isSelected // is not supported on Apple devices
                     };
-                    return /*#__PURE__*/ React.createElement(Option, _extends$1({}, commonProps, {
+                    return /*#__PURE__*/ React.createElement(Option, _extends({}, commonProps, {
                         innerProps: innerProps,
                         data: data,
                         isDisabled: isDisabled,
@@ -4167,7 +4169,7 @@ var Select = /*#__PURE__*/ function(_Component) {
                             var _data = item.data, options = item.options, groupIndex = item.index;
                             var groupId = "".concat(_this4.getElementId("group"), "-").concat(groupIndex);
                             var headingId = "".concat(groupId, "-heading");
-                            return /*#__PURE__*/ React.createElement(Group, _extends$1({}, commonProps, {
+                            return /*#__PURE__*/ React.createElement(Group, _extends({}, commonProps, {
                                 key: groupId,
                                 data: _data,
                                 options: options,
@@ -4204,9 +4206,9 @@ var Select = /*#__PURE__*/ function(_Component) {
                     menuPosition: menuPosition,
                     menuShouldScrollIntoView: menuShouldScrollIntoView
                 };
-                var menuElement = /*#__PURE__*/ React.createElement(MenuPlacer, _extends$1({}, commonProps, menuPlacementProps), function(_ref4) {
+                var menuElement = /*#__PURE__*/ React.createElement(MenuPlacer, _extends({}, commonProps, menuPlacementProps), function(_ref4) {
                     var ref = _ref4.ref, _ref4$placerProps = _ref4.placerProps, placement = _ref4$placerProps.placement, maxHeight = _ref4$placerProps.maxHeight;
-                    return /*#__PURE__*/ React.createElement(Menu, _extends$1({}, commonProps, menuPlacementProps, {
+                    return /*#__PURE__*/ React.createElement(Menu, _extends({}, commonProps, menuPlacementProps, {
                         innerRef: ref,
                         innerProps: {
                             onMouseDown: _this4.onMenuMouseDown,
@@ -4220,7 +4222,7 @@ var Select = /*#__PURE__*/ function(_Component) {
                         onBottomArrive: onMenuScrollToBottom,
                         lockEnabled: menuShouldBlockScroll
                     }, function(scrollTargetRef) {
-                        return /*#__PURE__*/ React.createElement(MenuList, _extends$1({}, commonProps, {
+                        return /*#__PURE__*/ React.createElement(MenuList, _extends({}, commonProps, {
                             innerRef: function innerRef(instance) {
                                 _this4.getMenuListRef(instance);
                                 scrollTargetRef(instance);
@@ -4239,7 +4241,7 @@ var Select = /*#__PURE__*/ function(_Component) {
                 // positioning behaviour is almost identical for portalled and fixed,
                 // so we use the same component. the actual portalling logic is forked
                 // within the component based on `menuPosition`
-                return menuPortalTarget || menuPosition === "fixed" ? /*#__PURE__*/ React.createElement(MenuPortal, _extends$1({}, commonProps, {
+                return menuPortalTarget || menuPosition === "fixed" ? /*#__PURE__*/ React.createElement(MenuPortal, _extends({}, commonProps, {
                     appendTo: menuPortalTarget,
                     controlElement: this.controlRef,
                     menuPlacement: menuPlacement,
@@ -4301,7 +4303,7 @@ var Select = /*#__PURE__*/ function(_Component) {
                 var commonProps = this.commonProps;
                 var _this$state6 = this.state, ariaSelection = _this$state6.ariaSelection, focusedOption = _this$state6.focusedOption, focusedValue = _this$state6.focusedValue, isFocused = _this$state6.isFocused, selectValue = _this$state6.selectValue;
                 var focusableOptions = this.getFocusableOptions();
-                return /*#__PURE__*/ React.createElement(LiveRegion$1, _extends$1({}, commonProps, {
+                return /*#__PURE__*/ React.createElement(LiveRegion$1, _extends({}, commonProps, {
                     id: this.getElementId("live-region"),
                     ariaSelection: ariaSelection,
                     focusedOption: focusedOption,
@@ -4320,7 +4322,7 @@ var Select = /*#__PURE__*/ function(_Component) {
                 var _this$props14 = this.props, className = _this$props14.className, id = _this$props14.id, isDisabled = _this$props14.isDisabled, menuIsOpen = _this$props14.menuIsOpen;
                 var isFocused = this.state.isFocused;
                 var commonProps = this.commonProps = this.getCommonProps();
-                return /*#__PURE__*/ React.createElement(SelectContainer, _extends$1({}, commonProps, {
+                return /*#__PURE__*/ React.createElement(SelectContainer, _extends({}, commonProps, {
                     className: className,
                     innerProps: {
                         id: id,
@@ -4328,7 +4330,7 @@ var Select = /*#__PURE__*/ function(_Component) {
                     },
                     isDisabled: isDisabled,
                     isFocused: isFocused
-                }), this.renderLiveRegion(), /*#__PURE__*/ React.createElement(Control, _extends$1({}, commonProps, {
+                }), this.renderLiveRegion(), /*#__PURE__*/ React.createElement(Control, _extends({}, commonProps, {
                     innerRef: this.getControlRef,
                     innerProps: {
                         onMouseDown: this.onControlMouseDown,
@@ -4337,9 +4339,9 @@ var Select = /*#__PURE__*/ function(_Component) {
                     isDisabled: isDisabled,
                     isFocused: isFocused,
                     menuIsOpen: menuIsOpen
-                }), /*#__PURE__*/ React.createElement(ValueContainer, _extends$1({}, commonProps, {
+                }), /*#__PURE__*/ React.createElement(ValueContainer, _extends({}, commonProps, {
                     isDisabled: isDisabled
-                }), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/ React.createElement(IndicatorsContainer, _extends$1({}, commonProps, {
+                }), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/ React.createElement(IndicatorsContainer, _extends({}, commonProps, {
                     isDisabled: isDisabled
                 }), this.renderClearIndicator(), this.renderLoadingIndicator(), this.renderIndicatorSeparator(), this.renderDropdownIndicator())), this.renderMenu(), this.renderFormField());
             }
@@ -4403,7 +4405,7 @@ Select.defaultProps = defaultProps;
 
 var StateManagedSelect = /*#__PURE__*/ forwardRef(function(props, ref) {
     var baseSelectProps = useStateManager(props);
-    return /*#__PURE__*/ React.createElement(Select, _extends$1({
+    return /*#__PURE__*/ React.createElement(Select, _extends({
         ref: ref
     }, baseSelectProps));
 });
@@ -6110,7 +6112,7 @@ var StyleText = dt.div(_templateObject5());
 function _array_with_holes$6(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _define_property$3(obj, key, value) {
+function _define_property$2(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -6150,7 +6152,7 @@ function _iterable_to_array_limit$6(arr, i) {
 function _non_iterable_rest$6() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$3(target) {
+function _object_spread$2(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -6160,12 +6162,12 @@ function _object_spread$3(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$3(target, key, source[key]);
+            _define_property$2(target, key, source[key]);
         });
     }
     return target;
 }
-function ownKeys$3(object, enumerableOnly) {
+function ownKeys$2(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -6178,12 +6180,12 @@ function ownKeys$3(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$3(target, source) {
+function _object_spread_props$2(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$3(Object(source)).forEach(function(key) {
+        ownKeys$2(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -6288,14 +6290,14 @@ var CityDistrict = function(param) {
                                             color: "6f6f6f"
                                         })
                                     }),
-                                    /*#__PURE__*/ jsxs("select", _object_spread_props$3(_object_spread$3({
+                                    /*#__PURE__*/ jsxs("select", _object_spread_props$2(_object_spread$2({
                                         className: [
                                             isDisabled ? "text-[#B0B0B0] bg-[#e5e7eb] cursor-not-allowed" : "bg-white text-[#6f6f6f]",
                                             "customSelect w-full h-11 text-[15px] py-2 pr-4 rounded-2xl border border-solid border-[#B4B4B4]",
                                             (item === null || item === void 0 ? void 0 : item.icon) ? "pl-14" : "pl-4"
                                         ].join(" "),
                                         style: item === null || item === void 0 ? void 0 : item.style
-                                    }, register((item === null || item === void 0 ? void 0 : item.cityName) || "", _object_spread$3({}, item === null || item === void 0 ? void 0 : item.validateOption))), {
+                                    }, register((item === null || item === void 0 ? void 0 : item.cityName) || "", _object_spread$2({}, item === null || item === void 0 ? void 0 : item.validateOption))), {
                                         onChange: function(e) {
                                             return handleCity(e, (item === null || item === void 0 ? void 0 : item.cityName) || "");
                                         },
@@ -6326,14 +6328,14 @@ var CityDistrict = function(param) {
                                             color: "6f6f6f"
                                         })
                                     }),
-                                    /*#__PURE__*/ jsxs("select", _object_spread_props$3(_object_spread$3({
+                                    /*#__PURE__*/ jsxs("select", _object_spread_props$2(_object_spread$2({
                                         className: [
                                             isDisabled ? "text-[#B0B0B0] bg-[#e5e7eb] cursor-not-allowed" : "bg-white text-[#6f6f6f]",
                                             "customSelect w-full h-11 text-[15px] py-2 pr-4 rounded-2xl border border-solid border-[#B4B4B4]",
                                             (item === null || item === void 0 ? void 0 : item.subIcon) ? "pl-14" : "pl-4"
                                         ].join(" "),
                                         style: item === null || item === void 0 ? void 0 : item.style
-                                    }, register((item === null || item === void 0 ? void 0 : item.districtName) || "", _object_spread$3({}, item === null || item === void 0 ? void 0 : item.validateOption))), {
+                                    }, register((item === null || item === void 0 ? void 0 : item.districtName) || "", _object_spread$2({}, item === null || item === void 0 ? void 0 : item.validateOption))), {
                                         onChange: function(e) {
                                             return handleCity(e, (item === null || item === void 0 ? void 0 : item.districtName) || "");
                                         },
@@ -6706,144 +6708,6 @@ var CustomUpload$1 = function(param) {
     });
 };
 
-function _define_property$2(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
-function _object_destructuring_empty(o) {
-    if (o === null || o === void 0) throw new TypeError("Cannot destructure " + o);
-    return o;
-}
-function _object_spread$2(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property$2(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys$2(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props$2(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys$2(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-var BaseSwitch = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var props = _extends({}, _object_destructuring_empty(_param));
-    var control = useFormContext().control;
-    var item = props.item;
-    var size = (item === null || item === void 0 ? void 0 : item.size) || "large";
-    var bgColor = (item === null || item === void 0 ? void 0 : item.color) === "blue" ? "data-[state=checked]:bg-blue-500" : (item === null || item === void 0 ? void 0 : item.color) === "red" ? "data-[state=checked]:bg-red-500" : (item === null || item === void 0 ? void 0 : item.color) === "green" ? "data-[state=checked]:bg-green-500" : (item === null || item === void 0 ? void 0 : item.color) === "yellow" ? "data-[state=checked]:bg-yellow-500" : "data-[state=checked]:bg-blue-500";
-    var sizeClass = {
-        small: {
-            root: "h-4 w-7",
-            thumb: "h-3 w-3 data-[state=checked]:translate-x-3 data-[state=unchecked]:translate-x-0"
-        },
-        medium: {
-            root: "h-5 w-9",
-            thumb: "h-4 w-4 data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
-        },
-        large: {
-            root: "h-6 w-11",
-            thumb: "h-5 w-5 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
-        },
-        xl: {
-            root: "h-7 w-12",
-            thumb: "h-5 w-5 data-[state=checked]:translate-x-5"
-        },
-        xxl: {
-            root: "h-9 w-16",
-            thumb: "h-7 w-7 data-[state=checked]:translate-x-7"
-        }
-    };
-    return /*#__PURE__*/ jsxs("div", {
-        className: [
-            (item === null || item === void 0 ? void 0 : item.className) || "h-24 w-full"
-        ].join(" "),
-        children: [
-            (item === null || item === void 0 ? void 0 : item.closeLabel) ? null : /*#__PURE__*/ jsx$1(FieldLabel, {
-                item: item
-            }),
-            /*#__PURE__*/ jsx$1(Controller, {
-                name: (item === null || item === void 0 ? void 0 : item.name) || "",
-                control: control,
-                render: function(param) {
-                    var field = param.field;
-                    return /*#__PURE__*/ jsxs("div", {
-                        className: "inline-flex items-center gap-2",
-                        children: [
-                            /*#__PURE__*/ jsx$1(SwitchPrimitives.Root, _object_spread_props$2(_object_spread$2({
-                                className: cn("ui-switch-root", "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2", "disabled:cursor-not-allowed disabled:opacity-50", "data-[state=unchecked]:bg-gray-200", bgColor, sizeClass[size].root)
-                            }, props), {
-                                ref: ref,
-                                checked: field.value,
-                                onCheckedChange: field.onChange,
-                                id: item === null || item === void 0 ? void 0 : item.id,
-                                disabled: item === null || item === void 0 ? void 0 : item.disable,
-                                children: /*#__PURE__*/ jsx$1(SwitchPrimitives.Thumb, {
-                                    className: cn("ui-switch-thumb", "pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform", "data-[state=unchecked]:translate-x-1", sizeClass[size].thumb)
-                                })
-                            })),
-                            (item === null || item === void 0 ? void 0 : item.labelRight) && /*#__PURE__*/ jsx$1("span", {
-                                className: cn("text-sm text-gray-700", item === null || item === void 0 ? void 0 : item.labelRightClassName),
-                                children: item === null || item === void 0 ? void 0 : item.labelRight
-                            })
-                        ]
-                    });
-                }
-            })
-        ]
-    });
-});
-
 var sizeClassMap = {
     sm: "h-8 px-2 text-xs",
     md: "h-[44px] px-3 text-base",
@@ -7125,49 +6989,6 @@ var DropdownList = function(param) {
  * This allows the component to inject styles dynamically without requiring external CSS imports
  */ var FLATPICKR_CSS = '.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:\'\';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*\n      /*rtl:begin:ignore*/left:0/*\n      /*rtl:end:ignore*/}/*\n      /*rtl:begin:ignore*/\n/*\n      /*rtl:end:ignore*/\n.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*\n      /*rtl:begin:ignore*/right:0/*\n      /*rtl:end:ignore*/}/*\n      /*rtl:begin:ignore*/\n/*\n      /*rtl:end:ignore*/\n.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}';
 
-/**
- * Custom hook for dynamically injecting CSS into the document head
- * This allows components to include their required styles without external CSS imports
- * 
- * @param css - The CSS string to inject
- * @param id - Unique identifier for the style element (to prevent duplicates)
- * @param cleanup - Whether to remove the style element when component unmounts (default: false)
- */ var useInjectCSS = function(css, id) {
-    var cleanup = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
-    useEffect(function() {
-        // Check if the style is already injected
-        if (document.getElementById(id)) {
-            return;
-        }
-        // Create a new style element
-        var styleElement = document.createElement("style");
-        styleElement.id = id;
-        styleElement.type = "text/css";
-        styleElement.innerHTML = css;
-        // Append to document head
-        document.head.appendChild(styleElement);
-        // Cleanup function (only if cleanup is true)
-        return function() {
-            if (cleanup) {
-                var existingStyle = document.getElementById(id);
-                if (existingStyle) {
-                    document.head.removeChild(existingStyle);
-                }
-            }
-        };
-    }, [
-        css,
-        id,
-        cleanup
-    ]);
-};
-/**
- * Hook specifically for injecting global styles that should persist
- * across component mounts/unmounts
- */ var useInjectGlobalCSS = function(css, id) {
-    return useInjectCSS(css, id, false);
-};
-
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-nocheck
 function _define_property$1(obj, key, value) {