@sunggang/ui-lib 0.4.30 → 0.4.31

package/input.cjs.js

@@ -2,8 +2,6 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var reactSlot = require('@radix-ui/react-slot');
-var classVarianceAuthority = require('class-variance-authority');
 var utils = require('./utils.cjs.js');
 
 function _interopNamespace(e) {
@@ -26,151 +24,6 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-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 _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;
-}
-var buttonVariants = classVarianceAuthority.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: {
-            custom: "bg-inherit",
-            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__namespace.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, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, customClassName = _param.customClassName, children = _param.children, props = _object_without_properties$1(_param, [
-        "className",
-        "variant",
-        "size",
-        "asChild",
-        "isLoading",
-        "customClassName",
-        "children"
-    ]);
-    var Comp = asChild ? reactSlot.Slot : "button";
-    return /*#__PURE__*/ jsxRuntime.jsx(Comp, _object_spread_props(_object_spread$1({
-        className: utils.cn(variant !== "custom" ? buttonVariants({
-            variant: variant,
-            size: size,
-            className: className
-        }) : "", isLoading ? "pointer-events-none opacity-70" : "pointer-events-auto opacity-100"),
-        ref: ref
-    }, props), {
-        disabled: isLoading || props.disabled,
-        children: variant === "custom" ? /*#__PURE__*/ jsxRuntime.jsxs("div", {
-            className: [
-                "flex items-center gap-1",
-                customClassName,
-                props.disabled ? "pointer-events-none opacity-70" : ""
-            ].join(" "),
-            children: [
-                isLoading && /*#__PURE__*/ jsxRuntime.jsx("div", {
-                    className: "w-4 h-4 rounded-full border-2 border-solid border-white border-t-[#939393] animate-spin mr-2"
-                }),
-                children
-            ]
-        }) : /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-            children: [
-                isLoading && /*#__PURE__*/ jsxRuntime.jsx("div", {
-                    className: "w-4 h-4 rounded-full border-2 border-solid border-white border-t-[#939393] animate-spin mr-2"
-                }),
-                children
-            ]
-        })
-    }));
-});
-
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -239,6 +92,4 @@ var Input = /*#__PURE__*/ React__namespace.forwardRef(function(_param, ref) {
 });
 Input.displayName = "Input";
 
-exports.Button = Button;
 exports.Input = Input;
-exports.buttonVariants = buttonVariants;

package/input.esm.js

@@ -1,154 +1,7 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
 import { c as cn } from './utils.esm.js';
 
-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 _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;
-}
-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: {
-            custom: "bg-inherit",
-            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, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, customClassName = _param.customClassName, children = _param.children, props = _object_without_properties$1(_param, [
-        "className",
-        "variant",
-        "size",
-        "asChild",
-        "isLoading",
-        "customClassName",
-        "children"
-    ]);
-    var Comp = asChild ? Slot : "button";
-    return /*#__PURE__*/ jsx(Comp, _object_spread_props(_object_spread$1({
-        className: cn(variant !== "custom" ? buttonVariants({
-            variant: variant,
-            size: size,
-            className: className
-        }) : "", isLoading ? "pointer-events-none opacity-70" : "pointer-events-auto opacity-100"),
-        ref: ref
-    }, props), {
-        disabled: isLoading || props.disabled,
-        children: variant === "custom" ? /*#__PURE__*/ jsxs("div", {
-            className: [
-                "flex items-center gap-1",
-                customClassName,
-                props.disabled ? "pointer-events-none opacity-70" : ""
-            ].join(" "),
-            children: [
-                isLoading && /*#__PURE__*/ jsx("div", {
-                    className: "w-4 h-4 rounded-full border-2 border-solid border-white border-t-[#939393] animate-spin mr-2"
-                }),
-                children
-            ]
-        }) : /*#__PURE__*/ jsxs(Fragment, {
-            children: [
-                isLoading && /*#__PURE__*/ jsx("div", {
-                    className: "w-4 h-4 rounded-full border-2 border-solid border-white border-t-[#939393] animate-spin mr-2"
-                }),
-                children
-            ]
-        })
-    }));
-});
-
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -217,4 +70,4 @@ var Input = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
 });
 Input.displayName = "Input";
 
-export { Button as B, Input as I, buttonVariants as b };
+export { Input as I };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunggang/ui-lib",
-  "version": "0.4.30",
+  "version": "0.4.31",
   "sideEffects": [
     "*.css",
     "./src/style.css",
@@ -72,6 +72,21 @@
       "import": "./BaseSwitch.cjs.mjs",
       "default": "./BaseSwitch.cjs.js"
     },
+    "./Carousel": {
+      "module": "./Carousel.esm.js",
+      "import": "./Carousel.cjs.mjs",
+      "default": "./Carousel.cjs.js"
+    },
+    "./Skeleton": {
+      "module": "./Skeleton.esm.js",
+      "import": "./Skeleton.cjs.mjs",
+      "default": "./Skeleton.cjs.js"
+    },
+    "./Accordion": {
+      "module": "./Accordion.esm.js",
+      "import": "./Accordion.cjs.mjs",
+      "default": "./Accordion.cjs.js"
+    },
     "./package.json": "./package.json"
   },
   "dependencies": {
@@ -83,6 +98,7 @@
     "@mui/icons-material": "^6.4.1",
     "@mui/material": "^6.4.1",
     "@mui/x-date-pickers": "^7.24.0",
+    "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-icons": "^1.3.0",
@@ -94,6 +110,7 @@
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "date-fns": "^2.29.3",
+    "embla-carousel-react": "^8.6.0",
     "flatpickr": "^4.6.13",
     "input-otp": "^1.2.4",
     "lucide-react": "^0.363.0",

package/skeleton.cjs2.js

@@ -0,0 +1,70 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var utils = require('./utils.cjs.js');
+
+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;
+}
+function Skeleton(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx("div", _object_spread({
+        className: utils.cn("animate-pulse rounded-md bg-muted", className)
+    }, props));
+}
+
+exports.Skeleton = Skeleton;

package/skeleton.esm2.js

@@ -0,0 +1,68 @@
+import { jsx } from 'react/jsx-runtime';
+import { c as cn } from './utils.esm.js';
+
+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;
+}
+function Skeleton(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ jsx("div", _object_spread({
+        className: cn("animate-pulse rounded-md bg-muted", className)
+    }, props));
+}
+
+export { Skeleton as S };

package/src/Accordion.d.ts

@@ -0,0 +1 @@
+export * from './lib/Accordion';

package/src/Carousel.d.ts

@@ -0,0 +1 @@
+export * from './lib/Carousel';

package/src/Skeleton.d.ts

@@ -0,0 +1 @@
+export * from './lib/Skeleton';

package/src/components/ui/accordion.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/src/components/ui/carousel.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react';
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: 'horizontal' | 'vertical';
+    setApi?: (api: CarouselApi) => void;
+};
+declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<import("./button").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const CarouselNext: React.ForwardRefExoticComponent<Omit<import("./button").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };

package/src/components/ui/skeleton.d.ts

@@ -0,0 +1,2 @@
+declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export { Skeleton };

package/src/index.d.ts

@@ -7,6 +7,9 @@ export * from './components/ui/dateRangePicker';
 export * from './components/ui/singlePicker';
 export * from './components/ui/checkbox';
 export * from './components/ui/inputOtp';
+export * from './components/ui/carousel';
+export * from './components/ui/skeleton';
+export * from './components/ui/accordion';
 export * from './lib/Function';
 export * from './lib/Drawer/Base';
 export * from './lib/Select/CustomSelect';

package/src/lib/Accordion/index.d.ts

@@ -0,0 +1,79 @@
+import * as React from 'react';
+export interface AccordionItemData {
+    /** 唯一識別碼 */
+    id: string;
+    /** 標題 */
+    title: React.ReactNode;
+    /** 內容 */
+    content: React.ReactNode;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 自定義標題樣式類名 */
+    titleClassName?: string;
+    /** 自定義內容樣式類名 */
+    contentClassName?: string;
+}
+export interface BaseAccordionProps {
+    /** 手風琴項目資料 */
+    items: AccordionItemData[];
+    /** 手風琴類型 */
+    type?: 'single' | 'multiple';
+    /** 是否可摺疊（僅在 type="single" 時有效） */
+    collapsible?: boolean;
+    /** 預設開啟的項目值 */
+    defaultValue?: string | string[];
+    /** 受控的開啟項目值 */
+    value?: string | string[];
+    /** 當開啟項目變更時的回調 */
+    onValueChange?: (value: string | string[]) => void;
+    /** 手風琴方向 */
+    orientation?: 'vertical' | 'horizontal';
+    /** 容器樣式類名 */
+    className?: string;
+    /** 項目樣式類名 */
+    itemClassName?: string;
+    /** 觸發器樣式類名 */
+    triggerClassName?: string;
+    /** 內容樣式類名 */
+    contentClassName?: string;
+    /** 是否顯示邊框 */
+    showBorder?: boolean;
+    /** 大小變體 */
+    size?: 'sm' | 'md' | 'lg';
+}
+export declare const BaseAccordion: React.FC<BaseAccordionProps>;
+export interface FAQAccordionProps {
+    /** FAQ 項目 */
+    faqs: Array<{
+        id: string;
+        question: string;
+        answer: string;
+    }>;
+    /** 容器樣式類名 */
+    className?: string;
+}
+export declare const FAQAccordion: React.FC<FAQAccordionProps>;
+export interface FeatureAccordionProps {
+    /** 功能特色項目 */
+    features: Array<{
+        id: string;
+        title: string;
+        description: string;
+        icon?: React.ReactNode;
+        details?: React.ReactNode;
+    }>;
+    /** 容器樣式類名 */
+    className?: string;
+}
+export declare const FeatureAccordion: React.FC<FeatureAccordionProps>;
+export interface SettingsAccordionProps {
+    /** 設定分類 */
+    categories: Array<{
+        id: string;
+        title: string;
+        settings: React.ReactNode;
+    }>;
+    /** 容器樣式類名 */
+    className?: string;
+}
+export declare const SettingsAccordion: React.FC<SettingsAccordionProps>;

package/src/lib/Carousel/index.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { type CarouselApi } from '../../components/ui/carousel';
+export interface CarouselItemData {
+    id: string | number;
+    content: React.ReactNode;
+}
+export interface BaseCarouselProps {
+    /** 輪播項目資料 */
+    items: CarouselItemData[];
+    /** 是否顯示導航按鈕 */
+    showNavigation?: boolean;
+    /** 是否顯示指示器 */
+    showIndicators?: boolean;
+    /** 自動播放間隔時間（毫秒） */
+    autoPlay?: number;
+    /** 輪播方向 */
+    orientation?: 'horizontal' | 'vertical';
+    /** 一次顯示的項目數量 */
+    itemsPerView?: number;
+    /** 項目之間的間距 */
+    gap?: string;
+    /** 容器樣式類名 */
+    className?: string;
+    /** 項目樣式類名 */
+    itemClassName?: string;
+    /** 導航按鈕樣式類名 */
+    navigationClassName?: string;
+    /** 指示器樣式類名 */
+    indicatorClassName?: string;
+    /** 當項目變更時的回調 */
+    onSlideChange?: (index: number) => void;
+    /** 當輪播準備就緒時的回調 */
+    onReady?: (api: CarouselApi) => void;
+}
+export declare const BaseCarousel: React.FC<BaseCarouselProps>;