welcome-ui 9.0.8 → 9.0.9

package/dist/Modal.js

@@ -1,8 +1,8 @@
 "use client";
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import { jsx as s, jsxs as d } from "react/jsx-runtime";
 import { u as C } from "./RTNCFSKZ-P4icqVD0.js";
 import { D as I, u as y } from "./NI3IVY7K-DxnarnKs.js";
-import { forwardRef as c, isValidElement as B, cloneElement as S, useState as A, useEffect as T } from "react";
+import { forwardRef as i, isValidElement as B, cloneElement as S, useState as A, useEffect as T } from "react";
 import { c as n } from "./index-PAaZGbyz.js";
 import { f as z } from "./forwardRefWithAs-8eP3ZN15.js";
 import { D as v } from "./DSAASPLT-COUlh0RL.js";
@@ -12,7 +12,7 @@ import { Button as E } from "./Button.js";
 import { Text as m } from "./Text.js";
 import { CloseButton as M } from "./CloseButton.js";
 import { D as H } from "./ZTXFEM5L-BEA_1pIo.js";
-const R = "_root_1vbnu_3", W = "_hideOnInteractOutside_1vbnu_19", F = "_dialog_1vbnu_117", i = {
+const R = "_root_1vbnu_3", W = "_hideOnInteractOutside_1vbnu_19", F = "_dialog_1vbnu_117", l = {
   root: R,
   "asset-backdrop": "_asset-backdrop_1vbnu_8",
   hideOnInteractOutside: W,
@@ -23,43 +23,44 @@ const R = "_root_1vbnu_3", W = "_hideOnInteractOutside_1vbnu_19", F = "_dialog_1
   "asset-content": "_asset-content_1vbnu_96",
   dialog: F,
   "close-button": "_close-button_1vbnu_159"
-}, V = n(i), q = ({ children: t, ...e }) => /* @__PURE__ */ o(E, { className: V("close-button"), shape: "circle", variant: "secondary", ...e, children: t }), G = n(i), J = c(
-  ({ hideOnInteractOutside: t, ...e }, s) => /* @__PURE__ */ o(
+}, V = n(l), q = ({ children: t, ...e }) => /* @__PURE__ */ s(E, { className: V("close-button"), shape: "circle", variant: "secondary", ...e, children: t }), G = n(l), J = i(
+  ({ hideOnInteractOutside: t, ...e }, o) => /* @__PURE__ */ s(
     "div",
     {
       className: G("asset-backdrop", t && "hideOnInteractOutside"),
       ...e,
-      ref: s,
-      children: /* @__PURE__ */ o(
+      ref: o,
+      children: /* @__PURE__ */ s(
         v,
         {
-          render: /* @__PURE__ */ o(q, { children: /* @__PURE__ */ o(j, {}) })
+          render: /* @__PURE__ */ s(q, { children: /* @__PURE__ */ s(j, {}) })
         }
       )
     }
   )
-), K = n(i), L = ({
+), K = n(l), L = ({
   children: t,
-  ...e
-}) => /* @__PURE__ */ o("div", { className: K("root", "asset-content"), ...e, children: t }), P = n(i), N = ({ children: t, ...e }) => /* @__PURE__ */ o(m, { as: "p", className: P("asset-title"), lines: 2, variant: "h4", ...e, children: t }), g = n(i), Q = c(
-  ({ children: t, customContent: e, subtitle: s, title: r, ..._ }, a) => /* @__PURE__ */ d("div", { className: g("root", "asset-wrapper"), ref: a, ..._, children: [
+  className: e,
+  ...o
+}) => /* @__PURE__ */ s("div", { className: K("root", "asset-content", e), ...o, children: t }), P = n(l), N = ({ children: t, className: e, ...o }) => /* @__PURE__ */ s(m, { as: "p", className: P("asset-title", e), lines: 2, variant: "h4", ...o, children: t }), g = n(l), Q = i(
+  ({ children: t, customContent: e, subtitle: o, title: r, ...a }, c) => /* @__PURE__ */ d("div", { className: g("root", "asset-wrapper"), ref: c, ...a, children: [
     t,
     /* @__PURE__ */ d("div", { className: g("root", "asset-title-wrapper"), children: [
       e,
-      !e && s ? /* @__PURE__ */ o(m, { variant: "subtitle-sm", children: s }) : null,
-      !e && r ? /* @__PURE__ */ o(N, { children: r }) : null
+      !e && o ? /* @__PURE__ */ s(m, { variant: "subtitle-sm", children: o }) : null,
+      !e && r ? /* @__PURE__ */ s(N, { children: r }) : null
     ] })
   ] })
-), U = n(i), X = ({
+), U = n(l), X = ({
   children: t,
   ...e
-}) => /* @__PURE__ */ o("div", { className: U("root", "dialog"), ...e, children: t }), Y = n(i), Z = ({ children: t }) => /* @__PURE__ */ o("div", { className: Y("root", "iframe-wrapper"), children: t }), tt = Object.assign(X, {
+}) => /* @__PURE__ */ s("div", { className: U("root", "dialog"), ...e, children: t }), Y = n(l), Z = ({ children: t }) => /* @__PURE__ */ s("div", { className: Y("root", "iframe-wrapper"), children: t }), tt = Object.assign(X, {
   AssetWithTitle: Q,
   Backdrop: J,
   Content: L,
   Iframe: Z,
   Title: N
-}), et = "_root_4g0z0_4", ot = "_body_4g0z0_48", st = "_footer_4g0z0_48", rt = "_header_4g0z0_48", nt = "_scrollable_4g0z0_60", at = "_content_4g0z0_66", ct = "_close_4g0z0_66", it = "_backdrop_4g0z0_85", lt = "_hideOnInteractOutside_4g0z0_96", _t = "_icon_4g0z0_127", l = {
+}), et = "_root_4g0z0_4", ot = "_body_4g0z0_48", st = "_footer_4g0z0_48", rt = "_header_4g0z0_48", nt = "_scrollable_4g0z0_60", at = "_content_4g0z0_66", ct = "_close_4g0z0_66", it = "_backdrop_4g0z0_85", lt = "_hideOnInteractOutside_4g0z0_96", _t = "_icon_4g0z0_127", _ = {
   root: et,
   body: ot,
   footer: st,
@@ -81,43 +82,51 @@ const R = "_root_1vbnu_3", W = "_hideOnInteractOutside_1vbnu_19", F = "_dialog_1
   "footer-information": "_footer-information_4g0z0_163",
   "footer-information-title": "_footer-information-title_4g0z0_170",
   "footer-information-subtitle": "_footer-information-subtitle_4g0z0_174"
-}, dt = n(l), mt = c(
-  ({ backdrop: t, hideOnInteractOutside: e, ...s }, r) => t === !0 ? /* @__PURE__ */ o(
+}, dt = n(_), mt = i(
+  ({ backdrop: t, hideOnInteractOutside: e, ...o }, r) => t === !0 ? /* @__PURE__ */ s(
     "div",
     {
       className: dt("backdrop", e && "hideOnInteractOutside"),
       ref: r,
-      ...s
+      ...o
     }
-  ) : B(t) ? S(t, { ref: r, ...s }) : null
-), ut = n(l), ft = c((t, e) => /* @__PURE__ */ o("section", { className: ut("body"), ref: e, ...t })), pt = n(l), x = (t) => /* @__PURE__ */ o(v, { render: /* @__PURE__ */ o(M, { className: pt("close"), ...t }) }), ht = n(l), bt = c(
-  ({ children: t, withClosingButton: e = !0, ...s }, r) => /* @__PURE__ */ d("div", { className: ht("content", e && "with-close-button"), ref: r, ...s, children: [
-    /* @__PURE__ */ o(x, {}),
-    t
-  ] })
-), u = n(l), gt = c(
-  ({ children: t, information: e, ...s }, r) => /* @__PURE__ */ d("footer", { className: u("footer"), ref: r, ...s, children: [
-    t ? /* @__PURE__ */ o("div", { className: u("footer-children-wrapper"), children: t }) : null,
-    e ? /* @__PURE__ */ d("div", { className: u("footer-information"), children: [
-      /* @__PURE__ */ o(m, { className: u("footer-information-title"), variant: "subtitle-sm", children: e.title }),
-      /* @__PURE__ */ o(m, { className: u("footer-information-subtitle"), variant: "sm", children: e.subtitle })
+  ) : B(t) ? S(t, { ref: r, ...o }) : null
+), ut = n(_), ft = i(({ className: t, ...e }, o) => /* @__PURE__ */ s("section", { className: ut("body", t), ref: o, ...e })), pt = n(_), x = (t) => /* @__PURE__ */ s(v, { render: /* @__PURE__ */ s(M, { className: pt("close"), ...t }) }), ht = n(_), bt = i(
+  ({ children: t, className: e, withClosingButton: o = !0, ...r }, a) => /* @__PURE__ */ d(
+    "div",
+    {
+      className: (ht("content", o && "with-close-button"), e),
+      ref: a,
+      ...r,
+      children: [
+        /* @__PURE__ */ s(x, {}),
+        t
+      ]
+    }
+  )
+), u = n(_), gt = i(
+  ({ children: t, className: e, information: o, ...r }, a) => /* @__PURE__ */ d("footer", { className: u("footer", e), ref: a, ...r, children: [
+    t ? /* @__PURE__ */ s("div", { className: u("footer-children-wrapper"), children: t }) : null,
+    o ? /* @__PURE__ */ d("div", { className: u("footer-information"), children: [
+      /* @__PURE__ */ s(m, { className: u("footer-information-title"), variant: "subtitle-sm", children: o.title }),
+      /* @__PURE__ */ s(m, { className: u("footer-information-subtitle"), variant: "sm", children: o.subtitle })
     ] }) : null
   ] })
-), p = n(l), zt = c(
-  ({ icon: t, subtitle: e, title: s, ...r }, _) => /* @__PURE__ */ d("header", { className: p("header", t && "icon"), ref: _, ...r, children: [
-    /* @__PURE__ */ o(x, {}),
-    t,
-    /* @__PURE__ */ o(m, { className: p("header-title"), variant: "h4", children: s }),
-    e ? /* @__PURE__ */ o(m, { className: p("header-subtitle"), children: e }) : null
+), p = n(_), zt = i(
+  ({ className: t, icon: e, subtitle: o, title: r, ...a }, c) => /* @__PURE__ */ d("header", { className: p("header", e && "icon", t), ref: c, ...a, children: [
+    /* @__PURE__ */ s(x, {}),
+    e,
+    /* @__PURE__ */ s(m, { className: p("header-title"), variant: "h4", children: r }),
+    o ? /* @__PURE__ */ s(m, { className: p("header-subtitle"), children: o }) : null
   ] })
 ), vt = z(
-  ({ as: t, store: e, ...s }, r) => /* @__PURE__ */ o(H, { ref: r, render: t ? /* @__PURE__ */ o(t, {}) : void 0, store: e, ...s })
-), Nt = n(l);
+  ({ as: t, store: e, ...o }, r) => /* @__PURE__ */ s(H, { ref: r, render: t ? /* @__PURE__ */ s(t, {}) : void 0, store: e, ...o })
+), Nt = n(_);
 function Et(t) {
-  const { onClose: e, setOpen: s, ...r } = t || {};
+  const { onClose: e, setOpen: o, ...r } = t || {};
   return y({
-    setOpen: (a) => {
-      !a && e && e(), s == null || s(a);
+    setOpen: (c) => {
+      !c && e && e(), o == null || o(c);
     },
     ...r
   });
@@ -127,10 +136,10 @@ const xt = z(
     ariaLabel: t,
     /** for render property */
     as: e,
-    backdrop: s = !0,
+    backdrop: o = !0,
     children: r,
-    className: _,
-    hideOnInteractOutside: a = !0,
+    className: a,
+    hideOnInteractOutside: c = !0,
     size: $ = "lg",
     store: h,
     ...w
@@ -138,13 +147,13 @@ const xt = z(
     const [D, k] = A(!1), { contentElement: f, open: b } = C(h);
     return T(() => {
       b && f && k(f.scrollHeight > f.offsetHeight);
-    }, [f, b]), /* @__PURE__ */ o(
+    }, [f, b]), /* @__PURE__ */ s(
       I,
       {
-        backdrop: /* @__PURE__ */ o(mt, { backdrop: s, hideOnInteractOutside: a }),
-        hideOnInteractOutside: a,
+        backdrop: /* @__PURE__ */ s(mt, { backdrop: o, hideOnInteractOutside: c }),
+        hideOnInteractOutside: c,
         ref: O,
-        render: e ? /* @__PURE__ */ o(e, {}) : /* @__PURE__ */ o("div", { className: Nt("root", `size-${$}`, D && "scrollable", _) }),
+        render: e ? /* @__PURE__ */ s(e, {}) : /* @__PURE__ */ s("div", { className: Nt("root", `size-${$}`, D && "scrollable", a) }),
         store: h,
         ...w,
         "aria-label": t,

package/dist/types/components/Modal/Assets/AssetContent.d.ts

@@ -1,2 +1,2 @@
 import { HTMLAttributes, default as React } from 'react';
-export declare const AssetContent: ({ children, ...rest }: React.PropsWithChildren<HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element;
+export declare const AssetContent: ({ children, className, ...rest }: React.PropsWithChildren<HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Modal/Assets/AssetTitle.d.ts

@@ -1,2 +1,2 @@
 import { TextProps } from '../../Text/types';
-export declare const AssetTitle: ({ children, ...rest }: TextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AssetTitle: ({ children, className, ...rest }: TextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Modal/Assets/index.d.ts

@@ -1,7 +1,7 @@
 export declare const Assets: (({ children, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element) & {
     AssetWithTitle: import('react').ForwardRefExoticComponent<Omit<import('./types').AssetWithTitleProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Backdrop: import('react').ForwardRefExoticComponent<import('../types').BackdropProps & import('react').RefAttributes<HTMLDivElement>>;
-    Content: ({ children, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ children, className, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element;
     Iframe: ({ children }: React.PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-    Title: ({ children, ...rest }: import('../../Text/types').TextProps) => import("react/jsx-runtime").JSX.Element;
+    Title: ({ children, className, ...rest }: import('../../Text/types').TextProps) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/types/components/Modal/components/Content.d.ts

@@ -1,7 +1,7 @@
 /**
  * @name Modal.Content
  */
-export declare const Content: import('react').ForwardRefExoticComponent<{
+export declare const Content: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
     withClosingButton?: boolean;
 } & {
     children?: import('react').ReactNode | undefined;

package/dist/types/components/Modal/index.d.ts

@@ -4,7 +4,7 @@ export declare const Modal: import('../../utils').FunctionComponentWithAs<"div",
     Body: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLElement> & {
         children?: import('react').ReactNode | undefined;
     } & import('react').RefAttributes<HTMLElement>>;
-    Content: import('react').ForwardRefExoticComponent<{
+    Content: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
         withClosingButton?: boolean;
     } & {
         children?: import('react').ReactNode | undefined;
@@ -16,7 +16,7 @@ export declare const Modal: import('../../utils').FunctionComponentWithAs<"div",
 export declare const AssetModal: (({ children, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element) & {
     AssetWithTitle: import('react').ForwardRefExoticComponent<Omit<import('./Assets/types').AssetWithTitleProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Backdrop: import('react').ForwardRefExoticComponent<import('./types').BackdropProps & import('react').RefAttributes<HTMLDivElement>>;
-    Content: ({ children, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ children, className, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element;
     Iframe: ({ children }: React.PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-    Title: ({ children, ...rest }: import('../Text/types').TextProps) => import("react/jsx-runtime").JSX.Element;
+    Title: ({ children, className, ...rest }: import('../Text/types').TextProps) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/types/components/Modal/types.d.ts

@@ -27,7 +27,7 @@ export interface HeaderOptions {
 }
 export type HeaderProps = MergeProps<HeaderOptions, HTMLAttributes<HTMLDivElement>>;
 export type BodyProps = PropsWithChildren<HTMLAttributes<HTMLElement>>;
-export type ContentProps = PropsWithChildren<{
+export type ContentProps = PropsWithChildren<HTMLAttributes<HTMLDivElement> & {
     /**
      * show or hide the closing button
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "9.0.8",
+  "version": "9.0.9",
   "description": "Customizable design system with react, typescript, tailwindcss and ariakit.",
   "files": [
     "dist"