@petal-nexus/toolkit 0.2.6 → 0.3.0

package/dist/petal-toolkit.es1298.js

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

package/dist/petal-toolkit.es1299.js

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

package/dist/petal-toolkit.es13.js

@@ -1,9 +1,9 @@
 import { jsx as V } from "react/jsx-runtime";
 import { memo as X, useEffect as B } from "react";
 import { s } from "./petal-toolkit.es57.js";
-import { useFinancialChartSetup as G } from "./petal-toolkit.es1325.js";
+import { useFinancialChartSetup as G } from "./petal-toolkit.es1331.js";
 import { createCategoryXAxis as M, createNumericYAxis as j, labelFormatters as z } from "./petal-toolkit.es55.js";
-import { addStandardModifiers as W, addLegendModifier as Y } from "./petal-toolkit.es1326.js";
+import { addStandardModifiers as W, addLegendModifier as Y } from "./petal-toolkit.es1332.js";
 import { tooltipFormatters as f } from "./petal-toolkit.es56.js";
 function _(S) {
   switch (S) {

package/dist/petal-toolkit.es130.js

@@ -1,4 +1,4 @@
-import { __exports as h } from "./petal-toolkit.es746.js";
+import { __exports as h } from "./petal-toolkit.es748.js";
 import { __require as g } from "./petal-toolkit.es607.js";
 import { __require as x } from "./petal-toolkit.es650.js";
 import { __require as O } from "./petal-toolkit.es121.js";

package/dist/petal-toolkit.es1300.js

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

package/dist/petal-toolkit.es1301.js

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

package/dist/petal-toolkit.es1302.js

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

package/dist/petal-toolkit.es1303.js

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

package/dist/petal-toolkit.es1304.js

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

package/dist/petal-toolkit.es1305.js

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

package/dist/petal-toolkit.es1306.js

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

package/dist/petal-toolkit.es1307.js

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

package/dist/petal-toolkit.es1308.js

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

package/dist/petal-toolkit.es1309.js

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

package/dist/petal-toolkit.es131.js

@@ -1,4 +1,4 @@
-import { __exports as n } from "./petal-toolkit.es747.js";
+import { __exports as n } from "./petal-toolkit.es749.js";
 import { __require as v } from "./petal-toolkit.es608.js";
 import { __require as L } from "./petal-toolkit.es112.js";
 import { __require as T } from "./petal-toolkit.es114.js";

package/dist/petal-toolkit.es1310.js

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

package/dist/petal-toolkit.es1312.js

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

package/dist/petal-toolkit.es1314.js

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

package/dist/petal-toolkit.es1316.js

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

package/dist/petal-toolkit.es1317.js

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

package/dist/petal-toolkit.es1318.js

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

package/dist/petal-toolkit.es1319.js

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

package/dist/petal-toolkit.es132.js

@@ -1,4 +1,4 @@
-import { __exports as i } from "./petal-toolkit.es748.js";
+import { __exports as i } from "./petal-toolkit.es750.js";
 import { __require as c } from "./petal-toolkit.es608.js";
 import { __require as S } from "./petal-toolkit.es112.js";
 import { __require as x } from "./petal-toolkit.es113.js";

package/dist/petal-toolkit.es1320.js

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

package/dist/petal-toolkit.es1321.js

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

package/dist/petal-toolkit.es1323.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 r = {};
 export {
-  f as formatAxisLabel,
-  u as fromUnixTimestamp,
-  m as toUnixTimestamp
+  r as __exports
 };
 //# sourceMappingURL=petal-toolkit.es1323.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"petal-toolkit.es1323.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.es1323.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/petal-toolkit.es1324.js

@@ -1,20 +1,5 @@
-const o = (t) => {
-  const n = Math.abs(t), r = t < 0 ? "-" : t > 0 ? "+" : "";
-  return n >= 1e9 ? `${r}$${(n / 1e9).toFixed(2)}B` : n >= 1e6 ? `${r}$${(n / 1e6).toFixed(2)}M` : n >= 1e3 ? `${r}$${(n / 1e3).toFixed(1)}K` : `${r}$${n.toFixed(2)}`;
-}, i = (t) => (t >= 0 ? "+" : "") + new Intl.NumberFormat("en-US", {
-  style: "currency",
-  currency: "USD",
-  minimumFractionDigits: 2,
-  maximumFractionDigits: 2
-}).format(Math.abs(t)), s = (t) => `${t >= 0 ? "+" : ""}${t.toFixed(2)}%`, c = (t) => {
-  if (t === 0) return 0;
-  const n = Math.abs(t), r = Math.pow(10, Math.floor(Math.log10(n))), e = Math.ceil(n / r) * r;
-  return t < 0 ? -e : e;
-};
+var r = {};
 export {
-  o as formatCurrency,
-  i as formatCurrencyFull,
-  s as formatPercent,
-  c as roundToNice
+  r as __exports
 };
 //# sourceMappingURL=petal-toolkit.es1324.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"petal-toolkit.es1324.js","sources":["../src/utils/formatters.ts"],"sourcesContent":["/**\n * Shared Formatting Utilities\n *\n * Common number/currency/percent formatters used across charts.\n * Import from here instead of duplicating in each component.\n */\n\n/**\n * Format currency value with abbreviated suffixes (K, M, B)\n * Includes sign prefix for gains/losses\n *\n * @example\n * formatCurrency(1234567) // '+$1.23M'\n * formatCurrency(-5000) // '-$5.0K'\n * formatCurrency(50) // '+$50.00'\n */\nexport const formatCurrency = (val: number): string => {\n  const absValue = Math.abs(val);\n  const sign = val < 0 ? '-' : val > 0 ? '+' : '';\n\n  if (absValue >= 1_000_000_000) {\n    return `${sign}$${(absValue / 1_000_000_000).toFixed(2)}B`;\n  }\n  if (absValue >= 1_000_000) {\n    return `${sign}$${(absValue / 1_000_000).toFixed(2)}M`;\n  }\n  if (absValue >= 1_000) {\n    return `${sign}$${(absValue / 1_000).toFixed(1)}K`;\n  }\n  return `${sign}$${absValue.toFixed(2)}`;\n};\n\n/**\n * Format currency value without sign prefix\n * Uses abbreviated suffixes (K, M, B)\n *\n * @example\n * formatCurrencyNoSign(1234567) // '$1.23M'\n * formatCurrencyNoSign(-5000) // '-$5.0K'\n */\nexport const formatCurrencyNoSign = (val: number): string => {\n  const absValue = Math.abs(val);\n  const sign = val < 0 ? '-' : '';\n\n  if (absValue >= 1_000_000_000) {\n    return `${sign}$${(absValue / 1_000_000_000).toFixed(2)}B`;\n  }\n  if (absValue >= 1_000_000) {\n    return `${sign}$${(absValue / 1_000_000).toFixed(2)}M`;\n  }\n  if (absValue >= 1_000) {\n    return `${sign}$${(absValue / 1_000).toFixed(1)}K`;\n  }\n  return `${sign}$${absValue.toFixed(2)}`;\n};\n\n/**\n * Format currency with full precision using Intl.NumberFormat\n * Includes sign prefix for gains/losses\n *\n * @example\n * formatCurrencyFull(1234.56) // '+$1,234.56'\n * formatCurrencyFull(-567.89) // '-$567.89'\n */\nexport const formatCurrencyFull = (val: number): string => {\n  const sign = val >= 0 ? '+' : '';\n  return (\n    sign +\n    new Intl.NumberFormat('en-US', {\n      style: 'currency',\n      currency: 'USD',\n      minimumFractionDigits: 2,\n      maximumFractionDigits: 2,\n    }).format(Math.abs(val))\n  );\n};\n\n/**\n * Format currency with full precision, no sign prefix\n *\n * @example\n * formatCurrencyFullNoSign(1234.56) // '$1,234.56'\n * formatCurrencyFullNoSign(-567.89) // '-$567.89'\n */\nexport const formatCurrencyFullNoSign = (val: number): string => {\n  return new Intl.NumberFormat('en-US', {\n    style: 'currency',\n    currency: 'USD',\n    minimumFractionDigits: 2,\n    maximumFractionDigits: 2,\n  }).format(val);\n};\n\n/**\n * Format percentage with sign prefix\n *\n * @example\n * formatPercent(12.34) // '+12.34%'\n * formatPercent(-5.67) // '-5.67%'\n */\nexport const formatPercent = (val: number): string => {\n  const sign = val >= 0 ? '+' : '';\n  return `${sign}${val.toFixed(2)}%`;\n};\n\n/**\n * Format percentage without sign prefix\n *\n * @example\n * formatPercentNoSign(12.34) // '12.34%'\n * formatPercentNoSign(-5.67) // '-5.67%'\n */\nexport const formatPercentNoSign = (val: number): string => {\n  return `${val.toFixed(2)}%`;\n};\n\n/**\n * Format volume with abbreviated suffixes (K, M, B)\n *\n * @example\n * formatVolume(1500000) // '1.50M'\n * formatVolume(75000) // '75.0K'\n * formatVolume(500) // '500'\n */\nexport const formatVolume = (val: number): string => {\n  const absValue = Math.abs(val);\n\n  if (absValue >= 1_000_000_000) {\n    return `${(val / 1_000_000_000).toFixed(2)}B`;\n  }\n  if (absValue >= 1_000_000) {\n    return `${(val / 1_000_000).toFixed(2)}M`;\n  }\n  if (absValue >= 1_000) {\n    return `${(val / 1_000).toFixed(1)}K`;\n  }\n  return val.toFixed(0);\n};\n\n/**\n * Format number with abbreviated suffixes (K, M, B)\n * Generic version without currency symbol\n *\n * @example\n * formatNumber(1234567) // '1.23M'\n * formatNumber(5000) // '5.0K'\n */\nexport const formatNumber = (val: number): string => {\n  const absValue = Math.abs(val);\n  const sign = val < 0 ? '-' : '';\n\n  if (absValue >= 1_000_000_000) {\n    return `${sign}${(absValue / 1_000_000_000).toFixed(2)}B`;\n  }\n  if (absValue >= 1_000_000) {\n    return `${sign}${(absValue / 1_000_000).toFixed(2)}M`;\n  }\n  if (absValue >= 1_000) {\n    return `${sign}${(absValue / 1_000).toFixed(1)}K`;\n  }\n  return `${sign}${absValue.toFixed(2)}`;\n};\n\n/**\n * Format number with full precision using Intl.NumberFormat\n *\n * @example\n * formatNumberFull(1234567) // '1,234,567'\n */\nexport const formatNumberFull = (val: number, decimals: number = 0): string => {\n  return new Intl.NumberFormat('en-US', {\n    minimumFractionDigits: decimals,\n    maximumFractionDigits: decimals,\n  }).format(val);\n};\n\n/**\n * Round to a \"nice\" number for display (caps, axis ranges, etc)\n *\n * @example\n * roundToNice(123) // 200\n * roundToNice(4567) // 5000\n */\nexport const roundToNice = (value: number): number => {\n  if (value === 0) return 0;\n  const absValue = Math.abs(value);\n  const magnitude = Math.pow(10, Math.floor(Math.log10(absValue)));\n  const rounded = Math.ceil(absValue / magnitude) * magnitude;\n  return value < 0 ? -rounded : rounded;\n};\n"],"names":["formatCurrency","val","absValue","sign","formatCurrencyFull","formatPercent","roundToNice","value","magnitude","rounded"],"mappings":"AAgBO,MAAMA,IAAiB,CAACC,MAAwB;AACrD,QAAMC,IAAW,KAAK,IAAID,CAAG,GACvBE,IAAOF,IAAM,IAAI,MAAMA,IAAM,IAAI,MAAM;AAE7C,SAAIC,KAAY,MACP,GAAGC,CAAI,KAAKD,IAAW,KAAe,QAAQ,CAAC,CAAC,MAErDA,KAAY,MACP,GAAGC,CAAI,KAAKD,IAAW,KAAW,QAAQ,CAAC,CAAC,MAEjDA,KAAY,MACP,GAAGC,CAAI,KAAKD,IAAW,KAAO,QAAQ,CAAC,CAAC,MAE1C,GAAGC,CAAI,IAAID,EAAS,QAAQ,CAAC,CAAC;AACvC,GAkCaE,IAAqB,CAACH,OACpBA,KAAO,IAAI,MAAM,MAG5B,IAAI,KAAK,aAAa,SAAS;AAAA,EAC7B,OAAO;AAAA,EACP,UAAU;AAAA,EACV,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,CACxB,EAAE,OAAO,KAAK,IAAIA,CAAG,CAAC,GA2BdI,IAAgB,CAACJ,MAErB,GADMA,KAAO,IAAI,MAAM,EAChB,GAAGA,EAAI,QAAQ,CAAC,CAAC,KAiFpBK,IAAc,CAACC,MAA0B;AACpD,MAAIA,MAAU,EAAG,QAAO;AACxB,QAAML,IAAW,KAAK,IAAIK,CAAK,GACzBC,IAAY,KAAK,IAAI,IAAI,KAAK,MAAM,KAAK,MAAMN,CAAQ,CAAC,CAAC,GACzDO,IAAU,KAAK,KAAKP,IAAWM,CAAS,IAAIA;AAClD,SAAOD,IAAQ,IAAI,CAACE,IAAUA;AAChC;"}
+{"version":3,"file":"petal-toolkit.es1324.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/petal-toolkit.es1325.js

@@ -1,55 +1,20 @@
-import { useId as b, useRef as t } from "react";
-import { getThemeFromPreset as g } from "./petal-toolkit.es58.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
-  };
-}
+const o = (t) => {
+  const n = Math.abs(t), r = t < 0 ? "-" : t > 0 ? "+" : "";
+  return n >= 1e9 ? `${r}$${(n / 1e9).toFixed(2)}B` : n >= 1e6 ? `${r}$${(n / 1e6).toFixed(2)}M` : n >= 1e3 ? `${r}$${(n / 1e3).toFixed(1)}K` : `${r}$${n.toFixed(2)}`;
+}, i = (t) => (t >= 0 ? "+" : "") + new Intl.NumberFormat("en-US", {
+  style: "currency",
+  currency: "USD",
+  minimumFractionDigits: 2,
+  maximumFractionDigits: 2
+}).format(Math.abs(t)), s = (t) => `${t >= 0 ? "+" : ""}${t.toFixed(2)}%`, c = (t) => {
+  if (t === 0) return 0;
+  const n = Math.abs(t), r = Math.pow(10, Math.floor(Math.log10(n))), e = Math.ceil(n / r) * r;
+  return t < 0 ? -e : e;
+};
 export {
-  m as getBaseThemeColors,
-  p as getContainerStyle,
-  x as useFinancialChartSetup
+  o as formatCurrency,
+  i as formatCurrencyFull,
+  s as formatPercent,
+  c as roundToNice
 };
 //# sourceMappingURL=petal-toolkit.es1325.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"petal-toolkit.es1325.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.es1325.js","sources":["../src/utils/formatters.ts"],"sourcesContent":["/**\n * Shared Formatting Utilities\n *\n * Common number/currency/percent formatters used across charts.\n * Import from here instead of duplicating in each component.\n */\n\n/**\n * Format currency value with abbreviated suffixes (K, M, B)\n * Includes sign prefix for gains/losses\n *\n * @example\n * formatCurrency(1234567) // '+$1.23M'\n * formatCurrency(-5000) // '-$5.0K'\n * formatCurrency(50) // '+$50.00'\n */\nexport const formatCurrency = (val: number): string => {\n  const absValue = Math.abs(val);\n  const sign = val < 0 ? '-' : val > 0 ? '+' : '';\n\n  if (absValue >= 1_000_000_000) {\n    return `${sign}$${(absValue / 1_000_000_000).toFixed(2)}B`;\n  }\n  if (absValue >= 1_000_000) {\n    return `${sign}$${(absValue / 1_000_000).toFixed(2)}M`;\n  }\n  if (absValue >= 1_000) {\n    return `${sign}$${(absValue / 1_000).toFixed(1)}K`;\n  }\n  return `${sign}$${absValue.toFixed(2)}`;\n};\n\n/**\n * Format currency value without sign prefix\n * Uses abbreviated suffixes (K, M, B)\n *\n * @example\n * formatCurrencyNoSign(1234567) // '$1.23M'\n * formatCurrencyNoSign(-5000) // '-$5.0K'\n */\nexport const formatCurrencyNoSign = (val: number): string => {\n  const absValue = Math.abs(val);\n  const sign = val < 0 ? '-' : '';\n\n  if (absValue >= 1_000_000_000) {\n    return `${sign}$${(absValue / 1_000_000_000).toFixed(2)}B`;\n  }\n  if (absValue >= 1_000_000) {\n    return `${sign}$${(absValue / 1_000_000).toFixed(2)}M`;\n  }\n  if (absValue >= 1_000) {\n    return `${sign}$${(absValue / 1_000).toFixed(1)}K`;\n  }\n  return `${sign}$${absValue.toFixed(2)}`;\n};\n\n/**\n * Format currency with full precision using Intl.NumberFormat\n * Includes sign prefix for gains/losses\n *\n * @example\n * formatCurrencyFull(1234.56) // '+$1,234.56'\n * formatCurrencyFull(-567.89) // '-$567.89'\n */\nexport const formatCurrencyFull = (val: number): string => {\n  const sign = val >= 0 ? '+' : '';\n  return (\n    sign +\n    new Intl.NumberFormat('en-US', {\n      style: 'currency',\n      currency: 'USD',\n      minimumFractionDigits: 2,\n      maximumFractionDigits: 2,\n    }).format(Math.abs(val))\n  );\n};\n\n/**\n * Format currency with full precision, no sign prefix\n *\n * @example\n * formatCurrencyFullNoSign(1234.56) // '$1,234.56'\n * formatCurrencyFullNoSign(-567.89) // '-$567.89'\n */\nexport const formatCurrencyFullNoSign = (val: number): string => {\n  return new Intl.NumberFormat('en-US', {\n    style: 'currency',\n    currency: 'USD',\n    minimumFractionDigits: 2,\n    maximumFractionDigits: 2,\n  }).format(val);\n};\n\n/**\n * Format percentage with sign prefix\n *\n * @example\n * formatPercent(12.34) // '+12.34%'\n * formatPercent(-5.67) // '-5.67%'\n */\nexport const formatPercent = (val: number): string => {\n  const sign = val >= 0 ? '+' : '';\n  return `${sign}${val.toFixed(2)}%`;\n};\n\n/**\n * Format percentage without sign prefix\n *\n * @example\n * formatPercentNoSign(12.34) // '12.34%'\n * formatPercentNoSign(-5.67) // '-5.67%'\n */\nexport const formatPercentNoSign = (val: number): string => {\n  return `${val.toFixed(2)}%`;\n};\n\n/**\n * Format volume with abbreviated suffixes (K, M, B)\n *\n * @example\n * formatVolume(1500000) // '1.50M'\n * formatVolume(75000) // '75.0K'\n * formatVolume(500) // '500'\n */\nexport const formatVolume = (val: number): string => {\n  const absValue = Math.abs(val);\n\n  if (absValue >= 1_000_000_000) {\n    return `${(val / 1_000_000_000).toFixed(2)}B`;\n  }\n  if (absValue >= 1_000_000) {\n    return `${(val / 1_000_000).toFixed(2)}M`;\n  }\n  if (absValue >= 1_000) {\n    return `${(val / 1_000).toFixed(1)}K`;\n  }\n  return val.toFixed(0);\n};\n\n/**\n * Format number with abbreviated suffixes (K, M, B)\n * Generic version without currency symbol\n *\n * @example\n * formatNumber(1234567) // '1.23M'\n * formatNumber(5000) // '5.0K'\n */\nexport const formatNumber = (val: number): string => {\n  const absValue = Math.abs(val);\n  const sign = val < 0 ? '-' : '';\n\n  if (absValue >= 1_000_000_000) {\n    return `${sign}${(absValue / 1_000_000_000).toFixed(2)}B`;\n  }\n  if (absValue >= 1_000_000) {\n    return `${sign}${(absValue / 1_000_000).toFixed(2)}M`;\n  }\n  if (absValue >= 1_000) {\n    return `${sign}${(absValue / 1_000).toFixed(1)}K`;\n  }\n  return `${sign}${absValue.toFixed(2)}`;\n};\n\n/**\n * Format number with full precision using Intl.NumberFormat\n *\n * @example\n * formatNumberFull(1234567) // '1,234,567'\n */\nexport const formatNumberFull = (val: number, decimals: number = 0): string => {\n  return new Intl.NumberFormat('en-US', {\n    minimumFractionDigits: decimals,\n    maximumFractionDigits: decimals,\n  }).format(val);\n};\n\n/**\n * Round to a \"nice\" number for display (caps, axis ranges, etc)\n *\n * @example\n * roundToNice(123) // 200\n * roundToNice(4567) // 5000\n */\nexport const roundToNice = (value: number): number => {\n  if (value === 0) return 0;\n  const absValue = Math.abs(value);\n  const magnitude = Math.pow(10, Math.floor(Math.log10(absValue)));\n  const rounded = Math.ceil(absValue / magnitude) * magnitude;\n  return value < 0 ? -rounded : rounded;\n};\n"],"names":["formatCurrency","val","absValue","sign","formatCurrencyFull","formatPercent","roundToNice","value","magnitude","rounded"],"mappings":"AAgBO,MAAMA,IAAiB,CAACC,MAAwB;AACrD,QAAMC,IAAW,KAAK,IAAID,CAAG,GACvBE,IAAOF,IAAM,IAAI,MAAMA,IAAM,IAAI,MAAM;AAE7C,SAAIC,KAAY,MACP,GAAGC,CAAI,KAAKD,IAAW,KAAe,QAAQ,CAAC,CAAC,MAErDA,KAAY,MACP,GAAGC,CAAI,KAAKD,IAAW,KAAW,QAAQ,CAAC,CAAC,MAEjDA,KAAY,MACP,GAAGC,CAAI,KAAKD,IAAW,KAAO,QAAQ,CAAC,CAAC,MAE1C,GAAGC,CAAI,IAAID,EAAS,QAAQ,CAAC,CAAC;AACvC,GAkCaE,IAAqB,CAACH,OACpBA,KAAO,IAAI,MAAM,MAG5B,IAAI,KAAK,aAAa,SAAS;AAAA,EAC7B,OAAO;AAAA,EACP,UAAU;AAAA,EACV,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,CACxB,EAAE,OAAO,KAAK,IAAIA,CAAG,CAAC,GA2BdI,IAAgB,CAACJ,MAErB,GADMA,KAAO,IAAI,MAAM,EAChB,GAAGA,EAAI,QAAQ,CAAC,CAAC,KAiFpBK,IAAc,CAACC,MAA0B;AACpD,MAAIA,MAAU,EAAG,QAAO;AACxB,QAAML,IAAW,KAAK,IAAIK,CAAK,GACzBC,IAAY,KAAK,IAAI,IAAI,KAAK,MAAM,KAAK,MAAMN,CAAQ,CAAC,CAAC,GACzDO,IAAU,KAAK,KAAKP,IAAWM,CAAS,IAAIA;AAClD,SAAOD,IAAQ,IAAI,CAACE,IAAUA;AAChC;"}