welcome-ui 0.0.0-dev.1762111960442 → 0.0.0-dev.1763386521897

package/README.md

@@ -25,7 +25,7 @@ yarn add postcss --dev
 2 - Add dependencies for vite project
 
 ```bash
-yarn add @tailwindcss/vite --dev
+yarn add @tailwindcss/vite sass-embedded --dev
 ```
 
 3 - Add on your vite config tailwindcss plugin

package/dist/{4I4MLMKD-ClGFnV27.js → 4I4MLMKD-z3Xm3qCo.js}

@@ -1,10 +1,10 @@
 "use client";
-import { u as O, a as E, P as z } from "./Y67KZUMI-B7MDEVik.js";
-import { u as _ } from "./RTNCFSKZ-BspS8FyJ.js";
+import { u as O, a as E, P as z } from "./Y67KZUMI-BDyUNSJw.js";
+import { u as _ } from "./RTNCFSKZ-LcIdBwa8.js";
 import { c as b, _ as g, i as A, w as H, d as x, a as p, p as W, r as T, L, M as j, v as I, f as w, b as k, u as U, x as B } from "./OE2EFRVA-DkdhQLJL.js";
 import { useMemo as C, useState as F } from "react";
 import { jsx as l, jsxs as Z } from "react/jsx-runtime";
-import { u as q } from "./ZTXFEM5L-CgOPe8o9.js";
+import { u as q } from "./ZTXFEM5L-CjFLRObi.js";
 var h = "M23 27.8C24.1 29 26.4 30 28 30H30H0H2C3.7 30 5.9 29 7 27.8L14 20.6C14.7 19.8 15.3 19.8 16 20.6L23 27.8Z", G = "div", P = 30, u = P / 2, J = {
   top: `rotate(180 ${u} ${u})`,
   right: `rotate(-90 ${u} ${u})`,

package/dist/Accordion.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { D as d } from "./NMGNQVTG-DJrSmLLO.js";
-import { D as a } from "./T22PY7TE-CG3ZPQ0h.js";
-import { u as b } from "./T22PY7TE-CG3ZPQ0h.js";
+import { D as d } from "./NMGNQVTG-BgAqqGOq.js";
+import { D as a } from "./T22PY7TE-CzEDuEn1.js";
+import { u as b } from "./T22PY7TE-CzEDuEn1.js";
 import { forwardRef as u } from "react";
 import { Icon as _ } from "./Icon.js";
 import { Text as p } from "./Text.js";
-import { c as h } from "./index-CdiHdiVB.js";
+import { c as h } from "./index-PAaZGbyz.js";
 const f = "_root_1ugpw_2", g = "_icon_1ugpw_11", w = "_disclosure_1ugpw_23", v = {
   root: f,
   icon: g,

package/dist/Alert.css

@@ -1 +1 @@
-@layer components{._root_1kb4k_2{position:relative;display:flex;align-items:flex-start;width:100%;border-radius:var(--border-radius-md);border:var(--border-width-xs) solid;padding:var(--padding);max-width:var(--maxWidth, max-content);background-color:var(--backgroundColor, var(--color-background-neutral-inverse-fixed));border-color:var(--borderColor, var(--color-background-neutral-subtlest));color:var(--color, var(--color-background-neutral-secondary))}._size-sm_1kb4k_16{--padding: var(--border-radius-xl)}._size-md_1kb4k_19{--padding: var(--border-radius-2xl)}._variant-ai_1kb4k_22{--backgroundColor: var(--color-violet-10);--borderColor: var(--color-violet-10);--color: var(--color-violet-90)}._variant-beige_1kb4k_27{--backgroundColor: var(--color-background-warm-primary);--borderColor: var(--color-background-warm-primary);--color: var(--color-border-warm-stronger)}._variant-danger_1kb4k_32{--backgroundColor: var(--color-background-danger-minimal);--borderColor: var(--color-background-danger-minimal);--color: var(--color-icon-danger-primary)}._variant-info_1kb4k_37{--backgroundColor: var(--color-background-accent-blue-minimal);--borderColor: var(--color-background-accent-blue-minimal);--color: var(--color-icon-accent-blue-primary)}._variant-success_1kb4k_42{--backgroundColor: var(--color-green-10);--borderColor: var(--color-green-10);--color: var(--color-icon-accent-green-primary)}._variant-warning_1kb4k_47{--backgroundColor: var(--color-background-warning-minimal);--borderColor: var(--color-background-warning-minimal);--color: var(--color-icon-warning-primary)}._full-width_1kb4k_52{--maxWidth: 100%}._icon_1kb4k_55._size-sm_1kb4k_16 svg{margin-top:1px}._icon_1kb4k_55._size-sm_1kb4k_16 ._content_1kb4k_58{margin-left:var(--border-radius-lg)}._icon_1kb4k_55._size-md_1kb4k_19 svg{margin-top:-3px}._icon_1kb4k_55._size-md_1kb4k_19 ._content_1kb4k_58{margin-left:var(--border-radius-xl)}._content_1kb4k_58{display:flex;gap:var(--border-radius-lg);flex-direction:column;justify-content:space-between;align-items:flex-start;flex:1}._content-text_1kb4k_76{flex:1}._content-actions_1kb4k_79{display:flex;align-items:center;gap:var(--border-radius-md)}._variant-icon_1kb4k_84{align-self:start}._title_1kb4k_88{font-weight:var(--font-weight-medium);margin-bottom:var(--titleMarginBottom)}._title-size-sm_1kb4k_93{--titleMarginBottom: var(--border-radius-sm)}._title-size-md_1kb4k_96{--titleMarginBottom: var(--border-radius-md)}._title-close-button_1kb4k_99{margin-right:var(--border-radius-2xl)}._close-button_1kb4k_103{position:absolute;right:var(--border-radius-md);top:var(--border-radius-md)}}
+@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)}}

package/dist/Alert.js

@@ -1,101 +1,98 @@
 "use client";
-import { jsxs as p, jsx as i } from "react/jsx-runtime";
-import I, { forwardRef as l, Children as v, cloneElement as _ } from "react";
-import { Button as d } from "./Button.js";
-import { CloseButton as S } from "./CloseButton.js";
-import { Text as y } from "./Text.js";
-import { VariantIcon as T } from "./VariantIcon.js";
-import { c as V } from "./index-CdiHdiVB.js";
-const $ = "_root_1kb4k_2", E = "_icon_1kb4k_55", R = "_content_1kb4k_58", O = "_title_1kb4k_88", q = {
-  root: $,
-  "size-sm": "_size-sm_1kb4k_16",
-  "size-md": "_size-md_1kb4k_19",
-  "variant-ai": "_variant-ai_1kb4k_22",
-  "variant-beige": "_variant-beige_1kb4k_27",
-  "variant-danger": "_variant-danger_1kb4k_32",
-  "variant-info": "_variant-info_1kb4k_37",
-  "variant-success": "_variant-success_1kb4k_42",
-  "variant-warning": "_variant-warning_1kb4k_47",
-  "full-width": "_full-width_1kb4k_52",
-  icon: E,
-  content: R,
-  "content-text": "_content-text_1kb4k_76",
-  "content-actions": "_content-actions_1kb4k_79",
-  "variant-icon": "_variant-icon_1kb4k_84",
-  title: O,
-  "title-size-sm": "_title-size-sm_1kb4k_93",
-  "title-size-md": "_title-size-md_1kb4k_96",
-  "title-close-button": "_title-close-button_1kb4k_99",
-  "close-button": "_close-button_1kb4k_103"
-}, s = V(q), D = l(
-  ({ children: o, className: e, cta: n, handleClose: a, hideIcon: x, isFullWidth: A, size: r = "sm", variant: c, ...B }, z) => {
-    const h = c === "beige" ? void 0 : c, k = c === "ai", m = !x, j = v.toArray(o).map((t) => t.type === g ? _(t, { hasCloseButton: !!a, variant: r }) : t), u = (t) => {
-      var f;
-      if (t) {
-        if (t.type === w)
-          return _(t, {
-            size: r,
-            variant: k ? "primary-ai" : void 0
-          });
-        if (t.type === N)
-          return _(t, {
-            size: r,
-            variant: k ? "primary-ai" : void 0
-          });
-        if ((f = t.props) != null && f.children)
-          return _(t, {
-            ...t.props,
-            children: v.map(
-              t.props.children,
-              (C) => u(C)
-            )
-          });
-      }
-      return t;
-    }, b = I.isValidElement(n) ? u(n) : n;
-    return /* @__PURE__ */ p(
+import { jsx as i, jsxs as m } from "react/jsx-runtime";
+import l, { forwardRef as w, Children as p, cloneElement as u } from "react";
+import { CloseButton as E } from "./CloseButton.js";
+import { Icon as S } from "./Icon.js";
+import { Text as v } from "./Text.js";
+import { c as y } from "./index-PAaZGbyz.js";
+import { Button as b } from "./Button.js";
+const V = "_root_hm7mj_2", I = "_content_hm7mj_21", N = {
+  root: V,
+  "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",
+  content: I,
+  "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"
+}, x = w(
+  ({ variant: t = "primary", ...o }, n) => /* @__PURE__ */ i(b, { className: "shrink-0 w-fit", ref: n, variant: t, ...o })
+), A = w(
+  ({ variant: t = "secondary", ...o }, n) => /* @__PURE__ */ i(b, { className: "shrink-0 w-fit", ref: n, variant: t, ...o })
+), O = y(N), h = ({ children: t, hasCloseButton: o, ...n }) => /* @__PURE__ */ i(v, { as: "span", className: O(o && "title-close-button"), ...n, children: t }), a = y(N), R = {
+  ai: "sparkles",
+  brand: "lightbulb-alt",
+  danger: "exclamation-octagon",
+  info: "info-circle",
+  success: "check-circle",
+  warning: "exclamation-triangle"
+}, z = w(
+  ({ children: t, className: o, cta: n, handleClose: _, isFullWidth: B, size: c = "md", variant: s = "brand", ...$ }, k) => {
+    const C = s === "ai", f = p.toArray(t).some((r) => l.isValidElement(r) ? r.type === h : !1), j = /* @__PURE__ */ i("div", { className: a("icon-wrapper", `icon-wrapper-${s}`), children: /* @__PURE__ */ i(S, { name: R[s] }) }), T = p.toArray(t).map((r) => r.type === h ? /* @__PURE__ */ m("div", { className: a("title-with-icon"), children: [
+      j,
+      u(r, {
+        hasCloseButton: !!_,
+        variant: `body-${c}-strong`
+      })
+    ] }) : r), d = (r) => p.toArray(r).flatMap((e) => l.isValidElement(e) && e.type === l.Fragment ? d(e.props.children) : e.type === x ? u(e, {
+      size: c,
+      variant: C ? "primary-ai" : void 0
+    }) : e.type === A ? u(e, {
+      size: c
+    }) : e), g = !!n && d(n);
+    return /* @__PURE__ */ m(
       "div",
       {
-        className: s(
+        className: a(
           "root",
-          A && "full-width",
-          r && `size-${r}`,
-          c && `variant-${c}`,
-          m && "icon",
-          e
+          B && "full-width",
+          `size-${c}`,
+          s && `variant-${s}`,
+          o
         ),
-        ref: z,
-        ...B,
+        ref: k,
+        ...$,
         children: [
-          !!a && /* @__PURE__ */ i(S, { className: "close-button", onClick: a, size: "sm" }),
-          m ? /* @__PURE__ */ i(T, { className: s("variant-icon"), size: r, variant: h }) : null,
-          /* @__PURE__ */ p("div", { className: s("content"), children: [
-            /* @__PURE__ */ i(y, { as: "div", className: s("content-text"), children: j }),
-            !!b && /* @__PURE__ */ i("div", { className: s("content-actions"), children: b })
+          !!_ && /* @__PURE__ */ i(E, { className: a("close-button"), onClick: _ }),
+          /* @__PURE__ */ m("div", { className: a("content"), children: [
+            /* @__PURE__ */ m(
+              v,
+              {
+                as: "div",
+                className: a("content-text", !f && "without-title"),
+                variant: `body-${c}`,
+                children: [
+                  !f && j,
+                  T
+                ]
+              }
+            ),
+            !!g && /* @__PURE__ */ i("div", { className: a("content-actions"), children: g })
           ] })
         ]
       }
     );
   }
-), w = l(
-  ({ variant: o = "secondary", ...e }, n) => /* @__PURE__ */ i(d, { className: "shrink-0 w-fit", ref: n, ...e, variant: o })
-), N = l(
-  ({ variant: o = "tertiary", ...e }, n) => /* @__PURE__ */ i(d, { className: "shrink-0 w-fit", ref: n, ...e, variant: o })
-), g = ({ children: o, hasCloseButton: e, variant: n, ...a }) => /* @__PURE__ */ i(
-  y,
-  {
-    as: "span",
-    className: s("title", `title-size-${n}`, e && "title-close-button"),
-    variant: n,
-    ...a,
-    children: o
-  }
-), P = Object.assign(D, {
-  Button: w,
-  SecondaryButton: N,
-  Title: g
+), K = Object.assign(z, {
+  Button: x,
+  SecondaryButton: A,
+  Title: h
 });
 export {
-  P as Alert,
-  g as AlertTitle
+  K as Alert,
+  R as ICON
 };

package/dist/AspectRatio.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
-import { c } from "./index-CdiHdiVB.js";
+import { c } from "./index-PAaZGbyz.js";
 import { f as e } from "./forwardRefWithAs-8eP3ZN15.js";
 import "react";
 const _ = "_root_1clgx_2", l = {

package/dist/Avatar.js

@@ -3,7 +3,7 @@ import { jsxs as _, jsx as n } from "react/jsx-runtime";
 import { forwardRef as g } from "react";
 import { Icon as u } from "./Icon.js";
 import { Text as m } from "./Text.js";
-import { c as p } from "./index-CdiHdiVB.js";
+import { c as p } from "./index-PAaZGbyz.js";
 const b = "_root_2qaar_2", y = "_placeholder_2qaar_36", h = {
   root: b,
   "size-xs": "_size-xs_2qaar_24",

package/dist/{B7UTNDHN-DrVrdxiS.js → B7UTNDHN-BDa2-8JK.js}

@@ -1,6 +1,6 @@
 "use client";
 import { H as S, G as C, T as Q, I as L, s as X, g as Z, K as p } from "./OE2EFRVA-DkdhQLJL.js";
-import { t as ee, c as O, s as R, i as te, f as G, d as h, a as ne } from "./RTNCFSKZ-BspS8FyJ.js";
+import { t as ee, c as O, s as R, i as te, f as G, d as h, a as ne } from "./RTNCFSKZ-LcIdBwa8.js";
 function re(t) {
   const i = [];
   for (const e of t)

package/dist/Badge.js

@@ -2,7 +2,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as g } from "react";
 import { Text as d } from "./Text.js";
-import { c as b } from "./index-CdiHdiVB.js";
+import { c as b } from "./index-PAaZGbyz.js";
 const c = "_root_1pr8g_2", p = {
   root: c,
   "size-lg": "_size-lg_1pr8g_18",

package/dist/Breadcrumb.js

@@ -2,7 +2,7 @@
 import { jsxs as I, jsx as w } from "react/jsx-runtime";
 import { forwardRef as re, Children as be, cloneElement as ge, useRef as M, useState as X, useCallback as q, useMemo as me, useEffect as $ } from "react";
 import { Icon as ne } from "./Icon.js";
-import { c as ie } from "./index-CdiHdiVB.js";
+import { c as ie } from "./index-PAaZGbyz.js";
 import { t as ze } from "./throttle-BDBzFeFj.js";
 var g = [], xe = function() {
   return g.some(function(e) {

package/dist/Button.js

@@ -3,7 +3,7 @@ import { jsxs as o, jsx as r, Fragment as f } from "react/jsx-runtime";
 import { B as z } from "./XCKGTAUF-CahZE721.js";
 import { useButtonGroup as b } from "./ButtonGroup.js";
 import { Loader as h } from "./Loader.js";
-import { c as x } from "./index-CdiHdiVB.js";
+import { c as x } from "./index-PAaZGbyz.js";
 import { f as B } from "./forwardRefWithAs-8eP3ZN15.js";
 import "react";
 const N = "_root_9gw1k_12", $ = "_loader_9gw1k_243", j = {

package/dist/ButtonGroup.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
 import { createContext as f, useMemo as i, useContext as l } from "react";
-import { c as x } from "./index-CdiHdiVB.js";
+import { c as x } from "./index-PAaZGbyz.js";
 import { f as G } from "./forwardRefWithAs-8eP3ZN15.js";
 const d = "_root_kot0y_2", y = {
   root: d

package/dist/Card.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as c } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
-import { c as e } from "./index-CdiHdiVB.js";
+import { c as e } from "./index-PAaZGbyz.js";
 const a = "_root_zwvv3_2", m = "_body_zwvv3_13", d = {
   root: a,
   body: m

package/dist/Checkbox.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsxs as g, jsx as s } from "react/jsx-runtime";
-import { C as x } from "./KPUWHTQJ-NpgUp804.js";
+import { C as x } from "./KPUWHTQJ-Byij2al4.js";
 import { forwardRef as C, useState as m } from "react";
 import { useField as V } from "./Field.js";
 import { VisuallyHidden as w } from "./VisuallyHidden.js";
-import { c as F } from "./index-CdiHdiVB.js";
+import { c as F } from "./index-PAaZGbyz.js";
 import { Icon as u } from "./Icon.js";
 const I = "_root_luk8p_2", j = "_indeterminate_luk8p_67", y = {
   root: I,

package/dist/CloseButton.css

@@ -1 +1 @@
-@layer components{._root_atiow_2>svg:only-child{width:var(--components-dimensions-button-padding-inline-md);height:var(--components-dimensions-button-padding-inline-md)}._animate-presence_atiow_6{animation-duration:var(--duration-medium);animation-timing-function:var(--timing-primary);animation-name:_fade_atiow_1}@keyframes _fade_atiow_1{0%{opacity:0}to{opacity:1}}}
+@layer components{._root_1r27z_2>svg:only-child{width:var(--components-dimensions-button-size-icon-sm);height:var(--components-dimensions-button-size-icon-sm)}._animate-presence_1r27z_6{animation-duration:var(--duration-medium);animation-timing-function:var(--timing-primary);animation-name:_fade_1r27z_1}@keyframes _fade_1r27z_1{0%{opacity:0}to{opacity:1}}}

package/dist/CloseButton.js

@@ -1,24 +1,24 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
 import { Button as n } from "./Button.js";
-import { Icon as i } from "./Icon.js";
-import { c as m } from "./index-CdiHdiVB.js";
-const c = "_root_atiow_2", l = "_fade_atiow_1", f = {
-  root: c,
-  "animate-presence": "_animate-presence_atiow_6",
+import { Icon as m } from "./Icon.js";
+import { c } from "./index-PAaZGbyz.js";
+const i = "_root_1r27z_2", l = "_fade_1r27z_1", f = {
+  root: i,
+  "animate-presence": "_animate-presence_1r27z_6",
   fade: l
-}, p = m(f), B = s(
-  ({ animatePresence: e = !1, className: t, ...r }, a) => /* @__PURE__ */ o(
+}, p = c(f), B = a(
+  ({ animatePresence: o = !1, className: t, ...r }, s) => /* @__PURE__ */ e(
     n,
     {
       "aria-label": "Close",
-      className: p("root", e && "animate-presence", t),
-      ref: a,
+      className: p("root", o && "animate-presence", t),
+      ref: s,
       size: "md",
       variant: "tertiary",
       ...r,
-      children: /* @__PURE__ */ o(i, { name: "times", size: "lg" })
+      children: /* @__PURE__ */ e(m, { name: "times", size: "lg" })
     }
   )
 );

package/dist/{DSAASPLT-C65YRecr.js → DSAASPLT-C-2xDjIv.js}

@@ -1,5 +1,5 @@
 "use client";
-import { a as c } from "./T22PY7TE-CG3ZPQ0h.js";
+import { a as c } from "./T22PY7TE-CzEDuEn1.js";
 import { u as d } from "./XCKGTAUF-CahZE721.js";
 import { f as p, c as f, b as D, _ as x, u as g, d as k, a as v } from "./OE2EFRVA-DkdhQLJL.js";
 import { useMemo as h } from "react";

package/dist/DatePicker.js

@@ -5,8 +5,8 @@ import { D as P, C as Q } from "./CustomPopper-vwbOQq72.js";
 import { Button as M } from "./Button.js";
 import { Icon as w } from "./Icon.js";
 import { Select as K } from "./Select.js";
-import { c as v } from "./index-CdiHdiVB.js";
-import { g as V, a as W, s as B, b as X, D as k } from "./utils-DileZjMm.js";
+import { c as v } from "./index-PAaZGbyz.js";
+import { g as V, a as W, s as B, b as X, D as k } from "./utils-BD597oo6.js";
 import { InputText as Z } from "./InputText.js";
 const Y = v(B), g = ({
   changeMonth: x,

package/dist/DateTimePicker.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as A } from "react/jsx-runtime";
 import { forwardRef as E, useState as x, useRef as P, useEffect as o, Children as H, cloneElement as I } from "react";
-import { b as N, D as b, s as j } from "./utils-DileZjMm.js";
-import { c as F } from "./index-CdiHdiVB.js";
+import { b as N, D as b, s as j } from "./utils-BD597oo6.js";
+import { c as F } from "./index-PAaZGbyz.js";
 const L = F(j), q = E(
   ({
     children: a,

package/dist/Drawer.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsx as e, jsxs as h, Fragment as C } from "react/jsx-runtime";
-import { D as O } from "./NI3IVY7K-DqCXZqiy.js";
-import { u as ue } from "./NI3IVY7K-DqCXZqiy.js";
-import { useCallback as g, forwardRef as f } from "react";
-import { c as n } from "./index-CdiHdiVB.js";
+import { D as O } from "./NI3IVY7K-DpF3td-7.js";
+import { u as ue } from "./NI3IVY7K-DpF3td-7.js";
+import { useCallback as g, forwardRef as k } from "react";
+import { c as n } from "./index-PAaZGbyz.js";
 import { f as w } from "./forwardRefWithAs-8eP3ZN15.js";
 import { Button as T } from "./Button.js";
 import { Icon as b } from "./Icon.js";
 import { Text as x } from "./Text.js";
-import { D as j } from "./DSAASPLT-C65YRecr.js";
+import { D as j } from "./DSAASPLT-C-2xDjIv.js";
 import { CloseButton as A } from "./CloseButton.js";
-import { D as F } from "./ZTXFEM5L-CgOPe8o9.js";
+import { D as F } from "./ZTXFEM5L-CjFLRObi.js";
 const I = "_content_1mhgf_13", W = "_title_1mhgf_67", u = {
   "asset-drawer": "_asset-drawer_1mhgf_3",
   "content-wrapper": "_content-wrapper_1mhgf_13",
@@ -36,7 +36,7 @@ const I = "_content_1mhgf_13", W = "_title_1mhgf_67", u = {
         r ? r() : document.querySelectorAll("[data-wui-persistent]")
       ),
       [r]
-    ), k = g(
+    ), p = g(
       (D) => {
         const z = D.target;
         return !l().some(
@@ -44,14 +44,14 @@ const I = "_content_1mhgf_13", W = "_title_1mhgf_67", u = {
         );
       },
       [l]
-    ), p = typeof o == "number" ? `${o}px` : o;
+    ), f = typeof o == "number" ? `${o}px` : o;
     return /* @__PURE__ */ e(
       te,
       {
         autoFocusOnShow: !1,
         className: d("asset-drawer", s),
         getPersistentElements: l,
-        hideOnInteractOutside: k,
+        hideOnInteractOutside: p,
         placement: "bottom",
         ref: m,
         store: c,
@@ -61,7 +61,7 @@ const I = "_content_1mhgf_13", W = "_title_1mhgf_67", u = {
           "div",
           {
             className: d("content-max-width"),
-            style: { "--assetDrawerContentMaxWidth": p },
+            style: { "--assetDrawerContentMaxWidth": f },
             children: /* @__PURE__ */ e("div", { className: d("content"), children: t })
           }
         ) })
@@ -100,20 +100,23 @@ const I = "_content_1mhgf_13", W = "_title_1mhgf_67", u = {
   footer: H,
   title: J,
   "drawer-close": "_drawer-close_iksk1_120"
-}, K = n(a), N = ({ hideOnInteractOutside: t = !0, ...s }) => /* @__PURE__ */ e(
-  "div",
-  {
-    className: K("backdrop", t && "drawer-hide-on-interact-outside"),
-    ...s
-  }
+}, K = n(a), N = k(
+  ({ hideOnInteractOutside: t = !0, ...s }, r) => /* @__PURE__ */ e(
+    "div",
+    {
+      className: K("backdrop", t && "drawer-hide-on-interact-outside"),
+      ref: r,
+      ...s
+    }
+  )
 ), L = n(a), v = ({ className: t }) => /* @__PURE__ */ e(
   j,
   {
     render: (s) => /* @__PURE__ */ e(A, { className: L("drawer-close", t), ...s })
   }
-), Q = n(a), U = f(({ className: t, ...s }, r) => /* @__PURE__ */ e("div", { className: Q("content", t), ref: r, ...s })), V = n(a), X = f(({ className: t, ...s }, r) => /* @__PURE__ */ e("div", { className: V("footer", t), ref: r, ...s })), Y = n(a), Z = ({ children: t, className: s, ...r }) => /* @__PURE__ */ e("div", { className: Y("title", s), ...r, children: /* @__PURE__ */ e(x, { as: "h3", className: "w-full", variant: "heading-lg", children: t }) }), $ = w(
+), Q = n(a), U = k(({ className: t, ...s }, r) => /* @__PURE__ */ e("div", { className: Q("content", t), ref: r, ...s })), V = n(a), X = k(({ className: t, ...s }, r) => /* @__PURE__ */ e("div", { className: V("footer", t), ref: r, ...s })), Y = n(a), Z = ({ children: t, className: s, ...r }) => /* @__PURE__ */ e("div", { className: Y("title", s), ...r, children: /* @__PURE__ */ e(x, { as: "h3", className: "w-full", variant: "heading-lg", children: t }) }), $ = w(
   ({ as: t, store: s, ...r }, o) => /* @__PURE__ */ e(F, { ref: o, render: t ? /* @__PURE__ */ e(t, {}) : void 0, store: s, ...r })
-), G = n(a), ee = f(
+), G = n(a), ee = k(
   ({
     children: t,
     className: s,
@@ -123,17 +126,17 @@ const I = "_content_1mhgf_13", W = "_title_1mhgf_67", u = {
     store: i,
     withBackdrop: m = !1,
     withCloseButton: l = !0,
-    ...k
-  }, p) => /* @__PURE__ */ e(
+    ...p
+  }, f) => /* @__PURE__ */ e(
     O,
     {
       backdrop: m ? /* @__PURE__ */ e(N, { hideOnInteractOutside: r }) : !1,
       hideOnInteractOutside: r,
       modal: m,
-      ref: p,
+      ref: f,
       render: /* @__PURE__ */ e("div", { className: G("root", `placement-${o}`, `size-${c}`, s) }),
       store: i,
-      ...k,
+      ...p,
       children: /* @__PURE__ */ h(C, { children: [
         l ? /* @__PURE__ */ e(v, {}) : null,
         t

package/dist/DropdownMenu.js

@@ -1,17 +1,17 @@
 "use client";
 import { jsx as C, jsxs as Le } from "react/jsx-runtime";
-import { u as D, m as Ve, o as Re, p as $e, t as Ke, c as Be, s as me, a as ve, b as ze, d as We } from "./RTNCFSKZ-BspS8FyJ.js";
-import { H as je, a as Ue, u as qe, b as Ge, c as Ze, d as Je } from "./GVVKDT6A-NJOQQOYu.js";
-import { u as ue, C as ge, a as we, f as Qe, b as Xe } from "./SBSPVDDI-96-TLBrF.js";
+import { u as D, m as Ve, o as Re, p as $e, t as Ke, c as Be, s as me, a as ve, b as ze, d as We } from "./RTNCFSKZ-LcIdBwa8.js";
+import { H as je, a as Ue, u as qe, b as Ge, c as Ze, d as Je } from "./GVVKDT6A-C66-lr0B.js";
+import { u as ue, C as ge, a as we, f as Qe, b as Xe } from "./SBSPVDDI-BoxPz2JY.js";
 import { c as N, _ as P, a as b, f as k, b as F, i as B, d as y, e as Me, u as $, g as Se, s as Ye, r as xe, h as et, j as tt, n as rt, k as nt, l as se, m as U, o as ot, p as ee, q as st, t as at, v as Ce, w as _e, x as ye, y as ut, z as it, A as lt, B as Ee, C as ct, D as dt, E as ft, F as pt, G, H as j, I as R, J as mt, K as vt } from "./OE2EFRVA-DkdhQLJL.js";
 import { createContext as Pe, useRef as ie, useCallback as bt, useState as Oe, useEffect as Ae, createRef as ht, useMemo as gt, forwardRef as le } from "react";
-import { i as wt } from "./T22PY7TE-CG3ZPQ0h.js";
-import { u as Mt, a as St } from "./OLVWQA7U-DujoXmxA.js";
-import { c as xt, R as Ct } from "./NI3IVY7K-DqCXZqiy.js";
-import { c as te } from "./index-CdiHdiVB.js";
-import { u as _t, a as yt } from "./4I4MLMKD-ClGFnV27.js";
+import { i as wt } from "./T22PY7TE-CzEDuEn1.js";
+import { u as Mt, a as St } from "./OLVWQA7U-wHytlFYu.js";
+import { c as xt, R as Ct } from "./NI3IVY7K-DpF3td-7.js";
+import { c as te } from "./index-PAaZGbyz.js";
+import { u as _t, a as yt } from "./4I4MLMKD-z3Xm3qCo.js";
 import { f as Te } from "./forwardRefWithAs-8eP3ZN15.js";
-import { c as Et, u as Pt } from "./B7UTNDHN-DrVrdxiS.js";
+import { c as Et, u as Pt } from "./B7UTNDHN-BDa2-8JK.js";
 var Ot = "hr", He = N(
   function(t) {
     var r = t, { orientation: e = "horizontal" } = r, o = P(r, ["orientation"]);

package/dist/Field.js

@@ -3,7 +3,7 @@ import { jsx as r, jsxs as C } from "react/jsx-runtime";
 import { createContext as L, useMemo as q, useId as A, useContext as M } from "react";
 import { Hint as R } from "./Hint.js";
 import { Label as S } from "./Label.js";
-import { c as T } from "./index-CdiHdiVB.js";
+import { c as T } from "./index-PAaZGbyz.js";
 import { f as W } from "./forwardRefWithAs-8eP3ZN15.js";
 const k = "_root_6ifwm_2", z = "_label_6ifwm_7", E = "_hint_6ifwm_7", G = "_inline_6ifwm_13", J = "_input_6ifwm_35", K = "_visuallyHidden_6ifwm_44", O = {
   root: k,

package/dist/FieldGroup.js

@@ -2,7 +2,7 @@
 import { jsxs as d, jsx as m } from "react/jsx-runtime";
 import { forwardRef as c } from "react";
 import { Label as n } from "./Label.js";
-import { c as f } from "./index-CdiHdiVB.js";
+import { c as f } from "./index-PAaZGbyz.js";
 const p = "_root_gw0mz_2", u = {
   root: p,
   "visually-hidden": "_visually-hidden_gw0mz_13"

package/dist/FileDrop.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsxs as V, Fragment as vi, jsx as f } from "react/jsx-runtime";
 import Ii, { useMemo as Y, useRef as fa, useReducer as Ri, useEffect as ta, useCallback as j, forwardRef as fi, useImperativeHandle as Si, Fragment as qi, useState as Xa } from "react";
-import { _ as N, P as s } from "./tslib.es6-DpB4Y59c.js";
-import { g as Ti, c as Da } from "./index-CdiHdiVB.js";
+import { _ as N, P as s } from "./tslib.es6-C80jYMbM.js";
+import { g as Ti, c as Da } from "./index-PAaZGbyz.js";
 import { Button as ha } from "./Button.js";
 import { Icon as G } from "./Icon.js";
 import { c as Qa } from "./create-event-rXDe5aCQ.js";

package/dist/FileUpload.js

@@ -5,7 +5,7 @@ import { Button as M } from "./Button.js";
 import { g as Y, b as q, a as G } from "./index-DmEMuVTM.js";
 import { Icon as J } from "./Icon.js";
 import { Tag as Q } from "./Tag.js";
-import { c as V } from "./index-CdiHdiVB.js";
+import { c as V } from "./index-PAaZGbyz.js";
 import { c as k } from "./create-event-rXDe5aCQ.js";
 const W = "_input_2g24s_2", X = {
   input: W,