welcome-ui 9.0.10 → 9.0.12

package/dist/Alert.js

@@ -1,12 +1,13 @@
 "use client";
-import { jsxs as q, jsx as c } from "react/jsx-runtime";
-import C, { forwardRef as l, Children as d, cloneElement as _ } from "react";
-import { Button as y } from "./Button.js";
-import { CloseButton as I } from "./CloseButton.js";
-import { Text as b } from "./Text.js";
+import { jsxs as v, jsx as r } from "react/jsx-runtime";
+import C, { forwardRef as I, Children as q, cloneElement as _ } from "react";
+import { Button as d } from "./Button.js";
+import { CloseButton as R } from "./CloseButton.js";
+import { Text as w } from "./Text.js";
 import { VariantIcon as S } from "./VariantIcon.js";
 import { c as T } from "./index-PAaZGbyz.js";
-const V = "_root_1c0qe_2", $ = "_icon_1c0qe_55", E = "_content_1c0qe_58", R = "_title_1c0qe_88", O = {
+import { f as y } from "./forwardRefWithAs-8eP3ZN15.js";
+const V = "_root_1c0qe_2", $ = "_icon_1c0qe_55", E = "_content_1c0qe_58", O = "_title_1c0qe_88", W = {
   root: V,
   "size-sm": "_size-sm_1c0qe_16",
   "size-md": "_size-md_1c0qe_19",
@@ -22,80 +23,80 @@ const V = "_root_1c0qe_2", $ = "_icon_1c0qe_55", E = "_content_1c0qe_58", R = "_
   "content-text": "_content-text_1c0qe_76",
   "content-actions": "_content-actions_1c0qe_79",
   "variant-icon": "_variant-icon_1c0qe_84",
-  title: R,
+  title: O,
   "title-size-sm": "_title-size-sm_1c0qe_93",
   "title-size-md": "_title-size-md_1c0qe_96",
   "title-close-button": "_title-close-button_1c0qe_99",
   "close-button": "_close-button_1c0qe_103"
-}, i = T(O), D = l(
-  ({ children: n, className: o, cta: e, handleClose: s, hideIcon: g, isFullWidth: A, size: r = "sm", variant: a, ...B }, z) => {
-    const h = a === "beige" ? void 0 : a, m = a === "ai", u = !g, j = d.toArray(n).map((t) => t.type === x ? _(t, { hasCloseButton: !!s, variant: r }) : t), f = (t) => {
-      var v;
+}, i = T(W), D = I(
+  ({ children: n, className: o, cta: e, handleClose: c, hideIcon: A, isFullWidth: g, size: s = "sm", variant: a, ...B }, z) => {
+    const h = a === "beige" ? void 0 : a, l = a === "ai", m = !A, j = q.toArray(n).map((t) => t.type === x ? _(t, { hasCloseButton: !!c, variant: s }) : t), u = (t) => {
+      var p;
       if (t) {
-        if (t.type === w)
+        if (t.type === b)
           return _(t, {
-            size: r,
-            variant: m ? "primary-ai" : void 0
+            size: s,
+            variant: l ? "primary-ai" : void 0
           });
         if (t.type === N)
           return _(t, {
-            size: r,
-            variant: m ? "tertiary-ai" : void 0
+            size: s,
+            variant: l ? "tertiary-ai" : void 0
           });
-        if ((v = t.props) != null && v.children)
+        if ((p = t.props) != null && p.children)
           return _(t, {
             ...t.props,
-            children: d.map(
+            children: q.map(
               t.props.children,
-              (k) => f(k)
+              (k) => u(k)
             )
           });
       }
       return t;
-    }, p = C.isValidElement(e) ? f(e) : e;
-    return /* @__PURE__ */ q(
+    }, f = C.isValidElement(e) ? u(e) : e;
+    return /* @__PURE__ */ v(
       "div",
       {
         className: i(
           "root",
-          A && "full-width",
-          r && `size-${r}`,
+          g && "full-width",
+          s && `size-${s}`,
           a && `variant-${a}`,
-          u && "icon",
+          m && "icon",
           o
         ),
         ref: z,
         ...B,
         children: [
-          !!s && /* @__PURE__ */ c(I, { className: i("close-button"), onClick: s, size: "xs" }),
-          u ? /* @__PURE__ */ c(S, { className: i("variant-icon"), size: r, variant: h }) : null,
-          /* @__PURE__ */ q("div", { className: i("content"), children: [
-            /* @__PURE__ */ c(b, { as: "div", className: i("content-text"), children: j }),
-            !!p && /* @__PURE__ */ c("div", { className: i("content-actions"), children: p })
+          !!c && /* @__PURE__ */ r(R, { className: i("close-button"), onClick: c, size: "xs" }),
+          m ? /* @__PURE__ */ r(S, { className: i("variant-icon"), size: s, variant: h }) : null,
+          /* @__PURE__ */ v("div", { className: i("content"), children: [
+            /* @__PURE__ */ r(w, { as: "div", className: i("content-text"), children: j }),
+            !!f && /* @__PURE__ */ r("div", { className: i("content-actions"), children: f })
           ] })
         ]
       }
     );
   }
-), w = l(
-  ({ variant: n = "secondary", ...o }, e) => /* @__PURE__ */ c(y, { className: "shrink-0 w-fit", ref: e, ...o, variant: n })
-), N = l(
-  ({ variant: n = "tertiary", ...o }, e) => /* @__PURE__ */ c(y, { className: "shrink-0 w-fit", ref: e, ...o, variant: n })
-), x = ({ children: n, hasCloseButton: o, variant: e, ...s }) => /* @__PURE__ */ c(
-  b,
+), b = y(
+  ({ variant: n = "secondary", ...o }, e) => /* @__PURE__ */ r(d, { className: "shrink-0 w-fit", ref: e, ...o, variant: n })
+), N = y(
+  ({ variant: n = "tertiary", ...o }, e) => /* @__PURE__ */ r(d, { className: "shrink-0 w-fit", ref: e, ...o, variant: n })
+), x = ({ children: n, hasCloseButton: o, variant: e, ...c }) => /* @__PURE__ */ r(
+  w,
   {
     as: "span",
     className: i("title", `title-size-${e}`, o && "title-close-button"),
     variant: e,
-    ...s,
+    ...c,
     children: n
   }
-), P = Object.assign(D, {
-  Button: w,
+), Q = Object.assign(D, {
+  Button: b,
   SecondaryButton: N,
   Title: x
 });
 export {
-  P as Alert,
+  Q as Alert,
   x as AlertTitle
 };

package/dist/Card.js

@@ -2,18 +2,19 @@
 import { jsx as c } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
 import { c as d } from "./index-PAaZGbyz.js";
-const a = "_root_10ds1_2", m = "_body_10ds1_13", e = {
-  root: a,
-  body: m
-}, i = d(e), l = n(
-  ({ children: o, className: r, ...s }, t) => /* @__PURE__ */ c("div", { className: i("body", r), ref: t, ...s, children: o })
-), y = n(({ alt: o, src: r, ...s }, t) => /* @__PURE__ */ c("div", { ref: t, ...s, children: /* @__PURE__ */ c("img", { alt: o, src: r }) })), _ = d(e), b = n(
-  ({ children: o, className: r, ...s }, t) => /* @__PURE__ */ c("div", { className: _("root", r), ref: t, ...s, children: o })
-), v = Object.assign(b, {
-  Body: l,
+import { f as m } from "./forwardRefWithAs-8eP3ZN15.js";
+const i = "_root_10ds1_2", f = "_body_10ds1_13", e = {
+  root: i,
+  body: f
+}, l = d(e), p = n(
+  ({ children: o, className: r, ...s }, t) => /* @__PURE__ */ c("div", { className: l("body", r), ref: t, ...s, children: o })
+), y = n(({ alt: o, src: r, ...s }, t) => /* @__PURE__ */ c("div", { ref: t, ...s, children: /* @__PURE__ */ c("img", { alt: o, src: r }) })), _ = d(e), b = m(
+  ({ as: o = "div", children: r, className: s, ...t }, a) => /* @__PURE__ */ c(o, { className: _("root", s), ref: a, ...t, children: r })
+), N = Object.assign(b, {
+  Body: p,
   Cover: y
 });
 export {
-  v as Card,
+  N as Card,
   b as CardComponent
 };

package/dist/Field.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as r, jsxs as L } from "react/jsx-runtime";
+import { jsxs as L, jsx as r } from "react/jsx-runtime";
 import { createContext as q, useMemo as w, useId as A, useContext as M } from "react";
 import { Hint as R } from "./Hint.js";
 import { Label as S } from "./Label.js";
@@ -62,7 +62,7 @@ const Q = W((e, d) => {
     }),
     [s, a, i, l, c, m, u]
   );
-  return /* @__PURE__ */ r(p.Provider, { value: j, children: /* @__PURE__ */ L("div", { ref: d, ...H, className: o("root", N && "inline", I), children: [
+  return /* @__PURE__ */ L("div", { ref: d, ...H, className: o("root", N && "inline", I), children: [
     /* @__PURE__ */ r(
       S,
       {
@@ -76,9 +76,9 @@ const Q = W((e, d) => {
         children: F
       }
     ),
-    /* @__PURE__ */ r("div", { className: o("input"), children: y }),
+    /* @__PURE__ */ r(p.Provider, { value: j, children: /* @__PURE__ */ r("div", { className: o("input"), children: y }) }),
     l ? /* @__PURE__ */ r(R, { className: o("hint"), id: s, variant: i, ...t, children: l }) : null
-  ] }) });
+  ] });
 });
 Q.displayName = "Field";
 export {

package/dist/Modal.js

@@ -95,7 +95,7 @@ const R = "_root_1vbnu_3", W = "_hideOnInteractOutside_1vbnu_19", F = "_dialog_1
   ({ children: t, className: e, withClosingButton: o = !0, ...r }, a) => /* @__PURE__ */ d(
     "div",
     {
-      className: (ht("content", o && "with-close-button"), e),
+      className: ht("content", o && "with-close-button", e),
       ref: a,
       ...r,
       children: [

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

@@ -3,7 +3,7 @@ import { ButtonProps } from '../Button/types';
 import { AlertProps, AlertTitleProps } from './types';
 export declare const AlertTitle: ({ children, hasCloseButton, variant, ...rest }: AlertTitleProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Alert: React.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React.RefAttributes<HTMLDivElement>> & {
-    Button: React.ForwardRefExoticComponent<Omit<Omit<ButtonProps, "size">, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-    SecondaryButton: React.ForwardRefExoticComponent<Omit<Omit<ButtonProps, "size">, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Button: import('../../utils').FunctionComponentWithAs<"button", Omit<ButtonProps, "size">>;
+    SecondaryButton: import('../../utils').FunctionComponentWithAs<"button", Omit<ButtonProps, "size">>;
     Title: ({ children, hasCloseButton, variant, ...rest }: AlertTitleProps) => import("react/jsx-runtime").JSX.Element;
 };

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

@@ -1,9 +1,9 @@
-export declare const CardComponent: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const CardComponent: import('../../utils').FunctionComponentWithAs<"div", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import('react').Ref<HTMLDivElement>;
-}, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const Card: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+}>;
+export declare const Card: import('../../utils').FunctionComponentWithAs<"div", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import('react').Ref<HTMLDivElement>;
-}, "ref"> & import('react').RefAttributes<HTMLDivElement>> & {
+}> & {
     Body: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: import('react').Ref<HTMLDivElement>;
     }, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/package.json

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