welcome-ui 8.4.0 → 9.0.0-alpha.1

package/dist/Badge.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import { c } from "./index-PAaZGbyz.js";
+const b = "_root_nle8k_2", f = {
+  root: b,
+  "disabled-default": "_disabled-default_nle8k_18",
+  "disabled-primary": "_disabled-primary_nle8k_22",
+  "rounded-md": "_rounded-md_nle8k_26",
+  "rounded-sm": "_rounded-sm_nle8k_29",
+  "size-md": "_size-md_nle8k_32",
+  "size-sm": "_size-sm_nle8k_36",
+  "variant-default": "_variant-default_nle8k_40",
+  "variant-primary": "_variant-primary_nle8k_44"
+}, g = c(f), k = u(
+  ({
+    children: e,
+    className: a,
+    disabled: r,
+    size: t = "md",
+    variant: s = "default",
+    withNumberAbbreviation: d,
+    ...n
+  }, o) => {
+    const i = Number.isInteger(e), _ = e.toString().length === 1, l = i && d && e > 99 ? "99+" : e;
+    return /* @__PURE__ */ m(
+      "div",
+      {
+        ...n,
+        className: g(
+          "root",
+          r ? `disabled-${s}` : `variant-${s}`,
+          `size-${t}`,
+          _ && `rounded-${t}`,
+          a
+        ),
+        ref: o,
+        children: l
+      }
+    );
+  }
+);
+k.displayName = "Badge";
+export {
+  k as Badge
+};

package/dist/Breadcrumb.css

@@ -0,0 +1 @@
+@layer components{._root_9vqpr_2{height:100%;position:relative;overflow-x:hidden;padding:var(--spacing-sm) 0;font-size:var(--font-size-subtitle-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-subtitle-sm);line-height:var(--line-height-subtitle-sm);text-transform:uppercase;font-family:var(--font-family-headings)}._list_9vqpr_14{display:inline-flex;align-items:center;max-width:100%;overflow-x:auto;margin:0;padding:0;list-style:none;white-space:nowrap}._start-gradient_9vqpr_24{left:0;transform-origin:left}._end-gradient_9vqpr_28{right:0;transform-origin:right}._start-gradient_9vqpr_24,._end-gradient_9vqpr_28{position:absolute;bottom:0;top:0;width:var(--spacing-xxl)}._item-wrapper_9vqpr_39{display:inline-flex;flex:0 0 auto;line-height:normal}._item-content_9vqpr_44{color:var(--breadcrumbItemColor, var(--color-neutral-50));text-decoration:none;align-items:center;transition:medium;direction:initial}._item-content_9vqpr_44:hover,._item-content_9vqpr_44[aria-current=page]{--breadcrumbItemColor: var(--color-neutral-70)}._item-content_9vqpr_44[aria-disabled=true]{pointer-events:none;cursor:default}._item-separator_9vqpr_58{color:var(--color-neutral-50);padding:0 var(--spacing-xs);display:flex;align-items:center}}

package/dist/Breadcrumb.js

@@ -0,0 +1,389 @@
+"use client";
+import { jsxs as te, jsx as R } from "react/jsx-runtime";
+import { forwardRef as re, Children as pe, cloneElement as be, useRef as M, useState as H, useCallback as V, useMemo as ge, useEffect as X } from "react";
+import "./Icon-BisRi8B3.js";
+import { R as me } from "./index-Dcq5gh3E.js";
+import { c as ne } from "./index-PAaZGbyz.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() {
+  return b.some(function(e) {
+    return e.skippedTargets.length > 0;
+  });
+}, $ = "ResizeObserver loop completed with undelivered notifications.", we = function() {
+  var e;
+  typeof ErrorEvent == "function" ? e = new ErrorEvent("error", {
+    message: $
+  }) : (e = document.createEvent("Event"), e.initEvent("error", !1, !1), e.message = $), window.dispatchEvent(e);
+}, y;
+(function(e) {
+  e.BORDER_BOX = "border-box", e.CONTENT_BOX = "content-box", e.DEVICE_PIXEL_CONTENT_BOX = "device-pixel-content-box";
+})(y || (y = {}));
+var g = function(e) {
+  return Object.freeze(e);
+}, Oe = /* @__PURE__ */ function() {
+  function e(t, r) {
+    this.inlineSize = t, this.blockSize = r, g(this);
+  }
+  return e;
+}(), ie = function() {
+  function e(t, r, n, i) {
+    return this.x = t, this.y = r, this.width = n, this.height = i, this.top = this.y, this.left = this.x, this.bottom = this.top + this.height, this.right = this.left + this.width, g(this);
+  }
+  return e.prototype.toJSON = function() {
+    var t = this, r = t.x, n = t.y, i = t.top, o = t.right, s = t.bottom, l = t.left, c = t.width, v = t.height;
+    return { x: r, y: n, top: i, right: o, bottom: s, left: l, width: c, height: v };
+  }, e.fromRect = function(t) {
+    return new e(t.x, t.y, t.width, t.height);
+  }, e;
+}(), P = function(e) {
+  return e instanceof SVGElement && "getBBox" in e;
+}, oe = function(e) {
+  if (P(e)) {
+    var t = e.getBBox(), r = t.width, n = t.height;
+    return !r && !n;
+  }
+  var i = e, o = i.offsetWidth, s = i.offsetHeight;
+  return !(o || s || e.getClientRects().length);
+}, J = function(e) {
+  var t;
+  if (e instanceof Element)
+    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) {
+  switch (e.tagName) {
+    case "INPUT":
+      if (e.type !== "image")
+        break;
+    case "VIDEO":
+    case "AUDIO":
+    case "EMBED":
+    case "OBJECT":
+    case "CANVAS":
+    case "IFRAME":
+    case "IMG":
+      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) {
+  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);
+}, Y = g({
+  devicePixelContentBoxSize: z(),
+  borderBoxSize: z(),
+  contentBoxSize: z(),
+  contentRect: new ie(0, 0, 0, 0)
+}), se = function(e, t) {
+  if (t === void 0 && (t = !1), S.has(e) && !t)
+    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, q = l ? e.offsetHeight - D - e.clientHeight : 0, G = 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 - G, B = n ? n.height : d(r.height) - de - q, fe = T + p + G + O, he = B + x + q + D, F = g({
+    devicePixelContentBoxSize: z(Math.round(T * devicePixelRatio), Math.round(B * devicePixelRatio), o),
+    borderBoxSize: z(fe, he, o),
+    contentBoxSize: z(T, B, o),
+    contentRect: new ie(f, c, T, B)
+  });
+  return S.set(e, F), F;
+}, 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:
+      return s;
+    case y.BORDER_BOX:
+      return i;
+    default:
+      return o;
+  }
+}, Be = /* @__PURE__ */ function() {
+  function e(t) {
+    var r = se(t);
+    this.target = t, this.contentRect = r.contentRect, this.borderBoxSize = g([r.borderBoxSize]), this.contentBoxSize = g([r.contentBoxSize]), this.devicePixelContentBoxSize = g([r.devicePixelContentBoxSize]);
+  }
+  return e;
+}(), ce = function(e) {
+  if (oe(e))
+    return 1 / 0;
+  for (var t = 0, r = e.parentNode; r; )
+    t += 1, r = r.parentNode;
+  return t;
+}, Se = function() {
+  var e = 1 / 0, t = [];
+  b.forEach(function(s) {
+    if (s.activeTargets.length !== 0) {
+      var l = [];
+      s.activeTargets.forEach(function(v) {
+        var h = new Be(v.target), f = ce(v.target);
+        l.push(h), v.lastReportedSize = ae(v.target, v.observedBox), f < e && (e = f);
+      }), t.push(function() {
+        s.callback.call(s.observer, l, s.observer);
+      }), s.activeTargets.splice(0, s.activeTargets.length);
+    }
+  });
+  for (var r = 0, n = t; r < n.length; r++) {
+    var i = n[r];
+    i();
+  }
+  return e;
+}, j = function(e) {
+  b.forEach(function(r) {
+    r.activeTargets.splice(0, r.activeTargets.length), r.skippedTargets.splice(0, r.skippedTargets.length), r.observationTargets.forEach(function(i) {
+      i.isActive() && (ce(i.target) > e ? r.activeTargets.push(i) : r.skippedTargets.push(i));
+    });
+  });
+}, _e = function() {
+  var e = 0;
+  for (j(e); ze(); )
+    e = Se(), j(e);
+  return Re() && we(), e > 0;
+}, A, ve = [], Ce = function() {
+  return ve.splice(0).forEach(function(e) {
+    return e();
+  });
+}, Ne = function(e) {
+  if (!A) {
+    var t = 0, r = document.createTextNode(""), n = { characterData: !0 };
+    new MutationObserver(function() {
+      return Ce();
+    }).observe(r, n), A = function() {
+      r.textContent = "".concat(t ? t-- : t++);
+    };
+  }
+  ve.push(e), A();
+}, ke = function(e) {
+  Ne(function() {
+    requestAnimationFrame(e);
+  });
+}, N = 0, De = function() {
+  return !!N;
+}, Me = 250, Ae = { attributes: !0, characterData: !0, childList: !0, subtree: !0 }, K = [
+  "resize",
+  "load",
+  "transitionend",
+  "animationend",
+  "animationstart",
+  "animationiteration",
+  "keyup",
+  "keydown",
+  "mouseup",
+  "mousedown",
+  "mouseover",
+  "mouseout",
+  "blur",
+  "focus"
+], Q = function(e) {
+  return e === void 0 && (e = 0), Date.now() + e;
+}, I = !1, Ie = function() {
+  function e() {
+    var t = this;
+    this.stopped = !0, this.listener = function() {
+      return t.schedule();
+    };
+  }
+  return e.prototype.run = function(t) {
+    var r = this;
+    if (t === void 0 && (t = Me), !I) {
+      I = !0;
+      var n = Q(t);
+      ke(function() {
+        var i = !1;
+        try {
+          i = _e();
+        } finally {
+          if (I = !1, t = n - Q(), !De())
+            return;
+          i ? r.run(1e3) : t > 0 ? r.run(t) : r.start();
+        }
+      });
+    }
+  }, e.prototype.schedule = function() {
+    this.stop(), this.run();
+  }, e.prototype.observe = function() {
+    var t = this, r = function() {
+      return t.observer && t.observer.observe(document.body, Ae);
+    };
+    document.body ? r() : E.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);
+    }));
+  }, 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);
+    }), 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";
+}, We = function() {
+  function e(t, r) {
+    this.target = t, this.observedBox = r || y.CONTENT_BOX, this.lastReportedSize = {
+      inlineSize: 0,
+      blockSize: 0
+    };
+  }
+  return e.prototype.isActive = function() {
+    var t = ae(this.target, this.observedBox, !0);
+    return Le(this.target) && (this.lastReportedSize = t), this.lastReportedSize.inlineSize !== t.inlineSize || this.lastReportedSize.blockSize !== t.blockSize;
+  }, e;
+}(), Pe = /* @__PURE__ */ function() {
+  function e(t, r) {
+    this.activeTargets = [], this.skippedTargets = [], this.observationTargets = [], this.observer = t, this.callback = r;
+  }
+  return e;
+}(), _ = /* @__PURE__ */ new WeakMap(), ee = function(e, t) {
+  for (var r = 0; r < e.length; r += 1)
+    if (e[r].target === t)
+      return r;
+  return -1;
+}, C = function() {
+  function e() {
+  }
+  return e.connect = function(t, r) {
+    var n = new Pe(t, r);
+    _.set(t, n);
+  }, e.observe = function(t, r, n) {
+    var i = _.get(t), o = i.observationTargets.length === 0;
+    ee(i.observationTargets, r) < 0 && (o && b.push(i), i.observationTargets.push(new We(r, n && n.box)), Z(1), W.schedule());
+  }, e.unobserve = function(t, r) {
+    var n = _.get(t), i = ee(n.observationTargets, r), o = n.observationTargets.length === 1;
+    i >= 0 && (o && b.splice(b.indexOf(n), 1), n.observationTargets.splice(i, 1), Z(-1));
+  }, e.disconnect = function(t) {
+    var r = this, n = _.get(t);
+    n.observationTargets.slice().forEach(function(i) {
+      return r.unobserve(t, i.target);
+    }), n.activeTargets.splice(0, n.activeTargets.length);
+  }, e;
+}(), qe = function() {
+  function e(t) {
+    if (arguments.length === 0)
+      throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");
+    if (typeof t != "function")
+      throw new TypeError("Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function.");
+    C.connect(this, t);
+  }
+  return e.prototype.observe = function(t, r) {
+    if (arguments.length === 0)
+      throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': 1 argument required, but only 0 present.");
+    if (!J(t))
+      throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': parameter 1 is not of type 'Element");
+    C.observe(this, t, r);
+  }, e.prototype.unobserve = function(t) {
+    if (arguments.length === 0)
+      throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': 1 argument required, but only 0 present.");
+    if (!J(t))
+      throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': parameter 1 is not of type 'Element");
+    C.unobserve(this, t);
+  }, e.prototype.disconnect = function() {
+    C.disconnect(this);
+  }, e.toString = function() {
+    return "function ResizeObserver () { [polyfill code] }";
+  }, e;
+}();
+const Ge = (e, t, r) => Math.min(Math.max(e, t), r), Fe = "_root_9vqpr_2", He = "_list_9vqpr_14", ue = {
+  root: Fe,
+  list: He,
+  "start-gradient": "_start-gradient_9vqpr_24",
+  "end-gradient": "_end-gradient_9vqpr_28",
+  "item-wrapper": "_item-wrapper_9vqpr_39",
+  "item-content": "_item-content_9vqpr_44",
+  "item-separator": "_item-separator_9vqpr_58"
+}, L = ne(ue), Ve = 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(
+        "a",
+        {
+          "aria-current": r ? "page" : void 0,
+          "aria-disabled": !s,
+          ...i,
+          className: L("item-content", i.className),
+          ref: o,
+          children: e
+        }
+      )
+    ] });
+  }
+), k = ne(ue), Xe = re(
+  ({ children: e, lastChildNotClickable: t = !0, separator: r = /* @__PURE__ */ R(me, { 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, {
+        isActive: u && t,
+        key: `breadcrumb-${a}`,
+        separator: u ? void 0 : r,
+        ...w.props
+      });
+    }), { 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() }),
+      c
+    ] });
+  }
+), Ze = Object.assign(Xe, {
+  Item: Ve
+}), $e = () => {
+  const e = M(null), t = M(), r = M(), [n, i] = H(!1), [o, s] = H(0), l = (a, u) => {
+    a && (a.style.transform = `scale3d(${u}, 1, 1)`);
+  }, c = V((a) => {
+    const u = 1 - a;
+    l(t.current, u), l(r.current, a);
+  }, []), v = V(() => {
+    const {
+      current: { offsetWidth: a, scrollLeft: u, scrollWidth: m }
+    } = e, p = m - a, O = Ge(Math.abs(u - o), 0, p) / p;
+    c(O);
+  }, [o, c]), h = ge(
+    () => xe(
+      (a) => {
+        const [
+          {
+            // Is offsetWidth really needed ?
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            target: { offsetWidth: u, scrollLeft: m, scrollWidth: p }
+          }
+        ] = a, x = p - u;
+        o || s(m === 0 ? 0 : x), i(x > 0);
+      },
+      300,
+      !1
+    ),
+    [o]
+  );
+  X(() => {
+    const a = new qe(h);
+    return a.observe(e.current), () => a.disconnect();
+  }, []), X(() => {
+    t.current && r.current && c(0);
+  }, [n, c]);
+  const f = n ? /* @__PURE__ */ R(
+    "span",
+    {
+      className: k("start-gradient", "bg-linear-to-r  from-neutral-10 to-transparent"),
+      ref: t
+    }
+  ) : null;
+  return { endGradient: n ? /* @__PURE__ */ R(
+    "span",
+    {
+      className: k("end-gradient", "bg-linear-to-l from-neutral-10 to-transparent"),
+      ref: r
+    }
+  ) : null, listRef: e, onListScroll: v, startGradient: f };
+};
+export {
+  Ze as Breadcrumb,
+  Xe as BreadcrumbComponent
+};

package/dist/Button.css

@@ -0,0 +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}}

package/dist/Button.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsxs as l, jsx as a, Fragment as g } from "react/jsx-runtime";
+import { B as f } from "./X5NMLKT6-PeY306ft.js";
+import { useButtonGroup as z } from "./ButtonGroup.js";
+import { Loader as b } from "./Loader.js";
+import { c as x } from "./index-PAaZGbyz.js";
+import { f as B } from "./forwardRefWithAs-8eP3ZN15.js";
+import "react";
+const N = "_root_1q8jk_2", $ = "_shape_1q8jk_74", D = "_loader_1q8jk_235", S = {
+  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(
+  ({
+    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,
+      {
+        ...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,
+        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 })
+          ] }) : null,
+          !r && i
+        ]
+      }
+    );
+  }
+);
+export {
+  W as Button
+};

package/dist/ButtonGroup.css

@@ -0,0 +1 @@
+@layer components{._root_kot0y_2{display:inline-flex;flex-wrap:wrap;align-items:center;margin-top:-3px}._root_kot0y_2>*{margin-top:3px}._root_kot0y_2>*:not(:only-child):not(:last-child){border-right-color:#fff6}._root_kot0y_2>*:not(:only-child):first-child{border-top-right-radius:0;border-bottom-right-radius:0}._root_kot0y_2>*:not(:only-child):last-child{border-top-left-radius:0;border-bottom-left-radius:0}._root_kot0y_2>*:not(:only-child):not(:last-child):not(:first-child){border-radius:0}}

package/dist/ButtonGroup.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { createContext as f, useMemo as i, useContext as l } from "react";
+import { c as x } from "./index-PAaZGbyz.js";
+import { f as G } from "./forwardRefWithAs-8eP3ZN15.js";
+const d = "_root_kot0y_2", y = {
+  root: d
+}, B = x(y), s = f({});
+function N() {
+  return l(s);
+}
+const j = G(
+  ({
+    as: n = "div",
+    children: u,
+    className: c,
+    disabled: o = !1,
+    size: t = "md",
+    variant: r = "primary",
+    ...m
+  }, a) => {
+    const p = i(() => ({ disabled: o, size: t, variant: r }), [o, t, r]);
+    return /* @__PURE__ */ e(s.Provider, { value: p, children: /* @__PURE__ */ e(n, { ...m, className: B("root", c), ref: a, children: u }) });
+  }
+);
+export {
+  j as ButtonGroup,
+  s as ButtonGroupContext,
+  N as useButtonGroup
+};

package/dist/Card.css

@@ -0,0 +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)}}

package/dist/Card.js

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

package/dist/Checkbox.css

@@ -0,0 +1 @@
+@layer components{._root_xf7ux_2{position:relative;padding:0;cursor:pointer;transition: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_xf7ux_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_xf7ux_2:disabled,._root_xf7ux_2[aria-disabled]{--backgroundColor: var(--color-beige-40);--borderColor: var(--color-beige-50);cursor:not-allowed}._root_xf7ux_2:not([disabled]):hover{--borderColor: var(--borderColorHover, var(--color-neutral-40))}._root_xf7ux_2[data-focus-visible],._root_xf7ux_2:focus-visible{--borderColor: var(--borderColorFocused, var(--color-brand-40));outline-color:var(--outlineColorFocus, var(--color-brand-20))}._root_xf7ux_2::placeholder{--color: var(--color-neutral-60)}._root_xf7ux_2[aria-checked=true]:not(:disabled){--backgroundColor: var(--color-brand-40);--borderColor: var(--color-brand-40);--color: var(--color-neutral-90)}._root_xf7ux_2[aria-checked=true]:not(:disabled):after{--afterBackgroundColor: var(--color-beige-90)}._root_xf7ux_2[aria-checked=true]:not(:disabled):hover{--backgroundColor: var(--color-brand-30);--borderColor: var(--backgroundColor)}._root_xf7ux_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_xf7ux_67{--borderColor: var(--color-red-70);--borderColorHover: var(--color-red-70);--borderColorFocused: var(--color-red-70);--outlineColorFocus: var(--color-red-30)}._variant-warning_xf7ux_73{--borderColor: var(--color-orange-60);--borderColorHover: var(--color-orange-60);--borderColorFocused: var(--color-orange-60);--outlineColorFocus: var(--color-orange-30)}._variant-success_xf7ux_79{--borderColor: var(--color-green-60);--borderColorHover: var(--color-green-60);--borderColorFocused: var(--color-green-60);--outlineColorFocus: var(--color-green-30)}._indeterminate_xf7ux_85:not(:disabled){--backgroundColor: var(--color-brand-40);--borderColor: var(--color-brand-40);--color: var(--color-neutral-90)}._indeterminate_xf7ux_85:not(:disabled):after{--afterBackgroundColor: var(--color-beige-90)}._indeterminate_xf7ux_85:not(:disabled):hover{--backgroundColor: var(--color-brand-30);--borderColor: var(--backgroundColor)}._indeterminate_xf7ux_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")}}

package/dist/Checkbox.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _ } from "react/jsx-runtime";
+import { C as d } from "./ASMQKSDT-SH1qSiMi.js";
+import { forwardRef as u } from "react";
+import { useField as l } from "./Field.js";
+import { c as v } from "./index-PAaZGbyz.js";
+const g = "_root_xf7ux_2", p = "_indeterminate_xf7ux_85", h = {
+  root: g,
+  "variant-danger": "_variant-danger_xf7ux_67",
+  "variant-warning": "_variant-warning_xf7ux_73",
+  "variant-success": "_variant-success_xf7ux_79",
+  indeterminate: p
+}, k = v(h), j = u(
+  ({ checked: e = !1, className: n, indeterminate: o = !1, onChange: a, variant: i, ...s }, c) => {
+    const { getInputProps: f, variant: m } = l(), r = m || i, x = (t) => {
+      t.target.checked = !t.target.checked, a && a(t);
+    };
+    return /* @__PURE__ */ _(
+      d,
+      {
+        ...f(s),
+        checked: e,
+        className: k(
+          "root",
+          r && `variant-${r}`,
+          o && "indeterminate",
+          n
+        ),
+        onChange: x,
+        ref: c
+      }
+    );
+  }
+);
+export {
+  j as Checkbox
+};

package/dist/CloseButton.css

@@ -0,0 +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}}}

package/dist/CloseButton.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { Button as n } from "./Button.js";
+import "./Icon-BisRi8B3.js";
+import { C as c } from "./index-BJLXLdM3.js";
+import { c as m } from "./index-PAaZGbyz.js";
+const i = "_root_rhe1o_2", l = "_fade_rhe1o_1", f = {
+  root: i,
+  "animate-presence": "_animate-presence_rhe1o_6",
+  fade: l
+}, p = m(f), B = a(
+  ({ animatePresence: e = !1, className: r, ...t }, s) => /* @__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" })
+    }
+  )
+);
+export {
+  B as CloseButton
+};