sparkle-design 1.0.3 → 1.0.4

package/dist/components/ui/button/index.d.ts

@@ -138,8 +138,5 @@ export interface ButtonProps extends Omit<NativeButtonProps, "onClick" | "onKeyD
  *
  * @param {ButtonProps} props
  */
-declare function Button({ className, variant, size, theme, isLoading, isDisabled, asChild, disabled, prefixIcon, suffixIcon, children, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Button {
-    var displayName: string;
-}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLElement>>;
 export { Button, buttonVariants };

package/dist/components/ui/button/index.js

@@ -308,7 +308,7 @@ const buttonVariants = cva([
  *
  * @param {ButtonProps} props
  */
-function Button(_a) {
+const Button = React.forwardRef(function Button(_a, ref) {
     var { className, variant, size, theme, isLoading = false, isDisabled = false, asChild = false, disabled, prefixIcon, suffixIcon, children } = _a, props = __rest(_a, ["className", "variant", "size", "theme", "isLoading", "isDisabled", "asChild", "disabled", "prefixIcon", "suffixIcon", "children"]);
     const Comp = asChild ? SlotPrimitive.Slot : "button";
     // disabled状態の管理（isDisabled、disabled、またはisLoadingがtrueの場合）
@@ -363,13 +363,21 @@ function Button(_a) {
         }
         onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
     };
-    return (_jsx(Comp, Object.assign({ "data-slot": "button", "aria-busy": isLoading || undefined, "aria-disabled": asChild && isButtonDisabled ? true : undefined, "data-disabled": asChild && isButtonDisabled ? "true" : undefined, disabled: asChild ? undefined : isButtonDisabled, className: cn(buttonVariants({
+    return (_jsx(Comp
+    // asChild ケースで <a> 等を受け入れるため公開 API は HTMLElement で広く受けるが、
+    // 内部の Comp は <button> 固定の union が含まれるためここで narrow する。
+    // en: Public ref is HTMLElement (covers asChild targets); inner Comp's button branch needs narrowing.
+    , Object.assign({ 
+        // asChild ケースで <a> 等を受け入れるため公開 API は HTMLElement で広く受けるが、
+        // 内部の Comp は <button> 固定の union が含まれるためここで narrow する。
+        // en: Public ref is HTMLElement (covers asChild targets); inner Comp's button branch needs narrowing.
+        ref: ref, "data-slot": "button", "aria-busy": isLoading || undefined, "aria-disabled": asChild && isButtonDisabled ? true : undefined, "data-disabled": asChild && isButtonDisabled ? "true" : undefined, disabled: asChild ? undefined : isButtonDisabled, className: cn(buttonVariants({
             variant,
             size,
             theme,
             isLoading,
             className,
         })), type: asChild ? undefined : props.type || "button", onClick: handleClick, onKeyDown: handleKeyDown }, restProps, { children: asChild ? (children) : (_jsxs(_Fragment, { children: [prefixIcon && (_jsx(Icon, { icon: prefixIcon, size: getIconSize(), className: cn({ "opacity-0": isLoading }) })), isLoading ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 inline-flex", children: _jsx(Spinner, { size: getIconSize(), className: "text-current" }) }), _jsx("span", { className: "opacity-0", children: children })] })) : (_jsx("span", { className: "px-1", children: children })), suffixIcon && (_jsx(Icon, { icon: suffixIcon, size: getIconSize(), className: cn({ "opacity-0": isLoading }) }))] })) })));
-}
+});
 Button.displayName = "Button";
 export { Button, buttonVariants };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sparkle-design",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
     "access": "public"