@sunggang/ui-lib 0.1.49 → 0.1.50

package/index.esm.js

@@ -4,16 +4,10 @@ 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 { 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 zhTW from 'date-fns/locale/zh-TW';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { Calendar as Calendar$2, DateRange } from 'react-date-range';
+import { Calendar, DateRange } from 'react-date-range';
 import * as locales from 'react-date-range/dist/locale';
-import format$1 from 'date-fns/format';
+import { addDays } from 'date-fns';
+import format 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) {
@@ -66086,7 +66080,7 @@ function _iterableToArray$1(iter) {
 function _arrayWithoutHoles$1(arr) {
     if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
 }
-function ownKeys$5(object, enumerableOnly) {
+function ownKeys$4(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -66099,9 +66093,9 @@ function ownKeys$5(object, enumerableOnly) {
 function _objectSpread$1(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = null != arguments[i] ? arguments[i] : {};
-        i % 2 ? ownKeys$5(Object(source), !0).forEach(function(key) {
+        i % 2 ? ownKeys$4(Object(source), !0).forEach(function(key) {
             _defineProperty$1(target, key, source[key]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(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));
         });
     }
@@ -66495,7 +66489,7 @@ function _iterableToArrayLimit(arr, i) {
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function ownKeys$4(object, enumerableOnly) {
+function ownKeys$3(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -66508,9 +66502,9 @@ function ownKeys$4(object, enumerableOnly) {
 function _objectSpread(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$3(Object(source), !0).forEach(function(key) {
             _defineProperty(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$3(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -67472,7 +67466,7 @@ function _create_class(Constructor, protoProps, staticProps) {
     if (staticProps) _defineProperties(Constructor, staticProps);
     return Constructor;
 }
-function _define_property$5(obj, key, value) {
+function _define_property$2(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -67511,7 +67505,7 @@ function _instanceof(left, right) {
         return left instanceof right;
     }
 }
-function _object_spread$5(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);
@@ -67521,12 +67515,12 @@ function _object_spread$5(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$5(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);
@@ -67539,12 +67533,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));
         });
     }
@@ -67652,8 +67646,8 @@ var defaultIconTransformations = Object.freeze({
     vFlip: false,
     hFlip: false
 });
-var defaultIconProps = Object.freeze(_object_spread$5({}, defaultIconDimensions, defaultIconTransformations));
-var defaultExtendedIconProps = Object.freeze(_object_spread_props$3(_object_spread$5({}, defaultIconProps), {
+var defaultIconProps = Object.freeze(_object_spread$2({}, defaultIconDimensions, defaultIconTransformations));
+var defaultExtendedIconProps = Object.freeze(_object_spread_props$2(_object_spread$2({}, defaultIconProps), {
     body: "",
     hidden: false
 }));
@@ -67741,7 +67735,7 @@ function parseIconSet(data, callback) {
     }
     return names;
 }
-var optionalPropertyDefaults = _object_spread$5({
+var optionalPropertyDefaults = _object_spread$2({
     provider: "",
     aliases: {},
     not_found: {}
@@ -67810,7 +67804,7 @@ function addIconSet(storage, data) {
 function addIconToStorage(storage, name, icon) {
     try {
         if (typeof icon.body === "string") {
-            storage.icons[name] = _object_spread$5({}, icon);
+            storage.icons[name] = _object_spread$2({}, icon);
             return true;
         }
     } catch (err) {}
@@ -67873,7 +67867,7 @@ var defaultIconSizeCustomisations = Object.freeze({
     width: null,
     height: null
 });
-var defaultIconCustomisations = Object.freeze(_object_spread$5({}, defaultIconSizeCustomisations, defaultIconTransformations));
+var defaultIconCustomisations = Object.freeze(_object_spread$2({}, 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) {
@@ -67916,8 +67910,8 @@ var isUnsetKeyword = function(value) {
     return value === "unset" || value === "undefined" || value === "none";
 };
 function iconToSVG(icon, customisations) {
-    var fullIcon = _object_spread$5({}, defaultIconProps, icon);
-    var fullCustomisations = _object_spread$5({}, defaultIconCustomisations, customisations);
+    var fullIcon = _object_spread$2({}, defaultIconProps, icon);
+    var fullCustomisations = _object_spread$2({}, defaultIconCustomisations, customisations);
     var box = {
         left: fullIcon.left,
         top: fullIcon.top,
@@ -68539,7 +68533,7 @@ function sendQuery(config, payload, query, done) {
 }
 // src/index.ts
 function initRedundancy(cfg) {
-    var config = _object_spread$5({}, defaultConfig, cfg);
+    var config = _object_spread$2({}, defaultConfig, cfg);
     var queries = [];
     function cleanup() {
         queries = queries.filter(function(item) {
@@ -68901,7 +68895,7 @@ var loadIcons = function(icons, callback) {
     return callback ? storeCallback(callback, sortedIcons, sources) : emptyCallback;
 };
 function mergeCustomisations(defaults, item) {
-    var result = _object_spread$5({}, defaults);
+    var result = _object_spread$2({}, defaults);
     for(var key in item){
         var value = item[key];
         var valueType = typeof value === "undefined" ? "undefined" : _type_of(value);
@@ -68996,7 +68990,7 @@ function cleanUpInnerHTML(html) {
     }
     return policy ? policy.createHTML(html) : html;
 }
-var defaultExtendedIconCustomisations = _object_spread_props$3(_object_spread$5({}, defaultIconCustomisations), {
+var defaultExtendedIconCustomisations = _object_spread_props$2(_object_spread$2({}, defaultIconCustomisations), {
     inline: false
 });
 /**
@@ -69037,7 +69031,7 @@ for(var prefix in propsToAddTo){
 }
 /**
  * Default values for customisations for inline icon
- */ var inlineDefaults = _object_spread_props$3(_object_spread$5({}, defaultExtendedIconCustomisations), {
+ */ var inlineDefaults = _object_spread_props$2(_object_spread$2({}, defaultExtendedIconCustomisations), {
     inline: true
 });
 /**
@@ -69062,7 +69056,7 @@ ref) {
     var style = {};
     var customStyle = props.style || {};
     // Create SVG component properties
-    var componentProps = _object_spread_props$3(_object_spread$5({}, mode === "svg" ? svgDefaults : {}), {
+    var componentProps = _object_spread_props$2(_object_spread$2({}, mode === "svg" ? svgDefaults : {}), {
         ref: ref
     });
     // Get element properties
@@ -69128,7 +69122,7 @@ ref) {
     }
     if (mode === "svg") {
         // Add style
-        componentProps.style = _object_spread$5({}, style, customStyle);
+        componentProps.style = _object_spread$2({}, style, customStyle);
         // Add icon stuff
         Object.assign(componentProps, renderAttribs);
         // Counter for ids based on "id" property to render icons consistently on server and client
@@ -69150,12 +69144,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$3(_object_spread$5({}, renderAttribs), {
+    var html = iconToHTML(body, _object_spread_props$2(_object_spread$2({}, renderAttribs), {
         width: width + "",
         height: height + ""
     }));
     // Generate style
-    componentProps.style = _object_spread$5(_object_spread_props$3(_object_spread$5({}, style), {
+    componentProps.style = _object_spread$2(_object_spread_props$2(_object_spread$2({}, style), {
         "--svg": svgToURL(html),
         "width": fixSize(renderAttribs.width),
         "height": fixSize(renderAttribs.height)
@@ -69367,12 +69361,12 @@ var IconComponent = /*#__PURE__*/ function(_React_Component) {
                 // Add classes
                 var newProps = props;
                 if (icon.classes) {
-                    newProps = _object_spread_props$3(_object_spread$5({}, props), {
+                    newProps = _object_spread_props$2(_object_spread$2({}, props), {
                         className: (typeof props.className === "string" ? props.className + " " : "") + icon.classes.join(" ")
                     });
                 }
                 // Render icon
-                return render(_object_spread$5({}, defaultIconProps, icon.data), newProps, props._inline, props._ref);
+                return render(_object_spread$2({}, defaultIconProps, icon.data), newProps, props._inline, props._ref);
             }
         }
     ]);
@@ -69383,7 +69377,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$3(_object_spread$5({}, props), {
+    var newProps = _object_spread_props$2(_object_spread$2({}, props), {
         _ref: ref,
         _inline: false
     });
@@ -69394,7 +69388,7 @@ var IconComponent = /*#__PURE__*/ function(_React_Component) {
  *
  * @param props - Component properties
  */ React__default.forwardRef(function InlineIcon(props, ref) {
-    var newProps = _object_spread_props$3(_object_spread$5({}, props), {
+    var newProps = _object_spread_props$2(_object_spread$2({}, props), {
         _ref: ref,
         _inline: true
     });
@@ -69412,7 +69406,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$4(obj, key, value) {
+function _define_property$1(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -69458,7 +69452,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$4(target) {
+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);
@@ -69468,12 +69462,12 @@ function _object_spread$4(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$4(target, key, source[key]);
+            _define_property$1(target, key, source[key]);
         });
     }
     return target;
 }
-function ownKeys$2(object, enumerableOnly) {
+function ownKeys$1(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -69486,12 +69480,12 @@ function ownKeys$2(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$2(target, source) {
+function _object_spread_props$1(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$2(Object(source)).forEach(function(key) {
+        ownKeys$1(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -69552,11 +69546,11 @@ var DropImage = function(param) {
     return /*#__PURE__*/ jsxs("section", {
         className: "w-full",
         children: [
-            /*#__PURE__*/ jsxs("div", _object_spread_props$2(_object_spread$4({}, getRootProps({
+            /*#__PURE__*/ jsxs("div", _object_spread_props$1(_object_spread$1({}, getRootProps({
                 className: "dropzone"
             })), {
                 children: [
-                    /*#__PURE__*/ jsx("input", _object_spread$4({}, getInputProps())),
+                    /*#__PURE__*/ jsx("input", _object_spread$1({}, getInputProps())),
                     /*#__PURE__*/ jsx("div", {
                         className: "flex justify-between",
                         children: /*#__PURE__*/ jsx("div", {
@@ -69997,7 +69991,7 @@ function cn() {
     return twMerge(clsx(inputs));
 }
 
-function _define_property$3(obj, key, value) {
+function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -70010,7 +70004,7 @@ function _define_property$3(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$3(target) {
+function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -70020,12 +70014,12 @@ function _object_spread$3(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$3(target, key, source[key]);
+            _define_property(target, key, source[key]);
         });
     }
     return target;
 }
-function ownKeys$1(object, enumerableOnly) {
+function ownKeys(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -70038,20 +70032,20 @@ function ownKeys$1(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$1(target, source) {
+function _object_spread_props(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$1(Object(source)).forEach(function(key) {
+        ownKeys(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
     return target;
 }
-function _object_without_properties$3(source, excluded) {
+function _object_without_properties(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$3(source, excluded);
+    var target = _object_without_properties_loose(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -70064,7 +70058,7 @@ function _object_without_properties$3(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$3(source, excluded) {
+function _object_without_properties_loose(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -70077,10 +70071,10 @@ function _object_without_properties_loose$3(source, excluded) {
     return target;
 }
 var Switch = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, props = _object_without_properties$3(_param, [
+    var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /*#__PURE__*/ jsx(SwitchPrimitives.Root, _object_spread_props$1(_object_spread$3({
+    return /*#__PURE__*/ jsx(SwitchPrimitives.Root, _object_spread_props(_object_spread({
         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,
@@ -70091,398 +70085,6 @@ 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));
-});
-
-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];
@@ -70572,9 +70174,9 @@ var ReactDateRange = function(param) {
     var formatDates = function() {
         if (!range) return;
         var startDate = range.startDate, endDate = range.endDate;
-        return "".concat(format$1(startDate, "yyyy-MM-dd"), " ~ ").concat(format$1(endDate, "yyyy-MM-dd"));
+        return "".concat(format(startDate, "yyyy-MM-dd"), " ~ ").concat(format(endDate, "yyyy-MM-dd"));
     };
-    var formatDate = calendarData ? format$1(calendarData, (item === null || item === void 0 ? void 0 : item.dateDisplayFormat) || "yyyy-MM-dd") : "";
+    var formatDate = calendarData ? format(calendarData, (item === null || item === void 0 ? void 0 : item.dateDisplayFormat) || "yyyy-MM-dd") : "";
     return /*#__PURE__*/ jsxs("div", {
         className: [
             className,
@@ -70601,7 +70203,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$2, {
+                    open && (item === null || item === void 0 ? void 0 : item.type) === "date" && /*#__PURE__*/ jsx(Calendar, {
                         data: calendarData,
                         locale: locales[locale],
                         dateDisplayFormat: item === null || item === void 0 ? void 0 : item.dateDisplayFormat,
@@ -70629,4 +70231,4 @@ var ReactDateRange = function(param) {
     });
 };
 
-export { CkEditor, CustomUpload, DateRangePicker, DropImage, ReactDateRange, Spin, Switch, UiLibrary };
+export { CkEditor, CustomUpload, DropImage, ReactDateRange, Spin, Switch, UiLibrary };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunggang/ui-lib",
-  "version": "0.1.49",
+  "version": "0.1.50",
   "dependencies": {
     "@radix-ui/react-popover": "^1.0.7",
     "@radix-ui/react-slot": "^1.0.2",

package/src/index.d.ts

@@ -6,5 +6,4 @@ export * from './lib/Spin';
 export * from './lib/DropImage';
 export * from './lib/UploadImage/CustomUpload';
 export * from './lib/Switch';
-export * from './components/ui/dateRangePicker';
 export * from './components/ui/reactDateRange';