@tempots/beatui 0.30.1 → 0.31.0

package/dist/notice-DVEacWKt.js

@@ -1,2275 +0,0 @@
-import { makeProviderMark as ae, localStorageProp as X, computedOf as y, Use as q, html as p, attr as c, When as E, Fragment as M, aria as S, coalesce as Q, style as H, prop as I, on as C, OnDispose as oe, Value as D, WithElement as ve, Empty as w, dataAttr as J, input as ie, emitValue as P, emitValueAsNumber as ke, Unless as ye, Ensure as we } from "@tempots/dom";
-import { WhenInViewport as Ce, Query as xe, ElementRect as Se } from "@tempots/ui";
-import { b as De, g as Ie } from "./colors-WfmhQ5e1.js";
-function ee(e, {
-  units: t = ["B", "KB", "MB", "GB", "TB"],
-  decimalPlaces: s = 0,
-  locale: n
-} = {}) {
-  if (e === 0 || e === 0n)
-    return new Intl.NumberFormat(n, {
-      style: "unit",
-      unit: "byte",
-      unitDisplay: "short",
-      maximumFractionDigits: 0
-    }).format(0).replace("byte", t[0]);
-  let r, a;
-  if (typeof e == "bigint") {
-    let l = e < 0n ? -e : e;
-    for (r = 0; l >= 1024n && r < t.length - 1; )
-      l = l / 1024n, r++;
-    a = Number(e) / Math.pow(1024, r);
-  } else
-    r = Math.floor(Math.log(Math.abs(e)) / Math.log(1024)), r = Math.min(r, t.length - 1), a = e / Math.pow(1024, r);
-  return new Intl.NumberFormat(n, {
-    style: "unit",
-    unit: "byte",
-    unitDisplay: "short",
-    minimumFractionDigits: r === 0 ? 0 : s,
-    maximumFractionDigits: r === 0 ? 0 : s
-  }).format(a).replace("byte", t[r]);
-}
-const te = /* @__PURE__ */ new Map();
-function le(e) {
-  const t = te.get(e) ?? 0;
-  return te.set(e, t + 1), `${e}-${t}`;
-}
-const x = {
-  /**
-   * Creates a loading state.
-   * @param previousValue - The previous value.
-   * @returns A loading state.
-   * @public
-   */
-  notAsked: { type: "NotAsked" },
-  /**
-   * Creates a loading state.
-   * @param previousValue - The previous value.
-   * @returns A loading state.
-   * @public
-   */
-  loading(e = void 0) {
-    return { type: "Loading", previousValue: e };
-  },
-  /**
-   * Creates a successful state.
-   * @param value - The value.
-   * @returns A successful state.
-   * @public
-   */
-  success(e) {
-    return { type: "AsyncSuccess", value: e };
-  },
-  /**
-   * Creates a failure state.
-   * @param error - The error.
-   * @returns A failure state.
-   * @public
-   */
-  failure(e) {
-    return { type: "AsyncFailure", error: e };
-  },
-  /**
-   * Checks if the result is a success.
-   * @param r - The result.
-   * @returns `true` if the result is a success; otherwise, `false`.
-   * @public
-   */
-  isSuccess(e) {
-    return e.type === "AsyncSuccess";
-  },
-  /**
-   * Checks if the result is a failure.
-   * @param r - The result.
-   * @returns `true` if the result is a failure; otherwise, `false`.
-   * @public
-   */
-  isFailure(e) {
-    return e.type === "AsyncFailure";
-  },
-  /**
-   * Checks if the result is a not-asked.
-   * @param r - The result.
-   * @returns `true` if the result is not-asked; otherwise, `false`.
-   * @public
-   */
-  isNotAsked(e) {
-    return e.type === "NotAsked";
-  },
-  /**
-   * Checks if the result is a loading.
-   * @param r - The result.
-   * @returns `true` if the result is loading; otherwise, `false`.
-   * @public
-   */
-  isLoading(e) {
-    return e.type === "Loading";
-  },
-  /**
-   * Gets the value if the result is a success; otherwise, returns the alternative value.
-   * @param r - The result.
-   * @param alt - The alternative value.
-   * @returns The value if the result is a success; otherwise, the alternative value.
-   * @public
-   */
-  getOrElse(e, t) {
-    return x.isSuccess(e) ? e.value : t;
-  },
-  /**
-   * Gets the value if the result is a success; otherwise, returns the value from the alternative function.
-   * @param r - The result.
-   * @param altf - The alternative function.
-   * @returns The value if the result is a success; otherwise, the value from the alternative
-   * @public
-   * function.
-   */
-  getOrElseLazy(e, t) {
-    return x.isSuccess(e) ? e.value : t();
-  },
-  /**
-   * Gets the value if the result is a success; otherwise, returns `null`.
-   * @param r - The result.
-   * @returns The value if the result is a success; otherwise, `null`.
-   * @public
-   */
-  getOrNull(e) {
-    return x.isSuccess(e) ? e.value : null;
-  },
-  /**
-   * Gets the value if the result is a success; otherwise, returns `undefined`.
-   * @param r - The result.
-   * @returns The value if the result is a success; otherwise, `undefined`.
-   * @public
-   */
-  getOrUndefined(e) {
-    return x.isSuccess(e) ? e.value : void 0;
-  },
-  /**
-   * Gets the value of a `AsyncResult` if it is a `Success`, otherwise it throws the error contained in the `Failure`.
-   * @param r - The `AsyncResult` to get the value from.
-   * @returns The value of the `AsyncResult` if it is a `Success`.
-   */
-  getUnsafe: (e) => {
-    if (x.isSuccess(e))
-      return e.value;
-    throw x.isFailure(e) ? e.error : new Error("Cannot get value from a not-asked or loading result");
-  },
-  /**
-   * Based on the state of the result, it picks the appropriate function to call and returns the result.
-   * @param success - The function to call if the result is a success.
-   * @param failure - The function to call if the result is a failure.
-   * @param loading - The function to call if the result is loading.
-   * @param notAsked - The function to call if the result is not-asked.
-   * @returns The result of calling the appropriate function based on the state of the result.
-   * @public
-   */
-  match: (e, {
-    success: t,
-    failure: s,
-    loading: n,
-    notAsked: r = n
-  }) => x.isSuccess(e) ? t(e.value) : x.isFailure(e) ? s(e.error) : x.isNotAsked(e) ? r() : n(e.previousValue),
-  /**
-   * When the result is a success, it applies the function to the value.
-   *
-   * @param r - The result.
-   * @param apply - The function to apply.
-   * @returns The result that was passed in.
-   * @public
-   */
-  whenSuccess: (e, t) => (x.isSuccess(e) && t(e.value), e),
-  /**
-   * When the result is a failure, it applies the function to the error.
-   *
-   * @param r - The result.
-   * @param apply - The function to apply.
-   * @returns The result that was passed in.
-   * @public
-   */
-  whenFailure: (e, t) => (x.isFailure(e) && t(e.error), e),
-  /**
-   * Compares two results for equality.
-   * @param r1 - The first result.
-   * @param r2 - The second result.
-   * @param options - The options to use for comparison. By default, uses strict equality.
-   * @returns `true` if the results are equal, `false` otherwise.
-   */
-  equals: (e, t, s = {
-    valueEquals: (n, r) => n === r,
-    errorEquals: (n, r) => n === r
-  }) => e.type === "AsyncSuccess" && t.type === "AsyncSuccess" ? s.valueEquals(e.value, t.value) : e.type === "AsyncFailure" && t.type === "AsyncFailure" ? s.errorEquals(e.error, t.error) : e.type === "Loading" && t.type === "Loading" ? s.valueEquals(e.previousValue, t.previousValue) : e.type === "NotAsked" && t.type === "NotAsked",
-  /**
-   * Combines multiple results into a single result.
-   * @param results - The results to combine.
-   * @returns A single result that is a success if all the input results are successes, otherwise a failure.
-   */
-  all: (e) => {
-    const t = [];
-    for (const s of e)
-      if (x.isSuccess(s))
-        t.push(s.value);
-      else
-        return s;
-    return x.success(t);
-  },
-  /**
-   * Converts a Promise to an AsyncResult.
-   * @param p - The Promise to convert.
-   * @returns A Promise that resolves to an AsyncResult.
-   */
-  ofPromise: async (e) => {
-    try {
-      const t = await e;
-      return x.success(t);
-    } catch (t) {
-      return x.failure(t instanceof Error ? t : new Error(String(t)));
-    }
-  }
-}, F = (e, t) => e === t || e !== e && t !== t, _ = {
-  /**
-   * Creates a valid `Validation`.
-   * @returns A `Validation` that is `Valid`.
-   */
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  valid: { type: "valid" },
-  /**
-   * Creates an invalid `Validation`.
-   * @param error - The error associated with the invalid value.
-   * @returns A `Validation` that is `Invalid`.
-   */
-  invalid(e) {
-    return { type: "invalid", error: e };
-  },
-  /**
-   * Checks if a `Validation` is `Valid`.
-   * @param r - The `Validation` to check.
-   * @returns `true` if the `Validation` is `Valid`, otherwise `false`.
-   */
-  isValid(e) {
-    return e.type === "valid";
-  },
-  /**
-   * Checks if a `Validation` is `Invalid`.
-   * @param r - The `Validation` to check.
-   * @returns `true` if the `Validation` is `Invalid`, otherwise `false`.
-   */
-  isInvalid(e) {
-    return e.type === "invalid";
-  },
-  /**
-   * Maps the value of a `Validation` to a new value.
-   * @param r - The `Validation` to map.
-   * @param valid - The mapping function for a valid value.
-   * @param invalid - The mapping function for an invalid value.
-   * @returns The mapped value.
-   */
-  match: (e, t, s) => _.isValid(e) ? t() : s(e.error),
-  /**
-   * Maps the value of a `Validation` to a new `Validation`.
-   * @param validation - The `Validation` to map.
-   * @param value - The value to map.
-   * @returns A new `Validation` with the mapped value.
-   */
-  toResult: (e, t) => _.match(
-    e,
-    () => k.success(t),
-    (s) => k.failure(s)
-  ),
-  /**
-   * Execute a function when the `Validation` is valid.
-   *
-   * @param r - The `Validation` to check.
-   * @param apply - The function to execute when the `Validation` is valid.
-   * @returns The `Validation` object.
-   */
-  whenValid: (e, t) => (_.isValid(e) && t(), e),
-  /**
-   * Execute a function when the `Validation` is invalid.
-   *
-   * @param r - The `Validation` to check.
-   * @param apply - The function to execute when the `Validation` is invalid.
-   * @returns The `Validation` object.
-   */
-  whenInvalid: (e, t) => (_.isInvalid(e) && t(e.error), e)
-}, k = {
-  /**
-   * Creates a successful `Result`.
-   * @param value - The value to wrap in a `Success` type.
-   * @returns A `Result` that is a `Success`.
-   * @public
-   */
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  success(e) {
-    return { type: "Success", value: e };
-  },
-  /**
-   * Creates a failure `Result`.
-   * @param error - The error to wrap in a `Failure` type.
-   * @returns A `Result` that is a `Failure`.
-   * @public
-   */
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  failure(e) {
-    return { type: "Failure", error: e };
-  },
-  /**
-   * Maps the value of a `Result` to a new value.
-   * @param r - The `Result` to map.
-   * @param f - The mapping function.
-   * @returns A new `Result` with the mapped value.
-   * @public
-   */
-  map: (e, t) => e.type === "Success" ? k.success(t(e.value)) : e,
-  /**
-   * Maps the value of a `Result` to a new `Result`.
-   * @param r - The `Result` to map.
-   * @param f - The mapping function.
-   * @returns A new `Result` with the mapped value.
-   * @public
-   */
-  flatMap: (e, t) => e.type === "Success" ? t(e.value) : e,
-  /**
-   * Converts a `Result` to an `AsyncResult`.
-   * @param r - The `Result` to convert.
-   * @returns An `AsyncResult` that is equivalent to the input `Result`.
-   * @public
-   */
-  toAsync(e) {
-    return k.match(
-      e,
-      (t) => x.success(t),
-      (t) => x.failure(t)
-    );
-  },
-  /**
-   * Converts a `Result` to a `Validation`.
-   * @param r - The `Result` to convert.
-   * @returns A `Validation` that is equivalent to the input `Result`.
-   * @public
-   */
-  toValidation(e) {
-    return k.match(
-      e,
-      () => _.valid,
-      (t) => _.invalid(t)
-    );
-  },
-  /**
-   * Checks if a `Result` is a success.
-   * @param r - The `Result` to check.
-   * @returns `true` if the `Result` is a `Success`, `false` otherwise.
-   * @public
-   */
-  isSuccess(e) {
-    return e.type === "Success";
-  },
-  /**
-   * Checks if a `Result` is a failure.
-   * @param r - The `Result` to check.
-   * @returns `true` if the `Result` is a `Failure`, `false` otherwise.
-   * @public
-   */
-  isFailure(e) {
-    return e.type === "Failure";
-  },
-  /**
-   * Gets the value of a `Result` if it is a `Success`, otherwise returns the provided default value.
-   * @param r - The `Result` to get the value from.
-   * @param alt - The default value to return if the `Result` is a `Failure`.
-   * @returns The value of the `Result` if it is a `Success`, otherwise the default value.
-   * @public
-   */
-  getOrElse(e, t) {
-    return k.isSuccess(e) ? e.value : t;
-  },
-  /**
-   * Gets the value of a `Result` if it is a `Success`, otherwise returns the result of the provided function.
-   * @param r - The `Result` to get the value from.
-   * @param altf - The function to call if the `Result` is a `Failure`.
-   * @returns The value of the `Result` if it is a `Success`, otherwise the result of the function.
-   * @public
-   */
-  getOrElseLazy(e, t) {
-    return k.isSuccess(e) ? e.value : t();
-  },
-  /**
-   * Gets the value of a `Result` if it is a `Success`, otherwise returns `null`.
-   * @param r - The `Result` to get the value from.
-   * @returns The value of the `Result` if it is a `Success`, otherwise `null`.
-   * @public
-   */
-  getOrNull(e) {
-    return k.isSuccess(e) ? e.value : null;
-  },
-  /**
-   * Gets the value of a `Result` if it is a `Success`, otherwise returns `undefined`.
-   * @param r - The `Result` to get the value from.
-   * @returns The value of the `Result` if it is a `Success`, otherwise `undefined`.
-   * @public
-   */
-  getOrUndefined(e) {
-    return k.isSuccess(e) ? e.value : void 0;
-  },
-  /**
-   * Gets the value of a `Result` if it is a `Success`, otherwise it throws the error contained in the `Failure`.
-   * @param r - The `Result` to get the value from.
-   * @returns The value of the `Result` if it is a `Success`.
-   */
-  getUnsafe: (e) => {
-    if (k.isSuccess(e))
-      return e.value;
-    throw e.error;
-  },
-  /**
-   * Based on the state of the result, it picks the appropriate function to call and returns the result.
-   * @param success - The function to call if the result is a success.
-   * @param failure - The function to call if the result is a failure.
-   * @returns The result of calling the appropriate function based on the state of the result.
-   * @public
-   */
-  match: (e, t, s) => k.isSuccess(e) ? t(e.value) : s(e.error),
-  /**
-   * Calls the provided function if the result is a success.
-   * @param apply - The function to call if the result is a success.
-   * @returns A function that takes a `Result` and calls the provided function if the result is a success.
-   * @public
-   */
-  whenSuccess: (e, t) => (k.isSuccess(e) && t(e.value), e),
-  whenFailure: (e, t) => (k.isFailure(e) && t(e.error), e),
-  /**
-   * Combines two results into a single result.
-   * @param r1 - The first result.
-   * @param r2 - The second result.
-   * @param combineV - The function to combine two values.
-   * @param combineE - The function to combine two errors.
-   * @returns The combined result.
-   * @public
-   */
-  combine: (e, t, s, n) => k.match(
-    e,
-    (r) => k.match(
-      t,
-      (a) => k.success(s(r, a)),
-      (a) => k.failure(a)
-    ),
-    (r) => k.match(
-      t,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      (a) => k.failure(r),
-      (a) => k.failure(n(r, a))
-    )
-  ),
-  /**
-   * Compares two results for equality.
-   * @param r1 - The first result.
-   * @param r2 - The second result.
-   * @param options - The options to use for comparison. By default, uses strict equality.
-   * @returns `true` if the results are equal, `false` otherwise.
-   */
-  equals: (e, t, s = {
-    valueEquals: (n, r) => n === r,
-    errorEquals: (n, r) => n === r
-  }) => e.type === "Success" && t.type === "Success" ? s.valueEquals(e.value, t.value) : e.type === "Failure" && t.type === "Failure" ? s.errorEquals(e.error, t.error) : !1,
-  /**
-   * Combines multiple results into a single result.
-   * @param results - The results to combine.
-   * @returns A single result that is a success if all the input results are successes, otherwise a failure.
-   */
-  all: (e) => {
-    const t = [];
-    for (const s of e)
-      if (k.isSuccess(s))
-        t.push(s.value);
-      else
-        return s;
-    return k.success(t);
-  }
-}, ce = {
-  loadingExtended: "Loading, please wait",
-  loadingShort: "Loading...",
-  locale: "Locale",
-  iconDescription: "Icon",
-  loadingIcon: "Loading icon",
-  failedToLoadIcon: "Failed to load icon",
-  editLabel: "Edit",
-  selectOne: "Select one",
-  selectMany: "Select many",
-  noResults: "No results",
-  passwordPlaceholderText: "Secret Password",
-  togglePasswordVisibility: "Toggle password visibility",
-  toggleMenu: "Toggle menu",
-  toggleAside: "Toggle aside",
-  mainNavigation: "Main navigation",
-  sidebar: "Sidebar",
-  closeDrawer: "Close drawer",
-  closeModal: "Close modal",
-  confirm: "Confirm",
-  cancel: "Cancel",
-  addLabel: "Add",
-  removeItem: "Remove item",
-  // languages
-  currentLocale: "English",
-  ar: "Arabic",
-  de: "German",
-  en: "English",
-  es: "Spanish",
-  fr: "French",
-  hi: "Hindi",
-  it: "Italian",
-  ja: "Japanese",
-  ko: "Korean",
-  nl: "Dutch",
-  pl: "Polish",
-  pt: "Portuguese",
-  ru: "Russian",
-  tr: "Turkish",
-  vi: "Vietnamese",
-  zh: "Chinese",
-  he: "Hebrew",
-  fa: "Persian",
-  ur: "Urdu",
-  // input
-  emailPlaceholderText: "Enter your email",
-  incrementValue: "Increment value",
-  decrementValue: "Decrement value",
-  // drop zone
-  dropZoneInstructions: (e) => e ? "Click to choose or drag files here, or press Enter or Space to open file selector" : "Drag files here",
-  // size
-  fileSizeUnits: ["Bytes", "KB", "MB", "GB", "TB"],
-  // file input
-  removeFile: "Remove file",
-  clearAllFiles: "Clear all files",
-  // inputs reset
-  clearValue: "Reset",
-  unknownType: "Unknown type",
-  filesInputInstructions: (e, t, s) => {
-    let n = e == null || e > 1 ? "Click to choose or drag files here" : "Click to choose or drag a file here";
-    if (e || t) {
-      const r = [];
-      if (e != null && e > 1 && r.push(`up to ${e} files`), t && s) {
-        const a = ee(t, {
-          units: s
-        });
-        r.push(`max ${a} each`);
-      }
-      r.length > 0 && (n += ` (${r.join(", ")})`);
-    } else if (t && s) {
-      const r = ee(t, {
-        units: s
-      });
-      n += ` (max ${r})`;
-    }
-    return n;
-  }
-}, _e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: ce
-}, Symbol.toStringTag, { value: "Module" })), Ee = ce, Te = "en", Le = (e, t, s) => {
-  const n = e[t];
-  return n ? typeof n == "function" ? n() : Promise.resolve(n) : new Promise((r, a) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(a.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + t + (t.split("/").length !== s ? ". Note that variables only represent file names one level deep." : ""))));
-  });
-}, Me = /* @__PURE__ */ new Set([
-  "ar",
-  // Arabic
-  "he",
-  // Hebrew
-  "fa",
-  // Persian/Farsi
-  "ur",
-  // Urdu
-  "ps",
-  // Pashto
-  "sd",
-  // Sindhi
-  "ku",
-  // Kurdish
-  "dv",
-  // Divehi/Maldivian
-  "yi",
-  // Yiddish
-  "ji",
-  // Yiddish (alternative code)
-  "iw",
-  // Hebrew (deprecated, but still used)
-  "in"
-  // Indonesian (deprecated, but sometimes confused)
-]);
-function ue(e) {
-  if (!e) return "ltr";
-  const t = e.split(/[-_]/)[0].toLowerCase();
-  return Me.has(t) ? "rtl" : "ltr";
-}
-function Pe(e, t) {
-  return e === "auto" ? ue(t) : e;
-}
-function xt(e) {
-  return `b-${e}`;
-}
-function St(e) {
-  return ue(e) === "rtl";
-}
-function Dt(e) {
-  return e === "ltr" ? "rtl" : "ltr";
-}
-const Ve = {
-  ltr: {
-    "inline-start": "left",
-    "inline-end": "right",
-    "block-start": "top",
-    "block-end": "bottom"
-  },
-  rtl: {
-    "inline-start": "right",
-    "inline-end": "left",
-    "block-start": "top",
-    "block-end": "bottom"
-  }
-};
-function It(e, t) {
-  return Ve[t][e];
-}
-const Ae = {
-  mark: ae("Locale"),
-  create: (e) => {
-    const t = X({
-      defaultValue: navigator.language ?? "en-US",
-      key: "beatui-locale"
-    }), s = X({
-      defaultValue: "auto",
-      key: "beatui-direction-preference"
-    }), n = y(
-      t,
-      s
-    )(
-      (a, o) => Pe(o, a)
-    );
-    return {
-      value: {
-        locale: t,
-        setLocale: (a) => t.set(a),
-        direction: n,
-        directionPreference: s,
-        setDirectionPreference: (a) => s.set(a)
-      },
-      dispose: () => {
-        t.dispose(), s.dispose(), n.dispose();
-      }
-    };
-  }
-}, {
-  variants: $e,
-  special: Be,
-  overrides: Y
-} = De;
-function B(e, t) {
-  switch (e) {
-    case "white":
-      return "var(--color-white)";
-    case "black":
-      return "var(--color-black)";
-    case "transparent":
-      return "transparent";
-    default:
-      return Ie(e, t);
-  }
-}
-function de(e, t) {
-  const s = Be[e];
-  if (!s) return;
-  if (t === "light")
-    return s;
-  const n = Y[e];
-  return n ? n[t] : s;
-}
-function j(e, t, s) {
-  const n = Y[e];
-  if (n) {
-    const a = n[s];
-    if (a)
-      return { backgroundColor: a.backgroundColor, textColor: a.color };
-  }
-  if (t === "solid") {
-    const a = de(e, s);
-    if (a)
-      return {
-        backgroundColor: a.backgroundColor,
-        textColor: a.color
-      };
-  }
-  const r = $e[t][s];
-  return {
-    backgroundColor: B(e, r.bgShade),
-    textColor: r.textColor
-  };
-}
-const Oe = {
-  light: { shade: 600, textColor: "var(--color-white)" },
-  dark: { shade: 600, textColor: "var(--text-inverted-dark)" }
-}, je = {
-  light: { shade: 300, textColor: "var(--text-normal-light)" },
-  dark: { shade: 700, textColor: "var(--text-normal-dark)" }
-}, Ne = {
-  light: { shade: 400, textColor: "var(--text-normal-light)" },
-  dark: { shade: 600, textColor: "var(--text-normal-dark)" }
-};
-function A(e, t, s) {
-  const n = Y[e];
-  if (n) {
-    const a = n[s];
-    if (a)
-      return { backgroundColor: a.backgroundColor, textColor: a.color };
-  }
-  if (t === "solid") {
-    const a = de(e, s);
-    if (a)
-      return {
-        backgroundColor: a.backgroundColor,
-        textColor: a.color
-      };
-    const o = Oe[s];
-    return {
-      backgroundColor: B(e, o.shade),
-      textColor: o.textColor
-    };
-  }
-  const r = t === "light" ? je[s] : Ne[s];
-  return {
-    backgroundColor: B(e, r.shade),
-    textColor: r.textColor
-  };
-}
-function se(e, t) {
-  const s = t === "light" ? 500 : 600;
-  switch (e) {
-    case "white":
-      return t === "light" ? "var(--text-inverse-light)" : "var(--text-inverted-dark)";
-    case "black":
-      return "var(--color-black)";
-    case "transparent":
-      return "transparent";
-    default:
-      return B(e, s);
-  }
-}
-function N(e, t) {
-  return e === "white" ? "var(--color-white)" : e === "black" ? "var(--color-black)" : e === "transparent" ? "inherit" : B(e, t === "light" ? 800 : 200);
-}
-function ne(e, t, s) {
-  return t === "soft" ? B(e, s === "light" ? 300 : 700) : B(e, s === "light" ? 500 : 600);
-}
-const Fe = "bui-icons", U = /* @__PURE__ */ new Map(), he = (() => {
-  try {
-    return typeof indexedDB < "u" && indexedDB !== null;
-  } catch {
-    return !1;
-  }
-})();
-function qe() {
-  return he ? new Promise((e, t) => {
-    const s = indexedDB.open(Fe, 1);
-    s.onupgradeneeded = function(n) {
-      const r = n.target.result;
-      r.objectStoreNames.contains("icons") || r.createObjectStore("icons");
-    }, s.onsuccess = function() {
-      e(s.result);
-    }, s.onerror = function() {
-      t(s.error);
-    };
-  }) : Promise.reject(new Error("IndexedDB not available"));
-}
-const z = he ? qe() : null;
-function Re(e, t) {
-  return new Promise(async (s, n) => {
-    try {
-      if (z) {
-        const a = (await z).transaction("icons", "readwrite");
-        a.objectStore("icons").put(t, e), a.oncomplete = s, a.onerror = n;
-      } else
-        U.set(e, t), s(void 0);
-    } catch {
-      U.set(e, t), s(void 0);
-    }
-  });
-}
-function He(e) {
-  return new Promise(async (t, s) => {
-    try {
-      if (z) {
-        const o = (await z).transaction("icons", "readonly").objectStore("icons").get(e);
-        o.onsuccess = function() {
-          t(o.result);
-        }, o.onerror = s;
-      } else
-        t(U.get(e) || null);
-    } catch {
-      t(U.get(e) || null);
-    }
-  });
-}
-async function Ue(e) {
-  const t = `https://api.iconify.design/${e}.svg`;
-  return fetch(t).then((s) => {
-    if (s.status === 200)
-      return s.text();
-    throw new Error(`Failed to load icon: ${e}`);
-  });
-}
-async function ze(e) {
-  const t = e.replace(":", "/"), s = await He(t);
-  if (s)
-    return s;
-  const n = await Ue(t);
-  return await Re(t, n), n;
-}
-function Ge(e) {
-  return ["bc-icon", `bc-icon--${e}`].join(" ");
-}
-function We(e, t = "solid") {
-  if (!e) return "";
-  const s = ne(e, t, "light"), n = ne(e, t, "dark");
-  return `--icon-color: ${s}; --icon-color-dark: ${n}`;
-}
-function O({
-  icon: e,
-  size: t = "md",
-  color: s,
-  title: n,
-  accessibility: r = "auto",
-  tone: a = "solid"
-}, ...o) {
-  const i = y(
-    r,
-    n
-  )((l, d) => l === "decorative" ? !1 : l === "informative" ? !0 : d != null && d !== "");
-  return q(
-    R,
-    (l) => p.span(
-      c.class(
-        y(t, s)((d) => Ge(d ?? "md"))
-      ),
-      c.style(
-        y(
-          s,
-          a
-        )(
-          (d, u) => We(d ?? void 0, u ?? "solid")
-        )
-      ),
-      // Add accessibility attributes based on icon type
-      E(
-        i,
-        () => M(
-          c.role("img"),
-          S.label(Q(n, l.$.iconDescription))
-        ),
-        () => S.hidden(!0)
-      ),
-      Ce(
-        { once: !0 },
-        () => xe({
-          request: e,
-          load: ({ request: d }) => ze(d),
-          convertError: String,
-          success: ({ value: d }) => p.span(
-            H.width("100%"),
-            H.height("100%"),
-            c.innerHTML(d)
-          ),
-          pending: () => p.span(
-            c.class("animate-spin"),
-            // Loading state accessibility
-            E(
-              i,
-              () => M(c.role("img"), S.label(l.$.loadingIcon)),
-              () => S.hidden(!0)
-            ),
-            "↻"
-          ),
-          failure: ({ error: d }) => p.span(
-            c.title(d),
-            c.class("text-red-500"),
-            // Error state accessibility
-            E(
-              i,
-              () => M(c.role("img"), S.label(l.$.failedToLoadIcon)),
-              () => S.hidden(!0)
-            ),
-            "🚫"
-          )
-        })
-      ),
-      ...o
-    )
-  );
-}
-function Ke(e, t, s) {
-  const n = [
-    "bc-button",
-    `bc-button--size-${e}`,
-    `bc-control--padding-${e}`,
-    `bc-control--rounded-${t}`
-  ];
-  return s && n.push("bc-button--loading"), n.join(" ");
-}
-function Je(e, t, s) {
-  const n = /* @__PURE__ */ new Map();
-  n.set("--button-text-shadow", "var(--text-shadow-none)"), n.set("--button-text-shadow-dark", "var(--text-shadow-none)");
-  const r = (a, o, i, l) => {
-    s || (n.set("--button-bg-hover", a), n.set("--button-text-hover", i), n.set("--button-bg-hover-dark", o), n.set("--button-text-hover-dark", l));
-  };
-  switch (e) {
-    case "filled": {
-      const a = j(t, "solid", "light"), o = j(t, "solid", "dark");
-      n.set("--button-bg", a.backgroundColor), n.set("--button-text", a.textColor), n.set("--button-bg-dark", o.backgroundColor), n.set("--button-text-dark", o.textColor), n.set(
-        "--button-text-shadow",
-        "var(--text-shadow-button-filled, var(--text-shadow-sm))"
-      ), n.set(
-        "--button-text-shadow-dark",
-        "var(--text-shadow-button-filled, var(--text-shadow-sm))"
-      );
-      const i = A(t, "solid", "light"), l = A(t, "solid", "dark");
-      r(
-        i.backgroundColor,
-        l.backgroundColor,
-        i.textColor,
-        l.textColor
-      );
-      break;
-    }
-    case "light": {
-      const a = j(t, "light", "light"), o = j(t, "light", "dark");
-      n.set("--button-bg", a.backgroundColor), n.set("--button-text", a.textColor), n.set("--button-bg-dark", o.backgroundColor), n.set("--button-text-dark", o.textColor);
-      const i = A(t, "light", "light"), l = A(t, "light", "dark");
-      r(
-        i.backgroundColor,
-        l.backgroundColor,
-        i.textColor,
-        l.textColor
-      );
-      break;
-    }
-    case "outline": {
-      n.set("--button-bg", "transparent"), n.set("--button-bg-dark", "transparent"), n.set("--button-border", se(t, "light")), n.set("--button-border-dark", se(t, "dark")), n.set("--button-text", N(t, "light")), n.set("--button-text-dark", N(t, "dark")), n.set(
-        "--button-text-shadow",
-        "var(--text-shadow-button-light, var(--text-shadow-xs))"
-      ), n.set(
-        "--button-text-shadow-dark",
-        "var(--text-shadow-button-light, var(--text-shadow-xs))"
-      );
-      const a = A(t, "light", "light"), o = A(t, "light", "dark");
-      r(
-        a.backgroundColor,
-        o.backgroundColor,
-        a.textColor,
-        o.textColor
-      );
-      break;
-    }
-    case "default": {
-      const a = j("neutral", "light", "light"), o = j("neutral", "light", "dark");
-      n.set("--button-bg", a.backgroundColor), n.set("--button-text", N(t, "light")), n.set("--button-bg-dark", o.backgroundColor), n.set("--button-text-dark", N(t, "dark")), n.set(
-        "--button-text-shadow",
-        "var(--text-shadow-button-default, var(--text-shadow-2xs))"
-      ), n.set(
-        "--button-text-shadow-dark",
-        "var(--text-shadow-button-default, var(--text-shadow-2xs))"
-      );
-      const i = A("base", "light", "light"), l = A("base", "light", "dark");
-      r(
-        i.backgroundColor,
-        l.backgroundColor,
-        n.get("--button-text") ?? a.textColor,
-        n.get("--button-text-dark") ?? o.textColor
-      );
-      break;
-    }
-    case "text": {
-      n.set("--button-bg", "transparent"), n.set("--button-bg-dark", "transparent"), n.set("--button-text", N(t, "light")), n.set("--button-text-dark", N(t, "dark")), s || n.set("--button-hover-decoration", "underline");
-      break;
-    }
-  }
-  return Array.from(n.entries()).map(([a, o]) => `${a}: ${o}`).join("; ");
-}
-function Qe({
-  type: e = "button",
-  disabled: t,
-  loading: s,
-  variant: n = "filled",
-  size: r = "md",
-  color: a = "base",
-  roundedness: o = "sm",
-  onClick: i = () => {
-  }
-}, ...l) {
-  const d = I(null);
-  return q(
-    R,
-    (u) => p.button(
-      c.type(e),
-      c.disabled(
-        y(
-          t,
-          s
-        )((h, g) => h || g)
-      ),
-      // Add ARIA attributes for accessibility
-      S.busy(s ?? !1),
-      E(s ?? !1, () => S.label(u.$.loadingExtended)),
-      c.class(
-        y(
-          r,
-          o,
-          s
-        )(
-          (h, g, v) => Ke(h ?? "md", g ?? "sm", v)
-        )
-      ),
-      c.style(
-        y(
-          n,
-          a,
-          t
-        )(
-          (h, g, v) => Je(
-            h ?? "filled",
-            g ?? "base",
-            v
-          )
-        )
-      ),
-      E(
-        s ?? !1,
-        () => M(
-          H.width(
-            d.map((h) => h == null ? "" : `${h.width}px`)
-          ),
-          H.height(
-            d.map((h) => h == null ? "" : `${h.height}px`)
-          ),
-          O({ icon: "line-md:loading-twotone-loop", size: r ?? "md" }),
-          // Hidden live region for screen reader announcements
-          p.span(
-            c.class("sr-only"),
-            S.live("polite"),
-            u.$.loadingExtended
-          )
-        ),
-        () => M(C.click(i), ...l)
-      ),
-      E(
-        s != null,
-        () => Se(
-          (h) => oe(
-            h.on((g) => {
-              D.get(s ?? !1) || d.set(g);
-            })
-          )
-        )
-      )
-    )
-  );
-}
-function Ye({
-  size: e = "sm",
-  icon: t = "line-md:close",
-  disabled: s,
-  roundedness: n = "full",
-  color: r = "base",
-  onClick: a,
-  label: o
-}, ...i) {
-  return q(R, (l) => {
-    const d = Q(o, l.$.closeModal);
-    return Qe(
-      {
-        variant: "text",
-        size: e,
-        roundedness: n,
-        disabled: s,
-        color: r,
-        onClick: a
-      },
-      c.title(d),
-      S.label(d),
-      ...i,
-      O({ icon: t, size: e ?? "sm" })
-    );
-  });
-}
-function Ze(e, t, s) {
-  const n = [
-    e ? "bc-base-input-container" : "bc-input-container"
-  ];
-  return t ? n.push(
-    e ? "bc-base-input-container--disabled" : "bc-input-container--disabled"
-  ) : n.push(
-    e ? "bc-base-input-container--default" : "bc-input-container--default"
-  ), s && n.push("bc-input-container--error"), n.join(" ");
-}
-const W = ({
-  baseContainer: e,
-  disabled: t,
-  input: s,
-  before: n,
-  after: r,
-  hasError: a,
-  focusableSelector: o = "input, select, textarea",
-  growInput: i = !0
-}, ...l) => {
-  const d = D.map(t ?? !1, (u) => u);
-  return p.div(
-    ve((u) => {
-      const h = () => {
-        u.querySelector(o)?.focus();
-      };
-      return u.addEventListener("click", h), oe(() => u.removeEventListener("click", h));
-    }),
-    c.class(
-      y(
-        e,
-        d,
-        a ?? !1
-      )(
-        (u, h, g) => Ze(
-          u ?? !1,
-          h ?? !1,
-          g ?? !1
-        )
-      )
-    ),
-    n != null ? p.span(c.class("bc-input-container__before"), n) : null,
-    p.div(
-      c.class("bc-input-container__input"),
-      c.class(
-        D.map(
-          i,
-          (u) => u ? "bc-input-container__input--grow" : ""
-        )
-      ),
-      s
-    ),
-    r != null ? p.span(c.class("bc-input-container__after"), r) : null,
-    ...l
-  );
-};
-function K(e) {
-  return `bc-label bc-label--${e}`;
-}
-const _t = (...e) => p.span(c.class(K("emphasis")), ...e), Xe = (...e) => p.span(c.class(K("default")), ...e), et = (...e) => p.span(c.class(K("muted")), ...e), Et = (...e) => p.span(c.class(K("danger")), ...e), Tt = (e) => {
-  const {
-    value: t,
-    onBlur: s,
-    onChange: n,
-    placeholder: r,
-    disabled: a,
-    id: o,
-    checkedIcon: i,
-    uncheckedIcon: l,
-    iconSize: d = "lg"
-  } = e, u = o ?? le("checkbox"), h = `${u}-label`, g = () => {
-    if (D.get(a ?? !1)) return;
-    const f = D.get(t);
-    n?.(!f);
-  }, v = (f) => {
-    D.get(a ?? !1) || (f.key === " " || f.key === "Enter") && (f.preventDefault(), g());
-  };
-  return W(
-    {
-      baseContainer: !0,
-      growInput: !1,
-      ...e,
-      input: p.span(
-        c.class("bc-checkbox-input"),
-        p.span(
-          c.class("bc-checkbox-input__checkbox"),
-          c.class(
-            D.map(
-              t,
-              (f) => f ? "bc-checkbox-input__checkbox--checked" : "bc-checkbox-input__checkbox--unchecked"
-            )
-          ),
-          c.class(
-            D.map(
-              a ?? !1,
-              (f) => f ? "bc-checkbox-input__checkbox--disabled" : ""
-            )
-          ),
-          c.id(u),
-          c.role("checkbox"),
-          c.tabindex(
-            D.map(
-              a ?? !1,
-              (f) => f ? -1 : 0
-            )
-          ),
-          S.checked(t),
-          S.disabled(a),
-          r != null ? S.labelledby(h) : w,
-          C.keydown(v),
-          s != null ? C.blur(s) : w,
-          O({
-            icon: y(
-              t,
-              i,
-              l
-            )(
-              (f, b, m) => f ? b ?? "akar-icons/check-box-fill" : m ?? "akar-icons/box"
-            ),
-            accessibility: "decorative",
-            size: d
-          })
-        ),
-        r != null ? p.label(
-          c.class("bc-checkbox-input__label"),
-          c.id(h),
-          c.for(u),
-          et(r)
-        ) : w
-      )
-    },
-    C.click(g)
-  );
-}, Z = ({
-  autocomplete: e,
-  autofocus: t,
-  class: s,
-  disabled: n,
-  name: r,
-  placeholder: a,
-  id: o,
-  required: i,
-  hasError: l
-}) => M(
-  c.autocomplete(e),
-  c.autofocus(t),
-  c.class(s),
-  c.disabled(n),
-  c.name(r ?? o),
-  c.placeholder(a),
-  c.id(o),
-  S.required(i),
-  l != null ? S.invalid(
-    l ?? !1
-  ) : null
-), tt = p.span(
-  c.class("bc-input-wrapper__required"),
-  " *"
-);
-function st(e) {
-  const t = ["bc-input-wrapper"];
-  return e && t.push("bc-input-wrapper--horizontal"), t.join(" ");
-}
-function nt(e, t) {
-  const s = ["bc-input-wrapper__label-text"];
-  return e ? s.push("bc-input-wrapper__label-text--error") : t ? s.push("bc-input-wrapper__label-text--disabled") : s.push("bc-input-wrapper__label-text--default"), s.join(" ");
-}
-const pe = ({
-  required: e,
-  label: t,
-  labelChildren: s,
-  context: n,
-  description: r,
-  content: a,
-  error: o,
-  labelFor: i,
-  hasError: l,
-  disabled: d,
-  horizontal: u
-}, ...h) => {
-  const g = l ?? o != null, v = d ?? !1, f = u ?? !1, b = le("input-wrapper"), m = r ? `${b}-description` : void 0, T = o != null ? `${b}-error` : void 0;
-  return p.div(
-    c.class(
-      D.map(f, (L) => st(L))
-    ),
-    t != null || n != null ? p.div(
-      c.class("bc-input-wrapper__header"),
-      p.div(
-        c.class("bc-input-wrapper__label-section"),
-        p.label(
-          c.class("bc-input-wrapper__label"),
-          i != null ? c.for(i) : w,
-          p.span(
-            c.class(
-              y(
-                g,
-                v
-              )(
-                (L, V) => nt(
-                  L ?? !1,
-                  V ?? !1
-                )
-              )
-            ),
-            t
-          ),
-          t != null && e ? tt : w
-        ),
-        // Show description under label when horizontal
-        E(
-          y(
-            f,
-            r
-          )((L, V) => L && V != null),
-          () => p.div(
-            c.class(
-              "bc-input-wrapper__description bc-input-wrapper__description--under-label"
-            ),
-            c.id(m),
-            r
-          )
-        )
-      ),
-      n != null ? Xe(n) : w,
-      s
-    ) : w,
-    p.div(
-      c.class("bc-input-wrapper__content"),
-      // Add data attributes to help inputs inherit accessibility information
-      [m, T].filter(Boolean).length > 0 ? J.describedby(
-        [m, T].filter(Boolean).join(" ")
-      ) : w,
-      e ? J.required("true") : w,
-      E(g, () => J.invalid("true")),
-      a
-    ),
-    // Show description at bottom only when not horizontal
-    E(
-      y(
-        f,
-        r
-      )((L, V) => !L && V != null),
-      () => p.div(
-        c.class("bc-input-wrapper__description"),
-        c.id(m),
-        r
-      )
-    ),
-    o != null ? E(
-      g,
-      () => p.div(
-        c.class("bc-input-wrapper__error"),
-        c.id(T),
-        S.live("polite"),
-        // Announce errors to screen readers
-        c.role("alert"),
-        // Mark as alert for immediate attention
-        o
-      )
-    ) : null,
-    ...h
-  );
-};
-function Lt(...e) {
-  return p.div(c.class("bc-stack"), ...e);
-}
-const Mt = (e) => {
-  const t = {
-    name: "email",
-    autocomplete: "email",
-    ...e
-  }, {
-    value: s,
-    before: n,
-    onBlur: r,
-    onChange: a,
-    onInput: o,
-    placeholder: i
-  } = t, l = n ?? O({
-    icon: "line-md:email",
-    size: "sm",
-    color: "neutral"
-  });
-  return q(
-    R,
-    (d) => W({
-      ...e,
-      before: l,
-      input: ie.email(
-        Z(t),
-        c.placeholder(Q(i, d.$.emailPlaceholderText)),
-        c.value(s),
-        c.class("bc-input"),
-        r != null ? C.blur(P(r)) : w,
-        a != null ? C.change(P(a)) : w,
-        o != null ? C.input(P(o)) : w
-      )
-    })
-  );
-}, Pt = (e) => {
-  const { value: t, onBlur: s, onChange: n, onInput: r } = e;
-  return W({
-    ...e,
-    input: ie.text(
-      Z(e),
-      c.value(t),
-      c.class("bc-input"),
-      s != null ? C.blur(P(s)) : w,
-      n != null ? C.change(P(n)) : w,
-      r != null ? C.input(P(r)) : w
-    )
-  });
-}, Vt = (e) => {
-  const {
-    value: t,
-    onBlur: s,
-    onChange: n,
-    onInput: r,
-    before: a,
-    after: o,
-    hasError: i,
-    disabled: l,
-    autocomplete: d,
-    placeholder: u,
-    ...h
-  } = e, g = {
-    name: "password",
-    disabled: l,
-    ...h
-  }, v = I(!0), f = y(
-    v,
-    d
-  )((b, m) => b ? m ?? "current-password" : "off");
-  return q(R, (b) => {
-    const m = y(
-      b.$.passwordPlaceholderText,
-      v,
-      u
-    )((L, V, me) => V ? "•••••••••••••••" : me ?? L), T = p.button(
-      c.type("button"),
-      c.class("bc-input-container__password-toggle"),
-      S.label(b.$.togglePasswordVisibility),
-      C.click(() => v.update((L) => !L)),
-      E(
-        v,
-        () => O({ icon: "line-md:watch" }),
-        () => O({ icon: "line-md:watch-off" })
-      )
-    );
-    return W({
-      before: a,
-      disabled: l,
-      hasError: i,
-      input: p.input(
-        Z({
-          ...g,
-          autocomplete: f,
-          placeholder: m
-        }),
-        E(
-          v,
-          () => M(c.type("password")),
-          () => M(c.type("text"))
-        ),
-        c.class("bc-input"),
-        c.value(t),
-        s != null ? C.blur(P(s)) : w,
-        n != null ? C.change(P(n)) : w,
-        r != null ? C.input(P(r)) : w
-      ),
-      after: o != null ? M(T, o) : T
-    });
-  });
-}, rt = (
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  (e, t) => () => {
-    e.markTouched(), t?.();
-  }
-), at = (e, t) => (s) => {
-  e.change(s), t?.(s);
-};
-function fe(e, t) {
-  const { controller: s, onBlur: n, onChange: r, ...a } = t;
-  return e({
-    id: s.name,
-    disabled: s.disabled,
-    value: s.value,
-    hasError: s.errorVisible,
-    ...a,
-    onChange: at(s, r),
-    onBlur: rt(s, n)
-  });
-}
-function At(e, t, ...s) {
-  return pe(
-    {
-      ...t,
-      content: fe(
-        e,
-        t
-      )
-    },
-    ...s
-  );
-}
-function ot(e, t) {
-  const { toInput: s, fromInput: n, controller: r, ...a } = t, o = r.transform(s, n);
-  return fe(e, {
-    ...a,
-    controller: o
-  });
-}
-function $t(e, t, ...s) {
-  return pe(
-    {
-      ...t,
-      content: ot(e, t)
-    },
-    ...s
-  );
-}
-function Bt(e) {
-  return e.split(".").map((s) => {
-    const n = s.match(/^\[(\d+)\]$/);
-    return n ? Number(n[1]) : s;
-  });
-}
-function it(e) {
-  return typeof e == "number" ? `[${e}]` : `.${e}`;
-}
-function lt(e) {
-  if (e.length === 0) return "";
-  const [t, ...s] = e;
-  return [
-    typeof t == "number" ? `[${t}]` : t,
-    ...s.map(it)
-  ].join("");
-}
-function G(e) {
-  return function(s) {
-    if (s.type === "valid") return s;
-    let n = s.error;
-    for (const r of e)
-      if (n = n?.dependencies?.[r], n == null) return _.valid;
-    return _.invalid(n);
-  };
-}
-class $ {
-  path;
-  change;
-  value;
-  status;
-  error;
-  hasError;
-  touched;
-  errorVisible;
-  dirty;
-  dependencyErrors;
-  #e = {
-    disabled: I(!1),
-    touched: I(!1)
-  };
-  #s;
-  #t = I(void 0);
-  parent;
-  disabled;
-  #n = [];
-  disabledOrHasErrors;
-  constructor(t, s, n, r, a, o = F) {
-    this.path = t, this.change = s, this.value = n, this.status = r, this.#s = o, this.#t.set(n.value), this.error = r.map(
-      (i) => i?.type === "invalid" ? i.error?.message : void 0
-    ), this.hasError = this.error.map((i) => i != null), this.touched = this.#e.touched, a.validationMode ? this.errorVisible = y(
-      this.hasError,
-      this.touched,
-      a.validationMode
-    )((i, l, d) => d === "continuous" ? !!i : !!i && !!l) : this.errorVisible = y(
-      this.hasError,
-      this.touched
-    )((i, l) => !!i && !!l), this.dirty = y(
-      this.value,
-      this.#t
-    )((i, l) => !this.#s(i, l)), this.dependencyErrors = r.map(
-      (i) => i?.type === "invalid" ? i.error?.dependencies : void 0
-    ), this.parent = a, this.disabled = y(
-      this.#e.disabled,
-      a.disabled
-    )((i, l) => i || l), this.disabledOrHasErrors = y(
-      this.disabled,
-      this.hasError
-    )((i, l) => i || l), this.onDispose(() => {
-      this.#e.disabled.dispose(), this.#e.touched.dispose(), this.disabled.dispose(), this.error.dispose(), this.errorVisible.dispose(), this.dirty.dispose(), this.#t.dispose(), this.dependencyErrors.dispose(), this.disabledOrHasErrors.dispose();
-    });
-  }
-  get name() {
-    return lt(this.path);
-  }
-  onDispose = (t) => {
-    this.#n.push(t);
-  };
-  dispose = () => {
-    for (const t of this.#n)
-      try {
-        t();
-      } catch (s) {
-        console.error("Error in dispose callback:", s);
-      }
-    this.#n.length = 0;
-  };
-  setDisabled = (t) => {
-    this.#e.disabled.set(t);
-  };
-  disable = () => this.setDisabled(!0);
-  enable = () => this.setDisabled(!1);
-  markTouched = () => {
-    this.#e.touched.set(!0);
-  };
-  resetTouched = () => {
-    this.#e.touched.set(!1);
-  };
-  markPristine = () => {
-    this.#t.set(this.value.value);
-  };
-  reset = () => {
-    this.change(this.#t.value);
-  };
-  array = (t = F) => new ut(
-    this.path,
-    this.change,
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    this.value,
-    this.status,
-    this.parent,
-    t
-  );
-  object = (t = F) => new ct(
-    this.path,
-    this.change,
-    this.value,
-    this.status,
-    this.parent,
-    t
-  );
-  transform = (t, s, n = [], r = F) => new $(
-    [...this.path, ...n],
-    (a) => this.change(s(a)),
-    this.value.map(t, r),
-    this.status.map(G(n)),
-    this.parent,
-    r
-  );
-  asyncTransform = (t, s, n, r = [], a = F) => new $(
-    [...this.path, ...r],
-    (o) => {
-      s(o).then((i) => this.change(i));
-    },
-    this.value.mapAsync(t, n, void 0, a),
-    this.status.map(G(r)),
-    this.parent,
-    a
-  );
-}
-class ct extends $ {
-  #e = /* @__PURE__ */ new Map();
-  #s = /* @__PURE__ */ new Map();
-  #t = /* @__PURE__ */ new Map();
-  #n = I(!1);
-  touchedDeep = this.#n;
-  #a = /* @__PURE__ */ new Map();
-  #r = /* @__PURE__ */ new Map();
-  #i = I(!1);
-  dirtyDeep = this.#i;
-  #c;
-  #u;
-  #l = () => {
-    let t = !1;
-    for (const s of this.#s.values())
-      if (s) {
-        t = !0;
-        break;
-      }
-    this.#n.set(this.touched.value || t);
-  };
-  constructor(t, s, n, r, a, o) {
-    super(
-      t,
-      s,
-      n.map((l) => l ?? {}, o),
-      r,
-      a,
-      o
-    ), this.#c = this.touched.on(() => {
-      this.#l();
-    }), this.#u = this.dirty.on(() => {
-      this.#o();
-    });
-    const i = this.value.on(() => this.#o());
-    this.onDispose(() => {
-      for (const l of this.#e.values())
-        l.dispose();
-      this.#e.clear();
-      for (const l of this.#t.values()) l();
-      this.#t.clear(), this.#s.clear(), this.#n.dispose();
-      for (const l of this.#r.values()) l();
-      this.#r.clear(), this.#a.clear(), this.#i.dispose(), this.#c(), this.#u(), i();
-    });
-  }
-  field = (t) => {
-    if (this.#e.has(t))
-      return this.#e.get(t);
-    const s = async (o) => {
-      this.change({
-        ...this.value.value,
-        [t]: o
-      });
-    }, n = new $(
-      [...this.path, t],
-      s,
-      this.value.map((o) => o[t]),
-      this.status.map(G([t])),
-      {
-        disabled: this.disabled,
-        // propagate validationMode to children if present
-        validationMode: this.parent.validationMode
-      }
-    );
-    this.#e.set(t, n);
-    const r = n.touched.on((o) => {
-      this.#s.set(t, o), this.#l();
-    });
-    this.#t.set(t, r);
-    const a = n.dirty.on((o) => {
-      this.#a.set(t, o), this.#o();
-    });
-    return this.#r.set(t, a), n;
-  };
-  markAllTouched = () => {
-    this.markTouched();
-    const t = this.value.value;
-    for (const s of Object.keys(t))
-      this.field(s).markTouched();
-    for (const s of this.#e.values())
-      s.markTouched();
-  };
-  markAllPristine = () => {
-    this.markPristine();
-    const t = this.value.value;
-    for (const s of Object.keys(t))
-      this.field(s).markPristine?.();
-    for (const s of this.#e.values())
-      s.markPristine?.();
-  };
-  #o = () => {
-    let t = !1;
-    for (const s of this.#a.values())
-      if (s) {
-        t = !0;
-        break;
-      }
-    this.#i.set(this.dirty.value || t);
-  };
-}
-class ut extends $ {
-  #e = new Array();
-  length;
-  #s = /* @__PURE__ */ new Map();
-  #t = /* @__PURE__ */ new Map();
-  #n = I(!1);
-  touchedDeep = this.#n;
-  #a = /* @__PURE__ */ new Map();
-  #r = /* @__PURE__ */ new Map();
-  #i = I(!1);
-  dirtyDeep = this.#i;
-  #c;
-  #u;
-  #l = () => {
-    let t = !1;
-    for (const s of this.#s.values())
-      if (s) {
-        t = !0;
-        break;
-      }
-    this.#n.set(this.touched.value || t);
-  };
-  constructor(t, s, n, r, a, o) {
-    const i = n.map((u) => u ?? [], o);
-    super(t, s, i, r, a, o);
-    const l = i.on((u) => {
-      const h = this.#e.length - u.length;
-      h > 0 && (this.#e.splice(u.length, h).forEach((g, v) => {
-        const f = u.length + v;
-        g.dispose(), this.#t.get(f)?.(), this.#t.delete(f), this.#s.delete(f), this.#r.get(f)?.(), this.#r.delete(f), this.#a.delete(f);
-      }), this.#l(), this.#o());
-    });
-    this.length = i.map((u) => u.length), this.#c = this.touched.on(() => {
-      this.#l();
-    }), this.#u = this.dirty.on(() => {
-      this.#o();
-    });
-    const d = this.value.on(() => this.#o());
-    this.onDispose(() => {
-      for (const u of this.#e)
-        u.dispose();
-      this.length.dispose(), this.#e.length = 0, l(), i.dispose();
-      for (const u of this.#t.values()) u();
-      this.#t.clear(), this.#s.clear(), this.#n.dispose();
-      for (const u of this.#r.values()) u();
-      this.#r.clear(), this.#a.clear(), this.#i.dispose(), this.#c(), this.#u(), d();
-    });
-  }
-  item = (t) => {
-    if (this.#e[t])
-      return this.#e[t];
-    const s = async (o) => {
-      const i = this.value.value.slice();
-      i[t] = o, this.change(i);
-    }, n = new $(
-      [...this.path, t],
-      s,
-      this.value.map((o) => o[t]),
-      this.status.map(G([t])),
-      {
-        disabled: this.disabled,
-        validationMode: this.parent.validationMode
-      }
-    );
-    this.#e[t] = n;
-    const r = n.touched.on((o) => {
-      this.#s.set(t, o), this.#l();
-    });
-    this.#t.set(t, r);
-    const a = n.dirty.on((o) => {
-      this.#a.set(t, o), this.#o();
-    });
-    return this.#r.set(t, a), n;
-  };
-  push = (...t) => {
-    this.change([...this.value.value, ...t]);
-  };
-  pop = () => {
-    this.splice(this.value.value.length - 1, 1);
-  };
-  shift = () => {
-    this.splice(0, 1);
-  };
-  unshift = (...t) => {
-    this.change([...t, ...this.value.value]);
-  };
-  removeAt = (t) => {
-    this.splice(t, 1);
-  };
-  splice = (t, s) => {
-    const n = this.value.value.slice();
-    n.splice(t, s), this.change(n);
-  };
-  move = (t, s, n = 1) => {
-    if (n < 1 || t === s) return;
-    const r = this.value.value.slice(), a = r.splice(t, n);
-    r.splice(s, 0, ...a), this.change(r);
-  };
-  markAllTouched = () => {
-    this.markTouched();
-    const t = this.value.value.length;
-    for (let s = 0; s < t; s++)
-      this.item(s).markTouched();
-  };
-  markAllPristine = () => {
-    this.markPristine();
-    const t = this.value.value.length;
-    for (let s = 0; s < t; s++)
-      this.item(s).markPristine?.();
-  };
-  #o = () => {
-    let t = !1;
-    for (const s of this.#a.values())
-      if (s) {
-        t = !0;
-        break;
-      }
-    this.#i.set(this.dirty.value || t);
-  };
-}
-function dt(e) {
-  function t(s) {
-    return typeof s == "number" ? s : s.toString();
-  }
-  return e.map(
-    (s) => typeof s == "object" && s.key != null ? t(s.key) : t(s)
-  );
-}
-function ht(e) {
-  const t = e.filter((r) => r.path == null || r.path.length === 0).map((r) => r.message), s = e.filter((r) => r.path != null && r.path.length > 0).reduce((r, a) => {
-    const o = dt(a.path), i = o.pop();
-    let l = r;
-    for (const d of o)
-      l.dependencies == null && (l.dependencies = {}), l.dependencies[d] == null && (l.dependencies[d] = {}), l = l.dependencies[d];
-    return l.dependencies == null && (l.dependencies = {}), l.dependencies[i] = { message: a.message }, r;
-  }, {}), n = t.join(`
-`);
-  return {
-    ...s,
-    message: n != "" ? n : void 0
-  };
-}
-function pt({
-  initialValue: e,
-  onChange: t,
-  validate: s,
-  equals: n,
-  validationMode: r,
-  validateDebounceMs: a
-}) {
-  const o = D.deriveProp(e), i = I(_.valid), l = I(!1), d = I(r ?? "touchedOrSubmit"), u = (b) => {
-    i.set(b);
-  };
-  let h;
-  const g = async (b) => {
-    if (s != null) {
-      const m = await s(b);
-      u(m);
-    }
-  }, v = async (b) => {
-    o.set(b), t?.(b);
-    const m = d.value;
-    if (s != null) {
-      if (m === "onSubmit")
-        return;
-      const T = a ?? 0;
-      T > 0 ? (h && clearTimeout(h), h = setTimeout(() => {
-        g(b);
-      }, T)) : await g(b);
-    }
-  }, f = new $(
-    [],
-    v,
-    o,
-    i,
-    {
-      disabled: l,
-      validationMode: d
-    },
-    n ?? F
-  );
-  return f.onDispose(() => {
-    l.dispose(), o.dispose(), i.dispose(), d.dispose(), h && clearTimeout(h);
-  }), { controller: f, setStatus: u };
-}
-function be(e) {
-  return M(c.disabled(e.disabled), c.name(e.name));
-}
-function Ot(e, {
-  triggerOn: t = "change"
-} = {}) {
-  return M(
-    be(e),
-    c.value(e.value),
-    (t === "input" ? C.input : C.change)(P(e.change))
-  );
-}
-function jt(e, {
-  triggerOn: t = "change"
-} = {}) {
-  return M(
-    be(e),
-    c.valueAsNumber(e.value),
-    (t === "input" ? C.input : C.change)(
-      ke(e.change)
-    )
-  );
-}
-function re(e) {
-  return e.issues != null ? _.invalid(ht(e.issues)) : _.valid;
-}
-async function Nt({
-  task: e,
-  errorMessage: t,
-  errorPath: s = ["root"],
-  validation: n
-}) {
-  try {
-    const r = await e();
-    return n != null ? n(r) : _.valid;
-  } catch (r) {
-    const a = t ?? (r instanceof Error ? r.message : "Operation failed");
-    return s.length === 1 && s[0] === "root" ? _.invalid({
-      message: a
-    }) : _.invalid({
-      dependencies: ge(s, a)
-    });
-  }
-}
-function ge(e, t) {
-  if (e.length === 1)
-    return {
-      [e[0]]: { message: t }
-    };
-  const [s, ...n] = e;
-  return {
-    [s]: {
-      dependencies: ge(n, t)
-    }
-  };
-}
-function Ft({
-  initialValue: e = {},
-  schema: t,
-  onSubmit: s = async () => _.valid,
-  validationMode: n,
-  validateDebounceMs: r
-}) {
-  const { controller: a, setStatus: o } = pt({
-    initialValue: e,
-    validationMode: n ?? "touchedOrSubmit",
-    validateDebounceMs: r,
-    validate: (n ?? "touchedOrSubmit") === "onSubmit" ? void 0 : async (u) => re(
-      await t["~standard"].validate(u)
-    )
-  }), i = I(!1), l = a.object();
-  return l.onDispose(i.dispose), {
-    controller: l,
-    setStatus: o,
-    submit: async (u) => {
-      if (i.set(!0), u?.preventDefault(), l.markAllTouched(), (n ?? "touchedOrSubmit") === "onSubmit") {
-        const g = l.value.value, v = re(
-          await t["~standard"].validate(g)
-        );
-        if (o(v), v.type === "invalid") {
-          i.set(!1);
-          return;
-        }
-      }
-      const h = await s(l.value.value);
-      i.set(!1), h.type === "invalid" && o(h);
-    },
-    submitting: i
-  };
-}
-function ft(e) {
-  const t = e.split("-"), s = [e];
-  return t.length > 1 && s.push(t[0]), s;
-}
-function bt({
-  locale: e,
-  defaultLocale: t = "en-US",
-  defaultMessages: s,
-  localeLoader: n
-}) {
-  const r = I(t), a = I(s), o = e.on(async (i) => {
-    if (i === r.value) return;
-    r.set(i);
-    const l = ft(i);
-    for (const d of l)
-      try {
-        const u = await n(d);
-        if (
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          typeof u.default == "object" && Object.keys(u).length === 1
-        ) {
-          console.error(
-            "It appears that you are trying to load a translation module without referencing the default export. Please use `(await import(...)).default` in your loader function."
-          );
-          return;
-        }
-        if (i === r.value) {
-          a.set(u);
-          return;
-        }
-      } catch {
-        continue;
-      }
-    console.warn(`No locale found for "${e.value}", using fallback`), i === r.value && a.set(s);
-  });
-  return {
-    /** Clean up all resources and event listeners */
-    dispose: () => {
-      o(), r.dispose(), a.dispose();
-    },
-    /** Translation functions that return reactive signals */
-    t: a
-  };
-}
-function gt({
-  defaultLocale: e,
-  defaultMessages: t,
-  localeLoader: s,
-  providerName: n = "I18nProvider"
-}) {
-  return {
-    mark: ae(n),
-    create: (r, a) => {
-      const {
-        value: { locale: o }
-      } = a.getProvider(Ae.mark), { t: i, dispose: l } = bt({
-        locale: o,
-        defaultMessages: t,
-        defaultLocale: e,
-        localeLoader: s
-      });
-      return {
-        value: i,
-        dispose: l
-      };
-    }
-  };
-}
-const R = gt({
-  defaultLocale: Te,
-  defaultMessages: Ee,
-  localeLoader: async (e) => (await Le(/* @__PURE__ */ Object.assign({ "./locales/ar.ts": () => import("./ar-Dz8Mg5la.js"), "./locales/de.ts": () => import("./de-ToWTQGEo.js"), "./locales/en.ts": () => Promise.resolve().then(() => _e), "./locales/es.ts": () => import("./es-CruxS0Tz.js"), "./locales/fa.ts": () => import("./fa-Cf0NZLWA.js"), "./locales/fr.ts": () => import("./fr-YKXmqMGr.js"), "./locales/he.ts": () => import("./he-D8ZOduPw.js"), "./locales/hi.ts": () => import("./hi-CIamzVEf.js"), "./locales/it.ts": () => import("./it-Bn7tG_KC.js"), "./locales/ja.ts": () => import("./ja-i1ULXeiu.js"), "./locales/ko.ts": () => import("./ko-BpKDmtvY.js"), "./locales/nl.ts": () => import("./nl-Cs4PDWCJ.js"), "./locales/pl.ts": () => import("./pl-BFLNf991.js"), "./locales/pt.ts": () => import("./pt-BRZeOkcE.js"), "./locales/ru.ts": () => import("./ru-KI7Gowz-.js"), "./locales/tr.ts": () => import("./tr-CYk8Fua5.js"), "./locales/ur.ts": () => import("./ur-BIcZGLWt.js"), "./locales/vi.ts": () => import("./vi-BeK62QeB.js"), "./locales/zh.ts": () => import("./zh-Dt6yWDu2.js") }), `./locales/${e}.ts`, 3)).default,
-  providerName: "BeatUII18n"
-});
-function mt(e) {
-  switch (e) {
-    case "success":
-      return "material-symbols:check-circle-outline";
-    case "warning":
-      return "material-symbols:warning-outline";
-    case "danger":
-      return "material-symbols:error-outline";
-    case "info":
-    default:
-      return "material-symbols:info-outline";
-  }
-}
-function vt(e) {
-  switch (e) {
-    case "success":
-      return "success";
-    case "warning":
-      return "warning";
-    case "danger":
-      return "danger";
-    case "info":
-    default:
-      return "info";
-  }
-}
-function kt(e, t, s, n) {
-  const r = [
-    "bc-notice",
-    `bc-notice--${e}`,
-    `bc-notice--tone-${t}`
-  ];
-  return s && r.push("bc-notice--dismissible"), n && n.length > 0 && r.push(n), r.join(" ");
-}
-function qt({
-  variant: e = "info",
-  tone: t = "subtle",
-  role: s,
-  title: n,
-  icon: r,
-  closable: a = !1,
-  onDismiss: o,
-  class: i
-}, ...l) {
-  const d = D.map(
-    a,
-    (b) => !!b || o != null
-  ), u = D.map(e, (b) => b ?? "info"), h = D.map(t, (b) => b ?? "subtle"), g = y(
-    s,
-    u
-  )(
-    (b, m) => b ?? (m === "danger" ? "alert" : "status")
-  ), v = I(!0), f = q(
-    R,
-    (b) => p.div(
-      c.class(
-        y(
-          u,
-          h,
-          d,
-          i
-        )((m, T, L, V) => kt(m, T, L, V))
-      ),
-      // Accessibility role mapping (always defined)
-      c.role(D.map(g, (m) => m)),
-      ye(
-        D.map(r, (m) => m === !1),
-        () => p.div(
-          c.class("bc-notice__icon"),
-          O({
-            icon: y(
-              r,
-              u
-            )((m, T) => m === void 0 ? mt(T) : String(m)),
-            size: "md",
-            color: D.map(u, vt)
-          })
-        )
-      ),
-      p.div(
-        c.class("bc-notice__body"),
-        we(n, (m) => p.div(c.class("bc-notice__title"), m)),
-        p.div(c.class("bc-notice__content"), ...l)
-      ),
-      E(
-        d,
-        () => Ye({
-          size: "xs",
-          label: b.$.closeModal,
-          onClick: () => {
-            v.set(!1), o?.();
-          }
-        })
-      )
-    )
-  );
-  return E(v, () => f);
-}
-export {
-  jt as $,
-  he as A,
-  R as B,
-  Ye as C,
-  Re as D,
-  Mt as E,
-  He as F,
-  ot as G,
-  Bt as H,
-  O as I,
-  it as J,
-  lt as K,
-  Xe as L,
-  $t as M,
-  qt as N,
-  F as O,
-  Vt as P,
-  ct as Q,
-  ut as R,
-  Lt as S,
-  Pt as T,
-  tt as U,
-  dt as V,
-  ht as W,
-  pt as X,
-  be as Y,
-  Ot as Z,
-  Le as _,
-  Qe as a,
-  re as a0,
-  _t as a1,
-  et as a2,
-  Et as a3,
-  bt as a4,
-  ue as a5,
-  Pe as a6,
-  xt as a7,
-  St as a8,
-  Dt as a9,
-  Ve as aa,
-  It as ab,
-  _ as b,
-  Tt as c,
-  At as d,
-  W as e,
-  ee as f,
-  Z as g,
-  rt as h,
-  at as i,
-  pe as j,
-  Ee as k,
-  Ae as l,
-  gt as m,
-  j as n,
-  se as o,
-  $ as p,
-  G as q,
-  A as r,
-  le as s,
-  Nt as t,
-  Ft as u,
-  fe as v,
-  N as w,
-  Ke as x,
-  Je as y,
-  Te as z
-};