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

package/dist/series-CsyEPq-X.js

@@ -0,0 +1,83 @@
+import { jsx as m } from "react/jsx-runtime";
+import { c as h } from "react/compiler-runtime";
+import { a as x } from "./widget-store-yDO2ul8g.js";
+import { Typography as y, Avatar as w } from "@mui/material";
+import { s as b } from "./style-BGeCtQkP.js";
+function g(t) {
+  const e = h(4);
+  let i;
+  return e[0] !== t.TypographyProps || e[1] !== t.children || e[2] !== t.disabled ? (i = /* @__PURE__ */ m(y, { sx: b.item, variant: "h5", fontWeight: "medium", "data-disabled": t.disabled, color: "default", ...t.TypographyProps, children: t.children }), e[0] = t.TypographyProps, e[1] = t.children, e[2] = t.disabled, e[3] = i) : i = e[3], i;
+}
+function _(t) {
+  const e = h(7);
+  let i, n, l;
+  e[0] !== t ? ({
+    id: i,
+    index: l,
+    ...n
+  } = t, e[0] = t, e[1] = i, e[2] = n, e[3] = l) : (i = e[1], n = e[2], l = e[3]);
+  const a = l === void 0 ? 0 : l, d = x(i)?.data?.[a];
+  if (!d?.prefix)
+    return null;
+  const r = d?.prefix;
+  let o;
+  return e[4] !== n || e[5] !== r ? (o = /* @__PURE__ */ m(g, { ...n, children: r }), e[4] = n, e[5] = r, e[6] = o) : o = e[6], o;
+}
+function A(t) {
+  const e = h(8);
+  let i, n, l;
+  e[0] !== t ? ({
+    id: i,
+    index: l,
+    ...n
+  } = t, e[0] = t, e[1] = i, e[2] = n, e[3] = l) : (i = e[1], n = e[2], l = e[3]);
+  const a = l === void 0 ? 0 : l, d = x(i)?.data?.[a];
+  if (!d?.suffix)
+    return null;
+  let r;
+  e[4] === Symbol.for("react.memo_cache_sentinel") ? (r = {
+    color: P
+  }, e[4] = r) : r = e[4];
+  const o = d?.suffix;
+  let s;
+  return e[5] !== n || e[6] !== o ? (s = /* @__PURE__ */ m(g, { TypographyProps: r, ...n, children: o }), e[5] = n, e[6] = o, e[7] = s) : s = e[7], s;
+}
+function P(t) {
+  return t.palette.text.secondary;
+}
+function C(t) {
+  const e = h(10), {
+    id: i,
+    index: n
+  } = t, l = n === void 0 ? 0 : n, f = x(i)?.series?.[l];
+  if (!f)
+    return null;
+  const {
+    name: d,
+    color: r
+  } = f;
+  let o;
+  e[0] !== r ? (o = r && {
+    color: (p) => p.palette.getContrastText(r)
+  }, e[0] = r, e[1] = o) : o = e[1];
+  let s;
+  e[2] !== r || e[3] !== o ? (s = {
+    bgcolor: r,
+    width: 32,
+    height: 32,
+    fontSize: "0.875rem",
+    fontWeight: "medium",
+    ...o
+  }, e[2] = r, e[3] = o, e[4] = s) : s = e[4];
+  let c;
+  e[5] !== d ? (c = d.charAt(0).toUpperCase(), e[5] = d, e[6] = c) : c = e[6];
+  let u;
+  return e[7] !== s || e[8] !== c ? (u = /* @__PURE__ */ m(w, { sx: s, children: c }), e[7] = s, e[8] = c, e[9] = u) : u = e[9], u;
+}
+export {
+  g as I,
+  _ as P,
+  A as S,
+  C as a
+};
+//# sourceMappingURL=series-CsyEPq-X.js.map

package/dist/series-CsyEPq-X.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"series-CsyEPq-X.js","sources":["../src/widgets/formula/components/item.tsx","../src/widgets/formula/components/prefix.tsx","../src/widgets/formula/components/suffix.tsx","../src/widgets/formula/components/series.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport type { ItemProps } from '../types'\nimport { styles } from '../style'\n\nexport function Item(props: ItemProps) {\n  return (\n    <Typography\n      sx={styles.item}\n      variant='h5'\n      fontWeight='medium'\n      data-disabled={props.disabled}\n      color='default'\n      {...props.TypographyProps}\n    >\n      {props.children}\n    </Typography>\n  )\n}\n","import { type FormulaWidgetState, type ValueProps } from '../types'\nimport { useWidget } from '../../stores/widget-store'\nimport { Item } from './item'\n\nexport function Prefix({ id, index = 0, ...props }: ValueProps) {\n  const widget = useWidget<FormulaWidgetState>(id)\n\n  const el = widget?.data?.[index]\n\n  if (!el?.prefix) {\n    return null\n  }\n\n  return <Item {...props}>{el?.prefix}</Item>\n}\n","import { type FormulaWidgetState, type ValueProps } from '../types'\nimport { useWidget } from '../../stores/widget-store'\nimport { Item } from './item'\nimport type { Theme } from '@mui/material'\n\nexport function Suffix({ id, index = 0, ...props }: ValueProps) {\n  const widget = useWidget<FormulaWidgetState>(id)\n\n  const el = widget?.data?.[index]\n\n  if (!el?.suffix) {\n    return null\n  }\n\n  return (\n    <Item\n      TypographyProps={{\n        color: (theme: Theme) => theme.palette.text.secondary,\n      }}\n      {...props}\n    >\n      {el?.suffix}\n    </Item>\n  )\n}\n","import { Avatar } from '@mui/material'\nimport type { FormulaWidgetState, ValueProps } from '../types'\nimport { useWidget } from '../../stores/widget-store'\n\nexport function Series({ id, index = 0 }: Pick<ValueProps, 'id' | 'index'>) {\n  const widget = useWidget<FormulaWidgetState>(id)\n  const currentSeries = widget?.series?.[index]\n\n  if (!currentSeries) {\n    return null\n  }\n\n  const { name, color } = currentSeries\n\n  return (\n    <Avatar\n      sx={{\n        bgcolor: color,\n        width: 32,\n        height: 32,\n        fontSize: '0.875rem',\n        fontWeight: 'medium',\n        ...(color && {\n          color: (theme) => theme.palette.getContrastText(color),\n        }),\n      }}\n    >\n      {name.charAt(0).toUpperCase()}\n    </Avatar>\n  )\n}\n"],"names":["Item","props","$","_c","t0","TypographyProps","children","disabled","Typography","styles","item","Prefix","id","t1","index","undefined","el","useWidget","data","prefix","t2","t3","jsx","Suffix","suffix","Symbol","for","color","_temp","t4","theme","palette","text","secondary","Series","currentSeries","series","name","getContrastText","bgcolor","width","height","fontSize","fontWeight","charAt","toUpperCase","t5","Avatar"],"mappings":"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"}

package/dist/skeleton-BSPcEvfq.js

@@ -0,0 +1,27 @@
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { c as h } from "react/compiler-runtime";
+import { Skeleton as l, Box as n } from "@mui/material";
+function f() {
+  const e = h(3);
+  let t;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ r(l, { width: "80%", height: 24, sx: {
+    mb: 1
+  } }), e[0] = t) : t = e[0];
+  let o;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ r(l, { width: "90%", height: 20, sx: {
+    mb: 0.5
+  } }), e[1] = o) : o = e[1];
+  let i;
+  return e[2] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ m(n, { "aria-label": "Markdown skeleton", children: [
+    t,
+    o,
+    /* @__PURE__ */ r(l, { width: "85%", height: 20, sx: {
+      mb: 0.5
+    } }),
+    /* @__PURE__ */ r(l, { width: "75%", height: 20 })
+  ] }), e[2] = i) : i = e[2], i;
+}
+export {
+  f as MarkdownSkeleton
+};
+//# sourceMappingURL=skeleton-BSPcEvfq.js.map

package/dist/skeleton-BSPcEvfq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-BSPcEvfq.js","sources":["../src/widgets/markdown/skeleton.tsx"],"sourcesContent":["import { Box, Skeleton } from '@mui/material'\n\nexport function MarkdownSkeleton() {\n  return (\n    <Box aria-label='Markdown skeleton'>\n      <Skeleton width='80%' height={24} sx={{ mb: 1 }} />\n      <Skeleton width='90%' height={20} sx={{ mb: 0.5 }} />\n      <Skeleton width='85%' height={20} sx={{ mb: 0.5 }} />\n      <Skeleton width='75%' height={20} />\n    </Box>\n  )\n}\n"],"names":["MarkdownSkeleton","$","_c","t0","Symbol","for","Skeleton","mb","t1","t2","jsxs","Box","jsx"],"mappings":";;;AAEO,SAAAA,IAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,EAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,KAGDF,sBAACG,GAAA,EAAe,OAAA,OAAc,QAAA,IAAQ,IAAA;AAAA,IAAAC,IAAM;AAAA,EAAA,GAAG,GAAIN,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAAA,MAAAO;AAAA,EAAAP,EAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,KACnDG,sBAACF,GAAA,EAAe,OAAA,OAAc,QAAA,IAAQ,IAAA;AAAA,IAAAC,IAAM;AAAA,EAAA,GAAK,GAAIN,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAQ;AAAA,SAAAR,EAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,KAFvDI,IAAA,gBAAAC,EAACC,GAAA,EAAe,cAAA,qBACdR,UAAAA;AAAAA,IAAAA;AAAAA,IACAK;AAAAA,sBACCF,GAAA,EAAe,OAAA,OAAc,QAAA,IAAQ,IAAA;AAAA,MAAAC,IAAM;AAAA,IAAA,GAAK;AAAA,IACjD,gBAAAK,EAACN,GAAA,EAAe,OAAA,OAAc,QAAA,GAAA,CAAE;AAAA,EAAA,GAClC,GAAML,OAAAQ,KAAAA,IAAAR,EAAA,CAAA,GALNQ;AAKM;"}

package/dist/skeleton-C4rOYTy-.js

@@ -0,0 +1,78 @@
+import { jsxs as l, jsx as n } from "react/jsx-runtime";
+import { c as o } from "react/compiler-runtime";
+import { Box as s, Skeleton as r } from "@mui/material";
+import { b as h } from "./styles-cohnxh9F.js";
+const i = {
+  skeleton: {
+    graph: {
+      container: {
+        ...h.graph.container,
+        position: "relative"
+      },
+      grid: {
+        display: "flex",
+        justifyContent: "space-between",
+        flex: "1 1 auto",
+        alignItems: "flex-end",
+        width: "100%"
+      }
+    },
+    histogram: {
+      item: {
+        flex: 1,
+        maxWidth: ({
+          spacing: e
+        }) => e(8),
+        "& + &": {
+          marginLeft: "1px"
+        }
+      }
+    },
+    legend: {
+      display: "flex",
+      alignItems: "center",
+      gap: ({
+        spacing: e
+      }) => e(2),
+      height: ({
+        spacing: e
+      }) => e(5)
+    }
+  }
+};
+function d() {
+  const e = o(2);
+  let t;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ l(s, { sx: i.skeleton.graph.grid, children: [
+    /* @__PURE__ */ n(r, { sx: i.skeleton.histogram.item, variant: "rectangular", height: "20%" }),
+    /* @__PURE__ */ n(r, { sx: i.skeleton.histogram.item, variant: "rectangular", height: "40%" }),
+    /* @__PURE__ */ n(r, { sx: i.skeleton.histogram.item, variant: "rectangular", height: "60%" }),
+    /* @__PURE__ */ n(r, { sx: i.skeleton.histogram.item, variant: "rectangular", height: "20%" }),
+    /* @__PURE__ */ n(r, { sx: i.skeleton.histogram.item, variant: "rectangular", height: "80%" })
+  ] }), e[0] = t) : t = e[0];
+  let a;
+  return e[1] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ l(s, { sx: i.skeleton.graph.container, children: [
+    t,
+    /* @__PURE__ */ n(s, { sx: i.skeleton.legend, children: Array(2).fill(0).map(m) })
+  ] }), e[1] = a) : a = e[1], a;
+}
+function m(e, t) {
+  return /* @__PURE__ */ l(s, { sx: {
+    display: "flex",
+    alignItems: "center",
+    gap: g
+  }, children: [
+    /* @__PURE__ */ n(r, { variant: "circular", width: 8, height: 8 }),
+    /* @__PURE__ */ n(r, { width: 48, height: 8 })
+  ] }, t);
+}
+function g(e) {
+  const {
+    spacing: t
+  } = e;
+  return t(1.5);
+}
+export {
+  d as TimeseriesSkeleton
+};
+//# sourceMappingURL=skeleton-C4rOYTy-.js.map

package/dist/skeleton-C4rOYTy-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-C4rOYTy-.js","sources":["../src/widgets/timeseries/style.ts","../src/widgets/timeseries/skeleton.tsx"],"sourcesContent":["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      grid: {\n        display: 'flex',\n        justifyContent: 'space-between',\n        flex: '1 1 auto',\n        alignItems: 'flex-end',\n        width: '100%',\n      },\n    },\n    histogram: {\n      item: {\n        flex: 1,\n        maxWidth: ({ spacing }) => spacing(8),\n\n        '& + &': {\n          marginLeft: '1px',\n        },\n      },\n    },\n    legend: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: ({ spacing }) => spacing(2),\n      height: ({ spacing }) => spacing(5),\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function TimeseriesSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      {/* Timeseries bar */}\n      <Box sx={styles.skeleton.graph.grid}>\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='20%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='40%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='60%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='20%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='80%'\n        />\n      </Box>\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":["styles","skeleton","graph","container","baseSkeletonStyles","position","grid","display","justifyContent","flex","alignItems","width","histogram","item","maxWidth","spacing","marginLeft","legend","gap","height","TimeseriesSkeleton","$","_c","t0","Symbol","for","Box","jsx","Skeleton","t1","Array","fill","map","_temp2","_","i","jsxs","_temp"],"mappings":";;;;AAGO,MAAMA,IAAS;AAAA,EACpBC,UAAU;AAAA,IACRC,OAAO;AAAA,MACLC,WAAW;AAAA,QACT,GAAGC,EAAmBF,MAAMC;AAAAA,QAC5BE,UAAU;AAAA,MAAA;AAAA,MAEZC,MAAM;AAAA,QACJC,SAAS;AAAA,QACTC,gBAAgB;AAAA,QAChBC,MAAM;AAAA,QACNC,YAAY;AAAA,QACZC,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEFC,WAAW;AAAA,MACTC,MAAM;AAAA,QACJJ,MAAM;AAAA,QACNK,UAAUA,CAAC;AAAA,UAAEC,SAAAA;AAAAA,QAAAA,MAAcA,EAAQ,CAAC;AAAA,QAEpC,SAAS;AAAA,UACPC,YAAY;AAAA,QAAA;AAAA,MACd;AAAA,IACF;AAAA,IAEFC,QAAQ;AAAA,MACNV,SAAS;AAAA,MACTG,YAAY;AAAA,MACZQ,KAAKA,CAAC;AAAA,QAAEH,SAAAA;AAAAA,MAAAA,MAAcA,EAAQ,CAAC;AAAA,MAC/BI,QAAQA,CAAC;AAAA,QAAEJ,SAAAA;AAAAA,MAAAA,MAAcA,EAAQ,CAAC;AAAA,IAAA;AAAA,EACpC;AAEJ;AChCO,SAAAK,IAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,EAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,KAIDF,sBAACG,GAAA,EAAQ,IAAA1B,EAAMC,SAASC,MAAMI,MAC5B,UAAA;AAAA,IAAA,gBAAAqB,EAACC,GAAA,EACK,IAAA5B,EAAMC,SAASW,UAAUC,MACrB,SAAA,eACD,QAAA,MAAA,CAAK;AAAA,IAEd,gBAAAc,EAACC,GAAA,EACK,IAAA5B,EAAMC,SAASW,UAAUC,MACrB,SAAA,eACD,QAAA,MAAA,CAAK;AAAA,IAEd,gBAAAc,EAACC,GAAA,EACK,IAAA5B,EAAMC,SAASW,UAAUC,MACrB,SAAA,eACD,QAAA,MAAA,CAAK;AAAA,IAEd,gBAAAc,EAACC,GAAA,EACK,IAAA5B,EAAMC,SAASW,UAAUC,MACrB,SAAA,eACD,QAAA,MAAA,CAAK;AAAA,IAEd,gBAAAc,EAACC,GAAA,EACK,IAAA5B,EAAMC,SAASW,UAAUC,MACrB,SAAA,eACD,QAAA,MAAA,CAAK;AAAA,EAAA,GAEhB,GAAMQ,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAAA,MAAAQ;AAAA,SAAAR,EAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,KA5BRI,sBAACH,GAAA,EAAQ,IAAA1B,EAAMC,SAASC,MAAMC,WAE5BoB,UAAAA;AAAAA,IAAAA;AAAAA,IA4BA,gBAAAI,EAACD,GAAA,EAAQ,IAAA1B,EAAMC,SAASgB,QACrBa,UAAAA,MAAM,CAAC,EAACC,KACD,CAAC,EAACC,IACHC,CAYJ,EAAA,CACL;AAAA,EAAA,GACF,GAAMZ,OAAAQ,KAAAA,IAAAR,EAAA,CAAA,GA/CNQ;AA+CM;AAjDH,SAAAI,EAAAC,GAAAC,GAAA;AAAA,SAoCK,gBAAAC,EAACV,KAEK,IAAA;AAAA,IAAAnB,SACO;AAAA,IAAMG,YACH;AAAA,IAAQQ,KACfmB;AAAAA,EAAAA,GAGP,UAAA;AAAA,IAAA,gBAAAV,EAACC,KAAiB,SAAA,YAAkB,OAAA,GAAW,QAAA,GAAC;AAAA,IAChD,gBAAAD,EAACC,GAAA,EAAgB,OAAA,IAAY,QAAA,EAAA,CAAC;AAAA,EAAA,EAAA,GARzBO,CASP;AAAM;AA9CX,SAAAE,EAAAd,GAAA;AAyCe,QAAA;AAAA,IAAAR,SAAAA;AAAAA,EAAAA,IAAAQ;AAAW,SAAKR,EAAQ,GAAG;AAAC;"}

package/dist/skeleton-C9Jqc241.js

@@ -0,0 +1,82 @@
+import { jsxs as l, jsx as n } from "react/jsx-runtime";
+import { c as o } from "react/compiler-runtime";
+import { Box as s, Skeleton as r } from "@mui/material";
+import { b as c } from "./styles-cohnxh9F.js";
+const i = {
+  skeleton: {
+    item: {
+      flex: 1,
+      maxWidth: ({
+        spacing: e
+      }) => e(12),
+      "& + &": {
+        marginLeft: ({
+          spacing: e
+        }) => e(1)
+      }
+    },
+    graph: {
+      ...c.graph,
+      grid: {
+        display: "flex",
+        justifyContent: "space-between",
+        flex: "1 1 auto",
+        alignItems: "flex-end",
+        width: "100%"
+      }
+    }
+  }
+};
+function k() {
+  const e = o(2);
+  let t;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ l(s, { sx: i.skeleton.graph.grid, children: [
+    /* @__PURE__ */ n(r, { sx: i.skeleton.item, variant: "rectangular", height: "20%" }),
+    /* @__PURE__ */ n(r, { sx: i.skeleton.item, variant: "rectangular", height: "40%" }),
+    /* @__PURE__ */ n(r, { sx: i.skeleton.item, variant: "rectangular", height: "60%" }),
+    /* @__PURE__ */ n(r, { sx: i.skeleton.item, variant: "rectangular", height: "20%" }),
+    /* @__PURE__ */ n(r, { sx: i.skeleton.item, variant: "rectangular", height: "80%" })
+  ] }), e[0] = t) : t = e[0];
+  let a;
+  return e[1] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ l(s, { sx: i.skeleton.graph.container, children: [
+    t,
+    /* @__PURE__ */ n(s, { sx: {
+      display: "flex",
+      alignItems: "center",
+      gap: p,
+      height: m
+    }, children: Array(2).fill(0).map(g) })
+  ] }), e[1] = a) : a = e[1], a;
+}
+function g(e, t) {
+  return /* @__PURE__ */ l(s, { sx: {
+    display: "flex",
+    alignItems: "center",
+    gap: h
+  }, children: [
+    /* @__PURE__ */ n(r, { variant: "circular", width: 8, height: 8 }),
+    /* @__PURE__ */ n(r, { width: 48, height: 8 })
+  ] }, t);
+}
+function h(e) {
+  const {
+    spacing: t
+  } = e;
+  return t(1.5);
+}
+function m(e) {
+  const {
+    spacing: t
+  } = e;
+  return t(5);
+}
+function p(e) {
+  const {
+    spacing: t
+  } = e;
+  return t(2);
+}
+export {
+  k as BarSkeleton
+};
+//# sourceMappingURL=skeleton-C9Jqc241.js.map

package/dist/skeleton-C9Jqc241.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-C9Jqc241.js","sources":["../src/widgets/bar/style.ts","../src/widgets/bar/skeleton.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\nimport { baseSkeletonStyles } from '../_shared/skeleton'\n\nexport const styles = {\n  skeleton: {\n    item: {\n      flex: 1,\n      maxWidth: ({ spacing }) => spacing(12),\n\n      '& + &': {\n        marginLeft: ({ spacing }) => spacing(1),\n      },\n    },\n    graph: {\n      ...baseSkeletonStyles.graph,\n      grid: {\n        display: 'flex',\n        justifyContent: 'space-between',\n        flex: '1 1 auto',\n        alignItems: 'flex-end',\n        width: '100%',\n      },\n    },\n    mask: {\n      gray: {\n        backgroundColor: ({ palette }) => palette.grey[100],\n      },\n      white: {\n        backgroundColor: ({ palette }) => palette.common.white,\n      },\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function BarSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      <Box sx={styles.skeleton.graph.grid}>\n        <Skeleton\n          sx={styles.skeleton.item}\n          variant='rectangular'\n          height='20%'\n        />\n        <Skeleton\n          sx={styles.skeleton.item}\n          variant='rectangular'\n          height='40%'\n        />\n        <Skeleton\n          sx={styles.skeleton.item}\n          variant='rectangular'\n          height='60%'\n        />\n        <Skeleton\n          sx={styles.skeleton.item}\n          variant='rectangular'\n          height='20%'\n        />\n        <Skeleton\n          sx={styles.skeleton.item}\n          variant='rectangular'\n          height='80%'\n        />\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: ({ spacing }) => spacing(2),\n          height: ({ spacing }) => spacing(5),\n        }}\n      >\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":["styles","skeleton","item","flex","maxWidth","spacing","marginLeft","graph","baseSkeletonStyles","grid","display","justifyContent","alignItems","width","BarSkeleton","$","_c","t0","Symbol","for","Box","jsx","Skeleton","t1","container","gap","_temp","height","_temp2","Array","fill","map","_temp4","_","i","jsxs","_temp3","spacing_1","spacing_0"],"mappings":";;;;AAGO,MAAMA,IAAS;AAAA,EACpBC,UAAU;AAAA,IACRC,MAAM;AAAA,MACJC,MAAM;AAAA,MACNC,UAAUA,CAAC;AAAA,QAAEC,SAAAA;AAAAA,MAAAA,MAAcA,EAAQ,EAAE;AAAA,MAErC,SAAS;AAAA,QACPC,YAAYA,CAAC;AAAA,UAAED,SAAAA;AAAAA,QAAAA,MAAcA,EAAQ,CAAC;AAAA,MAAA;AAAA,IACxC;AAAA,IAEFE,OAAO;AAAA,MACL,GAAGC,EAAmBD;AAAAA,MACtBE,MAAM;AAAA,QACJC,SAAS;AAAA,QACTC,gBAAgB;AAAA,QAChBR,MAAM;AAAA,QACNS,YAAY;AAAA,QACZC,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EAUJ;AACF;AC7BO,SAAAC,IAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,EAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,KAGDF,sBAACG,GAAA,EAAQ,IAAApB,EAAMC,SAASM,MAAME,MAC5B,UAAA;AAAA,IAAA,gBAAAY,EAACC,GAAA,EACK,IAAAtB,EAAMC,SAASC,MACX,SAAA,eACD,QAAA,MAAA,CAAK;AAAA,IAEd,gBAAAmB,EAACC,KACK,IAAAtB,EAAMC,SAASC,MACX,SAAA,eACD,QAAA,MAAA,CAAK;AAAA,IAEd,gBAAAmB,EAACC,KACK,IAAAtB,EAAMC,SAASC,MACX,SAAA,eACD,QAAA,MAAA,CAAK;AAAA,IAEd,gBAAAmB,EAACC,KACK,IAAAtB,EAAMC,SAASC,MACX,SAAA,eACD,QAAA,MAAA,CAAK;AAAA,IAEd,gBAAAmB,EAACC,KACK,IAAAtB,EAAMC,SAASC,MACX,SAAA,eACD,QAAA,MAAA,CAAK;AAAA,EAAA,GAEhB,GAAMa,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAAA,MAAAQ;AAAA,SAAAR,EAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,KA3BRI,sBAACH,GAAA,EAAQ,IAAApB,EAAMC,SAASM,MAAMiB,WAC5BP,UAAAA;AAAAA,IAAAA;AAAAA,IA2BA,gBAAAI,EAACD,KACK,IAAA;AAAA,MAAAV,SACO;AAAA,MAAME,YACH;AAAA,MAAQa,KACfC;AAAAA,MAA2BC,QACxBC;AAAAA,IAAAA,GAGTC,gBAAM,CAAC,EAACC,KACD,CAAC,EAACC,IACHC,CAYJ,EAAA,CACL;AAAA,EAAA,GACF,GAAMjB,OAAAQ,KAAAA,IAAAR,EAAA,CAAA,GApDNQ;AAoDM;AAtDH,SAAAS,EAAAC,GAAAC,GAAA;AAAA,SAyCK,gBAAAC,EAACf,KAEK,IAAA;AAAA,IAAAV,SACO;AAAA,IAAME,YACH;AAAA,IAAQa,KACfW;AAAAA,EAAAA,GAGP,UAAA;AAAA,IAAA,gBAAAf,EAACC,KAAiB,SAAA,YAAkB,OAAA,GAAW,QAAA,GAAC;AAAA,IAChD,gBAAAD,EAACC,GAAA,EAAgB,OAAA,IAAY,QAAA,EAAA,CAAC;AAAA,EAAA,EAAA,GARzBY,CASP;AAAM;AAnDX,SAAAE,EAAAnB,GAAA;AA8Ce,QAAA;AAAA,IAAAZ,SAAAgC;AAAAA,EAAAA,IAAApB;AAAW,SAAKZ,EAAQ,GAAG;AAAC;AA9C3C,SAAAuB,EAAAX,GAAA;AAmCY,QAAA;AAAA,IAAAZ,SAAAiC;AAAAA,EAAAA,IAAArB;AAAW,SAAKZ,EAAQ,CAAC;AAAC;AAnCtC,SAAAqB,EAAAT,GAAA;AAkCS,QAAA;AAAA,IAAAZ,SAAAA;AAAAA,EAAAA,IAAAY;AAAW,SAAKZ,EAAQ,CAAC;AAAC;"}

package/dist/skeleton-D-zHBBIw.js

@@ -0,0 +1,64 @@
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { c as a } from "react/compiler-runtime";
+import { Box as s, Skeleton as i } from "@mui/material";
+import { b as l } from "./styles-cohnxh9F.js";
+const m = {
+  skeleton: {
+    graph: l.graph
+  }
+};
+function b() {
+  const t = a(2);
+  let e;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ r(s, { sx: {
+    display: "flex",
+    alignItems: "flex-end",
+    justifyContent: "space-between",
+    gap: u,
+    height: g,
+    width: "100%"
+  }, children: Array(8).fill(0).map(h) }), t[0] = e) : e = t[0];
+  let n;
+  return t[1] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ c(s, { sx: m.skeleton.graph.container, children: [
+    e,
+    /* @__PURE__ */ r(s, { sx: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      width: "100%",
+      mt: f
+    }, children: Array(4).fill(0).map(p) })
+  ] }), t[1] = n) : n = t[1], n;
+}
+function p(t, e) {
+  return /* @__PURE__ */ r(i, { width: 32, height: 8 }, e);
+}
+function f(t) {
+  const {
+    spacing: e
+  } = t;
+  return e(1);
+}
+function h(t, e) {
+  const o = `${[60, 80, 95, 85, 70, 55, 40, 30][e]}%`;
+  return /* @__PURE__ */ r(i, { variant: "rectangular", sx: {
+    flex: 1,
+    height: o
+  } }, e);
+}
+function g(t) {
+  const {
+    spacing: e
+  } = t;
+  return e(30);
+}
+function u(t) {
+  const {
+    spacing: e
+  } = t;
+  return e(0.5);
+}
+export {
+  b as HistogramSkeleton
+};
+//# sourceMappingURL=skeleton-D-zHBBIw.js.map

package/dist/skeleton-D-zHBBIw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-D-zHBBIw.js","sources":["../src/widgets/histogram/style.ts","../src/widgets/histogram/skeleton.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\nimport { baseSkeletonStyles } from '../_shared/skeleton'\n\nexport const styles = {\n  skeleton: {\n    graph: baseSkeletonStyles.graph,\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function HistogramSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'flex-end',\n          justifyContent: 'space-between',\n          gap: ({ spacing }) => spacing(0.5),\n          height: ({ spacing }) => spacing(30),\n          width: '100%',\n        }}\n      >\n        {Array(8)\n          .fill(0)\n          .map((_, i) => {\n            // Create varying heights for histogram bars\n            const heights = [60, 80, 95, 85, 70, 55, 40, 30]\n            const height = `${heights[i]}%`\n            return (\n              <Skeleton\n                key={i}\n                variant='rectangular'\n                sx={{\n                  flex: 1,\n                  height,\n                }}\n              />\n            )\n          })}\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          width: '100%',\n          mt: ({ spacing }) => spacing(1),\n        }}\n      >\n        {Array(4)\n          .fill(0)\n          .map((_, i) => (\n            <Skeleton key={i} width={32} height={8} />\n          ))}\n      </Box>\n    </Box>\n  )\n}\n"],"names":["styles","skeleton","graph","baseSkeletonStyles","HistogramSkeleton","$","_c","t0","Symbol","for","jsx","Box","display","alignItems","justifyContent","gap","_temp","height","_temp2","width","Array","fill","map","_temp3","t1","container","mt","_temp4","_temp5","__0","i_0","Skeleton","spacing","spacing_1","_","i","flex","spacing_0"],"mappings":";;;;AAGO,MAAMA,IAAS;AAAA,EACpBC,UAAU;AAAA,IACRC,OAAOC,EAAmBD;AAAAA,EAAAA;AAE9B;ACJO,SAAAE,IAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,EAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,KAGDF,IAAA,gBAAAG,EAACC,KACK,IAAA;AAAA,IAAAC,SACO;AAAA,IAAMC,YACH;AAAA,IAAUC,gBACN;AAAA,IAAeC,KAC1BC;AAAAA,IAA6BC,QAC1BC;AAAAA,IAA4BC,OAC7B;AAAA,EAAA,GAGRC,gBAAM,CAAC,EAACC,KACD,CAAC,EAACC,IACHC,CAcJ,GACL,GAAMlB,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAAA,MAAAmB;AAAA,SAAAnB,EAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,KA5BRe,sBAACb,GAAA,EAAQ,IAAAX,EAAMC,SAASC,MAAMuB,WAC5BlB,UAAAA;AAAAA,IAAAA;AAAAA,IA4BA,gBAAAG,EAACC,KACK,IAAA;AAAA,MAAAC,SACO;AAAA,MAAMC,YACH;AAAA,MAAQC,gBACJ;AAAA,MAAeK,OACxB;AAAA,MAAMO,IACTC;AAAAA,IAAAA,GAGLP,gBAAM,CAAC,EAACC,KACD,CAAC,EAACC,IACHM,CAEJ,EAAA,CACL;AAAA,EAAA,GACF,GAAMvB,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA,GA5CNmB;AA4CM;AA9CH,SAAAI,EAAAC,GAAAC,GAAA;AAAA,2BA2CMC,GAAA,EAAwB,WAAY,cAAC;AAAI;AA3C/C,SAAAJ,EAAApB,GAAA;AAqCQ,QAAA;AAAA,IAAAyB,SAAAC;AAAAA,EAAAA,IAAA1B;AAAW,SAAKyB,EAAQ,CAAC;AAAC;AArClC,SAAAT,EAAAW,GAAAC,GAAA;AAkBK,QAAAlB,IAAe,GADC,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE,EACrBkB,CAAC,CAAC;AAAG,SAE7B,gBAAAzB,EAACqB,GAAA,EAES,SAAA,eACJ,IAAA;AAAA,IAAAK,MACI;AAAA,IAACnB,QAAAA;AAAAA,EAAAA,KAHJkB,CAKJ;AACD;AA3BT,SAAAjB,EAAAX,GAAA;AASY,QAAA;AAAA,IAAAyB,SAAAK;AAAAA,EAAAA,IAAA9B;AAAW,SAAKyB,EAAQ,EAAE;AAAC;AATvC,SAAAhB,EAAAT,GAAA;AAQS,QAAA;AAAA,IAAAyB,SAAAA;AAAAA,EAAAA,IAAAzB;AAAW,SAAKyB,EAAQ,GAAG;AAAC;"}

package/dist/skeleton-DMP-IwaJ.js

@@ -0,0 +1,109 @@
+import { jsxs as p, jsx as l } from "react/jsx-runtime";
+import { c as a } from "react/compiler-runtime";
+import { Box as n, Skeleton as r } from "@mui/material";
+import { b as s } from "./styles-cohnxh9F.js";
+const i = {
+  skeleton: {
+    graph: {
+      container: {
+        ...s.graph.container,
+        position: "relative"
+      }
+    },
+    legend: {
+      display: "flex",
+      alignItems: "center",
+      gap: ({
+        spacing: t
+      }) => t(2),
+      height: ({
+        spacing: t
+      }) => t(5),
+      position: "absolute",
+      bottom: 0
+    }
+  }
+}, f = [{
+  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 S() {
+  const t = a(2);
+  let e;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = f.map(h), t[0] = e) : e = t[0];
+  let o;
+  return t[1] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ p(n, { sx: i.skeleton.graph.container, children: [
+    e,
+    /* @__PURE__ */ l(n, { sx: i.skeleton.legend, children: Array(2).fill(0).map(c) })
+  ] }), t[1] = o) : o = t[1], o;
+}
+function c(t, e) {
+  return /* @__PURE__ */ p(n, { sx: {
+    display: "flex",
+    alignItems: "center",
+    gap: m
+  }, children: [
+    /* @__PURE__ */ l(r, { variant: "circular", width: 8, height: 8 }),
+    /* @__PURE__ */ l(r, { width: 48, height: 8 })
+  ] }, e);
+}
+function m(t) {
+  const {
+    spacing: e
+  } = t;
+  return e(1.5);
+}
+function h(t, e) {
+  return /* @__PURE__ */ l(r, { variant: "circular", width: 12, height: 12, sx: {
+    position: "absolute",
+    top: t.top,
+    left: t.left,
+    transform: "translate(-50%, -50%)"
+  } }, e);
+}
+export {
+  S as ScatterplotSkeleton
+};
+//# sourceMappingURL=skeleton-DMP-IwaJ.js.map

package/dist/skeleton-DMP-IwaJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-DMP-IwaJ.js","sources":["../src/widgets/scatterplot/style.ts","../src/widgets/scatterplot/skeleton.tsx"],"sourcesContent":["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":["styles","skeleton","graph","container","baseSkeletonStyles","position","legend","display","alignItems","gap","spacing","height","bottom","SCATTER_POINTS","left","top","ScatterplotSkeleton","$","_c","t0","Symbol","for","map","_temp","t1","Box","jsx","Array","fill","_temp3","_","i","jsxs","_temp2","Skeleton","point","index","transform"],"mappings":"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"}

package/dist/skeleton-DRorqowB.js

@@ -0,0 +1,22 @@
+import { jsx as t } from "react/jsx-runtime";
+import { c as r } from "react/compiler-runtime";
+import { Box as n, Skeleton as i } from "@mui/material";
+const l = {
+  row: {
+    display: "flex",
+    alignItems: "center",
+    gap: (e) => e.spacing(0.25),
+    "& + &": {
+      marginTop: (e) => e.spacing(1)
+    }
+  }
+};
+function m() {
+  const e = r(1);
+  let o;
+  return e[0] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ t(n, { sx: l.row, "aria-label": "Spread skeleton", children: /* @__PURE__ */ t(i, { width: 120, height: 32 }) }), e[0] = o) : o = e[0], o;
+}
+export {
+  m as SpreadSkeleton
+};
+//# sourceMappingURL=skeleton-DRorqowB.js.map

package/dist/skeleton-DRorqowB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-DRorqowB.js","sources":["../src/widgets/spread/style.ts","../src/widgets/spread/skeleton.tsx"],"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  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"],"names":["styles","row","display","alignItems","gap","theme","spacing","marginTop","SpreadSkeleton","$","_c","t0","Symbol","for","jsx","Box","Skeleton"],"mappings":";;;AAEO,MAAMA,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,IAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,SAAAF,EAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,KAEHF,IAAA,gBAAAG,EAACC,GAAA,EAAQ,IAAAf,EAAMC,KAAiB,cAAA,mBAC9B,UAAA,gBAAAa,EAACE,GAAA,EAAgB,OAAA,KAAa,QAAA,IAAE,GAClC,GAAMP,OAAAE,KAAAA,IAAAF,EAAA,CAAA,GAFNE;AAEM;"}

package/dist/skeleton-DsZhv-AH.js

@@ -0,0 +1,89 @@
+import { jsxs as a, jsx as n } from "react/jsx-runtime";
+import { c as f } from "react/compiler-runtime";
+import { Box as r, Skeleton as i } from "@mui/material";
+import { b as g } from "./styles-cohnxh9F.js";
+const u = {
+  skeleton: {
+    graph: g.graph
+  }
+}, p = 32, h = 294 - p, m = h - p;
+function j() {
+  const e = f(5);
+  let t, c;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    position: "relative"
+  }, c = /* @__PURE__ */ n(i, { variant: "circular", width: h, height: h }), e[0] = t, e[1] = c) : (t = e[0], c = e[1]);
+  let o;
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ n(i, { sx: {
+    position: "absolute",
+    zIndex: 1
+  }, variant: "circular", width: m, height: m }), e[2] = o) : o = e[2];
+  let s;
+  e[3] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ a(r, { sx: t, children: [
+    c,
+    o,
+    /* @__PURE__ */ a(r, { sx: {
+      position: "absolute",
+      zIndex: 2,
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: S
+    }, children: [
+      /* @__PURE__ */ n(i, { height: 24, width: 72 }),
+      /* @__PURE__ */ n(i, { height: 8, width: 48 })
+    ] })
+  ] }), e[3] = s) : s = e[3];
+  let l;
+  return e[4] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ a(r, { sx: u.skeleton.graph.container, children: [
+    s,
+    /* @__PURE__ */ n(r, { sx: {
+      display: "flex",
+      alignItems: "center",
+      gap: y,
+      height: x
+    }, children: Array(2).fill(0).map(_) })
+  ] }), e[4] = l) : l = e[4], l;
+}
+function _(e, t) {
+  return /* @__PURE__ */ a(r, { sx: {
+    display: "flex",
+    alignItems: "center",
+    gap: d
+  }, children: [
+    /* @__PURE__ */ n(i, { variant: "circular", width: 8, height: 8 }),
+    /* @__PURE__ */ n(i, { width: 48, height: 8 })
+  ] }, t);
+}
+function d(e) {
+  const {
+    spacing: t
+  } = e;
+  return t(1.5);
+}
+function x(e) {
+  const {
+    spacing: t
+  } = e;
+  return t(5);
+}
+function y(e) {
+  const {
+    spacing: t
+  } = e;
+  return t(2);
+}
+function S(e) {
+  const {
+    spacing: t
+  } = e;
+  return t(1);
+}
+export {
+  j as PieSkeleton
+};
+//# sourceMappingURL=skeleton-DsZhv-AH.js.map

package/dist/skeleton-DsZhv-AH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-DsZhv-AH.js","sources":["../src/widgets/pie/style.ts","../src/widgets/pie/skeleton.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\nimport { baseSkeletonStyles } from '../_shared/skeleton'\n\nexport const styles = {\n  skeleton: {\n    graph: baseSkeletonStyles.graph,\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nconst GUTTER = 32\nconst SIZE = 294 - GUTTER\nconst INNER_SIZE = SIZE - GUTTER\n\nexport function PieSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          position: 'relative',\n        }}\n      >\n        <Skeleton variant='circular' width={SIZE} height={SIZE} />\n        <Skeleton\n          sx={{\n            position: 'absolute',\n            zIndex: 1,\n          }}\n          variant='circular'\n          width={INNER_SIZE}\n          height={INNER_SIZE}\n        />\n        <Box\n          sx={{\n            position: 'absolute',\n            zIndex: 2,\n            display: 'flex',\n            flexDirection: 'column',\n            alignItems: 'center',\n            justifyContent: 'center',\n            gap: ({ spacing }) => spacing(1),\n          }}\n        >\n          <Skeleton height={24} width={72} />\n          <Skeleton height={8} width={48} />\n        </Box>\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: ({ spacing }) => spacing(2),\n          height: ({ spacing }) => spacing(5),\n        }}\n      >\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":["styles","skeleton","graph","baseSkeletonStyles","GUTTER","SIZE","INNER_SIZE","PieSkeleton","$","_c","t0","t1","Symbol","for","display","alignItems","justifyContent","position","Skeleton","t2","jsx","zIndex","t3","Box","jsxs","flexDirection","gap","_temp","t4","container","_temp2","height","_temp3","Array","fill","map","_temp5","_","i","_temp4","spacing","spacing_2","spacing_1","spacing_0"],"mappings":"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"}