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

package/dist/Drawer.css

@@ -1 +1 @@
-@layer components{._asset-drawer_2lawg_3{overflow:hidden;border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}._asset-drawer_2lawg_3[class*=root]{height:calc(100% - 3rem)}._content-wrapper_2lawg_13{height:100%;margin-top:var(--spacing-xl);overflow-y:auto;width:100%}@media screen and (min-width: 736px){._content-wrapper_2lawg_13{margin-top:var(--spacing-3xl)}}._content-max-width_2lawg_24{flex:1;margin:0 auto;width:100%;max-width:var(--asset-drawer-content-max-width, 51.25rem)}._content_2lawg_13{--asset-drawer-content-padding: 0 var(--spacing-md) var(--spacing-xl);padding:var(--asset-drawer-content-padding)}@media screen and (min-width: 736px){._content_2lawg_13{--asset-drawer-content-padding: 0 var(--spacing-xl) var(--spacing-3xl)}}._asset-drawer-header_2lawg_39{display:flex;flex-direction:column;gap:var(--spacing-xl);justify-content:space-between;background-color:var(--color-neutral-10);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);position:sticky;top:0;z-index:1}@media screen and (min-width: 736px){._asset-drawer-header_2lawg_39{align-items:center;flex-direction:row}}._back-button_2lawg_57{align-items:center;display:flex;gap:var(--spacing-md)}@media screen and (min-width: 736px){._back-button_2lawg_57{gap:var(--spacing-xl)}}._title_2lawg_67{display:flex;flex-direction:column;gap:var(--spacing-xxs)}._icon-block_2lawg_72{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-md);background-color:var(--color-beige-20);transition:background-color var(--duration-medium);--icon-block-size: var(--spacing-3xl);width:var(--icon-block-size);height:var(--icon-block-size)}._icon-block_2lawg_72._size-md_2lawg_84{--icon-block-size: var(--spacing-3xl)}._icon-block_2lawg_72._size-sm_2lawg_87{--icon-block-size: var(--spacing-xxl)}}@layer components{._root_11f0r_3{background-color:var(--color-neutral-10);border:var(--border-width-sm) solid var(--color-neutral-30);z-index:999;position:fixed;display:flex;flex-direction:column;overflow:auto;opacity:0;transition:var(--duration-medium);max-width:100%;--drawer-left: 0;--drawer-right: 0;--drawer-top: 0;--drawer-bottom: 0;--drawer-height: 100%;--drawer-width: 100%;--drawer-transform: translateY(0, 0);left:var(--drawer-left);right:var(--drawer-right);top:var(--drawer-top);bottom:var(--drawer-bottom);width:var(--drawer-width);height:var(--drawer-height);transform:var(--drawer-transform)}._root_11f0r_3._placement-bottom_11f0r_30{--drawer-top: auto;--drawer-transform: translateY(100%)}._root_11f0r_3._placement-left_11f0r_34{--drawer-right: auto;--drawer-transform: translateX(-100%)}._root_11f0r_3._placement-right_11f0r_38{--drawer-left: auto;--drawer-transform: translateX(100%)}._root_11f0r_3._placement-top_11f0r_42{--drawer-bottom: auto;--drawer-transform: translateY(-100%)}._root_11f0r_3._placement-top_11f0r_42._size-sm_11f0r_46,._root_11f0r_3._placement-bottom_11f0r_30._size-sm_11f0r_46{--drawer-height: 25rem}._root_11f0r_3._placement-top_11f0r_42._size-md_11f0r_49,._root_11f0r_3._placement-bottom_11f0r_30._size-md_11f0r_49{--drawer-height: 34.375rem}._root_11f0r_3._placement-top_11f0r_42._size-lg_11f0r_52,._root_11f0r_3._placement-bottom_11f0r_30._size-lg_11f0r_52{--drawer-height: 42.5rem}._root_11f0r_3._placement-left_11f0r_34._size-sm_11f0r_46,._root_11f0r_3._placement-right_11f0r_38._size-sm_11f0r_46{--drawer-width: 25rem}._root_11f0r_3._placement-left_11f0r_34._size-md_11f0r_49,._root_11f0r_3._placement-right_11f0r_38._size-md_11f0r_49{--drawer-width: 34.375rem}._root_11f0r_3._placement-left_11f0r_34._size-lg_11f0r_52,._root_11f0r_3._placement-right_11f0r_38._size-lg_11f0r_52{--drawer-width: 42.5rem}._root_11f0r_3[data-enter]{opacity:1;--drawer-transform: translateX(0, 0)}._backdrop_11f0r_68{background-color:var(--color-overlay);z-index:999;position:fixed;top:0;right:0;left:0;bottom:0;opacity:0;transition:opacity .15s ease-in-out}._backdrop_11f0r_68._drawer-hide-on-interact-outside_11f0r_79{cursor:pointer}._backdrop_11f0r_68[data-enter]{opacity:1}._content_11f0r_85{flex:1;padding:var(--spacing-xl)}@media screen and (min-width: 736px){._content_11f0r_85{overflow-y:auto}}._footer_11f0r_94{bottom:0;position:sticky;z-index:1;width:100%;background-color:var(--color-neutral-0);padding:var(--spacing-xl)}@media screen and (min-width: 736px){._footer_11f0r_94{bottom:auto;position:static}}._title_11f0r_108{display:flex;align-items:center;justify-content:space-between;position:sticky;z-index:1;top:0;width:100%;background-color:var(--color-neutral-10);margin:0;padding:var(--spacing-xl) var(--spacing-5xl) var(--spacing-xl) var(--spacing-xl)}._drawer-close_11f0r_120{position:absolute;right:var(--spacing-lg);top:var(--spacing-lg);z-index:10}}
+@layer components{._asset-drawer_1mhgf_3{overflow:hidden;border-top-left-radius:var(--border-radius-2xl);border-top-right-radius:var(--border-radius-2xl)}._asset-drawer_1mhgf_3[class*=root]{height:calc(100% - 3rem)}._content-wrapper_1mhgf_13{height:100%;margin-top:var(--border-radius-2xl);overflow-y:auto;width:100%}@media screen and (min-width: 736px){._content-wrapper_1mhgf_13{margin-top:var(--size-icon-2xl)}}._content-max-width_1mhgf_24{flex:1;margin:0 auto;width:100%;max-width:var(--assetDrawerContentMaxWidth, 51.25rem)}._content_1mhgf_13{--assetDrawerContentPadding: 0 var(--border-radius-lg) var(--border-radius-2xl);padding:var(--assetDrawerContentPadding)}@media screen and (min-width: 736px){._content_1mhgf_13{--assetDrawerContentPadding: 0 var(--border-radius-2xl) var(--size-icon-2xl)}}._asset-drawer-header_1mhgf_39{display:flex;flex-direction:column;gap:var(--border-radius-2xl);justify-content:space-between;background-color:var(--color-background-neutral-inverse-fixed);margin-bottom:var(--border-radius-2xl);padding-bottom:var(--border-radius-lg);position:sticky;top:0;z-index:1}@media screen and (min-width: 736px){._asset-drawer-header_1mhgf_39{align-items:center;flex-direction:row}}._back-button_1mhgf_57{align-items:center;display:flex;gap:var(--border-radius-lg)}@media screen and (min-width: 736px){._back-button_1mhgf_57{gap:var(--border-radius-2xl)}}._title_1mhgf_67{display:flex;flex-direction:column;gap:var(--border-radius-xs)}._icon-block_1mhgf_72{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--border-radius-sm);background-color:var(--color-background-warm-primary);transition:background-color var(--duration-medium);--iconBlockSize: var(--size-icon-2xl);width:var(--iconBlockSize);height:var(--iconBlockSize)}._icon-block_1mhgf_72._size-md_1mhgf_84{--iconBlockSize: var(--size-icon-2xl)}._icon-block_1mhgf_72._size-sm_1mhgf_87{--iconBlockSize: var(--size-icon-xl)}}@layer components{._root_iksk1_3{background-color:var(--color-background-neutral-inverse-fixed);border:var(--border-width-xs) solid var(--color-background-neutral-subtlest);z-index:999;position:fixed;display:flex;flex-direction:column;overflow:auto;opacity:0;transition:var(--duration-medium);max-width:100%;--drawerLeft: 0;--drawerRight: 0;--drawerTop: 0;--drawerBottom: 0;--drawerHeight: 100%;--drawerWidth: 100%;--drawerTransform: translateY(0, 0);left:var(--drawerLeft);right:var(--drawerRight);top:var(--drawerTop);bottom:var(--drawerBottom);width:var(--drawerWidth);height:var(--drawerHeight);transform:var(--drawerTransform)}._root_iksk1_3._placement-bottom_iksk1_30{--drawerTop: auto;--drawerTransform: translateY(100%)}._root_iksk1_3._placement-left_iksk1_34{--drawerRight: auto;--drawerTransform: translateX(-100%)}._root_iksk1_3._placement-right_iksk1_38{--drawerLeft: auto;--drawerTransform: translateX(100%)}._root_iksk1_3._placement-top_iksk1_42{--drawerBottom: auto;--drawerTransform: translateY(-100%)}._root_iksk1_3._placement-top_iksk1_42._size-sm_iksk1_46,._root_iksk1_3._placement-bottom_iksk1_30._size-sm_iksk1_46{--drawerHeight: 25rem}._root_iksk1_3._placement-top_iksk1_42._size-md_iksk1_49,._root_iksk1_3._placement-bottom_iksk1_30._size-md_iksk1_49{--drawerHeight: 34.375rem}._root_iksk1_3._placement-top_iksk1_42._size-lg_iksk1_52,._root_iksk1_3._placement-bottom_iksk1_30._size-lg_iksk1_52{--drawerHeight: 42.5rem}._root_iksk1_3._placement-left_iksk1_34._size-sm_iksk1_46,._root_iksk1_3._placement-right_iksk1_38._size-sm_iksk1_46{--drawerWidth: 25rem}._root_iksk1_3._placement-left_iksk1_34._size-md_iksk1_49,._root_iksk1_3._placement-right_iksk1_38._size-md_iksk1_49{--drawerWidth: 34.375rem}._root_iksk1_3._placement-left_iksk1_34._size-lg_iksk1_52,._root_iksk1_3._placement-right_iksk1_38._size-lg_iksk1_52{--drawerWidth: 42.5rem}._root_iksk1_3[data-enter]{opacity:1;--drawerTransform: translateX(0, 0)}._backdrop_iksk1_68{background-color:var(--color-overlay-strong);z-index:999;position:fixed;top:0;right:0;left:0;bottom:0;opacity:0;transition:opacity .15s ease-in-out}._backdrop_iksk1_68._drawer-hide-on-interact-outside_iksk1_79{cursor:pointer}._backdrop_iksk1_68[data-enter]{opacity:1}._content_iksk1_85{flex:1;padding:var(--border-radius-2xl)}@media screen and (min-width: 736px){._content_iksk1_85{overflow-y:auto}}._footer_iksk1_94{bottom:0;position:sticky;z-index:1;width:100%;background-color:var(--color-background-warm-strong);padding:var(--border-radius-2xl)}@media screen and (min-width: 736px){._footer_iksk1_94{bottom:auto;position:static}}._title_iksk1_108{display:flex;align-items:center;justify-content:space-between;position:sticky;z-index:1;top:0;width:100%;background-color:var(--color-background-neutral-inverse-fixed);margin:0;padding:var(--border-radius-2xl) var(--spacing-96) var(--border-radius-2xl) var(--border-radius-2xl)}._drawer-close_iksk1_120{position:absolute;right:var(--border-radius-xl);top:var(--border-radius-xl);z-index:10}}

package/dist/Drawer.js

@@ -1,58 +1,57 @@
 "use client";
-import { jsx as e, jsxs as f, Fragment as y } from "react/jsx-runtime";
-import { D as A } from "./NI3IVY7K-DxnarnKs.js";
-import { u as ge } from "./NI3IVY7K-DxnarnKs.js";
-import { useCallback as g, forwardRef as p } from "react";
-import { c as n } from "./index-PAaZGbyz.js";
-import { f as b } from "./forwardRefWithAs-8eP3ZN15.js";
-import { Button as C } from "./Button.js";
-import "./Icon-BisRi8B3.js";
-import { A as O } from "./index-C8GsqBDe.js";
+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 { 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 T } from "./DSAASPLT-COUlh0RL.js";
-import { CloseButton as j } from "./CloseButton.js";
-import { D as F } from "./ZTXFEM5L-BEA_1pIo.js";
-const I = "_content_2lawg_13", B = "_title_2lawg_67", h = {
-  "asset-drawer": "_asset-drawer_2lawg_3",
-  "content-wrapper": "_content-wrapper_2lawg_13",
-  "content-max-width": "_content-max-width_2lawg_24",
+import { D as j } from "./DSAASPLT-C65YRecr.js";
+import { CloseButton as A } from "./CloseButton.js";
+import { D as F } from "./ZTXFEM5L-CgOPe8o9.js";
+const I = "_content_1mhgf_13", W = "_title_1mhgf_67", u = {
+  "asset-drawer": "_asset-drawer_1mhgf_3",
+  "content-wrapper": "_content-wrapper_1mhgf_13",
+  "content-max-width": "_content-max-width_1mhgf_24",
   content: I,
-  "asset-drawer-header": "_asset-drawer-header_2lawg_39",
-  "back-button": "_back-button_2lawg_57",
-  title: B,
-  "icon-block": "_icon-block_2lawg_72",
-  "size-md": "_size-md_2lawg_84",
-  "size-sm": "_size-sm_2lawg_87"
-}, d = n(h), E = b(
+  "asset-drawer-header": "_asset-drawer-header_1mhgf_39",
+  "back-button": "_back-button_1mhgf_57",
+  title: W,
+  "icon-block": "_icon-block_1mhgf_72",
+  "size-md": "_size-md_1mhgf_84",
+  "size-sm": "_size-sm_1mhgf_87"
+}, d = n(u), B = w(
   ({
     children: t,
-    className: r,
-    getPersistentElements: s,
+    className: s,
+    getPersistentElements: r,
     maxWidth: o,
     store: c,
     ...i
   }, m) => {
     const l = g(
       () => Array.from(
-        s ? s() : document.querySelectorAll("[data-wui-persistent]")
+        r ? r() : document.querySelectorAll("[data-wui-persistent]")
       ),
-      [s]
-    ), w = g(
-      (k) => {
-        const D = k.target;
+      [r]
+    ), k = g(
+      (D) => {
+        const z = D.target;
         return !l().some(
-          (z) => z.contains(D)
+          (y) => y.contains(z)
         );
       },
       [l]
-    ), u = typeof o == "number" ? `${o}px` : o;
+    ), p = typeof o == "number" ? `${o}px` : o;
     return /* @__PURE__ */ e(
       te,
       {
         autoFocusOnShow: !1,
-        className: d("asset-drawer", r),
+        className: d("asset-drawer", s),
         getPersistentElements: l,
-        hideOnInteractOutside: w,
+        hideOnInteractOutside: k,
         placement: "bottom",
         ref: m,
         store: c,
@@ -62,83 +61,80 @@ const I = "_content_2lawg_13", B = "_title_2lawg_67", h = {
           "div",
           {
             className: d("content-max-width"),
-            style: { "--asset-drawer-content-max-width": u },
+            style: { "--assetDrawerContentMaxWidth": p },
             children: /* @__PURE__ */ e("div", { className: d("content"), children: t })
           }
         ) })
       }
     );
   }
-), P = n(h), R = ({ icon: t, size: r = "md" }) => /* @__PURE__ */ e("div", { className: P("icon-block", `size-${r}`), children: /* @__PURE__ */ e(t, { className: "text-neutral-90", size: r }) }), _ = n(h), S = ({
+), E = n(u), M = ({ iconName: t, size: s = "md" }) => /* @__PURE__ */ e("div", { className: E("icon-block", `size-${s}`), children: /* @__PURE__ */ e(b, { className: "text-neutral-90", name: t, size: s }) }), _ = n(u), P = ({
   action: t,
-  className: r,
-  icon: s,
+  className: s,
+  iconName: r,
   onBackButtonClick: o,
   subtitle: c,
   title: i
-}) => /* @__PURE__ */ f("div", { className: _("asset-drawer-header", r), children: [
-  /* @__PURE__ */ f("div", { className: _("back-button"), children: [
-    !!o && /* @__PURE__ */ e(C, { onClick: o, shape: "circle", size: "lg", variant: "ghost", children: /* @__PURE__ */ e(O, {}) }),
-    !!s && /* @__PURE__ */ e(R, { icon: s }),
-    /* @__PURE__ */ f("div", { className: _("title"), children: [
-      /* @__PURE__ */ e(x, { className: "pr-xl", variant: "h3", children: i }),
+}) => /* @__PURE__ */ h("div", { className: _("asset-drawer-header", s), children: [
+  /* @__PURE__ */ h("div", { className: _("back-button"), children: [
+    !!o && /* @__PURE__ */ e(T, { onClick: o, variant: "tertiary", children: /* @__PURE__ */ e(b, { name: "arrow-left" }) }),
+    !!r && /* @__PURE__ */ e(M, { iconName: r }),
+    /* @__PURE__ */ h("div", { className: _("title"), children: [
+      /* @__PURE__ */ e(x, { as: "h3", className: "pr-xl", variant: "heading-lg", children: i }),
       c
     ] })
   ] }),
   t ? /* @__PURE__ */ e("div", { className: _("actions"), children: t }) : null
-] }), W = "_root_11f0r_3", q = "_backdrop_11f0r_68", H = "_content_11f0r_85", L = "_footer_11f0r_94", M = "_title_11f0r_108", a = {
-  root: W,
-  "placement-bottom": "_placement-bottom_11f0r_30",
-  "placement-left": "_placement-left_11f0r_34",
-  "placement-right": "_placement-right_11f0r_38",
-  "placement-top": "_placement-top_11f0r_42",
-  "size-sm": "_size-sm_11f0r_46",
-  "size-md": "_size-md_11f0r_49",
-  "size-lg": "_size-lg_11f0r_52",
-  backdrop: q,
-  "drawer-hide-on-interact-outside": "_drawer-hide-on-interact-outside_11f0r_79",
-  content: H,
-  footer: L,
-  title: M,
-  "drawer-close": "_drawer-close_11f0r_120"
-}, J = n(a), N = p(
-  ({ hideOnInteractOutside: t = !0, ...r }, s) => /* @__PURE__ */ e(
-    "div",
-    {
-      className: J("backdrop", t && "drawer-hide-on-interact-outside"),
-      ref: s,
-      ...r
-    }
-  )
-), K = n(a), v = ({ className: t }) => /* @__PURE__ */ e(
-  T,
+] }), R = "_root_iksk1_3", S = "_backdrop_iksk1_68", q = "_content_iksk1_85", H = "_footer_iksk1_94", J = "_title_iksk1_108", a = {
+  root: R,
+  "placement-bottom": "_placement-bottom_iksk1_30",
+  "placement-left": "_placement-left_iksk1_34",
+  "placement-right": "_placement-right_iksk1_38",
+  "placement-top": "_placement-top_iksk1_42",
+  "size-sm": "_size-sm_iksk1_46",
+  "size-md": "_size-md_iksk1_49",
+  "size-lg": "_size-lg_iksk1_52",
+  backdrop: S,
+  "drawer-hide-on-interact-outside": "_drawer-hide-on-interact-outside_iksk1_79",
+  content: q,
+  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
+  }
+), L = n(a), v = ({ className: t }) => /* @__PURE__ */ e(
+  j,
   {
-    render: (r) => /* @__PURE__ */ e(j, { className: K("drawer-close", t), ...r })
+    render: (s) => /* @__PURE__ */ e(A, { className: L("drawer-close", t), ...s })
   }
-), Q = n(a), U = p(({ className: t, ...r }, s) => /* @__PURE__ */ e("div", { className: Q("content", t), ref: s, ...r })), V = n(a), X = p(({ className: t, ...r }, s) => /* @__PURE__ */ e("div", { className: V("footer", t), ref: s, ...r })), Y = n(a), Z = ({ children: t, className: r, ...s }) => /* @__PURE__ */ e("div", { className: Y("title", r), ...s, children: /* @__PURE__ */ e(x, { className: "w-full", variant: "h3", children: t }) }), $ = b(
-  ({ as: t, store: r, ...s }, o) => /* @__PURE__ */ e(F, { ref: o, render: t ? /* @__PURE__ */ e(t, {}) : void 0, store: r, ...s })
-), G = n(a), ee = p(
+), 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(
+  ({ 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(
   ({
     children: t,
-    className: r,
-    hideOnInteractOutside: s = !0,
+    className: s,
+    hideOnInteractOutside: r = !0,
     placement: o = "right",
     size: c = "lg",
     store: i,
     withBackdrop: m = !1,
     withCloseButton: l = !0,
-    ...w
-  }, u) => /* @__PURE__ */ e(
-    A,
+    ...k
+  }, p) => /* @__PURE__ */ e(
+    O,
     {
-      backdrop: m ? /* @__PURE__ */ e(N, { hideOnInteractOutside: s }) : !1,
-      hideOnInteractOutside: s,
+      backdrop: m ? /* @__PURE__ */ e(N, { hideOnInteractOutside: r }) : !1,
+      hideOnInteractOutside: r,
       modal: m,
-      ref: u,
-      render: /* @__PURE__ */ e("div", { className: G("root", `placement-${o}`, `size-${c}`, r) }),
+      ref: p,
+      render: /* @__PURE__ */ e("div", { className: G("root", `placement-${o}`, `size-${c}`, s) }),
       store: i,
-      ...w,
-      children: /* @__PURE__ */ f(y, { children: [
+      ...k,
+      children: /* @__PURE__ */ h(C, { children: [
         l ? /* @__PURE__ */ e(v, {}) : null,
         t
       ] })
@@ -151,9 +147,9 @@ const I = "_content_2lawg_13", B = "_title_2lawg_67", h = {
   Footer: X,
   Title: Z,
   Trigger: $
-}), we = Object.assign(E, { Header: S, Trigger: $ });
+}), ke = Object.assign(B, { Header: P, Trigger: $ });
 export {
-  we as AssetDrawer,
+  ke as AssetDrawer,
   te as Drawer,
-  ge as useDrawer
+  ue as useDrawer
 };

package/dist/DropdownMenu.css

@@ -1 +1 @@
-@layer components{._inner_1nesm_2{background-color:var(--color-neutral-10);border-color:var(--color-neutral-30);border-style:solid;border-width:var(--border-width-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);min-width:8.125rem;z-index:1;opacity:0;transition:opacity var(--duration-fast) ease-in-out}._inner_1nesm_2[data-enter]{opacity:1}._arrow_1nesm_17{display:flex;z-index:2;color:var(--color-neutral-70);stroke-width:0!important}._arrow_1nesm_17 #_stroke_1nesm_1{color:var(--color-neutral-70)}._arrow-item_1nesm_26{height:var(--height-30);width:var(--height-30);transform:var(--dropdown-menu-transform)}._arrow-placement-bottom_1nesm_31{--dropdown-menu-transform: rotateZ(360deg)}._arrow-placement-left_1nesm_34{--dropdown-menu-transform: rotateZ(90deg)}._arrow-placement-right_1nesm_37{--dropdown-menu-transform: rotateZ(-90deg)}._arrow-placement-top_1nesm_40{--dropdown-menu-transform: rotateZ(180deg)}._item_1nesm_43{display:flex;align-items:center;width:100%;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;text-decoration:none;transition:var(--duration-medium);padding:var(--spacing-md);background-color:var(--backgroundColor, transparent);color:var(--color, --color-beige-70)}._item_1nesm_43:focus{outline:none!important;--backgroundColor: var(--color-beige-30);--color: var(--color-neutral-90)}._item_1nesm_43:hover{--backgroundColor: var(--color-beige-30);--color: var(--color-neutral-90)}._item_1nesm_43[disabled]{--backgroundColor: transparent;--color: var(--color-beige-40);cursor:not-allowed}._separator_1nesm_70{background-color:var(--color-beige-30);border:0;height:var(--border-width-sm);margin:0}}
+@layer components{._inner_glxpl_2{background-color:var(--color-background-neutral-inverse-fixed);border-color:var(--color-background-neutral-subtlest);border-style:solid;border-width:var(--border-width-xs);border-radius:var(--border-radius-sm);font-size:var(--font-size-14);min-width:8.125rem;z-index:1;opacity:0;transition:opacity var(--duration-fast) ease-in-out}._inner_glxpl_2[data-enter]{opacity:1}._arrow_glxpl_17{display:flex;z-index:2;color:var(--color-background-neutral-tertiary);stroke-width:0!important}._arrow_glxpl_17 #_stroke_glxpl_1{color:var(--color-background-neutral-tertiary)}._arrow-item_glxpl_26{height:var(--height-32);width:var(--height-32);transform:var(--dropdownMenuTransform)}._arrow-placement-bottom_glxpl_31{--dropdownMenuTransform: rotateZ(360deg)}._arrow-placement-left_glxpl_34{--dropdownMenuTransform: rotateZ(90deg)}._arrow-placement-right_glxpl_37{--dropdownMenuTransform: rotateZ(-90deg)}._arrow-placement-top_glxpl_40{--dropdownMenuTransform: rotateZ(180deg)}._item_glxpl_43{display:flex;align-items:center;width:100%;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;text-decoration:none;transition:var(--duration-medium);padding:var(--border-radius-lg);background-color:var(--backgroundColor, transparent);color:var(--color, --color-beige-70)}._item_glxpl_43:focus{outline:none!important;--backgroundColor: var(--color-background-warm-strong);--color: var(--color-background-neutral-primary-fixed)}._item_glxpl_43:hover{--backgroundColor: var(--color-background-warm-strong);--color: var(--color-background-neutral-primary-fixed)}._item_glxpl_43[disabled]{--backgroundColor: transparent;--color: var(--color-background-warm-stronger);cursor:not-allowed}._separator_glxpl_70{background-color:var(--color-background-warm-strong);border:0;height:var(--border-width-xs);margin:0}}