@deepnoid/ui 0.1.83 → 0.1.86

package/dist/components/accordion/index.mjs

@@ -5,11 +5,8 @@ import {
 } from "../../chunk-EKLA6ZR4.mjs";
 import {
   accordionItem_default
-} from "../../chunk-FKHKYVZH.mjs";
-import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-JP4TEWP7.mjs";
+} from "../../chunk-VSURAISO.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-RRONV7YA.mjs";
 import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/breadcrumb/breadcrumb.mjs

@@ -5,11 +5,11 @@ import {
 import "../../chunk-MY5U63QO.mjs";
 import "../../chunk-JBSV7GCL.mjs";
 import "../../chunk-ITWKPTSD.mjs";
-import "../../chunk-B6YYZVT6.mjs";
-import "../../chunk-Z6IOS3S6.mjs";
+import "../../chunk-V5OCV42N.mjs";
+import "../../chunk-P6CRHHI3.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-LXHUO6VM.mjs";
+import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-JP4TEWP7.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/breadcrumb/index.mjs

@@ -6,11 +6,11 @@ import {
 import "../../chunk-MY5U63QO.mjs";
 import "../../chunk-JBSV7GCL.mjs";
 import "../../chunk-ITWKPTSD.mjs";
-import "../../chunk-B6YYZVT6.mjs";
-import "../../chunk-Z6IOS3S6.mjs";
+import "../../chunk-V5OCV42N.mjs";
+import "../../chunk-P6CRHHI3.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-LXHUO6VM.mjs";
+import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-JP4TEWP7.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/button/button.d.mts

@@ -1,6 +1,7 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
-import react__default, { ButtonHTMLAttributes, ReactNode } from 'react';
+import * as react from 'react';
+import { ButtonHTMLAttributes, ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.mjs';
 
 interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
@@ -9,9 +10,10 @@ interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
     endContent?: ReactNode;
     disableRipple?: boolean;
     classNames?: SlotsToClasses<ButtonSlots>;
+    asChild?: boolean;
 }
 type ButtonProps = Props & ButtonVariantProps;
-declare const Button: react__default.ForwardRefExoticComponent<Props & ButtonVariantProps & react__default.RefAttributes<HTMLButtonElement>>;
+declare const Button: react.ForwardRefExoticComponent<Props & ButtonVariantProps & react.RefAttributes<HTMLButtonElement>>;
 
 declare const buttonStyle: tailwind_variants.TVReturnType<{
     variant: {

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

@@ -1,6 +1,7 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
-import react__default, { ButtonHTMLAttributes, ReactNode } from 'react';
+import * as react from 'react';
+import { ButtonHTMLAttributes, ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.js';
 
 interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
@@ -9,9 +10,10 @@ interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
     endContent?: ReactNode;
     disableRipple?: boolean;
     classNames?: SlotsToClasses<ButtonSlots>;
+    asChild?: boolean;
 }
 type ButtonProps = Props & ButtonVariantProps;
-declare const Button: react__default.ForwardRefExoticComponent<Props & ButtonVariantProps & react__default.RefAttributes<HTMLButtonElement>>;
+declare const Button: react.ForwardRefExoticComponent<Props & ButtonVariantProps & react.RefAttributes<HTMLButtonElement>>;
 
 declare const buttonStyle: tailwind_variants.TVReturnType<{
     variant: {

package/dist/components/button/button.js

@@ -105,7 +105,7 @@ __export(button_exports, {
   default: () => button_default
 });
 module.exports = __toCommonJS(button_exports);
-var import_react2 = __toESM(require("react"));
+var import_react2 = require("react");
 
 // src/utils/tailwind-variants.ts
 var import_tailwind_variants = require("tailwind-variants");
@@ -5073,7 +5073,7 @@ function useRipple(props = {}) {
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var Button = (0, import_react2.forwardRef)((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, buttonStyle.variantKeys);
-  const { classNames, startContent, endContent, disableRipple, children, ...buttonProps } = props;
+  const { classNames, startContent, endContent, disableRipple, asChild, children, ...buttonProps } = props;
   const slots = (0, import_react2.useMemo)(() => buttonStyle({ ...variantProps }), [variantProps]);
   const { onPress: onRipplePressHandler, onClear: onClearRipple, ripples } = useRipple();
   const handlePress = (0, import_react2.useCallback)(
@@ -5115,25 +5115,46 @@ var Button = (0, import_react2.forwardRef)((originalProps, ref) => {
     [slots, classNames, originalProps.size]
   );
   const renderContent = (content) => {
-    if (import_react2.default.isValidElement(content)) {
+    if ((0, import_react2.isValidElement)(content)) {
       const _content = content;
       const existingProps = _content.props;
       const mergedProps = {
         ...getContentProps(),
         className: `${getContentProps().className || ""} ${existingProps.className || ""}`.trim()
       };
-      return import_react2.default.cloneElement(content, mergedProps);
+      return (0, import_react2.cloneElement)(content, mergedProps);
     } else {
       const contentProps = getContentProps();
       return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { ...contentProps, children: content });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { ...getBaseProps(), children: originalProps.isLoading ? renderContent(/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon_default, { name: "loading", className: "animate-spin" })) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+  const buttonContent = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: originalProps.isLoading ? renderContent(/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon_default, { name: "loading", className: "animate-spin" })) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
     startContent && renderContent(startContent),
     children,
     endContent && renderContent(endContent),
     !disableRipple && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ripple_default, { ...getRippleProps() })
   ] }) });
+  if (asChild && (0, import_react2.isValidElement)(children)) {
+    const childElement = children;
+    const baseProps = getBaseProps();
+    const mergedProps = {
+      ...childElement.props,
+      ...baseProps,
+      className: `${baseProps.className || ""} ${childElement.props.className || ""}`.trim(),
+      onClick: (e) => {
+        var _a, _b, _c;
+        (_b = (_a = childElement.props).onClick) == null ? void 0 : _b.call(_a, e);
+        (_c = baseProps.onClick) == null ? void 0 : _c.call(baseProps, e);
+      },
+      onMouseDown: (e) => {
+        var _a, _b, _c;
+        (_b = (_a = childElement.props).onMouseDown) == null ? void 0 : _b.call(_a, e);
+        (_c = baseProps.onMouseDown) == null ? void 0 : _c.call(baseProps, e);
+      }
+    };
+    return (0, import_react2.cloneElement)(childElement, mergedProps);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { ...getBaseProps(), children: buttonContent });
 });
 Button.displayName = "Button";
 var button_default = Button;

package/dist/components/button/button.mjs

@@ -1,10 +1,10 @@
 "use client";
 import {
   button_default
-} from "../../chunk-B6YYZVT6.mjs";
+} from "../../chunk-V5OCV42N.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-LXHUO6VM.mjs";
+import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-JP4TEWP7.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/button/icon-button.mjs

@@ -1,10 +1,10 @@
 "use client";
 import {
   icon_button_default
-} from "../../chunk-Z6IOS3S6.mjs";
+} from "../../chunk-P6CRHHI3.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-LXHUO6VM.mjs";
+import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-JP4TEWP7.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/button/index.js

@@ -110,7 +110,7 @@ __export(button_exports, {
 module.exports = __toCommonJS(button_exports);
 
 // src/components/button/button.tsx
-var import_react2 = __toESM(require("react"));
+var import_react2 = require("react");
 
 // src/utils/tailwind-variants.ts
 var import_tailwind_variants = require("tailwind-variants");
@@ -5078,7 +5078,7 @@ function useRipple(props = {}) {
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var Button = (0, import_react2.forwardRef)((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, buttonStyle.variantKeys);
-  const { classNames, startContent, endContent, disableRipple, children, ...buttonProps } = props;
+  const { classNames, startContent, endContent, disableRipple, asChild, children, ...buttonProps } = props;
   const slots = (0, import_react2.useMemo)(() => buttonStyle({ ...variantProps }), [variantProps]);
   const { onPress: onRipplePressHandler, onClear: onClearRipple, ripples } = useRipple();
   const handlePress = (0, import_react2.useCallback)(
@@ -5120,25 +5120,46 @@ var Button = (0, import_react2.forwardRef)((originalProps, ref) => {
     [slots, classNames, originalProps.size]
   );
   const renderContent = (content) => {
-    if (import_react2.default.isValidElement(content)) {
+    if ((0, import_react2.isValidElement)(content)) {
       const _content = content;
       const existingProps = _content.props;
       const mergedProps = {
         ...getContentProps(),
         className: `${getContentProps().className || ""} ${existingProps.className || ""}`.trim()
       };
-      return import_react2.default.cloneElement(content, mergedProps);
+      return (0, import_react2.cloneElement)(content, mergedProps);
     } else {
       const contentProps = getContentProps();
       return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { ...contentProps, children: content });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { ...getBaseProps(), children: originalProps.isLoading ? renderContent(/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon_default, { name: "loading", className: "animate-spin" })) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+  const buttonContent = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: originalProps.isLoading ? renderContent(/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon_default, { name: "loading", className: "animate-spin" })) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
     startContent && renderContent(startContent),
     children,
     endContent && renderContent(endContent),
     !disableRipple && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ripple_default, { ...getRippleProps() })
   ] }) });
+  if (asChild && (0, import_react2.isValidElement)(children)) {
+    const childElement = children;
+    const baseProps = getBaseProps();
+    const mergedProps = {
+      ...childElement.props,
+      ...baseProps,
+      className: `${baseProps.className || ""} ${childElement.props.className || ""}`.trim(),
+      onClick: (e) => {
+        var _a, _b, _c;
+        (_b = (_a = childElement.props).onClick) == null ? void 0 : _b.call(_a, e);
+        (_c = baseProps.onClick) == null ? void 0 : _c.call(baseProps, e);
+      },
+      onMouseDown: (e) => {
+        var _a, _b, _c;
+        (_b = (_a = childElement.props).onMouseDown) == null ? void 0 : _b.call(_a, e);
+        (_c = baseProps.onMouseDown) == null ? void 0 : _c.call(baseProps, e);
+      }
+    };
+    return (0, import_react2.cloneElement)(childElement, mergedProps);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { ...getBaseProps(), children: buttonContent });
 });
 Button.displayName = "Button";
 var button_default = Button;

package/dist/components/button/index.mjs

@@ -8,13 +8,13 @@ import {
 } from "../../chunk-ITWKPTSD.mjs";
 import {
   button_default
-} from "../../chunk-B6YYZVT6.mjs";
+} from "../../chunk-V5OCV42N.mjs";
 import {
   icon_button_default
-} from "../../chunk-Z6IOS3S6.mjs";
+} from "../../chunk-P6CRHHI3.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-LXHUO6VM.mjs";
+import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-JP4TEWP7.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/fileUpload/fileUpload.js

@@ -5414,7 +5414,7 @@ var inputStyle = tv(
 );
 
 // src/components/button/button.tsx
-var import_react3 = __toESM(require("react"));
+var import_react3 = require("react");
 
 // src/components/ripple/ripple.tsx
 var import_framer_motion = require("framer-motion");
@@ -5486,7 +5486,7 @@ function useRipple(props = {}) {
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var Button = (0, import_react3.forwardRef)((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, buttonStyle.variantKeys);
-  const { classNames, startContent, endContent, disableRipple, children, ...buttonProps } = props;
+  const { classNames, startContent, endContent, disableRipple, asChild, children, ...buttonProps } = props;
   const slots = (0, import_react3.useMemo)(() => buttonStyle({ ...variantProps }), [variantProps]);
   const { onPress: onRipplePressHandler, onClear: onClearRipple, ripples } = useRipple();
   const handlePress = (0, import_react3.useCallback)(
@@ -5528,25 +5528,46 @@ var Button = (0, import_react3.forwardRef)((originalProps, ref) => {
     [slots, classNames, originalProps.size]
   );
   const renderContent = (content) => {
-    if (import_react3.default.isValidElement(content)) {
+    if ((0, import_react3.isValidElement)(content)) {
       const _content = content;
       const existingProps = _content.props;
       const mergedProps = {
         ...getContentProps(),
         className: `${getContentProps().className || ""} ${existingProps.className || ""}`.trim()
       };
-      return import_react3.default.cloneElement(content, mergedProps);
+      return (0, import_react3.cloneElement)(content, mergedProps);
     } else {
       const contentProps = getContentProps();
       return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { ...contentProps, children: content });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { ...getBaseProps(), children: originalProps.isLoading ? renderContent(/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon_default, { name: "loading", className: "animate-spin" })) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+  const buttonContent = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: originalProps.isLoading ? renderContent(/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon_default, { name: "loading", className: "animate-spin" })) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
     startContent && renderContent(startContent),
     children,
     endContent && renderContent(endContent),
     !disableRipple && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ripple_default, { ...getRippleProps() })
   ] }) });
+  if (asChild && (0, import_react3.isValidElement)(children)) {
+    const childElement = children;
+    const baseProps = getBaseProps();
+    const mergedProps = {
+      ...childElement.props,
+      ...baseProps,
+      className: `${baseProps.className || ""} ${childElement.props.className || ""}`.trim(),
+      onClick: (e) => {
+        var _a, _b, _c;
+        (_b = (_a = childElement.props).onClick) == null ? void 0 : _b.call(_a, e);
+        (_c = baseProps.onClick) == null ? void 0 : _c.call(baseProps, e);
+      },
+      onMouseDown: (e) => {
+        var _a, _b, _c;
+        (_b = (_a = childElement.props).onMouseDown) == null ? void 0 : _b.call(_a, e);
+        (_c = baseProps.onMouseDown) == null ? void 0 : _c.call(baseProps, e);
+      }
+    };
+    return (0, import_react3.cloneElement)(childElement, mergedProps);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { ...getBaseProps(), children: buttonContent });
 });
 Button.displayName = "Button";
 var button_default = Button;

package/dist/components/fileUpload/fileUpload.mjs

@@ -3,17 +3,17 @@ import {
   FileUpload,
   fileUploadStyle,
   fileUpload_default
-} from "../../chunk-7GFYCPP3.mjs";
+} from "../../chunk-Q3JMHIW5.mjs";
 import "../../chunk-2GCSFWHD.mjs";
 import "../../chunk-MVL7HJSH.mjs";
 import "../../chunk-MY5U63QO.mjs";
 import "../../chunk-JBSV7GCL.mjs";
 import "../../chunk-ITWKPTSD.mjs";
-import "../../chunk-B6YYZVT6.mjs";
-import "../../chunk-Z6IOS3S6.mjs";
+import "../../chunk-V5OCV42N.mjs";
+import "../../chunk-P6CRHHI3.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-LXHUO6VM.mjs";
+import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-JP4TEWP7.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/fileUpload/index.js

@@ -5414,7 +5414,7 @@ var inputStyle = tv(
 );
 
 // src/components/button/button.tsx
-var import_react3 = __toESM(require("react"));
+var import_react3 = require("react");
 
 // src/components/ripple/ripple.tsx
 var import_framer_motion = require("framer-motion");
@@ -5486,7 +5486,7 @@ function useRipple(props = {}) {
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var Button = (0, import_react3.forwardRef)((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, buttonStyle.variantKeys);
-  const { classNames, startContent, endContent, disableRipple, children, ...buttonProps } = props;
+  const { classNames, startContent, endContent, disableRipple, asChild, children, ...buttonProps } = props;
   const slots = (0, import_react3.useMemo)(() => buttonStyle({ ...variantProps }), [variantProps]);
   const { onPress: onRipplePressHandler, onClear: onClearRipple, ripples } = useRipple();
   const handlePress = (0, import_react3.useCallback)(
@@ -5528,25 +5528,46 @@ var Button = (0, import_react3.forwardRef)((originalProps, ref) => {
     [slots, classNames, originalProps.size]
   );
   const renderContent = (content) => {
-    if (import_react3.default.isValidElement(content)) {
+    if ((0, import_react3.isValidElement)(content)) {
       const _content = content;
       const existingProps = _content.props;
       const mergedProps = {
         ...getContentProps(),
         className: `${getContentProps().className || ""} ${existingProps.className || ""}`.trim()
       };
-      return import_react3.default.cloneElement(content, mergedProps);
+      return (0, import_react3.cloneElement)(content, mergedProps);
     } else {
       const contentProps = getContentProps();
       return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { ...contentProps, children: content });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { ...getBaseProps(), children: originalProps.isLoading ? renderContent(/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon_default, { name: "loading", className: "animate-spin" })) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+  const buttonContent = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: originalProps.isLoading ? renderContent(/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon_default, { name: "loading", className: "animate-spin" })) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
     startContent && renderContent(startContent),
     children,
     endContent && renderContent(endContent),
     !disableRipple && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ripple_default, { ...getRippleProps() })
   ] }) });
+  if (asChild && (0, import_react3.isValidElement)(children)) {
+    const childElement = children;
+    const baseProps = getBaseProps();
+    const mergedProps = {
+      ...childElement.props,
+      ...baseProps,
+      className: `${baseProps.className || ""} ${childElement.props.className || ""}`.trim(),
+      onClick: (e) => {
+        var _a, _b, _c;
+        (_b = (_a = childElement.props).onClick) == null ? void 0 : _b.call(_a, e);
+        (_c = baseProps.onClick) == null ? void 0 : _c.call(baseProps, e);
+      },
+      onMouseDown: (e) => {
+        var _a, _b, _c;
+        (_b = (_a = childElement.props).onMouseDown) == null ? void 0 : _b.call(_a, e);
+        (_c = baseProps.onMouseDown) == null ? void 0 : _c.call(baseProps, e);
+      }
+    };
+    return (0, import_react3.cloneElement)(childElement, mergedProps);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { ...getBaseProps(), children: buttonContent });
 });
 Button.displayName = "Button";
 var button_default = Button;

package/dist/components/fileUpload/index.mjs

@@ -2,17 +2,17 @@
 import "../../chunk-RLXOHILK.mjs";
 import {
   fileUpload_default
-} from "../../chunk-7GFYCPP3.mjs";
+} from "../../chunk-Q3JMHIW5.mjs";
 import "../../chunk-2GCSFWHD.mjs";
 import "../../chunk-MVL7HJSH.mjs";
 import "../../chunk-MY5U63QO.mjs";
 import "../../chunk-JBSV7GCL.mjs";
 import "../../chunk-ITWKPTSD.mjs";
-import "../../chunk-B6YYZVT6.mjs";
-import "../../chunk-Z6IOS3S6.mjs";
+import "../../chunk-V5OCV42N.mjs";
+import "../../chunk-P6CRHHI3.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-LXHUO6VM.mjs";
+import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-JP4TEWP7.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/modal/index.js

@@ -5007,7 +5007,7 @@ var Icon = ({ name, size = "md", fill = false, className, onClick, ...props }) =
 var Icon_default = Icon;
 
 // src/components/button/button.tsx
-var import_react2 = __toESM(require("react"));
+var import_react2 = require("react");
 
 // src/components/ripple/ripple.tsx
 var import_framer_motion = require("framer-motion");
@@ -5079,7 +5079,7 @@ function useRipple(props = {}) {
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var Button = (0, import_react2.forwardRef)((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, buttonStyle.variantKeys);
-  const { classNames, startContent, endContent, disableRipple, children, ...buttonProps } = props;
+  const { classNames, startContent, endContent, disableRipple, asChild, children, ...buttonProps } = props;
   const slots = (0, import_react2.useMemo)(() => buttonStyle({ ...variantProps }), [variantProps]);
   const { onPress: onRipplePressHandler, onClear: onClearRipple, ripples } = useRipple();
   const handlePress = (0, import_react2.useCallback)(
@@ -5121,25 +5121,46 @@ var Button = (0, import_react2.forwardRef)((originalProps, ref) => {
     [slots, classNames, originalProps.size]
   );
   const renderContent = (content) => {
-    if (import_react2.default.isValidElement(content)) {
+    if ((0, import_react2.isValidElement)(content)) {
       const _content = content;
       const existingProps = _content.props;
       const mergedProps = {
         ...getContentProps(),
         className: `${getContentProps().className || ""} ${existingProps.className || ""}`.trim()
       };
-      return import_react2.default.cloneElement(content, mergedProps);
+      return (0, import_react2.cloneElement)(content, mergedProps);
     } else {
       const contentProps = getContentProps();
       return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { ...contentProps, children: content });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { ...getBaseProps(), children: originalProps.isLoading ? renderContent(/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon_default, { name: "loading", className: "animate-spin" })) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+  const buttonContent = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: originalProps.isLoading ? renderContent(/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon_default, { name: "loading", className: "animate-spin" })) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
     startContent && renderContent(startContent),
     children,
     endContent && renderContent(endContent),
     !disableRipple && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ripple_default, { ...getRippleProps() })
   ] }) });
+  if (asChild && (0, import_react2.isValidElement)(children)) {
+    const childElement = children;
+    const baseProps = getBaseProps();
+    const mergedProps = {
+      ...childElement.props,
+      ...baseProps,
+      className: `${baseProps.className || ""} ${childElement.props.className || ""}`.trim(),
+      onClick: (e) => {
+        var _a, _b, _c;
+        (_b = (_a = childElement.props).onClick) == null ? void 0 : _b.call(_a, e);
+        (_c = baseProps.onClick) == null ? void 0 : _c.call(baseProps, e);
+      },
+      onMouseDown: (e) => {
+        var _a, _b, _c;
+        (_b = (_a = childElement.props).onMouseDown) == null ? void 0 : _b.call(_a, e);
+        (_c = baseProps.onMouseDown) == null ? void 0 : _c.call(baseProps, e);
+      }
+    };
+    return (0, import_react2.cloneElement)(childElement, mergedProps);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { ...getBaseProps(), children: buttonContent });
 });
 Button.displayName = "Button";
 var button_default = Button;

package/dist/components/modal/index.mjs

@@ -2,17 +2,17 @@
 import "../../chunk-DJOG6Z35.mjs";
 import {
   modal_default
-} from "../../chunk-4ORPRDPL.mjs";
+} from "../../chunk-D6OJWEZM.mjs";
 import "../../chunk-SE5TU755.mjs";
 import "../../chunk-AF4I7ZQS.mjs";
 import "../../chunk-MY5U63QO.mjs";
 import "../../chunk-JBSV7GCL.mjs";
 import "../../chunk-ITWKPTSD.mjs";
-import "../../chunk-B6YYZVT6.mjs";
-import "../../chunk-Z6IOS3S6.mjs";
+import "../../chunk-V5OCV42N.mjs";
+import "../../chunk-P6CRHHI3.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-LXHUO6VM.mjs";
+import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-JP4TEWP7.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/modal/modal.js

@@ -5005,7 +5005,7 @@ var Icon = ({ name, size = "md", fill = false, className, onClick, ...props }) =
 var Icon_default = Icon;
 
 // src/components/button/button.tsx
-var import_react2 = __toESM(require("react"));
+var import_react2 = require("react");
 
 // src/components/ripple/ripple.tsx
 var import_framer_motion = require("framer-motion");
@@ -5077,7 +5077,7 @@ function useRipple(props = {}) {
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var Button = (0, import_react2.forwardRef)((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, buttonStyle.variantKeys);
-  const { classNames, startContent, endContent, disableRipple, children, ...buttonProps } = props;
+  const { classNames, startContent, endContent, disableRipple, asChild, children, ...buttonProps } = props;
   const slots = (0, import_react2.useMemo)(() => buttonStyle({ ...variantProps }), [variantProps]);
   const { onPress: onRipplePressHandler, onClear: onClearRipple, ripples } = useRipple();
   const handlePress = (0, import_react2.useCallback)(
@@ -5119,25 +5119,46 @@ var Button = (0, import_react2.forwardRef)((originalProps, ref) => {
     [slots, classNames, originalProps.size]
   );
   const renderContent = (content) => {
-    if (import_react2.default.isValidElement(content)) {
+    if ((0, import_react2.isValidElement)(content)) {
       const _content = content;
       const existingProps = _content.props;
       const mergedProps = {
         ...getContentProps(),
         className: `${getContentProps().className || ""} ${existingProps.className || ""}`.trim()
       };
-      return import_react2.default.cloneElement(content, mergedProps);
+      return (0, import_react2.cloneElement)(content, mergedProps);
     } else {
       const contentProps = getContentProps();
       return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { ...contentProps, children: content });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { ...getBaseProps(), children: originalProps.isLoading ? renderContent(/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon_default, { name: "loading", className: "animate-spin" })) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+  const buttonContent = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: originalProps.isLoading ? renderContent(/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon_default, { name: "loading", className: "animate-spin" })) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
     startContent && renderContent(startContent),
     children,
     endContent && renderContent(endContent),
     !disableRipple && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ripple_default, { ...getRippleProps() })
   ] }) });
+  if (asChild && (0, import_react2.isValidElement)(children)) {
+    const childElement = children;
+    const baseProps = getBaseProps();
+    const mergedProps = {
+      ...childElement.props,
+      ...baseProps,
+      className: `${baseProps.className || ""} ${childElement.props.className || ""}`.trim(),
+      onClick: (e) => {
+        var _a, _b, _c;
+        (_b = (_a = childElement.props).onClick) == null ? void 0 : _b.call(_a, e);
+        (_c = baseProps.onClick) == null ? void 0 : _c.call(baseProps, e);
+      },
+      onMouseDown: (e) => {
+        var _a, _b, _c;
+        (_b = (_a = childElement.props).onMouseDown) == null ? void 0 : _b.call(_a, e);
+        (_c = baseProps.onMouseDown) == null ? void 0 : _c.call(baseProps, e);
+      }
+    };
+    return (0, import_react2.cloneElement)(childElement, mergedProps);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { ...getBaseProps(), children: buttonContent });
 });
 Button.displayName = "Button";
 var button_default = Button;

package/dist/components/modal/modal.mjs

@@ -1,17 +1,17 @@
 "use client";
 import {
   modal_default
-} from "../../chunk-4ORPRDPL.mjs";
+} from "../../chunk-D6OJWEZM.mjs";
 import "../../chunk-SE5TU755.mjs";
 import "../../chunk-AF4I7ZQS.mjs";
 import "../../chunk-MY5U63QO.mjs";
 import "../../chunk-JBSV7GCL.mjs";
 import "../../chunk-ITWKPTSD.mjs";
-import "../../chunk-B6YYZVT6.mjs";
-import "../../chunk-Z6IOS3S6.mjs";
+import "../../chunk-V5OCV42N.mjs";
+import "../../chunk-P6CRHHI3.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-LXHUO6VM.mjs";
+import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-JP4TEWP7.mjs";
 import "../../chunk-E3G5QXSH.mjs";