welcome-ui 9.0.1 → 10.0.0-alpha.1

package/dist/InputText.css

@@ -1 +1 @@
-@layer components{._input-text-wrapper_1n264_2{position:relative;width:100%;width:var(--inputTextWrapperWidth, 100%)}._root_1n264_8{border-radius:var(--radius-md);border-style:solid;border-width:var(--border-width-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-16);outline:transparent solid var(--border-width-md);width:100%;transition:var(--duration-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--backgroundColor, var(--color-neutral-10));color:var(--color, var(--color-neutral-90));border-color:var(--borderColor, var(--color-neutral-30));height:var(--height);padding-inline:var(--paddingInline);padding-block:var(--paddingBlock)}._root_1n264_8:disabled,._root_1n264_8[aria-disabled]{--backgroundColor: var(--color-beige-40);--color: var(--color-beige-70);cursor:not-allowed}._root_1n264_8:hover{--borderColor: var(--borderColorHover, var(--color-neutral-40))}._root_1n264_8[data-focus-visible],._root_1n264_8:focus-visible{--borderColor: var(--borderColorFocused, var(--color-brand-40));outline-color:var(--outlineColorFocus, var(--color-brand-20))}._root_1n264_8::placeholder{--color: var(--color-neutral-60)}._variant-danger_1n264_42{--borderColor: var(--color-red-70);--borderColorHover: var(--color-red-70);--borderColorFocused: var(--color-red-70);--outlineColorFocus: var(--color-red-30)}._variant-warning_1n264_48{--borderColor: var(--color-orange-60);--borderColorHover: var(--color-orange-60);--borderColorFocused: var(--color-orange-60);--outlineColorFocus: var(--color-orange-30)}._variant-success_1n264_54{--borderColor: var(--color-green-60);--borderColorHover: var(--color-green-60);--borderColorFocused: var(--color-green-60);--outlineColorFocus: var(--color-green-30)}._placement-left_1n264_60._size-xs_1n264_60{padding-left:1.75rem}._placement-left_1n264_60._size-sm_1n264_63,._placement-left_1n264_60._size-md_1n264_63,._placement-left_1n264_60._size-lg_1n264_63{padding-left:2.25rem}._placement-right_1n264_66._size-xs_1n264_60{padding-right:1.75rem}._placement-right_1n264_66._size-sm_1n264_63,._placement-right_1n264_66._size-md_1n264_63,._placement-right_1n264_66._size-lg_1n264_63{padding-right:2.25rem}._transparent_1n264_72{--borderColor: transparent;--backgroundColor: transparent;--borderColorHover: var(--color-neutral-20)}._size-xs_1n264_60{--height: var(--height-elements-sm);--paddingBlock: var(--spacing-xs);--paddingInline: var(--spacing-sm)}._size-sm_1n264_63{--height: var(--height-elements-md);--paddingBlock: var(--spacing-sm);--paddingInline: var(--spacing-md)}._size-md_1n264_63{--height: var(--height-elements-lg);--paddingBlock: var(--spacing-md);--paddingInline: var(--spacing-md)}._size-lg_1n264_63{--height: var(--height-elements-xl);--paddingBlock: var(--spacing-lg);--paddingInline: var(--spacing-md)}._clearable_1n264_97{padding-right:var(--spacing-xl)}._icon-wrapper_1n264_100{position:absolute;top:0;bottom:0;left:var(--left);right:var(--right);display:flex;justify-content:center;align-items:center;pointer-events:none;transition:var(--duration-medium);transition-timing-function:var(--timing-primary);color:var(--color-neutral-90);gap:var(--spacing-xs);--left: auto;--right: auto}._icon-wrapper_1n264_100>button{pointer-events:auto}._icon-placement-left-xs_1n264_121{--left: var(--spacing-sm)}._icon-placement-left-sm_1n264_124{--left: var(--spacing-md)}._icon-placement-right-xs_1n264_127{--right: var(--spacing-sm)}._icon-placement-right-sm_1n264_130{--right: var(--spacing-md)}}
+@layer components{._input-text-wrapper_9p9cm_2{position:relative;width:100%;width:var(--inputTextWrapperWidth, 100%)}._root_9p9cm_8{border-radius:var(--components-dimensions-input-border-radius);border-style:solid;border-width:var(--components-dimensions-input-border-width-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-md);outline:none;width:100%;transition:var(--duration-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--inputTextBackgroundColor, var(--components-colors-input-color-background-default));color:var(--inputTextColor, var(--components-colors-input-color-text-default));border-color:var(--inputTextBorderColor, var(--components-colors-input-color-border-default));box-shadow:var(--inputTextBoxShadow, var(--inset-10)) inset;height:var(--inputTextHeight);padding-inline:var(--inputTextPaddingInline);padding-block:var(--inputTextPaddingBlock)}._root_9p9cm_8:disabled,._root_9p9cm_8[aria-disabled]{--inputTextBackgroundColor: var( --inputTextBackgroundColorDisabled, var(--components-colors-input-color-background-disabled) );--inputTextColor: var(--components-colors-input-color-text-disabled);cursor:not-allowed}._root_9p9cm_8:hover:not(:disabled):not([aria-disabled]){--borderColor: var(--borderColorHover, var(--color-border-neutral-subtlest));--inputTextBoxShadow: var(--inset-20)}._root_9p9cm_8:active,._root_9p9cm_8:focus{--inputTextBorderColor: var(--components-colors-input-color-border-focused)}._root_9p9cm_8::placeholder{--inputTextColor: var(--color-icon-neutral-subtle)}._variant-danger_9p9cm_46{--inputTextBorderColor: var(--components-colors-input-color-border-error)}._variant-warning_9p9cm_49{--inputTextBorderColor: var(--components-colors-input-color-border-warning)}._variant-success_9p9cm_52{--inputTextBorderColor: var(--components-colors-input-color-border-success)}._placement-left_9p9cm_56._size-sm_9p9cm_56{padding-left:1.75rem}._placement-left_9p9cm_56._size-md_9p9cm_59,._placement-left_9p9cm_56._size-lg_9p9cm_59{padding-left:2.75rem}._placement-right_9p9cm_62._size-sm_9p9cm_56{padding-right:1.75rem}._placement-right_9p9cm_62._size-md_9p9cm_59,._placement-right_9p9cm_62._size-lg_9p9cm_59{padding-right:2.75rem}._transparent_9p9cm_68{--borderColor: transparent;--inputTextBackgroundColor: var(--components-colors-input-color-background-transparent);--borderColorHover: var(--components-colors-input-color-border-hover-transparent)}._size-sm_9p9cm_56{--inputTextHeight: var(--components-dimensions-input-max-height-sm);--inputTextPaddingBlock: var(--components-dimensions-input-padding-block-sm);--inputTextPaddingInline: var(--components-dimensions-input-padding-inline-sm)}._size-md_9p9cm_59{--inputTextHeight: var(--components-dimensions-input-max-height-md);--inputTextPaddingBlock: var(--components-dimensions-input-padding-block-md);--inputTextPaddingInline: var(--components-dimensions-input-padding-inline-md)}._size-lg_9p9cm_59{--inputTextHeight: var(--components-dimensions-input-max-height-lg);--inputTextPaddingBlock: var(--components-dimensions-input-padding-block-lg);--inputTextPaddingInline: var(--components-dimensions-input-padding-inline-lg)}._clearable_9p9cm_88{padding-right:var(--border-radius-2xl)}._icon-wrapper_9p9cm_91{position:absolute;top:0;bottom:0;left:var(--inputTextIconLeft);right:var(--inputTextIconRight);display:flex;justify-content:center;align-items:center;pointer-events:none;transition:var(--duration-medium);transition-timing-function:var(--timing-primary);color:var(--inputTextIconColor, var(--components-colors-input-color-icon-placeholder));gap:var(--components-dimensions-input-padding-block-sm);--inputTextIconLeft: auto;--inputTextIconRight: auto}._icon-wrapper_9p9cm_91>button{pointer-events:auto}._icon-wrapper_9p9cm_91._disabled_9p9cm_112{--inputTextIconColor: var(--components-colors-input-color-icon-disabled)}._icon-placement-left-sm_9p9cm_115{--inputTextIconLeft: var(--components-dimensions-input-padding-inline-sm)}._icon-placement-left-md_9p9cm_118{--inputTextIconLeft: var(--components-dimensions-input-padding-inline-md)}._icon-placement-right-sm_9p9cm_121{--inputTextIconRight: var(--components-dimensions-input-padding-inline-sm)}._icon-placement-right-md_9p9cm_124{--inputTextIconRight: var(--components-dimensions-input-padding-inline-md)}}

package/dist/InputText.js

@@ -1,77 +1,100 @@
 "use client";
-import { jsxs as f, jsx as i } from "react/jsx-runtime";
-import u, { forwardRef as E } from "react";
-import { CloseButton as R } from "./CloseButton.js";
-import { useField as S } from "./Field.js";
-import { c as b } from "./index-CdiHdiVB.js";
-const j = "_root_1n264_8", D = "_transparent_1n264_72", F = "_clearable_1n264_97", L = {
-  "input-text-wrapper": "_input-text-wrapper_1n264_2",
-  root: j,
-  "variant-danger": "_variant-danger_1n264_42",
-  "variant-warning": "_variant-warning_1n264_48",
-  "variant-success": "_variant-success_1n264_54",
-  "placement-left": "_placement-left_1n264_60",
-  "size-xs": "_size-xs_1n264_60",
-  "size-sm": "_size-sm_1n264_63",
-  "size-md": "_size-md_1n264_63",
-  "size-lg": "_size-lg_1n264_63",
-  "placement-right": "_placement-right_1n264_66",
-  transparent: D,
-  clearable: F,
-  "icon-wrapper": "_icon-wrapper_1n264_100",
-  "icon-placement-left-xs": "_icon-placement-left-xs_1n264_121",
-  "icon-placement-left-sm": "_icon-placement-left-sm_1n264_124",
-  "icon-placement-right-xs": "_icon-placement-right-xs_1n264_127",
-  "icon-placement-right-sm": "_icon-placement-right-sm_1n264_130"
-}, s = b(L), T = { lg: "sm", md: "sm", sm: "sm", xs: "xs" }, q = E(
+import { jsxs as g, jsx as e } from "react/jsx-runtime";
+import { forwardRef as j } from "react";
+import { CloseButton as B } from "./CloseButton.js";
+import { useField as D } from "./Field.js";
+import { Icon as h } from "./Icon.js";
+import { c as F } from "./index-CdiHdiVB.js";
+const L = "_root_9p9cm_8", T = "_transparent_9p9cm_68", k = "_clearable_9p9cm_88", y = "_disabled_9p9cm_112", C = {
+  "input-text-wrapper": "_input-text-wrapper_9p9cm_2",
+  root: L,
+  "variant-danger": "_variant-danger_9p9cm_46",
+  "variant-warning": "_variant-warning_9p9cm_49",
+  "variant-success": "_variant-success_9p9cm_52",
+  "placement-left": "_placement-left_9p9cm_56",
+  "size-sm": "_size-sm_9p9cm_56",
+  "size-md": "_size-md_9p9cm_59",
+  "size-lg": "_size-lg_9p9cm_59",
+  "placement-right": "_placement-right_9p9cm_62",
+  transparent: T,
+  clearable: k,
+  "icon-wrapper": "_icon-wrapper_9p9cm_91",
+  disabled: y,
+  "icon-placement-left-sm": "_icon-placement-left-sm_9p9cm_115",
+  "icon-placement-left-md": "_icon-placement-left-md_9p9cm_118",
+  "icon-placement-right-sm": "_icon-placement-right-sm_9p9cm_121",
+  "icon-placement-right-md": "_icon-placement-right-md_9p9cm_124"
+}, a = F(C), O = { lg: "md", md: "md", sm: "sm" }, K = j(
   ({
-    className: x,
+    children: m,
+    className: v,
     icon: t,
-    iconPlacement: e = "left",
-    isClearable: c,
-    name: l,
-    onChange: r,
-    size: _ = "md",
-    transparent: d,
-    type: g = "text",
-    value: o,
-    variant: v,
-    ...h
-  }, z) => {
-    const { getInputProps: w, variant: I } = S(), p = I || v, a = t && e, m = a && e === "right", N = a && e === "left", n = T[_], $ = () => {
-      r && r({
+    iconPlacement: n = "left",
+    isClearable: l,
+    name: o,
+    onChange: c,
+    size: _ = "lg",
+    transparent: w,
+    type: x = "text",
+    value: d,
+    variant: z,
+    ...b
+  }, I) => {
+    const { getInputProps: N, variant: $ } = D(), u = $ || z, r = t && n, f = r && n === "right", R = r && n === "left", s = O[_], p = N(b), i = !!m, S = l || f || i, E = () => {
+      c && c({
         preventDefault: () => null,
-        target: { name: l, value: "" }
+        target: { name: o, value: "" }
       });
     };
-    return /* @__PURE__ */ f("div", { className: s("input-text-wrapper"), children: [
-      /* @__PURE__ */ i(
+    return /* @__PURE__ */ g("div", { className: a("input-text-wrapper"), children: [
+      /* @__PURE__ */ e(
         "input",
         {
-          ...w(h),
-          className: s(
+          ...p,
+          className: a(
             "root",
             `size-${_}`,
-            p && `variant-${p}`,
-            d && "transparent",
-            a && `placement-${e}`,
-            x
+            u && `variant-${u}`,
+            w && "transparent",
+            r && `placement-${n}`,
+            v
           ),
-          name: l,
-          onChange: r,
-          ref: z,
-          type: g,
-          value: o
+          name: o,
+          onChange: c,
+          ref: I,
+          type: x,
+          value: d
         }
       ),
-      N ? /* @__PURE__ */ i("div", { className: s("icon-wrapper", `icon-placement-left-${n}`), children: u.cloneElement(t, { ...t.props, size: n }) }) : null,
-      c || m ? /* @__PURE__ */ f("div", { className: s("icon-wrapper", `icon-placement-right-${n}`), children: [
-        c && o ? /* @__PURE__ */ i(R, { onClick: $, size: "xs" }) : null,
-        m ? u.cloneElement(t, { ...t.props, size: n }) : null
-      ] }) : null
+      R ? /* @__PURE__ */ e(
+        "div",
+        {
+          className: a(
+            "icon-wrapper",
+            `icon-placement-left-${s}`,
+            p.disabled && "disabled"
+          ),
+          children: /* @__PURE__ */ e(h, { ...t.props, name: t.props.name, size: s })
+        }
+      ) : null,
+      S ? /* @__PURE__ */ g(
+        "div",
+        {
+          className: a(
+            "icon-wrapper",
+            `icon-placement-right-${s}`,
+            p.disabled && "disabled"
+          ),
+          children: [
+            l && d ? /* @__PURE__ */ e(B, { onClick: E, size: "sm" }) : null,
+            f && !i ? /* @__PURE__ */ e(h, { ...t.props, name: t.props.name, size: s }) : null,
+            i ? m : null
+          ]
+        }
+      ) : null
     ] });
   }
 );
 export {
-  q as InputText
+  K as InputText
 };

package/dist/Label.css

@@ -1 +1 @@
-@layer components{._root_pgmty_2{position:relative;display:flex;align-items:center;flex-shrink:0;max-width:100%;gap:var(--spacing-xs);color:var(--color-neutral-60);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-lg)}._required_pgmty_14{color:var(--color-brand-50)}}
+@layer components{._root_1fqme_2{position:relative;display:flex;align-items:center;flex-shrink:0;max-width:100%;gap:var(--components-dimensions-label-gap-content);color:var(--components-colors-label-color-text-default);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);line-height:var(--border-radius-2xl)}._required_1fqme_14{align-self:flex-start;color:var(--components-colors-label-color-icon-required)}._locked_1fqme_18{color:var(--components-colors-label-color-icon-default)}}

package/dist/Label.js

@@ -1,22 +1,22 @@
 "use client";
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import "./Icon-EG7O4YwD.js";
-import { L as a } from "./index-DnO8yBVT.js";
-import { VariantIcon as p } from "./VariantIcon.js";
-import { c as u } from "./index-CdiHdiVB.js";
-import { f } from "./forwardRefWithAs-8eP3ZN15.js";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { Icon as r } from "./Icon.js";
+import { VariantIcon as f } from "./VariantIcon.js";
+import { c as d } from "./index-CdiHdiVB.js";
+import { f as u } from "./forwardRefWithAs-8eP3ZN15.js";
 import "react";
-const d = "_root_pgmty_2", _ = "_required_pgmty_14", q = {
-  root: d,
-  required: _
-}, s = u(q), j = f(
-  ({ children: e, className: t, disabled: m, required: l, variant: o, ...i }, c) => /* @__PURE__ */ n("label", { className: s("root", t), ref: c, ...i, children: [
-    o ? /* @__PURE__ */ r(p, { size: "sm", variant: o }) : null,
-    m ? /* @__PURE__ */ r(a, { size: "sm" }) : null,
-    e,
-    l ? /* @__PURE__ */ r("span", { className: s("required"), children: "*" }) : null
+const _ = "_root_1fqme_2", p = "_required_1fqme_14", q = "_locked_1fqme_18", k = {
+  root: _,
+  required: p,
+  locked: q
+}, o = d(k), I = u(
+  ({ children: l, className: m, disabled: t, required: c, variant: s, ...a }, i) => /* @__PURE__ */ n("label", { className: o("root", m), ref: i, ...a, children: [
+    s ? /* @__PURE__ */ e(f, { size: "sm", variant: s }) : null,
+    t ? /* @__PURE__ */ e(r, { className: o("locked"), name: "lock-alt", size: "sm" }) : null,
+    l,
+    c ? /* @__PURE__ */ e(r, { className: o("required"), name: "asterisk", size: "sm" }) : null
   ] })
 );
 export {
-  j as Label
+  I as Label
 };

package/dist/Link.css

@@ -1 +1 @@
-@layer components{._root_vehh7_2{display:inline-flex;flex-direction:row;align-items:center;opacity:1;line-height:var(--line-height-lg);text-decoration:none;cursor:pointer;font-weight:var(--font-weight-medium);color:var(--color, var(--color-neutral-90))}._root_vehh7_2._isExternal_vehh7_13{--backgroundSize: calc(100% - var(--spacing-lg) - var(--spacing-sm)) 50%}._root_vehh7_2._isExternal_vehh7_13 ._wui-text_vehh7_16>svg{display:inline;margin-left:var(--spacing-sm)}@media (hover: hover) and (pointer: fine){._root_vehh7_2:hover{--color: var(--colorHover);--backgroundPositionY: 100%;--backgroundSize: 100% 100%}}._root_vehh7_2:focus-visible{outline:none;--color: var(--colorHover);--backgroundPositionY: 100%;--backgroundSize: 100% 100%}._root_vehh7_2[aria-disabled]{--backgroundImageColor: var(--color-neutral-30);--color: var(--color-neutral-60);pointer-events:none}._variant-primary_vehh7_38{--backgroundImageColor: var(--color-brand-40);--colorHover: var(--color-neutral-90)}._variant-secondary_vehh7_42{--backgroundImageColor: var(--color-neutral-90);--colorHover: var(--color-neutral-10)}}._wui-text_vehh7_16{margin-right:calc(var(--spacing-xxs) * -1);margin-left:calc(var(--spacing-xxs) * -1);padding-left:var(--spacing-xxs);padding-right:var(--spacing-xxs);transition:var(--duration-medium) ease-in-out;background-repeat:no-repeat;background-size:var(--backgroundSize, 100% 50%);background-image:linear-gradient(0deg,var(--backgroundImageColor),var(--backgroundImageColor) 100%);background-position-y:var(--backgroundPositionY, calc(200% - var(--spacing-xxs)))}._isMultiline_vehh7_59{display:inline}
+@layer components{._root_gizuv_2{display:inline-flex;flex-direction:row;align-items:center;opacity:1;line-height:var(--lineHeight);text-decoration:none;cursor:pointer;font-weight:var(--font-weight-medium);color:var(--color)}._root_gizuv_2._isExternal_gizuv_14{--backgroundSize: calc(100% - var(--spacing-lg) - var(--spacing-sm)) 50%}._root_gizuv_2._isExternal_gizuv_14 ._wui-text_gizuv_17>svg{display:inline;margin-left:var(--spacing-sm)}._root_gizuv_2:visited._variant-primary_gizuv_21{color:var(--colorVisited)}._root_gizuv_2:visited._variant-primary_gizuv_21 ._wui-text_gizuv_17{background-color:var(--backgroundColorVisited)}._root_gizuv_2:visited._variant-secondary_gizuv_28{color:var(--colorVisited)}._root_gizuv_2:visited._variant-secondary_gizuv_28 ._wui-text_gizuv_17{background-color:var(--backgroundColorVisited)}@media (hover: hover) and (pointer: fine){._root_gizuv_2:hover{--color: var(--colorHover);--backgroundPositionY: 100%;--backgroundSize: 100% 100%}._root_gizuv_2:hover:visited._variant-primary_gizuv_21{color:var(--colorVisitedHover)}._root_gizuv_2:hover:visited._variant-primary_gizuv_21 ._wui-text_gizuv_17{background-color:var(--backgroundColorVisitedHover)}._root_gizuv_2:hover:visited._variant-secondary_gizuv_28{color:var(--colorVisitedHover)}._root_gizuv_2:hover:visited._variant-secondary_gizuv_28 ._wui-text_gizuv_17{background-color:var(--backgroundColorVisitedHover)}}._root_gizuv_2:focus-visible{outline:none;--color: var(--colorHover);--backgroundPositionY: 100%;--backgroundSize: 100% 100%}._root_gizuv_2[aria-disabled]{--backgroundImageColor: var(--backgroundImageColorDisabled);--color: var(--colorDisabled);pointer-events:none}._root_gizuv_2[aria-disabled]:visited ._wui-text_gizuv_17{background-color:var(--backgroundImageColorDisabled)}._variant-primary_gizuv_21{--backgroundImageColor: var(--components-colors-link-color-underline-primary-default);--backgroundImageColorDisabled: var( --components-colors-link-color-underline-primary-disabled );--backgroundColorVisited: var( --components-colors-link-color-background-primary-visited-default );--backgroundColorVisitedHover: var( --components-colors-link-color-background-primary-visited-hover );--color: var(--components-colors-link-color-text-primary-default);--colorHover: var(--components-colors-link-color-text-primary-hover);--colorDisabled: var(--components-colors-link-color-text-primary-disabled);--colorVisited: var(--components-colors-link-color-text-primary-visited-default);--colorVisitedHover: var(--components-colors-link-color-text-primary-visited-hover)}._variant-secondary_gizuv_28{--backgroundImageColor: var(--components-colors-link-color-underline-secondary-default);--backgroundImageColorDisabled: var( --components-colors-link-color-underline-secondary-disabled );--backgroundColorVisited: var( --components-colors-link-color-background-secondary-visited-default );--backgroundColorVisitedHover: var( --components-colors-link-color-background-secondary-visited-hover );--color: var(--components-colors-link-color-text-secondary-default);--colorHover: var(--components-colors-link-color-text-secondary-hover);--colorDisabled: var(--components-colors-link-color-text-secondary-disabled);--colorVisited: var(--components-colors-link-color-text-secondary-visited-default);--colorVisitedHover: var(--components-colors-link-color-text-secondary-visited-hover)}._size-xs_gizuv_102{font-size:var(--font-size-xs);--lineHeight: var(--font-line-height-sm)}._size-sm_gizuv_106{font-size:var(--font-size-sm);--lineHeight: var(--font-line-height-md);--backgroundPositionY: calc(200% - .2em) }._size-md_gizuv_111{font-size:var(--font-size-md);--lineHeight: var(--font-line-height-lg)}._size-lg_gizuv_115{font-size:var(--font-size-lg);--lineHeight: var(--font-line-height-lg)}._wui-text_gizuv_17{margin-right:calc(var(--components-dimensions-link-padding-inline-icon) * -1);margin-left:calc(var(--components-dimensions-link-padding-inline-icon) * -1);padding-left:var(--components-dimensions-link-padding-inline-icon);padding-right:var(--components-dimensions-link-padding-inline-icon);transition:background var(--duration-medium),color var(--duration-medium);background-repeat:no-repeat;background-size:var(--backgroundSize, 100% 50%);background-image:linear-gradient(0deg,var(--backgroundImageColor),var(--backgroundImageColor) 100%);background-position-y:var(--backgroundPositionY, calc(200% - .125em) );background-color:var(--color-neutral-10)}._isMultiline_gizuv_131{display:inline}._icon-disabled_gizuv_134{margin-right:var(--spacing-xxs)}._icon-disabled_gizuv_134._variant-primary_gizuv_21{color:var(--components-colors-link-color-icon-primary-disabled)}._icon-disabled_gizuv_134._variant-secondary_gizuv_28{color:var(--components-colors-link-color-icon-secondary-disabled)}}

package/dist/Link.js

@@ -1,53 +1,63 @@
 "use client";
-import { jsx as t, jsxs as d } from "react/jsx-runtime";
-import a from "react";
-import "./Icon-EG7O4YwD.js";
-import { E } from "./index-Crpe9CvH.js";
+import { jsxs as m, jsx as i } from "react/jsx-runtime";
+import o from "react";
+import { Icon as p } from "./Icon.js";
 import { c as N } from "./index-CdiHdiVB.js";
 import { f as w } from "./forwardRefWithAs-8eP3ZN15.js";
-const g = "_root_vehh7_2", k = "_isExternal_vehh7_13", M = "_isMultiline_vehh7_59", b = {
-  root: g,
+const E = "_root_gizuv_2", k = "_isExternal_gizuv_14", M = "_isMultiline_gizuv_131", W = {
+  root: E,
   isExternal: k,
-  "wui-text": "_wui-text_vehh7_16",
-  "variant-primary": "_variant-primary_vehh7_38",
-  "variant-secondary": "_variant-secondary_vehh7_42",
-  isMultiline: M
-}, i = N(b), o = ({ children: r, isExternal: e }) => /* @__PURE__ */ d("span", { className: i("wui-text"), children: [
-  r,
-  e ? /* @__PURE__ */ t(E, { size: "sm" }) : null
-] }), l = (r, e) => typeof r == "string" ? /* @__PURE__ */ t(o, { isExternal: e, children: r }) : a.isValidElement(r) && (r.type === "span" || r.props.as === "span" || // FormattedMessage from react-intl has a span tag by default
-r.props.tagName === "span" || r.props["data-wui-link"] === !0 || typeof r.props.children == "string") ? e ? /* @__PURE__ */ t(o, { isExternal: e, children: r }) : (
+  "wui-text": "_wui-text_gizuv_17",
+  "variant-primary": "_variant-primary_gizuv_21",
+  "variant-secondary": "_variant-secondary_gizuv_28",
+  "size-xs": "_size-xs_gizuv_102",
+  "size-sm": "_size-sm_gizuv_106",
+  "size-md": "_size-md_gizuv_111",
+  "size-lg": "_size-lg_gizuv_115",
+  isMultiline: M,
+  "icon-disabled": "_icon-disabled_gizuv_134"
+}, r = N(W), l = ({ children: e, isExternal: s }) => /* @__PURE__ */ m("span", { className: r("wui-text"), children: [
+  e,
+  s ? /* @__PURE__ */ i(p, { name: "external-link-alt", size: "sm" }) : null
+] }), _ = (e, s) => typeof e == "string" ? /* @__PURE__ */ i(l, { isExternal: s, children: e }) : o.isValidElement(e) && (e.type === "span" || e.props.as === "span" || // FormattedMessage from react-intl has a span tag by default
+e.props.tagName === "span" || e.props["data-wui-link"] === !0 || typeof e.props.children == "string") ? s ? /* @__PURE__ */ i(l, { isExternal: s, children: e }) : (
   // If it is not external, we just need to add wui-text className to the child as we don't need to wrap it to display the icon
-  a.cloneElement(r, {
-    className: i("wui-text", r.props.className)
+  o.cloneElement(e, {
+    className: r("wui-text", e.props.className)
   })
-) : r, C = w((r, e) => {
+) : e, C = w((e, s) => {
   const {
-    as: p,
-    children: n,
-    className: m,
-    disabled: _,
-    isExternal: s,
-    multiline: c,
-    target: u,
-    variant: f = "primary",
-    ...v
-  } = r, x = p || "a", h = typeof n == "string" ? l(n, s) : a.Children.map(n, (y) => l(y, s));
-  return /* @__PURE__ */ t(
+    as: u,
+    children: t,
+    className: c,
+    disabled: n,
+    isExternal: a,
+    multiline: z,
+    size: d = "md",
+    target: g,
+    variant: v = "primary",
+    ...f
+  } = e, x = u || "a", y = typeof t == "string" ? _(t, a) : o.Children.map(t, (b) => _(b, a));
+  return /* @__PURE__ */ m(
     x,
     {
-      "aria-disabled": _,
-      className: i(
+      "aria-disabled": n,
+      className: r(
         "root",
-        `variant-${f}`,
-        s && "isExternal",
-        c && "isMultiline",
-        m
+        `variant-${v}`,
+        `size-${d}`,
+        a && "isExternal",
+        z && "isMultiline",
+        c
       ),
-      ref: e,
-      rel: u === "_blank" ? "noopener noreferrer" : void 0,
-      ...v,
-      children: h
+      ref: s,
+      rel: g === "_blank" ? "noopener noreferrer" : void 0,
+      tabIndex: n ? -1 : 0,
+      ...f,
+      children: [
+        n ? /* @__PURE__ */ i(p, { className: r("icon-disabled"), name: "ban", size: "md" }) : null,
+        y
+      ]
     }
   );
 });

package/dist/Loader.css

@@ -1 +1 @@
-@layer components{._root_og4ds_2{display:flex;color:var(--color)}._dot_og4ds_7{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:currentColor;animation:_dot-bounce_og4ds_1 1.5s cubic-bezier(.86,0,.07,1) infinite;width:var(--size);height:var(--size)}._dot_og4ds_7:nth-child(1){animation-delay:0s}._dot_og4ds_7:nth-child(2){animation-delay:.125s}._dot_og4ds_7:nth-child(3){animation-delay:.25s}._dot_og4ds_7:not(:first-child){margin-left:calc(var(--size) / 2)}._size-xs_og4ds_32{--size: var(--height-8)}._size-sm_og4ds_35{--size: var(--height-elements-xxs)}._size-md_og4ds_38{--size: var(--height-elements-xs)}._size-lg_og4ds_41{--size: var(--height-20)}._variant-primary_og4ds_44{--color: var(--color-brand-40)}._variant-neutral_og4ds_47{--color: var(--color-neutral-90)}._variant-violet_og4ds_50{--color: var(--color-violet-70)}@keyframes _dot-bounce_og4ds_1{0%,to{opacity:.5;transform:scale3d(.8,.8,1)}30%,60%{opacity:1;transform:scaleZ(1)}}}
+@layer components{._root_bj4qp_2{display:flex;color:var(--color)}._dot_bj4qp_7{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:currentColor;animation:_dot-bounce_bj4qp_1 1.5s cubic-bezier(.86,0,.07,1) infinite;width:var(--size);height:var(--size)}._dot_bj4qp_7:nth-child(1){animation-delay:0s}._dot_bj4qp_7:nth-child(2){animation-delay:.125s}._dot_bj4qp_7:nth-child(3){animation-delay:.25s}._dot_bj4qp_7:not(:first-child){margin-left:calc(var(--size) / 2)}._size-xs_bj4qp_32{--size: var(--border-radius-md)}._size-sm_bj4qp_35{--size: var(--border-radius-lg)}._size-md_bj4qp_38{--size: var(--border-radius-xl)}._size-lg_bj4qp_41{--size: var(--font-size-xl)}._variant-primary_bj4qp_44{--color: var(--color-background-brand-primary)}._variant-neutral_bj4qp_47{--color: var(--color-background-neutral-primary-fixed)}._variant-violet_bj4qp_50{--color: var(--color-violet-70)}@keyframes _dot-bounce_bj4qp_1{0%,to{opacity:.5;transform:scale3d(.8,.8,1)}30%,60%{opacity:1;transform:scaleZ(1)}}}

package/dist/Loader.js

@@ -1,31 +1,31 @@
 "use client";
-import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import { c as _ } from "./index-CdiHdiVB.js";
+import { jsxs as _, jsx as a } from "react/jsx-runtime";
+import { c as l } from "./index-CdiHdiVB.js";
 import "react";
-const l = "_root_og4ds_2", c = "_dot_og4ds_7", m = {
-  root: l,
-  dot: c,
-  "dot-bounce": "_dot-bounce_og4ds_1",
-  "size-xs": "_size-xs_og4ds_32",
-  "size-sm": "_size-sm_og4ds_35",
-  "size-md": "_size-md_og4ds_38",
-  "size-lg": "_size-lg_og4ds_41",
-  "variant-primary": "_variant-primary_og4ds_44",
-  "variant-neutral": "_variant-neutral_og4ds_47",
-  "variant-violet": "_variant-violet_og4ds_50"
-}, g = ["xs", "sm", "md", "lg"], t = _(m), p = (o) => Object.values(g).includes(o), y = ({
-  className: o = "",
-  size: s = "sm",
+const c = "_root_bj4qp_2", p = "_dot_bj4qp_7", d = {
+  root: c,
+  dot: p,
+  "dot-bounce": "_dot-bounce_bj4qp_1",
+  "size-xs": "_size-xs_bj4qp_32",
+  "size-sm": "_size-sm_bj4qp_35",
+  "size-md": "_size-md_bj4qp_38",
+  "size-lg": "_size-lg_bj4qp_41",
+  "variant-primary": "_variant-primary_bj4qp_44",
+  "variant-neutral": "_variant-neutral_bj4qp_47",
+  "variant-violet": "_variant-violet_bj4qp_50"
+}, m = ["xs", "sm", "md", "lg"], s = l(d), b = (e) => Object.values(m).includes(e), x = ({
+  className: e = "",
+  size: t = "sm",
   variant: i = "neutral",
   ...n
 }) => {
-  const r = typeof s == "string" && /[a-zA-Z]/.test(s) ? s : `${s}px`, e = p(r) ? {} : { "--size": r };
-  return /* @__PURE__ */ d("div", { ...n, className: t("root", `variant-${i}`, o), children: [
-    /* @__PURE__ */ a("span", { className: t("dot", `size-${s}`), style: e }),
-    /* @__PURE__ */ a("span", { className: t("dot", `size-${s}`), style: e }),
-    /* @__PURE__ */ a("span", { className: t("dot", `size-${s}`), style: e })
+  const r = typeof t == "string" && /[a-zA-Z]/.test(t) ? t : `${t}px`, o = b(r) ? {} : { "--size": r };
+  return /* @__PURE__ */ _("div", { ...n, className: s("root", `variant-${i}`, e), children: [
+    /* @__PURE__ */ a("span", { className: s("dot", `size-${t}`), style: o }),
+    /* @__PURE__ */ a("span", { className: s("dot", `size-${t}`), style: o }),
+    /* @__PURE__ */ a("span", { className: s("dot", `size-${t}`), style: o })
   ] });
 };
 export {
-  y as Loader
+  x as Loader
 };

package/dist/Logo.css

@@ -1 +1 @@
-@layer components{._logo_lpkm1_2 path{fill:var(--color-neutral-90)}}
+@layer components{._logo_kwyzx_2 path{fill:var(--color-background-neutral-primary-fixed)}}

package/dist/Logo.js

@@ -2,7 +2,7 @@
 import { jsxs as m, jsx as c } from "react/jsx-runtime";
 import { forwardRef as Z } from "react";
 import { c as a } from "./index-CdiHdiVB.js";
-const s = "_logo_lpkm1_2", h = {
+const s = "_logo_kwyzx_2", h = {
   logo: s
 }, e = a(h), r = Z(
   (l, o) => /* @__PURE__ */ m("svg", { className: e("logo"), role: "img", ...l, ref: o, viewBox: "0 0 100 24", children: [

package/dist/Modal.css

@@ -1 +1 @@
-@layer components{._root_1vbnu_3{--contentWidthMobile: calc(100vw - 2rem) ;--contentHeight: calc(100vh - 10rem) ;--contentWidthDesktop: calc(100vw - 4rem) }._asset-backdrop_1vbnu_8{background-color:color-mix(in oklab,var(--color-neutral-90) 90%,transparent);z-index:999;position:fixed;top:0;right:0;left:0;bottom:0;opacity:0;transition:opacity .15s ease-in-out}._asset-backdrop_1vbnu_8._hideOnInteractOutside_1vbnu_19{cursor:pointer}._asset-backdrop_1vbnu_8[data-enter]{opacity:1}._iframe-wrapper_1vbnu_25{height:100%;margin:auto 0;flex:1;aspect-ratio:16/9;width:var(--contentWidthMobile);max-height:var(--contentHeight)}._iframe-wrapper_1vbnu_25 iframe{width:100%;height:100%}@media (min-width: 736px){._iframe-wrapper_1vbnu_25{width:var(--contentWidthDesktop)}}@media (min-width: 1620px){._iframe-wrapper_1vbnu_25{max-width:1600px}}._asset-wrapper_1vbnu_48{--titleBlockMobile: 4rem;--titleBlockDesktop: 6rem;display:flex;flex-direction:column;border-radius:var(--spacing-xxl);overflow:hidden}._asset-wrapper_1vbnu_48 ._asset-title-wrapper_1vbnu_56{background-color:var(--color-neutral-10);display:flex;flex-direction:column;justify-content:center;flex-shrink:0;gap:var(--spacing-xxs);width:100%;height:var(--titleBlockMobile);padding-inline:var(--spacing-md)}@media (min-width: 736px){._asset-wrapper_1vbnu_48 ._asset-title-wrapper_1vbnu_56{height:var(--titleBlockDesktop);padding-inline:var(--spacing-xl)}}._asset-wrapper_1vbnu_48>img{width:auto;max-width:fit-content;max-height:calc(100vh - 10rem - var(--titleBlockMobile));flex-shrink:0}@media (min-width: 736px){._asset-wrapper_1vbnu_48>img{max-height:calc(100vh - 10rem - var(--titleBlockDesktop))}}._asset-wrapper_1vbnu_48 ._iframe-wrapper_1vbnu_25{background-color:var(--color-neutral-90);max-height:calc(100vh - 10rem - var(--titleBlockMobile))}@media (min-width: 736px){._asset-wrapper_1vbnu_48 ._iframe-wrapper_1vbnu_25{max-height:calc(100vh - 10rem - var(--titleBlockDesktop))}}._asset-title_1vbnu_56{margin:var(--spacing-0)}._asset-content_1vbnu_96{transition:margin-top .25s ease-in-out}._asset-content_1vbnu_96>img,._asset-content_1vbnu_96>div{max-width:var(--contentWidthMobile);max-height:var(--contentHeight)}@media (min-width: 736px){._asset-content_1vbnu_96>img,._asset-content_1vbnu_96>div{max-width:var(--contentWidthDesktop)}}@media (min-width: 1620px){._asset-content_1vbnu_96>img,._asset-content_1vbnu_96>div{max-width:1600px}}._dialog_1vbnu_117{position:fixed;z-index:999;top:0;right:0;bottom:0;left:0;margin:auto;display:flex;height:fit-content;width:fit-content;flex-direction:column;border-radius:var(--radius-md);opacity:0;transition:opacity .25s ease-in-out}._dialog_1vbnu_117 ul:has(>[id*=swiper]){width:var(--contentWidthMobile);max-height:var(--contentHeight)}@media (min-width: 736px){._dialog_1vbnu_117 ul:has(>[id*=swiper]){width:var(--contentWidthDesktop)}}@media (min-width: 1620px){._dialog_1vbnu_117 ul:has(>[id*=swiper]){max-width:1600px}}._dialog_1vbnu_117 ._asset-content_1vbnu_96{margin-top:var(--spacing-xl)}._dialog_1vbnu_117[data-enter]{opacity:1}._dialog_1vbnu_117[data-enter] ._asset-content_1vbnu_96{margin-top:0}._close-button_1vbnu_159{position:absolute;right:var(--spacing-xl);top:var(--spacing-xl);color:var(--color-neutral-90);border-color:var(--color-neutral-10);background-color:var(--color-neutral-10)}._close-button_1vbnu_159:hover{background-color:var(--color-neutral-40)}}@layer components{._root_4g0z0_4{background-color:var(--color-neutral-10);border-color:var(--color-neutral-30);border-style:solid;border-width:var(--border-width-sm);z-index:999;border-radius:var(--radius-md);position:fixed;right:0;bottom:0;left:0;margin:auto;margin-top:var(--spacing-xl);top:50%;transform:translate3d(0,-50%,0);display:flex;flex-direction:column;align-self:center;height:100%;max-height:100%;max-width:100%;overflow:auto;opacity:0;transition:opacity .25s ease-in-out,margin-top .25s ease-in-out;--dialog-width: 100%}._root_4g0z0_4[data-enter]{opacity:1;margin-top:0}@media (min-width: 736px){._root_4g0z0_4{height:fit-content;max-height:calc(2 * var(--spacing-xl) + 100vh);width:var(--dialog-width)}}._root_4g0z0_4:has(._body_4g0z0_48):not(:has(._footer_4g0z0_48)) ._header_4g0z0_48,._root_4g0z0_4:has(._footer_4g0z0_48):not(:has(._body_4g0z0_48)) ._header_4g0z0_48{padding-bottom:var(--spacing-lg)}._root_4g0z0_4:has(._footer_4g0z0_48) ._body_4g0z0_48{padding-bottom:var(--spacing-lg)}._root_4g0z0_4:has(._footer_4g0z0_48):has(._header_4g0z0_48) ._body_4g0z0_48{padding-right:var(--spacing-xxl)}._root_4g0z0_4._scrollable_4g0z0_60 ._footer_4g0z0_48{border-top-width:var(--border-width-sm)}._root_4g0z0_4:not(:has(._header_4g0z0_48)):not(:has(._body_4g0z0_48)) ._footer_4g0z0_48{padding-top:var(--spacing-lg)}._root_4g0z0_4:has(._header_4g0z0_48) ._content_4g0z0_66._with-close-button_4g0z0_66>._close_4g0z0_66{display:none}._size-lg_4g0z0_69{--dialog-width: 45rem}._size-md_4g0z0_73{--dialog-width: 37.5rem}._size-sm_4g0z0_77{--dialog-width: 28.125rem}._size-xs_4g0z0_81{--dialog-width: 20rem}._backdrop_4g0z0_85{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_4g0z0_85._hideOnInteractOutside_4g0z0_96{cursor:pointer}._backdrop_4g0z0_85[data-enter]{opacity:1}._close_4g0z0_66{position:sticky;top:var(--spacing-lg);left:calc(100% - var(--spacing-lg) - var(--height-elements-md));z-index:1}._header_4g0z0_48{position:sticky;top:0;z-index:1;width:100%;display:flex;flex-direction:column;align-items:flex-start;background-color:var(--color-neutral-10);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);padding-bottom:var(--spacing-xxl);padding-left:var(--spacing-xxl);padding-right:var(--spacing-3xl);padding-top:var(--spacing-xxl)}._header_4g0z0_48:has(>._header-subtitle_4g0z0_124) ._header-title_4g0z0_124{margin-bottom:var(--spacing-lg)}._header_4g0z0_48._icon_4g0z0_127{align-items:center}._header_4g0z0_48._icon_4g0z0_127 ._header-title_4g0z0_124{margin-top:var(--spacing-xl)}._header_4g0z0_48 ._close_4g0z0_66{position:absolute;right:var(--spacing-lg)}._header-subtitle_4g0z0_124{color:var(--color-neutral-70);margin:0}._body_4g0z0_48{color:var(--color-neutral-90);padding-left:var(--spacing-xxl);padding-right:var(--spacing-3xl);padding-bottom:var(--spacing-xxl)}._footer_4g0z0_48{position:sticky;bottom:0;width:100%;flex-shrink:0;z-index:1;background-color:var(--color-neutral-10);border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);border-top:0 solid var(--color-neutral-30)}._footer-children-wrapper_4g0z0_158{padding-bottom:var(--spacing-xl);padding-top:var(--spacing-lg);padding-inline:var(--spacing-xxl)}._footer-information_4g0z0_163{background-color:var(--color-beige-20);padding-bottom:var(--spacing-xxl);padding-left:var(--spacing-xxl);padding-right:var(--spacing-xxl);padding-top:var(--spacing-xl)}._footer-information-title_4g0z0_170{color:var(--color-neutral-90);font-weight:var(--font-weight-bold)}._footer-information-subtitle_4g0z0_174{color:var(--color-neutral-90);margin-bottom:var(--spacing-0);margin-top:var(--spacing-md)}}
+@layer components{._root_1ruus_3{--contentWidthMobile: calc(100vw - 2rem) ;--contentHeight: calc(100vh - 10rem) ;--contentWidthDesktop: calc(100vw - 4rem) }._asset-backdrop_1ruus_8{background-color:color-mix(in oklab,var(--color-background-neutral-primary-fixed) 90%,transparent);z-index:999;position:fixed;top:0;right:0;left:0;bottom:0;opacity:0;transition:opacity .15s ease-in-out}._asset-backdrop_1ruus_8._hideOnInteractOutside_1ruus_19{cursor:pointer}._asset-backdrop_1ruus_8[data-enter]{opacity:1}._iframe-wrapper_1ruus_25{height:100%;margin:auto 0;flex:1;aspect-ratio:16/9;width:var(--contentWidthMobile);max-height:var(--contentHeight)}._iframe-wrapper_1ruus_25 iframe{width:100%;height:100%}@media (min-width: 736px){._iframe-wrapper_1ruus_25{width:var(--contentWidthDesktop)}}@media (min-width: 1620px){._iframe-wrapper_1ruus_25{max-width:1600px}}._asset-wrapper_1ruus_48{--titleBlockMobile: 4rem;--titleBlockDesktop: 6rem;display:flex;flex-direction:column;border-radius:var(--size-icon-xl);overflow:hidden}._asset-wrapper_1ruus_48 ._asset-title-wrapper_1ruus_56{background-color:var(--color-background-neutral-inverse-fixed);display:flex;flex-direction:column;justify-content:center;flex-shrink:0;gap:var(--border-radius-xs);width:100%;height:var(--titleBlockMobile);padding-inline:var(--border-radius-lg)}@media (min-width: 736px){._asset-wrapper_1ruus_48 ._asset-title-wrapper_1ruus_56{height:var(--titleBlockDesktop);padding-inline:var(--border-radius-2xl)}}._asset-wrapper_1ruus_48>img{width:auto;max-width:fit-content;max-height:calc(100vh - 10rem - var(--titleBlockMobile));flex-shrink:0}@media (min-width: 736px){._asset-wrapper_1ruus_48>img{max-height:calc(100vh - 10rem - var(--titleBlockDesktop))}}._asset-wrapper_1ruus_48 ._iframe-wrapper_1ruus_25{background-color:var(--color-background-neutral-primary-fixed);max-height:calc(100vh - 10rem - var(--titleBlockMobile))}@media (min-width: 736px){._asset-wrapper_1ruus_48 ._iframe-wrapper_1ruus_25{max-height:calc(100vh - 10rem - var(--titleBlockDesktop))}}._asset-title_1ruus_56{margin:var(--font-letter-spacing-none)}._asset-content_1ruus_96{transition:margin-top .25s ease-in-out}._asset-content_1ruus_96>img,._asset-content_1ruus_96>div{max-width:var(--contentWidthMobile);max-height:var(--contentHeight)}@media (min-width: 736px){._asset-content_1ruus_96>img,._asset-content_1ruus_96>div{max-width:var(--contentWidthDesktop)}}@media (min-width: 1620px){._asset-content_1ruus_96>img,._asset-content_1ruus_96>div{max-width:1600px}}._dialog_1ruus_117{position:fixed;z-index:999;top:0;right:0;bottom:0;left:0;margin:auto;display:flex;height:fit-content;width:fit-content;flex-direction:column;border-radius:var(--border-radius-sm);opacity:0;transition:opacity .25s ease-in-out}._dialog_1ruus_117 ul:has(>[id*=swiper]){width:var(--contentWidthMobile);max-height:var(--contentHeight)}@media (min-width: 736px){._dialog_1ruus_117 ul:has(>[id*=swiper]){width:var(--contentWidthDesktop)}}@media (min-width: 1620px){._dialog_1ruus_117 ul:has(>[id*=swiper]){max-width:1600px}}._dialog_1ruus_117 ._asset-content_1ruus_96{margin-top:var(--border-radius-2xl)}._dialog_1ruus_117[data-enter]{opacity:1}._dialog_1ruus_117[data-enter] ._asset-content_1ruus_96{margin-top:0}._close-button_1ruus_159{position:absolute;right:var(--border-radius-2xl);top:var(--border-radius-2xl);color:var(--color-background-neutral-primary-fixed);border-color:var(--color-background-neutral-inverse-fixed);background-color:var(--color-background-neutral-inverse-fixed)}._close-button_1ruus_159:hover{background-color:var(--color-background-neutral-subtle)}}@layer components{._root_a4zjh_4{background-color:var(--color-background-neutral-inverse-fixed);border-color:var(--color-background-neutral-subtlest);border-style:solid;border-width:var(--border-width-xs);z-index:999;border-radius:var(--border-radius-sm);position:fixed;right:0;bottom:0;left:0;margin:auto;margin-top:var(--border-radius-2xl);top:50%;transform:translate3d(0,-50%,0);display:flex;flex-direction:column;align-self:center;height:100%;max-height:100%;max-width:100%;overflow:auto;opacity:0;transition:opacity .25s ease-in-out,margin-top .25s ease-in-out;--dialogWidth: 100%}._root_a4zjh_4[data-enter]{opacity:1;margin-top:0}@media (min-width: 736px){._root_a4zjh_4{height:fit-content;max-height:calc(2 * var(--border-radius-2xl) + 100vh);width:var(--dialogWidth)}}._root_a4zjh_4:has(._body_a4zjh_48):not(:has(._footer_a4zjh_48)) ._header_a4zjh_48,._root_a4zjh_4:has(._footer_a4zjh_48):not(:has(._body_a4zjh_48)) ._header_a4zjh_48{padding-bottom:var(--border-radius-xl)}._root_a4zjh_4:has(._footer_a4zjh_48) ._body_a4zjh_48{padding-bottom:var(--border-radius-xl)}._root_a4zjh_4:has(._footer_a4zjh_48):has(._header_a4zjh_48) ._body_a4zjh_48{padding-right:var(--size-icon-xl)}._root_a4zjh_4._scrollable_a4zjh_60 ._footer_a4zjh_48{border-top-width:var(--border-width-xs)}._root_a4zjh_4:not(:has(._header_a4zjh_48)):not(:has(._body_a4zjh_48)) ._footer_a4zjh_48{padding-top:var(--border-radius-xl)}._root_a4zjh_4:has(._header_a4zjh_48) ._content_a4zjh_66._with-close-button_a4zjh_66>._close_a4zjh_66{display:none}._size-lg_a4zjh_69{--dialogWidth: 45rem}._size-md_a4zjh_73{--dialogWidth: 37.5rem}._size-sm_a4zjh_77{--dialogWidth: 28.125rem}._size-xs_a4zjh_81{--dialogWidth: 20rem}._backdrop_a4zjh_85{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_a4zjh_85._hideOnInteractOutside_a4zjh_96{cursor:pointer}._backdrop_a4zjh_85[data-enter]{opacity:1}._close_a4zjh_66{position:sticky;top:var(--border-radius-xl);left:calc(100% - var(--border-radius-xl) - var(--size-icon-xl));z-index:1}._header_a4zjh_48{position:sticky;top:0;z-index:1;width:100%;display:flex;flex-direction:column;align-items:flex-start;background-color:var(--color-background-neutral-inverse-fixed);border-top-left-radius:var(--border-radius-sm);border-top-right-radius:var(--border-radius-sm);padding-bottom:var(--size-icon-xl);padding-left:var(--size-icon-xl);padding-right:var(--size-icon-2xl);padding-top:var(--size-icon-xl)}._header_a4zjh_48:has(>._header-subtitle_a4zjh_124) ._header-title_a4zjh_124{margin-bottom:var(--border-radius-xl)}._header_a4zjh_48._icon_a4zjh_127{align-items:center}._header_a4zjh_48._icon_a4zjh_127 ._header-title_a4zjh_124{margin-top:var(--border-radius-2xl)}._header_a4zjh_48 ._close_a4zjh_66{position:absolute;right:var(--border-radius-xl)}._header-subtitle_a4zjh_124{color:var(--color-background-neutral-tertiary);margin:0}._body_a4zjh_48{color:var(--color-background-neutral-primary-fixed);padding-left:var(--size-icon-xl);padding-right:var(--size-icon-2xl);padding-bottom:var(--size-icon-xl)}._footer_a4zjh_48{position:sticky;bottom:0;width:100%;flex-shrink:0;z-index:1;background-color:var(--color-background-neutral-inverse-fixed);border-bottom-left-radius:var(--border-radius-sm);border-bottom-right-radius:var(--border-radius-sm);border-top:0 solid var(--color-background-neutral-subtlest)}._footer-children-wrapper_a4zjh_158{padding-bottom:var(--border-radius-2xl);padding-top:var(--border-radius-xl);padding-inline:var(--size-icon-xl)}._footer-information_a4zjh_163{background-color:var(--color-background-warm-primary);padding-bottom:var(--size-icon-xl);padding-left:var(--size-icon-xl);padding-right:var(--size-icon-xl);padding-top:var(--border-radius-2xl)}._footer-information-title_a4zjh_170{color:var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold)}._footer-information-subtitle_a4zjh_174{color:var(--color-background-neutral-primary-fixed);margin-bottom:var(--font-letter-spacing-none);margin-top:var(--border-radius-lg)}}