@servicetitan/anvil2 1.3.2 → 1.3.4

package/Drawer.js

@@ -1,84 +1,256 @@
-import { j as e } from "./jsx-runtime-82a9ddf6.js";
-import { g as m, C as c, b as p, B as d, E as s, K as u } from "./index-c41dc41a.js";
-import { forwardRef as i } from "react";
-import { useTrackingId as n } from "./useTrackingId.js";
-import "./Alert-012e475c.js";
-import "./Announcement-f9b09ba3.js";
-import "./index-f7658447-1cfbda8f.js";
-import "./Badge-df96f15a.js";
-import "./index-3a4e28a9-3d7ba14f.js";
-import "./Calendar-31bcb381.js";
-import "./Card-bb358803.js";
-import "./ListView-3b1adecb.js";
-import "./Chip-6dde28bc.js";
-import "./ProgressBar-c1b5c7c3.js";
-import "./Divider-b3bff73a.js";
-import "./Flex-d338e855.js";
-import "./Grid-5bad450f.js";
-import "./Icon-b94f924c.js";
-import "./Listbox-60fbdaa1.js";
-import "./Stepper-7e3a130c.js";
-import "./SideNav-33a404ec.js";
-import "./SrOnly-864bd4cb.js";
-import "./jsx-runtime-944c88e2-e73fa629.js";
-import "./index-e0f6271a.js";
-import "./Tab-dd4ab045.js";
-import "./Text-465104f6.js";
-import "./Toast-6cd7d2e1.js";
-import "./index-d46fa8de-f8bf17b6.js";
-import "./useLayoutPropsUtil-e307abc7-cbe2fb6d.js";
-import "./index-3f218083.js";
-import "./LocalizationProvider.js";
-const g = i(
-  (r, t) => /* @__PURE__ */ e.jsx(m, { ref: t, ...r })
-), l = i(
-  (r, t) => {
-    const a = {
-      children: c(r.children),
-      appearance: r.appearance,
-      size: r.size,
-      type: r.type
-    }, o = n({
+import "./index9.css";
+import { j as h } from "./jsx-runtime-82a9ddf6.js";
+import { f as s } from "./jsx-runtime-944c88e2-e73fa629.js";
+import { forwardRef as l, createContext as J, useRef as j, useState as Q, useId as U, useEffect as F, useMemo as V, useContext as W } from "react";
+import { G as D } from "./index-c6e22bb9.js";
+import "./index-06c0bdf0.js";
+import { a as Y } from "./getKeyboardFocusableElements-58a00025.js";
+import "./tinycolor-d415b1fd.js";
+import { u as Z } from "./index-04060912.js";
+import { a as ee } from "./close-064c8acc-7e0b4df7.js";
+import { $ as re } from "./Text-08c90c22.js";
+import { S as ne } from "./index-eb2e706f-03380994.js";
+import { useTrackingId as I } from "./useTrackingId.js";
+import { n as te } from "./childrenToString-416df522.js";
+const ae = "_drawer_1pnmb_4", oe = "_container_1pnmb_28", se = "_content_1pnmb_41", ce = "_header_1pnmb_46", le = "_footer_1pnmb_68", ie = "_remove_1pnmb_86", de = "_large_1pnmb_95", ue = "_sticky_1pnmb_98", c = {
+  drawer: ae,
+  "close-drawer": "_close-drawer_1pnmb_1",
+  "open-drawer": "_open-drawer_1pnmb_1",
+  "open-backdrop": "_open-backdrop_1pnmb_1",
+  container: oe,
+  content: se,
+  header: ce,
+  "close-container": "_close-container_1pnmb_61",
+  footer: le,
+  remove: ie,
+  "close-backdrop": "_close-backdrop_1pnmb_1",
+  large: de,
+  sticky: ue,
+  "close-button": "_close-button_1pnmb_104"
+}, k = l((e, n) => {
+  const { onClick: t, ...o } = e, { close: m } = me(), p = (i) => {
+    m(), t == null || t(i);
+  };
+  return /* @__PURE__ */ s.jsx(
+    ne,
+    {
+      "aria-label": "Close drawer",
+      "data-anv": "drawer-cancel-button",
+      onClick: p,
+      ref: n,
+      ...o
+    }
+  );
+});
+k.displayName = "DrawerCancelButton";
+const y = l(
+  (e, n) => {
+    const { children: t } = e;
+    return /* @__PURE__ */ s.jsxs("header", { className: c.header, "data-anv": "drawer-header", ref: n, children: [
+      /* @__PURE__ */ s.jsx(re, { variant: "headline", el: "h1", children: t }),
+      /* @__PURE__ */ s.jsx("span", { className: c["close-container"], children: /* @__PURE__ */ s.jsx(
+        k,
+        {
+          className: c["close-button"],
+          size: "small",
+          appearance: "ghost",
+          "aria-label": "Close dialog",
+          icon: ee
+        }
+      ) })
+    ] });
+  }
+);
+y.displayName = "DrawerHeader";
+const O = l(
+  (e, n) => {
+    const { children: t, sticky: o = !1, ...m } = e, p = D(c.footer, {
+      [c.sticky]: o
+    });
+    return /* @__PURE__ */ s.jsx(
+      "footer",
+      {
+        className: p,
+        "data-anv": "drawer-footer",
+        ref: n,
+        ...m,
+        children: t
+      }
+    );
+  }
+);
+O.displayName = "DrawerFooter";
+const N = l(
+  (e, n) => {
+    const { children: t, ...o } = e, m = D(c.content, {});
+    return /* @__PURE__ */ s.jsx(
+      "div",
+      {
+        className: m,
+        "data-anv": "drawer-content",
+        ref: n,
+        ...o,
+        children: t
+      }
+    );
+  }
+);
+N.displayName = "DrawerContent";
+const K = J(null), S = l(
+  (e, n) => {
+    const {
+      className: t,
+      open: o = !1,
+      children: m,
+      onOpen: p,
+      onClose: i,
+      onCancel: ve,
+      onClick: E,
+      onKeyDown: H,
+      disableCloseOnEscape: T = !1,
+      disableCloseOnClickOutside: M = !1,
+      size: R = "medium",
+      ...$
+    } = e, f = j(null), z = j(null), a = j(null), [L, b] = Q(!1), v = U(), P = D([c.drawer], t, {
+      [c.remove]: L,
+      [c.large]: R === "large"
+    }), C = Y(f.current), w = C[0], g = C[C.length - 1], x = () => {
+      var r;
+      if (a.current) {
+        const u = (a.current.dataset.drawersOpen ? a.current.dataset.drawersOpen.split(" ") : []).filter((_) => _ !== v);
+        u.length === 0 ? (a.current.removeAttribute("data-drawers-open"), (r = a.current) == null || r.classList.remove("drawer-open")) : a.current.dataset.drawersOpen = u.join(" ");
+      }
+    };
+    F(() => {
+      var r, u, _, B;
+      if (o) {
+        if (p == null || p(), (r = f.current) == null || r.showModal(), !a.current) {
+          const d = (u = f.current) == null ? void 0 : u.closest("body");
+          d && (a.current = d);
+        }
+        if (!((_ = f.current) != null && _.querySelector(":focus")) && (w == null || w.focus()), (B = a.current) == null || B.classList.add("drawer-open"), a.current) {
+          const d = a.current.dataset.drawersOpen ? a.current.dataset.drawersOpen.split(" ") : [];
+          if (d.includes(v))
+            return;
+          d.push(v), a.current.dataset.drawersOpen = d.join(" ");
+        }
+        return;
+      }
+      b(!0), setTimeout(() => {
+        var d;
+        (d = f.current) == null || d.close(), x(), b(!1);
+      }, 200);
+    }, [w, p, o]), F(() => () => x(), []);
+    const q = (r) => {
+      r.preventDefault(), !T && (i == null || i());
+    }, A = (r) => {
+      var u;
+      E == null || E(r);
+      const _ = r.target;
+      if (!((u = z.current) != null && u.contains(_))) {
+        if (r.preventDefault(), M)
+          return;
+        i == null || i();
+      }
+    }, G = (r) => {
+      if (H == null || H(r), r.code === "Tab") {
+        if (r.shiftKey && r.target === w) {
+          r.preventDefault(), g == null || g.focus();
+          return;
+        }
+        if (r.target === g && !r.shiftKey) {
+          r.preventDefault(), w == null || w.focus();
+          return;
+        }
+      }
+    }, X = V(() => ({ close: () => {
+      b(!0), setTimeout(() => {
+        var r;
+        x(), (r = f.current) == null || r.close(), i == null || i();
+      }, 200);
+    } }), [i]);
+    return (
+      // dialog element does seem to be interactive on MDN guideline
+      // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+      /* @__PURE__ */ s.jsx(
+        "dialog",
+        {
+          className: P,
+          "data-anv": "drawer",
+          ref: Z([n, f]),
+          onCancel: q,
+          onClick: A,
+          onKeyDown: G,
+          ...$,
+          children: /* @__PURE__ */ s.jsx(K.Provider, { value: X, children: /* @__PURE__ */ s.jsx("section", { ref: z, className: c.container, children: m }) })
+        }
+      )
+    );
+  }
+);
+function me() {
+  const e = W(K);
+  if (!e)
+    throw new Error(
+      "useDrawerContext must be used within a DrawerContextProvider"
+    );
+  return e;
+}
+S.displayName = "Drawer";
+const pe = Object.assign(S, {
+  Header: y,
+  Footer: O,
+  Content: N
+}), fe = l(
+  (e, n) => /* @__PURE__ */ h.jsx(pe, { ref: n, ...e })
+), we = l(
+  (e, n) => {
+    const t = {
+      children: te(e.children),
+      appearance: e.appearance,
+      size: e.size,
+      type: e.type
+    }, o = I({
       name: "DrawerCancelButton",
-      data: a,
-      hasOverride: !!r["data-tracking-id"]
+      data: t,
+      hasOverride: !!e["data-tracking-id"]
     });
-    return /* @__PURE__ */ e.jsx(
-      p,
+    return /* @__PURE__ */ h.jsx(
+      k,
       {
-        ref: t,
+        ref: n,
         "data-tracking-id": o,
-        ...r
+        ...e
       }
     );
   }
-), w = i(
-  (r, t) => /* @__PURE__ */ e.jsx(d, { ref: t, ...r })
-), j = i(
-  (r, t) => {
-    const a = {
-      children: r.children
-    }, o = n({
+), _e = l(
+  (e, n) => /* @__PURE__ */ h.jsx(O, { ref: n, ...e })
+), he = l(
+  (e, n) => {
+    const t = {
+      children: e.children
+    }, o = I({
       name: "DrawerHeader",
-      data: a,
-      hasOverride: !!r["data-tracking-id"]
+      data: t,
+      hasOverride: !!e["data-tracking-id"]
     });
-    return /* @__PURE__ */ e.jsx(s, { ref: t, "data-tracking-id": o, ...r });
+    return /* @__PURE__ */ h.jsx(y, { ref: n, "data-tracking-id": o, ...e });
   }
-), x = i(
-  (r, t) => /* @__PURE__ */ e.jsx(u, { ref: t, ...r })
-), X = Object.assign(g, {
-  Header: j,
-  Footer: w,
-  Content: x,
-  CancelButton: l
+), be = l(
+  (e, n) => /* @__PURE__ */ h.jsx(N, { ref: n, ...e })
+), Ie = Object.assign(fe, {
+  Header: he,
+  Footer: _e,
+  Content: be,
+  CancelButton: we
 });
 export {
-  X as Drawer,
-  l as DrawerCancelButton,
-  x as DrawerContent,
-  w as DrawerFooter,
-  j as DrawerHeader,
-  X as default
+  Ie as Drawer,
+  we as DrawerCancelButton,
+  be as DrawerContent,
+  _e as DrawerFooter,
+  he as DrawerHeader,
+  Ie as default
 };
 //# sourceMappingURL=Drawer.js.map

package/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import {\n  DrawerProps as CoreDrawerProps,\n  Drawer as CoreDrawer,\n  DrawerCancelButtonProps as CoreDrawerCancelButtonProps,\n  DrawerCancelButton as CoreDrawerCancelButton,\n  DrawerFooterProps as CoreDrawerFooterProps,\n  DrawerFooter as CoreDrawerFooter,\n  DrawerHeaderProps as CoreDrawerHeaderProps,\n  DrawerHeader as CoreDrawerHeader,\n  DrawerContentProps as CoreDrawerContentProps,\n  DrawerContent as CoreDrawerContent,\n} from \"@servicetitan/hammer-react/dist/Drawer\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { childrenToString } from \"@servicetitan/hammer-react\";\n\nexport type DrawerProps = CoreDrawerProps;\nexport type DrawerCancelButtonProps = CoreDrawerCancelButtonProps &\n  DataTrackingId;\nexport type DrawerFooterProps = CoreDrawerFooterProps;\nexport type DrawerHeaderProps = CoreDrawerHeaderProps & DataTrackingId;\nexport type DrawerContentProps = CoreDrawerContentProps;\n\nconst DrawerElement = forwardRef(\n  (props: DrawerProps, ref: Ref<HTMLDialogElement>) => {\n    return <CoreDrawer ref={ref} {...props} />;\n  }\n);\n\nexport const DrawerCancelButton = forwardRef(\n  (props: DrawerCancelButtonProps, ref: Ref<HTMLButtonElement>) => {\n    const data = {\n      children: childrenToString(props.children),\n      appearance: props.appearance,\n      size: props.size,\n      type: props.type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"DrawerCancelButton\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CoreDrawerCancelButton\n        ref={ref}\n        data-tracking-id={trackingId}\n        {...props}\n      />\n    );\n  }\n);\n\nexport const DrawerFooter = forwardRef(\n  (props: DrawerFooterProps, ref: Ref<HTMLDivElement>) => {\n    return <CoreDrawerFooter ref={ref} {...props} />;\n  }\n);\n\nexport const DrawerHeader = forwardRef(\n  (props: DrawerHeaderProps, ref: Ref<HTMLDivElement>) => {\n    const data = {\n      children: props.children,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"DrawerHeader\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CoreDrawerHeader ref={ref} data-tracking-id={trackingId} {...props} />\n    );\n  }\n);\n\nexport const DrawerContent = forwardRef(\n  (props: DrawerContentProps, ref: Ref<HTMLDivElement>) => {\n    return <CoreDrawerContent ref={ref} {...props} />;\n  }\n);\n\nexport const Drawer = Object.assign(DrawerElement, {\n  Header: DrawerHeader,\n  Footer: DrawerFooter,\n  Content: DrawerContent,\n  CancelButton: DrawerCancelButton,\n});\n"],"names":["DrawerElement","forwardRef","props","ref","jsx","CoreDrawer","DrawerCancelButton","data","childrenToString","trackingId","useTrackingId","CoreDrawerCancelButton","DrawerFooter","CoreDrawerFooter","DrawerHeader","CoreDrawerHeader","DrawerContent","CoreDrawerContent","Drawer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAMA,IAAgBC;AAAA,EACpB,CAACC,GAAoBC,MACXC,gBAAAA,EAAAA,IAAAC,GAAA,EAAW,KAAAF,GAAW,GAAGD,EAAO,CAAA;AAE5C,GAEaI,IAAqBL;AAAA,EAChC,CAACC,GAAgCC,MAAgC;AAC/D,UAAMI,IAAO;AAAA,MACX,UAAUC,EAAiBN,EAAM,QAAQ;AAAA,MACzC,YAAYA,EAAM;AAAA,MAClB,MAAMA,EAAM;AAAA,MACZ,MAAMA,EAAM;AAAA,IAAA,GAGRO,IAAaC,EAAc;AAAA,MAC/B,MAAM;AAAA,MACN,MAAAH;AAAA,MACA,aAAa,CAAC,CAACL,EAAM,kBAAkB;AAAA,IAAA,CACxC;AAEC,WAAAE,gBAAAA,EAAA;AAAA,MAACO;AAAAA,MAAA;AAAA,QACC,KAAAR;AAAA,QACA,oBAAkBM;AAAA,QACjB,GAAGP;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF,GAEaU,IAAeX;AAAA,EAC1B,CAACC,GAA0BC,MACjBC,gBAAAA,EAAAA,IAAAS,GAAA,EAAiB,KAAAV,GAAW,GAAGD,EAAO,CAAA;AAElD,GAEaY,IAAeb;AAAA,EAC1B,CAACC,GAA0BC,MAA6B;AACtD,UAAMI,IAAO;AAAA,MACX,UAAUL,EAAM;AAAA,IAAA,GAGZO,IAAaC,EAAc;AAAA,MAC/B,MAAM;AAAA,MACN,MAAAH;AAAA,MACA,aAAa,CAAC,CAACL,EAAM,kBAAkB;AAAA,IAAA,CACxC;AACD,iCACGa,GAAiB,EAAA,KAAAZ,GAAU,oBAAkBM,GAAa,GAAGP,EAAO,CAAA;AAAA,EAEzE;AACF,GAEac,IAAgBf;AAAA,EAC3B,CAACC,GAA2BC,MAClBC,gBAAAA,EAAAA,IAAAa,GAAA,EAAkB,KAAAd,GAAW,GAAGD,EAAO,CAAA;AAEnD,GAEagB,IAAS,OAAO,OAAOlB,GAAe;AAAA,EACjD,QAAQc;AAAA,EACR,QAAQF;AAAA,EACR,SAASI;AAAA,EACT,cAAcV;AAChB,CAAC;"}
+{"version":3,"file":"Drawer.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Drawer.js","../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import \"./index14.css\";\nimport { j as a } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as _, createContext as J, useRef as N, useState as Q, useId as U, useEffect as R, useMemo as V, useContext as W } from \"react\";\nimport O from \"classnames\";\nimport \"@servicetitan/hammer-token\";\nimport \"lodash.merge\";\nimport { getKeyboardFocusableElements as Y } from \"./getKeyboardFocusableElements.js\";\nimport \"tinycolor2\";\nimport { useMergeRefs as Z } from \"@floating-ui/react\";\nimport { S as $ } from \"./close-064c8acc.js\";\nimport { Text as ee } from \"./Text.js\";\nimport { B as re } from \"./index-eb2e706f.js\";\nconst te = \"_drawer_1pnmb_4\", ne = \"_container_1pnmb_28\", oe = \"_content_1pnmb_41\", ae = \"_header_1pnmb_46\", se = \"_footer_1pnmb_68\", ce = \"_remove_1pnmb_86\", le = \"_large_1pnmb_95\", de = \"_sticky_1pnmb_98\", s = {\n  drawer: te,\n  \"close-drawer\": \"_close-drawer_1pnmb_1\",\n  \"open-drawer\": \"_open-drawer_1pnmb_1\",\n  \"open-backdrop\": \"_open-backdrop_1pnmb_1\",\n  container: ne,\n  content: oe,\n  header: ae,\n  \"close-container\": \"_close-container_1pnmb_61\",\n  footer: se,\n  remove: ce,\n  \"close-backdrop\": \"_close-backdrop_1pnmb_1\",\n  large: le,\n  sticky: de,\n  \"close-button\": \"_close-button_1pnmb_104\"\n}, H = _((t, c) => {\n  const { onClick: o, ...l } = t, { close: p } = ie(), d = (n) => {\n    p(), o == null || o(n);\n  };\n  return /* @__PURE__ */ a.jsx(\n    re,\n    {\n      \"aria-label\": \"Close drawer\",\n      \"data-anv\": \"drawer-cancel-button\",\n      onClick: d,\n      ref: c,\n      ...l\n    }\n  );\n});\nH.displayName = \"DrawerCancelButton\";\nconst E = _(\n  (t, c) => {\n    const { children: o } = t;\n    return /* @__PURE__ */ a.jsxs(\"header\", { className: s.header, \"data-anv\": \"drawer-header\", ref: c, children: [\n      /* @__PURE__ */ a.jsx(ee, { variant: \"headline\", el: \"h1\", children: o }),\n      /* @__PURE__ */ a.jsx(\"span\", { className: s[\"close-container\"], children: /* @__PURE__ */ a.jsx(\n        H,\n        {\n          className: s[\"close-button\"],\n          size: \"small\",\n          appearance: \"ghost\",\n          \"aria-label\": \"Close dialog\",\n          icon: $\n        }\n      ) })\n    ] });\n  }\n);\nE.displayName = \"DrawerHeader\";\nconst B = _(\n  (t, c) => {\n    const { children: o, sticky: l = !1, ...p } = t, d = O(s.footer, {\n      [s.sticky]: l\n    });\n    return /* @__PURE__ */ a.jsx(\n      \"footer\",\n      {\n        className: d,\n        \"data-anv\": \"drawer-footer\",\n        ref: c,\n        ...p,\n        children: o\n      }\n    );\n  }\n);\nB.displayName = \"DrawerFooter\";\nconst K = _(\n  (t, c) => {\n    const { children: o, ...l } = t, p = O(s.content, {});\n    return /* @__PURE__ */ a.jsx(\n      \"div\",\n      {\n        className: p,\n        \"data-anv\": \"drawer-content\",\n        ref: c,\n        ...l,\n        children: o\n      }\n    );\n  }\n);\nK.displayName = \"DrawerContent\";\nconst S = J(null), T = _(\n  (t, c) => {\n    const {\n      className: o,\n      open: l = !1,\n      children: p,\n      onOpen: d,\n      onClose: n,\n      onCancel: ue,\n      onClick: v,\n      onKeyDown: D,\n      disableCloseOnEscape: F = !1,\n      disableCloseOnClickOutside: M = !1,\n      size: z = \"medium\",\n      ...L\n    } = t, f = N(null), k = N(null), r = N(null), [P, x] = Q(!1), C = U(), X = O([s.drawer], o, {\n      [s.remove]: P,\n      [s.large]: z === \"large\"\n    }), y = Y(f.current), i = y[0], b = y[y.length - 1], g = () => {\n      var e;\n      if (r.current) {\n        const m = (r.current.dataset.drawersOpen ? r.current.dataset.drawersOpen.split(\" \") : []).filter((h) => h !== C);\n        m.length === 0 ? (r.current.removeAttribute(\"data-drawers-open\"), (e = r.current) == null || e.classList.remove(\"drawer-open\")) : r.current.dataset.drawersOpen = m.join(\" \");\n      }\n    };\n    R(() => {\n      var e, u, m, h;\n      if (l) {\n        if (d == null || d(), (e = f.current) == null || e.showModal(), !r.current) {\n          const w = (u = f.current) == null ? void 0 : u.closest(\"body\");\n          w && (r.current = w);\n        }\n        if (!((m = f.current) == null ? void 0 : m.querySelector(\":focus\")) && (i == null || i.focus()), (h = r.current) == null || h.classList.add(\"drawer-open\"), r.current) {\n          const w = r.current.dataset.drawersOpen ? r.current.dataset.drawersOpen.split(\" \") : [];\n          if (w.includes(C))\n            return;\n          w.push(C), r.current.dataset.drawersOpen = w.join(\" \");\n        }\n        return;\n      }\n      x(!0), setTimeout(() => {\n        var j;\n        (j = f.current) == null || j.close(), g(), x(!1);\n      }, 200);\n    }, [i, d, l]), R(() => () => g(), []);\n    const q = (e) => {\n      e.preventDefault(), !F && (n == null || n());\n    }, A = (e) => {\n      var m;\n      v == null || v(e);\n      const u = e.target;\n      if (!((m = k.current) != null && m.contains(u))) {\n        if (e.preventDefault(), M)\n          return;\n        n == null || n();\n      }\n    }, I = (e) => {\n      if (D == null || D(e), e.code === \"Tab\") {\n        if (e.shiftKey && e.target === i) {\n          e.preventDefault(), b == null || b.focus();\n          return;\n        }\n        if (e.target === b && !e.shiftKey) {\n          e.preventDefault(), i == null || i.focus();\n          return;\n        }\n      }\n    }, G = V(() => ({ close: () => {\n      x(!0), setTimeout(() => {\n        var u;\n        g(), (u = f.current) == null || u.close(), n == null || n();\n      }, 200);\n    } }), [n]);\n    return (\n      // dialog element does seem to be interactive on MDN guideline\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n      /* @__PURE__ */ a.jsx(\n        \"dialog\",\n        {\n          className: X,\n          \"data-anv\": \"drawer\",\n          ref: Z([c, f]),\n          onCancel: q,\n          onClick: A,\n          onKeyDown: I,\n          ...L,\n          children: /* @__PURE__ */ a.jsx(S.Provider, { value: G, children: /* @__PURE__ */ a.jsx(\"section\", { ref: k, className: s.container, children: p }) })\n        }\n      )\n    );\n  }\n);\nfunction ie() {\n  const t = W(S);\n  if (!t)\n    throw new Error(\n      \"useDrawerContext must be used within a DrawerContextProvider\"\n    );\n  return t;\n}\nT.displayName = \"Drawer\";\nconst ge = Object.assign(T, {\n  Header: E,\n  Footer: B,\n  Content: K\n});\nexport {\n  ge as Drawer,\n  H as DrawerCancelButton,\n  K as DrawerContent,\n  B as DrawerFooter,\n  E as DrawerHeader\n};\n//# sourceMappingURL=Drawer.js.map\n","import {\n  DrawerProps as CoreDrawerProps,\n  Drawer as CoreDrawer,\n  DrawerCancelButtonProps as CoreDrawerCancelButtonProps,\n  DrawerCancelButton as CoreDrawerCancelButton,\n  DrawerFooterProps as CoreDrawerFooterProps,\n  DrawerFooter as CoreDrawerFooter,\n  DrawerHeaderProps as CoreDrawerHeaderProps,\n  DrawerHeader as CoreDrawerHeader,\n  DrawerContentProps as CoreDrawerContentProps,\n  DrawerContent as CoreDrawerContent,\n} from \"@servicetitan/hammer-react/dist/Drawer\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { childrenToString } from \"@servicetitan/hammer-react/dist/childrenToString\";\n\nexport type DrawerProps = CoreDrawerProps;\nexport type DrawerCancelButtonProps = CoreDrawerCancelButtonProps &\n  DataTrackingId;\nexport type DrawerFooterProps = CoreDrawerFooterProps;\nexport type DrawerHeaderProps = CoreDrawerHeaderProps & DataTrackingId;\nexport type DrawerContentProps = CoreDrawerContentProps;\n\nconst DrawerElement = forwardRef(\n  (props: DrawerProps, ref: Ref<HTMLDialogElement>) => {\n    return <CoreDrawer ref={ref} {...props} />;\n  }\n);\n\nexport const DrawerCancelButton = forwardRef(\n  (props: DrawerCancelButtonProps, ref: Ref<HTMLButtonElement>) => {\n    const data = {\n      children: childrenToString(props.children),\n      appearance: props.appearance,\n      size: props.size,\n      type: props.type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"DrawerCancelButton\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CoreDrawerCancelButton\n        ref={ref}\n        data-tracking-id={trackingId}\n        {...props}\n      />\n    );\n  }\n);\n\nexport const DrawerFooter = forwardRef(\n  (props: DrawerFooterProps, ref: Ref<HTMLDivElement>) => {\n    return <CoreDrawerFooter ref={ref} {...props} />;\n  }\n);\n\nexport const DrawerHeader = forwardRef(\n  (props: DrawerHeaderProps, ref: Ref<HTMLDivElement>) => {\n    const data = {\n      children: props.children,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"DrawerHeader\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CoreDrawerHeader ref={ref} data-tracking-id={trackingId} {...props} />\n    );\n  }\n);\n\nexport const DrawerContent = forwardRef(\n  (props: DrawerContentProps, ref: Ref<HTMLDivElement>) => {\n    return <CoreDrawerContent ref={ref} {...props} />;\n  }\n);\n\nexport const Drawer = Object.assign(DrawerElement, {\n  Header: DrawerHeader,\n  Footer: DrawerFooter,\n  Content: DrawerContent,\n  CancelButton: DrawerCancelButton,\n});\n"],"names":["te","ne","oe","ae","se","ce","le","de","s","H","forwardRef","t","c","o","l","p","ie","d","n","fr","S$1","E","$","a","B","G","K","S","createContext","T","ue","v","D","F","z","L","useRef","k","r","P","x","useState","C","useId","X","y","a$1","i","b","g","e","m","h","useEffect","w","j","u","I","G$1","useMemo","useMergeRefs","useContext","ge","DrawerElement","props","ref","jsxRuntimeExports","DrawerCancelButton","data","trackingId","useTrackingId","DrawerFooter","DrawerHeader","DrawerContent","Drawer"],"mappings":"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","x_google_ignoreList":[0]}

package/{Flex-d338e855.js → Flex-d06c75c0.js}

@@ -1,10 +1,11 @@
 import "./Flex.css";
 import { f as S } from "./jsx-runtime-944c88e2-e73fa629.js";
 import { forwardRef as b } from "react";
-import { c as y } from "./index-e0f6271a.js";
-import { J as B } from "./useLayoutPropsUtil-e307abc7-cbe2fb6d.js";
-const D = "_flex_1t29y_4", G = {
-  flex: D
+import { G as y } from "./index-c6e22bb9.js";
+import "./tinycolor-d415b1fd.js";
+import { J as G } from "./useLayoutPropsUtil-f34e9597.js";
+const B = "_flex_1t29y_4", D = {
+  flex: B
 }, N = b((n, s) => {
   const {
     direction: x,
@@ -14,10 +15,10 @@ const D = "_flex_1t29y_4", G = {
     sm: l,
     md: i,
     lg: o,
-    xl: e,
-    xxl: r,
+    xl: r,
+    xxl: e,
     ...a
-  } = n, c = {
+  } = n, u = {
     ...a,
     flexDirection: x,
     flexGrow: f,
@@ -45,22 +46,22 @@ const D = "_flex_1t29y_4", G = {
       flexBasis: o == null ? void 0 : o.basis
     },
     xl: {
-      ...e,
-      flexDirection: e == null ? void 0 : e.direction,
-      flexGrow: e == null ? void 0 : e.grow,
-      flexShrink: e == null ? void 0 : e.shrink,
-      flexBasis: e == null ? void 0 : e.basis
-    },
-    xxl: {
       ...r,
       flexDirection: r == null ? void 0 : r.direction,
       flexGrow: r == null ? void 0 : r.grow,
       flexShrink: r == null ? void 0 : r.shrink,
       flexBasis: r == null ? void 0 : r.basis
+    },
+    xxl: {
+      ...e,
+      flexDirection: e == null ? void 0 : e.direction,
+      flexGrow: e == null ? void 0 : e.grow,
+      flexShrink: e == null ? void 0 : e.shrink,
+      flexBasis: e == null ? void 0 : e.basis
     }
-  }, { layoutStyles: u, componentProps: v } = B(c), { children: m, className: h, style: w, ...k } = v, p = y([G.flex], h), g = {
+  }, { layoutStyles: v, componentProps: c } = G(u), { children: m, className: h, style: w, ...k } = c, p = y([D.flex], h), g = {
     ...w,
-    ...u
+    ...v
   };
   return /* @__PURE__ */ S.jsx(
     "div",
@@ -78,4 +79,4 @@ N.displayName = "Flex";
 export {
   N as j
 };
-//# sourceMappingURL=Flex-d338e855.js.map
+//# sourceMappingURL=Flex-d06c75c0.js.map

package/Flex-d06c75c0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex-d06c75c0.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Flex.js"],"sourcesContent":["import \"./index15.css\";\nimport { j as d } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as B } from \"react\";\nimport D from \"classnames\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useLayoutPropsUtil as G } from \"./useLayoutPropsUtil.js\";\nimport \"@floating-ui/react\";\nconst N = \"_flex_1t29y_4\", P = {\n  flex: N\n}, j = B((t, n) => {\n  const {\n    direction: f,\n    grow: a,\n    shrink: c,\n    basis: l,\n    sm: e,\n    md: i,\n    lg: o,\n    xl: r,\n    xxl: s,\n    ...x\n  } = t, p = {\n    ...x,\n    flexDirection: f,\n    flexGrow: a,\n    flexShrink: c,\n    flexBasis: l,\n    sm: {\n      ...e,\n      flexDirection: e == null ? void 0 : e.direction,\n      flexGrow: e == null ? void 0 : e.grow,\n      flexShrink: e == null ? void 0 : e.shrink,\n      flexBasis: e == null ? void 0 : e.basis\n    },\n    md: {\n      ...i,\n      flexDirection: i == null ? void 0 : i.direction,\n      flexGrow: i == null ? void 0 : i.grow,\n      flexShrink: i == null ? void 0 : i.shrink,\n      flexBasis: i == null ? void 0 : i.basis\n    },\n    lg: {\n      ...o,\n      flexDirection: o == null ? void 0 : o.direction,\n      flexGrow: o == null ? void 0 : o.grow,\n      flexShrink: o == null ? void 0 : o.shrink,\n      flexBasis: o == null ? void 0 : o.basis\n    },\n    xl: {\n      ...r,\n      flexDirection: r == null ? void 0 : r.direction,\n      flexGrow: r == null ? void 0 : r.grow,\n      flexShrink: r == null ? void 0 : r.shrink,\n      flexBasis: r == null ? void 0 : r.basis\n    },\n    xxl: {\n      ...s,\n      flexDirection: s == null ? void 0 : s.direction,\n      flexGrow: s == null ? void 0 : s.grow,\n      flexShrink: s == null ? void 0 : s.shrink,\n      flexBasis: s == null ? void 0 : s.basis\n    }\n  }, { layoutStyles: h, componentProps: w } = G(p), { children: k, className: y, style: b, ...m } = w, u = D([P.flex], y), S = {\n    ...b,\n    ...h\n  };\n  return /* @__PURE__ */ d.jsx(\n    \"div\",\n    {\n      className: u,\n      \"data-anv\": \"flex\",\n      style: S,\n      ref: n,\n      ...m,\n      children: k\n    }\n  );\n});\nj.displayName = \"Flex\";\nexport {\n  j as Flex\n};\n//# sourceMappingURL=Flex.js.map\n"],"names":["N","P","j","forwardRef","t","n","f","a","c","l","e","s","x","p","h","w","J","k","y","b","m","u","G","S","fr"],"mappings":";;;;;;AAQK,MAAAA,IAAA,iBAAAC,IAAA;AAAA,EACL,MAAAD;AACA,GAAAE,IAAAC,EAAA,CAAAC,GAAAC,MAAA;AACA,QAAA;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAAC;AAAA,IACA,GAAAC;AAAA,EACA,IAAAR,GAAAS,IAAA;AAAA,IACA,GAAAD;AAAA,IACA,eAAAN;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,IAAA;AAAA,MACA,GAAAC;AAAA,MACA,eAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,MACA,UAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,MACA,YAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,MACA,WAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,IACA;AAAA,IACA,IAAA;AAAA,MACA,GAAA;AAAA,MACA,eAAA,KAAA,OAAA,SAAA,EAAA;AAAA,MACA,UAAA,KAAA,OAAA,SAAA,EAAA;AAAA,MACA,YAAA,KAAA,OAAA,SAAA,EAAA;AAAA,MACA,WAAA,KAAA,OAAA,SAAA,EAAA;AAAA,IACA;AAAA,IACA,IAAA;AAAA,MACA,GAAA;AAAA,MACA,eAAA,KAAA,OAAA,SAAA,EAAA;AAAA,MACA,UAAA,KAAA,OAAA,SAAA,EAAA;AAAA,MACA,YAAA,KAAA,OAAA,SAAA,EAAA;AAAA,MACA,WAAA,KAAA,OAAA,SAAA,EAAA;AAAA,IACA;AAAA,IACA,IAAA;AAAA,MACA,GAAA;AAAA,MACA,eAAA,KAAA,OAAA,SAAA,EAAA;AAAA,MACA,UAAA,KAAA,OAAA,SAAA,EAAA;AAAA,MACA,YAAA,KAAA,OAAA,SAAA,EAAA;AAAA,MACA,WAAA,KAAA,OAAA,SAAA,EAAA;AAAA,IACA;AAAA,IACA,KAAA;AAAA,MACA,GAAAC;AAAA,MACA,eAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,MACA,UAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,MACA,YAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,MACA,WAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,IACA;AAAA,EACA,GAAA,EAAA,cAAAG,GAAA,gBAAAC,EAAA,IAAAC,EAAAH,CAAA,GAAA,EAAA,UAAAI,GAAA,WAAAC,GAAA,OAAAC,GAAA,GAAAC,EAAA,IAAAL,GAAAM,IAAAC,EAAA,CAAArB,EAAA,IAAA,GAAAiB,CAAA,GAAAK,IAAA;AAAA,IACA,GAAAJ;AAAA,IACA,GAAAL;AAAA,EACA;AACA,SAAA,gBAAAU,EAAA;AAAA,IACA;AAAA,IACA;AAAA,MACA,WAAAH;AAAA,MACA,YAAA;AAAA,MACA,OAAAE;AAAA,MACA,KAAAlB;AAAA,MACA,GAAAe;AAAA,MACA,UAAAH;AAAA,IACA;AAAA,EACA;AACA,CAAA;AACAf,EAAA,cAAA;","x_google_ignoreList":[0]}

package/Flex-da1ad9db.cjs

@@ -0,0 +1,2 @@
+var j=require("./Flex.css");const b=require("./jsx-runtime-944c88e2-2b81c205.cjs"),G=require("react"),p=require("./index-ef2e9d11.cjs");require("./tinycolor-3b50a250.cjs");const B=require("./useLayoutPropsUtil-cd33328b.cjs");const D="_flex_1t29y_4",q={flex:D},r=G.forwardRef((s,x)=>{const{direction:d,grow:t,shrink:f,basis:u,sm:l,md:i,lg:e,xl:n,xxl:o,...c}=s,a={...c,flexDirection:d,flexGrow:t,flexShrink:f,flexBasis:u,sm:{...l,flexDirection:l==null?void 0:l.direction,flexGrow:l==null?void 0:l.grow,flexShrink:l==null?void 0:l.shrink,flexBasis:l==null?void 0:l.basis},md:{...i,flexDirection:i==null?void 0:i.direction,flexGrow:i==null?void 0:i.grow,flexShrink:i==null?void 0:i.shrink,flexBasis:i==null?void 0:i.basis},lg:{...e,flexDirection:e==null?void 0:e.direction,flexGrow:e==null?void 0:e.grow,flexShrink:e==null?void 0:e.shrink,flexBasis:e==null?void 0:e.basis},xl:{...n,flexDirection:n==null?void 0:n.direction,flexGrow:n==null?void 0:n.grow,flexShrink:n==null?void 0:n.shrink,flexBasis:n==null?void 0:n.basis},xxl:{...o,flexDirection:o==null?void 0:o.direction,flexGrow:o==null?void 0:o.grow,flexShrink:o==null?void 0:o.shrink,flexBasis:o==null?void 0:o.basis}},{layoutStyles:v,componentProps:h}=B.J(a),{children:w,className:k,style:m,...g}=h,y=p.G([q.flex],k),S={...m,...v};return b.fr.jsx("div",{className:y,"data-anv":"flex",style:S,ref:x,...g,children:w})});r.displayName="Flex";exports.j=r;
+//# sourceMappingURL=Flex-da1ad9db.cjs.map

package/Flex-da1ad9db.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex-da1ad9db.cjs","sources":["../node_modules/@servicetitan/hammer-react/dist/Flex.js"],"sourcesContent":["import \"./index15.css\";\nimport { j as d } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as B } from \"react\";\nimport D from \"classnames\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useLayoutPropsUtil as G } from \"./useLayoutPropsUtil.js\";\nimport \"@floating-ui/react\";\nconst N = \"_flex_1t29y_4\", P = {\n  flex: N\n}, j = B((t, n) => {\n  const {\n    direction: f,\n    grow: a,\n    shrink: c,\n    basis: l,\n    sm: e,\n    md: i,\n    lg: o,\n    xl: r,\n    xxl: s,\n    ...x\n  } = t, p = {\n    ...x,\n    flexDirection: f,\n    flexGrow: a,\n    flexShrink: c,\n    flexBasis: l,\n    sm: {\n      ...e,\n      flexDirection: e == null ? void 0 : e.direction,\n      flexGrow: e == null ? void 0 : e.grow,\n      flexShrink: e == null ? void 0 : e.shrink,\n      flexBasis: e == null ? void 0 : e.basis\n    },\n    md: {\n      ...i,\n      flexDirection: i == null ? void 0 : i.direction,\n      flexGrow: i == null ? void 0 : i.grow,\n      flexShrink: i == null ? void 0 : i.shrink,\n      flexBasis: i == null ? void 0 : i.basis\n    },\n    lg: {\n      ...o,\n      flexDirection: o == null ? void 0 : o.direction,\n      flexGrow: o == null ? void 0 : o.grow,\n      flexShrink: o == null ? void 0 : o.shrink,\n      flexBasis: o == null ? void 0 : o.basis\n    },\n    xl: {\n      ...r,\n      flexDirection: r == null ? void 0 : r.direction,\n      flexGrow: r == null ? void 0 : r.grow,\n      flexShrink: r == null ? void 0 : r.shrink,\n      flexBasis: r == null ? void 0 : r.basis\n    },\n    xxl: {\n      ...s,\n      flexDirection: s == null ? void 0 : s.direction,\n      flexGrow: s == null ? void 0 : s.grow,\n      flexShrink: s == null ? void 0 : s.shrink,\n      flexBasis: s == null ? void 0 : s.basis\n    }\n  }, { layoutStyles: h, componentProps: w } = G(p), { children: k, className: y, style: b, ...m } = w, u = D([P.flex], y), S = {\n    ...b,\n    ...h\n  };\n  return /* @__PURE__ */ d.jsx(\n    \"div\",\n    {\n      className: u,\n      \"data-anv\": \"flex\",\n      style: S,\n      ref: n,\n      ...m,\n      children: k\n    }\n  );\n});\nj.displayName = \"Flex\";\nexport {\n  j as Flex\n};\n//# sourceMappingURL=Flex.js.map\n"],"names":["N","P","j","React","t","n","f","a","c","l","e","o","r","s","x","p","h","w","useLayoutPropsUtil","k","y","b","m","u","index","jsxRuntime944c88e2"],"mappings":"iOAQK,MAAAA,EAAA,gBAAAC,EAAA,CACL,KAAAD,CACA,EAAAE,EAAAC,EAAA,WAAA,CAAAC,EAAAC,IAAA,CACA,KAAA,CACA,UAAAC,EACA,KAAAC,EACA,OAAAC,EACA,MAAAC,EACA,GAAAC,EACA,GAAA,EACA,GAAAC,EACA,GAAAC,EACA,IAAAC,EACA,GAAAC,CACA,EAAAV,EAAAW,EAAA,CACA,GAAAD,EACA,cAAAR,EACA,SAAAC,EACA,WAAAC,EACA,UAAAC,EACA,GAAA,CACA,GAAAC,EACA,cAAAA,GAAA,KAAA,OAAAA,EAAA,UACA,SAAAA,GAAA,KAAA,OAAAA,EAAA,KACA,WAAAA,GAAA,KAAA,OAAAA,EAAA,OACA,UAAAA,GAAA,KAAA,OAAAA,EAAA,KACA,EACA,GAAA,CACA,GAAA,EACA,cAAA,GAAA,KAAA,OAAA,EAAA,UACA,SAAA,GAAA,KAAA,OAAA,EAAA,KACA,WAAA,GAAA,KAAA,OAAA,EAAA,OACA,UAAA,GAAA,KAAA,OAAA,EAAA,KACA,EACA,GAAA,CACA,GAAAC,EACA,cAAAA,GAAA,KAAA,OAAAA,EAAA,UACA,SAAAA,GAAA,KAAA,OAAAA,EAAA,KACA,WAAAA,GAAA,KAAA,OAAAA,EAAA,OACA,UAAAA,GAAA,KAAA,OAAAA,EAAA,KACA,EACA,GAAA,CACA,GAAAC,EACA,cAAAA,GAAA,KAAA,OAAAA,EAAA,UACA,SAAAA,GAAA,KAAA,OAAAA,EAAA,KACA,WAAAA,GAAA,KAAA,OAAAA,EAAA,OACA,UAAAA,GAAA,KAAA,OAAAA,EAAA,KACA,EACA,IAAA,CACA,GAAAC,EACA,cAAAA,GAAA,KAAA,OAAAA,EAAA,UACA,SAAAA,GAAA,KAAA,OAAAA,EAAA,KACA,WAAAA,GAAA,KAAA,OAAAA,EAAA,OACA,UAAAA,GAAA,KAAA,OAAAA,EAAA,KACA,CACA,EAAA,CAAA,aAAAG,EAAA,eAAAC,CAAA,EAAAC,EAAA,EAAAH,CAAA,EAAA,CAAA,SAAAI,EAAA,UAAAC,EAAA,MAAAC,EAAA,GAAAC,CAAA,EAAAL,EAAAM,EAAAC,EAAA,EAAA,CAAAvB,EAAA,IAAA,EAAAmB,CAAA,EAAA,EAAA,CACA,GAAAC,EACA,GAAAL,CACA,EACA,OAAAS,EAAA,GAAA,IACA,MACA,CACA,UAAAF,EACA,WAAA,OACA,MAAA,EACA,IAAAlB,EACA,GAAAiB,EACA,SAAAH,CACA,CACA,CACA,CAAA,EACAjB,EAAA,YAAA","x_google_ignoreList":[0]}

package/Flex.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./jsx-runtime-494437bb.cjs"),s=require("./Flex-971b5295.cjs"),o=require("react"),e=o.forwardRef((t,r)=>u.jsxRuntimeExports.jsx(s.j,{ref:r,...t}));exports.Flex=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./jsx-runtime-494437bb.cjs"),s=require("./Flex-da1ad9db.cjs"),o=require("react"),e=o.forwardRef((t,r)=>u.jsxRuntimeExports.jsx(s.j,{ref:r,...t}));exports.Flex=e;exports.default=e;
 //# sourceMappingURL=Flex.cjs.map

package/Flex.js

@@ -1,5 +1,5 @@
 import { j as t } from "./jsx-runtime-82a9ddf6.js";
-import { j as m } from "./Flex-d338e855.js";
+import { j as m } from "./Flex-d06c75c0.js";
 import { forwardRef as e } from "react";
 const x = e((r, o) => /* @__PURE__ */ t.jsx(m, { ref: o, ...r }));
 export {

package/Grid.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./jsx-runtime-494437bb.cjs"),i=require("./Grid-37ded954.cjs"),s=require("react"),e=s.forwardRef((r,t)=>u.jsxRuntimeExports.jsx(i.q,{ref:t,...r}));exports.Grid=e;exports.default=e;
+var S=require("./index10.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./jsx-runtime-494437bb.cjs"),x=require("./jsx-runtime-944c88e2-2b81c205.cjs"),a=require("react"),f=require("./index-ef2e9d11.cjs");require("./tinycolor-3b50a250.cjs");const q=require("./useLayoutPropsUtil-cd33328b.cjs");const _="_grid_qxfkq_4",j={grid:_,"grid-item":"_grid-item_qxfkq_17"},d=a.forwardRef((s,i)=>{const{templateColumns:y,templateRows:G,templateAreas:N,autoColumns:P,autoRows:b,sm:e,md:l,lg:o,xl:t,xxl:u,...r}=s,n={...r,gridTemplateColumns:s.templateColumns,gridTemplateRows:s.templateRows,gridTemplateAreas:s.templateAreas,gridAutoColumns:s.autoColumns,gridAutoRows:s.autoRows,sm:{...e,gridTemplateColumns:e==null?void 0:e.templateColumns,gridTemplateRows:e==null?void 0:e.templateRows,gridTemplateAreas:e==null?void 0:e.templateAreas,gridAutoColumns:e==null?void 0:e.autoColumns,gridAutoRows:e==null?void 0:e.autoRows},md:{...l,gridTemplateColumns:l==null?void 0:l.templateColumns,gridTemplateRows:l==null?void 0:l.templateRows,gridTemplateAreas:l==null?void 0:l.templateAreas,gridAutoColumns:l==null?void 0:l.autoColumns,gridAutoRows:l==null?void 0:l.autoRows},lg:{...o,gridTemplateColumns:o==null?void 0:o.templateColumns,gridTemplateRows:o==null?void 0:o.templateRows,gridTemplateAreas:o==null?void 0:o.templateAreas,gridAutoColumns:o==null?void 0:o.autoColumns,gridAutoRows:o==null?void 0:o.autoRows},xl:{...t,gridTemplateColumns:t==null?void 0:t.templateColumns,gridTemplateRows:t==null?void 0:t.templateRows,gridTemplateAreas:t==null?void 0:t.templateAreas,gridAutoColumns:t==null?void 0:t.autoColumns,gridAutoRows:t==null?void 0:t.autoRows},xxl:{...u,gridTemplateColumns:u==null?void 0:u.templateColumns,gridTemplateRows:u==null?void 0:u.templateRows,gridTemplateAreas:u==null?void 0:u.templateAreas,gridAutoColumns:u==null?void 0:u.autoColumns,gridAutoRows:u==null?void 0:u.autoRows}},{layoutStyles:p,componentProps:g}=q.J(n),{children:R,className:v,style:w,...C}=g,A=f.G([j.grid],v),T={...w,...p};return x.fr.jsx("div",{className:A,"data-anv":"grid",style:T,ref:i,...C,children:R})});d.displayName="Grid";const m=a.forwardRef((s,i)=>c.jsxRuntimeExports.jsx(d,{ref:i,...s}));exports.Grid=m;exports.default=m;
 //# sourceMappingURL=Grid.cjs.map

package/Grid.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.cjs","sources":["../src/components/Grid/Grid.tsx"],"sourcesContent":["import {\n  GridProps as CoreGridProps,\n  Grid as CoreGrid,\n} from \"@servicetitan/hammer-react/dist/Grid\";\nimport { Ref, forwardRef } from \"react\";\n\nexport type GridProps = CoreGridProps;\n\nexport const Grid = forwardRef((props: GridProps, ref: Ref<HTMLDivElement>) => {\n  return <CoreGrid ref={ref} {...props} />;\n});\n"],"names":["Grid","forwardRef","props","ref","jsx","CoreGrid"],"mappings":"8MAQaA,EAAOC,EAAA,WAAW,CAACC,EAAkBC,IACxCC,EAAAA,kBAAAA,IAAAC,EAAAA,EAAA,CAAS,IAAAF,EAAW,GAAGD,CAAO,CAAA,CACvC"}
+{"version":3,"file":"Grid.cjs","sources":["../node_modules/@servicetitan/hammer-react/dist/Grid.js","../src/components/Grid/Grid.tsx"],"sourcesContent":["import \"./index16.css\";\nimport { j as A } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as T } from \"react\";\nimport c from \"classnames\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useLayoutPropsUtil as y } from \"./useLayoutPropsUtil.js\";\nimport \"@floating-ui/react\";\nconst f = \"_grid_qxfkq_4\", _ = {\n  grid: f,\n  \"grid-item\": \"_grid-item_qxfkq_17\"\n}, q = T((r, m) => {\n  const {\n    templateColumns: N,\n    templateRows: P,\n    templateAreas: j,\n    autoColumns: L,\n    autoRows: b,\n    sm: t,\n    md: e,\n    lg: o,\n    xl: s,\n    xxl: a,\n    ...u\n  } = r, i = {\n    ...u,\n    gridTemplateColumns: r.templateColumns,\n    gridTemplateRows: r.templateRows,\n    gridTemplateAreas: r.templateAreas,\n    gridAutoColumns: r.autoColumns,\n    gridAutoRows: r.autoRows,\n    sm: {\n      ...t,\n      gridTemplateColumns: t == null ? void 0 : t.templateColumns,\n      gridTemplateRows: t == null ? void 0 : t.templateRows,\n      gridTemplateAreas: t == null ? void 0 : t.templateAreas,\n      gridAutoColumns: t == null ? void 0 : t.autoColumns,\n      gridAutoRows: t == null ? void 0 : t.autoRows\n    },\n    md: {\n      ...e,\n      gridTemplateColumns: e == null ? void 0 : e.templateColumns,\n      gridTemplateRows: e == null ? void 0 : e.templateRows,\n      gridTemplateAreas: e == null ? void 0 : e.templateAreas,\n      gridAutoColumns: e == null ? void 0 : e.autoColumns,\n      gridAutoRows: e == null ? void 0 : e.autoRows\n    },\n    lg: {\n      ...o,\n      gridTemplateColumns: o == null ? void 0 : o.templateColumns,\n      gridTemplateRows: o == null ? void 0 : o.templateRows,\n      gridTemplateAreas: o == null ? void 0 : o.templateAreas,\n      gridAutoColumns: o == null ? void 0 : o.autoColumns,\n      gridAutoRows: o == null ? void 0 : o.autoRows\n    },\n    xl: {\n      ...s,\n      gridTemplateColumns: s == null ? void 0 : s.templateColumns,\n      gridTemplateRows: s == null ? void 0 : s.templateRows,\n      gridTemplateAreas: s == null ? void 0 : s.templateAreas,\n      gridAutoColumns: s == null ? void 0 : s.autoColumns,\n      gridAutoRows: s == null ? void 0 : s.autoRows\n    },\n    xxl: {\n      ...a,\n      gridTemplateColumns: a == null ? void 0 : a.templateColumns,\n      gridTemplateRows: a == null ? void 0 : a.templateRows,\n      gridTemplateAreas: a == null ? void 0 : a.templateAreas,\n      gridAutoColumns: a == null ? void 0 : a.autoColumns,\n      gridAutoRows: a == null ? void 0 : a.autoRows\n    }\n  }, { layoutStyles: l, componentProps: n } = y(i), { children: p, className: d, style: g, ...C } = n, R = c([_.grid], d), w = {\n    ...g,\n    ...l\n  };\n  return /* @__PURE__ */ A.jsx(\n    \"div\",\n    {\n      className: R,\n      \"data-anv\": \"grid\",\n      style: w,\n      ref: m,\n      ...C,\n      children: p\n    }\n  );\n});\nq.displayName = \"Grid\";\nexport {\n  q as Grid\n};\n//# sourceMappingURL=Grid.js.map\n","import {\n  GridProps as CoreGridProps,\n  Grid as CoreGrid,\n} from \"@servicetitan/hammer-react/dist/Grid\";\nimport { Ref, forwardRef } from \"react\";\n\nexport type GridProps = CoreGridProps;\n\nexport const Grid = forwardRef((props: GridProps, ref: Ref<HTMLDivElement>) => {\n  return <CoreGrid ref={ref} {...props} />;\n});\n"],"names":["f","_","q","React","r","m","N","P","j","L","t","e","s","a","u","i","l","n","useLayoutPropsUtil","p","d","g","R","index","w","jsxRuntime944c88e2","Grid","props","ref","jsxRuntime"],"mappings":"2WAQA,MAAAA,EAAA,gBAAAC,EAAA,CACA,KAAAD,EACA,YAAA,qBACA,EAAAE,EAAAC,EAAA,WAAA,CAAAC,EAAAC,IAAA,CACA,KAAA,CACA,gBAAAC,EACA,aAAAC,EACA,cAAAC,EACA,YAAAC,EACA,SAAA,EACA,GAAAC,EACA,GAAAC,EACA,GAAA,EACA,GAAAC,EACA,IAAAC,EACA,GAAAC,CACA,EAAAV,EAAAW,EAAA,CACA,GAAAD,EACA,oBAAAV,EAAA,gBACA,iBAAAA,EAAA,aACA,kBAAAA,EAAA,cACA,gBAAAA,EAAA,YACA,aAAAA,EAAA,SACA,GAAA,CACA,GAAAM,EACA,oBAAAA,GAAA,KAAA,OAAAA,EAAA,gBACA,iBAAAA,GAAA,KAAA,OAAAA,EAAA,aACA,kBAAAA,GAAA,KAAA,OAAAA,EAAA,cACA,gBAAAA,GAAA,KAAA,OAAAA,EAAA,YACA,aAAAA,GAAA,KAAA,OAAAA,EAAA,QACA,EACA,GAAA,CACA,GAAAC,EACA,oBAAAA,GAAA,KAAA,OAAAA,EAAA,gBACA,iBAAAA,GAAA,KAAA,OAAAA,EAAA,aACA,kBAAAA,GAAA,KAAA,OAAAA,EAAA,cACA,gBAAAA,GAAA,KAAA,OAAAA,EAAA,YACA,aAAAA,GAAA,KAAA,OAAAA,EAAA,QACA,EACA,GAAA,CACA,GAAA,EACA,oBAAA,GAAA,KAAA,OAAA,EAAA,gBACA,iBAAA,GAAA,KAAA,OAAA,EAAA,aACA,kBAAA,GAAA,KAAA,OAAA,EAAA,cACA,gBAAA,GAAA,KAAA,OAAA,EAAA,YACA,aAAA,GAAA,KAAA,OAAA,EAAA,QACA,EACA,GAAA,CACA,GAAAC,EACA,oBAAAA,GAAA,KAAA,OAAAA,EAAA,gBACA,iBAAAA,GAAA,KAAA,OAAAA,EAAA,aACA,kBAAAA,GAAA,KAAA,OAAAA,EAAA,cACA,gBAAAA,GAAA,KAAA,OAAAA,EAAA,YACA,aAAAA,GAAA,KAAA,OAAAA,EAAA,QACA,EACA,IAAA,CACA,GAAAC,EACA,oBAAAA,GAAA,KAAA,OAAAA,EAAA,gBACA,iBAAAA,GAAA,KAAA,OAAAA,EAAA,aACA,kBAAAA,GAAA,KAAA,OAAAA,EAAA,cACA,gBAAAA,GAAA,KAAA,OAAAA,EAAA,YACA,aAAAA,GAAA,KAAA,OAAAA,EAAA,QACA,CACA,EAAA,CAAA,aAAAG,EAAA,eAAAC,CAAA,EAAAC,EAAA,EAAAH,CAAA,EAAA,CAAA,SAAAI,EAAA,UAAAC,EAAA,MAAAC,EAAA,GAAA,CAAA,EAAAJ,EAAAK,EAAAC,EAAA,EAAA,CAAAtB,EAAA,IAAA,EAAAmB,CAAA,EAAAI,EAAA,CACA,GAAAH,EACA,GAAAL,CACA,EACA,OAAAS,EAAA,GAAA,IACA,MACA,CACA,UAAAH,EACA,WAAA,OACA,MAAAE,EACA,IAAAnB,EACA,GAAA,EACA,SAAAc,CACA,CACA,CACA,CAAA,EACAjB,EAAA,YAAA,OC/EO,MAAAwB,EAAAvB,EAAA,WAAA,CAAAwB,EAAAC,IACLC,EAAA,kBAAA,IAAA3B,EAAA,CAAA,IAAA0B,EAAA,GAAAD,CAAA,CAAA,CACF","x_google_ignoreList":[0]}

package/Grid.js

@@ -1,9 +1,93 @@
-import { j as t } from "./jsx-runtime-82a9ddf6.js";
-import { q as m } from "./Grid-5bad450f.js";
-import { forwardRef as f } from "react";
-const p = f((r, o) => /* @__PURE__ */ t.jsx(m, { ref: o, ...r }));
+import "./index10.css";
+import { j as T } from "./jsx-runtime-82a9ddf6.js";
+import { f } from "./jsx-runtime-944c88e2-e73fa629.js";
+import { forwardRef as a } from "react";
+import { G as x } from "./index-c6e22bb9.js";
+import "./tinycolor-d415b1fd.js";
+import { J as c } from "./useLayoutPropsUtil-f34e9597.js";
+const _ = "_grid_qxfkq_4", j = {
+  grid: _,
+  "grid-item": "_grid-item_qxfkq_17"
+}, i = a((s, u) => {
+  const {
+    templateColumns: q,
+    templateRows: y,
+    templateAreas: N,
+    autoColumns: G,
+    autoRows: h,
+    sm: l,
+    md: o,
+    lg: t,
+    xl: e,
+    xxl: m,
+    ...d
+  } = s, r = {
+    ...d,
+    gridTemplateColumns: s.templateColumns,
+    gridTemplateRows: s.templateRows,
+    gridTemplateAreas: s.templateAreas,
+    gridAutoColumns: s.autoColumns,
+    gridAutoRows: s.autoRows,
+    sm: {
+      ...l,
+      gridTemplateColumns: l == null ? void 0 : l.templateColumns,
+      gridTemplateRows: l == null ? void 0 : l.templateRows,
+      gridTemplateAreas: l == null ? void 0 : l.templateAreas,
+      gridAutoColumns: l == null ? void 0 : l.autoColumns,
+      gridAutoRows: l == null ? void 0 : l.autoRows
+    },
+    md: {
+      ...o,
+      gridTemplateColumns: o == null ? void 0 : o.templateColumns,
+      gridTemplateRows: o == null ? void 0 : o.templateRows,
+      gridTemplateAreas: o == null ? void 0 : o.templateAreas,
+      gridAutoColumns: o == null ? void 0 : o.autoColumns,
+      gridAutoRows: o == null ? void 0 : o.autoRows
+    },
+    lg: {
+      ...t,
+      gridTemplateColumns: t == null ? void 0 : t.templateColumns,
+      gridTemplateRows: t == null ? void 0 : t.templateRows,
+      gridTemplateAreas: t == null ? void 0 : t.templateAreas,
+      gridAutoColumns: t == null ? void 0 : t.autoColumns,
+      gridAutoRows: t == null ? void 0 : t.autoRows
+    },
+    xl: {
+      ...e,
+      gridTemplateColumns: e == null ? void 0 : e.templateColumns,
+      gridTemplateRows: e == null ? void 0 : e.templateRows,
+      gridTemplateAreas: e == null ? void 0 : e.templateAreas,
+      gridAutoColumns: e == null ? void 0 : e.autoColumns,
+      gridAutoRows: e == null ? void 0 : e.autoRows
+    },
+    xxl: {
+      ...m,
+      gridTemplateColumns: m == null ? void 0 : m.templateColumns,
+      gridTemplateRows: m == null ? void 0 : m.templateRows,
+      gridTemplateAreas: m == null ? void 0 : m.templateAreas,
+      gridAutoColumns: m == null ? void 0 : m.autoColumns,
+      gridAutoRows: m == null ? void 0 : m.autoRows
+    }
+  }, { layoutStyles: n, componentProps: p } = c(r), { children: g, className: R, style: w, ...v } = p, C = x([j.grid], R), A = {
+    ...w,
+    ...n
+  };
+  return /* @__PURE__ */ f.jsx(
+    "div",
+    {
+      className: C,
+      "data-anv": "grid",
+      style: A,
+      ref: u,
+      ...v,
+      children: g
+    }
+  );
+});
+i.displayName = "Grid";
+const z = a((s, u) => /* @__PURE__ */ T.jsx(i, { ref: u, ...s }));
 export {
-  p as Grid,
-  p as default
+  z as Grid,
+  z as default
 };
 //# sourceMappingURL=Grid.js.map

package/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sources":["../src/components/Grid/Grid.tsx"],"sourcesContent":["import {\n  GridProps as CoreGridProps,\n  Grid as CoreGrid,\n} from \"@servicetitan/hammer-react/dist/Grid\";\nimport { Ref, forwardRef } from \"react\";\n\nexport type GridProps = CoreGridProps;\n\nexport const Grid = forwardRef((props: GridProps, ref: Ref<HTMLDivElement>) => {\n  return <CoreGrid ref={ref} {...props} />;\n});\n"],"names":["Grid","forwardRef","props","ref","jsx","CoreGrid"],"mappings":";;;AAQO,MAAMA,IAAOC,EAAW,CAACC,GAAkBC,MACxCC,gBAAAA,EAAAA,IAAAC,GAAA,EAAS,KAAAF,GAAW,GAAGD,EAAO,CAAA,CACvC;"}
+{"version":3,"file":"Grid.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Grid.js","../src/components/Grid/Grid.tsx"],"sourcesContent":["import \"./index16.css\";\nimport { j as A } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as T } from \"react\";\nimport c from \"classnames\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useLayoutPropsUtil as y } from \"./useLayoutPropsUtil.js\";\nimport \"@floating-ui/react\";\nconst f = \"_grid_qxfkq_4\", _ = {\n  grid: f,\n  \"grid-item\": \"_grid-item_qxfkq_17\"\n}, q = T((r, m) => {\n  const {\n    templateColumns: N,\n    templateRows: P,\n    templateAreas: j,\n    autoColumns: L,\n    autoRows: b,\n    sm: t,\n    md: e,\n    lg: o,\n    xl: s,\n    xxl: a,\n    ...u\n  } = r, i = {\n    ...u,\n    gridTemplateColumns: r.templateColumns,\n    gridTemplateRows: r.templateRows,\n    gridTemplateAreas: r.templateAreas,\n    gridAutoColumns: r.autoColumns,\n    gridAutoRows: r.autoRows,\n    sm: {\n      ...t,\n      gridTemplateColumns: t == null ? void 0 : t.templateColumns,\n      gridTemplateRows: t == null ? void 0 : t.templateRows,\n      gridTemplateAreas: t == null ? void 0 : t.templateAreas,\n      gridAutoColumns: t == null ? void 0 : t.autoColumns,\n      gridAutoRows: t == null ? void 0 : t.autoRows\n    },\n    md: {\n      ...e,\n      gridTemplateColumns: e == null ? void 0 : e.templateColumns,\n      gridTemplateRows: e == null ? void 0 : e.templateRows,\n      gridTemplateAreas: e == null ? void 0 : e.templateAreas,\n      gridAutoColumns: e == null ? void 0 : e.autoColumns,\n      gridAutoRows: e == null ? void 0 : e.autoRows\n    },\n    lg: {\n      ...o,\n      gridTemplateColumns: o == null ? void 0 : o.templateColumns,\n      gridTemplateRows: o == null ? void 0 : o.templateRows,\n      gridTemplateAreas: o == null ? void 0 : o.templateAreas,\n      gridAutoColumns: o == null ? void 0 : o.autoColumns,\n      gridAutoRows: o == null ? void 0 : o.autoRows\n    },\n    xl: {\n      ...s,\n      gridTemplateColumns: s == null ? void 0 : s.templateColumns,\n      gridTemplateRows: s == null ? void 0 : s.templateRows,\n      gridTemplateAreas: s == null ? void 0 : s.templateAreas,\n      gridAutoColumns: s == null ? void 0 : s.autoColumns,\n      gridAutoRows: s == null ? void 0 : s.autoRows\n    },\n    xxl: {\n      ...a,\n      gridTemplateColumns: a == null ? void 0 : a.templateColumns,\n      gridTemplateRows: a == null ? void 0 : a.templateRows,\n      gridTemplateAreas: a == null ? void 0 : a.templateAreas,\n      gridAutoColumns: a == null ? void 0 : a.autoColumns,\n      gridAutoRows: a == null ? void 0 : a.autoRows\n    }\n  }, { layoutStyles: l, componentProps: n } = y(i), { children: p, className: d, style: g, ...C } = n, R = c([_.grid], d), w = {\n    ...g,\n    ...l\n  };\n  return /* @__PURE__ */ A.jsx(\n    \"div\",\n    {\n      className: R,\n      \"data-anv\": \"grid\",\n      style: w,\n      ref: m,\n      ...C,\n      children: p\n    }\n  );\n});\nq.displayName = \"Grid\";\nexport {\n  q as Grid\n};\n//# sourceMappingURL=Grid.js.map\n","import {\n  GridProps as CoreGridProps,\n  Grid as CoreGrid,\n} from \"@servicetitan/hammer-react/dist/Grid\";\nimport { Ref, forwardRef } from \"react\";\n\nexport type GridProps = CoreGridProps;\n\nexport const Grid = forwardRef((props: GridProps, ref: Ref<HTMLDivElement>) => {\n  return <CoreGrid ref={ref} {...props} />;\n});\n"],"names":["f","_","q","forwardRef","r","m","N","P","j","L","b","t","e","o","s","a","u","i","l","n","J","p","d","g","C","R","G","w","fr","Grid","props","ref","jsxRuntimeExports"],"mappings":";;;;;;;AAQA,MAAAA,IAAA,iBAAAC,IAAA;AAAA,EACA,MAAAD;AAAA,EACA,aAAA;AACA,GAAAE,IAAAC,EAAA,CAAAC,GAAAC,MAAA;AACA,QAAA;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAAC;AAAA,EACA,IAAAZ,GAAAa,IAAA;AAAA,IACA,GAAAD;AAAA,IACA,qBAAAZ,EAAA;AAAA,IACA,kBAAAA,EAAA;AAAA,IACA,mBAAAA,EAAA;AAAA,IACA,iBAAAA,EAAA;AAAA,IACA,cAAAA,EAAA;AAAA,IACA,IAAA;AAAA,MACA,GAAAO;AAAA,MACA,qBAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,MACA,kBAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,MACA,mBAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,MACA,iBAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,MACA,cAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,IACA;AAAA,IACA,IAAA;AAAA,MACA,GAAAC;AAAA,MACA,qBAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,MACA,kBAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,MACA,mBAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,MACA,iBAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,MACA,cAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,IACA;AAAA,IACA,IAAA;AAAA,MACA,GAAAC;AAAA,MACA,qBAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,MACA,kBAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,MACA,mBAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,MACA,iBAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,MACA,cAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,IACA;AAAA,IACA,IAAA;AAAA,MACA,GAAAC;AAAA,MACA,qBAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,MACA,kBAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,MACA,mBAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,MACA,iBAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,MACA,cAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,IACA;AAAA,IACA,KAAA;AAAA,MACA,GAAAC;AAAA,MACA,qBAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,MACA,kBAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,MACA,mBAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,MACA,iBAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,MACA,cAAAA,KAAA,OAAA,SAAAA,EAAA;AAAA,IACA;AAAA,EACA,GAAA,EAAA,cAAAG,GAAA,gBAAAC,EAAA,IAAAC,EAAAH,CAAA,GAAA,EAAA,UAAAI,GAAA,WAAAC,GAAA,OAAAC,GAAA,GAAAC,EAAA,IAAAL,GAAAM,IAAAC,EAAA,CAAAzB,EAAA,IAAA,GAAAqB,CAAA,GAAAK,IAAA;AAAA,IACA,GAAAJ;AAAA,IACA,GAAAL;AAAA,EACA;AACA,SAAA,gBAAAU,EAAA;AAAA,IACA;AAAA,IACA;AAAA,MACA,WAAAH;AAAA,MACA,YAAA;AAAA,MACA,OAAAE;AAAA,MACA,KAAAtB;AAAA,MACA,GAAAmB;AAAA,MACA,UAAAH;AAAA,IACA;AAAA,EACA;AACA,CAAA;AACAnB,EAAA,cAAA;AC/EO,MAAA2B,IAAA1B,EAAA,CAAA2B,GAAAC,MACL,gBAAAC,EAAA,IAAA9B,GAAA,EAAA,KAAA6B,GAAA,GAAAD,EAAA,CAAA,CACF;","x_google_ignoreList":[0]}