welcome-ui 9.0.10 → 10.0.0-alpha.10

package/dist/InputText.css

@@ -1 +1 @@
-@layer components{._input-text-wrapper_1fbzc_2{position:relative;width:100%;width:var(--inputTextWrapperWidth, 100%)}._root_1fbzc_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_1fbzc_8:disabled,._root_1fbzc_8[aria-disabled]{--backgroundColor: var(--color-beige-40);--color: var(--color-beige-70);cursor:not-allowed}._root_1fbzc_8:hover{--borderColor: var(--borderColorHover, var(--color-neutral-40))}._root_1fbzc_8[data-focus-visible],._root_1fbzc_8:focus-visible{--borderColor: var(--borderColorFocused, var(--color-brand-40));outline-color:var(--outlineColorFocus, var(--color-brand-20))}._root_1fbzc_8::placeholder{color:var(--color-neutral-60)}._variant-danger_1fbzc_42{--borderColor: var(--color-red-70);--borderColorHover: var(--color-red-70);--borderColorFocused: var(--color-red-70);--outlineColorFocus: var(--color-red-30)}._variant-warning_1fbzc_48{--borderColor: var(--color-orange-60);--borderColorHover: var(--color-orange-60);--borderColorFocused: var(--color-orange-60);--outlineColorFocus: var(--color-orange-30)}._variant-success_1fbzc_54{--borderColor: var(--color-green-60);--borderColorHover: var(--color-green-60);--borderColorFocused: var(--color-green-60);--outlineColorFocus: var(--color-green-30)}._placement-left_1fbzc_60._size-xs_1fbzc_60{padding-left:1.75rem}._placement-left_1fbzc_60._size-sm_1fbzc_63,._placement-left_1fbzc_60._size-md_1fbzc_63,._placement-left_1fbzc_60._size-lg_1fbzc_63{padding-left:2.25rem}._placement-right_1fbzc_66._size-xs_1fbzc_60{padding-right:1.75rem}._placement-right_1fbzc_66._size-sm_1fbzc_63,._placement-right_1fbzc_66._size-md_1fbzc_63,._placement-right_1fbzc_66._size-lg_1fbzc_63{padding-right:2.25rem}._transparent_1fbzc_72{--borderColor: transparent;--backgroundColor: transparent;--borderColorHover: var(--color-neutral-20)}._size-xs_1fbzc_60{--height: var(--height-elements-sm);--paddingBlock: var(--spacing-xs);--paddingInline: var(--spacing-sm)}._size-sm_1fbzc_63{--height: var(--height-elements-md);--paddingBlock: var(--spacing-sm);--paddingInline: var(--spacing-md)}._size-md_1fbzc_63{--height: var(--height-elements-lg);--paddingBlock: var(--spacing-md);--paddingInline: var(--spacing-md)}._size-lg_1fbzc_63{--height: var(--height-elements-xl);--paddingBlock: var(--spacing-lg);--paddingInline: var(--spacing-md)}._clearable_1fbzc_97{padding-right:var(--spacing-xl)}._icon-wrapper_1fbzc_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_1fbzc_100>button{pointer-events:auto}._icon-placement-left-xs_1fbzc_121{--left: var(--spacing-sm)}._icon-placement-left-sm_1fbzc_124{--left: var(--spacing-md)}._icon-placement-right-xs_1fbzc_127{--right: var(--spacing-sm)}._icon-placement-right-sm_1fbzc_130{--right: var(--spacing-md)}}
+@layer components{._input-text-wrapper_13hsf_2{position:relative;width:100%;width:var(--inputTextWrapperWidth, 100%)}._root_13hsf_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_13hsf_8:disabled,._root_13hsf_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_13hsf_8:hover:not(:disabled):not([aria-disabled]){--borderColor: var(--borderColorHover, var(--color-border-neutral-subtlest));--inputTextBoxShadow: var(--inset-20)}._root_13hsf_8:active,._root_13hsf_8:focus{--inputTextBorderColor: var(--components-colors-input-color-border-focused)}._root_13hsf_8::placeholder{color:var(--components-colors-input-color-text-placeholder)}._variant-danger_13hsf_46{--inputTextBorderColor: var(--components-colors-input-color-border-error)}._variant-warning_13hsf_49{--inputTextBorderColor: var(--components-colors-input-color-border-warning)}._variant-success_13hsf_52{--inputTextBorderColor: var(--components-colors-input-color-border-success)}._placement-left_13hsf_56._size-sm_13hsf_56{padding-left:1.75rem}._placement-left_13hsf_56._size-md_13hsf_59,._placement-left_13hsf_56._size-lg_13hsf_59{padding-left:2.75rem}._placement-right_13hsf_62._size-sm_13hsf_56{padding-right:1.75rem}._placement-right_13hsf_62._size-md_13hsf_59,._placement-right_13hsf_62._size-lg_13hsf_59{padding-right:2.75rem}._transparent_13hsf_68{--borderColor: transparent;--inputTextBackgroundColor: var(--components-colors-input-color-background-transparent);--borderColorHover: var(--components-colors-input-color-border-hover-transparent)}._size-sm_13hsf_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_13hsf_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_13hsf_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_13hsf_88{padding-right:var(--border-radius-2xl)}._icon-wrapper_13hsf_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_13hsf_91>button{pointer-events:auto}._icon-wrapper_13hsf_91._disabled_13hsf_112{--inputTextIconColor: var(--components-colors-input-color-icon-disabled)}._icon-placement-left-sm_13hsf_115{--inputTextIconLeft: var(--components-dimensions-input-padding-inline-sm)}._icon-placement-left-md_13hsf_118{--inputTextIconLeft: var(--components-dimensions-input-padding-inline-md)}._icon-placement-right-sm_13hsf_121{--inputTextIconRight: var(--components-dimensions-input-padding-inline-sm)}._icon-placement-right-md_13hsf_124{--inputTextIconRight: var(--components-dimensions-input-padding-inline-md)}}

package/dist/InputText.js

@@ -1,77 +1,102 @@
 "use client";
-import { jsxs as f, jsx as a } from "react/jsx-runtime";
-import z, { forwardRef as $ } from "react";
-import { CloseButton as E } from "./CloseButton.js";
-import { useField as R } from "./Field.js";
-import { c as S } from "./index-PAaZGbyz.js";
-const j = "_root_1fbzc_8", D = "_transparent_1fbzc_72", F = "_clearable_1fbzc_97", L = {
-  "input-text-wrapper": "_input-text-wrapper_1fbzc_2",
-  root: j,
-  "variant-danger": "_variant-danger_1fbzc_42",
-  "variant-warning": "_variant-warning_1fbzc_48",
-  "variant-success": "_variant-success_1fbzc_54",
-  "placement-left": "_placement-left_1fbzc_60",
-  "size-xs": "_size-xs_1fbzc_60",
-  "size-sm": "_size-sm_1fbzc_63",
-  "size-md": "_size-md_1fbzc_63",
-  "size-lg": "_size-lg_1fbzc_63",
-  "placement-right": "_placement-right_1fbzc_66",
-  transparent: D,
-  clearable: F,
-  "icon-wrapper": "_icon-wrapper_1fbzc_100",
-  "icon-placement-left-xs": "_icon-placement-left-xs_1fbzc_121",
-  "icon-placement-left-sm": "_icon-placement-left-sm_1fbzc_124",
-  "icon-placement-right-xs": "_icon-placement-right-xs_1fbzc_127",
-  "icon-placement-right-sm": "_icon-placement-right-sm_1fbzc_130"
-}, s = S(L), T = { lg: "sm", md: "sm", sm: "sm", xs: "xs" }, q = $(
+import './InputText.css';
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import { forwardRef as T } from "react";
+import { CloseButton as j } from "./CloseButton.js";
+import { useField as y } from "./Field.js";
+import { Icon as g } from "./Icon.js";
+import { c as B } from "./index-PAaZGbyz.js";
+const D = "_root_13hsf_8", F = "_transparent_13hsf_68", L = "_clearable_13hsf_88", k = "_disabled_13hsf_112", C = {
+  "input-text-wrapper": "_input-text-wrapper_13hsf_2",
+  root: D,
+  "variant-danger": "_variant-danger_13hsf_46",
+  "variant-warning": "_variant-warning_13hsf_49",
+  "variant-success": "_variant-success_13hsf_52",
+  "placement-left": "_placement-left_13hsf_56",
+  "size-sm": "_size-sm_13hsf_56",
+  "size-md": "_size-md_13hsf_59",
+  "size-lg": "_size-lg_13hsf_59",
+  "placement-right": "_placement-right_13hsf_62",
+  transparent: F,
+  clearable: L,
+  "icon-wrapper": "_icon-wrapper_13hsf_91",
+  disabled: k,
+  "icon-placement-left-sm": "_icon-placement-left-sm_13hsf_115",
+  "icon-placement-left-md": "_icon-placement-left-md_13hsf_118",
+  "icon-placement-right-sm": "_icon-placement-right-sm_13hsf_121",
+  "icon-placement-right-md": "_icon-placement-right-md_13hsf_124"
+}, a = B(C), O = { lg: "md", md: "md", sm: "sm" }, V = T(
   ({
-    className: b,
+    children: c,
+    className: v,
     icon: t,
-    iconPlacement: e = "left",
-    isClearable: i,
-    name: l,
-    onChange: c,
-    size: _ = "md",
-    transparent: u,
+    iconPlacement: s = "left",
+    isClearable: p,
+    name: _,
+    onChange: r,
+    size: m = "lg",
+    transparent: w,
     type: x = "text",
-    value: o,
-    variant: d,
-    ...g
-  }, v) => {
-    const { getInputProps: h, variant: w } = R(), p = w || d, r = t && e, m = r && e === "right", I = r && e === "left", n = T[_], N = () => {
-      c && c({
+    value: f,
+    variant: z,
+    ...I
+  }, b) => {
+    const { getInputProps: N, variant: $ } = y(), d = $ || z, i = t && s, h = i && s === "right", R = i && s === "left", n = O[m], l = N(I), o = !!c, S = p || h || o, E = () => {
+      r && r({
         preventDefault: () => null,
-        target: { name: l, value: "" }
+        target: { name: _, value: "" }
       });
     };
-    return /* @__PURE__ */ f("div", { className: s("input-text-wrapper"), children: [
-      /* @__PURE__ */ a(
+    return /* @__PURE__ */ u("div", { className: a("input-text-wrapper"), children: [
+      /* @__PURE__ */ e(
         "input",
         {
-          ...h(g),
-          className: s(
+          ...l,
+          className: a(
             "root",
-            `size-${_}`,
-            p && `variant-${p}`,
-            u && "transparent",
-            r && `placement-${e}`,
-            b
+            `size-${m}`,
+            d && `variant-${d}`,
+            w && "transparent",
+            i && `placement-${s}`,
+            v
           ),
-          name: l,
-          onChange: c,
-          ref: v,
+          name: _,
+          onChange: r,
+          ref: b,
           type: x,
-          value: o
+          value: f
         }
       ),
-      I ? /* @__PURE__ */ a("div", { className: s("icon-wrapper", `icon-placement-left-${n}`), children: z.cloneElement(t, { ...t.props, size: n }) }) : null,
-      i || m ? /* @__PURE__ */ f("div", { className: s("icon-wrapper", `icon-placement-right-${n}`), children: [
-        i && o ? /* @__PURE__ */ a(E, { onClick: N, size: "xs" }) : null,
-        m ? z.cloneElement(t, { ...t.props, size: n }) : null
-      ] }) : null
+      R ? /* @__PURE__ */ e(
+        "div",
+        {
+          className: a(
+            "icon-wrapper",
+            `icon-placement-left-${n}`,
+            l.disabled && "disabled"
+          ),
+          children: /* @__PURE__ */ e(g, { ...t.props, name: t.props.name, size: n })
+        }
+      ) : null,
+      S ? /* @__PURE__ */ u(
+        "div",
+        {
+          className: a(
+            "icon-wrapper",
+            `icon-placement-right-${n}`,
+            l.disabled && "disabled"
+          ),
+          children: [
+            p && f ? /* @__PURE__ */ e(j, { onClick: E, size: "sm" }) : null,
+            h && !o ? /* @__PURE__ */ e(g, { ...t.props, name: t.props.name, size: n }) : null,
+            o ? c : null
+          ]
+        }
+      ) : null
     ] });
   }
 );
+V.displayName = "InputText";
 export {
-  q as InputText
+  V as InputText
 };

package/dist/{KPUWHTQJ-CKDqSAor.js → KPUWHTQJ-Dv3cAqjP.js}

@@ -1,28 +1,28 @@
 "use client";
-import { u as $ } from "./2W3RN7C5-bkX-rIa3.js";
-import { createContext as w, useState as D, useRef as H, useEffect as O } from "react";
-import { e as V, f as W, c as q, b as z, _ as B, N as G, A as I, $ as J, u as P, x as K, d as L, p as Q, a as p, r as X } from "./OE2EFRVA-C3721cM3.js";
-import { u as Y } from "./RTNCFSKZ-P4icqVD0.js";
+import { u as w } from "./2W3RN7C5-DMC82gDP.js";
+import { createContext as D, useState as H, useRef as O, useEffect as Q } from "react";
+import { e as V, f as W, c as $, b as q, _ as z, Q as B, F as G, a2 as I, u as P, k as J, d as K, v as L, a as v, r as X } from "./OE2EFRVA-Dg1R6gaC.js";
+import { b as Y } from "./RTNCFSKZ-BywELldk.js";
 import { jsx as Z } from "react/jsx-runtime";
-var ee = w(!1), re = V(), te = re.useContext, _ = "input";
+var ee = D(!1), re = V(), te = re.useContext, A = "input";
 function y(t, a) {
   a ? t.indeterminate = !0 : t.indeterminate && (t.indeterminate = !1);
 }
 function ne(t, a) {
   return t === "input" && (!a || a === "checkbox");
 }
-function A(t) {
+function _(t) {
   return Array.isArray(t) ? t.toString() : t;
 }
-var oe = q(
+var oe = $(
   function(a) {
     var f = a, {
       store: i,
       name: h,
       value: n,
-      checked: v,
+      checked: p,
       defaultChecked: C
-    } = f, r = B(f, [
+    } = f, r = z(f, [
       "store",
       "name",
       "value",
@@ -31,59 +31,61 @@ var oe = q(
     ]);
     const T = te();
     i = i || T;
-    const [E, N] = D(C ?? !1), u = Y(i, (e) => {
-      if (v !== void 0) return v;
+    const [E, S] = H(C ?? !1), s = Y(i, (e) => {
+      if (p !== void 0) return p;
       if ((e == null ? void 0 : e.value) === void 0) return E;
       if (n != null) {
         if (Array.isArray(e.value)) {
-          const d = A(n);
+          const d = _(n);
           return e.value.includes(d);
         }
         return e.value === n;
       }
       return Array.isArray(e.value) ? !1 : typeof e.value == "boolean" ? e.value : !1;
-    }), k = H(null), S = G(k, _), o = ne(S, r.type), m = u ? u === "mixed" : void 0, s = u === "mixed" ? !1 : u, R = I(r), [U, j] = J();
-    O(() => {
+    }), k = O(null), N = B(k, A), o = ne(N, r.type), m = s ? s === "mixed" : void 0, u = s === "mixed" ? !1 : s, R = G(r), [U, F] = I();
+    Q(() => {
       const e = k.current;
-      e && (y(e, m), !o && (e.checked = s, h !== void 0 && (e.name = h), n !== void 0 && (e.value = `${n}`)));
-    }, [U, m, o, s, h, n]);
+      e && (y(e, m), !o && (e.checked = u, h !== void 0 && (e.name = h), n !== void 0 && (e.value = `${n}`)));
+    }, [U, m, o, u, h, n]);
     const x = r.onChange, b = P((e) => {
       if (R) {
         e.stopPropagation(), e.preventDefault();
         return;
       }
-      if (y(e.currentTarget, m), o || (e.currentTarget.checked = !e.currentTarget.checked, j()), x == null || x(e), e.defaultPrevented) return;
+      if (y(e.currentTarget, m), o || (e.currentTarget.checked = !e.currentTarget.checked, F()), x == null || x(e), e.defaultPrevented) return;
       const d = e.currentTarget.checked;
-      N(d), i == null || i.setValue((c) => {
+      S(d), i == null || i.setValue((c) => {
         if (n == null) return d;
-        const l = A(n);
+        const l = _(n);
         return Array.isArray(c) ? d ? c.includes(l) ? c : [...c, l] : c.filter((M) => M !== l) : c === l ? !1 : l;
       });
-    }), g = r.onClick, F = P((e) => {
+    }), g = r.onClick, j = P((e) => {
       g == null || g(e), !e.defaultPrevented && (o || b(e));
     });
-    return r = K(
+    return r = J(
       r,
-      (e) => /* @__PURE__ */ Z(ee.Provider, { value: s, children: e }),
-      [s]
-    ), r = L(p({
+      (e) => /* @__PURE__ */ Z(ee.Provider, { value: u, children: e }),
+      [u]
+    ), r = K(v({
       role: o ? void 0 : "checkbox",
       type: o ? "checkbox" : void 0,
-      "aria-checked": u
+      "aria-checked": s
     }, r), {
-      ref: Q(k, r.ref),
+      ref: L(k, r.ref),
       onChange: b,
-      onClick: F
-    }), r = $(p({ clickOnEnter: !o }, r)), X(p({
+      onClick: j
+    }), r = w(v({ clickOnEnter: !o }, r)), X(v({
       name: o ? h : void 0,
       value: o ? n : void 0,
-      checked: s
+      checked: u
     }, r));
   }
 ), de = W(function(a) {
   const f = oe(a);
-  return z(_, f);
+  return q(A, f);
 });
 export {
-  de as C
+  ee as C,
+  de as a,
+  oe as u
 };

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,24 @@
 "use client";
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import "./Icon-BisRi8B3.js";
-import { L as a } from "./index-BG2aV9o8.js";
-import { VariantIcon as p } from "./VariantIcon.js";
-import { c as u } from "./index-PAaZGbyz.js";
-import { f } from "./forwardRefWithAs-8eP3ZN15.js";
+import './Label.css';
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { Icon as r } from "./Icon.js";
+import { VariantIcon as d } from "./VariantIcon.js";
+import { c as f } from "./index-PAaZGbyz.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 = f(k), N = u(
+  ({ children: l, className: m, disabled: t, required: a, variant: s, ...c }, i) => /* @__PURE__ */ n("label", { className: o("root", m), ref: i, ...c, children: [
+    s ? /* @__PURE__ */ e(d, { size: "sm", variant: s }) : null,
+    t ? /* @__PURE__ */ e(r, { className: o("locked"), name: "lock-alt", size: "sm" }) : null,
+    l,
+    a ? /* @__PURE__ */ e(r, { className: o("required"), name: "asterisk", size: "sm" }) : null
   ] })
 );
+N.displayName = "Label";
 export {
-  j as Label
+  N 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_vdj1o_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_vdj1o_2._isExternal_vdj1o_14{--backgroundSize: calc(100% - var(--externalLinkIconSize) - var(--spacing-xs)) 50%}._root_vdj1o_2._isExternal_vdj1o_14 ._wui-text_vdj1o_17>svg{display:inline;margin-left:var(--spacing-xs)}._root_vdj1o_2:visited._variant-primary_vdj1o_21{color:var(--colorVisited)}._root_vdj1o_2:visited._variant-primary_vdj1o_21 ._wui-text_vdj1o_17{background-color:var(--backgroundColorVisited)}._root_vdj1o_2:visited._variant-secondary_vdj1o_28{color:var(--colorVisited)}._root_vdj1o_2:visited._variant-secondary_vdj1o_28 ._wui-text_vdj1o_17{background-color:var(--backgroundColorVisited)}@media (hover: hover) and (pointer: fine){._root_vdj1o_2:hover{--color: var(--colorHover);--backgroundPositionY: 100%;--backgroundSize: 100% 100%}._root_vdj1o_2:hover:visited._variant-primary_vdj1o_21{color:var(--colorVisitedHover)}._root_vdj1o_2:hover:visited._variant-primary_vdj1o_21 ._wui-text_vdj1o_17{background-color:var(--backgroundColorVisitedHover)}._root_vdj1o_2:hover:visited._variant-secondary_vdj1o_28{color:var(--colorVisitedHover)}._root_vdj1o_2:hover:visited._variant-secondary_vdj1o_28 ._wui-text_vdj1o_17{background-color:var(--backgroundColorVisitedHover)}}._root_vdj1o_2:focus-visible{outline:none;--color: var(--colorHover);--backgroundPositionY: 100%;--backgroundSize: 100% 100%}._root_vdj1o_2[aria-disabled]{--backgroundImageColor: var(--backgroundImageColorDisabled);--color: var(--colorDisabled);pointer-events:none}._root_vdj1o_2[aria-disabled]:visited ._wui-text_vdj1o_17{background-color:var(--backgroundImageColorDisabled)}._variant-primary_vdj1o_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_vdj1o_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_vdj1o_102{font-size:var(--font-size-xs);--lineHeight: var(--font-line-height-sm);--externalLinkIconSize: var(--components-dimensions-link-size-icon-xs)}._size-sm_vdj1o_107{font-size:var(--font-size-sm);--lineHeight: var(--font-line-height-md);--backgroundPositionY: calc(200% - .2em) ;--externalLinkIconSize: var(--components-dimensions-link-size-icon-sm)}._size-md_vdj1o_113{font-size:var(--font-size-md);--lineHeight: var(--font-line-height-lg);--externalLinkIconSize: var(--components-dimensions-link-size-icon-md)}._size-lg_vdj1o_118{font-size:var(--font-size-lg);--lineHeight: var(--font-line-height-lg);--externalLinkIconSize: var(--components-dimensions-link-size-icon-lg)}._wui-text_vdj1o_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) )}._isMultiline_vdj1o_134{display:inline}._icon-disabled_vdj1o_137{margin-right:var(--spacing-xxs)}._icon-disabled_vdj1o_137._variant-primary_vdj1o_21{color:var(--components-colors-link-color-icon-primary-disabled)}._icon-disabled_vdj1o_137._variant-secondary_vdj1o_28{color:var(--components-colors-link-color-icon-secondary-disabled)}}

package/dist/Link.js

@@ -1,57 +1,71 @@
 "use client";
-import { jsx as t, jsxs as d } from "react/jsx-runtime";
-import a from "react";
-import "./Icon-BisRi8B3.js";
-import { E } from "./index-CnxSNAPH.js";
-import { c as N } from "./index-PAaZGbyz.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,
-  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), l = ({ children: r, isExternal: e }) => /* @__PURE__ */ d("span", { className: i("wui-text"), children: [
-  r,
-  e ? /* @__PURE__ */ t(E, { size: "sm" }) : null
-] }), p = (r, e) => typeof r == "string" ? /* @__PURE__ */ t(l, { 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(l, { isExternal: e, children: r }) : (
+import './Link.css';
+import { jsxs as u, jsx as n } from "react/jsx-runtime";
+import l from "react";
+import { Icon as v } from "./Icon.js";
+import { c as g } from "./index-PAaZGbyz.js";
+import { f as k } from "./forwardRefWithAs-8eP3ZN15.js";
+const w = "_root_vdj1o_2", E = "_isExternal_vdj1o_14", M = "_isMultiline_vdj1o_134", W = {
+  root: w,
+  isExternal: E,
+  "wui-text": "_wui-text_vdj1o_17",
+  "variant-primary": "_variant-primary_vdj1o_21",
+  "variant-secondary": "_variant-secondary_vdj1o_28",
+  "size-xs": "_size-xs_vdj1o_102",
+  "size-sm": "_size-sm_vdj1o_107",
+  "size-md": "_size-md_vdj1o_113",
+  "size-lg": "_size-lg_vdj1o_118",
+  isMultiline: M,
+  "icon-disabled": "_icon-disabled_vdj1o_137"
+}, a = g(W), m = ({ children: e, isExternal: r, size: s }) => /* @__PURE__ */ u("span", { className: a("wui-text"), children: [
+  e,
+  r ? /* @__PURE__ */ n(v, { name: "external-link-alt", size: s }) : null
+] });
+m.displayName = "Link.Wrapper";
+const c = (e, r, s) => typeof e == "string" ? /* @__PURE__ */ n(m, { isExternal: s, size: r, children: e }) : l.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__ */ n(m, { isExternal: s, size: r, 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)
+  l.cloneElement(e, {
+    className: a("wui-text", e.props.className)
   })
-) : r, C = w((r, e) => {
+) : e, L = k((e, r) => {
   const {
-    as: m,
-    children: n,
-    className: _,
-    disabled: c,
-    isExternal: s,
-    multiline: u,
-    target: o,
-    variant: f = "primary",
-    ...v
-  } = r, x = m || "a", h = typeof n == "string" ? p(n, s) : a.Children.map(n, (y) => p(y, s));
-  return /* @__PURE__ */ t(
-    x,
+    as: s,
+    children: t,
+    className: x,
+    disabled: i,
+    isExternal: o,
+    multiline: f,
+    size: _ = "md",
+    target: p,
+    variant: j = "primary",
+    ...y
+  } = e, z = s || "a", d = _ === "xs" ? "sm" : "md", N = typeof t == "string" ? c(t, d, o) : l.Children.map(t, (b) => c(b, d, o));
+  return /* @__PURE__ */ u(
+    z,
     {
-      "aria-disabled": c,
-      className: i(
+      "aria-disabled": i,
+      className: a(
         "root",
-        `variant-${f}`,
-        s && "isExternal",
-        u && "isMultiline",
-        _
+        `variant-${j}`,
+        `size-${_}`,
+        o && "isExternal",
+        f && "isMultiline",
+        x
       ),
-      ref: e,
-      rel: o === "_blank" ? "noopener noreferrer" : void 0,
-      target: o,
-      ...v,
-      children: h
+      ref: r,
+      rel: p === "_blank" ? "noopener noreferrer" : void 0,
+      tabIndex: i ? -1 : 0,
+      target: p,
+      ...y,
+      children: [
+        i ? /* @__PURE__ */ n(v, { className: a("icon-disabled"), name: "ban", size: "md" }) : null,
+        N
+      ]
     }
   );
 });
+L.displayName = "Link";
 export {
-  C as Link
+  L as Link
 };

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,33 @@
 "use client";
-import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import { c as _ } from "./index-PAaZGbyz.js";
+import './Loader.css';
+import { jsxs as _, jsx as o } from "react/jsx-runtime";
+import { c as l } from "./index-PAaZGbyz.js";
 import "react";
-const l = "_root_og4ds_2", c = "_dot_og4ds_7", m = {
-  root: l,
+const p = "_root_bj4qp_2", c = "_dot_bj4qp_7", d = {
+  root: p,
   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",
+  "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), j = ({
+  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`, a = b(r) ? {} : { "--size": r };
+  return /* @__PURE__ */ _("div", { ...n, className: s("root", `variant-${i}`, e), children: [
+    /* @__PURE__ */ o("span", { className: s("dot", `size-${t}`), style: a }),
+    /* @__PURE__ */ o("span", { className: s("dot", `size-${t}`), style: a }),
+    /* @__PURE__ */ o("span", { className: s("dot", `size-${t}`), style: a })
   ] });
 };
+j.displayName = "Loader";
 export {
-  y as Loader
+  j 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)}}