welcome-ui 0.0.0-dev.1743704848626 → 0.0.0-dev.1745599321604

package/dist/Drawer.mjs

@@ -9,8 +9,8 @@ import { Text as f } from "./Text.mjs";
 import "./Icon.mjs";
 import { A as D } from "./index-Bkl89twW.mjs";
 import { Button as B } from "./Button.mjs";
-import { D as k, u as v } from "./JC64G2H7-BzklVBKM.mjs";
-import { D as C } from "./AXB53BZF-BOEe01VW.mjs";
+import { D as k, u as C } from "./JC64G2H7-BzklVBKM.mjs";
+import { D as v } from "./AXB53BZF-BOEe01VW.mjs";
 const I = (t) => {
   switch (t) {
     case "top":
@@ -144,7 +144,6 @@ const I = (t) => {
   },
   /* @__PURE__ */ e.createElement(f, { m: "0", variant: "h3", w: "100%" }, t)
 ), L = a.divBox`
-  overflow-y: scroll;
   flex: 1;
   margin: 0 auto;
   width: 100%;
@@ -237,13 +236,13 @@ const I = (t) => {
   )
 );
 function nt(t = {}) {
-  return v({ animated: !0, ...t });
+  return C({ animated: !0, ...t });
 }
 const q = ({
   hideOnInteractOutside: t = !0,
   ...r
 }) => /* @__PURE__ */ e.createElement(g, { hideOnInteractOutside: t, ...r }), h = d(({ as: t, store: r, ...o }, s) => /* @__PURE__ */ e.createElement(
-  C,
+  v,
   {
     ref: s,
     render: t ? (i) => /* @__PURE__ */ e.createElement(t, { ...i }) : void 0,

package/dist/Link.mjs

@@ -1,12 +1,12 @@
 "use client";
 import i from "react";
-import h, { th as e, typography as x, css as g } from "@xstyled/styled-components";
+import h, { system as x, th as e, typography as g, css as y } from "@xstyled/styled-components";
 import { UniversalLink as k } from "./UniversalLink.mjs";
-import { shouldForwardProp as y, forwardRef as $ } from "./System.mjs";
+import { shouldForwardProp as $, forwardRef as w } from "./System.mjs";
 import "./Icon.mjs";
-import { E as w } from "./index-DqBUFsqP.mjs";
-const E = h(k).withConfig({ shouldForwardProp: y })(
-  ({ isExternal: t, variant: n = "primary" }) => g`
+import { E } from "./index-DqBUFsqP.mjs";
+const L = h(k).withConfig({ shouldForwardProp: $ })(
+  ({ isExternal: t, variant: n = "primary" }) => y`
     display: inline-flex;
     flex-direction: row;
     align-items: center;
@@ -14,6 +14,7 @@ const E = h(k).withConfig({ shouldForwardProp: y })(
     line-height: 1.5;
     text-decoration: none;
     cursor: pointer;
+    ${x}
 
     > .wui-text {
       margin-right: -2px;
@@ -24,7 +25,7 @@ const E = h(k).withConfig({ shouldForwardProp: y })(
       ${e("links.default")};
       ${e(`links.${n}.default`)};
       ${t && e("links.withExternalLink")};
-      ${x};
+      ${g};
     }
 
     &:hover,
@@ -47,7 +48,7 @@ const E = h(k).withConfig({ shouldForwardProp: y })(
       margin-right: xs;
     }
   `
-), L = (t) => {
+), W = (t) => {
   var n, r, o;
   return (
     // <span />
@@ -55,10 +56,10 @@ const E = h(k).withConfig({ shouldForwardProp: y })(
     ((n = t == null ? void 0 : t.props) == null ? void 0 : n.as) === "span" || // <FormattedMessage />
     ((r = t == null ? void 0 : t.props) == null ? void 0 : r.tagName) === "span" || ((o = t == null ? void 0 : t.props) == null ? void 0 : o["data-wui-link"]) === !0
   );
-}, a = (t) => typeof t == "object" ? L(t) : typeof t == "string", d = ({ children: t, isExternal: n }) => /* @__PURE__ */ i.createElement("span", { className: "wui-text" }, t, n && /* @__PURE__ */ i.createElement(w, { mb: "-2px", ml: "sm", size: "sm" })), W = $((t, n) => {
+}, a = (t) => typeof t == "object" ? W(t) : typeof t == "string", d = ({ children: t, isExternal: n }) => /* @__PURE__ */ i.createElement("span", { className: "wui-text" }, t, n && /* @__PURE__ */ i.createElement(E, { mb: "-2px", ml: "sm", size: "sm" })), b = w((t, n) => {
   const { children: r, dataTestId: o, disabled: m, isExternal: s, variant: c = "primary", ...l } = t, f = a(r) ? /* @__PURE__ */ i.createElement(d, { isExternal: s }, r) : i.Children.map(r, (p) => a(p) ? /* @__PURE__ */ i.createElement(d, { isExternal: s }, p) : p);
   return /* @__PURE__ */ i.createElement(
-    E,
+    L,
     {
       "data-testid": o,
       disabled: m,
@@ -70,7 +71,7 @@ const E = h(k).withConfig({ shouldForwardProp: y })(
     f
   );
 });
-W.displayName = "Link";
+b.displayName = "Link";
 export {
-  W as Link
+  b as Link
 };

package/dist/Tag.mjs

@@ -1,26 +1,26 @@
 "use client";
 import d from "react";
 import { w as C } from "./wrap-children-aq69jtFP.mjs";
-import m, { th as i, system as w, css as n } from "@xstyled/styled-components";
+import m, { th as o, system as w, css as n } from "@xstyled/styled-components";
 import { o as p } from "./overflow-ellipsis-DGV5Kgt-.mjs";
 import { g } from "./get-max-width-height-DoUro2T7.mjs";
 import { StyledIcon as S } from "./Icon.mjs";
 import { forwardRef as b } from "./System.mjs";
-import { C as A } from "./index-C7zM96J_.mjs";
-const E = (o, t, s) => n`
-  ${i(`tags.shape.${o}`)}
+import { C as E } from "./index-C7zM96J_.mjs";
+const I = (i, t, s) => n`
+  ${o(`tags.shape.${i}`)}
   padding: 0;
   ${(t || s) && n`
     width: ${g(t || "0", s)};
     height: ${g(t || "0", s)};
   `}
 `, h = m.div.withConfig({
-  shouldForwardProp: (o) => !["hasClickAction", "hasLink", "hasRemoveAction"].includes(o)
+  shouldForwardProp: (i) => !["hasClickAction", "hasLink", "hasRemoveAction"].includes(i)
 })(
-  ({ h: o, hasClickAction: t, hasLink: s, hasRemoveAction: c, length: a, size: e, variant: r, w: l }) => n`
-    ${i("tags.default")};
-    ${i(`tags.variants.${r}`)};
-    ${i(`tags.sizes.${e}`)}
+  ({ h: i, hasClickAction: t, hasLink: s, hasRemoveAction: a, length: r, size: e, variant: c, w: l }) => n`
+    ${o("tags.default")};
+    ${o(`tags.variants.${c}`)};
+    ${o(`tags.sizes.${e}`)}
     position: relative;
     display: inline-flex;
     align-items: center;
@@ -30,15 +30,15 @@ const E = (o, t, s) => n`
     max-width: 100%;
     ${p}
     ${w}
-    ${a !== 1 && n`
+    ${r !== 1 && n`
       span,
       p {
         ${p}
       }
     `}
-    ${a === 1 && n`
+    ${r === 1 && !a && n`
       justify-content: center;
-      ${E(e, l, o)};
+      ${I(e, l, i)};
     `};
 
     ${(s || t) && n`
@@ -47,11 +47,11 @@ const E = (o, t, s) => n`
 
       &:hover,
       &:focus {
-        ${i(`tags.hover.${r}`)};
+        ${o(`tags.hover.${c}`)};
       }
     `};
 
-    ${c && n`
+    ${a && n`
       padding-right: xl;
     `}
 
@@ -60,15 +60,15 @@ const E = (o, t, s) => n`
     }
 
     & > svg {
-      width: ${i(`tags.icon.${e}`)};
-      height: ${i(`tags.icon.${e}`)};
+      width: ${o(`tags.icon.${e}`)};
+      height: ${o(`tags.icon.${e}`)};
     }
 
     > *:not(:only-child) {
       ${/* sc-selector */
   S}:last-child {
         opacity: 1;
-        transition: opacity ${i.transition("medium")};
+        transition: opacity ${o.transition("medium")};
         cursor: pointer;
 
         &:hover {
@@ -77,10 +77,10 @@ const E = (o, t, s) => n`
       }
     }
   `
-), I = m.divBox(
-  ({ size: o }) => n`
+), k = m.divBox(
+  ({ size: i }) => n`
     position: absolute;
-    ${i(`tags.sizes.${o}`)};
+    ${o(`tags.sizes.${i}`)};
     top: 0;
     bottom: 0;
     right: 0;
@@ -88,48 +88,48 @@ const E = (o, t, s) => n`
     align-items: center;
     justify-content: center;
   `
-), k = m.buttonBox`
+), A = m.buttonBox`
   all: unset;
   display: flex;
-`, R = b(
+`, T = b(
   ({
-    as: o,
+    as: i,
     children: t,
     dataTestId: s,
-    href: c,
-    onClick: a,
+    href: a,
+    onClick: r,
     onRemove: e,
-    size: r = "md",
+    size: c = "md",
     to: l,
     variant: $ = "default",
     ...f
   }, u) => {
-    const y = C(t), x = !!(t || t === 0) && ["number", "string"].includes(typeof t) ? t.toString().length : void 0, v = !!c || !!l;
+    const y = C(t), x = !!(t || t === 0) && ["number", "string"].includes(typeof t) ? t.toString().length : void 0, v = !!a || !!l;
     return /* @__PURE__ */ d.createElement(
       h,
       {
-        as: o,
+        as: i,
         "data-testid": s,
-        hasClickAction: !!a,
+        hasClickAction: !!r,
         hasLink: v,
         hasRemoveAction: !!e,
-        href: c,
+        href: a,
         length: x,
-        onClick: a,
+        onClick: r,
         ref: u,
-        size: r,
+        size: c,
         to: l,
         variant: $,
         ...f
       },
       y,
-      !!e && /* @__PURE__ */ d.createElement(I, { size: r }, /* @__PURE__ */ d.createElement(k, { onClick: e, title: "Remove", type: "button" }, /* @__PURE__ */ d.createElement(A, { size: "xs", title: "Remove" })))
+      !!e && /* @__PURE__ */ d.createElement(k, { size: c }, /* @__PURE__ */ d.createElement(A, { onClick: e, title: "Remove", type: "button" }, /* @__PURE__ */ d.createElement(E, { size: "xs", title: "Remove" })))
     );
   }
 );
-R.displayName = "Tag";
+T.displayName = "Tag";
 const P = h;
 export {
   P as StyledTag,
-  R as Tag
+  T as Tag
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "0.0.0-dev.1743704848626",
+  "version": "0.0.0-dev.1745599321604",
   "description": "Customizable design system with react • styled-components • styled-system and ariakit.",
   "files": [
     "dist"