@carto/ps-react-ui 4.4.2 → 4.5.0

package/dist/widgets/scatterplot.js.map

@@ -1 +1 @@
-{"version":3,"file":"scatterplot.js","sources":["../../src/widgets/scatterplot/config.ts","../../src/widgets/scatterplot/style.ts","../../src/widgets/scatterplot/skeleton.tsx"],"sourcesContent":["import {\n  getCommonOptions,\n  mergeEchartWidgetConfig,\n  type EchartOptionsProps,\n} from '../echart'\nimport type {\n  ScatterplotConfig,\n  ScatterplotWidgetConfig,\n  ScatterplotWidgetData,\n} from './types'\nimport {\n  scatterplotDataToCSV,\n  buildLegendConfig,\n  createTooltipFormatter,\n  createChartDownloadConfig,\n  applyYAxisFormatter,\n} from '../utils/chart-config'\n\nexport const scatterplotDownloadConfig =\n  createChartDownloadConfig<ScatterplotWidgetData>(scatterplotDataToCSV)\n\n/**\n * Generates ECharts configuration for X-Y scatter plot widgets with value axes, legend support, and CARTO qualitative color palette.\n *\n * @param props - Scatterplot configuration including data points and theme.\n * @returns Widget config with ECharts option object.\n */\nexport function scatterplotConfig(\n  props: ScatterplotConfig,\n): ScatterplotWidgetConfig {\n  return {\n    type: 'scatterplot',\n    option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n    formatter: props.formatter,\n  }\n}\n\nfunction getOption({\n  data = [],\n  theme,\n  formatter,\n}: ScatterplotConfig): EchartOptionsProps {\n  const hasLegend = data.length > 1\n\n  const xAxis = {\n    type: 'value' as const,\n    axisLine: { show: false },\n    axisTick: { show: false },\n    axisLabel: {\n      fontSize: theme.typography.overlineDelicate.fontSize,\n      fontFamily: theme.typography.overlineDelicate.fontFamily,\n      showMinLabel: true,\n      showMaxLabel: true,\n      hideOverlap: true,\n      padding: [\n        parseInt(theme.spacing(0.5)),\n        parseInt(theme.spacing(0.5)),\n        0,\n        parseInt(theme.spacing(0.5)),\n      ],\n      color: theme.palette.black[60],\n    },\n    splitLine: {\n      show: true,\n      lineStyle: { color: theme.palette.black[4] },\n    },\n  }\n\n  const yAxis = {\n    type: 'value' as const,\n    axisLabel: {\n      fontSize: theme.typography.overlineDelicate.fontSize,\n      fontFamily: theme.typography.overlineDelicate.fontFamily,\n      inside: false,\n      padding: [\n        0,\n        0,\n        parseInt(theme.spacing(1.25)),\n        parseInt(theme.spacing(3.25)),\n      ],\n      margin: 0,\n      show: true,\n      showMaxLabel: true,\n      showMinLabel: false,\n      align: 'right',\n      verticalAlign: 'bottom',\n    },\n    axisLine: { show: false },\n    axisTick: { show: false },\n    splitLine: {\n      show: true,\n      lineStyle: { color: theme.palette.black[4] },\n    },\n  }\n\n  return {\n    legend: buildLegendConfig(hasLegend),\n    grid: {\n      ...(!hasLegend && { bottom: parseInt(theme.spacing(1)) }),\n      ...(hasLegend && { bottom: parseInt(theme.spacing(10)) }),\n    },\n    xAxis,\n    yAxis: applyYAxisFormatter(yAxis, formatter),\n    tooltip: {\n      trigger: 'item',\n      // position: createTooltipPositioner(theme),\n      formatter: createTooltipFormatter((item) => {\n        const value = item.value as Record<string, string | number>\n        const index = item.encode?.y?.at(0)\n        const _value = value[index ?? '']\n\n        const formattedValue =\n          typeof _value === 'number' && formatter\n            ? formatter(_value)\n            : (_value ?? '')\n        const marker = typeof item.marker === 'string' ? item.marker : ''\n        const name = item.seriesName ?? ''\n\n        return { name, seriesName: '', marker, value: formattedValue }\n      }),\n    },\n    color: Object.values(theme.palette.qualitative.bold),\n    series: data.map((_: unknown, index: number) => ({\n      datasetIndex: index,\n      type: 'scatter',\n      symbolSize: 8,\n    })),\n  } as EchartOptionsProps\n}\n","import type { SxProps, Theme } from '@mui/material'\nimport { baseSkeletonStyles } from '../utils/skeleton'\n\nexport const styles = {\n  skeleton: {\n    graph: {\n      container: {\n        ...baseSkeletonStyles.graph.container,\n        position: 'relative',\n      },\n    },\n    legend: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: ({ spacing }) => spacing(2),\n      height: ({ spacing }) => spacing(5),\n      position: 'absolute',\n      bottom: 0,\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nconst SCATTER_POINTS = [\n  { left: '20%', top: '62%' },\n  { left: '26%', top: '70%' },\n  { left: '29%', top: '73%' },\n  { left: '38%', top: '63%' },\n  { left: '41%', top: '68%' },\n  { left: '47%', top: '62%' },\n  { left: '53%', top: '49%' },\n  { left: '56%', top: '55%' },\n  { left: '65%', top: '37%' },\n  { left: '68%', top: '43%' },\n  { left: '77%', top: '59%' },\n  { left: '25%', top: '30%' },\n  { left: '60%', top: '70%' },\n  { left: '10%', top: '55%' },\n  { left: '40%', top: '40%' },\n]\n\nexport function ScatterplotSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      {SCATTER_POINTS.map((point, index) => (\n        <Skeleton\n          key={`skeleton-point-${index}`}\n          variant='circular'\n          width={12}\n          height={12}\n          sx={{\n            position: 'absolute',\n            top: point.top,\n            left: point.left,\n            transform: 'translate(-50%, -50%)',\n          }}\n        />\n      ))}\n      {/* Legend */}\n      <Box sx={styles.skeleton.legend}>\n        {Array(2)\n          .fill(0)\n          .map((_, i) => (\n            <Box\n              key={`skeleton-${i}`}\n              sx={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: ({ spacing }) => spacing(1.5),\n              }}\n            >\n              <Skeleton variant='circular' width={8} height={8} />\n              <Skeleton width={48} height={8} />\n            </Box>\n          ))}\n      </Box>\n    </Box>\n  )\n}\n"],"names":["scatterplotDownloadConfig","createChartDownloadConfig","scatterplotDataToCSV","scatterplotConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","formatter","data","theme","hasLegend","length","xAxis","axisLine","show","axisTick","axisLabel","fontSize","typography","overlineDelicate","fontFamily","showMinLabel","showMaxLabel","hideOverlap","padding","parseInt","spacing","color","palette","black","splitLine","lineStyle","yAxis","inside","margin","align","verticalAlign","legend","buildLegendConfig","grid","bottom","applyYAxisFormatter","tooltip","trigger","createTooltipFormatter","item","value","index","encode","y","at","_value","formattedValue","marker","name","seriesName","Object","values","qualitative","bold","series","map","_","datasetIndex","symbolSize","styles","skeleton","graph","container","baseSkeletonStyles","position","display","alignItems","gap","height","SCATTER_POINTS","left","top","ScatterplotSkeleton","$","_c","t0","Symbol","for","_temp","t1","Box","jsx","Array","fill","_temp3","i","jsxs","_temp2","Skeleton","point","transform"],"mappings":"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"}
+{"version":3,"file":"scatterplot.js","sources":["../../src/widgets/scatterplot/config.ts","../../src/widgets/scatterplot/style.ts","../../src/widgets/scatterplot/skeleton.tsx"],"sourcesContent":["import {\n  getCommonOptions,\n  mergeEchartWidgetConfig,\n  type EchartOptionsProps,\n} from '../echart'\nimport type {\n  ScatterplotConfig,\n  ScatterplotWidgetConfig,\n  ScatterplotWidgetData,\n} from './types'\nimport {\n  scatterplotDataToCSV,\n  buildLegendConfig,\n  createTooltipFormatter,\n  createChartDownloadConfig,\n  applyYAxisFormatter,\n  applyXAxisFormatter,\n} from '../utils/chart-config'\n\nexport const scatterplotDownloadConfig =\n  createChartDownloadConfig<ScatterplotWidgetData>(scatterplotDataToCSV)\n\n/**\n * Generates ECharts configuration for X-Y scatter plot widgets with value axes, legend support, and CARTO qualitative color palette.\n *\n * @param props - Scatterplot configuration including data points and theme.\n * @returns Widget config with ECharts option object.\n */\nexport function scatterplotConfig(\n  props: ScatterplotConfig,\n): ScatterplotWidgetConfig {\n  return {\n    type: 'scatterplot',\n    option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n    formatter: props.formatter,\n    labelFormatter: props.labelFormatter,\n  }\n}\n\nfunction getOption({\n  data = [],\n  theme,\n  formatter,\n  labelFormatter,\n}: ScatterplotConfig): EchartOptionsProps {\n  const hasLegend = data.length > 1\n\n  const xAxis = {\n    type: 'value' as const,\n    axisLine: { show: false },\n    axisTick: { show: false },\n    axisLabel: {\n      fontSize: theme.typography.overlineDelicate.fontSize,\n      fontFamily: theme.typography.overlineDelicate.fontFamily,\n      showMinLabel: true,\n      showMaxLabel: true,\n      hideOverlap: true,\n      padding: [\n        parseInt(theme.spacing(0.5)),\n        parseInt(theme.spacing(0.5)),\n        0,\n        parseInt(theme.spacing(0.5)),\n      ],\n      color: theme.palette.black[60],\n    },\n    splitLine: {\n      show: true,\n      lineStyle: { color: theme.palette.black[4] },\n    },\n  }\n\n  const yAxis = {\n    type: 'value' as const,\n    axisLabel: {\n      fontSize: theme.typography.overlineDelicate.fontSize,\n      fontFamily: theme.typography.overlineDelicate.fontFamily,\n      inside: false,\n      padding: [\n        0,\n        0,\n        parseInt(theme.spacing(1.25)),\n        parseInt(theme.spacing(3.25)),\n      ],\n      margin: 0,\n      show: true,\n      showMaxLabel: true,\n      showMinLabel: false,\n      align: 'right',\n      verticalAlign: 'bottom',\n    },\n    axisLine: { show: false },\n    axisTick: { show: false },\n    splitLine: {\n      show: true,\n      lineStyle: { color: theme.palette.black[4] },\n    },\n  }\n\n  return {\n    legend: buildLegendConfig({ hasLegend, labelFormatter }),\n    grid: {\n      ...(!hasLegend && { bottom: parseInt(theme.spacing(1)) }),\n      ...(hasLegend && { bottom: parseInt(theme.spacing(10)) }),\n    },\n    xAxis: applyXAxisFormatter(xAxis, labelFormatter),\n    yAxis: applyYAxisFormatter(yAxis, formatter),\n    tooltip: {\n      trigger: 'item',\n      // position: createTooltipPositioner(theme),\n      formatter: createTooltipFormatter((item) => {\n        const value = item.value as Record<string, string | number>\n        const index = item.encode?.y?.at(0)\n        const _value = value[index ?? '']\n\n        const formattedValue =\n          typeof _value === 'number' && formatter\n            ? formatter(_value)\n            : (_value ?? '')\n        const marker = typeof item.marker === 'string' ? item.marker : ''\n        const name = labelFormatter\n          ? String(labelFormatter(item.seriesName ?? ''))\n          : (item.seriesName ?? '')\n\n        return { name, seriesName: '', marker, value: formattedValue }\n      }),\n    },\n    color: Object.values(theme.palette.qualitative.bold),\n    series: data.map((_: unknown, index: number) => ({\n      datasetIndex: index,\n      type: 'scatter',\n      symbolSize: 8,\n    })),\n  } as EchartOptionsProps\n}\n","import type { SxProps, Theme } from '@mui/material'\nimport { baseSkeletonStyles } from '../utils/skeleton'\n\nexport const styles = {\n  skeleton: {\n    graph: {\n      container: {\n        ...baseSkeletonStyles.graph.container,\n        position: 'relative',\n      },\n    },\n    legend: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: ({ spacing }) => spacing(2),\n      height: ({ spacing }) => spacing(5),\n      position: 'absolute',\n      bottom: 0,\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nconst SCATTER_POINTS = [\n  { left: '20%', top: '62%' },\n  { left: '26%', top: '70%' },\n  { left: '29%', top: '73%' },\n  { left: '38%', top: '63%' },\n  { left: '41%', top: '68%' },\n  { left: '47%', top: '62%' },\n  { left: '53%', top: '49%' },\n  { left: '56%', top: '55%' },\n  { left: '65%', top: '37%' },\n  { left: '68%', top: '43%' },\n  { left: '77%', top: '59%' },\n  { left: '25%', top: '30%' },\n  { left: '60%', top: '70%' },\n  { left: '10%', top: '55%' },\n  { left: '40%', top: '40%' },\n]\n\nexport function ScatterplotSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      {SCATTER_POINTS.map((point, index) => (\n        <Skeleton\n          key={`skeleton-point-${index}`}\n          variant='circular'\n          width={12}\n          height={12}\n          sx={{\n            position: 'absolute',\n            top: point.top,\n            left: point.left,\n            transform: 'translate(-50%, -50%)',\n          }}\n        />\n      ))}\n      {/* Legend */}\n      <Box sx={styles.skeleton.legend}>\n        {Array(2)\n          .fill(0)\n          .map((_, i) => (\n            <Box\n              key={`skeleton-${i}`}\n              sx={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: ({ spacing }) => spacing(1.5),\n              }}\n            >\n              <Skeleton variant='circular' width={8} height={8} />\n              <Skeleton width={48} height={8} />\n            </Box>\n          ))}\n      </Box>\n    </Box>\n  )\n}\n"],"names":["scatterplotDownloadConfig","createChartDownloadConfig","scatterplotDataToCSV","scatterplotConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","formatter","labelFormatter","data","theme","hasLegend","length","xAxis","axisLine","show","axisTick","axisLabel","fontSize","typography","overlineDelicate","fontFamily","showMinLabel","showMaxLabel","hideOverlap","padding","parseInt","spacing","color","palette","black","splitLine","lineStyle","yAxis","inside","margin","align","verticalAlign","legend","buildLegendConfig","grid","bottom","applyXAxisFormatter","applyYAxisFormatter","tooltip","trigger","createTooltipFormatter","item","value","index","encode","y","at","_value","formattedValue","marker","name","String","seriesName","Object","values","qualitative","bold","series","map","_","datasetIndex","symbolSize","styles","skeleton","graph","container","baseSkeletonStyles","position","display","alignItems","gap","height","SCATTER_POINTS","left","top","ScatterplotSkeleton","$","_c","t0","Symbol","for","_temp","t1","Box","jsx","Array","fill","_temp3","i","jsxs","_temp2","Skeleton","point","transform"],"mappings":"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"}

package/dist/widgets/skeleton-loader.js

@@ -1,24 +1,25 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as f } from "react/compiler-runtime";
-import { u as m } from "../widget-store-CzDt8oSK.js";
-import { Suspense as u } from "react";
-import { useShallow as d } from "zustand/shallow";
-function h(l) {
-  const e = f(4), {
-    id: r,
-    children: s,
-    Skeleton: t
-  } = l;
-  let i;
-  if (e[0] !== r ? (i = (o) => o.widgets[r]?.isLoading, e[0] = r, e[1] = i) : i = e[1], m(d(i))) {
-    if (!t)
+import { jsx as t } from "react/jsx-runtime";
+import { c as s } from "react/compiler-runtime";
+import { u } from "../use-widget-selector-DqRmWQ1K.js";
+import { Suspense as c } from "react";
+function L(r) {
+  const e = s(2), {
+    id: i,
+    children: l,
+    Skeleton: n
+  } = r;
+  if (u(i, f)) {
+    if (!n)
       return null;
     let o;
-    return e[2] !== t ? (o = /* @__PURE__ */ n(u, { fallback: null, children: /* @__PURE__ */ n(t, {}) }), e[2] = t, e[3] = o) : o = e[3], o;
+    return e[0] !== n ? (o = /* @__PURE__ */ t(c, { fallback: null, children: /* @__PURE__ */ t(n, {}) }), e[0] = n, e[1] = o) : o = e[1], o;
   }
-  return s;
+  return l;
+}
+function f(r) {
+  return r?.isLoading;
 }
 export {
-  h as SkeletonLoader
+  L as SkeletonLoader
 };
 //# sourceMappingURL=skeleton-loader.js.map

package/dist/widgets/skeleton-loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-loader.js","sources":["../../src/widgets/skeleton-loader/skeleton-loader.tsx"],"sourcesContent":["import type { SkeletonLoaderProps } from './types'\nimport { useWidgetStore } from '../stores/widget-store'\nimport { Suspense } from 'react'\nimport { useShallow } from 'zustand/shallow'\n\n/**\n * Displays a skeleton loading placeholder while widget data is loading. Subscribes to widget loading state in the store and renders the provided Skeleton component or children accordingly.\n *\n * @example\n * ```tsx\n * <SkeletonLoader id=\"sales-chart\" Skeleton={BarSkeleton}>\n *   <Bar id=\"sales-chart\" />\n * </SkeletonLoader>\n * ```\n */\nexport function SkeletonLoader({\n  id,\n  children,\n  Skeleton,\n}: SkeletonLoaderProps) {\n  const isLoading = useWidgetStore(\n    useShallow((state) => state.widgets[id]?.isLoading),\n  )\n\n  if (isLoading) {\n    if (!Skeleton) {\n      return null\n    }\n\n    return (\n      <Suspense fallback={null}>\n        <Skeleton />\n      </Suspense>\n    )\n  }\n\n  return children\n}\n"],"names":["SkeletonLoader","t0","$","_c","id","children","Skeleton","t1","state","widgets","isLoading","useWidgetStore","useShallow","t2","Suspense","jsx"],"mappings":";;;;;AAeO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAwB;AAAA,IAAAC,IAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAAL;AAIT,MAAAM;AAKpB,MALoBL,SAAAE,KAEPG,IAAAC,CAAAA,MAAWA,EAAKC,QAASL,CAAE,GAAYM,WAAAR,OAAAE,GAAAF,OAAAK,KAAAA,IAAAL,EAAA,CAAA,GADlCS,EAChBC,EAAWL,CAAuC,CACpD,GAEa;AACX,QAAI,CAACD;AAAQ,aACJ;AACR,QAAAO;AAAA,WAAAX,SAAAI,KAGCO,sBAACC,GAAA,EAAmB,UAAA,MAClB,UAAA,gBAAAC,EAACT,KAAQ,GACX,GAAWJ,OAAAI,GAAAJ,OAAAW,KAAAA,IAAAX,EAAA,CAAA,GAFXW;AAAAA,EAEW;AAEd,SAEMR;AAAQ;"}
+{"version":3,"file":"skeleton-loader.js","sources":["../../src/widgets/skeleton-loader/skeleton-loader.tsx"],"sourcesContent":["import type { SkeletonLoaderProps } from './types'\nimport { useWidgetSelector } from '../stores/use-widget-selector'\nimport { Suspense } from 'react'\n\n/**\n * Displays a skeleton loading placeholder while widget data is loading. Subscribes to widget loading state in the store and renders the provided Skeleton component or children accordingly.\n *\n * @example\n * ```tsx\n * <SkeletonLoader id=\"sales-chart\" Skeleton={BarSkeleton}>\n *   <Bar id=\"sales-chart\" />\n * </SkeletonLoader>\n * ```\n */\nexport function SkeletonLoader({\n  id,\n  children,\n  Skeleton,\n}: SkeletonLoaderProps) {\n  const isLoading = useWidgetSelector(id, (w) => w?.isLoading)\n\n  if (isLoading) {\n    if (!Skeleton) {\n      return null\n    }\n\n    return (\n      <Suspense fallback={null}>\n        <Skeleton />\n      </Suspense>\n    )\n  }\n\n  return children\n}\n"],"names":["SkeletonLoader","t0","$","_c","id","children","Skeleton","useWidgetSelector","_temp","t1","Suspense","jsx","w","isLoading"],"mappings":";;;;AAcO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAwB;AAAA,IAAAC,IAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAAL;AAO7B,MAFkBM,EAAkBH,GAAII,CAAmB,GAE9C;AACX,QAAI,CAACF;AAAQ,aACJ;AACR,QAAAG;AAAA,WAAAP,SAAAI,KAGCG,sBAACC,GAAA,EAAmB,UAAA,MAClB,UAAA,gBAAAC,EAACL,KAAQ,GACX,GAAWJ,OAAAI,GAAAJ,OAAAO,KAAAA,IAAAP,EAAA,CAAA,GAFXO;AAAAA,EAEW;AAEd,SAEMJ;AAAQ;AAnBV,SAAAG,EAAAI,GAAA;AAAA,SAK0CA,GAACC;AAAW;"}

package/dist/widgets/spread.js

@@ -1,146 +1,162 @@
-import { jsx as a, jsxs as I, Fragment as M } from "react/jsx-runtime";
-import { c as w } from "react/compiler-runtime";
-import { I as y, S as k, P as C, a as R } from "../series-CYNOu2Ju.js";
-import { u as h } from "../widget-store-CzDt8oSK.js";
-import { useShallow as S } from "zustand/shallow";
-import { d as T } from "../formatter-B1Xh8XDH.js";
-import { Box as $, Skeleton as V } from "@mui/material";
-import { R as b } from "../row-DTCV0Ocm.js";
+import { jsx as s, jsxs as M, Fragment as _ } from "react/jsx-runtime";
+import { c as g } from "react/compiler-runtime";
+import { I as w, S as k, P as C, a as R } from "../series-Bola3CmD.js";
+import { u as T } from "../use-widget-selector-DqRmWQ1K.js";
+import { d as $ } from "../formatter-B9Bxn1k7.js";
+import { Box as I, Skeleton as V } from "@mui/material";
+import "../widget-store-CIrb9RKP.js";
+import "zustand/shallow";
+import { R as b } from "../row-D4VOhcNI.js";
 import "@mui/icons-material";
 import "react";
-import { u as j } from "../use-widget-ref-wtFLDFCD.js";
-import "react-markdown";
 import "html2canvas";
 import "../lasso-tool-BYbxrJ-7.js";
 import "../cjs-D4KH3azB.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "@dnd-kit/utilities";
-import { d as W, a as P } from "../exports-Cr43OCul.js";
-function v(t) {
-  const e = w(2);
+import { u as j } from "../use-widget-ref-BFazQvJK.js";
+import { d as y, a as P } from "../exports-Cr43OCul.js";
+function v(e) {
+  const t = g(2);
   let i;
-  return e[0] !== t ? (i = /* @__PURE__ */ a(y, { ...t, children: "-" }), e[0] = t, e[1] = i) : i = e[1], i;
+  return t[0] !== e ? (i = /* @__PURE__ */ s(w, { ...e, children: "-" }), t[0] = e, t[1] = i) : i = t[1], i;
 }
-function F(t) {
-  const e = w(19);
-  let i, o, r;
-  e[0] !== t ? ({
+function F(e) {
+  const t = g(15);
+  let i, r, o;
+  t[0] !== e ? ({
     id: i,
-    index: r,
-    ...o
-  } = t, e[0] = t, e[1] = i, e[2] = o, e[3] = r) : (i = e[1], o = e[2], r = e[3]);
-  const n = r === void 0 ? 0 : r;
-  let s;
-  e[4] !== i || e[5] !== n ? (s = (f) => f.getWidget(i)?.data[n]?.min, e[4] = i, e[5] = n, e[6] = s) : s = e[6];
-  const m = h(S(s));
-  let c;
-  e[7] !== i || e[8] !== n ? (c = (f) => f.getWidget(i)?.data[n]?.color, e[7] = i, e[8] = n, e[9] = c) : c = e[9];
-  const u = h(S(c)), p = h(S((f) => f.getWidget(i)?.formatter)) ?? T;
-  let l;
-  e[10] !== u ? (l = {
-    color: u
-  }, e[10] = u, e[11] = l) : l = e[11];
-  const x = m ?? 0;
+    index: o,
+    ...r
+  } = e, t[0] = e, t[1] = i, t[2] = r, t[3] = o) : (i = t[1], r = t[2], o = t[3]);
+  const n = o === void 0 ? 0 : o;
   let d;
-  e[12] !== p || e[13] !== x ? (d = p(x), e[12] = p, e[13] = x, e[14] = d) : d = e[14];
-  let g;
-  return e[15] !== o || e[16] !== l || e[17] !== d ? (g = /* @__PURE__ */ a(y, { TypographyProps: l, ...o, children: d }), e[15] = o, e[16] = l, e[17] = d, e[18] = g) : g = e[18], g;
+  t[4] !== n ? (d = (S) => {
+    const p = S;
+    return {
+      min: p?.data[n]?.min,
+      color: p?.data[n]?.color,
+      formatter: p?.formatter
+    };
+  }, t[4] = n, t[5] = d) : d = t[5];
+  const {
+    min: m,
+    color: c,
+    formatter: h
+  } = T(i, d), u = h ?? $;
+  let a;
+  t[6] !== c ? (a = {
+    color: c
+  }, t[6] = c, t[7] = a) : a = t[7];
+  const x = m ?? 0;
+  let l;
+  t[8] !== u || t[9] !== x ? (l = u(x), t[8] = u, t[9] = x, t[10] = l) : l = t[10];
+  let f;
+  return t[11] !== r || t[12] !== a || t[13] !== l ? (f = /* @__PURE__ */ s(w, { TypographyProps: a, ...r, children: l }), t[11] = r, t[12] = a, t[13] = l, t[14] = f) : f = t[14], f;
 }
-function _(t) {
-  const e = w(19);
-  let i, o, r;
-  e[0] !== t ? ({
+function W(e) {
+  const t = g(15);
+  let i, r, o;
+  t[0] !== e ? ({
     id: i,
-    index: r,
-    ...o
-  } = t, e[0] = t, e[1] = i, e[2] = o, e[3] = r) : (i = e[1], o = e[2], r = e[3]);
-  const n = r === void 0 ? 0 : r;
-  let s;
-  e[4] !== i || e[5] !== n ? (s = (f) => f.getWidget(i)?.data[n]?.max, e[4] = i, e[5] = n, e[6] = s) : s = e[6];
-  const m = h(S(s));
-  let c;
-  e[7] !== i || e[8] !== n ? (c = (f) => f.getWidget(i)?.data[n]?.color, e[7] = i, e[8] = n, e[9] = c) : c = e[9];
-  const u = h(S(c)), p = h(S((f) => f.getWidget(i)?.formatter)) ?? T;
-  let l;
-  e[10] !== u ? (l = {
-    color: u
-  }, e[10] = u, e[11] = l) : l = e[11];
-  const x = m ?? 0;
+    index: o,
+    ...r
+  } = e, t[0] = e, t[1] = i, t[2] = r, t[3] = o) : (i = t[1], r = t[2], o = t[3]);
+  const n = o === void 0 ? 0 : o;
   let d;
-  e[12] !== p || e[13] !== x ? (d = p(x), e[12] = p, e[13] = x, e[14] = d) : d = e[14];
-  let g;
-  return e[15] !== o || e[16] !== l || e[17] !== d ? (g = /* @__PURE__ */ a(y, { TypographyProps: l, ...o, children: d }), e[15] = o, e[16] = l, e[17] = d, e[18] = g) : g = e[18], g;
+  t[4] !== n ? (d = (S) => {
+    const p = S;
+    return {
+      max: p?.data[n]?.max,
+      color: p?.data[n]?.color,
+      formatter: p?.formatter
+    };
+  }, t[4] = n, t[5] = d) : d = t[5];
+  const {
+    max: m,
+    color: c,
+    formatter: h
+  } = T(i, d), u = h ?? $;
+  let a;
+  t[6] !== c ? (a = {
+    color: c
+  }, t[6] = c, t[7] = a) : a = t[7];
+  const x = m ?? 0;
+  let l;
+  t[8] !== u || t[9] !== x ? (l = u(x), t[8] = u, t[9] = x, t[10] = l) : l = t[10];
+  let f;
+  return t[11] !== r || t[12] !== a || t[13] !== l ? (f = /* @__PURE__ */ s(w, { TypographyProps: a, ...r, children: l }), t[11] = r, t[12] = a, t[13] = l, t[14] = f) : f = t[14], f;
 }
-function ie(t) {
-  const e = w(8), {
+function rt(e) {
+  const t = g(8), {
     ref: i
-  } = j(t.id);
-  let o;
-  e[0] !== t.id ? (o = (s) => {
+  } = j(e.id);
+  let r;
+  t[0] !== e.id ? (r = (d) => {
     const {
       index: m
-    } = s;
-    return /* @__PURE__ */ I(M, { children: [
-      /* @__PURE__ */ a(k, { id: t.id, index: m }),
-      /* @__PURE__ */ a(C, { id: t.id, index: m }),
-      /* @__PURE__ */ a(F, { id: t.id, index: m }),
-      /* @__PURE__ */ a(v, {}),
-      /* @__PURE__ */ a(_, { id: t.id, index: m }),
-      /* @__PURE__ */ a(R, { id: t.id, index: m })
+    } = d;
+    return /* @__PURE__ */ M(_, { children: [
+      /* @__PURE__ */ s(k, { id: e.id, index: m }),
+      /* @__PURE__ */ s(C, { id: e.id, index: m }),
+      /* @__PURE__ */ s(F, { id: e.id, index: m }),
+      /* @__PURE__ */ s(v, {}),
+      /* @__PURE__ */ s(W, { id: e.id, index: m }),
+      /* @__PURE__ */ s(R, { id: e.id, index: m })
     ] });
-  }, e[0] = t.id, e[1] = o) : o = e[1];
-  let r;
-  e[2] !== t.id || e[3] !== o ? (r = /* @__PURE__ */ a(b, { id: t.id, children: o }), e[2] = t.id, e[3] = o, e[4] = r) : r = e[4];
+  }, t[0] = e.id, t[1] = r) : r = t[1];
+  let o;
+  t[2] !== e.id || t[3] !== r ? (o = /* @__PURE__ */ s(b, { id: e.id, children: r }), t[2] = e.id, t[3] = r, t[4] = o) : o = t[4];
   let n;
-  return e[5] !== i || e[6] !== r ? (n = /* @__PURE__ */ a($, { ref: i, children: r }), e[5] = i, e[6] = r, e[7] = n) : n = e[7], n;
+  return t[5] !== i || t[6] !== o ? (n = /* @__PURE__ */ s(I, { ref: i, children: o }), t[5] = i, t[6] = o, t[7] = n) : n = t[7], n;
 }
 const B = {
   row: {
     display: "flex",
     alignItems: "center",
-    gap: (t) => t.spacing(0.25),
+    gap: (e) => e.spacing(0.25),
     "& + &": {
-      marginTop: (t) => t.spacing(1)
+      marginTop: (e) => e.spacing(1)
     }
   }
 };
-function oe() {
-  const t = w(1);
-  let e;
-  return t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ a($, { sx: B.row, "aria-label": "Spread skeleton", children: /* @__PURE__ */ a(V, { width: 120, height: 32 }) }), t[0] = e) : e = t[0], e;
+function it() {
+  const e = g(1);
+  let t;
+  return e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ s(I, { sx: B.row, "aria-label": "Spread skeleton", children: /* @__PURE__ */ s(V, { width: 120, height: 32 }) }), e[0] = t) : t = e[0], t;
 }
-function re({
-  refUI: t
+function ot({
+  refUI: e
 }) {
   return [{
-    ...W,
-    modifier: () => W.modifier(t)
+    ...y,
+    modifier: () => y.modifier(e)
   }, {
     ...P,
-    modifier: async (e) => {
-      const i = e.map((o) => [o.min, o.max]);
+    modifier: async (t) => {
+      const i = t.map((r) => [r.min, r.max]);
       return P.modifier([["Min", "Max"], ...i]);
     }
   }];
 }
-function ne() {
+function nt() {
   return {
     series: []
   };
 }
 export {
-  y as Item,
-  _ as MaxValue,
+  w as Item,
+  W as MaxValue,
   F as MinValue,
   C as Prefix,
   b as Row,
   v as Separator,
   k as Series,
-  oe as SpreadSkeleton,
-  ie as SpreadUI,
+  it as SpreadSkeleton,
+  rt as SpreadUI,
   R as Suffix,
-  ne as spreadConfig,
-  re as spreadDownloadConfig
+  nt as spreadConfig,
+  ot as spreadDownloadConfig
 };
 //# sourceMappingURL=spread.js.map

package/dist/widgets/spread.js.map

@@ -1 +1 @@
-{"version":3,"file":"spread.js","sources":["../../src/widgets/spread/components/separator.tsx","../../src/widgets/spread/components/min-value.tsx","../../src/widgets/spread/components/max-value.tsx","../../src/widgets/spread/spread-ui.tsx","../../src/widgets/spread/style.ts","../../src/widgets/spread/skeleton.tsx","../../src/widgets/spread/config.ts"],"sourcesContent":["import { Item } from '../../formula/components/item'\nimport type { ItemProps } from '../../formula/types'\n\n/**\n * Renders a dash separator between the min and max values in a spread widget.\n */\nexport function Separator(props: Omit<ItemProps, 'children'>) {\n  return <Item {...props}>-</Item>\n}\n","import { type SpreadWidgetState, type ValueProps } from '../types'\nimport { useWidgetStore } from '../../stores/widget-store'\nimport { Item } from '../../formula/components/item'\nimport { useShallow } from 'zustand/shallow'\nimport { defaultFormatter } from '../../utils/formatter'\n\n/**\n * Displays the formatted minimum value for a spread widget data item.\n */\nexport function MinValue({ id, index = 0, ...props }: ValueProps) {\n  const min = useWidgetStore(\n    useShallow(\n      (state) => state.getWidget<SpreadWidgetState>(id)?.data[index]?.min,\n    ),\n  )\n  const color = useWidgetStore(\n    useShallow(\n      (state) => state.getWidget<SpreadWidgetState>(id)?.data[index]?.color,\n    ),\n  )\n  const formatter =\n    useWidgetStore(\n      useShallow((state) => state.getWidget<SpreadWidgetState>(id)?.formatter),\n    ) ?? defaultFormatter\n\n  return (\n    <Item TypographyProps={{ color }} {...props}>\n      {formatter(min ?? 0)}\n    </Item>\n  )\n}\n","import { type SpreadWidgetState, type ValueProps } from '../types'\nimport { useWidgetStore } from '../../stores/widget-store'\nimport { Item } from '../../formula/components/item'\nimport { useShallow } from 'zustand/shallow'\nimport { defaultFormatter } from '../../utils/formatter'\n\n/**\n * Displays the formatted maximum value for a spread widget data item.\n */\nexport function MaxValue({ id, index = 0, ...props }: ValueProps) {\n  const max = useWidgetStore(\n    useShallow(\n      (state) => state.getWidget<SpreadWidgetState>(id)?.data[index]?.max,\n    ),\n  )\n  const color = useWidgetStore(\n    useShallow(\n      (state) => state.getWidget<SpreadWidgetState>(id)?.data[index]?.color,\n    ),\n  )\n  const formatter =\n    useWidgetStore(\n      useShallow((state) => state.getWidget<SpreadWidgetState>(id)?.formatter),\n    ) ?? defaultFormatter\n\n  return (\n    <Item TypographyProps={{ color }} {...props}>\n      {formatter(max ?? 0)}\n    </Item>\n  )\n}\n","import type { SpreadUIProps } from './types'\n\nimport { Separator } from './components/separator'\nimport { MinValue } from './components/min-value'\nimport { MaxValue } from './components/max-value'\nimport { Prefix, Row, Suffix, Series } from '../formula'\nimport { useWidgetRef } from '../../hooks'\nimport { Box } from '@mui/material'\n\n/**\n * Renders a spread widget displaying min-max value pairs with optional prefixes, suffixes, and series indicators.\n */\nexport function SpreadUI(props: SpreadUIProps) {\n  const { ref } = useWidgetRef(props.id)\n\n  return (\n    <Box ref={ref}>\n      <Row id={props.id}>\n        {({ index }) => (\n          <>\n            <Series id={props.id} index={index} />\n            <Prefix id={props.id} index={index} />\n            <MinValue id={props.id} index={index} />\n            <Separator />\n            <MaxValue id={props.id} index={index} />\n            <Suffix id={props.id} index={index} />\n          </>\n        )}\n      </Row>\n    </Box>\n  )\n}\n","import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: (theme: Theme) => theme.spacing(2),\n  },\n  item: {\n    '&[data-disabled=\"true\"]': {\n      color: (theme: Theme) => theme.palette.text.disabled,\n    },\n  },\n  row: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: (theme: Theme) => theme.spacing(0.25),\n    '& + &': {\n      marginTop: (theme: Theme) => theme.spacing(1),\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function SpreadSkeleton() {\n  return (\n    <Box sx={styles.row} aria-label='Spread skeleton'>\n      <Skeleton width={120} height={32} />\n    </Box>\n  )\n}\n","import { downloadToCSV, downloadToPNG, type DownloadItem } from '../actions'\nimport type { ConfigProps } from '../loader/types'\nimport type { SpreadWidgetConfig, SpreadWidgetData } from './types'\n\n/**\n * Creates download configuration for spread widgets, supporting PNG (screenshot) and CSV (min/max data) exports.\n *\n * @param props - Configuration with `refUI` reference for PNG export.\n * @returns Array of download items for use with the Download action.\n */\nexport function spreadDownloadConfig({\n  refUI,\n}: ConfigProps): DownloadItem<SpreadWidgetData>[] {\n  return [\n    {\n      ...downloadToPNG,\n      modifier: () => downloadToPNG.modifier(refUI),\n    },\n    {\n      ...downloadToCSV,\n      modifier: async (data) => {\n        const rows = data.map((item) => [item.min, item.max])\n\n        return downloadToCSV.modifier([['Min', 'Max'], ...rows])\n      },\n    },\n  ]\n}\n\n/**\n * Returns the default configuration for spread (min/max value range) widgets.\n *\n * @returns Default spread widget config with empty series.\n */\nexport function spreadConfig(): SpreadWidgetConfig {\n  return {\n    series: [],\n  }\n}\n"],"names":["Separator","props","$","_c","t0","jsx","Item","MinValue","id","t1","index","undefined","t2","state","getWidget","data","min","useWidgetStore","useShallow","t3","state_0","color","formatter","state_1","defaultFormatter","t4","t5","t6","t7","MaxValue","max","SpreadUI","ref","useWidgetRef","jsxs","Fragment","Series","Prefix","Suffix","Row","Box","styles","row","display","alignItems","gap","theme","spacing","marginTop","SpreadSkeleton","Symbol","for","Skeleton","spreadDownloadConfig","refUI","downloadToPNG","modifier","downloadToCSV","rows","map","item","spreadConfig","series"],"mappings":"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"}
+{"version":3,"file":"spread.js","sources":["../../src/widgets/spread/components/separator.tsx","../../src/widgets/spread/components/min-value.tsx","../../src/widgets/spread/components/max-value.tsx","../../src/widgets/spread/spread-ui.tsx","../../src/widgets/spread/style.ts","../../src/widgets/spread/skeleton.tsx","../../src/widgets/spread/config.ts"],"sourcesContent":["import { Item } from '../../formula/components/item'\nimport type { ItemProps } from '../../formula/types'\n\n/**\n * Renders a dash separator between the min and max values in a spread widget.\n */\nexport function Separator(props: Omit<ItemProps, 'children'>) {\n  return <Item {...props}>-</Item>\n}\n","import { type SpreadWidgetState, type ValueProps } from '../types'\nimport { useWidgetSelector } from '../../stores/use-widget-selector'\nimport { Item } from '../../formula/components/item'\nimport { defaultFormatter } from '../../utils/formatter'\n\n/**\n * Displays the formatted minimum value for a spread widget data item.\n */\nexport function MinValue({ id, index = 0, ...props }: ValueProps) {\n  const {\n    min,\n    color,\n    formatter: _formatter,\n  } = useWidgetSelector(id, (w) => {\n    const sw = w as SpreadWidgetState | undefined\n    return {\n      min: sw?.data[index]?.min,\n      color: sw?.data[index]?.color,\n      formatter: sw?.formatter,\n    }\n  })\n  const formatter = _formatter ?? defaultFormatter\n\n  return (\n    <Item TypographyProps={{ color }} {...props}>\n      {formatter(min ?? 0)}\n    </Item>\n  )\n}\n","import { type SpreadWidgetState, type ValueProps } from '../types'\nimport { useWidgetSelector } from '../../stores/use-widget-selector'\nimport { Item } from '../../formula/components/item'\nimport { defaultFormatter } from '../../utils/formatter'\n\n/**\n * Displays the formatted maximum value for a spread widget data item.\n */\nexport function MaxValue({ id, index = 0, ...props }: ValueProps) {\n  const {\n    max,\n    color,\n    formatter: _formatter,\n  } = useWidgetSelector(id, (w) => {\n    const sw = w as SpreadWidgetState | undefined\n    return {\n      max: sw?.data[index]?.max,\n      color: sw?.data[index]?.color,\n      formatter: sw?.formatter,\n    }\n  })\n  const formatter = _formatter ?? defaultFormatter\n\n  return (\n    <Item TypographyProps={{ color }} {...props}>\n      {formatter(max ?? 0)}\n    </Item>\n  )\n}\n","import type { SpreadUIProps } from './types'\n\nimport { Separator } from './components/separator'\nimport { MinValue } from './components/min-value'\nimport { MaxValue } from './components/max-value'\nimport { Prefix, Row, Suffix, Series } from '../formula'\nimport { useWidgetRef } from '../../hooks'\nimport { Box } from '@mui/material'\n\n/**\n * Renders a spread widget displaying min-max value pairs with optional prefixes, suffixes, and series indicators.\n */\nexport function SpreadUI(props: SpreadUIProps) {\n  const { ref } = useWidgetRef(props.id)\n\n  return (\n    <Box ref={ref}>\n      <Row id={props.id}>\n        {({ index }) => (\n          <>\n            <Series id={props.id} index={index} />\n            <Prefix id={props.id} index={index} />\n            <MinValue id={props.id} index={index} />\n            <Separator />\n            <MaxValue id={props.id} index={index} />\n            <Suffix id={props.id} index={index} />\n          </>\n        )}\n      </Row>\n    </Box>\n  )\n}\n","import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: (theme: Theme) => theme.spacing(2),\n  },\n  item: {\n    '&[data-disabled=\"true\"]': {\n      color: (theme: Theme) => theme.palette.text.disabled,\n    },\n  },\n  row: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: (theme: Theme) => theme.spacing(0.25),\n    '& + &': {\n      marginTop: (theme: Theme) => theme.spacing(1),\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function SpreadSkeleton() {\n  return (\n    <Box sx={styles.row} aria-label='Spread skeleton'>\n      <Skeleton width={120} height={32} />\n    </Box>\n  )\n}\n","import { downloadToCSV, downloadToPNG, type DownloadItem } from '../actions'\nimport type { ConfigProps } from '../loader/types'\nimport type { SpreadWidgetConfig, SpreadWidgetData } from './types'\n\n/**\n * Creates download configuration for spread widgets, supporting PNG (screenshot) and CSV (min/max data) exports.\n *\n * @param props - Configuration with `refUI` reference for PNG export.\n * @returns Array of download items for use with the Download action.\n */\nexport function spreadDownloadConfig({\n  refUI,\n}: ConfigProps): DownloadItem<SpreadWidgetData>[] {\n  return [\n    {\n      ...downloadToPNG,\n      modifier: () => downloadToPNG.modifier(refUI),\n    },\n    {\n      ...downloadToCSV,\n      modifier: async (data) => {\n        const rows = data.map((item) => [item.min, item.max])\n\n        return downloadToCSV.modifier([['Min', 'Max'], ...rows])\n      },\n    },\n  ]\n}\n\n/**\n * Returns the default configuration for spread (min/max value range) widgets.\n *\n * @returns Default spread widget config with empty series.\n */\nexport function spreadConfig(): SpreadWidgetConfig {\n  return {\n    series: [],\n  }\n}\n"],"names":["Separator","props","$","_c","t0","jsx","Item","MinValue","id","t1","index","undefined","t2","w","sw","min","data","color","formatter","_formatter","useWidgetSelector","defaultFormatter","t3","t4","t5","t6","MaxValue","max","SpreadUI","ref","useWidgetRef","jsxs","Fragment","Series","Prefix","Suffix","Row","Box","styles","row","display","alignItems","gap","theme","spacing","marginTop","SpreadSkeleton","Symbol","for","Skeleton","spreadDownloadConfig","refUI","downloadToPNG","modifier","downloadToCSV","rows","map","item","spreadConfig","series"],"mappings":";;;;;;;;;;;;;;;;;;;AAMO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,SAAAF,SAAAD,KACEG,IAAA,gBAAAC,EAACC,GAAA,EAAI,GAAKL,GAAO,UAAA,KAAC,GAAOC,OAAAD,GAAAC,OAAAE,KAAAA,IAAAF,EAAA,CAAA,GAAzBE;AAAyB;ACC3B,SAAAG,EAAAH,GAAA;AAAA,QAAAF,IAAAC,EAAA,EAAA;AAAA,MAAAK,GAAAP,GAAAQ;AAAA,EAAAP,SAAAE,KAAkB;AAAA,IAAAI,IAAAA;AAAAA,IAAAE,OAAAD;AAAAA,IAAA,GAAAR;AAAAA,EAAAA,IAAAG,GAAuCF,OAAAE,GAAAF,OAAAM,GAAAN,OAAAD,GAAAC,OAAAO,MAAAD,IAAAN,EAAA,CAAA,GAAAD,IAAAC,EAAA,CAAA,GAAAO,IAAAP,EAAA,CAAA;AAAjC,QAAAQ,IAAAD,MAAAE,SAAA,IAAAF;AAAS,MAAAG;AAAA,EAAAV,SAAAQ,KAKZE,IAAAC,CAAAA,MAAA;AACxB,UAAAC,IAAWD;AAAkC,WACtC;AAAA,MAAAE,KACAD,GAAEE,KAAON,CAAK,GAAMK;AAAAA,MAAAE,OAClBH,GAAEE,KAAON,CAAK,GAAQO;AAAAA,MAAAC,WAClBJ,GAAEI;AAAAA,IAAAA;AAAAA,EACd,GACFhB,OAAAQ,GAAAR,OAAAU,KAAAA,IAAAV,EAAA,CAAA;AAXD,QAAA;AAAA,IAAAa,KAAAA;AAAAA,IAAAE,OAAAA;AAAAA,IAAAC,WAAAC;AAAAA,EAAAA,IAIIC,EAAkBZ,GAAII,CAOzB,GACDM,IAAkBC,KAAAE;AAA8B,MAAAC;AAAA,EAAApB,SAAAe,KAGvBK,IAAA;AAAA,IAAAL,OAAAA;AAAAA,EAAAA,GAASf,OAAAe,GAAAf,OAAAoB,KAAAA,IAAApB,EAAA,CAAA;AACnB,QAAAqB,IAAAR,KAAA;AAAQ,MAAAS;AAAA,EAAAtB,EAAA,CAAA,MAAAgB,KAAAhB,SAAAqB,KAAlBC,IAAAN,EAAUK,CAAQ,GAACrB,OAAAgB,GAAAhB,OAAAqB,GAAArB,QAAAsB,KAAAA,IAAAtB,EAAA,EAAA;AAAA,MAAAuB;AAAA,SAAAvB,EAAA,EAAA,MAAAD,KAAAC,UAAAoB,KAAApB,EAAA,EAAA,MAAAsB,KADtBC,sBAACnB,GAAA,EAAsB,iBAAAgB,GAAS,GAAMrB,GACnCuB,UAAAA,GACH,GAAOtB,QAAAD,GAAAC,QAAAoB,GAAApB,QAAAsB,GAAAtB,QAAAuB,KAAAA,IAAAvB,EAAA,EAAA,GAFPuB;AAEO;AClBJ,SAAAC,EAAAtB,GAAA;AAAA,QAAAF,IAAAC,EAAA,EAAA;AAAA,MAAAK,GAAAP,GAAAQ;AAAA,EAAAP,SAAAE,KAAkB;AAAA,IAAAI,IAAAA;AAAAA,IAAAE,OAAAD;AAAAA,IAAA,GAAAR;AAAAA,EAAAA,IAAAG,GAAuCF,OAAAE,GAAAF,OAAAM,GAAAN,OAAAD,GAAAC,OAAAO,MAAAD,IAAAN,EAAA,CAAA,GAAAD,IAAAC,EAAA,CAAA,GAAAO,IAAAP,EAAA,CAAA;AAAjC,QAAAQ,IAAAD,MAAAE,SAAA,IAAAF;AAAS,MAAAG;AAAA,EAAAV,SAAAQ,KAKZE,IAAAC,CAAAA,MAAA;AACxB,UAAAC,IAAWD;AAAkC,WACtC;AAAA,MAAAc,KACAb,GAAEE,KAAON,CAAK,GAAMiB;AAAAA,MAAAV,OAClBH,GAAEE,KAAON,CAAK,GAAQO;AAAAA,MAAAC,WAClBJ,GAAEI;AAAAA,IAAAA;AAAAA,EACd,GACFhB,OAAAQ,GAAAR,OAAAU,KAAAA,IAAAV,EAAA,CAAA;AAXD,QAAA;AAAA,IAAAyB,KAAAA;AAAAA,IAAAV,OAAAA;AAAAA,IAAAC,WAAAC;AAAAA,EAAAA,IAIIC,EAAkBZ,GAAII,CAOzB,GACDM,IAAkBC,KAAAE;AAA8B,MAAAC;AAAA,EAAApB,SAAAe,KAGvBK,IAAA;AAAA,IAAAL,OAAAA;AAAAA,EAAAA,GAASf,OAAAe,GAAAf,OAAAoB,KAAAA,IAAApB,EAAA,CAAA;AACnB,QAAAqB,IAAAI,KAAA;AAAQ,MAAAH;AAAA,EAAAtB,EAAA,CAAA,MAAAgB,KAAAhB,SAAAqB,KAAlBC,IAAAN,EAAUK,CAAQ,GAACrB,OAAAgB,GAAAhB,OAAAqB,GAAArB,QAAAsB,KAAAA,IAAAtB,EAAA,EAAA;AAAA,MAAAuB;AAAA,SAAAvB,EAAA,EAAA,MAAAD,KAAAC,UAAAoB,KAAApB,EAAA,EAAA,MAAAsB,KADtBC,sBAACnB,GAAA,EAAsB,iBAAAgB,GAAS,GAAMrB,GACnCuB,UAAAA,GACH,GAAOtB,QAAAD,GAAAC,QAAAoB,GAAApB,QAAAsB,GAAAtB,QAAAuB,KAAAA,IAAAvB,EAAA,EAAA,GAFPuB;AAEO;ACdJ,SAAAG,GAAA3B,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GACL;AAAA,IAAA0B,KAAAA;AAAAA,EAAAA,IAAgBC,EAAa7B,EAAKO,EAAG;AAAC,MAAAJ;AAAA,EAAAF,EAAA,CAAA,MAAAD,EAAAO,MAK/BJ,IAAAK,CAAAA,MAAA;AAAC,UAAA;AAAA,MAAAC,OAAAA;AAAAA,IAAAA,IAAAD;AAAS,WACT,gBAAAsB,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAA3B,EAAC4B,GAAA,EAAW,IAAAhC,EAAKO,IAAYE,OAAAA,GAAK;AAAA,MAClC,gBAAAL,EAAC6B,GAAA,EAAW,IAAAjC,EAAKO,IAAYE,OAAAA,GAAK;AAAA,MAClC,gBAAAL,EAACE,GAAA,EAAa,IAAAN,EAAKO,IAAYE,OAAAA,GAAK;AAAA,wBACnCV,GAAA,EAAS;AAAA,MACV,gBAAAK,EAACqB,GAAA,EAAa,IAAAzB,EAAKO,IAAYE,OAAAA,GAAK;AAAA,MACpC,gBAAAL,EAAC8B,GAAA,EAAW,IAAAlC,EAAKO,IAAYE,OAAAA,EAAAA;OAAS;AAAA,EACrC,GACJR,EAAA,CAAA,IAAAD,EAAAO,IAAAN,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAAA,MAAAO;AAAA,EAAAP,SAAAD,EAAAO,MAAAN,SAAAE,KAVHK,sBAAC2B,GAAA,EAAQ,IAAAnC,EAAKO,IACXJ,UAAAA,GAUH,GAAMF,EAAA,CAAA,IAAAD,EAAAO,IAAAN,OAAAE,GAAAF,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAU;AAAA,SAAAV,EAAA,CAAA,MAAA2B,KAAA3B,SAAAO,KAZRG,IAAA,gBAAAP,EAACgC,GAAA,EAASR,KAAAA,GACRpB,UAAAA,GAYF,GAAMP,OAAA2B,GAAA3B,OAAAO,GAAAP,OAAAU,KAAAA,IAAAV,EAAA,CAAA,GAbNU;AAaM;AC3BH,MAAM0B,IAAS;AAAA,EAWpBC,KAAK;AAAA,IACHC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,KAAKA,CAACC,MAAiBA,EAAMC,QAAQ,IAAI;AAAA,IACzC,SAAS;AAAA,MACPC,WAAWA,CAACF,MAAiBA,EAAMC,QAAQ,CAAC;AAAA,IAAA;AAAA,EAC9C;AAEJ;AClBO,SAAAE,KAAA;AAAA,QAAA5C,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,SAAAF,EAAA,CAAA,MAAA6C,uBAAAC,IAAA,2BAAA,KAEH5C,IAAA,gBAAAC,EAACgC,GAAA,EAAQ,IAAAC,EAAMC,KAAiB,cAAA,mBAC9B,UAAA,gBAAAlC,EAAC4C,GAAA,EAAgB,OAAA,KAAa,QAAA,IAAE,GAClC,GAAM/C,OAAAE,KAAAA,IAAAF,EAAA,CAAA,GAFNE;AAEM;ACGH,SAAS8C,GAAqB;AAAA,EACnCC,OAAAA;AACW,GAAqC;AAChD,SAAO,CACL;AAAA,IACE,GAAGC;AAAAA,IACHC,UAAUA,MAAMD,EAAcC,SAASF,CAAK;AAAA,EAAA,GAE9C;AAAA,IACE,GAAGG;AAAAA,IACHD,UAAU,OAAOrC,MAAS;AACxB,YAAMuC,IAAOvC,EAAKwC,IAAKC,CAAAA,MAAS,CAACA,EAAK1C,KAAK0C,EAAK9B,GAAG,CAAC;AAEpD,aAAO2B,EAAcD,SAAS,CAAC,CAAC,OAAO,KAAK,GAAG,GAAGE,CAAI,CAAC;AAAA,IACzD;AAAA,EAAA,CACD;AAEL;AAOO,SAASG,KAAmC;AACjD,SAAO;AAAA,IACLC,QAAQ,CAAA;AAAA,EAAA;AAEZ;"}

package/dist/widgets/stores.js

@@ -1,5 +1,8 @@
-import { u as r } from "../widget-store-CzDt8oSK.js";
+import { u as o, w as r } from "../widget-store-CIrb9RKP.js";
+import { u as i } from "../use-widget-selector-DqRmWQ1K.js";
 export {
-  r as useWidgetStore
+  i as useWidgetSelector,
+  o as useWidgetStore,
+  r as widgetStoreActions
 };
 //# sourceMappingURL=stores.js.map

package/dist/widgets/stores.js.map

@@ -1 +1 @@
-{"version":3,"file":"stores.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"stores.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}