@deepnoid/ui 0.1.82 → 0.1.85

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,19 +2,19 @@
 import "../../chunk-DJOG6Z35.mjs";
 import {
   modal_default
-} from "../../chunk-KAKSKYMD.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-PKUJTOVJ.mjs";
+import "../../chunk-V5OCV42N.mjs";
 import "../../chunk-P6CRHHI3.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-JP4TEWP7.mjs";
-import "../../chunk-JBSV7GCL.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-RRONV7YA.mjs";
 import "../../chunk-CDXBML6O.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,19 +1,19 @@
 "use client";
 import {
   modal_default
-} from "../../chunk-KAKSKYMD.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-PKUJTOVJ.mjs";
+import "../../chunk-V5OCV42N.mjs";
 import "../../chunk-P6CRHHI3.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-JP4TEWP7.mjs";
-import "../../chunk-JBSV7GCL.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-RRONV7YA.mjs";
 import "../../chunk-CDXBML6O.mjs";

package/dist/index.d.mts

@@ -1,3 +1,5 @@
+export { default as Accordion, AccordionProps } from './components/accordion/accordion.mjs';
+export { default as AccordionItem, AccordionItemProps } from './components/accordion/accordionItem.mjs';
 export { default as Avatar } from './components/avatar/avatar.mjs';
 export { default as Backdrop } from './components/backdrop/backdrop.mjs';
 export { default as Breadcrumb } from './components/breadcrumb/breadcrumb.mjs';

package/dist/index.d.ts

@@ -1,3 +1,5 @@
+export { default as Accordion, AccordionProps } from './components/accordion/accordion.js';
+export { default as AccordionItem, AccordionItemProps } from './components/accordion/accordionItem.js';
 export { default as Avatar } from './components/avatar/avatar.js';
 export { default as Backdrop } from './components/backdrop/backdrop.js';
 export { default as Breadcrumb } from './components/breadcrumb/breadcrumb.js';