@negative-space/button 2.4.1 → 2.5.0

package/dist/index.d.mts

@@ -1,6 +1,7 @@
-import React from 'react';
 import { FlexProps } from '@negative-space/flex';
 import { SpinnerProps } from '@negative-space/spinner';
+import { ClickableAnimation } from '@negative-space/system';
+import React from 'react';
 
 interface ButtonProps extends Omit<FlexProps<'button'>, 'as' | 'prefix' | 'className' | 'style'> {
     prefix?: React.ReactNode;
@@ -10,25 +11,26 @@ interface ButtonProps extends Omit<FlexProps<'button'>, 'as' | 'prefix' | 'class
         prefix?: string;
         content?: string;
         suffix?: string;
+        spinner?: string;
     };
     styles?: {
         btn?: React.CSSProperties;
         prefix?: React.CSSProperties;
         content?: React.CSSProperties;
         suffix?: React.CSSProperties;
+        spinner?: React.CSSProperties;
     };
+    animation?: ClickableAnimation;
     controlled?: boolean;
-    isRippleDisabled?: boolean;
-    isLoading?: boolean;
-    spinner?: React.ReactNode;
+    loading?: boolean;
     spinnerPosition?: 'full' | 'prefix' | 'content' | 'suffix';
-    spinnerProps?: Omit<SpinnerProps, 'isLoading'>;
+    spinnerProps?: Omit<SpinnerProps, 'loading' | 'className' | 'style'>;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
 interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     controlled?: boolean;
-    isRippleDisabled?: boolean;
+    animation?: ClickableAnimation;
 }
 declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
 

package/dist/index.d.ts

@@ -1,6 +1,7 @@
-import React from 'react';
 import { FlexProps } from '@negative-space/flex';
 import { SpinnerProps } from '@negative-space/spinner';
+import { ClickableAnimation } from '@negative-space/system';
+import React from 'react';
 
 interface ButtonProps extends Omit<FlexProps<'button'>, 'as' | 'prefix' | 'className' | 'style'> {
     prefix?: React.ReactNode;
@@ -10,25 +11,26 @@ interface ButtonProps extends Omit<FlexProps<'button'>, 'as' | 'prefix' | 'class
         prefix?: string;
         content?: string;
         suffix?: string;
+        spinner?: string;
     };
     styles?: {
         btn?: React.CSSProperties;
         prefix?: React.CSSProperties;
         content?: React.CSSProperties;
         suffix?: React.CSSProperties;
+        spinner?: React.CSSProperties;
     };
+    animation?: ClickableAnimation;
     controlled?: boolean;
-    isRippleDisabled?: boolean;
-    isLoading?: boolean;
-    spinner?: React.ReactNode;
+    loading?: boolean;
     spinnerPosition?: 'full' | 'prefix' | 'content' | 'suffix';
-    spinnerProps?: Omit<SpinnerProps, 'isLoading'>;
+    spinnerProps?: Omit<SpinnerProps, 'loading' | 'className' | 'style'>;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
 interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     controlled?: boolean;
-    isRippleDisabled?: boolean;
+    animation?: ClickableAnimation;
 }
 declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
 

package/dist/index.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var React = require('react');
-var system = require('@negative-space/system');
 var flex = require('@negative-space/flex');
-var spinner = require('@negative-space/spinner');
 var ripple = require('@negative-space/ripple');
+var spinner = require('@negative-space/spinner');
+var system = require('@negative-space/system');
+var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -31,10 +31,9 @@ var Button = React__default.default.forwardRef(
     controlled,
     styles,
     disabled = false,
-    isRippleDisabled,
+    animation,
     onClick,
-    isLoading = false,
-    spinner: spinner$1,
+    loading = false,
     spinnerPosition = "full",
     spinnerProps,
     alignItems = "center",
@@ -44,19 +43,19 @@ var Button = React__default.default.forwardRef(
     const { global, components } = system.useNSUI();
     const context = useButtonContextConditional(!!controlled);
     const groupDisabled = context.disabled;
-    const rippleDisabled = isRippleDisabled ?? components.button.isRippleDisabled;
+    const rippleDisabled = (animation ?? components.button.animation) !== "ripple";
     const { createRipple } = ripple.useRipple(`${global.prefixCls}-ripple`);
-    const isDisabled = disabled || isLoading || (controlled ? groupDisabled : false);
-    const resolvedSpinner = spinner$1 ?? /* @__PURE__ */ jsxRuntime.jsx(spinner.Spinner, { isLoading: true, ...spinnerProps });
+    const isDisabled = disabled || loading || (controlled ? groupDisabled : false);
+    const resolvedSpinner = /* @__PURE__ */ jsxRuntime.jsx(spinner.Spinner, { loading: true, className: classNames?.spinner, style: styles?.spinner, ...spinnerProps });
     const handleClick = (e) => {
       if (isDisabled) return;
       const isKeyboard = e.detail === 0;
       if (!rippleDisabled) createRipple(e, { centered: isKeyboard });
       onClick?.(e);
     };
-    const showPrefix = prefix || isLoading && spinnerPosition === "prefix";
-    const showContent = children || isLoading && spinnerPosition === "content";
-    const showSuffix = suffix || isLoading && spinnerPosition === "suffix";
+    const showPrefix = prefix || loading && spinnerPosition === "prefix";
+    const showContent = children || loading && spinnerPosition === "content";
+    const showSuffix = suffix || loading && spinnerPosition === "suffix";
     return /* @__PURE__ */ jsxRuntime.jsx(
       flex.Flex,
       {
@@ -66,17 +65,18 @@ var Button = React__default.default.forwardRef(
         alignItems,
         justify,
         disabled: isDisabled,
+        "data-loading": loading,
         "data-disabled": isDisabled,
         onClick: handleClick,
         className: system.cn(`${global.prefixCls}-btn ${global.prefixCls}-clickable`, classNames?.btn),
         style: styles?.btn,
-        children: spinnerPosition === "full" && isLoading ? resolvedSpinner : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        children: spinnerPosition === "full" && loading ? resolvedSpinner : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           showPrefix && /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
               className: system.cn(`${global.prefixCls}-btn-prefix`, classNames?.prefix),
               style: styles?.prefix,
-              children: spinnerPosition === "prefix" && isLoading ? resolvedSpinner : prefix
+              children: spinnerPosition === "prefix" && loading ? resolvedSpinner : prefix
             }
           ),
           showContent && /* @__PURE__ */ jsxRuntime.jsx(
@@ -84,7 +84,7 @@ var Button = React__default.default.forwardRef(
             {
               className: system.cn(`${global.prefixCls}-btn-content`, classNames?.content),
               style: styles?.content,
-              children: spinnerPosition === "content" && isLoading ? resolvedSpinner : children
+              children: spinnerPosition === "content" && loading ? resolvedSpinner : children
             }
           ),
           showSuffix && /* @__PURE__ */ jsxRuntime.jsx(
@@ -92,7 +92,7 @@ var Button = React__default.default.forwardRef(
             {
               className: system.cn(`${global.prefixCls}-btn-suffix`, classNames?.suffix),
               style: styles?.suffix,
-              children: spinnerPosition === "suffix" && isLoading ? resolvedSpinner : suffix
+              children: spinnerPosition === "suffix" && loading ? resolvedSpinner : suffix
             }
           )
         ] })
@@ -102,9 +102,9 @@ var Button = React__default.default.forwardRef(
 );
 Button.displayName = "Button";
 var IconButton = React__default.default.forwardRef(
-  ({ className, controlled, style, disabled, isRippleDisabled, onClick, ...props }, ref) => {
+  ({ className, controlled, style, disabled, animation, onClick, ...props }, ref) => {
     const { global, components } = system.useNSUI();
-    const rippleDisabled = isRippleDisabled ?? components.iconButton.isRippleDisabled;
+    const rippleDisabled = (animation ?? components.iconButton.animation) !== "ripple";
     const context = useButtonContextConditional(!!controlled);
     const groupDisabled = context.disabled;
     const isDisabled = disabled || (controlled ? groupDisabled : false);

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ButtonContext.ts","../src/useButtonContext.ts","../src/Button.tsx","../src/IconButton.tsx","../src/ButtonGroup.tsx"],"names":["React","useContext","spinner","useNSUI","useRipple","jsx","Spinner","Flex","cn","jsxs","Fragment","mergeCn"],"mappings":";;;;;;;;;;;;;;AAMO,IAAM,aAAA,GAAgBA,sBAAA,CAAM,aAAA,CAAyC,IAAI,CAAA;;;ACHzE,IAAM,2BAAA,GAA8B,CACzC,UAAA,KAC6C;AAC7C,EAAA,MAAM,GAAA,GAAMC,iBAAW,aAAa,CAAA;AAEpC,EAAA,IAAI,UAAA,IAAc,CAAC,GAAA,EAAK;AACtB,IAAA,MAAM,IAAI,MAAM,mDAAmD,CAAA;AAAA,EACrE;AAEA,EAAA,OAAO,GAAA,IAAO,EAAE,QAAA,EAAU,KAAA,EAAM;AAClC,CAAA;ACoBO,IAAM,SAASD,sBAAAA,CAAM,UAAA;AAAA,EAC1B,CACE;AAAA,IACE,QAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,gBAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA,GAAY,KAAA;AAAA,aACZE,SAAA;AAAA,IACA,eAAA,GAAkB,MAAA;AAAA,IAClB,YAAA;AAAA,IACA,UAAA,GAAa,QAAA;AAAA,IACb,OAAA,GAAU,QAAA;AAAA,IACV,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,EAAE,MAAA,EAAQ,UAAA,EAAW,GAAIC,cAAA,EAAQ;AACvC,IAAA,MAAM,OAAA,GAAU,2BAAA,CAA4B,CAAC,CAAC,UAAU,CAAA;AACxD,IAAA,MAAM,gBAAgB,OAAA,CAAQ,QAAA;AAE9B,IAAA,MAAM,cAAA,GAAiB,gBAAA,IAAoB,UAAA,CAAW,MAAA,CAAO,gBAAA;AAC7D,IAAA,MAAM,EAAE,YAAA,EAAa,GAAIC,iBAAU,CAAA,EAAG,MAAA,CAAO,SAAS,CAAA,OAAA,CAAS,CAAA;AAE/D,IAAA,MAAM,UAAA,GAAa,QAAA,IAAY,SAAA,KAAc,UAAA,GAAa,aAAA,GAAgB,KAAA,CAAA;AAC1E,IAAA,MAAM,kBAAkBF,SAAA,oBAAWG,cAAA,CAACC,mBAAQ,SAAA,EAAS,IAAA,EAAE,GAAG,YAAA,EAAc,CAAA;AAExE,IAAA,MAAM,WAAA,GAA0D,CAAC,CAAA,KAAM;AACrE,MAAA,IAAI,UAAA,EAAY;AAChB,MAAA,MAAM,UAAA,GAAa,EAAE,MAAA,KAAW,CAAA;AAChC,MAAA,IAAI,CAAC,cAAA,EAAgB,YAAA,CAAa,GAAG,EAAE,QAAA,EAAU,YAAY,CAAA;AAE7D,MAAA,OAAA,GAAU,CAAC,CAAA;AAAA,IACb,CAAA;AAEA,IAAA,MAAM,UAAA,GAAa,MAAA,IAAW,SAAA,IAAa,eAAA,KAAoB,QAAA;AAC/D,IAAA,MAAM,WAAA,GAAc,QAAA,IAAa,SAAA,IAAa,eAAA,KAAoB,SAAA;AAClE,IAAA,MAAM,UAAA,GAAa,MAAA,IAAW,SAAA,IAAa,eAAA,KAAoB,QAAA;AAE/D,IAAA,uBACED,cAAA;AAAA,MAACE,SAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,GAAA;AAAA,QACA,EAAA,EAAG,QAAA;AAAA,QACH,UAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAA,EAAU,UAAA;AAAA,QACV,eAAA,EAAe,UAAA;AAAA,QACf,OAAA,EAAS,WAAA;AAAA,QACT,SAAA,EAAWC,SAAA,CAAG,CAAA,EAAG,MAAA,CAAO,SAAS,QAAQ,MAAA,CAAO,SAAS,CAAA,UAAA,CAAA,EAAc,UAAA,EAAY,GAAG,CAAA;AAAA,QACtF,OAAO,MAAA,EAAQ,GAAA;AAAA,QAEd,QAAA,EAAA,eAAA,KAAoB,MAAA,IAAU,SAAA,GAC7B,eAAA,mBAEAC,eAAA,CAAAC,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,UAAA,oBACCL,cAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,WAAWG,SAAA,CAAG,CAAA,EAAG,OAAO,SAAS,CAAA,WAAA,CAAA,EAAe,YAAY,MAAM,CAAA;AAAA,cAClE,OAAO,MAAA,EAAQ,MAAA;AAAA,cAEd,QAAA,EAAA,eAAA,KAAoB,QAAA,IAAY,SAAA,GAAY,eAAA,GAAkB;AAAA;AAAA,WACjE;AAAA,UAGD,WAAA,oBACCH,cAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,WAAWG,SAAA,CAAG,CAAA,EAAG,OAAO,SAAS,CAAA,YAAA,CAAA,EAAgB,YAAY,OAAO,CAAA;AAAA,cACpE,OAAO,MAAA,EAAQ,OAAA;AAAA,cAEd,QAAA,EAAA,eAAA,KAAoB,SAAA,IAAa,SAAA,GAAY,eAAA,GAAkB;AAAA;AAAA,WAClE;AAAA,UAGD,UAAA,oBACCH,cAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,WAAWG,SAAA,CAAG,CAAA,EAAG,OAAO,SAAS,CAAA,WAAA,CAAA,EAAe,YAAY,MAAM,CAAA;AAAA,cAClE,OAAO,MAAA,EAAQ,MAAA;AAAA,cAEd,QAAA,EAAA,eAAA,KAAoB,QAAA,IAAY,SAAA,GAAY,eAAA,GAAkB;AAAA;AAAA;AACjE,SAAA,EAEJ;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA;ACrHd,IAAM,aAAaR,sBAAAA,CAAM,UAAA;AAAA,EAC9B,CAAC,EAAE,SAAA,EAAW,UAAA,EAAY,KAAA,EAAO,QAAA,EAAU,gBAAA,EAAkB,OAAA,EAAS,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACxF,IAAA,MAAM,EAAE,MAAA,EAAQ,UAAA,EAAW,GAAIG,cAAAA,EAAQ;AACvC,IAAA,MAAM,cAAA,GAAiB,gBAAA,IAAoB,UAAA,CAAW,UAAA,CAAW,gBAAA;AAEjE,IAAA,MAAM,OAAA,GAAU,2BAAA,CAA4B,CAAC,CAAC,UAAU,CAAA;AACxD,IAAA,MAAM,gBAAgB,OAAA,CAAQ,QAAA;AAC9B,IAAA,MAAM,UAAA,GAAa,QAAA,KAAa,UAAA,GAAa,aAAA,GAAgB,KAAA,CAAA;AAE7D,IAAA,MAAM,EAAE,YAAA,EAAa,GAAIC,iBAAU,CAAA,EAAG,MAAA,CAAO,SAAS,CAAA,OAAA,CAAS,CAAA;AAE/D,IAAA,MAAM,WAAA,GAA0D,CAAC,CAAA,KAAM;AACrE,MAAA,IAAI,UAAA,EAAY;AAChB,MAAA,MAAM,UAAA,GAAa,EAAE,MAAA,KAAW,CAAA;AAChC,MAAA,IAAI,CAAC,cAAA,EAAgB,YAAA,CAAa,GAAG,EAAE,QAAA,EAAU,YAAY,CAAA;AAE7D,MAAA,OAAA,GAAU,CAAC,CAAA;AAAA,IACb,CAAA;AAEA,IAAA,uBACEC,cAAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,QAAA,EAAU,UAAA;AAAA,QACV,eAAA,EAAe,UAAA;AAAA,QACf,OAAA,EAAS,WAAA;AAAA,QACT,SAAA,EAAWG,UAAG,CAAA,EAAG,MAAA,CAAO,SAAS,CAAA,UAAA,EAAa,MAAA,CAAO,SAAS,CAAA,UAAA,CAAA,EAAc,SAAS,CAAA;AAAA,QACrF,KAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA;ACPlB,IAAM,cAAcR,sBAAAA,CAAM,UAAA;AAAA,EAC/B,CAAC,EAAE,KAAA,EAAO,UAAA,EAAY,QAAQ,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC1D,IAAA,MAAM,EAAE,MAAA,EAAO,GAAIG,cAAAA,EAAQ;AAE3B,IAAA,uBACEE,eAAC,aAAA,CAAc,QAAA,EAAd,EAAuB,KAAA,EAAO,EAAE,QAAA,EAAS,EACxC,QAAA,kBAAAA,cAAAA;AAAA,MAACE,SAAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,GAAA;AAAA,QACA,WAAWC,SAAAA,CAAG,CAAA,EAAG,OAAO,SAAS,CAAA,UAAA,CAAA,EAAc,YAAY,IAAI,CAAA;AAAA,QAC/D,OAAO,MAAA,EAAQ,IAAA;AAAA,QAEd,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,KAAU;AAC1B,UAAA,IAAI,YAAY,IAAA,EAAM;AACpB,YAAA,uBACEH,cAAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBAEC,UAAA,EAAU,IAAA;AAAA,gBACV,YAAYM,cAAA,CAAQ,UAAA,EAAY,MAAA,EAAQ,IAAA,CAAK,OAAO,UAAU,CAAA;AAAA,gBAC9D,MAAA,EAAQ,EAAE,GAAG,MAAA,EAAQ,QAAQ,GAAG,IAAA,CAAK,OAAO,MAAA,EAAO;AAAA,gBAClD,GAAG,IAAA,CAAK;AAAA,eAAA;AAAA,cAJJ;AAAA,aAKP;AAAA,UAEJ;AAEA,UAAA,IAAI,gBAAgB,IAAA,EAAM;AACxB,YAAA,uBACEN,cAAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBAEC,UAAA,EAAU,IAAA;AAAA,gBACV,WAAWG,SAAAA,CAAG,UAAA,EAAY,UAAA,EAAY,IAAA,CAAK,WAAW,SAAS,CAAA;AAAA,gBAC/D,KAAA,EAAO,EAAE,GAAG,MAAA,EAAQ,YAAY,GAAG,IAAA,CAAK,WAAW,KAAA,EAAM;AAAA,gBACxD,GAAG,IAAA,CAAK;AAAA,eAAA;AAAA,cAJJ;AAAA,aAKP;AAAA,UAEJ;AAEA,UAAA,OAAO,IAAA;AAAA,QACT,CAAC;AAAA;AAAA,KACH,EACF,CAAA;AAAA,EAEJ;AACF;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"index.js","sourcesContent":["import React from 'react'\n\nexport type ButtonContextValue = {\n  disabled?: boolean\n}\n\nexport const ButtonContext = React.createContext<ButtonContextValue | null>(null)\n","import { useContext } from 'react'\nimport { ButtonContext, type ButtonContextValue } from './ButtonContext'\n\nexport const useButtonContextConditional = (\n  controlled: boolean\n): ButtonContextValue | { disabled: false } => {\n  const ctx = useContext(ButtonContext)\n\n  if (controlled && !ctx) {\n    throw new Error('Button components must be used within ButtonGroup')\n  }\n\n  return ctx ?? { disabled: false }\n}\n","import React from 'react'\nimport { cn, useNSUI } from '@negative-space/system'\nimport { Flex, FlexProps } from '@negative-space/flex'\nimport { Spinner, type SpinnerProps } from '@negative-space/spinner'\nimport { useRipple } from '@negative-space/ripple'\nimport { useButtonContextConditional } from './useButtonContext'\n\nexport interface ButtonProps extends Omit<\n  FlexProps<'button'>,\n  'as' | 'prefix' | 'className' | 'style'\n> {\n  prefix?: React.ReactNode\n  suffix?: React.ReactNode\n  classNames?: {\n    btn?: string\n    prefix?: string\n    content?: string\n    suffix?: string\n  }\n  styles?: {\n    btn?: React.CSSProperties\n    prefix?: React.CSSProperties\n    content?: React.CSSProperties\n    suffix?: React.CSSProperties\n  }\n  controlled?: boolean\n  isRippleDisabled?: boolean\n  isLoading?: boolean\n  spinner?: React.ReactNode\n  spinnerPosition?: 'full' | 'prefix' | 'content' | 'suffix'\n  spinnerProps?: Omit<SpinnerProps, 'isLoading'>\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      children,\n      prefix,\n      suffix,\n      classNames,\n      controlled,\n      styles,\n      disabled = false,\n      isRippleDisabled,\n      onClick,\n      isLoading = false,\n      spinner,\n      spinnerPosition = 'full',\n      spinnerProps,\n      alignItems = 'center',\n      justify = 'center',\n      ...props\n    },\n    ref\n  ) => {\n    const { global, components } = useNSUI()\n    const context = useButtonContextConditional(!!controlled)\n    const groupDisabled = context.disabled\n\n    const rippleDisabled = isRippleDisabled ?? components.button.isRippleDisabled\n    const { createRipple } = useRipple(`${global.prefixCls}-ripple`)\n\n    const isDisabled = disabled || isLoading || (controlled ? groupDisabled : false)\n    const resolvedSpinner = spinner ?? <Spinner isLoading {...spinnerProps} />\n\n    const handleClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {\n      if (isDisabled) return\n      const isKeyboard = e.detail === 0\n      if (!rippleDisabled) createRipple(e, { centered: isKeyboard })\n\n      onClick?.(e)\n    }\n\n    const showPrefix = prefix || (isLoading && spinnerPosition === 'prefix')\n    const showContent = children || (isLoading && spinnerPosition === 'content')\n    const showSuffix = suffix || (isLoading && spinnerPosition === 'suffix')\n\n    return (\n      <Flex\n        {...props}\n        ref={ref}\n        as=\"button\"\n        alignItems={alignItems}\n        justify={justify}\n        disabled={isDisabled}\n        data-disabled={isDisabled}\n        onClick={handleClick}\n        className={cn(`${global.prefixCls}-btn ${global.prefixCls}-clickable`, classNames?.btn)}\n        style={styles?.btn}\n      >\n        {spinnerPosition === 'full' && isLoading ? (\n          resolvedSpinner\n        ) : (\n          <>\n            {showPrefix && (\n              <span\n                className={cn(`${global.prefixCls}-btn-prefix`, classNames?.prefix)}\n                style={styles?.prefix}\n              >\n                {spinnerPosition === 'prefix' && isLoading ? resolvedSpinner : prefix}\n              </span>\n            )}\n\n            {showContent && (\n              <span\n                className={cn(`${global.prefixCls}-btn-content`, classNames?.content)}\n                style={styles?.content}\n              >\n                {spinnerPosition === 'content' && isLoading ? resolvedSpinner : children}\n              </span>\n            )}\n\n            {showSuffix && (\n              <span\n                className={cn(`${global.prefixCls}-btn-suffix`, classNames?.suffix)}\n                style={styles?.suffix}\n              >\n                {spinnerPosition === 'suffix' && isLoading ? resolvedSpinner : suffix}\n              </span>\n            )}\n          </>\n        )}\n      </Flex>\n    )\n  }\n)\n\nButton.displayName = 'Button'\n","import React from 'react'\nimport { useRipple } from '@negative-space/ripple'\nimport { cn, useNSUI } from '@negative-space/system'\nimport { useButtonContextConditional } from './useButtonContext'\n\nexport interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  controlled?: boolean\n  isRippleDisabled?: boolean\n}\n\nexport const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\n  ({ className, controlled, style, disabled, isRippleDisabled, onClick, ...props }, ref) => {\n    const { global, components } = useNSUI()\n    const rippleDisabled = isRippleDisabled ?? components.iconButton.isRippleDisabled\n\n    const context = useButtonContextConditional(!!controlled)\n    const groupDisabled = context.disabled\n    const isDisabled = disabled || (controlled ? groupDisabled : false)\n\n    const { createRipple } = useRipple(`${global.prefixCls}-ripple`)\n\n    const handleClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {\n      if (isDisabled) return\n      const isKeyboard = e.detail === 0\n      if (!rippleDisabled) createRipple(e, { centered: isKeyboard })\n\n      onClick?.(e)\n    }\n\n    return (\n      <button\n        ref={ref}\n        disabled={isDisabled}\n        data-disabled={isDisabled}\n        onClick={handleClick}\n        className={cn(`${global.prefixCls}-icon-btn ${global.prefixCls}-clickable`, className)}\n        style={style}\n        {...props}\n      />\n    )\n  }\n)\n\nIconButton.displayName = 'IconButton'\n","import React from 'react'\nimport { cn, mergeCn, useNSUI } from '@negative-space/system'\nimport { Flex, type FlexProps } from '@negative-space/flex'\nimport { Button, type ButtonProps } from './Button'\nimport { IconButton, type IconButtonProps } from './IconButton'\nimport { ButtonContext } from './ButtonContext'\n\nexport type ButtonComponent =\n  | { button: Omit<ButtonProps, 'controlled'> }\n  | { iconButton: Omit<IconButtonProps, 'controlled'> }\n\nexport interface ButtonGroupProps extends Omit<FlexProps, 'as' | 'className' | 'style'> {\n  classNames?: {\n    root?: string\n    button?: {\n      btn?: string\n      content?: string\n      prefix?: string\n      suffix?: string\n    }\n    iconButton?: string\n  }\n  styles?: {\n    root?: React.CSSProperties\n    button?: {\n      btn?: React.CSSProperties\n      content?: React.CSSProperties\n      prefix?: React.CSSProperties\n      suffix?: React.CSSProperties\n    }\n    iconButton?: React.CSSProperties\n  }\n  disabled?: boolean\n  items: ButtonComponent[]\n}\n\nexport const ButtonGroup = React.forwardRef<HTMLDivElement, ButtonGroupProps>(\n  ({ items, classNames, styles, disabled, ...props }, ref) => {\n    const { global } = useNSUI()\n\n    return (\n      <ButtonContext.Provider value={{ disabled }}>\n        <Flex\n          {...props}\n          ref={ref}\n          className={cn(`${global.prefixCls}-btn-group`, classNames?.root)}\n          style={styles?.root}\n        >\n          {items.map((item, index) => {\n            if ('button' in item) {\n              return (\n                <Button\n                  key={index}\n                  controlled\n                  classNames={mergeCn(classNames?.button, item.button.classNames)}\n                  styles={{ ...styles?.button, ...item.button.styles }}\n                  {...item.button}\n                />\n              )\n            }\n\n            if ('iconButton' in item) {\n              return (\n                <IconButton\n                  key={index}\n                  controlled\n                  className={cn(classNames?.iconButton, item.iconButton.className)}\n                  style={{ ...styles?.iconButton, ...item.iconButton.style }}\n                  {...item.iconButton}\n                />\n              )\n            }\n\n            return null\n          })}\n        </Flex>\n      </ButtonContext.Provider>\n    )\n  }\n)\n\nButtonGroup.displayName = 'ButtonGroup'\n"]}
+{"version":3,"sources":["../src/ButtonContext.ts","../src/useButtonContext.ts","../src/Button.tsx","../src/IconButton.tsx","../src/ButtonGroup.tsx"],"names":["React","useContext","useNSUI","useRipple","jsx","Spinner","Flex","cn","jsxs","Fragment","mergeCn"],"mappings":"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","file":"index.js","sourcesContent":["import React from 'react'\n\nexport type ButtonContextValue = {\n  disabled?: boolean\n}\n\nexport const ButtonContext = React.createContext<ButtonContextValue | null>(null)\n","import { useContext } from 'react'\n\nimport { ButtonContext, type ButtonContextValue } from './ButtonContext'\n\nexport const useButtonContextConditional = (\n  controlled: boolean\n): ButtonContextValue | { disabled: false } => {\n  const ctx = useContext(ButtonContext)\n\n  if (controlled && !ctx) {\n    throw new Error('Button components must be used within ButtonGroup')\n  }\n\n  return ctx ?? { disabled: false }\n}\n","import { Flex, FlexProps } from '@negative-space/flex'\nimport { useRipple } from '@negative-space/ripple'\nimport { Spinner, type SpinnerProps } from '@negative-space/spinner'\nimport { type ClickableAnimation, cn, useNSUI } from '@negative-space/system'\nimport React from 'react'\n\nimport { useButtonContextConditional } from './useButtonContext'\n\nexport interface ButtonProps extends Omit<\n  FlexProps<'button'>,\n  'as' | 'prefix' | 'className' | 'style'\n> {\n  prefix?: React.ReactNode\n  suffix?: React.ReactNode\n  classNames?: {\n    btn?: string\n    prefix?: string\n    content?: string\n    suffix?: string\n    spinner?: string\n  }\n  styles?: {\n    btn?: React.CSSProperties\n    prefix?: React.CSSProperties\n    content?: React.CSSProperties\n    suffix?: React.CSSProperties\n    spinner?: React.CSSProperties\n  }\n  animation?: ClickableAnimation\n  controlled?: boolean\n  loading?: boolean\n  spinnerPosition?: 'full' | 'prefix' | 'content' | 'suffix'\n  spinnerProps?: Omit<SpinnerProps, 'loading' | 'className' | 'style'>\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      children,\n      prefix,\n      suffix,\n      classNames,\n      controlled,\n      styles,\n      disabled = false,\n      animation,\n      onClick,\n      loading = false,\n      spinnerPosition = 'full',\n      spinnerProps,\n      alignItems = 'center',\n      justify = 'center',\n      ...props\n    },\n    ref\n  ) => {\n    const { global, components } = useNSUI()\n    const context = useButtonContextConditional(!!controlled)\n    const groupDisabled = context.disabled\n\n    const rippleDisabled = (animation ?? components.button.animation) !== 'ripple'\n    const { createRipple } = useRipple(`${global.prefixCls}-ripple`)\n\n    const isDisabled = disabled || loading || (controlled ? groupDisabled : false)\n    const resolvedSpinner = (\n      <Spinner loading className={classNames?.spinner} style={styles?.spinner} {...spinnerProps} />\n    )\n\n    const handleClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {\n      if (isDisabled) return\n      const isKeyboard = e.detail === 0\n      if (!rippleDisabled) createRipple(e, { centered: isKeyboard })\n\n      onClick?.(e)\n    }\n\n    const showPrefix = prefix || (loading && spinnerPosition === 'prefix')\n    const showContent = children || (loading && spinnerPosition === 'content')\n    const showSuffix = suffix || (loading && spinnerPosition === 'suffix')\n\n    return (\n      <Flex\n        {...props}\n        ref={ref}\n        as=\"button\"\n        alignItems={alignItems}\n        justify={justify}\n        disabled={isDisabled}\n        data-loading={loading}\n        data-disabled={isDisabled}\n        onClick={handleClick}\n        className={cn(`${global.prefixCls}-btn ${global.prefixCls}-clickable`, classNames?.btn)}\n        style={styles?.btn}\n      >\n        {spinnerPosition === 'full' && loading ? (\n          resolvedSpinner\n        ) : (\n          <>\n            {showPrefix && (\n              <span\n                className={cn(`${global.prefixCls}-btn-prefix`, classNames?.prefix)}\n                style={styles?.prefix}\n              >\n                {spinnerPosition === 'prefix' && loading ? resolvedSpinner : prefix}\n              </span>\n            )}\n\n            {showContent && (\n              <span\n                className={cn(`${global.prefixCls}-btn-content`, classNames?.content)}\n                style={styles?.content}\n              >\n                {spinnerPosition === 'content' && loading ? resolvedSpinner : children}\n              </span>\n            )}\n\n            {showSuffix && (\n              <span\n                className={cn(`${global.prefixCls}-btn-suffix`, classNames?.suffix)}\n                style={styles?.suffix}\n              >\n                {spinnerPosition === 'suffix' && loading ? resolvedSpinner : suffix}\n              </span>\n            )}\n          </>\n        )}\n      </Flex>\n    )\n  }\n)\n\nButton.displayName = 'Button'\n","import { useRipple } from '@negative-space/ripple'\nimport { type ClickableAnimation, cn, useNSUI } from '@negative-space/system'\nimport React from 'react'\n\nimport { useButtonContextConditional } from './useButtonContext'\n\nexport interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  controlled?: boolean\n  animation?: ClickableAnimation\n}\n\nexport const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\n  ({ className, controlled, style, disabled, animation, onClick, ...props }, ref) => {\n    const { global, components } = useNSUI()\n    const rippleDisabled = (animation ?? components.iconButton.animation) !== 'ripple'\n\n    const context = useButtonContextConditional(!!controlled)\n    const groupDisabled = context.disabled\n    const isDisabled = disabled || (controlled ? groupDisabled : false)\n\n    const { createRipple } = useRipple(`${global.prefixCls}-ripple`)\n\n    const handleClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {\n      if (isDisabled) return\n      const isKeyboard = e.detail === 0\n      if (!rippleDisabled) createRipple(e, { centered: isKeyboard })\n\n      onClick?.(e)\n    }\n\n    return (\n      <button\n        ref={ref}\n        disabled={isDisabled}\n        data-disabled={isDisabled}\n        onClick={handleClick}\n        className={cn(`${global.prefixCls}-icon-btn ${global.prefixCls}-clickable`, className)}\n        style={style}\n        {...props}\n      />\n    )\n  }\n)\n\nIconButton.displayName = 'IconButton'\n","import { Flex, type FlexProps } from '@negative-space/flex'\nimport { cn, mergeCn, useNSUI } from '@negative-space/system'\nimport React from 'react'\n\nimport { Button, type ButtonProps } from './Button'\nimport { ButtonContext } from './ButtonContext'\nimport { IconButton, type IconButtonProps } from './IconButton'\n\nexport type ButtonComponent =\n  | { button: Omit<ButtonProps, 'controlled'> }\n  | { iconButton: Omit<IconButtonProps, 'controlled'> }\n\nexport interface ButtonGroupProps extends Omit<FlexProps, 'as' | 'className' | 'style'> {\n  classNames?: {\n    root?: string\n    button?: {\n      btn?: string\n      content?: string\n      prefix?: string\n      suffix?: string\n    }\n    iconButton?: string\n  }\n  styles?: {\n    root?: React.CSSProperties\n    button?: {\n      btn?: React.CSSProperties\n      content?: React.CSSProperties\n      prefix?: React.CSSProperties\n      suffix?: React.CSSProperties\n    }\n    iconButton?: React.CSSProperties\n  }\n  disabled?: boolean\n  items: ButtonComponent[]\n}\n\nexport const ButtonGroup = React.forwardRef<HTMLDivElement, ButtonGroupProps>(\n  ({ items, classNames, styles, disabled, ...props }, ref) => {\n    const { global } = useNSUI()\n\n    return (\n      <ButtonContext.Provider value={{ disabled }}>\n        <Flex\n          {...props}\n          ref={ref}\n          className={cn(`${global.prefixCls}-btn-group`, classNames?.root)}\n          style={styles?.root}\n        >\n          {items.map((item, index) => {\n            if ('button' in item) {\n              return (\n                <Button\n                  key={index}\n                  controlled\n                  classNames={mergeCn(classNames?.button, item.button.classNames)}\n                  styles={{ ...styles?.button, ...item.button.styles }}\n                  {...item.button}\n                />\n              )\n            }\n\n            if ('iconButton' in item) {\n              return (\n                <IconButton\n                  key={index}\n                  controlled\n                  className={cn(classNames?.iconButton, item.iconButton.className)}\n                  style={{ ...styles?.iconButton, ...item.iconButton.style }}\n                  {...item.iconButton}\n                />\n              )\n            }\n\n            return null\n          })}\n        </Flex>\n      </ButtonContext.Provider>\n    )\n  }\n)\n\nButtonGroup.displayName = 'ButtonGroup'\n"]}

package/dist/index.mjs

@@ -1,8 +1,8 @@
-import React, { useContext } from 'react';
-import { useNSUI, cn, mergeCn } from '@negative-space/system';
 import { Flex } from '@negative-space/flex';
-import { Spinner } from '@negative-space/spinner';
 import { useRipple } from '@negative-space/ripple';
+import { Spinner } from '@negative-space/spinner';
+import { useNSUI, cn, mergeCn } from '@negative-space/system';
+import React, { useContext } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // src/Button.tsx
@@ -25,10 +25,9 @@ var Button = React.forwardRef(
     controlled,
     styles,
     disabled = false,
-    isRippleDisabled,
+    animation,
     onClick,
-    isLoading = false,
-    spinner,
+    loading = false,
     spinnerPosition = "full",
     spinnerProps,
     alignItems = "center",
@@ -38,19 +37,19 @@ var Button = React.forwardRef(
     const { global, components } = useNSUI();
     const context = useButtonContextConditional(!!controlled);
     const groupDisabled = context.disabled;
-    const rippleDisabled = isRippleDisabled ?? components.button.isRippleDisabled;
+    const rippleDisabled = (animation ?? components.button.animation) !== "ripple";
     const { createRipple } = useRipple(`${global.prefixCls}-ripple`);
-    const isDisabled = disabled || isLoading || (controlled ? groupDisabled : false);
-    const resolvedSpinner = spinner ?? /* @__PURE__ */ jsx(Spinner, { isLoading: true, ...spinnerProps });
+    const isDisabled = disabled || loading || (controlled ? groupDisabled : false);
+    const resolvedSpinner = /* @__PURE__ */ jsx(Spinner, { loading: true, className: classNames?.spinner, style: styles?.spinner, ...spinnerProps });
     const handleClick = (e) => {
       if (isDisabled) return;
       const isKeyboard = e.detail === 0;
       if (!rippleDisabled) createRipple(e, { centered: isKeyboard });
       onClick?.(e);
     };
-    const showPrefix = prefix || isLoading && spinnerPosition === "prefix";
-    const showContent = children || isLoading && spinnerPosition === "content";
-    const showSuffix = suffix || isLoading && spinnerPosition === "suffix";
+    const showPrefix = prefix || loading && spinnerPosition === "prefix";
+    const showContent = children || loading && spinnerPosition === "content";
+    const showSuffix = suffix || loading && spinnerPosition === "suffix";
     return /* @__PURE__ */ jsx(
       Flex,
       {
@@ -60,17 +59,18 @@ var Button = React.forwardRef(
         alignItems,
         justify,
         disabled: isDisabled,
+        "data-loading": loading,
         "data-disabled": isDisabled,
         onClick: handleClick,
         className: cn(`${global.prefixCls}-btn ${global.prefixCls}-clickable`, classNames?.btn),
         style: styles?.btn,
-        children: spinnerPosition === "full" && isLoading ? resolvedSpinner : /* @__PURE__ */ jsxs(Fragment, { children: [
+        children: spinnerPosition === "full" && loading ? resolvedSpinner : /* @__PURE__ */ jsxs(Fragment, { children: [
           showPrefix && /* @__PURE__ */ jsx(
             "span",
             {
               className: cn(`${global.prefixCls}-btn-prefix`, classNames?.prefix),
               style: styles?.prefix,
-              children: spinnerPosition === "prefix" && isLoading ? resolvedSpinner : prefix
+              children: spinnerPosition === "prefix" && loading ? resolvedSpinner : prefix
             }
           ),
           showContent && /* @__PURE__ */ jsx(
@@ -78,7 +78,7 @@ var Button = React.forwardRef(
             {
               className: cn(`${global.prefixCls}-btn-content`, classNames?.content),
               style: styles?.content,
-              children: spinnerPosition === "content" && isLoading ? resolvedSpinner : children
+              children: spinnerPosition === "content" && loading ? resolvedSpinner : children
             }
           ),
           showSuffix && /* @__PURE__ */ jsx(
@@ -86,7 +86,7 @@ var Button = React.forwardRef(
             {
               className: cn(`${global.prefixCls}-btn-suffix`, classNames?.suffix),
               style: styles?.suffix,
-              children: spinnerPosition === "suffix" && isLoading ? resolvedSpinner : suffix
+              children: spinnerPosition === "suffix" && loading ? resolvedSpinner : suffix
             }
           )
         ] })
@@ -96,9 +96,9 @@ var Button = React.forwardRef(
 );
 Button.displayName = "Button";
 var IconButton = React.forwardRef(
-  ({ className, controlled, style, disabled, isRippleDisabled, onClick, ...props }, ref) => {
+  ({ className, controlled, style, disabled, animation, onClick, ...props }, ref) => {
     const { global, components } = useNSUI();
-    const rippleDisabled = isRippleDisabled ?? components.iconButton.isRippleDisabled;
+    const rippleDisabled = (animation ?? components.iconButton.animation) !== "ripple";
     const context = useButtonContextConditional(!!controlled);
     const groupDisabled = context.disabled;
     const isDisabled = disabled || (controlled ? groupDisabled : false);

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ButtonContext.ts","../src/useButtonContext.ts","../src/Button.tsx","../src/IconButton.tsx","../src/ButtonGroup.tsx"],"names":["React","useNSUI","useRipple","jsx","cn","Flex"],"mappings":";;;;;;;;AAMO,IAAM,aAAA,GAAgB,KAAA,CAAM,aAAA,CAAyC,IAAI,CAAA;;;ACHzE,IAAM,2BAAA,GAA8B,CACzC,UAAA,KAC6C;AAC7C,EAAA,MAAM,GAAA,GAAM,WAAW,aAAa,CAAA;AAEpC,EAAA,IAAI,UAAA,IAAc,CAAC,GAAA,EAAK;AACtB,IAAA,MAAM,IAAI,MAAM,mDAAmD,CAAA;AAAA,EACrE;AAEA,EAAA,OAAO,GAAA,IAAO,EAAE,QAAA,EAAU,KAAA,EAAM;AAClC,CAAA;ACoBO,IAAM,SAASA,KAAAA,CAAM,UAAA;AAAA,EAC1B,CACE;AAAA,IACE,QAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,gBAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA,GAAY,KAAA;AAAA,IACZ,OAAA;AAAA,IACA,eAAA,GAAkB,MAAA;AAAA,IAClB,YAAA;AAAA,IACA,UAAA,GAAa,QAAA;AAAA,IACb,OAAA,GAAU,QAAA;AAAA,IACV,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,EAAE,MAAA,EAAQ,UAAA,EAAW,GAAI,OAAA,EAAQ;AACvC,IAAA,MAAM,OAAA,GAAU,2BAAA,CAA4B,CAAC,CAAC,UAAU,CAAA;AACxD,IAAA,MAAM,gBAAgB,OAAA,CAAQ,QAAA;AAE9B,IAAA,MAAM,cAAA,GAAiB,gBAAA,IAAoB,UAAA,CAAW,MAAA,CAAO,gBAAA;AAC7D,IAAA,MAAM,EAAE,YAAA,EAAa,GAAI,UAAU,CAAA,EAAG,MAAA,CAAO,SAAS,CAAA,OAAA,CAAS,CAAA;AAE/D,IAAA,MAAM,UAAA,GAAa,QAAA,IAAY,SAAA,KAAc,UAAA,GAAa,aAAA,GAAgB,KAAA,CAAA;AAC1E,IAAA,MAAM,kBAAkB,OAAA,oBAAW,GAAA,CAAC,WAAQ,SAAA,EAAS,IAAA,EAAE,GAAG,YAAA,EAAc,CAAA;AAExE,IAAA,MAAM,WAAA,GAA0D,CAAC,CAAA,KAAM;AACrE,MAAA,IAAI,UAAA,EAAY;AAChB,MAAA,MAAM,UAAA,GAAa,EAAE,MAAA,KAAW,CAAA;AAChC,MAAA,IAAI,CAAC,cAAA,EAAgB,YAAA,CAAa,GAAG,EAAE,QAAA,EAAU,YAAY,CAAA;AAE7D,MAAA,OAAA,GAAU,CAAC,CAAA;AAAA,IACb,CAAA;AAEA,IAAA,MAAM,UAAA,GAAa,MAAA,IAAW,SAAA,IAAa,eAAA,KAAoB,QAAA;AAC/D,IAAA,MAAM,WAAA,GAAc,QAAA,IAAa,SAAA,IAAa,eAAA,KAAoB,SAAA;AAClE,IAAA,MAAM,UAAA,GAAa,MAAA,IAAW,SAAA,IAAa,eAAA,KAAoB,QAAA;AAE/D,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,GAAA;AAAA,QACA,EAAA,EAAG,QAAA;AAAA,QACH,UAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAA,EAAU,UAAA;AAAA,QACV,eAAA,EAAe,UAAA;AAAA,QACf,OAAA,EAAS,WAAA;AAAA,QACT,SAAA,EAAW,EAAA,CAAG,CAAA,EAAG,MAAA,CAAO,SAAS,QAAQ,MAAA,CAAO,SAAS,CAAA,UAAA,CAAA,EAAc,UAAA,EAAY,GAAG,CAAA;AAAA,QACtF,OAAO,MAAA,EAAQ,GAAA;AAAA,QAEd,QAAA,EAAA,eAAA,KAAoB,MAAA,IAAU,SAAA,GAC7B,eAAA,mBAEA,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,UAAA,oBACC,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,WAAW,EAAA,CAAG,CAAA,EAAG,OAAO,SAAS,CAAA,WAAA,CAAA,EAAe,YAAY,MAAM,CAAA;AAAA,cAClE,OAAO,MAAA,EAAQ,MAAA;AAAA,cAEd,QAAA,EAAA,eAAA,KAAoB,QAAA,IAAY,SAAA,GAAY,eAAA,GAAkB;AAAA;AAAA,WACjE;AAAA,UAGD,WAAA,oBACC,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,WAAW,EAAA,CAAG,CAAA,EAAG,OAAO,SAAS,CAAA,YAAA,CAAA,EAAgB,YAAY,OAAO,CAAA;AAAA,cACpE,OAAO,MAAA,EAAQ,OAAA;AAAA,cAEd,QAAA,EAAA,eAAA,KAAoB,SAAA,IAAa,SAAA,GAAY,eAAA,GAAkB;AAAA;AAAA,WAClE;AAAA,UAGD,UAAA,oBACC,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,WAAW,EAAA,CAAG,CAAA,EAAG,OAAO,SAAS,CAAA,WAAA,CAAA,EAAe,YAAY,MAAM,CAAA;AAAA,cAClE,OAAO,MAAA,EAAQ,MAAA;AAAA,cAEd,QAAA,EAAA,eAAA,KAAoB,QAAA,IAAY,SAAA,GAAY,eAAA,GAAkB;AAAA;AAAA;AACjE,SAAA,EAEJ;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA;ACrHd,IAAM,aAAaA,KAAAA,CAAM,UAAA;AAAA,EAC9B,CAAC,EAAE,SAAA,EAAW,UAAA,EAAY,KAAA,EAAO,QAAA,EAAU,gBAAA,EAAkB,OAAA,EAAS,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACxF,IAAA,MAAM,EAAE,MAAA,EAAQ,UAAA,EAAW,GAAIC,OAAAA,EAAQ;AACvC,IAAA,MAAM,cAAA,GAAiB,gBAAA,IAAoB,UAAA,CAAW,UAAA,CAAW,gBAAA;AAEjE,IAAA,MAAM,OAAA,GAAU,2BAAA,CAA4B,CAAC,CAAC,UAAU,CAAA;AACxD,IAAA,MAAM,gBAAgB,OAAA,CAAQ,QAAA;AAC9B,IAAA,MAAM,UAAA,GAAa,QAAA,KAAa,UAAA,GAAa,aAAA,GAAgB,KAAA,CAAA;AAE7D,IAAA,MAAM,EAAE,YAAA,EAAa,GAAIC,UAAU,CAAA,EAAG,MAAA,CAAO,SAAS,CAAA,OAAA,CAAS,CAAA;AAE/D,IAAA,MAAM,WAAA,GAA0D,CAAC,CAAA,KAAM;AACrE,MAAA,IAAI,UAAA,EAAY;AAChB,MAAA,MAAM,UAAA,GAAa,EAAE,MAAA,KAAW,CAAA;AAChC,MAAA,IAAI,CAAC,cAAA,EAAgB,YAAA,CAAa,GAAG,EAAE,QAAA,EAAU,YAAY,CAAA;AAE7D,MAAA,OAAA,GAAU,CAAC,CAAA;AAAA,IACb,CAAA;AAEA,IAAA,uBACEC,GAAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,QAAA,EAAU,UAAA;AAAA,QACV,eAAA,EAAe,UAAA;AAAA,QACf,OAAA,EAAS,WAAA;AAAA,QACT,SAAA,EAAWC,GAAG,CAAA,EAAG,MAAA,CAAO,SAAS,CAAA,UAAA,EAAa,MAAA,CAAO,SAAS,CAAA,UAAA,CAAA,EAAc,SAAS,CAAA;AAAA,QACrF,KAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA;ACPlB,IAAM,cAAcJ,KAAAA,CAAM,UAAA;AAAA,EAC/B,CAAC,EAAE,KAAA,EAAO,UAAA,EAAY,QAAQ,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC1D,IAAA,MAAM,EAAE,MAAA,EAAO,GAAIC,OAAAA,EAAQ;AAE3B,IAAA,uBACEE,IAAC,aAAA,CAAc,QAAA,EAAd,EAAuB,KAAA,EAAO,EAAE,QAAA,EAAS,EACxC,QAAA,kBAAAA,GAAAA;AAAA,MAACE,IAAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,GAAA;AAAA,QACA,WAAWD,EAAAA,CAAG,CAAA,EAAG,OAAO,SAAS,CAAA,UAAA,CAAA,EAAc,YAAY,IAAI,CAAA;AAAA,QAC/D,OAAO,MAAA,EAAQ,IAAA;AAAA,QAEd,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,KAAU;AAC1B,UAAA,IAAI,YAAY,IAAA,EAAM;AACpB,YAAA,uBACED,GAAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBAEC,UAAA,EAAU,IAAA;AAAA,gBACV,YAAY,OAAA,CAAQ,UAAA,EAAY,MAAA,EAAQ,IAAA,CAAK,OAAO,UAAU,CAAA;AAAA,gBAC9D,MAAA,EAAQ,EAAE,GAAG,MAAA,EAAQ,QAAQ,GAAG,IAAA,CAAK,OAAO,MAAA,EAAO;AAAA,gBAClD,GAAG,IAAA,CAAK;AAAA,eAAA;AAAA,cAJJ;AAAA,aAKP;AAAA,UAEJ;AAEA,UAAA,IAAI,gBAAgB,IAAA,EAAM;AACxB,YAAA,uBACEA,GAAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBAEC,UAAA,EAAU,IAAA;AAAA,gBACV,WAAWC,EAAAA,CAAG,UAAA,EAAY,UAAA,EAAY,IAAA,CAAK,WAAW,SAAS,CAAA;AAAA,gBAC/D,KAAA,EAAO,EAAE,GAAG,MAAA,EAAQ,YAAY,GAAG,IAAA,CAAK,WAAW,KAAA,EAAM;AAAA,gBACxD,GAAG,IAAA,CAAK;AAAA,eAAA;AAAA,cAJJ;AAAA,aAKP;AAAA,UAEJ;AAEA,UAAA,OAAO,IAAA;AAAA,QACT,CAAC;AAAA;AAAA,KACH,EACF,CAAA;AAAA,EAEJ;AACF;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"index.mjs","sourcesContent":["import React from 'react'\n\nexport type ButtonContextValue = {\n  disabled?: boolean\n}\n\nexport const ButtonContext = React.createContext<ButtonContextValue | null>(null)\n","import { useContext } from 'react'\nimport { ButtonContext, type ButtonContextValue } from './ButtonContext'\n\nexport const useButtonContextConditional = (\n  controlled: boolean\n): ButtonContextValue | { disabled: false } => {\n  const ctx = useContext(ButtonContext)\n\n  if (controlled && !ctx) {\n    throw new Error('Button components must be used within ButtonGroup')\n  }\n\n  return ctx ?? { disabled: false }\n}\n","import React from 'react'\nimport { cn, useNSUI } from '@negative-space/system'\nimport { Flex, FlexProps } from '@negative-space/flex'\nimport { Spinner, type SpinnerProps } from '@negative-space/spinner'\nimport { useRipple } from '@negative-space/ripple'\nimport { useButtonContextConditional } from './useButtonContext'\n\nexport interface ButtonProps extends Omit<\n  FlexProps<'button'>,\n  'as' | 'prefix' | 'className' | 'style'\n> {\n  prefix?: React.ReactNode\n  suffix?: React.ReactNode\n  classNames?: {\n    btn?: string\n    prefix?: string\n    content?: string\n    suffix?: string\n  }\n  styles?: {\n    btn?: React.CSSProperties\n    prefix?: React.CSSProperties\n    content?: React.CSSProperties\n    suffix?: React.CSSProperties\n  }\n  controlled?: boolean\n  isRippleDisabled?: boolean\n  isLoading?: boolean\n  spinner?: React.ReactNode\n  spinnerPosition?: 'full' | 'prefix' | 'content' | 'suffix'\n  spinnerProps?: Omit<SpinnerProps, 'isLoading'>\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      children,\n      prefix,\n      suffix,\n      classNames,\n      controlled,\n      styles,\n      disabled = false,\n      isRippleDisabled,\n      onClick,\n      isLoading = false,\n      spinner,\n      spinnerPosition = 'full',\n      spinnerProps,\n      alignItems = 'center',\n      justify = 'center',\n      ...props\n    },\n    ref\n  ) => {\n    const { global, components } = useNSUI()\n    const context = useButtonContextConditional(!!controlled)\n    const groupDisabled = context.disabled\n\n    const rippleDisabled = isRippleDisabled ?? components.button.isRippleDisabled\n    const { createRipple } = useRipple(`${global.prefixCls}-ripple`)\n\n    const isDisabled = disabled || isLoading || (controlled ? groupDisabled : false)\n    const resolvedSpinner = spinner ?? <Spinner isLoading {...spinnerProps} />\n\n    const handleClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {\n      if (isDisabled) return\n      const isKeyboard = e.detail === 0\n      if (!rippleDisabled) createRipple(e, { centered: isKeyboard })\n\n      onClick?.(e)\n    }\n\n    const showPrefix = prefix || (isLoading && spinnerPosition === 'prefix')\n    const showContent = children || (isLoading && spinnerPosition === 'content')\n    const showSuffix = suffix || (isLoading && spinnerPosition === 'suffix')\n\n    return (\n      <Flex\n        {...props}\n        ref={ref}\n        as=\"button\"\n        alignItems={alignItems}\n        justify={justify}\n        disabled={isDisabled}\n        data-disabled={isDisabled}\n        onClick={handleClick}\n        className={cn(`${global.prefixCls}-btn ${global.prefixCls}-clickable`, classNames?.btn)}\n        style={styles?.btn}\n      >\n        {spinnerPosition === 'full' && isLoading ? (\n          resolvedSpinner\n        ) : (\n          <>\n            {showPrefix && (\n              <span\n                className={cn(`${global.prefixCls}-btn-prefix`, classNames?.prefix)}\n                style={styles?.prefix}\n              >\n                {spinnerPosition === 'prefix' && isLoading ? resolvedSpinner : prefix}\n              </span>\n            )}\n\n            {showContent && (\n              <span\n                className={cn(`${global.prefixCls}-btn-content`, classNames?.content)}\n                style={styles?.content}\n              >\n                {spinnerPosition === 'content' && isLoading ? resolvedSpinner : children}\n              </span>\n            )}\n\n            {showSuffix && (\n              <span\n                className={cn(`${global.prefixCls}-btn-suffix`, classNames?.suffix)}\n                style={styles?.suffix}\n              >\n                {spinnerPosition === 'suffix' && isLoading ? resolvedSpinner : suffix}\n              </span>\n            )}\n          </>\n        )}\n      </Flex>\n    )\n  }\n)\n\nButton.displayName = 'Button'\n","import React from 'react'\nimport { useRipple } from '@negative-space/ripple'\nimport { cn, useNSUI } from '@negative-space/system'\nimport { useButtonContextConditional } from './useButtonContext'\n\nexport interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  controlled?: boolean\n  isRippleDisabled?: boolean\n}\n\nexport const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\n  ({ className, controlled, style, disabled, isRippleDisabled, onClick, ...props }, ref) => {\n    const { global, components } = useNSUI()\n    const rippleDisabled = isRippleDisabled ?? components.iconButton.isRippleDisabled\n\n    const context = useButtonContextConditional(!!controlled)\n    const groupDisabled = context.disabled\n    const isDisabled = disabled || (controlled ? groupDisabled : false)\n\n    const { createRipple } = useRipple(`${global.prefixCls}-ripple`)\n\n    const handleClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {\n      if (isDisabled) return\n      const isKeyboard = e.detail === 0\n      if (!rippleDisabled) createRipple(e, { centered: isKeyboard })\n\n      onClick?.(e)\n    }\n\n    return (\n      <button\n        ref={ref}\n        disabled={isDisabled}\n        data-disabled={isDisabled}\n        onClick={handleClick}\n        className={cn(`${global.prefixCls}-icon-btn ${global.prefixCls}-clickable`, className)}\n        style={style}\n        {...props}\n      />\n    )\n  }\n)\n\nIconButton.displayName = 'IconButton'\n","import React from 'react'\nimport { cn, mergeCn, useNSUI } from '@negative-space/system'\nimport { Flex, type FlexProps } from '@negative-space/flex'\nimport { Button, type ButtonProps } from './Button'\nimport { IconButton, type IconButtonProps } from './IconButton'\nimport { ButtonContext } from './ButtonContext'\n\nexport type ButtonComponent =\n  | { button: Omit<ButtonProps, 'controlled'> }\n  | { iconButton: Omit<IconButtonProps, 'controlled'> }\n\nexport interface ButtonGroupProps extends Omit<FlexProps, 'as' | 'className' | 'style'> {\n  classNames?: {\n    root?: string\n    button?: {\n      btn?: string\n      content?: string\n      prefix?: string\n      suffix?: string\n    }\n    iconButton?: string\n  }\n  styles?: {\n    root?: React.CSSProperties\n    button?: {\n      btn?: React.CSSProperties\n      content?: React.CSSProperties\n      prefix?: React.CSSProperties\n      suffix?: React.CSSProperties\n    }\n    iconButton?: React.CSSProperties\n  }\n  disabled?: boolean\n  items: ButtonComponent[]\n}\n\nexport const ButtonGroup = React.forwardRef<HTMLDivElement, ButtonGroupProps>(\n  ({ items, classNames, styles, disabled, ...props }, ref) => {\n    const { global } = useNSUI()\n\n    return (\n      <ButtonContext.Provider value={{ disabled }}>\n        <Flex\n          {...props}\n          ref={ref}\n          className={cn(`${global.prefixCls}-btn-group`, classNames?.root)}\n          style={styles?.root}\n        >\n          {items.map((item, index) => {\n            if ('button' in item) {\n              return (\n                <Button\n                  key={index}\n                  controlled\n                  classNames={mergeCn(classNames?.button, item.button.classNames)}\n                  styles={{ ...styles?.button, ...item.button.styles }}\n                  {...item.button}\n                />\n              )\n            }\n\n            if ('iconButton' in item) {\n              return (\n                <IconButton\n                  key={index}\n                  controlled\n                  className={cn(classNames?.iconButton, item.iconButton.className)}\n                  style={{ ...styles?.iconButton, ...item.iconButton.style }}\n                  {...item.iconButton}\n                />\n              )\n            }\n\n            return null\n          })}\n        </Flex>\n      </ButtonContext.Provider>\n    )\n  }\n)\n\nButtonGroup.displayName = 'ButtonGroup'\n"]}
+{"version":3,"sources":["../src/ButtonContext.ts","../src/useButtonContext.ts","../src/Button.tsx","../src/IconButton.tsx","../src/ButtonGroup.tsx"],"names":["React","useNSUI","useRipple","jsx","cn","Flex"],"mappings":"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","file":"index.mjs","sourcesContent":["import React from 'react'\n\nexport type ButtonContextValue = {\n  disabled?: boolean\n}\n\nexport const ButtonContext = React.createContext<ButtonContextValue | null>(null)\n","import { useContext } from 'react'\n\nimport { ButtonContext, type ButtonContextValue } from './ButtonContext'\n\nexport const useButtonContextConditional = (\n  controlled: boolean\n): ButtonContextValue | { disabled: false } => {\n  const ctx = useContext(ButtonContext)\n\n  if (controlled && !ctx) {\n    throw new Error('Button components must be used within ButtonGroup')\n  }\n\n  return ctx ?? { disabled: false }\n}\n","import { Flex, FlexProps } from '@negative-space/flex'\nimport { useRipple } from '@negative-space/ripple'\nimport { Spinner, type SpinnerProps } from '@negative-space/spinner'\nimport { type ClickableAnimation, cn, useNSUI } from '@negative-space/system'\nimport React from 'react'\n\nimport { useButtonContextConditional } from './useButtonContext'\n\nexport interface ButtonProps extends Omit<\n  FlexProps<'button'>,\n  'as' | 'prefix' | 'className' | 'style'\n> {\n  prefix?: React.ReactNode\n  suffix?: React.ReactNode\n  classNames?: {\n    btn?: string\n    prefix?: string\n    content?: string\n    suffix?: string\n    spinner?: string\n  }\n  styles?: {\n    btn?: React.CSSProperties\n    prefix?: React.CSSProperties\n    content?: React.CSSProperties\n    suffix?: React.CSSProperties\n    spinner?: React.CSSProperties\n  }\n  animation?: ClickableAnimation\n  controlled?: boolean\n  loading?: boolean\n  spinnerPosition?: 'full' | 'prefix' | 'content' | 'suffix'\n  spinnerProps?: Omit<SpinnerProps, 'loading' | 'className' | 'style'>\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      children,\n      prefix,\n      suffix,\n      classNames,\n      controlled,\n      styles,\n      disabled = false,\n      animation,\n      onClick,\n      loading = false,\n      spinnerPosition = 'full',\n      spinnerProps,\n      alignItems = 'center',\n      justify = 'center',\n      ...props\n    },\n    ref\n  ) => {\n    const { global, components } = useNSUI()\n    const context = useButtonContextConditional(!!controlled)\n    const groupDisabled = context.disabled\n\n    const rippleDisabled = (animation ?? components.button.animation) !== 'ripple'\n    const { createRipple } = useRipple(`${global.prefixCls}-ripple`)\n\n    const isDisabled = disabled || loading || (controlled ? groupDisabled : false)\n    const resolvedSpinner = (\n      <Spinner loading className={classNames?.spinner} style={styles?.spinner} {...spinnerProps} />\n    )\n\n    const handleClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {\n      if (isDisabled) return\n      const isKeyboard = e.detail === 0\n      if (!rippleDisabled) createRipple(e, { centered: isKeyboard })\n\n      onClick?.(e)\n    }\n\n    const showPrefix = prefix || (loading && spinnerPosition === 'prefix')\n    const showContent = children || (loading && spinnerPosition === 'content')\n    const showSuffix = suffix || (loading && spinnerPosition === 'suffix')\n\n    return (\n      <Flex\n        {...props}\n        ref={ref}\n        as=\"button\"\n        alignItems={alignItems}\n        justify={justify}\n        disabled={isDisabled}\n        data-loading={loading}\n        data-disabled={isDisabled}\n        onClick={handleClick}\n        className={cn(`${global.prefixCls}-btn ${global.prefixCls}-clickable`, classNames?.btn)}\n        style={styles?.btn}\n      >\n        {spinnerPosition === 'full' && loading ? (\n          resolvedSpinner\n        ) : (\n          <>\n            {showPrefix && (\n              <span\n                className={cn(`${global.prefixCls}-btn-prefix`, classNames?.prefix)}\n                style={styles?.prefix}\n              >\n                {spinnerPosition === 'prefix' && loading ? resolvedSpinner : prefix}\n              </span>\n            )}\n\n            {showContent && (\n              <span\n                className={cn(`${global.prefixCls}-btn-content`, classNames?.content)}\n                style={styles?.content}\n              >\n                {spinnerPosition === 'content' && loading ? resolvedSpinner : children}\n              </span>\n            )}\n\n            {showSuffix && (\n              <span\n                className={cn(`${global.prefixCls}-btn-suffix`, classNames?.suffix)}\n                style={styles?.suffix}\n              >\n                {spinnerPosition === 'suffix' && loading ? resolvedSpinner : suffix}\n              </span>\n            )}\n          </>\n        )}\n      </Flex>\n    )\n  }\n)\n\nButton.displayName = 'Button'\n","import { useRipple } from '@negative-space/ripple'\nimport { type ClickableAnimation, cn, useNSUI } from '@negative-space/system'\nimport React from 'react'\n\nimport { useButtonContextConditional } from './useButtonContext'\n\nexport interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  controlled?: boolean\n  animation?: ClickableAnimation\n}\n\nexport const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\n  ({ className, controlled, style, disabled, animation, onClick, ...props }, ref) => {\n    const { global, components } = useNSUI()\n    const rippleDisabled = (animation ?? components.iconButton.animation) !== 'ripple'\n\n    const context = useButtonContextConditional(!!controlled)\n    const groupDisabled = context.disabled\n    const isDisabled = disabled || (controlled ? groupDisabled : false)\n\n    const { createRipple } = useRipple(`${global.prefixCls}-ripple`)\n\n    const handleClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {\n      if (isDisabled) return\n      const isKeyboard = e.detail === 0\n      if (!rippleDisabled) createRipple(e, { centered: isKeyboard })\n\n      onClick?.(e)\n    }\n\n    return (\n      <button\n        ref={ref}\n        disabled={isDisabled}\n        data-disabled={isDisabled}\n        onClick={handleClick}\n        className={cn(`${global.prefixCls}-icon-btn ${global.prefixCls}-clickable`, className)}\n        style={style}\n        {...props}\n      />\n    )\n  }\n)\n\nIconButton.displayName = 'IconButton'\n","import { Flex, type FlexProps } from '@negative-space/flex'\nimport { cn, mergeCn, useNSUI } from '@negative-space/system'\nimport React from 'react'\n\nimport { Button, type ButtonProps } from './Button'\nimport { ButtonContext } from './ButtonContext'\nimport { IconButton, type IconButtonProps } from './IconButton'\n\nexport type ButtonComponent =\n  | { button: Omit<ButtonProps, 'controlled'> }\n  | { iconButton: Omit<IconButtonProps, 'controlled'> }\n\nexport interface ButtonGroupProps extends Omit<FlexProps, 'as' | 'className' | 'style'> {\n  classNames?: {\n    root?: string\n    button?: {\n      btn?: string\n      content?: string\n      prefix?: string\n      suffix?: string\n    }\n    iconButton?: string\n  }\n  styles?: {\n    root?: React.CSSProperties\n    button?: {\n      btn?: React.CSSProperties\n      content?: React.CSSProperties\n      prefix?: React.CSSProperties\n      suffix?: React.CSSProperties\n    }\n    iconButton?: React.CSSProperties\n  }\n  disabled?: boolean\n  items: ButtonComponent[]\n}\n\nexport const ButtonGroup = React.forwardRef<HTMLDivElement, ButtonGroupProps>(\n  ({ items, classNames, styles, disabled, ...props }, ref) => {\n    const { global } = useNSUI()\n\n    return (\n      <ButtonContext.Provider value={{ disabled }}>\n        <Flex\n          {...props}\n          ref={ref}\n          className={cn(`${global.prefixCls}-btn-group`, classNames?.root)}\n          style={styles?.root}\n        >\n          {items.map((item, index) => {\n            if ('button' in item) {\n              return (\n                <Button\n                  key={index}\n                  controlled\n                  classNames={mergeCn(classNames?.button, item.button.classNames)}\n                  styles={{ ...styles?.button, ...item.button.styles }}\n                  {...item.button}\n                />\n              )\n            }\n\n            if ('iconButton' in item) {\n              return (\n                <IconButton\n                  key={index}\n                  controlled\n                  className={cn(classNames?.iconButton, item.iconButton.className)}\n                  style={{ ...styles?.iconButton, ...item.iconButton.style }}\n                  {...item.iconButton}\n                />\n              )\n            }\n\n            return null\n          })}\n        </Flex>\n      </ButtonContext.Provider>\n    )\n  }\n)\n\nButtonGroup.displayName = 'ButtonGroup'\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@negative-space/button",
-  "version": "2.4.1",
+  "version": "2.5.0",
   "publishConfig": {
     "access": "public"
   },
@@ -32,10 +32,10 @@
     "url": "https://github.com/negative-space-ui/nsui/issues"
   },
   "dependencies": {
-    "@negative-space/flex": "1.2.1",
+    "@negative-space/flex": "1.2.2",
     "@negative-space/ripple": "1.1.2",
-    "@negative-space/system": "1.2.0",
-    "@negative-space/spinner": "2.1.4"
+    "@negative-space/system": "1.3.0",
+    "@negative-space/spinner": "2.2.0"
   },
   "peerDependencies": {
     "react": "^19.2.3"