@versini/ui-textinput 1.0.3 → 1.1.1

package/dist/chunks/TextInput.BYNjYpum.js

@@ -0,0 +1,434 @@
+import { jsx as f, jsxs as z } from "react/jsx-runtime";
+import W, { useRef as y, useEffect as _, useCallback as G, useState as S, useMemo as J, useId as K, useReducer as Q, useLayoutEffect as $ } from "react";
+import o from "clsx";
+const L = "av-text-input", ge = "av-text-input-simple", Y = "av-text-input-wrapper", I = "av-text-input-helper-text";
+function Z() {
+  const e = y(!1);
+  return _(() => (e.current = !0, () => {
+    e.current = !1;
+  }), []), G(() => e.current, []);
+}
+const B = {
+  x: 0,
+  y: 0,
+  width: 0,
+  height: 0,
+  top: 0,
+  left: 0,
+  bottom: 0,
+  right: 0
+};
+function ee(e) {
+  const r = Z(), t = y(0), n = y(null), [l, c] = S(B), a = J(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((u) => {
+    const p = u[0];
+    p && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
+      n.current && r() && c(p.contentRect);
+    }));
+  }), [r]);
+  return _(() => (n.current && (a == null || a.observe(n.current, e)), () => {
+    a == null || a.disconnect(), t.current && cancelAnimationFrame(t.current);
+  }), [a, e]), [n, l];
+}
+function te(e) {
+  const r = K();
+  if (!e)
+    return r;
+  if (typeof e == "number" || typeof e == "string")
+    return `${e}${r}`;
+  if (typeof e == "object") {
+    const { id: t, prefix: n = "" } = e;
+    return typeof t == "number" || typeof t == "string" ? `${n}${t}` : `${n}${r}`;
+  }
+}
+const D = "SET_ANNOUNCEMENT", w = "CLEAR_ANNOUNCEMENT", re = {
+  alert: null,
+  alertdialog: null,
+  log: "polite",
+  marquee: null,
+  progressbar: null,
+  status: "polite",
+  timer: "assertive"
+}, ne = (e, r) => {
+  switch (r == null ? void 0 : r.type) {
+    case D:
+      return {
+        ...e,
+        announcement: r.payload
+      };
+    case w:
+      return {
+        ...e,
+        announcement: null
+      };
+    default:
+      return e;
+  }
+}, le = ({
+  onAnnouncementClear: e,
+  dispatch: r
+}) => {
+  r({
+    type: w
+  }), typeof e == "function" && e();
+}, P = ({
+  children: e,
+  clearAnnouncementDelay: r,
+  clearAnnouncementTimeoutRef: t,
+  onAnnouncementClear: n,
+  dispatch: l
+}) => {
+  (t == null ? void 0 : t.current) !== null && clearTimeout(t.current), e !== null && l({
+    type: D,
+    payload: e
+  }), r && (t.current = setTimeout(
+    () => le({
+      onAnnouncementClear: n,
+      dispatch: l
+    }),
+    r
+  ));
+}, ae = ({
+  children: e,
+  announcementTimeoutRef: r,
+  announcementDelay: t,
+  clearAnnouncementDelay: n,
+  clearAnnouncementTimeoutRef: l,
+  onAnnouncementClear: c,
+  dispatch: a
+}) => {
+  clearTimeout(r.current), t ? r.current = setTimeout(P, t, {
+    children: e,
+    clearAnnouncementDelay: n,
+    clearAnnouncementTimeoutRef: l,
+    onAnnouncementClear: c,
+    dispatch: a
+  }) : P({
+    children: e,
+    clearAnnouncementDelay: n,
+    clearAnnouncementTimeoutRef: l,
+    onAnnouncementClear: c,
+    dispatch: a
+  });
+};
+function ce({
+  children: e,
+  className: r,
+  politeness: t,
+  role: n = null,
+  announcementDelay: l,
+  clearAnnouncementDelay: c,
+  onAnnouncementClear: a,
+  visible: u,
+  ...p
+}) {
+  const m = y(), x = y(), [s, g] = Q(ne, {
+    announcement: null
+  });
+  let d = t;
+  typeof d > "u" && (d = n ? re[n] : "assertive"), _(() => {
+    ae({
+      announcementTimeoutRef: m,
+      announcementDelay: l,
+      children: e,
+      clearAnnouncementDelay: c,
+      clearAnnouncementTimeoutRef: x,
+      onAnnouncementClear: a,
+      dispatch: g
+    });
+  }, [
+    e,
+    l,
+    c,
+    a
+  ]);
+  const i = o(r, {
+    "sr-only": !u
+  });
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      "aria-live": d,
+      ...n && { role: n },
+      className: i,
+      ...p,
+      children: s.announcement
+    }
+  );
+}
+const oe = (e) => {
+  let r = "";
+  if (typeof e == "number" || typeof e == "string")
+    r = "m-" + e;
+  else {
+    const t = [];
+    (e == null ? void 0 : e.t) !== void 0 && t.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && t.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && t.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && t.push(`ml-${e.l}`), r = t.join(" ");
+  }
+  return r;
+};
+/*!
+  @versini/ui-private v1.4.15
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_PRIVATE__ || (window.__VERSINI_UI_PRIVATE__ = {
+    version: "1.4.15",
+    buildTime: "09/26/2024 10:27 PM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const se = ({
+  mode: e
+}) => o({
+  "bg-surface-darker text-copy-lighter caret-copy-light": e === "dark",
+  "bg-surface-lighter text-copy-dark caret-copy-dark": e === "light",
+  "bg-surface-lighter text-copy-dark caret-copy-dark dark:bg-surface-darker dark:text-copy-lighter dark:caret-copy-light": e === "system",
+  "bg-surface-darker text-copy-lighter caret-copy-light dark:bg-surface-lighter dark:text-copy-dark dark:caret-copy-dark": e === "alt-system"
+}), ue = ({
+  focusMode: e
+}) => o("focus:outline focus:outline-2 focus:outline-offset-2", {
+  "focus:outline-focus-dark": e === "dark",
+  "focus:outline-focus-light": e === "light",
+  "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
+  "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
+}), ie = ({
+  noBorder: e,
+  error: r
+}) => o("border-2", {
+  "border-border-dark": !e && !r,
+  "focus:border-border-dark": !e && r,
+  "border-border-error-dark": !e && r,
+  "border-transparent": e
+}), pe = ({
+  disabled: e,
+  raw: r,
+  error: t,
+  mode: n
+}) => {
+  if (r)
+    return "";
+  if (e)
+    return o("absolute px-2 cursor-not-allowed opacity-50 font-medium");
+  if (!t)
+    return o("absolute px-2 cursor-text font-medium", {
+      "text-copy-lighter": n === "dark",
+      "text-copy-dark": n === "light",
+      "text-copy-dark dark:text-copy-lighter": n === "system",
+      "text-copy-lighter dark:text-copy-dark": n === "alt-system"
+    });
+  if (t)
+    return o("absolute px-2 cursor-text font-medium", {
+      "text-copy-lighter": n === "dark",
+      "text-copy-error-dark": n === "light",
+      "text-copy-error-dark dark:text-copy-error-light dark:bg-surface-darker": n === "system",
+      "text-copy-lighter dark:text-copy-error-dark": n === "alt-system"
+    });
+}, de = ({
+  error: e,
+  raw: r,
+  mode: t,
+  disabled: n
+}) => {
+  if (r)
+    return "";
+  if (n)
+    return o(
+      I,
+      "absolute px-2 cursor-not-allowed opacity-50 font-medium"
+    );
+  if (!e)
+    return o(I, "absolute px-2 font-medium", {
+      "text-copy-lighter": t === "dark",
+      "text-copy-dark": t === "light",
+      "text-copy-dark dark:text-copy-lighter": t === "system",
+      "text-copy-lighter dark:text-copy-dark": t === "alt-system"
+    });
+  if (e)
+    return o(I, "absolute px-2 font-medium", {
+      "text-copy-error-light bg-surface-darker": t === "dark",
+      "text-copy-error-dark": t === "light",
+      "text-copy-error-dark dark:text-copy-error-light dark:bg-surface-darker": t === "system",
+      "dark:text-copy-error-dark text-copy-error-light bg-surface-darker": t === "alt-system"
+    });
+}, fe = ({
+  className: e,
+  inputClassName: r,
+  raw: t,
+  disabled: n,
+  noBorder: l,
+  error: c,
+  spacing: a,
+  mode: u,
+  focusMode: p,
+  size: m
+}) => {
+  const x = t ? e : o(
+    "relative flex w-full flex-col justify-center",
+    Y,
+    e,
+    oe(a)
+  );
+  let s = "";
+  switch (m) {
+    case "xs":
+      s = "h-8";
+      break;
+    case "sm":
+      s = "h-10";
+      break;
+    case "lg":
+      s = "h-14";
+      break;
+    case "xl":
+      s = "h-16";
+      break;
+    default:
+      s = "h-12";
+      break;
+  }
+  const g = t ? o(r) : o(
+    L,
+    r,
+    s,
+    "rounded-md text-base px-4",
+    se({ mode: u }),
+    ue({ focusMode: p }),
+    ie({ noBorder: l, error: c }),
+    {
+      "disabled:cursor-not-allowed disabled:opacity-50": n
+    }
+  ), d = t ? void 0 : "sr-only", i = pe({
+    disabled: n,
+    raw: t,
+    error: c,
+    mode: u
+  }), b = de({
+    error: c,
+    raw: t,
+    mode: u,
+    disabled: n
+  });
+  return {
+    wrapper: x,
+    input: g,
+    accessibleLabel: d,
+    visibleLabel: i,
+    helperText: b,
+    rightElement: t ? void 0 : "absolute right-3"
+  };
+}, ye = W.forwardRef(
+  ({
+    id: e,
+    name: r,
+    label: t,
+    error: n = !1,
+    raw: l = !1,
+    className: c,
+    inputClassName: a,
+    mode: u = "system",
+    focusMode: p = "system",
+    disabled: m = !1,
+    noBorder: x = !1,
+    labelId: s,
+    labelHidden: g = !1,
+    type: d = "text",
+    helperText: i = "",
+    rightElement: b,
+    spacing: C,
+    size: E = "md",
+    ...M
+  }, U) => {
+    const [j, T] = ee(), [F, O] = S(0), k = te({ id: e, prefix: `${L}-` }), X = `${r} error, ${i}`, v = y(null), A = y(null), V = {
+      xs: { label: "-25px", helperText: "30px" },
+      sm: { label: "-29px", helperText: "34px" },
+      md: { label: "-33px", helperText: "38px" },
+      lg: { label: "-15px", helperText: "22px" },
+      xl: { label: "-19px", helperText: "25px" }
+    }, h = fe({
+      className: c,
+      inputClassName: a,
+      error: n,
+      raw: l,
+      focusMode: p,
+      disabled: m,
+      noBorder: x,
+      spacing: C,
+      mode: u,
+      size: E
+    });
+    return $(() => {
+      T && T.width && O(T.width + 18 + 10);
+    }, [T]), $(() => {
+      var R, N;
+      const { label: q, helperText: H } = V[E];
+      (R = v == null ? void 0 : v.current) == null || R.style.setProperty("--av-text-input-label", q), (N = A == null ? void 0 : A.current) == null || N.style.setProperty(
+        "--av-text-input-helper-text",
+        H
+      );
+    }, [E]), /* @__PURE__ */ z("div", { className: h.wrapper, children: [
+      /* @__PURE__ */ f(
+        "label",
+        {
+          htmlFor: k,
+          id: s,
+          className: h.accessibleLabel,
+          children: t
+        }
+      ),
+      /* @__PURE__ */ f(
+        "input",
+        {
+          ref: U,
+          id: k,
+          name: r,
+          type: d,
+          disabled: m,
+          placeholder: l ? void 0 : " ",
+          className: h.input,
+          ...i && { "aria-describedby": `${k}-helper` },
+          ...n && { "aria-invalid": "true" },
+          ...b && !l && { style: { paddingRight: F } },
+          ...M
+        }
+      ),
+      !l && !g && /* @__PURE__ */ f(
+        "label",
+        {
+          ref: v,
+          "aria-hidden": !0,
+          htmlFor: k,
+          className: h.visibleLabel,
+          children: t
+        }
+      ),
+      i && /* @__PURE__ */ f(
+        "div",
+        {
+          ref: A,
+          id: `${k}-helper`,
+          className: h.helperText,
+          children: i
+        }
+      ),
+      b && /* @__PURE__ */ f(
+        "div",
+        {
+          ref: j,
+          className: h.rightElement,
+          children: b
+        }
+      ),
+      n && i && /* @__PURE__ */ f(ce, { politeness: "polite", clearAnnouncementDelay: 500, children: X })
+    ] });
+  }
+);
+ye.displayName = "TextInput";
+export {
+  L as TEXT_INPUT_CLASSNAME,
+  I as TEXT_INPUT_HELPER_TEXT_CLASSNAME,
+  ge as TEXT_INPUT_SIMPLE_CLASSNAME,
+  Y as TEXT_INPUT_WRAPPER_CLASSNAME,
+  ye as TextInput,
+  ce as j
+};

package/dist/components/TextInput/TextInput.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { TextInput as m } from "../../chunks/TextInput.Cbhy-Hea.js";
+import { TextInput as m } from "../../chunks/TextInput.BYNjYpum.js";
 import "react";
 export {
   m as TextInput

package/dist/components/TextInput/TextInputMask.js

@@ -1,4 +1,4 @@
-import { TextInput as H, j as L } from "../../chunks/TextInput.Cbhy-Hea.js";
+import { TextInput as H, j as L } from "../../chunks/TextInput.BYNjYpum.js";
 import { jsxs as j, Fragment as B, jsx as w } from "react/jsx-runtime";
 import A, { useMemo as b, useState as _, useRef as m, useEffect as $ } from "react";
 function q(r) {

package/dist/index.d.ts

@@ -6,6 +6,8 @@ declare const TEXT_INPUT_SIMPLE_CLASSNAME = "av-text-input-simple";
 declare const TEXT_INPUT_WRAPPER_CLASSNAME = "av-text-input-wrapper";
 declare const TEXT_INPUT_HELPER_TEXT_CLASSNAME = "av-text-input-helper-text";
 
+type Size = "xs" | "sm" | "md" | "lg" | "xl";
+
 declare const TextInput: React.ForwardRefExoticComponent<{
     rightElement?: React.ReactElement;
 } & {
@@ -20,7 +22,8 @@ declare const TextInput: React.ForwardRefExoticComponent<{
     mode?: "dark" | "light" | "system" | "alt-system";
     noBorder?: boolean;
     raw?: boolean;
-} & _versini_ui_private_dist_utilities.SpacingProps & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
+    size?: Size;
+} & _versini_ui_private_dist_utilities.SpacingProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & React.RefAttributes<HTMLInputElement>>;
 
 declare const TextInputMask: React.ForwardRefExoticComponent<{
     rightElement: React.ReactElement;
@@ -38,6 +41,7 @@ declare const TextInputMask: React.ForwardRefExoticComponent<{
     mode?: "dark" | "light" | "system" | "alt-system";
     noBorder?: boolean;
     raw?: boolean;
-} & _versini_ui_private_dist_utilities.SpacingProps & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
+    size?: Size;
+} & _versini_ui_private_dist_utilities.SpacingProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & React.RefAttributes<HTMLInputElement>>;
 
 export { TEXT_INPUT_CLASSNAME, TEXT_INPUT_HELPER_TEXT_CLASSNAME, TEXT_INPUT_SIMPLE_CLASSNAME, TEXT_INPUT_WRAPPER_CLASSNAME, TextInput, TextInputMask };

package/dist/index.js

@@ -1,13 +1,13 @@
-import { TEXT_INPUT_CLASSNAME as I, TEXT_INPUT_HELPER_TEXT_CLASSNAME as e, TEXT_INPUT_SIMPLE_CLASSNAME as o, TEXT_INPUT_WRAPPER_CLASSNAME as t, TextInput as N } from "./chunks/TextInput.Cbhy-Hea.js";
+import { TEXT_INPUT_CLASSNAME as I, TEXT_INPUT_HELPER_TEXT_CLASSNAME as e, TEXT_INPUT_SIMPLE_CLASSNAME as o, TEXT_INPUT_WRAPPER_CLASSNAME as t, TextInput as N } from "./chunks/TextInput.BYNjYpum.js";
 import { TextInputMask as P } from "./components/TextInput/TextInputMask.js";
 /*!
-  @versini/ui-textinput v1.0.3
+  @versini/ui-textinput v1.1.1
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_TEXTINPUT__ || (window.__VERSINI_UI_TEXTINPUT__ = {
-    version: "1.0.3",
-    buildTime: "09/24/2024 07:45 PM EDT",
+    version: "1.1.1",
+    buildTime: "09/26/2024 10:27 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });

package/dist/style.css

@@ -1 +1 @@
-*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-ms-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.av-text-input-wrapper label[aria-hidden=true]{transform:translate(12px) scale(1);transform-origin:top left;transition:var(--av-text-input-wrapper-transition, all .2s ease-out)}.av-text-input:focus+label[aria-hidden=true],.av-text-input:not(:placeholder-shown)+label[aria-hidden=true]{transform:translate(12px,var(--av-text-input-label, -37px)) scale(.75)}.av-text-input-helper-text{transform:translate(12px,var(--av-text-input-helper-text, 44px)) scale(.75);transform-origin:top left}@keyframes blink{50%{fill:transparent}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.right-3{right:.75rem}.m-0{margin:0}.m-1{margin:.25rem}.m-10{margin:2.5rem}.m-11{margin:2.75rem}.m-12{margin:3rem}.m-14{margin:3.5rem}.m-16{margin:4rem}.m-2{margin:.5rem}.m-20{margin:5rem}.m-24{margin:6rem}.m-28{margin:7rem}.m-3{margin:.75rem}.m-32{margin:8rem}.m-36{margin:9rem}.m-4{margin:1rem}.m-44{margin:11rem}.m-48{margin:12rem}.m-5{margin:1.25rem}.m-52{margin:13rem}.m-56{margin:14rem}.m-6{margin:1.5rem}.m-60{margin:15rem}.m-64{margin:16rem}.m-7{margin:1.75rem}.m-72{margin:18rem}.m-8{margin:2rem}.m-80{margin:20rem}.m-9{margin:2.25rem}.m-96{margin:24rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-11{margin-bottom:2.75rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-24{margin-bottom:6rem}.mb-28{margin-bottom:7rem}.mb-3{margin-bottom:.75rem}.mb-32{margin-bottom:8rem}.mb-36{margin-bottom:9rem}.mb-4{margin-bottom:1rem}.mb-44{margin-bottom:11rem}.mb-48{margin-bottom:12rem}.mb-5{margin-bottom:1.25rem}.mb-52{margin-bottom:13rem}.mb-56{margin-bottom:14rem}.mb-6{margin-bottom:1.5rem}.mb-60{margin-bottom:15rem}.mb-64{margin-bottom:16rem}.mb-7{margin-bottom:1.75rem}.mb-72{margin-bottom:18rem}.mb-8{margin-bottom:2rem}.mb-80{margin-bottom:20rem}.mb-9{margin-bottom:2.25rem}.mb-96{margin-bottom:24rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-10{margin-left:2.5rem}.ml-11{margin-left:2.75rem}.ml-12{margin-left:3rem}.ml-14{margin-left:3.5rem}.ml-16{margin-left:4rem}.ml-2{margin-left:.5rem}.ml-20{margin-left:5rem}.ml-24{margin-left:6rem}.ml-28{margin-left:7rem}.ml-3{margin-left:.75rem}.ml-32{margin-left:8rem}.ml-36{margin-left:9rem}.ml-4{margin-left:1rem}.ml-44{margin-left:11rem}.ml-48{margin-left:12rem}.ml-5{margin-left:1.25rem}.ml-52{margin-left:13rem}.ml-56{margin-left:14rem}.ml-6{margin-left:1.5rem}.ml-60{margin-left:15rem}.ml-64{margin-left:16rem}.ml-7{margin-left:1.75rem}.ml-72{margin-left:18rem}.ml-8{margin-left:2rem}.ml-80{margin-left:20rem}.ml-9{margin-left:2.25rem}.ml-96{margin-left:24rem}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-10{margin-right:2.5rem}.mr-11{margin-right:2.75rem}.mr-12{margin-right:3rem}.mr-14{margin-right:3.5rem}.mr-16{margin-right:4rem}.mr-2{margin-right:.5rem}.mr-20{margin-right:5rem}.mr-24{margin-right:6rem}.mr-28{margin-right:7rem}.mr-3{margin-right:.75rem}.mr-32{margin-right:8rem}.mr-36{margin-right:9rem}.mr-4{margin-right:1rem}.mr-44{margin-right:11rem}.mr-48{margin-right:12rem}.mr-5{margin-right:1.25rem}.mr-52{margin-right:13rem}.mr-56{margin-right:14rem}.mr-6{margin-right:1.5rem}.mr-60{margin-right:15rem}.mr-64{margin-right:16rem}.mr-7{margin-right:1.75rem}.mr-72{margin-right:18rem}.mr-8{margin-right:2rem}.mr-80{margin-right:20rem}.mr-9{margin-right:2.25rem}.mr-96{margin-right:24rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-11{margin-top:2.75rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.mt-28{margin-top:7rem}.mt-3{margin-top:.75rem}.mt-32{margin-top:8rem}.mt-36{margin-top:9rem}.mt-4{margin-top:1rem}.mt-44{margin-top:11rem}.mt-48{margin-top:12rem}.mt-5{margin-top:1.25rem}.mt-52{margin-top:13rem}.mt-56{margin-top:14rem}.mt-6{margin-top:1.5rem}.mt-60{margin-top:15rem}.mt-64{margin-top:16rem}.mt-7{margin-top:1.75rem}.mt-72{margin-top:18rem}.mt-8{margin-top:2rem}.mt-80{margin-top:20rem}.mt-9{margin-top:2.25rem}.mt-96{margin-top:24rem}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.h-12{height:3rem}.h-6{height:1.5rem}.h-8{height:2rem}.max-h-12{max-height:3rem}.max-h-8{max-height:2rem}.max-h-9{max-height:2.25rem}.w-12{width:3rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.basis-11\/12{flex-basis:91.666667%}.basis-4{flex-basis:1rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-text{cursor:text}.flex-col{flex-direction:column}.place-items-center{place-items:center}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-border-accent{--tw-border-opacity: 1;border-color:var(--av-border-accent, rgb(169 185 173 / var(--tw-border-opacity)))}.border-border-danger-dark{--tw-border-opacity: 1;border-color:var(--av-border-danger-dark, rgb(127 29 29 / var(--tw-border-opacity)))}.border-border-danger-medium{--tw-border-opacity: 1;border-color:var(--av-border-danger-medium, rgb(248 113 113 / var(--tw-border-opacity)))}.border-border-dark{--tw-border-opacity: 1;border-color:var(--av-border-dark, rgb(15 23 42 / var(--tw-border-opacity)))}.border-border-error-dark{--tw-border-opacity: 1;border-color:var(--av-border-error-dark, rgb(185 28 28 / var(--tw-border-opacity)))}.border-table-dark{--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity)))}.border-table-light{--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity)))}.border-transparent{border-color:transparent}.bg-action-danger-dark{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark, rgb(127 29 29 / var(--tw-bg-opacity)))}.bg-action-danger-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity)))}.bg-action-danger-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity)))}.bg-action-danger-light{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light, rgb(220 38 38 / var(--tw-bg-opacity)))}.bg-action-danger-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity)))}.bg-action-danger-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity)))}.bg-action-dark{--tw-bg-opacity: 1;background-color:var(--av-action-dark, rgb(15 23 42 / var(--tw-bg-opacity)))}.bg-action-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity)))}.bg-action-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity)))}.bg-action-light{--tw-bg-opacity: 1;background-color:var(--av-action-light, rgb(100 116 139 / var(--tw-bg-opacity)))}.bg-action-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity)))}.bg-action-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity)))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-surface-darker{--tw-bg-opacity: 1;background-color:var(--av-surface-darker, rgb(15 23 42 / var(--tw-bg-opacity)))}.bg-surface-lighter{--tw-bg-opacity: 1;background-color:var(--av-surface-lighter, rgb(226 232 240 / var(--tw-bg-opacity)))}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pr-2{padding-right:.5rem}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.text-copy-accent-dark{--tw-text-opacity: 1;color:var(--av-copy-accent-dark, rgb(205 232 212 / var(--tw-text-opacity)))}.text-copy-dark{--tw-text-opacity: 1;color:var(--av-copy-dark, rgb(15 23 42 / var(--tw-text-opacity)))}.text-copy-error-dark{--tw-text-opacity: 1;color:var(--av-copy-error-dark, rgb(185 28 28 / var(--tw-text-opacity)))}.text-copy-error-light{--tw-text-opacity: 1;color:var(--av-copy-error-light, rgb(239 68 68 / var(--tw-text-opacity)))}.text-copy-light{--tw-text-opacity: 1;color:var(--av-copy-light, rgb(226 232 240 / var(--tw-text-opacity)))}.text-copy-lighter{--tw-text-opacity: 1;color:var(--av-copy-lighter, rgb(255 255 255 / var(--tw-text-opacity)))}.caret-copy-dark{caret-color:var(--av-copy-dark, rgb(15 23 42 / 1))}.caret-copy-light{caret-color:var(--av-copy-light, rgb(226 232 240 / 1))}.opacity-50{opacity:.5}.outline-focus-dark{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.outline-focus-light{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}.after\:left-0:after{content:var(--tw-content);left:0}.after\:right-0:after{content:var(--tw-content);right:0}.after\:border-b-2:after{content:var(--tw-content);border-bottom-width:2px}.after\:border-table-dark:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity)))}.after\:border-table-light:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity)))}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.focus-within\:static:focus-within{position:static}.focus-within\:after\:border-transparent:focus-within:after{content:var(--tw-content);border-color:transparent}.hover\:bg-action-danger-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity)))}.hover\:bg-action-danger-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity)))}.hover\:bg-action-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity)))}.hover\:bg-action-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity)))}.hover\:text-copy-light-hover:hover{--tw-text-opacity: 1;color:var(--av-copy-light-hover, rgb(226 232 240 / var(--tw-text-opacity)))}.focus\:border-border-dark:focus{--tw-border-opacity: 1;border-color:var(--av-border-dark, rgb(15 23 42 / var(--tw-border-opacity)))}.focus\:outline:focus{outline-style:solid}.focus\:outline-2:focus{outline-width:2px}.focus\:outline-offset-2:focus{outline-offset:2px}.focus\:outline-focus-dark:focus{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.focus\:outline-focus-light:focus{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.active\:bg-action-danger-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity)))}.active\:bg-action-danger-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity)))}.active\:bg-action-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity)))}.active\:bg-action-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity)))}.active\:text-copy-light-active:active{--tw-text-opacity: 1;color:var(--av-copy-light-active, rgb(148 163 184 / var(--tw-text-opacity)))}.active\:text-copy-lighter-active:active{--tw-text-opacity: 1;color:var(--av-copy-lighter-active, rgb(255 255 255 / var(--tw-text-opacity)))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\:bg-black\/\[\.8\]{background-color:#000c}}@media (prefers-color-scheme: dark){.dark\:border-border-accent{--tw-border-opacity: 1;border-color:var(--av-border-accent, rgb(169 185 173 / var(--tw-border-opacity)))}.dark\:border-border-danger-dark{--tw-border-opacity: 1;border-color:var(--av-border-danger-dark, rgb(127 29 29 / var(--tw-border-opacity)))}.dark\:border-border-danger-medium{--tw-border-opacity: 1;border-color:var(--av-border-danger-medium, rgb(248 113 113 / var(--tw-border-opacity)))}.dark\:border-border-dark{--tw-border-opacity: 1;border-color:var(--av-border-dark, rgb(15 23 42 / var(--tw-border-opacity)))}.dark\:bg-action-danger-dark{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark, rgb(127 29 29 / var(--tw-bg-opacity)))}.dark\:bg-action-danger-light{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light, rgb(220 38 38 / var(--tw-bg-opacity)))}.dark\:bg-action-dark{--tw-bg-opacity: 1;background-color:var(--av-action-dark, rgb(15 23 42 / var(--tw-bg-opacity)))}.dark\:bg-action-light{--tw-bg-opacity: 1;background-color:var(--av-action-light, rgb(100 116 139 / var(--tw-bg-opacity)))}.dark\:bg-surface-darker{--tw-bg-opacity: 1;background-color:var(--av-surface-darker, rgb(15 23 42 / var(--tw-bg-opacity)))}.dark\:bg-surface-lighter{--tw-bg-opacity: 1;background-color:var(--av-surface-lighter, rgb(226 232 240 / var(--tw-bg-opacity)))}.dark\:text-copy-accent-dark{--tw-text-opacity: 1;color:var(--av-copy-accent-dark, rgb(205 232 212 / var(--tw-text-opacity)))}.dark\:text-copy-dark{--tw-text-opacity: 1;color:var(--av-copy-dark, rgb(15 23 42 / var(--tw-text-opacity)))}.dark\:text-copy-error-dark{--tw-text-opacity: 1;color:var(--av-copy-error-dark, rgb(185 28 28 / var(--tw-text-opacity)))}.dark\:text-copy-error-light{--tw-text-opacity: 1;color:var(--av-copy-error-light, rgb(239 68 68 / var(--tw-text-opacity)))}.dark\:text-copy-light{--tw-text-opacity: 1;color:var(--av-copy-light, rgb(226 232 240 / var(--tw-text-opacity)))}.dark\:text-copy-lighter{--tw-text-opacity: 1;color:var(--av-copy-lighter, rgb(255 255 255 / var(--tw-text-opacity)))}.dark\:caret-copy-dark{caret-color:var(--av-copy-dark, rgb(15 23 42 / 1))}.dark\:caret-copy-light{caret-color:var(--av-copy-light, rgb(226 232 240 / 1))}.dark\:after\:border-table-dark:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity)))}.dark\:after\:border-table-light:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity)))}.dark\:hover\:bg-action-danger-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity)))}.dark\:hover\:bg-action-danger-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity)))}.dark\:hover\:bg-action-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity)))}.dark\:hover\:bg-action-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity)))}.dark\:focus\:outline-focus-dark:focus{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.dark\:focus\:outline-focus-light:focus{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.dark\:active\:bg-action-danger-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity)))}.dark\:active\:bg-action-danger-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity)))}.dark\:active\:bg-action-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity)))}.dark\:active\:bg-action-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity)))}}
+*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-ms-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.av-text-input-wrapper label[aria-hidden=true]{transform:translate(12px) scale(1);transform-origin:top left;transition:var(--av-text-input-wrapper-transition, all .2s ease-out)}.av-text-input:focus+label[aria-hidden=true],.av-text-input:not(:placeholder-shown)+label[aria-hidden=true]{transform:translate(12px,var(--av-text-input-label, -33px)) scale(.75)}.av-text-input-helper-text{transform:translate(12px,var(--av-text-input-helper-text, 38px)) scale(.75);transform-origin:top left}@keyframes blink{50%{fill:transparent}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.right-3{right:.75rem}.m-0{margin:0}.m-1{margin:.25rem}.m-10{margin:2.5rem}.m-11{margin:2.75rem}.m-12{margin:3rem}.m-14{margin:3.5rem}.m-16{margin:4rem}.m-2{margin:.5rem}.m-20{margin:5rem}.m-24{margin:6rem}.m-28{margin:7rem}.m-3{margin:.75rem}.m-32{margin:8rem}.m-36{margin:9rem}.m-4{margin:1rem}.m-44{margin:11rem}.m-48{margin:12rem}.m-5{margin:1.25rem}.m-52{margin:13rem}.m-56{margin:14rem}.m-6{margin:1.5rem}.m-60{margin:15rem}.m-64{margin:16rem}.m-7{margin:1.75rem}.m-72{margin:18rem}.m-8{margin:2rem}.m-80{margin:20rem}.m-9{margin:2.25rem}.m-96{margin:24rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-11{margin-bottom:2.75rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-24{margin-bottom:6rem}.mb-28{margin-bottom:7rem}.mb-3{margin-bottom:.75rem}.mb-32{margin-bottom:8rem}.mb-36{margin-bottom:9rem}.mb-4{margin-bottom:1rem}.mb-44{margin-bottom:11rem}.mb-48{margin-bottom:12rem}.mb-5{margin-bottom:1.25rem}.mb-52{margin-bottom:13rem}.mb-56{margin-bottom:14rem}.mb-6{margin-bottom:1.5rem}.mb-60{margin-bottom:15rem}.mb-64{margin-bottom:16rem}.mb-7{margin-bottom:1.75rem}.mb-72{margin-bottom:18rem}.mb-8{margin-bottom:2rem}.mb-80{margin-bottom:20rem}.mb-9{margin-bottom:2.25rem}.mb-96{margin-bottom:24rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-10{margin-left:2.5rem}.ml-11{margin-left:2.75rem}.ml-12{margin-left:3rem}.ml-14{margin-left:3.5rem}.ml-16{margin-left:4rem}.ml-2{margin-left:.5rem}.ml-20{margin-left:5rem}.ml-24{margin-left:6rem}.ml-28{margin-left:7rem}.ml-3{margin-left:.75rem}.ml-32{margin-left:8rem}.ml-36{margin-left:9rem}.ml-4{margin-left:1rem}.ml-44{margin-left:11rem}.ml-48{margin-left:12rem}.ml-5{margin-left:1.25rem}.ml-52{margin-left:13rem}.ml-56{margin-left:14rem}.ml-6{margin-left:1.5rem}.ml-60{margin-left:15rem}.ml-64{margin-left:16rem}.ml-7{margin-left:1.75rem}.ml-72{margin-left:18rem}.ml-8{margin-left:2rem}.ml-80{margin-left:20rem}.ml-9{margin-left:2.25rem}.ml-96{margin-left:24rem}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-10{margin-right:2.5rem}.mr-11{margin-right:2.75rem}.mr-12{margin-right:3rem}.mr-14{margin-right:3.5rem}.mr-16{margin-right:4rem}.mr-2{margin-right:.5rem}.mr-20{margin-right:5rem}.mr-24{margin-right:6rem}.mr-28{margin-right:7rem}.mr-3{margin-right:.75rem}.mr-32{margin-right:8rem}.mr-36{margin-right:9rem}.mr-4{margin-right:1rem}.mr-44{margin-right:11rem}.mr-48{margin-right:12rem}.mr-5{margin-right:1.25rem}.mr-52{margin-right:13rem}.mr-56{margin-right:14rem}.mr-6{margin-right:1.5rem}.mr-60{margin-right:15rem}.mr-64{margin-right:16rem}.mr-7{margin-right:1.75rem}.mr-72{margin-right:18rem}.mr-8{margin-right:2rem}.mr-80{margin-right:20rem}.mr-9{margin-right:2.25rem}.mr-96{margin-right:24rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-11{margin-top:2.75rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.mt-28{margin-top:7rem}.mt-3{margin-top:.75rem}.mt-32{margin-top:8rem}.mt-36{margin-top:9rem}.mt-4{margin-top:1rem}.mt-44{margin-top:11rem}.mt-48{margin-top:12rem}.mt-5{margin-top:1.25rem}.mt-52{margin-top:13rem}.mt-56{margin-top:14rem}.mt-6{margin-top:1.5rem}.mt-60{margin-top:15rem}.mt-64{margin-top:16rem}.mt-7{margin-top:1.75rem}.mt-72{margin-top:18rem}.mt-8{margin-top:2rem}.mt-80{margin-top:20rem}.mt-9{margin-top:2.25rem}.mt-96{margin-top:24rem}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-6{height:1.5rem}.h-8{height:2rem}.max-h-12{max-height:3rem}.max-h-8{max-height:2rem}.max-h-9{max-height:2.25rem}.w-12{width:3rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.basis-11\/12{flex-basis:91.666667%}.basis-4{flex-basis:1rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-text{cursor:text}.flex-col{flex-direction:column}.place-items-center{place-items:center}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-border-accent{--tw-border-opacity: 1;border-color:var(--av-border-accent, rgb(169 185 173 / var(--tw-border-opacity)))}.border-border-danger-dark{--tw-border-opacity: 1;border-color:var(--av-border-danger-dark, rgb(127 29 29 / var(--tw-border-opacity)))}.border-border-danger-medium{--tw-border-opacity: 1;border-color:var(--av-border-danger-medium, rgb(248 113 113 / var(--tw-border-opacity)))}.border-border-dark{--tw-border-opacity: 1;border-color:var(--av-border-dark, rgb(15 23 42 / var(--tw-border-opacity)))}.border-border-error-dark{--tw-border-opacity: 1;border-color:var(--av-border-error-dark, rgb(185 28 28 / var(--tw-border-opacity)))}.border-table-dark{--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity)))}.border-table-light{--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity)))}.border-transparent{border-color:transparent}.bg-action-danger-dark{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark, rgb(127 29 29 / var(--tw-bg-opacity)))}.bg-action-danger-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity)))}.bg-action-danger-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity)))}.bg-action-danger-light{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light, rgb(220 38 38 / var(--tw-bg-opacity)))}.bg-action-danger-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity)))}.bg-action-danger-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity)))}.bg-action-dark{--tw-bg-opacity: 1;background-color:var(--av-action-dark, rgb(15 23 42 / var(--tw-bg-opacity)))}.bg-action-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity)))}.bg-action-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity)))}.bg-action-light{--tw-bg-opacity: 1;background-color:var(--av-action-light, rgb(100 116 139 / var(--tw-bg-opacity)))}.bg-action-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity)))}.bg-action-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity)))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-surface-darker{--tw-bg-opacity: 1;background-color:var(--av-surface-darker, rgb(15 23 42 / var(--tw-bg-opacity)))}.bg-surface-lighter{--tw-bg-opacity: 1;background-color:var(--av-surface-lighter, rgb(226 232 240 / var(--tw-bg-opacity)))}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pr-2{padding-right:.5rem}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.text-copy-accent-dark{--tw-text-opacity: 1;color:var(--av-copy-accent-dark, rgb(205 232 212 / var(--tw-text-opacity)))}.text-copy-dark{--tw-text-opacity: 1;color:var(--av-copy-dark, rgb(15 23 42 / var(--tw-text-opacity)))}.text-copy-error-dark{--tw-text-opacity: 1;color:var(--av-copy-error-dark, rgb(185 28 28 / var(--tw-text-opacity)))}.text-copy-error-light{--tw-text-opacity: 1;color:var(--av-copy-error-light, rgb(239 68 68 / var(--tw-text-opacity)))}.text-copy-light{--tw-text-opacity: 1;color:var(--av-copy-light, rgb(226 232 240 / var(--tw-text-opacity)))}.text-copy-lighter{--tw-text-opacity: 1;color:var(--av-copy-lighter, rgb(255 255 255 / var(--tw-text-opacity)))}.caret-copy-dark{caret-color:var(--av-copy-dark, rgb(15 23 42 / 1))}.caret-copy-light{caret-color:var(--av-copy-light, rgb(226 232 240 / 1))}.opacity-50{opacity:.5}.outline-focus-dark{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.outline-focus-light{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}.after\:left-0:after{content:var(--tw-content);left:0}.after\:right-0:after{content:var(--tw-content);right:0}.after\:border-b-2:after{content:var(--tw-content);border-bottom-width:2px}.after\:border-table-dark:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity)))}.after\:border-table-light:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity)))}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.focus-within\:static:focus-within{position:static}.focus-within\:after\:border-transparent:focus-within:after{content:var(--tw-content);border-color:transparent}.hover\:bg-action-danger-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity)))}.hover\:bg-action-danger-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity)))}.hover\:bg-action-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity)))}.hover\:bg-action-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity)))}.hover\:text-copy-light-hover:hover{--tw-text-opacity: 1;color:var(--av-copy-light-hover, rgb(226 232 240 / var(--tw-text-opacity)))}.focus\:border-border-dark:focus{--tw-border-opacity: 1;border-color:var(--av-border-dark, rgb(15 23 42 / var(--tw-border-opacity)))}.focus\:outline:focus{outline-style:solid}.focus\:outline-2:focus{outline-width:2px}.focus\:outline-offset-2:focus{outline-offset:2px}.focus\:outline-focus-dark:focus{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.focus\:outline-focus-light:focus{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.active\:bg-action-danger-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity)))}.active\:bg-action-danger-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity)))}.active\:bg-action-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity)))}.active\:bg-action-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity)))}.active\:text-copy-light-active:active{--tw-text-opacity: 1;color:var(--av-copy-light-active, rgb(148 163 184 / var(--tw-text-opacity)))}.active\:text-copy-lighter-active:active{--tw-text-opacity: 1;color:var(--av-copy-lighter-active, rgb(255 255 255 / var(--tw-text-opacity)))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\:bg-black\/\[\.8\]{background-color:#000c}}@media (prefers-color-scheme: dark){.dark\:border-border-accent{--tw-border-opacity: 1;border-color:var(--av-border-accent, rgb(169 185 173 / var(--tw-border-opacity)))}.dark\:border-border-danger-dark{--tw-border-opacity: 1;border-color:var(--av-border-danger-dark, rgb(127 29 29 / var(--tw-border-opacity)))}.dark\:border-border-danger-medium{--tw-border-opacity: 1;border-color:var(--av-border-danger-medium, rgb(248 113 113 / var(--tw-border-opacity)))}.dark\:border-border-dark{--tw-border-opacity: 1;border-color:var(--av-border-dark, rgb(15 23 42 / var(--tw-border-opacity)))}.dark\:bg-action-danger-dark{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark, rgb(127 29 29 / var(--tw-bg-opacity)))}.dark\:bg-action-danger-light{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light, rgb(220 38 38 / var(--tw-bg-opacity)))}.dark\:bg-action-dark{--tw-bg-opacity: 1;background-color:var(--av-action-dark, rgb(15 23 42 / var(--tw-bg-opacity)))}.dark\:bg-action-light{--tw-bg-opacity: 1;background-color:var(--av-action-light, rgb(100 116 139 / var(--tw-bg-opacity)))}.dark\:bg-surface-darker{--tw-bg-opacity: 1;background-color:var(--av-surface-darker, rgb(15 23 42 / var(--tw-bg-opacity)))}.dark\:bg-surface-lighter{--tw-bg-opacity: 1;background-color:var(--av-surface-lighter, rgb(226 232 240 / var(--tw-bg-opacity)))}.dark\:text-copy-accent-dark{--tw-text-opacity: 1;color:var(--av-copy-accent-dark, rgb(205 232 212 / var(--tw-text-opacity)))}.dark\:text-copy-dark{--tw-text-opacity: 1;color:var(--av-copy-dark, rgb(15 23 42 / var(--tw-text-opacity)))}.dark\:text-copy-error-dark{--tw-text-opacity: 1;color:var(--av-copy-error-dark, rgb(185 28 28 / var(--tw-text-opacity)))}.dark\:text-copy-error-light{--tw-text-opacity: 1;color:var(--av-copy-error-light, rgb(239 68 68 / var(--tw-text-opacity)))}.dark\:text-copy-light{--tw-text-opacity: 1;color:var(--av-copy-light, rgb(226 232 240 / var(--tw-text-opacity)))}.dark\:text-copy-lighter{--tw-text-opacity: 1;color:var(--av-copy-lighter, rgb(255 255 255 / var(--tw-text-opacity)))}.dark\:caret-copy-dark{caret-color:var(--av-copy-dark, rgb(15 23 42 / 1))}.dark\:caret-copy-light{caret-color:var(--av-copy-light, rgb(226 232 240 / 1))}.dark\:after\:border-table-dark:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity)))}.dark\:after\:border-table-light:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity)))}.dark\:hover\:bg-action-danger-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity)))}.dark\:hover\:bg-action-danger-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity)))}.dark\:hover\:bg-action-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity)))}.dark\:hover\:bg-action-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity)))}.dark\:focus\:outline-focus-dark:focus{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.dark\:focus\:outline-focus-light:focus{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.dark\:active\:bg-action-danger-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity)))}.dark\:active\:bg-action-danger-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity)))}.dark\:active\:bg-action-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity)))}.dark\:active\:bg-action-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity)))}}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-textinput",
-	"version": "1.0.3",
+	"version": "1.1.1",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -38,19 +38,19 @@
 		"react-dom": "^18.3.1"
 	},
 	"devDependencies": {
-		"@versini/ui-button": "1.1.4",
-		"@versini/ui-icons": "1.12.5",
-		"@versini/ui-styles": "1.10.1"
+		"@versini/ui-button": "1.1.6",
+		"@versini/ui-icons": "1.12.7",
+		"@versini/ui-styles": "1.10.2"
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.15",
-		"@versini/ui-hooks": "4.1.3",
-		"@versini/ui-private": "1.4.13",
+		"@versini/ui-hooks": "4.2.0",
+		"@versini/ui-private": "1.4.15",
 		"clsx": "2.1.1",
 		"tailwindcss": "3.4.13"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "c2f456415637bdc3c29f1cde017a7385874b8440"
+	"gitHead": "6a6a35ebe0703c747695dd047bd90c48a059bea4"
 }

package/dist/chunks/TextInput.Cbhy-Hea.js

@@ -1,396 +0,0 @@
-import { jsx as d, jsxs as M } from "react/jsx-runtime";
-import U, { useRef as k, useEffect as v, useCallback as j, useState as I, useMemo as F, useId as O, useReducer as X, useLayoutEffect as V } from "react";
-import l from "clsx";
-const R = "av-text-input", ie = "av-text-input-simple", q = "av-text-input-wrapper", A = "av-text-input-helper-text";
-function z() {
-  const e = k(!1);
-  return v(() => (e.current = !0, () => {
-    e.current = !1;
-  }), []), j(() => e.current, []);
-}
-const H = {
-  x: 0,
-  y: 0,
-  width: 0,
-  height: 0,
-  top: 0,
-  left: 0,
-  bottom: 0,
-  right: 0
-};
-function W(e) {
-  const n = z(), t = k(0), r = k(null), [o, a] = I(H), c = F(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((s) => {
-    const u = s[0];
-    u && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
-      r.current && n() && a(u.contentRect);
-    }));
-  }), [n]);
-  return v(() => (r.current && (c == null || c.observe(r.current, e)), () => {
-    c == null || c.disconnect(), t.current && cancelAnimationFrame(t.current);
-  }), [c, e]), [r, o];
-}
-function G(e) {
-  const n = O();
-  if (!e)
-    return n;
-  if (typeof e == "number" || typeof e == "string")
-    return `${e}${n}`;
-  if (typeof e == "object") {
-    const { id: t, prefix: r = "" } = e;
-    return typeof t == "number" || typeof t == "string" ? `${r}${t}` : `${r}${n}`;
-  }
-}
-const _ = "SET_ANNOUNCEMENT", C = "CLEAR_ANNOUNCEMENT", J = {
-  alert: null,
-  alertdialog: null,
-  log: "polite",
-  marquee: null,
-  progressbar: null,
-  status: "polite",
-  timer: "assertive"
-}, K = (e, n) => {
-  switch (n == null ? void 0 : n.type) {
-    case _:
-      return {
-        ...e,
-        announcement: n.payload
-      };
-    case C:
-      return {
-        ...e,
-        announcement: null
-      };
-    default:
-      return e;
-  }
-}, Q = ({
-  onAnnouncementClear: e,
-  dispatch: n
-}) => {
-  n({
-    type: C
-  }), typeof e == "function" && e();
-}, E = ({
-  children: e,
-  clearAnnouncementDelay: n,
-  clearAnnouncementTimeoutRef: t,
-  onAnnouncementClear: r,
-  dispatch: o
-}) => {
-  (t == null ? void 0 : t.current) !== null && clearTimeout(t.current), e !== null && o({
-    type: _,
-    payload: e
-  }), n && (t.current = setTimeout(
-    () => Q({
-      onAnnouncementClear: r,
-      dispatch: o
-    }),
-    n
-  ));
-}, Y = ({
-  children: e,
-  announcementTimeoutRef: n,
-  announcementDelay: t,
-  clearAnnouncementDelay: r,
-  clearAnnouncementTimeoutRef: o,
-  onAnnouncementClear: a,
-  dispatch: c
-}) => {
-  clearTimeout(n.current), t ? n.current = setTimeout(E, t, {
-    children: e,
-    clearAnnouncementDelay: r,
-    clearAnnouncementTimeoutRef: o,
-    onAnnouncementClear: a,
-    dispatch: c
-  }) : E({
-    children: e,
-    clearAnnouncementDelay: r,
-    clearAnnouncementTimeoutRef: o,
-    onAnnouncementClear: a,
-    dispatch: c
-  });
-};
-function Z({
-  children: e,
-  className: n,
-  politeness: t,
-  role: r = null,
-  announcementDelay: o,
-  clearAnnouncementDelay: a,
-  onAnnouncementClear: c,
-  visible: s,
-  ...u
-}) {
-  const f = k(), y = k(), [h, g] = X(K, {
-    announcement: null
-  });
-  let p = t;
-  typeof p > "u" && (p = r ? J[r] : "assertive"), v(() => {
-    Y({
-      announcementTimeoutRef: f,
-      announcementDelay: o,
-      children: e,
-      clearAnnouncementDelay: a,
-      clearAnnouncementTimeoutRef: y,
-      onAnnouncementClear: c,
-      dispatch: g
-    });
-  }, [
-    e,
-    o,
-    a,
-    c
-  ]);
-  const i = l(n, {
-    "sr-only": !s
-  });
-  return /* @__PURE__ */ d(
-    "div",
-    {
-      "aria-live": p,
-      ...r && { role: r },
-      className: i,
-      ...u,
-      children: h.announcement
-    }
-  );
-}
-const B = (e) => {
-  let n = "";
-  if (typeof e == "number" || typeof e == "string")
-    n = "m-" + e;
-  else {
-    const t = [];
-    (e == null ? void 0 : e.t) !== void 0 && t.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && t.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && t.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && t.push(`ml-${e.l}`), n = t.join(" ");
-  }
-  return n;
-};
-/*!
-  @versini/ui-private v1.4.13
-  © 2024 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_PRIVATE__ || (window.__VERSINI_UI_PRIVATE__ = {
-    version: "1.4.13",
-    buildTime: "09/24/2024 07:45 PM EDT",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const ee = ({
-  mode: e
-}) => l({
-  "bg-surface-darker text-copy-lighter caret-copy-light": e === "dark",
-  "bg-surface-lighter text-copy-dark caret-copy-dark": e === "light",
-  "bg-surface-lighter text-copy-dark caret-copy-dark dark:bg-surface-darker dark:text-copy-lighter dark:caret-copy-light": e === "system",
-  "bg-surface-darker text-copy-lighter caret-copy-light dark:bg-surface-lighter dark:text-copy-dark dark:caret-copy-dark": e === "alt-system"
-}), te = ({
-  focusMode: e
-}) => l("focus:outline focus:outline-2 focus:outline-offset-2", {
-  "focus:outline-focus-dark": e === "dark",
-  "focus:outline-focus-light": e === "light",
-  "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
-  "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
-}), ne = ({
-  noBorder: e,
-  error: n
-}) => l("border-2", {
-  "border-border-dark": !e && !n,
-  "focus:border-border-dark": !e && n,
-  "border-border-error-dark": !e && n,
-  "border-transparent": e
-}), re = ({
-  disabled: e,
-  raw: n,
-  error: t,
-  mode: r
-}) => {
-  if (n)
-    return "";
-  if (e)
-    return l("absolute px-2 cursor-not-allowed opacity-50 font-medium");
-  if (!t)
-    return l("absolute px-2 cursor-text font-medium", {
-      "text-copy-lighter": r === "dark",
-      "text-copy-dark": r === "light",
-      "text-copy-dark dark:text-copy-lighter": r === "system",
-      "text-copy-lighter dark:text-copy-dark": r === "alt-system"
-    });
-  if (t)
-    return l("absolute px-2 cursor-text font-medium", {
-      "text-copy-lighter": r === "dark",
-      "text-copy-error-dark": r === "light",
-      "text-copy-error-dark dark:text-copy-error-light dark:bg-surface-darker": r === "system",
-      "text-copy-lighter dark:text-copy-error-dark": r === "alt-system"
-    });
-}, oe = ({
-  error: e,
-  raw: n,
-  mode: t,
-  disabled: r
-}) => {
-  if (n)
-    return "";
-  if (r)
-    return l(
-      A,
-      "absolute px-2 cursor-not-allowed opacity-50 font-medium"
-    );
-  if (!e)
-    return l(A, "absolute px-2 font-medium", {
-      "text-copy-lighter": t === "dark",
-      "text-copy-dark": t === "light",
-      "text-copy-dark dark:text-copy-lighter": t === "system",
-      "text-copy-lighter dark:text-copy-dark": t === "alt-system"
-    });
-  if (e)
-    return l(A, "absolute px-2 font-medium", {
-      "text-copy-error-light bg-surface-darker": t === "dark",
-      "text-copy-error-dark": t === "light",
-      "text-copy-error-dark dark:text-copy-error-light dark:bg-surface-darker": t === "system",
-      "dark:text-copy-error-dark text-copy-error-light bg-surface-darker": t === "alt-system"
-    });
-}, ce = ({
-  className: e,
-  inputClassName: n,
-  raw: t,
-  disabled: r,
-  noBorder: o,
-  error: a,
-  spacing: c,
-  mode: s,
-  focusMode: u
-}) => {
-  const f = t ? e : l(
-    "relative flex w-full flex-col justify-center",
-    q,
-    e,
-    B(c)
-  ), y = t ? l(n) : l(
-    R,
-    n,
-    "h-12 rounded-md px-4 text-base",
-    ee({ mode: s }),
-    te({ focusMode: u }),
-    ne({ noBorder: o, error: a }),
-    {
-      "disabled:cursor-not-allowed disabled:opacity-50": r
-    }
-  ), h = t ? void 0 : "sr-only", g = re({
-    disabled: r,
-    raw: t,
-    error: a,
-    mode: s
-  }), p = oe({
-    error: a,
-    raw: t,
-    mode: s,
-    disabled: r
-  });
-  return {
-    wrapper: f,
-    input: y,
-    accessibleLabel: h,
-    visibleLabel: g,
-    helperText: p,
-    rightElement: t ? void 0 : "absolute right-3"
-  };
-}, ae = U.forwardRef(
-  ({
-    id: e,
-    name: n,
-    label: t,
-    error: r = !1,
-    raw: o = !1,
-    className: a,
-    inputClassName: c,
-    mode: s = "system",
-    focusMode: u = "system",
-    disabled: f = !1,
-    noBorder: y = !1,
-    labelId: h,
-    labelHidden: g = !1,
-    type: p = "text",
-    helperText: i = "",
-    rightElement: T,
-    spacing: N,
-    ...$
-  }, S) => {
-    const [L, b] = W(), [P, D] = I(0), x = G({ id: e, prefix: `${R}-` }), w = `${n} error, ${i}`, m = ce({
-      className: a,
-      inputClassName: c,
-      error: r,
-      raw: o,
-      focusMode: u,
-      disabled: f,
-      noBorder: y,
-      spacing: N,
-      mode: s
-    });
-    return V(() => {
-      b && b.width && D(b.width + 18 + 10);
-    }, [b]), /* @__PURE__ */ M("div", { className: m.wrapper, children: [
-      /* @__PURE__ */ d(
-        "label",
-        {
-          htmlFor: x,
-          id: h,
-          className: m.accessibleLabel,
-          children: t
-        }
-      ),
-      /* @__PURE__ */ d(
-        "input",
-        {
-          ref: S,
-          id: x,
-          name: n,
-          type: p,
-          disabled: f,
-          placeholder: o ? void 0 : " ",
-          className: m.input,
-          ...i && { "aria-describedby": `${x}-helper` },
-          ...r && { "aria-invalid": "true" },
-          ...T && !o && { style: { paddingRight: P } },
-          ...$
-        }
-      ),
-      !o && !g && /* @__PURE__ */ d(
-        "label",
-        {
-          "aria-hidden": !0,
-          htmlFor: x,
-          className: m.visibleLabel,
-          children: t
-        }
-      ),
-      i && /* @__PURE__ */ d(
-        "div",
-        {
-          id: `${x}-helper`,
-          className: m.helperText,
-          children: i
-        }
-      ),
-      T && /* @__PURE__ */ d(
-        "div",
-        {
-          ref: L,
-          className: m.rightElement,
-          children: T
-        }
-      ),
-      r && i && /* @__PURE__ */ d(Z, { politeness: "polite", clearAnnouncementDelay: 500, children: w })
-    ] });
-  }
-);
-ae.displayName = "TextInput";
-export {
-  R as TEXT_INPUT_CLASSNAME,
-  A as TEXT_INPUT_HELPER_TEXT_CLASSNAME,
-  ie as TEXT_INPUT_SIMPLE_CLASSNAME,
-  q as TEXT_INPUT_WRAPPER_CLASSNAME,
-  ae as TextInput,
-  Z as j
-};