@3gs/ui 0.1.0

package/dist/index.js

@@ -0,0 +1,2803 @@
+import { jsx as n, jsxs as H, Fragment as st } from "react/jsx-runtime";
+import { forwardRef as V, useContext as ve, useMemo as ue, createContext as He, useState as re, createElement as Be, useRef as U, useImperativeHandle as De, useId as ye, useCallback as ce, Children as nt, isValidElement as at, useEffect as ae, Fragment as bt, useReducer as _t, useLayoutEffect as Oe } from "react";
+import { createPortal as pe } from "react-dom";
+function x(...r) {
+  return r.filter(Boolean).join(" ");
+}
+const vt = {
+  gloss: "gs-icon-grad-gloss",
+  active: "gs-icon-grad-active"
+}, ne = V(function({
+  icon: e,
+  variant: t = "gloss",
+  embossed: s,
+  size: c = 24,
+  label: a,
+  className: i,
+  strokeWidth: o = 2.25,
+  ...f
+}, p) {
+  const g = t !== "flat", _ = s ?? g, w = g ? vt[t] : void 0, y = a ? { role: "img", "aria-label": a } : { "aria-hidden": !0 };
+  return /* @__PURE__ */ n(
+    e,
+    {
+      ref: p,
+      size: c,
+      strokeWidth: o,
+      className: x(
+        "gs-icon",
+        `gs-icon--${t}`,
+        _ && "gs-icon--embossed",
+        i
+      ),
+      stroke: w ? `url(#${w})` : "currentColor",
+      ...y,
+      ...f,
+      children: w && /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ H("linearGradient", { id: w, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+        /* @__PURE__ */ n("stop", { offset: "0%", className: "gs-icon__stop-top" }),
+        /* @__PURE__ */ n("stop", { offset: "50%", className: "gs-icon__stop-mid-top" }),
+        /* @__PURE__ */ n("stop", { offset: "50.5%", className: "gs-icon__stop-mid-bottom" }),
+        /* @__PURE__ */ n("stop", { offset: "100%", className: "gs-icon__stop-bottom" })
+      ] }) })
+    }
+  );
+}), ct = V(function({ value: e, max: t = 99, tone: s = "red", className: c, ...a }, i) {
+  if (e === void 0 || e === "" || e === 0) return null;
+  const o = typeof e == "number" && e > t ? `${t}+` : String(e);
+  return /* @__PURE__ */ n("span", { ref: i, className: x("gs-badge", `gs-badge--${s}`, c), ...a, children: o });
+}), yt = { sm: 14, md: 18, lg: 20 }, Yr = V(function({
+  variant: e = "default",
+  size: t = "md",
+  block: s = !1,
+  icon: c,
+  iconPosition: a = "leading",
+  type: i = "button",
+  className: o,
+  children: f,
+  ...p
+}, g) {
+  const _ = c ? /* @__PURE__ */ n(ne, { icon: c, variant: "flat", size: yt[t], className: "gs-button__icon" }) : null, w = f != null && f !== !1;
+  return /* @__PURE__ */ H(
+    "button",
+    {
+      ref: g,
+      type: i,
+      className: x(
+        "gs-button",
+        `gs-button--${e}`,
+        `gs-button--${t}`,
+        s && "gs-button--block",
+        o
+      ),
+      ...p,
+      children: [
+        a === "leading" && _,
+        w && /* @__PURE__ */ n("span", { className: "gs-button__label", children: f }),
+        a === "trailing" && _
+      ]
+    }
+  );
+}), kt = {
+  cancel: "Cancel",
+  done: "Done",
+  ok: "OK",
+  close: "Close",
+  clear: "Clear",
+  search: "Search",
+  go: "Go",
+  send: "Send",
+  next: "Next",
+  loading: "Loading",
+  progress: "Progress",
+  actions: "Actions",
+  dialog: "Dialog",
+  tabs: "Tabs",
+  segments: "Segments",
+  pages: "Pages",
+  pageOf: (r, e) => `Page ${r} of ${e}`,
+  toolbar: "Toolbar",
+  keyboard: "Keyboard",
+  shift: "shift",
+  delete: "delete",
+  numbers: "numbers",
+  symbols: "symbols",
+  letters: "letters",
+  space: "space",
+  return: "return",
+  on: "ON",
+  off: "OFF",
+  date: "Date",
+  time: "Time",
+  dateTime: "Date and time",
+  month: "Month",
+  day: "Day",
+  year: "Year",
+  hour: "Hour",
+  minute: "Minute",
+  dayPeriod: "AM/PM",
+  today: "Today",
+  am: "AM",
+  pm: "PM"
+}, xe = He({ locale: void 0, strings: kt });
+function wt(r, e) {
+  const t = { ...r };
+  for (const s of Object.keys(e)) {
+    const c = e[s];
+    c !== void 0 && (t[s] = c);
+  }
+  return t;
+}
+function Ur({ locale: r, strings: e, children: t }) {
+  const s = ve(xe), c = ue(
+    () => ({
+      locale: r ?? s.locale,
+      strings: e ? wt(s.strings, e) : s.strings
+    }),
+    [s, r, e]
+  );
+  return /* @__PURE__ */ n(xe.Provider, { value: c, children: t });
+}
+function ie() {
+  return ve(xe).strings;
+}
+function Nt() {
+  return ve(xe).locale;
+}
+const Vr = V(function({
+  checked: e,
+  defaultChecked: t = !1,
+  onChange: s,
+  disabled: c = !1,
+  onLabel: a,
+  offLabel: i,
+  label: o,
+  name: f,
+  className: p,
+  onClick: g,
+  ..._
+}, w) {
+  const y = ie(), E = e !== void 0, [D, N] = re(t), v = E ? e : D, M = (T) => {
+    if (g == null || g(T), T.defaultPrevented || c) return;
+    const u = !v;
+    E || N(u), s == null || s(u);
+  };
+  return /* @__PURE__ */ H(st, { children: [
+    /* @__PURE__ */ H(
+      "button",
+      {
+        ref: w,
+        type: "button",
+        role: "switch",
+        "aria-checked": v,
+        "aria-label": o,
+        disabled: c,
+        className: x(
+          "gs-switch",
+          v && "gs-switch--on",
+          c && "gs-switch--disabled",
+          p
+        ),
+        onClick: M,
+        ..._,
+        children: [
+          /* @__PURE__ */ n("span", { className: "gs-switch__track", "aria-hidden": "true", children: /* @__PURE__ */ H("span", { className: "gs-switch__strip", children: [
+            /* @__PURE__ */ n("span", { className: "gs-switch__on", children: a ?? y.on }),
+            /* @__PURE__ */ n("span", { className: "gs-switch__off", children: i ?? y.off })
+          ] }) }),
+          /* @__PURE__ */ n("span", { className: "gs-switch__knob", "aria-hidden": "true" })
+        ]
+      }
+    ),
+    f && /* @__PURE__ */ n(
+      "input",
+      {
+        type: "checkbox",
+        name: f,
+        checked: v,
+        disabled: c,
+        readOnly: !0,
+        hidden: !0,
+        tabIndex: -1,
+        "aria-hidden": "true"
+      }
+    )
+  ] });
+});
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Tt = (r) => r.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), it = (...r) => r.filter((e, t, s) => !!e && e.trim() !== "" && s.indexOf(e) === t).join(" ").trim();
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var St = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Et = V(
+  ({
+    color: r = "currentColor",
+    size: e = 24,
+    strokeWidth: t = 2,
+    absoluteStrokeWidth: s,
+    className: c = "",
+    children: a,
+    iconNode: i,
+    ...o
+  }, f) => Be(
+    "svg",
+    {
+      ref: f,
+      ...St,
+      width: e,
+      height: e,
+      stroke: r,
+      strokeWidth: s ? Number(t) * 24 / Number(e) : t,
+      className: it("lucide", c),
+      ...o
+    },
+    [
+      ...i.map(([p, g]) => Be(p, g)),
+      ...Array.isArray(a) ? a : [a]
+    ]
+  )
+);
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const de = (r, e) => {
+  const t = V(
+    ({ className: s, ...c }, a) => Be(Et, {
+      ref: a,
+      iconNode: e,
+      className: it(`lucide-${Tt(r)}`, s),
+      ...c
+    })
+  );
+  return t.displayName = `${r}`, t;
+};
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Mt = de("ArrowBigUp", [
+  ["path", { d: "M9 18v-6H5l7-7 7 7h-4v6H9z", key: "1x06kx" }]
+]);
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ot = de("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const xt = de("ChevronRight", [
+  ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
+]);
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Dt = de("CircleChevronRight", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m10 8 4 4-4 4", key: "1wy4r4" }]
+]);
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const It = de("CircleX", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
+  ["path", { d: "m9 9 6 6", key: "z0biqf" }]
+]);
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const At = de("Delete", [
+  [
+    "path",
+    {
+      d: "M10 5a2 2 0 0 0-1.344.519l-6.328 5.74a1 1 0 0 0 0 1.481l6.328 5.741A2 2 0 0 0 10 19h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z",
+      key: "1yo7s0"
+    }
+  ],
+  ["path", { d: "m12 9 6 6", key: "anjzzh" }],
+  ["path", { d: "m18 9-6 6", key: "1fp51s" }]
+]);
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const $t = de("Minus", [["path", { d: "M5 12h14", key: "1ays0h" }]]);
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Lt = de("Plus", [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "M12 5v14", key: "s699le" }]
+]);
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Pt = de("Search", [
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
+  ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
+]);
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Rt = de("X", [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+]), qe = 18, Bt = V(function({
+  label: e,
+  helper: t,
+  error: s,
+  clearable: c = !1,
+  onClear: a,
+  leadingIcon: i,
+  size: o = "md",
+  wrapperClassName: f,
+  className: p,
+  id: g,
+  value: _,
+  defaultValue: w,
+  onChange: y,
+  disabled: E,
+  readOnly: D,
+  type: N = "text",
+  "aria-describedby": v,
+  ...M
+}, T) {
+  const u = ie(), l = ye(), m = g ?? l, b = `${m}-helper`, A = `${m}-error`, h = U(null);
+  De(T, () => h.current, []);
+  const S = _ !== void 0, [k, d] = re(() => String(w ?? "")), I = S ? _ : k, $ = I != null && String(I).length > 0, O = c && $ && !E && !D, G = (P) => {
+    S || d(P.target.value), y == null || y(P);
+  }, Z = () => {
+    var ee;
+    const P = h.current;
+    if (!P) return;
+    const X = (ee = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")) == null ? void 0 : ee.set;
+    X ? X.call(P, "") : P.value = "", P.dispatchEvent(new Event("input", { bubbles: !0 })), S || d(""), a == null || a(), P.focus();
+  }, j = (P) => {
+    var X;
+    P.target === P.currentTarget && ((X = h.current) == null || X.focus());
+  }, W = [v, t ? b : null, s ? A : null].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ H(
+    "div",
+    {
+      className: x(
+        "gs-textfield",
+        `gs-textfield--${o}`,
+        !!s && "gs-textfield--error",
+        E && "gs-textfield--disabled",
+        f
+      ),
+      children: [
+        /* @__PURE__ */ H("div", { className: "gs-textfield__field", onClick: j, children: [
+          e && /* @__PURE__ */ n("label", { htmlFor: m, className: "gs-textfield__label", children: e }),
+          i && /* @__PURE__ */ n(ne, { icon: i, variant: "flat", size: qe, className: "gs-textfield__icon" }),
+          /* @__PURE__ */ n(
+            "input",
+            {
+              ref: h,
+              id: m,
+              type: N,
+              className: x("gs-textfield__input", p),
+              value: _,
+              defaultValue: w,
+              onChange: G,
+              disabled: E,
+              readOnly: D,
+              "aria-invalid": s ? !0 : void 0,
+              "aria-describedby": W,
+              ...M
+            }
+          ),
+          O && /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              className: "gs-textfield__clear",
+              "aria-label": u.clear,
+              onMouseDown: (P) => P.preventDefault(),
+              onClick: Z,
+              children: /* @__PURE__ */ n(ne, { icon: It, variant: "flat", size: qe, strokeWidth: 2.5 })
+            }
+          )
+        ] }),
+        t && /* @__PURE__ */ n("div", { id: b, className: "gs-textfield__helper", children: t }),
+        s && /* @__PURE__ */ n("div", { id: A, className: "gs-textfield__error", role: "alert", children: s })
+      ]
+    }
+  );
+}), Ot = V(function({
+  showCancel: e = !1,
+  cancelLabel: t,
+  onCancel: s,
+  wrapperClassName: c,
+  placeholder: a,
+  clearable: i = !0,
+  type: o = "search",
+  ...f
+}, p) {
+  const g = ie(), _ = U(null);
+  De(p, () => _.current, []);
+  const w = () => {
+    var y;
+    s == null || s(), (y = _.current) == null || y.blur();
+  };
+  return /* @__PURE__ */ H("div", { className: x("gs-searchfield", c), children: [
+    /* @__PURE__ */ n(
+      Bt,
+      {
+        ref: _,
+        wrapperClassName: "gs-searchfield__field",
+        leadingIcon: Pt,
+        placeholder: a ?? g.search,
+        clearable: i,
+        type: o,
+        enterKeyHint: "search",
+        ...f
+      }
+    ),
+    e && /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        className: "gs-searchfield__cancel",
+        onMouseDown: (y) => y.preventDefault(),
+        onClick: w,
+        children: t ?? g.cancel
+      }
+    )
+  ] });
+}), Ft = V(
+  function({ title: e, left: t, right: s, tint: c = "black", className: a, ...i }, o) {
+    const f = e != null && e !== !1;
+    return /* @__PURE__ */ H(
+      "div",
+      {
+        ref: o,
+        role: "toolbar",
+        "aria-label": typeof e == "string" ? e : void 0,
+        className: x("gs-navbar", `gs-navbar--${c}`, a),
+        ...i,
+        children: [
+          /* @__PURE__ */ n("div", { className: "gs-navbar__left", children: t }),
+          f && /* @__PURE__ */ n("div", { className: "gs-navbar__title", children: e }),
+          /* @__PURE__ */ n("div", { className: "gs-navbar__right", children: s })
+        ]
+      }
+    );
+  }
+), Ge = V(function({ variant: e = "default", icon: t, type: s = "button", className: c, children: a, ...i }, o) {
+  const f = a != null && a !== !1;
+  return /* @__PURE__ */ H(
+    "button",
+    {
+      ref: o,
+      type: s,
+      className: x(
+        "gs-barbutton",
+        `gs-barbutton--${e}`,
+        !f && "gs-barbutton--icon-only",
+        c
+      ),
+      ...i,
+      children: [
+        t && /* @__PURE__ */ n(ne, { icon: t, variant: "flat", size: 16, className: "gs-barbutton__icon" }),
+        f && /* @__PURE__ */ n("span", { className: "gs-barbutton__label", children: a })
+      ]
+    }
+  );
+}), lt = He(null);
+function Ht(r) {
+  const e = [];
+  return nt.forEach(r, (t) => {
+    at(t) && typeof t.props.value == "string" && e.push(t.props.value);
+  }), e;
+}
+const qr = V(function({ value: e, defaultValue: t, onChange: s, label: c, className: a, children: i, onKeyDown: o, ...f }, p) {
+  const g = ie(), _ = Ht(i), w = e !== void 0, [y, E] = re(() => t ?? _[0]), D = w ? e : y, N = D !== void 0 && _.includes(D) ? D : _[0], v = ce(
+    (u) => {
+      w || E(u), s == null || s(u);
+    },
+    [w, s]
+  ), M = ue(
+    () => ({ selected: D, focusable: N, select: v }),
+    [D, N, v]
+  ), T = (u) => {
+    if (o == null || o(u), u.defaultPrevented) return;
+    const l = Array.from(
+      u.currentTarget.querySelectorAll('[role="tab"]')
+    ).filter((h) => !h.disabled);
+    if (l.length === 0) return;
+    const m = l.findIndex((h) => h.contains(u.target));
+    if (m === -1) return;
+    let b;
+    switch (u.key) {
+      case "ArrowRight":
+        b = (m + 1) % l.length;
+        break;
+      case "ArrowLeft":
+        b = (m - 1 + l.length) % l.length;
+        break;
+      case "Home":
+        b = 0;
+        break;
+      case "End":
+        b = l.length - 1;
+        break;
+      default:
+        return;
+    }
+    u.preventDefault();
+    const A = l[b];
+    A.focus(), A.click();
+  };
+  return /* @__PURE__ */ n(lt.Provider, { value: M, children: /* @__PURE__ */ n(
+    "div",
+    {
+      ref: p,
+      role: "tablist",
+      "aria-label": c ?? g.tabs,
+      "aria-orientation": "horizontal",
+      className: x("gs-tabbar", a),
+      onKeyDown: T,
+      ...f,
+      children: i
+    }
+  ) });
+}), Gr = V(function({ value: e, icon: t, label: s, badge: c, className: a, onClick: i, ...o }, f) {
+  const p = ve(lt);
+  if (!p)
+    throw new Error("<TabBarItem> must be rendered inside a <TabBar>.");
+  const g = p.selected === e, _ = p.focusable === void 0 || p.focusable === e ? 0 : -1, w = (y) => {
+    i == null || i(y), !(y.defaultPrevented || g) && p.select(e);
+  };
+  return /* @__PURE__ */ H(
+    "button",
+    {
+      ref: f,
+      type: "button",
+      role: "tab",
+      "aria-selected": g,
+      tabIndex: _,
+      className: x("gs-tabbar-item", g && "gs-tabbar-item--selected", a),
+      onClick: w,
+      ...o,
+      children: [
+        /* @__PURE__ */ H("span", { className: "gs-tabbar-item__icon", children: [
+          /* @__PURE__ */ n(ne, { icon: t, variant: g ? "active" : "gloss", size: 26 }),
+          /* @__PURE__ */ n(ct, { value: c, className: "gs-tabbar-item__badge" })
+        ] }),
+        /* @__PURE__ */ n("span", { className: "gs-tabbar-item__label", children: s })
+      ]
+    }
+  );
+}), jr = V(function({ variant: e = "grouped", header: t, footer: s, className: c, children: a, ...i }, o) {
+  return /* @__PURE__ */ H("div", { ref: o, className: x("gs-list", `gs-list--${e}`, c), ...i, children: [
+    t != null && /* @__PURE__ */ n("div", { className: "gs-list__header", children: t }),
+    /* @__PURE__ */ n("div", { className: "gs-list__group", role: "list", children: a }),
+    s != null && /* @__PURE__ */ n("div", { className: "gs-list__footer", children: s })
+  ] });
+});
+function Wt(r) {
+  return r === "chevron" || r === "checkmark" || r === "detail" || r === "none";
+}
+function zt(r) {
+  if (r == null || r === "none") return null;
+  if (!Wt(r)) return r;
+  switch (r) {
+    case "chevron":
+      return /* @__PURE__ */ n(
+        ne,
+        {
+          icon: xt,
+          variant: "flat",
+          size: 20,
+          strokeWidth: 3,
+          className: "gs-list-item__accessory-icon gs-list-item__accessory-icon--chevron"
+        }
+      );
+    case "checkmark":
+      return /* @__PURE__ */ n(
+        ne,
+        {
+          icon: ot,
+          variant: "flat",
+          size: 20,
+          strokeWidth: 3,
+          className: "gs-list-item__accessory-icon gs-list-item__accessory-icon--checkmark"
+        }
+      );
+    case "detail":
+      return /* @__PURE__ */ n(
+        ne,
+        {
+          icon: Dt,
+          variant: "flat",
+          size: 22,
+          strokeWidth: 2.25,
+          className: "gs-list-item__accessory-icon gs-list-item__accessory-icon--detail"
+        }
+      );
+    default:
+      return null;
+  }
+}
+const Zr = V(function({
+  icon: e,
+  iconTile: t = !1,
+  iconTint: s = "gray",
+  title: c,
+  subtitle: a,
+  detail: i,
+  accessory: o,
+  selected: f = !1,
+  disabled: p = !1,
+  href: g,
+  onClick: _,
+  className: w,
+  ...y
+}, E) {
+  const D = !!g || !!_, N = a != null && a !== !1, v = i != null && i !== !1, M = zt(o), T = x(
+    "gs-list-item",
+    D && "gs-list-item--interactive",
+    f && "gs-list-item--selected",
+    p && "gs-list-item--disabled",
+    w
+  ), u = /* @__PURE__ */ H(st, { children: [
+    e != null && /* @__PURE__ */ n(
+      "span",
+      {
+        className: x(
+          "gs-list-item__icon",
+          t && "gs-list-item__icon--tile",
+          t && `gs-list-item__icon--${s}`
+        ),
+        children: e
+      }
+    ),
+    /* @__PURE__ */ H("span", { className: "gs-list-item__body", children: [
+      /* @__PURE__ */ n("span", { className: "gs-list-item__title", children: c }),
+      N && /* @__PURE__ */ n("span", { className: "gs-list-item__subtitle", children: a })
+    ] }),
+    v && /* @__PURE__ */ n("span", { className: "gs-list-item__detail", children: i }),
+    M && /* @__PURE__ */ n("span", { className: "gs-list-item__accessory", children: M })
+  ] }), l = (m) => {
+    if (p) {
+      m.preventDefault();
+      return;
+    }
+    _ == null || _(m);
+  };
+  return g ? /* @__PURE__ */ n(
+    "a",
+    {
+      ref: E,
+      className: T,
+      href: p ? void 0 : g,
+      "aria-disabled": p || void 0,
+      "aria-current": f || void 0,
+      tabIndex: p ? -1 : void 0,
+      onClick: l,
+      ...y,
+      children: u
+    }
+  ) : _ ? /* @__PURE__ */ n(
+    "button",
+    {
+      ref: E,
+      type: "button",
+      className: T,
+      disabled: p,
+      "aria-current": f || void 0,
+      onClick: l,
+      ...y,
+      children: u
+    }
+  ) : /* @__PURE__ */ n(
+    "div",
+    {
+      ref: E,
+      role: "listitem",
+      className: T,
+      "aria-disabled": p || void 0,
+      "aria-current": f || void 0,
+      ...y,
+      children: u
+    }
+  );
+}), je = "button.gs-alert__action:not(:disabled)", Xr = V(function({
+  open: e,
+  title: t,
+  message: s,
+  actions: c,
+  onClose: a,
+  dismissOnBackdrop: i = !1,
+  contained: o = !1,
+  className: f,
+  ...p
+}, g) {
+  const _ = ye(), w = `${_}-title`, y = `${_}-message`, E = U(null), D = ce(
+    (u) => {
+      E.current = u, typeof g == "function" ? g(u) : g && (g.current = u);
+    },
+    [g]
+  ), N = U(a);
+  if (N.current = a, ae(() => {
+    if (!e) return;
+    const u = document.activeElement, l = E.current, m = (l == null ? void 0 : l.querySelector(".gs-alert__action--primary")) ?? (l == null ? void 0 : l.querySelector(je));
+    return m == null || m.focus(), () => {
+      u && u.isConnected && typeof u.focus == "function" && u.focus();
+    };
+  }, [e]), ae(() => {
+    if (!e) return;
+    const u = (l) => {
+      var k;
+      if (l.key === "Escape") {
+        l.preventDefault(), (k = N.current) == null || k.call(N);
+        return;
+      }
+      if (l.key !== "Tab") return;
+      const m = E.current;
+      if (!m) return;
+      const b = Array.from(m.querySelectorAll(je));
+      if (b.length === 0) return;
+      l.preventDefault();
+      const A = b.indexOf(document.activeElement), h = b.length - 1, S = l.shiftKey ? A <= 0 ? h : A - 1 : A < 0 || A === h ? 0 : A + 1;
+      b[S].focus();
+    };
+    return document.addEventListener("keydown", u), () => document.removeEventListener("keydown", u);
+  }, [e]), !e) return null;
+  const v = (u) => {
+    i && u.target === u.currentTarget && (a == null || a());
+  }, M = c.length !== 2, T = /* @__PURE__ */ n(
+    "div",
+    {
+      className: x("gs-alert-backdrop", o && "gs-alert-backdrop--contained"),
+      onClick: v,
+      children: /* @__PURE__ */ H(
+        "div",
+        {
+          ref: D,
+          className: x("gs-alert", f),
+          role: "alertdialog",
+          "aria-modal": "true",
+          "aria-labelledby": w,
+          "aria-describedby": s != null ? y : void 0,
+          ...p,
+          children: [
+            /* @__PURE__ */ n("div", { id: w, className: "gs-alert__title", children: t }),
+            s != null && /* @__PURE__ */ n("div", { id: y, className: "gs-alert__message", children: s }),
+            /* @__PURE__ */ n("div", { className: x("gs-alert__actions", M && "gs-alert__actions--stacked"), children: c.map((u, l) => /* @__PURE__ */ n(
+              "button",
+              {
+                type: "button",
+                className: x("gs-alert__action", `gs-alert__action--${u.variant ?? "default"}`),
+                onClick: () => {
+                  var m;
+                  (m = u.onClick) == null || m.call(u), u.keepOpen || a == null || a();
+                },
+                children: u.label
+              },
+              l
+            )) })
+          ]
+        }
+      )
+    }
+  );
+  return o ? T : typeof document > "u" ? null : pe(T, document.body);
+}), ut = He(null);
+function Yt(r) {
+  const e = [];
+  return nt.forEach(r, (t) => {
+    at(t) && typeof t.props.value == "string" && e.push({ value: t.props.value, disabled: t.props.disabled === !0 });
+  }), e;
+}
+const Ut = V(
+  function({
+    value: e,
+    defaultValue: t,
+    onChange: s,
+    size: c = "md",
+    tint: a = "dark",
+    label: i,
+    block: o = !1,
+    className: f,
+    children: p,
+    onKeyDown: g,
+    ..._
+  }, w) {
+    var A;
+    const y = ie(), E = Yt(p), D = e !== void 0, [N, v] = re(
+      () => {
+        var h;
+        return t ?? ((h = E[0]) == null ? void 0 : h.value);
+      }
+    ), M = D ? e : N, T = E.find((h) => h.value === M), u = T && !T.disabled ? T.value : (A = E.find((h) => !h.disabled)) == null ? void 0 : A.value, l = ce(
+      (h) => {
+        D || v(h), s == null || s(h);
+      },
+      [D, s]
+    ), m = ue(
+      () => ({ selected: M, focusable: u, select: l }),
+      [M, u, l]
+    ), b = (h) => {
+      if (g == null || g(h), h.defaultPrevented) return;
+      const S = Array.from(
+        h.currentTarget.querySelectorAll('[role="radio"]')
+      ).filter(($) => !$.disabled);
+      if (S.length === 0) return;
+      const k = S.findIndex(($) => $.contains(h.target));
+      if (k === -1) return;
+      let d;
+      switch (h.key) {
+        case "ArrowRight":
+          d = (k + 1) % S.length;
+          break;
+        case "ArrowLeft":
+          d = (k - 1 + S.length) % S.length;
+          break;
+        case "Home":
+          d = 0;
+          break;
+        case "End":
+          d = S.length - 1;
+          break;
+        default:
+          return;
+      }
+      h.preventDefault();
+      const I = S[d];
+      I.focus(), I.click();
+    };
+    return /* @__PURE__ */ n(ut.Provider, { value: m, children: /* @__PURE__ */ n(
+      "div",
+      {
+        ref: w,
+        role: "radiogroup",
+        "aria-label": i ?? y.segments,
+        className: x(
+          "gs-segmented",
+          `gs-segmented--${c}`,
+          `gs-segmented--${a}`,
+          o && "gs-segmented--block",
+          f
+        ),
+        onKeyDown: b,
+        ..._,
+        children: p
+      }
+    ) });
+  }
+), Vt = V(function({ value: e, icon: t, label: s, disabled: c = !1, className: a, children: i, onClick: o, ...f }, p) {
+  const g = ve(ut);
+  if (!g)
+    throw new Error("<Segment> must be rendered inside a <SegmentedControl>.");
+  const _ = g.selected === e, w = g.focusable === void 0 || g.focusable === e ? 0 : -1, y = i ?? (t ? void 0 : s), E = y != null && y !== !1, D = (N) => {
+    o == null || o(N), !(N.defaultPrevented || _) && g.select(e);
+  };
+  return /* @__PURE__ */ H(
+    "button",
+    {
+      ref: p,
+      type: "button",
+      role: "radio",
+      "aria-checked": _,
+      "aria-label": E ? void 0 : s,
+      tabIndex: w,
+      disabled: c,
+      className: x(
+        "gs-segment",
+        _ && "gs-segment--selected",
+        c && "gs-segment--disabled",
+        a
+      ),
+      onClick: D,
+      ...f,
+      children: [
+        t && /* @__PURE__ */ n(ne, { icon: t, variant: "flat", size: 16, className: "gs-segment__icon" }),
+        E && /* @__PURE__ */ n("span", { className: "gs-segment__label", children: y })
+      ]
+    }
+  );
+}), qt = 16, Gt = 20;
+function Ze(r, e, t) {
+  return Math.min(Math.max(r, e), t);
+}
+const Qr = V(function({
+  value: e,
+  defaultValue: t,
+  onChange: s,
+  onChangeEnd: c,
+  min: a = 0,
+  max: i = 100,
+  step: o = 1,
+  disabled: f = !1,
+  label: p,
+  minIcon: g,
+  maxIcon: _,
+  showValue: w = !1,
+  wrapperClassName: y,
+  className: E,
+  ...D
+}, N) {
+  const v = U(null);
+  De(N, () => v.current, []);
+  const M = e !== void 0, [T, u] = re(() => Ze(t ?? a, a, i)), l = M ? e : T, m = i - a, b = m > 0 ? Ze((l - a) / m * 100, 0, 100) : 0, A = (S) => {
+    const k = Number(S.target.value);
+    M || u(k), s == null || s(k);
+  }, h = U(c);
+  return h.current = c, ae(() => {
+    const S = v.current;
+    if (!S) return;
+    const k = () => {
+      var d;
+      (d = h.current) == null || d.call(h, Number(S.value));
+    };
+    return S.addEventListener("change", k), () => S.removeEventListener("change", k);
+  }, []), /* @__PURE__ */ H(
+    "div",
+    {
+      className: x("gs-slider", f && "gs-slider--disabled", y),
+      style: { "--gs-slider-pct": b },
+      children: [
+        g && /* @__PURE__ */ n(
+          ne,
+          {
+            icon: g,
+            variant: "flat",
+            size: qt,
+            className: "gs-slider__icon gs-slider__icon--min"
+          }
+        ),
+        /* @__PURE__ */ n(
+          "input",
+          {
+            ref: v,
+            type: "range",
+            className: x("gs-slider__input", E),
+            value: M ? e : void 0,
+            defaultValue: M ? void 0 : T,
+            onChange: A,
+            min: a,
+            max: i,
+            step: o,
+            disabled: f,
+            "aria-label": p,
+            ...D
+          }
+        ),
+        _ && /* @__PURE__ */ n(
+          ne,
+          {
+            icon: _,
+            variant: "flat",
+            size: Gt,
+            className: "gs-slider__icon gs-slider__icon--max"
+          }
+        ),
+        w && /* @__PURE__ */ n("span", { className: "gs-slider__value", children: l })
+      ]
+    }
+  );
+}), Xe = "button.gs-actionsheet__action:not(:disabled)", Jr = V(function({
+  open: e,
+  title: t,
+  actions: s,
+  cancelLabel: c,
+  onClose: a,
+  dismissOnBackdrop: i = !0,
+  contained: o = !1,
+  className: f,
+  ...p
+}, g) {
+  const _ = ie(), w = c === void 0 ? _.cancel : c, E = `${ye()}-title`, D = t != null && t !== !1, N = U(null), v = ce(
+    (l) => {
+      N.current = l, typeof g == "function" ? g(l) : g && (g.current = l);
+    },
+    [g]
+  ), M = U(a);
+  if (M.current = a, ae(() => {
+    var m, b;
+    if (!e) return;
+    const l = document.activeElement;
+    return (b = (m = N.current) == null ? void 0 : m.querySelector(Xe)) == null || b.focus(), () => {
+      l && l.isConnected && typeof l.focus == "function" && l.focus();
+    };
+  }, [e]), ae(() => {
+    if (!e) return;
+    const l = (m) => {
+      var d;
+      if (m.key === "Escape") {
+        m.preventDefault(), (d = M.current) == null || d.call(M);
+        return;
+      }
+      if (m.key !== "Tab") return;
+      const b = N.current;
+      if (!b) return;
+      const A = Array.from(b.querySelectorAll(Xe));
+      if (A.length === 0) return;
+      m.preventDefault();
+      const h = A.indexOf(document.activeElement), S = A.length - 1, k = m.shiftKey ? h <= 0 ? S : h - 1 : h < 0 || h === S ? 0 : h + 1;
+      A[k].focus();
+    };
+    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
+  }, [e]), !e) return null;
+  const T = (l) => {
+    i && l.target === l.currentTarget && (a == null || a());
+  }, u = /* @__PURE__ */ n(
+    "div",
+    {
+      className: x("gs-actionsheet-backdrop", o && "gs-actionsheet-backdrop--contained"),
+      onClick: T,
+      children: /* @__PURE__ */ H(
+        "div",
+        {
+          ref: v,
+          className: x("gs-actionsheet", f),
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": D ? E : void 0,
+          "aria-label": D ? void 0 : _.actions,
+          ...p,
+          children: [
+            D && /* @__PURE__ */ n("div", { id: E, className: "gs-actionsheet__title", children: t }),
+            /* @__PURE__ */ H("div", { className: "gs-actionsheet__actions", children: [
+              s.map((l, m) => /* @__PURE__ */ n(
+                "button",
+                {
+                  type: "button",
+                  className: x(
+                    "gs-actionsheet__action",
+                    `gs-actionsheet__action--${l.variant ?? "default"}`
+                  ),
+                  disabled: l.disabled,
+                  onClick: () => {
+                    var b;
+                    (b = l.onClick) == null || b.call(l), l.keepOpen || a == null || a();
+                  },
+                  children: l.label
+                },
+                m
+              )),
+              w !== null && /* @__PURE__ */ n(
+                "button",
+                {
+                  type: "button",
+                  className: "gs-actionsheet__action gs-actionsheet__action--cancel",
+                  onClick: () => a == null ? void 0 : a(),
+                  children: w
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+  return o ? u : typeof document > "u" ? null : pe(u, document.body);
+}), Ae = 44, jt = 100, Zt = 150, dt = (r, e, t) => Math.min(Math.max(r, e), t);
+function ft(r) {
+  const e = r.findIndex((t) => !t.disabled);
+  return e === -1 ? 0 : e;
+}
+function Xt(r) {
+  for (let e = r.length - 1; e >= 0; e--) if (!r[e].disabled) return e;
+  return r.length - 1;
+}
+function Qt(r, e) {
+  if (r.length === 0) return -1;
+  const t = e === void 0 ? -1 : r.findIndex((s) => s.value === e);
+  return t === -1 ? ft(r) : t;
+}
+function Jt(r, e, t) {
+  var s;
+  if (!((s = r[e]) != null && s.disabled)) return e;
+  for (let c = 1; c < r.length; c++) {
+    const a = r[e + c * t];
+    if (a && !a.disabled) return e + c * t;
+    const i = r[e - c * t];
+    if (i && !i.disabled) return e - c * t;
+  }
+  return e;
+}
+function Te(r, e, t) {
+  const s = r.length - 1, c = t < 0 ? -1 : 1, a = dt(e + t, 0, s);
+  for (let i = a; i >= 0 && i <= s; i += c) if (!r[i].disabled) return i;
+  for (let i = a - c; i !== e && i >= 0 && i <= s; i -= c)
+    if (!r[i].disabled) return i;
+  return e;
+}
+function Kt() {
+  return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function Ct({ column: r, selectedIndex: e, idPrefix: t, rows: s, disabled: c, onSelect: a }) {
+  const { key: i, options: o, label: f, width: p, align: g = "center" } = r, _ = U(null), w = U(!1), y = U(!1), E = U(void 0), D = U(0), [N, v] = _t((d) => d + 1, 0), M = U({ key: i, options: o, selectedIndex: e, onSelect: a });
+  Oe(() => {
+    M.current = { key: i, options: o, selectedIndex: e, onSelect: a };
+  }), Oe(() => {
+    const d = _.current;
+    if (!d || e < 0) return;
+    const I = e * Ae;
+    if (Math.abs(d.scrollTop - I) < 1) return;
+    window.clearTimeout(E.current), D.current = performance.now() + Zt;
+    const $ = !w.current || Kt();
+    d.scrollTo({ top: I, behavior: $ ? "auto" : "smooth" });
+  }, [e, s, N]);
+  const T = ce(() => {
+    const d = _.current, { key: I, options: $, selectedIndex: O, onSelect: G } = M.current;
+    if (!d || $.length === 0) return;
+    const Z = dt(Math.round(d.scrollTop / Ae), 0, $.length - 1), j = Jt($, Z, Z >= O ? 1 : -1);
+    j !== O && G(I, j), (j !== O || j !== Z || Math.abs(d.scrollTop - j * Ae) >= 1) && v();
+  }, []), u = ce(() => {
+    window.clearTimeout(E.current), E.current = window.setTimeout(T, jt);
+  }, [T]);
+  ae(() => {
+    w.current = !0;
+    const d = _.current, I = () => {
+      y.current || (window.clearTimeout(E.current), T());
+    };
+    return d == null || d.addEventListener("scrollend", I), () => {
+      w.current = !1, window.clearTimeout(E.current), d == null || d.removeEventListener("scrollend", I);
+    };
+  }, [T]);
+  const l = () => {
+    y.current || performance.now() < D.current || u();
+  }, m = () => {
+    y.current = !0, window.clearTimeout(E.current);
+  }, b = () => {
+    y.current = !1, u();
+  }, A = (d) => {
+    window.clearTimeout(E.current), a(i, d);
+  }, h = (d) => {
+    if (c || o.length === 0) return;
+    const I = s - 1;
+    let $;
+    switch (d.key) {
+      case "ArrowDown":
+        $ = Te(o, e, 1);
+        break;
+      case "ArrowUp":
+        $ = Te(o, e, -1);
+        break;
+      case "PageDown":
+        $ = Te(o, e, I);
+        break;
+      case "PageUp":
+        $ = Te(o, e, -I);
+        break;
+      case "Home":
+        $ = ft(o);
+        break;
+      case "End":
+        $ = Xt(o);
+        break;
+      default:
+        return;
+    }
+    d.preventDefault(), $ !== e && A($);
+  }, S = typeof p == "number" ? `${p}px` : p, k = S === void 0 ? void 0 : { flex: `0 1 ${S}` };
+  return /* @__PURE__ */ H("div", { className: x("gs-picker__column", `gs-picker__column--${g}`), style: k, children: [
+    /* @__PURE__ */ H(
+      "div",
+      {
+        ref: _,
+        role: "listbox",
+        tabIndex: c ? -1 : 0,
+        "aria-label": f ?? i,
+        "aria-disabled": c || void 0,
+        "aria-activedescendant": e >= 0 ? `${t}-o${e}` : void 0,
+        className: "gs-picker__drum",
+        onScroll: l,
+        onTouchStart: m,
+        onTouchEnd: b,
+        onTouchCancel: b,
+        onKeyDown: h,
+        children: [
+          /* @__PURE__ */ n("div", { className: "gs-picker__spacer", "aria-hidden": "true" }),
+          o.map((d, I) => {
+            const $ = I === e;
+            return /* @__PURE__ */ n(
+              "div",
+              {
+                id: `${t}-o${I}`,
+                role: "option",
+                "aria-selected": $,
+                "aria-disabled": d.disabled || void 0,
+                className: x(
+                  "gs-picker__row",
+                  $ && "gs-picker__row--selected",
+                  d.disabled && "gs-picker__row--disabled"
+                ),
+                onClick: () => {
+                  !c && !d.disabled && !$ && A(I);
+                },
+                children: d.label
+              },
+              d.value
+            );
+          }),
+          /* @__PURE__ */ n("div", { className: "gs-picker__spacer", "aria-hidden": "true" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ n("div", { className: "gs-picker__shade-top", "aria-hidden": "true" }),
+    /* @__PURE__ */ n("div", { className: "gs-picker__shade-bottom", "aria-hidden": "true" }),
+    /* @__PURE__ */ n("div", { className: "gs-picker__selection", "aria-hidden": "true" })
+  ] });
+}
+const er = V(function({ columns: e, value: t, defaultValue: s, onChange: c, rows: a = 5, label: i, disabled: o = !1, className: f, ...p }, g) {
+  const _ = ye(), w = t !== void 0, [y, E] = re(() => s ?? {}), D = w ? t : y, N = e.map((T) => Qt(T.options, D[T.key])), v = {};
+  e.forEach((T, u) => {
+    const l = T.options[N[u]];
+    l && (v[T.key] = l.value);
+  });
+  const M = (T, u) => {
+    var b;
+    const l = (b = e.find((A) => A.key === T)) == null ? void 0 : b.options[u];
+    if (!l || l.disabled || v[T] === l.value) return;
+    const m = { ...v, [T]: l.value };
+    w || E(m), c == null || c(m, { key: T, value: l.value });
+  };
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ref: g,
+      role: "group",
+      "aria-label": i,
+      "aria-disabled": o || void 0,
+      className: x(
+        "gs-picker",
+        `gs-picker--rows-${a}`,
+        o && "gs-picker--disabled",
+        f
+      ),
+      ...p,
+      children: /* @__PURE__ */ n("div", { className: "gs-picker__frame", children: e.map((T, u) => /* @__PURE__ */ H(bt, { children: [
+        u > 0 && /* @__PURE__ */ n("div", { className: "gs-picker__divider", "aria-hidden": "true" }),
+        /* @__PURE__ */ n(
+          Ct,
+          {
+            column: T,
+            selectedIndex: N[u],
+            idPrefix: `${_}-c${u}`,
+            rows: a,
+            disabled: o,
+            onSelect: M
+          }
+        )
+      ] }, T.key)) })
+    }
+  );
+});
+function tr(r, e, t) {
+  return Math.min(t, Math.max(e, r));
+}
+const rr = V(function({ value: e, max: t = 100, size: s = "sm", showValue: c = !1, label: a, tint: i = "blue", className: o, ...f }, p) {
+  const g = e === void 0 || Number.isNaN(e), _ = g ? void 0 : tr(e, 0, t), w = _ === void 0 || t <= 0 ? 0 : _ / t * 100;
+  return /* @__PURE__ */ H(
+    "div",
+    {
+      ref: p,
+      role: "progressbar",
+      "aria-label": a,
+      "aria-valuemin": 0,
+      "aria-valuemax": t,
+      "aria-valuenow": _,
+      "aria-busy": g || void 0,
+      className: x(
+        "gs-progress",
+        `gs-progress--${s}`,
+        `gs-progress--${i}`,
+        g && "gs-progress--indeterminate",
+        o
+      ),
+      ...f,
+      children: [
+        /* @__PURE__ */ n("span", { className: "gs-progress__track", children: /* @__PURE__ */ n(
+          "span",
+          {
+            className: "gs-progress__fill",
+            style: g ? void 0 : { width: `${w}%`, minWidth: w > 0 ? 6 : 0 }
+          }
+        ) }),
+        c && /* @__PURE__ */ n("span", { className: "gs-progress__value", children: g ? "" : `${Math.round(w)} %` })
+      ]
+    }
+  );
+}), sr = Array.from({ length: 12 }, (r, e) => ({
+  angle: e * 30,
+  opacity: 1 - (12 - e) % 12 * 0.065
+})), nr = V(
+  function({ size: e = 20, tone: t = "white", label: s, animating: c = !0, className: a, ...i }, o) {
+    const f = ie();
+    return c ? /* @__PURE__ */ n(
+      "span",
+      {
+        ref: o,
+        role: "status",
+        "aria-label": s ?? f.loading,
+        className: x("gs-spinner", `gs-spinner--${t}`, a),
+        ...i,
+        children: /* @__PURE__ */ n(
+          "svg",
+          {
+            className: "gs-spinner__svg",
+            viewBox: "0 0 40 40",
+            width: e,
+            height: e,
+            "aria-hidden": "true",
+            focusable: "false",
+            children: sr.map(({ angle: p, opacity: g }) => /* @__PURE__ */ n(
+              "rect",
+              {
+                className: "gs-spinner__spoke",
+                x: 18,
+                y: 3,
+                width: 4,
+                height: 10,
+                rx: 2,
+                transform: `rotate(${p} 20 20)`,
+                opacity: g
+              },
+              p
+            ))
+          }
+        )
+      }
+    ) : null;
+  }
+), ar = (r, e, t) => Math.min(t, Math.max(e, r)), Kr = V(function({
+  time: e = "3:53 PM",
+  signal: t = 5,
+  network: s = "3G",
+  carrier: c,
+  battery: a = 100,
+  charging: i = !1,
+  bluetooth: o = !0,
+  tint: f = "black",
+  className: p,
+  ...g
+}, _) {
+  const w = ar(a, 0, 100), y = w <= 20 && !i;
+  return /* @__PURE__ */ H(
+    "div",
+    {
+      ref: _,
+      "aria-hidden": "true",
+      className: x("gs-statusbar", `gs-statusbar--${f}`, p),
+      ...g,
+      children: [
+        /* @__PURE__ */ H("div", { className: "gs-statusbar__left", children: [
+          /* @__PURE__ */ H("span", { className: "gs-statusbar__signal", "data-bars": t, children: [
+            /* @__PURE__ */ n("i", {}),
+            /* @__PURE__ */ n("i", {}),
+            /* @__PURE__ */ n("i", {}),
+            /* @__PURE__ */ n("i", {}),
+            /* @__PURE__ */ n("i", {})
+          ] }),
+          c && /* @__PURE__ */ n("span", { className: "gs-statusbar__carrier", children: c }),
+          s === "wifi" ? /* @__PURE__ */ n("svg", { className: "gs-statusbar__wifi", width: "15", height: "11", viewBox: "0 0 15 11", fill: "currentColor", children: /* @__PURE__ */ n("path", { d: "M7.5 9.2a1.4 1.4 0 1 1 0 2.8 1.4 1.4 0 0 1 0-2.8Zm0-3.4c1.5 0 2.9.6 3.9 1.6l-1.3 1.3a3.7 3.7 0 0 0-5.2 0L3.6 7.4a5.5 5.5 0 0 1 3.9-1.6Zm0-3.4c2.5 0 4.7 1 6.3 2.6l-1.3 1.3A7.1 7.1 0 0 0 7.5 4.2c-2 0-3.7.8-5 2.1L1.2 5A8.9 8.9 0 0 1 7.5 2.4Z" }) }) : s !== "none" ? /* @__PURE__ */ n("span", { className: "gs-statusbar__net", children: s }) : null
+        ] }),
+        /* @__PURE__ */ n("div", { className: "gs-statusbar__time", children: e }),
+        /* @__PURE__ */ H("div", { className: "gs-statusbar__right", children: [
+          o && /* @__PURE__ */ n("svg", { className: "gs-statusbar__bt", width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", stroke: "currentColor", strokeWidth: "1.2", strokeLinejoin: "round", children: /* @__PURE__ */ n("path", { d: "M1 3l6 6-3 2.5V0.5l3 2.5-6 6" }) }),
+          /* @__PURE__ */ H(
+            "span",
+            {
+              className: x("gs-statusbar__battery", y && "gs-statusbar__battery--low", i && "gs-statusbar__battery--charging"),
+              style: { "--gs-battery": `${w}%` },
+              children: [
+                /* @__PURE__ */ n("i", {}),
+                i && /* @__PURE__ */ n("svg", { className: "gs-statusbar__bolt", width: "7", height: "10", viewBox: "0 0 7 10", fill: "#fff", stroke: "rgba(0,0,0,.6)", strokeWidth: ".6", children: /* @__PURE__ */ n("path", { d: "M4.2 0.5 0.8 5.6h2.3L2.6 9.5 6.2 4.2H3.9z" }) })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}), Cr = V(function({ tint: e = "black", position: t = "bottom", label: s, className: c, children: a, ...i }, o) {
+  const f = ie();
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ref: o,
+      role: "toolbar",
+      "aria-label": s ?? f.toolbar,
+      className: x("gs-toolbar", `gs-toolbar--${e}`, `gs-toolbar--${t}`, c),
+      ...i,
+      children: a
+    }
+  );
+});
+function es() {
+  return /* @__PURE__ */ n("span", { "aria-hidden": !0, className: "gs-toolbar__spacer" });
+}
+const ts = V(
+  function({ icon: e, label: t, active: s = !1, badge: c, type: a = "button", disabled: i, className: o, ...f }, p) {
+    return /* @__PURE__ */ n(
+      "button",
+      {
+        ref: p,
+        type: a,
+        "aria-label": t,
+        title: t,
+        disabled: i,
+        className: x(
+          "gs-toolbar-button",
+          s && "gs-toolbar-button--active",
+          i && "gs-toolbar-button--disabled",
+          o
+        ),
+        ...f,
+        children: /* @__PURE__ */ H("span", { className: "gs-toolbar-button__icon", children: [
+          /* @__PURE__ */ n(ne, { icon: e, size: 24, variant: s ? "active" : "gloss" }),
+          /* @__PURE__ */ n(ct, { value: c, className: "gs-toolbar-button__badge" })
+        ] })
+      }
+    );
+  }
+), rs = V(function({ children: e, subtitle: t, className: s, ...c }, a) {
+  const i = t != null && t !== !1;
+  return /* @__PURE__ */ H(
+    "div",
+    {
+      ref: a,
+      className: x("gs-toolbar__title", i && "gs-toolbar__title--stacked", s),
+      ...c,
+      children: [
+        /* @__PURE__ */ n("span", { className: "gs-toolbar__title-main", children: e }),
+        i && /* @__PURE__ */ n("span", { className: "gs-toolbar__title-sub", children: t })
+      ]
+    }
+  );
+});
+function Qe(r, e) {
+  return !Number.isFinite(r) || e <= 0 ? 0 : Math.min(Math.max(Math.trunc(r), 0), e - 1);
+}
+const ss = V(function({
+  count: e,
+  value: t,
+  defaultValue: s = 0,
+  onChange: c,
+  label: a,
+  hideForSinglePage: i = !0,
+  size: o = "sm",
+  className: f,
+  onClick: p,
+  onKeyDown: g,
+  ..._
+}, w) {
+  const y = ie(), E = t !== void 0, [D, N] = re(s), v = Qe(E ? t : D, e), M = ce(
+    (m) => {
+      const b = Qe(m, e);
+      b !== v && (E || N(b), c == null || c(b));
+    },
+    [e, v, E, c]
+  ), T = (m) => {
+    if (p == null || p(m), m.defaultPrevented || m.target.closest(".gs-pagecontrol__page")) return;
+    const { left: b, width: A } = m.currentTarget.getBoundingClientRect(), h = m.clientX >= b + A / 2;
+    M(v + (h ? 1 : -1));
+  }, u = (m) => {
+    var h;
+    if (g == null || g(m), m.defaultPrevented || e <= 0) return;
+    let b;
+    switch (m.key) {
+      case "ArrowRight":
+        b = (v + 1) % e;
+        break;
+      case "ArrowLeft":
+        b = (v - 1 + e) % e;
+        break;
+      case "Home":
+        b = 0;
+        break;
+      case "End":
+        b = e - 1;
+        break;
+      default:
+        return;
+    }
+    m.preventDefault(), (h = m.currentTarget.querySelectorAll('[role="tab"]')[b]) == null || h.focus(), M(b);
+  };
+  if (i && e <= 1) return null;
+  const l = Array.from({ length: Math.max(0, Math.trunc(e)) }, (m, b) => b);
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ref: w,
+      role: "tablist",
+      "aria-label": a ?? y.pages,
+      "aria-orientation": "horizontal",
+      className: x("gs-pagecontrol", `gs-pagecontrol--${o}`, f),
+      onClick: T,
+      onKeyDown: u,
+      ..._,
+      children: l.map((m) => {
+        const b = m === v;
+        return /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": b,
+            "aria-label": y.pageOf(m + 1, l.length),
+            tabIndex: b ? 0 : -1,
+            className: x("gs-pagecontrol__page", b && "gs-pagecontrol__page--current"),
+            onClick: () => M(m),
+            children: /* @__PURE__ */ n("span", { className: "gs-pagecontrol__dot" })
+          },
+          m
+        );
+      })
+    }
+  );
+}), cr = 8, gt = 8, ir = 12, or = 8, le = or + gt, Se = 20, Je = {
+  top: "bottom",
+  bottom: "top",
+  left: "right",
+  right: "left"
+};
+function lr() {
+  return { top: 0, left: 0, width: window.innerWidth, height: window.innerHeight };
+}
+function Ee(r, e, t) {
+  return Math.min(Math.max(r, e), Math.max(e, t));
+}
+function ur(r, e) {
+  return r.side === e.side && r.top === e.top && r.left === e.left && r.arrowOffset === e.arrowOffset && r.maxWidth === e.maxWidth && r.maxHeight === e.maxHeight;
+}
+const ns = V(function({
+  open: e,
+  anchor: t,
+  onClose: s,
+  placement: c = "bottom",
+  width: a = 240,
+  contained: i = !1,
+  dismissOnOutside: o = !0,
+  label: f,
+  className: p,
+  style: g,
+  children: _,
+  ...w
+}, y) {
+  const E = ie(), D = U(null), N = ce(
+    (k) => {
+      D.current = k, typeof y == "function" ? y(k) : y && (y.current = k);
+    },
+    [y]
+  ), [v, M] = re(null), T = U(s);
+  T.current = s;
+  const u = ce(() => {
+    const k = D.current;
+    if (!k) return;
+    let d = lr();
+    if (i) {
+      const W = k.offsetParent;
+      if (W) {
+        const P = W.getBoundingClientRect();
+        d = { top: P.top, left: P.left, width: P.width, height: P.height };
+      }
+    }
+    const I = parseFloat(getComputedStyle(k).getPropertyValue("--gs-popover-gap")), O = (Number.isFinite(I) ? I : cr) + gt + ir, G = k.offsetWidth, Z = k.offsetHeight;
+    let j;
+    if (t) {
+      const W = t.getBoundingClientRect(), P = W.top - d.top, X = W.left - d.left, ee = P + W.height, q = X + W.width, te = X + W.width / 2, Q = P + W.height / 2, J = {
+        top: P,
+        bottom: d.height - ee,
+        left: X,
+        right: d.width - q
+      };
+      let K = c;
+      const oe = K === "top" || K === "bottom", L = O + (oe ? Z : G) + le;
+      J[K] < L && J[Je[K]] > J[K] && (K = Je[K]);
+      const B = Math.max(0, oe ? d.width - 2 * le : J[K] - O - le), z = Math.max(0, oe ? J[K] - O - le : d.height - 2 * le), Y = Math.min(G, B), C = Math.min(Z, z);
+      let he, fe, F;
+      oe ? (he = K === "top" ? P - O - C : ee + O, fe = Ee(te - Y / 2, le, d.width - le - Y), F = Ee(te - fe, Se, Y - Se)) : (fe = K === "left" ? X - O - Y : q + O, he = Ee(Q - C / 2, le, d.height - le - C), F = Ee(Q - he, Se, C - Se)), j = {
+        side: K,
+        top: Math.round(he),
+        left: Math.round(fe),
+        arrowOffset: Math.round(F),
+        maxWidth: B,
+        maxHeight: z
+      };
+    } else {
+      const W = Math.max(0, d.width - 2 * le), P = Math.max(0, d.height - 2 * le), X = Math.min(G, W), ee = Math.min(Z, P);
+      j = {
+        side: c,
+        top: Math.round((d.height - ee) / 2),
+        left: Math.round((d.width - X) / 2),
+        arrowOffset: null,
+        maxWidth: W,
+        maxHeight: P
+      };
+    }
+    M((W) => W && ur(W, j) ? W : j);
+  }, [t, c, i]);
+  Oe(() => {
+    if (!e) {
+      M(null);
+      return;
+    }
+    u(), window.addEventListener("resize", u), window.addEventListener("scroll", u, !0);
+    const k = D.current, d = k && typeof ResizeObserver < "u" ? new ResizeObserver(() => u()) : null;
+    return k && (d == null || d.observe(k)), () => {
+      window.removeEventListener("resize", u), window.removeEventListener("scroll", u, !0), d == null || d.disconnect();
+    };
+  }, [e, u]);
+  const l = v !== null;
+  if (ae(() => {
+    var d;
+    if (!e || !l) return;
+    const k = document.activeElement;
+    return (d = D.current) == null || d.focus({ preventScroll: !0 }), () => {
+      k && k.isConnected && typeof k.focus == "function" && k.focus({ preventScroll: !0 });
+    };
+  }, [e, l]), ae(() => {
+    if (!e) return;
+    const k = (d) => {
+      var I;
+      d.key === "Escape" && (d.preventDefault(), (I = T.current) == null || I.call(T));
+    };
+    return document.addEventListener("keydown", k), () => document.removeEventListener("keydown", k);
+  }, [e]), !e) return null;
+  const m = (k) => {
+    o && k.target === k.currentTarget && (s == null || s());
+  }, b = (v == null ? void 0 : v.side) ?? c, A = v === null || v.arrowOffset !== null, h = {
+    ...g,
+    width: a,
+    top: v == null ? void 0 : v.top,
+    left: v == null ? void 0 : v.left,
+    maxWidth: v == null ? void 0 : v.maxWidth,
+    maxHeight: v == null ? void 0 : v.maxHeight,
+    "--gs-popover-arrow-offset": v && v.arrowOffset !== null ? `${v.arrowOffset}px` : void 0
+  }, S = /* @__PURE__ */ n(
+    "div",
+    {
+      className: x(
+        "gs-popover-backdrop",
+        i && "gs-popover-backdrop--contained",
+        !o && "gs-popover-backdrop--passthrough"
+      ),
+      onClick: m,
+      children: /* @__PURE__ */ H(
+        "div",
+        {
+          ref: N,
+          className: x("gs-popover", `gs-popover--${b}`, l && "gs-popover--ready", p),
+          role: "dialog",
+          "aria-modal": "false",
+          "aria-label": f ?? E.dialog,
+          tabIndex: -1,
+          style: h,
+          ...w,
+          children: [
+            A && /* @__PURE__ */ n("div", { className: "gs-popover__arrow", "aria-hidden": "true" }),
+            /* @__PURE__ */ n("div", { className: "gs-popover__content", children: _ })
+          ]
+        }
+      )
+    }
+  );
+  return i ? S : typeof document > "u" ? null : pe(S, document.body);
+});
+function $e(r) {
+  return r != null && r !== !1 && r !== "";
+}
+const as = V(function({
+  open: e,
+  kind: t = "loading",
+  title: s,
+  message: c,
+  progress: a,
+  icon: i,
+  duration: o,
+  onClose: f,
+  position: p = "center",
+  blocking: g = !1,
+  contained: _ = !1,
+  className: w,
+  ...y
+}, E) {
+  const D = ie(), N = U(f);
+  if (N.current = f, ae(() => {
+    if (!e || o === void 0) return;
+    const m = window.setTimeout(() => {
+      var b;
+      return (b = N.current) == null ? void 0 : b.call(N);
+    }, o);
+    return () => window.clearTimeout(m);
+  }, [e, o, s, t]), !e) return null;
+  const v = $e(s), M = $e(c), T = t === "loading" || t === "progress" || g;
+  let u = null;
+  switch (t) {
+    case "loading":
+      u = /* @__PURE__ */ n(nr, { size: 37, tone: "white", "aria-hidden": v || void 0 });
+      break;
+    case "progress":
+      u = /* @__PURE__ */ n("div", { className: "gs-hud__progress", children: /* @__PURE__ */ n(
+        rr,
+        {
+          value: a,
+          size: "md",
+          tint: "gray",
+          label: typeof s == "string" ? s : D.progress
+        }
+      ) });
+      break;
+    case "success":
+      u = /* @__PURE__ */ n(ne, { icon: ot, variant: "flat", size: 56, strokeWidth: 3 });
+      break;
+    case "error":
+      u = /* @__PURE__ */ n(ne, { icon: Rt, variant: "flat", size: 56, strokeWidth: 3 });
+      break;
+    case "custom":
+      u = $e(i) ? i : null;
+      break;
+  }
+  const l = /* @__PURE__ */ n(
+    "div",
+    {
+      className: x(
+        "gs-hud-backdrop",
+        `gs-hud-backdrop--${p}`,
+        _ && "gs-hud-backdrop--contained",
+        g && "gs-hud-backdrop--blocking"
+      ),
+      children: /* @__PURE__ */ H(
+        "div",
+        {
+          ref: E,
+          className: x("gs-hud", `gs-hud--${t}`, w),
+          role: t === "error" ? "alert" : "status",
+          "aria-live": t === "error" ? "assertive" : "polite",
+          "aria-busy": T || void 0,
+          ...y,
+          children: [
+            u !== null && /* @__PURE__ */ n("div", { className: "gs-hud__graphic", children: u }),
+            v && /* @__PURE__ */ n("div", { className: "gs-hud__title", children: s }),
+            M && /* @__PURE__ */ n("div", { className: "gs-hud__message", children: c })
+          ]
+        }
+      )
+    }
+  );
+  return _ ? l : typeof document > "u" ? null : pe(l, document.body);
+}), ge = (r) => r.split("").map((e) => ({ kind: "char", value: e })), dr = { kind: "shift" }, Le = { kind: "delete" }, Pe = { kind: "space" }, Re = { kind: "return" }, fr = { kind: "layer", to: "numbers", text: "123" }, gr = { kind: "layer", to: "symbols", text: "#+=" }, Ke = { kind: "layer", to: "letters", text: "ABC", wide: !0 }, hr = { kind: "layer", to: "numbers", text: "123", wide: !0 }, mr = {
+  letters: [
+    ge("qwertyuiop"),
+    ge("asdfghjkl"),
+    [dr, ...ge("zxcvbnm"), Le],
+    [hr, Pe, Re]
+  ],
+  numbers: [
+    ge("1234567890"),
+    ge('-/:;()$&@"'),
+    [gr, ...ge(".,?!'"), Le],
+    [Ke, Pe, Re]
+  ],
+  symbols: [
+    ge("[]{}#%^*+="),
+    ge("_\\|~<>€£¥•"),
+    [fr, ...ge(".,?!'"), Le],
+    [Ke, Pe, Re]
+  ]
+}, pr = {
+  letters: "letters",
+  numbers: "numbers",
+  symbols: "symbols"
+}, br = {
+  return: "return",
+  Go: "go",
+  Search: "search",
+  Done: "done",
+  Send: "send",
+  Next: "next"
+}, _r = 46, vr = 300, yr = 500, kr = 100, Ce = (r) => r.length === 0 || /[.!?]\s+$/.test(r) || /\n\s*$/.test(r), cs = V(function({
+  value: e,
+  onChange: t,
+  onKey: s,
+  onBackspace: c,
+  onReturn: a,
+  returnKey: i = "return",
+  layer: o,
+  onLayerChange: f,
+  defaultShift: p = !1,
+  autoCapitalize: g = !1,
+  disabled: _ = !1,
+  label: w,
+  className: y,
+  ...E
+}, D) {
+  const N = ie(), v = U(null);
+  De(D, () => v.current, []);
+  const [M, T] = re("letters"), u = o ?? M, [l, m] = re(
+    () => p || g && t && Ce(e ?? "") ? "on" : "off"
+  ), [b, A] = re(null), h = U({ value: e, onChange: t, onBackspace: c, autoCapitalize: g });
+  h.current = { value: e, onChange: t, onBackspace: c, autoCapitalize: g };
+  const S = U(0), k = U(null), d = U(null), I = U(!1), $ = () => {
+    k.current && clearTimeout(k.current), d.current && clearInterval(d.current), k.current = null, d.current = null;
+  };
+  ae(() => $, []);
+  const O = (L, B) => {
+    const { autoCapitalize: z, onChange: Y } = h.current;
+    m((C) => C === "caps" ? C : z && Y ? Ce(L) ? "on" : "off" : B ? "off" : C);
+  }, G = (L) => {
+    L !== u && (o === void 0 && T(L), f == null || f(L), O(e ?? "", !0));
+  }, Z = (L) => {
+    const B = u === "letters", z = B && l !== "off" ? L.toUpperCase() : L, Y = (e ?? "") + z;
+    s == null || s(z), t == null || t(Y), O(Y, B);
+  }, j = () => {
+    const L = (e ?? "") + " ";
+    s == null || s(" "), t == null || t(L), O(L, !1);
+  }, W = () => {
+    const L = i === "return", B = L ? (e ?? "") + `
+` : e ?? "";
+    s == null || s(`
+`), a == null || a(), L && (t == null || t(B)), O(B, !1);
+  }, P = () => {
+    const { value: L, onChange: B, onBackspace: z } = h.current, Y = (L ?? "").slice(0, -1);
+    z == null || z(), B == null || B(Y), O(Y, !1);
+  }, X = () => {
+    const L = Date.now(), B = L - S.current < vr;
+    S.current = L, m((z) => z === "caps" ? "off" : z === "on" ? B ? "caps" : "off" : "on");
+  }, ee = (L) => {
+    const B = v.current;
+    if (!B) return;
+    const z = L.getBoundingClientRect(), Y = B.getBoundingClientRect(), C = (_r - z.width) / 2;
+    if (z.left - C < Y.left) return "left";
+    if (z.right + C > Y.right) return "right";
+  }, q = (L, B) => (z) => {
+    z.preventDefault(), !(z.button !== 0 && z.pointerType === "mouse") && (A({
+      id: L,
+      edge: B.kind === "char" ? ee(z.currentTarget) : void 0
+    }), B.kind === "delete" && ($(), I.current = !1, k.current = setTimeout(() => {
+      I.current = !0, P(), d.current = setInterval(P, kr);
+    }, yr)));
+  }, te = () => {
+    A(null), $();
+  }, Q = (L) => L.preventDefault(), J = (L) => (B) => {
+    switch (L.kind) {
+      case "char":
+        Z(L.value);
+        break;
+      case "space":
+        j();
+        break;
+      case "return":
+        W();
+        break;
+      case "shift":
+        X();
+        break;
+      case "layer":
+        G(L.to);
+        break;
+      case "delete":
+        I.current && B.detail !== 0 ? I.current = !1 : P();
+        break;
+    }
+  }, K = u === "letters" && l !== "off", oe = (L, B) => {
+    const z = (b == null ? void 0 : b.id) === B, Y = {
+      type: "button",
+      disabled: _,
+      onPointerDown: q(B, L),
+      onPointerUp: te,
+      onPointerLeave: te,
+      onPointerCancel: te,
+      onMouseDown: Q,
+      onClick: J(L)
+    };
+    switch (L.kind) {
+      case "char": {
+        const C = K ? L.value.toUpperCase() : L.value;
+        return /* @__PURE__ */ H(
+          "button",
+          {
+            ...Y,
+            className: x(
+              "gs-keyboard__key",
+              "gs-keyboard__key--letter",
+              u !== "letters" && "gs-keyboard__key--symbol",
+              z && "gs-keyboard__key--pressed"
+            ),
+            children: [
+              C,
+              z && /* @__PURE__ */ n(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: x(
+                    "gs-keyboard__popup",
+                    (b == null ? void 0 : b.edge) === "left" && "gs-keyboard__popup--left",
+                    (b == null ? void 0 : b.edge) === "right" && "gs-keyboard__popup--right"
+                  ),
+                  children: C
+                }
+              )
+            ]
+          },
+          B
+        );
+      }
+      case "shift":
+        return /* @__PURE__ */ n(
+          "button",
+          {
+            ...Y,
+            "aria-label": N.shift,
+            "aria-pressed": l !== "off",
+            className: x(
+              "gs-keyboard__key",
+              "gs-keyboard__key--fn",
+              "gs-keyboard__key--shift",
+              l === "on" && "gs-keyboard__key--shift-on",
+              l === "caps" && "gs-keyboard__key--caps",
+              z && "gs-keyboard__key--pressed"
+            ),
+            children: /* @__PURE__ */ n(
+              ne,
+              {
+                icon: Mt,
+                variant: "flat",
+                size: 22,
+                strokeWidth: 2,
+                fill: l !== "off" ? "currentColor" : "none",
+                className: "gs-keyboard__icon"
+              }
+            )
+          },
+          B
+        );
+      case "delete":
+        return /* @__PURE__ */ n(
+          "button",
+          {
+            ...Y,
+            "aria-label": N.delete,
+            className: x(
+              "gs-keyboard__key",
+              "gs-keyboard__key--fn",
+              "gs-keyboard__key--delete",
+              z && "gs-keyboard__key--pressed"
+            ),
+            children: /* @__PURE__ */ n(
+              ne,
+              {
+                icon: At,
+                variant: "flat",
+                size: 22,
+                strokeWidth: 2,
+                className: "gs-keyboard__icon"
+              }
+            )
+          },
+          B
+        );
+      case "layer":
+        return /* @__PURE__ */ n(
+          "button",
+          {
+            ...Y,
+            "aria-label": N[pr[L.to]],
+            className: x(
+              "gs-keyboard__key",
+              "gs-keyboard__key--fn",
+              L.wide && "gs-keyboard__key--wide",
+              z && "gs-keyboard__key--pressed"
+            ),
+            children: L.text
+          },
+          B
+        );
+      case "space":
+        return /* @__PURE__ */ n(
+          "button",
+          {
+            ...Y,
+            "aria-label": N.space,
+            className: x(
+              "gs-keyboard__key",
+              "gs-keyboard__key--space",
+              z && "gs-keyboard__key--pressed"
+            ),
+            children: N.space
+          },
+          B
+        );
+      case "return": {
+        const C = N[br[i]];
+        return /* @__PURE__ */ n(
+          "button",
+          {
+            ...Y,
+            "aria-label": C,
+            className: x(
+              "gs-keyboard__key",
+              "gs-keyboard__key--return",
+              i !== "return" && "gs-keyboard__key--return-blue",
+              z && "gs-keyboard__key--pressed"
+            ),
+            children: C
+          },
+          B
+        );
+      }
+    }
+  };
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ref: v,
+      role: "group",
+      "aria-label": w ?? N.keyboard,
+      "aria-disabled": _ || void 0,
+      className: x("gs-keyboard", _ && "gs-keyboard--disabled", y),
+      ...E,
+      children: mr[u].map((L, B) => /* @__PURE__ */ n(
+        "div",
+        {
+          className: x(
+            "gs-keyboard__row",
+            B === 1 && "gs-keyboard__row--inset",
+            B === 3 && "gs-keyboard__row--bottom"
+          ),
+          children: L.map((z, Y) => oe(z, `${B}-${Y}`))
+        },
+        B
+      ))
+    }
+  );
+}), Fe = (r) => String(r).padStart(2, "0");
+function ht(r, e) {
+  return new Date(e, r, 0).getDate();
+}
+function We(r) {
+  return `${r.getFullYear()}-${Fe(r.getMonth() + 1)}-${Fe(r.getDate())}`;
+}
+function wr(r) {
+  const [e, t, s] = r.split("-").map(Number);
+  return [e, t, s];
+}
+function et(r, e) {
+  const t = new Date(r.getTime());
+  t.setSeconds(0, 0);
+  const s = Math.round(t.getMinutes() / e) * e;
+  return s !== t.getMinutes() && t.setMinutes(s), t;
+}
+function tt(r, e) {
+  const t = r.getHours(), s = { minute: String(r.getMinutes()) };
+  return e === "h12" ? (s.hour = String(t % 12 || 12), s.period = t < 12 ? "am" : "pm") : s.hour = String(t), s;
+}
+function Nr(r, e, t) {
+  switch (e) {
+    case "date":
+      return {
+        month: String(r.getMonth() + 1),
+        day: String(r.getDate()),
+        year: String(r.getFullYear())
+      };
+    case "time":
+      return tt(r, t);
+    case "dateTime":
+      return { day: We(r), ...tt(r, t) };
+  }
+}
+function Tr(r, e, t, s) {
+  let c = e.getFullYear(), a = e.getMonth() + 1, i = e.getDate(), o = e.getHours(), f = e.getMinutes();
+  t === "date" ? (c = Number(r.year), a = Number(r.month), i = Number(r.day)) : t === "dateTime" && ([c, a, i] = wr(r.day)), t !== "date" && (f = Number(r.minute), o = s === "h12" ? Number(r.hour) % 12 + (r.period === "pm" ? 12 : 0) : Number(r.hour)), i = Math.min(i, ht(a, c));
+  const p = new Date(e.getTime());
+  return p.setFullYear(c, a - 1, i), p.setHours(o, f, 0, 0), p;
+}
+function Sr(r) {
+  const e = new Intl.DateTimeFormat(r, { month: "long" });
+  return Array.from({ length: 12 }, (t, s) => ({
+    value: String(s + 1),
+    label: e.format(new Date(2e3, s, 1))
+  }));
+}
+function _e(r, e, t = 1, s = !1) {
+  const c = [];
+  for (let a = r; a <= e; a += t) c.push({ value: String(a), label: s ? Fe(a) : String(a) });
+  return c;
+}
+function Er(r, e, t) {
+  const s = (c, a) => {
+    var i;
+    try {
+      return ((i = new Intl.DateTimeFormat(r, { hour: "numeric", hour12: !0 }).formatToParts(
+        new Date(2e3, 0, 1, c)
+      ).find((f) => f.type === "dayPeriod")) == null ? void 0 : i.value) ?? a;
+    } catch {
+      return a;
+    }
+  };
+  return [
+    { value: "am", label: s(9, e) },
+    { value: "pm", label: s(21, t) }
+  ];
+}
+function Mr(r, e, t, s, c) {
+  const a = new Intl.DateTimeFormat(t, { weekday: "short", month: "short", day: "numeric" }), i = [];
+  for (let o = -e; o <= e; o++) {
+    const f = new Date(r.getFullYear(), r.getMonth(), r.getDate() + o, 12), p = We(f);
+    i.push({ value: p, label: p === s ? c : a.format(f) });
+  }
+  return i;
+}
+const is = V(function({
+  mode: e = "date",
+  value: t,
+  defaultValue: s,
+  onChange: c,
+  minuteInterval: a = 1,
+  hourCycle: i = "h12",
+  yearRange: o = [1970, 2037],
+  dayRange: f = 365,
+  locale: p,
+  rows: g,
+  disabled: _,
+  label: w,
+  className: y,
+  ...E
+}, D) {
+  const N = ie(), v = Nt(), M = p ?? v ?? "en-US", T = t !== void 0, [u, l] = re(
+    () => et(s ?? /* @__PURE__ */ new Date(), a)
+  ), m = T ? t : u, b = e === "date" ? m : et(m, a), A = Nr(b, e, i), [h, S] = re(() => m), k = Math.round(
+    (new Date(b.getFullYear(), b.getMonth(), b.getDate(), 12).getTime() - new Date(h.getFullYear(), h.getMonth(), h.getDate(), 12).getTime()) / 864e5
+  );
+  e === "dateTime" && Math.abs(k) > f && S(b);
+  const d = Number(A.month), I = Number(A.year), [$, O] = o, G = We(/* @__PURE__ */ new Date()), Z = ue(() => Sr(M), [M]), j = ue(
+    () => e === "date" ? _e(1, ht(d, I)) : [],
+    [e, d, I]
+  ), W = ue(() => _e($, O), [$, O]), P = ue(
+    () => i === "h12" ? _e(1, 12) : _e(0, 23),
+    [i]
+  ), X = ue(() => _e(0, 59, a, !0), [a]), ee = ue(
+    () => Er(M, N.am, N.pm),
+    [M, N.am, N.pm]
+  ), q = ue(
+    () => e === "dateTime" ? Mr(h, f, M, G, N.today) : [],
+    [e, h, f, M, G, N.today]
+  ), {
+    month: te,
+    day: Q,
+    year: J,
+    hour: K,
+    minute: oe,
+    dayPeriod: L
+  } = N, B = ue(() => {
+    const Y = i === "h12";
+    switch (e) {
+      case "date":
+        return [
+          { key: "month", label: te, align: "left", width: "46%", options: Z },
+          { key: "day", label: Q, align: "right", width: "20%", options: j },
+          { key: "year", label: J, width: "34%", options: W }
+        ];
+      case "time":
+        return [
+          { key: "hour", label: K, align: "right", width: Y ? "34%" : "50%", options: P },
+          { key: "minute", label: oe, width: Y ? "33%" : "50%", options: X },
+          ...Y ? [{ key: "period", label: L, width: "33%", options: ee }] : []
+        ];
+      case "dateTime":
+        return [
+          { key: "day", label: Q, align: "left", width: Y ? "44%" : "56%", options: q },
+          { key: "hour", label: K, align: "right", width: Y ? "18%" : "22%", options: P },
+          { key: "minute", label: oe, width: Y ? "18%" : "22%", options: X },
+          ...Y ? [{ key: "period", label: L, width: "20%", options: ee }] : []
+        ];
+    }
+  }, [
+    e,
+    i,
+    Z,
+    j,
+    W,
+    P,
+    X,
+    ee,
+    q,
+    te,
+    Q,
+    J,
+    K,
+    oe,
+    L
+  ]);
+  return /* @__PURE__ */ n(
+    er,
+    {
+      ref: D,
+      columns: B,
+      value: A,
+      onChange: (Y) => {
+        const C = Tr(Y, m, e, i);
+        T || l(C), c == null || c(C);
+      },
+      rows: g,
+      disabled: _,
+      label: w ?? N[e],
+      className: x("gs-datepicker", `gs-datepicker--${e.toLowerCase()}`, y),
+      ...E
+    }
+  );
+}), xr = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
+function Me(r) {
+  return Array.from(r.querySelectorAll(xr)).filter(
+    (e) => e.tabIndex >= 0 && !e.disabled && e.getClientRects().length > 0
+  );
+}
+const os = V(function({
+  open: e,
+  onClose: t,
+  title: s,
+  left: c,
+  right: a,
+  tint: i = "black",
+  background: o = "pinstripe",
+  bodyClassName: f,
+  contained: p = !1,
+  label: g,
+  className: _,
+  children: w,
+  ...y
+}, E) {
+  const D = ie(), v = `${ye()}-title`, M = typeof s == "string", T = U(null), u = ce(
+    (h) => {
+      T.current = h, typeof E == "function" ? E(h) : E && (E.current = h);
+    },
+    [E]
+  ), l = U(t);
+  if (l.current = t, ae(() => {
+    if (!e) return;
+    const h = document.activeElement, S = T.current;
+    if (S) {
+      const k = S.querySelector(".gs-modalsheet__body"), d = S.querySelector(".gs-navbar__right");
+      ((k && Me(k)[0]) ?? (d && Me(d)[0]) ?? Me(S)[0] ?? S).focus({ preventScroll: !0 });
+    }
+    return () => {
+      h && h.isConnected && typeof h.focus == "function" && h.focus();
+    };
+  }, [e]), ae(() => {
+    if (!e) return;
+    const h = (S) => {
+      var Z;
+      if (S.key === "Escape") {
+        S.preventDefault(), (Z = l.current) == null || Z.call(l);
+        return;
+      }
+      if (S.key !== "Tab") return;
+      const k = T.current;
+      if (!k) return;
+      const d = Me(k);
+      if (d.length === 0) {
+        S.preventDefault(), k.focus();
+        return;
+      }
+      const I = d[0], $ = d[d.length - 1], O = document.activeElement, G = O !== null && k.contains(O);
+      S.shiftKey ? (!G || O === I || O === k) && (S.preventDefault(), $.focus()) : (!G || O === $) && (S.preventDefault(), I.focus());
+    };
+    return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
+  }, [e]), !e) return null;
+  const m = c === void 0 ? /* @__PURE__ */ n(Ge, { onClick: () => t == null ? void 0 : t(), children: D.cancel }) : c, b = a === void 0 ? /* @__PURE__ */ n(Ge, { variant: "done", onClick: () => t == null ? void 0 : t(), children: D.done }) : a, A = /* @__PURE__ */ n("div", { className: x("gs-modalsheet-backdrop", p && "gs-modalsheet-backdrop--contained"), children: /* @__PURE__ */ H(
+    "div",
+    {
+      ref: u,
+      className: x("gs-modalsheet", _),
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": M ? v : void 0,
+      "aria-label": M ? void 0 : g ?? D.dialog,
+      tabIndex: -1,
+      ...y,
+      children: [
+        /* @__PURE__ */ n(
+          Ft,
+          {
+            className: "gs-modalsheet__bar",
+            tint: i,
+            title: M ? /* @__PURE__ */ n("span", { id: v, children: s }) : s,
+            "aria-label": M ? s : void 0,
+            left: m,
+            right: b
+          }
+        ),
+        /* @__PURE__ */ n(
+          "div",
+          {
+            className: x(
+              "gs-modalsheet__body",
+              `gs-modalsheet__body--${o}`,
+              f
+            ),
+            children: w
+          }
+        )
+      ]
+    }
+  ) });
+  return p ? A : typeof document > "u" ? null : pe(A, document.body);
+}), Dr = 500, Ir = 100, Ar = 50, $r = 2e3;
+function rt(r) {
+  var t;
+  const e = /(?:\.(\d+))?(?:e-(\d+))?$/.exec(String(r));
+  return (((t = e == null ? void 0 : e[1]) == null ? void 0 : t.length) ?? 0) + Number((e == null ? void 0 : e[2]) ?? 0);
+}
+function mt(r, { min: e, max: t }) {
+  return Math.min(t, Math.max(e, r));
+}
+function Lr(r, e, t) {
+  const { min: s, max: c, step: a, wraps: i } = t, o = Math.min(20, Math.max(rt(a), rt(s))), f = Number((r + e * a).toFixed(o));
+  return i ? f > c ? s : f < s ? c : f : mt(f, t);
+}
+const ls = V(function({
+  value: e,
+  defaultValue: t,
+  onChange: s,
+  min: c = 0,
+  max: a = 100,
+  step: i = 1,
+  wraps: o = !1,
+  autoRepeat: f = !0,
+  showValue: p = !1,
+  formatValue: g,
+  size: _ = "sm",
+  tint: w = "dark",
+  disabled: y = !1,
+  label: E,
+  decrementLabel: D = "Decrease",
+  incrementLabel: N = "Increase",
+  className: v,
+  ...M
+}, T) {
+  const u = { min: c, max: a, step: i, wraps: o }, l = e !== void 0, [m, b] = re(() => mt(t ?? c, u)), A = l ? e : m, h = U({ current: A, config: u, onChange: s, isControlled: l });
+  h.current = { current: A, config: u, onChange: s, isControlled: l };
+  const S = U(null), k = U(!1), d = () => {
+    S.current && clearTimeout(S.current), S.current = null;
+  };
+  ae(() => d, []);
+  const I = (q) => {
+    const { current: te, onChange: Q, isControlled: J } = h.current;
+    return q === te ? !1 : (J || (h.current.current = q, b(q)), Q == null || Q(q), !0);
+  }, $ = (q) => I(Lr(h.current.current, q, h.current.config)), O = (q) => (te) => {
+    if (!f || y || te.button !== 0) return;
+    d(), k.current = !1;
+    const Q = Date.now(), J = () => {
+      if (k.current = !0, !$(q)) {
+        d();
+        return;
+      }
+      const K = Date.now() - Q >= $r;
+      S.current = setTimeout(J, K ? Ar : Ir);
+    };
+    S.current = setTimeout(J, Dr);
+  }, G = (q) => (te) => {
+    if (k.current && te.detail !== 0) {
+      k.current = !1;
+      return;
+    }
+    $(q);
+  }, Z = (q) => {
+    if (!y) {
+      switch (q.key) {
+        case "ArrowUp":
+        case "ArrowRight":
+          $(1);
+          break;
+        case "ArrowDown":
+        case "ArrowLeft":
+          $(-1);
+          break;
+        case "Home":
+          I(c);
+          break;
+        case "End":
+          I(a);
+          break;
+        default:
+          return;
+      }
+      q.preventDefault();
+    }
+  }, j = A <= c, W = A >= a, P = y || !o && j, X = y || !o && W, ee = (q, { text: te, icon: Q, isDisabled: J }) => /* @__PURE__ */ n(
+    "button",
+    {
+      type: "button",
+      "aria-label": te,
+      "aria-disabled": J || void 0,
+      disabled: J,
+      className: x(
+        "gs-stepper__button",
+        q === 1 ? "gs-stepper__button--increment" : "gs-stepper__button--decrement"
+      ),
+      onPointerDown: O(q),
+      onPointerUp: d,
+      onPointerLeave: d,
+      onPointerCancel: d,
+      onClick: G(q),
+      onKeyDown: Z,
+      children: /* @__PURE__ */ n(ne, { icon: Q, variant: "flat", size: 16, strokeWidth: 3, className: "gs-stepper__icon" })
+    }
+  );
+  return /* @__PURE__ */ H(
+    "div",
+    {
+      ref: T,
+      role: "group",
+      "aria-label": E,
+      "aria-disabled": y || void 0,
+      className: x(
+        "gs-stepper",
+        `gs-stepper--${_}`,
+        `gs-stepper--${w}`,
+        y && "gs-stepper--disabled",
+        v
+      ),
+      ...M,
+      children: [
+        p && /* @__PURE__ */ n("span", { className: "gs-stepper__value", "aria-live": "polite", "aria-atomic": "true", children: g ? g(A) : String(A) }),
+        /* @__PURE__ */ H("span", { className: "gs-stepper__buttons", children: [
+          ee(-1, { text: D, icon: $t, isDisabled: P }),
+          ee(1, { text: N, icon: Lt, isDisabled: X })
+        ] })
+      ]
+    }
+  );
+}), us = V(function({
+  value: e,
+  defaultValue: t,
+  onChange: s,
+  onSearch: c,
+  onCancel: a,
+  placeholder: i,
+  scopes: o,
+  scope: f,
+  defaultScope: p,
+  onScopeChange: g,
+  showsScopeBar: _ = "always",
+  showsCancel: w = "whileEditing",
+  cancelLabel: y,
+  tint: E = "black",
+  autoFocus: D,
+  disabled: N = !1,
+  label: v,
+  inputProps: M,
+  className: T,
+  onFocus: u,
+  onBlur: l,
+  ...m
+}, b) {
+  const A = ie(), h = U(null), S = e !== void 0, [k, d] = re(t ?? ""), I = S ? e : k, $ = f !== void 0, [O, G] = re(() => {
+    var F;
+    return p ?? ((F = o == null ? void 0 : o[0]) == null ? void 0 : F.value);
+  }), Z = $ ? f : O, [j, W] = re(!1);
+  ae(() => {
+    const F = h.current;
+    F && F.contains(document.activeElement) && W(!0);
+  }, []);
+  const P = j || I.length > 0, X = !!o && o.length > 0, ee = w === "always" || w === "whileEditing" && P && !N, q = X && (_ === "always" || P), te = (F) => {
+    S || d(F), s == null || s(F);
+  }, { onChange: Q, onKeyDown: J, ...K } = M ?? {}, oe = (F) => {
+    Q == null || Q(F), te(F.target.value);
+  }, L = (F) => {
+    J == null || J(F), !F.defaultPrevented && F.key === "Enter" && (c == null || c(I));
+  }, B = () => {
+    var ke;
+    te("");
+    const F = document.activeElement;
+    F instanceof HTMLElement && ((ke = h.current) != null && ke.contains(F)) && F.blur(), a == null || a();
+  }, z = (F) => {
+    u == null || u(F), W(!0);
+  }, Y = (F) => {
+    l == null || l(F), F.currentTarget.contains(F.relatedTarget) || W(!1);
+  }, C = (F) => {
+    $ || G(F), g == null || g(F);
+  }, he = (F) => F.preventDefault(), fe = v ?? A.search;
+  return /* @__PURE__ */ H(
+    "div",
+    {
+      ref: h,
+      role: "search",
+      "aria-label": fe,
+      className: x(
+        "gs-searchbar",
+        `gs-searchbar--${E}`,
+        P && "gs-searchbar--editing",
+        N && "gs-searchbar--disabled",
+        X && "gs-searchbar--has-scopes",
+        ee && "gs-searchbar--show-cancel",
+        q && "gs-searchbar--show-scopes",
+        T
+      ),
+      onFocus: z,
+      onBlur: Y,
+      ...m,
+      children: [
+        /* @__PURE__ */ n("div", { className: "gs-searchbar__row", children: /* @__PURE__ */ n(
+          Ot,
+          {
+            "aria-label": fe,
+            ...K,
+            ref: b,
+            wrapperClassName: "gs-searchbar__field",
+            value: I,
+            onChange: oe,
+            onKeyDown: L,
+            placeholder: i,
+            disabled: N,
+            autoFocus: D,
+            showCancel: w !== "never",
+            cancelLabel: y,
+            onCancel: B
+          }
+        ) }),
+        X && /* @__PURE__ */ n("div", { className: "gs-searchbar__scopes", onMouseDown: he, children: /* @__PURE__ */ n("div", { className: "gs-searchbar__scopes-clip", children: /* @__PURE__ */ n(
+          Ut,
+          {
+            className: "gs-searchbar__segments",
+            size: "sm",
+            block: !0,
+            tint: E === "blue" ? "blue" : "dark",
+            value: Z,
+            onChange: C,
+            children: o.map((F) => /* @__PURE__ */ n(Vt, { value: F.value, disabled: N || F.disabled, children: F.label }, F.value))
+          }
+        ) }) })
+      ]
+    }
+  );
+});
+function Pr(r) {
+  return r != null && r !== !1 && r !== "";
+}
+function Rr(r) {
+  if (!(r instanceof Element)) return !1;
+  try {
+    return r.matches(":focus-visible");
+  } catch {
+    return !0;
+  }
+}
+const Br = 0.4, Or = 4, Fr = 160, ds = V(
+  function({
+    open: e,
+    title: t,
+    message: s,
+    icon: c,
+    iconTint: a = "gray",
+    actionLabel: i,
+    onAction: o,
+    onClick: f,
+    duration: p = 4e3,
+    onClose: g,
+    dismissOnAction: _ = !0,
+    contained: w = !1,
+    label: y = "Notification",
+    className: E,
+    style: D,
+    onKeyDown: N,
+    onPointerDown: v,
+    onPointerEnter: M,
+    onPointerLeave: T,
+    onFocus: u,
+    onBlur: l,
+    onTransitionEnd: m,
+    ...b
+  }, A) {
+    const h = U(g);
+    h.current = g;
+    const S = U(null), k = U(0), d = U(0), I = U(!1), $ = U({ hover: !1, focus: !1, press: !1 }), O = ce(() => {
+      S.current !== null && (window.clearTimeout(S.current), S.current = null);
+    }, []), G = ce(() => {
+      if (!I.current) return;
+      const R = $.current;
+      if (R.hover || R.focus || R.press) {
+        if (S.current === null) return;
+        d.current = Math.max(0, k.current - Date.now()), O();
+      } else S.current === null && (k.current = Date.now() + d.current, S.current = window.setTimeout(() => {
+        var be;
+        S.current = null, I.current = !1, (be = h.current) == null || be.call(h);
+      }, d.current));
+    }, [O]), Z = ce(() => {
+      var R;
+      I.current = !1, O(), (R = h.current) == null || R.call(h);
+    }, [O]), j = U(null), W = U(null), P = U(null), [X, ee] = re(null), [q, te] = re(!1), Q = ce(() => {
+      P.current !== null && (window.clearTimeout(P.current), P.current = null, Z());
+    }, [Z]), J = ce(() => {
+      I.current = !1, O(), ee(null), te(!0), P.current = window.setTimeout(Q, Fr);
+    }, [O, Q]);
+    ae(() => ($.current = { hover: !1, focus: !1, press: !1 }, j.current = null, ee(null), te(!1), () => {
+      var R;
+      (R = W.current) == null || R.call(W), P.current !== null && (window.clearTimeout(P.current), P.current = null);
+    }), [e]), ae(() => {
+      if (!(!e || p <= 0))
+        return I.current = !0, d.current = p, G(), () => {
+          I.current = !1, O();
+        };
+    }, [e, p, t, G, O]);
+    const K = (R) => {
+      var Ve;
+      if (v == null || v(R), R.defaultPrevented || !R.isPrimary || R.button !== 0 || q) return;
+      (Ve = W.current) == null || Ve.call(W);
+      const se = {
+        pointerId: R.pointerId,
+        startY: R.clientY,
+        height: R.currentTarget.offsetHeight || 60,
+        moved: !1
+      };
+      j.current = se, $.current.press = !0, G();
+      const be = (me) => {
+        if (me.pointerId !== se.pointerId) return;
+        const Ne = me.clientY - se.startY;
+        !se.moved && Math.abs(Ne) > Or && (se.moved = !0), se.moved && ee(Math.max(-se.height, Math.min(0, Ne)));
+      }, we = (me) => {
+        if (me.pointerId !== se.pointerId) return;
+        Ie(), $.current.press = !1;
+        const Ne = me.type === "pointercancel" ? 0 : me.clientY - se.startY;
+        se.moved && -Ne > se.height * Br ? J() : (ee(null), G()), se.moved ? window.setTimeout(() => {
+          j.current === se && (j.current = null);
+        }, 0) : j.current = null;
+      }, Ie = () => {
+        window.removeEventListener("pointermove", be), window.removeEventListener("pointerup", we), window.removeEventListener("pointercancel", we), W.current === Ie && (W.current = null);
+      };
+      W.current = Ie, window.addEventListener("pointermove", be), window.addEventListener("pointerup", we), window.addEventListener("pointercancel", we);
+    }, oe = (R) => {
+      var se;
+      (se = j.current) != null && se.moved && (R.stopPropagation(), R.preventDefault());
+    }, L = () => {
+      q || (f == null || f(), _ && Z());
+    }, B = (R) => {
+      R.stopPropagation(), !q && (o == null || o(), _ && Z());
+    }, z = (R) => {
+      N == null || N(R), !R.defaultPrevented && (R.key === "Escape" ? (R.preventDefault(), Z()) : R.key === "Enter" && R.target === R.currentTarget && (R.preventDefault(), L()));
+    }, Y = (R) => {
+      M == null || M(R), $.current.hover = !0, G();
+    }, C = (R) => {
+      T == null || T(R), $.current.hover = !1, G();
+    }, he = (R) => {
+      u == null || u(R), $.current.focus = Rr(R.target), G();
+    }, fe = (R) => {
+      l == null || l(R), !R.currentTarget.contains(R.relatedTarget) && ($.current.focus = !1, G());
+    }, F = (R) => {
+      m == null || m(R), q && R.target === R.currentTarget && R.propertyName === "transform" && Q();
+    };
+    if (!e) return null;
+    const ke = Pr(s), ze = typeof i == "string" && i !== "", Ye = X !== null, pt = Ye ? { ...D, transform: `translateY(${X}px)` } : D, Ue = /* @__PURE__ */ H(
+      "div",
+      {
+        ref: A,
+        className: x(
+          "gs-banner",
+          w && "gs-banner--contained",
+          ze && "gs-banner--has-action",
+          Ye && "gs-banner--dragging",
+          q && "gs-banner--leaving",
+          E
+        ),
+        style: pt,
+        role: "status",
+        "aria-live": "polite",
+        "aria-atomic": "true",
+        "aria-label": y,
+        tabIndex: 0,
+        onClick: L,
+        onClickCapture: oe,
+        onKeyDown: z,
+        onPointerDown: K,
+        onPointerEnter: Y,
+        onPointerLeave: C,
+        onFocus: he,
+        onBlur: fe,
+        onTransitionEnd: F,
+        ...b,
+        children: [
+          /* @__PURE__ */ n("span", { className: x("gs-banner__tile", `gs-banner__tile--${a}`), "aria-hidden": "true", children: c }),
+          /* @__PURE__ */ H("div", { className: "gs-banner__body", children: [
+            /* @__PURE__ */ n("div", { className: "gs-banner__title", children: t }),
+            ke && /* @__PURE__ */ n("div", { className: "gs-banner__message", children: s })
+          ] }),
+          ze && /* @__PURE__ */ n("button", { type: "button", className: "gs-banner__action", onClick: B, children: i }),
+          /* @__PURE__ */ n("span", { className: "gs-banner__grip", "aria-hidden": "true" })
+        ]
+      }
+    );
+    return w ? Ue : typeof document > "u" ? null : pe(Ue, document.body);
+  }
+);
+export {
+  Jr as ActionSheet,
+  nr as ActivityIndicator,
+  Xr as Alert,
+  ct as Badge,
+  Ge as BarButton,
+  Yr as Button,
+  is as DatePicker,
+  Ur as GsProvider,
+  as as HUD,
+  ne as Icon,
+  cs as Keyboard,
+  jr as List,
+  Zr as ListItem,
+  os as ModalSheet,
+  Ft as NavigationBar,
+  ds as NotificationBanner,
+  ss as PageControl,
+  er as Picker,
+  ns as Popover,
+  rr as ProgressBar,
+  us as SearchBar,
+  Ot as SearchField,
+  Vt as Segment,
+  Ut as SegmentedControl,
+  Qr as Slider,
+  Kr as StatusBar,
+  ls as Stepper,
+  Vr as Switch,
+  qr as TabBar,
+  Gr as TabBarItem,
+  Bt as TextField,
+  Cr as Toolbar,
+  ts as ToolbarButton,
+  es as ToolbarSpacer,
+  rs as ToolbarTitle,
+  x as cn,
+  kt as defaultStrings,
+  Nt as useGsLocale,
+  ie as useGsStrings
+};