welcome-ui 8.1.0-alpha.3 → 8.1.1

package/dist/Button.mjs

@@ -1,24 +1,24 @@
 "use client";
-import { j as r } from "./jsx-runtime-B7I4PJ0H.mjs";
-import { Box as l } from "./Box.mjs";
-import { Loader as f } from "./Loader.mjs";
-import { shouldForwardProp as p, forwardRef as y } from "./System.mjs";
-import { B as w } from "./X5NMLKT6-BJw3xE-K.mjs";
-import x, { th as t, system as g, css as n } from "@xstyled/styled-components";
-import { h as j } from "./hide-focus-rings-root-CCXdysih.mjs";
-const B = (s, i = "square") => n`
-  width: ${t(`buttons.sizes.${s}.height`)};
+import r from "react";
+import h, { th as t, system as p, css as e } from "@xstyled/styled-components";
+import { B as y } from "./X5NMLKT6-CvSCix-_.mjs";
+import { h as w } from "./hide-focus-rings-root-BNyva1yb.mjs";
+import { shouldForwardProp as g, forwardRef as x } from "./System.mjs";
+import { Loader as B } from "./Loader.mjs";
+import { Box as c } from "./Box.mjs";
+const E = (i, s = "square") => e`
+  width: ${t(`buttons.sizes.${i}.height`)};
   padding: 0;
-  ${i === "circle" && n`
-    border-radius: ${t(`buttons.sizes.${s}.height`)};
+  ${s === "circle" && e`
+    border-radius: ${t(`buttons.sizes.${i}.height`)};
   `};
-`, c = x(w).withConfig({ shouldForwardProp: p })(
-  ({ ai: s, danger: i, disabled: u, shape: $, size: e = "md", variant: o = "primary" }) => n`
+`, d = h(y).withConfig({ shouldForwardProp: g })(
+  ({ ai: i, danger: s, disabled: u, shape: $, size: n = "md", variant: o = "primary" }) => e`
     ${t(`buttons.${o}`)};
-    ${s && n`
+    ${i && e`
       ${t(`buttons.ai.${o}`)};
     `}
-    ${i && n`
+    ${s && e`
       ${t(`buttons.danger.${o}`)};
     `}
     position: relative;
@@ -26,7 +26,7 @@ const B = (s, i = "square") => n`
     align-items: center;
     justify-content: center;
     width: auto;
-    ${t(`buttons.sizes.${e}`)};
+    ${t(`buttons.sizes.${n}`)};
     text-decoration: none;
     text-align: center;
     white-space: nowrap;
@@ -37,22 +37,22 @@ const B = (s, i = "square") => n`
     appearance: none;
     overflow: hidden;
     transition: medium;
-    ${$ && B(e, $)};
-    ${g};
+    ${$ && E(n, $)};
+    ${p};
 
     & > svg.wui-icon,
     & > i.wui-icon-font {
       font-weight: initial;
 
       &:only-child {
-        width: ${t(`buttons.icon.only.${e}`)};
-        height: ${t(`buttons.icon.only.${e}`)};
-        font-size: ${t(`buttons.icon.only.${e}`)};
+        width: ${t(`buttons.icon.only.${n}`)};
+        height: ${t(`buttons.icon.only.${n}`)};
+        font-size: ${t(`buttons.icon.only.${n}`)};
       }
       &:not(:only-child) {
-        width: ${t(`buttons.icon.default.${e}`)};
-        height: ${t(`buttons.icon.default.${e}`)};
-        font-size: ${t(`buttons.icon.default.${e}`)};
+        width: ${t(`buttons.icon.default.${n}`)};
+        height: ${t(`buttons.icon.default.${n}`)};
+        font-size: ${t(`buttons.icon.default.${n}`)};
       }
     }
 
@@ -60,34 +60,34 @@ const B = (s, i = "square") => n`
       margin-right: sm;
     }
 
-    ${!u && n`
-      [${j}] &:focus {
+    ${!u && e`
+      [${w}] &:focus {
         box-shadow: none;
       }
       &:focus {
         ${t(`buttons.focus.${o}`)};
-        ${s && n`
+        ${i && e`
           ${t(`buttons.focus.ai.${o}`)};
         `}
-        ${i && n`
+        ${s && e`
           ${t(`buttons.focus.danger.${o}`)};
         `}
       }
       &:hover {
         ${t(`buttons.hover.${o}`)};
-        ${s && n`
+        ${i && e`
           ${t(`buttons.hover.ai.${o}`)};
         `}
-        ${i && n`
+        ${s && e`
           ${t(`buttons.hover.danger.${o}`)};
         `}
       }
       &:active {
         ${t(`buttons.active.${o}`)};
-        ${s && n`
+        ${i && e`
           ${t(`buttons.active.ai.${o}`)};
         `}
-        ${i && n`
+        ${s && e`
           ${t(`buttons.active.danger.${o}`)};
         `}
       }
@@ -97,59 +97,54 @@ const B = (s, i = "square") => n`
       cursor: not-allowed;
     }
   `
-), R = y(
+), R = x(
   ({
-    ai: s,
-    children: i,
+    ai: i,
+    children: s,
     danger: u,
     dataTestId: $,
-    disabled: e,
+    disabled: n,
     isLoading: o,
-    size: h = "md",
-    variant: a = "primary",
+    size: a = "md",
+    variant: m = "primary",
     ...b
-  }, m) => {
-    const d = e || o;
-    return /* @__PURE__ */ r.jsxs(
-      c,
+  }, f) => {
+    const l = n || o;
+    return /* @__PURE__ */ r.createElement(
+      d,
       {
-        ai: s,
+        ai: i,
         danger: u,
         "data-loading": o,
         "data-testid": $,
-        disabled: d,
-        ref: m,
-        size: h,
-        variant: d ? "disabled" : a,
-        ...b,
-        children: [
-          o ? /* @__PURE__ */ r.jsxs("div", { children: [
-            /* @__PURE__ */ r.jsx(
-              l,
-              {
-                alignItems: "center",
-                bottom: 0,
-                display: "flex",
-                justifyContent: "center",
-                left: 0,
-                m: 0,
-                position: "absolute",
-                right: 0,
-                top: 0,
-                children: /* @__PURE__ */ r.jsx(f, { size: "xs" })
-              }
-            ),
-            /* @__PURE__ */ r.jsx(l, { opacity: "0", children: i })
-          ] }) : null,
-          !o && i
-        ]
-      }
+        disabled: l,
+        ref: f,
+        size: a,
+        variant: l ? "disabled" : m,
+        ...b
+      },
+      o && /* @__PURE__ */ r.createElement("div", null, /* @__PURE__ */ r.createElement(
+        c,
+        {
+          alignItems: "center",
+          bottom: 0,
+          display: "flex",
+          justifyContent: "center",
+          left: 0,
+          m: 0,
+          position: "absolute",
+          right: 0,
+          top: 0
+        },
+        /* @__PURE__ */ r.createElement(B, { size: "xs" })
+      ), /* @__PURE__ */ r.createElement(c, { opacity: "0" }, s)),
+      !o && s
     );
   }
 );
 R.displayName = "Button";
-const E = c;
+const q = d;
 export {
   R as Button,
-  E as StyledButton
+  q as StyledButton
 };

package/dist/ButtonGroup.mjs

@@ -1,9 +1,8 @@
 "use client";
-import { j as p } from "./jsx-runtime-B7I4PJ0H.mjs";
-import d, { Children as m, cloneElement as u } from "react";
-import { forwardRef as f } from "./System.mjs";
-import b from "@xstyled/styled-components";
-const x = b.divBox`
+import d, { Children as p, cloneElement as u } from "react";
+import f from "@xstyled/styled-components";
+import { forwardRef as m } from "./System.mjs";
+const b = f.divBox`
   display: inline-flex;
   flex-wrap: wrap;
   align-items: center;
@@ -32,19 +31,19 @@ const x = b.divBox`
       }
     }
   }
-`, B = f(
-  ({ children: t, dataTestId: o, disabled: e, size: i, variant: s }, a) => {
-    function n(l) {
-      return m.toArray(l).filter(Boolean).map((r) => d.isValidElement(r) ? u(r, {
+`, x = m(
+  ({ children: t, dataTestId: o, disabled: e, size: i, variant: a }, n) => {
+    function l(s) {
+      return p.toArray(s).filter(Boolean).map((r) => u(r, {
         ...r.props,
         disabled: e || r.props.disabled,
         size: i || r.props.size,
-        variant: s || r.props.variant
-      }) : r);
+        variant: a || r.props.variant
+      }));
     }
-    return /* @__PURE__ */ p.jsx(x, { "data-testid": o, ref: a, children: n(t) });
+    return /* @__PURE__ */ d.createElement(b, { "data-testid": o, ref: n }, l(t));
   }
 );
 export {
-  B as ButtonGroup
+  x as ButtonGroup
 };

package/dist/Card.mjs

@@ -1,23 +1,23 @@
 "use client";
-import { j as d } from "./jsx-runtime-B7I4PJ0H.mjs";
-import { forwardRef as n } from "./System.mjs";
-import e, { th as t } from "@xstyled/styled-components";
-import { Shape as i } from "./Shape.mjs";
-const c = e(i)`
-  ${t("cards.cover")};
-`, a = ({ src: o, ...r }) => /* @__PURE__ */ d.jsx(c, { ...r, children: /* @__PURE__ */ d.jsx("img", { src: o }) }), m = e.divBox`
+import r from "react";
+import t, { th as d } from "@xstyled/styled-components";
+import { Shape as c } from "./Shape.mjs";
+import { forwardRef as a } from "./System.mjs";
+const i = t(c)`
+  ${d("cards.cover")};
+`, s = ({ src: e, ...o }) => /* @__PURE__ */ r.createElement(i, { ...o }, /* @__PURE__ */ r.createElement("img", { src: e })), m = t.divBox`
   overflow: 'hidden';
   border-radius: md;
-  ${t("cards.default")};
+  ${d("cards.default")};
   background-size: cover;
   background-position: center;
-`, p = e.divBox`
+`, f = t.divBox`
   padding: lg;
-`, f = n(({ children: o, ...r }, s) => /* @__PURE__ */ d.jsx(m, { ref: s, ...r, children: o })), j = Object.assign(f, {
-  Body: p,
-  Cover: a
+`, l = a(({ children: e, ...o }, n) => /* @__PURE__ */ r.createElement(m, { ref: n, ...o }, e)), C = Object.assign(l, {
+  Body: f,
+  Cover: s
 });
 export {
-  j as Card,
-  f as CardComponent
+  C as Card,
+  l as CardComponent
 };

package/dist/Checkbox.mjs

@@ -1,6 +1,6 @@
-import "./jsx-runtime-B7I4PJ0H.mjs";
+import "react";
+import { a as t } from "./index-5PUh49rV.mjs";
 import "./System.mjs";
-import { a as t } from "./index-5HBq1O6Z.mjs";
 export {
   t as Checkbox
 };

package/dist/ClearButton.mjs

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

package/dist/CloseButton.mjs

@@ -1,16 +1,16 @@
 "use client";
-import { j as o } from "./jsx-runtime-B7I4PJ0H.mjs";
+import t from "react";
+import s, { th as e } from "@xstyled/styled-components";
+import { Button as m } from "./Button.mjs";
 import "./Icon.mjs";
-import { C as e } from "./index-BaLGEKs7.mjs";
-import { forwardRef as i } from "./System.mjs";
-import m, { th as t } from "@xstyled/styled-components";
-import { Button as l } from "./Button.mjs";
-const n = m(l)`
+import { C as i } from "./index-C7zM96J_.mjs";
+import { forwardRef as l } from "./System.mjs";
+const c = s(m)`
   & > svg:only-child {
-    width: ${t("space.md")};
-    height: ${t("space.md")};
+    width: ${e("space.md")};
+    height: ${e("space.md")};
   }
-`, u = i((s, r) => /* @__PURE__ */ o.jsx(n, { ref: r, shape: "circle", size: "sm", title: "Close", variant: "ghost", ...s, children: /* @__PURE__ */ o.jsx(e, { size: "lg" }) }));
+`, u = l((o, r) => /* @__PURE__ */ t.createElement(c, { ref: r, shape: "circle", size: "sm", title: "Close", variant: "ghost", ...o }, /* @__PURE__ */ t.createElement(i, { size: "lg" })));
 export {
   u as CloseButton
 };