@sunggang/ui-lib 0.4.30 → 0.4.32

package/Accordion.cjs.d.ts

@@ -0,0 +1 @@
+export * from "./src/Accordion";

package/Accordion.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./Accordion.cjs.js').default;

package/Accordion.cjs.js

@@ -0,0 +1,223 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var accordion = require('./accordion.cjs2.js');
+var utils = require('./utils.cjs.js');
+require('@radix-ui/react-accordion');
+require('lucide-react');
+require('clsx');
+require('tailwind-merge');
+
+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 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;
+}
+var BaseAccordion = function(param) {
+    var items = param.items, _param_type = param.type, type = _param_type === void 0 ? "single" : _param_type, _param_collapsible = param.collapsible, collapsible = _param_collapsible === void 0 ? true : _param_collapsible, defaultValue = param.defaultValue, value = param.value, onValueChange = param.onValueChange, _param_orientation = param.orientation, orientation = _param_orientation === void 0 ? "vertical" : _param_orientation, className = param.className, itemClassName = param.itemClassName, triggerClassName = param.triggerClassName, contentClassName = param.contentClassName, _param_showBorder = param.showBorder, showBorder = _param_showBorder === void 0 ? true : _param_showBorder, _param_size = param.size, size = _param_size === void 0 ? "md" : _param_size;
+    var sizeClasses = {
+        sm: {
+            trigger: "py-2 text-sm",
+            content: "text-sm"
+        },
+        md: {
+            trigger: "py-4 text-base",
+            content: "text-base"
+        },
+        lg: {
+            trigger: "py-6 text-lg",
+            content: "text-lg"
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx("div", {
+        className: utils.cn("w-full", !showBorder && "[&>*]:border-none", className),
+        children: type === "single" ? /*#__PURE__*/ jsxRuntime.jsx(accordion.Accordion, {
+            type: "single",
+            collapsible: collapsible,
+            defaultValue: defaultValue,
+            value: value,
+            onValueChange: onValueChange,
+            orientation: orientation,
+            children: items.map(function(item) {
+                return /*#__PURE__*/ jsxRuntime.jsxs(accordion.AccordionItem, {
+                    value: item.id,
+                    disabled: item.disabled,
+                    className: utils.cn(itemClassName),
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(accordion.AccordionTrigger, {
+                            className: utils.cn(sizeClasses[size].trigger, item.disabled && "opacity-50 cursor-not-allowed", triggerClassName, item.titleClassName),
+                            children: item.title
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(accordion.AccordionContent, {
+                            className: utils.cn(sizeClasses[size].content, contentClassName, item.contentClassName),
+                            children: item.content
+                        })
+                    ]
+                }, item.id);
+            })
+        }) : /*#__PURE__*/ jsxRuntime.jsx(accordion.Accordion, {
+            type: "multiple",
+            defaultValue: defaultValue,
+            value: value,
+            onValueChange: onValueChange,
+            orientation: orientation,
+            children: items.map(function(item) {
+                return /*#__PURE__*/ jsxRuntime.jsxs(accordion.AccordionItem, {
+                    value: item.id,
+                    disabled: item.disabled,
+                    className: utils.cn(itemClassName),
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(accordion.AccordionTrigger, {
+                            className: utils.cn(sizeClasses[size].trigger, item.disabled && "opacity-50 cursor-not-allowed", triggerClassName, item.titleClassName),
+                            children: item.title
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(accordion.AccordionContent, {
+                            className: utils.cn(sizeClasses[size].content, contentClassName, item.contentClassName),
+                            children: item.content
+                        })
+                    ]
+                }, item.id);
+            })
+        })
+    });
+};
+var FAQAccordion = function(param) {
+    var faqs = param.faqs, className = param.className;
+    var items = faqs.map(function(faq) {
+        return {
+            id: faq.id,
+            title: faq.question,
+            content: /*#__PURE__*/ jsxRuntime.jsx("div", {
+                className: "text-gray-600 leading-relaxed",
+                children: faq.answer
+            })
+        };
+    });
+    return /*#__PURE__*/ jsxRuntime.jsx(BaseAccordion, {
+        items: items,
+        type: "single",
+        collapsible: true,
+        className: utils.cn("space-y-2", className),
+        itemClassName: "border rounded-lg px-4",
+        triggerClassName: "hover:no-underline hover:bg-gray-50 rounded-lg px-2"
+    });
+};
+var FeatureAccordion = function(param) {
+    var features = param.features, className = param.className;
+    var items = features.map(function(feature) {
+        return {
+            id: feature.id,
+            title: feature.title,
+            content: /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                className: "space-y-3",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx("p", {
+                        className: "text-gray-600",
+                        children: feature.description
+                    }),
+                    feature.details
+                ]
+            }),
+            titleClassName: "flex items-center space-x-3"
+        };
+    });
+    return /*#__PURE__*/ jsxRuntime.jsx(BaseAccordion, {
+        items: items.map(function(item, index) {
+            return _object_spread_props(_object_spread({}, item), {
+                title: /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                    className: "flex items-center space-x-3",
+                    children: [
+                        features[index].icon && /*#__PURE__*/ jsxRuntime.jsx("div", {
+                            className: "text-blue-500",
+                            children: features[index].icon
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx("span", {
+                            children: features[index].title
+                        })
+                    ]
+                })
+            });
+        }),
+        type: "single",
+        collapsible: true,
+        size: "lg",
+        className: className,
+        itemClassName: "border-l-4 border-l-blue-500 pl-4"
+    });
+};
+var SettingsAccordion = function(param) {
+    var categories = param.categories, className = param.className;
+    var items = categories.map(function(category) {
+        return {
+            id: category.id,
+            title: category.title,
+            content: /*#__PURE__*/ jsxRuntime.jsx("div", {
+                className: "bg-gray-50 rounded-lg p-4",
+                children: category.settings
+            })
+        };
+    });
+    return /*#__PURE__*/ jsxRuntime.jsx(BaseAccordion, {
+        items: items,
+        type: "multiple",
+        className: className,
+        itemClassName: "bg-white rounded-lg shadow-sm border",
+        triggerClassName: "px-6 py-4 font-semibold text-gray-800",
+        contentClassName: "px-6 pb-4"
+    });
+};
+
+exports.BaseAccordion = BaseAccordion;
+exports.FAQAccordion = FAQAccordion;
+exports.FeatureAccordion = FeatureAccordion;
+exports.SettingsAccordion = SettingsAccordion;

package/Accordion.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './Accordion.cjs.js';
+export { _default as default } from './Accordion.cjs.default.js';

package/Accordion.esm.d.ts

@@ -0,0 +1 @@
+export * from "./src/Accordion";

package/Accordion.esm.js

@@ -0,0 +1,216 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import { A as Accordion, a as AccordionItem, b as AccordionTrigger, c as AccordionContent } from './accordion.esm2.js';
+import { c as cn } from './utils.esm.js';
+import '@radix-ui/react-accordion';
+import 'lucide-react';
+import 'clsx';
+import 'tailwind-merge';
+
+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 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;
+}
+var BaseAccordion = function(param) {
+    var items = param.items, _param_type = param.type, type = _param_type === void 0 ? "single" : _param_type, _param_collapsible = param.collapsible, collapsible = _param_collapsible === void 0 ? true : _param_collapsible, defaultValue = param.defaultValue, value = param.value, onValueChange = param.onValueChange, _param_orientation = param.orientation, orientation = _param_orientation === void 0 ? "vertical" : _param_orientation, className = param.className, itemClassName = param.itemClassName, triggerClassName = param.triggerClassName, contentClassName = param.contentClassName, _param_showBorder = param.showBorder, showBorder = _param_showBorder === void 0 ? true : _param_showBorder, _param_size = param.size, size = _param_size === void 0 ? "md" : _param_size;
+    var sizeClasses = {
+        sm: {
+            trigger: "py-2 text-sm",
+            content: "text-sm"
+        },
+        md: {
+            trigger: "py-4 text-base",
+            content: "text-base"
+        },
+        lg: {
+            trigger: "py-6 text-lg",
+            content: "text-lg"
+        }
+    };
+    return /*#__PURE__*/ jsx("div", {
+        className: cn("w-full", !showBorder && "[&>*]:border-none", className),
+        children: type === "single" ? /*#__PURE__*/ jsx(Accordion, {
+            type: "single",
+            collapsible: collapsible,
+            defaultValue: defaultValue,
+            value: value,
+            onValueChange: onValueChange,
+            orientation: orientation,
+            children: items.map(function(item) {
+                return /*#__PURE__*/ jsxs(AccordionItem, {
+                    value: item.id,
+                    disabled: item.disabled,
+                    className: cn(itemClassName),
+                    children: [
+                        /*#__PURE__*/ jsx(AccordionTrigger, {
+                            className: cn(sizeClasses[size].trigger, item.disabled && "opacity-50 cursor-not-allowed", triggerClassName, item.titleClassName),
+                            children: item.title
+                        }),
+                        /*#__PURE__*/ jsx(AccordionContent, {
+                            className: cn(sizeClasses[size].content, contentClassName, item.contentClassName),
+                            children: item.content
+                        })
+                    ]
+                }, item.id);
+            })
+        }) : /*#__PURE__*/ jsx(Accordion, {
+            type: "multiple",
+            defaultValue: defaultValue,
+            value: value,
+            onValueChange: onValueChange,
+            orientation: orientation,
+            children: items.map(function(item) {
+                return /*#__PURE__*/ jsxs(AccordionItem, {
+                    value: item.id,
+                    disabled: item.disabled,
+                    className: cn(itemClassName),
+                    children: [
+                        /*#__PURE__*/ jsx(AccordionTrigger, {
+                            className: cn(sizeClasses[size].trigger, item.disabled && "opacity-50 cursor-not-allowed", triggerClassName, item.titleClassName),
+                            children: item.title
+                        }),
+                        /*#__PURE__*/ jsx(AccordionContent, {
+                            className: cn(sizeClasses[size].content, contentClassName, item.contentClassName),
+                            children: item.content
+                        })
+                    ]
+                }, item.id);
+            })
+        })
+    });
+};
+var FAQAccordion = function(param) {
+    var faqs = param.faqs, className = param.className;
+    var items = faqs.map(function(faq) {
+        return {
+            id: faq.id,
+            title: faq.question,
+            content: /*#__PURE__*/ jsx("div", {
+                className: "text-gray-600 leading-relaxed",
+                children: faq.answer
+            })
+        };
+    });
+    return /*#__PURE__*/ jsx(BaseAccordion, {
+        items: items,
+        type: "single",
+        collapsible: true,
+        className: cn("space-y-2", className),
+        itemClassName: "border rounded-lg px-4",
+        triggerClassName: "hover:no-underline hover:bg-gray-50 rounded-lg px-2"
+    });
+};
+var FeatureAccordion = function(param) {
+    var features = param.features, className = param.className;
+    var items = features.map(function(feature) {
+        return {
+            id: feature.id,
+            title: feature.title,
+            content: /*#__PURE__*/ jsxs("div", {
+                className: "space-y-3",
+                children: [
+                    /*#__PURE__*/ jsx("p", {
+                        className: "text-gray-600",
+                        children: feature.description
+                    }),
+                    feature.details
+                ]
+            }),
+            titleClassName: "flex items-center space-x-3"
+        };
+    });
+    return /*#__PURE__*/ jsx(BaseAccordion, {
+        items: items.map(function(item, index) {
+            return _object_spread_props(_object_spread({}, item), {
+                title: /*#__PURE__*/ jsxs("div", {
+                    className: "flex items-center space-x-3",
+                    children: [
+                        features[index].icon && /*#__PURE__*/ jsx("div", {
+                            className: "text-blue-500",
+                            children: features[index].icon
+                        }),
+                        /*#__PURE__*/ jsx("span", {
+                            children: features[index].title
+                        })
+                    ]
+                })
+            });
+        }),
+        type: "single",
+        collapsible: true,
+        size: "lg",
+        className: className,
+        itemClassName: "border-l-4 border-l-blue-500 pl-4"
+    });
+};
+var SettingsAccordion = function(param) {
+    var categories = param.categories, className = param.className;
+    var items = categories.map(function(category) {
+        return {
+            id: category.id,
+            title: category.title,
+            content: /*#__PURE__*/ jsx("div", {
+                className: "bg-gray-50 rounded-lg p-4",
+                children: category.settings
+            })
+        };
+    });
+    return /*#__PURE__*/ jsx(BaseAccordion, {
+        items: items,
+        type: "multiple",
+        className: className,
+        itemClassName: "bg-white rounded-lg shadow-sm border",
+        triggerClassName: "px-6 py-4 font-semibold text-gray-800",
+        contentClassName: "px-6 pb-4"
+    });
+};
+
+export { BaseAccordion, FAQAccordion, FeatureAccordion, SettingsAccordion };

package/BaseCkeditor.cjs.js

@@ -66802,7 +66802,7 @@ var BaseCkeditor = function(param) {
                         editor: Editor,
                         data: value,
                         config: {
-                            customUpload: config || (item === null || item === void 0 ? void 0 : item.config)
+                            customUpload: config || (item === null || item === void 0 ? void 0 : item.config) || {}
                         },
                         onChange: function(_, editor) {
                             var data = editor.getData();

package/BaseCkeditor.esm.js

@@ -66796,7 +66796,7 @@ var BaseCkeditor = function(param) {
                         editor: Editor,
                         data: value,
                         config: {
-                            customUpload: config || (item === null || item === void 0 ? void 0 : item.config)
+                            customUpload: config || (item === null || item === void 0 ? void 0 : item.config) || {}
                         },
                         onChange: function(_, editor) {
                             var data = editor.getData();

package/Carousel.cjs.d.ts

@@ -0,0 +1 @@
+export * from "./src/Carousel";

package/Carousel.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./Carousel.cjs.js').default;

package/Carousel.cjs.js

@@ -0,0 +1,177 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var carousel = require('./carousel.cjs2.js');
+var utils = require('./utils.cjs.js');
+require('embla-carousel-react');
+require('lucide-react');
+require('./button.cjs.js');
+require('@radix-ui/react-slot');
+require('class-variance-authority');
+require('clsx');
+require('tailwind-merge');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+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];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+var BaseCarousel = function(param) {
+    var items = param.items, _param_showNavigation = param.showNavigation, showNavigation = _param_showNavigation === void 0 ? true : _param_showNavigation, _param_showIndicators = param.showIndicators, showIndicators = _param_showIndicators === void 0 ? true : _param_showIndicators, autoPlay = param.autoPlay, _param_orientation = param.orientation, orientation = _param_orientation === void 0 ? "horizontal" : _param_orientation, _param_itemsPerView = param.itemsPerView, itemsPerView = _param_itemsPerView === void 0 ? 1 : _param_itemsPerView, _param_gap = param.gap, gap = _param_gap === void 0 ? "1rem" : _param_gap, className = param.className, itemClassName = param.itemClassName, navigationClassName = param.navigationClassName, indicatorClassName = param.indicatorClassName, onSlideChange = param.onSlideChange, onReady = param.onReady;
+    var _React_useState = _sliced_to_array(React__namespace.useState(), 2), api = _React_useState[0], setApi = _React_useState[1];
+    var _React_useState1 = _sliced_to_array(React__namespace.useState(0), 2), current = _React_useState1[0], setCurrent = _React_useState1[1];
+    var _React_useState2 = _sliced_to_array(React__namespace.useState(0), 2), count = _React_useState2[0], setCount = _React_useState2[1];
+    React__namespace.useEffect(function() {
+        if (!api) return;
+        setCount(api.scrollSnapList().length);
+        setCurrent(api.selectedScrollSnap() + 1);
+        api.on("select", function() {
+            var selectedIndex = api.selectedScrollSnap();
+            setCurrent(selectedIndex + 1);
+            onSlideChange === null || onSlideChange === void 0 ? void 0 : onSlideChange(selectedIndex);
+        });
+        onReady === null || onReady === void 0 ? void 0 : onReady(api);
+    }, [
+        api,
+        onSlideChange,
+        onReady
+    ]);
+    React__namespace.useEffect(function() {
+        if (!api || !autoPlay) return;
+        var interval = setInterval(function() {
+            if (api.canScrollNext()) {
+                api.scrollNext();
+            } else {
+                api.scrollTo(0);
+            }
+        }, autoPlay);
+        return function() {
+            return clearInterval(interval);
+        };
+    }, [
+        api,
+        autoPlay
+    ]);
+    var basisClass = itemsPerView === 1 ? "basis-full" : itemsPerView === 2 ? "basis-1/2" : itemsPerView === 3 ? "basis-1/3" : itemsPerView === 4 ? "basis-1/4" : "basis-1/".concat(itemsPerView);
+    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
+        className: utils.cn("relative w-full", className),
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(carousel.Carousel, {
+                setApi: setApi,
+                orientation: orientation,
+                opts: {
+                    align: "start",
+                    loop: true
+                },
+                className: "w-full",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(carousel.CarouselContent, {
+                        className: utils.cn("-ml-1", orientation === "vertical" && "-mt-1 flex-col"),
+                        style: {
+                            gap: gap
+                        },
+                        children: items.map(function(item, index) {
+                            return /*#__PURE__*/ jsxRuntime.jsx(carousel.CarouselItem, {
+                                className: utils.cn("pl-1", basisClass, orientation === "vertical" && "pt-1", itemClassName),
+                                children: /*#__PURE__*/ jsxRuntime.jsx("div", {
+                                    className: "p-1",
+                                    children: item.content
+                                })
+                            }, item.id);
+                        })
+                    }),
+                    showNavigation && /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(carousel.CarouselPrevious, {
+                                className: utils.cn(navigationClassName)
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(carousel.CarouselNext, {
+                                className: utils.cn(navigationClassName)
+                            })
+                        ]
+                    })
+                ]
+            }),
+            showIndicators && /*#__PURE__*/ jsxRuntime.jsx("div", {
+                className: "flex justify-center mt-4 space-x-2",
+                children: Array.from({
+                    length: count
+                }, function(_, index) {
+                    return /*#__PURE__*/ jsxRuntime.jsx("button", {
+                        className: utils.cn("h-2 w-2 rounded-full transition-all", current === index + 1 ? "bg-primary scale-125" : "bg-primary/30 hover:bg-primary/60", indicatorClassName),
+                        onClick: function() {
+                            return api === null || api === void 0 ? void 0 : api.scrollTo(index);
+                        },
+                        "aria-label": "前往第 ".concat(index + 1, " 張投影片")
+                    }, index);
+                })
+            })
+        ]
+    });
+};
+
+exports.BaseCarousel = BaseCarousel;

package/Carousel.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './Carousel.cjs.js';
+export { _default as default } from './Carousel.cjs.default.js';

package/Carousel.esm.d.ts

@@ -0,0 +1 @@
+export * from "./src/Carousel";