@arkitektbedriftene/fe-lib 0.3.0 → 0.3.2

package/dist/ui.es.js

@@ -0,0 +1,735 @@
+import T, { forwardRef as ie } from "react";
+import { j as L } from "./jsx-runtime-a0589023.js";
+var $ = "colors", x = "sizes", l = "space", de = { gap: l, gridGap: l, columnGap: l, gridColumnGap: l, rowGap: l, gridRowGap: l, inset: l, insetBlock: l, insetBlockEnd: l, insetBlockStart: l, insetInline: l, insetInlineEnd: l, insetInlineStart: l, margin: l, marginTop: l, marginRight: l, marginBottom: l, marginLeft: l, marginBlock: l, marginBlockEnd: l, marginBlockStart: l, marginInline: l, marginInlineEnd: l, marginInlineStart: l, padding: l, paddingTop: l, paddingRight: l, paddingBottom: l, paddingLeft: l, paddingBlock: l, paddingBlockEnd: l, paddingBlockStart: l, paddingInline: l, paddingInlineEnd: l, paddingInlineStart: l, top: l, right: l, bottom: l, left: l, scrollMargin: l, scrollMarginTop: l, scrollMarginRight: l, scrollMarginBottom: l, scrollMarginLeft: l, scrollMarginX: l, scrollMarginY: l, scrollMarginBlock: l, scrollMarginBlockEnd: l, scrollMarginBlockStart: l, scrollMarginInline: l, scrollMarginInlineEnd: l, scrollMarginInlineStart: l, scrollPadding: l, scrollPaddingTop: l, scrollPaddingRight: l, scrollPaddingBottom: l, scrollPaddingLeft: l, scrollPaddingX: l, scrollPaddingY: l, scrollPaddingBlock: l, scrollPaddingBlockEnd: l, scrollPaddingBlockStart: l, scrollPaddingInline: l, scrollPaddingInlineEnd: l, scrollPaddingInlineStart: l, fontSize: "fontSizes", background: $, backgroundColor: $, backgroundImage: $, borderImage: $, border: $, borderBlock: $, borderBlockEnd: $, borderBlockStart: $, borderBottom: $, borderBottomColor: $, borderColor: $, borderInline: $, borderInlineEnd: $, borderInlineStart: $, borderLeft: $, borderLeftColor: $, borderRight: $, borderRightColor: $, borderTop: $, borderTopColor: $, caretColor: $, color: $, columnRuleColor: $, fill: $, outline: $, outlineColor: $, stroke: $, textDecorationColor: $, fontFamily: "fonts", fontWeight: "fontWeights", lineHeight: "lineHeights", letterSpacing: "letterSpacings", blockSize: x, minBlockSize: x, maxBlockSize: x, inlineSize: x, minInlineSize: x, maxInlineSize: x, width: x, minWidth: x, maxWidth: x, height: x, minHeight: x, maxHeight: x, flexBasis: x, gridTemplateColumns: x, gridTemplateRows: x, borderWidth: "borderWidths", borderTopWidth: "borderWidths", borderRightWidth: "borderWidths", borderBottomWidth: "borderWidths", borderLeftWidth: "borderWidths", borderStyle: "borderStyles", borderTopStyle: "borderStyles", borderRightStyle: "borderStyles", borderBottomStyle: "borderStyles", borderLeftStyle: "borderStyles", borderRadius: "radii", borderTopLeftRadius: "radii", borderTopRightRadius: "radii", borderBottomRightRadius: "radii", borderBottomLeftRadius: "radii", boxShadow: "shadows", textShadow: "shadows", transition: "transitions", zIndex: "zIndices" }, ce = (e, t) => typeof t == "function" ? { "()": Function.prototype.toString.call(t) } : t, A = () => {
+  const e = /* @__PURE__ */ Object.create(null);
+  return (t, o, ...r) => {
+    const i = ((n) => JSON.stringify(n, ce))(t);
+    return i in e ? e[i] : e[i] = o(t, ...r);
+  };
+}, z = Symbol.for("sxs.internal"), K = (e, t) => Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)), Q = (e) => {
+  for (const t in e)
+    return !0;
+  return !1;
+}, { hasOwnProperty: ge } = Object.prototype, q = (e) => e.includes("-") ? e : e.replace(/[A-Z]/g, (t) => "-" + t.toLowerCase()), pe = /\s+(?![^()]*\))/, F = (e) => (t) => e(...typeof t == "string" ? String(t).split(pe) : [t]), _ = { appearance: (e) => ({ WebkitAppearance: e, appearance: e }), backfaceVisibility: (e) => ({ WebkitBackfaceVisibility: e, backfaceVisibility: e }), backdropFilter: (e) => ({ WebkitBackdropFilter: e, backdropFilter: e }), backgroundClip: (e) => ({ WebkitBackgroundClip: e, backgroundClip: e }), boxDecorationBreak: (e) => ({ WebkitBoxDecorationBreak: e, boxDecorationBreak: e }), clipPath: (e) => ({ WebkitClipPath: e, clipPath: e }), content: (e) => ({ content: e.includes('"') || e.includes("'") || /^([A-Za-z]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)$/.test(e) ? e : `"${e}"` }), hyphens: (e) => ({ WebkitHyphens: e, hyphens: e }), maskImage: (e) => ({ WebkitMaskImage: e, maskImage: e }), maskSize: (e) => ({ WebkitMaskSize: e, maskSize: e }), tabSize: (e) => ({ MozTabSize: e, tabSize: e }), textSizeAdjust: (e) => ({ WebkitTextSizeAdjust: e, textSizeAdjust: e }), userSelect: (e) => ({ WebkitUserSelect: e, userSelect: e }), marginBlock: F((e, t) => ({ marginBlockStart: e, marginBlockEnd: t || e })), marginInline: F((e, t) => ({ marginInlineStart: e, marginInlineEnd: t || e })), maxSize: F((e, t) => ({ maxBlockSize: e, maxInlineSize: t || e })), minSize: F((e, t) => ({ minBlockSize: e, minInlineSize: t || e })), paddingBlock: F((e, t) => ({ paddingBlockStart: e, paddingBlockEnd: t || e })), paddingInline: F((e, t) => ({ paddingInlineStart: e, paddingInlineEnd: t || e })) }, Y = /([\d.]+)([^]*)/, ue = (e, t) => e.length ? e.reduce((o, r) => (o.push(...t.map((i) => i.includes("&") ? i.replace(/&/g, /[ +>|~]/.test(r) && /&.*&/.test(i) ? `:is(${r})` : r) : r + " " + i)), o), []) : t, me = (e, t) => e in he && typeof t == "string" ? t.replace(/^((?:[^]*[^\w-])?)(fit-content|stretch)((?:[^\w-][^]*)?)$/, (o, r, i, n) => r + (i === "stretch" ? `-moz-available${n};${q(e)}:${r}-webkit-fill-available` : `-moz-fit-content${n};${q(e)}:${r}fit-content`) + n) : String(t), he = { blockSize: 1, height: 1, inlineSize: 1, maxBlockSize: 1, maxHeight: 1, maxInlineSize: 1, maxWidth: 1, minBlockSize: 1, minHeight: 1, minInlineSize: 1, minWidth: 1, width: 1 }, I = (e) => e ? e + "-" : "", le = (e, t, o) => e.replace(/([+-])?((?:\d+(?:\.\d*)?|\.\d+)(?:[Ee][+-]?\d+)?)?(\$|--)([$\w-]+)/g, (r, i, n, c, d) => c == "$" == !!n ? r : (i || c == "--" ? "calc(" : "") + "var(--" + (c === "$" ? I(t) + (d.includes("$") ? "" : I(o)) + d.replace(/\$/g, "-") : d) + ")" + (i || c == "--" ? "*" + (i || "") + (n || "1") + ")" : "")), fe = /\s*,\s*(?![^()]*\))/, $e = Object.prototype.toString, D = (e, t, o, r, i) => {
+  let n, c, d;
+  const s = (p, m, u) => {
+    let a, g;
+    const f = (b) => {
+      for (a in b) {
+        const y = a.charCodeAt(0) === 64, V = y && Array.isArray(b[a]) ? b[a] : [b[a]];
+        for (g of V) {
+          const v = /[A-Z]/.test(h = a) ? h : h.replace(/-[^]/g, (k) => k[1].toUpperCase()), M = typeof g == "object" && g && g.toString === $e && (!r.utils[v] || !m.length);
+          if (v in r.utils && !M) {
+            const k = r.utils[v];
+            if (k !== c) {
+              c = k, f(k(g)), c = null;
+              continue;
+            }
+          } else if (v in _) {
+            const k = _[v];
+            if (k !== d) {
+              d = k, f(k(g)), d = null;
+              continue;
+            }
+          }
+          if (y && (S = a.slice(1) in r.media ? "@media " + r.media[a.slice(1)] : a, a = S.replace(/\(\s*([\w-]+)\s*(=|<|<=|>|>=)\s*([\w-]+)\s*(?:(<|<=|>|>=)\s*([\w-]+)\s*)?\)/g, (k, B, R, C, w, E) => {
+            const W = Y.test(B), O = 0.0625 * (W ? -1 : 1), [N, X] = W ? [C, B] : [B, C];
+            return "(" + (R[0] === "=" ? "" : R[0] === ">" === W ? "max-" : "min-") + N + ":" + (R[0] !== "=" && R.length === 1 ? X.replace(Y, (ae, J, U) => Number(J) + O * (R === ">" ? 1 : -1) + U) : X) + (w ? ") and (" + (w[0] === ">" ? "min-" : "max-") + N + ":" + (w.length === 1 ? E.replace(Y, (ae, J, U) => Number(J) + O * (w === ">" ? -1 : 1) + U) : E) : "") + ")";
+          })), M) {
+            const k = y ? u.concat(a) : [...u], B = y ? [...m] : ue(m, a.split(fe));
+            n !== void 0 && i(ee(...n)), n = void 0, s(g, B, k);
+          } else
+            n === void 0 && (n = [[], m, u]), a = y || a.charCodeAt(0) !== 36 ? a : `--${I(r.prefix)}${a.slice(1).replace(/\$/g, "-")}`, g = M ? g : typeof g == "number" ? g && v in be ? String(g) + "px" : String(g) : le(me(v, g ?? ""), r.prefix, r.themeMap[v]), n[0].push(`${y ? `${a} ` : `${q(a)}:`}${g}`);
+        }
+      }
+      var S, h;
+    };
+    f(p), n !== void 0 && i(ee(...n)), n = void 0;
+  };
+  s(e, t, o);
+}, ee = (e, t, o) => `${o.map((r) => `${r}{`).join("")}${t.length ? `${t.join(",")}{` : ""}${e.join(";")}${t.length ? "}" : ""}${Array(o.length ? o.length + 1 : 0).join("}")}`, be = { animationDelay: 1, animationDuration: 1, backgroundSize: 1, blockSize: 1, border: 1, borderBlock: 1, borderBlockEnd: 1, borderBlockEndWidth: 1, borderBlockStart: 1, borderBlockStartWidth: 1, borderBlockWidth: 1, borderBottom: 1, borderBottomLeftRadius: 1, borderBottomRightRadius: 1, borderBottomWidth: 1, borderEndEndRadius: 1, borderEndStartRadius: 1, borderInlineEnd: 1, borderInlineEndWidth: 1, borderInlineStart: 1, borderInlineStartWidth: 1, borderInlineWidth: 1, borderLeft: 1, borderLeftWidth: 1, borderRadius: 1, borderRight: 1, borderRightWidth: 1, borderSpacing: 1, borderStartEndRadius: 1, borderStartStartRadius: 1, borderTop: 1, borderTopLeftRadius: 1, borderTopRightRadius: 1, borderTopWidth: 1, borderWidth: 1, bottom: 1, columnGap: 1, columnRule: 1, columnRuleWidth: 1, columnWidth: 1, containIntrinsicSize: 1, flexBasis: 1, fontSize: 1, gap: 1, gridAutoColumns: 1, gridAutoRows: 1, gridTemplateColumns: 1, gridTemplateRows: 1, height: 1, inlineSize: 1, inset: 1, insetBlock: 1, insetBlockEnd: 1, insetBlockStart: 1, insetInline: 1, insetInlineEnd: 1, insetInlineStart: 1, left: 1, letterSpacing: 1, margin: 1, marginBlock: 1, marginBlockEnd: 1, marginBlockStart: 1, marginBottom: 1, marginInline: 1, marginInlineEnd: 1, marginInlineStart: 1, marginLeft: 1, marginRight: 1, marginTop: 1, maxBlockSize: 1, maxHeight: 1, maxInlineSize: 1, maxWidth: 1, minBlockSize: 1, minHeight: 1, minInlineSize: 1, minWidth: 1, offsetDistance: 1, offsetRotate: 1, outline: 1, outlineOffset: 1, outlineWidth: 1, overflowClipMargin: 1, padding: 1, paddingBlock: 1, paddingBlockEnd: 1, paddingBlockStart: 1, paddingBottom: 1, paddingInline: 1, paddingInlineEnd: 1, paddingInlineStart: 1, paddingLeft: 1, paddingRight: 1, paddingTop: 1, perspective: 1, right: 1, rowGap: 1, scrollMargin: 1, scrollMarginBlock: 1, scrollMarginBlockEnd: 1, scrollMarginBlockStart: 1, scrollMarginBottom: 1, scrollMarginInline: 1, scrollMarginInlineEnd: 1, scrollMarginInlineStart: 1, scrollMarginLeft: 1, scrollMarginRight: 1, scrollMarginTop: 1, scrollPadding: 1, scrollPaddingBlock: 1, scrollPaddingBlockEnd: 1, scrollPaddingBlockStart: 1, scrollPaddingBottom: 1, scrollPaddingInline: 1, scrollPaddingInlineEnd: 1, scrollPaddingInlineStart: 1, scrollPaddingLeft: 1, scrollPaddingRight: 1, scrollPaddingTop: 1, shapeMargin: 1, textDecoration: 1, textDecorationThickness: 1, textIndent: 1, textUnderlineOffset: 1, top: 1, transitionDelay: 1, transitionDuration: 1, verticalAlign: 1, width: 1, wordSpacing: 1 }, te = (e) => String.fromCharCode(e + (e > 25 ? 39 : 97)), j = (e) => ((t) => {
+  let o, r = "";
+  for (o = Math.abs(t); o > 52; o = o / 52 | 0)
+    r = te(o % 52) + r;
+  return te(o % 52) + r;
+})(((t, o) => {
+  let r = o.length;
+  for (; r; )
+    t = 33 * t ^ o.charCodeAt(--r);
+  return t;
+})(5381, JSON.stringify(e)) >>> 0), H = ["themed", "global", "styled", "onevar", "resonevar", "allvar", "inline"], ye = (e) => {
+  if (e.href && !e.href.startsWith(location.origin))
+    return !1;
+  try {
+    return !!e.cssRules;
+  } catch {
+    return !1;
+  }
+}, Se = (e) => {
+  let t;
+  const o = () => {
+    const { cssRules: i } = t.sheet;
+    return [].map.call(i, (n, c) => {
+      const { cssText: d } = n;
+      let s = "";
+      if (d.startsWith("--sxs"))
+        return "";
+      if (i[c - 1] && (s = i[c - 1].cssText).startsWith("--sxs")) {
+        if (!n.cssRules.length)
+          return "";
+        for (const p in t.rules)
+          if (t.rules[p].group === n)
+            return `--sxs{--sxs:${[...t.rules[p].cache].join(" ")}}${d}`;
+        return n.cssRules.length ? `${s}${d}` : "";
+      }
+      return d;
+    }).join("");
+  }, r = () => {
+    if (t) {
+      const { rules: d, sheet: s } = t;
+      if (!s.deleteRule) {
+        for (; Object(Object(s.cssRules)[0]).type === 3; )
+          s.cssRules.splice(0, 1);
+        s.cssRules = [];
+      }
+      for (const p in d)
+        delete d[p];
+    }
+    const i = Object(e).styleSheets || [];
+    for (const d of i)
+      if (ye(d)) {
+        for (let s = 0, p = d.cssRules; p[s]; ++s) {
+          const m = Object(p[s]);
+          if (m.type !== 1)
+            continue;
+          const u = Object(p[s + 1]);
+          if (u.type !== 4)
+            continue;
+          ++s;
+          const { cssText: a } = m;
+          if (!a.startsWith("--sxs"))
+            continue;
+          const g = a.slice(14, -3).trim().split(/\s+/), f = H[g[0]];
+          f && (t || (t = { sheet: d, reset: r, rules: {}, toString: o }), t.rules[f] = { group: u, index: s, cache: new Set(g) });
+        }
+        if (t)
+          break;
+      }
+    if (!t) {
+      const d = (s, p) => ({ type: p, cssRules: [], insertRule(m, u) {
+        this.cssRules.splice(u, 0, d(m, { import: 3, undefined: 1 }[(m.toLowerCase().match(/^@([a-z]+)/) || [])[1]] || 4));
+      }, get cssText() {
+        return s === "@media{}" ? `@media{${[].map.call(this.cssRules, (m) => m.cssText).join("")}}` : s;
+      } });
+      t = { sheet: e ? (e.head || e).appendChild(document.createElement("style")).sheet : d("", "text/css"), rules: {}, reset: r, toString: o };
+    }
+    const { sheet: n, rules: c } = t;
+    for (let d = H.length - 1; d >= 0; --d) {
+      const s = H[d];
+      if (!c[s]) {
+        const p = H[d + 1], m = c[p] ? c[p].index : n.cssRules.length;
+        n.insertRule("@media{}", m), n.insertRule(`--sxs{--sxs:${d}}`, m), c[s] = { group: n.cssRules[m + 1], index: m, cache: /* @__PURE__ */ new Set([d]) };
+      }
+      xe(c[s]);
+    }
+  };
+  return r(), t;
+}, xe = (e) => {
+  const t = e.group;
+  let o = t.cssRules.length;
+  e.apply = (r) => {
+    try {
+      t.insertRule(r, o), ++o;
+    } catch {
+    }
+  };
+}, P = Symbol(), ke = A(), re = (e, t) => ke(e, () => (...o) => {
+  let r = { type: null, composers: /* @__PURE__ */ new Set() };
+  for (const i of o)
+    if (i != null)
+      if (i[z]) {
+        r.type == null && (r.type = i[z].type);
+        for (const n of i[z].composers)
+          r.composers.add(n);
+      } else
+        i.constructor !== Object || i.$$typeof ? r.type == null && (r.type = i) : r.composers.add(Be(i, e));
+  return r.type == null && (r.type = "span"), r.composers.size || r.composers.add(["PJLV", {}, [], [], {}, []]), we(e, r, t);
+}), Be = ({ variants: e, compoundVariants: t, defaultVariants: o, ...r }, i) => {
+  const n = `${I(i.prefix)}c-${j(r)}`, c = [], d = [], s = /* @__PURE__ */ Object.create(null), p = [];
+  for (const a in o)
+    s[a] = String(o[a]);
+  if (typeof e == "object" && e)
+    for (const a in e) {
+      m = s, u = a, ge.call(m, u) || (s[a] = "undefined");
+      const g = e[a];
+      for (const f in g) {
+        const b = { [a]: String(f) };
+        String(f) === "undefined" && p.push(a);
+        const S = g[f], h = [b, S, !Q(S)];
+        c.push(h);
+      }
+    }
+  var m, u;
+  if (typeof t == "object" && t)
+    for (const a of t) {
+      let { css: g, ...f } = a;
+      g = typeof g == "object" && g || {};
+      for (const S in f)
+        f[S] = String(f[S]);
+      const b = [f, g, !Q(g)];
+      d.push(b);
+    }
+  return [n, r, c, d, s, p];
+}, we = (e, t, o) => {
+  const [r, i, n, c] = ve(t.composers), d = typeof t.type == "function" || t.type.$$typeof ? ((u) => {
+    function a() {
+      for (let g = 0; g < a[P].length; g++) {
+        const [f, b] = a[P][g];
+        u.rules[f].apply(b);
+      }
+      return a[P] = [], null;
+    }
+    return a[P] = [], a.rules = {}, H.forEach((g) => a.rules[g] = { apply: (f) => a[P].push([g, f]) }), a;
+  })(o) : null, s = (d || o).rules, p = `.${r}${i.length > 1 ? `:where(.${i.slice(1).join(".")})` : ""}`, m = (u) => {
+    u = typeof u == "object" && u || Re;
+    const { css: a, ...g } = u, f = {};
+    for (const h in n)
+      if (delete g[h], h in u) {
+        let y = u[h];
+        typeof y == "object" && y ? f[h] = { "@initial": n[h], ...y } : (y = String(y), f[h] = y !== "undefined" || c.has(h) ? y : n[h]);
+      } else
+        f[h] = n[h];
+    const b = /* @__PURE__ */ new Set([...i]);
+    for (const [h, y, V, v] of t.composers) {
+      o.rules.styled.cache.has(h) || (o.rules.styled.cache.add(h), D(y, [`.${h}`], [], e, (B) => {
+        s.styled.apply(B);
+      }));
+      const M = oe(V, f, e.media), k = oe(v, f, e.media, !0);
+      for (const B of M)
+        if (B !== void 0)
+          for (const [R, C, w] of B) {
+            const E = `${h}-${j(C)}-${R}`;
+            b.add(E);
+            const W = (w ? o.rules.resonevar : o.rules.onevar).cache, O = w ? s.resonevar : s.onevar;
+            W.has(E) || (W.add(E), D(C, [`.${E}`], [], e, (N) => {
+              O.apply(N);
+            }));
+          }
+      for (const B of k)
+        if (B !== void 0)
+          for (const [R, C] of B) {
+            const w = `${h}-${j(C)}-${R}`;
+            b.add(w), o.rules.allvar.cache.has(w) || (o.rules.allvar.cache.add(w), D(C, [`.${w}`], [], e, (E) => {
+              s.allvar.apply(E);
+            }));
+          }
+    }
+    if (typeof a == "object" && a) {
+      const h = `${r}-i${j(a)}-css`;
+      b.add(h), o.rules.inline.cache.has(h) || (o.rules.inline.cache.add(h), D(a, [`.${h}`], [], e, (y) => {
+        s.inline.apply(y);
+      }));
+    }
+    for (const h of String(u.className || "").trim().split(/\s+/))
+      h && b.add(h);
+    const S = g.className = [...b].join(" ");
+    return { type: t.type, className: S, selector: p, props: g, toString: () => S, deferredInjector: d };
+  };
+  return K(m, { className: r, selector: p, [z]: t, toString: () => (o.rules.styled.cache.has(r) || m(), r) });
+}, ve = (e) => {
+  let t = "";
+  const o = [], r = {}, i = [];
+  for (const [n, , , , c, d] of e) {
+    t === "" && (t = n), o.push(n), i.push(...d);
+    for (const s in c) {
+      const p = c[s];
+      (r[s] === void 0 || p !== "undefined" || d.includes(p)) && (r[s] = p);
+    }
+  }
+  return [t, o, r, new Set(i)];
+}, oe = (e, t, o, r) => {
+  const i = [];
+  e:
+    for (let [n, c, d] of e) {
+      if (d)
+        continue;
+      let s, p = 0, m = !1;
+      for (s in n) {
+        const u = n[s];
+        let a = t[s];
+        if (a !== u) {
+          if (typeof a != "object" || !a)
+            continue e;
+          {
+            let g, f, b = 0;
+            for (const S in a) {
+              if (u === String(a[S])) {
+                if (S !== "@initial") {
+                  const h = S.slice(1);
+                  (f = f || []).push(h in o ? o[h] : S.replace(/^@media ?/, "")), m = !0;
+                }
+                p += b, g = !0;
+              }
+              ++b;
+            }
+            if (f && f.length && (c = { ["@media " + f.join(", ")]: c }), !g)
+              continue e;
+          }
+        }
+      }
+      (i[p] = i[p] || []).push([r ? "cv" : `${s}-${n[s]}`, c, m]);
+    }
+  return i;
+}, Re = {}, Ee = A(), Ie = (e, t) => Ee(e, () => (...o) => {
+  const r = () => {
+    for (let i of o) {
+      i = typeof i == "object" && i || {};
+      let n = j(i);
+      if (!t.rules.global.cache.has(n)) {
+        if (t.rules.global.cache.add(n), "@import" in i) {
+          let c = [].indexOf.call(t.sheet.cssRules, t.rules.themed.group) - 1;
+          for (let d of [].concat(i["@import"]))
+            d = d.includes('"') || d.includes("'") ? d : `"${d}"`, t.sheet.insertRule(`@import ${d};`, c++);
+          delete i["@import"];
+        }
+        D(i, [], [], e, (c) => {
+          t.rules.global.apply(c);
+        });
+      }
+    }
+    return "";
+  };
+  return K(r, { toString: r });
+}), Ce = A(), ze = (e, t) => Ce(e, () => (o) => {
+  const r = `${I(e.prefix)}k-${j(o)}`, i = () => {
+    if (!t.rules.global.cache.has(r)) {
+      t.rules.global.cache.add(r);
+      const n = [];
+      D(o, [], [], e, (d) => n.push(d));
+      const c = `@keyframes ${r}{${n.join("")}}`;
+      t.rules.global.apply(c);
+    }
+    return r;
+  };
+  return K(i, { get name() {
+    return i();
+  }, toString: i });
+}), je = class {
+  constructor(e, t, o, r) {
+    this.token = e == null ? "" : String(e), this.value = t == null ? "" : String(t), this.scale = o == null ? "" : String(o), this.prefix = r == null ? "" : String(r);
+  }
+  get computedValue() {
+    return "var(" + this.variable + ")";
+  }
+  get variable() {
+    return "--" + I(this.prefix) + I(this.scale) + this.token;
+  }
+  toString() {
+    return this.computedValue;
+  }
+}, We = A(), Te = (e, t) => We(e, () => (o, r) => {
+  r = typeof o == "object" && o || Object(r);
+  const i = `.${o = (o = typeof o == "string" ? o : "") || `${I(e.prefix)}t-${j(r)}`}`, n = {}, c = [];
+  for (const s in r) {
+    n[s] = {};
+    for (const p in r[s]) {
+      const m = `--${I(e.prefix)}${s}-${p}`, u = le(String(r[s][p]), e.prefix, s);
+      n[s][p] = new je(p, u, s, e.prefix), c.push(`${m}:${u}`);
+    }
+  }
+  const d = () => {
+    if (c.length && !t.rules.themed.cache.has(o)) {
+      t.rules.themed.cache.add(o);
+      const s = `${r === e.theme ? ":root," : ""}.${o}{${c.join(";")}}`;
+      t.rules.themed.apply(s);
+    }
+    return o;
+  };
+  return { ...n, get className() {
+    return d();
+  }, selector: i, toString: d };
+}), Fe = A(), De = A(), Ae = (e) => {
+  const t = ((o) => {
+    let r = !1;
+    const i = Fe(o, (n) => {
+      r = !0;
+      const c = "prefix" in (n = typeof n == "object" && n || {}) ? String(n.prefix) : "", d = typeof n.media == "object" && n.media || {}, s = typeof n.root == "object" ? n.root || null : globalThis.document || null, p = typeof n.theme == "object" && n.theme || {}, m = { prefix: c, media: d, theme: p, themeMap: typeof n.themeMap == "object" && n.themeMap || { ...de }, utils: typeof n.utils == "object" && n.utils || {} }, u = Se(s), a = { css: re(m, u), globalCss: Ie(m, u), keyframes: ze(m, u), createTheme: Te(m, u), reset() {
+        u.reset(), a.theme.toString();
+      }, theme: {}, sheet: u, config: m, prefix: c, getCssText: u.toString, toString: u.toString };
+      return String(a.theme = a.createTheme(p)), a;
+    });
+    return r || i.reset(), i;
+  })(e);
+  return t.styled = (({ config: o, sheet: r }) => De(o, () => {
+    const i = re(o, r);
+    return (...n) => {
+      const c = i(...n), d = c[z].type, s = T.forwardRef((p, m) => {
+        const u = p && p.as || d, { props: a, deferredInjector: g } = c(p);
+        return delete a.as, a.ref = m, g ? T.createElement(T.Fragment, null, T.createElement(u, a), T.createElement(g, null)) : T.createElement(u, a);
+      });
+      return s.className = c.className, s.displayName = `Styled.${d.displayName || d.name || d}`, s.selector = c.selector, s.toString = () => c.selector, s[z] = c[z], s;
+    };
+  }))(t), t;
+};
+let ne = 9999;
+const Z = () => (ne--, ne), { styled: G, css: Ue, keyframes: se, globalCss: Ye } = Ae({
+  theme: {
+    colors: {
+      gray50: "#F9FAFA",
+      gray100: "#EBEEEE",
+      gray200: "#CFD6D7",
+      gray300: "#B3BEC0",
+      gray400: "#97A6A8",
+      gray500: "#7C8E91",
+      gray600: "#627578",
+      gray700: "#4F5F61",
+      gray800: "#414D4F",
+      gray900: "#2C3435",
+      blue50: "#F7FBFB",
+      blue100: "#E3F0F2",
+      blue200: "#BADADF",
+      blue300: "#92C5CC",
+      blue400: "#67AEB8",
+      blue500: "#3C97A3",
+      blue600: "#1F7D8A",
+      blue700: "#19656F",
+      blue800: "#14525B",
+      blue900: "#0E383E",
+      yellow50: "#FDFAEF",
+      yellow100: "#F9EDCA",
+      yellow200: "#EFD27A",
+      yellow300: "#E5B626",
+      yellow400: "#C89E1C",
+      yellow500: "#AA8618",
+      yellow600: "#8C6E14",
+      yellow700: "#715910",
+      yellow800: "#5C490D",
+      yellow900: "#3E3109",
+      orange500: "#D1721C",
+      red50: "#FDF9F9",
+      red100: "#F7EBEB",
+      red200: "#EBCECD",
+      red300: "#DFB1B0",
+      red400: "#D39392",
+      red500: "#C67473",
+      red600: "#B85250",
+      red700: "#A92F2D",
+      red800: "#901F1E",
+      red900: "#631614",
+      green50: "#F8FAF9",
+      green100: "#E7F0EA",
+      green200: "#C5D9CB",
+      green300: "#A4C4AD",
+      green400: "#82AD8D",
+      green500: "#60976F",
+      green600: "#3C7F4E",
+      green700: "#296839",
+      green800: "#21552F",
+      green900: "#163920",
+      // Primary
+      primaryTextOnLightBg: "#194b58",
+      primaryBg: "$blue600",
+      primaryBgHover: "$blue700",
+      primaryTextOnWhite: "$blue600",
+      bodyGray: "$gray100",
+      hoverDarker: "hsla(214deg, 25%, 21%, 0.06)",
+      borderDarker: "hsla(214deg, 25%, 21%, 0.1)",
+      selectedDarker: "hsla(214deg, 25%, 21%, 0.06)",
+      selectedOnBodyGray: "hsl(214deg, 35%, 80%)",
+      darkGrayBg: "#1f2937",
+      border: "hsl(214deg, 25%, 80%)",
+      text: "#1f2937",
+      secondaryText: "$gray500",
+      focusRing: "hsla(214deg, 15%, 10%, 0.6)"
+    },
+    fontSizes: {
+      xs: "0.75rem",
+      // 12px
+      sm: "0.875rem",
+      // 14px
+      md: "1rem",
+      // 16px
+      lg: "1.125rem",
+      // 18px
+      xl: "1.25rem",
+      // 20px
+      "2xl": "1.5rem",
+      // 24px
+      "3xl": "1.875rem"
+      // 30px
+    },
+    fontWeights: {
+      normal: "var(--ui-font-weight-normal)",
+      medium: "var(--ui-font-weight-semibold)",
+      bold: "var(--ui-font-weight-bold)"
+    },
+    space: {
+      1: "0.25rem",
+      2: "0.5rem",
+      3: "0.75rem",
+      4: "1rem",
+      6: "1.5rem",
+      8: "2rem"
+    },
+    shadows: {
+      xs: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+      sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+      md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+      lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+      overlayCard: "0 5px 50px 0px rgb(0 0 0 / 0.15), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)"
+    },
+    radii: {
+      xs: "0.125rem",
+      sm: "0.25rem",
+      md: "0.5rem",
+      mdmd: "calc(0.5rem - 0.125rem)",
+      full: "9999px"
+    },
+    zIndices: {
+      /**
+       * By using createLayerBelow() we can order the list of layers.
+       * Layers higher up will be on top of layers lower down.
+       */
+      toast: Z(),
+      overlayCard: Z(),
+      modal: Z()
+    }
+  },
+  media: {
+    lg: "(min-width: 1200px)",
+    print: "print"
+  }
+}), Me = se({
+  "0%": {
+    transform: "rotate(0)"
+  },
+  "100%": {
+    transform: "rotate(360deg)"
+  }
+}), Pe = se({
+  "0%": {
+    strokeDashoffset: 600
+  },
+  "100%": {
+    strokeDashoffset: 0
+  }
+}), He = G("svg", {
+  animation: `${Me} 2s linear infinite`
+}), Le = G("circle", {
+  animation: `${Pe} 1.6s cubic-bezier(0.4, 0.15, 0.6, 0.85) infinite`,
+  fill: "transparent",
+  stroke: "currentColor",
+  strokeDasharray: 300,
+  strokeDashoffset: 600,
+  strokeLinecap: "round",
+  strokeMiterlimit: 10,
+  strokeWidth: 12
+}), Oe = G("div", {
+  lineHeight: 0,
+  flexShrink: 0,
+  variants: {
+    size: {
+      xs: {
+        width: "1rem",
+        height: "1rem"
+      },
+      sm: {
+        width: "1.25rem",
+        height: "1.25rem"
+      },
+      md: {
+        width: "1.75rem",
+        height: "1.75rem"
+      },
+      lg: {
+        width: "2.25rem",
+        height: "2.25rem"
+      }
+    },
+    color: {
+      light: {
+        color: "$gray200"
+      },
+      dark: {
+        color: "$gray800"
+      },
+      inherit: {
+        color: "inherit"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "sm",
+    color: "dark"
+  }
+}), Ne = ie(
+  (e, t) => /* @__PURE__ */ L.jsx(
+    Oe,
+    {
+      ref: t,
+      ...e,
+      children: /* @__PURE__ */ L.jsx(
+        He,
+        {
+          x: "0px",
+          y: "0px",
+          viewBox: "0 0 150 150",
+          children: /* @__PURE__ */ L.jsx(
+            Le,
+            {
+              cx: "75",
+              cy: "75",
+              r: "60"
+            }
+          )
+        }
+      )
+    }
+  )
+), Ge = G("button", {
+  appearance: "none",
+  margin: 0,
+  padding: 0,
+  border: "none",
+  background: "none",
+  cursor: "pointer",
+  fontFamily: "inherit",
+  textAlign: "left",
+  textDecoration: "none",
+  textIndent: 0,
+  lineHeight: 1.25,
+  display: "inline-flex",
+  justifyContent: "center",
+  alignItems: "center",
+  gap: "$2",
+  position: "relative",
+  fontWeight: "$medium",
+  borderRadius: "$sm",
+  whiteSpace: "nowrap",
+  transition: "background 0.2s ease-in-out",
+  "&:focus, &:focus-visible": {
+    outline: "none"
+  },
+  "&:focus-visible": {
+    boxShadow: "0 0 0 2px white, 0 0 0 4px $colors$focusRing"
+  },
+  "&:disabled": {
+    cursor: "not-allowed"
+  },
+  variants: {
+    color: {
+      primary: {
+        $$solid: "$colors$blue600",
+        $$solidHover: "$colors$blue700",
+        $$outline: "$colors$blue600",
+        $$outlineHover: "$colors$blue100",
+        $$outlineText: "$colors$blue600",
+        $$disabled: "$colors$blue200"
+      },
+      secondary: {
+        $$solid: "$colors$gray600",
+        $$solidHover: "$colors$gray700",
+        $$outline: "$colors$gray400",
+        $$outlineHover: "$colors$gray100",
+        $$outlineText: "$colors$gray600",
+        $$disabled: "$colors$gray200"
+      },
+      success: {
+        $$solid: "$colors$green600",
+        $$solidHover: "$colors$green700",
+        $$outline: "$colors$green600",
+        $$outlineHover: "$colors$green100",
+        $$outlineText: "$colors$green600",
+        $$disabled: "$colors$green200"
+      },
+      danger: {
+        $$solid: "$colors$red600",
+        $$solidHover: "$colors$red700",
+        $$outline: "$colors$red600",
+        $$outlineHover: "$colors$red100",
+        $$outlineText: "$colors$red600",
+        $$disabled: "$colors$red200"
+      },
+      warning: {
+        $$solid: "$colors$yellow600",
+        $$solidHover: "$colors$yellow700",
+        $$outline: "$colors$yellow400",
+        $$outlineHover: "$colors$yellow50",
+        $$outlineText: "$colors$yellow600",
+        $$disabled: "$colors$yellow100"
+      }
+    },
+    size: {
+      md: {
+        fontSize: "$sm",
+        padding: "$2 $4",
+        height: "2.25rem"
+      },
+      lg: {
+        fontSize: "$md",
+        padding: "$3 $6",
+        height: "2.75rem"
+      }
+    },
+    variant: {
+      solid: {
+        background: "$$solid",
+        color: "white",
+        "&:hover:enabled": {
+          backgroundColor: "$$solidHover"
+        },
+        "&:disabled": {
+          backgroundColor: "$$disabled"
+        }
+      },
+      outline: {
+        boxShadow: "inset 0 0 0 1px $$outline",
+        color: "$$outlineText",
+        "&:hover:enabled": {
+          backgroundColor: "$$outlineHover"
+        },
+        "&:disabled": {
+          boxShadow: "inset 0 0 0 1px $$disabled",
+          color: "$$disabled"
+        }
+      },
+      transparent: {
+        backgroundColor: "transparent",
+        color: "$$outlineText",
+        "&:hover:enabled": {
+          backgroundColor: "$$outlineHover"
+        },
+        "&:disabled": {
+          color: "$$disabled"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "outline",
+    color: "secondary",
+    size: "md"
+  }
+}), Ze = ie(
+  ({ children: e, disabled: t, isLoading: o, ...r }, i) => /* @__PURE__ */ L.jsxs(
+    Ge,
+    {
+      ref: i,
+      type: "button",
+      disabled: t || o,
+      ...r,
+      children: [
+        e,
+        o && /* @__PURE__ */ L.jsx(Ne, { color: "inherit" })
+      ]
+    }
+  )
+);
+export {
+  Ze as Button,
+  Ne as Spinner,
+  Ue as css,
+  Ye as globalCss,
+  se as keyframes,
+  G as styled
+};