@rubin-epo/epo-widget-lib 1.0.9 → 1.1.1

package/dist/ColorTool.d.ts

@@ -1,3 +1,3 @@
-export * from './widgets/ColorTool/ColorTool'
-import _default from './widgets/ColorTool/ColorTool'
+export * from './widgets/ColorTool/index'
+import _default from './widgets/ColorTool/index'
 export default _default

package/dist/FilterTool.d.ts

@@ -1,3 +1,3 @@
-export * from './widgets/FilterTool/FilterTool'
-import _default from './widgets/FilterTool/FilterTool'
+export * from './widgets/FilterTool/index'
+import _default from './widgets/FilterTool/index'
 export default _default

package/dist/IsochronePlot.js

@@ -23,7 +23,7 @@ const ct = (t) => t ? t < parseFloat(j("BREAK_PHABLET_MIN")) ? s.pointRadius.md
 }, dt = (t, n, r, i) => {
   const u = E(t, Object.keys(i)), l = i[u];
   return l ? l.map(({ x: g, y: f }) => ({ x: n(g), y: r(f) })) : [];
-}, Dt = ({
+}, It = ({
   data: t,
   value: n,
   ageLibrary: r,
@@ -66,7 +66,7 @@ const ct = (t) => t ? t < parseFloat(j("BREAK_PHABLET_MIN")) ? s.pointRadius.md
     distance: (o) => lt(o).toLocaleString(v, {
       maximumFractionDigits: 0
     })
-  }, B = {
+  }, D = {
     age: L.age(d),
     distance: L.distance(F)
   }, G = /* @__PURE__ */ e(mt, { ref: z, children: /* @__PURE__ */ e(
@@ -89,18 +89,18 @@ const ct = (t) => t ? t < parseFloat(j("BREAK_PHABLET_MIN")) ? s.pointRadius.md
         xScale: p,
         yScale: R,
         yStart: S,
-        yEnd: D,
-        xStart: I,
+        yEnd: I,
+        xStart: T,
         xEnd: N,
         yDomain: $
       }) => {
-        const T = dt(d, p, R, _), K = R(F + $[1]);
+        const B = dt(d, p, R, _), K = R(F + $[1]);
         return /* @__PURE__ */ q(J, { children: [
           o,
           d && /* @__PURE__ */ e(
             rt,
             {
-              points: T,
+              points: B,
               svgProps: {
                 strokeWidth: 2,
                 transform: `translate(0,${K})`
@@ -111,10 +111,10 @@ const ct = (t) => t ? t < parseFloat(j("BREAK_PHABLET_MIN")) ? s.pointRadius.md
             et,
             {
               viewport: {
-                x: I,
-                y: D,
-                outerHeight: S - D,
-                outerWidth: N - I,
+                x: T,
+                y: I,
+                outerHeight: S - I,
+                outerWidth: N - T,
                 innerWidth: b,
                 innerHeight: y
               },
@@ -124,8 +124,8 @@ const ct = (t) => t ? t < parseFloat(j("BREAK_PHABLET_MIN")) ? s.pointRadius.md
                 nt,
                 {
                   points: t,
-                  value: B,
-                  isochrone: T,
+                  value: D,
+                  isochrone: B,
                   offset: K,
                   xScale: p,
                   yScale: R,
@@ -134,7 +134,7 @@ const ct = (t) => t ? t < parseFloat(j("BREAK_PHABLET_MIN")) ? s.pointRadius.md
                 }
               ),
               children: x("isochrone_plot.output", {
-                ...B
+                ...D
               })
             }
           )
@@ -178,5 +178,5 @@ const ct = (t) => t ? t < parseFloat(j("BREAK_PHABLET_MIN")) ? s.pointRadius.md
   );
 };
 export {
-  Dt as default
+  It as default
 };

package/dist/ViewIndicator.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),k=require("react"),j=require("d3-geo"),u=require("./widgets/ViewIndicator/styles.cjs"),O=require("./lib/utils.cjs"),g=10,q=10,A=[g,q],m=100,v=100,d=j.geoGraticule();d.step([180,180]);d.precision(90);const b=t=>{const{backFaces:n=!1,applyRotation:i=!0}=t||{},e=j.geoOrthographic();e.fitExtent([[0,0],[m,v]],d.outline()),i&&e.rotate(A),n&&e.clipAngle(null);const s=j.geoPath(e).digits(1);return{projection:e,pathGenerator:c=>s(c)||void 0}},C=()=>{const{pathGenerator:t}=b({applyRotation:!1});return o.jsx("path",{strokeWidth:3,d:t(d.outline())})},$=({backFaces:t})=>{const{pathGenerator:n}=b({backFaces:t});return o.jsx("path",{d:n(d()),opacity:t?.8:void 0})},N=(t,n)=>{const i=t>90-g&&t<270-g,e=n>0+q,s=t>180-g,r=["top","bottom"],c=["left","right"];e&&r.reverse(),s&&c.reverse();const a=["plane",r[0],...c,r[1]];return i&&a.reverse(),a},z=({ra:t,dec:n,fov:i})=>{const{pathGenerator:e}=b({backFaces:!0}),[s,r]=i,c=Math.max(s,.1)/2,a=Math.max(r,.1)/2,S=n+a,M=n-a,w=t+c,G=t-c,l=[w,S],f=[G,S],y=[w,M],x=[G,M],P=m/2,V=v/2,h=p=>`${p}L${P},${V}`,L={plane:o.jsx("path",{opacity:.8,d:e({type:"Polygon",coordinates:[[l,f,x,y,l]]})}),top:o.jsx("path",{opacity:.5,d:h(e({type:"LineString",coordinates:[l,f]}))}),bottom:o.jsx("path",{opacity:.5,d:h(e({type:"LineString",coordinates:[x,y]}))}),left:o.jsx("path",{opacity:.3,d:h(e({type:"LineString",coordinates:[y,l]}))}),right:o.jsx("path",{opacity:.3,d:h(e({type:"LineString",coordinates:[f,x]}))})},W=N(t,n),R=O.getLinearScale([0,180],[0,100],{clamp:!0,fractionDigits:0})(Math.abs(180-t));return o.jsx(u.ViewCone,{style:{"--percent-mix-primary":`${R}%`,"--percent-mix-secondary":`${100-R}%`},children:W.map(p=>{if(L[p])return o.jsx(k.Fragment,{children:L[p]},p)})})},F=({size:t="var(--size-spacing-m)",className:n,ra:i,dec:e,fov:s})=>{const r=typeof i<"u"&&typeof e<"u"&&typeof s<"u";return o.jsxs(u.Container,{style:{"--size-container":t},className:n,children:[o.jsx(u.NorthDirection,{children:"N"}),o.jsxs(u.SVG,{preserveAspectRatio:"xMidYMid meet",viewBox:`0 0 ${m} ${v}`,children:[o.jsx($,{backFaces:!0}),r&&o.jsx(z,{ra:i,dec:e,fov:s}),o.jsx($,{}),o.jsx(C,{})]})]})};F.displayName="Widget.ViewIndicator";exports.default=F;

package/dist/ViewIndicator.d.ts

@@ -0,0 +1,3 @@
+export * from './widgets/ViewIndicator/index'
+import _default from './widgets/ViewIndicator/index'
+export default _default

package/dist/ViewIndicator.js

@@ -0,0 +1,149 @@
+import { jsxs as $, jsx as o } from "react/jsx-runtime";
+import { Fragment as j } from "react";
+import { geoGraticule as k, geoOrthographic as A, geoPath as C } from "d3-geo";
+import { Container as N, NorthDirection as O, SVG as z, ViewCone as B } from "./widgets/ViewIndicator/styles.js";
+import { getLinearScale as D } from "./lib/utils.js";
+const f = 10, R = 10, E = [f, R], y = 100, v = 100, d = k();
+d.step([180, 180]);
+d.precision(90);
+const x = (t) => {
+  const { backFaces: n = !1, applyRotation: i = !0 } = t || {}, e = A();
+  e.fitExtent(
+    [
+      [0, 0],
+      [y, v]
+    ],
+    d.outline()
+  ), i && e.rotate(E), n && e.clipAngle(null);
+  const r = C(e).digits(1);
+  return { projection: e, pathGenerator: (s) => r(s) || void 0 };
+}, H = () => {
+  const { pathGenerator: t } = x({ applyRotation: !1 });
+  return /* @__PURE__ */ o("path", { strokeWidth: 3, d: t(d.outline()) });
+}, F = ({ backFaces: t }) => {
+  const { pathGenerator: n } = x({ backFaces: t });
+  return /* @__PURE__ */ o(
+    "path",
+    {
+      d: n(d()),
+      opacity: t ? 0.8 : void 0
+    }
+  );
+}, I = (t, n) => {
+  const i = t > 90 - f && t < 270 - f, e = n > 0 + R, r = t > 180 - f, c = ["top", "bottom"], s = ["left", "right"];
+  e && c.reverse(), r && s.reverse();
+  const a = ["plane", c[0], ...s, c[1]];
+  return i && a.reverse(), a;
+}, Y = ({ ra: t, dec: n, fov: i }) => {
+  const { pathGenerator: e } = x({ backFaces: !0 }), [r, c] = i, s = Math.max(r, 0.1) / 2, a = Math.max(c, 0.1) / 2, b = n + a, w = n - a, L = t + s, S = t - s, h = [L, b], g = [S, b], m = [L, w], u = [S, w], P = y / 2, V = v / 2, l = (p) => `${p}L${P},${V}`, G = {
+    plane: /* @__PURE__ */ o(
+      "path",
+      {
+        opacity: 0.8,
+        d: e({
+          type: "Polygon",
+          coordinates: [[h, g, u, m, h]]
+        })
+      }
+    ),
+    top: /* @__PURE__ */ o(
+      "path",
+      {
+        opacity: 0.5,
+        d: l(
+          e({
+            type: "LineString",
+            coordinates: [h, g]
+          })
+        )
+      }
+    ),
+    bottom: /* @__PURE__ */ o(
+      "path",
+      {
+        opacity: 0.5,
+        d: l(
+          e({
+            type: "LineString",
+            coordinates: [u, m]
+          })
+        )
+      }
+    ),
+    left: /* @__PURE__ */ o(
+      "path",
+      {
+        opacity: 0.3,
+        d: l(
+          e({
+            type: "LineString",
+            coordinates: [m, h]
+          })
+        )
+      }
+    ),
+    right: /* @__PURE__ */ o(
+      "path",
+      {
+        opacity: 0.3,
+        d: l(
+          e({
+            type: "LineString",
+            coordinates: [g, u]
+          })
+        )
+      }
+    )
+  }, W = I(t, n), M = D([0, 180], [0, 100], {
+    clamp: !0,
+    fractionDigits: 0
+  })(Math.abs(180 - t));
+  return /* @__PURE__ */ o(
+    B,
+    {
+      style: {
+        "--percent-mix-primary": `${M}%`,
+        "--percent-mix-secondary": `${100 - M}%`
+      },
+      children: W.map((p) => {
+        if (G[p])
+          return /* @__PURE__ */ o(j, { children: G[p] }, p);
+      })
+    }
+  );
+}, q = ({
+  size: t = "var(--size-spacing-m)",
+  className: n,
+  ra: i,
+  dec: e,
+  fov: r
+}) => {
+  const c = typeof i < "u" && typeof e < "u" && typeof r < "u";
+  return /* @__PURE__ */ $(
+    N,
+    {
+      style: { "--size-container": t },
+      className: n,
+      children: [
+        /* @__PURE__ */ o(O, { children: "N" }),
+        /* @__PURE__ */ $(
+          z,
+          {
+            preserveAspectRatio: "xMidYMid meet",
+            viewBox: `0 0 ${y} ${v}`,
+            children: [
+              /* @__PURE__ */ o(F, { backFaces: !0 }),
+              c && /* @__PURE__ */ o(Y, { ra: i, dec: e, fov: r }),
+              /* @__PURE__ */ o(F, {}),
+              /* @__PURE__ */ o(H, {})
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+q.displayName = "Widget.ViewIndicator";
+export {
+  q as default
+};

package/dist/charts/Bars/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react/jsx-runtime"),d=require("react"),h=require("../styles.cjs"),a=({data:e,yDomain:i,xScale:o,yScale:r,y:t=r(i[0])})=>e.length===0?null:b.jsx("g",{role:"list",children:e.map(({stroke:u,fill:c,width:s=8,x:f,value:l,props:m},g)=>{if(l===0)return null;const n=t-r(l);return d.createElement(h.Bar,{role:"listitem",height:n,y:t,width:s,x:o(f),fill:c||"var(--bar-fill, #12726D)",stroke:u||"var(--bar-stroke, transparent)",key:g,transform:`translate(-${s/2} -${n})`,...m})})});a.displayName="Charts.Bars";const p=a;exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react/jsx-runtime"),d=require("react"),h=require("../styles.cjs"),a=({data:e,yDomain:i,xScale:u,yScale:r,y:t=r(i[0])})=>e.length===0?null:b.jsx("g",{role:"list",children:e.map(({stroke:o,fill:c,width:s=8,x:f,value:l,props:m},g)=>{if(l===0)return null;const n=t-r(l);return d.createElement(h.Bar,{role:"listitem",height:n,y:t,width:s,x:u(f),fill:c||"var(--bar-fill, #12726D)",stroke:o||"var(--bar-stroke, transparent)",key:g,transform:`translate(-${s/2} -${n})`,...m})})});a.displayName="Charts.Bars";exports.default=a;

package/dist/charts/Bars/index.js

@@ -1,33 +1,32 @@
 import { jsx as h } from "react/jsx-runtime";
-import { createElement as B } from "react";
+import { createElement as c } from "react";
 import { Bar as g } from "../styles.js";
-const n = ({
+const k = ({
   data: r,
-  yDomain: o,
-  xScale: i,
+  yDomain: s,
+  xScale: o,
   yScale: t,
-  y: e = t(o[0])
-}) => r.length === 0 ? null : /* @__PURE__ */ h("g", { role: "list", children: r.map(({ stroke: m, fill: f, width: s = 8, x: p, value: a, props: u }, c) => {
+  y: e = t(s[0])
+}) => r.length === 0 ? null : /* @__PURE__ */ h("g", { role: "list", children: r.map(({ stroke: i, fill: m, width: l = 8, x: f, value: a, props: p }, u) => {
   if (a === 0) return null;
-  const l = e - t(a);
-  return /* @__PURE__ */ B(
+  const n = e - t(a);
+  return /* @__PURE__ */ c(
     g,
     {
       role: "listitem",
-      height: l,
+      height: n,
       y: e,
-      width: s,
-      x: i(p),
-      fill: f || "var(--bar-fill, #12726D)",
-      stroke: m || "var(--bar-stroke, transparent)",
-      key: c,
-      transform: `translate(-${s / 2} -${l})`,
-      ...u
+      width: l,
+      x: o(f),
+      fill: m || "var(--bar-fill, #12726D)",
+      stroke: i || "var(--bar-stroke, transparent)",
+      key: u,
+      transform: `translate(-${l / 2} -${n})`,
+      ...p
     }
   );
 }) });
-n.displayName = "Charts.Bars";
-const b = n;
+k.displayName = "Charts.Bars";
 export {
-  b as default
+  k as default
 };

package/dist/charts/Base/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("./styles.cjs"),c=({width:s=900,height:i=300,xMin:o=0,yMin:x=0,verticalLabel:a,verticalLabelId:t,horizontalLabel:n,horizontalLabelId:l,title:d,children:j,className:p})=>e.jsxs(r.ChartContainer,{children:[d&&e.jsx(r.TitleWrapper,{children:e.jsx(r.Title,{children:d})}),a&&e.jsxs(e.Fragment,{children:[e.jsx(r.VerticalLabelWrapper,{children:e.jsx(r.Label,{id:t,"aria-hidden":!!t,children:a})}),e.jsx(r.Filler,{})]}),e.jsx(r.SVG,{preserveAspectRatio:"xMidYMid meet",viewBox:`${o} ${x} ${s} ${i}`,className:p,style:{"--aspect-ratio":`${s} / ${i}`},role:"group",children:j}),n&&e.jsx(r.HorizontalLabelWrapper,{children:e.jsx(r.Label,{id:l,"aria-hidden":!!l,children:n})})]});c.displayName="Charts.Base";const u=c;exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("./styles.cjs"),c=({width:s=900,height:i=300,xMin:x=0,yMin:j=0,verticalLabel:a,verticalLabelId:t,horizontalLabel:l,horizontalLabelId:n,title:d,children:o,className:p})=>e.jsxs(r.ChartContainer,{children:[d&&e.jsx(r.TitleWrapper,{children:e.jsx(r.Title,{children:d})}),a&&e.jsxs(e.Fragment,{children:[e.jsx(r.VerticalLabelWrapper,{children:e.jsx(r.Label,{id:t,"aria-hidden":!!t,children:a})}),e.jsx(r.Filler,{})]}),e.jsx(r.SVG,{preserveAspectRatio:"xMidYMid meet",viewBox:`${x} ${j} ${s} ${i}`,className:p,style:{"--aspect-ratio":`${s} / ${i}`},role:"group",children:o}),l&&e.jsx(r.HorizontalLabelWrapper,{children:e.jsx(r.Label,{id:n,"aria-hidden":!!n,children:l})})]});c.displayName="Charts.Base";exports.default=c;

package/dist/charts/Base/index.js

@@ -1,47 +1,46 @@
-import { jsxs as t, jsx as r, Fragment as x } from "react/jsx-runtime";
-import { ChartContainer as B, TitleWrapper as C, Title as f, VerticalLabelWrapper as u, Label as l, Filler as W, SVG as j, HorizontalLabelWrapper as y } from "./styles.js";
-const c = ({
+import { jsxs as t, jsx as r, Fragment as $ } from "react/jsx-runtime";
+import { ChartContainer as x, TitleWrapper as C, Title as f, VerticalLabelWrapper as u, Label as l, Filler as B, SVG as W, HorizontalLabelWrapper as j } from "./styles.js";
+const y = ({
   width: e = 900,
   height: i = 300,
-  xMin: o = 0,
-  yMin: h = 0,
+  xMin: c = 0,
+  yMin: o = 0,
   verticalLabel: a,
   verticalLabelId: d,
   horizontalLabel: n,
-  horizontalLabelId: s,
-  title: p,
-  children: m,
-  className: $
-}) => /* @__PURE__ */ t(B, { children: [
-  p && /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(f, { children: p }) }),
-  a && /* @__PURE__ */ t(x, { children: [
+  horizontalLabelId: p,
+  title: s,
+  children: h,
+  className: m
+}) => /* @__PURE__ */ t(x, { children: [
+  s && /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(f, { children: s }) }),
+  a && /* @__PURE__ */ t($, { children: [
     /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(l, { id: d, "aria-hidden": !!d, children: a }) }),
-    /* @__PURE__ */ r(W, {})
+    /* @__PURE__ */ r(B, {})
   ] }),
   /* @__PURE__ */ r(
-    j,
+    W,
     {
       preserveAspectRatio: "xMidYMid meet",
-      viewBox: `${o} ${h} ${e} ${i}`,
-      className: $,
+      viewBox: `${c} ${o} ${e} ${i}`,
+      className: m,
       style: {
         "--aspect-ratio": `${e} / ${i}`
       },
       role: "group",
-      children: m
+      children: h
     }
   ),
-  n && /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(
+  n && /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(
     l,
     {
-      id: s,
-      "aria-hidden": !!s,
+      id: p,
+      "aria-hidden": !!p,
       children: n
     }
   ) })
 ] });
-c.displayName = "Charts.Base";
-const T = c;
+y.displayName = "Charts.Base";
 export {
-  T as default
+  y as default
 };

package/dist/charts/Base/styles.d.ts

@@ -1109,7 +1109,7 @@ export declare const SVG: import('styled-components').IStyledComponent<"web", {
     accentHeight?: string | number | undefined;
     accumulate?: "none" | "sum" | undefined;
     additive?: "replace" | "sum" | undefined;
-    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "middle" | "baseline" | "before-edge" | "text-before-edge" | "central" | "after-edge" | "text-after-edge" | undefined;
+    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
     allowReorder?: "yes" | "no" | undefined;
     alphabetic?: string | number | undefined;
     amplitude?: string | number | undefined;

package/dist/charts/ClippingContainer/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("react"),i=({x:n,y:r,width:s,height:l,className:c,children:a})=>{const t=u.useId();return e.jsxs(e.Fragment,{children:[e.jsx("defs",{children:e.jsx("clipPath",{id:t,children:e.jsx("rect",{x:n,y:r,width:s,height:l})})}),e.jsx("g",{clipPath:`url(#${t})`,className:c,children:a})]})};i.displayName="Charts.Clip";const o=i;exports.default=o;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("react"),r=({x:i,y:s,width:n,height:l,className:c,children:u})=>{const t=a.useId();return e.jsxs(e.Fragment,{children:[e.jsx("defs",{children:e.jsx("clipPath",{id:t,children:e.jsx("rect",{x:i,y:s,width:n,height:l})})}),e.jsx("g",{clipPath:`url(#${t})`,className:c,children:u})]})};r.displayName="Charts.Clip";exports.default=r;

package/dist/charts/ClippingContainer/index.js

@@ -1,15 +1,14 @@
 "use client";
-import { jsxs as o, Fragment as p, jsx as i } from "react/jsx-runtime";
-import { useId as d } from "react";
-const r = ({ x: t, y: e, width: l, height: s, className: a, children: c }) => {
-  const n = d();
-  return /* @__PURE__ */ o(p, { children: [
-    /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", { id: n, children: /* @__PURE__ */ i("rect", { x: t, y: e, width: l, height: s }) }) }),
-    /* @__PURE__ */ i("g", { clipPath: `url(#${n})`, className: a, children: c })
+import { jsxs as c, Fragment as d, jsx as r } from "react/jsx-runtime";
+import { useId as o } from "react";
+const p = ({ x: i, y: t, width: n, height: l, className: s, children: a }) => {
+  const e = o();
+  return /* @__PURE__ */ c(d, { children: [
+    /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: e, children: /* @__PURE__ */ r("rect", { x: i, y: t, width: n, height: l }) }) }),
+    /* @__PURE__ */ r("g", { clipPath: `url(#${e})`, className: s, children: a })
   ] });
 };
-r.displayName = "Charts.Clip";
-const C = r;
+p.displayName = "Charts.Clip";
 export {
-  C as default
+  p as default
 };

package/dist/charts/ForeignObject/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),e=({children:t,className:n,width:r="100%",height:o="100%"})=>i.jsx("foreignObject",{x:0,y:0,pointerEvents:"none",className:n,width:r,height:o,children:t});e.displayName="Charts.ForeignObject";const s=e;exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),e=({children:t,className:r,width:n="100%",height:o="100%"})=>i.jsx("foreignObject",{x:0,y:0,pointerEvents:"none",className:r,width:n,height:o,children:t});e.displayName="Charts.ForeignObject";exports.default=e;

package/dist/charts/ForeignObject/index.js

@@ -1,18 +1,17 @@
-import { jsx as i } from "react/jsx-runtime";
-const e = ({ children: t, className: n, width: o = "100%", height: r = "100%" }) => /* @__PURE__ */ i(
+import { jsx as o } from "react/jsx-runtime";
+const i = ({ children: e, className: t, width: r = "100%", height: n = "100%" }) => /* @__PURE__ */ o(
   "foreignObject",
   {
     x: 0,
     y: 0,
     pointerEvents: "none",
-    className: n,
-    width: o,
-    height: r,
-    children: t
+    className: t,
+    width: r,
+    height: n,
+    children: e
   }
 );
-e.displayName = "Charts.ForeignObject";
-const c = e;
+i.displayName = "Charts.ForeignObject";
 export {
-  c as default
+  i as default
 };

package/dist/charts/Guidelines/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),b=require("d3-array"),G=require("../styles.cjs"),c=({guides:l=0,direction:t="horizontal",xScale:n,xDomain:e,yScale:r,yDomain:i,margin:d,className:h})=>{if(l===0)return null;const u=t==="horizontal"?i:e,f=t==="horizontal"?r:n,s={...{top:0,right:0,bottom:0,left:0},...d},g=b.ticks(u[1],u[0],l);return a.jsx("g",{className:h,children:g.map((p,j)=>{const o=f(p),z=t==="horizontal"?[n(e[0])-s.left,o]:[o-s.top,r(i[0])],M=t==="horizontal"?[n(e[1])+s.right,o]:[o,r(i[1])+s.bottom];return a.jsx(G.Guide,{points:`${z.join()} ${M.join()}`},j)})})};c.displayName="Charts.Guidelines";const m=c;exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),b=require("d3-array"),m=require("../styles.cjs"),c=({guides:l=0,direction:t="horizontal",xScale:r,xDomain:n,yScale:e,yDomain:i,margin:d,className:h})=>{if(l===0)return null;const u=t==="horizontal"?i:n,f=t==="horizontal"?e:r,o={...{top:0,right:0,bottom:0,left:0},...d},g=b.ticks(u[1],u[0],l);return a.jsx("g",{className:h,children:g.map((p,j)=>{const s=f(p),z=t==="horizontal"?[r(n[0])-o.left,s]:[s-o.top,e(i[0])],M=t==="horizontal"?[r(n[1])+o.right,s]:[s,e(i[1])+o.bottom];return a.jsx(m.Guide,{points:`${z.join()} ${M.join()}`},j)})})};c.displayName="Charts.Guidelines";exports.default=c;

package/dist/charts/Guidelines/index.js

@@ -1,25 +1,24 @@
 import { jsx as f } from "react/jsx-runtime";
 import { ticks as j } from "d3-array";
-import { Guide as M } from "../styles.js";
-const p = ({
+import { Guide as G } from "../styles.js";
+const M = ({
   guides: a = 0,
   direction: t = "horizontal",
-  xScale: r,
+  xScale: n,
   xDomain: s,
   yScale: i,
   yDomain: l,
-  margin: u,
+  margin: p,
   className: h
 }) => {
   if (a === 0) return null;
-  const e = t === "horizontal" ? l : s, c = t === "horizontal" ? i : r, o = { ...{ top: 0, right: 0, bottom: 0, left: 0 }, ...u }, d = j(e[1], e[0], a);
-  return /* @__PURE__ */ f("g", { className: h, children: d.map((m, g) => {
-    const n = c(m), z = t === "horizontal" ? [r(s[0]) - o.left, n] : [n - o.top, i(l[0])], G = t === "horizontal" ? [r(s[1]) + o.right, n] : [n, i(l[1]) + o.bottom];
-    return /* @__PURE__ */ f(M, { points: `${z.join()} ${G.join()}` }, g);
+  const e = t === "horizontal" ? l : s, u = t === "horizontal" ? i : n, o = { ...{ top: 0, right: 0, bottom: 0, left: 0 }, ...p }, m = j(e[1], e[0], a);
+  return /* @__PURE__ */ f("g", { className: h, children: m.map((c, d) => {
+    const r = u(c), g = t === "horizontal" ? [n(s[0]) - o.left, r] : [r - o.top, i(l[0])], z = t === "horizontal" ? [n(s[1]) + o.right, r] : [r, i(l[1]) + o.bottom];
+    return /* @__PURE__ */ f(G, { points: `${g.join()} ${z.join()}` }, d);
   }) });
 };
-p.displayName = "Charts.Guidelines";
-const C = p;
+M.displayName = "Charts.Guidelines";
 export {
-  C as default
+  M as default
 };

package/dist/charts/Points/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),E=require("react"),$=require("./ErrorBar.cjs"),y=require("../defaults.cjs"),l=({data:r,label:a,xScale:t,yScale:s,onHoverCallback:i,onHoverOutCallback:n,onLoadedCallback:o,className:c})=>(E.useEffect(()=>{o&&o()},[]),r.length===0?null:e.jsx("g",{role:"list","aria-label":a,className:c,children:r.map((d,f)=>{const{stroke:p,fill:j,radius:m,x,y:g,description:h,error:u,id:q,index:M,props:P}={...y.default.point,...d};return e.jsxs("g",{role:"listitem","aria-label":h,transform:`translate(${t(x)},${s(g)})`,onMouseEnter:()=>i&&i(f),onMouseLeave:()=>n&&n(),children:[u&&e.jsx($.default,{error:u,xScale:t,yScale:s}),e.jsx("circle",{cursor:"pointer",r:m,stroke:p,fill:j,...P})]},q||M)})}));l.displayName="Charts.Points";const _=l;exports.default=_;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),P=require("react"),y=require("./ErrorBar.cjs"),_=require("../defaults.cjs"),l=({data:r,label:a,xScale:t,yScale:s,onHoverCallback:i,onHoverOutCallback:n,onLoadedCallback:u,className:c})=>(P.useEffect(()=>{u&&u()},[]),r.length===0?null:e.jsx("g",{role:"list","aria-label":a,className:c,children:r.map((d,f)=>{const{stroke:p,fill:j,radius:m,x,y:g,description:h,error:o,id:q,index:M,props:E}={..._.default.point,...d};return e.jsxs("g",{role:"listitem","aria-label":h,transform:`translate(${t(x)},${s(g)})`,onMouseEnter:()=>i&&i(f),onMouseLeave:()=>n&&n(),children:[o&&e.jsx(y.default,{error:o,xScale:t,yScale:s}),e.jsx("circle",{cursor:"pointer",r:m,stroke:p,fill:j,...E})]},q||M)})}));l.displayName="Charts.Points";exports.default=l;

package/dist/charts/Points/index.js

@@ -1,62 +1,61 @@
 "use client";
-import { jsx as r, jsxs as M } from "react/jsx-runtime";
-import { useEffect as y } from "react";
-import B from "./ErrorBar.js";
-import N from "../defaults.js";
-const m = ({
+import { jsx as r, jsxs as P } from "react/jsx-runtime";
+import { useEffect as $ } from "react";
+import y from "./ErrorBar.js";
+import B from "../defaults.js";
+const N = ({
   data: t,
-  label: p,
+  label: m,
   xScale: e,
   yScale: i,
   onHoverCallback: s,
   onHoverOutCallback: o,
   onLoadedCallback: n,
-  className: f
-}) => (y(() => {
+  className: p
+}) => ($(() => {
   n && n();
-}, []), t.length === 0 ? null : /* @__PURE__ */ r("g", { role: "list", "aria-label": p, className: f, children: t.map((u, a) => {
+}, []), t.length === 0 ? null : /* @__PURE__ */ r("g", { role: "list", "aria-label": m, className: p, children: t.map((f, u) => {
   const {
-    stroke: c,
+    stroke: a,
     fill: d,
-    radius: h,
-    x,
-    y: g,
-    description: E,
+    radius: c,
+    x: h,
+    y: x,
+    description: g,
     error: l,
-    id: P,
-    index: $,
-    props: j
+    id: E,
+    index: j,
+    props: M
   } = {
-    ...N.point,
-    ...u
+    ...B.point,
+    ...f
   };
-  return /* @__PURE__ */ M(
+  return /* @__PURE__ */ P(
     "g",
     {
       role: "listitem",
-      "aria-label": E,
-      transform: `translate(${e(x)},${i(g)})`,
-      onMouseEnter: () => s && s(a),
+      "aria-label": g,
+      transform: `translate(${e(h)},${i(x)})`,
+      onMouseEnter: () => s && s(u),
       onMouseLeave: () => o && o(),
       children: [
-        l && /* @__PURE__ */ r(B, { error: l, xScale: e, yScale: i }),
+        l && /* @__PURE__ */ r(y, { error: l, xScale: e, yScale: i }),
         /* @__PURE__ */ r(
           "circle",
           {
             cursor: "pointer",
-            r: h,
-            stroke: c,
+            r: c,
+            stroke: a,
             fill: d,
-            ...j
+            ...M
           }
         )
       ]
     },
-    P || $
+    E || j
   );
 }) }));
-m.displayName = "Charts.Points";
-const D = m;
+N.displayName = "Charts.Points";
 export {
-  D as default
+  N as default
 };

package/dist/charts/Readout/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),u=require("@rubin-epo/epo-react-lib/styles"),d=require("../Viewport/index.cjs"),y=require("../ForeignObject/index.cjs"),o=require("./styles.cjs"),j=(n="")=>{const r=["top","right"],a=["center","center"],s=n?[...n.split(" "),...a].slice(0,2):r,e={justifyContent:null,alignItems:null};return s.forEach(i=>{switch(i){case"center":e.alignItems=e.alignItems??"center",e.justifyContent=e.justifyContent??"center";break;case"top":e.alignItems="start";break;case"right":e.justifyContent="end";break;case"bottom":e.alignItems="end";break;case"left":e.justifyContent="start";break}}),e},c=({className:n,children:r,position:a,viewport:s,forIds:e,forScreenreaders:i})=>{const l=t.jsx(y.default,{children:t.jsx(o.DisplayContainer,{style:j(a),children:t.jsxs(o.Display,{form:Array.isArray(e)?e.join(" "):e,className:n,children:[t.jsx("span",{"aria-hidden":!!i,children:r}),t.jsx(u.ScreenreaderText,{children:i})]})})});return s?t.jsx(d.default,{...s,children:l}):l};c.displayName="Charts.Readout";exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),u=require("@rubin-epo/epo-react-lib/styles"),o=require("./styles.cjs"),d=require("../ForeignObject/index.cjs"),y=require("../Viewport/index.cjs"),j=(n="")=>{const r=["top","right"],a=["center","center"],s=n?[...n.split(" "),...a].slice(0,2):r,e={justifyContent:null,alignItems:null};return s.forEach(i=>{switch(i){case"center":e.alignItems=e.alignItems??"center",e.justifyContent=e.justifyContent??"center";break;case"top":e.alignItems="start";break;case"right":e.justifyContent="end";break;case"bottom":e.alignItems="end";break;case"left":e.justifyContent="start";break}}),e},c=({className:n,children:r,position:a,viewport:s,forIds:e,forScreenreaders:i})=>{const l=t.jsx(d.default,{children:t.jsx(o.DisplayContainer,{style:j(a),children:t.jsxs(o.Display,{form:Array.isArray(e)?e.join(" "):e,className:n,children:[t.jsx("span",{"aria-hidden":!!i,children:r}),t.jsx(u.ScreenreaderText,{children:i})]})})});return s?t.jsx(y.default,{...s,children:l}):l};c.displayName="Charts.Readout";exports.default=c;