@deepnoid/ui 0.1.83 → 0.1.85

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";

package/dist/components/ripple/index.mjs

@@ -1,11 +1,11 @@
 "use client";
 import "../../chunk-6WSACUIB.mjs";
-import {
-  useRipple
-} from "../../chunk-6PNKRBUT.mjs";
 import {
   ripple_default
 } from "../../chunk-LXHUO6VM.mjs";
+import {
+  useRipple
+} from "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   ripple_default as Ripple,

package/dist/index.js

@@ -5773,7 +5773,7 @@ var backdropStyle = tv({
 var import_react10 = require("react");
 
 // src/components/button/button.tsx
-var import_react6 = __toESM(require("react"));
+var import_react6 = require("react");
 
 // src/components/ripple/ripple.tsx
 var import_framer_motion = require("framer-motion");
@@ -5845,7 +5845,7 @@ function useRipple(props = {}) {
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var Button = (0, import_react6.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_react6.useMemo)(() => buttonStyle({ ...variantProps }), [variantProps]);
   const { onPress: onRipplePressHandler, onClear: onClearRipple, ripples } = useRipple();
   const handlePress = (0, import_react6.useCallback)(
@@ -5887,25 +5887,46 @@ var Button = (0, import_react6.forwardRef)((originalProps, ref) => {
     [slots, classNames, originalProps.size]
   );
   const renderContent = (content) => {
-    if (import_react6.default.isValidElement(content)) {
+    if ((0, import_react6.isValidElement)(content)) {
       const _content = content;
       const existingProps = _content.props;
       const mergedProps = {
         ...getContentProps(),
         className: `${getContentProps().className || ""} ${existingProps.className || ""}`.trim()
       };
-      return import_react6.default.cloneElement(content, mergedProps);
+      return (0, import_react6.cloneElement)(content, mergedProps);
     } else {
       const contentProps = getContentProps();
       return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { ...contentProps, children: content });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { ...getBaseProps(), children: originalProps.isLoading ? renderContent(/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon_default, { name: "loading", className: "animate-spin" })) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+  const buttonContent = /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: originalProps.isLoading ? renderContent(/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon_default, { name: "loading", className: "animate-spin" })) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
     startContent && renderContent(startContent),
     children,
     endContent && renderContent(endContent),
     !disableRipple && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ripple_default, { ...getRippleProps() })
   ] }) });
+  if (asChild && (0, import_react6.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_react6.cloneElement)(childElement, mergedProps);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { ...getBaseProps(), children: buttonContent });
 });
 Button.displayName = "Button";
 var button_default = Button;

package/dist/index.mjs

@@ -60,7 +60,7 @@ import {
 import "./chunk-DJOG6Z35.mjs";
 import {
   modal_default
-} from "./chunk-4ORPRDPL.mjs";
+} from "./chunk-D6OJWEZM.mjs";
 import "./chunk-7B7LRG5J.mjs";
 import {
   pagination_default
@@ -70,7 +70,7 @@ import "./chunk-32GA3YW4.mjs";
 import "./chunk-RLXOHILK.mjs";
 import {
   fileUpload_default
-} from "./chunk-7GFYCPP3.mjs";
+} from "./chunk-Q3JMHIW5.mjs";
 import "./chunk-2GCSFWHD.mjs";
 import {
   input_default
@@ -111,14 +111,14 @@ import {
 import {
   chip_default
 } from "./chunk-TZHEZEJ5.mjs";
-import "./chunk-KYIODWXL.mjs";
-import {
-  breadcrumb_default
-} from "./chunk-RE2WH26E.mjs";
 import "./chunk-SE5TU755.mjs";
 import {
   backdrop_default
 } from "./chunk-AF4I7ZQS.mjs";
+import "./chunk-KYIODWXL.mjs";
+import {
+  breadcrumb_default
+} from "./chunk-RE2WH26E.mjs";
 import "./chunk-MY5U63QO.mjs";
 import {
   text_button_default
@@ -128,13 +128,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-NMSDSEBD.mjs";
 import {
   accordion_default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepnoid/ui",
-  "version": "0.1.83",
+  "version": "0.1.85",
   "license": "MIT",
   "sideEffects": false,
   "exports": {

package/dist/{chunk-Z6IOS3S6.mjs → chunk-P6CRHHI3.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  useRipple
-} from "./chunk-6PNKRBUT.mjs";
 import {
   ripple_default
 } from "./chunk-LXHUO6VM.mjs";
+import {
+  useRipple
+} from "./chunk-6PNKRBUT.mjs";
 import {
   Icon_default
 } from "./chunk-JP4TEWP7.mjs";