@petal-nexus/toolkit 0.1.0 → 0.1.1

package/dist/petal-toolkit.cjs9.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react/jsx-runtime"),y=require("react"),B=require("./petal-toolkit.cjs59.js"),E=require("./petal-toolkit.cjs1321.js"),p=require("./petal-toolkit.cjs55.js"),C=require("./petal-toolkit.cjs1333.js"),g=require("./petal-toolkit.cjs1322.js"),d=require("./petal-toolkit.cjs58.js");function j(x){switch(x){case"light":return{capexColor:"#3b82f6",depreciationColor:"#f97316",netColor:"#16a34a"};case"navy":return{capexColor:"#60a5fa",depreciationColor:"#fb923c",netColor:"#10b981"};case"dark":default:return{capexColor:"#3B82F6",depreciationColor:"#FFA502",netColor:"#00FFB3"}}}const I=y.memo(function({data:t,width:q="100%",height:D=400,className:v,themePreset:m="dark",theme:V,showLegend:f=!0,showNetInvestment:h=!0,onChartReady:i}){const{containerId:s,containerRef:F,surfaceRef:c,sciChartTheme:b,baseColors:o,containerStyle:k}=E.useFinancialChartSetup({chartName:"capex-depreciation",width:q,height:D,themePreset:m,customTheme:V}),n=j(m);return y.useEffect(()=>{if(!F.current||t.length===0)return;let S=!1;return(async()=>{try{const l=t.map(e=>e.period),u=t.map((e,A)=>A),{sciChartSurface:r,wasmContext:a}=await B.scichartExports.SciChartSurface.create(s,{theme:b});if(S){r.delete();return}c.current=r,r.xAxes.add(p.createCategoryXAxis(a,{labelColor:o.axisLabelColor,labels:l})),r.yAxes.add(p.createNumericYAxis(a,{labelColor:o.axisLabelColor,gridColor:o.gridColor,labelFormatter:p.labelFormatters.currency})),r.renderableSeries.add(C.createBarSeries(a,{xValues:u.map(e=>e-.15),yValues:t.map(e=>e.capex),name:"CapEx",color:n.capexColor,dataPointWidth:.3})),r.renderableSeries.add(C.createBarSeries(a,{xValues:u.map(e=>e+.15),yValues:t.map(e=>e.depreciation),name:"Depreciation",color:n.depreciationColor,dataPointWidth:.3})),h&&r.renderableSeries.add(C.createLineSeries(a,{xValues:u,yValues:t.map(e=>e.netInvestment??e.capex-e.depreciation),name:"Net Investment",color:n.netColor,strokeThickness:2,pointMarker:{size:6}})),g.addStandardModifiers(r,{crosshairColor:o.crosshairColor,valueFormatters:{CapEx:d.tooltipFormatters.currency,Depreciation:d.tooltipFormatters.currency,"Net Investment":d.tooltipFormatters.currency}}),f&&g.addLegendModifier(r),i==null||i(r)}catch(l){console.error("Failed to initialize CapexDepreciationChart:",l)}})(),()=>{S=!0,c.current&&(c.current.delete(),c.current=null)}},[t,s,b,o,n,f,h,i]),M.jsx("div",{ref:F,id:s,className:v,style:k})});exports.CapexDepreciationChart=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react/jsx-runtime"),y=require("react"),B=require("./petal-toolkit.cjs59.js"),E=require("./petal-toolkit.cjs1329.js"),p=require("./petal-toolkit.cjs55.js"),C=require("./petal-toolkit.cjs1330.js"),g=require("./petal-toolkit.cjs1331.js"),d=require("./petal-toolkit.cjs58.js");function j(x){switch(x){case"light":return{capexColor:"#3b82f6",depreciationColor:"#f97316",netColor:"#16a34a"};case"navy":return{capexColor:"#60a5fa",depreciationColor:"#fb923c",netColor:"#10b981"};case"dark":default:return{capexColor:"#3B82F6",depreciationColor:"#FFA502",netColor:"#00FFB3"}}}const I=y.memo(function({data:t,width:q="100%",height:D=400,className:v,themePreset:m="dark",theme:V,showLegend:f=!0,showNetInvestment:h=!0,onChartReady:i}){const{containerId:s,containerRef:F,surfaceRef:c,sciChartTheme:b,baseColors:o,containerStyle:k}=E.useFinancialChartSetup({chartName:"capex-depreciation",width:q,height:D,themePreset:m,customTheme:V}),n=j(m);return y.useEffect(()=>{if(!F.current||t.length===0)return;let S=!1;return(async()=>{try{const l=t.map(e=>e.period),u=t.map((e,A)=>A),{sciChartSurface:r,wasmContext:a}=await B.scichartExports.SciChartSurface.create(s,{theme:b});if(S){r.delete();return}c.current=r,r.xAxes.add(p.createCategoryXAxis(a,{labelColor:o.axisLabelColor,labels:l})),r.yAxes.add(p.createNumericYAxis(a,{labelColor:o.axisLabelColor,gridColor:o.gridColor,labelFormatter:p.labelFormatters.currency})),r.renderableSeries.add(C.createBarSeries(a,{xValues:u.map(e=>e-.15),yValues:t.map(e=>e.capex),name:"CapEx",color:n.capexColor,dataPointWidth:.3})),r.renderableSeries.add(C.createBarSeries(a,{xValues:u.map(e=>e+.15),yValues:t.map(e=>e.depreciation),name:"Depreciation",color:n.depreciationColor,dataPointWidth:.3})),h&&r.renderableSeries.add(C.createLineSeries(a,{xValues:u,yValues:t.map(e=>e.netInvestment??e.capex-e.depreciation),name:"Net Investment",color:n.netColor,strokeThickness:2,pointMarker:{size:6}})),g.addStandardModifiers(r,{crosshairColor:o.crosshairColor,valueFormatters:{CapEx:d.tooltipFormatters.currency,Depreciation:d.tooltipFormatters.currency,"Net Investment":d.tooltipFormatters.currency}}),f&&g.addLegendModifier(r),i==null||i(r)}catch(l){console.error("Failed to initialize CapexDepreciationChart:",l)}})(),()=>{S=!0,c.current&&(c.current.delete(),c.current=null)}},[t,s,b,o,n,f,h,i]),M.jsx("div",{ref:F,id:s,className:v,style:k})});exports.CapexDepreciationChart=I;
 //# sourceMappingURL=petal-toolkit.cjs9.js.map

package/dist/petal-toolkit.es10.js

@@ -1,10 +1,10 @@
 import { jsx as q } from "react/jsx-runtime";
 import { memo as D, useEffect as V } from "react";
 import { s as B } from "./petal-toolkit.es59.js";
-import { useFinancialChartSetup as E } from "./petal-toolkit.es1321.js";
+import { useFinancialChartSetup as E } from "./petal-toolkit.es1329.js";
 import { createCategoryXAxis as R, createNumericYAxis as w, labelFormatters as I } from "./petal-toolkit.es55.js";
-import { createStackedCollection as L } from "./petal-toolkit.es1333.js";
-import { addStandardModifiers as M, addLegendModifier as N } from "./petal-toolkit.es1322.js";
+import { createStackedCollection as L } from "./petal-toolkit.es1330.js";
+import { addStandardModifiers as M, addLegendModifier as N } from "./petal-toolkit.es1331.js";
 import { tooltipFormatters as c } from "./petal-toolkit.es58.js";
 function j(C) {
   switch (C) {

package/dist/petal-toolkit.es11.js

@@ -1,10 +1,10 @@
 import { jsx as A } from "react/jsx-runtime";
 import { memo as E, useEffect as L } from "react";
 import { s as k } from "./petal-toolkit.es59.js";
-import { useFinancialChartSetup as v } from "./petal-toolkit.es1321.js";
+import { useFinancialChartSetup as v } from "./petal-toolkit.es1329.js";
 import { createCategoryXAxis as V, createNumericYAxis as w, labelFormatters as I } from "./petal-toolkit.es55.js";
-import { createStackedCollection as M } from "./petal-toolkit.es1333.js";
-import { addStandardModifiers as N, addLegendModifier as P } from "./petal-toolkit.es1322.js";
+import { createStackedCollection as M } from "./petal-toolkit.es1330.js";
+import { addStandardModifiers as N, addLegendModifier as P } from "./petal-toolkit.es1331.js";
 import { tooltipFormatters as b } from "./petal-toolkit.es58.js";
 function j(u) {
   switch (u) {

package/dist/petal-toolkit.es1123.js

@@ -1,4 +1,4 @@
-import { __exports as L } from "./petal-toolkit.es1354.js";
+import { __exports as L } from "./petal-toolkit.es1357.js";
 var _;
 function n() {
   return _ ? L : (_ = 1, (function(T) {

package/dist/petal-toolkit.es1125.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "./petal-toolkit.es1357.js";
+import { __exports as r } from "./petal-toolkit.es1355.js";
 var t;
 function i() {
   return t ? r : (t = 1, (function(n) {

package/dist/petal-toolkit.es1128.js

@@ -1,4 +1,4 @@
-import { __exports as A } from "./petal-toolkit.es1355.js";
+import { __exports as A } from "./petal-toolkit.es1354.js";
 var _;
 function e() {
   return _ ? A : (_ = 1, (function(E) {

package/dist/petal-toolkit.es12.js

@@ -1,10 +1,10 @@
 import { jsx as A } from "react/jsx-runtime";
 import { memo as L, useEffect as N } from "react";
 import { s as B } from "./petal-toolkit.es59.js";
-import { useFinancialChartSetup as V } from "./petal-toolkit.es1321.js";
+import { useFinancialChartSetup as V } from "./petal-toolkit.es1329.js";
 import { createCategoryXAxis as k, createNumericYAxis as E, labelFormatters as M } from "./petal-toolkit.es55.js";
-import { addReferenceLine as O, createLineSeries as b } from "./petal-toolkit.es1333.js";
-import { addStandardModifiers as j, addLegendModifier as z } from "./petal-toolkit.es1322.js";
+import { addReferenceLine as O, createLineSeries as b } from "./petal-toolkit.es1330.js";
+import { addStandardModifiers as j, addLegendModifier as z } from "./petal-toolkit.es1331.js";
 import { tooltipFormatters as F } from "./petal-toolkit.es58.js";
 function D(C) {
   switch (C) {

package/dist/petal-toolkit.es13.js

@@ -1,9 +1,9 @@
 import { jsx as B } from "react/jsx-runtime";
 import { memo as E, useEffect as V } from "react";
 import { s } from "./petal-toolkit.es59.js";
-import { useFinancialChartSetup as X } from "./petal-toolkit.es1321.js";
+import { useFinancialChartSetup as X } from "./petal-toolkit.es1329.js";
 import { createCategoryXAxis as G, createNumericYAxis as M } from "./petal-toolkit.es55.js";
-import { addStandardModifiers as j, addLegendModifier as z } from "./petal-toolkit.es1322.js";
+import { addStandardModifiers as j, addLegendModifier as z } from "./petal-toolkit.es1331.js";
 import { tooltipFormatters as f } from "./petal-toolkit.es58.js";
 function W(S) {
   switch (S) {

package/dist/petal-toolkit.es1320.js

@@ -1,37 +1,5 @@
-function m(e) {
-  return typeof e == "number" ? e > 1e12 ? Math.floor(e / 1e3) : e : Math.floor(e.getTime() / 1e3);
-}
-function u(e) {
-  return e > 1e12 ? new Date(e) : new Date(e * 1e3);
-}
-function f(e, t) {
-  const n = u(e);
-  if (t) {
-    const [i, o] = t, r = (o - i) / 3600;
-    if (r < 1)
-      return n.toLocaleTimeString("en-US", {
-        hour: "numeric",
-        minute: "2-digit",
-        second: "2-digit"
-      });
-    if (r < 24)
-      return n.toLocaleTimeString("en-US", {
-        hour: "numeric",
-        minute: "2-digit"
-      });
-    if (r < 168)
-      return n.toLocaleDateString("en-US", {
-        month: "short",
-        day: "numeric",
-        hour: "numeric",
-        minute: "2-digit"
-      });
-  }
-  return n.toLocaleDateString("en-US", { month: "short", day: "numeric" });
-}
+var s = {};
 export {
-  f as formatAxisLabel,
-  u as fromUnixTimestamp,
-  m as toUnixTimestamp
+  s as __exports
 };
 //# sourceMappingURL=petal-toolkit.es1320.js.map

package/dist/petal-toolkit.es1320.js.map

@@ -1 +1 @@
-{"version":3,"file":"petal-toolkit.es1320.js","sources":["../src/utils/dateUtils.ts"],"sourcesContent":["/**\n * Shared Date Utilities\n *\n * Common date utilities used across charts.\n * Import from here instead of duplicating in each component.\n */\n\n/**\n * Convert a Date object or millisecond timestamp to Unix timestamp (seconds)\n *\n * SciChart uses Unix timestamps (seconds since epoch) for date axes.\n * This handles both Date objects and millisecond timestamps.\n *\n * @example\n * toUnixTimestamp(new Date('2024-01-15')) // 1705276800\n * toUnixTimestamp(1705276800000) // 1705276800 (already in ms, converts to seconds)\n * toUnixTimestamp(1705276800) // 1705276800 (already in seconds, returns as-is)\n */\nexport function toUnixTimestamp(date: Date | number): number {\n  if (typeof date === 'number') {\n    // If it's already a Unix timestamp (seconds), return as-is\n    // If it's a millisecond timestamp (> year 2001 in seconds), convert\n    if (date > 1_000_000_000_000) {\n      return Math.floor(date / 1000);\n    }\n    return date;\n  }\n  return Math.floor(date.getTime() / 1000);\n}\n\n/**\n * Convert Unix timestamp (seconds) back to Date object\n *\n * @example\n * fromUnixTimestamp(1705276800) // Date('2024-01-15')\n */\nexport function fromUnixTimestamp(timestamp: number): Date {\n  // Handle both seconds and milliseconds\n  if (timestamp > 1_000_000_000_000) {\n    return new Date(timestamp);\n  }\n  return new Date(timestamp * 1000);\n}\n\n/**\n * Format a date for display on chart axes\n *\n * @example\n * formatChartDate(new Date('2024-01-15')) // 'Jan 15'\n */\nexport function formatChartDate(date: Date | number): string {\n  const d = typeof date === 'number' ? fromUnixTimestamp(date) : date;\n  return d.toLocaleDateString('en-US', {\n    month: 'short',\n    day: 'numeric',\n  });\n}\n\n/**\n * Format a date with full precision\n *\n * @example\n * formatChartDateFull(new Date('2024-01-15')) // 'Jan 15, 2024'\n */\nexport function formatChartDateFull(date: Date | number): string {\n  const d = typeof date === 'number' ? fromUnixTimestamp(date) : date;\n  return d.toLocaleDateString('en-US', {\n    year: 'numeric',\n    month: 'short',\n    day: 'numeric',\n  });\n}\n\n/**\n * Format a date with time\n *\n * @example\n * formatChartDateTime(new Date('2024-01-15T14:30:00')) // 'Jan 15, 2:30 PM'\n */\nexport function formatChartDateTime(date: Date | number): string {\n  const d = typeof date === 'number' ? fromUnixTimestamp(date) : date;\n  return d.toLocaleDateString('en-US', {\n    month: 'short',\n    day: 'numeric',\n    hour: 'numeric',\n    minute: '2-digit',\n  });\n}\n\n/**\n * Get the start of a day (midnight) for a given date\n */\nexport function startOfDay(date: Date): Date {\n  const d = new Date(date);\n  d.setHours(0, 0, 0, 0);\n  return d;\n}\n\n/**\n * Get the end of a day (23:59:59.999) for a given date\n */\nexport function endOfDay(date: Date): Date {\n  const d = new Date(date);\n  d.setHours(23, 59, 59, 999);\n  return d;\n}\n\n/**\n * Smart format for chart axis labels - auto-detects granularity from data range\n *\n * Determines the appropriate format based on the time span of the data:\n * - Sub-hour range: show time with seconds (e.g., \"2:30:45 PM\")\n * - 1-24 hours: show time only (e.g., \"2:30 PM\")\n * - 1-7 days: show date + time (e.g., \"Jan 15, 2:30 PM\")\n * - > 7 days: show date only (e.g., \"Jan 15\")\n *\n * @param timestamp - Unix timestamp (seconds)\n * @param dataRange - Optional: [minTimestamp, maxTimestamp] to help detect granularity\n *\n * @example\n * // With daily data range\n * formatAxisLabel(1705276800, [1704672000, 1705881600]) // \"Jan 15\"\n *\n * // With intraday range (few hours)\n * formatAxisLabel(1705276800, [1705273200, 1705284000]) // \"2:30 PM\"\n *\n * // With sub-hour range (seconds precision)\n * formatAxisLabel(1705276845, [1705276800, 1705278000]) // \"2:30:45 PM\"\n */\nexport function formatAxisLabel(timestamp: number, dataRange?: [number, number]): string {\n  const d = fromUnixTimestamp(timestamp);\n\n  // If we have a data range, use it to detect granularity\n  if (dataRange) {\n    const [min, max] = dataRange;\n    const rangeSeconds = max - min;\n    const rangeHours = rangeSeconds / 3600;\n\n    if (rangeHours < 1) {\n      // Sub-hour range: show time with seconds\n      return d.toLocaleTimeString('en-US', {\n        hour: 'numeric',\n        minute: '2-digit',\n        second: '2-digit',\n      });\n    } else if (rangeHours < 24) {\n      // Intraday: show time only\n      return d.toLocaleTimeString('en-US', {\n        hour: 'numeric',\n        minute: '2-digit',\n      });\n    } else if (rangeHours < 24 * 7) {\n      // Multi-day but < 1 week: show date + time\n      return d.toLocaleDateString('en-US', {\n        month: 'short',\n        day: 'numeric',\n        hour: 'numeric',\n        minute: '2-digit',\n      });\n    }\n  }\n\n  // Default: date only (for daily+ data or when range unknown)\n  return d.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });\n}\n"],"names":["toUnixTimestamp","date","fromUnixTimestamp","timestamp","formatAxisLabel","dataRange","d","min","max","rangeHours"],"mappings":"AAkBO,SAASA,EAAgBC,GAA6B;AAC3D,SAAI,OAAOA,KAAS,WAGdA,IAAO,OACF,KAAK,MAAMA,IAAO,GAAI,IAExBA,IAEF,KAAK,MAAMA,EAAK,QAAA,IAAY,GAAI;AACzC;AAQO,SAASC,EAAkBC,GAAyB;AAEzD,SAAIA,IAAY,OACP,IAAI,KAAKA,CAAS,IAEpB,IAAI,KAAKA,IAAY,GAAI;AAClC;AAuFO,SAASC,EAAgBD,GAAmBE,GAAsC;AACvF,QAAMC,IAAIJ,EAAkBC,CAAS;AAGrC,MAAIE,GAAW;AACb,UAAM,CAACE,GAAKC,CAAG,IAAIH,GAEbI,KADeD,IAAMD,KACO;AAElC,QAAIE,IAAa;AAEf,aAAOH,EAAE,mBAAmB,SAAS;AAAA,QACnC,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MAAA,CACT;AACH,QAAWG,IAAa;AAEtB,aAAOH,EAAE,mBAAmB,SAAS;AAAA,QACnC,MAAM;AAAA,QACN,QAAQ;AAAA,MAAA,CACT;AACH,QAAWG,IAAa;AAEtB,aAAOH,EAAE,mBAAmB,SAAS;AAAA,QACnC,OAAO;AAAA,QACP,KAAK;AAAA,QACL,MAAM;AAAA,QACN,QAAQ;AAAA,MAAA,CACT;AAAA,EAEL;AAGA,SAAOA,EAAE,mBAAmB,SAAS,EAAE,OAAO,SAAS,KAAK,WAAW;AACzE;"}
+{"version":3,"file":"petal-toolkit.es1320.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/petal-toolkit.es1321.js

@@ -1,55 +1,5 @@
-import { useId as b, useRef as t } from "react";
-import { getThemeFromPreset as g } from "./petal-toolkit.es60.js";
-function m(r) {
-  switch (r) {
-    case "light":
-      return {
-        gridColor: "rgba(0, 0, 0, 0.08)",
-        axisLabelColor: "#6b7280",
-        crosshairColor: "#3b82f6"
-      };
-    case "navy":
-      return {
-        gridColor: "rgba(255, 255, 255, 0.08)",
-        axisLabelColor: "#64748b",
-        crosshairColor: "#60a5fa"
-      };
-    case "dark":
-    default:
-      return {
-        gridColor: "rgba(255, 255, 255, 0.06)",
-        axisLabelColor: "#6B7280",
-        crosshairColor: "#3B82F6"
-      };
-  }
-}
-function p(r = "100%", o = 400) {
-  return {
-    width: typeof r == "number" ? `${r}px` : r,
-    height: typeof o == "number" ? `${o}px` : o,
-    position: "relative"
-  };
-}
-function x({
-  chartName: r,
-  width: o = "100%",
-  height: a = 400,
-  themePreset: e = "dark",
-  customTheme: n
-}) {
-  const s = b(), c = t(null), i = t(null), l = n ?? g(e), u = m(e), f = `${r}-${s}`, C = p(o, a);
-  return {
-    containerId: f,
-    containerRef: c,
-    surfaceRef: i,
-    sciChartTheme: l,
-    baseColors: u,
-    containerStyle: C
-  };
-}
+var e = {};
 export {
-  m as getBaseThemeColors,
-  p as getContainerStyle,
-  x as useFinancialChartSetup
+  e as __exports
 };
 //# sourceMappingURL=petal-toolkit.es1321.js.map

package/dist/petal-toolkit.es1321.js.map

@@ -1 +1 @@
-{"version":3,"file":"petal-toolkit.es1321.js","sources":["../src/charts/financials/shared/useFinancialChartSetup.ts"],"sourcesContent":["import { useRef, useId } from 'react';\nimport type { SciChartSurface, IThemeProvider } from 'scichart';\nimport { type SciChartThemePreset, getThemeFromPreset } from '@/scichart/themes';\nimport type { BaseThemeColors, FinancialChartSetup } from './types';\n\n/**\n * Get base theme colors that are shared across all financial charts\n */\nexport function getBaseThemeColors(preset: SciChartThemePreset): BaseThemeColors {\n  switch (preset) {\n    case 'light':\n      return {\n        gridColor: 'rgba(0, 0, 0, 0.08)',\n        axisLabelColor: '#6b7280',\n        crosshairColor: '#3b82f6',\n      };\n    case 'navy':\n      return {\n        gridColor: 'rgba(255, 255, 255, 0.08)',\n        axisLabelColor: '#64748b',\n        crosshairColor: '#60a5fa',\n      };\n    case 'dark':\n    default:\n      return {\n        gridColor: 'rgba(255, 255, 255, 0.06)',\n        axisLabelColor: '#6B7280',\n        crosshairColor: '#3B82F6',\n      };\n  }\n}\n\n/**\n * Calculate container style from width/height props\n */\nexport function getContainerStyle(\n  width: string | number = '100%',\n  height: string | number = 400\n): React.CSSProperties {\n  return {\n    width: typeof width === 'number' ? `${width}px` : width,\n    height: typeof height === 'number' ? `${height}px` : height,\n    position: 'relative',\n  };\n}\n\ninterface UseFinancialChartSetupOptions {\n  /** Chart name prefix for container ID (e.g., 'margin-analysis') */\n  chartName: string;\n  /** Width prop */\n  width?: string | number;\n  /** Height prop */\n  height?: string | number;\n  /** Theme preset */\n  themePreset?: SciChartThemePreset;\n  /** Custom theme (overrides preset) */\n  customTheme?: IThemeProvider;\n}\n\n/**\n * Hook that handles common financial chart setup:\n * - Container ref and ID generation\n * - Surface ref for cleanup\n * - Theme resolution\n * - Base theme colors\n * - Container style calculation\n */\nexport function useFinancialChartSetup({\n  chartName,\n  width = '100%',\n  height = 400,\n  themePreset = 'dark',\n  customTheme,\n}: UseFinancialChartSetupOptions): FinancialChartSetup {\n  const chartId = useId();\n  const containerRef = useRef<HTMLDivElement>(null);\n  const surfaceRef = useRef<SciChartSurface | null>(null);\n\n  const sciChartTheme = customTheme ?? getThemeFromPreset(themePreset);\n  const baseColors = getBaseThemeColors(themePreset);\n  const containerId = `${chartName}-${chartId}`;\n  const containerStyle = getContainerStyle(width, height);\n\n  return {\n    containerId,\n    containerRef,\n    surfaceRef,\n    sciChartTheme,\n    baseColors,\n    containerStyle,\n  };\n}\n"],"names":["getBaseThemeColors","preset","getContainerStyle","width","height","useFinancialChartSetup","chartName","themePreset","customTheme","chartId","useId","containerRef","useRef","surfaceRef","sciChartTheme","getThemeFromPreset","baseColors","containerId","containerStyle"],"mappings":";;AAQO,SAASA,EAAmBC,GAA8C;AAC/E,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,QACL,WAAW;AAAA,QACX,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,MAAA;AAAA,IAEpB,KAAK;AACH,aAAO;AAAA,QACL,WAAW;AAAA,QACX,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,MAAA;AAAA,IAEpB,KAAK;AAAA,IACL;AACE,aAAO;AAAA,QACL,WAAW;AAAA,QACX,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,MAAA;AAAA,EAClB;AAEN;AAKO,SAASC,EACdC,IAAyB,QACzBC,IAA0B,KACL;AACrB,SAAO;AAAA,IACL,OAAO,OAAOD,KAAU,WAAW,GAAGA,CAAK,OAAOA;AAAA,IAClD,QAAQ,OAAOC,KAAW,WAAW,GAAGA,CAAM,OAAOA;AAAA,IACrD,UAAU;AAAA,EAAA;AAEd;AAuBO,SAASC,EAAuB;AAAA,EACrC,WAAAC;AAAA,EACA,OAAAH,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,aAAAG,IAAc;AAAA,EACd,aAAAC;AACF,GAAuD;AACrD,QAAMC,IAAUC,EAAA,GACVC,IAAeC,EAAuB,IAAI,GAC1CC,IAAaD,EAA+B,IAAI,GAEhDE,IAAgBN,KAAeO,EAAmBR,CAAW,GAC7DS,IAAahB,EAAmBO,CAAW,GAC3CU,IAAc,GAAGX,CAAS,IAAIG,CAAO,IACrCS,IAAiBhB,EAAkBC,GAAOC,CAAM;AAEtD,SAAO;AAAA,IACL,aAAAa;AAAA,IACA,cAAAN;AAAA,IACA,YAAAE;AAAA,IACA,eAAAC;AAAA,IACA,YAAAE;AAAA,IACA,gBAAAE;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"petal-toolkit.es1321.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/petal-toolkit.es1322.js

@@ -1,51 +1,5 @@
-import { s as t } from "./petal-toolkit.es59.js";
-import { createCursorTooltip as P, TOOLTIP_STYLE as e } from "./petal-toolkit.es54.js";
-function k(i, r) {
-  const { crosshairColor: a, showTooltip: s = !0, showAxisLabels: c = !0, valueFormatters: o } = r, g = new t.CursorModifier({
-    showTooltip: s,
-    showAxisLabels: c,
-    crosshairStroke: a,
-    tooltipSvgTemplate: P((n) => {
-      if (n.length === 0)
-        return { width: 0, height: 0, content: "" };
-      const w = 180, f = 30, l = 20, $ = f + n.length * l, M = n[0], p = new Date((M.xValue ?? 0) * 1e3).toLocaleDateString("en-US", {
-        month: "short",
-        day: "numeric",
-        year: "numeric"
-      }), S = `<text x="12" y="20" font-size="11" font-weight="600" font-family="${e.fontFamily}" fill="${e.textPrimary}">${p}</text>`, L = n.map((d, h) => {
-        var y;
-        const m = f + h * l + 10, x = d.seriesName || `Series ${h + 1}`, u = o == null ? void 0 : o[x], C = u ? u(d.yValue ?? 0) : `${((y = d.yValue) == null ? void 0 : y.toFixed(2)) ?? "-"}`;
-        return `<text x="12" y="${m}" font-size="10" font-family="${e.fontFamily}" fill="${e.textSecondary}">${x}:</text>
-                <text x="100" y="${m}" font-size="10" font-family="${e.fontFamily}" fill="${e.textPrimary}">${C}</text>`;
-      }).join(""), T = S + L;
-      return { width: w, height: $, content: T };
-    })
-  });
-  i.chartModifiers.add(
-    new t.ZoomPanModifier(),
-    new t.MouseWheelZoomModifier(),
-    new t.ZoomExtentsModifier(),
-    g
-  );
-}
-function F(i, r = {}) {
-  const {
-    placement: a = t.ELegendPlacement.TopRight,
-    orientation: s = t.ELegendOrientation.Horizontal,
-    showCheckboxes: c = !1,
-    showSeriesMarkers: o = !0
-  } = r;
-  i.chartModifiers.add(
-    new t.LegendModifier({
-      placement: a,
-      orientation: s,
-      showCheckboxes: c,
-      showSeriesMarkers: o
-    })
-  );
-}
+var a = {};
 export {
-  F as addLegendModifier,
-  k as addStandardModifiers
+  a as __exports
 };
 //# sourceMappingURL=petal-toolkit.es1322.js.map

package/dist/petal-toolkit.es1322.js.map

@@ -1 +1 @@
-{"version":3,"file":"petal-toolkit.es1322.js","sources":["../src/charts/financials/shared/chartModifiers.ts"],"sourcesContent":["import {\n  SciChartSurface,\n  ZoomPanModifier,\n  MouseWheelZoomModifier,\n  ZoomExtentsModifier,\n  CursorModifier,\n  LegendModifier,\n  ELegendPlacement,\n  ELegendOrientation,\n} from 'scichart';\nimport { createCursorTooltip, TOOLTIP_STYLE } from '@/scichart/modifiers/tooltipTemplates';\n\ninterface StandardModifiersOptions {\n  /** Crosshair/cursor stroke color */\n  crosshairColor: string;\n  /** Whether to show tooltips on cursor (default: true) */\n  showTooltip?: boolean;\n  /** Whether to show axis labels on cursor (default: true) */\n  showAxisLabels?: boolean;\n  /** Formatter functions per series (by series name) */\n  valueFormatters?: {\n    [seriesName: string]: (value: number) => string;\n  };\n}\n\n/**\n * Add standard chart modifiers: ZoomPan, MouseWheelZoom, ZoomExtents, Cursor with styled tooltip\n */\nexport function addStandardModifiers(\n  surface: SciChartSurface,\n  options: StandardModifiersOptions\n): void {\n  const { crosshairColor, showTooltip = true, showAxisLabels = true, valueFormatters } = options;\n\n  const cursorModifier = new CursorModifier({\n    showTooltip,\n    showAxisLabels,\n    crosshairStroke: crosshairColor,\n    tooltipSvgTemplate: createCursorTooltip((seriesInfos) => {\n      // Default multi-series tooltip formatting with dark background\n      if (seriesInfos.length === 0) {\n        return { width: 0, height: 0, content: '' };\n      }\n\n      const width = 180;\n      const baseHeight = 30;\n      const rowHeight = 20;\n      const height = baseHeight + (seriesInfos.length * rowHeight);\n\n      // Date from first series\n      const firstInfo = seriesInfos[0];\n      const date = new Date((firstInfo.xValue ?? 0) * 1000);\n      const dateStr = date.toLocaleDateString('en-US', {\n        month: 'short',\n        day: 'numeric',\n        year: 'numeric'\n      });\n\n      const dateContent = `<text x=\"12\" y=\"20\" font-size=\"11\" font-weight=\"600\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${TOOLTIP_STYLE.textPrimary}\">${dateStr}</text>`;\n\n      const seriesContent = seriesInfos.map((info, i) => {\n        const yPos = baseHeight + (i * rowHeight) + 10;\n        const seriesName = info.seriesName || `Series ${i + 1}`;\n\n        // Apply formatter if provided, otherwise use default\n        const formatter = valueFormatters?.[seriesName];\n        const value = formatter\n          ? formatter(info.yValue ?? 0)\n          : `${info.yValue?.toFixed(2) ?? '-'}`;\n\n        return `<text x=\"12\" y=\"${yPos}\" font-size=\"10\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${TOOLTIP_STYLE.textSecondary}\">${seriesName}:</text>\n                <text x=\"100\" y=\"${yPos}\" font-size=\"10\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${TOOLTIP_STYLE.textPrimary}\">${value}</text>`;\n      }).join('');\n\n      const content = dateContent + seriesContent;\n\n      return { width, height, content };\n    }),\n  });\n\n  surface.chartModifiers.add(\n    new ZoomPanModifier(),\n    new MouseWheelZoomModifier(),\n    new ZoomExtentsModifier(),\n    cursorModifier\n  );\n}\n\ninterface LegendModifierOptions {\n  /** Placement of the legend (default: TopRight). Use ELegendPlacement enum values. */\n  placement?: ELegendPlacement | number;\n  /** Orientation of the legend (default: Horizontal). Use ELegendOrientation enum values. */\n  orientation?: ELegendOrientation | number;\n  /** Show checkboxes for toggling series (default: false) */\n  showCheckboxes?: boolean;\n  /** Show series markers in legend (default: true) */\n  showSeriesMarkers?: boolean;\n}\n\n/**\n * Add a legend modifier to the chart\n */\nexport function addLegendModifier(\n  surface: SciChartSurface,\n  options: LegendModifierOptions = {}\n): void {\n  const {\n    placement = ELegendPlacement.TopRight,\n    orientation = ELegendOrientation.Horizontal,\n    showCheckboxes = false,\n    showSeriesMarkers = true,\n  } = options;\n\n  surface.chartModifiers.add(\n    new LegendModifier({\n      placement: placement as ELegendPlacement,\n      orientation: orientation as ELegendOrientation,\n      showCheckboxes,\n      showSeriesMarkers,\n    })\n  );\n}\n\n/**\n * Add both standard modifiers and legend in one call\n */\nexport function addStandardModifiersWithLegend(\n  surface: SciChartSurface,\n  options: StandardModifiersOptions & { legendOptions?: LegendModifierOptions }\n): void {\n  addStandardModifiers(surface, options);\n  addLegendModifier(surface, options.legendOptions);\n}\n"],"names":["addStandardModifiers","surface","options","crosshairColor","showTooltip","showAxisLabels","valueFormatters","cursorModifier","CursorModifier","createCursorTooltip","seriesInfos","width","baseHeight","rowHeight","height","firstInfo","dateStr","dateContent","TOOLTIP_STYLE","seriesContent","info","i","yPos","seriesName","formatter","value","_a","content","ZoomPanModifier","MouseWheelZoomModifier","ZoomExtentsModifier","addLegendModifier","placement","ELegendPlacement","orientation","ELegendOrientation","showCheckboxes","showSeriesMarkers","LegendModifier"],"mappings":";;AA4BO,SAASA,EACdC,GACAC,GACM;AACN,QAAM,EAAE,gBAAAC,GAAgB,aAAAC,IAAc,IAAM,gBAAAC,IAAiB,IAAM,iBAAAC,MAAoBJ,GAEjFK,IAAiB,IAAIC,iBAAe;AAAA,IACxC,aAAAJ;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAiBF;AAAA,IACjB,oBAAoBM,EAAoB,CAACC,MAAgB;AAEvD,UAAIA,EAAY,WAAW;AACzB,eAAO,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAA;AAGzC,YAAMC,IAAQ,KACRC,IAAa,IACbC,IAAY,IACZC,IAASF,IAAcF,EAAY,SAASG,GAG5CE,IAAYL,EAAY,CAAC,GAEzBM,IADO,IAAI,MAAMD,EAAU,UAAU,KAAK,GAAI,EAC/B,mBAAmB,SAAS;AAAA,QAC/C,OAAO;AAAA,QACP,KAAK;AAAA,QACL,MAAM;AAAA,MAAA,CACP,GAEKE,IAAc,qEAAqEC,EAAc,UAAU,WAAWA,EAAc,WAAW,KAAKF,CAAO,WAE3JG,IAAgBT,EAAY,IAAI,CAACU,GAAMC,MAAM;;AACjD,cAAMC,IAAOV,IAAcS,IAAIR,IAAa,IACtCU,IAAaH,EAAK,cAAc,UAAUC,IAAI,CAAC,IAG/CG,IAAYlB,KAAA,gBAAAA,EAAkBiB,IAC9BE,IAAQD,IACVA,EAAUJ,EAAK,UAAU,CAAC,IAC1B,KAAGM,IAAAN,EAAK,WAAL,gBAAAM,EAAa,QAAQ,OAAM,GAAG;AAErC,eAAO,mBAAmBJ,CAAI,iCAAiCJ,EAAc,UAAU,WAAWA,EAAc,aAAa,KAAKK,CAAU;AAAA,mCACjHD,CAAI,iCAAiCJ,EAAc,UAAU,WAAWA,EAAc,WAAW,KAAKO,CAAK;AAAA,MACxI,CAAC,EAAE,KAAK,EAAE,GAEJE,IAAUV,IAAcE;AAE9B,aAAO,EAAE,OAAAR,GAAO,QAAAG,GAAQ,SAAAa,EAAA;AAAA,IAC1B,CAAC;AAAA,EAAA,CACF;AAED,EAAA1B,EAAQ,eAAe;AAAA,IACrB,IAAI2B,kBAAA;AAAA,IACJ,IAAIC,yBAAA;AAAA,IACJ,IAAIC,sBAAA;AAAA,IACJvB;AAAA,EAAA;AAEJ;AAgBO,SAASwB,EACd9B,GACAC,IAAiC,IAC3B;AACN,QAAM;AAAA,IACJ,WAAA8B,IAAYC,EAAAA,iBAAiB;AAAA,IAC7B,aAAAC,IAAcC,EAAAA,mBAAmB;AAAA,IACjC,gBAAAC,IAAiB;AAAA,IACjB,mBAAAC,IAAoB;AAAA,EAAA,IAClBnC;AAEJ,EAAAD,EAAQ,eAAe;AAAA,IACrB,IAAIqC,iBAAe;AAAA,MACjB,WAAAN;AAAA,MACA,aAAAE;AAAA,MACA,gBAAAE;AAAA,MACA,mBAAAC;AAAA,IAAA,CACD;AAAA,EAAA;AAEL;"}
+{"version":3,"file":"petal-toolkit.es1322.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/petal-toolkit.es1324.js

@@ -1,5 +1,5 @@
-var e = {};
+var p = {};
 export {
-  e as __exports
+  p as __exports
 };
 //# sourceMappingURL=petal-toolkit.es1324.js.map

package/dist/petal-toolkit.es1325.js

@@ -1,5 +1,5 @@
-var a = {};
+var s = {};
 export {
-  a as __exports
+  s as __exports
 };
 //# sourceMappingURL=petal-toolkit.es1325.js.map

package/dist/petal-toolkit.es1326.js

@@ -1,5 +1,5 @@
-var p = {};
+var t = {};
 export {
-  p as __exports
+  t as __exports
 };
 //# sourceMappingURL=petal-toolkit.es1326.js.map

package/dist/petal-toolkit.es1327.js

@@ -1,5 +1,5 @@
-var s = {};
+var r = {};
 export {
-  s as __exports
+  r as __exports
 };
 //# sourceMappingURL=petal-toolkit.es1327.js.map

package/dist/petal-toolkit.es1328.js

@@ -1,5 +1,5 @@
-var s = {};
+var r = {};
 export {
-  s as __exports
+  r as __exports
 };
 //# sourceMappingURL=petal-toolkit.es1328.js.map

package/dist/petal-toolkit.es1329.js

@@ -1,5 +1,55 @@
-var t = {};
+import { useId as b, useRef as t } from "react";
+import { getThemeFromPreset as g } from "./petal-toolkit.es60.js";
+function m(r) {
+  switch (r) {
+    case "light":
+      return {
+        gridColor: "rgba(0, 0, 0, 0.08)",
+        axisLabelColor: "#6b7280",
+        crosshairColor: "#3b82f6"
+      };
+    case "navy":
+      return {
+        gridColor: "rgba(255, 255, 255, 0.08)",
+        axisLabelColor: "#64748b",
+        crosshairColor: "#60a5fa"
+      };
+    case "dark":
+    default:
+      return {
+        gridColor: "rgba(255, 255, 255, 0.06)",
+        axisLabelColor: "#6B7280",
+        crosshairColor: "#3B82F6"
+      };
+  }
+}
+function p(r = "100%", o = 400) {
+  return {
+    width: typeof r == "number" ? `${r}px` : r,
+    height: typeof o == "number" ? `${o}px` : o,
+    position: "relative"
+  };
+}
+function x({
+  chartName: r,
+  width: o = "100%",
+  height: a = 400,
+  themePreset: e = "dark",
+  customTheme: n
+}) {
+  const s = b(), c = t(null), i = t(null), l = n ?? g(e), u = m(e), f = `${r}-${s}`, C = p(o, a);
+  return {
+    containerId: f,
+    containerRef: c,
+    surfaceRef: i,
+    sciChartTheme: l,
+    baseColors: u,
+    containerStyle: C
+  };
+}
 export {
-  t as __exports
+  m as getBaseThemeColors,
+  p as getContainerStyle,
+  x as useFinancialChartSetup
 };
 //# sourceMappingURL=petal-toolkit.es1329.js.map

package/dist/petal-toolkit.es1329.js.map

@@ -1 +1 @@
-{"version":3,"file":"petal-toolkit.es1329.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"petal-toolkit.es1329.js","sources":["../src/charts/financials/shared/useFinancialChartSetup.ts"],"sourcesContent":["import { useRef, useId } from 'react';\nimport type { SciChartSurface, IThemeProvider } from 'scichart';\nimport { type SciChartThemePreset, getThemeFromPreset } from '@/scichart/themes';\nimport type { BaseThemeColors, FinancialChartSetup } from './types';\n\n/**\n * Get base theme colors that are shared across all financial charts\n */\nexport function getBaseThemeColors(preset: SciChartThemePreset): BaseThemeColors {\n  switch (preset) {\n    case 'light':\n      return {\n        gridColor: 'rgba(0, 0, 0, 0.08)',\n        axisLabelColor: '#6b7280',\n        crosshairColor: '#3b82f6',\n      };\n    case 'navy':\n      return {\n        gridColor: 'rgba(255, 255, 255, 0.08)',\n        axisLabelColor: '#64748b',\n        crosshairColor: '#60a5fa',\n      };\n    case 'dark':\n    default:\n      return {\n        gridColor: 'rgba(255, 255, 255, 0.06)',\n        axisLabelColor: '#6B7280',\n        crosshairColor: '#3B82F6',\n      };\n  }\n}\n\n/**\n * Calculate container style from width/height props\n */\nexport function getContainerStyle(\n  width: string | number = '100%',\n  height: string | number = 400\n): React.CSSProperties {\n  return {\n    width: typeof width === 'number' ? `${width}px` : width,\n    height: typeof height === 'number' ? `${height}px` : height,\n    position: 'relative',\n  };\n}\n\ninterface UseFinancialChartSetupOptions {\n  /** Chart name prefix for container ID (e.g., 'margin-analysis') */\n  chartName: string;\n  /** Width prop */\n  width?: string | number;\n  /** Height prop */\n  height?: string | number;\n  /** Theme preset */\n  themePreset?: SciChartThemePreset;\n  /** Custom theme (overrides preset) */\n  customTheme?: IThemeProvider;\n}\n\n/**\n * Hook that handles common financial chart setup:\n * - Container ref and ID generation\n * - Surface ref for cleanup\n * - Theme resolution\n * - Base theme colors\n * - Container style calculation\n */\nexport function useFinancialChartSetup({\n  chartName,\n  width = '100%',\n  height = 400,\n  themePreset = 'dark',\n  customTheme,\n}: UseFinancialChartSetupOptions): FinancialChartSetup {\n  const chartId = useId();\n  const containerRef = useRef<HTMLDivElement>(null);\n  const surfaceRef = useRef<SciChartSurface | null>(null);\n\n  const sciChartTheme = customTheme ?? getThemeFromPreset(themePreset);\n  const baseColors = getBaseThemeColors(themePreset);\n  const containerId = `${chartName}-${chartId}`;\n  const containerStyle = getContainerStyle(width, height);\n\n  return {\n    containerId,\n    containerRef,\n    surfaceRef,\n    sciChartTheme,\n    baseColors,\n    containerStyle,\n  };\n}\n"],"names":["getBaseThemeColors","preset","getContainerStyle","width","height","useFinancialChartSetup","chartName","themePreset","customTheme","chartId","useId","containerRef","useRef","surfaceRef","sciChartTheme","getThemeFromPreset","baseColors","containerId","containerStyle"],"mappings":";;AAQO,SAASA,EAAmBC,GAA8C;AAC/E,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,QACL,WAAW;AAAA,QACX,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,MAAA;AAAA,IAEpB,KAAK;AACH,aAAO;AAAA,QACL,WAAW;AAAA,QACX,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,MAAA;AAAA,IAEpB,KAAK;AAAA,IACL;AACE,aAAO;AAAA,QACL,WAAW;AAAA,QACX,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,MAAA;AAAA,EAClB;AAEN;AAKO,SAASC,EACdC,IAAyB,QACzBC,IAA0B,KACL;AACrB,SAAO;AAAA,IACL,OAAO,OAAOD,KAAU,WAAW,GAAGA,CAAK,OAAOA;AAAA,IAClD,QAAQ,OAAOC,KAAW,WAAW,GAAGA,CAAM,OAAOA;AAAA,IACrD,UAAU;AAAA,EAAA;AAEd;AAuBO,SAASC,EAAuB;AAAA,EACrC,WAAAC;AAAA,EACA,OAAAH,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,aAAAG,IAAc;AAAA,EACd,aAAAC;AACF,GAAuD;AACrD,QAAMC,IAAUC,EAAA,GACVC,IAAeC,EAAuB,IAAI,GAC1CC,IAAaD,EAA+B,IAAI,GAEhDE,IAAgBN,KAAeO,EAAmBR,CAAW,GAC7DS,IAAahB,EAAmBO,CAAW,GAC3CU,IAAc,GAAGX,CAAS,IAAIG,CAAO,IACrCS,IAAiBhB,EAAkBC,GAAOC,CAAM;AAEtD,SAAO;AAAA,IACL,aAAAa;AAAA,IACA,cAAAN;AAAA,IACA,YAAAE;AAAA,IACA,eAAAC;AAAA,IACA,YAAAE;AAAA,IACA,gBAAAE;AAAA,EAAA;AAEJ;"}

package/dist/petal-toolkit.es1330.js

@@ -1,5 +1,98 @@
-var r = {};
+import { s as t } from "./petal-toolkit.es59.js";
+function h(e, n) {
+  const {
+    xValues: i,
+    yValues: c,
+    name: r,
+    color: o,
+    strokeThickness: a = 3,
+    pointMarker: s = {}
+  } = n, {
+    size: l = 8,
+    strokeColor: d = "#FFFFFF",
+    strokeThickness: k = 2
+  } = s, u = new t.XyDataSeries(e, {
+    xValues: i,
+    yValues: c,
+    dataSeriesName: r
+  });
+  return new t.FastLineRenderableSeries(e, {
+    dataSeries: u,
+    stroke: o,
+    strokeThickness: a,
+    pointMarker: new t.EllipsePointMarker(e, {
+      width: l,
+      height: l,
+      fill: o,
+      stroke: d,
+      strokeThickness: k
+    })
+  });
+}
+function y(e, n) {
+  const {
+    xValues: i,
+    yValues: c,
+    name: r,
+    color: o,
+    dataPointWidth: a = 0.6,
+    opacity: s = 0.8
+  } = n, l = Math.round(s * 255).toString(16).padStart(2, "0").toUpperCase(), d = new t.XyDataSeries(e, {
+    xValues: i,
+    yValues: c,
+    dataSeriesName: r
+  });
+  return new t.FastColumnRenderableSeries(e, {
+    dataSeries: d,
+    fill: o + l,
+    stroke: o,
+    strokeThickness: 0,
+    dataPointWidth: a
+  });
+}
+function p(e, n) {
+  const { xValues: i, series: c, groupId: r, dataPointWidth: o = 0.6 } = n, a = new t.StackedColumnCollection(e);
+  a.dataPointWidth = o;
+  for (const s of c) {
+    const l = new t.XyDataSeries(e, {
+      xValues: i,
+      yValues: s.yValues,
+      dataSeriesName: s.name
+    }), d = new t.StackedColumnRenderableSeries(e, {
+      dataSeries: l,
+      fill: s.color,
+      stroke: s.color,
+      strokeThickness: 0,
+      stackedGroupId: r
+    });
+    a.add(d);
+  }
+  return a;
+}
+function f(e, n) {
+  const {
+    y: i,
+    color: c,
+    label: r,
+    strokeThickness: o = 1,
+    dashed: a = !0
+  } = n;
+  e.annotations.add(
+    new t.HorizontalLineAnnotation({
+      y1: i,
+      stroke: c,
+      strokeThickness: o,
+      strokeDashArray: a ? [5, 5] : void 0,
+      annotationLayer: t.EAnnotationLayer.BelowChart,
+      showLabel: !!r,
+      labelValue: r
+    })
+  );
+}
 export {
-  r as __exports
+  f as addReferenceLine,
+  y as createBarSeries,
+  h as createLineSeries,
+  p as createStackedCollection
 };
 //# sourceMappingURL=petal-toolkit.es1330.js.map

package/dist/petal-toolkit.es1330.js.map

@@ -1 +1 @@
-{"version":3,"file":"petal-toolkit.es1330.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"petal-toolkit.es1330.js","sources":["../src/charts/financials/shared/seriesFactory.ts"],"sourcesContent":["/**\n * Series Factory Functions\n *\n * Reusable factory functions for creating common SciChart series types.\n * These reduce boilerplate in financial chart components.\n */\n\nimport {\n  XyDataSeries,\n  FastLineRenderableSeries,\n  FastColumnRenderableSeries,\n  StackedColumnRenderableSeries,\n  StackedColumnCollection,\n  EllipsePointMarker,\n  HorizontalLineAnnotation,\n  EAnnotationLayer,\n  type TSciChart,\n  type SciChartSurface,\n} from 'scichart';\n\n/** Options for creating a line series */\nexport interface LineSeriesOptions {\n  xValues: number[];\n  yValues: number[];\n  name: string;\n  color: string;\n  strokeThickness?: number;\n  pointMarker?: {\n    size?: number;\n    strokeColor?: string;\n    strokeThickness?: number;\n  };\n}\n\n/** Options for creating a bar/column series */\nexport interface BarSeriesOptions {\n  xValues: number[];\n  yValues: number[];\n  name: string;\n  color: string;\n  dataPointWidth?: number;\n  opacity?: number; // 0-1, will be converted to hex\n}\n\n/** Options for creating a stacked series within a collection */\nexport interface StackedSeriesConfig {\n  yValues: number[];\n  name: string;\n  color: string;\n}\n\n/** Options for creating a stacked column collection */\nexport interface StackedCollectionOptions {\n  xValues: number[];\n  series: StackedSeriesConfig[];\n  groupId: string;\n  dataPointWidth?: number;\n}\n\n/** Options for creating a horizontal reference line */\nexport interface ReferenceLineOptions {\n  y: number;\n  color: string;\n  label?: string;\n  strokeThickness?: number;\n  dashed?: boolean;\n}\n\n/**\n * Create a line series with point markers\n */\nexport function createLineSeries(\n  wasmContext: TSciChart,\n  options: LineSeriesOptions\n): FastLineRenderableSeries {\n  const {\n    xValues,\n    yValues,\n    name,\n    color,\n    strokeThickness = 3,\n    pointMarker = {},\n  } = options;\n\n  const {\n    size = 8,\n    strokeColor = '#FFFFFF',\n    strokeThickness: markerStrokeThickness = 2,\n  } = pointMarker;\n\n  const dataSeries = new XyDataSeries(wasmContext, {\n    xValues,\n    yValues,\n    dataSeriesName: name,\n  });\n\n  return new FastLineRenderableSeries(wasmContext, {\n    dataSeries,\n    stroke: color,\n    strokeThickness,\n    pointMarker: new EllipsePointMarker(wasmContext, {\n      width: size,\n      height: size,\n      fill: color,\n      stroke: strokeColor,\n      strokeThickness: markerStrokeThickness,\n    }),\n  });\n}\n\n/**\n * Create a column/bar series\n */\nexport function createBarSeries(\n  wasmContext: TSciChart,\n  options: BarSeriesOptions\n): FastColumnRenderableSeries {\n  const {\n    xValues,\n    yValues,\n    name,\n    color,\n    dataPointWidth = 0.6,\n    opacity = 0.8,\n  } = options;\n\n  // Convert opacity to hex (0.8 -> CC)\n  const opacityHex = Math.round(opacity * 255).toString(16).padStart(2, '0').toUpperCase();\n\n  const dataSeries = new XyDataSeries(wasmContext, {\n    xValues,\n    yValues,\n    dataSeriesName: name,\n  });\n\n  return new FastColumnRenderableSeries(wasmContext, {\n    dataSeries,\n    fill: color + opacityHex,\n    stroke: color,\n    strokeThickness: 0,\n    dataPointWidth,\n  });\n}\n\n/**\n * Create a stacked column collection with multiple series\n */\nexport function createStackedCollection(\n  wasmContext: TSciChart,\n  options: StackedCollectionOptions\n): StackedColumnCollection {\n  const { xValues, series, groupId, dataPointWidth = 0.6 } = options;\n\n  const collection = new StackedColumnCollection(wasmContext);\n  collection.dataPointWidth = dataPointWidth;\n\n  for (const seriesConfig of series) {\n    const dataSeries = new XyDataSeries(wasmContext, {\n      xValues,\n      yValues: seriesConfig.yValues,\n      dataSeriesName: seriesConfig.name,\n    });\n\n    const stackedSeries = new StackedColumnRenderableSeries(wasmContext, {\n      dataSeries,\n      fill: seriesConfig.color,\n      stroke: seriesConfig.color,\n      strokeThickness: 0,\n      stackedGroupId: groupId,\n    });\n\n    collection.add(stackedSeries);\n  }\n\n  return collection;\n}\n\n/**\n * Add a horizontal reference line annotation\n */\nexport function addReferenceLine(\n  surface: SciChartSurface,\n  options: ReferenceLineOptions\n): void {\n  const {\n    y,\n    color,\n    label,\n    strokeThickness = 1,\n    dashed = true,\n  } = options;\n\n  surface.annotations.add(\n    new HorizontalLineAnnotation({\n      y1: y,\n      stroke: color,\n      strokeThickness,\n      strokeDashArray: dashed ? [5, 5] : undefined,\n      annotationLayer: EAnnotationLayer.BelowChart,\n      showLabel: !!label,\n      labelValue: label,\n    })\n  );\n}\n"],"names":["createLineSeries","wasmContext","options","xValues","yValues","name","color","strokeThickness","pointMarker","size","strokeColor","markerStrokeThickness","dataSeries","XyDataSeries","FastLineRenderableSeries","EllipsePointMarker","createBarSeries","dataPointWidth","opacity","opacityHex","FastColumnRenderableSeries","createStackedCollection","series","groupId","collection","StackedColumnCollection","seriesConfig","stackedSeries","StackedColumnRenderableSeries","addReferenceLine","surface","y","label","dashed","HorizontalLineAnnotation","EAnnotationLayer"],"mappings":";AAuEO,SAASA,EACdC,GACAC,GAC0B;AAC1B,QAAM;AAAA,IACJ,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,aAAAC,IAAc,CAAA;AAAA,EAAC,IACbN,GAEE;AAAA,IACJ,MAAAO,IAAO;AAAA,IACP,aAAAC,IAAc;AAAA,IACd,iBAAiBC,IAAwB;AAAA,EAAA,IACvCH,GAEEI,IAAa,IAAIC,EAAAA,aAAaZ,GAAa;AAAA,IAC/C,SAAAE;AAAA,IACA,SAAAC;AAAA,IACA,gBAAgBC;AAAA,EAAA,CACjB;AAED,SAAO,IAAIS,EAAAA,yBAAyBb,GAAa;AAAA,IAC/C,YAAAW;AAAA,IACA,QAAQN;AAAA,IACR,iBAAAC;AAAA,IACA,aAAa,IAAIQ,EAAAA,mBAAmBd,GAAa;AAAA,MAC/C,OAAOQ;AAAA,MACP,QAAQA;AAAA,MACR,MAAMH;AAAA,MACN,QAAQI;AAAA,MACR,iBAAiBC;AAAA,IAAA,CAClB;AAAA,EAAA,CACF;AACH;AAKO,SAASK,EACdf,GACAC,GAC4B;AAC5B,QAAM;AAAA,IACJ,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAW,IAAiB;AAAA,IACjB,SAAAC,IAAU;AAAA,EAAA,IACRhB,GAGEiB,IAAa,KAAK,MAAMD,IAAU,GAAG,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG,EAAE,YAAA,GAErEN,IAAa,IAAIC,EAAAA,aAAaZ,GAAa;AAAA,IAC/C,SAAAE;AAAA,IACA,SAAAC;AAAA,IACA,gBAAgBC;AAAA,EAAA,CACjB;AAED,SAAO,IAAIe,EAAAA,2BAA2BnB,GAAa;AAAA,IACjD,YAAAW;AAAA,IACA,MAAMN,IAAQa;AAAA,IACd,QAAQb;AAAA,IACR,iBAAiB;AAAA,IACjB,gBAAAW;AAAA,EAAA,CACD;AACH;AAKO,SAASI,EACdpB,GACAC,GACyB;AACzB,QAAM,EAAE,SAAAC,GAAS,QAAAmB,GAAQ,SAAAC,GAAS,gBAAAN,IAAiB,QAAQf,GAErDsB,IAAa,IAAIC,EAAAA,wBAAwBxB,CAAW;AAC1D,EAAAuB,EAAW,iBAAiBP;AAE5B,aAAWS,KAAgBJ,GAAQ;AACjC,UAAMV,IAAa,IAAIC,EAAAA,aAAaZ,GAAa;AAAA,MAC/C,SAAAE;AAAA,MACA,SAASuB,EAAa;AAAA,MACtB,gBAAgBA,EAAa;AAAA,IAAA,CAC9B,GAEKC,IAAgB,IAAIC,EAAAA,8BAA8B3B,GAAa;AAAA,MACnE,YAAAW;AAAA,MACA,MAAMc,EAAa;AAAA,MACnB,QAAQA,EAAa;AAAA,MACrB,iBAAiB;AAAA,MACjB,gBAAgBH;AAAA,IAAA,CACjB;AAED,IAAAC,EAAW,IAAIG,CAAa;AAAA,EAC9B;AAEA,SAAOH;AACT;AAKO,SAASK,EACdC,GACA5B,GACM;AACN,QAAM;AAAA,IACJ,GAAA6B;AAAA,IACA,OAAAzB;AAAA,IACA,OAAA0B;AAAA,IACA,iBAAAzB,IAAkB;AAAA,IAClB,QAAA0B,IAAS;AAAA,EAAA,IACP/B;AAEJ,EAAA4B,EAAQ,YAAY;AAAA,IAClB,IAAII,2BAAyB;AAAA,MAC3B,IAAIH;AAAA,MACJ,QAAQzB;AAAA,MACR,iBAAAC;AAAA,MACA,iBAAiB0B,IAAS,CAAC,GAAG,CAAC,IAAI;AAAA,MACnC,iBAAiBE,EAAAA,iBAAiB;AAAA,MAClC,WAAW,CAAC,CAACH;AAAA,MACb,YAAYA;AAAA,IAAA,CACb;AAAA,EAAA;AAEL;"}

package/dist/petal-toolkit.es1331.js

@@ -1,5 +1,51 @@
-var r = {};
+import { s as t } from "./petal-toolkit.es59.js";
+import { createCursorTooltip as P, TOOLTIP_STYLE as e } from "./petal-toolkit.es54.js";
+function k(i, r) {
+  const { crosshairColor: a, showTooltip: s = !0, showAxisLabels: c = !0, valueFormatters: o } = r, g = new t.CursorModifier({
+    showTooltip: s,
+    showAxisLabels: c,
+    crosshairStroke: a,
+    tooltipSvgTemplate: P((n) => {
+      if (n.length === 0)
+        return { width: 0, height: 0, content: "" };
+      const w = 180, f = 30, l = 20, $ = f + n.length * l, M = n[0], p = new Date((M.xValue ?? 0) * 1e3).toLocaleDateString("en-US", {
+        month: "short",
+        day: "numeric",
+        year: "numeric"
+      }), S = `<text x="12" y="20" font-size="11" font-weight="600" font-family="${e.fontFamily}" fill="${e.textPrimary}">${p}</text>`, L = n.map((d, h) => {
+        var y;
+        const m = f + h * l + 10, x = d.seriesName || `Series ${h + 1}`, u = o == null ? void 0 : o[x], C = u ? u(d.yValue ?? 0) : `${((y = d.yValue) == null ? void 0 : y.toFixed(2)) ?? "-"}`;
+        return `<text x="12" y="${m}" font-size="10" font-family="${e.fontFamily}" fill="${e.textSecondary}">${x}:</text>
+                <text x="100" y="${m}" font-size="10" font-family="${e.fontFamily}" fill="${e.textPrimary}">${C}</text>`;
+      }).join(""), T = S + L;
+      return { width: w, height: $, content: T };
+    })
+  });
+  i.chartModifiers.add(
+    new t.ZoomPanModifier(),
+    new t.MouseWheelZoomModifier(),
+    new t.ZoomExtentsModifier(),
+    g
+  );
+}
+function F(i, r = {}) {
+  const {
+    placement: a = t.ELegendPlacement.TopRight,
+    orientation: s = t.ELegendOrientation.Horizontal,
+    showCheckboxes: c = !1,
+    showSeriesMarkers: o = !0
+  } = r;
+  i.chartModifiers.add(
+    new t.LegendModifier({
+      placement: a,
+      orientation: s,
+      showCheckboxes: c,
+      showSeriesMarkers: o
+    })
+  );
+}
 export {
-  r as __exports
+  F as addLegendModifier,
+  k as addStandardModifiers
 };
 //# sourceMappingURL=petal-toolkit.es1331.js.map

package/dist/petal-toolkit.es1331.js.map

@@ -1 +1 @@
-{"version":3,"file":"petal-toolkit.es1331.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"petal-toolkit.es1331.js","sources":["../src/charts/financials/shared/chartModifiers.ts"],"sourcesContent":["import {\n  SciChartSurface,\n  ZoomPanModifier,\n  MouseWheelZoomModifier,\n  ZoomExtentsModifier,\n  CursorModifier,\n  LegendModifier,\n  ELegendPlacement,\n  ELegendOrientation,\n} from 'scichart';\nimport { createCursorTooltip, TOOLTIP_STYLE } from '@/scichart/modifiers/tooltipTemplates';\n\ninterface StandardModifiersOptions {\n  /** Crosshair/cursor stroke color */\n  crosshairColor: string;\n  /** Whether to show tooltips on cursor (default: true) */\n  showTooltip?: boolean;\n  /** Whether to show axis labels on cursor (default: true) */\n  showAxisLabels?: boolean;\n  /** Formatter functions per series (by series name) */\n  valueFormatters?: {\n    [seriesName: string]: (value: number) => string;\n  };\n}\n\n/**\n * Add standard chart modifiers: ZoomPan, MouseWheelZoom, ZoomExtents, Cursor with styled tooltip\n */\nexport function addStandardModifiers(\n  surface: SciChartSurface,\n  options: StandardModifiersOptions\n): void {\n  const { crosshairColor, showTooltip = true, showAxisLabels = true, valueFormatters } = options;\n\n  const cursorModifier = new CursorModifier({\n    showTooltip,\n    showAxisLabels,\n    crosshairStroke: crosshairColor,\n    tooltipSvgTemplate: createCursorTooltip((seriesInfos) => {\n      // Default multi-series tooltip formatting with dark background\n      if (seriesInfos.length === 0) {\n        return { width: 0, height: 0, content: '' };\n      }\n\n      const width = 180;\n      const baseHeight = 30;\n      const rowHeight = 20;\n      const height = baseHeight + (seriesInfos.length * rowHeight);\n\n      // Date from first series\n      const firstInfo = seriesInfos[0];\n      const date = new Date((firstInfo.xValue ?? 0) * 1000);\n      const dateStr = date.toLocaleDateString('en-US', {\n        month: 'short',\n        day: 'numeric',\n        year: 'numeric'\n      });\n\n      const dateContent = `<text x=\"12\" y=\"20\" font-size=\"11\" font-weight=\"600\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${TOOLTIP_STYLE.textPrimary}\">${dateStr}</text>`;\n\n      const seriesContent = seriesInfos.map((info, i) => {\n        const yPos = baseHeight + (i * rowHeight) + 10;\n        const seriesName = info.seriesName || `Series ${i + 1}`;\n\n        // Apply formatter if provided, otherwise use default\n        const formatter = valueFormatters?.[seriesName];\n        const value = formatter\n          ? formatter(info.yValue ?? 0)\n          : `${info.yValue?.toFixed(2) ?? '-'}`;\n\n        return `<text x=\"12\" y=\"${yPos}\" font-size=\"10\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${TOOLTIP_STYLE.textSecondary}\">${seriesName}:</text>\n                <text x=\"100\" y=\"${yPos}\" font-size=\"10\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${TOOLTIP_STYLE.textPrimary}\">${value}</text>`;\n      }).join('');\n\n      const content = dateContent + seriesContent;\n\n      return { width, height, content };\n    }),\n  });\n\n  surface.chartModifiers.add(\n    new ZoomPanModifier(),\n    new MouseWheelZoomModifier(),\n    new ZoomExtentsModifier(),\n    cursorModifier\n  );\n}\n\ninterface LegendModifierOptions {\n  /** Placement of the legend (default: TopRight). Use ELegendPlacement enum values. */\n  placement?: ELegendPlacement | number;\n  /** Orientation of the legend (default: Horizontal). Use ELegendOrientation enum values. */\n  orientation?: ELegendOrientation | number;\n  /** Show checkboxes for toggling series (default: false) */\n  showCheckboxes?: boolean;\n  /** Show series markers in legend (default: true) */\n  showSeriesMarkers?: boolean;\n}\n\n/**\n * Add a legend modifier to the chart\n */\nexport function addLegendModifier(\n  surface: SciChartSurface,\n  options: LegendModifierOptions = {}\n): void {\n  const {\n    placement = ELegendPlacement.TopRight,\n    orientation = ELegendOrientation.Horizontal,\n    showCheckboxes = false,\n    showSeriesMarkers = true,\n  } = options;\n\n  surface.chartModifiers.add(\n    new LegendModifier({\n      placement: placement as ELegendPlacement,\n      orientation: orientation as ELegendOrientation,\n      showCheckboxes,\n      showSeriesMarkers,\n    })\n  );\n}\n\n/**\n * Add both standard modifiers and legend in one call\n */\nexport function addStandardModifiersWithLegend(\n  surface: SciChartSurface,\n  options: StandardModifiersOptions & { legendOptions?: LegendModifierOptions }\n): void {\n  addStandardModifiers(surface, options);\n  addLegendModifier(surface, options.legendOptions);\n}\n"],"names":["addStandardModifiers","surface","options","crosshairColor","showTooltip","showAxisLabels","valueFormatters","cursorModifier","CursorModifier","createCursorTooltip","seriesInfos","width","baseHeight","rowHeight","height","firstInfo","dateStr","dateContent","TOOLTIP_STYLE","seriesContent","info","i","yPos","seriesName","formatter","value","_a","content","ZoomPanModifier","MouseWheelZoomModifier","ZoomExtentsModifier","addLegendModifier","placement","ELegendPlacement","orientation","ELegendOrientation","showCheckboxes","showSeriesMarkers","LegendModifier"],"mappings":";;AA4BO,SAASA,EACdC,GACAC,GACM;AACN,QAAM,EAAE,gBAAAC,GAAgB,aAAAC,IAAc,IAAM,gBAAAC,IAAiB,IAAM,iBAAAC,MAAoBJ,GAEjFK,IAAiB,IAAIC,iBAAe;AAAA,IACxC,aAAAJ;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAiBF;AAAA,IACjB,oBAAoBM,EAAoB,CAACC,MAAgB;AAEvD,UAAIA,EAAY,WAAW;AACzB,eAAO,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAA;AAGzC,YAAMC,IAAQ,KACRC,IAAa,IACbC,IAAY,IACZC,IAASF,IAAcF,EAAY,SAASG,GAG5CE,IAAYL,EAAY,CAAC,GAEzBM,IADO,IAAI,MAAMD,EAAU,UAAU,KAAK,GAAI,EAC/B,mBAAmB,SAAS;AAAA,QAC/C,OAAO;AAAA,QACP,KAAK;AAAA,QACL,MAAM;AAAA,MAAA,CACP,GAEKE,IAAc,qEAAqEC,EAAc,UAAU,WAAWA,EAAc,WAAW,KAAKF,CAAO,WAE3JG,IAAgBT,EAAY,IAAI,CAACU,GAAMC,MAAM;;AACjD,cAAMC,IAAOV,IAAcS,IAAIR,IAAa,IACtCU,IAAaH,EAAK,cAAc,UAAUC,IAAI,CAAC,IAG/CG,IAAYlB,KAAA,gBAAAA,EAAkBiB,IAC9BE,IAAQD,IACVA,EAAUJ,EAAK,UAAU,CAAC,IAC1B,KAAGM,IAAAN,EAAK,WAAL,gBAAAM,EAAa,QAAQ,OAAM,GAAG;AAErC,eAAO,mBAAmBJ,CAAI,iCAAiCJ,EAAc,UAAU,WAAWA,EAAc,aAAa,KAAKK,CAAU;AAAA,mCACjHD,CAAI,iCAAiCJ,EAAc,UAAU,WAAWA,EAAc,WAAW,KAAKO,CAAK;AAAA,MACxI,CAAC,EAAE,KAAK,EAAE,GAEJE,IAAUV,IAAcE;AAE9B,aAAO,EAAE,OAAAR,GAAO,QAAAG,GAAQ,SAAAa,EAAA;AAAA,IAC1B,CAAC;AAAA,EAAA,CACF;AAED,EAAA1B,EAAQ,eAAe;AAAA,IACrB,IAAI2B,kBAAA;AAAA,IACJ,IAAIC,yBAAA;AAAA,IACJ,IAAIC,sBAAA;AAAA,IACJvB;AAAA,EAAA;AAEJ;AAgBO,SAASwB,EACd9B,GACAC,IAAiC,IAC3B;AACN,QAAM;AAAA,IACJ,WAAA8B,IAAYC,EAAAA,iBAAiB;AAAA,IAC7B,aAAAC,IAAcC,EAAAA,mBAAmB;AAAA,IACjC,gBAAAC,IAAiB;AAAA,IACjB,mBAAAC,IAAoB;AAAA,EAAA,IAClBnC;AAEJ,EAAAD,EAAQ,eAAe;AAAA,IACrB,IAAIqC,iBAAe;AAAA,MACjB,WAAAN;AAAA,MACA,aAAAE;AAAA,MACA,gBAAAE;AAAA,MACA,mBAAAC;AAAA,IAAA,CACD;AAAA,EAAA;AAEL;"}