welcome-ui 0.0.0-dev.1744121054156 → 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/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.1744121054156",
+  "version": "0.0.0-dev.1745599321604",
   "description": "Customizable design system with react • styled-components • styled-system and ariakit.",
   "files": [
     "dist"