@servicetitan/anvil2 1.1.2 → 1.2.0

package/Page.js

@@ -1,175 +1,231 @@
-import "./index3.css";
-import { j as t } from "./jsx-runtime-82a9ddf6.js";
-import * as _ from "react";
-import { forwardRef as p, createContext as w, useState as j, useContext as N, useRef as f, useEffect as S } from "react";
-import { G as h } from "./index-c6e22bb9.js";
-import P from "./Button.js";
-import { useSize as C } from "./useSize.js";
-import v from "./Tooltip.js";
-import { useTrackingId as y } from "./useTrackingId.js";
-const E = "_page_osiei_7", R = "_content_osiei_25", k = "_sidebar_osiei_35", L = "_panel_osiei_110", B = "_collapsed_osiei_149", I = "_open_osiei_149", O = "_small_osiei_149", T = "_medium_osiei_152", M = "_large_osiei_155", z = "_noPadding_osiei_204", a = {
-  page: E,
-  content: R,
-  "content-inner": "_content-inner_osiei_30",
-  sidebar: k,
-  "sidebar-inner": "_sidebar-inner_osiei_46",
-  "toggle-button-wrapper": "_toggle-button-wrapper_osiei_71",
-  "toggle-button-tooltip": "_toggle-button-tooltip_osiei_79",
-  "toggle-button": "_toggle-button_osiei_71",
-  "sidebar-header": "_sidebar-header_osiei_97",
-  panel: L,
-  "panel-inner": "_panel-inner_osiei_118",
-  "virtual-scroll-container": "_virtual-scroll-container_osiei_131",
-  collapsed: B,
-  open: I,
-  small: O,
-  medium: T,
-  large: M,
-  "header-content": "_header-content_osiei_177",
-  noPadding: z
+import "./index2.css";
+import { j as e } from "./jsx-runtime-82a9ddf6.js";
+import * as c from "react";
+import { forwardRef as _, createContext as L, useContext as j, useState as M, useRef as N, useEffect as R } from "react";
+import { c as b } from "./index-e0f6271a.js";
+import S from "./Button.js";
+import { useSize as W } from "./useSize.js";
+import x from "./Tooltip.js";
+import { B as P } from "./primitive-90e4e69c.js";
+import { useTrackingId as z } from "./useTrackingId.js";
+import { M as C } from "./index-5654965e.js";
+import "./LocalizationProvider.js";
+import "./index-d46fa8de-997b6b08.js";
+import y from "./Dialog.js";
+import w from "./Popover.js";
+import T from "./Flex.js";
+import H from "./Icon.js";
+const I = "_page_3p54k_7", O = "_container_3p54k_16", A = "_content_3p54k_32", K = "_sidebar_3p54k_41", D = "_panel_3p54k_124", J = "_collapsed_3p54k_160", F = "_open_3p54k_160", G = "_small_3p54k_160", U = "_medium_3p54k_163", V = "_large_3p54k_166", Y = "_noPadding_3p54k_256", a = {
+  page: I,
+  container: O,
+  content: A,
+  "content-inner": "_content-inner_3p54k_36",
+  sidebar: K,
+  "sidebar-inner": "_sidebar-inner_3p54k_50",
+  "toggle-button-wrapper": "_toggle-button-wrapper_3p54k_77",
+  "toggle-button-tooltip": "_toggle-button-tooltip_3p54k_85",
+  "toggle-button": "_toggle-button_3p54k_77",
+  "sidebar-header": "_sidebar-header_3p54k_103",
+  "sidebar-adaptive-trigger-container": "_sidebar-adaptive-trigger-container_3p54k_109",
+  "sidebar-adaptive-container": "_sidebar-adaptive-container_3p54k_118",
+  "sidebar-adaptive": "_sidebar-adaptive_3p54k_109",
+  panel: D,
+  "panel-inner": "_panel-inner_3p54k_131",
+  "virtual-scroll-container": "_virtual-scroll-container_3p54k_142",
+  collapsed: J,
+  open: F,
+  small: G,
+  medium: U,
+  large: V,
+  noPadding: Y,
+  "sidebar-adaptive-trigger": "_sidebar-adaptive-trigger_3p54k_109"
 };
-function H(...n) {
-  return _.useCallback(
+function q(...n) {
+  return c.useCallback(
     (i) => {
-      for (let o = 0; o < n.length; o++) {
-        const s = n[o];
-        typeof s == "function" ? s(i) : s && typeof s == "object" && (s.current = i);
+      for (let s = 0; s < n.length; s++) {
+        const t = n[s];
+        typeof t == "function" ? t(i) : t && typeof t == "object" && (t.current = i);
       }
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     n
   );
 }
-const J = (n) => /* @__PURE__ */ _.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ _.createElement("path", { d: "M9.29 6.71a.996.996 0 0 0 0 1.41L13.17 12l-3.88 3.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L10.7 6.7c-.38-.38-1.02-.38-1.41.01z" })), G = (n) => /* @__PURE__ */ _.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ _.createElement("path", { d: "M14.71 6.71a.996.996 0 0 0-1.41 0L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59a.996.996 0 1 0 1.41-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41z" })), K = p((n, i) => {
-  const { children: o, ...s } = n;
-  return /* @__PURE__ */ t.jsx("div", { className: a.page, ref: i, ...s, children: o });
-}), x = w(null), V = p(
+const Q = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ c.createElement("path", { d: "M9.29 6.71a.996.996 0 0 0 0 1.41L13.17 12l-3.88 3.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L10.7 6.7c-.38-.38-1.02-.38-1.41.01z" })), X = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ c.createElement("path", { d: "M14.71 6.71a.996.996 0 0 0-1.41 0L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59a.996.996 0 1 0 1.41-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41z" })), Z = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ c.createElement("path", { d: "M10 18h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1zm7 6h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1z" })), $ = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ c.createElement("path", { d: "M8.12 9.29 12 13.17l3.88-3.88a.996.996 0 1 1 1.41 1.41l-4.59 4.59a.996.996 0 0 1-1.41 0L6.7 10.7a.996.996 0 0 1 0-1.41c.39-.38 1.03-.39 1.42 0z" })), ee = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ c.createElement("path", { d: "M8.12 14.71 12 10.83l3.88 3.88a.996.996 0 1 0 1.41-1.41L12.7 8.71a.996.996 0 0 0-1.41 0L6.7 13.3a.996.996 0 0 0 0 1.41c.39.38 1.03.39 1.42 0z" })), te = _((n, i) => {
+  const { children: s, ...t } = n;
+  return /* @__PURE__ */ e.jsx("div", { className: a.page, ref: i, ...t, children: /* @__PURE__ */ e.jsx("div", { className: a.container, children: s }) });
+}), E = L(null), ne = _(
   (n, i) => {
+    var k;
     const {
-      children: o,
-      className: s,
-      localStorageKey: r = "sidebar-collapsed",
-      ...l
-    } = n, d = y({
+      children: s,
+      className: t,
+      currentPageTitle: p,
+      localStorageKey: l = "sidebar-collapsed",
+      ...m
+    } = n, h = {
+      localStorageKey: l
+    }, { breakpoint: r } = j(C), g = z({
       name: "PageSidebarButton",
-      data: {
-        localStorageKey: r
-      },
+      data: h,
       hasOverride: !!n["data-tracking-id"]
-    }), [e, g] = j(() => {
-      const m = localStorage.getItem(r);
-      return m ? JSON.parse(m) : !1;
-    }), b = h([a.sidebar], s, {
-      [a.collapsed]: e
-    }), u = () => {
-      g((m) => (localStorage.setItem(r, JSON.stringify(!m)), !m));
-    };
-    return /* @__PURE__ */ t.jsx(x.Provider, { value: { collapsed: e }, children: /* @__PURE__ */ t.jsxs("div", { className: b, ref: i, ...l, children: [
-      /* @__PURE__ */ t.jsx("div", { className: a["sidebar-inner"], "aria-hidden": e, children: /* @__PURE__ */ t.jsx("div", { tabIndex: 0, children: o }) }),
-      /* @__PURE__ */ t.jsx("div", { className: a["toggle-button-wrapper"], children: /* @__PURE__ */ t.jsxs(v, { placement: "right", children: [
-        /* @__PURE__ */ t.jsx(v.Trigger, { className: a["toggle-button-tooltip"], children: /* @__PURE__ */ t.jsx(
-          P,
+    }), [o, u] = M(() => {
+      const d = localStorage.getItem(l);
+      return d ? JSON.parse(d) : !1;
+    }), f = b([a.sidebar], t, {
+      [a.collapsed]: o
+    }), v = () => {
+      u((d) => (localStorage.setItem(l, JSON.stringify(!d)), !d));
+    }, B = +(((k = P) == null ? void 0 : k.value.replace("px", "")) ?? 0);
+    return ((r == null ? void 0 : r.innerWidth) ?? 0) < B ? /* @__PURE__ */ e.jsxs(w, { fillAvailableHeight: !0, matchReferenceWidth: !0, noPadding: !0, disableCaret: !0, children: [
+      /* @__PURE__ */ e.jsx(w.Trigger, { children: (d) => (typeof document < "u" && (d["data-state"] === "open" ? document.body.style.overflow = "hidden" : document.body.style.overflow = "auto"), /* @__PURE__ */ e.jsx("div", { className: a["sidebar-adaptive-trigger-container"], children: /* @__PURE__ */ e.jsxs(
+        S,
+        {
+          className: a["sidebar-adaptive-trigger"],
+          icon: Z,
+          appearance: "ghost",
+          ...d,
+          children: [
+            p || "Menu",
+            /* @__PURE__ */ e.jsx(
+              H,
+              {
+                flexGrow: "1",
+                justifyContent: "end",
+                svg: d["data-state"] === "open" ? ee : $
+              }
+            )
+          ]
+        }
+      ) })) }),
+      /* @__PURE__ */ e.jsx(w.Content, { className: a["sidebar-adaptive-container"], children: /* @__PURE__ */ e.jsx(
+        T,
+        {
+          direction: "column",
+          className: a["sidebar-adaptive"],
+          ref: i,
+          children: s
+        }
+      ) })
+    ] }) : /* @__PURE__ */ e.jsx(E.Provider, { value: { collapsed: o }, children: /* @__PURE__ */ e.jsxs("div", { className: f, ref: i, ...m, children: [
+      /* @__PURE__ */ e.jsx("div", { className: a["sidebar-inner"], "aria-hidden": o, children: /* @__PURE__ */ e.jsx("div", { children: s }) }),
+      /* @__PURE__ */ e.jsx("div", { className: a["toggle-button-wrapper"], children: /* @__PURE__ */ e.jsxs(x, { placement: "right", children: [
+        /* @__PURE__ */ e.jsx(x.Trigger, { className: a["toggle-button-tooltip"], children: /* @__PURE__ */ e.jsx(
+          S,
           {
             size: "small",
-            onClick: u,
+            onClick: v,
             className: a["toggle-button"],
-            "aria-label": e ? "Open Sidebar" : "Close Sidebar",
-            "data-tracking-id": d,
-            icon: e ? J : G
+            "aria-label": o ? "Open Sidebar" : "Close Sidebar",
+            "data-tracking-id": g,
+            icon: o ? Q : X
           }
         ) }),
-        /* @__PURE__ */ t.jsx(v.Content, { children: e ? "Open Sidebar" : "Close Sidebar" })
+        /* @__PURE__ */ e.jsx(x.Content, { children: o ? "Open Sidebar" : "Close Sidebar" })
       ] }) })
     ] }) });
   }
-), Y = p(
+), ae = _(
   (n, i) => {
-    const { children: o, className: s, ...r } = n, l = N(x), c = h([a["sidebar-header"]], s);
-    return /* @__PURE__ */ t.jsx("div", { className: c, ref: i, ...r, children: /* @__PURE__ */ t.jsx(
+    const { children: s, className: t, ...p } = n, l = j(E), m = b([a["sidebar-header"]], t);
+    return /* @__PURE__ */ e.jsx("div", { className: m, ref: i, ...p, children: /* @__PURE__ */ e.jsx(
       "div",
       {
         className: a["header-content"],
         "aria-hidden": l == null ? void 0 : l.collapsed,
-        children: o
+        children: s
       }
     ) });
   }
-), q = p(
+), re = _(
   (n, i) => {
-    const { children: o, className: s, ...r } = n, l = h([a.content], s), c = f(null), d = f(null), e = C(c);
-    return S(() => {
+    const { children: s, className: t, ...p } = n, l = b([a.content], t), m = N(null), h = N(null), r = W(m);
+    return R(() => {
       function g() {
         var u;
-        const b = window.scrollY;
-        (u = d.current) == null || u.scrollTo(0, b ?? 0);
+        const o = window.scrollY;
+        (u = h.current) == null || u.scrollTo(0, o ?? 0);
       }
       return window.addEventListener("scroll", g, { passive: !0 }), () => {
         window.removeEventListener("scroll", g);
       };
-    }, []), /* @__PURE__ */ t.jsxs("main", { className: l, ref: H(c, i), ...r, children: [
-      /* @__PURE__ */ t.jsx("div", { className: a["content-inner"], children: o }),
-      /* @__PURE__ */ t.jsx(
+    }, []), /* @__PURE__ */ e.jsxs("main", { className: l, ref: q(m, i), ...p, children: [
+      /* @__PURE__ */ e.jsx("div", { className: a["content-inner"], children: s }),
+      /* @__PURE__ */ e.jsx(
         "div",
         {
           className: a["virtual-scroll-container"],
-          ref: d,
-          style: { left: e && (e == null ? void 0 : e.left) + (e == null ? void 0 : e.width) },
-          children: /* @__PURE__ */ t.jsx(
+          ref: h,
+          style: { left: r && (r == null ? void 0 : r.left) + (r == null ? void 0 : r.width) },
+          children: /* @__PURE__ */ e.jsx(
             "div",
             {
-              style: { width: 1, height: e ? e.height + e.y * 2 : 0 }
+              style: { width: 1, height: r ? r.height + r.y * 2 : 0 }
             }
           )
         }
       )
     ] });
   }
-), A = p(
+), se = _(
   (n, i) => {
+    var v;
     const {
-      children: o,
-      open: s,
-      size: r = "medium",
+      children: s,
+      open: t,
+      size: p = "medium",
       noPadding: l,
-      style: c,
-      className: d,
-      ...e
-    } = n, g = h([a.panel], [a[r]], d, {
-      [a.open]: s,
+      style: m,
+      className: h,
+      ...r
+    } = n, g = b([a.panel], [a[p]], h, {
+      [a.open]: typeof t > "u" ? !0 : t,
+      [a.persistent]: typeof t > "u",
       [a.noPadding]: l
-    });
-    return /* @__PURE__ */ t.jsx(
-      "aside",
+    }), { breakpoint: o } = j(C), u = +(((v = P) == null ? void 0 : v.value.replace("px", "")) ?? 0), f = (o == null ? void 0 : o.innerWidth) ?? 0;
+    return typeof t < "u" && f < u ? /* @__PURE__ */ e.jsx(y, { open: t, children: /* @__PURE__ */ e.jsx(y.Content, { children: /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: g,
+        "aria-hidden": !t,
+        "aria-disabled": !t,
+        ref: i,
+        ...r,
+        children: s
+      }
+    ) }) }) : /* @__PURE__ */ e.jsx(
+      "div",
       {
         className: g,
-        "aria-hidden": !s,
-        "aria-disabled": !s,
+        "aria-hidden": !t,
+        "aria-disabled": !t,
         ref: i,
-        ...e,
-        children: /* @__PURE__ */ t.jsx(
+        ...r,
+        children: /* @__PURE__ */ e.jsx(
           "div",
           {
             className: a["panel-inner"],
-            tabIndex: s ? 0 : -1,
-            style: c,
-            children: /* @__PURE__ */ t.jsx("div", { children: o })
+            tabIndex: typeof t < "u" && t ? 0 : -1,
+            style: m,
+            children: /* @__PURE__ */ e.jsx("div", { children: s })
           }
         )
       }
     );
   }
-), ee = Object.assign(K, {
-  Sidebar: V,
-  SidebarHeader: Y,
-  Content: q,
-  Panel: A
+), ke = Object.assign(te, {
+  Sidebar: ne,
+  SidebarHeader: ae,
+  Content: re,
+  Panel: se
 });
 export {
-  ee as Page,
-  q as PageContent,
-  A as PagePanel,
-  V as PageSidebar,
-  Y as PageSidebarHeader,
-  ee as default
+  ke as Page,
+  re as PageContent,
+  se as PagePanel,
+  ne as PageSidebar,
+  ae as PageSidebarHeader,
+  ke as default
 };
 //# sourceMappingURL=Page.js.map

package/Page.js.map

@@ -1 +1 @@
-{"version":3,"file":"Page.js","sources":["../node_modules/@react-hook/merged-ref/dist/module/index.js","../node_modules/@servicetitan/hammer-icon/mdi/round/chevron_right.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/chevron_left.svg","../src/components/Page/Page.tsx"],"sourcesContent":["import * as React from 'react';\n\nfunction useMergedRef(...refs) {\n  return React.useCallback(element => {\n    for (let i = 0; i < refs.length; i++) {\n      const ref = refs[i];\n      if (typeof ref === 'function') ref(element);else if (ref && typeof ref === 'object') ref.current = element;\n    }\n  }, // eslint-disable-next-line react-hooks/exhaustive-deps\n  refs);\n}\n\nexport default useMergedRef;","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOS4yOSA2LjcxYS45OTYuOTk2IDAgMCAwIDAgMS40MUwxMy4xNyAxMmwtMy44OCAzLjg4YS45OTYuOTk2IDAgMSAwIDEuNDEgMS40MWw0LjU5LTQuNTlhLjk5Ni45OTYgMCAwIDAgMC0xLjQxTDEwLjcgNi43Yy0uMzgtLjM4LTEuMDItLjM4LTEuNDEuMDF6Ii8+PC9zdmc+\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTQuNzEgNi43MWEuOTk2Ljk5NiAwIDAgMC0xLjQxIDBMOC43MSAxMS4zYS45OTYuOTk2IDAgMCAwIDAgMS40MWw0LjU5IDQuNTlhLjk5Ni45OTYgMCAxIDAgMS40MS0xLjQxTDEwLjgzIDEybDMuODgtMy44OGMuMzktLjM5LjM4LTEuMDMgMC0xLjQxeiIvPjwvc3ZnPg==\"","import {\n  ComponentPropsWithoutRef,\n  Ref,\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport styles from \"./Page.module.scss\";\nimport cx from \"classnames\";\nimport Button from \"../Button\";\nimport useMergedRef from \"@react-hook/merged-ref\";\nimport useSize from \"../../hooks/useSize\";\nimport OpenSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_right.svg\";\nimport CloseSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_left.svg\";\nimport Tooltip from \"../Tooltip\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\n\nexport type PageProps = ComponentPropsWithoutRef<\"div\">;\n\nconst PageElement = forwardRef((props: PageProps, ref: Ref<HTMLDivElement>) => {\n  const { children, ...rest } = props;\n\n  return (\n    <div className={styles[\"page\"]} ref={ref} {...rest}>\n      {children}\n    </div>\n  );\n});\n\ntype PageSideBarContextProps = {\n  collapsed: boolean;\n};\nconst PageSideBarContext = createContext<PageSideBarContextProps | null>(null);\n\nexport type PageSidebarProps = ComponentPropsWithoutRef<\"div\"> & {\n  localStorageKey?: string;\n  [\"data-tracking-id\"]?: string;\n};\nexport const PageSidebar = forwardRef(\n  (props: PageSidebarProps, ref: Ref<HTMLDivElement>) => {\n    const {\n      children,\n      className,\n      localStorageKey = \"sidebar-collapsed\",\n      ...rest\n    } = props;\n\n    const data = {\n      localStorageKey,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"PageSidebarButton\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const [collapsed, setCollapsed] = useState<boolean>(() => {\n      // getting stored value\n      const sidebarState = localStorage.getItem(localStorageKey);\n      return sidebarState ? JSON.parse(sidebarState) : false;\n    });\n    const classNames = cx([styles[\"sidebar\"]], className, {\n      [styles[\"collapsed\"]]: collapsed,\n    });\n    const onToggleButtonClick = () => {\n      setCollapsed((prev) => {\n        localStorage.setItem(localStorageKey, JSON.stringify(!prev));\n        return !prev;\n      });\n    };\n\n    return (\n      <PageSideBarContext.Provider value={{ collapsed }}>\n        <div className={classNames} ref={ref} {...rest}>\n          <div className={styles[\"sidebar-inner\"]} aria-hidden={collapsed}>\n            <div tabIndex={0}>{children}</div>\n          </div>\n          <div className={styles[\"toggle-button-wrapper\"]}>\n            <Tooltip placement=\"right\">\n              <Tooltip.Trigger className={styles[\"toggle-button-tooltip\"]}>\n                <Button\n                  size=\"small\"\n                  onClick={onToggleButtonClick}\n                  className={styles[\"toggle-button\"]}\n                  aria-label={collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n                  data-tracking-id={trackingId}\n                  icon={collapsed ? OpenSVG : CloseSVG}\n                />\n              </Tooltip.Trigger>\n              <Tooltip.Content>\n                {collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n              </Tooltip.Content>\n            </Tooltip>\n          </div>\n        </div>\n      </PageSideBarContext.Provider>\n    );\n  }\n);\n\nexport type PageSidebarHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const PageSidebarHeader = forwardRef(\n  (props: PageSidebarHeaderProps, ref: Ref<HTMLDivElement>) => {\n    const { children, className, ...rest } = props;\n    const context = useContext(PageSideBarContext);\n    const classNames = cx([styles[\"sidebar-header\"]], className);\n\n    return (\n      <div className={classNames} ref={ref} {...rest}>\n        <div\n          className={styles[\"header-content\"]}\n          aria-hidden={context?.collapsed}\n        >\n          {children}\n        </div>\n      </div>\n    );\n  }\n);\n\nexport type PageContentProps = ComponentPropsWithoutRef<\"main\">;\n\nexport const PageContent = forwardRef(\n  (props: PageContentProps, ref: Ref<HTMLAreaElement>) => {\n    const { children, className, ...rest } = props;\n    const classNames = cx([styles[\"content\"]], className);\n    const mainRef = useRef<HTMLAreaElement>(null);\n    const virtualScrollRef = useRef<HTMLDivElement>(null);\n    const size = useSize(mainRef);\n\n    useEffect(() => {\n      function updatePosition() {\n        const newValue = window.scrollY;\n\n        virtualScrollRef.current?.scrollTo(0, newValue ?? 0);\n      }\n      window.addEventListener(\"scroll\", updatePosition, { passive: true });\n\n      return () => {\n        window.removeEventListener(\"scroll\", updatePosition);\n      };\n    }, []);\n\n    return (\n      <main className={classNames} ref={useMergedRef(mainRef, ref)} {...rest}>\n        <div className={styles[\"content-inner\"]}>{children}</div>\n        <div\n          className={styles[\"virtual-scroll-container\"]}\n          ref={virtualScrollRef}\n          style={{ left: size && size?.left + size?.width }}\n        >\n          <div\n            style={{ width: 1, height: size ? size.height + size.y * 2 : 0 }}\n          />\n        </div>\n      </main>\n    );\n  }\n);\n\nexport type PagePanelProps = ComponentPropsWithoutRef<\"aside\"> & {\n  open?: boolean;\n  size?: \"small\" | \"medium\" | \"large\";\n  noPadding?: boolean;\n};\n\nexport const PagePanel = forwardRef(\n  (props: PagePanelProps, ref: Ref<HTMLAreaElement>) => {\n    const {\n      children,\n      open,\n      size = \"medium\",\n      noPadding,\n      style,\n      className,\n      ...rest\n    } = props;\n    const classNames = cx([styles[\"panel\"]], [styles[size]], className, {\n      [styles[\"open\"]]: open,\n      [styles[\"noPadding\"]]: noPadding,\n    });\n\n    return (\n      <aside\n        className={classNames}\n        aria-hidden={!open}\n        aria-disabled={!open}\n        ref={ref}\n        {...rest}\n      >\n        <div\n          className={styles[\"panel-inner\"]}\n          tabIndex={open ? 0 : -1}\n          style={style}\n        >\n          <div>{children}</div>\n        </div>\n      </aside>\n    );\n  }\n);\n\nexport const Page = Object.assign(PageElement, {\n  Sidebar: PageSidebar,\n  SidebarHeader: PageSidebarHeader,\n  Content: PageContent,\n  Panel: PagePanel,\n});\n"],"names":["useMergedRef","refs","React","element","i","ref","SvgChevronRight","props","SvgChevronLeft","PageElement","forwardRef","children","rest","jsxRuntimeExports","styles","PageSideBarContext","createContext","PageSidebar","className","localStorageKey","trackingId","useTrackingId","collapsed","setCollapsed","useState","sidebarState","classNames","G","onToggleButtonClick","prev","Tooltip","Button","PageSidebarHeader","context","useContext","PageContent","mainRef","useRef","virtualScrollRef","size","useSize","useEffect","updatePosition","newValue","_a","PagePanel","open","noPadding","style","Page"],"mappings":"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","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"Page.js","sources":["../node_modules/@react-hook/merged-ref/dist/module/index.js","../node_modules/@servicetitan/hammer-icon/mdi/round/chevron_right.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/chevron_left.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/segment.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/keyboard_arrow_up.svg","../src/components/Page/Page.tsx"],"sourcesContent":["import * as React from 'react';\n\nfunction useMergedRef(...refs) {\n  return React.useCallback(element => {\n    for (let i = 0; i < refs.length; i++) {\n      const ref = refs[i];\n      if (typeof ref === 'function') ref(element);else if (ref && typeof ref === 'object') ref.current = element;\n    }\n  }, // eslint-disable-next-line react-hooks/exhaustive-deps\n  refs);\n}\n\nexport default useMergedRef;","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOS4yOSA2LjcxYS45OTYuOTk2IDAgMCAwIDAgMS40MUwxMy4xNyAxMmwtMy44OCAzLjg4YS45OTYuOTk2IDAgMSAwIDEuNDEgMS40MWw0LjU5LTQuNTlhLjk5Ni45OTYgMCAwIDAgMC0xLjQxTDEwLjcgNi43Yy0uMzgtLjM4LTEuMDItLjM4LTEuNDEuMDF6Ii8+PC9zdmc+\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTQuNzEgNi43MWEuOTk2Ljk5NiAwIDAgMC0xLjQxIDBMOC43MSAxMS4zYS45OTYuOTk2IDAgMCAwIDAgMS40MWw0LjU5IDQuNTlhLjk5Ni45OTYgMCAxIDAgMS40MS0xLjQxTDEwLjgzIDEybDMuODgtMy44OGMuMzktLjM5LjM4LTEuMDMgMC0xLjQxeiIvPjwvc3ZnPg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAgMThoMTBjLjU1IDAgMS0uNDUgMS0xcy0uNDUtMS0xLTFIMTBjLS41NSAwLTEgLjQ1LTEgMXMuNDUgMSAxIDF6TTMgN2MwIC41NS40NSAxIDEgMWgxNmMuNTUgMCAxLS40NSAxLTFzLS40NS0xLTEtMUg0Yy0uNTUgMC0xIC40NS0xIDF6bTcgNmgxMGMuNTUgMCAxLS40NSAxLTFzLS40NS0xLTEtMUgxMGMtLjU1IDAtMSAuNDUtMSAxcy40NSAxIDEgMXoiLz48L3N2Zz4=\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOC4xMiA5LjI5IDEyIDEzLjE3bDMuODgtMy44OGEuOTk2Ljk5NiAwIDEgMSAxLjQxIDEuNDFsLTQuNTkgNC41OWEuOTk2Ljk5NiAwIDAgMS0xLjQxIDBMNi43IDEwLjdhLjk5Ni45OTYgMCAwIDEgMC0xLjQxYy4zOS0uMzggMS4wMy0uMzkgMS40MiAweiIvPjwvc3ZnPg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOC4xMiAxNC43MSAxMiAxMC44M2wzLjg4IDMuODhhLjk5Ni45OTYgMCAxIDAgMS40MS0xLjQxTDEyLjcgOC43MWEuOTk2Ljk5NiAwIDAgMC0xLjQxIDBMNi43IDEzLjNhLjk5Ni45OTYgMCAwIDAgMCAxLjQxYy4zOS4zOCAxLjAzLjM5IDEuNDIgMHoiLz48L3N2Zz4=\"","import {\n  ComponentPropsWithoutRef,\n  Ref,\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport styles from \"./Page.module.scss\";\nimport cx from \"classnames\";\nimport Button from \"../Button\";\nimport useMergedRef from \"@react-hook/merged-ref\";\nimport useSize from \"../../hooks/useSize\";\nimport OpenSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_right.svg\";\nimport CloseSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_left.svg\";\nimport SegmentSVG from \"@servicetitan/hammer-icon/mdi/round/segment.svg\";\nimport RespOpen from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.svg\";\nimport RespClose from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_up.svg\";\nimport Tooltip from \"../Tooltip\";\nimport { core } from \"@servicetitan/hammer-token\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport {\n  AnvilProviderContext,\n  AnvilProviderContextProps,\n} from \"../../providers\";\nimport Dialog from \"../Dialog\";\nimport Popover from \"../Popover\";\nimport Flex from \"../Flex\";\nimport Icon from \"../Icon\";\n\nexport type PageProps = ComponentPropsWithoutRef<\"div\">;\n\nconst PageElement = forwardRef((props: PageProps, ref: Ref<HTMLDivElement>) => {\n  const { children, ...rest } = props;\n\n  return (\n    <div className={styles[\"page\"]} ref={ref} {...rest}>\n      <div className={styles[\"container\"]}>{children}</div>\n    </div>\n  );\n});\n\ntype PageSideBarContextProps = {\n  collapsed: boolean;\n};\nconst PageSideBarContext = createContext<PageSideBarContextProps | null>(null);\n\nexport type PageSidebarProps = ComponentPropsWithoutRef<\"div\"> & {\n  localStorageKey?: string;\n  [\"data-tracking-id\"]?: string;\n  currentPageTitle?: string;\n};\nexport const PageSidebar = forwardRef(\n  (props: PageSidebarProps, ref: Ref<HTMLDivElement>) => {\n    const {\n      children,\n      className,\n      currentPageTitle,\n      localStorageKey = \"sidebar-collapsed\",\n      ...rest\n    } = props;\n\n    const data = {\n      localStorageKey,\n    };\n\n    const { breakpoint } =\n      useContext<AnvilProviderContextProps>(AnvilProviderContext);\n\n    const trackingId = useTrackingId({\n      name: \"PageSidebarButton\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const [collapsed, setCollapsed] = useState<boolean>(() => {\n      // getting stored value\n      const sidebarState = localStorage.getItem(localStorageKey);\n      return sidebarState ? JSON.parse(sidebarState) : false;\n    });\n    const classNames = cx([styles[\"sidebar\"]], className, {\n      [styles[\"collapsed\"]]: collapsed,\n    });\n    const onToggleButtonClick = () => {\n      setCollapsed((prev) => {\n        localStorage.setItem(localStorageKey, JSON.stringify(!prev));\n        return !prev;\n      });\n    };\n\n    const breakpointWidth = +(\n      core.primitive?.BreakpointMd?.value.replace(\"px\", \"\") ?? 0\n    );\n    const innerWidth = breakpoint?.innerWidth ?? 0;\n\n    if (innerWidth < breakpointWidth) {\n      return (\n        <Popover fillAvailableHeight matchReferenceWidth noPadding disableCaret>\n          <Popover.Trigger>\n            {(props) => {\n              if (typeof document !== \"undefined\") {\n                props[\"data-state\"] === \"open\"\n                  ? (document.body.style.overflow = \"hidden\")\n                  : (document.body.style.overflow = \"auto\");\n              }\n              return (\n                <div className={styles[\"sidebar-adaptive-trigger-container\"]}>\n                  <Button\n                    className={styles[\"sidebar-adaptive-trigger\"]}\n                    icon={SegmentSVG}\n                    appearance=\"ghost\"\n                    {...props}\n                  >\n                    {!currentPageTitle ? \"Menu\" : currentPageTitle}\n                    <Icon\n                      flexGrow=\"1\"\n                      justifyContent=\"end\"\n                      svg={\n                        props[\"data-state\"] === \"open\" ? RespClose : RespOpen\n                      }\n                    />\n                  </Button>\n                </div>\n              );\n            }}\n          </Popover.Trigger>\n          <Popover.Content className={styles[\"sidebar-adaptive-container\"]}>\n            <Flex\n              direction=\"column\"\n              className={styles[\"sidebar-adaptive\"]}\n              ref={ref}\n            >\n              {children}\n            </Flex>\n          </Popover.Content>\n        </Popover>\n      );\n    }\n\n    return (\n      <PageSideBarContext.Provider value={{ collapsed }}>\n        <div className={classNames} ref={ref} {...rest}>\n          <div className={styles[\"sidebar-inner\"]} aria-hidden={collapsed}>\n            <div>{children}</div>\n          </div>\n          <div className={styles[\"toggle-button-wrapper\"]}>\n            <Tooltip placement=\"right\">\n              <Tooltip.Trigger className={styles[\"toggle-button-tooltip\"]}>\n                <Button\n                  size=\"small\"\n                  onClick={onToggleButtonClick}\n                  className={styles[\"toggle-button\"]}\n                  aria-label={collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n                  data-tracking-id={trackingId}\n                  icon={collapsed ? OpenSVG : CloseSVG}\n                />\n              </Tooltip.Trigger>\n              <Tooltip.Content>\n                {collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n              </Tooltip.Content>\n            </Tooltip>\n          </div>\n        </div>\n      </PageSideBarContext.Provider>\n    );\n  }\n);\n\nexport type PageSidebarHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const PageSidebarHeader = forwardRef(\n  (props: PageSidebarHeaderProps, ref: Ref<HTMLDivElement>) => {\n    const { children, className, ...rest } = props;\n    const context = useContext(PageSideBarContext);\n    const classNames = cx([styles[\"sidebar-header\"]], className);\n\n    return (\n      <div className={classNames} ref={ref} {...rest}>\n        <div\n          className={styles[\"header-content\"]}\n          aria-hidden={context?.collapsed}\n        >\n          {children}\n        </div>\n      </div>\n    );\n  }\n);\n\nexport type PageContentProps = ComponentPropsWithoutRef<\"main\">;\n\nexport const PageContent = forwardRef(\n  (props: PageContentProps, ref: Ref<HTMLAreaElement>) => {\n    const { children, className, ...rest } = props;\n    const classNames = cx([styles[\"content\"]], className);\n    const mainRef = useRef<HTMLAreaElement>(null);\n    const virtualScrollRef = useRef<HTMLDivElement>(null);\n    const size = useSize(mainRef);\n\n    useEffect(() => {\n      function updatePosition() {\n        const newValue = window.scrollY;\n\n        virtualScrollRef.current?.scrollTo(0, newValue ?? 0);\n      }\n      window.addEventListener(\"scroll\", updatePosition, { passive: true });\n\n      return () => {\n        window.removeEventListener(\"scroll\", updatePosition);\n      };\n    }, []);\n\n    return (\n      <main className={classNames} ref={useMergedRef(mainRef, ref)} {...rest}>\n        <div className={styles[\"content-inner\"]}>{children}</div>\n        <div\n          className={styles[\"virtual-scroll-container\"]}\n          ref={virtualScrollRef}\n          style={{ left: size && size?.left + size?.width }}\n        >\n          <div\n            style={{ width: 1, height: size ? size.height + size.y * 2 : 0 }}\n          />\n        </div>\n      </main>\n    );\n  }\n);\n\nexport type PagePanelProps = ComponentPropsWithoutRef<\"div\"> & {\n  open?: boolean;\n  size?: \"small\" | \"medium\" | \"large\";\n  noPadding?: boolean;\n};\n\nexport const PagePanel = forwardRef(\n  (props: PagePanelProps, ref: Ref<HTMLDivElement>) => {\n    const {\n      children,\n      open,\n      size = \"medium\",\n      noPadding,\n      style,\n      className,\n      ...rest\n    } = props;\n    const classNames = cx([styles[\"panel\"]], [styles[size]], className, {\n      [styles[\"open\"]]: typeof open === \"undefined\" ? true : open,\n      [styles[\"persistent\"]]: typeof open === \"undefined\",\n      [styles[\"noPadding\"]]: noPadding,\n    });\n\n    const { breakpoint } =\n      useContext<AnvilProviderContextProps>(AnvilProviderContext);\n\n    const breakpointWidth = +(\n      core.primitive?.BreakpointMd?.value.replace(\"px\", \"\") ?? 0\n    );\n    const innerWidth = breakpoint?.innerWidth ?? 0;\n\n    if (typeof open !== \"undefined\" && innerWidth < breakpointWidth) {\n      return (\n        <Dialog open={open}>\n          <Dialog.Content>\n            <div\n              className={classNames}\n              aria-hidden={!open}\n              aria-disabled={!open}\n              ref={ref}\n              {...rest}\n            >\n              {children}\n            </div>\n          </Dialog.Content>\n        </Dialog>\n      );\n    }\n    return (\n      <div\n        className={classNames}\n        aria-hidden={!open}\n        aria-disabled={!open}\n        ref={ref}\n        {...rest}\n      >\n        <div\n          className={styles[\"panel-inner\"]}\n          tabIndex={typeof open !== \"undefined\" && open ? 0 : -1}\n          style={style}\n        >\n          <div>{children}</div>\n        </div>\n      </div>\n    );\n  }\n);\n\nexport const Page = Object.assign(PageElement, {\n  Sidebar: PageSidebar,\n  SidebarHeader: PageSidebarHeader,\n  Content: PageContent,\n  Panel: PagePanel,\n});\n"],"names":["useMergedRef","refs","React","element","i","ref","SvgChevronRight","props","SvgChevronLeft","SvgSegment","SvgKeyboardArrowDown","SvgKeyboardArrowUp","PageElement","forwardRef","children","rest","jsxRuntimeExports","styles","PageSideBarContext","createContext","PageSidebar","className","currentPageTitle","localStorageKey","data","breakpoint","useContext","M","trackingId","useTrackingId","collapsed","setCollapsed","useState","sidebarState","classNames","cx","onToggleButtonClick","prev","breakpointWidth","_a","BreakpointMd","Popover","props2","Button","Icon","Flex","Tooltip","PageSidebarHeader","context","PageContent","mainRef","useRef","virtualScrollRef","size","useSize","useEffect","updatePosition","newValue","PagePanel","open","noPadding","style","innerWidth","Dialog","Page"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}

package/Popover.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./jsx-runtime-494437bb.cjs"),o=require("./Popover-69c5fcac.cjs"),n=require("react"),s=require("./useTrackingId.cjs"),c=require("./getLabelFromChildren-42ea107c.cjs"),x=n.forwardRef(e=>t.jsxRuntimeExports.jsx(o.ze,{...e})),d=e=>t.jsxRuntimeExports.jsx(o.ve,{...e}),u=n.forwardRef((e,r)=>t.jsxRuntimeExports.jsx(o.he,{ref:r,...e})),g=n.forwardRef((e,r)=>{const i={children:c.getLabelFromChildren(e.children)},a=s.useTrackingId({name:"PopoverClose",data:i,hasOverride:!!e["data-tracking-id"]});return t.jsxRuntimeExports.jsx(o.je,{ref:r,"data-tracking-id":a,...e})}),l=n.forwardRef((e,r)=>{const i={children:c.getLabelFromChildren(e.children),appearance:e.appearance,icon:e.icon,size:e.size,type:e.type},a=s.useTrackingId({name:"PopoverButton",data:i,hasOverride:!!e["data-tracking-id"]});return t.jsxRuntimeExports.jsx(o.Re,{ref:r,"data-tracking-id":a,...e})}),v=Object.assign(x,{Trigger:d,Content:u,Close:g,Button:l});exports.Popover=v;exports.PopoverButton=l;exports.PopoverClose=g;exports.PopoverContent=u;exports.PopoverTrigger=d;exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./jsx-runtime-494437bb.cjs"),o=require("./index-43f4d750.cjs"),n=require("react"),a=require("./useTrackingId.cjs"),c=require("./ui-react-ec7c804b.cjs"),x=n.forwardRef(e=>r.jsxRuntimeExports.jsx(o.ze,{...e})),u=e=>r.jsxRuntimeExports.jsx(o.ve,{...e}),d=n.forwardRef((e,t)=>r.jsxRuntimeExports.jsx(o.he,{ref:t,...e})),g=n.forwardRef((e,t)=>{const i={children:c.n(e.children)},s=a.useTrackingId({name:"PopoverClose",data:i,hasOverride:!!e["data-tracking-id"]});return r.jsxRuntimeExports.jsx(o.je,{ref:t,"data-tracking-id":s,...e})}),v=n.forwardRef((e,t)=>{const i={children:c.n(e.children),appearance:e.appearance,icon:e.icon,size:e.size,type:e.type},s=a.useTrackingId({name:"PopoverButton",data:i,hasOverride:!!e["data-tracking-id"]});return r.jsxRuntimeExports.jsx(o.Re,{ref:t,"data-tracking-id":s,...e})}),l=Object.assign(x,{Trigger:u,Content:d,Close:g,Button:v});exports.Popover=l;exports.PopoverButton=v;exports.PopoverClose=g;exports.PopoverContent=d;exports.PopoverTrigger=u;exports.default=l;
 //# sourceMappingURL=Popover.cjs.map

package/Popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.cjs","sources":["../src/components/Popover/Popover.tsx"],"sourcesContent":["import {\n  PopoverProps as CorePopoverProps,\n  Popover as CorePopover,\n  PopoverTrigger as CorePopoverTrigger,\n  PopoverTriggerProps as CorePopoverTriggerProps,\n  PopoverContent as CorePopoverContent,\n  PopoverContentProps as CorePopoverContentProps,\n  PopoverClose as CorePopoverClose,\n  PopoverCloseProps as CorePopoverCloseProps,\n  PopoverButton as CorePopoverButton,\n  PopoverButtonProps as CorePopoverButtonProps,\n  PopoverContextType as CorePopoverContextType,\n} from \"@servicetitan/hammer-react/dist/Popover\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { getLabelFromChildren } from \"../../internal/function/getLabelFromChildren\";\n\nexport type PopoverProps = CorePopoverProps;\nexport type PopoverTriggerProps = CorePopoverTriggerProps & DataTrackingId;\nexport type PopoverContentProps = CorePopoverContentProps;\nexport type PopoverCloseProps = CorePopoverCloseProps & DataTrackingId;\nexport type PopoverButtonProps = CorePopoverButtonProps & DataTrackingId;\nexport type PopoverContextType = CorePopoverContextType;\n\nconst PopoverElement = forwardRef((props: PopoverProps) => {\n  return <CorePopover {...props} />;\n});\n\nexport const PopoverTrigger = (props: PopoverTriggerProps) => {\n  return <CorePopoverTrigger {...props} />;\n};\n\nexport const PopoverContent = forwardRef(\n  (props: PopoverContentProps, ref: Ref<HTMLDivElement>) => {\n    return <CorePopoverContent ref={ref} {...props} />;\n  }\n);\n\nexport const PopoverClose = forwardRef(\n  (props: PopoverCloseProps, ref: Ref<HTMLButtonElement>) => {\n    const data = {\n      children: getLabelFromChildren(props.children),\n    };\n\n    const trackingId = useTrackingId({\n      name: \"PopoverClose\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CorePopoverClose ref={ref} data-tracking-id={trackingId} {...props} />\n    );\n  }\n);\n\nexport const PopoverButton = forwardRef(\n  (props: PopoverButtonProps, ref: Ref<HTMLButtonElement>) => {\n    const data = {\n      children: getLabelFromChildren(props.children),\n      appearance: props.appearance,\n      icon: props.icon,\n      size: props.size,\n      type: props.type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"PopoverButton\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CorePopoverButton ref={ref} data-tracking-id={trackingId} {...props} />\n    );\n  }\n);\n\n// export const usePopoverContext = useCorePopoverContext;\n\nexport const Popover = Object.assign(PopoverElement, {\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Close: PopoverClose,\n  Button: PopoverButton,\n});\n"],"names":["PopoverElement","forwardRef","props","jsx","CorePopover","PopoverTrigger","CorePopoverTrigger","PopoverContent","ref","CorePopoverContent","PopoverClose","data","getLabelFromChildren","trackingId","useTrackingId","CorePopoverClose","PopoverButton","CorePopoverButton","Popover"],"mappings":"mSAyBMA,EAAiBC,EAAAA,WAAYC,GAC1BC,EAAA,kBAAA,IAACC,EAAa,GAAA,CAAA,GAAGF,CAAO,CAAA,CAChC,EAEYG,EAAkBH,GACtBC,EAAA,kBAAA,IAACG,EAAoB,GAAA,CAAA,GAAGJ,CAAO,CAAA,EAG3BK,EAAiBN,EAAA,WAC5B,CAACC,EAA4BM,IACnBL,EAAAA,kBAAAA,IAAAM,EAAAA,GAAA,CAAmB,IAAAD,EAAW,GAAGN,CAAO,CAAA,CAEpD,EAEaQ,EAAeT,EAAA,WAC1B,CAACC,EAA0BM,IAAgC,CACzD,MAAMG,EAAO,CACX,SAAUC,EAAAA,qBAAqBV,EAAM,QAAQ,CAAA,EAGzCW,EAAaC,EAAAA,cAAc,CAC/B,KAAM,eACN,KAAAH,EACA,YAAa,CAAC,CAACT,EAAM,kBAAkB,CAAA,CACxC,EACD,+BACGa,EAAiB,GAAA,CAAA,IAAAP,EAAU,mBAAkBK,EAAa,GAAGX,CAAO,CAAA,CAEzE,CACF,EAEac,EAAgBf,EAAA,WAC3B,CAACC,EAA2BM,IAAgC,CAC1D,MAAMG,EAAO,CACX,SAAUC,EAAAA,qBAAqBV,EAAM,QAAQ,EAC7C,WAAYA,EAAM,WAClB,KAAMA,EAAM,KACZ,KAAMA,EAAM,KACZ,KAAMA,EAAM,IAAA,EAGRW,EAAaC,EAAAA,cAAc,CAC/B,KAAM,gBACN,KAAAH,EACA,YAAa,CAAC,CAACT,EAAM,kBAAkB,CAAA,CACxC,EACD,+BACGe,EAAkB,GAAA,CAAA,IAAAT,EAAU,mBAAkBK,EAAa,GAAGX,CAAO,CAAA,CAE1E,CACF,EAIagB,EAAU,OAAO,OAAOlB,EAAgB,CACnD,QAASK,EACT,QAASE,EACT,MAAOG,EACP,OAAQM,CACV,CAAC"}
+{"version":3,"file":"Popover.cjs","sources":["../src/components/Popover/Popover.tsx"],"sourcesContent":["import {\n  PopoverProps as CorePopoverProps,\n  Popover as CorePopover,\n  PopoverTrigger as CorePopoverTrigger,\n  PopoverTriggerProps as CorePopoverTriggerProps,\n  PopoverContent as CorePopoverContent,\n  PopoverContentProps as CorePopoverContentProps,\n  PopoverClose as CorePopoverClose,\n  PopoverCloseProps as CorePopoverCloseProps,\n  PopoverButton as CorePopoverButton,\n  PopoverButtonProps as CorePopoverButtonProps,\n  PopoverContextType as CorePopoverContextType,\n} from \"@servicetitan/hammer-react/dist/Popover\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { childrenToString } from \"@servicetitan/hammer-react\";\n\nexport type PopoverProps = CorePopoverProps;\nexport type PopoverTriggerProps = CorePopoverTriggerProps & DataTrackingId;\nexport type PopoverContentProps = CorePopoverContentProps;\nexport type PopoverCloseProps = CorePopoverCloseProps & DataTrackingId;\nexport type PopoverButtonProps = CorePopoverButtonProps & DataTrackingId;\nexport type PopoverContextType = CorePopoverContextType;\n\nconst PopoverElement = forwardRef((props: PopoverProps) => {\n  return <CorePopover {...props} />;\n});\n\nexport const PopoverTrigger = (props: PopoverTriggerProps) => {\n  return <CorePopoverTrigger {...props} />;\n};\n\nexport const PopoverContent = forwardRef(\n  (props: PopoverContentProps, ref: Ref<HTMLDivElement>) => {\n    return <CorePopoverContent ref={ref} {...props} />;\n  }\n);\n\nexport const PopoverClose = forwardRef(\n  (props: PopoverCloseProps, ref: Ref<HTMLButtonElement>) => {\n    const data = {\n      children: childrenToString(props.children),\n    };\n\n    const trackingId = useTrackingId({\n      name: \"PopoverClose\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CorePopoverClose ref={ref} data-tracking-id={trackingId} {...props} />\n    );\n  }\n);\n\nexport const PopoverButton = forwardRef(\n  (props: PopoverButtonProps, ref: Ref<HTMLButtonElement>) => {\n    const data = {\n      children: childrenToString(props.children),\n      appearance: props.appearance,\n      icon: props.icon,\n      size: props.size,\n      type: props.type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"PopoverButton\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CorePopoverButton ref={ref} data-tracking-id={trackingId} {...props} />\n    );\n  }\n);\n\n// export const usePopoverContext = useCorePopoverContext;\n\nexport const Popover = Object.assign(PopoverElement, {\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Close: PopoverClose,\n  Button: PopoverButton,\n});\n"],"names":["PopoverElement","forwardRef","props","jsx","CorePopover","PopoverTrigger","CorePopoverTrigger","PopoverContent","ref","CorePopoverContent","PopoverClose","data","childrenToString","trackingId","useTrackingId","CorePopoverClose","PopoverButton","CorePopoverButton","Popover"],"mappings":"qRAyBMA,EAAiBC,EAAAA,WAAYC,GAC1BC,EAAA,kBAAA,IAACC,EAAa,GAAA,CAAA,GAAGF,CAAO,CAAA,CAChC,EAEYG,EAAkBH,GACtBC,EAAA,kBAAA,IAACG,EAAoB,GAAA,CAAA,GAAGJ,CAAO,CAAA,EAG3BK,EAAiBN,EAAA,WAC5B,CAACC,EAA4BM,IACnBL,EAAAA,kBAAAA,IAAAM,EAAAA,GAAA,CAAmB,IAAAD,EAAW,GAAGN,CAAO,CAAA,CAEpD,EAEaQ,EAAeT,EAAA,WAC1B,CAACC,EAA0BM,IAAgC,CACzD,MAAMG,EAAO,CACX,SAAUC,EAAAA,EAAiBV,EAAM,QAAQ,CAAA,EAGrCW,EAAaC,EAAAA,cAAc,CAC/B,KAAM,eACN,KAAAH,EACA,YAAa,CAAC,CAACT,EAAM,kBAAkB,CAAA,CACxC,EACD,+BACGa,EAAiB,GAAA,CAAA,IAAAP,EAAU,mBAAkBK,EAAa,GAAGX,CAAO,CAAA,CAEzE,CACF,EAEac,EAAgBf,EAAA,WAC3B,CAACC,EAA2BM,IAAgC,CAC1D,MAAMG,EAAO,CACX,SAAUC,EAAAA,EAAiBV,EAAM,QAAQ,EACzC,WAAYA,EAAM,WAClB,KAAMA,EAAM,KACZ,KAAMA,EAAM,KACZ,KAAMA,EAAM,IAAA,EAGRW,EAAaC,EAAAA,cAAc,CAC/B,KAAM,gBACN,KAAAH,EACA,YAAa,CAAC,CAACT,EAAM,kBAAkB,CAAA,CACxC,EACD,+BACGe,EAAkB,GAAA,CAAA,IAAAT,EAAU,mBAAkBK,EAAa,GAAGX,CAAO,CAAA,CAE1E,CACF,EAIagB,EAAU,OAAO,OAAOlB,EAAgB,CACnD,QAASK,EACT,QAASE,EACT,MAAOG,EACP,OAAQM,CACV,CAAC"}

package/Popover.js

@@ -1,14 +1,14 @@
 import { j as r } from "./jsx-runtime-82a9ddf6.js";
-import { z as c, h as d, j as m, R as g, v } from "./Popover-825e44a8.js";
+import { z as s, h as d, j as m, a as g, v } from "./index-91597e0a.js";
 import { forwardRef as n } from "react";
 import { useTrackingId as i } from "./useTrackingId.js";
-import { g as s } from "./getLabelFromChildren-8fd8adc7.js";
-const l = n((e) => /* @__PURE__ */ r.jsx(c, { ...e })), u = (e) => /* @__PURE__ */ r.jsx(v, { ...e }), j = n(
+import { n as c } from "./ui-react-c38ec008.js";
+const u = n((e) => /* @__PURE__ */ r.jsx(s, { ...e })), j = (e) => /* @__PURE__ */ r.jsx(v, { ...e }), l = n(
   (e, t) => /* @__PURE__ */ r.jsx(d, { ref: t, ...e })
-), h = n(
+), f = n(
   (e, t) => {
     const o = {
-      children: s(e.children)
+      children: c(e.children)
     }, a = i({
       name: "PopoverClose",
       data: o,
@@ -16,10 +16,10 @@ const l = n((e) => /* @__PURE__ */ r.jsx(c, { ...e })), u = (e) => /* @__PURE__
     });
     return /* @__PURE__ */ r.jsx(m, { ref: t, "data-tracking-id": a, ...e });
   }
-), f = n(
+), h = n(
   (e, t) => {
     const o = {
-      children: s(e.children),
+      children: c(e.children),
       appearance: e.appearance,
       icon: e.icon,
       size: e.size,
@@ -31,18 +31,18 @@ const l = n((e) => /* @__PURE__ */ r.jsx(c, { ...e })), u = (e) => /* @__PURE__
     });
     return /* @__PURE__ */ r.jsx(g, { ref: t, "data-tracking-id": a, ...e });
   }
-), z = Object.assign(l, {
-  Trigger: u,
-  Content: j,
-  Close: h,
-  Button: f
+), z = Object.assign(u, {
+  Trigger: j,
+  Content: l,
+  Close: f,
+  Button: h
 });
 export {
   z as Popover,
-  f as PopoverButton,
-  h as PopoverClose,
-  j as PopoverContent,
-  u as PopoverTrigger,
+  h as PopoverButton,
+  f as PopoverClose,
+  l as PopoverContent,
+  j as PopoverTrigger,
   z as default
 };
 //# sourceMappingURL=Popover.js.map

package/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../src/components/Popover/Popover.tsx"],"sourcesContent":["import {\n  PopoverProps as CorePopoverProps,\n  Popover as CorePopover,\n  PopoverTrigger as CorePopoverTrigger,\n  PopoverTriggerProps as CorePopoverTriggerProps,\n  PopoverContent as CorePopoverContent,\n  PopoverContentProps as CorePopoverContentProps,\n  PopoverClose as CorePopoverClose,\n  PopoverCloseProps as CorePopoverCloseProps,\n  PopoverButton as CorePopoverButton,\n  PopoverButtonProps as CorePopoverButtonProps,\n  PopoverContextType as CorePopoverContextType,\n} from \"@servicetitan/hammer-react/dist/Popover\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { getLabelFromChildren } from \"../../internal/function/getLabelFromChildren\";\n\nexport type PopoverProps = CorePopoverProps;\nexport type PopoverTriggerProps = CorePopoverTriggerProps & DataTrackingId;\nexport type PopoverContentProps = CorePopoverContentProps;\nexport type PopoverCloseProps = CorePopoverCloseProps & DataTrackingId;\nexport type PopoverButtonProps = CorePopoverButtonProps & DataTrackingId;\nexport type PopoverContextType = CorePopoverContextType;\n\nconst PopoverElement = forwardRef((props: PopoverProps) => {\n  return <CorePopover {...props} />;\n});\n\nexport const PopoverTrigger = (props: PopoverTriggerProps) => {\n  return <CorePopoverTrigger {...props} />;\n};\n\nexport const PopoverContent = forwardRef(\n  (props: PopoverContentProps, ref: Ref<HTMLDivElement>) => {\n    return <CorePopoverContent ref={ref} {...props} />;\n  }\n);\n\nexport const PopoverClose = forwardRef(\n  (props: PopoverCloseProps, ref: Ref<HTMLButtonElement>) => {\n    const data = {\n      children: getLabelFromChildren(props.children),\n    };\n\n    const trackingId = useTrackingId({\n      name: \"PopoverClose\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CorePopoverClose ref={ref} data-tracking-id={trackingId} {...props} />\n    );\n  }\n);\n\nexport const PopoverButton = forwardRef(\n  (props: PopoverButtonProps, ref: Ref<HTMLButtonElement>) => {\n    const data = {\n      children: getLabelFromChildren(props.children),\n      appearance: props.appearance,\n      icon: props.icon,\n      size: props.size,\n      type: props.type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"PopoverButton\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CorePopoverButton ref={ref} data-tracking-id={trackingId} {...props} />\n    );\n  }\n);\n\n// export const usePopoverContext = useCorePopoverContext;\n\nexport const Popover = Object.assign(PopoverElement, {\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Close: PopoverClose,\n  Button: PopoverButton,\n});\n"],"names":["PopoverElement","forwardRef","props","jsx","CorePopover","PopoverTrigger","CorePopoverTrigger","PopoverContent","ref","CorePopoverContent","PopoverClose","data","getLabelFromChildren","trackingId","useTrackingId","CorePopoverClose","PopoverButton","CorePopoverButton","Popover"],"mappings":";;;;;AAyBA,MAAMA,IAAiBC,EAAW,CAACC,MAC1BC,gBAAAA,EAAA,IAACC,GAAa,EAAA,GAAGF,EAAO,CAAA,CAChC,GAEYG,IAAiB,CAACH,MACtBC,gBAAAA,EAAA,IAACG,GAAoB,EAAA,GAAGJ,EAAO,CAAA,GAG3BK,IAAiBN;AAAA,EAC5B,CAACC,GAA4BM,MACnBL,gBAAAA,EAAAA,IAAAM,GAAA,EAAmB,KAAAD,GAAW,GAAGN,EAAO,CAAA;AAEpD,GAEaQ,IAAeT;AAAA,EAC1B,CAACC,GAA0BM,MAAgC;AACzD,UAAMG,IAAO;AAAA,MACX,UAAUC,EAAqBV,EAAM,QAAQ;AAAA,IAAA,GAGzCW,IAAaC,EAAc;AAAA,MAC/B,MAAM;AAAA,MACN,MAAAH;AAAA,MACA,aAAa,CAAC,CAACT,EAAM,kBAAkB;AAAA,IAAA,CACxC;AACD,iCACGa,GAAiB,EAAA,KAAAP,GAAU,oBAAkBK,GAAa,GAAGX,EAAO,CAAA;AAAA,EAEzE;AACF,GAEac,IAAgBf;AAAA,EAC3B,CAACC,GAA2BM,MAAgC;AAC1D,UAAMG,IAAO;AAAA,MACX,UAAUC,EAAqBV,EAAM,QAAQ;AAAA,MAC7C,YAAYA,EAAM;AAAA,MAClB,MAAMA,EAAM;AAAA,MACZ,MAAMA,EAAM;AAAA,MACZ,MAAMA,EAAM;AAAA,IAAA,GAGRW,IAAaC,EAAc;AAAA,MAC/B,MAAM;AAAA,MACN,MAAAH;AAAA,MACA,aAAa,CAAC,CAACT,EAAM,kBAAkB;AAAA,IAAA,CACxC;AACD,iCACGe,GAAkB,EAAA,KAAAT,GAAU,oBAAkBK,GAAa,GAAGX,EAAO,CAAA;AAAA,EAE1E;AACF,GAIagB,IAAU,OAAO,OAAOlB,GAAgB;AAAA,EACnD,SAASK;AAAA,EACT,SAASE;AAAA,EACT,OAAOG;AAAA,EACP,QAAQM;AACV,CAAC;"}
+{"version":3,"file":"Popover.js","sources":["../src/components/Popover/Popover.tsx"],"sourcesContent":["import {\n  PopoverProps as CorePopoverProps,\n  Popover as CorePopover,\n  PopoverTrigger as CorePopoverTrigger,\n  PopoverTriggerProps as CorePopoverTriggerProps,\n  PopoverContent as CorePopoverContent,\n  PopoverContentProps as CorePopoverContentProps,\n  PopoverClose as CorePopoverClose,\n  PopoverCloseProps as CorePopoverCloseProps,\n  PopoverButton as CorePopoverButton,\n  PopoverButtonProps as CorePopoverButtonProps,\n  PopoverContextType as CorePopoverContextType,\n} from \"@servicetitan/hammer-react/dist/Popover\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { childrenToString } from \"@servicetitan/hammer-react\";\n\nexport type PopoverProps = CorePopoverProps;\nexport type PopoverTriggerProps = CorePopoverTriggerProps & DataTrackingId;\nexport type PopoverContentProps = CorePopoverContentProps;\nexport type PopoverCloseProps = CorePopoverCloseProps & DataTrackingId;\nexport type PopoverButtonProps = CorePopoverButtonProps & DataTrackingId;\nexport type PopoverContextType = CorePopoverContextType;\n\nconst PopoverElement = forwardRef((props: PopoverProps) => {\n  return <CorePopover {...props} />;\n});\n\nexport const PopoverTrigger = (props: PopoverTriggerProps) => {\n  return <CorePopoverTrigger {...props} />;\n};\n\nexport const PopoverContent = forwardRef(\n  (props: PopoverContentProps, ref: Ref<HTMLDivElement>) => {\n    return <CorePopoverContent ref={ref} {...props} />;\n  }\n);\n\nexport const PopoverClose = forwardRef(\n  (props: PopoverCloseProps, ref: Ref<HTMLButtonElement>) => {\n    const data = {\n      children: childrenToString(props.children),\n    };\n\n    const trackingId = useTrackingId({\n      name: \"PopoverClose\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CorePopoverClose ref={ref} data-tracking-id={trackingId} {...props} />\n    );\n  }\n);\n\nexport const PopoverButton = forwardRef(\n  (props: PopoverButtonProps, ref: Ref<HTMLButtonElement>) => {\n    const data = {\n      children: childrenToString(props.children),\n      appearance: props.appearance,\n      icon: props.icon,\n      size: props.size,\n      type: props.type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"PopoverButton\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CorePopoverButton ref={ref} data-tracking-id={trackingId} {...props} />\n    );\n  }\n);\n\n// export const usePopoverContext = useCorePopoverContext;\n\nexport const Popover = Object.assign(PopoverElement, {\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Close: PopoverClose,\n  Button: PopoverButton,\n});\n"],"names":["PopoverElement","forwardRef","props","jsx","CorePopover","PopoverTrigger","CorePopoverTrigger","PopoverContent","ref","CorePopoverContent","PopoverClose","data","childrenToString","trackingId","useTrackingId","CorePopoverClose","PopoverButton","CorePopoverButton","Popover"],"mappings":";;;;;AAyBA,MAAMA,IAAiBC,EAAW,CAACC,MAC1BC,gBAAAA,EAAA,IAACC,GAAa,EAAA,GAAGF,EAAO,CAAA,CAChC,GAEYG,IAAiB,CAACH,MACtBC,gBAAAA,EAAA,IAACG,GAAoB,EAAA,GAAGJ,EAAO,CAAA,GAG3BK,IAAiBN;AAAA,EAC5B,CAACC,GAA4BM,MACnBL,gBAAAA,EAAAA,IAAAM,GAAA,EAAmB,KAAAD,GAAW,GAAGN,EAAO,CAAA;AAEpD,GAEaQ,IAAeT;AAAA,EAC1B,CAACC,GAA0BM,MAAgC;AACzD,UAAMG,IAAO;AAAA,MACX,UAAUC,EAAiBV,EAAM,QAAQ;AAAA,IAAA,GAGrCW,IAAaC,EAAc;AAAA,MAC/B,MAAM;AAAA,MACN,MAAAH;AAAA,MACA,aAAa,CAAC,CAACT,EAAM,kBAAkB;AAAA,IAAA,CACxC;AACD,iCACGa,GAAiB,EAAA,KAAAP,GAAU,oBAAkBK,GAAa,GAAGX,EAAO,CAAA;AAAA,EAEzE;AACF,GAEac,IAAgBf;AAAA,EAC3B,CAACC,GAA2BM,MAAgC;AAC1D,UAAMG,IAAO;AAAA,MACX,UAAUC,EAAiBV,EAAM,QAAQ;AAAA,MACzC,YAAYA,EAAM;AAAA,MAClB,MAAMA,EAAM;AAAA,MACZ,MAAMA,EAAM;AAAA,MACZ,MAAMA,EAAM;AAAA,IAAA,GAGRW,IAAaC,EAAc;AAAA,MAC/B,MAAM;AAAA,MACN,MAAAH;AAAA,MACA,aAAa,CAAC,CAACT,EAAM,kBAAkB;AAAA,IAAA,CACxC;AACD,iCACGe,GAAkB,EAAA,KAAAT,GAAU,oBAAkBK,GAAa,GAAGX,EAAO,CAAA;AAAA,EAE1E;AACF,GAIagB,IAAU,OAAO,OAAOlB,GAAgB;AAAA,EACnD,SAASK;AAAA,EACT,SAASE;AAAA,EACT,OAAOG;AAAA,EACP,QAAQM;AACV,CAAC;"}

package/ProgressBar-2589ad1b.cjs

@@ -0,0 +1,2 @@
+var re=require("./ProgressBar.css");const e=require("./jsx-runtime-944c88e2-2b81c205.cjs"),t=require("react"),v=require("./index-67d20edb.cjs"),R=require("./Icon-d02abfdd.cjs"),A=require("./check_circle-48e002d3-57364fcd.cjs"),s=require("./floating-ui.react-518bb704.cjs"),B=require("./index-30317fba.cjs"),G=require("./useLayoutPropsUtil-e307abc7-3826ee09.cjs");require("./LocalizationProvider.cjs");const M=require("./index-d46fa8de-cc49032b.cjs"),I=require("./SrOnly-ecf7240b.cjs"),H=require("./Flex-740ea6ba.cjs"),C=require("./Helper-74a1f07f-2aeadeae.cjs");/* empty css                    */function $({defaultOpen:n=!1,open:a,placement:o="top",fallbackPlacements:d,disableFlip:r,disableShift:i}={}){const[l,c]=t.useState(n),f=a??l,x=c,{disableDelayGroup:m}=B.W();t.useEffect(()=>{!n&&!a&&m(!0),m(!1)},[n,a,m]);const p=t.useRef(null),{delay:h}=s.useDelayGroupContext(),g=s.useFloating({placement:o,open:f,onOpenChange:x,whileElementsMounted:s.autoUpdate,middleware:[s.offset(5),s.flip({crossAxis:r?!1:o.includes("-"),mainAxis:!r,fallbackAxisSideDirection:"start",fallbackPlacements:d,padding:5}),s.shift({padding:5,mainAxis:!i,crossAxis:!1,limiter:s.limitShift({mainAxis:!i})}),s.arrow({element:p,padding:5})]}),_=g.context,b=s.useHover(_,{move:!1,handleClose:s.safePolygon(),delay:h}),y=s.useFocus(_,{}),w=s.useDismiss(_),P=s.useRole(_,{role:"tooltip"}),N=s.useInteractions([b,y,w,P]);return t.useMemo(()=>({open:f,setOpen:x,arrowRef:p,...N,...g}),[f,x,N,g])}const S=t.createContext(null),D=()=>{const n=t.useContext(S);if(n==null)throw new Error("Tooltip components must be wrapped in <Tooltip />");return n},J="_content_13kxv_4",W="_arrow_13kxv_28",z="_trigger_13kxv_31",k={content:J,arrow:W,trigger:z},E=t.forwardRef(function({children:n,className:a,...o},d){const r=D(),i=s.useMergeRefs([r.refs.setReference,d]),{"aria-describedby":l,...c}=r.getReferenceProps(o),f=t.cloneElement(n,{ref:i,"aria-describedby":l});return e.fr.jsx("span",{ref:i,className:v.cx([k.trigger],a),"data-state":r.open?"open":"closed",...c,children:f})}),L=t.forwardRef(function({style:n,className:a,...o},d){const{context:r,theme:i,mode:l,...c}=D(),f=t.useId();s.useDelayGroup(r,{id:f});const x=s.useMergeRefs([c.refs.setFloating,d]);if(!r.open)return null;const m=v.cx(k.content,a);return e.fr.jsx(s.FloatingPortal,{root:c.refs.reference,children:e.fr.jsx(M.U,{theme:i,mode:l,children:e.fr.jsxs("div",{ref:x,className:m,style:{...c.floatingStyles,...n},onBlur:()=>c.setOpen(!1),...c.getFloatingProps(o),children:[e.fr.jsx(s.FloatingArrow,{ref:c.arrowRef,context:r,className:k.arrow}),o.children]})})})});function K({children:n,...a}){const o=$(a),{theme:d,mode:r="light"}=t.useContext(M.T),i=t.useMemo(()=>({...o,theme:d,mode:r}),[r,d,o]);return e.fr.jsx(S.Provider,{value:i,children:n})}const q=Object.assign(K,{Trigger:E,Content:L}),Q="_label_r75ns_4",V="_required_r75ns_48",j={label:Q,"top-container":"_top-container_r75ns_39","label-text":"_label-text_r75ns_44",required:V,"info-trigger":"_info-trigger_r75ns_53","info-content":"_info-content_r75ns_58"},F=t.forwardRef((n,a)=>{const{children:o,className:d,moreInfo:r,required:i,openMoreInfo:l,...c}=n,f=v.cx([j.label],d);return e.fr.jsxs("label",{className:f,"data-anv":"Label",ref:a,...c,children:[e.fr.jsxs("div",{className:j["top-container"],"aria-atomic":"true",children:[e.fr.jsxs("span",{className:j["label-text"],children:[o,i?e.fr.jsxs(e.fr.Fragment,{children:[e.fr.jsx("span",{"aria-hidden":!0,className:j.required,children:"*"}),e.fr.jsx(I.p,{children:"Required"})]}):null]}),r?e.fr.jsxs(q,{open:l||void 0,placement:"top",fallbackPlacements:["right","bottom","left"],children:[e.fr.jsx(q.Trigger,{className:j["info-trigger"],children:e.fr.jsx(R.I,{svg:A.m})}),e.fr.jsx(q.Content,{className:j["info-content"],children:r})]}):null]}),r?e.fr.jsx(I.p,{children:r}):null]})});F.displayName="Label";const X="_bar_hrurj_25",Y="_indeterminate_hrurj_1",Z="_success_hrurj_68",ee="_error_hrurj_54",u={"progress-bar":"_progress-bar_hrurj_4","bar-container":"_bar-container_hrurj_25",bar:X,"check-icon":"_check-icon_hrurj_51","error-icon":"_error-icon_hrurj_54",indeterminate:Y,success:Z,error:ee},O=t.forwardRef((n,a)=>{const{layoutStyles:o,componentProps:d}=G.J(n),{className:r,style:i,value:l,children:c,indeterminate:f,errorAriaLive:x,description:m,error:p=!1,max:h="100",...g}=d,_={...i,...o},b=typeof p!="boolean"?p:void 0,y=t.useId();if("label"in n&&n.label){const{label:P,labelProps:N,...T}=g,U=v.cx([u["progress-bar"]],r,{[u.error]:p,[u.success]:l===h});return e.fr.jsxs("div",{className:U,"data-anv":"ProgressBar",style:_,ref:a,children:[e.fr.jsxs(H.j,{justifyContent:"space-between",alignItems:"center",children:[e.fr.jsx(F,{id:y,...N,children:P}),l===h&&!p?e.fr.jsx(R.I,{className:u["check-icon"],svg:A.m$1}):null,p?e.fr.jsx(R.I,{className:u["error-icon"],svg:A.a}):null]}),e.fr.jsx("div",{className:u["bar-container"],children:e.fr.jsx("progress",{"aria-labelledby":y,className:u.bar,value:l,max:h,...T})}),b||m?e.fr.jsx(C.v,{errorMessage:b,errorAriaLive:x,description:m}):null]})}const w=v.cx([u["progress-bar"]],r,{[u.error]:p,[u.success]:l===h});return e.fr.jsxs("div",{className:w,"data-anv":"ProgressBar",style:_,ref:a,children:[e.fr.jsx("div",{className:u["bar-container"],children:e.fr.jsx("progress",{className:u.bar,max:h,value:l,...g})}),b||m?e.fr.jsx(C.v,{errorMessage:b,errorAriaLive:x,description:m}):null]})});O.displayName="ProgressBar";exports.A=O;exports.he=q;exports.ie=L;exports.re=E;exports.u=F;
+//# sourceMappingURL=ProgressBar-2589ad1b.cjs.map