@layerfi/components 0.1.65 → 0.1.67

package/dist/index.js

@@ -348,6 +348,9 @@ var getProfitAndLossCsv = get(
     moneyFormat
   }) => `/v1/businesses/${businessId}/reports/profit-and-loss/exports/csv?${startDate ? `start_date=${encodeURIComponent(startDate)}` : ""}${endDate ? `&end_date=${encodeURIComponent(endDate)}` : ""}${month ? `&month=${month}` : ""}${year ? `&year=${year}` : ""}${reportingBasis ? `&reporting_basis=${reportingBasis}` : ""}${tagKey ? `&tag_key=${tagKey}` : ""}${tagValues ? `&tag_values=${tagValues}` : ""}${moneyFormat ? `&money_format=${moneyFormat}` : ""}`
 );
+var profitAndLossComparisonCsv = post(
+  ({ businessId, moneyFormat }) => `/v1/businesses/${businessId}/reports/profit-and-loss/exports/comparison-csv?money_format=${moneyFormat ? moneyFormat : "DOLLAR_STRING"}`
+);
 
 // src/api/layer/quickbooks.ts
 var syncFromQuickbooks = post(({ businessId }) => `/v1/businesses/${businessId}/quickbooks/sync-from`);
@@ -404,6 +407,7 @@ var Layer = {
   getLinkedAccounts,
   getJournal,
   compareProfitAndLoss,
+  profitAndLossComparisonCsv,
   createJournalEntries,
   getPlaidLinkToken,
   getPlaidUpdateModeLinkToken,
@@ -2477,7 +2481,7 @@ var ChevronRight = ({ ...props }) => /* @__PURE__ */ React16.createElement(
 var ChevronRight_default = ChevronRight;
 
 // src/components/Button/Button.tsx
-var import_react20 = __toESM(require("react"));
+var import_react24 = __toESM(require("react"));
 
 // src/icons/Loader.tsx
 var React17 = __toESM(require("react"));
@@ -2566,6 +2570,134 @@ var Loader = ({ size = 18, ...props }) => /* @__PURE__ */ React17.createElement(
 );
 var Loader_default = Loader;
 
+// src/components/Tooltip/Tooltip.tsx
+var import_react22 = __toESM(require("react"));
+
+// src/components/Tooltip/useTooltip.ts
+var import_react20 = __toESM(require("react"));
+var import_react21 = require("@floating-ui/react");
+var TooltipContext = import_react20.default.createContext(null);
+var useTooltipContext = () => {
+  const context = import_react20.default.useContext(TooltipContext);
+  if (context == null) {
+    throw new Error("Tooltip components must be wrapped in <Tooltip />");
+  }
+  return context;
+};
+var useTooltip = ({
+  initialOpen = false,
+  placement = "top",
+  open: controlledOpen,
+  onOpenChange: setControlledOpen,
+  disabled,
+  offset: offsetProp = 5,
+  shift: shiftProp = { padding: 5 }
+} = {}) => {
+  const [uncontrolledOpen, setUncontrolledOpen] = (0, import_react20.useState)(initialOpen);
+  const open = controlledOpen ?? uncontrolledOpen;
+  const setOpen = setControlledOpen ?? setUncontrolledOpen;
+  const data = (0, import_react21.useFloating)({
+    placement,
+    open: disabled ? false : open,
+    onOpenChange: setOpen,
+    whileElementsMounted: import_react21.autoUpdate,
+    middleware: [
+      (0, import_react21.offset)(offsetProp),
+      (0, import_react21.flip)({
+        crossAxis: placement.includes("-"),
+        fallbackAxisSideDirection: "start",
+        padding: shiftProp?.padding ?? 5
+      }),
+      (0, import_react21.shift)(shiftProp)
+    ]
+  });
+  const context = data.context;
+  const hover = (0, import_react21.useHover)(context, {
+    move: false,
+    enabled: controlledOpen == null
+  });
+  const focus = (0, import_react21.useFocus)(context, {
+    enabled: controlledOpen == null
+  });
+  const dismiss = (0, import_react21.useDismiss)(context);
+  const role = (0, import_react21.useRole)(context, { role: "tooltip" });
+  const interactions = (0, import_react21.useInteractions)([hover, focus, dismiss, role]);
+  const { isMounted, styles } = (0, import_react21.useTransitionStyles)(context, {
+    initial: {
+      opacity: 0,
+      transform: "scale(0.7)",
+      color: "transparent"
+    },
+    duration: 300
+  });
+  return import_react20.default.useMemo(
+    () => ({
+      open,
+      setOpen,
+      isMounted,
+      styles,
+      disabled,
+      ...interactions,
+      ...data
+    }),
+    [open, setOpen, interactions, data, styles, disabled]
+  );
+};
+
+// src/components/Tooltip/Tooltip.tsx
+var import_react23 = require("@floating-ui/react");
+var Tooltip = ({
+  children,
+  ...options
+}) => {
+  const tooltip = useTooltip(options);
+  return /* @__PURE__ */ import_react22.default.createElement(TooltipContext.Provider, { value: tooltip }, children);
+};
+var TooltipTrigger = (0, import_react22.forwardRef)(function TooltipTrigger2({ children, asChild = false, ...props }, propRef) {
+  const context = useTooltipContext();
+  const childrenRef = children.ref;
+  const ref = (0, import_react23.useMergeRefs)([context.refs.setReference, propRef, childrenRef]);
+  if (asChild && (0, import_react22.isValidElement)(children)) {
+    return (0, import_react22.cloneElement)(
+      children,
+      context.getReferenceProps({
+        ref,
+        ...props,
+        ...children.props,
+        "data-state": context.open ? "open" : "closed"
+      })
+    );
+  }
+  return /* @__PURE__ */ import_react22.default.createElement(
+    "span",
+    {
+      ref,
+      "data-state": context.open ? "open" : "closed",
+      className: `Layer__tooltip-trigger Layer__tooltip-trigger--${context.open ? "open" : "closed"}`,
+      ...context.getReferenceProps(props)
+    },
+    children
+  );
+});
+var TooltipContent = (0, import_react22.forwardRef)(function TooltipContent2({ style, className, ...props }, propRef) {
+  const context = useTooltipContext();
+  const ref = (0, import_react23.useMergeRefs)([context.refs.setFloating, propRef]);
+  if (!context.open || context.disabled)
+    return null;
+  return /* @__PURE__ */ import_react22.default.createElement(import_react23.FloatingPortal, null, /* @__PURE__ */ import_react22.default.createElement(
+    "div",
+    {
+      ref,
+      className,
+      style: {
+        ...context.floatingStyles
+      },
+      ...context.getFloatingProps(props)
+    },
+    /* @__PURE__ */ import_react22.default.createElement("div", { className: "Layer__tooltip-content", style: { ...context.styles } }, props.children)
+  ));
+});
+
 // src/components/Button/Button.tsx
 var import_classnames4 = __toESM(require("classnames"));
 var Button = ({
@@ -2579,9 +2711,10 @@ var Button = ({
   justify = "center",
   fullWidth,
   isProcessing,
+  tooltip,
   ...props
 }) => {
-  const buttonRef = (0, import_react20.useRef)(null);
+  const buttonRef = (0, import_react24.useRef)(null);
   let justifyContent = "center";
   if (justify) {
     justifyContent = justify;
@@ -2598,6 +2731,7 @@ var Button = ({
     iconOnly ? "Layer__btn--icon-only" : "",
     iconAsPrimary && "Layer__btn--with-primary-icon",
     fullWidth && "Layer__btn--full-width",
+    tooltip && "Layer__btn--with-tooltip",
     className
   );
   const startAnimation = () => buttonRef.current && [...buttonRef.current.getElementsByClassName("animateOnHover")].forEach(
@@ -2606,7 +2740,26 @@ var Button = ({
   const stopAnimation = () => buttonRef.current && [...buttonRef.current.getElementsByClassName("animateOnHover")].forEach(
     (el) => el.endElement()
   );
-  return /* @__PURE__ */ import_react20.default.createElement(
+  const content = /* @__PURE__ */ import_react24.default.createElement("span", { className: `Layer__btn-content Layer__justify--${justifyContent}` }, leftIcon && /* @__PURE__ */ import_react24.default.createElement(
+    "span",
+    {
+      className: (0, import_classnames4.default)(
+        "Layer__btn-icon Layer__btn-icon--left",
+        iconAsPrimary && "Layer__btn-icon--primary"
+      )
+    },
+    isProcessing ? /* @__PURE__ */ import_react24.default.createElement(Loader_default, { size: 12, className: "Layer__anim--rotating" }) : leftIcon
+  ), !iconOnly && /* @__PURE__ */ import_react24.default.createElement("span", { className: "Layer__btn-text" }, children), rightIcon && /* @__PURE__ */ import_react24.default.createElement(
+    "span",
+    {
+      className: (0, import_classnames4.default)(
+        "Layer__btn-icon Layer__btn-icon--right",
+        iconAsPrimary && "Layer__btn-icon--primary"
+      )
+    },
+    isProcessing ? /* @__PURE__ */ import_react24.default.createElement(Loader_default, { size: 12, className: "Layer__anim--rotating" }) : rightIcon
+  ));
+  return /* @__PURE__ */ import_react24.default.createElement(
     "button",
     {
       ...props,
@@ -2615,30 +2768,12 @@ var Button = ({
       onMouseLeave: stopAnimation,
       ref: buttonRef
     },
-    /* @__PURE__ */ import_react20.default.createElement("span", { className: `Layer__btn-content Layer__justify--${justifyContent}` }, leftIcon && /* @__PURE__ */ import_react20.default.createElement(
-      "span",
-      {
-        className: (0, import_classnames4.default)(
-          "Layer__btn-icon Layer__btn-icon--left",
-          iconAsPrimary && "Layer__btn-icon--primary"
-        )
-      },
-      isProcessing ? /* @__PURE__ */ import_react20.default.createElement(Loader_default, { size: 12, className: "Layer__anim--rotating" }) : leftIcon
-    ), !iconOnly && /* @__PURE__ */ import_react20.default.createElement("span", { className: "Layer__btn-text" }, children), rightIcon && /* @__PURE__ */ import_react20.default.createElement(
-      "span",
-      {
-        className: (0, import_classnames4.default)(
-          "Layer__btn-icon Layer__btn-icon--right",
-          iconAsPrimary && "Layer__btn-icon--primary"
-        )
-      },
-      isProcessing ? /* @__PURE__ */ import_react20.default.createElement(Loader_default, { size: 12, className: "Layer__anim--rotating" }) : rightIcon
-    ))
+    tooltip ? /* @__PURE__ */ import_react24.default.createElement(Tooltip, { offset: 12 }, /* @__PURE__ */ import_react24.default.createElement(TooltipTrigger, null, content), tooltip && /* @__PURE__ */ import_react24.default.createElement(TooltipContent, { className: "Layer__tooltip" }, tooltip)) : content
   );
 };
 
 // src/components/Button/IconButton.tsx
-var import_react21 = __toESM(require("react"));
+var import_react25 = __toESM(require("react"));
 var import_classnames5 = __toESM(require("classnames"));
 var IconButton = ({
   className,
@@ -2654,15 +2789,15 @@ var IconButton = ({
     withBorder && "Layer__icon-btn--border",
     className
   );
-  return /* @__PURE__ */ import_react21.default.createElement("button", { ...props, className: baseClassName }, icon);
+  return /* @__PURE__ */ import_react25.default.createElement("button", { ...props, className: baseClassName }, icon);
 };
 
 // src/components/Button/RetryButton.tsx
-var import_react22 = __toESM(require("react"));
+var import_react26 = __toESM(require("react"));
 
 // src/icons/RefreshCcw.tsx
-var React20 = __toESM(require("react"));
-var RefreshCcw = ({ size = 18, ...props }) => /* @__PURE__ */ React20.createElement(
+var React22 = __toESM(require("react"));
+var RefreshCcw = ({ size = 18, ...props }) => /* @__PURE__ */ React22.createElement(
   "svg",
   {
     viewBox: "0 0 18 18",
@@ -2672,7 +2807,7 @@ var RefreshCcw = ({ size = 18, ...props }) => /* @__PURE__ */ React20.createElem
     width: size,
     height: size
   },
-  /* @__PURE__ */ React20.createElement(
+  /* @__PURE__ */ React22.createElement(
     "path",
     {
       d: "M0.75 3V7.5H5.25",
@@ -2681,7 +2816,7 @@ var RefreshCcw = ({ size = 18, ...props }) => /* @__PURE__ */ React20.createElem
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React20.createElement(
+  /* @__PURE__ */ React22.createElement(
     "path",
     {
       d: "M17.25 15V10.5H12.75",
@@ -2690,7 +2825,7 @@ var RefreshCcw = ({ size = 18, ...props }) => /* @__PURE__ */ React20.createElem
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React20.createElement(
+  /* @__PURE__ */ React22.createElement(
     "path",
     {
       d: "M15.3675 6.75C14.9871 5.67508 14.3407 4.71405 13.4884 3.95656C12.6361 3.19907 11.6059 2.66982 10.4938 2.41819C9.38167 2.16656 8.22393 2.20075 7.12861 2.51758C6.03328 2.8344 5.03606 3.42353 4.23 4.23L0.75 7.5M17.25 10.5L13.77 13.77C12.9639 14.5765 11.9667 15.1656 10.8714 15.4824C9.77607 15.7992 8.61833 15.8334 7.50621 15.5818C6.3941 15.3302 5.36385 14.8009 4.5116 14.0434C3.65935 13.2859 3.01288 12.3249 2.6325 11.25",
@@ -2717,14 +2852,14 @@ var RetryButton = ({
     processing ? "Layer__btn--processing" : "",
     className
   );
-  return /* @__PURE__ */ import_react22.default.createElement(
+  return /* @__PURE__ */ import_react26.default.createElement(
     Button,
     {
       ...props,
       className: baseClassName,
       variant: "secondary" /* secondary */,
       disabled: processing || disabled,
-      rightIcon: /* @__PURE__ */ import_react22.default.createElement(RefreshCcw_default, { size: 12 }),
+      rightIcon: /* @__PURE__ */ import_react26.default.createElement(RefreshCcw_default, { size: 12 }),
       justify: "center"
     },
     children
@@ -2735,8 +2870,8 @@ var RetryButton = ({
 var import_react27 = __toESM(require("react"));
 
 // src/icons/AlertCircle.tsx
-var React22 = __toESM(require("react"));
-var AlertCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React22.createElement(
+var React24 = __toESM(require("react"));
+var AlertCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React24.createElement(
   "svg",
   {
     viewBox: "0 0 18 18",
@@ -2746,7 +2881,7 @@ var AlertCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React22.createEle
     width: size,
     height: size
   },
-  /* @__PURE__ */ React22.createElement(
+  /* @__PURE__ */ React24.createElement(
     "path",
     {
       d: "M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z",
@@ -2755,7 +2890,7 @@ var AlertCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React22.createEle
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React22.createElement(
+  /* @__PURE__ */ React24.createElement(
     "path",
     {
       d: "M9 6V9",
@@ -2764,7 +2899,7 @@ var AlertCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React22.createEle
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React22.createElement(
+  /* @__PURE__ */ React24.createElement(
     "path",
     {
       d: "M9 12H9.0075",
@@ -2777,8 +2912,8 @@ var AlertCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React22.createEle
 var AlertCircle_default = AlertCircle;
 
 // src/icons/CheckCircle.tsx
-var React23 = __toESM(require("react"));
-var CheckCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React23.createElement(
+var React25 = __toESM(require("react"));
+var CheckCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React25.createElement(
   "svg",
   {
     viewBox: "0 0 18 18",
@@ -2788,7 +2923,7 @@ var CheckCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React23.createEle
     width: size,
     height: size
   },
-  /* @__PURE__ */ React23.createElement(
+  /* @__PURE__ */ React25.createElement(
     "path",
     {
       d: "M16.5 8.30999V8.99999C16.4991 10.6173 15.9754 12.191 15.007 13.4864C14.0386 14.7817 12.6775 15.7293 11.1265 16.1879C9.57557 16.6465 7.91794 16.5914 6.40085 16.0309C4.88375 15.4704 3.58848 14.4346 2.70821 13.0778C1.82794 11.721 1.40984 10.116 1.51625 8.50223C1.62266 6.88841 2.2479 5.35223 3.2987 4.12279C4.34951 2.89335 5.76958 2.03653 7.34713 1.6801C8.92469 1.32367 10.5752 1.48674 12.0525 2.14499",
@@ -2797,7 +2932,7 @@ var CheckCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React23.createEle
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React23.createElement(
+  /* @__PURE__ */ React25.createElement(
     "path",
     {
       d: "M16.5 3L9 10.5075L6.75 8.2575",
@@ -2810,8 +2945,8 @@ var CheckCircle = ({ size = 18, ...props }) => /* @__PURE__ */ React23.createEle
 var CheckCircle_default = CheckCircle;
 
 // src/icons/Save.tsx
-var React24 = __toESM(require("react"));
-var Save = ({ size = 18, ...props }) => /* @__PURE__ */ React24.createElement(
+var React26 = __toESM(require("react"));
+var Save = ({ size = 18, ...props }) => /* @__PURE__ */ React26.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2821,7 +2956,7 @@ var Save = ({ size = 18, ...props }) => /* @__PURE__ */ React24.createElement(
     width: size,
     height: size
   },
-  /* @__PURE__ */ React24.createElement(
+  /* @__PURE__ */ React26.createElement(
     "path",
     {
       d: "M14.25 15.75H3.75C3.35218 15.75 2.97064 15.592 2.68934 15.3107C2.40804 15.0294 2.25 14.6478 2.25 14.25V3.75C2.25 3.35218 2.40804 2.97064 2.68934 2.68934C2.97064 2.40804 3.35218 2.25 3.75 2.25H12L15.75 6V14.25C15.75 14.6478 15.592 15.0294 15.3107 15.3107C15.0294 15.592 14.6478 15.75 14.25 15.75Z",
@@ -2830,7 +2965,7 @@ var Save = ({ size = 18, ...props }) => /* @__PURE__ */ React24.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React24.createElement(
+  /* @__PURE__ */ React26.createElement(
     "path",
     {
       d: "M12.75 15.75V9.75H5.25V15.75",
@@ -2839,7 +2974,7 @@ var Save = ({ size = 18, ...props }) => /* @__PURE__ */ React24.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React24.createElement(
+  /* @__PURE__ */ React26.createElement(
     "path",
     {
       d: "M5.25 2.25V6H11.25",
@@ -2851,134 +2986,6 @@ var Save = ({ size = 18, ...props }) => /* @__PURE__ */ React24.createElement(
 );
 var Save_default = Save;
 
-// src/components/Tooltip/Tooltip.tsx
-var import_react25 = __toESM(require("react"));
-
-// src/components/Tooltip/useTooltip.ts
-var import_react23 = __toESM(require("react"));
-var import_react24 = require("@floating-ui/react");
-var TooltipContext = import_react23.default.createContext(null);
-var useTooltipContext = () => {
-  const context = import_react23.default.useContext(TooltipContext);
-  if (context == null) {
-    throw new Error("Tooltip components must be wrapped in <Tooltip />");
-  }
-  return context;
-};
-var useTooltip = ({
-  initialOpen = false,
-  placement = "top",
-  open: controlledOpen,
-  onOpenChange: setControlledOpen,
-  disabled,
-  offset: offsetProp = 5,
-  shift: shiftProp = { padding: 5 }
-} = {}) => {
-  const [uncontrolledOpen, setUncontrolledOpen] = (0, import_react23.useState)(initialOpen);
-  const open = controlledOpen ?? uncontrolledOpen;
-  const setOpen = setControlledOpen ?? setUncontrolledOpen;
-  const data = (0, import_react24.useFloating)({
-    placement,
-    open: disabled ? false : open,
-    onOpenChange: setOpen,
-    whileElementsMounted: import_react24.autoUpdate,
-    middleware: [
-      (0, import_react24.offset)(offsetProp),
-      (0, import_react24.flip)({
-        crossAxis: placement.includes("-"),
-        fallbackAxisSideDirection: "start",
-        padding: shiftProp?.padding ?? 5
-      }),
-      (0, import_react24.shift)(shiftProp)
-    ]
-  });
-  const context = data.context;
-  const hover = (0, import_react24.useHover)(context, {
-    move: false,
-    enabled: controlledOpen == null
-  });
-  const focus = (0, import_react24.useFocus)(context, {
-    enabled: controlledOpen == null
-  });
-  const dismiss = (0, import_react24.useDismiss)(context);
-  const role = (0, import_react24.useRole)(context, { role: "tooltip" });
-  const interactions = (0, import_react24.useInteractions)([hover, focus, dismiss, role]);
-  const { isMounted, styles } = (0, import_react24.useTransitionStyles)(context, {
-    initial: {
-      opacity: 0,
-      transform: "scale(0.7)",
-      color: "transparent"
-    },
-    duration: 300
-  });
-  return import_react23.default.useMemo(
-    () => ({
-      open,
-      setOpen,
-      isMounted,
-      styles,
-      disabled,
-      ...interactions,
-      ...data
-    }),
-    [open, setOpen, interactions, data, styles, disabled]
-  );
-};
-
-// src/components/Tooltip/Tooltip.tsx
-var import_react26 = require("@floating-ui/react");
-var Tooltip = ({
-  children,
-  ...options
-}) => {
-  const tooltip = useTooltip(options);
-  return /* @__PURE__ */ import_react25.default.createElement(TooltipContext.Provider, { value: tooltip }, children);
-};
-var TooltipTrigger = (0, import_react25.forwardRef)(function TooltipTrigger2({ children, asChild = false, ...props }, propRef) {
-  const context = useTooltipContext();
-  const childrenRef = children.ref;
-  const ref = (0, import_react26.useMergeRefs)([context.refs.setReference, propRef, childrenRef]);
-  if (asChild && (0, import_react25.isValidElement)(children)) {
-    return (0, import_react25.cloneElement)(
-      children,
-      context.getReferenceProps({
-        ref,
-        ...props,
-        ...children.props,
-        "data-state": context.open ? "open" : "closed"
-      })
-    );
-  }
-  return /* @__PURE__ */ import_react25.default.createElement(
-    "span",
-    {
-      ref,
-      "data-state": context.open ? "open" : "closed",
-      className: `Layer__tooltip-trigger Layer__tooltip-trigger--${context.open ? "open" : "closed"}`,
-      ...context.getReferenceProps(props)
-    },
-    children
-  );
-});
-var TooltipContent = (0, import_react25.forwardRef)(function TooltipContent2({ style, className, ...props }, propRef) {
-  const context = useTooltipContext();
-  const ref = (0, import_react26.useMergeRefs)([context.refs.setFloating, propRef]);
-  if (!context.open || context.disabled)
-    return null;
-  return /* @__PURE__ */ import_react25.default.createElement(import_react26.FloatingPortal, null, /* @__PURE__ */ import_react25.default.createElement(
-    "div",
-    {
-      ref,
-      className,
-      style: {
-        ...context.floatingStyles
-      },
-      ...context.getFloatingProps(props)
-    },
-    /* @__PURE__ */ import_react25.default.createElement("div", { className: "Layer__tooltip-content", style: { ...context.styles } }, props.children)
-  ));
-});
-
 // src/components/Button/SubmitButton.tsx
 var import_classnames7 = __toESM(require("classnames"));
 var buildRightIcon = ({
@@ -3274,6 +3281,7 @@ var DownloadButton = ({
   onClick,
   isDownloading,
   requestFailed,
+  tooltip,
   text = "Download",
   retryText = "Retry",
   errorText = "Download failed. Check connection and retry in few seconds."
@@ -3300,7 +3308,8 @@ var DownloadButton = ({
       disabled: isDownloading,
       iconAsPrimary: iconOnly,
       iconOnly,
-      isProcessing: isDownloading
+      isProcessing: isDownloading,
+      tooltip
     },
     text
   );
@@ -5026,7 +5035,8 @@ var getAssignedValue = (bankTransaction) => {
 // src/components/BankTransactionMobileList/BusinessCategories.tsx
 var BusinessCategories = ({
   select,
-  selectedId
+  selectedId,
+  showTooltips
 }) => {
   const { categories } = useLayerContext();
   const categoryOptions = flattenCategories(
@@ -5054,7 +5064,8 @@ var BusinessCategories = ({
     {
       options: optionsToShow,
       onClick: onCategorySelect,
-      selectedId
+      selectedId,
+      showDescriptions: showTooltips
     }
   ));
 };
@@ -5063,7 +5074,8 @@ var BusinessCategories = ({
 var import_classnames24 = __toESM(require("classnames"));
 var CategorySelectDrawer = ({
   onSelect,
-  selected
+  selected,
+  showTooltips
 }) => {
   const { setContent, close } = (0, import_react57.useContext)(DrawerContext);
   const onDrawerCategorySelect = (value) => {
@@ -5083,7 +5095,8 @@ var CategorySelectDrawer = ({
           CategorySelectDrawerContent,
           {
             selected,
-            onSelect: onDrawerCategorySelect
+            onSelect: onDrawerCategorySelect,
+            showTooltips: true
           }
         )
       )
@@ -5100,7 +5113,8 @@ var CategorySelectDrawer = ({
 };
 var CategorySelectDrawerContent = ({
   onSelect,
-  selected
+  selected,
+  showTooltips
 }) => /* @__PURE__ */ import_react57.default.createElement(
   BusinessCategories,
   {
@@ -5112,7 +5126,8 @@ var CategorySelectDrawerContent = ({
         }
       });
     },
-    selectedId: selected?.payload?.id
+    selectedId: selected?.payload?.id,
+    showTooltips
   }
 );
 
@@ -5285,7 +5300,14 @@ var CategorySelect = ({
   const selected = value ? value : !excludeMatches && matchOptions?.length === 1 && matchOptions[0].options.length === 1 ? matchOptions[0].options[0] : void 0;
   const placeholder = matchOptions?.length === 1 && matchOptions[0].options.length > 1 ? `${matchOptions[0].options.length} possible matches...` : "Categorize or match...";
   if (asDrawer) {
-    return /* @__PURE__ */ import_react58.default.createElement(CategorySelectDrawer, { onSelect: onChange, selected: value });
+    return /* @__PURE__ */ import_react58.default.createElement(
+      CategorySelectDrawer,
+      {
+        onSelect: onChange,
+        selected: value,
+        showTooltips
+      }
+    );
   }
   return /* @__PURE__ */ import_react58.default.createElement(
     import_react_select.default,
@@ -7207,7 +7229,8 @@ var BusinessForm = ({
         BusinessCategories,
         {
           selectedId: selectedCategory?.id,
-          select: onDrawerCategorySelect
+          select: onDrawerCategorySelect,
+          showTooltips
         }
       )
     );
@@ -9212,6 +9235,9 @@ var PNLComparisonContext = (0, import_react102.createContext)({
   },
   refetch: function() {
     throw new Error("Function not implemented.");
+  },
+  getProfitAndLossComparisonCsv: function() {
+    throw new Error("Function not implemented.");
   }
 });
 
@@ -9784,6 +9810,21 @@ var useProfitAndLossComparison = ({
       reportingBasis
     ]
   );
+  const getProfitAndLossComparisonCsv = (dateRange, moneyFormat) => {
+    const periods = preparePeriodsBody(dateRange, compareMonths);
+    const tagFilters = prepareFiltersBody(compareOptions);
+    return Layer.profitAndLossComparisonCsv(apiUrl, auth.access_token, {
+      params: {
+        businessId,
+        moneyFormat
+      },
+      body: {
+        periods,
+        tag_filters: tagFilters,
+        reporting_basis: reportingBasis
+      }
+    });
+  };
   return {
     data: data?.pnls,
     isLoading,
@@ -9795,7 +9836,8 @@ var useProfitAndLossComparison = ({
     setCompareMonths,
     compareOptions,
     setCompareOptions,
-    refetch
+    refetch,
+    getProfitAndLossComparisonCsv
   };
 };
 
@@ -11558,10 +11600,14 @@ var ProfitAndLossDetailedCharts = ({
 var import_react117 = __toESM(require("react"));
 var ProfitAndLossDownloadButton = ({
   stringOverrides,
+  useComparisonPnl = false,
   moneyFormat,
   view
 }) => {
   const { dateRange } = (0, import_react117.useContext)(ProfitAndLoss.Context);
+  const { getProfitAndLossComparisonCsv } = (0, import_react117.useContext)(
+    ProfitAndLoss.ComparisonContext
+  );
   const { auth, businessId, apiUrl } = useLayerContext();
   const [requestFailed, setRequestFailed] = (0, import_react117.useState)(false);
   const [isDownloading, setIsDownloading] = (0, import_react117.useState)(false);
@@ -11582,7 +11628,7 @@ var ProfitAndLossDownloadButton = ({
       }
     );
     try {
-      const result = await getProfitAndLossCsv2();
+      const result = useComparisonPnl ? await getProfitAndLossComparisonCsv(dateRange, moneyFormat) : await getProfitAndLossCsv2();
       if (result?.data?.presignedUrl) {
         window.location.href = result.data.presignedUrl;
         setRequestFailed(false);
@@ -11792,6 +11838,7 @@ var ProfitAndLossReport = ({
         ProfitAndLoss.DownloadButton,
         {
           stringOverrides: stringOverrides?.downloadButton,
+          useComparisonPnl: !!comparisonConfig,
           moneyFormat: csvMoneyFormat,
           view
         }
@@ -14195,8 +14242,6 @@ var ChartOfAccountsTableContent = ({
   const renderChartOfAccountsDesktopRow = (account, index, rowKey, depth) => {
     const expandable = !!account.sub_accounts && account.sub_accounts.length > 0;
     const expanded = expandable ? isOpen(rowKey) : true;
-    const editButton = /* @__PURE__ */ import_react159.default.createElement(Edit2_default, { size: 12 });
-    const disabledEditButtonWithTooltip = /* @__PURE__ */ import_react159.default.createElement(Tooltip, { offset: 12 }, /* @__PURE__ */ import_react159.default.createElement(TooltipTrigger, null, /* @__PURE__ */ import_react159.default.createElement(Edit2_default, { size: 12 })), /* @__PURE__ */ import_react159.default.createElement(TooltipContent, { className: "Layer__tooltip" }, "System accounts cannot be modified"));
     return /* @__PURE__ */ import_react159.default.createElement(import_react159.default.Fragment, { key: rowKey + "-" + index }, /* @__PURE__ */ import_react159.default.createElement(
       TableRow,
       {
@@ -14227,14 +14272,15 @@ var ChartOfAccountsTableContent = ({
         Button,
         {
           variant: "secondary" /* secondary */,
-          rightIcon: !templateAccountsEditable && account.stable_name ? disabledEditButtonWithTooltip : editButton,
+          rightIcon: /* @__PURE__ */ import_react159.default.createElement(Edit2_default, { size: 12 }),
           iconOnly: true,
           disabled: !templateAccountsEditable && !!account.stable_name,
           onClick: (e) => {
             e.preventDefault();
             e.stopPropagation();
             editAccount(account.id);
-          }
+          },
+          tooltip: !templateAccountsEditable && account.stable_name ? "System accounts cannot be modified" : void 0
         },
         "Edit"
       )))