@carto/ps-react-ui 4.3.0-widgets.0 → 5.0.0-widgets.2

package/dist/widgets/range.js.map

@@ -1 +1 @@
-{"version":3,"file":"range.js","sources":["../../src/widgets/range/serializer.ts"],"sourcesContent":["import type { RangeDataItem } from './types'\n\n/**\n * Sanitizes RangeDataItem by converting ReactNode note values to undefined.\n * This ensures only string values are stored in the widget state.\n *\n * @param item - The RangeDataItem to sanitize\n * @returns A new RangeDataItem with ReactNode note values converted to undefined\n */\nexport function sanitizeRangeDataItem(item: RangeDataItem): RangeDataItem {\n  return {\n    ...item,\n    note: typeof item.note === 'string' ? item.note : undefined,\n  }\n}\n\n/**\n * Sanitizes an array of RangeDataItems by converting ReactNode note values to undefined.\n *\n * @param items - Array of RangeDataItems to sanitize\n * @returns A new array with sanitized RangeDataItems\n */\nexport function sanitizeRangeDataItems(\n  items: RangeDataItem[] | undefined,\n): RangeDataItem[] | undefined {\n  return items?.map(sanitizeRangeDataItem)\n}\n"],"names":["sanitizeRangeDataItem","item","note","undefined","sanitizeRangeDataItems","items","map"],"mappings":";;AASO,SAASA,EAAsBC,GAAoC;AACxE,SAAO;AAAA,IACL,GAAGA;AAAAA,IACHC,MAAM,OAAOD,EAAKC,QAAS,WAAWD,EAAKC,OAAOC;AAAAA,EAAAA;AAEtD;AAQO,SAASC,EACdC,GAC6B;AAC7B,SAAOA,GAAOC,IAAIN,CAAqB;AACzC;"}
+{"version":3,"file":"range.js","sources":["../../src/widgets/range/style.ts","../../src/widgets/range/components/range-item.tsx","../../src/widgets/range/range-ui.tsx","../../src/widgets/range/skeleton.tsx","../../src/widgets/range/config.ts","../../src/widgets/range/serializer.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\nexport const styles: Record<string, SxProps<Theme>> = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: (theme: Theme) => theme.spacing(2),\n  },\n  rangeItem: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: (theme: Theme) => theme.spacing(1.5),\n  },\n  sliderContainer: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: (theme: Theme) => theme.spacing(1),\n    px: (theme: Theme) => theme.spacing(1),\n  },\n  inputsRow: {\n    display: 'flex',\n    gap: (theme: Theme) => theme.spacing(2),\n    alignItems: 'center',\n  },\n  input: {\n    flex: 1,\n    '& .MuiInputBase-input': {\n      textAlign: 'center',\n    },\n  },\n  slider: {\n    width: '100%',\n    '&.Mui-disabled': {\n      color: (theme: Theme) => theme.palette.text.disabled,\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Slider, TextField } from '@mui/material'\nimport { useState, useMemo, type FocusEvent, type KeyboardEvent } from 'react'\nimport { useWidgetStore } from '../../stores/widget-store'\nimport type { RangeItemProps, RangeWidgetState } from '../types'\nimport { styles } from '../style'\nimport { useShallow } from 'zustand/shallow'\n\ntype EditingState = '' | 'min' | 'max'\n\nconst defaultFormatter = (value: number) => value.toString()\n\nexport function RangeItem({ id, index }: RangeItemProps) {\n  const {\n    item,\n    onChange,\n    formatter = defaultFormatter,\n  } = useWidgetStore(\n    useShallow((state) => {\n      const widget = state.getWidget<RangeWidgetState>(id)\n      return {\n        item: widget?.data[index],\n        onChange: widget?.onChange,\n        formatter: widget?.formatter,\n      }\n    }),\n  )\n  const getWidget = useWidgetStore((store) => store.getWidget)\n  const setWidget = useWidgetStore((store) => store.setWidget)\n\n  const currentValue = useMemo(\n    () => (item ? (item.value ?? [item.min, item.max]) : [0, 0]),\n    [item],\n  )\n\n  // Local state for input values - track if user is editing\n  const [isEditing, setIsEditing] = useState<EditingState>('')\n\n  if (!item) return null\n\n  const handleSliderChange = (_: Event, newValue: number | number[]) => {\n    if (Array.isArray(newValue)) {\n      const [min, max] = newValue\n      const data = getWidget<RangeWidgetState>(id)?.data ?? []\n\n      data[index] = {\n        ...item,\n        value: newValue,\n      }\n\n      setWidget(id, {\n        data,\n      })\n\n      onChange?.([min!, max!], index)\n    }\n  }\n\n  const handleInputFocus = (e: FocusEvent<HTMLInputElement>) => {\n    setIsEditing(e.target.name as EditingState)\n  }\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const { name, value } = event.target\n\n    let newValue: [number, number]\n    if (name === 'min') {\n      newValue = [\n        Math.min(\n          Math.max(item.min, parseFloat(value) || item.min),\n          currentValue[1]!,\n        ),\n        currentValue[1] ?? 0,\n      ]\n    } else {\n      newValue = [\n        currentValue[0] ?? 0,\n        Math.max(\n          Math.min(item.max, parseFloat(value) || item.max),\n          currentValue[0]!,\n        ),\n      ]\n    }\n\n    const data = getWidget<RangeWidgetState>(id)?.data ?? []\n\n    setWidget(id, {\n      data: data.map((d: RangeWidgetState['data'][number], i: number) =>\n        i === index\n          ? {\n              ...d,\n              value: newValue,\n            }\n          : d,\n      ),\n    })\n\n    onChange?.([newValue[0], newValue[1]], index)\n  }\n\n  const handleInputBlur = (e: FocusEvent<HTMLInputElement>) => {\n    setIsEditing('')\n    handleInputChange(e)\n  }\n\n  const handleInputKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === 'Enter') {\n      handleInputBlur(event as unknown as FocusEvent<HTMLInputElement>)\n      event.currentTarget.blur()\n    }\n  }\n\n  return (\n    <Box sx={styles.rangeItem}>\n      <Box sx={styles.sliderContainer}>\n        <Slider\n          value={currentValue}\n          onChange={handleSliderChange}\n          valueLabelDisplay='auto'\n          valueLabelFormat={formatter}\n          min={item.min}\n          max={item.max}\n          step={item.step}\n          marks={item.marks}\n          disabled={item.disabled}\n          sx={{\n            ...styles.slider,\n            ...(item.color && {\n              color: item.color,\n            }),\n          }}\n        />\n      </Box>\n\n      <Box sx={styles.inputsRow}>\n        <Input\n          key={`min-${currentValue[0]}`}\n          isEditing={isEditing}\n          name='min'\n          value={currentValue[0] ?? 0}\n          formatter={formatter}\n          onFocus={handleInputFocus}\n          onBlur={handleInputBlur}\n          onKeyDown={handleInputKeyDown}\n          disabled={item.disabled}\n          inputProps={{\n            'aria-label': 'Minimum value',\n          }}\n        />\n        <Input\n          key={`max-${currentValue[1]}`}\n          isEditing={isEditing}\n          name='max'\n          value={currentValue[1] ?? 0}\n          formatter={formatter}\n          onFocus={handleInputFocus}\n          onBlur={handleInputBlur}\n          onKeyDown={handleInputKeyDown}\n          disabled={item.disabled}\n          inputProps={{\n            'aria-label': 'Maximum value',\n          }}\n        />\n      </Box>\n    </Box>\n  )\n}\n\nfunction Input({\n  isEditing,\n  name,\n  disabled,\n  value,\n  formatter,\n  onFocus: onFocus,\n  onBlur: onBlur,\n  onKeyDown: onKeyDown,\n  inputProps,\n}: {\n  isEditing: EditingState\n  name: 'min' | 'max'\n  disabled?: boolean\n  value: number\n  formatter: (value: number) => string\n  onFocus: (e: FocusEvent<HTMLInputElement>) => void\n  onBlur: (e: FocusEvent<HTMLInputElement>) => void\n  onKeyDown: (e: KeyboardEvent<HTMLInputElement>) => void\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>\n}) {\n  const [currentValue, setCurrentValue] = useState<string>(String(value))\n\n  // Compute display values when not editing\n  const displayMinValue = useMemo(\n    () => formatter(Number(currentValue)),\n    [currentValue, formatter],\n  )\n\n  return (\n    <TextField\n      name={name}\n      value={isEditing === name ? currentValue : displayMinValue}\n      onChange={(e) => {\n        setCurrentValue(e.target.value)\n      }}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      onKeyDown={onKeyDown}\n      disabled={disabled}\n      size='small'\n      sx={styles.input}\n      inputProps={inputProps}\n    />\n  )\n}\n","import type { RangeUIProps } from './types'\nimport { Row } from '../formula/components/row'\nimport { RangeItem } from './components/range-item'\n\nexport function RangeUI(props: RangeUIProps) {\n  return (\n    <Row id={props.id}>\n      {({ index }) => <RangeItem id={props.id} index={index} />}\n    </Row>\n  )\n}\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function RangeSkeleton() {\n  return (\n    <Box sx={styles.rangeItem} aria-label='Range skeleton'>\n      <Skeleton width='100%' height={32} />\n      <Box sx={styles.inputsRow}>\n        <Skeleton width='100%' height={40} />\n        <Skeleton width='100%' height={40} />\n      </Box>\n    </Box>\n  )\n}\n","import type { RangeWidgetConfig } from './types'\n\nexport interface RangeConfigProps {\n  formatter?: (value: number) => string\n  onChange?: (value: number[], index: number) => void\n}\n\nexport function rangeConfig(): RangeWidgetConfig {\n  return {}\n}\n","import type { RangeDataItem } from './types'\n\n/**\n * Sanitizes RangeDataItem by converting ReactNode note values to undefined.\n * This ensures only string values are stored in the widget state.\n *\n * @param item - The RangeDataItem to sanitize\n * @returns A new RangeDataItem with ReactNode note values converted to undefined\n */\nexport function sanitizeRangeDataItem(item: RangeDataItem): RangeDataItem {\n  return {\n    ...item,\n    note: typeof item.note === 'string' ? item.note : undefined,\n  }\n}\n\n/**\n * Sanitizes an array of RangeDataItems by converting ReactNode note values to undefined.\n *\n * @param items - Array of RangeDataItems to sanitize\n * @returns A new array with sanitized RangeDataItems\n */\nexport function sanitizeRangeDataItems(\n  items: RangeDataItem[] | undefined,\n): RangeDataItem[] | undefined {\n  return items?.map(sanitizeRangeDataItem)\n}\n"],"names":["styles","rangeItem","display","flexDirection","gap","theme","spacing","sliderContainer","px","inputsRow","alignItems","input","flex","textAlign","slider","width","color","palette","text","disabled","defaultFormatter","value","toString","RangeItem","t0","$","_c","id","index","t1","state","widget","getWidget","item","data","onChange","formatter","t2","useWidgetStore","useShallow","undefined","_temp","setWidget","_temp2","t3","min","max","currentValue","isEditing","setIsEditing","useState","t4","_","newValue","Array","isArray","handleSliderChange","t5","Symbol","for","e","target","name","handleInputFocus","t6","handleInputChange","event","Math","parseFloat","data_0","map","d","i","e_0","handleInputBlur","t7","event_0","key","currentTarget","blur","handleInputKeyDown","t8","t9","t10","marks","step","Box","jsx","Slider","t11","t12","t13","t14","Input","t15","t16","t17","t18","t19","t20","store_0","store","onFocus","onBlur","onKeyDown","inputProps","setCurrentValue","String","Number","TextField","RangeUI","props","Row","RangeSkeleton","Skeleton","jsxs","rangeConfig","sanitizeRangeDataItem","note","sanitizeRangeDataItems","items"],"mappings":"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"}

package/dist/widgets/root.js

@@ -1,5 +1,68 @@
-import { R as t } from "../root-L_WZnJY5.js";
+import { jsx as L } from "react/jsx-runtime";
+import { c as W } from "react/compiler-runtime";
+import { Box as _ } from "@mui/material";
+import { useEffect as n } from "react";
+import { u as b } from "../widget-store-DNyVElxd.js";
+import { d as w } from "../cjs-D9ro6BXv.js";
+const P = {
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    gap: (e) => e.spacing(2)
+  }
+};
+function $(e) {
+  const i = W(29), t = b(j), d = b(S);
+  let l, c;
+  i[0] !== e.id || i[1] !== e.type || i[2] !== t ? (l = () => {
+    t(e.id, {
+      type: e.type
+    });
+  }, c = [e.id, e.type, t], i[0] = e.id, i[1] = e.type, i[2] = t, i[3] = l, i[4] = c) : (l = i[3], c = i[4]), n(l, c);
+  let a, f;
+  i[5] !== e.error || i[6] !== e.id || i[7] !== e.isFetching || i[8] !== e.isLoading || i[9] !== t ? (a = () => {
+    t(e.id, {
+      isLoading: e.isLoading ?? !1,
+      isFetching: e.isFetching ?? !1,
+      error: e.error
+    });
+  }, f = [e.id, e.isLoading, e.isFetching, e.error, t], i[5] = e.error, i[6] = e.id, i[7] = e.isFetching, i[8] = e.isLoading, i[9] = t, i[10] = a, i[11] = f) : (a = i[10], f = i[11]), n(a, f);
+  let g, u;
+  i[12] !== e.config || i[13] !== e.id || i[14] !== t ? (g = () => {
+    e.config && t(e.id, {
+      ...e.config
+    });
+  }, u = [e.id, e.config, t], i[12] = e.config, i[13] = e.id, i[14] = t, i[15] = g, i[16] = u) : (g = i[15], u = i[16]), n(g, u);
+  let m, r;
+  i[17] !== d || i[18] !== e.data || i[19] !== e.id ? (m = () => {
+    d(e.id, e.data);
+  }, r = [e.id, e.data, d], i[17] = d, i[18] = e.data, i[19] = e.id, i[20] = m, i[21] = r) : (m = i[20], r = i[21]), n(m, r);
+  let h, x;
+  i[22] !== d || i[23] !== e.data || i[24] !== e.id ? (h = () => {
+    let o = b.getState().widgets[e.id]?.registeredTools;
+    return b.subscribe((F) => {
+      const T = F.widgets[e.id]?.registeredTools;
+      T !== o && (o = T, d(e.id, e.data));
+    });
+  }, x = [e.id, e.data, d], i[22] = d, i[23] = e.data, i[24] = e.id, i[25] = h, i[26] = x) : (h = i[25], x = i[26]), n(h, x);
+  let y;
+  return i[27] !== e.children ? (y = /* @__PURE__ */ L(_, { sx: P.root, children: e.children }), i[27] = e.children, i[28] = y) : y = i[28], y;
+}
+function S(e) {
+  return e.executeToolPipeline;
+}
+function j(e) {
+  return e.setWidget;
+}
+function k(...e) {
+  return w(e[0] ?? {}, e[1] ?? {}, {
+    arrayMerge(i, t) {
+      return t;
+    }
+  });
+}
 export {
-  t as Root
+  $ as Root,
+  k as mergeWidgetConfig
 };
 //# sourceMappingURL=root.js.map

package/dist/widgets/root.js.map

@@ -1 +1 @@
-{"version":3,"file":"root.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"root.js","sources":["../../src/widgets/root/style.ts","../../src/widgets/root/root.tsx","../../src/widgets/root/utils.ts"],"sourcesContent":["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} satisfies Record<string, SxProps<Theme>>\n","import { Box } from '@mui/material'\nimport { styles } from './style'\nimport { useEffect } from 'react'\nimport type { RootProps } from './types'\nimport { useWidgetStore } from '../stores/widget-store'\nimport type { WrapperState } from '../wrapper'\n\nexport function Root<T>(props: RootProps<T>) {\n  const setWidget = useWidgetStore((state) => state.setWidget)\n  const executeToolPipeline = useWidgetStore(\n    (state) => state.executeToolPipeline,\n  )\n\n  // Split into 3 effects for metadata and 1 for data pipeline:\n  // Each property that can be modified independently gets its own effect to avoid\n  // accidentally resetting other properties.\n  //\n  // - Effect 1: Type (can be modified by tools that change visualization type)\n  // - Effect 2: Loading/Error states (change during fetch lifecycle)\n  // - Effect 3: Config (can be modified by tools that change widget configuration)\n  // - Effect 4: Data pipeline execution (transforms data through registered tools)\n  // - Effect 5: Re-execute pipeline when tool state changes\n\n  // Effect 1: Type updates\n  useEffect(() => {\n    setWidget<WrapperState>(props.id, {\n      type: props.type,\n    })\n  }, [props.id, props.type, setWidget])\n\n  // Effect 2: Loading and error states\n  useEffect(() => {\n    setWidget<WrapperState>(props.id, {\n      isLoading: props.isLoading ?? false,\n      isFetching: props.isFetching ?? false,\n      error: props.error,\n    })\n  }, [props.id, props.isLoading, props.isFetching, props.error, setWidget])\n\n  // Effect 3: Config updates\n  useEffect(() => {\n    if (props.config) {\n      setWidget<WrapperState>(props.id, {\n        ...props.config,\n      })\n    }\n  }, [props.id, props.config, setWidget])\n\n  // Effect 4: Execute tool pipeline when props.data changes\n  useEffect(() => {\n    void executeToolPipeline(props.id, props.data)\n  }, [props.id, props.data, executeToolPipeline])\n\n  // Effect 5: Re-execute pipeline when tool state changes (enabled/config)\n  useEffect(() => {\n    let prevTools = useWidgetStore.getState().widgets[props.id]?.registeredTools\n\n    const unsubscribe = useWidgetStore.subscribe((state) => {\n      const currentTools = state.widgets[props.id]?.registeredTools\n\n      // Only re-execute if tools array changed\n      if (currentTools !== prevTools) {\n        prevTools = currentTools\n        void executeToolPipeline(props.id, props.data)\n      }\n    })\n\n    return unsubscribe\n  }, [props.id, props.data, executeToolPipeline])\n\n  return <Box sx={styles.root}>{props.children}</Box>\n}\n","import deepmerge from 'deepmerge'\n\nexport function mergeWidgetConfig<T>(\n  ...options: [T | undefined, T | undefined]\n): T {\n  return deepmerge(options[0] ?? {}, options[1] ?? {}, {\n    arrayMerge(_, source) {\n      return source as T[keyof T][]\n    },\n  }) as T\n}\n"],"names":["styles","root","display","flexDirection","gap","theme","spacing","Root","props","$","_c","setWidget","useWidgetStore","_temp","executeToolPipeline","_temp2","t0","t1","id","type","useEffect","t2","t3","error","isFetching","isLoading","t4","t5","config","t6","t7","data","t8","t9","prevTools","getState","widgets","registeredTools","subscribe","state_1","currentTools","state","t10","children","Box","state_0","mergeWidgetConfig","options","deepmerge","arrayMerge","_","source"],"mappings":"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"}

package/dist/widgets/scatterplot.js

@@ -1,7 +1,222 @@
-import { s as e } from "../const-BLV7Tvte.js";
-import { ScatterplotSkeleton as p } from "../skeleton-DMP-IwaJ.js";
+import { jsxs as p, jsx as i } from "react/jsx-runtime";
+import { c as f } from "react/compiler-runtime";
+import "react";
+import "echarts";
+import "../widget-store-DNyVElxd.js";
+import "zustand/shallow";
+import { g } from "../options-D9wflre6.js";
+import { m } from "../utils-Dv5Z47UQ.js";
+import { s as d, a as u, d as y } from "../styles-dOu_pRNb.js";
+import { Box as a, Skeleton as n } from "@mui/material";
+import "@mui/icons-material";
+import { d as l, a as r } from "../exports-Cr43OCul.js";
+import "../lasso-tool-CYn3ivf-.js";
+import "../cjs-D9ro6BXv.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "@dnd-kit/utilities";
+function q({
+  refUI: e
+}) {
+  return [{
+    ...l,
+    modifier: () => l.modifier(e)
+  }, {
+    ...r,
+    modifier: async (t) => {
+      const o = d(t);
+      return r.modifier(o);
+    }
+  }];
+}
+function B(e) {
+  return {
+    type: "scatterplot",
+    option: m(g(e), h(e))
+  };
+}
+function h({
+  data: e = [],
+  theme: t
+}) {
+  const o = e.length > 1;
+  return {
+    legend: u(o),
+    grid: {
+      ...!o && {
+        bottom: parseInt(t.spacing(1))
+      },
+      ...o && {
+        bottom: parseInt(t.spacing(10))
+      }
+    },
+    xAxis: {
+      type: "value",
+      axisLine: {
+        show: !1
+      },
+      axisTick: {
+        show: !1
+      },
+      axisLabel: {
+        fontSize: t.typography.overlineDelicate.fontSize,
+        fontFamily: t.typography.overlineDelicate.fontFamily,
+        showMinLabel: !0,
+        showMaxLabel: !0,
+        hideOverlap: !0,
+        padding: [parseInt(t.spacing(0.5)), parseInt(t.spacing(0.5)), 0, parseInt(t.spacing(0.5))],
+        color: t.palette.black[60]
+      },
+      splitLine: {
+        show: !0,
+        lineStyle: {
+          color: t.palette.black[4]
+        }
+      }
+    },
+    yAxis: {
+      type: "value",
+      axisLabel: {
+        fontSize: t.typography.overlineDelicate.fontSize,
+        fontFamily: t.typography.overlineDelicate.fontFamily,
+        inside: !1,
+        padding: [0, 0, parseInt(t.spacing(1.25)), parseInt(t.spacing(3.25))],
+        margin: 0,
+        show: !0,
+        showMaxLabel: !0,
+        showMinLabel: !1,
+        align: "right",
+        verticalAlign: "bottom"
+      },
+      axisLine: {
+        show: !1
+      },
+      axisTick: {
+        show: !1
+      },
+      splitLine: {
+        show: !0,
+        lineStyle: {
+          color: t.palette.black[4]
+        }
+      }
+    },
+    tooltip: {
+      trigger: "item"
+      // position: createTooltipPositioner(theme),
+    },
+    color: Object.values(t.palette.qualitative.bold),
+    series: e.map((v, c) => ({
+      datasetIndex: c,
+      type: "scatter",
+      symbolSize: 8
+    }))
+  };
+}
+const s = {
+  skeleton: {
+    graph: {
+      container: {
+        ...y.graph.container,
+        position: "relative"
+      }
+    },
+    legend: {
+      display: "flex",
+      alignItems: "center",
+      gap: ({
+        spacing: e
+      }) => e(2),
+      height: ({
+        spacing: e
+      }) => e(5),
+      position: "absolute",
+      bottom: 0
+    }
+  }
+}, b = [{
+  left: "20%",
+  top: "62%"
+}, {
+  left: "26%",
+  top: "70%"
+}, {
+  left: "29%",
+  top: "73%"
+}, {
+  left: "38%",
+  top: "63%"
+}, {
+  left: "41%",
+  top: "68%"
+}, {
+  left: "47%",
+  top: "62%"
+}, {
+  left: "53%",
+  top: "49%"
+}, {
+  left: "56%",
+  top: "55%"
+}, {
+  left: "65%",
+  top: "37%"
+}, {
+  left: "68%",
+  top: "43%"
+}, {
+  left: "77%",
+  top: "59%"
+}, {
+  left: "25%",
+  top: "30%"
+}, {
+  left: "60%",
+  top: "70%"
+}, {
+  left: "10%",
+  top: "55%"
+}, {
+  left: "40%",
+  top: "40%"
+}];
+function G() {
+  const e = f(2);
+  let t;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = b.map(S), e[0] = t) : t = e[0];
+  let o;
+  return e[1] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ p(a, { sx: s.skeleton.graph.container, children: [
+    t,
+    /* @__PURE__ */ i(a, { sx: s.skeleton.legend, children: Array(2).fill(0).map(x) })
+  ] }), e[1] = o) : o = e[1], o;
+}
+function x(e, t) {
+  return /* @__PURE__ */ p(a, { sx: {
+    display: "flex",
+    alignItems: "center",
+    gap: w
+  }, children: [
+    /* @__PURE__ */ i(n, { variant: "circular", width: 8, height: 8 }),
+    /* @__PURE__ */ i(n, { width: 48, height: 8 })
+  ] }, t);
+}
+function w(e) {
+  const {
+    spacing: t
+  } = e;
+  return t(1.5);
+}
+function S(e, t) {
+  return /* @__PURE__ */ i(n, { variant: "circular", width: 12, height: 12, sx: {
+    position: "absolute",
+    top: e.top,
+    left: e.left,
+    transform: "translate(-50%, -50%)"
+  } }, t);
+}
 export {
-  p as ScatterplotSkeleton,
-  e as scatterplotConfig
+  G as ScatterplotSkeleton,
+  B as scatterplotConfig,
+  q as scatterplotDownloadConfig
 };
 //# sourceMappingURL=scatterplot.js.map

package/dist/widgets/scatterplot.js.map

@@ -1 +1 @@
-{"version":3,"file":"scatterplot.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"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} from '../_shared/chart-config'\nimport { downloadToCSV, downloadToPNG, type DownloadItem } from '../actions'\nimport type { ConfigProps } from '../root/types'\n\nexport function scatterplotDownloadConfig({\n  refUI,\n}: ConfigProps): DownloadItem<ScatterplotWidgetData>[] {\n  return [\n    {\n      ...downloadToPNG,\n      modifier: () => downloadToPNG.modifier(refUI),\n    },\n    {\n      ...downloadToCSV,\n      modifier: async (data) => {\n        const rows = scatterplotDataToCSV(data)\n        return downloadToCSV.modifier(rows)\n      },\n    },\n  ]\n}\n\nexport function scatterplotConfig(\n  props: ScatterplotConfig,\n): ScatterplotWidgetConfig {\n  return {\n    type: 'scatterplot',\n    option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n  }\n}\n\nfunction getOption({\n  data = [],\n  theme,\n}: ScatterplotConfig): EchartOptionsProps {\n  const hasLegend = data.length > 1\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      type: 'value',\n      axisLine: { show: false },\n      axisTick: { show: false },\n\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    yAxis: {\n      type: 'value',\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    tooltip: {\n      trigger: 'item',\n      // position: createTooltipPositioner(theme),\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 '../_shared/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={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={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","refUI","downloadToPNG","modifier","downloadToCSV","data","rows","scatterplotDataToCSV","scatterplotConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","theme","hasLegend","length","legend","buildLegendConfig","grid","bottom","parseInt","spacing","xAxis","axisLine","show","axisTick","axisLabel","fontSize","typography","overlineDelicate","fontFamily","showMinLabel","showMaxLabel","hideOverlap","padding","color","palette","black","splitLine","lineStyle","yAxis","inside","margin","align","verticalAlign","tooltip","trigger","Object","values","qualitative","bold","series","map","_","index","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/selection-summary.js

@@ -0,0 +1,40 @@
+import { jsx as S, jsxs as L } from "react/jsx-runtime";
+import { c as y } from "react/compiler-runtime";
+import { Typography as h, Button as u, Box as b } from "@mui/material";
+const C = {
+  root: {
+    display: "flex",
+    alignItems: "center",
+    flex: "0 0 auto",
+    gap: ({
+      spacing: o
+    }) => o(0.5)
+  }
+}, x = {
+  allSelected: "All selected",
+  selections: (o) => `${o} selected`,
+  clear: "Clear"
+};
+function A(o) {
+  const e = y(13), {
+    selections: s,
+    onClear: c,
+    labels: r
+  } = o, i = r?.allSelected ?? x.allSelected, d = r?.selections ?? x.selections, f = r?.clear ?? x.clear;
+  let n;
+  e[0] !== i || e[1] !== s || e[2] !== d ? (n = s > 0 ? d(s) : i, e[0] = i, e[1] = s, e[2] = d, e[3] = n) : n = e[3];
+  const m = n, p = s > 0 && c;
+  let l;
+  e[4] !== m ? (l = /* @__PURE__ */ S(h, { variant: "caption", color: "textSecondary", fontWeight: 500, children: m }), e[4] = m, e[5] = l) : l = e[5];
+  let t;
+  e[6] !== f || e[7] !== c || e[8] !== p ? (t = p && /* @__PURE__ */ S(u, { size: "small", variant: "text", onClick: c, children: f }), e[6] = f, e[7] = c, e[8] = p, e[9] = t) : t = e[9];
+  let a;
+  return e[10] !== l || e[11] !== t ? (a = /* @__PURE__ */ L(b, { sx: C.root, children: [
+    l,
+    t
+  ] }), e[10] = l, e[11] = t, e[12] = a) : a = e[12], a;
+}
+export {
+  A as SelectionSummary
+};
+//# sourceMappingURL=selection-summary.js.map

package/dist/widgets/selection-summary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-summary.js","sources":["../../src/widgets/selection-summary/style.ts","../../src/widgets/selection-summary/selection-summary.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    flex: '0 0 auto',\n    gap: ({ spacing }) => spacing(0.5),\n  },\n} satisfies Record<string, SxProps<Theme>>\n","/* Selection Summary Component */\n\nimport { Box, Button, Typography } from '@mui/material'\nimport type { SelectedProps, SelectionSummaryLabels } from './types'\nimport { styles } from './style'\n\nconst DEFAULT_SELECTION_LABELS: SelectionSummaryLabels = {\n  allSelected: 'All selected',\n  selections: (count: number) => `${count} selected`,\n  clear: 'Clear',\n}\n\nexport function SelectionSummary({\n  selections,\n  onClear,\n  labels,\n}: SelectedProps) {\n  const allSelectedLabel =\n    labels?.allSelected ?? DEFAULT_SELECTION_LABELS.allSelected\n\n  const selectionsLabel =\n    labels?.selections ?? DEFAULT_SELECTION_LABELS.selections\n\n  const clearLabel = labels?.clear ?? DEFAULT_SELECTION_LABELS.clear\n\n  const displayLabel =\n    selections > 0 ? selectionsLabel(selections) : allSelectedLabel\n\n  const showClearButton = selections > 0 && onClear\n\n  return (\n    <Box sx={styles.root}>\n      <Typography variant='caption' color='textSecondary' fontWeight={500}>\n        {displayLabel}\n      </Typography>\n      {showClearButton && (\n        <Button size='small' variant='text' onClick={onClear}>\n          {clearLabel}\n        </Button>\n      )}\n    </Box>\n  )\n}\n"],"names":["styles","root","display","alignItems","flex","gap","spacing","DEFAULT_SELECTION_LABELS","allSelected","selections","count","clear","SelectionSummary","t0","$","_c","onClear","labels","allSelectedLabel","selectionsLabel","clearLabel","t1","displayLabel","showClearButton","t2","jsx","Typography","t3","Button","t4","Box"],"mappings":";;;AAEO,MAAMA,IAAS;AAAA,EACpBC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,MAAM;AAAA,IACNC,KAAKA,CAAC;AAAA,MAAEC,SAAAA;AAAAA,IAAAA,MAAcA,EAAQ,GAAG;AAAA,EAAA;AAErC,GCHMC,IAAmD;AAAA,EACvDC,aAAa;AAAA,EACbC,YAAYA,CAACC,MAAkB,GAAGA,CAAK;AAAA,EACvCC,OAAO;AACT;AAEO,SAAAC,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAA0B;AAAA,IAAAN,YAAAA;AAAAA,IAAAO,SAAAA;AAAAA,IAAAC,QAAAA;AAAAA,EAAAA,IAAAJ,GAK/BK,IACED,GAAMT,eAAiBD,EAAwBC,aAEjDW,IACEF,GAAMR,cAAgBF,EAAwBE,YAEhDW,IAAmBH,GAAMN,SAAWJ,EAAwBI;AAAM,MAAAU;AAAA,EAAAP,EAAA,CAAA,MAAAI,KAAAJ,SAAAL,KAAAK,EAAA,CAAA,MAAAK,KAGhEE,IAAAZ,IAAa,IAAIU,EAAgBV,CAA6B,IAA9DS,GAA+DJ,OAAAI,GAAAJ,OAAAL,GAAAK,OAAAK,GAAAL,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AADjE,QAAAQ,IACED,GAEFE,IAAwBd,IAAa,KAAbO;AAAyB,MAAAQ;AAAA,EAAAV,SAAAQ,KAI7CE,IAAA,gBAAAC,EAACC,KAAmB,SAAA,WAAgB,OAAA,iBAA4B,8BAEhE,GAAaZ,OAAAQ,GAAAR,OAAAU,KAAAA,IAAAV,EAAA,CAAA;AAAA,MAAAa;AAAA,EAAAb,EAAA,CAAA,MAAAM,KAAAN,SAAAE,KAAAF,EAAA,CAAA,MAAAS,KACZI,IAAAJ,uBACEK,GAAA,EAAY,MAAA,SAAgB,SAAA,QAAgBZ,SAAAA,GAC1CI,UAAAA,EAAAA,CACH,GACDN,OAAAM,GAAAN,OAAAE,GAAAF,OAAAS,GAAAT,OAAAa,KAAAA,IAAAb,EAAA,CAAA;AAAA,MAAAe;AAAA,SAAAf,EAAA,EAAA,MAAAU,KAAAV,UAAAa,KARHE,sBAACC,GAAA,EAAQ,IAAA9B,EAAMC,MACbuB,UAAAA;AAAAA,IAAAA;AAAAA,IAGCG;AAAAA,EAAAA,GAKH,GAAMb,QAAAU,GAAAV,QAAAa,GAAAb,QAAAe,KAAAA,IAAAf,EAAA,EAAA,GATNe;AASM;"}

package/dist/widgets/skeleton-loader.js

@@ -1,5 +1,24 @@
-import { S as r } from "../skeleton-loader-DWC1-EAx.js";
+import { jsx as n } from "react/jsx-runtime";
+import { c as f } from "react/compiler-runtime";
+import { u as m } from "../widget-store-DNyVElxd.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)
+      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 s;
+}
 export {
-  r as SkeletonLoader
+  h as SkeletonLoader
 };
 //# sourceMappingURL=skeleton-loader.js.map

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

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

package/dist/widgets/spread.js

@@ -1,21 +1,166 @@
-import { a as s, M as m, b as i, S } from "../spread-ui-BjzH190y.js";
-import { SpreadSkeleton as x } from "../skeleton-DRorqowB.js";
-import { I as u, P as I, a as M, S as d } from "../series-CsyEPq-X.js";
-import "react/jsx-runtime";
-import "react/compiler-runtime";
-import "../widget-store-yDO2ul8g.js";
-import { R as P } from "../row-DQaSxmDV.js";
-import "@mui/material";
+import { jsx as f, jsxs as W, Fragment as v } from "react/jsx-runtime";
+import { c as h } from "react/compiler-runtime";
+import { I as p, S as M, P as k, a as C } from "../series-6xp-KQ0S.js";
+import { u as y } from "../widget-store-DNyVElxd.js";
+import { useShallow as P } from "zustand/shallow";
+import { Box as T, Skeleton as F } from "@mui/material";
+import { R } from "../row-C_m1ovHv.js";
+import "@mui/icons-material";
+import { useRef as V, useEffect as _ } from "react";
+import "html2canvas";
+import "../lasso-tool-CYn3ivf-.js";
+import "../cjs-D9ro6BXv.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "@dnd-kit/utilities";
+import { d as $, a as I } from "../exports-Cr43OCul.js";
+function b(e) {
+  const t = h(2);
+  let i;
+  return t[0] !== e ? (i = /* @__PURE__ */ f(p, { ...e, children: "-" }), t[0] = e, t[1] = i) : i = t[1], i;
+}
+const j = (e) => e.toString();
+function U(e) {
+  const t = h(16);
+  let i, o, r;
+  t[0] !== e ? ({
+    id: i,
+    index: r,
+    ...o
+  } = e, t[0] = e, t[1] = i, t[2] = o, t[3] = r) : (i = t[1], o = t[2], r = t[3]);
+  const l = r === void 0 ? 0 : r;
+  let n;
+  t[4] !== i || t[5] !== l ? (n = (w) => {
+    const S = w.getWidget(i);
+    return {
+      min: S?.data[l]?.min,
+      color: S?.data[l]?.color,
+      formatter: S?.formatter
+    };
+  }, t[4] = i, t[5] = l, t[6] = n) : n = t[6];
+  const {
+    min: u,
+    color: m,
+    formatter: s
+  } = y(P(n)), g = s === void 0 ? j : s;
+  let d;
+  t[7] !== m ? (d = {
+    color: m
+  }, t[7] = m, t[8] = d) : d = t[8];
+  const x = u ?? 0;
+  let a;
+  t[9] !== g || t[10] !== x ? (a = g(x), t[9] = g, t[10] = x, t[11] = a) : a = t[11];
+  let c;
+  return t[12] !== o || t[13] !== d || t[14] !== a ? (c = /* @__PURE__ */ f(p, { TypographyProps: d, ...o, children: a }), t[12] = o, t[13] = d, t[14] = a, t[15] = c) : c = t[15], c;
+}
+const B = (e) => e.toString();
+function D(e) {
+  const t = h(16);
+  let i, o, r;
+  t[0] !== e ? ({
+    id: i,
+    index: r,
+    ...o
+  } = e, t[0] = e, t[1] = i, t[2] = o, t[3] = r) : (i = t[1], o = t[2], r = t[3]);
+  const l = r === void 0 ? 0 : r;
+  let n;
+  t[4] !== i || t[5] !== l ? (n = (w) => {
+    const S = w.getWidget(i);
+    return {
+      max: S?.data[l]?.max,
+      color: S?.data[l]?.color,
+      formatter: S?.formatter
+    };
+  }, t[4] = i, t[5] = l, t[6] = n) : n = t[6];
+  const {
+    max: u,
+    color: m,
+    formatter: s
+  } = y(P(n)), g = s === void 0 ? B : s;
+  let d;
+  t[7] !== m ? (d = {
+    color: m
+  }, t[7] = m, t[8] = d) : d = t[8];
+  const x = u ?? 0;
+  let a;
+  t[9] !== g || t[10] !== x ? (a = g(x), t[9] = g, t[10] = x, t[11] = a) : a = t[11];
+  let c;
+  return t[12] !== o || t[13] !== d || t[14] !== a ? (c = /* @__PURE__ */ f(p, { TypographyProps: d, ...o, children: a }), t[12] = o, t[13] = d, t[14] = a, t[15] = c) : c = t[15], c;
+}
+function ot(e) {
+  const t = h(9), i = V(null), o = y(E);
+  let r, l;
+  t[0] !== e.id || t[1] !== o ? (r = () => {
+    i.current && o(e.id, {
+      refUI: i
+    });
+  }, l = [e.id, o], t[0] = e.id, t[1] = o, t[2] = r, t[3] = l) : (r = t[2], l = t[3]), _(r, l);
+  let n;
+  t[4] !== e.id ? (n = (m) => {
+    const {
+      index: s
+    } = m;
+    return /* @__PURE__ */ W(v, { children: [
+      /* @__PURE__ */ f(M, { id: e.id, index: s }),
+      /* @__PURE__ */ f(k, { id: e.id, index: s }),
+      /* @__PURE__ */ f(U, { id: e.id, index: s }),
+      /* @__PURE__ */ f(b, {}),
+      /* @__PURE__ */ f(D, { id: e.id, index: s }),
+      /* @__PURE__ */ f(C, { id: e.id, index: s })
+    ] });
+  }, t[4] = e.id, t[5] = n) : n = t[5];
+  let u;
+  return t[6] !== e.id || t[7] !== n ? (u = /* @__PURE__ */ f(T, { ref: i, children: /* @__PURE__ */ f(R, { id: e.id, children: n }) }), t[6] = e.id, t[7] = n, t[8] = u) : u = t[8], u;
+}
+function E(e) {
+  return e.setWidget;
+}
+const G = {
+  row: {
+    display: "flex",
+    alignItems: "center",
+    gap: (e) => e.spacing(0.25),
+    "& + &": {
+      marginTop: (e) => e.spacing(1)
+    }
+  }
+};
+function rt() {
+  const e = h(1);
+  let t;
+  return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ f(T, { sx: G.row, "aria-label": "Spread skeleton", children: /* @__PURE__ */ f(F, { width: 120, height: 32 }) }), e[0] = t) : t = e[0], t;
+}
+function nt({
+  refUI: e
+}) {
+  return [{
+    ...$,
+    modifier: () => $.modifier(e)
+  }, {
+    ...I,
+    modifier: async (t) => {
+      const i = t.map((o) => [o.min, o.max]);
+      return I.modifier([["Min", "Max"], ...i]);
+    }
+  }];
+}
+function lt() {
+  return {
+    series: []
+  };
+}
 export {
-  u as Item,
-  s as MaxValue,
-  m as MinValue,
-  I as Prefix,
-  P as Row,
-  i as Separator,
+  p as Item,
+  D as MaxValue,
+  U as MinValue,
+  k as Prefix,
+  R as Row,
+  b as Separator,
   M as Series,
-  x as SpreadSkeleton,
-  S as SpreadUI,
-  d as Suffix
+  rt as SpreadSkeleton,
+  ot as SpreadUI,
+  C as Suffix,
+  lt as spreadConfig,
+  nt as spreadDownloadConfig
 };
 //# sourceMappingURL=spread.js.map