@new-black/lyra 0.1.8 → 0.1.9

package/dist/lyra109.js

@@ -1,158 +1,222 @@
-import { filterDOMProps as x, mergeProps as g, useId as F, chain as v, useFormReset as h } from "./lyra71.js";
-import c, { useMemo as C, useRef as S } from "react";
-import { ListKeyboardDelegate as k, useTypeSelect as w } from "./lyra98.js";
-import { setInteractionModality as E, useInteractionModality as M } from "./lyra81.js";
-import { useField as B } from "./lyra84.js";
-import { useMenuTrigger as R } from "./lyra101.js";
-import { useVisuallyHidden as T } from "./lyra104.js";
-import { useCollator as I } from "./lyra51.js";
-function q(l, e, u) {
-  let { keyboardDelegate: f, isDisabled: i } = l, s = I({
-    usage: "search",
-    sensitivity: "base"
-  }), o = C(() => f || new k(e.collection, e.disabledKeys, null, s), [
-    f,
-    e.collection,
-    e.disabledKeys,
-    s
-  ]), { menuTriggerProps: y, menuProps: d } = R({
-    isDisabled: i,
-    type: "listbox"
-  }, e, u), b = (t) => {
-    switch (t.key) {
-      case "ArrowLeft": {
-        t.preventDefault();
-        let p = e.selectedKey != null ? o.getKeyAbove(e.selectedKey) : o.getFirstKey();
-        p && e.setSelectedKey(p);
-        break;
-      }
-      case "ArrowRight": {
-        t.preventDefault();
-        let p = e.selectedKey != null ? o.getKeyBelow(e.selectedKey) : o.getFirstKey();
-        p && e.setSelectedKey(p);
-        break;
+import { useGlobalListeners as W, mergeProps as G, focusWithoutScrolling as re, useFormReset as ne } from "./lyra71.js";
+import { useRef as V, useCallback as te, useEffect as ie } from "react";
+import { useMove as J, setInteractionModality as oe, useKeyboard as le } from "./lyra81.js";
+import { useLabel as N } from "./lyra84.js";
+import { useFocusable as ae } from "./lyra64.js";
+import { clamp as O } from "./lyra104.js";
+import { useLocale as Q } from "./lyra51.js";
+const Y = /* @__PURE__ */ new WeakMap();
+function X(o, e) {
+  let n = Y.get(o);
+  if (!n)
+    throw new Error("Unknown slider state");
+  return `${n.id}-${e}`;
+}
+function he(o, e, n) {
+  let { labelProps: T, fieldProps: K } = N(o), f = o.orientation === "vertical";
+  var k;
+  Y.set(e, {
+    id: (k = T.id) !== null && k !== void 0 ? k : K.id,
+    "aria-describedby": o["aria-describedby"],
+    "aria-details": o["aria-details"]
+  });
+  let { direction: v } = Q(), { addGlobalListener: D, removeGlobalListener: M } = W();
+  const i = V(null), w = v === "rtl", $ = V(null), { moveProps: _ } = J({
+    onMoveStart() {
+      $.current = null;
+    },
+    onMove({ deltaX: t, deltaY: a }) {
+      let { height: s, width: m } = n.current.getBoundingClientRect(), h = f ? s : m;
+      $.current == null && ($.current = e.getThumbPercent(i.current) * h);
+      let u = f ? a : t;
+      if ((f || w) && (u = -u), $.current += u, i.current != null && n.current) {
+        const g = O($.current / h, 0, 1);
+        e.setThumbPercent(i.current, g);
       }
+    },
+    onMoveEnd() {
+      i.current != null && (e.setThumbDragging(i.current, !1), i.current = null);
     }
-  }, { typeSelectProps: a } = w({
-    keyboardDelegate: o,
-    selectionManager: e.selectionManager,
-    onTypeSelect(t) {
-      e.setSelectedKey(t);
-    }
-  }), { labelProps: m, fieldProps: r, descriptionProps: P, errorMessageProps: K } = B({
-    ...l,
-    labelElementType: "span"
   });
-  a.onKeyDown = a.onKeyDownCapture, delete a.onKeyDownCapture;
-  let D = x(l, {
-    labelable: !0
-  }), n = g(a, y, r), $ = F();
-  return {
-    labelProps: {
-      ...m,
-      onClick: () => {
-        l.isDisabled || (u.current.focus(), E("keyboard"));
+  let x = V(void 0), y = (t, a, s, m) => {
+    if (n.current && !o.isDisabled && e.values.every((h, u) => !e.isThumbDragging(u))) {
+      let { height: h, width: u, top: g, left: R } = n.current.getBoundingClientRect(), B = f ? h : u, b = ((f ? m : s) - (f ? g : R)) / B;
+      (v === "rtl" || f) && (b = 1 - b);
+      let P = e.getPercentValue(b), d, r = e.values.findIndex((l) => P - l < 0);
+      if (r === 0)
+        d = r;
+      else if (r === -1)
+        d = e.values.length - 1;
+      else {
+        let l = e.values[r - 1], p = e.values[r];
+        Math.abs(l - P) < Math.abs(p - P) ? d = r - 1 : d = r;
       }
+      d >= 0 && e.isThumbEditable(d) ? (t.preventDefault(), i.current = d, e.setFocusedThumb(d), x.current = a, e.setThumbDragging(i.current, !0), e.setThumbValue(d, P), D(window, "mouseup", c, !1), D(window, "touchend", c, !1), D(window, "pointerup", c, !1)) : i.current = null;
+    }
+  }, c = (t) => {
+    var a, s;
+    ((s = t.pointerId) !== null && s !== void 0 ? s : (a = t.changedTouches) === null || a === void 0 ? void 0 : a[0].identifier) === x.current && (i.current != null && (e.setThumbDragging(i.current, !1), i.current = null), M(window, "mouseup", c, !1), M(window, "touchend", c, !1), M(window, "pointerup", c, !1));
+  };
+  return "htmlFor" in T && T.htmlFor && (delete T.htmlFor, T.onClick = () => {
+    var t;
+    (t = document.getElementById(X(e, 0))) === null || t === void 0 || t.focus(), oe("keyboard");
+  }), {
+    labelProps: T,
+    // The root element of the Slider will have role="group" to group together
+    // all the thumb inputs in the Slider.  The label of the Slider will
+    // be used to label the group.
+    groupProps: {
+      role: "group",
+      ...K
     },
-    triggerProps: g(D, {
-      ...n,
-      isDisabled: i,
-      onKeyDown: v(n.onKeyDown, b, l.onKeyDown),
-      onKeyUp: l.onKeyUp,
-      "aria-labelledby": [
-        $,
-        n["aria-labelledby"],
-        n["aria-label"] && !n["aria-labelledby"] ? n.id : null
-      ].filter(Boolean).join(" "),
-      onFocus(t) {
-        e.isFocused || (l.onFocus && l.onFocus(t), l.onFocusChange && l.onFocusChange(!0), e.setFocused(!0));
+    trackProps: G({
+      onMouseDown(t) {
+        t.button !== 0 || t.altKey || t.ctrlKey || t.metaKey || y(t, void 0, t.clientX, t.clientY);
       },
-      onBlur(t) {
-        e.isOpen || (l.onBlur && l.onBlur(t), l.onFocusChange && l.onFocusChange(!1), e.setFocused(!1));
-      }
-    }),
-    valueProps: {
-      id: $
-    },
-    menuProps: {
-      ...d,
-      autoFocus: e.focusStrategy || !0,
-      shouldSelectOnPressUp: !0,
-      shouldFocusOnHover: !0,
-      disallowEmptySelection: !0,
-      onBlur: (t) => {
-        t.currentTarget.contains(t.relatedTarget) || (l.onBlur && l.onBlur(t), l.onFocusChange && l.onFocusChange(!1), e.setFocused(!1));
+      onPointerDown(t) {
+        t.pointerType === "mouse" && (t.button !== 0 || t.altKey || t.ctrlKey || t.metaKey) || y(t, t.pointerId, t.clientX, t.clientY);
       },
-      "aria-labelledby": [
-        r["aria-labelledby"],
-        n["aria-label"] && !r["aria-labelledby"] ? n.id : null
-      ].filter(Boolean).join(" ")
-    },
-    descriptionProps: P,
-    errorMessageProps: K
+      onTouchStart(t) {
+        y(t, t.changedTouches[0].identifier, t.changedTouches[0].clientX, t.changedTouches[0].clientY);
+      },
+      style: {
+        position: "relative",
+        touchAction: "none"
+      }
+    }, _),
+    outputProps: {
+      htmlFor: e.values.map((t, a) => X(e, a)).join(" "),
+      "aria-live": "off"
+    }
   };
 }
-function H(l, e, u) {
-  let { autoComplete: f, name: i, isDisabled: s } = l, o = M(), { visuallyHiddenProps: y } = T();
-  h(l.selectRef, e.selectedKey, e.setSelectedKey);
-  var d;
-  return {
-    containerProps: {
-      ...y,
-      "aria-hidden": !0,
-      "data-a11y-ignore": "aria-hidden-focus"
+function ge(o, e) {
+  let { index: n = 0, isRequired: T, validationState: K, isInvalid: f, trackRef: k, inputRef: v, orientation: D = e.orientation, name: M } = o, i = o.isDisabled || e.isDisabled, w = D === "vertical", { direction: $ } = Q(), { addGlobalListener: _, removeGlobalListener: x } = W(), y = Y.get(e);
+  var c;
+  const { labelProps: t, fieldProps: a } = N({
+    ...o,
+    id: X(e, n),
+    "aria-labelledby": `${y.id} ${(c = o["aria-labelledby"]) !== null && c !== void 0 ? c : ""}`.trim()
+  }), s = e.values[n], m = te(() => {
+    v.current && re(v.current);
+  }, [
+    v
+  ]), h = e.focusedThumb === n;
+  ie(() => {
+    h && m();
+  }, [
+    h,
+    m
+  ]);
+  let u = $ === "rtl", g = V(null), { keyboardProps: R } = le({
+    onKeyDown(r) {
+      let { getThumbMaxValue: l, getThumbMinValue: p, decrementThumb: I, incrementThumb: C, setThumbValue: L, setThumbDragging: S, pageSize: E } = e;
+      if (!/^(PageUp|PageDown|Home|End)$/.test(r.key)) {
+        r.continuePropagation();
+        return;
+      }
+      switch (r.preventDefault(), S(n, !0), r.key) {
+        case "PageUp":
+          C(n, E);
+          break;
+        case "PageDown":
+          I(n, E);
+          break;
+        case "Home":
+          L(n, p(n));
+          break;
+        case "End":
+          L(n, l(n));
+          break;
+      }
+      S(n, !1);
+    }
+  }), { moveProps: B } = J({
+    onMoveStart() {
+      g.current = null, e.setThumbDragging(n, !0);
     },
-    inputProps: {
-      type: "text",
-      tabIndex: o == null || e.isFocused || e.isOpen ? -1 : 0,
-      style: {
-        fontSize: 16
-      },
-      onFocus: () => u.current.focus(),
-      disabled: s
+    onMove({ deltaX: r, deltaY: l, pointerType: p, shiftKey: I }) {
+      const { getThumbPercent: C, setThumbPercent: L, decrementThumb: S, incrementThumb: E, step: q, pageSize: A } = e;
+      let { width: Z, height: ee } = k.current.getBoundingClientRect(), H = w ? ee : Z;
+      if (g.current == null && (g.current = C(n) * H), p === "keyboard")
+        r > 0 && u || r < 0 && !u || l > 0 ? S(n, I ? A : q) : E(n, I ? A : q);
+      else {
+        let U = w ? l : r;
+        (w || u) && (U = -U), g.current += U, L(n, O(g.current / H, 0, 1));
+      }
     },
-    selectProps: {
-      tabIndex: -1,
-      autoComplete: f,
-      disabled: s,
-      name: i,
-      size: e.collection.size,
-      value: (d = e.selectedKey) !== null && d !== void 0 ? d : "",
-      onChange: (b) => e.setSelectedKey(b.target.value)
+    onMoveEnd() {
+      e.setThumbDragging(n, !1);
     }
+  });
+  e.setThumbEditable(n, !i);
+  const { focusableProps: j } = ae(G(o, {
+    onFocus: () => e.setFocusedThumb(n),
+    onBlur: () => e.setFocusedThumb(void 0)
+  }), v);
+  let z = V(void 0), F = (r) => {
+    m(), z.current = r, e.setThumbDragging(n, !0), _(window, "mouseup", b, !1), _(window, "touchend", b, !1), _(window, "pointerup", b, !1);
+  }, b = (r) => {
+    var l, p;
+    ((p = r.pointerId) !== null && p !== void 0 ? p : (l = r.changedTouches) === null || l === void 0 ? void 0 : l[0].identifier) === z.current && (m(), e.setThumbDragging(n, !1), x(window, "mouseup", b, !1), x(window, "touchend", b, !1), x(window, "pointerup", b, !1));
+  }, P = e.getThumbPercent(n);
+  (w || $ === "rtl") && (P = 1 - P);
+  let d = i ? {} : G(R, B, {
+    onMouseDown: (r) => {
+      r.button !== 0 || r.altKey || r.ctrlKey || r.metaKey || F();
+    },
+    onPointerDown: (r) => {
+      r.button !== 0 || r.altKey || r.ctrlKey || r.metaKey || F(r.pointerId);
+    },
+    onTouchStart: (r) => {
+      F(r.changedTouches[0].identifier);
+    }
+  });
+  return ne(v, s, (r) => {
+    e.setThumbValue(n, r);
+  }), {
+    inputProps: G(j, a, {
+      type: "range",
+      tabIndex: i ? void 0 : 0,
+      min: e.getThumbMinValue(n),
+      max: e.getThumbMaxValue(n),
+      step: e.step,
+      value: s,
+      name: M,
+      disabled: i,
+      "aria-orientation": D,
+      "aria-valuetext": e.getThumbValueLabel(n),
+      "aria-required": T || void 0,
+      "aria-invalid": f || K === "invalid" || void 0,
+      "aria-errormessage": o["aria-errormessage"],
+      "aria-describedby": [
+        y["aria-describedby"],
+        o["aria-describedby"]
+      ].filter(Boolean).join(" "),
+      "aria-details": [
+        y["aria-details"],
+        o["aria-details"]
+      ].filter(Boolean).join(" "),
+      onChange: (r) => {
+        e.setThumbValue(n, parseFloat(r.target.value));
+      }
+    }),
+    thumbProps: {
+      ...d,
+      style: {
+        position: "absolute",
+        [w ? "top" : "left"]: `${P * 100}%`,
+        transform: "translate(-50%, -50%)",
+        touchAction: "none"
+      }
+    },
+    labelProps: t,
+    isDragging: e.isThumbDragging(n),
+    isDisabled: i,
+    isFocused: h
   };
 }
-function G(l) {
-  let { state: e, triggerRef: u, label: f, name: i, isDisabled: s } = l, o = S(null), { containerProps: y, inputProps: d, selectProps: b } = H({
-    ...l,
-    selectRef: o
-  }, e, u);
-  var a;
-  return e.collection.size <= 300 ? /* @__PURE__ */ c.createElement("div", {
-    ...y,
-    "data-testid": "hidden-select-container"
-  }, /* @__PURE__ */ c.createElement("input", d), /* @__PURE__ */ c.createElement("label", null, f, /* @__PURE__ */ c.createElement("select", {
-    ...b,
-    ref: o
-  }, /* @__PURE__ */ c.createElement("option", null), [
-    ...e.collection.getKeys()
-  ].map((m) => {
-    let r = e.collection.getItem(m);
-    if (r.type === "item")
-      return /* @__PURE__ */ c.createElement("option", {
-        key: r.key,
-        value: r.key
-      }, r.textValue);
-  })))) : i ? /* @__PURE__ */ c.createElement("input", {
-    type: "hidden",
-    autoComplete: b.autoComplete,
-    name: i,
-    disabled: s,
-    value: (a = e.selectedKey) !== null && a !== void 0 ? a : ""
-  }) : null;
-}
 export {
-  G as HiddenSelect,
-  H as useHiddenSelect,
-  q as useSelect
+  he as useSlider,
+  ge as useSliderThumb
 };

package/dist/lyra109.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra109.js","sources":["../node_modules/@react-aria/select/dist/import.mjs"],"sourcesContent":["import {filterDOMProps as $thkiX$filterDOMProps, mergeProps as $thkiX$mergeProps, useId as $thkiX$useId, chain as $thkiX$chain, useFormReset as $thkiX$useFormReset} from \"@react-aria/utils\";\nimport $thkiX$react, {useMemo as $thkiX$useMemo, useRef as $thkiX$useRef} from \"react\";\nimport {ListKeyboardDelegate as $thkiX$ListKeyboardDelegate, useTypeSelect as $thkiX$useTypeSelect} from \"@react-aria/selection\";\nimport {setInteractionModality as $thkiX$setInteractionModality, useInteractionModality as $thkiX$useInteractionModality} from \"@react-aria/interactions\";\nimport {useCollator as $thkiX$useCollator} from \"@react-aria/i18n\";\nimport {useField as $thkiX$useField} from \"@react-aria/label\";\nimport {useMenuTrigger as $thkiX$useMenuTrigger} from \"@react-aria/menu\";\nimport {useVisuallyHidden as $thkiX$useVisuallyHidden} from \"@react-aria/visually-hidden\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ /*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\n\nfunction $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) {\n    let { keyboardDelegate: keyboardDelegate , isDisabled: isDisabled  } = props;\n    // By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down).\n    // When virtualized, the layout object will be passed in as a prop and override this.\n    let collator = (0, $thkiX$useCollator)({\n        usage: \"search\",\n        sensitivity: \"base\"\n    });\n    let delegate = (0, $thkiX$useMemo)(()=>keyboardDelegate || new (0, $thkiX$ListKeyboardDelegate)(state.collection, state.disabledKeys, null, collator), [\n        keyboardDelegate,\n        state.collection,\n        state.disabledKeys,\n        collator\n    ]);\n    let { menuTriggerProps: menuTriggerProps , menuProps: menuProps  } = (0, $thkiX$useMenuTrigger)({\n        isDisabled: isDisabled,\n        type: \"listbox\"\n    }, state, ref);\n    let onKeyDown = (e)=>{\n        switch(e.key){\n            case \"ArrowLeft\":\n                {\n                    // prevent scrolling containers\n                    e.preventDefault();\n                    let key = state.selectedKey != null ? delegate.getKeyAbove(state.selectedKey) : delegate.getFirstKey();\n                    if (key) state.setSelectedKey(key);\n                    break;\n                }\n            case \"ArrowRight\":\n                {\n                    // prevent scrolling containers\n                    e.preventDefault();\n                    let key = state.selectedKey != null ? delegate.getKeyBelow(state.selectedKey) : delegate.getFirstKey();\n                    if (key) state.setSelectedKey(key);\n                    break;\n                }\n        }\n    };\n    let { typeSelectProps: typeSelectProps  } = (0, $thkiX$useTypeSelect)({\n        keyboardDelegate: delegate,\n        selectionManager: state.selectionManager,\n        onTypeSelect (key) {\n            state.setSelectedKey(key);\n        }\n    });\n    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = (0, $thkiX$useField)({\n        ...props,\n        labelElementType: \"span\"\n    });\n    typeSelectProps.onKeyDown = typeSelectProps.onKeyDownCapture;\n    delete typeSelectProps.onKeyDownCapture;\n    let domProps = (0, $thkiX$filterDOMProps)(props, {\n        labelable: true\n    });\n    let triggerProps = (0, $thkiX$mergeProps)(typeSelectProps, menuTriggerProps, fieldProps);\n    let valueId = (0, $thkiX$useId)();\n    return {\n        labelProps: {\n            ...labelProps,\n            onClick: ()=>{\n                if (!props.isDisabled) {\n                    ref.current.focus();\n                    // Show the focus ring so the user knows where focus went\n                    (0, $thkiX$setInteractionModality)(\"keyboard\");\n                }\n            }\n        },\n        triggerProps: (0, $thkiX$mergeProps)(domProps, {\n            ...triggerProps,\n            isDisabled: isDisabled,\n            onKeyDown: (0, $thkiX$chain)(triggerProps.onKeyDown, onKeyDown, props.onKeyDown),\n            onKeyUp: props.onKeyUp,\n            \"aria-labelledby\": [\n                valueId,\n                triggerProps[\"aria-labelledby\"],\n                triggerProps[\"aria-label\"] && !triggerProps[\"aria-labelledby\"] ? triggerProps.id : null\n            ].filter(Boolean).join(\" \"),\n            onFocus (e) {\n                if (state.isFocused) return;\n                if (props.onFocus) props.onFocus(e);\n                if (props.onFocusChange) props.onFocusChange(true);\n                state.setFocused(true);\n            },\n            onBlur (e) {\n                if (state.isOpen) return;\n                if (props.onBlur) props.onBlur(e);\n                if (props.onFocusChange) props.onFocusChange(false);\n                state.setFocused(false);\n            }\n        }),\n        valueProps: {\n            id: valueId\n        },\n        menuProps: {\n            ...menuProps,\n            autoFocus: state.focusStrategy || true,\n            shouldSelectOnPressUp: true,\n            shouldFocusOnHover: true,\n            disallowEmptySelection: true,\n            onBlur: (e)=>{\n                if (e.currentTarget.contains(e.relatedTarget)) return;\n                if (props.onBlur) props.onBlur(e);\n                if (props.onFocusChange) props.onFocusChange(false);\n                state.setFocused(false);\n            },\n            \"aria-labelledby\": [\n                fieldProps[\"aria-labelledby\"],\n                triggerProps[\"aria-label\"] && !fieldProps[\"aria-labelledby\"] ? triggerProps.id : null\n            ].filter(Boolean).join(\" \")\n        },\n        descriptionProps: descriptionProps,\n        errorMessageProps: errorMessageProps\n    };\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\nfunction $bdd25dc72710631f$export$f809e80f58e251d1(props, state, triggerRef) {\n    let { autoComplete: autoComplete , name: name , isDisabled: isDisabled  } = props;\n    let modality = (0, $thkiX$useInteractionModality)();\n    let { visuallyHiddenProps: visuallyHiddenProps  } = (0, $thkiX$useVisuallyHidden)();\n    (0, $thkiX$useFormReset)(props.selectRef, state.selectedKey, state.setSelectedKey);\n    var _state_selectedKey;\n    // In Safari, the <select> cannot have `display: none` or `hidden` for autofill to work.\n    // In Firefox, there must be a <label> to identify the <select> whereas other browsers\n    // seem to identify it just by surrounding text.\n    // The solution is to use <VisuallyHidden> to hide the elements, which clips the elements to a\n    // 1px rectangle. In addition, we hide from screen readers with aria-hidden, and make the <select>\n    // non tabbable with tabIndex={-1}.\n    //\n    // In mobile browsers, there are next/previous buttons above the software keyboard for navigating\n    // between fields in a form. These only support native form inputs that are tabbable. In order to\n    // support those, an additional hidden input is used to marshall focus to the button. It is tabbable\n    // except when the button is focused, so that shift tab works properly to go to the actual previous\n    // input in the form. Using the <select> for this also works, but Safari on iOS briefly flashes\n    // the native menu on focus, so this isn't ideal. A font-size of 16px or greater is required to\n    // prevent Safari from zooming in on the input when it is focused.\n    //\n    // If the current interaction modality is null, then the user hasn't interacted with the page yet.\n    // In this case, we set the tabIndex to -1 on the input element so that automated accessibility\n    // checkers don't throw false-positives about focusable elements inside an aria-hidden parent.\n    return {\n        containerProps: {\n            ...visuallyHiddenProps,\n            \"aria-hidden\": true,\n            [\"data-a11y-ignore\"]: \"aria-hidden-focus\"\n        },\n        inputProps: {\n            type: \"text\",\n            tabIndex: modality == null || state.isFocused || state.isOpen ? -1 : 0,\n            style: {\n                fontSize: 16\n            },\n            onFocus: ()=>triggerRef.current.focus(),\n            disabled: isDisabled\n        },\n        selectProps: {\n            tabIndex: -1,\n            autoComplete: autoComplete,\n            disabled: isDisabled,\n            name: name,\n            size: state.collection.size,\n            value: (_state_selectedKey = state.selectedKey) !== null && _state_selectedKey !== void 0 ? _state_selectedKey : \"\",\n            onChange: (e)=>state.setSelectedKey(e.target.value)\n        }\n    };\n}\nfunction $bdd25dc72710631f$export$cbd84cdb2e668835(props) {\n    let { state: state , triggerRef: triggerRef , label: label , name: name , isDisabled: isDisabled  } = props;\n    let selectRef = (0, $thkiX$useRef)(null);\n    let { containerProps: containerProps , inputProps: inputProps , selectProps: selectProps  } = $bdd25dc72710631f$export$f809e80f58e251d1({\n        ...props,\n        selectRef: selectRef\n    }, state, triggerRef);\n    var _state_selectedKey;\n    // If used in a <form>, use a hidden input so the value can be submitted to a server.\n    // If the collection isn't too big, use a hidden <select> element for this so that browser\n    // autofill will work. Otherwise, use an <input type=\"hidden\">.\n    if (state.collection.size <= 300) return /*#__PURE__*/ (0, $thkiX$react).createElement(\"div\", {\n        ...containerProps,\n        \"data-testid\": \"hidden-select-container\"\n    }, /*#__PURE__*/ (0, $thkiX$react).createElement(\"input\", inputProps), /*#__PURE__*/ (0, $thkiX$react).createElement(\"label\", null, label, /*#__PURE__*/ (0, $thkiX$react).createElement(\"select\", {\n        ...selectProps,\n        ref: selectRef\n    }, /*#__PURE__*/ (0, $thkiX$react).createElement(\"option\", null), [\n        ...state.collection.getKeys()\n    ].map((key)=>{\n        let item = state.collection.getItem(key);\n        if (item.type === \"item\") return /*#__PURE__*/ (0, $thkiX$react).createElement(\"option\", {\n            key: item.key,\n            value: item.key\n        }, item.textValue);\n    }))));\n    else if (name) return /*#__PURE__*/ (0, $thkiX$react).createElement(\"input\", {\n        type: \"hidden\",\n        autoComplete: selectProps.autoComplete,\n        name: name,\n        disabled: isDisabled,\n        value: (_state_selectedKey = state.selectedKey) !== null && _state_selectedKey !== void 0 ? _state_selectedKey : \"\"\n    });\n    return null;\n}\n\n\n\n\nexport {$58aed456727eb0f3$export$e64b2f635402ca43 as useSelect, $bdd25dc72710631f$export$f809e80f58e251d1 as useHiddenSelect, $bdd25dc72710631f$export$cbd84cdb2e668835 as HiddenSelect};\n//# sourceMappingURL=module.js.map\n"],"names":["$58aed456727eb0f3$export$e64b2f635402ca43","props","state","ref","keyboardDelegate","isDisabled","collator","$thkiX$useCollator","delegate","$thkiX$useMemo","$thkiX$ListKeyboardDelegate","menuTriggerProps","menuProps","$thkiX$useMenuTrigger","onKeyDown","e","key","typeSelectProps","$thkiX$useTypeSelect","labelProps","fieldProps","descriptionProps","errorMessageProps","$thkiX$useField","domProps","$thkiX$filterDOMProps","triggerProps","$thkiX$mergeProps","valueId","$thkiX$useId","$thkiX$setInteractionModality","$thkiX$chain","$bdd25dc72710631f$export$f809e80f58e251d1","triggerRef","autoComplete","name","modality","$thkiX$useInteractionModality","visuallyHiddenProps","$thkiX$useVisuallyHidden","$thkiX$useFormReset","_state_selectedKey","$bdd25dc72710631f$export$cbd84cdb2e668835","label","selectRef","$thkiX$useRef","containerProps","inputProps","selectProps","$thkiX$react","item"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra109.js","sources":["../node_modules/@react-aria/slider/dist/import.mjs"],"sourcesContent":["import {useGlobalListeners as $fA3fN$useGlobalListeners, clamp as $fA3fN$clamp, mergeProps as $fA3fN$mergeProps, focusWithoutScrolling as $fA3fN$focusWithoutScrolling, useFormReset as $fA3fN$useFormReset} from \"@react-aria/utils\";\nimport {useRef as $fA3fN$useRef, useCallback as $fA3fN$useCallback, useEffect as $fA3fN$useEffect} from \"react\";\nimport {useMove as $fA3fN$useMove, setInteractionModality as $fA3fN$setInteractionModality, useKeyboard as $fA3fN$useKeyboard} from \"@react-aria/interactions\";\nimport {useLabel as $fA3fN$useLabel} from \"@react-aria/label\";\nimport {useLocale as $fA3fN$useLocale} from \"@react-aria/i18n\";\nimport {useFocusable as $fA3fN$useFocusable} from \"@react-aria/focus\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ /*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nconst $aa519ee6cf463259$export$d6c8d9636a3dc49c = new WeakMap();\nfunction $aa519ee6cf463259$export$68e648cbec363a18(state, index) {\n    let data = $aa519ee6cf463259$export$d6c8d9636a3dc49c.get(state);\n    if (!data) throw new Error(\"Unknown slider state\");\n    return `${data.id}-${index}`;\n}\n\n\n\n\n\n\nfunction $bcca50147b47f54d$export$56b2c08e277f365(props, state, trackRef) {\n    let { labelProps: labelProps, fieldProps: fieldProps } = (0, $fA3fN$useLabel)(props);\n    let isVertical = props.orientation === \"vertical\";\n    var _labelProps_id;\n    // Attach id of the label to the state so it can be accessed by useSliderThumb.\n    (0, $aa519ee6cf463259$export$d6c8d9636a3dc49c).set(state, {\n        id: (_labelProps_id = labelProps.id) !== null && _labelProps_id !== void 0 ? _labelProps_id : fieldProps.id,\n        \"aria-describedby\": props[\"aria-describedby\"],\n        \"aria-details\": props[\"aria-details\"]\n    });\n    let { direction: direction } = (0, $fA3fN$useLocale)();\n    let { addGlobalListener: addGlobalListener, removeGlobalListener: removeGlobalListener } = (0, $fA3fN$useGlobalListeners)();\n    // When the user clicks or drags the track, we want the motion to set and drag the\n    // closest thumb.  Hence we also need to install useMove() on the track element.\n    // Here, we keep track of which index is the \"closest\" to the drag start point.\n    // It is set onMouseDown/onTouchDown; see trackProps below.\n    const realTimeTrackDraggingIndex = (0, $fA3fN$useRef)(null);\n    const reverseX = direction === \"rtl\";\n    const currentPosition = (0, $fA3fN$useRef)(null);\n    const { moveProps: moveProps } = (0, $fA3fN$useMove)({\n        onMoveStart () {\n            currentPosition.current = null;\n        },\n        onMove ({ deltaX: deltaX, deltaY: deltaY }) {\n            let { height: height, width: width } = trackRef.current.getBoundingClientRect();\n            let size = isVertical ? height : width;\n            if (currentPosition.current == null) currentPosition.current = state.getThumbPercent(realTimeTrackDraggingIndex.current) * size;\n            let delta = isVertical ? deltaY : deltaX;\n            if (isVertical || reverseX) delta = -delta;\n            currentPosition.current += delta;\n            if (realTimeTrackDraggingIndex.current != null && trackRef.current) {\n                const percent = (0, $fA3fN$clamp)(currentPosition.current / size, 0, 1);\n                state.setThumbPercent(realTimeTrackDraggingIndex.current, percent);\n            }\n        },\n        onMoveEnd () {\n            if (realTimeTrackDraggingIndex.current != null) {\n                state.setThumbDragging(realTimeTrackDraggingIndex.current, false);\n                realTimeTrackDraggingIndex.current = null;\n            }\n        }\n    });\n    let currentPointer = (0, $fA3fN$useRef)(undefined);\n    let onDownTrack = (e, id, clientX, clientY)=>{\n        // We only trigger track-dragging if the user clicks on the track itself and nothing is currently being dragged.\n        if (trackRef.current && !props.isDisabled && state.values.every((_, i)=>!state.isThumbDragging(i))) {\n            let { height: height, width: width, top: top, left: left } = trackRef.current.getBoundingClientRect();\n            let size = isVertical ? height : width;\n            // Find the closest thumb\n            const trackPosition = isVertical ? top : left;\n            const clickPosition = isVertical ? clientY : clientX;\n            const offset = clickPosition - trackPosition;\n            let percent = offset / size;\n            if (direction === \"rtl\" || isVertical) percent = 1 - percent;\n            let value = state.getPercentValue(percent);\n            // to find the closet thumb we split the array based on the first thumb position to the \"right/end\" of the click.\n            let closestThumb;\n            let split = state.values.findIndex((v)=>value - v < 0);\n            if (split === 0) closestThumb = split;\n            else if (split === -1) closestThumb = state.values.length - 1;\n            else {\n                let lastLeft = state.values[split - 1];\n                let firstRight = state.values[split];\n                // Pick the last left/start thumb, unless they are stacked on top of each other, then pick the right/end one\n                if (Math.abs(lastLeft - value) < Math.abs(firstRight - value)) closestThumb = split - 1;\n                else closestThumb = split;\n            }\n            // Confirm that the found closest thumb is editable, not disabled, and move it\n            if (closestThumb >= 0 && state.isThumbEditable(closestThumb)) {\n                // Don't unfocus anything\n                e.preventDefault();\n                realTimeTrackDraggingIndex.current = closestThumb;\n                state.setFocusedThumb(closestThumb);\n                currentPointer.current = id;\n                state.setThumbDragging(realTimeTrackDraggingIndex.current, true);\n                state.setThumbValue(closestThumb, value);\n                addGlobalListener(window, \"mouseup\", onUpTrack, false);\n                addGlobalListener(window, \"touchend\", onUpTrack, false);\n                addGlobalListener(window, \"pointerup\", onUpTrack, false);\n            } else realTimeTrackDraggingIndex.current = null;\n        }\n    };\n    let onUpTrack = (e)=>{\n        var _e_changedTouches;\n        var _e_pointerId;\n        let id = (_e_pointerId = e.pointerId) !== null && _e_pointerId !== void 0 ? _e_pointerId : (_e_changedTouches = e.changedTouches) === null || _e_changedTouches === void 0 ? void 0 : _e_changedTouches[0].identifier;\n        if (id === currentPointer.current) {\n            if (realTimeTrackDraggingIndex.current != null) {\n                state.setThumbDragging(realTimeTrackDraggingIndex.current, false);\n                realTimeTrackDraggingIndex.current = null;\n            }\n            removeGlobalListener(window, \"mouseup\", onUpTrack, false);\n            removeGlobalListener(window, \"touchend\", onUpTrack, false);\n            removeGlobalListener(window, \"pointerup\", onUpTrack, false);\n        }\n    };\n    if (\"htmlFor\" in labelProps && labelProps.htmlFor) {\n        // Ideally the `for` attribute should point to the first thumb, but VoiceOver on iOS\n        // causes this to override the `aria-labelledby` on the thumb. This causes the first\n        // thumb to only be announced as the slider label rather than its individual name as well.\n        // See https://bugs.webkit.org/show_bug.cgi?id=172464.\n        delete labelProps.htmlFor;\n        labelProps.onClick = ()=>{\n            var // Safari does not focus <input type=\"range\"> elements when clicking on an associated <label>,\n            // so do it manually. In addition, make sure we show the focus ring.\n            _document_getElementById;\n            (_document_getElementById = document.getElementById((0, $aa519ee6cf463259$export$68e648cbec363a18)(state, 0))) === null || _document_getElementById === void 0 ? void 0 : _document_getElementById.focus();\n            (0, $fA3fN$setInteractionModality)(\"keyboard\");\n        };\n    }\n    return {\n        labelProps: labelProps,\n        // The root element of the Slider will have role=\"group\" to group together\n        // all the thumb inputs in the Slider.  The label of the Slider will\n        // be used to label the group.\n        groupProps: {\n            role: \"group\",\n            ...fieldProps\n        },\n        trackProps: (0, $fA3fN$mergeProps)({\n            onMouseDown (e) {\n                if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) return;\n                onDownTrack(e, undefined, e.clientX, e.clientY);\n            },\n            onPointerDown (e) {\n                if (e.pointerType === \"mouse\" && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) return;\n                onDownTrack(e, e.pointerId, e.clientX, e.clientY);\n            },\n            onTouchStart (e) {\n                onDownTrack(e, e.changedTouches[0].identifier, e.changedTouches[0].clientX, e.changedTouches[0].clientY);\n            },\n            style: {\n                position: \"relative\",\n                touchAction: \"none\"\n            }\n        }, moveProps),\n        outputProps: {\n            htmlFor: state.values.map((_, index)=>(0, $aa519ee6cf463259$export$68e648cbec363a18)(state, index)).join(\" \"),\n            \"aria-live\": \"off\"\n        }\n    };\n}\n\n\n\n\n\n\n\n\n\nfunction $47b897dc8cdb026b$export$8d15029008292ae(opts, state) {\n    let { index: index = 0, isRequired: isRequired, validationState: validationState, isInvalid: isInvalid, trackRef: trackRef, inputRef: inputRef, orientation: orientation = state.orientation, name: name } = opts;\n    let isDisabled = opts.isDisabled || state.isDisabled;\n    let isVertical = orientation === \"vertical\";\n    let { direction: direction } = (0, $fA3fN$useLocale)();\n    let { addGlobalListener: addGlobalListener, removeGlobalListener: removeGlobalListener } = (0, $fA3fN$useGlobalListeners)();\n    let data = (0, $aa519ee6cf463259$export$d6c8d9636a3dc49c).get(state);\n    var _opts_arialabelledby;\n    const { labelProps: labelProps, fieldProps: fieldProps } = (0, $fA3fN$useLabel)({\n        ...opts,\n        id: (0, $aa519ee6cf463259$export$68e648cbec363a18)(state, index),\n        \"aria-labelledby\": `${data.id} ${(_opts_arialabelledby = opts[\"aria-labelledby\"]) !== null && _opts_arialabelledby !== void 0 ? _opts_arialabelledby : \"\"}`.trim()\n    });\n    const value = state.values[index];\n    const focusInput = (0, $fA3fN$useCallback)(()=>{\n        if (inputRef.current) (0, $fA3fN$focusWithoutScrolling)(inputRef.current);\n    }, [\n        inputRef\n    ]);\n    const isFocused = state.focusedThumb === index;\n    (0, $fA3fN$useEffect)(()=>{\n        if (isFocused) focusInput();\n    }, [\n        isFocused,\n        focusInput\n    ]);\n    let reverseX = direction === \"rtl\";\n    let currentPosition = (0, $fA3fN$useRef)(null);\n    let { keyboardProps: keyboardProps } = (0, $fA3fN$useKeyboard)({\n        onKeyDown (e) {\n            let { getThumbMaxValue: getThumbMaxValue, getThumbMinValue: getThumbMinValue, decrementThumb: decrementThumb, incrementThumb: incrementThumb, setThumbValue: setThumbValue, setThumbDragging: setThumbDragging, pageSize: pageSize } = state;\n            // these are the cases that useMove or useSlider don't handle\n            if (!/^(PageUp|PageDown|Home|End)$/.test(e.key)) {\n                e.continuePropagation();\n                return;\n            }\n            // same handling as useMove, stopPropagation to prevent useSlider from handling the event as well.\n            e.preventDefault();\n            // remember to set this so that onChangeEnd is fired\n            setThumbDragging(index, true);\n            switch(e.key){\n                case \"PageUp\":\n                    incrementThumb(index, pageSize);\n                    break;\n                case \"PageDown\":\n                    decrementThumb(index, pageSize);\n                    break;\n                case \"Home\":\n                    setThumbValue(index, getThumbMinValue(index));\n                    break;\n                case \"End\":\n                    setThumbValue(index, getThumbMaxValue(index));\n                    break;\n            }\n            setThumbDragging(index, false);\n        }\n    });\n    let { moveProps: moveProps } = (0, $fA3fN$useMove)({\n        onMoveStart () {\n            currentPosition.current = null;\n            state.setThumbDragging(index, true);\n        },\n        onMove ({ deltaX: deltaX, deltaY: deltaY, pointerType: pointerType, shiftKey: shiftKey }) {\n            const { getThumbPercent: getThumbPercent, setThumbPercent: setThumbPercent, decrementThumb: decrementThumb, incrementThumb: incrementThumb, step: step, pageSize: pageSize } = state;\n            let { width: width, height: height } = trackRef.current.getBoundingClientRect();\n            let size = isVertical ? height : width;\n            if (currentPosition.current == null) currentPosition.current = getThumbPercent(index) * size;\n            if (pointerType === \"keyboard\") {\n                if (deltaX > 0 && reverseX || deltaX < 0 && !reverseX || deltaY > 0) decrementThumb(index, shiftKey ? pageSize : step);\n                else incrementThumb(index, shiftKey ? pageSize : step);\n            } else {\n                let delta = isVertical ? deltaY : deltaX;\n                if (isVertical || reverseX) delta = -delta;\n                currentPosition.current += delta;\n                setThumbPercent(index, (0, $fA3fN$clamp)(currentPosition.current / size, 0, 1));\n            }\n        },\n        onMoveEnd () {\n            state.setThumbDragging(index, false);\n        }\n    });\n    // Immediately register editability with the state\n    state.setThumbEditable(index, !isDisabled);\n    const { focusableProps: focusableProps } = (0, $fA3fN$useFocusable)((0, $fA3fN$mergeProps)(opts, {\n        onFocus: ()=>state.setFocusedThumb(index),\n        onBlur: ()=>state.setFocusedThumb(undefined)\n    }), inputRef);\n    let currentPointer = (0, $fA3fN$useRef)(undefined);\n    let onDown = (id)=>{\n        focusInput();\n        currentPointer.current = id;\n        state.setThumbDragging(index, true);\n        addGlobalListener(window, \"mouseup\", onUp, false);\n        addGlobalListener(window, \"touchend\", onUp, false);\n        addGlobalListener(window, \"pointerup\", onUp, false);\n    };\n    let onUp = (e)=>{\n        var _e_changedTouches;\n        var _e_pointerId;\n        let id = (_e_pointerId = e.pointerId) !== null && _e_pointerId !== void 0 ? _e_pointerId : (_e_changedTouches = e.changedTouches) === null || _e_changedTouches === void 0 ? void 0 : _e_changedTouches[0].identifier;\n        if (id === currentPointer.current) {\n            focusInput();\n            state.setThumbDragging(index, false);\n            removeGlobalListener(window, \"mouseup\", onUp, false);\n            removeGlobalListener(window, \"touchend\", onUp, false);\n            removeGlobalListener(window, \"pointerup\", onUp, false);\n        }\n    };\n    let thumbPosition = state.getThumbPercent(index);\n    if (isVertical || direction === \"rtl\") thumbPosition = 1 - thumbPosition;\n    let interactions = !isDisabled ? (0, $fA3fN$mergeProps)(keyboardProps, moveProps, {\n        onMouseDown: (e)=>{\n            if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) return;\n            onDown();\n        },\n        onPointerDown: (e)=>{\n            if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) return;\n            onDown(e.pointerId);\n        },\n        onTouchStart: (e)=>{\n            onDown(e.changedTouches[0].identifier);\n        }\n    }) : {};\n    (0, $fA3fN$useFormReset)(inputRef, value, (v)=>{\n        state.setThumbValue(index, v);\n    });\n    // We install mouse handlers for the drag motion on the thumb div, but\n    // not the key handler for moving the thumb with the slider.  Instead,\n    // we focus the range input, and let the browser handle the keyboard\n    // interactions; we then listen to input's onChange to update state.\n    return {\n        inputProps: (0, $fA3fN$mergeProps)(focusableProps, fieldProps, {\n            type: \"range\",\n            tabIndex: !isDisabled ? 0 : undefined,\n            min: state.getThumbMinValue(index),\n            max: state.getThumbMaxValue(index),\n            step: state.step,\n            value: value,\n            name: name,\n            disabled: isDisabled,\n            \"aria-orientation\": orientation,\n            \"aria-valuetext\": state.getThumbValueLabel(index),\n            \"aria-required\": isRequired || undefined,\n            \"aria-invalid\": isInvalid || validationState === \"invalid\" || undefined,\n            \"aria-errormessage\": opts[\"aria-errormessage\"],\n            \"aria-describedby\": [\n                data[\"aria-describedby\"],\n                opts[\"aria-describedby\"]\n            ].filter(Boolean).join(\" \"),\n            \"aria-details\": [\n                data[\"aria-details\"],\n                opts[\"aria-details\"]\n            ].filter(Boolean).join(\" \"),\n            onChange: (e)=>{\n                state.setThumbValue(index, parseFloat(e.target.value));\n            }\n        }),\n        thumbProps: {\n            ...interactions,\n            style: {\n                position: \"absolute\",\n                [isVertical ? \"top\" : \"left\"]: `${thumbPosition * 100}%`,\n                transform: \"translate(-50%, -50%)\",\n                touchAction: \"none\"\n            }\n        },\n        labelProps: labelProps,\n        isDragging: state.isThumbDragging(index),\n        isDisabled: isDisabled,\n        isFocused: isFocused\n    };\n}\n\n\n\n\nexport {$bcca50147b47f54d$export$56b2c08e277f365 as useSlider, $47b897dc8cdb026b$export$8d15029008292ae as useSliderThumb};\n//# sourceMappingURL=module.js.map\n"],"names":["$aa519ee6cf463259$export$d6c8d9636a3dc49c","$aa519ee6cf463259$export$68e648cbec363a18","state","index","data","$bcca50147b47f54d$export$56b2c08e277f365","props","trackRef","labelProps","fieldProps","$fA3fN$useLabel","isVertical","_labelProps_id","direction","$fA3fN$useLocale","addGlobalListener","removeGlobalListener","$fA3fN$useGlobalListeners","realTimeTrackDraggingIndex","$fA3fN$useRef","reverseX","currentPosition","moveProps","$fA3fN$useMove","deltaX","deltaY","height","width","size","delta","percent","$fA3fN$clamp","currentPointer","onDownTrack","e","id","clientX","clientY","_","i","top","left","value","closestThumb","split","v","lastLeft","firstRight","onUpTrack","_e_changedTouches","_e_pointerId","_document_getElementById","$fA3fN$setInteractionModality","$fA3fN$mergeProps","$47b897dc8cdb026b$export$8d15029008292ae","opts","isRequired","validationState","isInvalid","inputRef","orientation","name","isDisabled","_opts_arialabelledby","focusInput","$fA3fN$useCallback","$fA3fN$focusWithoutScrolling","isFocused","$fA3fN$useEffect","keyboardProps","$fA3fN$useKeyboard","getThumbMaxValue","getThumbMinValue","decrementThumb","incrementThumb","setThumbValue","setThumbDragging","pageSize","pointerType","shiftKey","getThumbPercent","setThumbPercent","step","focusableProps","$fA3fN$useFocusable","onDown","onUp","thumbPosition","interactions","$fA3fN$useFormReset"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/lyra11.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra53.cjs"),m=require("react"),x=require("./lyra52.cjs"),R=require("./lyra62.cjs"),c=require("./lyra12.cjs"),b=require("./lyra38.cjs"),l=require("./lyra42.cjs"),E=require("./lyra43.cjs");require("./lyra24.cjs");require("./lyra15.cjs");require("./lyra8.cjs");require("./lyra72.cjs");require("./lyra17.cjs");require("./lyra18.cjs");const u=require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra148.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra25.cjs");require("./lyra26.cjs");const N=require("./lyra54.cjs"),d=m.forwardRef(({label:r,labelClassName:n,hint:t,description:i,errorMessage:a,children:s,orientation:p="vertical",color:h,className:y,...q},f)=>e.jsxRuntimeExports.jsx(x.CheckboxGroup,{...q,ref:f,children:o=>e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-y-1",children:[e.jsxRuntimeExports.jsxs("div",{className:R.cx("flex items-center gap-3",r?"justify-between":"justify-end"),children:[r?e.jsxRuntimeExports.jsxs(x.Label,{className:u.sharedInputlabelStyles({className:n}),style:{fontFamily:"var(--input-label-font-family)"},children:[r,o.isRequired&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,t?e.jsxRuntimeExports.jsx("span",{className:u.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:t}):null]}),e.jsxRuntimeExports.jsx("div",{className:N.twMerge(c.checkboxGroupStyles({orientation:p,color:h,className:y})),children:typeof s=="function"?s(o):s}),i&&e.jsxRuntimeExports.jsx(l.Text,{className:"mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:i}),a&&e.jsxRuntimeExports.jsx(l.Text,{className:"mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:a})]})}));d.displayName="CheckboxGroup";const j=m.forwardRef(({className:r,color:n,children:t,...i},a)=>e.jsxRuntimeExports.jsx(x.Checkbox,{className:c.checkboxWrapperStyles({className:r}),ref:a,...i,children:s=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:c.checkboxStyles({color:n,...s}),children:[s.isSelected&&!s.isIndeterminate&&e.jsxRuntimeExports.jsx(b.SvgIcon,{name:"checkmark",className:"h-5 w-5","aria-hidden":"true"}),s.isIndeterminate&&s.isSelected&&e.jsxRuntimeExports.jsx("svg",{className:"h-5 w-5",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:e.jsxRuntimeExports.jsx("rect",{x:"6",y:"9",width:"8",height:"2",fill:"currentColor"})})]}),t&&e.jsxRuntimeExports.jsx("div",{className:E.textStyles({variant:"body-medium",className:["leading-5",s.isDisabled?"cursor-not-allowed opacity-50":""]}),children:typeof t=="function"?t(s):t})]})}));j.displayName="Checkbox";exports.Checkbox=j;exports.CheckboxGroup=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra53.cjs"),m=require("react"),n=require("./lyra52.cjs"),R=require("./lyra62.cjs"),b=require("./lyra38.cjs"),o=require("./lyra42.cjs"),E=require("./lyra43.cjs"),x=require("./lyra12.cjs");require("./lyra24.cjs");require("./lyra15.cjs");require("./lyra8.cjs");require("./lyra72.cjs");require("./lyra17.cjs");require("./lyra2.cjs");require("./lyra67.cjs");require("./lyra70.cjs");require("./lyra68.cjs");require("./lyra10.cjs");require("./lyra27.cjs");require("./lyra74.cjs");require("./lyra29.cjs");require("./lyra31.cjs");require("./lyra144.cjs");require("./lyra76.cjs");require("./lyra39.cjs");require("./lyra77.cjs");require("./lyra41.cjs");require("./lyra79.cjs");require("./lyra48.cjs");require("./lyra57.cjs");const l=require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra145.cjs");require("./lyra22.cjs");require("./lyra25.cjs");require("./lyra26.cjs");const N=require("./lyra54.cjs"),d=m.forwardRef(({label:t,labelClassName:a,hint:s,description:i,errorMessage:u,children:r,orientation:j="vertical",color:p,className:h,...y},f)=>e.jsxRuntimeExports.jsx(n.CheckboxGroup,{...y,ref:f,children:c=>e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-y-1",children:[e.jsxRuntimeExports.jsxs("div",{className:R.cx("flex items-center gap-3",t?"justify-between":"justify-end"),children:[t?e.jsxRuntimeExports.jsxs(n.Label,{className:l.sharedInputlabelStyles({className:a}),style:{fontFamily:"var(--input-label-font-family)"},children:[t,c.isRequired&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,s?e.jsxRuntimeExports.jsx("span",{className:l.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:s}):null]}),e.jsxRuntimeExports.jsx("div",{className:N.twMerge(x.checkboxGroupStyles({orientation:j,color:p,className:h})),children:typeof r=="function"?r(c):r}),i&&e.jsxRuntimeExports.jsx(o.Text,{className:"mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:i}),u&&e.jsxRuntimeExports.jsx(o.Text,{className:"mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:u})]})}));d.displayName="CheckboxGroup";const q=m.forwardRef(({className:t,color:a,children:s,...i},u)=>e.jsxRuntimeExports.jsx(n.Checkbox,{className:x.checkboxWrapperStyles({className:t}),ref:u,...i,children:r=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:x.checkboxStyles({color:a,...r}),children:[r.isSelected&&!r.isIndeterminate&&e.jsxRuntimeExports.jsx(b.SvgIcon,{name:"checkmark",className:"h-5 w-5","aria-hidden":"true"}),r.isIndeterminate&&r.isSelected&&e.jsxRuntimeExports.jsx("svg",{className:"h-5 w-5",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:e.jsxRuntimeExports.jsx("rect",{x:"6",y:"9",width:"8",height:"2",fill:"currentColor"})})]}),s&&e.jsxRuntimeExports.jsx("div",{className:E.textStyles({variant:"body-medium",className:["leading-5",r.isDisabled?"cursor-not-allowed opacity-50":""]}),children:typeof s=="function"?s(r):s})]})}));q.displayName="Checkbox";exports.Checkbox=q;exports.CheckboxGroup=d;

package/dist/lyra11.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra11.cjs","sources":["../src/components/inputs/checkbox-group/checkbox-group.tsx"],"sourcesContent":["import { ElementRef, forwardRef } from \"react\";\n\nimport {\n  CheckboxGroup as AriaCheckboxGroup,\n  CheckboxGroupProps as AriaCheckboxGroupProps,\n  CheckboxProps as AriaCheckBoxProps,\n  Checkbox as AriaCheckbox,\n  Label,\n} from \"react-aria-components\";\nimport { VariantProps, cx } from \"../../../utils/class-variance-authority\";\nimport {\n  checkboxGroupStyles,\n  checkboxStyles,\n  checkboxWrapperStyles,\n} from \"./checkbox-group.styles\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { textStyles } from \"../../text\";\nimport { Text } from \"../../text\";\nimport { sharedInputHintStyles, sharedInputlabelStyles } from \"..\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport type CheckboxGroupProps = AriaCheckboxGroupProps &\n  VariantProps<typeof checkboxGroupStyles> & {\n    label?: string;\n    labelClassName?: string;\n    hint?: string;\n    errorMessage?: string;\n    description?: string;\n    orientation?: \"horizontal\" | \"vertical\";\n  };\n\nexport const CheckboxGroup = forwardRef<HTMLDivElement, CheckboxGroupProps>(\n  (\n    {\n      label,\n      labelClassName,\n      hint,\n      description,\n      errorMessage,\n      children,\n      orientation = \"vertical\",\n      color,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <AriaCheckboxGroup {...props} ref={ref}>\n        {(renderProps) => (\n          <div className=\"flex flex-col gap-y-1\">\n            <div\n              className={cx(\n                \"flex items-center gap-3\",\n                label ? \"justify-between\" : \"justify-end\"\n              )}\n            >\n              {label ? (\n                <Label\n                  className={sharedInputlabelStyles({\n                    className: labelClassName,\n                  })}\n                  style={{ fontFamily: \"var(--input-label-font-family)\" }}\n                >\n                  {label}\n                  {renderProps.isRequired && (\n                    <span className=\"text-danger\">{\" *\"}</span>\n                  )}\n                </Label>\n              ) : null}\n              {hint ? (\n                <span\n                  className={sharedInputHintStyles()}\n                  style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n                >\n                  {hint}\n                </span>\n              ) : null}\n            </div>\n            <div\n              className={twMerge(\n                checkboxGroupStyles({ orientation, color, className })\n              )}\n            >\n              {typeof children === \"function\"\n                ? children(renderProps)\n                : children}\n            </div>\n            {description && (\n              <Text\n                className=\"mt-1.5\"\n                variant=\"body-small\"\n                color=\"secondary\"\n                slot=\"description\"\n              >\n                {description}\n              </Text>\n            )}\n            {errorMessage && (\n              <Text\n                className=\"mt-1.5\"\n                variant=\"body-small\"\n                color=\"accent-danger\"\n                slot=\"errorMessage\"\n              >\n                {errorMessage}\n              </Text>\n            )}\n          </div>\n        )}\n      </AriaCheckboxGroup>\n    );\n  }\n);\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\ntype CheckboxVariantProps = VariantProps<typeof checkboxStyles>;\nexport type CheckBoxProps = AriaCheckBoxProps &\n  CheckboxVariantProps & {\n    className?: string;\n  };\n\nexport const Checkbox = forwardRef<\n  ElementRef<typeof AriaCheckbox>,\n  CheckBoxProps\n>(({ className, color, children, ...props }, ref) => {\n  return (\n    <AriaCheckbox\n      className={checkboxWrapperStyles({ className })}\n      ref={ref}\n      {...props}\n    >\n      {(renderProps) => (\n        <>\n          <div className={checkboxStyles({ color, ...renderProps })}>\n            {renderProps.isSelected && !renderProps.isIndeterminate && (\n              <SvgIcon\n                name=\"checkmark\"\n                className=\"h-5 w-5\"\n                aria-hidden=\"true\"\n              />\n            )}\n            {renderProps.isIndeterminate && renderProps.isSelected && (\n              <svg\n                className=\"h-5 w-5\"\n                viewBox=\"0 0 20 20\"\n                fill=\"none\"\n                aria-hidden=\"true\"\n              >\n                <rect x=\"6\" y=\"9\" width=\"8\" height=\"2\" fill=\"currentColor\" />\n              </svg>\n            )}\n          </div>\n          {children && (\n            <div\n              className={textStyles({\n                variant: \"body-medium\",\n                className: [\n                  \"leading-5\",\n                  renderProps.isDisabled ? \"cursor-not-allowed opacity-50\" : \"\",\n                ],\n              })}\n            >\n              {typeof children === \"function\"\n                ? children(renderProps)\n                : children}\n            </div>\n          )}\n        </>\n      )}\n    </AriaCheckbox>\n  );\n});\n\nCheckbox.displayName = \"Checkbox\";\n"],"names":["CheckboxGroup","forwardRef","label","labelClassName","hint","description","errorMessage","children","orientation","color","className","props","ref","jsx","AriaCheckboxGroup","renderProps","jsxs","cx","Label","sharedInputlabelStyles","sharedInputHintStyles","twMerge","checkboxGroupStyles","Text","Checkbox","AriaCheckbox","checkboxWrapperStyles","Fragment","checkboxStyles","SvgIcon","textStyles"],"mappings":"+nBA+BaA,EAAgBC,EAAA,WAC3B,CACE,CACE,MAAAC,EACA,eAAAC,EACA,KAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,YAAAC,EAAc,WACd,MAAAC,EACA,UAAAC,EACA,GAAGC,GAELC,IAGEC,EAAA,kBAAA,IAACC,EAAmB,cAAA,CAAA,GAAGH,EAAO,IAAAC,EAC3B,SAACG,GACAC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,wBACb,SAAA,CAAAA,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWC,EAAA,GACT,0BACAf,EAAQ,kBAAoB,aAC9B,EAEC,SAAA,CACCA,EAAAc,EAAA,kBAAA,KAACE,EAAA,MAAA,CACC,UAAWC,EAAAA,uBAAuB,CAChC,UAAWhB,CAAA,CACZ,EACD,MAAO,CAAE,WAAY,gCAAiC,EAErD,SAAA,CAAAD,EACAa,EAAY,YACXF,EAAAA,kBAAAA,IAAC,OAAK,CAAA,UAAU,cAAe,SAAK,KAAA,CAAA,CAAA,CAAA,EAGtC,KACHT,EACCS,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWO,EAAAA,sBAAsB,EACjC,MAAO,CAAE,WAAY,+BAAgC,EAEpD,SAAAhB,CAAA,CAAA,EAED,IAAA,CAAA,CACN,EACAS,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWQ,EAAA,QACTC,EAAAA,oBAAoB,CAAE,YAAAd,EAAa,MAAAC,EAAO,UAAAC,EAAW,CACvD,EAEC,SAAO,OAAAH,GAAa,WACjBA,EAASQ,CAAW,EACpBR,CAAA,CACN,EACCF,GACCQ,EAAA,kBAAA,IAACU,EAAA,KAAA,CACC,UAAU,SACV,QAAQ,aACR,MAAM,YACN,KAAK,cAEJ,SAAAlB,CAAA,CACH,EAEDC,GACCO,EAAA,kBAAA,IAACU,EAAA,KAAA,CACC,UAAU,SACV,QAAQ,aACR,MAAM,gBACN,KAAK,eAEJ,SAAAjB,CAAA,CACH,CAAA,CAEJ,CAAA,CAEJ,CAAA,CAGN,EAEAN,EAAc,YAAc,gBAQf,MAAAwB,EAAWvB,EAAAA,WAGtB,CAAC,CAAE,UAAAS,EAAW,MAAAD,EAAO,SAAAF,EAAU,GAAGI,CAAM,EAAGC,IAEzCC,EAAA,kBAAA,IAACY,EAAA,SAAA,CACC,UAAWC,EAAAA,sBAAsB,CAAE,UAAAhB,EAAW,EAC9C,IAAAE,EACC,GAAGD,EAEH,SAACI,GAEEC,EAAA,kBAAA,KAAAW,EAAA,kBAAA,SAAA,CAAA,SAAA,CAACX,yBAAA,MAAA,CAAI,UAAWY,EAAe,eAAA,CAAE,MAAAnB,EAAO,GAAGM,EAAa,EACrD,SAAA,CAAYA,EAAA,YAAc,CAACA,EAAY,iBACtCF,EAAA,kBAAA,IAACgB,EAAA,QAAA,CACC,KAAK,YACL,UAAU,UACV,cAAY,MAAA,CACd,EAEDd,EAAY,iBAAmBA,EAAY,YAC1CF,EAAA,kBAAA,IAAC,MAAA,CACC,UAAU,UACV,QAAQ,YACR,KAAK,OACL,cAAY,OAEZ,SAAAA,EAAAA,kBAAAA,IAAC,OAAK,CAAA,EAAE,IAAI,EAAE,IAAI,MAAM,IAAI,OAAO,IAAI,KAAK,cAAe,CAAA,CAAA,CAC7D,CAAA,EAEJ,EACCN,GACCM,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWiB,EAAAA,WAAW,CACpB,QAAS,cACT,UAAW,CACT,YACAf,EAAY,WAAa,gCAAkC,EAC7D,CAAA,CACD,EAEA,SAAO,OAAAR,GAAa,WACjBA,EAASQ,CAAW,EACpBR,CAAA,CACN,CAAA,EAEJ,CAAA,CAAA,CAIP,EAEDiB,EAAS,YAAc"}
+{"version":3,"file":"lyra11.cjs","sources":["../src/components/inputs/checkbox-group/checkbox-group.tsx"],"sourcesContent":["import { ElementRef, forwardRef } from \"react\";\nimport {\n  Checkbox as AriaCheckbox,\n  CheckboxGroup as AriaCheckboxGroup,\n  CheckboxGroupProps as AriaCheckboxGroupProps,\n  CheckboxProps as AriaCheckBoxProps,\n  Label,\n} from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text, textStyles } from \"../../text\";\nimport { sharedInputHintStyles, sharedInputlabelStyles } from \"..\";\n\nimport {\n  checkboxGroupStyles,\n  checkboxStyles,\n  checkboxWrapperStyles,\n} from \"./checkbox-group.styles\";\n\nexport type CheckboxGroupProps = AriaCheckboxGroupProps &\n  VariantProps<typeof checkboxGroupStyles> & {\n    label?: string;\n    labelClassName?: string;\n    hint?: string;\n    errorMessage?: string;\n    description?: string;\n    orientation?: \"horizontal\" | \"vertical\";\n  };\n\nexport const CheckboxGroup = forwardRef<HTMLDivElement, CheckboxGroupProps>(\n  (\n    {\n      label,\n      labelClassName,\n      hint,\n      description,\n      errorMessage,\n      children,\n      orientation = \"vertical\",\n      color,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <AriaCheckboxGroup {...props} ref={ref}>\n        {(renderProps) => (\n          <div className=\"flex flex-col gap-y-1\">\n            <div\n              className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}\n            >\n              {label ? (\n                <Label\n                  className={sharedInputlabelStyles({\n                    className: labelClassName,\n                  })}\n                  style={{ fontFamily: \"var(--input-label-font-family)\" }}\n                >\n                  {label}\n                  {renderProps.isRequired && <span className=\"text-danger\">{\" *\"}</span>}\n                </Label>\n              ) : null}\n              {hint ? (\n                <span\n                  className={sharedInputHintStyles()}\n                  style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n                >\n                  {hint}\n                </span>\n              ) : null}\n            </div>\n            <div className={twMerge(checkboxGroupStyles({ orientation, color, className }))}>\n              {typeof children === \"function\" ? children(renderProps) : children}\n            </div>\n            {description && (\n              <Text className=\"mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n                {description}\n              </Text>\n            )}\n            {errorMessage && (\n              <Text\n                className=\"mt-1.5\"\n                variant=\"body-small\"\n                color=\"accent-danger\"\n                slot=\"errorMessage\"\n              >\n                {errorMessage}\n              </Text>\n            )}\n          </div>\n        )}\n      </AriaCheckboxGroup>\n    );\n  },\n);\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\ntype CheckboxVariantProps = VariantProps<typeof checkboxStyles>;\nexport type CheckBoxProps = AriaCheckBoxProps &\n  CheckboxVariantProps & {\n    className?: string;\n  };\n\nexport const Checkbox = forwardRef<ElementRef<typeof AriaCheckbox>, CheckBoxProps>(\n  ({ className, color, children, ...props }, ref) => {\n    return (\n      <AriaCheckbox className={checkboxWrapperStyles({ className })} ref={ref} {...props}>\n        {(renderProps) => (\n          <>\n            <div className={checkboxStyles({ color, ...renderProps })}>\n              {renderProps.isSelected && !renderProps.isIndeterminate && (\n                <SvgIcon name=\"checkmark\" className=\"h-5 w-5\" aria-hidden=\"true\" />\n              )}\n              {renderProps.isIndeterminate && renderProps.isSelected && (\n                <svg className=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n                  <rect x=\"6\" y=\"9\" width=\"8\" height=\"2\" fill=\"currentColor\" />\n                </svg>\n              )}\n            </div>\n            {children && (\n              <div\n                className={textStyles({\n                  variant: \"body-medium\",\n                  className: [\n                    \"leading-5\",\n                    renderProps.isDisabled ? \"cursor-not-allowed opacity-50\" : \"\",\n                  ],\n                })}\n              >\n                {typeof children === \"function\" ? children(renderProps) : children}\n              </div>\n            )}\n          </>\n        )}\n      </AriaCheckbox>\n    );\n  },\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"names":["CheckboxGroup","forwardRef","label","labelClassName","hint","description","errorMessage","children","orientation","color","className","props","ref","jsx","AriaCheckboxGroup","renderProps","jsxs","cx","Label","sharedInputlabelStyles","sharedInputHintStyles","twMerge","checkboxGroupStyles","Text","Checkbox","AriaCheckbox","checkboxWrapperStyles","Fragment","checkboxStyles","SvgIcon","textStyles"],"mappings":"u+BAgCaA,EAAgBC,EAAA,WAC3B,CACE,CACE,MAAAC,EACA,eAAAC,EACA,KAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,YAAAC,EAAc,WACd,MAAAC,EACA,UAAAC,EACA,GAAGC,GAELC,IAGEC,EAAA,kBAAA,IAACC,EAAmB,cAAA,CAAA,GAAGH,EAAO,IAAAC,EAC3B,SAACG,GACAC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,wBACb,SAAA,CAAAA,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,0BAA2Bf,EAAQ,kBAAoB,aAAa,EAEjF,SAAA,CACCA,EAAAc,EAAA,kBAAA,KAACE,EAAA,MAAA,CACC,UAAWC,EAAAA,uBAAuB,CAChC,UAAWhB,CAAA,CACZ,EACD,MAAO,CAAE,WAAY,gCAAiC,EAErD,SAAA,CAAAD,EACAa,EAAY,YAAcF,EAAAA,kBAAAA,IAAC,OAAK,CAAA,UAAU,cAAe,SAAK,KAAA,CAAA,CAAA,CAAA,EAE/D,KACHT,EACCS,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWO,EAAAA,sBAAsB,EACjC,MAAO,CAAE,WAAY,+BAAgC,EAEpD,SAAAhB,CAAA,CAAA,EAED,IAAA,CAAA,CACN,0BACC,MAAI,CAAA,UAAWiB,UAAQC,sBAAoB,CAAE,YAAAd,EAAa,MAAAC,EAAO,UAAAC,CAAW,CAAA,CAAC,EAC3E,SAAO,OAAAH,GAAa,WAAaA,EAASQ,CAAW,EAAIR,EAC5D,EACCF,GACEQ,EAAAA,kBAAAA,IAAAU,EAAAA,KAAA,CAAK,UAAU,SAAS,QAAQ,aAAa,MAAM,YAAY,KAAK,cAClE,SACHlB,CAAA,CAAA,EAEDC,GACCO,EAAA,kBAAA,IAACU,EAAA,KAAA,CACC,UAAU,SACV,QAAQ,aACR,MAAM,gBACN,KAAK,eAEJ,SAAAjB,CAAA,CACH,CAAA,CAEJ,CAAA,CAEJ,CAAA,CAGN,EAEAN,EAAc,YAAc,gBAQrB,MAAMwB,EAAWvB,EAAA,WACtB,CAAC,CAAE,UAAAS,EAAW,MAAAD,EAAO,SAAAF,EAAU,GAAGI,GAASC,IAEtCC,EAAAA,kBAAAA,IAAAY,EAAAA,SAAA,CAAa,UAAWC,EAAA,sBAAsB,CAAE,UAAAhB,EAAW,EAAG,IAAAE,EAAW,GAAGD,EAC1E,SAACI,GAEEC,EAAAA,kBAAAA,KAAAW,EAAAA,kBAAAA,SAAA,CAAA,SAAA,CAACX,yBAAA,MAAA,CAAI,UAAWY,EAAe,eAAA,CAAE,MAAAnB,EAAO,GAAGM,EAAa,EACrD,SAAA,CAAYA,EAAA,YAAc,CAACA,EAAY,iBACtCF,EAAA,kBAAA,IAACgB,EAAQ,QAAA,CAAA,KAAK,YAAY,UAAU,UAAU,cAAY,MAAO,CAAA,EAElEd,EAAY,iBAAmBA,EAAY,YAC1CF,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,UAAU,QAAQ,YAAY,KAAK,OAAO,cAAY,OACnE,SAACA,EAAAA,kBAAAA,IAAA,OAAA,CAAK,EAAE,IAAI,EAAE,IAAI,MAAM,IAAI,OAAO,IAAI,KAAK,cAAA,CAAe,CAC7D,CAAA,CAAA,EAEJ,EACCN,GACCM,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWiB,EAAAA,WAAW,CACpB,QAAS,cACT,UAAW,CACT,YACAf,EAAY,WAAa,gCAAkC,EAC7D,CAAA,CACD,EAEA,SAAO,OAAAR,GAAa,WAAaA,EAASQ,CAAW,EAAIR,CAAA,CAC5D,CAAA,CAEJ,CAAA,CAEJ,CAAA,CAGN,EAEAiB,EAAS,YAAc"}