welcome-ui 9.0.1 → 10.0.0-alpha.1

package/dist/Breadcrumb.js

@@ -1,15 +1,14 @@
 "use client";
-import { jsxs as te, jsx as R } from "react/jsx-runtime";
+import { jsxs as te, jsx as y } from "react/jsx-runtime";
 import { forwardRef as re, Children as pe, cloneElement as be, useRef as M, useState as V, useCallback as X, useMemo as ge, useEffect as q } from "react";
-import "./Icon-EG7O4YwD.js";
-import { R as me } from "./index-BtwrJ6N4.js";
+import { Icon as me } from "./Icon.js";
 import { c as ne } from "./index-CdiHdiVB.js";
 import { t as xe } from "./throttle-BDBzFeFj.js";
 var b = [], ze = function() {
   return b.some(function(e) {
     return e.activeTargets.length > 0;
   });
-}, Re = function() {
+}, ye = function() {
   return b.some(function(e) {
     return e.skippedTargets.length > 0;
   });
@@ -18,10 +17,10 @@ var b = [], ze = function() {
   typeof ErrorEvent == "function" ? e = new ErrorEvent("error", {
     message: $
   }) : (e = document.createEvent("Event"), e.initEvent("error", !1, !1), e.message = $), window.dispatchEvent(e);
-}, y;
+}, E;
 (function(e) {
   e.BORDER_BOX = "border-box", e.CONTENT_BOX = "content-box", e.DEVICE_PIXEL_CONTENT_BOX = "device-pixel-content-box";
-})(y || (y = {}));
+})(E || (E = {}));
 var g = function(e) {
   return Object.freeze(e);
 }, Oe = /* @__PURE__ */ function() {
@@ -54,7 +53,7 @@ var g = function(e) {
     return !0;
   var r = (t = e == null ? void 0 : e.ownerDocument) === null || t === void 0 ? void 0 : t.defaultView;
   return !!(r && e instanceof r.Element);
-}, Ee = function(e) {
+}, Re = function(e) {
   switch (e.tagName) {
     case "INPUT":
       if (e.type !== "image")
@@ -69,7 +68,7 @@ var g = function(e) {
       return !0;
   }
   return !1;
-}, E = typeof window < "u" ? window : {}, S = /* @__PURE__ */ new WeakMap(), U = /auto|scroll/, ye = /^tb|vertical/, Te = /msie|trident/i.test(E.navigator && E.navigator.userAgent), d = function(e) {
+}, R = typeof window < "u" ? window : {}, S = /* @__PURE__ */ new WeakMap(), U = /auto|scroll/, Ee = /^tb|vertical/, Te = /msie|trident/i.test(R.navigator && R.navigator.userAgent), d = function(e) {
   return parseFloat(e || "0");
 }, z = function(e, t, r) {
   return e === void 0 && (e = 0), t === void 0 && (t = 0), r === void 0 && (r = !1), new Oe((r ? t : e) || 0, (r ? e : t) || 0);
@@ -83,7 +82,7 @@ var g = function(e) {
     return S.get(e);
   if (oe(e))
     return S.set(e, Y), Y;
-  var r = getComputedStyle(e), n = P(e) && e.ownerSVGElement && e.getBBox(), i = !Te && r.boxSizing === "border-box", o = ye.test(r.writingMode || ""), s = !n && U.test(r.overflowY || ""), l = !n && U.test(r.overflowX || ""), c = n ? 0 : d(r.paddingTop), v = n ? 0 : d(r.paddingRight), h = n ? 0 : d(r.paddingBottom), f = n ? 0 : d(r.paddingLeft), w = n ? 0 : d(r.borderTopWidth), a = n ? 0 : d(r.borderRightWidth), u = n ? 0 : d(r.borderBottomWidth), m = n ? 0 : d(r.borderLeftWidth), p = f + v, x = c + h, O = m + a, D = w + u, G = l ? e.offsetHeight - D - e.clientHeight : 0, F = s ? e.offsetWidth - O - e.clientWidth : 0, le = i ? p + O : 0, de = i ? x + D : 0, T = n ? n.width : d(r.width) - le - F, B = n ? n.height : d(r.height) - de - G, fe = T + p + F + O, he = B + x + G + D, H = g({
+  var r = getComputedStyle(e), n = P(e) && e.ownerSVGElement && e.getBBox(), i = !Te && r.boxSizing === "border-box", o = Ee.test(r.writingMode || ""), s = !n && U.test(r.overflowY || ""), l = !n && U.test(r.overflowX || ""), c = n ? 0 : d(r.paddingTop), v = n ? 0 : d(r.paddingRight), h = n ? 0 : d(r.paddingBottom), f = n ? 0 : d(r.paddingLeft), w = n ? 0 : d(r.borderTopWidth), a = n ? 0 : d(r.borderRightWidth), u = n ? 0 : d(r.borderBottomWidth), m = n ? 0 : d(r.borderLeftWidth), p = f + v, x = c + h, O = m + a, D = w + u, G = l ? e.offsetHeight - D - e.clientHeight : 0, F = s ? e.offsetWidth - O - e.clientWidth : 0, le = i ? p + O : 0, de = i ? x + D : 0, T = n ? n.width : d(r.width) - le - F, B = n ? n.height : d(r.height) - de - G, fe = T + p + F + O, he = B + x + G + D, H = g({
     devicePixelContentBoxSize: z(Math.round(T * devicePixelRatio), Math.round(B * devicePixelRatio), o),
     borderBoxSize: z(fe, he, o),
     contentBoxSize: z(T, B, o),
@@ -93,9 +92,9 @@ var g = function(e) {
 }, ae = function(e, t, r) {
   var n = se(e, r), i = n.borderBoxSize, o = n.contentBoxSize, s = n.devicePixelContentBoxSize;
   switch (t) {
-    case y.DEVICE_PIXEL_CONTENT_BOX:
+    case E.DEVICE_PIXEL_CONTENT_BOX:
       return s;
-    case y.BORDER_BOX:
+    case E.BORDER_BOX:
       return i;
     default:
       return o;
@@ -140,7 +139,7 @@ var g = function(e) {
   var e = 0;
   for (j(e); ze(); )
     e = Se(), j(e);
-  return Re() && we(), e > 0;
+  return ye() && we(), e > 0;
 }, A, ve = [], Ce = function() {
   return ve.splice(0).forEach(function(e) {
     return e();
@@ -207,25 +206,25 @@ var g = function(e) {
     var t = this, r = function() {
       return t.observer && t.observer.observe(document.body, Ae);
     };
-    document.body ? r() : E.addEventListener("DOMContentLoaded", r);
+    document.body ? r() : R.addEventListener("DOMContentLoaded", r);
   }, e.prototype.start = function() {
     var t = this;
     this.stopped && (this.stopped = !1, this.observer = new MutationObserver(this.listener), this.observe(), K.forEach(function(r) {
-      return E.addEventListener(r, t.listener, !0);
+      return R.addEventListener(r, t.listener, !0);
     }));
   }, e.prototype.stop = function() {
     var t = this;
     this.stopped || (this.observer && this.observer.disconnect(), K.forEach(function(r) {
-      return E.removeEventListener(r, t.listener, !0);
+      return R.removeEventListener(r, t.listener, !0);
     }), this.stopped = !0);
   }, e;
 }(), W = new Ie(), Z = function(e) {
   !N && e > 0 && W.start(), N += e, !N && W.stop();
 }, Le = function(e) {
-  return !P(e) && !Ee(e) && getComputedStyle(e).display === "inline";
+  return !P(e) && !Re(e) && getComputedStyle(e).display === "inline";
 }, We = function() {
   function e(t, r) {
-    this.target = t, this.observedBox = r || y.CONTENT_BOX, this.lastReportedSize = {
+    this.target = t, this.observedBox = r || E.CONTENT_BOX, this.lastReportedSize = {
       inlineSize: 0,
       blockSize: 0
     };
@@ -288,20 +287,20 @@ var g = function(e) {
     return "function ResizeObserver () { [polyfill code] }";
   }, e;
 }();
-const Fe = (e, t, r) => Math.min(Math.max(e, t), r), He = "_root_ce14e_2", Ve = "_list_ce14e_14", ue = {
+const Fe = (e, t, r) => Math.min(Math.max(e, t), r), He = "_root_cvyxb_2", Ve = "_list_cvyxb_14", ue = {
   root: He,
   list: Ve,
-  "start-gradient": "_start-gradient_ce14e_24",
-  "end-gradient": "_end-gradient_ce14e_28",
-  "item-wrapper": "_item-wrapper_ce14e_39",
-  "item-content": "_item-content_ce14e_44",
-  "item-separator": "_item-separator_ce14e_58"
+  "start-gradient": "_start-gradient_cvyxb_24",
+  "end-gradient": "_end-gradient_cvyxb_28",
+  "item-wrapper": "_item-wrapper_cvyxb_39",
+  "item-content": "_item-content_cvyxb_44",
+  "item-separator": "_item-separator_cvyxb_58"
 }, L = ne(ue), Xe = re(
   ({ children: e, "data-testid": t, isActive: r, separator: n, ...i }, o) => {
     const s = i.href || i.to;
     return /* @__PURE__ */ te("li", { "aria-label": "breadcrumb", className: L("item-wrapper"), "data-testid": t, children: [
-      n ? /* @__PURE__ */ R("span", { className: L("item-separator"), role: "presentation", children: n }) : null,
-      /* @__PURE__ */ R(
+      n ? /* @__PURE__ */ y("span", { className: L("item-separator"), role: "presentation", children: n }) : null,
+      /* @__PURE__ */ y(
         "a",
         {
           "aria-current": r ? "page" : void 0,
@@ -315,7 +314,12 @@ const Fe = (e, t, r) => Math.min(Math.max(e, t), r), He = "_root_ce14e_2", Ve =
     ] });
   }
 ), k = ne(ue), qe = re(
-  ({ children: e, lastChildNotClickable: t = !0, separator: r = /* @__PURE__ */ R(me, { size: "xs" }), ...n }, i) => {
+  ({
+    children: e,
+    lastChildNotClickable: t = !0,
+    separator: r = /* @__PURE__ */ y(me, { name: "angle-right-b", size: "xs" }),
+    ...n
+  }, i) => {
     const o = pe.toArray(e).filter(Boolean), s = o.length, l = o.map((w, a) => {
       const u = s === 1 || s === a + 1;
       return be(w, {
@@ -327,11 +331,11 @@ const Fe = (e, t, r) => Math.min(Math.max(e, t), r), He = "_root_ce14e_2", Ve =
     }), { endGradient: c, listRef: v, onListScroll: h, startGradient: f } = $e();
     return /* @__PURE__ */ te("nav", { ref: i, ...n, className: k("root", n.className), children: [
       f,
-      /* @__PURE__ */ R("ol", { className: k("list"), dir: "rtl", onScroll: h, ref: v, children: l.reverse() }),
+      /* @__PURE__ */ y("ol", { className: k("list"), dir: "rtl", onScroll: h, ref: v, children: l.reverse() }),
       c
     ] });
   }
-), Ze = Object.assign(qe, {
+), Qe = Object.assign(qe, {
   Item: Xe
 }), $e = () => {
   const e = M(null), t = M(), r = M(), [n, i] = V(!1), [o, s] = V(0), l = (a, u) => {
@@ -368,14 +372,14 @@ const Fe = (e, t, r) => Math.min(Math.max(e, t), r), He = "_root_ce14e_2", Ve =
   }, []), q(() => {
     t.current && r.current && c(0);
   }, [n, c]);
-  const f = n ? /* @__PURE__ */ R(
+  const f = n ? /* @__PURE__ */ y(
     "span",
     {
       className: k("start-gradient", "bg-linear-to-r  from-neutral-10 to-transparent"),
       ref: t
     }
   ) : null;
-  return { endGradient: n ? /* @__PURE__ */ R(
+  return { endGradient: n ? /* @__PURE__ */ y(
     "span",
     {
       className: k("end-gradient", "bg-linear-to-l from-neutral-10 to-transparent"),
@@ -384,6 +388,6 @@ const Fe = (e, t, r) => Math.min(Math.max(e, t), r), He = "_root_ce14e_2", Ve =
   ) : null, listRef: e, onListScroll: v, startGradient: f };
 };
 export {
-  Ze as Breadcrumb,
+  Qe as Breadcrumb,
   qe as BreadcrumbComponent
 };

package/dist/Button.css

@@ -1 +1 @@
-@layer components{._root_1q8jk_2{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-style:solid;border-width:var(--border-width-sm);transition-property:all;transition-duration:var(--duration-medium);outline:transparent solid var(--border-width-md);font-weight:var(--font-weight-bold);aspect-ratio:var(--aspectRatio, auto);height:var(--height);padding-inline:var(--paddingInline);border-radius:var(--borderRadius);font-size:var(--fontSize);color:var(--color, var(--color-neutral-90));background-color:var(--backgroundColor);border-color:var(--borderColor);line-height:var(--lineHeight)}._root_1q8jk_2[data-focus-visible],._root_1q8jk_2:focus-visible{outline-color:var(--outlineColorFocus)}@media (hover: hover) and (pointer: fine){._root_1q8jk_2:hover{background-color:var(--backgroundColorHover);border-color:var(--borderColorHover)}}._root_1q8jk_2:active{background-color:var(--backgroundColorActive);border-color:var(--borderColorActive)}._root_1q8jk_2:disabled,._root_1q8jk_2[aria-disabled]{background-color:var(--backgroundColorDisabled);border-color:var(--borderColorDisabled);color:var(--colorDisabled);cursor:var(--cursorDisabled)}._root_1q8jk_2:has(i.wui-icon-font),._root_1q8jk_2:has(svg){padding-inline:var(--paddingInlineHasIcon)}._root_1q8jk_2 i.wui-icon-font,._root_1q8jk_2 svg{font-weight:initial}._root_1q8jk_2 i.wui-icon-font:only-child,._root_1q8jk_2 svg:only-child{width:var(--iconOnlySize);height:var(--iconOnlySize);font-size:var(--iconOnlySize)}._root_1q8jk_2 i.wui-icon-font:not(:only-child),._root_1q8jk_2 svg:not(:only-child){width:var(--iconDefaultSize);height:var(--iconDefaultSize);font-size:var(--iconDefaultSize)}._root_1q8jk_2 i.wui-icon-font:first-child:not(:only-child),._root_1q8jk_2 svg:first-child:not(:only-child){margin-inline-end:var(--spacing-xs)}._root_1q8jk_2 i.wui-icon-font:last-child:not(:only-child),._root_1q8jk_2 svg:last-child:not(:only-child){margin-inline-start:var(--spacing-xs)}._shape-default_1q8jk_77{--borderRadius: var(--radius-md)}._shape-circle_1q8jk_80{--borderRadius: var(--radius-circle)}._shape-square_1q8jk_84{--borderRadius: var(--radius-md)}._shape-circle_1q8jk_80._size-lg_1q8jk_87,._shape-circle_1q8jk_80._size-md_1q8jk_87,._shape-circle_1q8jk_80._size-sm_1q8jk_87,._shape-circle_1q8jk_80._size-xs_1q8jk_87,._shape-square_1q8jk_84._size-lg_1q8jk_87,._shape-square_1q8jk_84._size-md_1q8jk_87,._shape-square_1q8jk_84._size-sm_1q8jk_87,._shape-square_1q8jk_84._size-xs_1q8jk_87{--aspectRatio: 1;--paddingInline: 0;--paddingInlineHasIcon: 0}._shape-circle_1q8jk_80._size-lg_1q8jk_87,._shape-square_1q8jk_84._size-lg_1q8jk_87{--fontSize: var(--font-size-xl)}._shape-circle_1q8jk_80._size-md_1q8jk_87,._shape-square_1q8jk_84._size-md_1q8jk_87,._shape-circle_1q8jk_80._size-sm_1q8jk_87,._shape-square_1q8jk_84._size-sm_1q8jk_87,._shape-circle_1q8jk_80._size-xs_1q8jk_87,._shape-square_1q8jk_84._size-xs_1q8jk_87{--fontSize: var(--font-size-md)}._size-xs_1q8jk_87{--fontSize: var(--font-size-xs);--height: var(--height-elements-sm);--paddingInline: var(--spacing-sm);--paddingInlineHasIcon: var(--spacing-sm);--iconDefaultSize: .75rem;--iconOnlySize: 1rem;--lineHeight: var(--line-height-xs)}._size-sm_1q8jk_87{--fontSize: var(--font-size-xs);--height: var(--height-elements-md);--paddingInline: var(--spacing-sm);--paddingInlineHasIcon: var(--spacing-md);--iconDefaultSize: 1rem;--iconOnlySize: 1rem;--lineHeight: var(--line-height-xs)}._size-md_1q8jk_87{--fontSize: var(--font-size-sm);--height: var(--height-elements-lg);--paddingInline: var(--spacing-xl);--paddingInlineHasIcon: var(--spacing-md);--iconDefaultSize: 1rem;--iconOnlySize: 1rem;--lineHeight: var(--line-height-sm)}._size-lg_1q8jk_87{--fontSize: var(--font-size-sm);--height: var(--height-elements-xl);--paddingInline: var(--spacing-xl);--paddingInlineHasIcon: var(--spacing-lg);--iconDefaultSize: 1rem;--iconOnlySize: 1.5rem;--lineHeight: var(--line-height-sm)}._variant-disabled_1q8jk_140{--backgroundColorDisabled: var(--color-beige-40);--borderColorDisabled: var(--color-beige-40);--colorDisabled: var(--color-beige-70);--cursorDisabled: not-allowed;--outlineColorFocus: var(--color-beige-10)}._variant-ghost_1q8jk_147{--backgroundColorActive: color-mix(in oklab, var(--color-neutral-90) 40%, transparent);--backgroundColorHover: color-mix(in oklab, var(--color-neutral-90) 10%, transparent);--borderColor: transparent;--borderColorActive: transparent;--borderColorHover: transparent;--outlineColorFocus: color-mix(in oklab, var(--color-neutral-90) 10%, transparent)}._variant-ghost-ai_1q8jk_155{--backgroundColorActive: var(--color-violet-30);--backgroundColorHover: var(--color-violet-10);--borderColor: transparent;--borderColorActive: var(--color-violet-30);--borderColorHover: var(--color-violet-10);--color: var(--color-violet-70);--outlineColorFocus: var(--color-violet-50)}._variant-ghost-danger_1q8jk_164{--backgroundColorActive: var(--color-red-20);--backgroundColorHover: var(--color-red-10);--borderColor: transparent;--borderColorActive: var(--color-red-20);--borderColorHover: var(--color-red-10);--color: var(--color-red-80);--outlineColorFocus: var(--color-red-40)}._variant-primary_1q8jk_173{--backgroundColor: var(--color-brand-40);--backgroundColorActive: var(--color-brand-10);--backgroundColorHover: var(--color-brand-30);--borderColor: var(--color-brand-40);--borderColorActive: var(--color-brand-10);--borderColorHover: var(--color-brand-30);--outlineColorFocus: var(--color-brand-20)}._variant-primary-ai_1q8jk_182{--backgroundColor: var(--color-violet-70);--backgroundColorActive: var(--color-violet-40);--backgroundColorHover: var(--color-violet-60);--borderColor: var(--color-violet-70);--borderColorActive: var(--color-violet-40);--borderColorHover: var(--color-violet-60);--color: var(--color-neutral-10);--outlineColorFocus: var(--color-violet-50)}._variant-primary-danger_1q8jk_192{--backgroundColor: var(--color-red-70);--backgroundColorActive: var(--color-red-50);--backgroundColorHover: var(--color-red-60);--borderColor: var(--color-red-70);--borderColorActive: var(--color-red-50);--borderColorHover: var(--color-red-60);--color: var(--color-neutral-10);--outlineColorFocus: var(--color-red-40)}._variant-secondary_1q8jk_202{--backgroundColor: var(--color-neutral-90);--backgroundColorActive: var(--color-neutral-50);--backgroundColorHover: var(--color-neutral-70);--borderColor: var(--color-neutral-90);--borderColorActive: var(--color-neutral-50);--borderColorHover: var(--color-neutral-70);--color: var(--color-neutral-10);--outlineColorFocus: var(--color-neutral-40)}._variant-tertiary_1q8jk_212{--backgroundColor: var(--color-neutral-10);--backgroundColorActive: color-mix(in oklab, var(--color-neutral-90) 40%, transparent);--backgroundColorHover: color-mix(in oklab, var(--color-neutral-90) 10%, transparent);--borderColor: var(--color-neutral-90);--outlineColorFocus: var(--color-neutral-40)}._variant-tertiary-ai_1q8jk_219{--backgroundColor: var(--color-neutral-10);--backgroundColorActive: var(--color-violet-30);--backgroundColorHover: var(--color-violet-10);--borderColor: var(--color-violet-70);--color: var(--color-violet-70);--outlineColorFocus: var(--color-violet-50)}._variant-tertiary-danger_1q8jk_227{--backgroundColor: var(--color-neutral-10);--backgroundColorActive: var(--color-red-20);--backgroundColorHover: var(--color-red-10);--borderColor: var(--color-red-80);--color: var(--color-red-80);--outlineColorFocus: var(--color-red-40)}._loader_1q8jk_235{display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left:0;right:0;top:0}._loader-children_1q8jk_245{opacity:0}}
+@property --gradient-angle{syntax: "<angle>"; initial-value: -60deg; inherits: true;}@keyframes _rotate-gradient_9gw1k_1{to{--gradient-angle: 300deg}}@layer components{._root_9gw1k_12{position:relative;display:inline-flex;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_9gw1k_12[data-focus-visible],._root_9gw1k_12:focus-visible{outline-width:var(--components-dimensions-button-border-width-focused);outline-color:var(--buttonOutlineColorFocus)}@media (hover: hover) and (pointer: fine){._root_9gw1k_12:hover:not(:disabled):not([aria-disabled]){box-shadow:var(--elevation-20);--buttonBackground: var(--buttonBackgroundHover);--buttonBorderColor: var(--buttonBorderColorHover, transparent);--buttonColor: var(--buttonColorHover)}}._root_9gw1k_12:active:not(:disabled):not([aria-disabled]){--buttonBackground: var(--buttonBackgroundActive);--buttonBorderColor: var(--buttonBorderColorActive, transparent);--buttonColor: var(--buttonColorPressed)}._root_9gw1k_12:disabled,._root_9gw1k_12[aria-disabled]{--buttonBorderColor: var(--buttonBorderColorDisabled, transparent);--buttonColor: var(--buttonColorDisabled);--buttonBackground: var(--buttonBackgroundDisabled);cursor:not-allowed}._root_9gw1k_12 i.wui-icon-font,._root_9gw1k_12 svg{font-weight:initial;width:var(--buttonIconSize);height:var(--buttonIconSize);font-size:var(--buttonIconSize)}._root_9gw1k_12:has(svg:only-child),._root_9gw1k_12:has(i._wui-icon-font_9gw1k_64:only-child){padding-inline:var(--buttonPaddingInlineIconOnly, var(--buttonPaddingInline))}._size-sm_9gw1k_74{--buttonFontSize: var(--font-size-14);--buttonHeight: var(--components-dimensions-button-size-max-height-sm);--buttonPaddingInline: var(--spacing-sm);--buttonPaddingInlineIconOnly: var(--spacing-xs);--buttonIconSize: var(--components-dimensions-button-size-icon-sm);--buttonGap: var(--components-dimensions-button-gap-content-sm)}._size-md_9gw1k_82{--buttonFontSize: var(--font-size-14);--buttonHeight: var(--components-dimensions-button-size-max-height-md);--buttonPaddingInline: var(--spacing-md);--buttonPaddingInlineIconOnly: var(--spacing-sm);--buttonIconSize: var(--components-dimensions-button-size-icon-md);--buttonGap: var(--components-dimensions-button-gap-content-md)}._size-lg_9gw1k_90{--buttonFontSize: var(--font-size-16);--buttonHeight: var(--components-dimensions-button-size-max-height-lg);--buttonPaddingInline: var(--spacing-lg);--buttonPaddingInlineIconOnly: var(--spacing-md);--buttonIconSize: var(--components-dimensions-button-size-icon-lg);--buttonGap: var(--components-dimensions-button-gap-content-lg)}._variant-primary_9gw1k_98{--buttonBackground: var(--components-colors-button-color-background-primary-main-default);--buttonBackgroundActive: var( --components-colors-button-color-background-primary-main-pressed );--buttonBackgroundHover: var(--components-colors-button-color-background-primary-main-hover);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused);--buttonColorDisabled: var(--components-colors-button-color-text-primary-main-disabled);--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-primary-main-disabled) 2.5px, var(--components-colors-button-color-background-primary-main-disabled) 5.25px) padding-box}._variant-primary-neutral_9gw1k_108{--buttonBackground: var(--components-colors-button-color-background-primary-neutral-default);--buttonBackgroundActive: var( --components-colors-button-color-background-primary-neutral-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-primary-neutral-hover );--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-primary-neutral-disabled) 2.5px, var(--components-colors-button-color-background-primary-neutral-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-primary-neutral-default);--buttonColorDisabled: var(--components-colors-button-color-text-primary-neutral-disabled);--buttonColorHover: var(--components-colors-button-color-text-primary-neutral-hover);--buttonColorPressed: var(--components-colors-button-color-text-primary-neutral-pressed);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-primary-ai_9gw1k_123{--buttonBackground: linear-gradient(var(--components-colors-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(--components-colors-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(--components-colors-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(--components-colors-button-color-background-primary-ai-disabled) 2.5px, var(--components-colors-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(--components-dimensions-button-border-width-ai);--buttonColor: var(--components-colors-button-color-text-primary-ai-default);--buttonColorDisabled: var(--components-colors-button-color-text-primary-ai-disabled);--buttonColorHover: var(--components-colors-button-color-text-primary-ai-hover);--buttonColorPressed: var(--components-colors-button-color-text-primary-ai-pressed);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused);animation:_rotate-gradient_9gw1k_1 3s linear infinite paused}@media (hover: hover) and (pointer: fine){._variant-primary-ai_9gw1k_123:hover:not(:disabled):not([aria-disabled]){animation-play-state:running}}._variant-primary-ai_9gw1k_123:focus-visible{animation-play-state:running}._variant-primary-danger_9gw1k_155{--buttonBackground: var(--components-colors-button-color-background-primary-danger-default);--buttonBackgroundActive: var( --components-colors-button-color-background-primary-danger-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-primary-danger-hover );--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-primary-danger-disabled) 2.5px, var(--components-colors-button-color-background-primary-danger-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-primary-danger-default);--buttonColorDisabled: var(--components-colors-button-color-text-primary-danger-disabled);--buttonColorHover: var(--components-colors-button-color-text-primary-danger-hover);--buttonColorPressed: var(--components-colors-button-color-text-primary-danger-pressed);--buttonBorderWidth: var(--components-dimensions-button-border-width-secondary);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-secondary_9gw1k_171{--buttonBackground: var(--components-colors-button-color-background-secondary-main-default);--buttonBackgroundActive: var( --components-colors-button-color-background-secondary-main-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-secondary-main-hover );--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-secondary-main-disabled) 2.5px, var(--components-colors-button-color-background-secondary-main-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-secondary-main-default);--buttonColorDisabled: var(--components-colors-button-color-text-secondary-main-disabled);--buttonColorHover: var(--components-colors-button-color-text-secondary-main-hover);--buttonColorPressed: var(--components-colors-button-color-text-secondary-main-pressed);--buttonBorderWidth: var(--components-dimensions-button-border-width-secondary);--buttonBorderColor: var(--components-colors-button-color-border-secondary-main-default);--buttonBorderColorHover: var(--components-colors-button-color-border-secondary-main-hover);--buttonBorderColorActive: var( --components-colors-button-color-border-secondary-main-pressed );--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-secondary-danger_9gw1k_192{--buttonBackground: var(--components-colors-button-color-background-secondary-danger-default);--buttonBackgroundActive: var( --components-colors-button-color-background-secondary-danger-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-secondary-danger-hover );--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-secondary-danger-disabled) 2.5px, var(--components-colors-button-color-background-secondary-danger-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-secondary-danger-default);--buttonColorDisabled: var(--components-colors-button-color-text-secondary-danger-disabled);--buttonColorHover: var(--components-colors-button-color-text-secondary-danger-hover);--buttonColorPressed: var(--components-colors-button-color-text-secondary-danger-pressed);--buttonBorderWidth: var(--components-dimensions-button-border-width-secondary);--buttonBorderColor: var(--components-colors-button-color-border-secondary-danger-default);--buttonBorderColorHover: var(--components-colors-button-color-border-secondary-danger-hover);--buttonBorderColorActive: var( --components-colors-button-color-border-secondary-danger-pressed );--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-tertiary_9gw1k_213{--buttonBackground: var(--components-colors-button-color-background-tertiary-main-default);--buttonBackgroundActive: var( --components-colors-button-color-background-tertiary-main-pressed );--buttonBackgroundHover: var(--components-colors-button-color-background-tertiary-main-hover);--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-tertiary-main-disabled) 2.5px, var(--components-colors-button-color-background-tertiary-main-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-tertiary-main-default);--buttonColorDisabled: var(--components-colors-button-color-text-tertiary-main-disabled);--buttonColorHover: var(--components-colors-button-color-text-tertiary-main-hover);--buttonColorPressed: var(--components-colors-button-color-text-tertiary-main-pressed);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-tertiary-danger_9gw1k_226{--buttonBackground: var(--components-colors-button-color-background-tertiary-danger-default);--buttonBackgroundActive: var( --components-colors-button-color-background-tertiary-danger-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-tertiary-danger-hover );--buttonBackgroundDisabled: var( --components-colors-button-color-background-tertiary-danger-disabled );--buttonColor: var(--components-colors-button-color-text-tertiary-danger-default);--buttonColorDisabled: var(--components-colors-button-color-text-tertiary-danger-disabled);--buttonColorHover: var(--components-colors-button-color-text-tertiary-danger-hover);--buttonColorPressed: var(--components-colors-button-color-text-tertiary-danger-pressed);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._loader_9gw1k_243{display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left:0;right:0;top:0}._loader-children_9gw1k_253{opacity:0}}

package/dist/Button.js

@@ -1,75 +1,62 @@
 "use client";
-import { jsxs as l, jsx as a, Fragment as g } from "react/jsx-runtime";
-import { B as f } from "./XCKGTAUF-DkxWCbaW.js";
-import { useButtonGroup as z } from "./ButtonGroup.js";
-import { Loader as b } from "./Loader.js";
+import { jsxs as o, jsx as r, Fragment as f } from "react/jsx-runtime";
+import { B as z } from "./XCKGTAUF-DkxWCbaW.js";
+import { useButtonGroup as b } from "./ButtonGroup.js";
+import { Loader as h } from "./Loader.js";
 import { c as x } from "./index-CdiHdiVB.js";
 import { f as B } from "./forwardRefWithAs-8eP3ZN15.js";
 import "react";
-const N = "_root_1q8jk_2", $ = "_shape_1q8jk_74", D = "_loader_1q8jk_235", S = {
+const N = "_root_9gw1k_12", $ = "_loader_9gw1k_243", j = {
   root: N,
-  shape: $,
-  "shape-default": "_shape-default_1q8jk_77",
-  "shape-circle": "_shape-circle_1q8jk_80",
-  "shape-square": "_shape-square_1q8jk_84",
-  "size-lg": "_size-lg_1q8jk_87",
-  "size-md": "_size-md_1q8jk_87",
-  "size-sm": "_size-sm_1q8jk_87",
-  "size-xs": "_size-xs_1q8jk_87",
-  "variant-disabled": "_variant-disabled_1q8jk_140",
-  "variant-ghost": "_variant-ghost_1q8jk_147",
-  "variant-ghost-ai": "_variant-ghost-ai_1q8jk_155",
-  "variant-ghost-danger": "_variant-ghost-danger_1q8jk_164",
-  "variant-primary": "_variant-primary_1q8jk_173",
-  "variant-primary-ai": "_variant-primary-ai_1q8jk_182",
-  "variant-primary-danger": "_variant-primary-danger_1q8jk_192",
-  "variant-secondary": "_variant-secondary_1q8jk_202",
-  "variant-tertiary": "_variant-tertiary_1q8jk_212",
-  "variant-tertiary-ai": "_variant-tertiary-ai_1q8jk_219",
-  "variant-tertiary-danger": "_variant-tertiary-danger_1q8jk_227",
-  loader: D,
-  "loader-children": "_loader-children_1q8jk_245"
-}, t = x(S), W = B(
+  "wui-icon-font": "_wui-icon-font_9gw1k_64",
+  "size-sm": "_size-sm_9gw1k_74",
+  "size-md": "_size-md_9gw1k_82",
+  "size-lg": "_size-lg_9gw1k_90",
+  "variant-primary": "_variant-primary_9gw1k_98",
+  "variant-primary-neutral": "_variant-primary-neutral_9gw1k_108",
+  "variant-primary-ai": "_variant-primary-ai_9gw1k_123",
+  "rotate-gradient": "_rotate-gradient_9gw1k_1",
+  "variant-primary-danger": "_variant-primary-danger_9gw1k_155",
+  "variant-secondary": "_variant-secondary_9gw1k_171",
+  "variant-secondary-danger": "_variant-secondary-danger_9gw1k_192",
+  "variant-tertiary": "_variant-tertiary_9gw1k_213",
+  "variant-tertiary-danger": "_variant-tertiary-danger_9gw1k_226",
+  loader: $,
+  "loader-children": "_loader-children_9gw1k_253"
+}, t = x(j), V = B(
   ({
-    accessibleWhenDisabled: m = !0,
-    as: e,
-    children: i,
-    className: c = "",
-    disabled: p = !1,
-    isLoading: r = !1,
-    shape: s = "default",
-    size: v = "md",
-    variant: j = "primary",
-    ...q
-  }, k) => {
-    const { disabled: h, size: u, variant: y } = z(), _ = h || p || r, n = _ && "disabled" || y || j, o = u || v, d = e || "button";
-    return /* @__PURE__ */ l(
-      f,
+    accessibleWhenDisabled: s = !0,
+    as: i,
+    children: e,
+    className: _ = "",
+    disabled: d = !1,
+    isLoading: a = !1,
+    size: l = "lg",
+    variant: m = "primary",
+    ...g
+  }, c) => {
+    const { disabled: v, size: p, variant: u } = b(), w = v || d || a, y = u || m, k = p || l, n = i || "button";
+    return /* @__PURE__ */ o(
+      z,
       {
-        ...d === "button" ? { type: "button" } : {},
-        ...q,
-        accessibleWhenDisabled: m,
-        className: t(
-          "root",
-          n && `variant-${n}`,
-          s && `shape-${s}`,
-          o && `size-${o}`,
-          c
-        ),
-        disabled: _,
-        ref: k,
-        render: e ? /* @__PURE__ */ a(d, {}) : void 0,
+        ...n === "button" ? { type: "button" } : {},
+        ...g,
+        accessibleWhenDisabled: s,
+        className: t("root", `variant-${y}`, `size-${k}`, _),
+        disabled: w,
+        ref: c,
+        render: i ? /* @__PURE__ */ r(n, {}) : void 0,
         children: [
-          r ? /* @__PURE__ */ l(g, { children: [
-            /* @__PURE__ */ a("div", { className: t("loader"), children: /* @__PURE__ */ a(b, { size: "xs" }) }),
-            /* @__PURE__ */ a("div", { className: t("loader-children"), children: i })
+          a ? /* @__PURE__ */ o(f, { children: [
+            /* @__PURE__ */ r("div", { className: t("loader"), children: /* @__PURE__ */ r(h, { size: "xs" }) }),
+            /* @__PURE__ */ r("div", { className: t("loader-children"), children: e })
           ] }) : null,
-          !r && i
+          !a && e
         ]
       }
     );
   }
 );
 export {
-  W as Button
+  V as Button
 };

package/dist/Card.css

@@ -1 +1 @@
-@layer components{._root_10ds1_2{border-radius:var(--radius-md);background-size:cover;background-position:center;background-color:var(--color-neutral-10);border-color:var(--color-neutral-30);border-style:solid;border-width:var(--border-width-sm);overflow:hidden}._body_10ds1_13{padding:var(--spacing-lg)}}
+@layer components{._root_zwvv3_2{border-radius:var(--border-radius-sm);background-size:cover;background-position:center;background-color:var(--components-colors-card-color-background-default);border-color:var(--color-background-neutral-subtlest);border-style:solid;border-width:var(--border-width-xs);overflow:hidden}._body_zwvv3_13{padding:var(--components-dimensions-card-action-dismiss-padding-block-start-lg)}}

package/dist/Card.js

@@ -1,19 +1,19 @@
 "use client";
 import { jsx as c } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
-import { c as d } from "./index-CdiHdiVB.js";
-const a = "_root_10ds1_2", m = "_body_10ds1_13", e = {
+import { c as e } from "./index-CdiHdiVB.js";
+const a = "_root_zwvv3_2", m = "_body_zwvv3_13", d = {
   root: a,
   body: m
-}, i = d(e), l = n(
-  ({ children: o, className: r, ...s }, t) => /* @__PURE__ */ c("div", { className: i("body", r), ref: t, ...s, children: o })
-), y = n(({ alt: o, src: r, ...s }, t) => /* @__PURE__ */ c("div", { ref: t, ...s, children: /* @__PURE__ */ c("img", { alt: o, src: r }) })), _ = d(e), b = n(
-  ({ children: o, className: r, ...s }, t) => /* @__PURE__ */ c("div", { className: _("root", r), ref: t, ...s, children: o })
-), v = Object.assign(b, {
-  Body: l,
-  Cover: y
+}, i = e(d), v = n(
+  ({ children: o, className: r, ...t }, s) => /* @__PURE__ */ c("div", { className: i("body", r), ref: s, ...t, children: o })
+), l = n(({ alt: o, src: r, ...t }, s) => /* @__PURE__ */ c("div", { ref: s, ...t, children: /* @__PURE__ */ c("img", { alt: o, src: r }) })), y = e(d), _ = n(
+  ({ children: o, className: r, ...t }, s) => /* @__PURE__ */ c("div", { className: y("root", r), ref: s, ...t, children: o })
+), u = Object.assign(_, {
+  Body: v,
+  Cover: l
 });
 export {
-  v as Card,
-  b as CardComponent
+  u as Card,
+  _ as CardComponent
 };

package/dist/Checkbox.css

@@ -1 +1 @@
-@layer components{._root_nra3d_2{position:relative;padding:0;cursor:pointer;transition:var(--duration-medium);overflow:hidden;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:1rem;outline:transparent solid var(--border-width-md);border-radius:var(--radius-sm);border-style:solid;border-width:var(--border-width-sm);flex-shrink:0;height:1rem;width:1rem;color:var(--color-neutral-90);background-color:var(--backgroundColor, var(--color-neutral-10));border-color:var(--borderColor, var(--color-neutral-30))}._root_nra3d_2:after{background-color:var(--afterBackgroundColor);content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;-webkit-mask-size:contain;mask-size:contain;width:10px}._root_nra3d_2:disabled,._root_nra3d_2[aria-disabled]{--backgroundColor: var(--color-beige-40);--borderColor: var(--color-beige-50);cursor:not-allowed}._root_nra3d_2:not([disabled]):hover{--borderColor: var(--borderColorHover, var(--color-neutral-40))}._root_nra3d_2[data-focus-visible],._root_nra3d_2:focus-visible{--borderColor: var(--borderColorFocused, var(--color-brand-40));outline-color:var(--outlineColorFocus, var(--color-brand-20))}._root_nra3d_2::placeholder{--color: var(--color-neutral-60)}._root_nra3d_2[aria-checked=true]:not(:disabled){--backgroundColor: var(--color-brand-40);--borderColor: var(--color-brand-40);--color: var(--color-neutral-90)}._root_nra3d_2[aria-checked=true]:not(:disabled):after{--afterBackgroundColor: var(--color-beige-90)}._root_nra3d_2[aria-checked=true]:not(:disabled):hover{--backgroundColor: var(--color-brand-30);--borderColor: var(--backgroundColor)}._root_nra3d_2[aria-checked=true]:after{--afterBackgroundColor: var(--color-beige-50);height:8px;mask:url('data:image/svg+xml; utf8, <svg viewBox="0 0 10 8" xmlns="http://www.w3.org/2000/svg"><path fill="000000" d="M7.96171 0.596898C8.24912 0.27893 8.74024 0.25262 9.06024 0.537743C9.37208 0.815607 9.40671 1.28712 9.14514 1.60662L9.11975 1.63611L3.90331 7.40311C3.75365 7.5687 3.54304 7.66003 3.32401 7.66003C3.15017 7.66003 2.98077 7.60235 2.84241 7.49383L2.80848 7.46564L0.943652 5.82577C0.620151 5.54147 0.590221 5.04928 0.877091 4.72749C1.15398 4.41772 1.62383 4.38076 1.94536 4.6368L1.97506 4.66166L3.26156 5.79276L7.96171 0.596898Z" /></svg>')}._variant-danger_nra3d_67{--borderColor: var(--color-red-70);--borderColorHover: var(--color-red-70);--borderColorFocused: var(--color-red-70);--outlineColorFocus: var(--color-red-30)}._variant-warning_nra3d_73{--borderColor: var(--color-orange-60);--borderColorHover: var(--color-orange-60);--borderColorFocused: var(--color-orange-60);--outlineColorFocus: var(--color-orange-30)}._variant-success_nra3d_79{--borderColor: var(--color-green-60);--borderColorHover: var(--color-green-60);--borderColorFocused: var(--color-green-60);--outlineColorFocus: var(--color-green-30)}._indeterminate_nra3d_85:not(:disabled){--backgroundColor: var(--color-brand-40);--borderColor: var(--color-brand-40);--color: var(--color-neutral-90)}._indeterminate_nra3d_85:not(:disabled):after{--afterBackgroundColor: var(--color-beige-90)}._indeterminate_nra3d_85:not(:disabled):hover{--backgroundColor: var(--color-brand-30);--borderColor: var(--backgroundColor)}._indeterminate_nra3d_85:after{--afterBackgroundColor: var(--color-beige-50);height:4px;mask:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 10 4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.3973 1.76919C0.953776 1.81988 0.634816 2.04775 0.685235 2.49156C0.732149 2.90436 1.08212 3.03624 1.48789 3.03624L8.6029 2.23086C9.04669 2.18017 9.36538 1.9523 9.31469 1.50849C9.26427 1.06468 8.86389 0.917163 8.41956 0.969201C4.90971 1.38026 4.90828 1.36792 1.3973 1.76919Z' fill='000000'/%3E%3C/svg%3E")}}
+@layer components{._root_luk8p_2{position:relative;display:flex;align-items:center;justify-content:center;height:var(--components-dimensions-checkbox-size-container);width:var(--components-dimensions-checkbox-size-container);flex-shrink:0;cursor:pointer;border-style:solid;border-width:var(--components-dimensions-checkbox-border-width-default);border-radius:var(--components-dimensions-checkbox-border-radius);outline:transparent solid var(--components-dimensions-checkbox-border-width-focused);transition-property:border-color,background-color,color,outline-color;transition-duration:var(--duration-medium);color:var(--color, var(--components-colors-checkbox-color-icon-default));background-color:var(--backgroundColor, var(--components-colors-checkbox-color-background-unchecked-default));border-color:var(--borderColor, var(--components-colors-checkbox-color-border-unchecked-default))}._root_luk8p_2:disabled,._root_luk8p_2[aria-disabled]{--color: var(--components-colors-checkbox-color-icon-disabled);--backgroundColor: var(--components-colors-checkbox-color-border-disabled);--borderColor: var(--components-colors-checkbox-color-border-disabled);cursor:not-allowed}._root_luk8p_2:not([aria-disabled]):hover{--borderColor: var( --borderColorHover, var(--components-colors-checkbox-color-border-unchecked-hover) )}._root_luk8p_2[data-focus-visible],._root_luk8p_2:focus-visible{--borderColor: var( --borderColorFocused, var(--components-colors-checkbox-color-border-focused) );outline-color:var(--outlineColorFocus, var(--components-colors-checkbox-color-border-focused))}._root_luk8p_2[aria-checked=true]:not([aria-disabled]){--backgroundColor: var(--components-colors-checkbox-color-background-checked-default);--borderColor: var(--components-colors-checkbox-color-background-checked-default)}._root_luk8p_2[aria-checked=true]:not([aria-disabled]):hover{--backgroundColor: var(--components-colors-checkbox-color-background-checked-hover);--borderColor: var(--backgroundColor)}._variant-danger_luk8p_49{--borderColor: var(--components-colors-checkbox-color-border-error);--borderColorHover: var(--components-colors-checkbox-color-border-error);--borderColorFocused: var(--components-colors-checkbox-color-border-error);--outlineColorFocus: var(--color-background-danger-secondary)}._variant-warning_luk8p_55{--borderColor: var(--color-background-warning-stronger);--borderColorHover: var(--color-background-warning-stronger);--borderColorFocused: var(--color-background-warning-stronger);--outlineColorFocus: var(--color-background-warning-secondary)}._variant-success_luk8p_61{--borderColor: var(--color-background-accent-green-strongest);--borderColorHover: var(--color-background-accent-green-strongest);--borderColorFocused: var(--color-background-accent-green-strongest);--outlineColorFocus: var(--color-background-accent-green-primary)}._indeterminate_luk8p_67:not([aria-disabled]){--backgroundColor: var(--components-colors-checkbox-color-background-checked-default);--borderColor: var(--components-colors-checkbox-color-background-checked-default)}._indeterminate_luk8p_67:not([aria-disabled]):hover{--backgroundColor: var(--components-colors-checkbox-color-background-checked-hover);--borderColor: var(--backgroundColor)}}

package/dist/Checkbox.js

@@ -1,37 +1,54 @@
 "use client";
-import { jsx as f } from "react/jsx-runtime";
-import { C as l } from "./KPUWHTQJ-D2TPji47.js";
-import { forwardRef as v } from "react";
-import { useField as g } from "./Field.js";
-import { c as p } from "./index-CdiHdiVB.js";
-const h = "_root_nra3d_2", u = "_indeterminate_nra3d_85", x = {
-  root: h,
-  "variant-danger": "_variant-danger_nra3d_67",
-  "variant-warning": "_variant-warning_nra3d_73",
-  "variant-success": "_variant-success_nra3d_79",
-  indeterminate: u
-}, k = p(x), j = v(
-  ({ checked: n = !1, className: e, indeterminate: o = !1, onChange: r, variant: i, ...s }, c) => {
-    const { getInputProps: d, variant: m } = g(), t = m || i, _ = (a) => {
-      a.target.checked = !a.target.checked, r && r(a);
+import { jsxs as g, jsx as s } from "react/jsx-runtime";
+import { C as x } from "./KPUWHTQJ-D2TPji47.js";
+import { forwardRef as C, useState as m } from "react";
+import { useField as V } from "./Field.js";
+import { VisuallyHidden as w } from "./VisuallyHidden.js";
+import { c as F } from "./index-CdiHdiVB.js";
+import { Icon as u } from "./Icon.js";
+const I = "_root_luk8p_2", j = "_indeterminate_luk8p_67", y = {
+  root: I,
+  "variant-danger": "_variant-danger_luk8p_49",
+  "variant-warning": "_variant-warning_luk8p_55",
+  "variant-success": "_variant-success_luk8p_61",
+  indeterminate: j
+}, z = F(y), q = C(
+  ({ checked: f = !1, className: _, indeterminate: a = !1, onChange: i, variant: k, ...t }, p) => {
+    const [e, n] = m(f), [h, o] = m(!1), { getInputProps: r, variant: v } = V(), c = v || k, { disabled: l } = r(t), b = (d) => {
+      n(d.target.checked), i && i(d);
     };
-    return /* @__PURE__ */ f(
-      l,
+    return /* @__PURE__ */ g(
+      "div",
       {
-        ...d(s),
-        checked: n,
-        className: k(
+        "aria-checked": e,
+        "aria-disabled": l,
+        className: z(
           "root",
-          t && `variant-${t}`,
-          o && "indeterminate",
-          e
+          c && `variant-${c}`,
+          a && "indeterminate",
+          _
         ),
-        onChange: _,
-        ref: c
+        "data-focus-visible": h || void 0,
+        onClick: l ? void 0 : () => n(!e),
+        children: [
+          /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(
+            x,
+            {
+              ...r(t),
+              checked: e,
+              onBlur: () => o(!1),
+              onChange: b,
+              onFocusVisible: () => o(!0),
+              ref: p
+            }
+          ) }),
+          e ? /* @__PURE__ */ s(u, { name: "check", size: "sm" }) : null,
+          !e && a ? /* @__PURE__ */ s(u, { name: "minus", size: "sm" }) : null
+        ]
       }
     );
   }
 );
 export {
-  j as Checkbox
+  q as Checkbox
 };

package/dist/CloseButton.css

@@ -1 +1 @@
-@layer components{._root_rhe1o_2>svg:only-child{width:var(--spacing-md);height:var(--spacing-md)}._animate-presence_rhe1o_6{animation-duration:var(--duration-medium);animation-timing-function:var(--timing-primary);animation-name:_fade_rhe1o_1}@keyframes _fade_rhe1o_1{0%{opacity:0}to{opacity:1}}}
+@layer components{._root_atiow_2>svg:only-child{width:var(--components-dimensions-button-padding-inline-md);height:var(--components-dimensions-button-padding-inline-md)}._animate-presence_atiow_6{animation-duration:var(--duration-medium);animation-timing-function:var(--timing-primary);animation-name:_fade_atiow_1}@keyframes _fade_atiow_1{0%{opacity:0}to{opacity:1}}}

package/dist/CloseButton.js

@@ -1,26 +1,24 @@
 "use client";
 import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
+import { forwardRef as s } from "react";
 import { Button as n } from "./Button.js";
-import "./Icon-EG7O4YwD.js";
-import { C as c } from "./index-Bt79XJ8R.js";
+import { Icon as i } from "./Icon.js";
 import { c as m } from "./index-CdiHdiVB.js";
-const i = "_root_rhe1o_2", l = "_fade_rhe1o_1", f = {
-  root: i,
-  "animate-presence": "_animate-presence_rhe1o_6",
+const c = "_root_atiow_2", l = "_fade_atiow_1", f = {
+  root: c,
+  "animate-presence": "_animate-presence_atiow_6",
   fade: l
-}, p = m(f), B = a(
-  ({ animatePresence: e = !1, className: r, ...t }, s) => /* @__PURE__ */ o(
+}, p = m(f), B = s(
+  ({ animatePresence: e = !1, className: t, ...r }, a) => /* @__PURE__ */ o(
     n,
     {
       "aria-label": "Close",
-      className: p("root", e && "animate-presence", r),
-      ref: s,
-      shape: "circle",
-      size: "sm",
-      variant: "ghost",
-      ...t,
-      children: /* @__PURE__ */ o(c, { size: "lg" })
+      className: p("root", e && "animate-presence", t),
+      ref: a,
+      size: "md",
+      variant: "tertiary",
+      ...r,
+      children: /* @__PURE__ */ o(i, { name: "times", size: "lg" })
     }
   )
 );

package/dist/CustomPopper.css

@@ -1 +1 @@
-.react-datepicker{padding:var(--spacing-lg);font-family:inherit;font-size:var(--font-size-sm);background-color:var(--color-neutral-10);border:var(--border-width-sm) solid var(--color-neutral-30);border-radius:var(--radius-md)}.react-datepicker--time-only{padding:0}.react-datepicker--time-only .react-datepicker__time-box{border-radius:0}.react-datepicker__time{background-color:inherit}.react-datepicker__input-container{display:block}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker-popper{z-index:1}.react-datepicker-time__header,.react-datepicker__triangle{display:none}.react-datepicker__time-container{width:100px;text-align:center}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{height:200px;overflow-y:auto}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:auto;padding:var(--spacing-sm);cursor:pointer}.react-datepicker__header{padding:0;background-color:var(--color-neutral-10);border:none}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-list-item{color:var(--color-beige-70);font-weight:var(--font-weight-regular)}.react-datepicker__day,.react-datepicker__day-name{margin:.166rem .45rem}.react-datepicker__day-name{text-transform:uppercase;font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);letter-spacing:1px}.react-datepicker__day--outside-month{color:var(--color-beige-60)}.react-datepicker__day--today{color:var(--color-neutral-90);font-weight:var(--font-weight-bold);background-color:var(--color-brand-40)}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:var(--color-beige-20)}.react-datepicker__day,.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__day:not([aria-disabled=true]){border-radius:var(--radius-circle)}.react-datepicker__day:hover,.react-datepicker__day--keyboard-selected:hover,.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__day:not([aria-disabled=true]):hover{border-radius:var(--radius-circle)}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__month-text--selected,.react-datepicker__month .react-datepicker__month-text--keyboard-selected,.react-datepicker__month .react-datepicker__month-text--in-selecting-range,.react-datepicker__month .react-datepicker__month-text--in-range,.react-datepicker__month .react-datepicker__month-text:hover{width:var(--spacing-4xl);height:var(--spacing-xxl);margin:2px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--spacing-xxl)}.react-datepicker__month .react-datepicker__month-text:hover,.react-datepicker__month .react-datepicker__month-text--selected:hover,.react-datepicker__month .react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__month .react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month .react-datepicker__month-text--in-range:hover,.react-datepicker__month .react-datepicker__month-text:hover:hover{border-radius:var(--spacing-xxl)}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected,.react-datepicker__day--selected,.react-datepicker__day--selected:not([aria-disabled=true]),.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month .react-datepicker__month-text--selected,.react-datepicker__month .react-datepicker__month-text--in-selecting-range,.react-datepicker__month .react-datepicker__month-text--in-range{background-color:var(--color-brand-40);color:var(--color-neutral-90);font-weight:var(--font-weight-bold);outline:none}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover,.react-datepicker__day--selected:hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month .react-datepicker__month-text--selected:hover,.react-datepicker__month .react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month .react-datepicker__month-text--in-range:hover{background-color:var(--color-brand-40);color:var(--color-neutral-90);font-weight:var(--font-weight-bold);outline:none}.react-datepicker__day-names,.react-datepicker__month{margin:0 -.45rem}.react-datepicker__month-text--today,.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{font-weight:var(--font-weight-medium)}
+.react-datepicker{padding:var(--border-radius-xl);font-family:inherit;font-size:var(--font-size-14);background-color:var(--color-background-neutral-inverse-fixed);border:var(--border-width-xs) solid var(--color-background-neutral-subtlest);border-radius:var(--border-radius-sm)}.react-datepicker--time-only{padding:0}.react-datepicker--time-only .react-datepicker__time-box{border-radius:0}.react-datepicker__time{background-color:inherit}.react-datepicker__input-container{display:block}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker-popper{z-index:1}.react-datepicker-time__header,.react-datepicker__triangle{display:none}.react-datepicker__time-container{width:100px;text-align:center}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{height:200px;overflow-y:auto}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:auto;padding:var(--border-radius-md);cursor:pointer}.react-datepicker__header{padding:0;background-color:var(--color-background-neutral-inverse-fixed);border:none}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-list-item{color:var(--color-icon-warm-tertiary);font-weight:var(--font-weight-regular)}.react-datepicker__day,.react-datepicker__day-name{margin:.166rem .45rem}.react-datepicker__day-name{text-transform:uppercase;font-weight:var(--font-weight-medium);font-size:var(--border-radius-lg);letter-spacing:1px}.react-datepicker__day--outside-month{color:var(--color-border-warm-primary)}.react-datepicker__day--today{color:var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold);background-color:var(--color-background-brand-primary)}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:var(--color-background-warm-primary)}.react-datepicker__day,.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__day:not([aria-disabled=true]){border-radius:var(--border-radius-full)}.react-datepicker__day:hover,.react-datepicker__day--keyboard-selected:hover,.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__day:not([aria-disabled=true]):hover{border-radius:var(--border-radius-full)}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__month-text--selected,.react-datepicker__month .react-datepicker__month-text--keyboard-selected,.react-datepicker__month .react-datepicker__month-text--in-selecting-range,.react-datepicker__month .react-datepicker__month-text--in-range,.react-datepicker__month .react-datepicker__month-text:hover{width:var(--size-icon-2xl);height:var(--size-icon-xl);margin:2px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--size-icon-xl)}.react-datepicker__month .react-datepicker__month-text:hover,.react-datepicker__month .react-datepicker__month-text--selected:hover,.react-datepicker__month .react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__month .react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month .react-datepicker__month-text--in-range:hover,.react-datepicker__month .react-datepicker__month-text:hover:hover{border-radius:var(--size-icon-xl)}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected,.react-datepicker__day--selected,.react-datepicker__day--selected:not([aria-disabled=true]),.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month .react-datepicker__month-text--selected,.react-datepicker__month .react-datepicker__month-text--in-selecting-range,.react-datepicker__month .react-datepicker__month-text--in-range{background-color:var(--color-background-brand-primary);color:var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold);outline:none}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover,.react-datepicker__day--selected:hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month .react-datepicker__month-text--selected:hover,.react-datepicker__month .react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month .react-datepicker__month-text--in-range:hover{background-color:var(--color-background-brand-primary);color:var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold);outline:none}.react-datepicker__day-names,.react-datepicker__month{margin:0 -.45rem}.react-datepicker__month-text--today,.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{font-weight:var(--font-weight-medium)}