@rubin-epo/epo-widget-lib 0.6.10 → 0.7.0-rc.1

package/dist/CameraFilter.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),v=require("react"),q=require("@rubin-epo/epo-react-lib/SelectListbox"),C=require("@rubin-epo/epo-react-lib/styles"),S=require("react-i18next"),R=require("use-resize-observer"),s=require("./widgets/CameraFilter/data.cjs"),r=require("./widgets/CameraFilter/styles.cjs"),y=require("./widgets/CameraFilter/CondensedFilterRanges/CondensedFilterRanges.cjs"),L=require("./widgets/CameraFilter/SpectrumDisplay/SpectrumDisplay.cjs"),x=l=>l&&l.__esModule?l:{default:l},M=x(q),O=x(R),h=()=>{const{t:l}=S.useTranslation(),{ref:j,width:m=1}=O.default(),[o,p]=v.useState(null),{BREAK_TABLET:g}=C.tokens,i=m<parseInt(g),{[i?"condensed":"default"]:{min:c,max:_,range:n}}=s.rangeConfig,d=s.filters[0].range[0],u=s.filters[s.filters.length-1].range[1]-d,f=s.filters.filter(({band:e})=>e),b=[{value:"none",label:l("camera_filter.labels.option",{context:"none"})}].concat(f.map(({band:e})=>({value:e,label:l("camera_filter.labels.option",{band:e})}))),F=s.filters.find(({band:e})=>e===o);return t.jsxs(r.FilterContainer,{ref:j,children:[t.jsx("h1",{children:l("camera_filter.title")}),i&&t.jsx(y.default,{filters:f,min:c,spectrumRange:n}),t.jsxs(r.FilterTable,{"aria-hidden":i,range:u/n*100,offset:(d-c)/n*100,"data-testid":"expanded-filters",children:[t.jsx("colgroup",{children:s.filters.map(({range:e})=>t.jsx("col",{style:{width:`${(e[1]-e[0])/u*100}%`}},e.join("")))}),t.jsx(r.FilterNames,{children:t.jsx("tr",{children:s.filters.map(({band:e},a)=>t.jsx(r.FilterName,{id:`${e}-name`,band:e,scope:"col","aria-hidden":!e,$isCondensed:i,children:e},a))})}),!i&&t.jsx(r.FilterRanges,{children:t.jsx("tr",{children:s.filters.map(({band:e,range:a})=>t.jsx(r.FilterRange,{"aria-hidden":!e,children:e&&t.jsxs(t.Fragment,{children:[a.join("–"),t.jsx("br",{}),t.jsx(r.Wavelength,{children:"nm"})]})},a.join()))})})]}),t.jsx(L.default,{min:c,max:_,range:n,isCondensed:i,activeFilter:F}),t.jsxs(r.SelectContainer,{children:[t.jsx(r.SelectLabel,{id:"filterSelectLabel",children:l("camera_filter.labels.select")}),t.jsx(M.default,{options:b,value:o,onChangeCallback:e=>p(e),width:"100%",maxWidth:"100%",labelledById:"filterSelectLabel"})]})]})};h.displayName="Widgets.CameraFilter";exports.default=h;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),v=require("react"),q=require("@rubin-epo/epo-react-lib/SelectListbox"),C=require("@rubin-epo/epo-react-lib/styles"),S=require("react-i18next"),R=require("use-resize-observer"),s=require("./widgets/CameraFilter/data.cjs"),i=require("./widgets/CameraFilter/styles.cjs"),y=require("./widgets/CameraFilter/CondensedFilterRanges/CondensedFilterRanges.cjs"),L=require("./widgets/CameraFilter/SpectrumDisplay/SpectrumDisplay.cjs"),x=l=>l&&l.__esModule?l:{default:l},M=x(q),O=x(R),h=()=>{const{t:l}=S.useTranslation(),{ref:j,width:m=1}=O.default(),[o,p]=v.useState(null),{BREAK_TABLET:g}=C.tokens,r=m<parseInt(g),{[r?"condensed":"default"]:{min:c,max:_,range:n}}=s.rangeConfig,d=s.filters[0].range[0],u=s.filters[s.filters.length-1].range[1]-d,f=s.filters.filter(({band:e})=>e),b=[{value:"none",label:l("camera_filter.labels.option",{context:"none"})}].concat(f.map(({band:e})=>({value:e,label:l("camera_filter.labels.option",{band:e})}))),F=s.filters.find(({band:e})=>e===o);return t.jsxs(i.FilterContainer,{ref:j,children:[t.jsx("h1",{children:l("camera_filter.title")}),r&&t.jsx(y.default,{filters:f,min:c,spectrumRange:n}),t.jsxs(i.FilterTable,{"aria-hidden":r,range:u/n*100,offset:(d-c)/n*100,"data-testid":"expanded-filters",children:[t.jsx("colgroup",{children:s.filters.map(({range:e})=>t.jsx("col",{style:{width:`${(e[1]-e[0])/u*100}%`}},e.join("")))}),t.jsx(i.FilterNames,{children:t.jsx("tr",{children:s.filters.map(({band:e},a)=>t.jsx(i.FilterName,{id:`${e}-name`,band:e,scope:"col","aria-hidden":!e,$isCondensed:r,children:e},a))})}),!r&&t.jsx(i.FilterRanges,{children:t.jsx("tr",{children:s.filters.map(({band:e,range:a})=>t.jsx(i.FilterRange,{"aria-hidden":!e,children:e&&t.jsxs(t.Fragment,{children:[a.join("–"),t.jsx("br",{}),t.jsx(i.Wavelength,{children:"nm"})]})},a.join()))})})]}),t.jsx(L.default,{min:c,max:_,range:n,isCondensed:r,activeFilter:F}),t.jsxs(i.SelectContainer,{children:[t.jsx(i.SelectLabel,{id:"filterSelectLabel",children:l("camera_filter.labels.select")}),t.jsx(M.default,{options:b,value:o,onChangeCallback:e=>p(e),width:"100%",maxWidth:"100%",labelledById:"filterSelectLabel"})]})]})};h.displayName="Widgets.CameraFilter";exports.default=h;

package/dist/CameraFilter.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as o, jsx as t, Fragment as b } from "react/jsx-runtime";
 import { useState as v } from "react";
 import R from "@rubin-epo/epo-react-lib/SelectListbox";

package/dist/Charts.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./charts/Base/index.cjs"),i=require("./charts/XAxis/index.cjs"),t=require("./charts/YAxis/index.cjs"),n=require("./charts/Guidelines/index.cjs"),r=require("./charts/Points/index.cjs"),u=require("./charts/Tooltip/index.cjs"),d=require("./charts/ClippingContainer/index.cjs"),o=require("./charts/Bars/index.cjs");exports.Base=e.default;exports.XAxis=i.default;exports.YAxis=t.default;exports.Guidelines=n.default;exports.Points=r.default;exports.Tooltip=u.default;exports.ClippingContainer=d.default;exports.Bars=o.default;

package/dist/Charts.d.ts

@@ -0,0 +1 @@
+export * from './charts/index'

package/dist/Charts.js

@@ -0,0 +1,18 @@
+import { default as a } from "./charts/Base/index.js";
+import { default as r } from "./charts/XAxis/index.js";
+import { default as s } from "./charts/YAxis/index.js";
+import { default as p } from "./charts/Guidelines/index.js";
+import { default as d } from "./charts/Points/index.js";
+import { default as u } from "./charts/Tooltip/index.js";
+import { default as n } from "./charts/ClippingContainer/index.js";
+import { default as B } from "./charts/Bars/index.js";
+export {
+  B as Bars,
+  a as Base,
+  n as ClippingContainer,
+  p as Guidelines,
+  d as Points,
+  u as Tooltip,
+  r as XAxis,
+  s as YAxis
+};

package/dist/ColorTool.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),m=require("react"),O=require("react-i18next"),W=require("./widgets/ColorTool/utilities.cjs"),l=require("./widgets/ColorTool/styles.cjs"),H=require("@rubin-epo/epo-react-lib/SelectListbox"),R=require("./widgets/ColorTool/Actions/index.cjs"),y=require("./widgets/ColorTool/ImageComposite/ImageComposite.cjs"),$=require("./widgets/ColorTool/FilterControls/FilterControls.cjs"),v=o=>o&&o.__esModule?o:{default:o},N=v(H),p=({data:o,objectOptions:T=[],selectedData:d,colorOptions:L=[],selectionCallback:r,isDisabled:u=!1,isDisplayOnly:C=!1,className:x,config:S={actions:["reset"],width:600,height:600,hideSubtitle:!1}})=>{const _={actions:["reset"],width:600,height:600,hideSubtitle:!1},h=m.useRef(null),{t:i}=O.useTranslation(),{filters:s,name:n}=d,{actions:q,width:a,height:c,hideSubtitle:F}={..._,...S};if(C)return e.jsx(y.default,{ref:h,filters:s,width:a,height:c,selectedObjectName:n,className:x});const w=t=>{const{label:f}=t,{filters:b}=d,M=b.map(g=>g.label===f?t:g);return r&&r({...d,filters:M})},I=t=>{if(t)return r&&r({name:t,filters:W.getDataFiltersByName(o,t)})},j=o.length>1,B=i("colorTool.actions.select_an_object");return e.jsx(l.WidgetContainer,{className:x,children:e.jsxs(l.WidgetLayout,{style:{"--image-width":typeof a=="number"?`${a}px`:a,"--image-height":typeof c=="number"?`${c}px`:c},children:[n&&j&&e.jsx(l.Title,{children:!F&&e.jsxs(e.Fragment,{children:[e.jsx("dt",{children:i("colorTool.labels.object")}),e.jsx("dd",{children:n})]})}),e.jsxs(l.ControlsContainer,{children:[s&&e.jsxs(e.Fragment,{children:[e.jsx(l.ToolsHeader,{id:"filterLabel",children:i("colorTool.labels.filter")}),e.jsx(l.ToolsHeader,{id:"colorLabel",children:i("colorTool.labels.color")}),e.jsx(l.ToolsHeader,{id:"intensityLabel",children:i("colorTool.labels.color_intensity")})]}),s&&s.map(t=>{const{label:f,isDisabled:b}=t;return m.createElement($.default,{filter:t,colorOptions:L,key:`filter-${f}`,isDisabled:u||b,onChangeFilterCallback:w,buttonLabelledById:"filterLabel",selectLabelledById:"colorLabel",sliderLabelledById:"intensityLabel"})})]}),e.jsx(y.default,{ref:h,filters:s,width:a,height:c,selectedObjectName:n,children:j&&e.jsx(l.SelectionContainer,{children:e.jsx(N.default,{id:"astroObjectSelector",placeholder:B,options:T,onChangeCallback:I,value:n,isDisabled:u,width:"100%",maxWidth:"100%"})})}),e.jsx(R.default,{actions:q,canvas:h.current,selectedData:d,isDisabled:u,selectionCallback:r})]})})};p.displayName="Widgets.ColorTool";exports.default=p;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),m=require("react"),O=require("react-i18next"),W=require("./widgets/ColorTool/lib/utils.cjs"),l=require("./widgets/ColorTool/styles.cjs"),H=require("@rubin-epo/epo-react-lib/SelectListbox"),R=require("./widgets/ColorTool/Actions/index.cjs"),y=require("./widgets/ColorTool/ImageComposite/ImageComposite.cjs"),$=require("./widgets/ColorTool/FilterControls/FilterControls.cjs"),v=o=>o&&o.__esModule?o:{default:o},N=v(H),p=({data:o,objectOptions:T=[],selectedData:d,colorOptions:L=[],selectionCallback:r,isDisabled:u=!1,isDisplayOnly:C=!1,className:x,config:S={actions:["reset"],width:600,height:600,hideSubtitle:!1}})=>{const _={actions:["reset"],width:600,height:600,hideSubtitle:!1},h=m.useRef(null),{t:s}=O.useTranslation(),{filters:i,name:n}=d,{actions:q,width:a,height:c,hideSubtitle:F}={..._,...S};if(C)return e.jsx(y.default,{ref:h,filters:i,width:a,height:c,selectedObjectName:n,className:x});const w=t=>{const{label:f}=t,{filters:b}=d,M=b.map(g=>g.label===f?t:g);return r&&r({...d,filters:M})},I=t=>{if(t)return r&&r({name:t,filters:W.getDataFiltersByName(o,t)})},j=o.length>1,B=s("colorTool.actions.select_an_object");return e.jsx(l.WidgetContainer,{className:x,children:e.jsxs(l.WidgetLayout,{style:{"--image-width":typeof a=="number"?`${a}px`:a,"--image-height":typeof c=="number"?`${c}px`:c},children:[n&&j&&e.jsx(l.Title,{children:!F&&e.jsxs(e.Fragment,{children:[e.jsx("dt",{children:s("colorTool.labels.object")}),e.jsx("dd",{children:n})]})}),e.jsxs(l.ControlsContainer,{children:[i&&e.jsxs(e.Fragment,{children:[e.jsx(l.ToolsHeader,{id:"filterLabel",children:s("colorTool.labels.filter")}),e.jsx(l.ToolsHeader,{id:"colorLabel",children:s("colorTool.labels.color")}),e.jsx(l.ToolsHeader,{id:"intensityLabel",children:s("colorTool.labels.color_intensity")})]}),i&&i.map(t=>{const{label:f,isDisabled:b}=t;return m.createElement($.default,{filter:t,colorOptions:L,key:`filter-${f}`,isDisabled:u||b,onChangeFilterCallback:w,buttonLabelledById:"filterLabel",selectLabelledById:"colorLabel",sliderLabelledById:"intensityLabel"})})]}),e.jsx(y.default,{ref:h,filters:i,width:a,height:c,selectedObjectName:n,children:j&&e.jsx(l.SelectionContainer,{children:e.jsx(N.default,{id:"astroObjectSelector",placeholder:B,options:T,onChangeCallback:I,value:n,isDisabled:u,width:"100%",maxWidth:"100%"})})}),e.jsx(R.default,{actions:q,canvas:h.current,selectedData:d,isDisabled:u,selectionCallback:r})]})})};p.displayName="Widgets.ColorTool";exports.default=p;

package/dist/ColorTool.js

@@ -1,7 +1,8 @@
+"use client";
 import { jsx as e, jsxs as c, Fragment as L } from "react/jsx-runtime";
 import { useRef as $, createElement as N } from "react";
 import { useTranslation as R } from "react-i18next";
-import { getDataFiltersByName as A } from "./widgets/ColorTool/utilities.js";
+import { getDataFiltersByName as A } from "./widgets/ColorTool/lib/utils.js";
 import { WidgetContainer as E, WidgetLayout as H, Title as M, ControlsContainer as P, ToolsHeader as b, SelectionContainer as q } from "./widgets/ColorTool/styles.js";
 import v from "@rubin-epo/epo-react-lib/SelectListbox";
 import z from "./widgets/ColorTool/Actions/index.js";

package/dist/ColorToolServer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("skia-canvas"),C=require("./widgets/ColorTool/utilities.cjs"),p=(t,a,e,n)=>{t.fillStyle=a,t.fillRect(0,0,e,n)},d=(t,a=[],e,n,s="screen")=>{t.globalCompositeOperation=s,a.forEach(o=>{t.drawCanvas(o,0,0,e,n)})};async function f(t=[],a=600,e=600){const n=t.filter(({active:l})=>l),s=await Promise.all(n.map(async({image:l,color:g="transparent",brightness:m})=>{const i=new c.Canvas(a,e),r=i.getContext("2d"),v=await c.loadImage(l);return r.drawImage(v,0,0,a,e),r.globalCompositeOperation="multiply",r.filter=C.getFilters({brightness:m,contrast:1.3}),p(r,g,a,e),i})),o=new c.Canvas(a,e),u=o.getContext("2d");return d(u,s,a,e),o}const y=async(t=[],a="png",e=600,n=600)=>(await f(t,e,n)).toDataURL(a);exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("skia-canvas"),o=require("./widgets/ColorTool/lib/canvas.cjs");async function d(n=[],a=600,e=600){const s=n.filter(({active:r})=>r),l=await Promise.all(s.map(async({image:r,color:m="transparent",brightness:g=1})=>{const C=await c.loadImage(r),v=new c.Canvas(a,e),t=v.getContext("2d");return t.clearRect(0,0,a,e),t.filter=o.getFilters({brightness:g,contrast:1.3}),t.drawImage(C,0,0,a,e),o.updateColor(t,m,a,e),v})),u=new c.Canvas(a,e),i=u.getContext("2d");return o.mergeCanvases(i,l,a,e),u}const f=async(n=[],a="png",e=600,s=600)=>(await d(n,e,s)).toDataURL(a,{matte:"#000000"});exports.default=f;

package/dist/ColorToolServer.d.ts

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

package/dist/ColorToolServer.js

@@ -1,24 +1,17 @@
-import { Canvas as i, loadImage as v } from "skia-canvas";
-import { getFilters as C } from "./widgets/ColorTool/utilities.js";
-const u = (e, a, t, n) => {
-  e.fillStyle = a, e.fillRect(0, 0, t, n);
-}, d = (e, a = [], t, n, s = "screen") => {
-  e.globalCompositeOperation = s, a.forEach((o) => {
-    e.drawCanvas(o, 0, 0, t, n);
-  });
-};
-async function y(e = [], a = 600, t = 600) {
-  const n = e.filter(({ active: c }) => c), s = await Promise.all(
-    n.map(
-      async ({ image: c, color: p = "transparent", brightness: g }) => {
-        const l = new i(a, t), r = l.getContext("2d"), f = await v(c);
-        return r.drawImage(f, 0, 0, a, t), r.globalCompositeOperation = "multiply", r.filter = C({ brightness: g, contrast: 1.3 }), u(r, p, a, t), l;
+import { loadImage as p, Canvas as l } from "skia-canvas";
+import { getFilters as u, updateColor as C, mergeCanvases as x } from "./widgets/ColorTool/lib/canvas.js";
+async function d(n = [], a = 600, t = 600) {
+  const s = n.filter(({ active: r }) => r), c = await Promise.all(
+    s.map(
+      async ({ image: r, color: v = "transparent", brightness: f = 1 }) => {
+        const i = await p(r), m = new l(a, t), e = m.getContext("2d");
+        return e.clearRect(0, 0, a, t), e.filter = u({ brightness: f, contrast: 1.3 }), e.drawImage(i, 0, 0, a, t), C(e, v, a, t), m;
       }
     )
-  ), o = new i(a, t), m = o.getContext("2d");
-  return d(m, s, a, t), o;
+  ), o = new l(a, t), g = o.getContext("2d");
+  return x(g, c, a, t), o;
 }
-const w = async (e = [], a = "png", t = 600, n = 600) => (await y(e, t, n)).toDataURL(a);
+const y = async (n = [], a = "png", t = 600, s = 600) => (await d(n, t, s)).toDataURL(a, { matte: "#000000" });
 export {
-  w as default
+  y as default
 };

package/dist/FilterTool.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),i=require("react-i18next"),m=require("@rubin-epo/epo-react-lib/SelectListbox"),_=require("@rubin-epo/epo-react-lib/ColorSwatch"),r=require("./widgets/FilterTool/styles.cjs"),d=e=>e&&e.__esModule?e:{default:e},b=d(m),C=d(_),j=({selectedColor:e="none",selectionCallback:f,isDisabled:c=!1,id:h,labelledById:u})=>{const{t:l}=i.useTranslation(),t={violet:"#861cff",blue:"#0019ff",green:"#6bd853",yellow:"#ffdd15",orange:"#f18922",red:"#ec1c24",none:"transparent"},p={violet:"M546.1,312.5l212.8,1.9h0.4l0.5,0.2L1396,522.8c6.9,2.3,10.7,9.7,8.5,16.7s-9.7,10.7-16.7,8.5l0,0l-0.4-0.1L757.8,320.4l0.9,0.2L546.1,312.5z",blue:"M546.1,312.4l206.5-4.4h0.4l0.4,0.1l641.1,164c7,1.8,11.2,8.9,9.4,15.9c-1.8,7-8.9,11.2-15.9,9.4l-0.4-0.1L751.8,313.8l0.8,0.1L546.1,312.4z",green:"M547.8,312l200.6-10.6h0.3l0.4,0.1l644.8,120.3c7,1.4,11.5,8.2,10.1,15.2c-1.4,6.9-8,11.4-14.9,10.2l-0.4-0.1L747.8,307.4l0.7,0.1L547.8,312z",yellow:"M546.1,312.5l205.8-17.3h0.3h0.4l640.4,75.3c7.1,0.8,12.2,7.2,11.3,14.3c-0.8,7.1-7.2,12.2-14.3,11.3l-0.4-0.1l-637.9-94.5h0.6L546.1,312.5z",orange:"M546.1,311l189.3-21.8h0.2h0.3l656.5,33.3c7,0.4,12.4,6.3,12,13.3s-6.3,12.4-13.3,12h-0.4l-655.2-52.9h0.5L546.1,311z",red:"M546.1,311L730,283.9h0.1h0.2l661.4-9.9c6.9-0.1,12.6,5.4,12.7,12.3s-5.4,12.6-12.3,12.7h-0.4l-661.4-9.8h0.4L546.1,311z"},n={violet:[[1426.5,547.9],[1353.2,550.6],[1377.9,530.1],[1372.3,498.5]],blue:[[1431.5,496.4],[1358.6,504.1],[1381.8,482],[1374.1,450.9]],green:[[1437.9,443.4],[1366.1,458.4],[1387,434.1],[1376.2,403.9]],yellow:[[1438.9,389.7],[1368,408.2],[1387.6,382.8],[1375.4,353.3]],orange:[[1443.7,340.3],[1373.9,362.8],[1392.1,336.4],[1378.2,307.5]],red:[[1441.9,290],[1372.4,313.2],[1390.3,286.6],[1376.1,257.9]]},g=Object.keys(t).map(s=>({value:s,label:l(`filterTool.colors.${s}`),icon:o.jsx(C.default,{color:s,size:"small"})})),x=s=>e!==s&&e!=="none",y=l("filterTool.selectLabel"),a=e==="none";return o.jsxs(r.Wrapper,{children:[o.jsxs(r.PrismSVG,{version:"1.1",viewBox:"0 0 1551.6 736.7","aria-labelledby":u,children:[o.jsxs("defs",{children:[o.jsxs("linearGradient",{id:"no-arrow-red",children:[o.jsx("stop",{offset:"0%",stopColor:t.red}),o.jsx("stop",{offset:"81%",stopColor:t.red}),o.jsx("stop",{offset:"81%",stopColor:"transparent"}),o.jsx("stop",{offset:"100%",stopColor:"transparent"})]}),o.jsxs("linearGradient",{id:"no-arrow-orange",children:[o.jsx("stop",{offset:"0%",stopColor:t.orange}),o.jsx("stop",{offset:"80%",stopColor:t.orange}),o.jsx("stop",{offset:"80%",stopColor:"transparent"}),o.jsx("stop",{offset:"100%",stopColor:"transparent"})]}),o.jsxs("linearGradient",{id:"no-arrow-yellow",children:[o.jsx("stop",{offset:"0%",stopColor:t.yellow}),o.jsx("stop",{offset:"79%",stopColor:t.yellow}),o.jsx("stop",{offset:"79%",stopColor:"transparent"}),o.jsx("stop",{offset:"100%",stopColor:"transparent"})]}),o.jsxs("linearGradient",{id:"no-arrow-green",children:[o.jsx("stop",{offset:"0%",stopColor:t.green}),o.jsx("stop",{offset:"78%",stopColor:t.green}),o.jsx("stop",{offset:"78%",stopColor:"transparent"}),o.jsx("stop",{offset:"100%",stopColor:"transparent"})]}),o.jsxs("linearGradient",{id:"no-arrow-blue",children:[o.jsx("stop",{offset:"0%",stopColor:t.blue}),o.jsx("stop",{offset:"77%",stopColor:t.blue}),o.jsx("stop",{offset:"77%",stopColor:"transparent"}),o.jsx("stop",{offset:"100%",stopColor:"transparent"})]}),o.jsxs("linearGradient",{id:"no-arrow-violet",children:[o.jsx("stop",{offset:"0%",stopColor:t.violet}),o.jsx("stop",{offset:"77%",stopColor:t.violet}),o.jsx("stop",{offset:"77%",stopColor:"transparent"}),o.jsx("stop",{offset:"100%",stopColor:"transparent"})]})]}),o.jsxs("radialGradient",{id:"gradient_1_",cx:"718.4264",cy:"-294.6529",r:"417.8",fx:"638.9412",fy:"-303.5418",gradientTransform:"matrix(1 0 0 1 0 534)",gradientUnits:"userSpaceOnUse",children:[o.jsx("stop",{offset:"0.12",style:{stopColor:"#FFFFFF"}}),o.jsx("stop",{offset:"1",style:{stopColor:"#000000"}})]}),o.jsxs("g",{children:[o.jsx(r.WhiteLine,{id:"white_ray",x1:"108.2",y1:"463.3",x2:"546.1",y2:"312.5"}),o.jsx(r.WhiteLine,{id:"white_light_arrow_line",x1:"376.8",y1:"327.9",x2:"430",y2:"309.6"}),o.jsx("polygon",{id:"white_light_arrow",points:"420.7,325.4 428.1,310.3 413,302.9 422.5,299.7 437.6,307 430.2,322.1",fill:"#ffffff"}),o.jsx("text",{transform:"matrix(0.9446 -0.3282 0.3282 0.9446 152.0965 417.697)",fill:"#ffffff",children:o.jsx(i.Trans,{i18nKey:"filterTool.whiteLight"})})]}),o.jsxs("g",{children:[o.jsx("text",{transform:"matrix(1 0 0 1 598.2964 606.0872)",fill:"#ffffff",children:o.jsx(i.Trans,{i18nKey:"filterTool.prism"})}),o.jsx("polygon",{id:"gradient",points:"653.2,127 867.4,498 438.9,498",fill:"url(#gradient_1_)",style:{opacity:.3}})]}),o.jsx(r.PrismOutline,{id:"outline",points:"653.2,127 760.3,312.5 867.4,498 653.2,498 438.9,498 546.1,312.5 "}),o.jsx("g",{role:"list",id:"rays_out","aria-label":l("filterTool.light_out"),children:Object.keys(p).map(s=>o.jsx(r.Ray,{id:`${s}_ray`,style:{"--ray-fill":x(s)?`url(#no-arrow-${s})`:t[s]},d:p[s],role:"listitem","aria-label":l(`filterTool.colors.${s}`)},s))}),o.jsxs("g",{children:[o.jsx("text",{transform:"matrix(1 0 0 1 1206.5464 164.1372)",fill:"#ffffff",children:o.jsx(i.Trans,{i18nKey:"filterTool.filter"})}),o.jsx(r.Filter,{id:"filter",x1:"1255.6",y1:"235.7",x2:"1193.1",y2:"550.3",stroke:t[e],fill:"#ffffff","aria-label":l(`filterTool.colors.${e}`)})]}),o.jsxs("g",{role:"list",id:"rays_filtered","aria-label":l("filterTool.light_filtered"),children:[Object.keys(n).map(s=>o.jsx(r.Arrow,{id:`${s}_arrow`,style:{"--arrow-opacity":x(s)&&0,"--arrow-fill":t[s]},points:n[s].map(w=>w.join(",")).join(" "),role:a?"listitem":"presentation","aria-label":a?l(`filterTool.colors.${s}`):void 0},s)),!a&&o.jsx("text",{role:"listitem",x:n[e][3][0],y:n[e][3][1],fill:"#ffffff",dy:"-25",children:o.jsx(i.Trans,{i18nKey:`filterTool.colors.${e}`})})]})]}),o.jsx(r.SelectContainer,{children:o.jsx(b.default,{options:g,isDisabled:c,value:e,onChangeCallback:s=>f&&f(s||"none"),placeholder:y,maxWidth:"100%",width:"200px",id:h})})]})};j.displayName="Widgets.FilterTool";exports.default=j;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),i=require("react-i18next"),m=require("@rubin-epo/epo-react-lib/SelectListbox"),_=require("@rubin-epo/epo-react-lib/ColorSwatch"),r=require("./widgets/FilterTool/styles.cjs"),d=e=>e&&e.__esModule?e:{default:e},b=d(m),C=d(_),j=({selectedColor:e="none",selectionCallback:f,isDisabled:c=!1,id:h,labelledById:u})=>{const{t:l}=i.useTranslation(),t={violet:"#861cff",blue:"#0019ff",green:"#6bd853",yellow:"#ffdd15",orange:"#f18922",red:"#ec1c24",none:"transparent"},p={violet:"M546.1,312.5l212.8,1.9h0.4l0.5,0.2L1396,522.8c6.9,2.3,10.7,9.7,8.5,16.7s-9.7,10.7-16.7,8.5l0,0l-0.4-0.1L757.8,320.4l0.9,0.2L546.1,312.5z",blue:"M546.1,312.4l206.5-4.4h0.4l0.4,0.1l641.1,164c7,1.8,11.2,8.9,9.4,15.9c-1.8,7-8.9,11.2-15.9,9.4l-0.4-0.1L751.8,313.8l0.8,0.1L546.1,312.4z",green:"M547.8,312l200.6-10.6h0.3l0.4,0.1l644.8,120.3c7,1.4,11.5,8.2,10.1,15.2c-1.4,6.9-8,11.4-14.9,10.2l-0.4-0.1L747.8,307.4l0.7,0.1L547.8,312z",yellow:"M546.1,312.5l205.8-17.3h0.3h0.4l640.4,75.3c7.1,0.8,12.2,7.2,11.3,14.3c-0.8,7.1-7.2,12.2-14.3,11.3l-0.4-0.1l-637.9-94.5h0.6L546.1,312.5z",orange:"M546.1,311l189.3-21.8h0.2h0.3l656.5,33.3c7,0.4,12.4,6.3,12,13.3s-6.3,12.4-13.3,12h-0.4l-655.2-52.9h0.5L546.1,311z",red:"M546.1,311L730,283.9h0.1h0.2l661.4-9.9c6.9-0.1,12.6,5.4,12.7,12.3s-5.4,12.6-12.3,12.7h-0.4l-661.4-9.8h0.4L546.1,311z"},n={violet:[[1426.5,547.9],[1353.2,550.6],[1377.9,530.1],[1372.3,498.5]],blue:[[1431.5,496.4],[1358.6,504.1],[1381.8,482],[1374.1,450.9]],green:[[1437.9,443.4],[1366.1,458.4],[1387,434.1],[1376.2,403.9]],yellow:[[1438.9,389.7],[1368,408.2],[1387.6,382.8],[1375.4,353.3]],orange:[[1443.7,340.3],[1373.9,362.8],[1392.1,336.4],[1378.2,307.5]],red:[[1441.9,290],[1372.4,313.2],[1390.3,286.6],[1376.1,257.9]]},g=Object.keys(t).map(s=>({value:s,label:l(`filterTool.colors.${s}`),icon:o.jsx(C.default,{color:s,size:"small"})})),x=s=>e!==s&&e!=="none",y=l("filterTool.selectLabel"),a=e==="none";return o.jsxs(r.Wrapper,{children:[o.jsxs(r.PrismSVG,{version:"1.1",viewBox:"0 0 1551.6 736.7","aria-labelledby":u,children:[o.jsxs("defs",{children:[o.jsxs("linearGradient",{id:"no-arrow-red",children:[o.jsx("stop",{offset:"0%",stopColor:t.red}),o.jsx("stop",{offset:"81%",stopColor:t.red}),o.jsx("stop",{offset:"81%",stopColor:"transparent"}),o.jsx("stop",{offset:"100%",stopColor:"transparent"})]}),o.jsxs("linearGradient",{id:"no-arrow-orange",children:[o.jsx("stop",{offset:"0%",stopColor:t.orange}),o.jsx("stop",{offset:"80%",stopColor:t.orange}),o.jsx("stop",{offset:"80%",stopColor:"transparent"}),o.jsx("stop",{offset:"100%",stopColor:"transparent"})]}),o.jsxs("linearGradient",{id:"no-arrow-yellow",children:[o.jsx("stop",{offset:"0%",stopColor:t.yellow}),o.jsx("stop",{offset:"79%",stopColor:t.yellow}),o.jsx("stop",{offset:"79%",stopColor:"transparent"}),o.jsx("stop",{offset:"100%",stopColor:"transparent"})]}),o.jsxs("linearGradient",{id:"no-arrow-green",children:[o.jsx("stop",{offset:"0%",stopColor:t.green}),o.jsx("stop",{offset:"78%",stopColor:t.green}),o.jsx("stop",{offset:"78%",stopColor:"transparent"}),o.jsx("stop",{offset:"100%",stopColor:"transparent"})]}),o.jsxs("linearGradient",{id:"no-arrow-blue",children:[o.jsx("stop",{offset:"0%",stopColor:t.blue}),o.jsx("stop",{offset:"77%",stopColor:t.blue}),o.jsx("stop",{offset:"77%",stopColor:"transparent"}),o.jsx("stop",{offset:"100%",stopColor:"transparent"})]}),o.jsxs("linearGradient",{id:"no-arrow-violet",children:[o.jsx("stop",{offset:"0%",stopColor:t.violet}),o.jsx("stop",{offset:"77%",stopColor:t.violet}),o.jsx("stop",{offset:"77%",stopColor:"transparent"}),o.jsx("stop",{offset:"100%",stopColor:"transparent"})]})]}),o.jsxs("radialGradient",{id:"gradient_1_",cx:"718.4264",cy:"-294.6529",r:"417.8",fx:"638.9412",fy:"-303.5418",gradientTransform:"matrix(1 0 0 1 0 534)",gradientUnits:"userSpaceOnUse",children:[o.jsx("stop",{offset:"0.12",style:{stopColor:"#FFFFFF"}}),o.jsx("stop",{offset:"1",style:{stopColor:"#000000"}})]}),o.jsxs("g",{children:[o.jsx(r.WhiteLine,{id:"white_ray",x1:"108.2",y1:"463.3",x2:"546.1",y2:"312.5"}),o.jsx(r.WhiteLine,{id:"white_light_arrow_line",x1:"376.8",y1:"327.9",x2:"430",y2:"309.6"}),o.jsx("polygon",{id:"white_light_arrow",points:"420.7,325.4 428.1,310.3 413,302.9 422.5,299.7 437.6,307 430.2,322.1",fill:"#ffffff"}),o.jsx("text",{transform:"matrix(0.9446 -0.3282 0.3282 0.9446 152.0965 417.697)",fill:"#ffffff",children:o.jsx(i.Trans,{i18nKey:"filterTool.whiteLight"})})]}),o.jsxs("g",{children:[o.jsx("text",{transform:"matrix(1 0 0 1 598.2964 606.0872)",fill:"#ffffff",children:o.jsx(i.Trans,{i18nKey:"filterTool.prism"})}),o.jsx("polygon",{id:"gradient",points:"653.2,127 867.4,498 438.9,498",fill:"url(#gradient_1_)",style:{opacity:.3}})]}),o.jsx(r.PrismOutline,{id:"outline",points:"653.2,127 760.3,312.5 867.4,498 653.2,498 438.9,498 546.1,312.5 "}),o.jsx("g",{role:"list",id:"rays_out","aria-label":l("filterTool.light_out"),children:Object.keys(p).map(s=>o.jsx(r.Ray,{id:`${s}_ray`,style:{"--ray-fill":x(s)?`url(#no-arrow-${s})`:t[s]},d:p[s],role:"listitem","aria-label":l(`filterTool.colors.${s}`)},s))}),o.jsxs("g",{children:[o.jsx("text",{transform:"matrix(1 0 0 1 1206.5464 164.1372)",fill:"#ffffff",children:o.jsx(i.Trans,{i18nKey:"filterTool.filter"})}),o.jsx(r.Filter,{id:"filter",x1:"1255.6",y1:"235.7",x2:"1193.1",y2:"550.3",stroke:t[e],fill:"#ffffff","aria-label":l(`filterTool.colors.${e}`)})]}),o.jsxs("g",{role:"list",id:"rays_filtered","aria-label":l("filterTool.light_filtered"),children:[Object.keys(n).map(s=>o.jsx(r.Arrow,{id:`${s}_arrow`,style:{"--arrow-opacity":x(s)&&0,"--arrow-fill":t[s]},points:n[s].map(w=>w.join(",")).join(" "),role:a?"listitem":"presentation","aria-label":a?l(`filterTool.colors.${s}`):void 0},s)),!a&&o.jsx("text",{role:"listitem",x:n[e][3][0],y:n[e][3][1],fill:"#ffffff",dy:"-25",children:o.jsx(i.Trans,{i18nKey:`filterTool.colors.${e}`})})]})]}),o.jsx(r.SelectContainer,{children:o.jsx(b.default,{options:g,isDisabled:c,value:e,onChangeCallback:s=>f&&f(s||"none"),placeholder:y,maxWidth:"100%",width:"200px",id:h})})]})};j.displayName="Widgets.FilterTool";exports.default=j;

package/dist/FilterTool.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as o, jsxs as l } from "react/jsx-runtime";
 import { useTranslation as C, Trans as n } from "react-i18next";
 import b from "@rubin-epo/epo-react-lib/SelectListbox";

package/dist/SourceSelector.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),o=require("react"),P=require("react-i18next"),R=require("@rubin-epo/epo-react-lib/IconComposer"),i=require("./widgets/SourceSelector/styles.cjs"),k=require("./widgets/SourceSelector/utilities.cjs"),T=require("./widgets/SourceSelector/Message/Message.cjs"),W=require("./widgets/SourceSelector/Points/Points.cjs"),F=e=>e&&e.__esModule?e:{default:e},G=F(R),C=({width:e=600,height:c=600,selectedSource:d=[],sources:f,alerts:r,images:_,selectionCallback:S,blinkConfig:b,color:h,isDisplayOnly:u=!1})=>{const[q,y]=o.useState(!1),[I,x]=o.useState(),[v,g]=o.useState(!1),[M,A]=o.useState(null),[B,L]=o.useState(0),{t:m}=P.useTranslation(),p="sourceSelectorWidget",j=(a,l,t)=>a.filter(n=>n.id===l&&n.type===t),V=a=>{if(q&&!u){const{target:l}=a,{id:t,type:n}=l.dataset;if(t&&n){if(!(j(d,t,n).length>0)){const E=j(f,t,n);S&&S(d.concat(E)),x(s.jsxs(s.Fragment,{children:[s.jsx(G.default,{icon:"checkmark"}),m("source_selector.messages.success")]})),g(!0)}}else x(m("source_selector.messages.failure")),g(!0)}},$=()=>{g(!1)},D=a=>{if(L(a),r&&r.length>1){const t=r[a].date-r[0].date;A({day:Math.round(t),hour:Math.round(24/t%24)||0})}};return s.jsxs(i.SourceSelectorContainer,{width:e,height:c,children:[!u&&s.jsx(T.default,{onMessageChangeCallback:$,isVisible:v,forIds:[p],children:I}),s.jsxs(i.BackgroundBlinker,{images:_,activeIndex:B,blinkCallback:D,loadedCallback:()=>{console.log("loaded"),y(!0)},...b,children:[M&&s.jsx(i.ElapsedDisplay,{...M}),s.jsx(i.SVG,{preserveAspectRatio:"xMidYMid meet",viewBox:`0 0 ${e} ${c}`,onClick:V,id:p,$isDisplayOnly:u,children:s.jsx(W.default,{xScale:k.getLinearScale([0,e],[0,e]),yScale:k.getLinearScale([0,c],[c,0]),color:h,sources:f,selectedSource:d})})]})]})};C.displayName="Widgets.SourceSelector";exports.default=C;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),c=require("react"),P=require("react-i18next"),R=require("@rubin-epo/epo-react-lib/IconComposer"),i=require("./widgets/SourceSelector/styles.cjs"),k=require("./lib/utils.cjs"),T=require("./widgets/SourceSelector/Message/Message.cjs"),W=require("./widgets/SourceSelector/Points/Points.cjs"),F=e=>e&&e.__esModule?e:{default:e},G=F(R),C=({width:e=600,height:o=600,selectedSource:d=[],sources:f,alerts:r,images:_,selectionCallback:S,blinkConfig:b,color:h,isDisplayOnly:u=!1})=>{const[q,y]=c.useState(!1),[I,x]=c.useState(),[v,g]=c.useState(!1),[M,A]=c.useState(null),[B,L]=c.useState(0),{t:m}=P.useTranslation(),p="sourceSelectorWidget",j=(a,l,t)=>a.filter(n=>n.id===l&&n.type===t),V=a=>{if(q&&!u){const{target:l}=a,{id:t,type:n}=l.dataset;if(t&&n){if(!(j(d,t,n).length>0)){const E=j(f,t,n);S&&S(d.concat(E)),x(s.jsxs(s.Fragment,{children:[s.jsx(G.default,{icon:"checkmark"}),m("source_selector.messages.success")]})),g(!0)}}else x(m("source_selector.messages.failure")),g(!0)}},$=()=>{g(!1)},D=a=>{if(L(a),r&&r.length>1){const t=r[a].date-r[0].date;A({day:Math.round(t),hour:Math.round(24/t%24)||0})}};return s.jsxs(i.SourceSelectorContainer,{width:e,height:o,children:[!u&&s.jsx(T.default,{onMessageChangeCallback:$,isVisible:v,forIds:[p],children:I}),s.jsxs(i.BackgroundBlinker,{images:_,activeIndex:B,blinkCallback:D,loadedCallback:()=>{console.log("loaded"),y(!0)},...b,children:[M&&s.jsx(i.ElapsedDisplay,{...M}),s.jsx(i.SVG,{preserveAspectRatio:"xMidYMid meet",viewBox:`0 0 ${e} ${o}`,onClick:V,id:p,$isDisplayOnly:u,children:s.jsx(W.default,{xScale:k.getLinearScale([0,e],[0,e]),yScale:k.getLinearScale([0,o],[o,0]),color:h,sources:f,selectedSource:d})})]})]})};C.displayName="Widgets.SourceSelector";exports.default=C;

package/dist/SourceSelector.js

@@ -1,9 +1,10 @@
-import { jsxs as f, jsx as t, Fragment as W } from "react/jsx-runtime";
+"use client";
+import { jsxs as f, jsx as o, Fragment as W } from "react/jsx-runtime";
 import { useState as a } from "react";
 import { useTranslation as _ } from "react-i18next";
 import D from "@rubin-epo/epo-react-lib/IconComposer";
 import { SourceSelectorContainer as F, BackgroundBlinker as G, ElapsedDisplay as N, SVG as P } from "./widgets/SourceSelector/styles.js";
-import { getLinearScale as M } from "./widgets/SourceSelector/utilities.js";
+import { getLinearScale as M } from "./lib/utils.js";
 import R from "./widgets/SourceSelector/Message/Message.js";
 import T from "./widgets/SourceSelector/Points/Points.js";
 const Y = ({
@@ -18,15 +19,15 @@ const Y = ({
   color: y,
   isDisplayOnly: d = !1
 }) => {
-  const [I, A] = a(!1), [B, p] = a(), [v, m] = a(!1), [S, V] = a(null), [L, $] = a(0), { t: h } = _(), k = "sourceSelectorWidget", C = (s, l, e) => s.filter((o) => o.id === l && o.type === e), j = (s) => {
+  const [I, A] = a(!1), [B, p] = a(), [v, m] = a(!1), [S, V] = a(null), [L, $] = a(0), { t: h } = _(), k = "sourceSelectorWidget", C = (s, l, e) => s.filter((t) => t.id === l && t.type === e), j = (s) => {
     if (I && !d) {
-      const { target: l } = s, { id: e, type: o } = l.dataset;
-      if (e && o) {
-        if (!(C(i, e, o).length > 0)) {
-          const E = C(g, e, o);
+      const { target: l } = s, { id: e, type: t } = l.dataset;
+      if (e && t) {
+        if (!(C(i, e, t).length > 0)) {
+          const E = C(g, e, t);
           u && u(i.concat(E)), p(
             /* @__PURE__ */ f(W, { children: [
-              /* @__PURE__ */ t(D, { icon: "checkmark" }),
+              /* @__PURE__ */ o(D, { icon: "checkmark" }),
               h("source_selector.messages.success")
             ] })
           ), m(!0);
@@ -36,7 +37,7 @@ const Y = ({
     }
   };
   return /* @__PURE__ */ f(F, { width: n, height: r, children: [
-    !d && /* @__PURE__ */ t(
+    !d && /* @__PURE__ */ o(
       R,
       {
         onMessageChangeCallback: () => {
@@ -66,8 +67,8 @@ const Y = ({
         },
         ...b,
         children: [
-          S && /* @__PURE__ */ t(N, { ...S }),
-          /* @__PURE__ */ t(
+          S && /* @__PURE__ */ o(N, { ...S }),
+          /* @__PURE__ */ o(
             P,
             {
               preserveAspectRatio: "xMidYMid meet",
@@ -75,7 +76,7 @@ const Y = ({
               onClick: j,
               id: k,
               $isDisplayOnly: d,
-              children: /* @__PURE__ */ t(
+              children: /* @__PURE__ */ o(
                 T,
                 {
                   xScale: M([0, n], [0, n]),

package/dist/atomic/Blinker/Blinker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),f=require("react"),P=require("../../hooks/useInterval.cjs"),l=require("./styles.cjs"),A=require("../../lib/utils.cjs"),g=({images:t=[],activeIndex:i=0,autoplay:h=!0,loop:p=!0,interval:y=200,blinkCallback:n,loadedCallback:u,className:S,children:j})=>{const[c,a]=f.useState(h),[d,q]=f.useState(!1),s=t.length>1,B=(e=0)=>{const v=t.length-1;return A.getClampedArrayIndex(i+e,v)},x=()=>{if(s){const e=B(1);p===!1&&e===t.length-1&&r(),n&&n(e)}},r=()=>{a(!1)},k=()=>{a(e=>!e)},I=()=>{r(),x()},m=()=>{r(),n&&n(B(-1))};return P.default(x,s&&d&&c?y:null),o.jsxs(l.BlinkerContainer,{className:S,children:[o.jsx(l.BlinkerImages,{loadedCallback:()=>{q(!0),u&&u()},images:t,activeIndex:i}),j,s&&o.jsx(l.BlinkerControls,{isDisabled:!d,playing:c,handleStartStop:k,handleNext:I,handlePrevious:m})]})};g.displayName="Atomic.Blinker";const M=g;exports.default=M;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),f=require("react"),P=require("../../hooks/useInterval.cjs"),o=require("./styles.cjs"),A=require("../../lib/utils.cjs"),g=({images:t=[],activeIndex:i=0,autoplay:h=!0,loop:p=!0,interval:y=200,blinkCallback:n,loadedCallback:u,className:S,children:j})=>{const[c,a]=f.useState(h),[d,q]=f.useState(!1),s=t.length>1,B=(e=0)=>{const v=t.length-1;return A.getClampedArrayIndex(i+e,v)},x=()=>{if(s){const e=B(1);p===!1&&e===t.length-1&&r(),n&&n(e)}},r=()=>{a(!1)},k=()=>{a(e=>!e)},I=()=>{r(),x()},m=()=>{r(),n&&n(B(-1))};return P.default(x,s&&d&&c?y:null),l.jsxs(o.BlinkerContainer,{className:S,children:[l.jsx(o.BlinkerImages,{loadedCallback:()=>{q(!0),u&&u()},images:t,activeIndex:i}),j,s&&l.jsx(o.BlinkerControls,{isDisabled:!d,playing:c,handleStartStop:k,handleNext:I,handlePrevious:m})]})};g.displayName="Atomic.Blinker";const M=g;exports.default=M;

package/dist/atomic/Blinker/Blinker.js

@@ -1,26 +1,27 @@
+"use client";
 import { jsxs as N, jsx as m } from "react/jsx-runtime";
 import { useState as p } from "react";
 import P from "../../hooks/useInterval.js";
 import { BlinkerContainer as v, BlinkerImages as D, BlinkerControls as L } from "./styles.js";
 import { getClampedArrayIndex as $ } from "../../lib/utils.js";
 const u = ({
-  images: n = [],
+  images: e = [],
   activeIndex: s = 0,
   autoplay: B = !0,
   loop: x = !0,
   interval: h = 200,
-  blinkCallback: e,
+  blinkCallback: n,
   loadedCallback: l,
   className: g,
   children: k
 }) => {
-  const [i, a] = p(B), [d, y] = p(!1), o = n.length > 1, c = (t = 0) => {
-    const A = n.length - 1;
+  const [i, a] = p(B), [d, y] = p(!1), o = e.length > 1, c = (t = 0) => {
+    const A = e.length - 1;
     return $(s + t, A);
   }, f = () => {
     if (o) {
       const t = c(1);
-      x === !1 && t === n.length - 1 && r(), e && e(t);
+      x === !1 && t === e.length - 1 && r(), n && n(t);
     }
   }, r = () => {
     a(!1);
@@ -29,7 +30,7 @@ const u = ({
   }, S = () => {
     r(), f();
   }, j = () => {
-    r(), e && e(c(-1));
+    r(), n && n(c(-1));
   };
   return P(f, o && d && i ? h : null), /* @__PURE__ */ N(v, { className: g, children: [
     /* @__PURE__ */ m(
@@ -38,7 +39,7 @@ const u = ({
         loadedCallback: () => {
           y(!0), l && l();
         },
-        images: n,
+        images: e,
         activeIndex: s
       }
     ),

package/dist/atomic/Blinker/Controls/Controls.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),c=require("react-i18next"),l=require("../../PlaybackControl/PlaybackControl.cjs"),u=require("./styles.cjs"),o=({playing:a,handleStartStop:n,handleNext:s,handlePrevious:i,className:d,isDisabled:r})=>{const{t:e}=c.useTranslation();return t.jsxs(u.ControlsContainer,{"data-testid":"blinker-controls",className:d,children:[t.jsx(l.default,{"data-testid":"blinker-backward",icon:"Backward",label:e("blinker.controls.backward"),handleClick:i,disabled:r}),t.jsx(l.default,{"data-testid":"blinker-start-stop",icon:a?"Pause":"Play",label:e(a?"blinker.controls.pause":"blinker.controls.play"),handleClick:n,disabled:r}),t.jsx(l.default,{"data-testid":"blinker-forward",icon:"Forward",label:e("blinker.controls.forward"),handleClick:s,disabled:r})]})};o.displayName="Atomic.Blinker.Controls";const b=o;exports.default=b;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),c=require("react-i18next"),r=require("../../PlaybackControl/PlaybackControl.cjs"),u=require("./styles.cjs"),n=({playing:a,handleStartStop:o,handleNext:s,handlePrevious:i,className:d,isDisabled:l})=>{const{t:e}=c.useTranslation();return t.jsxs(u.ControlsContainer,{"data-testid":"blinker-controls",className:d,children:[t.jsx(r.default,{"data-testid":"blinker-backward",icon:"Backward",label:e("blinker.controls.backward"),handleClick:i,disabled:l}),t.jsx(r.default,{"data-testid":"blinker-start-stop",icon:a?"Pause":"Play",label:e(a?"blinker.controls.pause":"blinker.controls.play"),handleClick:o,disabled:l}),t.jsx(r.default,{"data-testid":"blinker-forward",icon:"Forward",label:e("blinker.controls.forward"),handleClick:s,disabled:l})]})};n.displayName="Atomic.Blinker.Controls";const b=n;exports.default=b;

package/dist/atomic/Blinker/Controls/Controls.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as c, jsx as t } from "react/jsx-runtime";
 import { useTranslation as k } from "react-i18next";
 import l from "../../PlaybackControl/PlaybackControl.js";
@@ -52,7 +53,7 @@ const n = ({
   );
 };
 n.displayName = "Atomic.Blinker.Controls";
-const w = n;
+const u = n;
 export {
-  w as default
+  u as default
 };

package/dist/atomic/Blinker/Controls/styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),n=t=>t&&t.__esModule?t:{default:t},r=n(e),i=r.default.div`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),n=t=>t&&t.__esModule?t:{default:t},i=n(e),r=i.default.div`
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-template-rows: 1fr;
@@ -10,4 +10,4 @@
   font-size: 0.75em;
   text-align: center;
   z-index: 1;
-`;exports.ControlsContainer=i;
+`;exports.ControlsContainer=r;

package/dist/atomic/Blinker/Controls/styles.js

@@ -1,5 +1,6 @@
-import t from "styled-components";
-const i = t.div`
+"use client";
+import e from "styled-components";
+const i = e.div`
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-template-rows: 1fr;

package/dist/atomic/Blinker/Image/styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),n=e=>e&&e.__esModule?e:{default:e},o=n(t),i=o.default.img`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),n=e=>e&&e.__esModule?e:{default:e},i=n(t),o=i.default.img`
   position: absolute;
   top: 0;
   right: 0;
@@ -14,4 +14,4 @@
   -ms-user-drag: none;
   user-drag: none;
   visibility: var(--image-visibility, hidden);
-`;exports.BlinkerImage=i;
+`;exports.BlinkerImage=o;

package/dist/atomic/Blinker/Image/styles.js

@@ -1,5 +1,6 @@
+"use client";
 import e from "styled-components";
-const o = e.img`
+const n = e.img`
   position: absolute;
   top: 0;
   right: 0;
@@ -17,5 +18,5 @@ const o = e.img`
   visibility: var(--image-visibility, hidden);
 `;
 export {
-  o as BlinkerImage
+  n as BlinkerImage
 };

package/dist/atomic/Blinker/Images/Images.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),r=require("react"),j=require("@rubin-epo/epo-react-lib/CircularLoader"),o=require("./styles.cjs"),L=require("../Image/Image.cjs"),b=e=>e&&e.__esModule?e:{default:e},p=b(j),l=({images:e=[],activeIndex:u,className:c,loadedCallback:i})=>{const[n,d]=r.useState(0),t=n!==e.length,g=r.useCallback(()=>d(s=>s+1),[]);return r.useEffect(()=>{t||i&&i()},[t]),a.jsxs(o.BlinkContainer,{"data-testid":"blinker-images",className:c,children:[!n&&a.jsx(p.default,{isVisible:t}),a.jsx(o.LoadingContainer,{style:{"--loading-opacity":t?0:1},children:e.map((s,f)=>{const{url:m}=s,_=u===f;return a.jsx(L.default,{image:s,active:_,loadCallback:g},m)})})]})};l.displayName="Atomic.Blinker.Images";const q=l;exports.default=q;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),i=require("react"),j=require("@rubin-epo/epo-react-lib/CircularLoader"),o=require("./styles.cjs"),L=require("../Image/Image.cjs"),b=e=>e&&e.__esModule?e:{default:e},p=b(j),l=({images:e=[],activeIndex:u,className:c,loadedCallback:n})=>{const[r,d]=i.useState(0),t=r!==e.length,g=i.useCallback(()=>d(s=>s+1),[]);return i.useEffect(()=>{t||n&&n()},[t]),a.jsxs(o.BlinkContainer,{"data-testid":"blinker-images",className:c,children:[!r&&a.jsx(p.default,{isVisible:t}),a.jsx(o.LoadingContainer,{style:{"--loading-opacity":t?0:1},children:e.map((s,f)=>{const{url:m}=s,_=u===f;return a.jsx(L.default,{image:s,active:_,loadCallback:g},m)})})]})};l.displayName="Atomic.Blinker.Images";const q=l;exports.default=q;

package/dist/atomic/Blinker/Images/Images.js

@@ -1,22 +1,23 @@
+"use client";
 import { jsxs as g, jsx as i } from "react/jsx-runtime";
 import { useState as p, useCallback as u, useEffect as k } from "react";
 import I from "@rubin-epo/epo-react-lib/CircularLoader";
 import { BlinkContainer as L, LoadingContainer as C } from "./styles.js";
 import b from "../Image/Image.js";
-const s = ({
+const r = ({
   images: o = [],
   activeIndex: n,
   className: m,
   loadedCallback: a
 }) => {
-  const [r, c] = p(0), e = r !== o.length, l = u(
+  const [s, c] = p(0), e = s !== o.length, l = u(
     () => c((t) => t + 1),
     []
   );
   return k(() => {
     e || a && a();
   }, [e]), /* @__PURE__ */ g(L, { "data-testid": "blinker-images", className: m, children: [
-    !r && /* @__PURE__ */ i(I, { isVisible: e }),
+    !s && /* @__PURE__ */ i(I, { isVisible: e }),
     /* @__PURE__ */ i(
       C,
       {
@@ -37,8 +38,8 @@ const s = ({
     )
   ] });
 };
-s.displayName = "Atomic.Blinker.Images";
-const A = s;
+r.displayName = "Atomic.Blinker.Images";
+const A = r;
 export {
   A as default
 };

package/dist/atomic/Blinker/Images/styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("styled-components"),i=t=>t&&t.__esModule?t:{default:t},e=i(n),o=e.default.div`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("styled-components"),i=t=>t&&t.__esModule?t:{default:t},e=i(n),o=e.default.div`
   background-color: var(--neutral95, #1f2121);
   display: flex;
   justify-content: center;

package/dist/atomic/Blinker/Images/styles.js

@@ -1,3 +1,4 @@
+"use client";
 import t from "styled-components";
 const n = t.div`
   background-color: var(--neutral95, #1f2121);

package/dist/atomic/Blinker/styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("styled-components"),r=require("@rubin-epo/epo-react-lib/styles"),o=require("./Controls/Controls.cjs"),l=require("./Images/Images.cjs"),s=e=>e&&e.__esModule?e:{default:e},t=s(n),a=t.default.div`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("styled-components"),r=require("@rubin-epo/epo-react-lib/styles"),o=require("./Controls/Controls.cjs"),l=require("./Images/Images.cjs"),s=e=>e&&e.__esModule?e:{default:e},t=s(n),a=t.default.div`
   container: blinker / inline-size;
   display: grid;
   grid-template-columns: 1fr;

package/dist/atomic/Blinker/styles.js

@@ -1,8 +1,9 @@
+"use client";
 import i from "styled-components";
 import { token as t } from "@rubin-epo/epo-react-lib/styles";
 import n from "./Controls/Controls.js";
 import o from "./Images/Images.js";
-const l = i.div`
+const m = i.div`
   container: blinker / inline-size;
   display: grid;
   grid-template-columns: 1fr;
@@ -10,14 +11,14 @@ const l = i.div`
   justify-items: center;
   position: relative;
   height: 100%;
-`, r = t("BREAK_MOBILE"), p = i(n)`
+`, r = t("BREAK_MOBILE"), c = i(n)`
   grid-row: 2;
   margin-block-start: var(--PADDING_SMALL, 20px);
 
   @container blinker (min-width: ${r}) {
     margin-block-end: var(--PADDING_SMALL, 20px);
   }
-`, c = i(o)`
+`, p = i(o)`
   aspect-ratio: 1;
   grid-row: 1;
   width: 100%;
@@ -28,7 +29,7 @@ const l = i.div`
   }
 `;
 export {
-  l as BlinkerContainer,
-  p as BlinkerControls,
-  c as BlinkerImages
+  m as BlinkerContainer,
+  c as BlinkerControls,
+  p as BlinkerImages
 };

package/dist/atomic/ElapsedTime/styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),i=t=>t&&t.__esModule?t:{default:t},e=i(r),a=e.default.div`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),r=t=>t&&t.__esModule?t:{default:t},e=r(i),a=e.default.div`
   background-color: var(--neutral20, #dce0e3);
   border-radius: 5px;
   color: var(--neutral95, "#1F2121");

package/dist/atomic/ElapsedTime/styles.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "styled-components";
 const i = e.div`
   background-color: var(--neutral20, #dce0e3);

package/dist/atomic/PlaybackControl/styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("styled-components"),r=t=>t&&t.__esModule?t:{default:t},e=r(n),o=e.default.div`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("styled-components"),r=t=>t&&t.__esModule?t:{default:t},e=r(n),o=e.default.div`
   display: flex;
   justify-content: center;
   align-items: center;

package/dist/atomic/PlaybackControl/styles.js

@@ -1,5 +1,6 @@
-import o from "styled-components";
-const t = o.div`
+"use client";
+import e from "styled-components";
+const o = e.div`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -8,7 +9,7 @@ const t = o.div`
   border-radius: 22px;
   background-color: var(--button-background-color);
   color: var(--neutral95, #1f2121);
-`, n = o.button`
+`, n = e.button`
   --button-color: var(--white, #fff);
   --button-background-color: var(--neutral15, #e6e6e6);
 
@@ -29,7 +30,7 @@ const t = o.div`
   &:not(:disabled):not([aria-disabled="true"]).focus-visible {
     text-decoration: underline;
 
-    ${t} {
+    ${o} {
       outline: 1px solid var(--white, #fff);
       outline-offset: 1px;
     }
@@ -39,6 +40,6 @@ const t = o.div`
   }
 `;
 export {
-  t as IconContainer,
+  o as IconContainer,
   n as PlaybackButton
 };

package/dist/charts/Bars/index.cjs

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

package/dist/charts/Bars/index.d.ts

@@ -0,0 +1,19 @@
+import { FunctionComponent, HTMLProps } from "react";
+import { Domain, ScaleFunction } from "../types";
+export interface Bar {
+    stroke?: string;
+    fill?: string;
+    width?: number;
+    value: number;
+    props?: HTMLProps<SVGRectElement>;
+}
+export interface BarsProps {
+    data: Array<Bar>;
+    xDomain: Domain;
+    yDomain: Domain;
+    xScale: ScaleFunction;
+    yScale: ScaleFunction;
+    ticks: number;
+}
+declare const Bars: FunctionComponent<BarsProps>;
+export default Bars;

package/dist/charts/Bars/index.js

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