@sandurtech/sandui 0.0.1 → 0.1.0

package/dist/sandui.js

@@ -1,875 +0,0 @@
-import Oe, { forwardRef as b, useMemo as T, useState as ke, useCallback as I, useId as C, useRef as K, useEffect as Ie, createContext as Me, useContext as De } from "react";
-var U = { exports: {} }, D = {};
-var me;
-function Pe() {
-  if (me) return D;
-  me = 1;
-  var d = /* @__PURE__ */ Symbol.for("react.transitional.element"), a = /* @__PURE__ */ Symbol.for("react.fragment");
-  function n(r, t, c) {
-    var o = null;
-    if (c !== void 0 && (o = "" + c), t.key !== void 0 && (o = "" + t.key), "key" in t) {
-      c = {};
-      for (var u in t)
-        u !== "key" && (c[u] = t[u]);
-    } else c = t;
-    return t = c.ref, {
-      $$typeof: d,
-      type: r,
-      key: o,
-      ref: t !== void 0 ? t : null,
-      props: c
-    };
-  }
-  return D.Fragment = a, D.jsx = n, D.jsxs = n, D;
-}
-var P = {};
-var pe;
-function Fe() {
-  return pe || (pe = 1, process.env.NODE_ENV !== "production" && (function() {
-    function d(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === Ce ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case A:
-          return "Fragment";
-        case J:
-          return "Profiler";
-        case V:
-          return "StrictMode";
-        case L:
-          return "Suspense";
-        case Y:
-          return "SuspenseList";
-        case Re:
-          return "Activity";
-      }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case g:
-            return "Portal";
-          case j:
-            return e.displayName || "Context";
-          case M:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case R:
-            var l = e.render;
-            return e = e.displayName, e || (e = l.displayName || l.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case G:
-            return l = e.displayName || null, l !== null ? l : d(e.type) || "Memo";
-          case X:
-            l = e._payload, e = e._init;
-            try {
-              return d(e(l));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function a(e) {
-      return "" + e;
-    }
-    function n(e) {
-      try {
-        a(e);
-        var l = !1;
-      } catch {
-        l = !0;
-      }
-      if (l) {
-        l = console;
-        var p = l.error, k = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return p.call(
-          l,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          k
-        ), a(e);
-      }
-    }
-    function r(e) {
-      if (e === A) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === X)
-        return "<...>";
-      try {
-        var l = d(e);
-        return l ? "<" + l + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function t() {
-      var e = Z.A;
-      return e === null ? null : e.getOwner();
-    }
-    function c() {
-      return Error("react-stack-top-frame");
-    }
-    function o(e) {
-      if (le.call(e, "key")) {
-        var l = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (l && l.isReactWarning) return !1;
-      }
-      return e.key !== void 0;
-    }
-    function u(e, l) {
-      function p() {
-        ie || (ie = !0, console.error(
-          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          l
-        ));
-      }
-      p.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: p,
-        configurable: !0
-      });
-    }
-    function f() {
-      var e = d(this.type);
-      return ue[e] || (ue[e] = !0, console.error(
-        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), e = this.props.ref, e !== void 0 ? e : null;
-    }
-    function h(e, l, p, k, H, ee) {
-      var v = p.ref;
-      return e = {
-        $$typeof: N,
-        type: e,
-        key: l,
-        props: p,
-        _owner: k
-      }, (v !== void 0 ? v : null) !== null ? Object.defineProperty(e, "ref", {
-        enumerable: !1,
-        get: f
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(e, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: H
-      }), Object.defineProperty(e, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: ee
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-    }
-    function _(e, l, p, k, H, ee) {
-      var v = l.children;
-      if (v !== void 0)
-        if (k)
-          if (Ae(v)) {
-            for (k = 0; k < v.length; k++)
-              m(v[k]);
-            Object.freeze && Object.freeze(v);
-          } else
-            console.error(
-              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-            );
-        else m(v);
-      if (le.call(l, "key")) {
-        v = d(e);
-        var $ = Object.keys(l).filter(function($e) {
-          return $e !== "key";
-        });
-        k = 0 < $.length ? "{key: someKey, " + $.join(": ..., ") + ": ...}" : "{key: someKey}", fe[v + k] || ($ = 0 < $.length ? "{" + $.join(": ..., ") + ": ...}" : "{}", console.error(
-          `A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,
-          k,
-          v,
-          $,
-          v
-        ), fe[v + k] = !0);
-      }
-      if (v = null, p !== void 0 && (n(p), v = "" + p), o(l) && (n(l.key), v = "" + l.key), "key" in l) {
-        p = {};
-        for (var ae in l)
-          ae !== "key" && (p[ae] = l[ae]);
-      } else p = l;
-      return v && u(
-        p,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), h(
-        e,
-        v,
-        p,
-        t(),
-        H,
-        ee
-      );
-    }
-    function m(e) {
-      S(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === X && (e._payload.status === "fulfilled" ? S(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
-    }
-    function S(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === N;
-    }
-    var y = Oe, N = /* @__PURE__ */ Symbol.for("react.transitional.element"), g = /* @__PURE__ */ Symbol.for("react.portal"), A = /* @__PURE__ */ Symbol.for("react.fragment"), V = /* @__PURE__ */ Symbol.for("react.strict_mode"), J = /* @__PURE__ */ Symbol.for("react.profiler"), M = /* @__PURE__ */ Symbol.for("react.consumer"), j = /* @__PURE__ */ Symbol.for("react.context"), R = /* @__PURE__ */ Symbol.for("react.forward_ref"), L = /* @__PURE__ */ Symbol.for("react.suspense"), Y = /* @__PURE__ */ Symbol.for("react.suspense_list"), G = /* @__PURE__ */ Symbol.for("react.memo"), X = /* @__PURE__ */ Symbol.for("react.lazy"), Re = /* @__PURE__ */ Symbol.for("react.activity"), Ce = /* @__PURE__ */ Symbol.for("react.client.reference"), Z = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, le = Object.prototype.hasOwnProperty, Ae = Array.isArray, Q = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    y = {
-      react_stack_bottom_frame: function(e) {
-        return e();
-      }
-    };
-    var ie, ue = {}, be = y.react_stack_bottom_frame.bind(
-      y,
-      c
-    )(), _e = Q(r(c)), fe = {};
-    P.Fragment = A, P.jsx = function(e, l, p) {
-      var k = 1e4 > Z.recentlyCreatedOwnerStacks++;
-      return _(
-        e,
-        l,
-        p,
-        !1,
-        k ? Error("react-stack-top-frame") : be,
-        k ? Q(r(e)) : _e
-      );
-    }, P.jsxs = function(e, l, p) {
-      var k = 1e4 > Z.recentlyCreatedOwnerStacks++;
-      return _(
-        e,
-        l,
-        p,
-        !0,
-        k ? Error("react-stack-top-frame") : be,
-        k ? Q(r(e)) : _e
-      );
-    };
-  })()), P;
-}
-var he;
-function Be() {
-  return he || (he = 1, process.env.NODE_ENV === "production" ? U.exports = Pe() : U.exports = Fe()), U.exports;
-}
-var s = Be();
-const ye = {
-  "sand-badge": "_sand-badge_uye3i_1",
-  "sand-badge-primary": "_sand-badge-primary_uye3i_14",
-  "sand-badge-secondary": "_sand-badge-secondary_uye3i_19",
-  "sand-badge-success": "_sand-badge-success_uye3i_24",
-  "sand-badge-failed": "_sand-badge-failed_uye3i_30"
-};
-function i(...d) {
-  return d.filter(Boolean).join(" ");
-}
-function ze(d) {
-  return Array.from(
-    d.querySelectorAll(
-      [
-        "a[href]",
-        "button:not([disabled])",
-        "textarea:not([disabled])",
-        "input:not([disabled])",
-        "select:not([disabled])",
-        '[tabindex]:not([tabindex="-1"])'
-      ].join(",")
-    )
-  ).filter((a) => !a.hasAttribute("disabled") && !a.getAttribute("aria-hidden"));
-}
-function ne(d, a, n, r) {
-  if (n !== 0)
-    switch (d.key) {
-      case "ArrowRight":
-      case "ArrowDown":
-        d.preventDefault(), r((a + 1) % n);
-        break;
-      case "ArrowLeft":
-      case "ArrowUp":
-        d.preventDefault(), r((a - 1 + n) % n);
-        break;
-      case "Home":
-        d.preventDefault(), r(0);
-        break;
-      case "End":
-        d.preventDefault(), r(n - 1);
-        break;
-    }
-}
-const qe = b(function({ variant: a = "primary", className: n = "", ...r }, t) {
-  const c = T(() => ye[`sand-badge-${a}`], [a]);
-  return /* @__PURE__ */ s.jsx(
-    "span",
-    {
-      ref: t,
-      className: i(ye["sand-badge"], c, n),
-      ...r
-    }
-  );
-});
-qe.displayName = "SandBadge";
-const F = {
-  "sand-breadcrumbs": "_sand-breadcrumbs_1uxir_1",
-  "sand-breadcrumb-item": "_sand-breadcrumb-item_1uxir_10",
-  "sand-breadcrumb-link": "_sand-breadcrumb-link_1uxir_17",
-  "sand-breadcrumb-current": "_sand-breadcrumb-current_1uxir_32",
-  "sand-breadcrumb-separator": "_sand-breadcrumb-separator_1uxir_37"
-}, Le = b(function({ items: a, className: n = "", "aria-label": r = "Breadcrumb", ...t }, c) {
-  const o = T(
-    () => a.map((u, f) => {
-      const h = f === a.length - 1;
-      return /* @__PURE__ */ s.jsxs("li", { className: F["sand-breadcrumb-item"], children: [
-        u.href && !h ? /* @__PURE__ */ s.jsx("a", { href: u.href, className: F["sand-breadcrumb-link"], children: u.label }) : /* @__PURE__ */ s.jsx(
-          "span",
-          {
-            "aria-current": h ? "page" : void 0,
-            className: h ? F["sand-breadcrumb-current"] : void 0,
-            children: u.label
-          }
-        ),
-        !h && /* @__PURE__ */ s.jsx("span", { className: i(F["sand-breadcrumb-separator"], "material-symbols-rounded"), "aria-hidden": "true", children: "chevron_right" })
-      ] }, `${String(u.label)}-${f}`);
-    }),
-    [a]
-  );
-  return /* @__PURE__ */ s.jsx("nav", { ref: c, "aria-label": r, className: i(F["sand-breadcrumbs"], n), ...t, children: /* @__PURE__ */ s.jsx("ol", { children: o }) });
-});
-Le.displayName = "SandBreadcrumbs";
-const Se = {
-  "sand-btn": "_sand-btn_9grrt_1",
-  "sand-btn-primary": "_sand-btn-primary_9grrt_42",
-  "sand-btn-secondary": "_sand-btn-secondary_9grrt_54",
-  "sand-btn-outline": "_sand-btn-outline_9grrt_63",
-  "sand-btn-success": "_sand-btn-success_9grrt_74",
-  "sand-btn-failed": "_sand-btn-failed_9grrt_85"
-}, Ye = b(function({ variant: a = "primary", className: n = "", type: r = "button", ...t }, c) {
-  const o = T(() => Se[`sand-btn-${a}`], [a]);
-  return /* @__PURE__ */ s.jsx(
-    "button",
-    {
-      ref: c,
-      className: i(Se["sand-btn"], o, n),
-      type: r,
-      ...t
-    }
-  );
-});
-Ye.displayName = "SandButton";
-const W = {
-  "sand-card": "_sand-card_i3njl_1",
-  "sand-card-header": "_sand-card-header_i3njl_15",
-  "sand-card-body": "_sand-card-body_i3njl_22",
-  "sand-card-footer": "_sand-card-footer_i3njl_26"
-}, Ge = b(function({ header: a, footer: n, children: r, className: t = "", ...c }, o) {
-  return /* @__PURE__ */ s.jsxs("article", { ref: o, className: i(W["sand-card"], t), ...c, children: [
-    a && /* @__PURE__ */ s.jsx("header", { className: W["sand-card-header"], children: a }),
-    /* @__PURE__ */ s.jsx("div", { className: W["sand-card-body"], children: r }),
-    n && /* @__PURE__ */ s.jsx("footer", { className: W["sand-card-footer"], children: n })
-  ] });
-});
-Ge.displayName = "SandCard";
-const He = "_active_197ic_77", O = {
-  "sand-code-block": "_sand-code-block_197ic_1",
-  "sand-copy-btn": "_sand-copy-btn_197ic_15",
-  "sand-code-tabs": "_sand-code-tabs_197ic_41",
-  "sand-tab-headers": "_sand-tab-headers_197ic_53",
-  "sand-tab-btn": "_sand-tab-btn_197ic_60",
-  active: He
-}, ve = b(function({ code: a, className: n = "", ...r }, t) {
-  const [c, o] = ke(!1), u = I(() => {
-    navigator.clipboard.writeText(a).then(() => {
-      o(!0), setTimeout(() => o(!1), 2e3);
-    });
-  }, [a]);
-  return /* @__PURE__ */ s.jsxs("pre", { ref: t, className: i(O["sand-code-block"], n), ...r, children: [
-    /* @__PURE__ */ s.jsx(
-      "button",
-      {
-        className: O["sand-copy-btn"],
-        onClick: u,
-        type: "button",
-        "aria-label": c ? "Code copied to clipboard" : "Copy code to clipboard",
-        children: c ? "Copied" : "Copy"
-      }
-    ),
-    /* @__PURE__ */ s.jsx("code", { children: a })
-  ] });
-});
-ve.displayName = "SandCodeBlock";
-const Ue = b(function({ tabs: a, defaultTab: n = 0, className: r = "", onTabChange: t }, c) {
-  const [o, u] = ke(n), f = C(), h = K([]), _ = I(
-    (S) => {
-      u(S), t?.(S), h.current[S]?.focus();
-    },
-    [t]
-  ), m = T(() => a[o]?.code ?? "", [o, a]);
-  return /* @__PURE__ */ s.jsxs("div", { ref: c, className: i(O["sand-code-tabs"], r), children: [
-    /* @__PURE__ */ s.jsx("div", { className: O["sand-tab-headers"], role: "tablist", "aria-label": "Code examples", children: a.map((S, y) => /* @__PURE__ */ s.jsx(
-      "button",
-      {
-        ref: (N) => {
-          h.current[y] = N;
-        },
-        className: i(O["sand-tab-btn"], o === y && O.active),
-        type: "button",
-        role: "tab",
-        "aria-selected": o === y,
-        "aria-controls": `${f}-code-panel-${y}`,
-        id: `${f}-code-tab-${y}`,
-        tabIndex: o === y ? 0 : -1,
-        onClick: () => _(y),
-        onKeyDown: (N) => ne(N, y, a.length, (g) => _(g)),
-        children: S.name
-      },
-      y
-    )) }),
-    /* @__PURE__ */ s.jsx(
-      "div",
-      {
-        role: "tabpanel",
-        id: `${f}-code-panel-${o}`,
-        "aria-labelledby": `${f}-code-tab-${o}`,
-        children: /* @__PURE__ */ s.jsx(ve, { code: m })
-      }
-    )
-  ] });
-});
-Ue.displayName = "SandCodeTabs";
-const We = {
-  "sand-divider": "_sand-divider_svs0p_1"
-}, Ke = b(function({ className: a = "", ...n }, r) {
-  return /* @__PURE__ */ s.jsx("hr", { ref: r, className: i(We["sand-divider"], a), ...n });
-});
-Ke.displayName = "SandDivider";
-const E = {
-  "sand-feedback": "_sand-feedback_1pp8i_1",
-  "sand-feedback-toast": "_sand-feedback-toast_1pp8i_11",
-  "sand-feedback-snackbar": "_sand-feedback-snackbar_1pp8i_24",
-  "sand-feedback-row": "_sand-feedback-row_1pp8i_33",
-  "sand-feedback-icon": "_sand-feedback-icon_1pp8i_39",
-  "sand-feedback-content": "_sand-feedback-content_1pp8i_45",
-  "sand-feedback-title": "_sand-feedback-title_1pp8i_52",
-  "sand-feedback-message": "_sand-feedback-message_1pp8i_57",
-  "sand-feedback-action": "_sand-feedback-action_1pp8i_64",
-  "sand-feedback-success": "_sand-feedback-success_1pp8i_69",
-  "sand-feedback-failed": "_sand-feedback-failed_1pp8i_81",
-  "sand-feedback-info": "_sand-feedback-info_1pp8i_93"
-}, Ve = {
-  info: "info",
-  success: "check_circle",
-  failed: "error"
-}, xe = b(function({ heading: a, message: n, action: r, variant: t = "info", className: c = "", mode: o, ...u }, f) {
-  const h = T(() => Ve[t], [t]), _ = t === "failed" ? "alert" : "status";
-  return /* @__PURE__ */ s.jsx(
-    "div",
-    {
-      ref: f,
-      role: _,
-      "aria-live": t === "failed" ? "assertive" : "polite",
-      className: i(
-        E["sand-feedback"],
-        E[`sand-feedback-${o}`],
-        E[`sand-feedback-${t}`],
-        c
-      ),
-      ...u,
-      children: /* @__PURE__ */ s.jsxs("div", { className: E["sand-feedback-row"], children: [
-        /* @__PURE__ */ s.jsx("span", { className: i(E["sand-feedback-icon"], "material-symbols-rounded"), "aria-hidden": "true", children: h }),
-        /* @__PURE__ */ s.jsxs("div", { className: E["sand-feedback-content"], children: [
-          a && /* @__PURE__ */ s.jsx("span", { className: E["sand-feedback-title"], children: a }),
-          /* @__PURE__ */ s.jsx("span", { className: E["sand-feedback-message"], children: n })
-        ] }),
-        r && /* @__PURE__ */ s.jsx("div", { className: E["sand-feedback-action"], children: r })
-      ] })
-    }
-  );
-}), Je = b(function(a, n) {
-  return /* @__PURE__ */ s.jsx(xe, { ref: n, mode: "toast", ...a });
-});
-Je.displayName = "SandToast";
-const Xe = b(function(a, n) {
-  return /* @__PURE__ */ s.jsx(xe, { ref: n, mode: "snackbar", ...a });
-});
-Xe.displayName = "SandSnackbar";
-const z = {
-  "sand-form-group": "_sand-form-group_fyw0t_1",
-  "sand-label": "_sand-label_fyw0t_8",
-  "sand-input": "_sand-input_fyw0t_17",
-  "sand-input-error": "_sand-input-error_fyw0t_38",
-  "sand-helper-text-error": "_sand-helper-text-error_fyw0t_47"
-}, je = b(function({ label: a, children: n, className: r = "", htmlFor: t, ...c }, o) {
-  return /* @__PURE__ */ s.jsxs("div", { ref: o, className: i(z["sand-form-group"], r), ...c, children: [
-    a && /* @__PURE__ */ s.jsx("label", { className: z["sand-label"], htmlFor: t, children: a }),
-    n
-  ] });
-});
-je.displayName = "SandFormGroup";
-const Ne = b(function({ error: a, className: n = "", ...r }, t) {
-  return /* @__PURE__ */ s.jsx(
-    "input",
-    {
-      ref: t,
-      className: i(z["sand-input"], a && z["sand-input-error"], n),
-      "aria-invalid": a || r["aria-invalid"],
-      ...r
-    }
-  );
-});
-Ne.displayName = "SandInput";
-const Ze = b(function({ label: a, helperText: n, error: r, groupClassName: t, className: c = "", "aria-describedby": o, ...u }, f) {
-  const h = C(), _ = u.id ?? h, m = n ? `${_}-help` : void 0, S = T(
-    () => [o, m].filter(Boolean).join(" ") || void 0,
-    [o, m]
-  );
-  return /* @__PURE__ */ s.jsxs(je, { label: a, className: t, htmlFor: _, children: [
-    /* @__PURE__ */ s.jsx(
-      Ne,
-      {
-        ref: f,
-        id: _,
-        error: r,
-        className: c,
-        "aria-describedby": S,
-        ...u
-      }
-    ),
-    n && /* @__PURE__ */ s.jsx("span", { id: m, className: r ? z["sand-helper-text-error"] : "", children: n })
-  ] });
-});
-Ze.displayName = "SandInputGroup";
-const Qe = {
-  "sand-kbd": "_sand-kbd_mo78g_1"
-}, ea = b(function({ className: a = "", ...n }, r) {
-  return /* @__PURE__ */ s.jsx("kbd", { ref: r, className: i(Qe["sand-kbd"], a), ...n });
-});
-ea.displayName = "SandKBD";
-const q = {
-  "sand-container": "_sand-container_174rd_1",
-  "sand-header": "_sand-header_174rd_7",
-  "sand-tool-layout": "_sand-tool-layout_174rd_17",
-  "sand-tool-panel": "_sand-tool-panel_174rd_24",
-  "sand-result-panel": "_sand-result-panel_174rd_34"
-}, aa = b(function({ className: a = "", ...n }, r) {
-  return /* @__PURE__ */ s.jsx("div", { ref: r, className: i(q["sand-container"], a), ...n });
-});
-aa.displayName = "SandContainer";
-const na = b(function({ className: a = "", ...n }, r) {
-  return /* @__PURE__ */ s.jsx("header", { ref: r, className: i(q["sand-header"], a), ...n });
-});
-na.displayName = "SandHeader";
-const ge = b(function({ className: a = "", ...n }, r) {
-  return /* @__PURE__ */ s.jsx("div", { ref: r, className: i(q["sand-tool-layout"], a), ...n });
-});
-ge.displayName = "SandToolLayout";
-const sa = b(function({ className: a = "", ...n }, r) {
-  return /* @__PURE__ */ s.jsx("aside", { ref: r, className: i(q["sand-tool-panel"], a), ...n });
-});
-sa.displayName = "SandToolPanel";
-const ra = b(function({ className: a = "", ...n }, r) {
-  return /* @__PURE__ */ s.jsx("main", { ref: r, className: i(q["sand-result-panel"], a), ...n });
-});
-ra.displayName = "SandResultPanel";
-const ta = b(
-  function({ header: a, panel: n, result: r }, t) {
-    return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      a,
-      /* @__PURE__ */ s.jsxs(ge, { ref: t, children: [
-        n,
-        r
-      ] })
-    ] });
-  }
-);
-ta.displayName = "SandMicroserviceLayout";
-const w = {
-  "sand-modal-root": "_sand-modal-root_uryk1_1",
-  "sand-modal-backdrop": "_sand-modal-backdrop_uryk1_11",
-  "sand-modal-panel": "_sand-modal-panel_uryk1_18",
-  "sand-modal-header": "_sand-modal-header_uryk1_29",
-  "sand-modal-title": "_sand-modal-title_uryk1_38",
-  "sand-modal-description": "_sand-modal-description_uryk1_44",
-  "sand-modal-close": "_sand-modal-close_uryk1_51",
-  "sand-modal-body": "_sand-modal-body_uryk1_73",
-  "sand-modal-footer": "_sand-modal-footer_uryk1_77"
-}, Ee = Me(null);
-function we() {
-  const d = De(Ee);
-  if (!d)
-    throw new Error("SandModal sub-components must be used within SandModal.");
-  return d;
-}
-const se = b(function({ className: a = "", ...n }, r) {
-  return /* @__PURE__ */ s.jsx("div", { ref: r, className: i(w["sand-modal-header"], a), ...n });
-});
-se.displayName = "SandModal.Header";
-const re = b(function({ className: a = "", ...n }, r) {
-  return /* @__PURE__ */ s.jsx("div", { ref: r, className: i(w["sand-modal-body"], a), ...n });
-});
-re.displayName = "SandModal.Body";
-const te = b(function({ className: a = "", ...n }, r) {
-  return /* @__PURE__ */ s.jsx("div", { ref: r, className: i(w["sand-modal-footer"], a), ...n });
-});
-te.displayName = "SandModal.Footer";
-const de = b(function({ className: a = "", ...n }, r) {
-  const { titleId: t } = we();
-  return /* @__PURE__ */ s.jsx("div", { ref: r, id: t, className: i(w["sand-modal-title"], a), ...n });
-});
-de.displayName = "SandModal.Title";
-const oe = b(function({ className: a = "", ...n }, r) {
-  const { descriptionId: t } = we();
-  return /* @__PURE__ */ s.jsx("div", { ref: r, id: t, className: i(w["sand-modal-description"], a), ...n });
-});
-oe.displayName = "SandModal.Description";
-const Te = b(function({
-  open: a,
-  onClose: n,
-  title: r,
-  description: t,
-  footer: c,
-  closeOnOverlay: o = !0,
-  initialFocusRef: u,
-  children: f,
-  className: h = "",
-  ..._
-}, m) {
-  const S = C(), y = C(), N = K(null), g = K(null), A = K(null), V = T(
-    () => ({ titleId: S, descriptionId: y }),
-    [y, S]
-  ), J = I(
-    (j) => {
-      g.current = j, typeof m == "function" ? m(j) : m && (m.current = j);
-    },
-    [m]
-  ), M = I(
-    (j) => {
-      if (j.key === "Escape") {
-        j.preventDefault(), n();
-        return;
-      }
-      if (j.key !== "Tab" || !g.current)
-        return;
-      const R = ze(g.current);
-      if (R.length === 0) {
-        j.preventDefault(), g.current.focus();
-        return;
-      }
-      const L = R[0], Y = R[R.length - 1], G = document.activeElement;
-      j.shiftKey && G === L ? (j.preventDefault(), Y.focus()) : !j.shiftKey && G === Y && (j.preventDefault(), L.focus());
-    },
-    [n]
-  );
-  return Ie(() => {
-    if (!a) {
-      A.current?.focus();
-      return;
-    }
-    A.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-    const j = document.body.style.overflow;
-    return document.body.style.overflow = "hidden", (u?.current ?? N.current ?? g.current)?.focus(), window.addEventListener("keydown", M), () => {
-      document.body.style.overflow = j, window.removeEventListener("keydown", M);
-    };
-  }, [M, u, a]), a ? /* @__PURE__ */ s.jsxs("div", { className: w["sand-modal-root"], children: [
-    /* @__PURE__ */ s.jsx(
-      "button",
-      {
-        type: "button",
-        className: w["sand-modal-backdrop"],
-        "aria-label": "Close dialog",
-        onClick: o ? n : void 0
-      }
-    ),
-    /* @__PURE__ */ s.jsx(
-      "div",
-      {
-        ref: J,
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-labelledby": r ? S : void 0,
-        "aria-describedby": t ? y : void 0,
-        className: i(w["sand-modal-panel"], h),
-        tabIndex: -1,
-        ..._,
-        children: /* @__PURE__ */ s.jsxs(Ee.Provider, { value: V, children: [
-          (r || t) && /* @__PURE__ */ s.jsxs(se, { children: [
-            /* @__PURE__ */ s.jsxs("div", { children: [
-              r && /* @__PURE__ */ s.jsx(de, { children: r }),
-              t && /* @__PURE__ */ s.jsx(oe, { children: t })
-            ] }),
-            /* @__PURE__ */ s.jsx(
-              "button",
-              {
-                ref: N,
-                type: "button",
-                className: w["sand-modal-close"],
-                onClick: n,
-                "aria-label": "Close dialog",
-                children: /* @__PURE__ */ s.jsx("span", { className: "material-symbols-rounded", "aria-hidden": "true", children: "close" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ s.jsx(re, { children: f }),
-          c && /* @__PURE__ */ s.jsx(te, { children: c })
-        ] })
-      }
-    )
-  ] }) : null;
-});
-Te.displayName = "SandModal";
-const ba = Object.assign(Te, {
-  Header: se,
-  Body: re,
-  Footer: te,
-  Title: de,
-  Description: oe
-}), B = {
-  "sand-pagination": "_sand-pagination_cizv5_1",
-  "sand-page-btn": "_sand-page-btn_cizv5_8",
-  "sand-page-btn-active": "_sand-page-btn-active_cizv5_36"
-}, da = b(function({ currentPage: a, totalPages: n, onPageChange: r, className: t = "", ...c }, o) {
-  const u = T(() => Array.from({ length: n }, (_, m) => m + 1), [n]), f = I(
-    (_) => {
-      _ < 1 || _ > n || _ === a || r?.(_);
-    },
-    [a, r, n]
-  ), h = I(
-    (_) => {
-      ne(_, a - 1, n, (m) => f(m + 1));
-    },
-    [a, f, n]
-  );
-  return /* @__PURE__ */ s.jsxs(
-    "nav",
-    {
-      ref: o,
-      "aria-label": "Pagination",
-      className: i(B["sand-pagination"], t),
-      onKeyDown: h,
-      ...c,
-      children: [
-        /* @__PURE__ */ s.jsx(
-          "button",
-          {
-            type: "button",
-            className: B["sand-page-btn"],
-            disabled: a === 1,
-            "aria-label": "Previous page",
-            onClick: () => f(a - 1),
-            children: /* @__PURE__ */ s.jsx("span", { className: "material-symbols-rounded", "aria-hidden": "true", children: "chevron_left" })
-          }
-        ),
-        u.map((_) => /* @__PURE__ */ s.jsx(
-          "button",
-          {
-            type: "button",
-            "aria-current": _ === a ? "page" : void 0,
-            "aria-label": `Page ${_}`,
-            className: i(B["sand-page-btn"], _ === a && B["sand-page-btn-active"]),
-            onClick: () => f(_),
-            children: _
-          },
-          _
-        )),
-        /* @__PURE__ */ s.jsx(
-          "button",
-          {
-            type: "button",
-            className: B["sand-page-btn"],
-            disabled: a === n,
-            "aria-label": "Next page",
-            onClick: () => f(a + 1),
-            children: /* @__PURE__ */ s.jsx("span", { className: "material-symbols-rounded", "aria-hidden": "true", children: "chevron_right" })
-          }
-        )
-      ]
-    }
-  );
-});
-da.displayName = "SandPagination";
-const x = {
-  "sand-choice-group": "_sand-choice-group_viqgz_1",
-  "sand-choice-row": "_sand-choice-row_viqgz_7",
-  "sand-choice-input": "_sand-choice-input_viqgz_16",
-  "sand-choice-control": "_sand-choice-control_viqgz_22",
-  "sand-checkbox": "_sand-checkbox_viqgz_41",
-  "sand-checkbox-icon": "_sand-checkbox-icon_viqgz_59",
-  "sand-radio": "_sand-radio_viqgz_76",
-  "sand-switch": "_sand-switch_viqgz_94",
-  "sand-choice-content": "_sand-choice-content_viqgz_123",
-  "sand-choice-label": "_sand-choice-label_viqgz_129",
-  "sand-choice-description": "_sand-choice-description_viqgz_134"
-}, ce = ({ label: d, description: a }) => /* @__PURE__ */ s.jsxs("span", { className: x["sand-choice-content"], children: [
-  /* @__PURE__ */ s.jsx("span", { className: x["sand-choice-label"], children: d }),
-  a && /* @__PURE__ */ s.jsx("span", { className: x["sand-choice-description"], children: a })
-] }), oa = b(function({ label: a, description: n, id: r, className: t = "", ...c }, o) {
-  const u = C(), f = r ?? u;
-  return /* @__PURE__ */ s.jsxs("label", { className: i(x["sand-choice-row"], t), htmlFor: f, children: [
-    /* @__PURE__ */ s.jsx("input", { ref: o, id: f, type: "checkbox", className: x["sand-choice-input"], ...c }),
-    /* @__PURE__ */ s.jsx("span", { className: i(x["sand-choice-control"], x["sand-checkbox"]), "aria-hidden": "true", children: /* @__PURE__ */ s.jsx("span", { className: i(x["sand-checkbox-icon"], "material-symbols-rounded"), children: "check" }) }),
-    /* @__PURE__ */ s.jsx(ce, { label: a, description: n })
-  ] });
-});
-oa.displayName = "SandCheckbox";
-const ca = b(function({ label: a, description: n, id: r, className: t = "", onKeyDown: c, ...o }, u) {
-  const f = C(), h = r ?? f, _ = (m) => {
-    if (c?.(m), m.defaultPrevented || !o.name)
-      return;
-    const S = Array.from(
-      document.querySelectorAll(`input[type="radio"][name="${o.name}"]`)
-    ), y = S.findIndex((N) => N.id === h);
-    ne(m, y, S.length, (N) => {
-      S[N]?.focus(), S[N]?.click();
-    });
-  };
-  return /* @__PURE__ */ s.jsxs("label", { className: i(x["sand-choice-row"], t), htmlFor: h, children: [
-    /* @__PURE__ */ s.jsx("input", { ref: u, id: h, type: "radio", className: x["sand-choice-input"], onKeyDown: _, ...o }),
-    /* @__PURE__ */ s.jsx("span", { className: i(x["sand-choice-control"], x["sand-radio"]), "aria-hidden": "true" }),
-    /* @__PURE__ */ s.jsx(ce, { label: a, description: n })
-  ] });
-});
-ca.displayName = "SandRadio";
-const la = b(function({ label: a, description: n, id: r, className: t = "", ...c }, o) {
-  const u = C(), f = r ?? u;
-  return /* @__PURE__ */ s.jsxs("label", { className: i(x["sand-choice-row"], t), htmlFor: f, children: [
-    /* @__PURE__ */ s.jsx("input", { ref: o, id: f, type: "checkbox", role: "switch", className: x["sand-choice-input"], ...c }),
-    /* @__PURE__ */ s.jsx("span", { className: i(x["sand-choice-control"], x["sand-switch"]), "aria-hidden": "true" }),
-    /* @__PURE__ */ s.jsx(ce, { label: a, description: n })
-  ] });
-});
-la.displayName = "SandSwitch";
-const ia = b(function({ className: a = "", label: n, ...r }, t) {
-  return /* @__PURE__ */ s.jsx("div", { ref: t, role: "group", "aria-label": typeof n == "string" ? n : void 0, className: i(x["sand-choice-group"], a), ...r });
-});
-ia.displayName = "SandChoiceGroup";
-export {
-  qe as SandBadge,
-  Le as SandBreadcrumbs,
-  Ye as SandButton,
-  Ge as SandCard,
-  oa as SandCheckbox,
-  ia as SandChoiceGroup,
-  ve as SandCodeBlock,
-  Ue as SandCodeTabs,
-  aa as SandContainer,
-  Ke as SandDivider,
-  je as SandFormGroup,
-  na as SandHeader,
-  Ne as SandInput,
-  Ze as SandInputGroup,
-  ea as SandKBD,
-  ta as SandMicroserviceLayout,
-  ba as SandModal,
-  da as SandPagination,
-  ca as SandRadio,
-  ra as SandResultPanel,
-  Xe as SandSnackbar,
-  la as SandSwitch,
-  Je as SandToast,
-  ge as SandToolLayout,
-  sa as SandToolPanel
-};