@sunggang/ui-lib 0.1.50 → 0.1.51

package/index.esm.js

@@ -4,10 +4,15 @@ import React__default, { useMemo, useRef, useReducer, useEffect, useCallback, fo
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { Calendar, DateRange } from 'react-date-range';
+import { format, addDays } from 'date-fns';
+import { Calendar as Calendar$1 } from 'lucide-react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { DayPicker } from 'react-day-picker';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { Calendar as Calendar$2, DateRange } from 'react-date-range';
 import * as locales from 'react-date-range/dist/locale';
-import { addDays } from 'date-fns';
-import format from 'date-fns/format';
+import format$1 from 'date-fns/format';
 
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
@@ -66080,7 +66085,7 @@ function _iterableToArray$1(iter) {
 function _arrayWithoutHoles$1(arr) {
     if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
 }
-function ownKeys$4(object, enumerableOnly) {
+function ownKeys$5(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -66093,9 +66098,9 @@ function ownKeys$4(object, enumerableOnly) {
 function _objectSpread$1(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = null != arguments[i] ? arguments[i] : {};
-        i % 2 ? ownKeys$4(Object(source), !0).forEach(function(key) {
+        i % 2 ? ownKeys$5(Object(source), !0).forEach(function(key) {
             _defineProperty$1(target, key, source[key]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function(key) {
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -66489,7 +66494,7 @@ function _iterableToArrayLimit(arr, i) {
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function ownKeys$3(object, enumerableOnly) {
+function ownKeys$4(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -66502,9 +66507,9 @@ function ownKeys$3(object, enumerableOnly) {
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = null != arguments[i] ? arguments[i] : {};
-        i % 2 ? ownKeys$3(Object(source), !0).forEach(function(key) {
+        i % 2 ? ownKeys$4(Object(source), !0).forEach(function(key) {
             _defineProperty(target, key, source[key]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function(key) {
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -67466,7 +67471,7 @@ function _create_class(Constructor, protoProps, staticProps) {
     if (staticProps) _defineProperties(Constructor, staticProps);
     return Constructor;
 }
-function _define_property$2(obj, key, value) {
+function _define_property$5(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -67505,7 +67510,7 @@ function _instanceof(left, right) {
         return left instanceof right;
     }
 }
-function _object_spread$2(target) {
+function _object_spread$5(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -67515,12 +67520,12 @@ function _object_spread$2(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$2(target, key, source[key]);
+            _define_property$5(target, key, source[key]);
         });
     }
     return target;
 }
-function ownKeys$2(object, enumerableOnly) {
+function ownKeys$3(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -67533,12 +67538,12 @@ function ownKeys$2(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$2(target, source) {
+function _object_spread_props$3(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$2(Object(source)).forEach(function(key) {
+        ownKeys$3(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -67646,8 +67651,8 @@ var defaultIconTransformations = Object.freeze({
     vFlip: false,
     hFlip: false
 });
-var defaultIconProps = Object.freeze(_object_spread$2({}, defaultIconDimensions, defaultIconTransformations));
-var defaultExtendedIconProps = Object.freeze(_object_spread_props$2(_object_spread$2({}, defaultIconProps), {
+var defaultIconProps = Object.freeze(_object_spread$5({}, defaultIconDimensions, defaultIconTransformations));
+var defaultExtendedIconProps = Object.freeze(_object_spread_props$3(_object_spread$5({}, defaultIconProps), {
     body: "",
     hidden: false
 }));
@@ -67735,7 +67740,7 @@ function parseIconSet(data, callback) {
     }
     return names;
 }
-var optionalPropertyDefaults = _object_spread$2({
+var optionalPropertyDefaults = _object_spread$5({
     provider: "",
     aliases: {},
     not_found: {}
@@ -67804,7 +67809,7 @@ function addIconSet(storage, data) {
 function addIconToStorage(storage, name, icon) {
     try {
         if (typeof icon.body === "string") {
-            storage.icons[name] = _object_spread$2({}, icon);
+            storage.icons[name] = _object_spread$5({}, icon);
             return true;
         }
     } catch (err) {}
@@ -67867,7 +67872,7 @@ var defaultIconSizeCustomisations = Object.freeze({
     width: null,
     height: null
 });
-var defaultIconCustomisations = Object.freeze(_object_spread$2({}, defaultIconSizeCustomisations, defaultIconTransformations));
+var defaultIconCustomisations = Object.freeze(_object_spread$5({}, defaultIconSizeCustomisations, defaultIconTransformations));
 var unitsSplit = /(-?[0-9.]*[0-9]+[0-9.]*)/g;
 var unitsTest = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
 function calculateSize(size, ratio, precision) {
@@ -67910,8 +67915,8 @@ var isUnsetKeyword = function(value) {
     return value === "unset" || value === "undefined" || value === "none";
 };
 function iconToSVG(icon, customisations) {
-    var fullIcon = _object_spread$2({}, defaultIconProps, icon);
-    var fullCustomisations = _object_spread$2({}, defaultIconCustomisations, customisations);
+    var fullIcon = _object_spread$5({}, defaultIconProps, icon);
+    var fullCustomisations = _object_spread$5({}, defaultIconCustomisations, customisations);
     var box = {
         left: fullIcon.left,
         top: fullIcon.top,
@@ -68533,7 +68538,7 @@ function sendQuery(config, payload, query, done) {
 }
 // src/index.ts
 function initRedundancy(cfg) {
-    var config = _object_spread$2({}, defaultConfig, cfg);
+    var config = _object_spread$5({}, defaultConfig, cfg);
     var queries = [];
     function cleanup() {
         queries = queries.filter(function(item) {
@@ -68895,7 +68900,7 @@ var loadIcons = function(icons, callback) {
     return callback ? storeCallback(callback, sortedIcons, sources) : emptyCallback;
 };
 function mergeCustomisations(defaults, item) {
-    var result = _object_spread$2({}, defaults);
+    var result = _object_spread$5({}, defaults);
     for(var key in item){
         var value = item[key];
         var valueType = typeof value === "undefined" ? "undefined" : _type_of(value);
@@ -68990,7 +68995,7 @@ function cleanUpInnerHTML(html) {
     }
     return policy ? policy.createHTML(html) : html;
 }
-var defaultExtendedIconCustomisations = _object_spread_props$2(_object_spread$2({}, defaultIconCustomisations), {
+var defaultExtendedIconCustomisations = _object_spread_props$3(_object_spread$5({}, defaultIconCustomisations), {
     inline: false
 });
 /**
@@ -69031,7 +69036,7 @@ for(var prefix in propsToAddTo){
 }
 /**
  * Default values for customisations for inline icon
- */ var inlineDefaults = _object_spread_props$2(_object_spread$2({}, defaultExtendedIconCustomisations), {
+ */ var inlineDefaults = _object_spread_props$3(_object_spread$5({}, defaultExtendedIconCustomisations), {
     inline: true
 });
 /**
@@ -69056,7 +69061,7 @@ ref) {
     var style = {};
     var customStyle = props.style || {};
     // Create SVG component properties
-    var componentProps = _object_spread_props$2(_object_spread$2({}, mode === "svg" ? svgDefaults : {}), {
+    var componentProps = _object_spread_props$3(_object_spread$5({}, mode === "svg" ? svgDefaults : {}), {
         ref: ref
     });
     // Get element properties
@@ -69122,7 +69127,7 @@ ref) {
     }
     if (mode === "svg") {
         // Add style
-        componentProps.style = _object_spread$2({}, style, customStyle);
+        componentProps.style = _object_spread$5({}, style, customStyle);
         // Add icon stuff
         Object.assign(componentProps, renderAttribs);
         // Counter for ids based on "id" property to render icons consistently on server and client
@@ -69144,12 +69149,12 @@ ref) {
     var body = icon.body, width = icon.width, height = icon.height;
     var useMask = mode === "mask" || (mode === "bg" ? false : body.indexOf("currentColor") !== -1);
     // Generate SVG
-    var html = iconToHTML(body, _object_spread_props$2(_object_spread$2({}, renderAttribs), {
+    var html = iconToHTML(body, _object_spread_props$3(_object_spread$5({}, renderAttribs), {
         width: width + "",
         height: height + ""
     }));
     // Generate style
-    componentProps.style = _object_spread$2(_object_spread_props$2(_object_spread$2({}, style), {
+    componentProps.style = _object_spread$5(_object_spread_props$3(_object_spread$5({}, style), {
         "--svg": svgToURL(html),
         "width": fixSize(renderAttribs.width),
         "height": fixSize(renderAttribs.height)
@@ -69361,12 +69366,12 @@ var IconComponent = /*#__PURE__*/ function(_React_Component) {
                 // Add classes
                 var newProps = props;
                 if (icon.classes) {
-                    newProps = _object_spread_props$2(_object_spread$2({}, props), {
+                    newProps = _object_spread_props$3(_object_spread$5({}, props), {
                         className: (typeof props.className === "string" ? props.className + " " : "") + icon.classes.join(" ")
                     });
                 }
                 // Render icon
-                return render(_object_spread$2({}, defaultIconProps, icon.data), newProps, props._inline, props._ref);
+                return render(_object_spread$5({}, defaultIconProps, icon.data), newProps, props._inline, props._ref);
             }
         }
     ]);
@@ -69377,7 +69382,7 @@ var IconComponent = /*#__PURE__*/ function(_React_Component) {
  *
  * @param props - Component properties
  */ var Icon = React__default.forwardRef(function Icon(props, ref) {
-    var newProps = _object_spread_props$2(_object_spread$2({}, props), {
+    var newProps = _object_spread_props$3(_object_spread$5({}, props), {
         _ref: ref,
         _inline: false
     });
@@ -69388,7 +69393,7 @@ var IconComponent = /*#__PURE__*/ function(_React_Component) {
  *
  * @param props - Component properties
  */ React__default.forwardRef(function InlineIcon(props, ref) {
-    var newProps = _object_spread_props$2(_object_spread$2({}, props), {
+    var newProps = _object_spread_props$3(_object_spread$5({}, props), {
         _ref: ref,
         _inline: true
     });
@@ -69406,7 +69411,7 @@ function _array_with_holes$3(arr) {
 function _array_without_holes(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$3(arr);
 }
-function _define_property$1(obj, key, value) {
+function _define_property$4(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -69452,7 +69457,7 @@ function _non_iterable_rest$3() {
 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$1(target) {
+function _object_spread$4(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -69462,12 +69467,12 @@ function _object_spread$1(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$1(target, key, source[key]);
+            _define_property$4(target, key, source[key]);
         });
     }
     return target;
 }
-function ownKeys$1(object, enumerableOnly) {
+function ownKeys$2(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -69480,12 +69485,12 @@ function ownKeys$1(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$1(target, source) {
+function _object_spread_props$2(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$1(Object(source)).forEach(function(key) {
+        ownKeys$2(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -69546,11 +69551,11 @@ var DropImage = function(param) {
     return /*#__PURE__*/ jsxs("section", {
         className: "w-full",
         children: [
-            /*#__PURE__*/ jsxs("div", _object_spread_props$1(_object_spread$1({}, getRootProps({
+            /*#__PURE__*/ jsxs("div", _object_spread_props$2(_object_spread$4({}, getRootProps({
                 className: "dropzone"
             })), {
                 children: [
-                    /*#__PURE__*/ jsx("input", _object_spread$1({}, getInputProps())),
+                    /*#__PURE__*/ jsx("input", _object_spread$4({}, getInputProps())),
                     /*#__PURE__*/ jsx("div", {
                         className: "flex justify-between",
                         children: /*#__PURE__*/ jsx("div", {
@@ -69991,7 +69996,7 @@ function cn() {
     return twMerge(clsx(inputs));
 }
 
-function _define_property(obj, key, value) {
+function _define_property$3(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -70004,7 +70009,7 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
-function _object_spread(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);
@@ -70014,12 +70019,12 @@ function _object_spread(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
+            _define_property$3(target, key, source[key]);
         });
     }
     return target;
 }
-function ownKeys(object, enumerableOnly) {
+function ownKeys$1(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -70032,20 +70037,20 @@ function ownKeys(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props(target, source) {
+function _object_spread_props$1(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys(Object(source)).forEach(function(key) {
+        ownKeys$1(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
     return target;
 }
-function _object_without_properties(source, excluded) {
+function _object_without_properties$3(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose(source, excluded);
+    var target = _object_without_properties_loose$3(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -70058,7 +70063,7 @@ function _object_without_properties(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose(source, excluded) {
+function _object_without_properties_loose$3(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -70071,10 +70076,10 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 var Switch = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, props = _object_without_properties(_param, [
+    var className = _param.className, props = _object_without_properties$3(_param, [
         "className"
     ]);
-    return /*#__PURE__*/ jsx(SwitchPrimitives.Root, _object_spread_props(_object_spread({
+    return /*#__PURE__*/ jsx(SwitchPrimitives.Root, _object_spread_props$1(_object_spread$3({
         className: cn("peer inline-flex h-5 w-9 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-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className)
     }, props), {
         ref: ref,
@@ -70085,6 +70090,1148 @@ var Switch = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
 });
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
+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 _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 _object_without_properties$2(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose$2(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose$2(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var buttonVariants = cva("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+            destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+            outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+            secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+            ghost: "hover:bg-accent hover:text-accent-foreground",
+            link: "text-primary underline-offset-4 hover:underline"
+        },
+        size: {
+            default: "h-9 px-4 py-2",
+            sm: "h-8 rounded-md px-3 text-xs",
+            lg: "h-10 rounded-md px-8",
+            icon: "h-9 w-9"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default"
+    }
+});
+var Button = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, variant = _param.variant, size = _param.size, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, props = _object_without_properties$2(_param, [
+        "className",
+        "variant",
+        "size",
+        "asChild"
+    ]);
+    var Comp = asChild ? Slot : "button";
+    return /*#__PURE__*/ jsx(Comp, _object_spread$2({
+        className: cn(buttonVariants({
+            variant: variant,
+            size: size,
+            className: className
+        })),
+        ref: ref
+    }, props));
+});
+
+var zhTW$1 = {
+    exports: {}
+};
+
+var interopRequireDefault = {
+    exports: {}
+};
+
+(function (module) {
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        "default": obj
+    };
+}
+module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports;
+}(interopRequireDefault));
+
+var formatDistance = {
+    exports: {}
+};
+
+(function (module, exports) {
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = void 0;
+var formatDistanceLocale = {
+    lessThanXSeconds: {
+        one: "少於 1 秒",
+        other: "少於 {{count}} 秒"
+    },
+    xSeconds: {
+        one: "1 秒",
+        other: "{{count}} 秒"
+    },
+    halfAMinute: "半分鐘",
+    lessThanXMinutes: {
+        one: "少於 1 分鐘",
+        other: "少於 {{count}} 分鐘"
+    },
+    xMinutes: {
+        one: "1 分鐘",
+        other: "{{count}} 分鐘"
+    },
+    xHours: {
+        one: "1 小時",
+        other: "{{count}} 小時"
+    },
+    aboutXHours: {
+        one: "大約 1 小時",
+        other: "大約 {{count}} 小時"
+    },
+    xDays: {
+        one: "1 天",
+        other: "{{count}} 天"
+    },
+    aboutXWeeks: {
+        one: "大約 1 個星期",
+        other: "大約 {{count}} 個星期"
+    },
+    xWeeks: {
+        one: "1 個星期",
+        other: "{{count}} 個星期"
+    },
+    aboutXMonths: {
+        one: "大約 1 個月",
+        other: "大約 {{count}} 個月"
+    },
+    xMonths: {
+        one: "1 個月",
+        other: "{{count}} 個月"
+    },
+    aboutXYears: {
+        one: "大約 1 年",
+        other: "大約 {{count}} 年"
+    },
+    xYears: {
+        one: "1 年",
+        other: "{{count}} 年"
+    },
+    overXYears: {
+        one: "超過 1 年",
+        other: "超過 {{count}} 年"
+    },
+    almostXYears: {
+        one: "將近 1 年",
+        other: "將近 {{count}} 年"
+    }
+};
+var formatDistance = function formatDistance(token, count, options) {
+    var result;
+    var tokenValue = formatDistanceLocale[token];
+    if (typeof tokenValue === "string") {
+        result = tokenValue;
+    } else if (count === 1) {
+        result = tokenValue.one;
+    } else {
+        result = tokenValue.other.replace("{{count}}", String(count));
+    }
+    if (options !== null && options !== void 0 && options.addSuffix) {
+        if (options.comparison && options.comparison > 0) {
+            return result + "內";
+        } else {
+            return result + "前";
+        }
+    }
+    return result;
+};
+var _default = formatDistance;
+exports.default = _default;
+module.exports = exports.default;
+}(formatDistance, formatDistance.exports));
+
+var formatLong = {
+    exports: {}
+};
+
+var buildFormatLongFn = {
+    exports: {}
+};
+
+(function (module, exports) {
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = buildFormatLongFn;
+function buildFormatLongFn(args) {
+    return function() {
+        var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        // TODO: Remove String()
+        var width = options.width ? String(options.width) : args.defaultWidth;
+        var format = args.formats[width] || args.formats[args.defaultWidth];
+        return format;
+    };
+}
+module.exports = exports.default;
+}(buildFormatLongFn, buildFormatLongFn.exports));
+
+(function (module, exports) {
+var _interopRequireDefault = interopRequireDefault.exports.default;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = void 0;
+var _index = _interopRequireDefault(buildFormatLongFn.exports);
+var dateFormats = {
+    full: "y'年'M'月'd'日' EEEE",
+    long: "y'年'M'月'd'日'",
+    medium: "yyyy-MM-dd",
+    short: "yy-MM-dd"
+};
+var timeFormats = {
+    full: "zzzz a h:mm:ss",
+    long: "z a h:mm:ss",
+    medium: "a h:mm:ss",
+    short: "a h:mm"
+};
+var dateTimeFormats = {
+    full: "{{date}} {{time}}",
+    long: "{{date}} {{time}}",
+    medium: "{{date}} {{time}}",
+    short: "{{date}} {{time}}"
+};
+var formatLong = {
+    date: (0, _index.default)({
+        formats: dateFormats,
+        defaultWidth: "full"
+    }),
+    time: (0, _index.default)({
+        formats: timeFormats,
+        defaultWidth: "full"
+    }),
+    dateTime: (0, _index.default)({
+        formats: dateTimeFormats,
+        defaultWidth: "full"
+    })
+};
+var _default = formatLong;
+exports.default = _default;
+module.exports = exports.default;
+}(formatLong, formatLong.exports));
+
+var formatRelative = {
+    exports: {}
+};
+
+(function (module, exports) {
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = void 0;
+var formatRelativeLocale = {
+    lastWeek: "'上個'eeee p",
+    yesterday: "'昨天' p",
+    today: "'今天' p",
+    tomorrow: "'明天' p",
+    nextWeek: "'下個'eeee p",
+    other: "P"
+};
+var formatRelative = function formatRelative(token, _date, _baseDate, _options) {
+    return formatRelativeLocale[token];
+};
+var _default = formatRelative;
+exports.default = _default;
+module.exports = exports.default;
+}(formatRelative, formatRelative.exports));
+
+var localize = {
+    exports: {}
+};
+
+var buildLocalizeFn = {
+    exports: {}
+};
+
+(function (module, exports) {
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = buildLocalizeFn;
+function buildLocalizeFn(args) {
+    return function(dirtyIndex, options) {
+        var context = options !== null && options !== void 0 && options.context ? String(options.context) : "standalone";
+        var valuesArray;
+        if (context === "formatting" && args.formattingValues) {
+            var defaultWidth = args.defaultFormattingWidth || args.defaultWidth;
+            var width = options !== null && options !== void 0 && options.width ? String(options.width) : defaultWidth;
+            valuesArray = args.formattingValues[width] || args.formattingValues[defaultWidth];
+        } else {
+            var _defaultWidth = args.defaultWidth;
+            var _width = options !== null && options !== void 0 && options.width ? String(options.width) : args.defaultWidth;
+            valuesArray = args.values[_width] || args.values[_defaultWidth];
+        }
+        var index = args.argumentCallback ? args.argumentCallback(dirtyIndex) : dirtyIndex;
+        // @ts-ignore: For some reason TypeScript just don't want to match it, no matter how hard we try. I challenge you to try to remove it!
+        return valuesArray[index];
+    };
+}
+module.exports = exports.default;
+}(buildLocalizeFn, buildLocalizeFn.exports));
+
+(function (module, exports) {
+var _interopRequireDefault = interopRequireDefault.exports.default;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = void 0;
+var _index = _interopRequireDefault(buildLocalizeFn.exports);
+var eraValues = {
+    narrow: [
+        "前",
+        "公元"
+    ],
+    abbreviated: [
+        "前",
+        "公元"
+    ],
+    wide: [
+        "公元前",
+        "公元"
+    ]
+};
+var quarterValues = {
+    narrow: [
+        "1",
+        "2",
+        "3",
+        "4"
+    ],
+    abbreviated: [
+        "第一刻",
+        "第二刻",
+        "第三刻",
+        "第四刻"
+    ],
+    wide: [
+        "第一刻鐘",
+        "第二刻鐘",
+        "第三刻鐘",
+        "第四刻鐘"
+    ]
+};
+var monthValues = {
+    narrow: [
+        "一",
+        "二",
+        "三",
+        "四",
+        "五",
+        "六",
+        "七",
+        "八",
+        "九",
+        "十",
+        "十一",
+        "十二"
+    ],
+    abbreviated: [
+        "1月",
+        "2月",
+        "3月",
+        "4月",
+        "5月",
+        "6月",
+        "7月",
+        "8月",
+        "9月",
+        "10月",
+        "11月",
+        "12月"
+    ],
+    wide: [
+        "一月",
+        "二月",
+        "三月",
+        "四月",
+        "五月",
+        "六月",
+        "七月",
+        "八月",
+        "九月",
+        "十月",
+        "十一月",
+        "十二月"
+    ]
+};
+var dayValues = {
+    narrow: [
+        "日",
+        "一",
+        "二",
+        "三",
+        "四",
+        "五",
+        "六"
+    ],
+    short: [
+        "日",
+        "一",
+        "二",
+        "三",
+        "四",
+        "五",
+        "六"
+    ],
+    abbreviated: [
+        "週日",
+        "週一",
+        "週二",
+        "週三",
+        "週四",
+        "週五",
+        "週六"
+    ],
+    wide: [
+        "星期日",
+        "星期一",
+        "星期二",
+        "星期三",
+        "星期四",
+        "星期五",
+        "星期六"
+    ]
+};
+var dayPeriodValues = {
+    narrow: {
+        am: "上",
+        pm: "下",
+        midnight: "凌晨",
+        noon: "午",
+        morning: "早",
+        afternoon: "下午",
+        evening: "晚",
+        night: "夜"
+    },
+    abbreviated: {
+        am: "上午",
+        pm: "下午",
+        midnight: "凌晨",
+        noon: "中午",
+        morning: "早晨",
+        afternoon: "中午",
+        evening: "晚上",
+        night: "夜間"
+    },
+    wide: {
+        am: "上午",
+        pm: "下午",
+        midnight: "凌晨",
+        noon: "中午",
+        morning: "早晨",
+        afternoon: "中午",
+        evening: "晚上",
+        night: "夜間"
+    }
+};
+var formattingDayPeriodValues = {
+    narrow: {
+        am: "上",
+        pm: "下",
+        midnight: "凌晨",
+        noon: "午",
+        morning: "早",
+        afternoon: "下午",
+        evening: "晚",
+        night: "夜"
+    },
+    abbreviated: {
+        am: "上午",
+        pm: "下午",
+        midnight: "凌晨",
+        noon: "中午",
+        morning: "早晨",
+        afternoon: "中午",
+        evening: "晚上",
+        night: "夜間"
+    },
+    wide: {
+        am: "上午",
+        pm: "下午",
+        midnight: "凌晨",
+        noon: "中午",
+        morning: "早晨",
+        afternoon: "中午",
+        evening: "晚上",
+        night: "夜間"
+    }
+};
+var ordinalNumber = function ordinalNumber(dirtyNumber, options) {
+    var number = Number(dirtyNumber);
+    switch(options === null || options === void 0 ? void 0 : options.unit){
+        case "date":
+            return number + "日";
+        case "hour":
+            return number + "時";
+        case "minute":
+            return number + "分";
+        case "second":
+            return number + "秒";
+        default:
+            return "第 " + number;
+    }
+};
+var localize = {
+    ordinalNumber: ordinalNumber,
+    era: (0, _index.default)({
+        values: eraValues,
+        defaultWidth: "wide"
+    }),
+    quarter: (0, _index.default)({
+        values: quarterValues,
+        defaultWidth: "wide",
+        argumentCallback: function argumentCallback(quarter) {
+            return quarter - 1;
+        }
+    }),
+    month: (0, _index.default)({
+        values: monthValues,
+        defaultWidth: "wide"
+    }),
+    day: (0, _index.default)({
+        values: dayValues,
+        defaultWidth: "wide"
+    }),
+    dayPeriod: (0, _index.default)({
+        values: dayPeriodValues,
+        defaultWidth: "wide",
+        formattingValues: formattingDayPeriodValues,
+        defaultFormattingWidth: "wide"
+    })
+};
+var _default = localize;
+exports.default = _default;
+module.exports = exports.default;
+}(localize, localize.exports));
+
+var match = {
+    exports: {}
+};
+
+var buildMatchFn = {
+    exports: {}
+};
+
+(function (module, exports) {
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = buildMatchFn;
+function buildMatchFn(args) {
+    return function(string) {
+        var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+        var width = options.width;
+        var matchPattern = width && args.matchPatterns[width] || args.matchPatterns[args.defaultMatchWidth];
+        var matchResult = string.match(matchPattern);
+        if (!matchResult) {
+            return null;
+        }
+        var matchedString = matchResult[0];
+        var parsePatterns = width && args.parsePatterns[width] || args.parsePatterns[args.defaultParseWidth];
+        var key = Array.isArray(parsePatterns) ? findIndex(parsePatterns, function(pattern) {
+            return pattern.test(matchedString);
+        }) : findKey(parsePatterns, function(pattern) {
+            return pattern.test(matchedString);
+        });
+        var value;
+        value = args.valueCallback ? args.valueCallback(key) : key;
+        value = options.valueCallback ? options.valueCallback(value) : value;
+        var rest = string.slice(matchedString.length);
+        return {
+            value: value,
+            rest: rest
+        };
+    };
+}
+function findKey(object, predicate) {
+    for(var key in object){
+        if (object.hasOwnProperty(key) && predicate(object[key])) {
+            return key;
+        }
+    }
+    return undefined;
+}
+function findIndex(array, predicate) {
+    for(var key = 0; key < array.length; key++){
+        if (predicate(array[key])) {
+            return key;
+        }
+    }
+    return undefined;
+}
+module.exports = exports.default;
+}(buildMatchFn, buildMatchFn.exports));
+
+var buildMatchPatternFn = {
+    exports: {}
+};
+
+(function (module, exports) {
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = buildMatchPatternFn;
+function buildMatchPatternFn(args) {
+    return function(string) {
+        var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+        var matchResult = string.match(args.matchPattern);
+        if (!matchResult) return null;
+        var matchedString = matchResult[0];
+        var parseResult = string.match(args.parsePattern);
+        if (!parseResult) return null;
+        var value = args.valueCallback ? args.valueCallback(parseResult[0]) : parseResult[0];
+        value = options.valueCallback ? options.valueCallback(value) : value;
+        var rest = string.slice(matchedString.length);
+        return {
+            value: value,
+            rest: rest
+        };
+    };
+}
+module.exports = exports.default;
+}(buildMatchPatternFn, buildMatchPatternFn.exports));
+
+(function (module, exports) {
+var _interopRequireDefault = interopRequireDefault.exports.default;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = void 0;
+var _index = _interopRequireDefault(buildMatchFn.exports);
+var _index2 = _interopRequireDefault(buildMatchPatternFn.exports);
+var matchOrdinalNumberPattern = /^(第\s*)?\d+(日|時|分|秒)?/i;
+var parseOrdinalNumberPattern = /\d+/i;
+var matchEraPatterns = {
+    narrow: /^(前)/i,
+    abbreviated: /^(前)/i,
+    wide: /^(公元前|公元)/i
+};
+var parseEraPatterns = {
+    any: [
+        /^(前)/i,
+        /^(公元)/i
+    ]
+};
+var matchQuarterPatterns = {
+    narrow: /^[1234]/i,
+    abbreviated: /^第[一二三四]刻/i,
+    wide: /^第[一二三四]刻鐘/i
+};
+var parseQuarterPatterns = {
+    any: [
+        /(1|一)/i,
+        /(2|二)/i,
+        /(3|三)/i,
+        /(4|四)/i
+    ]
+};
+var matchMonthPatterns = {
+    narrow: /^(一|二|三|四|五|六|七|八|九|十[二一])/i,
+    abbreviated: /^(一|二|三|四|五|六|七|八|九|十[二一]|\d|1[12])月/i,
+    wide: /^(一|二|三|四|五|六|七|八|九|十[二一])月/i
+};
+var parseMonthPatterns = {
+    narrow: [
+        /^一/i,
+        /^二/i,
+        /^三/i,
+        /^四/i,
+        /^五/i,
+        /^六/i,
+        /^七/i,
+        /^八/i,
+        /^九/i,
+        /^十(?!(一|二))/i,
+        /^十一/i,
+        /^十二/i
+    ],
+    any: [
+        /^一|1/i,
+        /^二|2/i,
+        /^三|3/i,
+        /^四|4/i,
+        /^五|5/i,
+        /^六|6/i,
+        /^七|7/i,
+        /^八|8/i,
+        /^九|9/i,
+        /^十(?!(一|二))|10/i,
+        /^十一|11/i,
+        /^十二|12/i
+    ]
+};
+var matchDayPatterns = {
+    narrow: /^[一二三四五六日]/i,
+    short: /^[一二三四五六日]/i,
+    abbreviated: /^週[一二三四五六日]/i,
+    wide: /^星期[一二三四五六日]/i
+};
+var parseDayPatterns = {
+    any: [
+        /日/i,
+        /一/i,
+        /二/i,
+        /三/i,
+        /四/i,
+        /五/i,
+        /六/i
+    ]
+};
+var matchDayPeriodPatterns = {
+    any: /^(上午?|下午?|午夜|[中正]午|早上?|下午|晚上?|凌晨)/i
+};
+var parseDayPeriodPatterns = {
+    any: {
+        am: /^上午?/i,
+        pm: /^下午?/i,
+        midnight: /^午夜/i,
+        noon: /^[中正]午/i,
+        morning: /^早上/i,
+        afternoon: /^下午/i,
+        evening: /^晚上?/i,
+        night: /^凌晨/i
+    }
+};
+var match = {
+    ordinalNumber: (0, _index2.default)({
+        matchPattern: matchOrdinalNumberPattern,
+        parsePattern: parseOrdinalNumberPattern,
+        valueCallback: function valueCallback(value) {
+            return parseInt(value, 10);
+        }
+    }),
+    era: (0, _index.default)({
+        matchPatterns: matchEraPatterns,
+        defaultMatchWidth: "wide",
+        parsePatterns: parseEraPatterns,
+        defaultParseWidth: "any"
+    }),
+    quarter: (0, _index.default)({
+        matchPatterns: matchQuarterPatterns,
+        defaultMatchWidth: "wide",
+        parsePatterns: parseQuarterPatterns,
+        defaultParseWidth: "any",
+        valueCallback: function valueCallback(index) {
+            return index + 1;
+        }
+    }),
+    month: (0, _index.default)({
+        matchPatterns: matchMonthPatterns,
+        defaultMatchWidth: "wide",
+        parsePatterns: parseMonthPatterns,
+        defaultParseWidth: "any"
+    }),
+    day: (0, _index.default)({
+        matchPatterns: matchDayPatterns,
+        defaultMatchWidth: "wide",
+        parsePatterns: parseDayPatterns,
+        defaultParseWidth: "any"
+    }),
+    dayPeriod: (0, _index.default)({
+        matchPatterns: matchDayPeriodPatterns,
+        defaultMatchWidth: "any",
+        parsePatterns: parseDayPeriodPatterns,
+        defaultParseWidth: "any"
+    })
+};
+var _default = match;
+exports.default = _default;
+module.exports = exports.default;
+}(match, match.exports));
+
+(function (module, exports) {
+var _interopRequireDefault = interopRequireDefault.exports.default;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = void 0;
+var _index = _interopRequireDefault(formatDistance.exports);
+var _index2 = _interopRequireDefault(formatLong.exports);
+var _index3 = _interopRequireDefault(formatRelative.exports);
+var _index4 = _interopRequireDefault(localize.exports);
+var _index5 = _interopRequireDefault(match.exports);
+/**
+ * @type {Locale}
+ * @category Locales
+ * @summary Chinese Traditional locale.
+ * @language Chinese Traditional
+ * @iso-639-2 zho
+ * @author tonypai [@tpai]{@link https://github.com/tpai}
+ * @author Jack Hsu [@jackhsu978]{@link https://github.com/jackhsu978}
+ * @author Terrence Lam [@skyuplam]{@link https://github.com/skyuplam}
+ */ var locale = {
+    code: "zh-TW",
+    formatDistance: _index.default,
+    formatLong: _index2.default,
+    formatRelative: _index3.default,
+    localize: _index4.default,
+    match: _index5.default,
+    options: {
+        weekStartsOn: 1 /* Monday */ ,
+        firstWeekContainsDate: 4
+    }
+};
+var _default = locale;
+exports.default = _default;
+module.exports = exports.default;
+}(zhTW$1, zhTW$1.exports));
+
+var zhTW = /*@__PURE__*/getDefaultExportFromCjs(zhTW$1.exports);
+
+function _define_property$1(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$1(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$1(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(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(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties$1(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose$1(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose$1(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function Calendar(_param) {
+    var className = _param.className, classNames = _param.classNames, _param_showOutsideDays = _param.showOutsideDays, showOutsideDays = _param_showOutsideDays === void 0 ? true : _param_showOutsideDays, props = _object_without_properties$1(_param, [
+        "className",
+        "classNames",
+        "showOutsideDays"
+    ]);
+    return /*#__PURE__*/ jsx(DayPicker, _object_spread_props(_object_spread$1({
+        showOutsideDays: showOutsideDays,
+        className: cn("p-3", className),
+        classNames: _object_spread$1({
+            months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+            month: "space-y-4",
+            caption: "flex justify-center pt-1 relative items-center",
+            caption_label: "text-sm font-medium",
+            nav: "space-x-1 flex items-center",
+            nav_button: cn(buttonVariants({
+                variant: "outline"
+            }), "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"),
+            nav_button_previous: "absolute left-1",
+            nav_button_next: "absolute right-1",
+            table: "w-full border-collapse space-y-1",
+            head_row: "flex",
+            head_cell: "text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",
+            row: "flex w-full mt-2",
+            cell: cn("relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md", props.mode === "range" ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md" : "[&:has([aria-selected])]:rounded-md"),
+            day: cn(buttonVariants({
+                variant: "ghost"
+            }), "h-8 w-8 p-0 font-normal aria-selected:opacity-100"),
+            day_range_start: "day-range-start",
+            day_range_end: "day-range-end",
+            day_selected: "bg-[#000] text-[#fff] hover:bg-[#000] hover:text-[#fff] focus:bg-[#000] focus:text-[#fff]",
+            day_today: "bg-accent text-accent-foreground",
+            day_outside: "day-outside text-muted-foreground opacity-50  aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",
+            day_disabled: "text-muted-foreground opacity-50",
+            day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
+            day_hidden: "invisible"
+        }, classNames),
+        components: {
+            IconLeft: function(_param) {
+                _extends({}, _object_destructuring_empty(_param));
+                return /*#__PURE__*/ jsx(Icon, {
+                    icon: "heroicons-solid:arrow-left",
+                    width: "1rem",
+                    height: "1rem"
+                });
+            },
+            IconRight: function(_param) {
+                _extends({}, _object_destructuring_empty(_param));
+                return /*#__PURE__*/ jsx(Icon, {
+                    icon: "heroicons-solid:arrow-right",
+                    width: "1rem",
+                    height: "1rem"
+                });
+            }
+        }
+    }, props), {
+        locale: zhTW
+    }));
+}
+Calendar.displayName = "Calendar";
+
+function _define_property(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 _object_spread(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(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverContent = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, _param_align = _param.align, align = _param_align === void 0 ? "center" : _param_align, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, props = _object_without_properties(_param, [
+        "className",
+        "align",
+        "sideOffset"
+    ]);
+    return /*#__PURE__*/ jsx(PopoverPrimitive.Portal, {
+        children: /*#__PURE__*/ jsx(PopoverPrimitive.Content, _object_spread({
+            ref: ref,
+            align: align,
+            sideOffset: sideOffset,
+            className: cn("z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className)
+        }, props))
+    });
+});
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+function DateRangePicker(param) {
+    var className = param.className, inputClassName = param.inputClassName, disable = param.disable, _param_isShowCleanBtn = param.isShowCleanBtn, isShowCleanBtn = _param_isShowCleanBtn === void 0 ? true : _param_isShowCleanBtn, onChange = param.onChange, dates = param.dates, setDates = param.setDates;
+    var handleDateChange = function(newDate) {
+        if (newDate) {
+            setDates(newDate);
+            if (onChange) onChange(newDate);
+        }
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex gap-2 items-center",
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: cn("grid gap-2", className, disable ? "pointer-events-none opacity-55" : "pointer-events-auto opacity-100"),
+                children: /*#__PURE__*/ jsxs(Popover, {
+                    children: [
+                        /*#__PURE__*/ jsx(PopoverTrigger, {
+                            asChild: true,
+                            children: /*#__PURE__*/ jsxs(Button, {
+                                id: "date",
+                                variant: "outline",
+                                className: cn("w-[300px] justify-start text-left font-normal", !dates && "text-muted-foreground", inputClassName),
+                                children: [
+                                    /*#__PURE__*/ jsx(Calendar$1, {
+                                        className: "mr-2 h-4 w-4"
+                                    }),
+                                    (dates === null || dates === void 0 ? void 0 : dates.from) ? dates.to ? /*#__PURE__*/ jsxs(Fragment$1, {
+                                        children: [
+                                            format(dates.from, "yyyy-MM-dd"),
+                                            " -",
+                                            " ",
+                                            format(dates.to, "yyyy-MM-dd")
+                                        ]
+                                    }) : format(dates.from, "yyyy-MM-dd") : /*#__PURE__*/ jsx("span", {
+                                        children: "請選擇日期"
+                                    })
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(PopoverContent, {
+                            className: "w-auto p-0",
+                            align: "start",
+                            children: /*#__PURE__*/ jsx(Calendar, {
+                                initialFocus: true,
+                                mode: "range",
+                                defaultMonth: dates === null || dates === void 0 ? void 0 : dates.from,
+                                selected: dates,
+                                onSelect: handleDateChange,
+                                numberOfMonths: 2
+                            })
+                        })
+                    ]
+                })
+            }),
+            isShowCleanBtn && /*#__PURE__*/ jsx(Button, {
+                variant: "ghost",
+                className: cn("justify-start text-left font-normal"),
+                onClick: function() {
+                    return setDates(undefined);
+                },
+                children: "清除日期"
+            })
+        ]
+    });
+}
+
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -70174,9 +71321,9 @@ var ReactDateRange = function(param) {
     var formatDates = function() {
         if (!range) return;
         var startDate = range.startDate, endDate = range.endDate;
-        return "".concat(format(startDate, "yyyy-MM-dd"), " ~ ").concat(format(endDate, "yyyy-MM-dd"));
+        return "".concat(format$1(startDate, "yyyy-MM-dd"), " ~ ").concat(format$1(endDate, "yyyy-MM-dd"));
     };
-    var formatDate = calendarData ? format(calendarData, (item === null || item === void 0 ? void 0 : item.dateDisplayFormat) || "yyyy-MM-dd") : "";
+    var formatDate = calendarData ? format$1(calendarData, (item === null || item === void 0 ? void 0 : item.dateDisplayFormat) || "yyyy-MM-dd") : "";
     return /*#__PURE__*/ jsxs("div", {
         className: [
             className,
@@ -70203,7 +71350,7 @@ var ReactDateRange = function(param) {
                 className: "absolute top-[72px] left-0 z-50 shadow-md",
                 ref: refOne,
                 children: [
-                    open && (item === null || item === void 0 ? void 0 : item.type) === "date" && /*#__PURE__*/ jsx(Calendar, {
+                    open && (item === null || item === void 0 ? void 0 : item.type) === "date" && /*#__PURE__*/ jsx(Calendar$2, {
                         data: calendarData,
                         locale: locales[locale],
                         dateDisplayFormat: item === null || item === void 0 ? void 0 : item.dateDisplayFormat,
@@ -70231,4 +71378,4 @@ var ReactDateRange = function(param) {
     });
 };
 
-export { CkEditor, CustomUpload, DropImage, ReactDateRange, Spin, Switch, UiLibrary };
+export { CkEditor, CustomUpload, DateRangePicker, DropImage, ReactDateRange, Spin, Switch, UiLibrary };