welcome-ui 0.0.0-dev.1763389246174 → 0.0.0-dev.1763736449682

package/dist/Drawer.js

@@ -1,58 +1,58 @@
 "use client";
 import './Drawer.css';
-import { jsx as e, jsxs as h, Fragment as C } from "react/jsx-runtime";
-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-C-2xDjIv.js";
-import { CloseButton as A } from "./CloseButton.js";
-import { D as F } from "./ZTXFEM5L-CjFLRObi.js";
-const I = "_content_1mhgf_13", W = "_title_1mhgf_67", u = {
+import { jsx as e, jsxs as p, Fragment as I } from "react/jsx-runtime";
+import { D as W } from "./NI3IVY7K-Dy240mkD.js";
+import { u as fe } from "./NI3IVY7K-Dy240mkD.js";
+import { useCallback as D, forwardRef as h } from "react";
+import { c as o } from "./index-PAaZGbyz.js";
+import { f as b } from "./forwardRefWithAs-8eP3ZN15.js";
+import { Button as E } from "./Button.js";
+import { Icon as x } from "./Icon.js";
+import { Text as v } from "./Text.js";
+import { D as H } from "./DSAASPLT-Fx1kuAsk.js";
+import { CloseButton as M } from "./CloseButton.js";
+import { D as P } from "./ZTXFEM5L-WGHY_jqg.js";
+const R = "_content_1mhgf_13", S = "_title_1mhgf_67", f = {
   "asset-drawer": "_asset-drawer_1mhgf_3",
   "content-wrapper": "_content-wrapper_1mhgf_13",
   "content-max-width": "_content-max-width_1mhgf_24",
-  content: I,
+  content: R,
   "asset-drawer-header": "_asset-drawer-header_1mhgf_39",
   "back-button": "_back-button_1mhgf_57",
-  title: W,
+  title: S,
   "icon-block": "_icon-block_1mhgf_72",
   "size-md": "_size-md_1mhgf_84",
   "size-sm": "_size-sm_1mhgf_87"
-}, d = n(u), B = w(
+}, d = o(f), y = b(
   ({
     children: t,
-    className: s,
-    getPersistentElements: r,
-    maxWidth: o,
+    className: r,
+    getPersistentElements: s,
+    maxWidth: a,
     store: c,
     ...i
   }, m) => {
-    const l = g(
+    const l = D(
       () => Array.from(
-        r ? r() : document.querySelectorAll("[data-wui-persistent]")
+        s ? s() : document.querySelectorAll("[data-wui-persistent]")
       ),
-      [r]
-    ), p = g(
-      (D) => {
-        const z = D.target;
+      [s]
+    ), k = D(
+      (O) => {
+        const j = O.target;
         return !l().some(
-          (y) => y.contains(z)
+          (B) => B.contains(j)
         );
       },
       [l]
-    ), f = typeof o == "number" ? `${o}px` : o;
+    ), w = typeof a == "number" ? `${a}px` : a;
     return /* @__PURE__ */ e(
       te,
       {
         autoFocusOnShow: !1,
-        className: d("asset-drawer", s),
+        className: d("asset-drawer", r),
         getPersistentElements: l,
-        hideOnInteractOutside: p,
+        hideOnInteractOutside: k,
         placement: "bottom",
         ref: m,
         store: c,
@@ -62,32 +62,38 @@ const I = "_content_1mhgf_13", W = "_title_1mhgf_67", u = {
           "div",
           {
             className: d("content-max-width"),
-            style: { "--assetDrawerContentMaxWidth": f },
+            style: { "--assetDrawerContentMaxWidth": w },
             children: /* @__PURE__ */ e("div", { className: d("content"), children: t })
           }
         ) })
       }
     );
   }
-), 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 = ({
+);
+y.displayName = "AssetDrawer";
+const q = o(f), $ = ({ iconName: t, size: r = "md" }) => /* @__PURE__ */ e("div", { className: q("icon-block", `size-${r}`), children: /* @__PURE__ */ e(x, { className: "text-neutral-90", name: t, size: r }) });
+$.displayName = "AssetDrawer.IconBlock";
+const _ = o(f), z = ({
   action: t,
-  className: s,
-  iconName: r,
-  onBackButtonClick: o,
+  className: r,
+  iconName: s,
+  onBackButtonClick: a,
   subtitle: c,
   title: 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 }),
+}) => /* @__PURE__ */ p("div", { className: _("asset-drawer-header", r), children: [
+  /* @__PURE__ */ p("div", { className: _("back-button"), children: [
+    !!a && /* @__PURE__ */ e(E, { onClick: a, variant: "tertiary", children: /* @__PURE__ */ e(x, { name: "arrow-left" }) }),
+    !!s && /* @__PURE__ */ e($, { iconName: s }),
+    /* @__PURE__ */ p("div", { className: _("title"), children: [
+      /* @__PURE__ */ e(v, { as: "h3", className: "pr-xl", variant: "heading-lg", children: i }),
       c
     ] })
   ] }),
   t ? /* @__PURE__ */ e("div", { className: _("actions"), children: t }) : null
-] }), R = "_root_iksk1_3", S = "_backdrop_iksk1_68", q = "_content_iksk1_85", H = "_footer_iksk1_94", J = "_title_iksk1_108", a = {
-  root: R,
+] });
+z.displayName = "AssetDrawer.Header";
+const J = "_root_iksk1_3", K = "_backdrop_iksk1_68", L = "_content_iksk1_85", Q = "_footer_iksk1_94", U = "_title_iksk1_108", n = {
+  root: J,
   "placement-bottom": "_placement-bottom_iksk1_30",
   "placement-left": "_placement-left_iksk1_34",
   "placement-right": "_placement-right_iksk1_38",
@@ -95,65 +101,79 @@ const I = "_content_1mhgf_13", W = "_title_1mhgf_67", u = {
   "size-sm": "_size-sm_iksk1_46",
   "size-md": "_size-md_iksk1_49",
   "size-lg": "_size-lg_iksk1_52",
-  backdrop: S,
+  backdrop: K,
   "drawer-hide-on-interact-outside": "_drawer-hide-on-interact-outside_iksk1_79",
-  content: q,
-  footer: H,
-  title: J,
+  content: L,
+  footer: Q,
+  title: U,
   "drawer-close": "_drawer-close_iksk1_120"
-}, K = n(a), N = k(
-  ({ hideOnInteractOutside: t = !0, ...s }, r) => /* @__PURE__ */ e(
+}, V = o(n), u = h(
+  ({ hideOnInteractOutside: t = !0, ...r }, s) => /* @__PURE__ */ e(
     "div",
     {
-      className: K("backdrop", t && "drawer-hide-on-interact-outside"),
-      ref: r,
-      ...s
+      className: V("backdrop", t && "drawer-hide-on-interact-outside"),
+      ref: s,
+      ...r
     }
   )
-), L = n(a), v = ({ className: t }) => /* @__PURE__ */ e(
-  j,
+);
+u.displayName = "Drawer.Backdrop";
+const X = o(n), g = ({ className: t }) => /* @__PURE__ */ e(
+  H,
   {
-    render: (s) => /* @__PURE__ */ e(A, { className: L("drawer-close", t), ...s })
+    render: (r) => /* @__PURE__ */ e(M, { className: X("drawer-close", t), ...r })
   }
-), 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 = k(
+);
+g.displayName = "Drawer.Close";
+const Y = o(n), C = h(({ className: t, ...r }, s) => /* @__PURE__ */ e("div", { className: Y("content", t), ref: s, ...r }));
+C.displayName = "Drawer.Content";
+const Z = o(n), A = h(({ className: t, ...r }, s) => /* @__PURE__ */ e("div", { className: Z("footer", t), ref: s, ...r }));
+A.displayName = "Drawer.Footer";
+const G = o(n), T = ({ children: t, className: r, ...s }) => /* @__PURE__ */ e("div", { className: G("title", r), ...s, children: /* @__PURE__ */ e(v, { as: "h3", className: "w-full", variant: "heading-lg", children: t }) });
+T.displayName = "Drawer.Title";
+const N = b(
+  ({ as: t, store: r, ...s }, a) => /* @__PURE__ */ e(P, { ref: a, render: t ? /* @__PURE__ */ e(t, {}) : void 0, store: r, ...s })
+);
+N.displayName = "Drawer.Trigger";
+const ee = o(n), F = h(
   ({
     children: t,
-    className: s,
-    hideOnInteractOutside: r = !0,
-    placement: o = "right",
+    className: r,
+    hideOnInteractOutside: s = !0,
+    placement: a = "right",
     size: c = "lg",
     store: i,
     withBackdrop: m = !1,
     withCloseButton: l = !0,
-    ...p
-  }, f) => /* @__PURE__ */ e(
-    O,
+    ...k
+  }, w) => /* @__PURE__ */ e(
+    W,
     {
-      backdrop: m ? /* @__PURE__ */ e(N, { hideOnInteractOutside: r }) : !1,
-      hideOnInteractOutside: r,
+      backdrop: m ? /* @__PURE__ */ e(u, { hideOnInteractOutside: s }) : !1,
+      hideOnInteractOutside: s,
       modal: m,
-      ref: f,
-      render: /* @__PURE__ */ e("div", { className: G("root", `placement-${o}`, `size-${c}`, s) }),
+      ref: w,
+      render: /* @__PURE__ */ e("div", { className: ee("root", `placement-${a}`, `size-${c}`, r) }),
       store: i,
-      ...p,
-      children: /* @__PURE__ */ h(C, { children: [
-        l ? /* @__PURE__ */ e(v, {}) : null,
+      ...k,
+      children: /* @__PURE__ */ p(I, { children: [
+        l ? /* @__PURE__ */ e(g, {}) : null,
         t
       ] })
     }
   )
-), te = Object.assign(ee, {
-  Backdrop: N,
-  Close: v,
-  Content: U,
-  Footer: X,
-  Title: Z,
-  Trigger: $
-}), ke = Object.assign(B, { Header: P, Trigger: $ });
+);
+F.displayName = "Drawer";
+const te = Object.assign(F, {
+  Backdrop: u,
+  Close: g,
+  Content: C,
+  Footer: A,
+  Title: T,
+  Trigger: N
+}), he = Object.assign(y, { Header: z, Trigger: N });
 export {
-  ke as AssetDrawer,
+  he as AssetDrawer,
   te as Drawer,
-  ue as useDrawer
+  fe as useDrawer
 };

package/dist/DropdownMenu.css

@@ -1 +1 @@
-@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}}
+@layer components{._root_17w9k_2{background-color:var(--components-colors-dropdown-menu-color-background-default);border-style:solid;border-width:var(--components-dimensions-dropdown-menu-border-width);border-radius:var(--components-dimensions-dropdown-menu-border-radius);font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:var(--font-line-height-md);font-weight:var(--font-weight-regular);min-width:15.75rem;z-index:1;opacity:0;transition:all var(--duration-medium) ease-in-out,opacity var(--duration-fast) ease-in-out;box-sizing:border-box;outline:none!important;padding:var(--paddingBlockMenu) var(--paddingInlineMenu);border-color:var(--borderColorMenu);box-shadow:var(--boxShadowMenu, var(--elevation-10));--borderColorMenu: var(--components-colors-dropdown-menu-color-border-default)}._root_17w9k_2[data-enter]{opacity:1}._root_17w9k_2:hover{--borderColorMenu: var(--components-colors-dropdown-menu-color-border-hover);--boxShadowMenu: var(--elevation-20)}._arrow_17w9k_29{display:flex;z-index:2;color:var(--components-colors-dropdown-menu-color-border-hover);stroke-width:0!important}._arrow_17w9k_29 #_stroke_17w9k_1{color:var(--components-colors-dropdown-menu-color-border-hover)}._arrow-item_17w9k_38{height:var(--height-32);width:var(--height-32);transform:var(--dropdownMenuTransform)}._arrow-placement-bottom_17w9k_43{--dropdownMenuTransform: rotateZ(360deg)}._arrow-placement-left_17w9k_46{--dropdownMenuTransform: rotateZ(90deg)}._arrow-placement-right_17w9k_49{--dropdownMenuTransform: rotateZ(-90deg)}._arrow-placement-top_17w9k_52{--dropdownMenuTransform: rotateZ(180deg)}._item_17w9k_55{display:flex;flex-direction:row;align-items:center;gap:var(--components-dimensions-dropdown-menu-item-gap-content);width:100%;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;text-decoration:none;transition:all var(--duration-medium) ease-in-out;border-radius:var(--components-dimensions-dropdown-menu-item-border-radius);padding:var(--paddingBlockItem) var(--paddingInlineItem);background:var(--backgroundItem, var(--components-colors-dropdown-menu-item-color-background-default));color:var(--colorItem, var(--components-colors-dropdown-menu-item-color-text-content-default))}._item_17w9k_55:focus{outline:none!important;--backgroundItem: var(--components-colors-dropdown-menu-item-color-background-hover);--colorItem: var(--components-colors-dropdown-menu-item-color-text-content-hover);--colorItemDescription: var( --components-colors-dropdown-menu-item-color-text-description-hover )}._item_17w9k_55:hover{--backgroundItem: var(--components-colors-dropdown-menu-item-color-background-hover);--colorItem: var(--components-colors-dropdown-menu-item-color-text-content-hover);--colorItemDescription: var( --components-colors-dropdown-menu-item-color-text-description-hover )}._item_17w9k_55[aria-disabled],._item_17w9k_55:disabled{--backgroundItem: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-dropdown-menu-item-color-background-disabled) 2.5px, var(--components-colors-dropdown-menu-item-color-background-disabled) 5.25px) padding-box;--colorItem: var(--components-colors-dropdown-menu-item-color-text-content-disabled);--colorItemDescription: var( --components-colors-dropdown-menu-item-color-text-description-disabled );cursor:not-allowed}._item_17w9k_55._action_17w9k_94{line-height:var(--font-line-height-xs);font-weight:var(--font-weight-semi-bold)}._item_17w9k_55._group-label_17w9k_98{line-height:var(--font-line-height-xs);font-weight:var(--font-weight-semi-bold);pointer-events:none}._item_17w9k_55._search_17w9k_103{margin-bottom:var(--components-dimensions-dropdown-menu-gap-content)}._item_17w9k_55 ._item-content_17w9k_106{display:flex;flex-direction:column;align-items:flex-start}._item_17w9k_55 ._item-description_17w9k_111{color:var(--colorItemDescription, var(--components-colors-dropdown-menu-item-color-text-description-default));transition:all var(--duration-medium) ease-in-out;font-size:var(--font-size-xs);line-height:var(--font-line-height-sm);font-weight:var(--font-weight-regular)}._item_17w9k_55 [aria-checked=true]{transition:all var(--duration-medium) ease-in-out;font-weight:var(--font-weight-medium)}._item_17w9k_55 ._item-default-check_17w9k_122{margin-left:auto;width:auto!important;height:auto!important}._item_17w9k_55 ._item-toggle-check_17w9k_127{pointer-events:none}._item_17w9k_55 ._item-checkbox_17w9k_130,._item_17w9k_55 ._item-radio_17w9k_131{display:flex;flex-direction:row;align-items:center;gap:var(--components-dimensions-dropdown-menu-item-gap-content);width:100%;padding:var(--paddingBlockItem) var(--paddingInlineItem)}._item_17w9k_55 ._item-checkbox_17w9k_130 label,._item_17w9k_55 ._item-radio_17w9k_131 label{margin:0}._item_17w9k_55:has(._item-checkbox_17w9k_130,._item-radio_17w9k_131){padding:0}._separator_17w9k_146{background-color:var(--components-colors-dropdown-menu-color-border-default);border:0;height:var(--components-dimensions-dropdown-menu-border-width);margin:var(--paddingBlockSeparator) 0}._size-md_17w9k_155{--paddingInlineMenu: var(--components-dimensions-dropdown-menu-padding-inline-md);--paddingBlockMenu: var(--components-dimensions-dropdown-menu-padding-block-md);--paddingInlineItem: var(--components-dimensions-dropdown-menu-item-padding-inline-md);--paddingBlockItem: var(--components-dimensions-dropdown-menu-item-padding-block-md);--paddingBlockSeparator: var(--components-dimensions-dropdown-menu-divider-padding-block-md)}._size-lg_17w9k_162{--paddingInlineMenu: var(--components-dimensions-dropdown-menu-padding-inline-lg);--paddingBlockMenu: var(--components-dimensions-dropdown-menu-padding-block-lg);--paddingInlineItem: var(--components-dimensions-dropdown-menu-item-padding-inline-lg);--paddingBlockItem: var(--components-dimensions-dropdown-menu-item-padding-block-lg);--paddingBlockSeparator: var(--components-dimensions-dropdown-menu-divider-padding-block-lg)}}