@servicetitan/anvil2 1.0.0 → 1.0.2

package/Overflow.js

@@ -1,44 +1,43 @@
 import "./index2.css";
 import { j as P } from "./jsx-runtime-944c88e2.js";
 import { f as e } from "./jsx-runtime-944c88e2-e73fa629.js";
-import { forwardRef as b, useState as E, useRef as D, useEffect as F } from "react";
-import "./tinycolor-d415b1fd.js";
-import { J as R } from "./useLayoutPropsUtil-4361a49d-f9f6e64c.js";
-import { K as H } from "./index-39087e81.js";
-import { j as L } from "./Flex-9956f1b3.js";
-const G = "_overflow_1i4u9_2", K = "_expanded_1i4u9_2", q = "_content_1i4u9_55", A = "_horizontal_1i4u9_96", t = {
+import { forwardRef as _, useState as E, useRef as D, useEffect as F } from "react";
+import { J as R } from "./useLayoutPropsUtil-e307abc7-053ab281.js";
+import { K as H } from "./index-6c0d3173.js";
+import { j as L } from "./Flex-88f1d8d1.js";
+const G = "_overflow_yy7jp_2", K = "_expanded_yy7jp_2", q = "_content_yy7jp_55", A = "_horizontal_yy7jp_96", t = {
   overflow: G,
   expanded: K,
-  "shadow-top": "_shadow-top_1i4u9_2",
-  "shadow-right": "_shadow-right_1i4u9_6",
-  "shadow-bottom": "_shadow-bottom_1i4u9_10",
-  "shadow-left": "_shadow-left_1i4u9_14",
-  "overflow-text": "_overflow-text_1i4u9_21",
-  "expand-button": "_expand-button_1i4u9_34",
+  "shadow-top": "_shadow-top_yy7jp_2",
+  "shadow-right": "_shadow-right_yy7jp_6",
+  "shadow-bottom": "_shadow-bottom_yy7jp_10",
+  "shadow-left": "_shadow-left_yy7jp_14",
+  "overflow-text": "_overflow-text_yy7jp_21",
+  "expand-button": "_expand-button_yy7jp_34",
   content: q,
   horizontal: A
-}, z = b(
-  (a, i) => {
-    const { row: x = 1, ...g } = a, { layoutStyles: w, componentProps: C } = R(g), [l, v] = E(!1), { className: N, style: W, children: s, ...u } = C, m = {
+}, z = _(
+  (a, c) => {
+    const { row: u = 1, ...b } = a, { layoutStyles: w, componentProps: C } = R(b), [l, j] = E(!1), { className: g, style: W, children: s, ...p } = C, m = {
       ...W,
       ...w,
-      "--overflow-text-row": l ? "initial" : x
+      "--overflow-text-row": l ? "initial" : u
     };
     if ("expandable" in a && a.expandable === !0) {
       const {
-        expandable: _,
-        expandText: y,
+        expandable: y,
+        expandText: N,
         collapseText: r,
         onExpand: f,
         onCollapse: h,
-        ...j
-      } = u, T = y ?? "Show more...", S = r ?? "Show less...", o = (d) => {
-        if (v((p) => !p), l) {
+        ...v
+      } = p, T = N ?? "Show more...", S = r ?? "Show less...", o = (d) => {
+        if (j((x) => !x), l) {
           h == null || h(d);
           return;
         }
         f == null || f(d);
-      }, c = H(
+      }, i = H(
         [t["overflow-text"]],
         [t.expandable],
         {
@@ -48,10 +47,10 @@ const G = "_overflow_1i4u9_2", K = "_expanded_1i4u9_2", q = "_content_1i4u9_55",
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
-          ref: i,
-          className: c,
+          ref: c,
+          className: i,
           style: m,
-          ...j,
+          ...v,
           children: [
             /* @__PURE__ */ e.jsx("div", { className: t.content, children: s }),
             /* @__PURE__ */ e.jsx(
@@ -71,29 +70,29 @@ const G = "_overflow_1i4u9_2", K = "_expanded_1i4u9_2", q = "_content_1i4u9_55",
     return /* @__PURE__ */ e.jsx(
       "div",
       {
-        ref: i,
+        ref: c,
         className: n,
         style: m,
-        ...u,
+        ...p,
         children: /* @__PURE__ */ e.jsx("div", { className: t.content, children: s })
       }
     );
   }
 );
 z.displayName = "OverflowText";
-const $ = b(
-  (a, i) => {
-    const { layoutStyles: x, componentProps: g } = R(a), {
+const $ = _(
+  (a, c) => {
+    const { layoutStyles: u, componentProps: b } = R(a), {
       children: w,
       className: C,
       direction: l = "column",
-      style: v,
-      height: N,
+      style: j,
+      height: g,
       width: W,
       truncate: s,
-      gap: u,
+      gap: p,
       ...m
-    } = g, n = D(null), [_, y] = E(!1), [r, f] = E({
+    } = b, n = D(null), [y, N] = E(!1), [r, f] = E({
       left: !1,
       right: !1,
       top: !1,
@@ -103,16 +102,16 @@ const $ = b(
       if (!n.current)
         return;
       if (l === "row") {
-        const c = n.current.offsetWidth < n.current.scrollWidth;
+        const i = n.current.offsetWidth < n.current.scrollWidth;
         f((d) => ({
           ...d,
-          right: c
+          right: i
         }));
         return;
       }
       const o = n.current.offsetHeight < n.current.scrollHeight;
-      f((c) => ({
-        ...c,
+      f((i) => ({
+        ...i,
         bottom: o
       }));
     }, [l]);
@@ -121,39 +120,39 @@ const $ = b(
         return;
       const o = n.current;
       if (l === "row") {
-        const p = o.scrollLeft > 0, O = o.scrollLeft < o.scrollWidth - o.offsetWidth;
+        const x = o.scrollLeft > 0, O = o.scrollLeft < o.scrollWidth - o.offsetWidth;
         f({
-          left: p,
+          left: x,
           right: O,
           top: !1,
           bottom: !1
         });
         return;
       }
-      const c = o.scrollTop > 0, d = o.scrollTop < o.scrollHeight - o.offsetHeight;
+      const i = o.scrollTop > 0, d = o.scrollTop < o.scrollHeight - o.offsetHeight;
       f({
-        top: c,
+        top: i,
         bottom: d,
         left: !1,
         right: !1
       });
-    }, j = H([t.overflow], {
+    }, v = H([t.overflow], {
       [t.vertical]: l === "column",
       [t.horizontal]: l === "row",
-      [t.expanded]: _
+      [t.expanded]: y
     });
     if (s) {
       const o = {
-        ...v,
-        ...x
-      }, c = {
-        minHeight: N ?? void 0
-      }, d = typeof s == "object" ? s.expandText : "Show more...", p = typeof s == "object" ? s.collapseText : "Show less...", O = (k) => {
+        ...j,
+        ...u
+      }, i = {
+        minHeight: g ?? void 0
+      }, d = typeof s == "object" ? s.expandText : "Show more...", x = typeof s == "object" ? s.collapseText : "Show less...", O = (k) => {
         var I, J;
-        if (y((B) => !B), setTimeout(() => {
+        if (N((B) => !B), setTimeout(() => {
           h();
         }, 100), typeof s == "object") {
-          if (_) {
+          if (y) {
             (I = s.onCollapse) == null || I.call(s, k);
             return;
           }
@@ -163,9 +162,9 @@ const $ = b(
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
-          ref: i,
+          ref: c,
           style: o,
-          className: j,
+          className: v,
           ...m,
           children: [
             r.top ? /* @__PURE__ */ e.jsx("div", { className: t["shadow-top"] }) : null,
@@ -175,10 +174,10 @@ const $ = b(
               {
                 className: t.content,
                 onScroll: h,
-                style: c,
+                style: i,
                 ref: n,
                 direction: l,
-                gap: u,
+                gap: p,
                 tabIndex: 0,
                 children: w
               }
@@ -190,7 +189,7 @@ const $ = b(
               {
                 className: t["expand-button"],
                 onClick: O,
-                children: _ ? p : d
+                children: y ? x : d
               }
             )
           ]
@@ -198,17 +197,17 @@ const $ = b(
       );
     }
     const T = {
-      ...v,
-      ...x
+      ...j,
+      ...u
     }, S = {
-      minHeight: N ?? void 0
+      minHeight: g ?? void 0
     };
     return /* @__PURE__ */ e.jsxs(
       "div",
       {
-        ref: i,
+        ref: c,
         style: T,
-        className: j,
+        className: v,
         ...m,
         children: [
           r.left ? /* @__PURE__ */ e.jsx("div", { className: t["shadow-left"] }) : null,
@@ -221,7 +220,7 @@ const $ = b(
               ref: n,
               style: S,
               direction: l,
-              gap: u,
+              gap: p,
               tabIndex: 0,
               children: w
             }
@@ -236,16 +235,16 @@ const $ = b(
 $.displayName = "Overflow";
 const M = Object.assign($, {
   Text: z
-}), Q = b(
-  (a, i) => /* @__PURE__ */ P.jsx(M, { ref: i, ...a })
-), U = b(
-  (a, i) => /* @__PURE__ */ P.jsx(z, { ref: i, ...a })
-), lt = Object.assign(Q, {
+}), Q = _(
+  (a, c) => /* @__PURE__ */ P.jsx(M, { ref: c, ...a })
+), U = _(
+  (a, c) => /* @__PURE__ */ P.jsx(z, { ref: c, ...a })
+), st = Object.assign(Q, {
   Text: U
 });
 export {
-  lt as Overflow,
+  st as Overflow,
   U as OverflowText,
-  lt as default
+  st as default
 };
 //# sourceMappingURL=Overflow.js.map

package/Overflow.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overflow.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Overflow.js","../src/components/Overflow/Overflow.tsx"],"sourcesContent":["import \"./index.css\";\nimport { j as e } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as W, useState as C, useRef as q, useEffect as A } from \"react\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { u as L } from \"./useLayoutPropsUtil-4361a49d.js\";\nimport \"@floating-ui/react\";\nimport H from \"classnames\";\nimport { Flex as P } from \"./Flex.js\";\nconst B = \"_overflow_1i4u9_2\", D = \"_expanded_1i4u9_2\", G = \"_content_1i4u9_55\", J = \"_horizontal_1i4u9_96\", t = {\n  overflow: B,\n  expanded: D,\n  \"shadow-top\": \"_shadow-top_1i4u9_2\",\n  \"shadow-right\": \"_shadow-right_1i4u9_6\",\n  \"shadow-bottom\": \"_shadow-bottom_1i4u9_10\",\n  \"shadow-left\": \"_shadow-left_1i4u9_14\",\n  \"overflow-text\": \"_overflow-text_1i4u9_21\",\n  \"expand-button\": \"_expand-button_1i4u9_34\",\n  content: G,\n  horizontal: J\n}, I = W(\n  (f, x) => {\n    const { row: u = 1, ...N } = f, { layoutStyles: w, componentProps: E } = L(N), [l, v] = C(!1), { className: g, style: O, children: o, ...p } = E, m = {\n      ...O,\n      ...w,\n      \"--overflow-text-row\": l ? \"initial\" : u\n    };\n    if (\"expandable\" in f && f.expandable === !0) {\n      const {\n        expandable: _,\n        expandText: j,\n        collapseText: a,\n        onExpand: c,\n        onCollapse: d,\n        ...b\n      } = p, y = j ?? \"Show more...\", S = a ?? \"Show less...\", s = (i) => {\n        if (v((h) => !h), l) {\n          d == null || d(i);\n          return;\n        }\n        c == null || c(i);\n      }, r = H(\n        [t[\"overflow-text\"]],\n        [t.expandable],\n        {\n          [t.expanded]: l\n        }\n      );\n      return /* @__PURE__ */ e.jsxs(\n        \"div\",\n        {\n          ref: x,\n          className: r,\n          style: m,\n          ...b,\n          children: [\n            /* @__PURE__ */ e.jsx(\"div\", { className: t.content, children: o }),\n            /* @__PURE__ */ e.jsx(\n              \"button\",\n              {\n                className: t[\"expand-button\"],\n                onClick: s,\n                \"aria-hidden\": !0,\n                children: l ? S : y\n              }\n            )\n          ]\n        }\n      );\n    }\n    const n = H([t[\"overflow-text\"]]);\n    return /* @__PURE__ */ e.jsx(\n      \"div\",\n      {\n        ref: x,\n        className: n,\n        style: m,\n        ...p,\n        children: /* @__PURE__ */ e.jsx(\"div\", { className: t.content, children: o })\n      }\n    );\n  }\n);\nI.displayName = \"OverflowText\";\nconst F = W(\n  (f, x) => {\n    const { layoutStyles: u, componentProps: N } = L(f), {\n      children: w,\n      className: E,\n      direction: l = \"column\",\n      style: v,\n      height: g,\n      width: O,\n      truncate: o,\n      gap: p,\n      ...m\n    } = N, n = q(null), [_, j] = C(!1), [a, c] = C({\n      left: !1,\n      right: !1,\n      top: !1,\n      bottom: !1\n    });\n    A(() => {\n      if (!n.current)\n        return;\n      if (l === \"row\") {\n        const r = n.current.offsetWidth < n.current.scrollWidth;\n        c((i) => ({\n          ...i,\n          right: r\n        }));\n        return;\n      }\n      const s = n.current.offsetHeight < n.current.scrollHeight;\n      c((r) => ({\n        ...r,\n        bottom: s\n      }));\n    }, [l]);\n    const d = () => {\n      if (!n.current)\n        return;\n      const s = n.current;\n      if (l === \"row\") {\n        const h = s.scrollLeft > 0, T = s.scrollLeft < s.scrollWidth - s.offsetWidth;\n        c({\n          left: h,\n          right: T,\n          top: !1,\n          bottom: !1\n        });\n        return;\n      }\n      const r = s.scrollTop > 0, i = s.scrollTop < s.scrollHeight - s.offsetHeight;\n      c({\n        top: r,\n        bottom: i,\n        left: !1,\n        right: !1\n      });\n    }, b = H([t.overflow], {\n      [t.vertical]: l === \"column\",\n      [t.horizontal]: l === \"row\",\n      [t.expanded]: _\n    });\n    if (o) {\n      const s = {\n        ...v,\n        ...u\n      }, r = {\n        minHeight: g ?? void 0\n      }, i = typeof o == \"object\" ? o.expandText : \"Show more...\", h = typeof o == \"object\" ? o.collapseText : \"Show less...\", T = (R) => {\n        var k, z;\n        if (j((U) => !U), setTimeout(() => {\n          d();\n        }, 100), typeof o == \"object\") {\n          if (_) {\n            (k = o.onCollapse) == null || k.call(o, R);\n            return;\n          }\n          (z = o.onExpand) == null || z.call(o, R);\n        }\n      };\n      return /* @__PURE__ */ e.jsxs(\n        \"div\",\n        {\n          ref: x,\n          style: s,\n          className: b,\n          ...m,\n          children: [\n            a.top ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-top\"] }) : null,\n            a.left ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-left\"] }) : null,\n            /* @__PURE__ */ e.jsx(\n              P,\n              {\n                className: t.content,\n                onScroll: d,\n                style: r,\n                ref: n,\n                direction: l,\n                gap: p,\n                tabIndex: 0,\n                children: w\n              }\n            ),\n            a.bottom ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-bottom\"] }) : null,\n            a.right ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-right\"] }) : null,\n            /* @__PURE__ */ e.jsx(\n              \"button\",\n              {\n                className: t[\"expand-button\"],\n                onClick: T,\n                children: _ ? h : i\n              }\n            )\n          ]\n        }\n      );\n    }\n    const y = {\n      ...v,\n      ...u\n    }, S = {\n      minHeight: g ?? void 0\n    };\n    return /* @__PURE__ */ e.jsxs(\n      \"div\",\n      {\n        ref: x,\n        style: y,\n        className: b,\n        ...m,\n        children: [\n          a.left ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-left\"] }) : null,\n          a.top ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-top\"] }) : null,\n          /* @__PURE__ */ e.jsx(\n            P,\n            {\n              className: t.content,\n              onScroll: d,\n              ref: n,\n              style: S,\n              direction: l,\n              gap: p,\n              tabIndex: 0,\n              children: w\n            }\n          ),\n          a.bottom ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-bottom\"] }) : null,\n          a.right ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-right\"] }) : null\n        ]\n      }\n    );\n  }\n);\nF.displayName = \"Overflow\";\nconst et = Object.assign(F, {\n  Text: I\n});\nexport {\n  et as Overflow,\n  I as OverflowText\n};\n//# sourceMappingURL=Overflow.js.map\n","import {\n  OverflowProps as CoreOverflowProps,\n  Overflow as CoreOverflow,\n  OverflowText as CoreOverflowText,\n  OverflowTextProps as CoreOverflowTextProps,\n} from \"@servicetitan/hammer-react/dist/Overflow\";\nimport { Ref, forwardRef } from \"react\";\n\nexport type OverflowProps = CoreOverflowProps;\nexport type OverflowTextProps = CoreOverflowTextProps;\n\nconst OverflowElement = forwardRef(\n  (props: OverflowProps, ref: Ref<HTMLDivElement>) => {\n    return <CoreOverflow ref={ref} {...props} />;\n  }\n);\nexport const OverflowText = forwardRef(\n  (props: OverflowTextProps, ref: Ref<HTMLDivElement>) => {\n    return <CoreOverflowText ref={ref} {...props} />;\n  }\n);\n\nexport const Overflow = Object.assign(OverflowElement, {\n  Text: OverflowText,\n});\n"],"names":["B","D","G","J","I","forwardRef","f","x","u","N","E","J$1","useState","g","O","o","p","j","a","c","d","b","y","s","i","h","r","K","fr","F","useRef","j$1","useEffect","T","R","k","z","U","et","OverflowElement","props","ref","jsxRuntimeExports","OverflowText","Overflow"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"Overflow.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Overflow.js","../src/components/Overflow/Overflow.tsx"],"sourcesContent":["import \"./index.css\";\nimport { j as e } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as W, useState as C, useRef as q, useEffect as A } from \"react\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { a as L } from \"./useLayoutPropsUtil-e307abc7.js\";\nimport \"@floating-ui/react\";\nimport H from \"classnames\";\nimport { Flex as P } from \"./Flex.js\";\nconst B = \"_overflow_yy7jp_2\", D = \"_expanded_yy7jp_2\", G = \"_content_yy7jp_55\", J = \"_horizontal_yy7jp_96\", t = {\n  overflow: B,\n  expanded: D,\n  \"shadow-top\": \"_shadow-top_yy7jp_2\",\n  \"shadow-right\": \"_shadow-right_yy7jp_6\",\n  \"shadow-bottom\": \"_shadow-bottom_yy7jp_10\",\n  \"shadow-left\": \"_shadow-left_yy7jp_14\",\n  \"overflow-text\": \"_overflow-text_yy7jp_21\",\n  \"expand-button\": \"_expand-button_yy7jp_34\",\n  content: G,\n  horizontal: J\n}, I = W(\n  (p, f) => {\n    const { row: w = 1, ..._ } = p, { layoutStyles: u, componentProps: E } = L(_), [l, y] = C(!1), { className: b, style: O, children: o, ...x } = E, m = {\n      ...O,\n      ...u,\n      \"--overflow-text-row\": l ? \"initial\" : w\n    };\n    if (\"expandable\" in p && p.expandable === !0) {\n      const {\n        expandable: j,\n        expandText: N,\n        collapseText: a,\n        onExpand: c,\n        onCollapse: d,\n        ...v\n      } = x, g = N ?? \"Show more...\", S = a ?? \"Show less...\", s = (i) => {\n        if (y((h) => !h), l) {\n          d == null || d(i);\n          return;\n        }\n        c == null || c(i);\n      }, r = H(\n        [t[\"overflow-text\"]],\n        [t.expandable],\n        {\n          [t.expanded]: l\n        }\n      );\n      return /* @__PURE__ */ e.jsxs(\n        \"div\",\n        {\n          ref: f,\n          className: r,\n          style: m,\n          ...v,\n          children: [\n            /* @__PURE__ */ e.jsx(\"div\", { className: t.content, children: o }),\n            /* @__PURE__ */ e.jsx(\n              \"button\",\n              {\n                className: t[\"expand-button\"],\n                onClick: s,\n                \"aria-hidden\": !0,\n                children: l ? S : g\n              }\n            )\n          ]\n        }\n      );\n    }\n    const n = H([t[\"overflow-text\"]]);\n    return /* @__PURE__ */ e.jsx(\n      \"div\",\n      {\n        ref: f,\n        className: n,\n        style: m,\n        ...x,\n        children: /* @__PURE__ */ e.jsx(\"div\", { className: t.content, children: o })\n      }\n    );\n  }\n);\nI.displayName = \"OverflowText\";\nconst F = W(\n  (p, f) => {\n    const { layoutStyles: w, componentProps: _ } = L(p), {\n      children: u,\n      className: E,\n      direction: l = \"column\",\n      style: y,\n      height: b,\n      width: O,\n      truncate: o,\n      gap: x,\n      ...m\n    } = _, n = q(null), [j, N] = C(!1), [a, c] = C({\n      left: !1,\n      right: !1,\n      top: !1,\n      bottom: !1\n    });\n    A(() => {\n      if (!n.current)\n        return;\n      if (l === \"row\") {\n        const r = n.current.offsetWidth < n.current.scrollWidth;\n        c((i) => ({\n          ...i,\n          right: r\n        }));\n        return;\n      }\n      const s = n.current.offsetHeight < n.current.scrollHeight;\n      c((r) => ({\n        ...r,\n        bottom: s\n      }));\n    }, [l]);\n    const d = () => {\n      if (!n.current)\n        return;\n      const s = n.current;\n      if (l === \"row\") {\n        const h = s.scrollLeft > 0, T = s.scrollLeft < s.scrollWidth - s.offsetWidth;\n        c({\n          left: h,\n          right: T,\n          top: !1,\n          bottom: !1\n        });\n        return;\n      }\n      const r = s.scrollTop > 0, i = s.scrollTop < s.scrollHeight - s.offsetHeight;\n      c({\n        top: r,\n        bottom: i,\n        left: !1,\n        right: !1\n      });\n    }, v = H([t.overflow], {\n      [t.vertical]: l === \"column\",\n      [t.horizontal]: l === \"row\",\n      [t.expanded]: j\n    });\n    if (o) {\n      const s = {\n        ...y,\n        ...w\n      }, r = {\n        minHeight: b ?? void 0\n      }, i = typeof o == \"object\" ? o.expandText : \"Show more...\", h = typeof o == \"object\" ? o.collapseText : \"Show less...\", T = (R) => {\n        var k, z;\n        if (N((U) => !U), setTimeout(() => {\n          d();\n        }, 100), typeof o == \"object\") {\n          if (j) {\n            (k = o.onCollapse) == null || k.call(o, R);\n            return;\n          }\n          (z = o.onExpand) == null || z.call(o, R);\n        }\n      };\n      return /* @__PURE__ */ e.jsxs(\n        \"div\",\n        {\n          ref: f,\n          style: s,\n          className: v,\n          ...m,\n          children: [\n            a.top ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-top\"] }) : null,\n            a.left ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-left\"] }) : null,\n            /* @__PURE__ */ e.jsx(\n              P,\n              {\n                className: t.content,\n                onScroll: d,\n                style: r,\n                ref: n,\n                direction: l,\n                gap: x,\n                tabIndex: 0,\n                children: u\n              }\n            ),\n            a.bottom ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-bottom\"] }) : null,\n            a.right ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-right\"] }) : null,\n            /* @__PURE__ */ e.jsx(\n              \"button\",\n              {\n                className: t[\"expand-button\"],\n                onClick: T,\n                children: j ? h : i\n              }\n            )\n          ]\n        }\n      );\n    }\n    const g = {\n      ...y,\n      ...w\n    }, S = {\n      minHeight: b ?? void 0\n    };\n    return /* @__PURE__ */ e.jsxs(\n      \"div\",\n      {\n        ref: f,\n        style: g,\n        className: v,\n        ...m,\n        children: [\n          a.left ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-left\"] }) : null,\n          a.top ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-top\"] }) : null,\n          /* @__PURE__ */ e.jsx(\n            P,\n            {\n              className: t.content,\n              onScroll: d,\n              ref: n,\n              style: S,\n              direction: l,\n              gap: x,\n              tabIndex: 0,\n              children: u\n            }\n          ),\n          a.bottom ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-bottom\"] }) : null,\n          a.right ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-right\"] }) : null\n        ]\n      }\n    );\n  }\n);\nF.displayName = \"Overflow\";\nconst et = Object.assign(F, {\n  Text: I\n});\nexport {\n  et as Overflow,\n  I as OverflowText\n};\n//# sourceMappingURL=Overflow.js.map\n","import {\n  OverflowProps as CoreOverflowProps,\n  Overflow as CoreOverflow,\n  OverflowText as CoreOverflowText,\n  OverflowTextProps as CoreOverflowTextProps,\n} from \"@servicetitan/hammer-react/dist/Overflow\";\nimport { Ref, forwardRef } from \"react\";\n\nexport type OverflowProps = CoreOverflowProps;\nexport type OverflowTextProps = CoreOverflowTextProps;\n\nconst OverflowElement = forwardRef(\n  (props: OverflowProps, ref: Ref<HTMLDivElement>) => {\n    return <CoreOverflow ref={ref} {...props} />;\n  }\n);\nexport const OverflowText = forwardRef(\n  (props: OverflowTextProps, ref: Ref<HTMLDivElement>) => {\n    return <CoreOverflowText ref={ref} {...props} />;\n  }\n);\n\nexport const Overflow = Object.assign(OverflowElement, {\n  Text: OverflowText,\n});\n"],"names":["B","D","G","J","I","forwardRef","p","f","w","_","u","E","J$1","y","useState","b","O","o","x","j","a","c","d","g","s","i","h","r","K","fr","F","useRef","j$1","useEffect","T","R","k","z","U","et","OverflowElement","props","ref","jsxRuntimeExports","OverflowText","Overflow"],"mappings":"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","x_google_ignoreList":[0]}

package/Page.cjs

@@ -1,2 +1,2 @@
-var D=require("./index3.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./jsx-runtime-5c3ac4f7.cjs"),c=require("react"),x=require("./index-d3c6e880.cjs"),E=require("./Button.cjs"),S=require("./useSize.cjs"),_=require("./Tooltip.cjs");function P(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(a,s,t.get?t:{enumerable:!0,get:()=>e[s]})}}return a.default=e,Object.freeze(a)}const p=P(c),N="_page_rclw3_7",C="_content_rclw3_25",y="_sidebar_rclw3_35",O="_panel_rclw3_107",L="_collapsed_rclw3_146",q="_open_rclw3_146",M="_small_rclw3_146",T="_medium_rclw3_149",B="_large_rclw3_152",K="_noPadding_rclw3_201",r={page:N,content:C,"content-inner":"_content-inner_rclw3_30",sidebar:y,"sidebar-inner":"_sidebar-inner_rclw3_46","toggle-button-wrapper":"_toggle-button-wrapper_rclw3_71","toggle-button-tooltip":"_toggle-button-tooltip_rclw3_79","toggle-button":"_toggle-button_rclw3_71","sidebar-header":"_sidebar-header_rclw3_94",panel:O,"panel-inner":"_panel-inner_rclw3_115","virtual-scroll-container":"_virtual-scroll-container_rclw3_128",collapsed:L,open:q,small:M,medium:T,large:B,"header-content":"_header-content_rclw3_174",noPadding:K};function k(...e){return p.useCallback(a=>{for(let s=0;s<e.length;s++){const t=e[s];typeof t=="function"?t(a):t&&typeof t=="object"&&(t.current=a)}},e)}const z=e=>p.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},p.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"})),I=e=>p.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},p.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"})),H=c.forwardRef((e,a)=>{const{children:s,...t}=e;return n.jsxRuntimeExports.jsx("div",{className:r.page,ref:a,...t,children:s})}),h=c.createContext(null),b=c.forwardRef((e,a)=>{const{children:s,className:t,localStorageKey:d="sidebar-collapsd",...i}=e,[l,g]=c.useState(()=>{const u=localStorage.getItem(d);return u?JSON.parse(u):!1}),o=x.K([r.sidebar],t,{[r.collapsed]:l}),m=()=>{g(u=>(localStorage.setItem(d,JSON.stringify(!u)),!u))};return n.jsxRuntimeExports.jsx(h.Provider,{value:{collapsed:l},children:n.jsxRuntimeExports.jsxs("div",{className:o,ref:a,...i,children:[n.jsxRuntimeExports.jsx("div",{className:r["sidebar-inner"],"aria-hidden":l,children:n.jsxRuntimeExports.jsx("div",{tabIndex:0,children:s})}),n.jsxRuntimeExports.jsx("div",{className:r["toggle-button-wrapper"],children:n.jsxRuntimeExports.jsxs(_.default,{placement:"right",children:[n.jsxRuntimeExports.jsx(_.default.Trigger,{className:r["toggle-button-tooltip"],children:n.jsxRuntimeExports.jsx(E.default,{size:"small",onClick:m,className:r["toggle-button"],"aria-label":l?"Open Sidebar":"Close Sidebar",icon:l?z:I})}),n.jsxRuntimeExports.jsx(_.default.Content,{children:l?"Open Sidebar":"Close Sidebar"})]})})]})})}),f=c.forwardRef((e,a)=>{const{children:s,className:t,...d}=e,i=c.useContext(h),l=x.K([r["sidebar-header"]],t);return n.jsxRuntimeExports.jsx("div",{className:l,ref:a,...d,children:n.jsxRuntimeExports.jsx("div",{className:r["header-content"],"aria-hidden":i==null?void 0:i.collapsed,children:s})})}),j=c.forwardRef((e,a)=>{const{children:s,className:t,...d}=e,i=x.K([r.content],t),l=c.useRef(null),g=c.useRef(null),o=S.useSize(l);return c.useEffect(()=>{function m(){var w;const u=window.scrollY;(w=g.current)==null||w.scrollTo(0,u??0)}return window.addEventListener("scroll",m,{passive:!0}),()=>{window.removeEventListener("scroll",m)}},[]),n.jsxRuntimeExports.jsxs("main",{className:i,ref:k(l,a),...d,children:[n.jsxRuntimeExports.jsx("div",{className:r["content-inner"],children:s}),n.jsxRuntimeExports.jsx("div",{className:r["virtual-scroll-container"],ref:g,style:{left:o&&(o==null?void 0:o.left)+(o==null?void 0:o.width)},children:n.jsxRuntimeExports.jsx("div",{style:{width:1,height:o?o.height+o.y*2:0}})})]})}),v=c.forwardRef((e,a)=>{const{children:s,open:t,size:d="medium",noPadding:i,style:l,className:g,...o}=e,m=x.K([r.panel],[r[d]],g,{[r.open]:t,[r.noPadding]:i});return n.jsxRuntimeExports.jsx("aside",{className:m,"aria-hidden":!t,"aria-disabled":!t,ref:a,...o,children:n.jsxRuntimeExports.jsx("div",{className:r["panel-inner"],tabIndex:t?0:-1,style:l,children:n.jsxRuntimeExports.jsx("div",{children:s})})})}),R=Object.assign(H,{Sidebar:b,SidebarHeader:f,Content:j,Panel:v});exports.Page=R;exports.PageContent=j;exports.PagePanel=v;exports.PageSidebar=b;exports.PageSidebarHeader=f;exports.default=R;
+var D=require("./index3.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./jsx-runtime-5c3ac4f7.cjs"),l=require("react"),x=require("./index-2bd62884.cjs"),E=require("./Button.cjs"),S=require("./useSize.cjs"),_=require("./Tooltip.cjs");function P(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(i,n,t.get?t:{enumerable:!0,get:()=>e[n]})}}return i.default=e,Object.freeze(i)}const p=P(l),N="_page_osiei_7",C="_content_osiei_25",y="_sidebar_osiei_35",O="_panel_osiei_110",L="_collapsed_osiei_149",q="_open_osiei_149",M="_small_osiei_149",T="_medium_osiei_152",B="_large_osiei_155",K="_noPadding_osiei_204",o={page:N,content:C,"content-inner":"_content-inner_osiei_30",sidebar:y,"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:O,"panel-inner":"_panel-inner_osiei_118","virtual-scroll-container":"_virtual-scroll-container_osiei_131",collapsed:L,open:q,small:M,medium:T,large:B,"header-content":"_header-content_osiei_177",noPadding:K};function k(...e){return p.useCallback(i=>{for(let n=0;n<e.length;n++){const t=e[n];typeof t=="function"?t(i):t&&typeof t=="object"&&(t.current=i)}},e)}const z=e=>p.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},p.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"})),I=e=>p.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},p.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"})),H=l.forwardRef((e,i)=>{const{children:n,...t}=e;return s.jsxRuntimeExports.jsx("div",{className:o.page,ref:i,...t,children:n})}),b=l.createContext(null),f=l.forwardRef((e,i)=>{const{children:n,className:t,localStorageKey:d="sidebar-collapsd",...c}=e,[r,g]=l.useState(()=>{const u=localStorage.getItem(d);return u?JSON.parse(u):!1}),a=x.K([o.sidebar],t,{[o.collapsed]:r}),m=()=>{g(u=>(localStorage.setItem(d,JSON.stringify(!u)),!u))};return s.jsxRuntimeExports.jsx(b.Provider,{value:{collapsed:r},children:s.jsxRuntimeExports.jsxs("div",{className:a,ref:i,...c,children:[s.jsxRuntimeExports.jsx("div",{className:o["sidebar-inner"],"aria-hidden":r,children:s.jsxRuntimeExports.jsx("div",{tabIndex:0,children:n})}),s.jsxRuntimeExports.jsx("div",{className:o["toggle-button-wrapper"],children:s.jsxRuntimeExports.jsxs(_.default,{placement:"right",children:[s.jsxRuntimeExports.jsx(_.default.Trigger,{className:o["toggle-button-tooltip"],children:s.jsxRuntimeExports.jsx(E.default,{size:"small",onClick:m,className:o["toggle-button"],"aria-label":r?"Open Sidebar":"Close Sidebar",icon:r?z:I})}),s.jsxRuntimeExports.jsx(_.default.Content,{children:r?"Open Sidebar":"Close Sidebar"})]})})]})})}),j=l.forwardRef((e,i)=>{const{children:n,className:t,...d}=e,c=l.useContext(b),r=x.K([o["sidebar-header"]],t);return s.jsxRuntimeExports.jsx("div",{className:r,ref:i,...d,children:s.jsxRuntimeExports.jsx("div",{className:o["header-content"],"aria-hidden":c==null?void 0:c.collapsed,children:n})})}),v=l.forwardRef((e,i)=>{const{children:n,className:t,...d}=e,c=x.K([o.content],t),r=l.useRef(null),g=l.useRef(null),a=S.useSize(r);return l.useEffect(()=>{function m(){var h;const u=window.scrollY;(h=g.current)==null||h.scrollTo(0,u??0)}return window.addEventListener("scroll",m,{passive:!0}),()=>{window.removeEventListener("scroll",m)}},[]),s.jsxRuntimeExports.jsxs("main",{className:c,ref:k(r,i),...d,children:[s.jsxRuntimeExports.jsx("div",{className:o["content-inner"],children:n}),s.jsxRuntimeExports.jsx("div",{className:o["virtual-scroll-container"],ref:g,style:{left:a&&(a==null?void 0:a.left)+(a==null?void 0:a.width)},children:s.jsxRuntimeExports.jsx("div",{style:{width:1,height:a?a.height+a.y*2:0}})})]})}),R=l.forwardRef((e,i)=>{const{children:n,open:t,size:d="medium",noPadding:c,style:r,className:g,...a}=e,m=x.K([o.panel],[o[d]],g,{[o.open]:t,[o.noPadding]:c});return s.jsxRuntimeExports.jsx("aside",{className:m,"aria-hidden":!t,"aria-disabled":!t,ref:i,...a,children:s.jsxRuntimeExports.jsx("div",{className:o["panel-inner"],tabIndex:t?0:-1,style:r,children:s.jsxRuntimeExports.jsx("div",{children:n})})})}),w=Object.assign(H,{Sidebar:f,SidebarHeader:j,Content:v,Panel:R});exports.Page=w;exports.PageContent=v;exports.PagePanel=R;exports.PageSidebar=f;exports.PageSidebarHeader=j;exports.default=w;
 //# sourceMappingURL=Page.cjs.map

package/Page.js

@@ -1,115 +1,115 @@
 import "./index3.css";
 import { j as e } from "./jsx-runtime-944c88e2.js";
 import * as _ from "react";
-import { forwardRef as p, createContext as f, useState as x, useContext as j, useRef as b, useEffect as N } from "react";
-import { K as u } from "./index-39087e81.js";
+import { forwardRef as p, createContext as x, useState as w, useContext as j, useRef as v, useEffect as N } from "react";
+import { K as u } from "./index-6c0d3173.js";
 import S from "./Button.js";
 import { useSize as P } from "./useSize.js";
 import h from "./Tooltip.js";
-const C = "_page_rclw3_7", y = "_content_rclw3_25", E = "_sidebar_rclw3_35", R = "_panel_rclw3_107", L = "_collapsed_rclw3_146", B = "_open_rclw3_146", O = "_small_rclw3_146", I = "_medium_rclw3_149", T = "_large_rclw3_152", k = "_noPadding_rclw3_201", s = {
+const C = "_page_osiei_7", y = "_content_osiei_25", E = "_sidebar_osiei_35", R = "_panel_osiei_110", L = "_collapsed_osiei_149", B = "_open_osiei_149", O = "_small_osiei_149", I = "_medium_osiei_152", T = "_large_osiei_155", k = "_noPadding_osiei_204", n = {
   page: C,
   content: y,
-  "content-inner": "_content-inner_rclw3_30",
+  "content-inner": "_content-inner_osiei_30",
   sidebar: E,
-  "sidebar-inner": "_sidebar-inner_rclw3_46",
-  "toggle-button-wrapper": "_toggle-button-wrapper_rclw3_71",
-  "toggle-button-tooltip": "_toggle-button-tooltip_rclw3_79",
-  "toggle-button": "_toggle-button_rclw3_71",
-  "sidebar-header": "_sidebar-header_rclw3_94",
+  "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: R,
-  "panel-inner": "_panel-inner_rclw3_115",
-  "virtual-scroll-container": "_virtual-scroll-container_rclw3_128",
+  "panel-inner": "_panel-inner_osiei_118",
+  "virtual-scroll-container": "_virtual-scroll-container_osiei_131",
   collapsed: L,
   open: B,
   small: O,
   medium: I,
   large: T,
-  "header-content": "_header-content_rclw3_174",
+  "header-content": "_header-content_osiei_177",
   noPadding: k
 };
-function M(...n) {
+function M(...s) {
   return _.useCallback(
-    (o) => {
-      for (let r = 0; r < n.length; r++) {
-        const t = n[r];
-        typeof t == "function" ? t(o) : t && typeof t == "object" && (t.current = o);
+    (r) => {
+      for (let a = 0; a < s.length; a++) {
+        const t = s[a];
+        typeof t == "function" ? t(r) : t && typeof t == "object" && (t.current = r);
       }
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    n
+    s
   );
 }
-const z = (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" })), H = (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" })), J = p((n, o) => {
-  const { children: r, ...t } = n;
-  return /* @__PURE__ */ e.jsx("div", { className: s.page, ref: o, ...t, children: r });
-}), v = f(null), K = p(
-  (n, o) => {
+const z = (s) => /* @__PURE__ */ _.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...s }, /* @__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" })), H = (s) => /* @__PURE__ */ _.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...s }, /* @__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" })), J = p((s, r) => {
+  const { children: a, ...t } = s;
+  return /* @__PURE__ */ e.jsx("div", { className: n.page, ref: r, ...t, children: a });
+}), f = x(null), K = p(
+  (s, r) => {
     const {
-      children: r,
+      children: a,
       className: t,
-      localStorageKey: i = "sidebar-collapsd",
-      ...c
-    } = n, [l, m] = x(() => {
-      const d = localStorage.getItem(i);
+      localStorageKey: c = "sidebar-collapsd",
+      ...l
+    } = s, [i, m] = w(() => {
+      const d = localStorage.getItem(c);
       return d ? JSON.parse(d) : !1;
-    }), a = u([s.sidebar], t, {
-      [s.collapsed]: l
+    }), o = u([n.sidebar], t, {
+      [n.collapsed]: i
     }), g = () => {
-      m((d) => (localStorage.setItem(i, JSON.stringify(!d)), !d));
+      m((d) => (localStorage.setItem(c, JSON.stringify(!d)), !d));
     };
-    return /* @__PURE__ */ e.jsx(v.Provider, { value: { collapsed: l }, children: /* @__PURE__ */ e.jsxs("div", { className: a, ref: o, ...c, children: [
-      /* @__PURE__ */ e.jsx("div", { className: s["sidebar-inner"], "aria-hidden": l, children: /* @__PURE__ */ e.jsx("div", { tabIndex: 0, children: r }) }),
-      /* @__PURE__ */ e.jsx("div", { className: s["toggle-button-wrapper"], children: /* @__PURE__ */ e.jsxs(h, { placement: "right", children: [
-        /* @__PURE__ */ e.jsx(h.Trigger, { className: s["toggle-button-tooltip"], children: /* @__PURE__ */ e.jsx(
+    return /* @__PURE__ */ e.jsx(f.Provider, { value: { collapsed: i }, children: /* @__PURE__ */ e.jsxs("div", { className: o, ref: r, ...l, children: [
+      /* @__PURE__ */ e.jsx("div", { className: n["sidebar-inner"], "aria-hidden": i, children: /* @__PURE__ */ e.jsx("div", { tabIndex: 0, children: a }) }),
+      /* @__PURE__ */ e.jsx("div", { className: n["toggle-button-wrapper"], children: /* @__PURE__ */ e.jsxs(h, { placement: "right", children: [
+        /* @__PURE__ */ e.jsx(h.Trigger, { className: n["toggle-button-tooltip"], children: /* @__PURE__ */ e.jsx(
           S,
           {
             size: "small",
             onClick: g,
-            className: s["toggle-button"],
-            "aria-label": l ? "Open Sidebar" : "Close Sidebar",
-            icon: l ? z : H
+            className: n["toggle-button"],
+            "aria-label": i ? "Open Sidebar" : "Close Sidebar",
+            icon: i ? z : H
           }
         ) }),
-        /* @__PURE__ */ e.jsx(h.Content, { children: l ? "Open Sidebar" : "Close Sidebar" })
+        /* @__PURE__ */ e.jsx(h.Content, { children: i ? "Open Sidebar" : "Close Sidebar" })
       ] }) })
     ] }) });
   }
 ), V = p(
-  (n, o) => {
-    const { children: r, className: t, ...i } = n, c = j(v), l = u([s["sidebar-header"]], t);
-    return /* @__PURE__ */ e.jsx("div", { className: l, ref: o, ...i, children: /* @__PURE__ */ e.jsx(
+  (s, r) => {
+    const { children: a, className: t, ...c } = s, l = j(f), i = u([n["sidebar-header"]], t);
+    return /* @__PURE__ */ e.jsx("div", { className: i, ref: r, ...c, children: /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: s["header-content"],
-        "aria-hidden": c == null ? void 0 : c.collapsed,
-        children: r
+        className: n["header-content"],
+        "aria-hidden": l == null ? void 0 : l.collapsed,
+        children: a
       }
     ) });
   }
 ), Y = p(
-  (n, o) => {
-    const { children: r, className: t, ...i } = n, c = u([s.content], t), l = b(null), m = b(null), a = P(l);
+  (s, r) => {
+    const { children: a, className: t, ...c } = s, l = u([n.content], t), i = v(null), m = v(null), o = P(i);
     return N(() => {
       function g() {
-        var w;
+        var b;
         const d = window.scrollY;
-        (w = m.current) == null || w.scrollTo(0, d ?? 0);
+        (b = m.current) == null || b.scrollTo(0, d ?? 0);
       }
       return window.addEventListener("scroll", g, { passive: !0 }), () => {
         window.removeEventListener("scroll", g);
       };
-    }, []), /* @__PURE__ */ e.jsxs("main", { className: c, ref: M(l, o), ...i, children: [
-      /* @__PURE__ */ e.jsx("div", { className: s["content-inner"], children: r }),
+    }, []), /* @__PURE__ */ e.jsxs("main", { className: l, ref: M(i, r), ...c, children: [
+      /* @__PURE__ */ e.jsx("div", { className: n["content-inner"], children: a }),
       /* @__PURE__ */ e.jsx(
         "div",
         {
-          className: s["virtual-scroll-container"],
+          className: n["virtual-scroll-container"],
           ref: m,
-          style: { left: a && (a == null ? void 0 : a.left) + (a == null ? void 0 : a.width) },
+          style: { left: o && (o == null ? void 0 : o.left) + (o == null ? void 0 : o.width) },
           children: /* @__PURE__ */ e.jsx(
             "div",
             {
-              style: { width: 1, height: a ? a.height + a.y * 2 : 0 }
+              style: { width: 1, height: o ? o.height + o.y * 2 : 0 }
             }
           )
         }
@@ -117,18 +117,18 @@ const z = (n) => /* @__PURE__ */ _.createElement("svg", { xmlns: "http://www.w3.
     ] });
   }
 ), q = p(
-  (n, o) => {
+  (s, r) => {
     const {
-      children: r,
+      children: a,
       open: t,
-      size: i = "medium",
-      noPadding: c,
-      style: l,
+      size: c = "medium",
+      noPadding: l,
+      style: i,
       className: m,
-      ...a
-    } = n, g = u([s.panel], [s[i]], m, {
-      [s.open]: t,
-      [s.noPadding]: c
+      ...o
+    } = s, g = u([n.panel], [n[c]], m, {
+      [n.open]: t,
+      [n.noPadding]: l
     });
     return /* @__PURE__ */ e.jsx(
       "aside",
@@ -136,15 +136,15 @@ const z = (n) => /* @__PURE__ */ _.createElement("svg", { xmlns: "http://www.w3.
         className: g,
         "aria-hidden": !t,
         "aria-disabled": !t,
-        ref: o,
-        ...a,
+        ref: r,
+        ...o,
         children: /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: s["panel-inner"],
+            className: n["panel-inner"],
             tabIndex: t ? 0 : -1,
-            style: l,
-            children: /* @__PURE__ */ e.jsx("div", { children: r })
+            style: i,
+            children: /* @__PURE__ */ e.jsx("div", { children: a })
           }
         )
       }