welcome-ui 10.0.0-alpha.11 → 10.0.0-alpha.12

package/dist/Alert.css

@@ -1 +1 @@
-@layer components{._root_hm7mj_2{position:relative;display:flex;align-items:flex-start;width:100%;gap:var(--gap, var(--components-dimensions-alert-gap-content-md));border-radius:var(--components-dimensions-alert-border-radius);border-width:var(--border-width-sm);border-style:solid;padding:var(--padding);max-width:var(--maxWidth, max-content);background-color:var(--backgroundColor, var(--components-colors-alert-color-background-brand));border-color:var(--borderColor, var(--components-colors-alert-color-background-brand));color:var(--color, var(--components-colors-alert-color-text-brand-body))}._size-md_hm7mj_18{--padding: var(--components-dimensions-alert-padding-inline-md)}._size-md_hm7mj_18 ._content-actions_hm7mj_21{--gap: var(--components-dimensions-alert-gap-actions-md)}._size-md_hm7mj_18 ._without-title_hm7mj_24 ._icon-wrapper_hm7mj_24{margin-top:-2px}._size-lg_hm7mj_27{--padding: var(--components-dimensions-alert-padding-inline-lg);--gap: var(--components-dimensions-alert-gap-content-lg)}._size-lg_hm7mj_27 ._content-actions_hm7mj_21{--gap: var(--components-dimensions-alert-gap-actions-lg)}._variant-ai_hm7mj_34{--backgroundColor: var(--components-colors-alert-color-background-ai);--borderColor: transparent;background:linear-gradient(var(--components-colors-alert-color-background-ai) 0 0) padding-box,linear-gradient(90deg,var(--color-green-30) 0%,var(--color-teal-40) 20%,var(--color-blue-40) 40%,var(--color-violet-40) 60%,var(--color-pink-40) 80%,var(--color-red-orange-40) 100%) border-box}._variant-danger_hm7mj_39{--backgroundColor: var(--components-colors-alert-color-background-danger);--borderColor: var(--components-colors-alert-color-background-danger);--color: var(--color-icon-danger-primary)}._variant-info_hm7mj_44{--backgroundColor: var(--components-colors-alert-color-background-information);--borderColor: var(--components-colors-alert-color-background-information);--color: var(--color-icon-accent-blue-primary)}._variant-success_hm7mj_49{--backgroundColor: var(--components-colors-alert-color-background-success);--borderColor: var(--components-colors-alert-color-background-success);--color: var(--color-icon-accent-green-primary)}._variant-warning_hm7mj_54{--backgroundColor: var(--components-colors-alert-color-background-warning);--borderColor: var(--components-colors-alert-color-background-warning);--color: var(--color-icon-warning-primary)}._full-width_hm7mj_59{--maxWidth: 100%}._content_hm7mj_21{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--gap, var(--components-dimensions-alert-gap-content-md))}._content-text_hm7mj_70{display:flex;flex-direction:column;gap:var(--gap, var(--components-dimensions-alert-gap-content-md))}._content-text_hm7mj_70._without-title_hm7mj_24{flex-direction:row}._content-text_hm7mj_70._without-title_hm7mj_24 ._icon-wrapper_hm7mj_24{align-self:flex-start}._content-actions_hm7mj_21{display:flex;align-items:center;gap:var(--gap)}._title-close-button_hm7mj_87{margin-right:var(--spacing-xl)}._title-with-icon_hm7mj_90{display:flex;align-items:center;gap:var(--spacing-sm)}._close-button_hm7mj_96{position:absolute;right:var(--spacing-sm);top:var(--spacing-sm)}._icon-wrapper_hm7mj_24{flex-shrink:0;padding:var(--components-dimensions-alert-icon-padding-block);border-radius:var(--components-dimensions-alert-icon-border-radius);background-color:var(--iconWrapperBackgroundColor, var(--components-colors-alert-icon-color-background-brand));color:var(--iconWrapperColor, var(--components-colors-alert-icon-color-icon-brand))}._icon-wrapper-success_hm7mj_109{--iconWrapperBackgroundColor: var(--components-colors-alert-icon-color-background-success);--iconWrapperColor: var(--components-colors-alert-icon-color-icon-success)}._icon-wrapper-danger_hm7mj_113{--iconWrapperBackgroundColor: var(--components-colors-alert-icon-color-background-danger);--iconWrapperColor: var(--components-colors-alert-icon-color-icon-danger)}._icon-wrapper-info_hm7mj_117{--iconWrapperBackgroundColor: var( --components-colors-alert-icon-color-background-information );--iconWrapperColor: var(--components-colors-alert-icon-color-icon-information)}._icon-wrapper-warning_hm7mj_123{--iconWrapperBackgroundColor: var(--components-colors-alert-icon-color-background-warning);--iconWrapperColor: var(--components-colors-alert-icon-color-icon-warning)}._icon-wrapper-ai_hm7mj_127{background:conic-gradient(from 30deg at 50% 50%,var(--color-green-30) 0deg,var(--color-blue-40) 25.96deg,var(--color-violet-40) 51.92deg,var(--color-pink-40) 76.15deg,var(--color-red-orange-40) 110.77deg,var(--color-pink-40) 162.69deg,var(--color-violet-40) 209.42deg,var(--color-blue-40) 254.42deg,var(--color-teal-40) 306.35deg,var(--color-green-30) 360deg);--iconWrapperColor: var(--components-colors-alert-icon-color-icon-ai)}}
+@layer components{._root_8fyu4_2{position:relative;display:flex;align-items:flex-start;width:100%;gap:var(--gap, var(--components-dimensions-alert-gap-content-md));border-radius:var(--components-dimensions-alert-border-radius);border-width:var(--border-width-sm);border-style:solid;padding:var(--padding);max-width:var(--maxWidth, max-content);background-color:var(--backgroundColor, var(--components-colors-alert-color-background-brand));border-color:var(--borderColor, var(--components-colors-alert-color-background-brand));color:var(--color, var(--components-colors-alert-color-text-brand-body))}._size-md_8fyu4_18{--padding: var(--components-dimensions-alert-padding-inline-md)}._size-md_8fyu4_18 ._content-actions_8fyu4_21{--gap: var(--components-dimensions-alert-gap-actions-md)}._size-md_8fyu4_18 ._without-title_8fyu4_24 ._icon-wrapper_8fyu4_24{margin-top:-2px}._size-lg_8fyu4_27{--padding: var(--components-dimensions-alert-padding-inline-lg);--gap: var(--components-dimensions-alert-gap-content-lg)}._size-lg_8fyu4_27 ._content-actions_8fyu4_21{--gap: var(--components-dimensions-alert-gap-actions-lg)}._variant-ai_8fyu4_34{--backgroundColor: var(--components-colors-alert-color-background-ai);--borderColor: transparent;background:linear-gradient(var(--components-colors-alert-color-background-ai) 0 0) padding-box,linear-gradient(90deg,var(--color-green-30) 0%,var(--color-teal-40) 20%,var(--color-blue-40) 40%,var(--color-violet-40) 60%,var(--color-pink-40) 80%,var(--color-red-orange-40) 100%) border-box}._variant-danger_8fyu4_39{--backgroundColor: var(--components-colors-alert-color-background-danger);--borderColor: var(--components-colors-alert-color-background-danger);--color: var(--color-icon-danger-primary)}._variant-info_8fyu4_44{--backgroundColor: var(--components-colors-alert-color-background-information);--borderColor: var(--components-colors-alert-color-background-information);--color: var(--color-icon-accent-blue-primary)}._variant-success_8fyu4_49{--backgroundColor: var(--components-colors-alert-color-background-success);--borderColor: var(--components-colors-alert-color-background-success);--color: var(--color-icon-accent-green-primary)}._variant-warning_8fyu4_54{--backgroundColor: var(--components-colors-alert-color-background-warning);--borderColor: var(--components-colors-alert-color-background-warning);--color: var(--color-icon-warning-primary)}._full-width_8fyu4_59{--maxWidth: 100%}._content_8fyu4_21{overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--gap, var(--components-dimensions-alert-gap-content-md))}._content-text_8fyu4_71{display:flex;flex-direction:column;gap:var(--gap, var(--components-dimensions-alert-gap-content-md))}._content-text_8fyu4_71._without-title_8fyu4_24{flex-direction:row}._content-text_8fyu4_71._without-title_8fyu4_24 ._icon-wrapper_8fyu4_24{align-self:flex-start}._content-actions_8fyu4_21{display:flex;align-items:center;gap:var(--gap)}._title-close-button_8fyu4_88{margin-right:var(--spacing-xl)}._title-with-icon_8fyu4_91{display:flex;align-items:center;gap:var(--spacing-sm)}._close-button_8fyu4_97{position:absolute;right:var(--spacing-sm);top:var(--spacing-sm)}._icon-wrapper_8fyu4_24{display:flex;flex-shrink:0;padding:var(--components-dimensions-alert-icon-padding-block);border-radius:var(--components-dimensions-alert-icon-border-radius);background-color:var(--iconWrapperBackgroundColor, var(--components-colors-alert-icon-color-background-brand));color:var(--iconWrapperColor, var(--components-colors-alert-icon-color-icon-brand))}._icon-wrapper-success_8fyu4_111{--iconWrapperBackgroundColor: var(--components-colors-alert-icon-color-background-success);--iconWrapperColor: var(--components-colors-alert-icon-color-icon-success)}._icon-wrapper-danger_8fyu4_115{--iconWrapperBackgroundColor: var(--components-colors-alert-icon-color-background-danger);--iconWrapperColor: var(--components-colors-alert-icon-color-icon-danger)}._icon-wrapper-info_8fyu4_119{--iconWrapperBackgroundColor: var( --components-colors-alert-icon-color-background-information );--iconWrapperColor: var(--components-colors-alert-icon-color-icon-information)}._icon-wrapper-warning_8fyu4_125{--iconWrapperBackgroundColor: var(--components-colors-alert-icon-color-background-warning);--iconWrapperColor: var(--components-colors-alert-icon-color-icon-warning)}._icon-wrapper-ai_8fyu4_129{background:conic-gradient(from 30deg at 50% 50%,var(--color-green-30) 0deg,var(--color-blue-40) 25.96deg,var(--color-violet-40) 51.92deg,var(--color-pink-40) 76.15deg,var(--color-red-orange-40) 110.77deg,var(--color-pink-40) 162.69deg,var(--color-violet-40) 209.42deg,var(--color-blue-40) 254.42deg,var(--color-teal-40) 306.35deg,var(--color-green-30) 360deg);--iconWrapperColor: var(--components-colors-alert-icon-color-icon-ai)}}

package/dist/Alert.js

@@ -1,105 +1,105 @@
 "use client";
 import './Alert.css';
-import { jsx as i, jsxs as m } from "react/jsx-runtime";
-import p, { forwardRef as w, Children as u, cloneElement as h } from "react";
+import { jsx as i, jsxs as l } from "react/jsx-runtime";
+import p, { forwardRef as y, Children as f, cloneElement as m } from "react";
 import { CloseButton as E } from "./CloseButton.js";
 import { Icon as V } from "./Icon.js";
-import { Text as N } from "./Text.js";
-import { c as A } from "./index-PAaZGbyz.js";
-import { Button as b } from "./Button.js";
-const I = "_root_hm7mj_2", O = "_content_hm7mj_21", x = {
+import { Text as b } from "./Text.js";
+import { c as x } from "./index-PAaZGbyz.js";
+import { Button as h } from "./Button.js";
+const I = "_root_8fyu4_2", O = "_content_8fyu4_21", B = {
   root: I,
-  "size-md": "_size-md_hm7mj_18",
-  "content-actions": "_content-actions_hm7mj_21",
-  "without-title": "_without-title_hm7mj_24",
-  "icon-wrapper": "_icon-wrapper_hm7mj_24",
-  "size-lg": "_size-lg_hm7mj_27",
-  "variant-ai": "_variant-ai_hm7mj_34",
-  "variant-danger": "_variant-danger_hm7mj_39",
-  "variant-info": "_variant-info_hm7mj_44",
-  "variant-success": "_variant-success_hm7mj_49",
-  "variant-warning": "_variant-warning_hm7mj_54",
-  "full-width": "_full-width_hm7mj_59",
+  "size-md": "_size-md_8fyu4_18",
+  "content-actions": "_content-actions_8fyu4_21",
+  "without-title": "_without-title_8fyu4_24",
+  "icon-wrapper": "_icon-wrapper_8fyu4_24",
+  "size-lg": "_size-lg_8fyu4_27",
+  "variant-ai": "_variant-ai_8fyu4_34",
+  "variant-danger": "_variant-danger_8fyu4_39",
+  "variant-info": "_variant-info_8fyu4_44",
+  "variant-success": "_variant-success_8fyu4_49",
+  "variant-warning": "_variant-warning_8fyu4_54",
+  "full-width": "_full-width_8fyu4_59",
   content: O,
-  "content-text": "_content-text_hm7mj_70",
-  "title-close-button": "_title-close-button_hm7mj_87",
-  "title-with-icon": "_title-with-icon_hm7mj_90",
-  "close-button": "_close-button_hm7mj_96",
-  "icon-wrapper-success": "_icon-wrapper-success_hm7mj_109",
-  "icon-wrapper-danger": "_icon-wrapper-danger_hm7mj_113",
-  "icon-wrapper-info": "_icon-wrapper-info_hm7mj_117",
-  "icon-wrapper-warning": "_icon-wrapper-warning_hm7mj_123",
-  "icon-wrapper-ai": "_icon-wrapper-ai_hm7mj_127"
-}, d = w(
-  ({ variant: t = "primary", ...o }, n) => /* @__PURE__ */ i(b, { className: "shrink-0 w-fit", ref: n, variant: t, ...o })
+  "content-text": "_content-text_8fyu4_71",
+  "title-close-button": "_title-close-button_8fyu4_88",
+  "title-with-icon": "_title-with-icon_8fyu4_91",
+  "close-button": "_close-button_8fyu4_97",
+  "icon-wrapper-success": "_icon-wrapper-success_8fyu4_111",
+  "icon-wrapper-danger": "_icon-wrapper-danger_8fyu4_115",
+  "icon-wrapper-info": "_icon-wrapper-info_8fyu4_119",
+  "icon-wrapper-warning": "_icon-wrapper-warning_8fyu4_125",
+  "icon-wrapper-ai": "_icon-wrapper-ai_8fyu4_129"
+}, w = y(
+  ({ variant: t = "primary", ...o }, n) => /* @__PURE__ */ i(h, { className: "shrink-0 w-fit", ref: n, variant: t, ...o })
 );
-d.displayName = "Alert.Button";
-const f = w(
-  ({ variant: t = "secondary", ...o }, n) => /* @__PURE__ */ i(b, { className: "shrink-0 w-fit", ref: n, variant: t, ...o })
+w.displayName = "Alert.Button";
+const d = y(
+  ({ variant: t = "secondary", ...o }, n) => /* @__PURE__ */ i(h, { className: "shrink-0 w-fit", ref: n, variant: t, ...o })
 );
-f.displayName = "Alert.SecondaryButton";
-const R = A(x), l = ({ children: t, hasCloseButton: o, ...n }) => /* @__PURE__ */ i(N, { as: "span", className: R(o && "title-close-button"), ...n, children: t });
-l.displayName = "Alert.Title";
-const a = A(x), z = {
+d.displayName = "Alert.SecondaryButton";
+const R = x(B), _ = ({ children: t, hasCloseButton: o, ...n }) => /* @__PURE__ */ i(b, { as: "span", className: R(o && "title-close-button"), ...n, children: t });
+_.displayName = "Alert.Title";
+const a = x(B), z = {
   ai: "sparkles",
   brand: "lightbulb-alt",
   danger: "exclamation-octagon",
   info: "info-circle",
   success: "check-circle",
   warning: "exclamation-triangle"
-}, B = w(
-  ({ children: t, className: o, cta: n, handleClose: _, isFullWidth: $, size: c = "md", variant: s = "brand", ...k }, T) => {
-    const C = s === "ai", j = u.toArray(t).some((e) => p.isValidElement(e) ? e.type === l : !1), y = /* @__PURE__ */ i("div", { className: a("icon-wrapper", `icon-wrapper-${s}`), children: /* @__PURE__ */ i(V, { name: z[s] }) }), S = u.toArray(t).map((e) => e.type === l ? /* @__PURE__ */ m("div", { className: a("title-with-icon"), children: [
-      y,
-      h(e, {
-        hasCloseButton: !!_,
+}, $ = y(
+  ({ children: t, className: o, cta: n, handleClose: u, isFullWidth: k, size: c = "md", variant: s = "brand", ...T }, C) => {
+    const S = s === "ai", g = f.toArray(t).some((e) => p.isValidElement(e) ? e.type === _ : !1), v = /* @__PURE__ */ i("div", { className: a("icon-wrapper", `icon-wrapper-${s}`), children: /* @__PURE__ */ i(V, { name: z[s] }) }), j = f.toArray(t).map((e) => e.type === _ ? /* @__PURE__ */ l("div", { className: a("title-with-icon"), children: [
+      v,
+      m(e, {
+        hasCloseButton: !!u,
         variant: `body-${c}-strong`
       })
-    ] }) : e), g = (e) => u.toArray(e).flatMap((r) => p.isValidElement(r) && r.type === p.Fragment ? g(r.props.children) : r.type === d ? h(r, {
+    ] }) : e), N = (e) => f.toArray(e).flatMap((r) => p.isValidElement(r) && r.type === p.Fragment ? N(r.props.children) : r.type === w ? m(r, {
       size: c,
-      variant: C ? "primary-ai" : void 0
-    }) : r.type === f ? h(r, {
+      variant: S ? "primary-ai" : void 0
+    }) : r.type === d ? m(r, {
       size: c
-    }) : r), v = !!n && g(n);
-    return /* @__PURE__ */ m(
+    }) : r), A = !!n && N(n);
+    return /* @__PURE__ */ l(
       "div",
       {
         className: a(
           "root",
-          $ && "full-width",
+          k && "full-width",
           `size-${c}`,
           s && `variant-${s}`,
           o
         ),
-        ref: T,
-        ...k,
+        ref: C,
+        ...T,
         children: [
-          !!_ && /* @__PURE__ */ i(E, { className: a("close-button"), onClick: _ }),
-          /* @__PURE__ */ m("div", { className: a("content"), children: [
-            /* @__PURE__ */ m(
-              N,
+          !!u && /* @__PURE__ */ i(E, { className: a("close-button"), onClick: u }),
+          /* @__PURE__ */ l("div", { className: a("content"), children: [
+            /* @__PURE__ */ l(
+              b,
               {
                 as: "div",
-                className: a("content-text", !j && "without-title"),
+                className: a("content-text", !g && "without-title"),
                 variant: `body-${c}`,
                 children: [
-                  !j && y,
-                  S
+                  !g && v,
+                  j
                 ]
               }
             ),
-            !!v && /* @__PURE__ */ i("div", { className: a("content-actions"), children: v })
+            !!A && /* @__PURE__ */ i("div", { className: a("content-actions"), children: A })
           ] })
         ]
       }
     );
   }
 );
-B.displayName = "Alert";
-const K = Object.assign(B, {
-  Button: d,
-  SecondaryButton: f,
-  Title: l
+$.displayName = "Alert";
+const K = Object.assign($, {
+  Button: w,
+  SecondaryButton: d,
+  Title: _
 });
 export {
   K as Alert,