@yamada-ui/close-button 1.0.52-dev-20241225014442 → 1.0.52-dev-20241227033735

package/dist/{chunk-ZGA2XAOL.mjs → chunk-A66JBDCD.mjs}

@@ -21,6 +21,7 @@ var CloseButton = forwardRef(
       disabled = isDisabled,
       disableRipple,
       isRounded,
+      fullRounded = isRounded,
       __css,
       ...rest
     } = omitThemeProps(mergedProps);
@@ -38,7 +39,7 @@ var CloseButton = forwardRef(
       position: "relative",
       ...styles,
       ...__css,
-      ...isRounded ? { borderRadius: "fallback(full, 9999px)" } : {}
+      ...fullRounded ? { borderRadius: "fallback(full, 9999px)" } : {}
     };
     return /* @__PURE__ */ jsxs(
       ui.button,
@@ -65,4 +66,4 @@ CloseButton.__ui__ = "CloseButton";
 export {
   CloseButton
 };
-//# sourceMappingURL=chunk-ZGA2XAOL.mjs.map
+//# sourceMappingURL=chunk-A66JBDCD.mjs.map

package/dist/chunk-A66JBDCD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/close-button.tsx"],"sourcesContent":["import type { CSSUIObject, HTMLUIProps, ThemeProps } from \"@yamada-ui/core\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useComponentStyle,\n} from \"@yamada-ui/core\"\nimport { CloseIcon } from \"@yamada-ui/icon\"\nimport { Ripple, useRipple } from \"@yamada-ui/ripple\"\nimport { cx } from \"@yamada-ui/utils\"\n\ninterface CloseButtonOptions {\n  /**\n   * If `true`, the button is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * If `true`, disable ripple effects when pressing a element.\n   *\n   * @default false\n   */\n  disableRipple?: boolean\n  /**\n   * If true, the button is full rounded.\n   *\n   * @default false\n   */\n  fullRounded?: boolean\n  /**\n   * If `true`, the button is disabled.\n   *\n   * @default false\n   *\n   * @deprecated Use `disabled` instead.\n   */\n  isDisabled?: boolean\n  /**\n   * If true, the button is full rounded.\n   *\n   * @default false\n   *\n   * @deprecated Use `fullRounded` instead.\n   */\n  isRounded?: boolean\n}\n\nexport interface CloseButtonProps\n  extends HTMLUIProps<\"button\">,\n    ThemeProps<\"CloseButton\">,\n    CloseButtonOptions {}\n\n/**\n * `CloseButton` is a component used primarily to trigger the close functionality of a component.\n *\n * @see Docs https://yamada-ui.com/components/other/close-button\n */\n\nexport const CloseButton = forwardRef<CloseButtonProps, \"button\">(\n  (props, ref) => {\n    const [styles, mergedProps] = useComponentStyle(\"CloseButton\", props)\n    const {\n      className,\n      children,\n      isDisabled,\n      disabled = isDisabled,\n      disableRipple,\n      isRounded,\n      fullRounded = isRounded,\n      __css,\n      ...rest\n    } = omitThemeProps(mergedProps)\n    const { onPointerDown, ...rippleProps } = useRipple({\n      ...rest,\n      disabled: disableRipple || disabled,\n    })\n\n    const css: CSSUIObject = {\n      alignItems: \"center\",\n      display: \"flex\",\n      flexShrink: 0,\n      justifyContent: \"center\",\n      outline: 0,\n      overflow: \"hidden\",\n      position: \"relative\",\n      ...styles,\n      ...__css,\n      ...(fullRounded ? { borderRadius: \"fallback(full, 9999px)\" } : {}),\n    }\n\n    return (\n      <ui.button\n        ref={ref}\n        type=\"button\"\n        className={cx(\"ui-close-button\", className)}\n        aria-label=\"Close\"\n        disabled={disabled}\n        __css={css}\n        {...rest}\n        onPointerDown={onPointerDown}\n      >\n        {children || <CloseIcon height=\"1em\" width=\"1em\" />}\n\n        <Ripple {...rippleProps} />\n      </ui.button>\n    )\n  },\n)\n\nCloseButton.displayName = \"CloseButton\"\nCloseButton.__ui__ = \"CloseButton\"\n"],"mappings":";;;AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAC1B,SAAS,QAAQ,iBAAiB;AAClC,SAAS,UAAU;AAmFb,SAUe,KAVf;AAjCC,IAAM,cAAc;AAAA,EACzB,CAAC,OAAO,QAAQ;AACd,UAAM,CAAC,QAAQ,WAAW,IAAI,kBAAkB,eAAe,KAAK;AACpE,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd;AAAA,MACA,GAAG;AAAA,IACL,IAAI,eAAe,WAAW;AAC9B,UAAM,EAAE,eAAe,GAAG,YAAY,IAAI,UAAU;AAAA,MAClD,GAAG;AAAA,MACH,UAAU,iBAAiB;AAAA,IAC7B,CAAC;AAED,UAAM,MAAmB;AAAA,MACvB,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,MACV,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAI,cAAc,EAAE,cAAc,yBAAyB,IAAI,CAAC;AAAA,IAClE;AAEA,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,WAAW,GAAG,mBAAmB,SAAS;AAAA,QAC1C,cAAW;AAAA,QACX;AAAA,QACA,OAAO;AAAA,QACN,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,sBAAY,oBAAC,aAAU,QAAO,OAAM,OAAM,OAAM;AAAA,UAEjD,oBAAC,UAAQ,GAAG,aAAa;AAAA;AAAA;AAAA,IAC3B;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;AAC1B,YAAY,SAAS;","names":[]}

package/dist/close-button.d.mts

@@ -14,6 +14,12 @@ interface CloseButtonOptions {
      * @default false
      */
     disableRipple?: boolean;
+    /**
+     * If true, the button is full rounded.
+     *
+     * @default false
+     */
+    fullRounded?: boolean;
     /**
      * If `true`, the button is disabled.
      *
@@ -26,6 +32,8 @@ interface CloseButtonOptions {
      * If true, the button is full rounded.
      *
      * @default false
+     *
+     * @deprecated Use `fullRounded` instead.
      */
     isRounded?: boolean;
 }

package/dist/close-button.d.ts

@@ -14,6 +14,12 @@ interface CloseButtonOptions {
      * @default false
      */
     disableRipple?: boolean;
+    /**
+     * If true, the button is full rounded.
+     *
+     * @default false
+     */
+    fullRounded?: boolean;
     /**
      * If `true`, the button is disabled.
      *
@@ -26,6 +32,8 @@ interface CloseButtonOptions {
      * If true, the button is full rounded.
      *
      * @default false
+     *
+     * @deprecated Use `fullRounded` instead.
      */
     isRounded?: boolean;
 }

package/dist/close-button.js

@@ -39,6 +39,7 @@ var CloseButton = (0, import_core.forwardRef)(
       disabled = isDisabled,
       disableRipple,
       isRounded,
+      fullRounded = isRounded,
       __css,
       ...rest
     } = (0, import_core.omitThemeProps)(mergedProps);
@@ -56,7 +57,7 @@ var CloseButton = (0, import_core.forwardRef)(
       position: "relative",
       ...styles,
       ...__css,
-      ...isRounded ? { borderRadius: "fallback(full, 9999px)" } : {}
+      ...fullRounded ? { borderRadius: "fallback(full, 9999px)" } : {}
     };
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       import_core.ui.button,

package/dist/close-button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/close-button.tsx"],"sourcesContent":["import type { CSSUIObject, HTMLUIProps, ThemeProps } from \"@yamada-ui/core\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useComponentStyle,\n} from \"@yamada-ui/core\"\nimport { CloseIcon } from \"@yamada-ui/icon\"\nimport { Ripple, useRipple } from \"@yamada-ui/ripple\"\nimport { cx } from \"@yamada-ui/utils\"\n\ninterface CloseButtonOptions {\n  /**\n   * If `true`, the button is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * If `true`, disable ripple effects when pressing a element.\n   *\n   * @default false\n   */\n  disableRipple?: boolean\n  /**\n   * If `true`, the button is disabled.\n   *\n   * @default false\n   *\n   * @deprecated Use `disabled` instead.\n   */\n  isDisabled?: boolean\n  /**\n   * If true, the button is full rounded.\n   *\n   * @default false\n   */\n  isRounded?: boolean\n}\n\nexport interface CloseButtonProps\n  extends HTMLUIProps<\"button\">,\n    ThemeProps<\"CloseButton\">,\n    CloseButtonOptions {}\n\n/**\n * `CloseButton` is a component used primarily to trigger the close functionality of a component.\n *\n * @see Docs https://yamada-ui.com/components/other/close-button\n */\n\nexport const CloseButton = forwardRef<CloseButtonProps, \"button\">(\n  (props, ref) => {\n    const [styles, mergedProps] = useComponentStyle(\"CloseButton\", props)\n    const {\n      className,\n      children,\n      isDisabled,\n      disabled = isDisabled,\n      disableRipple,\n      isRounded,\n      __css,\n      ...rest\n    } = omitThemeProps(mergedProps)\n    const { onPointerDown, ...rippleProps } = useRipple({\n      ...rest,\n      disabled: disableRipple || disabled,\n    })\n\n    const css: CSSUIObject = {\n      alignItems: \"center\",\n      display: \"flex\",\n      flexShrink: 0,\n      justifyContent: \"center\",\n      outline: 0,\n      overflow: \"hidden\",\n      position: \"relative\",\n      ...styles,\n      ...__css,\n      ...(isRounded ? { borderRadius: \"fallback(full, 9999px)\" } : {}),\n    }\n\n    return (\n      <ui.button\n        ref={ref}\n        type=\"button\"\n        className={cx(\"ui-close-button\", className)}\n        aria-label=\"Close\"\n        disabled={disabled}\n        __css={css}\n        {...rest}\n        onPointerDown={onPointerDown}\n      >\n        {children || <CloseIcon height=\"1em\" width=\"1em\" />}\n\n        <Ripple {...rippleProps} />\n      </ui.button>\n    )\n  },\n)\n\nCloseButton.displayName = \"CloseButton\"\nCloseButton.__ui__ = \"CloseButton\"\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAKO;AACP,kBAA0B;AAC1B,oBAAkC;AAClC,mBAAmB;AA0Eb;AAhCC,IAAM,kBAAc;AAAA,EACzB,CAAC,OAAO,QAAQ;AACd,UAAM,CAAC,QAAQ,WAAW,QAAI,+BAAkB,eAAe,KAAK;AACpE,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,QAAI,4BAAe,WAAW;AAC9B,UAAM,EAAE,eAAe,GAAG,YAAY,QAAI,yBAAU;AAAA,MAClD,GAAG;AAAA,MACH,UAAU,iBAAiB;AAAA,IAC7B,CAAC;AAED,UAAM,MAAmB;AAAA,MACvB,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,MACV,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAI,YAAY,EAAE,cAAc,yBAAyB,IAAI,CAAC;AAAA,IAChE;AAEA,WACE;AAAA,MAAC,eAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,eAAW,iBAAG,mBAAmB,SAAS;AAAA,QAC1C,cAAW;AAAA,QACX;AAAA,QACA,OAAO;AAAA,QACN,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,sBAAY,4CAAC,yBAAU,QAAO,OAAM,OAAM,OAAM;AAAA,UAEjD,4CAAC,wBAAQ,GAAG,aAAa;AAAA;AAAA;AAAA,IAC3B;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;AAC1B,YAAY,SAAS;","names":[]}
+{"version":3,"sources":["../src/close-button.tsx"],"sourcesContent":["import type { CSSUIObject, HTMLUIProps, ThemeProps } from \"@yamada-ui/core\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useComponentStyle,\n} from \"@yamada-ui/core\"\nimport { CloseIcon } from \"@yamada-ui/icon\"\nimport { Ripple, useRipple } from \"@yamada-ui/ripple\"\nimport { cx } from \"@yamada-ui/utils\"\n\ninterface CloseButtonOptions {\n  /**\n   * If `true`, the button is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * If `true`, disable ripple effects when pressing a element.\n   *\n   * @default false\n   */\n  disableRipple?: boolean\n  /**\n   * If true, the button is full rounded.\n   *\n   * @default false\n   */\n  fullRounded?: boolean\n  /**\n   * If `true`, the button is disabled.\n   *\n   * @default false\n   *\n   * @deprecated Use `disabled` instead.\n   */\n  isDisabled?: boolean\n  /**\n   * If true, the button is full rounded.\n   *\n   * @default false\n   *\n   * @deprecated Use `fullRounded` instead.\n   */\n  isRounded?: boolean\n}\n\nexport interface CloseButtonProps\n  extends HTMLUIProps<\"button\">,\n    ThemeProps<\"CloseButton\">,\n    CloseButtonOptions {}\n\n/**\n * `CloseButton` is a component used primarily to trigger the close functionality of a component.\n *\n * @see Docs https://yamada-ui.com/components/other/close-button\n */\n\nexport const CloseButton = forwardRef<CloseButtonProps, \"button\">(\n  (props, ref) => {\n    const [styles, mergedProps] = useComponentStyle(\"CloseButton\", props)\n    const {\n      className,\n      children,\n      isDisabled,\n      disabled = isDisabled,\n      disableRipple,\n      isRounded,\n      fullRounded = isRounded,\n      __css,\n      ...rest\n    } = omitThemeProps(mergedProps)\n    const { onPointerDown, ...rippleProps } = useRipple({\n      ...rest,\n      disabled: disableRipple || disabled,\n    })\n\n    const css: CSSUIObject = {\n      alignItems: \"center\",\n      display: \"flex\",\n      flexShrink: 0,\n      justifyContent: \"center\",\n      outline: 0,\n      overflow: \"hidden\",\n      position: \"relative\",\n      ...styles,\n      ...__css,\n      ...(fullRounded ? { borderRadius: \"fallback(full, 9999px)\" } : {}),\n    }\n\n    return (\n      <ui.button\n        ref={ref}\n        type=\"button\"\n        className={cx(\"ui-close-button\", className)}\n        aria-label=\"Close\"\n        disabled={disabled}\n        __css={css}\n        {...rest}\n        onPointerDown={onPointerDown}\n      >\n        {children || <CloseIcon height=\"1em\" width=\"1em\" />}\n\n        <Ripple {...rippleProps} />\n      </ui.button>\n    )\n  },\n)\n\nCloseButton.displayName = \"CloseButton\"\nCloseButton.__ui__ = \"CloseButton\"\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAKO;AACP,kBAA0B;AAC1B,oBAAkC;AAClC,mBAAmB;AAmFb;AAjCC,IAAM,kBAAc;AAAA,EACzB,CAAC,OAAO,QAAQ;AACd,UAAM,CAAC,QAAQ,WAAW,QAAI,+BAAkB,eAAe,KAAK;AACpE,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd;AAAA,MACA,GAAG;AAAA,IACL,QAAI,4BAAe,WAAW;AAC9B,UAAM,EAAE,eAAe,GAAG,YAAY,QAAI,yBAAU;AAAA,MAClD,GAAG;AAAA,MACH,UAAU,iBAAiB;AAAA,IAC7B,CAAC;AAED,UAAM,MAAmB;AAAA,MACvB,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,MACV,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAI,cAAc,EAAE,cAAc,yBAAyB,IAAI,CAAC;AAAA,IAClE;AAEA,WACE;AAAA,MAAC,eAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,eAAW,iBAAG,mBAAmB,SAAS;AAAA,QAC1C,cAAW;AAAA,QACX;AAAA,QACA,OAAO;AAAA,QACN,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,sBAAY,4CAAC,yBAAU,QAAO,OAAM,OAAM,OAAM;AAAA,UAEjD,4CAAC,wBAAQ,GAAG,aAAa;AAAA;AAAA;AAAA,IAC3B;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;AAC1B,YAAY,SAAS;","names":[]}

package/dist/close-button.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   CloseButton
-} from "./chunk-ZGA2XAOL.mjs";
+} from "./chunk-A66JBDCD.mjs";
 export {
   CloseButton
 };

package/dist/index.js

@@ -41,6 +41,7 @@ var CloseButton = (0, import_core.forwardRef)(
       disabled = isDisabled,
       disableRipple,
       isRounded,
+      fullRounded = isRounded,
       __css,
       ...rest
     } = (0, import_core.omitThemeProps)(mergedProps);
@@ -58,7 +59,7 @@ var CloseButton = (0, import_core.forwardRef)(
       position: "relative",
       ...styles,
       ...__css,
-      ...isRounded ? { borderRadius: "fallback(full, 9999px)" } : {}
+      ...fullRounded ? { borderRadius: "fallback(full, 9999px)" } : {}
     };
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       import_core.ui.button,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/close-button.tsx"],"sourcesContent":["export { CloseButton } from \"./close-button\"\nexport type { CloseButtonProps } from \"./close-button\"\n","import type { CSSUIObject, HTMLUIProps, ThemeProps } from \"@yamada-ui/core\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useComponentStyle,\n} from \"@yamada-ui/core\"\nimport { CloseIcon } from \"@yamada-ui/icon\"\nimport { Ripple, useRipple } from \"@yamada-ui/ripple\"\nimport { cx } from \"@yamada-ui/utils\"\n\ninterface CloseButtonOptions {\n  /**\n   * If `true`, the button is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * If `true`, disable ripple effects when pressing a element.\n   *\n   * @default false\n   */\n  disableRipple?: boolean\n  /**\n   * If `true`, the button is disabled.\n   *\n   * @default false\n   *\n   * @deprecated Use `disabled` instead.\n   */\n  isDisabled?: boolean\n  /**\n   * If true, the button is full rounded.\n   *\n   * @default false\n   */\n  isRounded?: boolean\n}\n\nexport interface CloseButtonProps\n  extends HTMLUIProps<\"button\">,\n    ThemeProps<\"CloseButton\">,\n    CloseButtonOptions {}\n\n/**\n * `CloseButton` is a component used primarily to trigger the close functionality of a component.\n *\n * @see Docs https://yamada-ui.com/components/other/close-button\n */\n\nexport const CloseButton = forwardRef<CloseButtonProps, \"button\">(\n  (props, ref) => {\n    const [styles, mergedProps] = useComponentStyle(\"CloseButton\", props)\n    const {\n      className,\n      children,\n      isDisabled,\n      disabled = isDisabled,\n      disableRipple,\n      isRounded,\n      __css,\n      ...rest\n    } = omitThemeProps(mergedProps)\n    const { onPointerDown, ...rippleProps } = useRipple({\n      ...rest,\n      disabled: disableRipple || disabled,\n    })\n\n    const css: CSSUIObject = {\n      alignItems: \"center\",\n      display: \"flex\",\n      flexShrink: 0,\n      justifyContent: \"center\",\n      outline: 0,\n      overflow: \"hidden\",\n      position: \"relative\",\n      ...styles,\n      ...__css,\n      ...(isRounded ? { borderRadius: \"fallback(full, 9999px)\" } : {}),\n    }\n\n    return (\n      <ui.button\n        ref={ref}\n        type=\"button\"\n        className={cx(\"ui-close-button\", className)}\n        aria-label=\"Close\"\n        disabled={disabled}\n        __css={css}\n        {...rest}\n        onPointerDown={onPointerDown}\n      >\n        {children || <CloseIcon height=\"1em\" width=\"1em\" />}\n\n        <Ripple {...rippleProps} />\n      </ui.button>\n    )\n  },\n)\n\nCloseButton.displayName = \"CloseButton\"\nCloseButton.__ui__ = \"CloseButton\"\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,kBAKO;AACP,kBAA0B;AAC1B,oBAAkC;AAClC,mBAAmB;AA0Eb;AAhCC,IAAM,kBAAc;AAAA,EACzB,CAAC,OAAO,QAAQ;AACd,UAAM,CAAC,QAAQ,WAAW,QAAI,+BAAkB,eAAe,KAAK;AACpE,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,QAAI,4BAAe,WAAW;AAC9B,UAAM,EAAE,eAAe,GAAG,YAAY,QAAI,yBAAU;AAAA,MAClD,GAAG;AAAA,MACH,UAAU,iBAAiB;AAAA,IAC7B,CAAC;AAED,UAAM,MAAmB;AAAA,MACvB,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,MACV,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAI,YAAY,EAAE,cAAc,yBAAyB,IAAI,CAAC;AAAA,IAChE;AAEA,WACE;AAAA,MAAC,eAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,eAAW,iBAAG,mBAAmB,SAAS;AAAA,QAC1C,cAAW;AAAA,QACX;AAAA,QACA,OAAO;AAAA,QACN,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,sBAAY,4CAAC,yBAAU,QAAO,OAAM,OAAM,OAAM;AAAA,UAEjD,4CAAC,wBAAQ,GAAG,aAAa;AAAA;AAAA;AAAA,IAC3B;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;AAC1B,YAAY,SAAS;","names":[]}
+{"version":3,"sources":["../src/index.ts","../src/close-button.tsx"],"sourcesContent":["export { CloseButton } from \"./close-button\"\nexport type { CloseButtonProps } from \"./close-button\"\n","import type { CSSUIObject, HTMLUIProps, ThemeProps } from \"@yamada-ui/core\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useComponentStyle,\n} from \"@yamada-ui/core\"\nimport { CloseIcon } from \"@yamada-ui/icon\"\nimport { Ripple, useRipple } from \"@yamada-ui/ripple\"\nimport { cx } from \"@yamada-ui/utils\"\n\ninterface CloseButtonOptions {\n  /**\n   * If `true`, the button is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * If `true`, disable ripple effects when pressing a element.\n   *\n   * @default false\n   */\n  disableRipple?: boolean\n  /**\n   * If true, the button is full rounded.\n   *\n   * @default false\n   */\n  fullRounded?: boolean\n  /**\n   * If `true`, the button is disabled.\n   *\n   * @default false\n   *\n   * @deprecated Use `disabled` instead.\n   */\n  isDisabled?: boolean\n  /**\n   * If true, the button is full rounded.\n   *\n   * @default false\n   *\n   * @deprecated Use `fullRounded` instead.\n   */\n  isRounded?: boolean\n}\n\nexport interface CloseButtonProps\n  extends HTMLUIProps<\"button\">,\n    ThemeProps<\"CloseButton\">,\n    CloseButtonOptions {}\n\n/**\n * `CloseButton` is a component used primarily to trigger the close functionality of a component.\n *\n * @see Docs https://yamada-ui.com/components/other/close-button\n */\n\nexport const CloseButton = forwardRef<CloseButtonProps, \"button\">(\n  (props, ref) => {\n    const [styles, mergedProps] = useComponentStyle(\"CloseButton\", props)\n    const {\n      className,\n      children,\n      isDisabled,\n      disabled = isDisabled,\n      disableRipple,\n      isRounded,\n      fullRounded = isRounded,\n      __css,\n      ...rest\n    } = omitThemeProps(mergedProps)\n    const { onPointerDown, ...rippleProps } = useRipple({\n      ...rest,\n      disabled: disableRipple || disabled,\n    })\n\n    const css: CSSUIObject = {\n      alignItems: \"center\",\n      display: \"flex\",\n      flexShrink: 0,\n      justifyContent: \"center\",\n      outline: 0,\n      overflow: \"hidden\",\n      position: \"relative\",\n      ...styles,\n      ...__css,\n      ...(fullRounded ? { borderRadius: \"fallback(full, 9999px)\" } : {}),\n    }\n\n    return (\n      <ui.button\n        ref={ref}\n        type=\"button\"\n        className={cx(\"ui-close-button\", className)}\n        aria-label=\"Close\"\n        disabled={disabled}\n        __css={css}\n        {...rest}\n        onPointerDown={onPointerDown}\n      >\n        {children || <CloseIcon height=\"1em\" width=\"1em\" />}\n\n        <Ripple {...rippleProps} />\n      </ui.button>\n    )\n  },\n)\n\nCloseButton.displayName = \"CloseButton\"\nCloseButton.__ui__ = \"CloseButton\"\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,kBAKO;AACP,kBAA0B;AAC1B,oBAAkC;AAClC,mBAAmB;AAmFb;AAjCC,IAAM,kBAAc;AAAA,EACzB,CAAC,OAAO,QAAQ;AACd,UAAM,CAAC,QAAQ,WAAW,QAAI,+BAAkB,eAAe,KAAK;AACpE,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd;AAAA,MACA,GAAG;AAAA,IACL,QAAI,4BAAe,WAAW;AAC9B,UAAM,EAAE,eAAe,GAAG,YAAY,QAAI,yBAAU;AAAA,MAClD,GAAG;AAAA,MACH,UAAU,iBAAiB;AAAA,IAC7B,CAAC;AAED,UAAM,MAAmB;AAAA,MACvB,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,MACV,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAI,cAAc,EAAE,cAAc,yBAAyB,IAAI,CAAC;AAAA,IAClE;AAEA,WACE;AAAA,MAAC,eAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,eAAW,iBAAG,mBAAmB,SAAS;AAAA,QAC1C,cAAW;AAAA,QACX;AAAA,QACA,OAAO;AAAA,QACN,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,sBAAY,4CAAC,yBAAU,QAAO,OAAM,OAAM,OAAM;AAAA,UAEjD,4CAAC,wBAAQ,GAAG,aAAa;AAAA;AAAA;AAAA,IAC3B;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;AAC1B,YAAY,SAAS;","names":[]}

package/dist/index.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   CloseButton
-} from "./chunk-ZGA2XAOL.mjs";
+} from "./chunk-A66JBDCD.mjs";
 export {
   CloseButton
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/close-button",
-  "version": "1.0.52-dev-20241225014442",
+  "version": "1.0.52-dev-20241227033735",
   "description": "Yamada UI close button component",
   "keywords": [
     "yamada",
@@ -36,10 +36,10 @@
     "url": "https://github.com/yamada-ui/yamada-ui/issues"
   },
   "dependencies": {
-    "@yamada-ui/core": "1.17.0-dev-20241225014442",
-    "@yamada-ui/icon": "1.1.18-dev-20241225014442",
-    "@yamada-ui/ripple": "1.0.49-dev-20241225014442",
-    "@yamada-ui/utils": "1.7.0-dev-20241225014442"
+    "@yamada-ui/core": "1.17.0-dev-20241227033735",
+    "@yamada-ui/icon": "1.1.18-dev-20241227033735",
+    "@yamada-ui/ripple": "1.0.49-dev-20241227033735",
+    "@yamada-ui/utils": "1.7.0-dev-20241227033735"
   },
   "devDependencies": {
     "clean-package": "2.2.0",

package/dist/chunk-ZGA2XAOL.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/close-button.tsx"],"sourcesContent":["import type { CSSUIObject, HTMLUIProps, ThemeProps } from \"@yamada-ui/core\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useComponentStyle,\n} from \"@yamada-ui/core\"\nimport { CloseIcon } from \"@yamada-ui/icon\"\nimport { Ripple, useRipple } from \"@yamada-ui/ripple\"\nimport { cx } from \"@yamada-ui/utils\"\n\ninterface CloseButtonOptions {\n  /**\n   * If `true`, the button is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * If `true`, disable ripple effects when pressing a element.\n   *\n   * @default false\n   */\n  disableRipple?: boolean\n  /**\n   * If `true`, the button is disabled.\n   *\n   * @default false\n   *\n   * @deprecated Use `disabled` instead.\n   */\n  isDisabled?: boolean\n  /**\n   * If true, the button is full rounded.\n   *\n   * @default false\n   */\n  isRounded?: boolean\n}\n\nexport interface CloseButtonProps\n  extends HTMLUIProps<\"button\">,\n    ThemeProps<\"CloseButton\">,\n    CloseButtonOptions {}\n\n/**\n * `CloseButton` is a component used primarily to trigger the close functionality of a component.\n *\n * @see Docs https://yamada-ui.com/components/other/close-button\n */\n\nexport const CloseButton = forwardRef<CloseButtonProps, \"button\">(\n  (props, ref) => {\n    const [styles, mergedProps] = useComponentStyle(\"CloseButton\", props)\n    const {\n      className,\n      children,\n      isDisabled,\n      disabled = isDisabled,\n      disableRipple,\n      isRounded,\n      __css,\n      ...rest\n    } = omitThemeProps(mergedProps)\n    const { onPointerDown, ...rippleProps } = useRipple({\n      ...rest,\n      disabled: disableRipple || disabled,\n    })\n\n    const css: CSSUIObject = {\n      alignItems: \"center\",\n      display: \"flex\",\n      flexShrink: 0,\n      justifyContent: \"center\",\n      outline: 0,\n      overflow: \"hidden\",\n      position: \"relative\",\n      ...styles,\n      ...__css,\n      ...(isRounded ? { borderRadius: \"fallback(full, 9999px)\" } : {}),\n    }\n\n    return (\n      <ui.button\n        ref={ref}\n        type=\"button\"\n        className={cx(\"ui-close-button\", className)}\n        aria-label=\"Close\"\n        disabled={disabled}\n        __css={css}\n        {...rest}\n        onPointerDown={onPointerDown}\n      >\n        {children || <CloseIcon height=\"1em\" width=\"1em\" />}\n\n        <Ripple {...rippleProps} />\n      </ui.button>\n    )\n  },\n)\n\nCloseButton.displayName = \"CloseButton\"\nCloseButton.__ui__ = \"CloseButton\"\n"],"mappings":";;;AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAC1B,SAAS,QAAQ,iBAAiB;AAClC,SAAS,UAAU;AA0Eb,SAUe,KAVf;AAhCC,IAAM,cAAc;AAAA,EACzB,CAAC,OAAO,QAAQ;AACd,UAAM,CAAC,QAAQ,WAAW,IAAI,kBAAkB,eAAe,KAAK;AACpE,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,eAAe,WAAW;AAC9B,UAAM,EAAE,eAAe,GAAG,YAAY,IAAI,UAAU;AAAA,MAClD,GAAG;AAAA,MACH,UAAU,iBAAiB;AAAA,IAC7B,CAAC;AAED,UAAM,MAAmB;AAAA,MACvB,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,MACV,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAI,YAAY,EAAE,cAAc,yBAAyB,IAAI,CAAC;AAAA,IAChE;AAEA,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,WAAW,GAAG,mBAAmB,SAAS;AAAA,QAC1C,cAAW;AAAA,QACX;AAAA,QACA,OAAO;AAAA,QACN,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,sBAAY,oBAAC,aAAU,QAAO,OAAM,OAAM,OAAM;AAAA,UAEjD,oBAAC,UAAQ,GAAG,aAAa;AAAA;AAAA;AAAA,IAC3B;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;AAC1B,YAAY,SAAS;","names":[]}