welcome-ui 10.1.10 → 10.1.12

package/dist/Alert.css

@@ -1 +1 @@
-@layer components{._root_3i41g_2{position:relative;display:flex;align-items:flex-start;width:100%;gap:var(--gap, var(--alert-gap-content-md));border-radius:var(--alert-border-radius);border-width:var(--border-width-sm);border-style:solid;padding:var(--padding);max-width:var(--maxWidth, max-content);background-color:var(--backgroundColor, var(--alert-color-background-brand));border-color:var(--borderColor, var(--alert-color-background-brand));color:var(--color, var(--alert-color-text-brand-body))}._size-md_3i41g_18{--padding: var(--alert-padding-inline-md)}._size-md_3i41g_18 ._content-actions_3i41g_21{--gap: var(--alert-gap-actions-md)}._size-md_3i41g_18 ._without-title_3i41g_24 ._icon-wrapper_3i41g_24{margin-top:-2px}._size-lg_3i41g_27{--padding: var(--alert-padding-inline-lg);--gap: var(--alert-gap-content-lg)}._size-lg_3i41g_27 ._content-actions_3i41g_21{--gap: var(--alert-gap-actions-lg)}._variant-ai_3i41g_34{--backgroundColor: var(--alert-color-background-ai);--borderColor: transparent;background:linear-gradient(var(--alert-color-background-ai) 0 0) padding-box,linear-gradient(90deg,var(--color-green-30) 0%,var(--color-teal-40) 20%,var(--color-blue-40) 40%,var(--color-violet-40) 60%,var(--color-pink-40) 80%,var(--color-red-orange-40) 100%) border-box}._variant-danger_3i41g_39{--backgroundColor: var(--alert-color-background-danger);--borderColor: var(--alert-color-background-danger);--color: var(--color-icon-danger-primary)}._variant-info_3i41g_44{--backgroundColor: var(--alert-color-background-information);--borderColor: var(--alert-color-background-information);--color: var(--color-icon-accent-blue-primary)}._variant-success_3i41g_49{--backgroundColor: var(--alert-color-background-success);--borderColor: var(--alert-color-background-success);--color: var(--color-icon-accent-green-primary)}._variant-warning_3i41g_54{--backgroundColor: var(--alert-color-background-warning);--borderColor: var(--alert-color-background-warning);--color: var(--color-icon-warning-primary)}._full-width_3i41g_59{--maxWidth: 100%}._content_3i41g_21{overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--gap, var(--alert-gap-content-md))}._content-text_3i41g_71{display:flex;flex-direction:column;gap:var(--gap, var(--alert-gap-content-md))}._content-text_3i41g_71._without-title_3i41g_24{flex-direction:row}._content-text_3i41g_71._without-title_3i41g_24 ._icon-wrapper_3i41g_24{align-self:flex-start}._content-actions_3i41g_21{display:flex;align-items:center;gap:var(--gap)}._title-close-button_3i41g_88{margin-right:var(--spacing-xl)}._title-with-icon_3i41g_91{display:flex;align-items:center;gap:var(--spacing-sm)}._close-button_3i41g_97{position:absolute;right:var(--spacing-sm);top:var(--spacing-sm)}._icon-wrapper_3i41g_24{display:flex;flex-shrink:0;padding:var(--alert-icon-padding-block);border-radius:var(--alert-icon-border-radius);background-color:var(--iconWrapperBackgroundColor, var(--alert-icon-color-background-brand));color:var(--iconWrapperColor, var(--alert-icon-color-icon-brand))}._icon-wrapper-success_3i41g_111{--iconWrapperBackgroundColor: var(--alert-icon-color-background-success);--iconWrapperColor: var(--alert-icon-color-icon-success)}._icon-wrapper-danger_3i41g_115{--iconWrapperBackgroundColor: var(--alert-icon-color-background-danger);--iconWrapperColor: var(--alert-icon-color-icon-danger)}._icon-wrapper-info_3i41g_119{--iconWrapperBackgroundColor: var( --alert-icon-color-background-information );--iconWrapperColor: var(--alert-icon-color-icon-information)}._icon-wrapper-warning_3i41g_125{--iconWrapperBackgroundColor: var(--alert-icon-color-background-warning);--iconWrapperColor: var(--alert-icon-color-icon-warning)}._icon-wrapper-ai_3i41g_129{background:conic-gradient(from 30deg at 50% 50%,var(--color-green-30) 0deg,var(--color-blue-40) 25.96deg,var(--color-violet-40) 51.92deg,var(--color-pink-40) 76.15deg,var(--color-red-orange-40) 110.77deg,var(--color-pink-40) 162.69deg,var(--color-violet-40) 209.42deg,var(--color-blue-40) 254.42deg,var(--color-teal-40) 306.35deg,var(--color-green-30) 360deg);--iconWrapperColor: var(--alert-icon-color-icon-ai)}}
+@layer components{._root_s4so0_2{position:relative;display:flex;align-items:flex-start;width:100%;gap:var(--gap, var(--alert-gap-content-md));border-radius:var(--alert-border-radius);border-width:var(--border-width-sm);border-style:solid;padding:var(--padding);max-width:var(--maxWidth, max-content);background-color:var(--backgroundColor, var(--alert-color-background-brand));border-color:var(--borderColor, var(--alert-color-background-brand));color:var(--color, var(--alert-color-text-brand-body))}._size-md_s4so0_18{--padding: var(--alert-padding-inline-md)}._size-md_s4so0_18 ._content-actions_s4so0_21{--gap: var(--alert-gap-actions-md)}._size-md_s4so0_18 ._without-title_s4so0_24 ._icon-wrapper_s4so0_24{margin-top:-2px}._size-lg_s4so0_27{--padding: var(--alert-padding-inline-lg);--gap: var(--alert-gap-content-lg)}._size-lg_s4so0_27 ._content-actions_s4so0_21{--gap: var(--alert-gap-actions-lg)}._variant-ai_s4so0_34{--backgroundColor: var(--alert-color-background-ai);--borderColor: transparent;background:linear-gradient(var(--alert-color-background-ai) 0 0) padding-box,linear-gradient(90deg,var(--color-green-30) 0%,var(--color-teal-40) 20%,var(--color-blue-40) 40%,var(--color-violet-40) 60%,var(--color-pink-40) 80%,var(--color-red-orange-40) 100%) border-box}._variant-danger_s4so0_39{--backgroundColor: var(--alert-color-background-danger);--borderColor: var(--alert-color-background-danger);--color: var(--color-icon-danger-primary)}._variant-info_s4so0_44{--backgroundColor: var(--alert-color-background-information);--borderColor: var(--alert-color-background-information);--color: var(--color-icon-accent-blue-primary)}._variant-success_s4so0_49{--backgroundColor: var(--alert-color-background-success);--borderColor: var(--alert-color-background-success);--color: var(--color-icon-accent-green-primary)}._variant-warning_s4so0_54{--backgroundColor: var(--alert-color-background-warning);--borderColor: var(--alert-color-background-warning);--color: var(--color-icon-warning-primary)}._full-width_s4so0_59{--maxWidth: 100%}._content_s4so0_21{overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--gap, var(--alert-gap-content-md))}._content-text_s4so0_71{display:flex;flex-direction:column;gap:var(--gap, var(--alert-gap-content-md))}._content-text_s4so0_71._without-title_s4so0_24{flex-direction:row}._content-text_s4so0_71._without-title_s4so0_24 ._icon-wrapper_s4so0_24{align-self:flex-start}._content-actions_s4so0_21{display:flex;align-items:center;gap:var(--gap)}._title-close-button_s4so0_88{margin-right:var(--spacing-xl)}._title-with-icon_s4so0_91{display:flex;align-items:center;gap:var(--spacing-sm)}._close-button_s4so0_97{position:absolute;right:var(--spacing-sm);top:var(--spacing-sm)}._icon-wrapper_s4so0_24{display:flex;flex-shrink:0;padding:var(--alert-icon-padding-block);border-radius:var(--alert-icon-border-radius);background-color:var(--iconWrapperBackgroundColor, var(--alert-icon-color-background-brand));color:var(--iconWrapperColor, var(--alert-icon-color-icon-brand))}._icon-wrapper-success_s4so0_111{--iconWrapperBackgroundColor: var(--alert-icon-color-background-success);--iconWrapperColor: var(--alert-icon-color-icon-success)}._icon-wrapper-danger_s4so0_115{--iconWrapperBackgroundColor: var(--alert-icon-color-background-danger);--iconWrapperColor: var(--alert-icon-color-icon-danger)}._icon-wrapper-info_s4so0_119{--iconWrapperBackgroundColor: var(--alert-icon-color-background-information);--iconWrapperColor: var(--alert-icon-color-icon-information)}._icon-wrapper-warning_s4so0_123{--iconWrapperBackgroundColor: var(--alert-icon-color-background-warning);--iconWrapperColor: var(--alert-icon-color-icon-warning)}._icon-wrapper-ai_s4so0_127{background:conic-gradient(from 30deg at 50% 50%,var(--color-green-30) 0deg,var(--color-blue-40) 25.96deg,var(--color-violet-40) 51.92deg,var(--color-pink-40) 76.15deg,var(--color-red-orange-40) 110.77deg,var(--color-pink-40) 162.69deg,var(--color-violet-40) 209.42deg,var(--color-blue-40) 254.42deg,var(--color-teal-40) 306.35deg,var(--color-green-30) 360deg);--iconWrapperColor: var(--alert-icon-color-icon-ai)}._alert-buttons_s4so0_132{flex-shrink:0;width:fit-content}}

package/dist/Alert.js

@@ -1,118 +1,119 @@
 "use client";
 import './Alert.css';
 import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import m, { forwardRef as R, Children as g, cloneElement as u } from "react";
-import { CloseButton as V } from "./CloseButton.js";
-import { Icon as I } from "./Icon.js";
-import { Text as A } from "./Text.js";
-import { c as b } from "./index-PAaZGbyz.js";
+import m, { forwardRef as V, Children as u, cloneElement as d } from "react";
+import { CloseButton as I } from "./CloseButton.js";
+import { Icon as O } from "./Icon.js";
+import { Text as x } from "./Text.js";
+import { c as f } from "./index-PAaZGbyz.js";
 import { Button as h } from "./Button.js";
-import { f as x } from "./forwardRefWithAs-8eP3ZN15.js";
-const O = "_root_3i41g_2", z = "_content_3i41g_21", B = {
-  root: O,
-  "size-md": "_size-md_3i41g_18",
-  "content-actions": "_content-actions_3i41g_21",
-  "without-title": "_without-title_3i41g_24",
-  "icon-wrapper": "_icon-wrapper_3i41g_24",
-  "size-lg": "_size-lg_3i41g_27",
-  "variant-ai": "_variant-ai_3i41g_34",
-  "variant-danger": "_variant-danger_3i41g_39",
-  "variant-info": "_variant-info_3i41g_44",
-  "variant-success": "_variant-success_3i41g_49",
-  "variant-warning": "_variant-warning_3i41g_54",
-  "full-width": "_full-width_3i41g_59",
-  content: z,
-  "content-text": "_content-text_3i41g_71",
-  "title-close-button": "_title-close-button_3i41g_88",
-  "title-with-icon": "_title-with-icon_3i41g_91",
-  "close-button": "_close-button_3i41g_97",
-  "icon-wrapper-success": "_icon-wrapper-success_3i41g_111",
-  "icon-wrapper-danger": "_icon-wrapper-danger_3i41g_115",
-  "icon-wrapper-info": "_icon-wrapper-info_3i41g_119",
-  "icon-wrapper-warning": "_icon-wrapper-warning_3i41g_125",
-  "icon-wrapper-ai": "_icon-wrapper-ai_3i41g_129"
-}, f = x(
-  ({ variant: n = "primary", ...r }, e) => /* @__PURE__ */ a(h, { className: "shrink-0 w-fit", ref: e, variant: n, ...r })
-), w = x(
-  ({ variant: n = "secondary", ...r }, e) => /* @__PURE__ */ a(h, { className: "shrink-0 w-fit", ref: e, variant: n, ...r })
+import { f as B } from "./forwardRefWithAs-8eP3ZN15.js";
+const z = "_root_s4so0_2", F = "_content_s4so0_21", w = {
+  root: z,
+  "size-md": "_size-md_s4so0_18",
+  "content-actions": "_content-actions_s4so0_21",
+  "without-title": "_without-title_s4so0_24",
+  "icon-wrapper": "_icon-wrapper_s4so0_24",
+  "size-lg": "_size-lg_s4so0_27",
+  "variant-ai": "_variant-ai_s4so0_34",
+  "variant-danger": "_variant-danger_s4so0_39",
+  "variant-info": "_variant-info_s4so0_44",
+  "variant-success": "_variant-success_s4so0_49",
+  "variant-warning": "_variant-warning_s4so0_54",
+  "full-width": "_full-width_s4so0_59",
+  content: F,
+  "content-text": "_content-text_s4so0_71",
+  "title-close-button": "_title-close-button_s4so0_88",
+  "title-with-icon": "_title-with-icon_s4so0_91",
+  "close-button": "_close-button_s4so0_97",
+  "icon-wrapper-success": "_icon-wrapper-success_s4so0_111",
+  "icon-wrapper-danger": "_icon-wrapper-danger_s4so0_115",
+  "icon-wrapper-info": "_icon-wrapper-info_s4so0_119",
+  "icon-wrapper-warning": "_icon-wrapper-warning_s4so0_123",
+  "icon-wrapper-ai": "_icon-wrapper-ai_s4so0_127",
+  "alert-buttons": "_alert-buttons_s4so0_132"
+}, $ = f(w), y = B(
+  ({ variant: o = "primary", ...e }, n) => /* @__PURE__ */ a(h, { className: $("alert-buttons"), ref: n, variant: o, ...e })
+), g = B(
+  ({ variant: o = "secondary", ...e }, n) => /* @__PURE__ */ a(h, { className: $("alert-buttons"), ref: n, variant: o, ...e })
 );
-f.displayName = "Alert.Button";
-w.displayName = "Alert.SecondaryButton";
-const F = b(B), _ = ({ children: n, hasCloseButton: r, ...e }) => /* @__PURE__ */ a(A, { as: "span", className: F(r && "title-close-button"), ...e, children: n });
+y.displayName = "Alert.Button";
+g.displayName = "Alert.SecondaryButton";
+const M = f(w), _ = ({ children: o, hasCloseButton: e, ...n }) => /* @__PURE__ */ a(x, { as: "span", className: M(e && "title-close-button"), ...n, children: o });
 _.displayName = "Alert.Title";
-const o = b(B), M = {
+const r = f(w), W = {
   ai: "sparkles",
   brand: "lightbulb-alt",
   danger: "exclamation-octagon",
   info: "info-circle",
   success: "check-circle",
   warning: "exclamation-triangle"
-}, $ = R(
+}, C = V(
   ({
-    children: n,
-    className: r,
-    cta: e,
+    children: o,
+    className: e,
+    cta: n,
     handleClose: p,
-    icon: k,
-    isFullWidth: C,
-    size: s = "md",
+    icon: T,
+    isFullWidth: E,
+    size: i = "md",
     variant: c = "brand",
-    ...T
-  }, E) => {
-    const S = c === "ai", d = g.toArray(n).some((i) => m.isValidElement(i) ? i.type === _ : !1), y = /* @__PURE__ */ a("div", { className: o("icon-wrapper", `icon-wrapper-${c}`), children: /* @__PURE__ */ a(I, { name: k || M[c] }) }), j = g.toArray(n).map((i, t) => i.type === _ ? /* @__PURE__ */ l("div", { className: o("title-with-icon"), children: [
-      y,
-      u(i, {
+    ...S
+  }, j) => {
+    const k = c === "ai", b = u.toArray(o).some((s) => m.isValidElement(s) ? s.type === _ : !1), v = /* @__PURE__ */ a("div", { className: r("icon-wrapper", `icon-wrapper-${c}`), children: /* @__PURE__ */ a(O, { name: T || W[c] }) }), R = u.toArray(o).map((s, t) => s.type === _ ? /* @__PURE__ */ l("div", { className: r("title-with-icon"), children: [
+      v,
+      d(s, {
         hasCloseButton: !!p,
-        variant: `body-${s}-strong`
+        variant: `body-${i}-strong`
       })
-    ] }, `alert-title-${t}`) : i), v = (i) => g.toArray(i).flatMap((t) => m.isValidElement(t) && t.type === m.Fragment ? v(t.props.children) : t.type === f ? u(t, {
-      size: s,
-      variant: S ? "primary-ai" : void 0
-    }) : t.type === w ? u(t, {
-      size: s
-    }) : t), N = !!e && v(e);
+    ] }, `alert-title-${t}`) : s), N = (s) => u.toArray(s).flatMap((t) => m.isValidElement(t) && t.type === m.Fragment ? N(t.props.children) : t.type === y ? d(t, {
+      size: i,
+      variant: k ? "primary-ai" : void 0
+    }) : t.type === g ? d(t, {
+      size: i
+    }) : t), A = !!n && N(n);
     return /* @__PURE__ */ l(
       "div",
       {
-        className: o(
+        className: r(
           "root",
-          C && "full-width",
-          `size-${s}`,
+          E && "full-width",
+          `size-${i}`,
           c && `variant-${c}`,
-          r
+          e
         ),
-        ref: E,
-        ...T,
+        ref: j,
+        ...S,
         children: [
-          !!p && /* @__PURE__ */ a(V, { className: o("close-button"), onClick: p }),
-          /* @__PURE__ */ l("div", { className: o("content"), children: [
+          !!p && /* @__PURE__ */ a(I, { className: r("close-button"), onClick: p }),
+          /* @__PURE__ */ l("div", { className: r("content"), children: [
             /* @__PURE__ */ l(
-              A,
+              x,
               {
                 as: "div",
-                className: o("content-text", !d && "without-title"),
-                variant: `body-${s}`,
+                className: r("content-text", !b && "without-title"),
+                variant: `body-${i}`,
                 children: [
-                  !d && y,
-                  j
+                  !b && v,
+                  R
                 ]
               }
             ),
-            !!N && /* @__PURE__ */ a("div", { className: o("content-actions"), children: N })
+            !!A && /* @__PURE__ */ a("div", { className: r("content-actions"), children: A })
           ] })
         ]
       }
     );
   }
 );
-$.displayName = "Alert";
-const P = Object.assign($, {
-  Button: f,
-  SecondaryButton: w,
+C.displayName = "Alert";
+const Q = Object.assign(C, {
+  Button: y,
+  SecondaryButton: g,
   Title: _
 });
 export {
-  P as Alert,
-  M as ICON,
-  B as alertClasses
+  Q as Alert,
+  W as ICON,
+  w as alertClasses
 };

package/dist/Button.css

@@ -1 +1 @@
-@property --gradient-angle{syntax: "<angle>"; initial-value: -60deg; inherits: true;}@keyframes _rotate-gradient_8wg4f_1{to{--gradient-angle: 300deg}}@layer components{._root_8wg4f_12{position:relative;display:inline-flex;white-space:nowrap;flex-shrink:0;align-items:center;justify-content:center;border-style:solid;cursor:pointer;border-radius:var(--border-radius-md);transition-property:all;transition-duration:var(--duration-medium);transition-timing-function:ease-in-out;outline:transparent solid var(--border-width-md);font-weight:var(--font-weight-semi-bold);font-family:var(--font-family-body);line-height:var(--font-line-height-xs);height:var(--buttonHeight);padding-inline:var(--buttonPaddingInline);font-size:var(--buttonFontSize);color:var(--buttonColor, var(--color-neutral-90));background:var(--buttonBackground);border-width:var(--buttonBorderWidth, 0);border-color:var(--buttonBorderColor, transparent);box-shadow:var(--buttonBoxShadow, none);gap:var(--buttonGap)}._root_8wg4f_12[data-focus-visible],._root_8wg4f_12:focus-visible{outline-width:var(--button-border-width-focused);outline-color:var(--buttonOutlineColorFocus)}@media (hover: hover) and (pointer: fine){._root_8wg4f_12:hover:not(:disabled):not([aria-disabled]){box-shadow:var(--elevation-20);--buttonBackground: var(--buttonBackgroundHover);--buttonBorderColor: var(--buttonBorderColorHover, transparent);--buttonColor: var(--buttonColorHover)}}._root_8wg4f_12:active:not(:disabled):not([aria-disabled]){--buttonBackground: var(--buttonBackgroundActive);--buttonBorderColor: var(--buttonBorderColorActive, transparent);--buttonColor: var(--buttonColorPressed)}._root_8wg4f_12:disabled,._root_8wg4f_12[aria-disabled]{--buttonBorderColor: var(--buttonBorderColorDisabled, transparent);--buttonColor: var(--buttonColorDisabled);--buttonBackground: var(--buttonBackgroundDisabled);cursor:not-allowed}._root_8wg4f_12 i.wui-icon-font,._root_8wg4f_12 svg{font-weight:initial;width:var(--buttonIconSize);height:var(--buttonIconSize);font-size:var(--buttonIconSize)}._root_8wg4f_12:has(svg:only-child),._root_8wg4f_12:has(i._wui-icon-font_8wg4f_66:only-child){width:var(--buttonHeight);--buttonPaddingInline: 0}._size-sm_8wg4f_77{--buttonFontSize: var(--font-size-14);--buttonHeight: var(--button-size-max-height-sm);--buttonPaddingInline: var(--button-padding-inline-sm);--buttonIconSize: var(--button-size-icon-sm);--buttonGap: var(--button-gap-content-sm)}._size-md_8wg4f_84{--buttonFontSize: var(--font-size-14);--buttonHeight: var(--button-size-max-height-md);--buttonPaddingInline: var(--button-padding-inline-md);--buttonIconSize: var(--button-size-icon-md);--buttonGap: var(--button-gap-content-md)}._size-lg_8wg4f_91{--buttonFontSize: var(--font-size-16);--buttonHeight: var(--button-size-max-height-lg);--buttonPaddingInline: var(--button-padding-inline-lg);--buttonIconSize: var(--button-size-icon-lg);--buttonGap: var(--button-gap-content-lg)}._variant-primary_8wg4f_98{--buttonBackground: var(--button-color-background-primary-main-default);--buttonBackgroundActive: var(--button-color-background-primary-main-pressed);--buttonBackgroundHover: var(--button-color-background-primary-main-hover);--buttonOutlineColorFocus: var(--button-color-border-focused);--buttonColorDisabled: var(--button-color-text-primary-main-disabled);--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--button-color-background-primary-main-disabled) 2.5px, var(--button-color-background-primary-main-disabled) 5.25px) padding-box}._variant-primary-neutral_8wg4f_106{--buttonBackground: var(--button-color-background-primary-neutral-default);--buttonBackgroundActive: var(--button-color-background-primary-neutral-pressed);--buttonBackgroundHover: var(--button-color-background-primary-neutral-hover);--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--button-color-background-primary-neutral-disabled) 2.5px, var(--button-color-background-primary-neutral-disabled) 5.25px) padding-box;--buttonColor: var(--button-color-text-primary-neutral-default);--buttonColorDisabled: var(--button-color-text-primary-neutral-disabled);--buttonColorHover: var(--button-color-text-primary-neutral-hover);--buttonColorPressed: var(--button-color-text-primary-neutral-pressed);--buttonOutlineColorFocus: var(--button-color-border-focused)}._variant-primary-ai_8wg4f_117{--buttonBackground: linear-gradient(var(--button-color-background-primary-ai-default) 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--buttonBackgroundActive: linear-gradient(var(--button-color-background-primary-ai-pressed) 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--buttonBackgroundHover: linear-gradient(var(--button-color-background-primary-ai-hover) 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--button-color-background-primary-ai-disabled) 2.5px, var(--button-color-background-primary-ai-disabled) 5.25px) padding-box, linear-gradient( 107.75deg, var(--color-neutral-30) 0%, var(--color-neutral-50) 20%, var(--color-neutral-40) 40%, var(--color-neutral-50) 60%, var(--color-neutral-60) 80%, var(--color-neutral-50) 100% ) border-box;--buttonBorderWidth: var(--button-border-width-ai);--buttonColor: var(--button-color-text-primary-ai-default);--buttonColorDisabled: var(--button-color-text-primary-ai-disabled);--buttonColorHover: var(--button-color-text-primary-ai-hover);--buttonColorPressed: var(--button-color-text-primary-ai-pressed);--buttonOutlineColorFocus: var(--button-color-border-focused);animation:_rotate-gradient_8wg4f_1 3s linear infinite paused}@media (hover: hover) and (pointer: fine){._variant-primary-ai_8wg4f_117:hover:not(:disabled):not([aria-disabled]){animation-play-state:running}}._variant-primary-ai_8wg4f_117:focus-visible{animation-play-state:running}._variant-primary-danger_8wg4f_149{--buttonBackground: var(--button-color-background-primary-danger-default);--buttonBackgroundActive: var(--button-color-background-primary-danger-pressed);--buttonBackgroundHover: var(--button-color-background-primary-danger-hover);--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--button-color-background-primary-danger-disabled) 2.5px, var(--button-color-background-primary-danger-disabled) 5.25px) padding-box;--buttonColor: var(--button-color-text-primary-danger-default);--buttonColorDisabled: var(--button-color-text-primary-danger-disabled);--buttonColorHover: var(--button-color-text-primary-danger-hover);--buttonColorPressed: var(--button-color-text-primary-danger-pressed);--buttonBorderWidth: var(--button-border-width-secondary);--buttonOutlineColorFocus: var(--button-color-border-focused)}._variant-secondary_8wg4f_161{--buttonBackground: var(--button-color-background-secondary-main-default);--buttonBackgroundActive: var(--button-color-background-secondary-main-pressed);--buttonBackgroundHover: var(--button-color-background-secondary-main-hover);--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--button-color-background-secondary-main-disabled) 2.5px, var(--button-color-background-secondary-main-disabled) 5.25px) padding-box;--buttonColor: var(--button-color-text-secondary-main-default);--buttonColorDisabled: var(--button-color-text-secondary-main-disabled);--buttonColorHover: var(--button-color-text-secondary-main-hover);--buttonColorPressed: var(--button-color-text-secondary-main-pressed);--buttonBorderWidth: var(--button-border-width-secondary);--buttonBorderColor: var(--button-color-border-secondary-main-default);--buttonBorderColorHover: var(--button-color-border-secondary-main-hover);--buttonBorderColorActive: var(--button-color-border-secondary-main-pressed);--buttonOutlineColorFocus: var(--button-color-border-focused)}._variant-secondary-danger_8wg4f_176{--buttonBackground: var(--button-color-background-secondary-danger-default);--buttonBackgroundActive: var(--button-color-background-secondary-danger-pressed);--buttonBackgroundHover: var(--button-color-background-secondary-danger-hover);--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--button-color-background-secondary-danger-disabled) 2.5px, var(--button-color-background-secondary-danger-disabled) 5.25px) padding-box;--buttonColor: var(--button-color-text-secondary-danger-default);--buttonColorDisabled: var(--button-color-text-secondary-danger-disabled);--buttonColorHover: var(--button-color-text-secondary-danger-hover);--buttonColorPressed: var(--button-color-text-secondary-danger-pressed);--buttonBorderWidth: var(--button-border-width-secondary);--buttonBorderColor: var(--button-color-border-secondary-danger-default);--buttonBorderColorHover: var(--button-color-border-secondary-danger-hover);--buttonBorderColorActive: var(--button-color-border-secondary-danger-pressed);--buttonOutlineColorFocus: var(--button-color-border-focused)}._variant-tertiary_8wg4f_191{--buttonBackground: var(--button-color-background-tertiary-main-default);--buttonBackgroundActive: var(--button-color-background-tertiary-main-pressed);--buttonBackgroundHover: var(--button-color-background-tertiary-main-hover);--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--button-color-background-tertiary-main-disabled) 2.5px, var(--button-color-background-tertiary-main-disabled) 5.25px) padding-box;--buttonColor: var(--button-color-text-tertiary-main-default);--buttonColorDisabled: var(--button-color-text-tertiary-main-disabled);--buttonColorHover: var(--button-color-text-tertiary-main-hover);--buttonColorPressed: var(--button-color-text-tertiary-main-pressed);--buttonOutlineColorFocus: var(--button-color-border-focused)}._variant-tertiary-danger_8wg4f_202{--buttonBackground: var(--button-color-background-tertiary-danger-default);--buttonBackgroundActive: var(--button-color-background-tertiary-danger-pressed);--buttonBackgroundHover: var(--button-color-background-tertiary-danger-hover);--buttonBackgroundDisabled: var(--button-color-background-tertiary-danger-disabled);--buttonColor: var(--button-color-text-tertiary-danger-default);--buttonColorDisabled: var(--button-color-text-tertiary-danger-disabled);--buttonColorHover: var(--button-color-text-tertiary-danger-hover);--buttonColorPressed: var(--button-color-text-tertiary-danger-pressed);--buttonOutlineColorFocus: var(--button-color-border-focused)}._loader_8wg4f_213{display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left:0;right:0;top:0}._loader-children_8wg4f_223{opacity:0}}
+@property --gradient-angle{syntax: "<angle>"; initial-value: -60deg; inherits: true;}@keyframes _rotate-gradient_k9ec7_1{to{--gradient-angle: 300deg}}@layer components{._root_k9ec7_12{position:relative;display:inline-flex;white-space:nowrap;flex-shrink:0;align-items:center;justify-content:center;border-style:solid;cursor:pointer;border-radius:var(--border-radius-md);transition-property:all;transition-duration:var(--duration-medium);transition-timing-function:ease-in-out;outline:transparent solid var(--border-width-md);font-weight:var(--font-weight-semi-bold);font-family:var(--font-family-body);line-height:var(--font-line-height-xs);height:var(--buttonHeight);padding-inline:var(--buttonPaddingInline);font-size:var(--buttonFontSize);color:var(--buttonColor, var(--color-neutral-90));background:var(--buttonBackground);border-width:var(--buttonBorderWidth, 0);border-color:var(--buttonBorderColor, transparent);box-shadow:var(--buttonBoxShadow, none);gap:var(--buttonGap)}._root_k9ec7_12[data-focus-visible],._root_k9ec7_12:focus-visible{outline-width:var(--button-border-width-focused);outline-color:var(--buttonOutlineColorFocus)}@media (hover: hover) and (pointer: fine){._root_k9ec7_12:hover:not(:disabled):not([aria-disabled]){box-shadow:var(--elevation-20);--buttonBackground: var(--buttonBackgroundHover);--buttonBorderColor: var(--buttonBorderColorHover, transparent);--buttonColor: var(--buttonColorHover)}}._root_k9ec7_12:is(:active,[aria-pressed=true]):not(:disabled):not([aria-disabled]){--buttonBackground: var(--buttonBackgroundActive);--buttonBorderColor: var(--buttonBorderColorActive, transparent);--buttonColor: var(--buttonColorPressed)}._root_k9ec7_12:disabled,._root_k9ec7_12[aria-disabled]{--buttonBorderColor: var(--buttonBorderColorDisabled, transparent);--buttonColor: var(--buttonColorDisabled);--buttonBackground: var(--buttonBackgroundDisabled);cursor:not-allowed}._root_k9ec7_12 i.wui-icon-font,._root_k9ec7_12 svg{font-weight:initial;width:var(--buttonIconSize);height:var(--buttonIconSize);font-size:var(--buttonIconSize)}._root_k9ec7_12:has(svg:only-child),._root_k9ec7_12:has(i._wui-icon-font_k9ec7_66:only-child){width:var(--buttonHeight);--buttonPaddingInline: 0}._size-sm_k9ec7_77{--buttonFontSize: var(--font-size-14);--buttonHeight: var(--button-size-max-height-sm);--buttonPaddingInline: var(--button-padding-inline-sm);--buttonIconSize: var(--button-size-icon-sm);--buttonGap: var(--button-gap-content-sm)}._size-md_k9ec7_84{--buttonFontSize: var(--font-size-14);--buttonHeight: var(--button-size-max-height-md);--buttonPaddingInline: var(--button-padding-inline-md);--buttonIconSize: var(--button-size-icon-md);--buttonGap: var(--button-gap-content-md)}._size-lg_k9ec7_91{--buttonFontSize: var(--font-size-16);--buttonHeight: var(--button-size-max-height-lg);--buttonPaddingInline: var(--button-padding-inline-lg);--buttonIconSize: var(--button-size-icon-lg);--buttonGap: var(--button-gap-content-lg)}._variant-primary_k9ec7_98{--buttonBackground: var(--button-color-background-primary-main-default);--buttonBackgroundActive: var(--button-color-background-primary-main-pressed);--buttonBackgroundHover: var(--button-color-background-primary-main-hover);--buttonOutlineColorFocus: var(--button-color-border-focused);--buttonColorDisabled: var(--button-color-text-primary-main-disabled);--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--button-color-background-primary-main-disabled) 2.5px, var(--button-color-background-primary-main-disabled) 5.25px) padding-box}._variant-primary-neutral_k9ec7_106{--buttonBackground: var(--button-color-background-primary-neutral-default);--buttonBackgroundActive: var(--button-color-background-primary-neutral-pressed);--buttonBackgroundHover: var(--button-color-background-primary-neutral-hover);--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--button-color-background-primary-neutral-disabled) 2.5px, var(--button-color-background-primary-neutral-disabled) 5.25px) padding-box;--buttonColor: var(--button-color-text-primary-neutral-default);--buttonColorDisabled: var(--button-color-text-primary-neutral-disabled);--buttonColorHover: var(--button-color-text-primary-neutral-hover);--buttonColorPressed: var(--button-color-text-primary-neutral-pressed);--buttonOutlineColorFocus: var(--button-color-border-focused)}._variant-primary-ai_k9ec7_117{--buttonBackground: linear-gradient(var(--button-color-background-primary-ai-default) 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--buttonBackgroundActive: linear-gradient(var(--button-color-background-primary-ai-pressed) 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--buttonBackgroundHover: linear-gradient(var(--button-color-background-primary-ai-hover) 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--button-color-background-primary-ai-disabled) 2.5px, var(--button-color-background-primary-ai-disabled) 5.25px) padding-box, linear-gradient( 107.75deg, var(--color-neutral-30) 0%, var(--color-neutral-50) 20%, var(--color-neutral-40) 40%, var(--color-neutral-50) 60%, var(--color-neutral-60) 80%, var(--color-neutral-50) 100% ) border-box;--buttonBorderWidth: var(--button-border-width-ai);--buttonColor: var(--button-color-text-primary-ai-default);--buttonColorDisabled: var(--button-color-text-primary-ai-disabled);--buttonColorHover: var(--button-color-text-primary-ai-hover);--buttonColorPressed: var(--button-color-text-primary-ai-pressed);--buttonOutlineColorFocus: var(--button-color-border-focused);animation:_rotate-gradient_k9ec7_1 3s linear infinite paused}@media (hover: hover) and (pointer: fine){._variant-primary-ai_k9ec7_117:hover:not(:disabled):not([aria-disabled]){animation-play-state:running}}._variant-primary-ai_k9ec7_117:focus-visible{animation-play-state:running}._variant-primary-danger_k9ec7_149{--buttonBackground: var(--button-color-background-primary-danger-default);--buttonBackgroundActive: var(--button-color-background-primary-danger-pressed);--buttonBackgroundHover: var(--button-color-background-primary-danger-hover);--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--button-color-background-primary-danger-disabled) 2.5px, var(--button-color-background-primary-danger-disabled) 5.25px) padding-box;--buttonColor: var(--button-color-text-primary-danger-default);--buttonColorDisabled: var(--button-color-text-primary-danger-disabled);--buttonColorHover: var(--button-color-text-primary-danger-hover);--buttonColorPressed: var(--button-color-text-primary-danger-pressed);--buttonBorderWidth: var(--button-border-width-secondary);--buttonOutlineColorFocus: var(--button-color-border-focused)}._variant-secondary_k9ec7_161{--buttonBackground: var(--button-color-background-secondary-main-default);--buttonBackgroundActive: var(--button-color-background-secondary-main-pressed);--buttonBackgroundHover: var(--button-color-background-secondary-main-hover);--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--button-color-background-secondary-main-disabled) 2.5px, var(--button-color-background-secondary-main-disabled) 5.25px) padding-box;--buttonColor: var(--button-color-text-secondary-main-default);--buttonColorDisabled: var(--button-color-text-secondary-main-disabled);--buttonColorHover: var(--button-color-text-secondary-main-hover);--buttonColorPressed: var(--button-color-text-secondary-main-pressed);--buttonBorderWidth: var(--button-border-width-secondary);--buttonBorderColor: var(--button-color-border-secondary-main-default);--buttonBorderColorHover: var(--button-color-border-secondary-main-hover);--buttonBorderColorActive: var(--button-color-border-secondary-main-pressed);--buttonOutlineColorFocus: var(--button-color-border-focused)}._variant-secondary-danger_k9ec7_176{--buttonBackground: var(--button-color-background-secondary-danger-default);--buttonBackgroundActive: var(--button-color-background-secondary-danger-pressed);--buttonBackgroundHover: var(--button-color-background-secondary-danger-hover);--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--button-color-background-secondary-danger-disabled) 2.5px, var(--button-color-background-secondary-danger-disabled) 5.25px) padding-box;--buttonColor: var(--button-color-text-secondary-danger-default);--buttonColorDisabled: var(--button-color-text-secondary-danger-disabled);--buttonColorHover: var(--button-color-text-secondary-danger-hover);--buttonColorPressed: var(--button-color-text-secondary-danger-pressed);--buttonBorderWidth: var(--button-border-width-secondary);--buttonBorderColor: var(--button-color-border-secondary-danger-default);--buttonBorderColorHover: var(--button-color-border-secondary-danger-hover);--buttonBorderColorActive: var(--button-color-border-secondary-danger-pressed);--buttonOutlineColorFocus: var(--button-color-border-focused)}._variant-tertiary_k9ec7_191{--buttonBackground: var(--button-color-background-tertiary-main-default);--buttonBackgroundActive: var(--button-color-background-tertiary-main-pressed);--buttonBackgroundHover: var(--button-color-background-tertiary-main-hover);--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--button-color-background-tertiary-main-disabled) 2.5px, var(--button-color-background-tertiary-main-disabled) 5.25px) padding-box;--buttonColor: var(--button-color-text-tertiary-main-default);--buttonColorDisabled: var(--button-color-text-tertiary-main-disabled);--buttonColorHover: var(--button-color-text-tertiary-main-hover);--buttonColorPressed: var(--button-color-text-tertiary-main-pressed);--buttonOutlineColorFocus: var(--button-color-border-focused)}._variant-tertiary-danger_k9ec7_202{--buttonBackground: var(--button-color-background-tertiary-danger-default);--buttonBackgroundActive: var(--button-color-background-tertiary-danger-pressed);--buttonBackgroundHover: var(--button-color-background-tertiary-danger-hover);--buttonBackgroundDisabled: var(--button-color-background-tertiary-danger-disabled);--buttonColor: var(--button-color-text-tertiary-danger-default);--buttonColorDisabled: var(--button-color-text-tertiary-danger-disabled);--buttonColorHover: var(--button-color-text-tertiary-danger-hover);--buttonColorPressed: var(--button-color-text-tertiary-danger-pressed);--buttonOutlineColorFocus: var(--button-color-border-focused)}._loader_k9ec7_213{display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left:0;right:0;top:0}._loader-children_k9ec7_223{opacity:0}}

package/dist/Button.js

@@ -7,59 +7,59 @@ import { Loader as x } from "./Loader.js";
 import { c as B } from "./index-PAaZGbyz.js";
 import { f as N } from "./forwardRefWithAs-8eP3ZN15.js";
 import "react";
-const $ = "_root_8wg4f_12", j = "_loader_8wg4f_213", D = {
-  root: $,
-  "wui-icon-font": "_wui-icon-font_8wg4f_66",
-  "size-sm": "_size-sm_8wg4f_77",
-  "size-md": "_size-md_8wg4f_84",
-  "size-lg": "_size-lg_8wg4f_91",
-  "variant-primary": "_variant-primary_8wg4f_98",
-  "variant-primary-neutral": "_variant-primary-neutral_8wg4f_106",
-  "variant-primary-ai": "_variant-primary-ai_8wg4f_117",
-  "rotate-gradient": "_rotate-gradient_8wg4f_1",
-  "variant-primary-danger": "_variant-primary-danger_8wg4f_149",
-  "variant-secondary": "_variant-secondary_8wg4f_161",
-  "variant-secondary-danger": "_variant-secondary-danger_8wg4f_176",
-  "variant-tertiary": "_variant-tertiary_8wg4f_191",
-  "variant-tertiary-danger": "_variant-tertiary-danger_8wg4f_202",
-  loader: j,
-  "loader-children": "_loader-children_8wg4f_223"
-}, t = B(D), S = N(
+const w = "_root_k9ec7_12", $ = "_loader_k9ec7_213", j = {
+  root: w,
+  "wui-icon-font": "_wui-icon-font_k9ec7_66",
+  "size-sm": "_size-sm_k9ec7_77",
+  "size-md": "_size-md_k9ec7_84",
+  "size-lg": "_size-lg_k9ec7_91",
+  "variant-primary": "_variant-primary_k9ec7_98",
+  "variant-primary-neutral": "_variant-primary-neutral_k9ec7_106",
+  "variant-primary-ai": "_variant-primary-ai_k9ec7_117",
+  "rotate-gradient": "_rotate-gradient_k9ec7_1",
+  "variant-primary-danger": "_variant-primary-danger_k9ec7_149",
+  "variant-secondary": "_variant-secondary_k9ec7_161",
+  "variant-secondary-danger": "_variant-secondary-danger_k9ec7_176",
+  "variant-tertiary": "_variant-tertiary_k9ec7_191",
+  "variant-tertiary-danger": "_variant-tertiary-danger_k9ec7_202",
+  loader: $,
+  "loader-children": "_loader-children_k9ec7_223"
+}, e = B(j), D = N(
   ({
     accessibleWhenDisabled: s = !0,
-    as: i,
-    children: e,
+    as: t,
+    children: i,
     className: _ = "",
-    disabled: d = !1,
+    disabled: c = !1,
     isLoading: a = !1,
-    size: l = "lg",
-    variant: m = "primary",
-    ...f
-  }, g) => {
-    const { disabled: c, size: p, variant: v } = h(), u = c || d || a, y = v || m, w = p || l, n = i || "button";
+    size: d = "lg",
+    variant: l = "primary",
+    ...m
+  }, p) => {
+    const { disabled: v, size: u, variant: y } = h(), k = v || c || a, f = y || l, g = u || d, n = t || "button";
     return /* @__PURE__ */ o(
       b,
       {
         ...n === "button" ? { type: "button" } : {},
-        ...f,
+        ...m,
         accessibleWhenDisabled: s,
-        className: t("root", `variant-${y}`, `size-${w}`, _),
-        disabled: u,
-        ref: g,
-        render: i ? /* @__PURE__ */ r(n, {}) : void 0,
+        className: e("root", `variant-${f}`, `size-${g}`, _),
+        disabled: k,
+        ref: p,
+        render: t ? /* @__PURE__ */ r(n, {}) : void 0,
         children: [
           a ? /* @__PURE__ */ o(z, { children: [
-            /* @__PURE__ */ r("div", { className: t("loader"), children: /* @__PURE__ */ r(x, { size: "xs" }) }),
-            /* @__PURE__ */ r("div", { className: t("loader-children"), children: e })
+            /* @__PURE__ */ r("div", { className: e("loader"), children: /* @__PURE__ */ r(x, { size: "xs" }) }),
+            /* @__PURE__ */ r("div", { className: e("loader-children"), children: i })
           ] }) : null,
-          !a && e
+          !a && i
         ]
       }
     );
   }
 );
-S.displayName = "Button";
+D.displayName = "Button";
 export {
-  S as Button,
-  D as buttonClasses
+  D as Button,
+  j as buttonClasses
 };

package/dist/Checkbox.js

@@ -1,57 +1,57 @@
 "use client";
 import './Checkbox.css';
-import { jsxs as k, jsx as s } from "react/jsx-runtime";
-import { a as x } from "./I7KWAPMF-CuA_ygsc.js";
-import { forwardRef as w, useState as l } from "react";
-import { useField as C } from "./Field.js";
+import { jsxs as v, jsx as s } from "react/jsx-runtime";
+import { a as b } from "./I7KWAPMF-CuA_ygsc.js";
+import { forwardRef as x, useState as w } from "react";
+import { useField as h } from "./Field.js";
 import { VisuallyHidden as g } from "./VisuallyHidden.js";
-import { c as V } from "./index-PAaZGbyz.js";
-import { Icon as d } from "./Icon.js";
-const y = "_root_uppw9_2", F = "_indeterminate_uppw9_67", I = {
-  root: y,
+import { c as C } from "./index-PAaZGbyz.js";
+import { Icon as l } from "./Icon.js";
+const V = "_root_uppw9_2", k = "_indeterminate_uppw9_67", y = {
+  root: V,
   "variant-danger": "_variant-danger_uppw9_49",
   "variant-warning": "_variant-warning_uppw9_55",
   "variant-success": "_variant-success_uppw9_61",
-  indeterminate: F
-}, N = V(I), j = w(
-  ({ checked: m = !1, className: u, indeterminate: a = !1, onChange: i, variant: p, ...o }, f) => {
-    const [e, _] = l(m), [h, t] = l(!1), { getInputProps: n, variant: v } = C(), r = v || p, { disabled: c } = n(o), b = () => {
-      _(!e), i && i(!e);
+  indeterminate: k
+}, F = C(y), N = x(
+  ({ checked: a = !1, className: m, indeterminate: i = !1, onChange: e, variant: u, ...o }, p) => {
+    const [d, n] = w(!1), { getInputProps: t, variant: f } = h(), r = f || u, { disabled: c } = t(o), _ = () => {
+      e && e(!a);
     };
-    return /* @__PURE__ */ k(
+    return /* @__PURE__ */ v(
       "div",
       {
-        "aria-checked": e,
+        "aria-checked": a,
         "aria-disabled": c,
-        className: N(
+        className: F(
           "root",
           r && `variant-${r}`,
-          a && "indeterminate",
+          i && "indeterminate",
           "field-input",
-          u
+          m
         ),
-        "data-focus-visible": h || void 0,
-        onClick: c ? void 0 : b,
+        "data-focus-visible": d || void 0,
+        onClick: c ? void 0 : _,
         children: [
           /* @__PURE__ */ s(g, { children: /* @__PURE__ */ s(
-            x,
+            b,
             {
-              ...n(o),
-              checked: e,
-              onBlur: () => t(!1),
-              onFocusVisible: () => t(!0),
-              ref: f
+              ...t(o),
+              checked: a,
+              onBlur: () => n(!1),
+              onFocusVisible: () => n(!0),
+              ref: p
             }
           ) }),
-          e ? /* @__PURE__ */ s(d, { name: "check", size: "sm" }) : null,
-          !e && a ? /* @__PURE__ */ s(d, { name: "minus", size: "sm" }) : null
+          a ? /* @__PURE__ */ s(l, { name: "check", size: "sm" }) : null,
+          !a && i ? /* @__PURE__ */ s(l, { name: "minus", size: "sm" }) : null
         ]
       }
     );
   }
 );
-j.displayName = "Checkbox";
+N.displayName = "Checkbox";
 export {
-  j as Checkbox,
-  I as checkboxClasses
+  N as Checkbox,
+  y as checkboxClasses
 };

package/dist/Drawer.css

@@ -1 +1 @@
-@layer components{._asset-drawer_4vnol_3{overflow:hidden;border-top-left-radius:var(--border-radius-2xl);border-top-right-radius:var(--border-radius-2xl);top:auto!important}._asset-drawer_4vnol_3[class*=root]{height:calc(100% - 3rem)}._content-wrapper_4vnol_14{height:100%;margin-top:var(--spacing-xl);overflow-y:auto;width:100%}@media screen and (min-width: 736px){._content-wrapper_4vnol_14{margin-top:var(--spacing-3xl)}}._content-max-width_4vnol_25{flex:1;margin:0 auto;width:100%;max-width:var(--assetDrawerContentMaxWidth, 51.25rem)}._content_4vnol_14{--assetDrawerContentPadding: 0 var(--spacing-md) var(--spacing-xl);padding:var(--assetDrawerContentPadding)}@media screen and (min-width: 736px){._content_4vnol_14{--assetDrawerContentPadding: 0 var(--spacing-xl) var(--spacing-3xl)}}._asset-drawer-header_4vnol_40{display:flex;flex-direction:column;gap:var(--spacing-xl);justify-content:space-between;background-color:var(--color-background-neutral-inverse-fixed);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);position:sticky;top:0;z-index:1}@media screen and (min-width: 736px){._asset-drawer-header_4vnol_40{align-items:center;flex-direction:row}}._back-button_4vnol_58{align-items:center;display:flex;gap:var(--spacing-md)}@media screen and (min-width: 736px){._back-button_4vnol_58{gap:var(--spacing-xl)}}._title_4vnol_68{display:flex;flex-direction:column;gap:var(--spacing-xxs)}._icon-block_4vnol_73{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--border-radius-sm);background-color:var(--color-background-warm-primary);transition:background-color var(--duration-medium);--iconBlockSize: var(--size-icon-2xl);width:var(--iconBlockSize);height:var(--iconBlockSize)}._icon-block_4vnol_73._size-md_4vnol_85{--iconBlockSize: var(--size-icon-2xl)}._icon-block_4vnol_73._size-sm_4vnol_88{--iconBlockSize: var(--size-icon-xl)}}@layer components{._root_hxy3b_3{background-color:var(--drawer-body-color-background-default);border:var(--drawer-border-width) solid var(--drawer-color-border-default);box-shadow:var(--elevation-10);z-index:999;position:fixed;display:flex;flex-direction:column;opacity:0;transition:var(--duration-medium);max-width:100%;--drawerLeft: 0;--drawerRight: 0;--drawerTop: 0;--drawerBottom: 0;--drawerHeight: calc(100% - var(--spacing-md) * 2);--drawerWidth: calc(100% - var(--spacing-md) * 2);--drawerTransform: translate(0, 0);left:var(--drawerLeft);right:var(--drawerRight);top:var(--drawerTop);bottom:var(--drawerBottom);width:var(--drawerWidth);height:var(--drawerHeight);transform:var(--drawerTransform)}@media screen and (max-width: 736px){._root_hxy3b_3{--drawerTransform: translate(0, 0);top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;border-radius:0;transform:var(--drawerTransform)}}._root_hxy3b_3:has(>header) ._drawer-close_hxy3b_44{display:none}@media screen and (min-width: 736px){._root_hxy3b_3{border-radius:var(--drawer-border-radius);margin:var(--spacing-md)}}._root_hxy3b_3._placement-bottom_hxy3b_53{--drawerTop: calc(100% - var(--drawerHeight) - var(--spacing-md) * 2);--drawerTransform: translate(0, 100%)}._root_hxy3b_3._placement-left_hxy3b_57{--drawerRight: calc(100% - var(--drawerWidth) - var(--spacing-md) * 2);--drawerTransform: translate(-100%, 0)}._root_hxy3b_3._placement-right_hxy3b_61{--drawerLeft: calc(100% - var(--drawerWidth) - var(--spacing-md) * 2);--drawerTransform: translate(100%, 0)}._root_hxy3b_3._placement-top_hxy3b_65{--drawerBottom: calc(100% - var(--drawerHeight) - var(--spacing-md) * 2);--drawerTransform: translate(0, -100%)}._root_hxy3b_3._placement-top_hxy3b_65._size-sm_hxy3b_69,._root_hxy3b_3._placement-bottom_hxy3b_53._size-sm_hxy3b_69{--drawerHeight: 25rem}._root_hxy3b_3._placement-top_hxy3b_65._size-md_hxy3b_72,._root_hxy3b_3._placement-bottom_hxy3b_53._size-md_hxy3b_72{--drawerHeight: 34.375rem}._root_hxy3b_3._placement-top_hxy3b_65._size-lg_hxy3b_75,._root_hxy3b_3._placement-bottom_hxy3b_53._size-lg_hxy3b_75{--drawerHeight: 42.5rem}._root_hxy3b_3._placement-left_hxy3b_57._size-sm_hxy3b_69,._root_hxy3b_3._placement-right_hxy3b_61._size-sm_hxy3b_69{--drawerWidth: 32.25rem}@media screen and (max-width: 32.25rem){._root_hxy3b_3._placement-left_hxy3b_57._size-sm_hxy3b_69,._root_hxy3b_3._placement-right_hxy3b_61._size-sm_hxy3b_69{--drawerTransform: translate(0, 0);top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;border-radius:0;transform:var(--drawerTransform)}}._root_hxy3b_3._placement-left_hxy3b_57._size-md_hxy3b_72,._root_hxy3b_3._placement-right_hxy3b_61._size-md_hxy3b_72{--drawerWidth: 44.25rem}@media screen and (max-width: 44.25rem){._root_hxy3b_3._placement-left_hxy3b_57._size-md_hxy3b_72,._root_hxy3b_3._placement-right_hxy3b_61._size-md_hxy3b_72{--drawerTransform: translate(0, 0);top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;border-radius:0;transform:var(--drawerTransform)}}._root_hxy3b_3._placement-left_hxy3b_57._size-lg_hxy3b_75,._root_hxy3b_3._placement-right_hxy3b_61._size-lg_hxy3b_75{--drawerWidth: 56.25rem}@media screen and (max-width: 56.25rem){._root_hxy3b_3._placement-left_hxy3b_57._size-lg_hxy3b_75,._root_hxy3b_3._placement-right_hxy3b_61._size-lg_hxy3b_75{--drawerTransform: translate(0, 0);top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;border-radius:0;transform:var(--drawerTransform)}}._root_hxy3b_3[data-enter]{opacity:1;--drawerTransform: translate(0, 0)}._root_hxy3b_3._fullscreen_hxy3b_124{top:0;left:0;width:calc(100% - var(--spacing-md) * 2);height:calc(100% - var(--spacing-md) * 2)}._root_hxy3b_3._fullscreen_hxy3b_124._placement-left_hxy3b_57:not([data-enter]){--drawerTransform: translate(-100%, 0)}._root_hxy3b_3._fullscreen_hxy3b_124._placement-right_hxy3b_61:not([data-enter]){--drawerTransform: translate(100%, 0)}._root_hxy3b_3._fullscreen_hxy3b_124._placement-top_hxy3b_65:not([data-enter]){--drawerTransform: translate(0, -100%)}._root_hxy3b_3._fullscreen_hxy3b_124._placement-bottom_hxy3b_53:not([data-enter]){--drawerTransform: translate(0, 100%)}._root_hxy3b_3._fullscreen_hxy3b_124 ._media_hxy3b_142{display:flex;align-items:center;justify-content:center}._root_hxy3b_3._fullscreen_hxy3b_124 ._media_hxy3b_142 :first-child{max-height:calc(100vh - 37px - var(--spacing-xxl) * 2);width:auto;height:auto}._backdrop_hxy3b_152{background-color:var(--color-background-transparent-black-subtle);z-index:999;position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .15s ease-in-out}._backdrop_hxy3b_152._drawer-hide-on-interact-outside_hxy3b_160{cursor:pointer}._backdrop_hxy3b_152[data-enter]{opacity:1}._content_hxy3b_166{flex:1;padding:var(--spacing-xxl);overflow-y:auto}._content-header_hxy3b_171{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}._content-header-subtitle_hxy3b_177{color:var(--modal-color-text-body);margin-bottom:var(--spacing-md)}._footer_hxy3b_181{bottom:0;position:sticky;z-index:1;width:100%;background-color:var(--drawer-body-color-background-default);padding:var(--spacing-xl);display:flex;flex-wrap:wrap;gap:var(--spacing-md)}._variant-right_hxy3b_192{justify-content:flex-end;align-items:center}._variant-full_hxy3b_196 button,._variant-full_hxy3b_196 a{flex:1}._title_hxy3b_200{display:flex;align-items:center;justify-content:space-between;position:sticky;z-index:1;top:0;width:100%;background-color:var(--drawer-body-color-background-default);margin:0;padding:var(--spacing-xl) var(--spacing-5xl) var(--spacing-xl) var(--spacing-xl)}._drawer-close_hxy3b_44{position:absolute;right:var(--spacing-xs);top:var(--spacing-xs);z-index:10}}
+@layer components{._asset-drawer_t51i3_3{overflow:hidden;border-top-left-radius:var(--border-radius-2xl);border-top-right-radius:var(--border-radius-2xl);top:auto!important}._asset-drawer_t51i3_3[class*=root]{height:calc(100% - 3rem)}._content-wrapper_t51i3_14{height:100%;margin-top:var(--spacing-xl);overflow-y:auto;width:100%}@media screen and (min-width: 736px){._content-wrapper_t51i3_14{margin-top:var(--spacing-3xl)}}._content-max-width_t51i3_25{flex:1;margin:0 auto;width:100%;max-width:var(--assetDrawerContentMaxWidth, 51.25rem)}._content_t51i3_14{--assetDrawerContentPadding: 0 var(--spacing-md) var(--spacing-xl);padding:var(--assetDrawerContentPadding)}@media screen and (min-width: 736px){._content_t51i3_14{--assetDrawerContentPadding: 0 var(--spacing-xl) var(--spacing-3xl)}}._asset-drawer-header_t51i3_40{display:flex;flex-direction:column;gap:var(--spacing-xl);justify-content:space-between;background-color:var(--color-background-neutral-inverse-fixed);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);position:sticky;top:0;z-index:1}@media screen and (min-width: 736px){._asset-drawer-header_t51i3_40{align-items:center;flex-direction:row}}._back-button_t51i3_58{align-items:center;display:flex;gap:var(--spacing-md)}@media screen and (min-width: 736px){._back-button_t51i3_58{gap:var(--spacing-xl)}}._title_t51i3_68{display:flex;flex-direction:column;gap:var(--spacing-xxs)}._title_t51i3_68 h3{padding-right:var(--spacing-xl)}._icon-block_t51i3_76{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--border-radius-sm);background-color:var(--color-background-warm-primary);transition:background-color var(--duration-medium);--iconBlockSize: var(--size-icon-2xl);width:var(--iconBlockSize);height:var(--iconBlockSize)}._icon-block_t51i3_76._size-md_t51i3_88{--iconBlockSize: var(--size-icon-2xl)}._icon-block_t51i3_76._size-sm_t51i3_91{--iconBlockSize: var(--size-icon-xl)}._icon-element_t51i3_94{color:var(--color-neutral-90)}}@layer components{._root_hxy3b_3{background-color:var(--drawer-body-color-background-default);border:var(--drawer-border-width) solid var(--drawer-color-border-default);box-shadow:var(--elevation-10);z-index:999;position:fixed;display:flex;flex-direction:column;opacity:0;transition:var(--duration-medium);max-width:100%;--drawerLeft: 0;--drawerRight: 0;--drawerTop: 0;--drawerBottom: 0;--drawerHeight: calc(100% - var(--spacing-md) * 2);--drawerWidth: calc(100% - var(--spacing-md) * 2);--drawerTransform: translate(0, 0);left:var(--drawerLeft);right:var(--drawerRight);top:var(--drawerTop);bottom:var(--drawerBottom);width:var(--drawerWidth);height:var(--drawerHeight);transform:var(--drawerTransform)}@media screen and (max-width: 736px){._root_hxy3b_3{--drawerTransform: translate(0, 0);top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;border-radius:0;transform:var(--drawerTransform)}}._root_hxy3b_3:has(>header) ._drawer-close_hxy3b_44{display:none}@media screen and (min-width: 736px){._root_hxy3b_3{border-radius:var(--drawer-border-radius);margin:var(--spacing-md)}}._root_hxy3b_3._placement-bottom_hxy3b_53{--drawerTop: calc(100% - var(--drawerHeight) - var(--spacing-md) * 2);--drawerTransform: translate(0, 100%)}._root_hxy3b_3._placement-left_hxy3b_57{--drawerRight: calc(100% - var(--drawerWidth) - var(--spacing-md) * 2);--drawerTransform: translate(-100%, 0)}._root_hxy3b_3._placement-right_hxy3b_61{--drawerLeft: calc(100% - var(--drawerWidth) - var(--spacing-md) * 2);--drawerTransform: translate(100%, 0)}._root_hxy3b_3._placement-top_hxy3b_65{--drawerBottom: calc(100% - var(--drawerHeight) - var(--spacing-md) * 2);--drawerTransform: translate(0, -100%)}._root_hxy3b_3._placement-top_hxy3b_65._size-sm_hxy3b_69,._root_hxy3b_3._placement-bottom_hxy3b_53._size-sm_hxy3b_69{--drawerHeight: 25rem}._root_hxy3b_3._placement-top_hxy3b_65._size-md_hxy3b_72,._root_hxy3b_3._placement-bottom_hxy3b_53._size-md_hxy3b_72{--drawerHeight: 34.375rem}._root_hxy3b_3._placement-top_hxy3b_65._size-lg_hxy3b_75,._root_hxy3b_3._placement-bottom_hxy3b_53._size-lg_hxy3b_75{--drawerHeight: 42.5rem}._root_hxy3b_3._placement-left_hxy3b_57._size-sm_hxy3b_69,._root_hxy3b_3._placement-right_hxy3b_61._size-sm_hxy3b_69{--drawerWidth: 32.25rem}@media screen and (max-width: 32.25rem){._root_hxy3b_3._placement-left_hxy3b_57._size-sm_hxy3b_69,._root_hxy3b_3._placement-right_hxy3b_61._size-sm_hxy3b_69{--drawerTransform: translate(0, 0);top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;border-radius:0;transform:var(--drawerTransform)}}._root_hxy3b_3._placement-left_hxy3b_57._size-md_hxy3b_72,._root_hxy3b_3._placement-right_hxy3b_61._size-md_hxy3b_72{--drawerWidth: 44.25rem}@media screen and (max-width: 44.25rem){._root_hxy3b_3._placement-left_hxy3b_57._size-md_hxy3b_72,._root_hxy3b_3._placement-right_hxy3b_61._size-md_hxy3b_72{--drawerTransform: translate(0, 0);top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;border-radius:0;transform:var(--drawerTransform)}}._root_hxy3b_3._placement-left_hxy3b_57._size-lg_hxy3b_75,._root_hxy3b_3._placement-right_hxy3b_61._size-lg_hxy3b_75{--drawerWidth: 56.25rem}@media screen and (max-width: 56.25rem){._root_hxy3b_3._placement-left_hxy3b_57._size-lg_hxy3b_75,._root_hxy3b_3._placement-right_hxy3b_61._size-lg_hxy3b_75{--drawerTransform: translate(0, 0);top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;border-radius:0;transform:var(--drawerTransform)}}._root_hxy3b_3[data-enter]{opacity:1;--drawerTransform: translate(0, 0)}._root_hxy3b_3._fullscreen_hxy3b_124{top:0;left:0;width:calc(100% - var(--spacing-md) * 2);height:calc(100% - var(--spacing-md) * 2)}._root_hxy3b_3._fullscreen_hxy3b_124._placement-left_hxy3b_57:not([data-enter]){--drawerTransform: translate(-100%, 0)}._root_hxy3b_3._fullscreen_hxy3b_124._placement-right_hxy3b_61:not([data-enter]){--drawerTransform: translate(100%, 0)}._root_hxy3b_3._fullscreen_hxy3b_124._placement-top_hxy3b_65:not([data-enter]){--drawerTransform: translate(0, -100%)}._root_hxy3b_3._fullscreen_hxy3b_124._placement-bottom_hxy3b_53:not([data-enter]){--drawerTransform: translate(0, 100%)}._root_hxy3b_3._fullscreen_hxy3b_124 ._media_hxy3b_142{display:flex;align-items:center;justify-content:center}._root_hxy3b_3._fullscreen_hxy3b_124 ._media_hxy3b_142 :first-child{max-height:calc(100vh - 37px - var(--spacing-xxl) * 2);width:auto;height:auto}._backdrop_hxy3b_152{background-color:var(--color-background-transparent-black-subtle);z-index:999;position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .15s ease-in-out}._backdrop_hxy3b_152._drawer-hide-on-interact-outside_hxy3b_160{cursor:pointer}._backdrop_hxy3b_152[data-enter]{opacity:1}._content_hxy3b_166{flex:1;padding:var(--spacing-xxl);overflow-y:auto}._content-header_hxy3b_171{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}._content-header-subtitle_hxy3b_177{color:var(--modal-color-text-body);margin-bottom:var(--spacing-md)}._footer_hxy3b_181{bottom:0;position:sticky;z-index:1;width:100%;background-color:var(--drawer-body-color-background-default);padding:var(--spacing-xl);display:flex;flex-wrap:wrap;gap:var(--spacing-md)}._variant-right_hxy3b_192{justify-content:flex-end;align-items:center}._variant-full_hxy3b_196 button,._variant-full_hxy3b_196 a{flex:1}._title_hxy3b_200{display:flex;align-items:center;justify-content:space-between;position:sticky;z-index:1;top:0;width:100%;background-color:var(--drawer-body-color-background-default);margin:0;padding:var(--spacing-xl) var(--spacing-5xl) var(--spacing-xl) var(--spacing-xl)}._drawer-close_hxy3b_44{position:absolute;right:var(--spacing-xs);top:var(--spacing-xs);z-index:10}}