@servicetitan/anvil2 1.4.0 → 1.4.2

package/SegmentedControl-vAEVzFx9.js

@@ -0,0 +1,149 @@
+import { j } from "./jsx-runtime-B6kdoens.js";
+import { f as a } from "./jsx-runtime-DmTjM30f-Qvbpxce2.js";
+import { forwardRef as c, useContext as w, useRef as y, createContext as N, useState as I, useId as O } from "react";
+import { G as x } from "./index-B9BgsxnA.js";
+import { I as R } from "./Icon-BcLI32jH-Dq2p5h4f.js";
+import "./tinycolor-7bVxTrF6.js";
+import { o as b } from "./useMergeRefs-CXJ8qoaV-DoR94mFy.js";
+import { u as E } from "./use-reduced-motion-B0iZwwI4.js";
+import { m as z } from "./motion-DztvaDAI.js";
+import "./Link-BbiA85bl-BAi5qDoN.js";
+import { useTrackingId as v } from "./useTrackingId.js";
+import './SegmentedControl.css';const F = "_legend_1w0sh_5", P = "_children_1w0sh_6", G = "_segment_1w0sh_4", H = "_fill_1w0sh_82", M = "_small_1w0sh_85", Q = "_medium_1w0sh_94", r = {
+  "segmented-control": "_segmented-control_1w0sh_4",
+  legend: F,
+  children: P,
+  "select-indicator": "_select-indicator_1w0sh_7",
+  segment: G,
+  fill: H,
+  small: M,
+  "icon-only": "_icon-only_1w0sh_91",
+  medium: Q
+}, S = c((e, o) => {
+  const { icon: t, value: n, children: l, className: g, ...u } = e, _ = E(), { current: s, setCurrent: i, name: m, onChange: d } = w(
+    p
+  ), h = y(null), f = () => {
+    i == null || i(n), d == null || d(n);
+  }, C = x(r.segment, g, {
+    [r["icon-only"]]: t && !l
+  });
+  return /* @__PURE__ */ a.jsx(a.Fragment, { children: /* @__PURE__ */ a.jsxs(
+    "label",
+    {
+      className: C,
+      ref: b([h, o]),
+      "data-anv": "segmented-control-segment",
+      ...u,
+      children: [
+        /* @__PURE__ */ a.jsx(
+          "input",
+          {
+            type: "radio",
+            name: m,
+            value: n,
+            onChange: f,
+            checked: s === n,
+            "aria-checked": s === n
+          }
+        ),
+        t ? /* @__PURE__ */ a.jsx(R, { svg: t, "aria-hidden": !0 }) : null,
+        l,
+        s === n && /* @__PURE__ */ a.jsx(
+          z.span,
+          {
+            layoutId: m,
+            transition: {
+              duration: _ ? 0 : 0.2
+            },
+            className: r["select-indicator"]
+          }
+        )
+      ]
+    }
+  ) });
+});
+S.displayName = "Segmented Control Segment";
+const p = N({}), k = c((e, o) => {
+  const {
+    className: t,
+    onClick: n,
+    onChange: l,
+    children: g,
+    size: u = "medium",
+    defaultSelected: _,
+    name: s,
+    fill: i,
+    ...m
+  } = e, [d, h] = I(_), f = x(
+    r["segmented-control"],
+    r[u],
+    t,
+    {
+      [r.fill]: i
+    }
+  ), C = O();
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      role: "radiogroup",
+      className: f,
+      "data-anv": "segmented-control",
+      ref: o,
+      ...m,
+      children: /* @__PURE__ */ a.jsx(
+        p.Provider,
+        {
+          value: { current: d, setCurrent: h, name: s ?? C, onChange: l },
+          children: g
+        }
+      )
+    }
+  );
+});
+k.displayName = "Segmented Control";
+const T = Object.assign(k, {
+  Segment: S
+}), $ = c(
+  (e, o) => {
+    const t = {
+      name: e.name
+    }, n = v({
+      name: "SegmentedControl",
+      data: t,
+      hasOverride: !!e["data-tracking-id"]
+    });
+    return /* @__PURE__ */ j.jsx(
+      T,
+      {
+        ref: o,
+        "data-tracking-id": n,
+        ...e
+      }
+    );
+  }
+), q = c(
+  (e, o) => {
+    const t = {
+      value: e.value
+    }, n = v({
+      name: "SegmentedControlSegment",
+      data: t,
+      hasOverride: !!e["data-tracking-id"]
+    });
+    return /* @__PURE__ */ j.jsx(
+      S,
+      {
+        ref: o,
+        "data-tracking-id": n,
+        ...e
+      }
+    );
+  }
+), Z = Object.assign($, {
+  Segment: q
+});
+export {
+  Z as S,
+  q as a
+};
+//# sourceMappingURL=SegmentedControl-vAEVzFx9.js.map

package/SegmentedControl-vAEVzFx9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl-vAEVzFx9.js","sources":["../node_modules/@servicetitan/hammer-react/dist/SegmentedControl-fag13OUu.js","../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import { j as e } from \"./jsx-runtime-DmTjM30f.js\";\nimport { forwardRef as p, useContext as w, useRef as N, createContext as y, useState as v, useId as R } from \"react\";\nimport x from \"classnames\";\nimport { useReducedMotion as I, motion as b } from \"framer-motion\";\nimport { I as k } from \"./Icon-BcLI32jH.js\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { u as M } from \"./useMergeRefs-CXJ8qoaV.js\";\nimport './SegmentedControl.css';const E = \"_legend_1w0sh_5\", z = \"_children_1w0sh_6\", F = \"_segment_1w0sh_4\", H = \"_fill_1w0sh_82\", O = \"_small_1w0sh_85\", P = \"_medium_1w0sh_94\", t = {\n  \"segmented-control\": \"_segmented-control_1w0sh_4\",\n  legend: E,\n  children: z,\n  \"select-indicator\": \"_select-indicator_1w0sh_7\",\n  segment: F,\n  fill: H,\n  small: O,\n  \"icon-only\": \"_icon-only_1w0sh_91\",\n  medium: P\n}, C = p((m, i) => {\n  const { icon: s, value: n, children: c, className: d, ...g } = m, u = I(), { current: o, setCurrent: l, name: a, onChange: r } = w(\n    S\n  ), _ = N(null), h = () => {\n    l == null || l(n), r == null || r(n);\n  }, f = x(t.segment, d, {\n    [t[\"icon-only\"]]: s && !c\n  });\n  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(\n    \"label\",\n    {\n      className: f,\n      ref: M([_, i]),\n      \"data-anv\": \"segmented-control-segment\",\n      ...g,\n      children: [\n        /* @__PURE__ */ e.jsx(\n          \"input\",\n          {\n            type: \"radio\",\n            name: a,\n            value: n,\n            onChange: h,\n            checked: o === n,\n            \"aria-checked\": o === n\n          }\n        ),\n        s ? /* @__PURE__ */ e.jsx(k, { svg: s, \"aria-hidden\": !0 }) : null,\n        c,\n        o === n && /* @__PURE__ */ e.jsx(\n          b.span,\n          {\n            layoutId: a,\n            transition: {\n              duration: u ? 0 : 0.2\n            },\n            className: t[\"select-indicator\"]\n          }\n        )\n      ]\n    }\n  ) });\n});\nC.displayName = \"Segmented Control Segment\";\nconst S = y({}), j = p((m, i) => {\n  const {\n    className: s,\n    onClick: n,\n    onChange: c,\n    children: d,\n    size: g = \"medium\",\n    defaultSelected: u,\n    name: o,\n    fill: l,\n    ...a\n  } = m, [r, _] = v(u), h = x(\n    t[\"segmented-control\"],\n    t[g],\n    s,\n    {\n      [t.fill]: l\n    }\n  ), f = R();\n  return /* @__PURE__ */ e.jsx(\n    \"div\",\n    {\n      role: \"radiogroup\",\n      className: h,\n      \"data-anv\": \"segmented-control\",\n      ref: i,\n      ...a,\n      children: /* @__PURE__ */ e.jsx(\n        S.Provider,\n        {\n          value: { current: r, setCurrent: _, name: o ?? f, onChange: c },\n          children: d\n        }\n      )\n    }\n  );\n});\nj.displayName = \"Segmented Control\";\nconst Q = Object.assign(j, {\n  Segment: C\n});\nexport {\n  Q as S,\n  C as a\n};\n//# sourceMappingURL=SegmentedControl-fag13OUu.js.map\n","import {\n  SegmentedControlProps as CoreSegmentedControlProps,\n  SegmentedControl as CoreSegmentedControl,\n  SegmentedControlSegmentProps as CoreSegmentedControlSegmentProps,\n  SegmentedControlSegment as CoreSegmentedControlSegment,\n} from \"@servicetitan/hammer-react/dist/SegmentedControl\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type SegmentedControlProps = CoreSegmentedControlProps & DataTrackingId;\nexport type SegmentedControlSegmentProps = CoreSegmentedControlSegmentProps &\n  DataTrackingId;\n\nconst SegmentedControlElement = forwardRef(\n  (props: SegmentedControlProps, ref: Ref<HTMLDivElement>) => {\n    const data = {\n      name: props.name,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"SegmentedControl\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    return (\n      <CoreSegmentedControl\n        ref={ref}\n        data-tracking-id={trackingId}\n        {...props}\n      />\n    );\n  }\n);\n\nexport const SegmentedControlSegment = forwardRef(\n  (props: SegmentedControlSegmentProps, ref: Ref<HTMLLabelElement>) => {\n    const data = {\n      value: props.value,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"SegmentedControlSegment\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CoreSegmentedControlSegment\n        ref={ref}\n        data-tracking-id={trackingId}\n        {...props}\n      />\n    );\n  }\n);\n\nexport const SegmentedControl = Object.assign(SegmentedControlElement, {\n  Segment: SegmentedControlSegment,\n});\n"],"names":["E","z","F","O","P","t","C","p","m","i","s","c","d","g","u","I","o","l","a","r","w","S","_","N","h","f","x","e","M","k","b","y","j","v","R","Q","SegmentedControlElement","forwardRef","props","ref","data","trackingId","useTrackingId","jsx","CoreSegmentedControl","SegmentedControlSegment","CoreSegmentedControlSegment","SegmentedControl"],"mappings":"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","x_google_ignoreList":[0]}

package/SegmentedControl.cjs

@@ -1,2 +1,2 @@
-var G=require("./index16.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("./jsx-runtime-494437bb.cjs"),s=require("./jsx-runtime-944c88e2-2b81c205.cjs"),r=require("react"),j=require("./index-ef2e9d11.cjs"),y=require("./Icon-847b3515.cjs");require("./tinycolor-3b50a250.cjs");const I=require("./useMergeRefs.cjs"),N=require("./use-reduced-motion-a766a46b.cjs"),M=require("./motion-dae3950e.cjs");require("./index-98c0e500.cjs");const v=require("./useTrackingId.cjs");const O="_legend_1w0sh_5",b="_children_1w0sh_6",T="_segment_1w0sh_4",E="_fill_1w0sh_82",P="_small_1w0sh_85",p="_medium_1w0sh_94",a={"segmented-control":"_segmented-control_1w0sh_4",legend:O,children:b,"select-indicator":"_select-indicator_1w0sh_7",segment:T,fill:E,small:P,"icon-only":"_icon-only_1w0sh_91",medium:p},S=r.forwardRef((e,o)=>{const{icon:t,value:n,children:d,className:m,...g}=e,_=N.useReducedMotion(),{current:i,setCurrent:c,name:l,onChange:u}=r.useContext(R),f=r.useRef(null),h=()=>{c==null||c(n),u==null||u(n)},C=j.G(a.segment,m,{[a["icon-only"]]:t&&!d});return s.fr.jsx(s.fr.Fragment,{children:s.fr.jsxs("label",{className:C,ref:I.useMergeRefs([f,o]),"data-anv":"segmented-control-segment",...g,children:[s.fr.jsx("input",{type:"radio",name:l,value:n,onChange:h,checked:i===n,"aria-checked":i===n}),t?s.fr.jsx(y.C,{svg:t,"aria-hidden":!0}):null,d,i===n&&s.fr.jsx(M.motion.span,{layoutId:l,transition:{duration:_?0:.2},className:a["select-indicator"]})]})})});S.displayName="Segmented Control Segment";const R=r.createContext({}),w=r.forwardRef((e,o)=>{const{className:t,onClick:n,onChange:d,children:m,size:g="medium",defaultSelected:_,name:i,fill:c,...l}=e,[u,f]=r.useState(_),h=j.G(a["segmented-control"],a[g],t,{[a.fill]:c}),C=r.useId();return s.fr.jsx("div",{role:"radiogroup",className:h,"data-anv":"segmented-control",ref:o,...l,children:s.fr.jsx(R.Provider,{value:{current:u,setCurrent:f,name:i??C,onChange:d},children:m})})});w.displayName="Segmented Control";const z=Object.assign(w,{Segment:S}),F=r.forwardRef((e,o)=>{const t={name:e.name},n=v.useTrackingId({name:"SegmentedControl",data:t,hasOverride:!!e["data-tracking-id"]});return x.jsxRuntimeExports.jsx(z,{ref:o,"data-tracking-id":n,...e})}),k=r.forwardRef((e,o)=>{const t={value:e.value},n=v.useTrackingId({name:"SegmentedControlSegment",data:t,hasOverride:!!e["data-tracking-id"]});return x.jsxRuntimeExports.jsx(S,{ref:o,"data-tracking-id":n,...e})}),q=Object.assign(F,{Segment:k});exports.SegmentedControl=q;exports.SegmentedControlSegment=k;exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./SegmentedControl-CDYqxNcB.cjs");exports.SegmentedControl=e.SegmentedControl;exports.SegmentedControlSegment=e.SegmentedControlSegment;exports.default=e.SegmentedControl;
 //# sourceMappingURL=SegmentedControl.cjs.map

package/SegmentedControl.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.cjs","sources":["../node_modules/@servicetitan/hammer-react/dist/SegmentedControl.js","../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import \"./index26.css\";\nimport { j as e } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as p, useContext as w, useRef as N, createContext as y, useState as v, useId as R } from \"react\";\nimport x from \"classnames\";\nimport { useReducedMotion as b, motion as k } from \"framer-motion\";\nimport { Icon as I } from \"./Icon.js\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useMergeRefs as M } from \"./useMergeRefs.js\";\nconst E = \"_legend_1w0sh_5\", z = \"_children_1w0sh_6\", F = \"_segment_1w0sh_4\", H = \"_fill_1w0sh_82\", O = \"_small_1w0sh_85\", P = \"_medium_1w0sh_94\", t = {\n  \"segmented-control\": \"_segmented-control_1w0sh_4\",\n  legend: E,\n  children: z,\n  \"select-indicator\": \"_select-indicator_1w0sh_7\",\n  segment: F,\n  fill: H,\n  small: O,\n  \"icon-only\": \"_icon-only_1w0sh_91\",\n  medium: P\n}, C = p((a, i) => {\n  const { icon: o, value: n, children: c, className: d, ...g } = a, u = b(), { current: s, setCurrent: l, name: m, onChange: r } = w(\n    S\n  ), _ = N(null), h = () => {\n    l == null || l(n), r == null || r(n);\n  }, f = x(t.segment, d, {\n    [t[\"icon-only\"]]: o && !c\n  });\n  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(\n    \"label\",\n    {\n      className: f,\n      ref: M([_, i]),\n      \"data-anv\": \"segmented-control-segment\",\n      ...g,\n      children: [\n        /* @__PURE__ */ e.jsx(\n          \"input\",\n          {\n            type: \"radio\",\n            name: m,\n            value: n,\n            onChange: h,\n            checked: s === n,\n            \"aria-checked\": s === n\n          }\n        ),\n        o ? /* @__PURE__ */ e.jsx(I, { svg: o, \"aria-hidden\": !0 }) : null,\n        c,\n        s === n && /* @__PURE__ */ e.jsx(\n          k.span,\n          {\n            layoutId: m,\n            transition: {\n              duration: u ? 0 : 0.2\n            },\n            className: t[\"select-indicator\"]\n          }\n        )\n      ]\n    }\n  ) });\n});\nC.displayName = \"Segmented Control Segment\";\nconst S = y({}), j = p((a, i) => {\n  const {\n    className: o,\n    onClick: n,\n    onChange: c,\n    children: d,\n    size: g = \"medium\",\n    defaultSelected: u,\n    name: s,\n    fill: l,\n    ...m\n  } = a, [r, _] = v(u), h = x(\n    t[\"segmented-control\"],\n    t[g],\n    o,\n    {\n      [t.fill]: l\n    }\n  ), f = R();\n  return /* @__PURE__ */ e.jsx(\n    \"div\",\n    {\n      role: \"radiogroup\",\n      className: h,\n      \"data-anv\": \"segmented-control\",\n      ref: i,\n      ...m,\n      children: /* @__PURE__ */ e.jsx(\n        S.Provider,\n        {\n          value: { current: r, setCurrent: _, name: s ?? f, onChange: c },\n          children: d\n        }\n      )\n    }\n  );\n});\nj.displayName = \"Segmented Control\";\nconst T = Object.assign(j, {\n  Segment: C\n});\nexport {\n  T as SegmentedControl,\n  C as SegmentedControlSegment\n};\n//# sourceMappingURL=SegmentedControl.js.map\n","import {\n  SegmentedControlProps as CoreSegmentedControlProps,\n  SegmentedControl as CoreSegmentedControl,\n  SegmentedControlSegmentProps as CoreSegmentedControlSegmentProps,\n  SegmentedControlSegment as CoreSegmentedControlSegment,\n} from \"@servicetitan/hammer-react/dist/SegmentedControl\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type SegmentedControlProps = CoreSegmentedControlProps & DataTrackingId;\nexport type SegmentedControlSegmentProps = CoreSegmentedControlSegmentProps &\n  DataTrackingId;\n\nconst SegmentedControlElement = forwardRef(\n  (props: SegmentedControlProps, ref: Ref<HTMLDivElement>) => {\n    const data = {\n      name: props.name,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"SegmentedControl\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    return (\n      <CoreSegmentedControl\n        ref={ref}\n        data-tracking-id={trackingId}\n        {...props}\n      />\n    );\n  }\n);\n\nexport const SegmentedControlSegment = forwardRef(\n  (props: SegmentedControlSegmentProps, ref: Ref<HTMLLabelElement>) => {\n    const data = {\n      value: props.value,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"SegmentedControlSegment\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CoreSegmentedControlSegment\n        ref={ref}\n        data-tracking-id={trackingId}\n        {...props}\n      />\n    );\n  }\n);\n\nexport const SegmentedControl = Object.assign(SegmentedControlElement, {\n  Segment: SegmentedControlSegment,\n});\n"],"names":["E","z","F","H","O","P","t","C","React","a","i","o","c","d","u","useReducedMotion","s","l","m","r","S","_","f","index","jsxRuntime944c88e2","useMergeRefs","Icon","motion","j","T","SegmentedControlElement","props","ref","data","trackingId","useTrackingId","jsxRuntime","SegmentedControlSegment","SegmentedControl"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"SegmentedControl.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/SegmentedControl.js

@@ -1,151 +1,7 @@
-import "./index16.css";
-import { j as S } from "./jsx-runtime-82a9ddf6.js";
-import { f as a } from "./jsx-runtime-944c88e2-e73fa629.js";
-import { forwardRef as c, useContext as w, useRef as y, createContext as N, useState as I, useId as O } from "react";
-import { G as j } from "./index-c6e22bb9.js";
-import { C as R } from "./Icon-be690f0b.js";
-import "./tinycolor-d415b1fd.js";
-import { useMergeRefs as b } from "./useMergeRefs.js";
-import { u as E } from "./use-reduced-motion-b359504d.js";
-import { m as z } from "./motion-a0a946d6.js";
-import "./index-3df95505.js";
-import { useTrackingId as p } from "./useTrackingId.js";
-const F = "_legend_1w0sh_5", M = "_children_1w0sh_6", P = "_segment_1w0sh_4", T = "_fill_1w0sh_82", $ = "_small_1w0sh_85", G = "_medium_1w0sh_94", r = {
-  "segmented-control": "_segmented-control_1w0sh_4",
-  legend: F,
-  children: M,
-  "select-indicator": "_select-indicator_1w0sh_7",
-  segment: P,
-  fill: T,
-  small: $,
-  "icon-only": "_icon-only_1w0sh_91",
-  medium: G
-}, x = c((e, o) => {
-  const { icon: t, value: n, children: m, className: g, ...u } = e, _ = E(), { current: s, setCurrent: i, name: l, onChange: d } = w(
-    v
-  ), h = y(null), f = () => {
-    i == null || i(n), d == null || d(n);
-  }, C = j(r.segment, g, {
-    [r["icon-only"]]: t && !m
-  });
-  return /* @__PURE__ */ a.jsx(a.Fragment, { children: /* @__PURE__ */ a.jsxs(
-    "label",
-    {
-      className: C,
-      ref: b([h, o]),
-      "data-anv": "segmented-control-segment",
-      ...u,
-      children: [
-        /* @__PURE__ */ a.jsx(
-          "input",
-          {
-            type: "radio",
-            name: l,
-            value: n,
-            onChange: f,
-            checked: s === n,
-            "aria-checked": s === n
-          }
-        ),
-        t ? /* @__PURE__ */ a.jsx(R, { svg: t, "aria-hidden": !0 }) : null,
-        m,
-        s === n && /* @__PURE__ */ a.jsx(
-          z.span,
-          {
-            layoutId: l,
-            transition: {
-              duration: _ ? 0 : 0.2
-            },
-            className: r["select-indicator"]
-          }
-        )
-      ]
-    }
-  ) });
-});
-x.displayName = "Segmented Control Segment";
-const v = N({}), k = c((e, o) => {
-  const {
-    className: t,
-    onClick: n,
-    onChange: m,
-    children: g,
-    size: u = "medium",
-    defaultSelected: _,
-    name: s,
-    fill: i,
-    ...l
-  } = e, [d, h] = I(_), f = j(
-    r["segmented-control"],
-    r[u],
-    t,
-    {
-      [r.fill]: i
-    }
-  ), C = O();
-  return /* @__PURE__ */ a.jsx(
-    "div",
-    {
-      role: "radiogroup",
-      className: f,
-      "data-anv": "segmented-control",
-      ref: o,
-      ...l,
-      children: /* @__PURE__ */ a.jsx(
-        v.Provider,
-        {
-          value: { current: d, setCurrent: h, name: s ?? C, onChange: m },
-          children: g
-        }
-      )
-    }
-  );
-});
-k.displayName = "Segmented Control";
-const H = Object.assign(k, {
-  Segment: x
-}), q = c(
-  (e, o) => {
-    const t = {
-      name: e.name
-    }, n = p({
-      name: "SegmentedControl",
-      data: t,
-      hasOverride: !!e["data-tracking-id"]
-    });
-    return /* @__PURE__ */ S.jsx(
-      H,
-      {
-        ref: o,
-        "data-tracking-id": n,
-        ...e
-      }
-    );
-  }
-), A = c(
-  (e, o) => {
-    const t = {
-      value: e.value
-    }, n = p({
-      name: "SegmentedControlSegment",
-      data: t,
-      hasOverride: !!e["data-tracking-id"]
-    });
-    return /* @__PURE__ */ S.jsx(
-      x,
-      {
-        ref: o,
-        "data-tracking-id": n,
-        ...e
-      }
-    );
-  }
-), ee = Object.assign(q, {
-  Segment: A
-});
+import { S as o, a, S as n } from "./SegmentedControl-vAEVzFx9.js";
 export {
-  ee as SegmentedControl,
-  A as SegmentedControlSegment,
-  ee as default
+  o as SegmentedControl,
+  a as SegmentedControlSegment,
+  n as default
 };
 //# sourceMappingURL=SegmentedControl.js.map

package/SegmentedControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.js","sources":["../node_modules/@servicetitan/hammer-react/dist/SegmentedControl.js","../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import \"./index26.css\";\nimport { j as e } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as p, useContext as w, useRef as N, createContext as y, useState as v, useId as R } from \"react\";\nimport x from \"classnames\";\nimport { useReducedMotion as b, motion as k } from \"framer-motion\";\nimport { Icon as I } from \"./Icon.js\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useMergeRefs as M } from \"./useMergeRefs.js\";\nconst E = \"_legend_1w0sh_5\", z = \"_children_1w0sh_6\", F = \"_segment_1w0sh_4\", H = \"_fill_1w0sh_82\", O = \"_small_1w0sh_85\", P = \"_medium_1w0sh_94\", t = {\n  \"segmented-control\": \"_segmented-control_1w0sh_4\",\n  legend: E,\n  children: z,\n  \"select-indicator\": \"_select-indicator_1w0sh_7\",\n  segment: F,\n  fill: H,\n  small: O,\n  \"icon-only\": \"_icon-only_1w0sh_91\",\n  medium: P\n}, C = p((a, i) => {\n  const { icon: o, value: n, children: c, className: d, ...g } = a, u = b(), { current: s, setCurrent: l, name: m, onChange: r } = w(\n    S\n  ), _ = N(null), h = () => {\n    l == null || l(n), r == null || r(n);\n  }, f = x(t.segment, d, {\n    [t[\"icon-only\"]]: o && !c\n  });\n  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(\n    \"label\",\n    {\n      className: f,\n      ref: M([_, i]),\n      \"data-anv\": \"segmented-control-segment\",\n      ...g,\n      children: [\n        /* @__PURE__ */ e.jsx(\n          \"input\",\n          {\n            type: \"radio\",\n            name: m,\n            value: n,\n            onChange: h,\n            checked: s === n,\n            \"aria-checked\": s === n\n          }\n        ),\n        o ? /* @__PURE__ */ e.jsx(I, { svg: o, \"aria-hidden\": !0 }) : null,\n        c,\n        s === n && /* @__PURE__ */ e.jsx(\n          k.span,\n          {\n            layoutId: m,\n            transition: {\n              duration: u ? 0 : 0.2\n            },\n            className: t[\"select-indicator\"]\n          }\n        )\n      ]\n    }\n  ) });\n});\nC.displayName = \"Segmented Control Segment\";\nconst S = y({}), j = p((a, i) => {\n  const {\n    className: o,\n    onClick: n,\n    onChange: c,\n    children: d,\n    size: g = \"medium\",\n    defaultSelected: u,\n    name: s,\n    fill: l,\n    ...m\n  } = a, [r, _] = v(u), h = x(\n    t[\"segmented-control\"],\n    t[g],\n    o,\n    {\n      [t.fill]: l\n    }\n  ), f = R();\n  return /* @__PURE__ */ e.jsx(\n    \"div\",\n    {\n      role: \"radiogroup\",\n      className: h,\n      \"data-anv\": \"segmented-control\",\n      ref: i,\n      ...m,\n      children: /* @__PURE__ */ e.jsx(\n        S.Provider,\n        {\n          value: { current: r, setCurrent: _, name: s ?? f, onChange: c },\n          children: d\n        }\n      )\n    }\n  );\n});\nj.displayName = \"Segmented Control\";\nconst T = Object.assign(j, {\n  Segment: C\n});\nexport {\n  T as SegmentedControl,\n  C as SegmentedControlSegment\n};\n//# sourceMappingURL=SegmentedControl.js.map\n","import {\n  SegmentedControlProps as CoreSegmentedControlProps,\n  SegmentedControl as CoreSegmentedControl,\n  SegmentedControlSegmentProps as CoreSegmentedControlSegmentProps,\n  SegmentedControlSegment as CoreSegmentedControlSegment,\n} from \"@servicetitan/hammer-react/dist/SegmentedControl\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type SegmentedControlProps = CoreSegmentedControlProps & DataTrackingId;\nexport type SegmentedControlSegmentProps = CoreSegmentedControlSegmentProps &\n  DataTrackingId;\n\nconst SegmentedControlElement = forwardRef(\n  (props: SegmentedControlProps, ref: Ref<HTMLDivElement>) => {\n    const data = {\n      name: props.name,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"SegmentedControl\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    return (\n      <CoreSegmentedControl\n        ref={ref}\n        data-tracking-id={trackingId}\n        {...props}\n      />\n    );\n  }\n);\n\nexport const SegmentedControlSegment = forwardRef(\n  (props: SegmentedControlSegmentProps, ref: Ref<HTMLLabelElement>) => {\n    const data = {\n      value: props.value,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"SegmentedControlSegment\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CoreSegmentedControlSegment\n        ref={ref}\n        data-tracking-id={trackingId}\n        {...props}\n      />\n    );\n  }\n);\n\nexport const SegmentedControl = Object.assign(SegmentedControlElement, {\n  Segment: SegmentedControlSegment,\n});\n"],"names":["E","z","F","H","O","P","t","C","forwardRef","a","i","o$1","c","d","g","u","useReducedMotion","l","m","r","useContext","S","_","useRef","h","f","G","fr","o","C$1","motion","createContext","j","useState","useId","T","SegmentedControlElement","props","ref","data","trackingId","useTrackingId","jsxRuntimeExports","SegmentedControlSegment","SegmentedControl"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"SegmentedControl.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/SideNav-Bdl0r5mC.js

@@ -0,0 +1,280 @@
+import { j as w } from "./jsx-runtime-B6kdoens.js";
+import { f as p } from "./jsx-runtime-DmTjM30f-Qvbpxce2.js";
+import * as U from "react";
+import { forwardRef as m, useRef as S, useState as G, useId as q, useEffect as I, Children as F, useLayoutEffect as Q, createContext as V, useMemo as M, useContext as X, useCallback as Y } from "react";
+import { G as L } from "./index-B9BgsxnA.js";
+import "./tinycolor-7bVxTrF6.js";
+import { J as Z } from "./useLayoutPropsUtil-CGf5lNlK-BDpNIJtx.js";
+import { o as ee } from "./useMergeRefs-CXJ8qoaV-DoR94mFy.js";
+import { I as te } from "./Icon-BcLI32jH-Dq2p5h4f.js";
+import { useHistory as ae, useLocation as ne, matchPath as re } from "react-router-dom";
+import './SideNav.css';const le = "_sidenav_12xoe_4", ie = "_root_12xoe_5", se = "_group_12xoe_9", oe = "_arrow_12xoe_58", ce = "_disabled_12xoe_88", v = {
+  sidenav: le,
+  root: ie,
+  "sidenav-group": "_sidenav-group_12xoe_6",
+  "sidenav-link": "_sidenav-link_12xoe_7",
+  "sidenav-collapsible": "_sidenav-collapsible_12xoe_8",
+  group: se,
+  "group-label": "_group-label_12xoe_32",
+  arrow: oe,
+  disabled: ce,
+  "not-collapsible": "_not-collapsible_12xoe_110",
+  "has-indicator": "_has-indicator_12xoe_118"
+}, z = (t, e, n) => {
+  const a = Array.prototype.indexOf.call(e, n.current);
+  switch (t.key) {
+    case "ArrowDown":
+      if (!e) return;
+      if (t.preventDefault(), e[a].setAttribute("tabindex", "-1"), a === e.length - 1) {
+        e[0].setAttribute("tabindex", "0"), e[0].focus();
+        break;
+      }
+      e[a + 1].setAttribute("tabindex", "0"), e[a + 1].focus();
+      break;
+    case "ArrowUp":
+      if (t.preventDefault(), !e) return;
+      if (e[a].setAttribute("tabindex", "-1"), a === 0) {
+        e[e.length - 1].setAttribute("tabindex", "0"), e[e.length - 1].focus();
+        break;
+      }
+      e[a - 1].setAttribute("tabindex", "0"), e[a - 1].focus();
+      break;
+  }
+}, C = m(
+  (t, e) => {
+    const {
+      className: n,
+      children: a,
+      href: l,
+      id: o,
+      active: c,
+      onClick: i,
+      onKeyDown: b,
+      onKeyUp: u,
+      style: _,
+      disabled: d,
+      ...f
+    } = t, { links: k } = J(), x = S(null);
+    function h(s) {
+      z(s, k, x), b == null || b(s, o);
+    }
+    function A(s) {
+      d || ((s.code === "Space" || s.code === "Enter") && (s.preventDefault(), i && s.currentTarget.click()), u == null || u(s, o));
+    }
+    function D(s) {
+      var y, g;
+      if (d) return;
+      const j = Array.prototype.slice.call(k).filter((E) => E.tabIndex === 0)[0];
+      j && j.setAttribute("tabindex", "-1"), (y = x.current) == null || y.setAttribute("tabindex", "0"), (g = x.current) == null || g.focus(), i == null || i(s, o);
+    }
+    return /* @__PURE__ */ p.jsx("li", { className: n, "data-anv": "sidenav-link", style: _, ref: e, children: /* @__PURE__ */ p.jsx(
+      "a",
+      {
+        className: v["sidenav-link"],
+        "aria-current": c ? "page" : void 0,
+        href: l,
+        ref: x,
+        onClick: D,
+        onKeyDown: h,
+        onKeyUp: A,
+        id: o,
+        "aria-disabled": d,
+        tabIndex: c ? 0 : -1,
+        ...f,
+        children: a
+      }
+    ) });
+  }
+);
+C.displayName = "SideNavLink";
+const ue = (t) => /* @__PURE__ */ U.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...t }, /* @__PURE__ */ U.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" })), R = m((t, e) => {
+  var n;
+  const {
+    className: a,
+    children: l,
+    label: o,
+    onClick: c,
+    onKeyDown: i,
+    defaultExpanded: b = !1,
+    expanded: u,
+    ..._
+  } = t, [d, f] = G(b), [k, x] = G(!1), h = S(null), A = S(null), D = L(v["sidenav-collapsible"], a), { links: s, reCalculateLinks: y } = J(), g = q(), j = (r) => {
+    u === void 0 && f((N) => r !== void 0 ? r : !N);
+  };
+  I(() => {
+    u !== void 0 && f(u);
+  }, [u]);
+  function E(r) {
+    var N, O;
+    j(), setTimeout(() => y(), 0);
+    const P = Array.prototype.slice.call(s).filter(($) => $.tabIndex === 0)[0];
+    P && P.setAttribute("tabindex", "-1"), (N = h.current) == null || N.setAttribute("tabindex", "0"), (O = h.current) == null || O.focus(), c == null || c(r);
+  }
+  function W(r) {
+    switch (z(r, s, h), r.key) {
+      case "ArrowRight":
+        f(!0), setTimeout(() => y(), 0);
+        break;
+      case "ArrowLeft":
+        f(!1), setTimeout(() => y(), 0);
+        break;
+    }
+    i == null || i(r);
+  }
+  const K = (n = F.map(
+    l,
+    (r) => r.props
+  )) == null ? void 0 : n.some((r) => r.active === !0);
+  return Q(() => {
+    K && (j(!0), setTimeout(() => {
+      var r;
+      const N = (r = A.current) == null ? void 0 : r.querySelector("[active='true']");
+      N == null || N.setAttribute("tabindex", "0"), y();
+    }, 0));
+  }, []), I(() => {
+    if (!K) {
+      x(!1);
+      return;
+    }
+    x(!0);
+  }, [K]), /* @__PURE__ */ p.jsxs(
+    "li",
+    {
+      ref: e,
+      "data-anv": "sidenav-collapsible",
+      ..._,
+      className: D,
+      children: [
+        /* @__PURE__ */ p.jsxs(
+          "button",
+          {
+            "aria-expanded": d,
+            "aria-controls": g,
+            type: "button",
+            tabIndex: -1,
+            onClick: E,
+            ref: h,
+            className: L(v["sidenav-link"], {
+              [v["has-indicator"]]: k && !d
+            }),
+            onKeyDown: W,
+            children: [
+              o,
+              /* @__PURE__ */ p.jsx(te, { className: v.arrow, inherit: !0, svg: ue, "aria-hidden": !0 })
+            ]
+          }
+        ),
+        d ? /* @__PURE__ */ p.jsx("ul", { id: g, ref: A, className: v.group, children: l }) : null
+      ]
+    }
+  );
+});
+R.displayName = "SideNavCollapsible";
+const T = m(
+  (t, e) => {
+    const { children: n, label: a, ...l } = t, o = L(v["sidenav-group"]), c = q();
+    return /* @__PURE__ */ p.jsxs("li", { ref: e, "data-anv": "sidenav-group", ...l, children: [
+      /* @__PURE__ */ p.jsx("label", { id: c, className: v["group-label"], children: a }),
+      /* @__PURE__ */ p.jsx("ul", { "aria-labelledby": c, className: o, children: n })
+    ] });
+  }
+);
+T.displayName = "SideNavGroup";
+const B = V(null), H = m((t, e) => {
+  const { layoutStyles: n, componentProps: a } = Z(t), { className: l, children: o, style: c, ...i } = a, b = S(null), [u, _] = G(), d = {
+    ...c,
+    ...n
+  };
+  function f() {
+    if (b.current) {
+      const h = b.current.querySelectorAll(
+        "li[data-anv='sidenav-link'] a:not([aria-disabled='true']), li[data-anv='sidenav-collapsible'] button[aria-expanded]:not([aria-disabled='true'])"
+      );
+      _(h);
+    }
+  }
+  I(() => {
+    f();
+  }, []);
+  const k = L([v.sidenav], l), x = M(
+    () => ({
+      links: u,
+      reCalculateLinks: f
+    }),
+    [u]
+  );
+  return /* @__PURE__ */ p.jsx(B.Provider, { value: x, children: /* @__PURE__ */ p.jsx(
+    "nav",
+    {
+      ref: ee([b, e]),
+      className: k,
+      style: d,
+      "data-anv": "sidenav",
+      ...i,
+      children: /* @__PURE__ */ p.jsx("ul", { className: v.root, children: o })
+    }
+  ) });
+}), J = () => {
+  const t = X(B);
+  if (t == null)
+    throw new Error("useSideNav must be wrapped in <SideNav />");
+  return t;
+};
+H.displayName = "SideNav";
+const de = Object.assign(H, {
+  Link: C,
+  Collapsible: R,
+  Group: T
+}), pe = m(
+  (t, e) => /* @__PURE__ */ w.jsx(de, { ref: e, ...t })
+), be = m(
+  (t, e) => /* @__PURE__ */ w.jsx(R, { ref: e, ...t })
+), ve = m(
+  (t, e) => /* @__PURE__ */ w.jsx(T, { ref: e, ...t })
+), fe = m(
+  ({
+    href: t,
+    exact: e,
+    pathname: n,
+    search: a,
+    onClick: l,
+    ...o
+  }, c) => {
+    const i = ae(), b = ne(), u = M(
+      () => i.createHref({
+        pathname: n,
+        search: a
+      }),
+      [i, n, a]
+    ), _ = Y(
+      (...d) => (d[0].preventDefault(), i.push(n + (a ?? "")), l == null ? void 0 : l(...d)),
+      [i, n, a, l]
+    );
+    return /* @__PURE__ */ w.jsx(
+      C,
+      {
+        href: n != null ? u : t,
+        active: !!re(b.pathname, {
+          exact: e,
+          path: n
+        }),
+        onClick: n != null ? _ : l,
+        ref: c,
+        ...o
+      }
+    );
+  }
+), xe = m(
+  (t, e) => "pathname" in t ? /* @__PURE__ */ w.jsx(fe, { ref: e, ...t }) : /* @__PURE__ */ w.jsx(C, { ref: e, ...t })
+), Ae = Object.assign(pe, {
+  Link: xe,
+  Collapsible: be,
+  Group: ve
+});
+export {
+  Ae as S,
+  be as a,
+  ve as b,
+  xe as c
+};
+//# sourceMappingURL=SideNav-Bdl0r5mC.js.map