welcome-ui 1.0.0-beta.4 → 1.0.0-beta.5

package/dist/Accordion.js

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=require("./index-Cs1IZBks.js"),m=require("./System.js"),e=require("@xstyled/styled-components"),p=require("./P4IRICAX-nhgZ26A1.js"),c=require("./VGCJ63VH-BNLwLOaC.js"),g=e.div`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");require("./Icon.js");const u=require("./index-BNwz4P5j.js"),m=require("./System.js"),e=require("@xstyled/styled-components"),p=require("./P4IRICAX-nhgZ26A1.js"),c=require("./VGCJ63VH-BNLwLOaC.js"),g=e.div`
   ${e.th("accordions.wrapper")};
   ${e.system};
   transition: medium;

package/dist/Accordion.mjs

@@ -1,6 +1,7 @@
 "use client";
 import t, { cloneElement as m } from "react";
-import { R as u } from "./index-ColyClKR.mjs";
+import "./Icon.mjs";
+import { R as u } from "./index-BRDOakbf.mjs";
 import { forwardRef as p } from "./System.mjs";
 import r, { th as o, system as f } from "@xstyled/styled-components";
 import { D as g } from "./P4IRICAX-DF0_vmod.mjs";
@@ -79,13 +80,13 @@ const w = r.div`
   padding: ${o("accordions.padding")};
   padding-top: 0;
   color: neutral-70;
-`, k = p(
+`, A = p(
   ({ children: i, dataTestId: e, icon: c = /* @__PURE__ */ t.createElement(u, null), store: a, title: d, ...s }, l) => /* @__PURE__ */ t.createElement(w, { "data-testid": e, ref: l, ...s }, /* @__PURE__ */ t.createElement(x, { "data-testid": e ? `${e}-title` : void 0, store: a }, d, /* @__PURE__ */ t.createElement(n, null, m(c, { size: "sm" }))), /* @__PURE__ */ t.createElement(E, { "data-testid": e ? `${e}-content` : void 0, store: a }, /* @__PURE__ */ t.createElement("div", null, /* @__PURE__ */ t.createElement(v, null, i))))
 );
-function A(i) {
+function j(i) {
   return $({ animated: !0, ...i });
 }
 export {
-  k as Accordion,
-  A as useAccordion
+  A as Accordion,
+  j as useAccordion
 };

package/dist/Alert.js

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),v=require("./CloseButton.js"),x=require("./Button.js"),f=require("./System.js"),u=require("./Box.js"),t=require("@xstyled/styled-components"),I=require("./Text.js"),T=require("./VariantIcon.js"),m=t.divBox`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),v=require("./CloseButton.js"),x=require("./Button.js"),f=require("./System.js"),u=require("./Box.js"),t=require("@xstyled/styled-components"),I=require("./Text.js"),T=require("./index-CiYwvMF0.js"),m=t.divBox`
   flex: 1;
 `,y=t(T.VariantIcon)`
   position: absolute;

package/dist/Alert.mjs

@@ -4,9 +4,9 @@ import { CloseButton as D } from "./CloseButton.mjs";
 import { Button as B } from "./Button.mjs";
 import { forwardRef as d } from "./System.mjs";
 import { Box as p } from "./Box.mjs";
-import c, { css as m, th as l, system as w } from "@xstyled/styled-components";
+import c, { css as m, th as a, system as w } from "@xstyled/styled-components";
 import { Text as R } from "./Text.mjs";
-import { VariantIcon as O } from "./VariantIcon.mjs";
+import { V as O } from "./index-DRa_xux4.mjs";
 const $ = c.divBox`
   flex: 1;
 `, A = c(O)`
@@ -18,20 +18,20 @@ const $ = c.divBox`
     align-items: flex-start;
     width: 100%;
     max-width: ${n ? "100%" : "max-content"};
-    ${l("alerts.default")};
-    ${l(`alerts.${s}`)};
-    ${l(`alerts.sizes.${o}`)};
+    ${a("alerts.default")};
+    ${a(`alerts.${s}`)};
+    ${a(`alerts.sizes.${o}`)};
     ${w};
 
     ${e !== null && o === "sm" && m`
       ${$} {
-        margin-left: calc(${l("icons.sm")} + ${l("space.md")});
+        margin-left: calc(${a("icons.sm")} + ${a("space.md")});
       }
     `}
 
     ${e !== null && o === "md" && m`
       ${$} {
-        margin-left: calc(${l("icons.md")} + ${l("space.lg")});
+        margin-left: calc(${a("icons.md")} + ${a("space.lg")});
       }
 
       ${A} {
@@ -40,8 +40,8 @@ const $ = c.divBox`
     `}
   `), F = c(R)(({ variant: e }) => m`
     font-weight: medium;
-    ${l("alerts.title.default")};
-    ${l(`alerts.title.sizes.${e}`)};
+    ${a("alerts.title.default")};
+    ${a(`alerts.title.sizes.${e}`)};
     ${w};
   `), b = ({ children: e, dataTestId: n, variant: o }) => /* @__PURE__ */ r.createElement(F, { "data-testid": n, variant: o }, e), G = d(
   ({
@@ -51,15 +51,15 @@ const $ = c.divBox`
     handleClose: s,
     icon: f,
     isFullWidth: I,
-    size: a = "sm",
+    size: l = "sm",
     variant: u = "default",
     ...S
-  }, _) => {
-    const k = o ? `${o}-close-button` : void 0, T = u === "beige" ? "default" : u, V = E.toArray(e).map((t) => t.type === b ? i(t, { variant: a }) : t), x = (t) => {
+  }, V) => {
+    const _ = o ? `${o}-close-button` : void 0, k = u === "beige" ? "default" : u, T = E.toArray(e).map((t) => t.type === b ? i(t, { variant: l }) : t), x = (t) => {
       var y;
       if (t) {
-        if (t.type === v) return i(t, { size: a });
-        if (t.type === C) return i(t, { size: a });
+        if (t.type === v) return i(t, { size: l });
+        if (t.type === C) return i(t, { size: l });
         if ((y = t.props) != null && y.children)
           return i(t, {
             ...t.props,
@@ -77,15 +77,15 @@ const $ = c.divBox`
         "data-testid": o,
         icon: f,
         isFullWidth: I,
-        ref: _,
-        size: a,
+        ref: V,
+        size: l,
         variant: u,
         ...S
       },
       !!s && /* @__PURE__ */ r.createElement(
         D,
         {
-          dataTestId: k,
+          dataTestId: _,
           onClick: s,
           position: "absolute",
           right: "sm",
@@ -93,7 +93,7 @@ const $ = c.divBox`
           top: "sm"
         }
       ),
-      f !== null && /* @__PURE__ */ r.createElement(A, { icon: f, size: a, variant: T }),
+      f !== null && /* @__PURE__ */ r.createElement(A, { icon: f, size: l, variant: k }),
       /* @__PURE__ */ r.createElement($, null, /* @__PURE__ */ r.createElement(
         p,
         {
@@ -103,7 +103,7 @@ const $ = c.divBox`
           gap: "md",
           justifyContent: "space-between"
         },
-        /* @__PURE__ */ r.createElement(p, { flex: 1 }, V),
+        /* @__PURE__ */ r.createElement(p, { flex: 1 }, T),
         !!g && /* @__PURE__ */ r.createElement(p, { alignItems: "center", display: "flex", gap: "sm" }, g)
       ))
     );

package/dist/Breadcrumb.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const e=require("./index-CrhKWaM2.js");require("./index-Cs1IZBks.js");require("./System.js");require("./throttle-BB1Y3bfD.js");exports.Breadcrumb=e.Breadcrumb;exports.BreadcrumbComponent=e.BreadcrumbComponent;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const e=require("./index-DPMCsVtB.js");require("./Icon.js");require("./index-BNwz4P5j.js");require("./System.js");require("./throttle-BB1Y3bfD.js");exports.Breadcrumb=e.Breadcrumb;exports.BreadcrumbComponent=e.BreadcrumbComponent;

package/dist/Breadcrumb.mjs

@@ -1,9 +1,10 @@
 import "react";
-import { a as e, B as i } from "./index-1C9Z0d5Q.mjs";
-import "./index-ColyClKR.mjs";
+import { a as e, B } from "./index-mPb8TbpM.mjs";
+import "./Icon.mjs";
+import "./index-BRDOakbf.mjs";
 import "./System.mjs";
 import "./throttle-BDBzFeFj.mjs";
 export {
   e as Breadcrumb,
-  i as BreadcrumbComponent
+  B as BreadcrumbComponent
 };

package/dist/ClearButton.js

@@ -1,14 +1,14 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),a=require("./index-Cs1IZBks.js"),i=require("./System.js"),t=require("@xstyled/styled-components"),c=require("./Button.js"),u=t.keyframes`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");require("./Icon.js");const a=require("./index-C1FV1q-F.js"),i=require("./System.js"),e=require("@xstyled/styled-components"),c=require("./Button.js"),u=e.keyframes`
   from {
     opacity: 0;
   }
   to {
     opacity: 1;
   }
-`,l=t.css`
+`,l=e.css`
   ${u}
-`,n=t(c.Button)`
+`,n=e(c.Button)`
   pointer-events: auto;
-  animation: ${t.th("transitions.medium")};
+  animation: ${e.th("transitions.medium")};
   animation-name: ${l};
-`,m=i.forwardRef(({size:o="xs",...r},s)=>e.createElement(n,{ref:s,shape:"circle",size:o,title:"Clear",variant:"ghost",...r},e.createElement(a.CrossIcon,{size:"xxs"}))),d=n;exports.ClearButton=m;exports.StyledClearButton=d;
+`,m=i.forwardRef(({size:o="xs",...r},s)=>t.createElement(n,{ref:s,shape:"circle",size:o,title:"Clear",variant:"ghost",...r},t.createElement(a.CrossIcon,{size:"xxs"}))),d=n;exports.ClearButton=m;exports.StyledClearButton=d;

package/dist/ClearButton.mjs

@@ -1,8 +1,9 @@
 "use client";
 import t from "react";
-import { C as n } from "./index-ColyClKR.mjs";
-import { forwardRef as s } from "./System.mjs";
-import i, { keyframes as m, css as c, th as l } from "@xstyled/styled-components";
+import "./Icon.mjs";
+import { C as n } from "./index-C7zM96J_.mjs";
+import { forwardRef as i } from "./System.mjs";
+import s, { keyframes as m, css as c, th as l } from "@xstyled/styled-components";
 import { Button as f } from "./Button.mjs";
 const p = m`
   from {
@@ -13,14 +14,14 @@ const p = m`
   }
 `, u = c`
   ${p}
-`, e = i(f)`
+`, e = s(f)`
   pointer-events: auto;
   animation: ${l("transitions.medium")};
   animation-name: ${u};
-`, _ = s(
-  ({ size: o = "xs", ...a }, r) => /* @__PURE__ */ t.createElement(e, { ref: r, shape: "circle", size: o, title: "Clear", variant: "ghost", ...a }, /* @__PURE__ */ t.createElement(n, { size: "xxs" }))
-), $ = e;
+`, $ = i(
+  ({ size: o = "xs", ...r }, a) => /* @__PURE__ */ t.createElement(e, { ref: a, shape: "circle", size: o, title: "Clear", variant: "ghost", ...r }, /* @__PURE__ */ t.createElement(n, { size: "xxs" }))
+), h = e;
 export {
-  _ as ClearButton,
-  $ as StyledClearButton
+  $ as ClearButton,
+  h as StyledClearButton
 };

package/dist/CloseButton.js

@@ -1,6 +1,6 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),n=require("./index-Cs1IZBks.js"),r=require("./System.js"),e=require("@xstyled/styled-components"),c=require("./Button.js"),i=e(c.Button)`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");require("./Icon.js");const r=require("./index-C1FV1q-F.js"),n=require("./System.js"),e=require("@xstyled/styled-components"),c=require("./Button.js"),i=e(c.Button)`
   & > svg:only-child {
     width: ${e.th("space.md")};
     height: ${e.th("space.md")};
   }
-`,l=r.forwardRef((s,o)=>t.createElement(i,{ref:o,shape:"circle",size:"sm",title:"Close",variant:"ghost",...s},t.createElement(n.CrossIcon,{size:"lg"})));exports.CloseButton=l;
+`,l=n.forwardRef((s,o)=>t.createElement(i,{ref:o,shape:"circle",size:"sm",title:"Close",variant:"ghost",...s},t.createElement(r.CrossIcon,{size:"lg"})));exports.CloseButton=l;

package/dist/CloseButton.mjs

@@ -1,6 +1,7 @@
 "use client";
 import t from "react";
-import { C as s } from "./index-ColyClKR.mjs";
+import "./Icon.mjs";
+import { C as s } from "./index-C7zM96J_.mjs";
 import { forwardRef as m } from "./System.mjs";
 import i, { th as e } from "@xstyled/styled-components";
 import { Button as l } from "./Button.mjs";
@@ -9,7 +10,7 @@ const a = i(l)`
     width: ${e("space.md")};
     height: ${e("space.md")};
   }
-`, h = m((o, r) => /* @__PURE__ */ t.createElement(a, { ref: r, shape: "circle", size: "sm", title: "Close", variant: "ghost", ...o }, /* @__PURE__ */ t.createElement(s, { size: "lg" })));
+`, u = m((o, r) => /* @__PURE__ */ t.createElement(a, { ref: r, shape: "circle", size: "sm", title: "Close", variant: "ghost", ...o }, /* @__PURE__ */ t.createElement(s, { size: "lg" })));
 export {
-  h as CloseButton
+  u as CloseButton
 };