@rubin-epo/epo-widget-lib 0.9.9 → 0.9.11-beta.1

package/dist/CameraFilter.cjs

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

package/dist/CameraFilter.js

@@ -2,16 +2,15 @@
 import { jsx as t, jsxs as o, Fragment as C } from "react/jsx-runtime";
 import { useState as v } from "react";
 import R from "@rubin-epo/epo-react-lib/SelectListbox";
-import { tokens as y } from "@rubin-epo/epo-react-lib/styles";
-import { useTranslation as S } from "react-i18next";
+import { tokens as S } from "@rubin-epo/epo-react-lib/styles";
+import { useTranslation as y } from "react-i18next";
 import j from "use-resize-observer";
 import { filters as i, rangeConfig as B } from "./widgets/CameraFilter/data.js";
-import { FilterContainer as L, FilterTitle as T, FilterTable as _, FilterNames as w, FilterName as A, FilterRanges as O, FilterRange as $, Wavelength as M, SelectContainer as N, SelectLabel as W } from "./widgets/CameraFilter/styles.js";
-import k from "./layout/AspectRatio/index.js";
+import { FilterWrapper as L, FilterContainer as T, FilterTitle as _, FilterTable as w, FilterNames as O, FilterName as W, FilterRanges as $, FilterRange as A, Wavelength as M, SelectContainer as N, SelectLabel as k } from "./widgets/CameraFilter/styles.js";
 import E from "./widgets/CameraFilter/CondensedFilterRanges/CondensedFilterRanges.js";
 import I from "./widgets/CameraFilter/SpectrumDisplay/SpectrumDisplay.js";
-const z = () => {
-  const { t: r } = S(), { ref: p, width: h = 1 } = j(), [c, F] = v(null), { BREAK_TABLET: b } = y, l = h < parseInt(b), {
+const q = () => {
+  const { t: r } = y(), { ref: p, width: h = 1 } = j(), [c, F] = v(null), { BREAK_TABLET: b } = S, l = h < parseInt(b), {
     [l ? "condensed" : "default"]: { min: s, max: g, range: n }
   } = B, d = i[0].range[0], m = i[i.length - 1].range[1] - d, f = i.filter(({ band: e }) => e), u = [{
     value: "none",
@@ -22,8 +21,8 @@ const z = () => {
       label: r("camera_filter.labels.option", { band: e })
     }))
   ), x = i.find(({ band: e }) => e === c);
-  return /* @__PURE__ */ t(k, { ratio: "landscape", children: /* @__PURE__ */ o(L, { ref: p, children: [
-    /* @__PURE__ */ t(T, { children: r("camera_filter.title") }),
+  return /* @__PURE__ */ t(L, { ratio: "landscape", smallScreenRatio: "square", children: /* @__PURE__ */ o(T, { ref: p, children: [
+    /* @__PURE__ */ t(_, { children: r("camera_filter.title") }),
     l && /* @__PURE__ */ t(
       E,
       {
@@ -33,7 +32,7 @@ const z = () => {
       }
     ),
     /* @__PURE__ */ o(
-      _,
+      w,
       {
         style: {
           "--filter-table-margin-inline-start": `${((d - s) / n * 100).toFixed(2)}%`,
@@ -50,8 +49,8 @@ const z = () => {
             },
             e.join("")
           )) }),
-          /* @__PURE__ */ t(w, { children: /* @__PURE__ */ t("tr", { children: i.map(({ band: e }, a) => /* @__PURE__ */ t(
-            A,
+          /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t("tr", { children: i.map(({ band: e }, a) => /* @__PURE__ */ t(
+            W,
             {
               id: `${e}-name`,
               style: {
@@ -63,7 +62,7 @@ const z = () => {
             },
             a
           )) }) }),
-          !l && /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t("tr", { children: i.map(({ band: e, range: a }) => /* @__PURE__ */ t($, { "aria-hidden": !e, children: e && /* @__PURE__ */ o(C, { children: [
+          !l && /* @__PURE__ */ t($, { children: /* @__PURE__ */ t("tr", { children: i.map(({ band: e, range: a }) => /* @__PURE__ */ t(A, { "aria-hidden": !e, children: e && /* @__PURE__ */ o(C, { children: [
             a.join("–"),
             /* @__PURE__ */ t("br", {}),
             /* @__PURE__ */ t(M, { children: "nm" })
@@ -82,7 +81,7 @@ const z = () => {
       }
     ),
     /* @__PURE__ */ o(N, { children: [
-      /* @__PURE__ */ t(W, { id: "filterSelectLabel", children: r("camera_filter.labels.select") }),
+      /* @__PURE__ */ t(k, { id: "filterSelectLabel", children: r("camera_filter.labels.select") }),
       /* @__PURE__ */ t(
         R,
         {
@@ -97,7 +96,7 @@ const z = () => {
     ] })
   ] }) });
 };
-z.displayName = "Widgets.CameraFilter";
+q.displayName = "Widgets.CameraFilter";
 export {
-  z as default
+  q as default
 };

package/dist/FilterTool.cjs

@@ -1 +1 @@
-"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,{ratio:"landscape",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:"#006da8",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,{ratio:"landscape",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

@@ -13,7 +13,7 @@ const j = ({
 }) => {
   const { t: i } = C(), r = {
     violet: "#861cff",
-    blue: "#0019ff",
+    blue: "#006da8",
     green: "#6bd853",
     yellow: "#ffdd15",
     orange: "#f18922",

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

@@ -1283,7 +1283,7 @@ export declare const SVG: import("styled-components").IStyledComponent<"web", {
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;

package/dist/charts/styles.d.ts

@@ -195,7 +195,7 @@ export declare const BaseLine: import("styled-components").IStyledComponent<"web
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;
@@ -677,7 +677,7 @@ export declare const Guide: import("styled-components").IStyledComponent<"web",
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;
@@ -1159,7 +1159,7 @@ export declare const Tick: import("styled-components").IStyledComponent<"web", {
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;
@@ -1641,7 +1641,7 @@ export declare const Bar: import("styled-components").IStyledComponent<"web", {
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;
@@ -2123,7 +2123,7 @@ export declare const XLabel: import("styled-components").IStyledComponent<"web",
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;
@@ -2605,7 +2605,7 @@ export declare const YLabel: import("styled-components").IStyledComponent<"web",
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;

package/dist/layout/Controls/styles.cjs

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("styled-components"),t=require("@rubin-epo/epo-react-lib/styles"),o=i=>i&&i.__esModule?i:{default:i},e=o(n),a=e.default.div`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("styled-components"),e=require("@rubin-epo/epo-react-lib/styles"),n=i=>i&&i.__esModule?i:{default:i},t=n(a),o=t.default.div`
   --default-widget-padding: calc(var(--PADDING_SMALL, 20px) / 2);
   --widget-gap: var(--widget-padding, var(--default-widget-padding));
 
@@ -10,54 +10,49 @@
   gap: var(--widget-gap);
   overflow-y: auto;
 
-  @container (min-width: ${t.token("BREAK_PHABLET_MIN")}) {
+  @container (min-width: ${e.token("BREAK_PHABLET_MIN")}) {
     --default-widget-padding: var(--PADDING_SMALL, 20px);
   }
 
-  @container (min-width: ${t.token("BREAK_LARGE_TABLET")}) {
+  @container (min-width: ${e.token("BREAK_LARGE_TABLET")}) {
     height: 100%;
     overflow-y: initial;
   }
-`,d=e.default.div`
+`,d=t.default.div`
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   gap: var(--widget-gap);
 
-  @container (min-width: ${t.token("BREAK_LARGE_TABLET")}) {
+  @container (min-width: ${e.token("BREAK_LARGE_TABLET")}) {
     flex-direction: row-reverse;
   }
-`,l=e.default.div`
+`,l=t.default.div`
   aspect-ratio: 1;
   flex: 1 1 auto;
   max-height: 100%;
   max-width: 100%;
   justify-self: center;
 
-  @container (min-width: ${t.token("BREAK_LARGE_TABLET")}) {
+  @container (min-width: ${e.token("BREAK_LARGE_TABLET")}) {
     max-height: unset;
     height: 100%;
   }
-`,r=e.default.div`
+`,r=t.default.div`
   display: flex;
   flex-direction: column;
   gap: var(--widget-gap);
   flex: 0 1 100%;
-`,c=e.default.div`
+`,c=t.default.div`
   display: flex;
-  flex-direction: column;
   gap: var(--widget-gap);
-
-  @container (min-width: ${t.token("BREAK_LARGE_TABLET")}) {
-    flex-direction: row;
-  }
-`,s=e.default.div`
-  @container (min-width: ${t.token("BREAK_LARGE_TABLET")}) {
+`,s=t.default.div`
+  @container (min-width: ${e.token("BREAK_LARGE_TABLET")}) {
     display: none;
   }
-`,g=e.default.div`
+`,g=t.default.div`
   display: none;
-  @container (min-width: ${t.token("BREAK_LARGE_TABLET")}) {
+  @container (min-width: ${e.token("BREAK_LARGE_TABLET")}) {
     display: block;
   }
-`;exports.Actions=c;exports.Controls=r;exports.InteractionRow=d;exports.LandscapeCaption=g;exports.PortraitCaption=s;exports.Widget=l;exports.WidgetLayout=a;
+`;exports.Actions=c;exports.Controls=r;exports.InteractionRow=d;exports.LandscapeCaption=g;exports.PortraitCaption=s;exports.Widget=l;exports.WidgetLayout=o;

package/dist/layout/Controls/styles.js

@@ -1,7 +1,7 @@
 "use client";
-import t from "styled-components";
-import { token as i } from "@rubin-epo/epo-react-lib/styles";
-const a = t.div`
+import i from "styled-components";
+import { token as t } from "@rubin-epo/epo-react-lib/styles";
+const n = i.div`
   --default-widget-padding: calc(var(--PADDING_SMALL, 20px) / 2);
   --widget-gap: var(--widget-padding, var(--default-widget-padding));
 
@@ -13,63 +13,58 @@ const a = t.div`
   gap: var(--widget-gap);
   overflow-y: auto;
 
-  @container (min-width: ${i("BREAK_PHABLET_MIN")}) {
+  @container (min-width: ${t("BREAK_PHABLET_MIN")}) {
     --default-widget-padding: var(--PADDING_SMALL, 20px);
   }
 
-  @container (min-width: ${i("BREAK_LARGE_TABLET")}) {
+  @container (min-width: ${t("BREAK_LARGE_TABLET")}) {
     height: 100%;
     overflow-y: initial;
   }
-`, o = t.div`
+`, d = i.div`
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   gap: var(--widget-gap);
 
-  @container (min-width: ${i("BREAK_LARGE_TABLET")}) {
+  @container (min-width: ${t("BREAK_LARGE_TABLET")}) {
     flex-direction: row-reverse;
   }
-`, d = t.div`
+`, o = i.div`
   aspect-ratio: 1;
   flex: 1 1 auto;
   max-height: 100%;
   max-width: 100%;
   justify-self: center;
 
-  @container (min-width: ${i("BREAK_LARGE_TABLET")}) {
+  @container (min-width: ${t("BREAK_LARGE_TABLET")}) {
     max-height: unset;
     height: 100%;
   }
-`, r = t.div`
+`, r = i.div`
   display: flex;
   flex-direction: column;
   gap: var(--widget-gap);
   flex: 0 1 100%;
-`, l = t.div`
+`, l = i.div`
   display: flex;
-  flex-direction: column;
   gap: var(--widget-gap);
-
-  @container (min-width: ${i("BREAK_LARGE_TABLET")}) {
-    flex-direction: row;
-  }
-`, c = t.div`
-  @container (min-width: ${i("BREAK_LARGE_TABLET")}) {
+`, g = i.div`
+  @container (min-width: ${t("BREAK_LARGE_TABLET")}) {
     display: none;
   }
-`, g = t.div`
+`, c = i.div`
   display: none;
-  @container (min-width: ${i("BREAK_LARGE_TABLET")}) {
+  @container (min-width: ${t("BREAK_LARGE_TABLET")}) {
     display: block;
   }
 `;
 export {
   l as Actions,
   r as Controls,
-  o as InteractionRow,
-  g as LandscapeCaption,
-  c as PortraitCaption,
-  d as Widget,
-  a as WidgetLayout
+  d as InteractionRow,
+  c as LandscapeCaption,
+  g as PortraitCaption,
+  o as Widget,
+  n as WidgetLayout
 };

package/dist/widgets/CameraFilter/styles.cjs

@@ -1,16 +1,17 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),t=require("@rubin-epo/epo-react-lib/styles"),o=n=>n&&n.__esModule?n:{default:n},e=o(i),a=e.default.div`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),t=require("@rubin-epo/epo-react-lib/styles"),o=require("../../layout/AspectRatio/index.cjs"),a=n=>n&&n.__esModule?n:{default:n},e=a(i),l=e.default(o.default)`
+  display: flex;
+  align-items: center;
+`,r=e.default.div`
   container-type: inline-size;
-  container-name: camera-filter;
 
   display: grid;
   grid-template-columns: 1fr;
   grid-auto-rows: min-content;
   text-align: center;
-  padding-block: var(--PADDING_SMALL, 20px);
-  position: relative;
-`,l=e.default.h3`
+  width: 100%;
+`,s=e.default.h3`
   margin: 0;
-`,r=e.default.table`
+`,d=e.default.table`
   border-collapse: collapse;
   text-align: center;
   margin-inline-start: var(--filter-table-margin-inline-start);
@@ -19,16 +20,16 @@
   @container (min-width: ${t.token("BREAK_TABLET")}) {
     margin-block-start: var(--PADDING_SMALL, 20px);
   }
-`,s=e.default.tbody`
+`,c=e.default.tbody`
   display: table-header-group;
-`,d=e.default.thead`
+`,f=e.default.thead`
   display: table-row-group;
-`,c=e.default.td`
+`,m=e.default.td`
   line-height: 1.2;
   font-size: 80%;
-`,m=e.default.span`
+`,u=e.default.span`
   font-size: 80%;
-`,f=e.default.th`
+`,p=e.default.th`
   font-size: 120%;
   font-weight: var(--FONT_WEIGHT_NORMAL, 400);
   border: var(--filter-name-border);
@@ -37,15 +38,15 @@
   @container (min-width: ${t.token("BREAK_TABLET")}) {
     border-width: 3px;
   }
-`,u=e.default.div`
+`,g=e.default.div`
   min-width: 20ch;
   width: 50%;
   max-width: 30ch;
   justify-self: center;
   text-align: left;
-`,p=e.default.label`
+`,h=e.default.label`
   font-size: 0.75em;
-`,g=e.default.text`
+`,w=e.default.text`
   font-size: 2em;
 
   @container (min-width: ${t.token("BREAK_MOBILE")}) {
@@ -55,7 +56,7 @@
   @container (min-width: ${t.token("BREAK_PHABLET_MIN")}) {
     font-size: 0.75em;
   }
-`,h=e.default.tspan`
+`,b=e.default.tspan`
   font-size: 2em;
 
   @container (min-width: ${t.token("BREAK_MOBILE")}) {
@@ -65,7 +66,7 @@
   @container (min-width: ${t.token("BREAK_PHABLET_MIN")}) {
     font-size: 0.75em;
   }
-`,b=e.default.tspan`
+`,_=e.default.tspan`
   font-size: 1.5em;
 
   @container (min-width: ${t.token("BREAK_MOBILE")}) {
@@ -75,7 +76,7 @@
   @container (min-width: ${t.token("BREAK_PHABLET_MIN")}) {
     font-size: 0.5em;
   }
-`,_=e.default.tspan`
+`,A=e.default.tspan`
   font-size: 1.3em;
 
   @container (min-width: ${t.token("BREAK_MOBILE")}) {
@@ -85,7 +86,7 @@
   @container (min-width: ${t.token("BREAK_PHABLET_MIN")}) {
     font-size: 0.4em;
   }
-`,w=e.default.ul`
+`,B=e.default.ul`
   display: flex;
   justify-content: space-between;
   line-height: 1.2;
@@ -93,7 +94,7 @@
   margin: var(--PADDING_SMALL, 20px) 0 0;
   padding: 0;
   list-style-type: none;
-`,A=e.default.li`
+`,E=e.default.li`
   list-style-type: none;
   margin: 0;
   padding: 0;
@@ -101,4 +102,4 @@
   &:before {
     content: "\200B";
   }
-`;exports.ColorName=h;exports.ColorSpectrum=b;exports.ColorSpectrumUnit=_;exports.CondensedRange=A;exports.CondensedRangeRow=w;exports.FilterContainer=a;exports.FilterName=f;exports.FilterNames=d;exports.FilterRange=c;exports.FilterRanges=s;exports.FilterTable=r;exports.FilterTitle=l;exports.SelectContainer=u;exports.SelectLabel=p;exports.SpectrumLabel=g;exports.Wavelength=m;
+`;exports.ColorName=b;exports.ColorSpectrum=_;exports.ColorSpectrumUnit=A;exports.CondensedRange=E;exports.CondensedRangeRow=B;exports.FilterContainer=r;exports.FilterName=p;exports.FilterNames=f;exports.FilterRange=m;exports.FilterRanges=c;exports.FilterTable=d;exports.FilterTitle=s;exports.FilterWrapper=l;exports.SelectContainer=g;exports.SelectLabel=h;exports.SpectrumLabel=w;exports.Wavelength=u;

package/dist/widgets/CameraFilter/styles.d.ts

@@ -1,3 +1,12 @@
+/// <reference types="react" />
+import AspectRatio from '../../layout/AspectRatio';
+export declare const FilterWrapper: import("styled-components").IStyledComponent<"web", {
+    ratio: AspectRatio;
+    medScreenRatio?: AspectRatio | undefined;
+    smallScreenRatio?: AspectRatio | undefined;
+    className?: string | undefined;
+    children?: import("react").ReactNode;
+}> & import("react").FunctionComponent<import("react").PropsWithChildren<import('../../layout/AspectRatio').AspectRatioProps>>;
 export declare const FilterContainer: import("styled-components").IStyledComponent<"web", {
     ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
@@ -2941,7 +2950,7 @@ export declare const SpectrumLabel: import("styled-components").IStyledComponent
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;
@@ -3423,7 +3432,7 @@ export declare const ColorName: import("styled-components").IStyledComponent<"we
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;
@@ -3905,7 +3914,7 @@ export declare const ColorSpectrum: import("styled-components").IStyledComponent
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;
@@ -4387,7 +4396,7 @@ export declare const ColorSpectrumUnit: import("styled-components").IStyledCompo
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;

package/dist/widgets/CameraFilter/styles.js

@@ -1,94 +1,96 @@
 "use client";
-import e from "styled-components";
-import { token as t } from "@rubin-epo/epo-react-lib/styles";
-const o = e.div`
+import t from "styled-components";
+import { token as e } from "@rubin-epo/epo-react-lib/styles";
+import n from "../../layout/AspectRatio/index.js";
+const a = t(n)`
+  display: flex;
+  align-items: center;
+`, s = t.div`
   container-type: inline-size;
-  container-name: camera-filter;
 
   display: grid;
   grid-template-columns: 1fr;
   grid-auto-rows: min-content;
   text-align: center;
-  padding-block: var(--PADDING_SMALL, 20px);
-  position: relative;
-`, r = e.h3`
+  width: 100%;
+`, l = t.h3`
   margin: 0;
-`, a = e.table`
+`, c = t.table`
   border-collapse: collapse;
   text-align: center;
   margin-inline-start: var(--filter-table-margin-inline-start);
   width: var(--filter-table-width);
 
-  @container (min-width: ${t("BREAK_TABLET")}) {
+  @container (min-width: ${e("BREAK_TABLET")}) {
     margin-block-start: var(--PADDING_SMALL, 20px);
   }
-`, s = e.tbody`
+`, m = t.tbody`
   display: table-header-group;
-`, l = e.thead`
+`, d = t.thead`
   display: table-row-group;
-`, c = e.td`
+`, p = t.td`
   line-height: 1.2;
   font-size: 80%;
-`, m = e.span`
+`, f = t.span`
   font-size: 80%;
-`, d = e.th`
+`, h = t.th`
   font-size: 120%;
   font-weight: var(--FONT_WEIGHT_NORMAL, 400);
   border: var(--filter-name-border);
   border-width: 1px;
 
-  @container (min-width: ${t("BREAK_TABLET")}) {
+  @container (min-width: ${e("BREAK_TABLET")}) {
     border-width: 3px;
   }
-`, p = e.div`
+`, g = t.div`
   min-width: 20ch;
   width: 50%;
   max-width: 30ch;
   justify-self: center;
   text-align: left;
-`, f = e.label`
+`, w = t.label`
   font-size: 0.75em;
-`, h = e.text`
+`, A = t.text`
   font-size: 2em;
 
-  @container (min-width: ${t("BREAK_MOBILE")}) {
+  @container (min-width: ${e("BREAK_MOBILE")}) {
     font-size: 1.25em;
   }
 
-  @container (min-width: ${t("BREAK_PHABLET_MIN")}) {
+  @container (min-width: ${e("BREAK_PHABLET_MIN")}) {
     font-size: 0.75em;
   }
-`, g = e.tspan`
+`, B = t.tspan`
   font-size: 2em;
 
-  @container (min-width: ${t("BREAK_MOBILE")}) {
+  @container (min-width: ${e("BREAK_MOBILE")}) {
     font-size: 1.25em;
   }
 
-  @container (min-width: ${t("BREAK_PHABLET_MIN")}) {
+  @container (min-width: ${e("BREAK_PHABLET_MIN")}) {
     font-size: 0.75em;
   }
-`, A = e.tspan`
+`, E = t.tspan`
   font-size: 1.5em;
 
-  @container (min-width: ${t("BREAK_MOBILE")}) {
+  @container (min-width: ${e("BREAK_MOBILE")}) {
     font-size: 1em;
   }
 
-  @container (min-width: ${t("BREAK_PHABLET_MIN")}) {
+  @container (min-width: ${e("BREAK_PHABLET_MIN")}) {
     font-size: 0.5em;
   }
-`, w = e.tspan`
+`, b = t.tspan`
   font-size: 1.3em;
 
-  @container (min-width: ${t("BREAK_MOBILE")}) {
+  @container (min-width: ${e("BREAK_MOBILE")}) {
     font-size: 0.8em;
   }
 
-  @container (min-width: ${t("BREAK_PHABLET_MIN")}) {
+  @container (min-width: ${e("BREAK_PHABLET_MIN")}) {
     font-size: 0.4em;
   }
-`, B = e.ul`
+`, z = t.ul`
   display: flex;
   justify-content: space-between;
   line-height: 1.2;
@@ -96,7 +98,7 @@ const o = e.div`
   margin: var(--PADDING_SMALL, 20px) 0 0;
   padding: 0;
   list-style-type: none;
-`, E = e.li`
+`, _ = t.li`
   list-style-type: none;
   margin: 0;
   padding: 0;
@@ -106,20 +108,21 @@ const o = e.div`
   }
 `;
 export {
-  g as ColorName,
-  A as ColorSpectrum,
-  w as ColorSpectrumUnit,
-  E as CondensedRange,
-  B as CondensedRangeRow,
-  o as FilterContainer,
-  d as FilterName,
-  l as FilterNames,
-  c as FilterRange,
-  s as FilterRanges,
-  a as FilterTable,
-  r as FilterTitle,
-  p as SelectContainer,
-  f as SelectLabel,
-  h as SpectrumLabel,
-  m as Wavelength
+  B as ColorName,
+  E as ColorSpectrum,
+  b as ColorSpectrumUnit,
+  _ as CondensedRange,
+  z as CondensedRangeRow,
+  s as FilterContainer,
+  h as FilterName,
+  d as FilterNames,
+  p as FilterRange,
+  m as FilterRanges,
+  c as FilterTable,
+  l as FilterTitle,
+  a as FilterWrapper,
+  g as SelectContainer,
+  w as SelectLabel,
+  A as SpectrumLabel,
+  f as Wavelength
 };

package/dist/widgets/FilterTool/styles.d.ts

@@ -750,7 +750,7 @@ export declare const PrismSVG: import("styled-components").IStyledComponent<"web
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;
@@ -1232,7 +1232,7 @@ export declare const WhiteLine: import("styled-components").IStyledComponent<"we
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;
@@ -1714,7 +1714,7 @@ export declare const Ray: import("styled-components").IStyledComponent<"web", {
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;
@@ -2196,7 +2196,7 @@ export declare const Arrow: import("styled-components").IStyledComponent<"web",
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;
@@ -2678,7 +2678,7 @@ export declare const PrismOutline: import("styled-components").IStyledComponent<
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;
@@ -3160,7 +3160,7 @@ export declare const Filter: import("styled-components").IStyledComponent<"web",
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;

package/dist/widgets/LightCurvePlot/PlotWithCurve/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),A=require("react-i18next"),O=require("@rubin-epo/epo-react-lib/HorizontalSlider"),t=require("../defaults.cjs"),T=require("../Plot/index.cjs"),B=require("./LightCurve/index.cjs"),M=require("./A11Y/LightCurveLabel/index.cjs"),p=require("../helpers.cjs"),N=require("../../../atomic/Button/patterns/Reset.cjs"),J=require("./MagnitudeSlider/index.cjs"),a=require("./styles.cjs"),K=require("../../../charts/Viewport/index.cjs"),Q=require("../../../layout/Controls/index.cjs"),V=s=>s&&s.__esModule?s:{default:s},L=V(O),I=({gaussianWidth:s=t.default.gaussianWidth,yOffset:d=t.default.yOffset,alerts:W,peakMjd:$,yMin:l=t.default.yMin,yMax:i=t.default.yMax,width:f=t.default.width,height:x=t.default.height,userMagnitude:P=(i-l)/2+l,onUserMagnitudeChangeCallback:u,onGaussianChangeCallback:o,onYOffsetChangeCallback:n,className:S,isDisplayOnly:c,...y})=>{const{t:h}=A.useTranslation(),j="lightCurveControls",m="gaussianWidthLabel",q="yOffsetLabel",v=p.useAlertsAsPoints(W,$),H=()=>{u&&u((i-l)/2+l),n&&n(t.default.yOffset),o&&o(t.default.gaussianWidth)},b=p.estimateMagnitudeWithOffset(0,s,d);return e.jsxs(e.Fragment,{children:[e.jsx(Q.default,{className:S,widget:e.jsx(T.default,{slider:e.jsx(J.default,{magnitude:P,onMagnitudeChangeCallback:r=>u&&u(r),disabled:c,yMin:l,yMax:i,estimatedPeak:b}),plotChildren:({xScale:r,yScale:R,xDomain:D,yDomain:F,xStart:g,xEnd:w,yStart:z,yEnd:_})=>e.jsxs(e.Fragment,{children:[e.jsx(B.default,{gaussianWidth:s,yOffset:d,xDomain:D,xScale:r,yScale:R,yDomain:F}),e.jsx(K.default,{x:g,y:_,outerHeight:z-_,outerWidth:w-g,innerWidth:f,innerHeight:x,children:e.jsx(a.DM15Display,{gaussianWidth:s})})]}),...y,data:v,width:f,height:x,yMin:l,yMax:i}),controls:!c&&e.jsxs(a.Controls,{id:j,children:[e.jsxs("div",{children:[e.jsx(a.ControlLabel,{id:m,children:h("light_curve.curve.controls.gaussian_width")}),e.jsx(L.default,{label:"Gaussian Width",labelledbyId:m,color:"var(--turquoise85, #12726D)",min:t.default.gaussianMin,max:t.default.gaussianMax,step:t.default.gaussianStep,value:s,onChangeCallback:r=>typeof r=="number"&&o&&o(r)})]}),e.jsxs("div",{children:[e.jsx(a.ControlLabel,{id:q,children:h("light_curve.curve.controls.y_offset")}),e.jsx(L.default,{label:"Y Offset",labelledbyId:q,color:"var(--turquoise85, #12726D)",min:t.default.yOffsetMin,max:t.default.yOffsetMax,step:t.default.yOffsetStep,value:d,onChangeCallback:r=>typeof r=="number"&&n&&n(r)})]})]}),actions:!c&&e.jsx(N.default,{onResetCallback:H})}),e.jsx(M.default,{controlledById:j,data:v,gaussianWidth:s,yOffset:d,estimatedPeak:b})]})};I.displayName="Widgets.LightCurve";const X=I;exports.default=X;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),A=require("react-i18next"),T=require("@rubin-epo/epo-react-lib/HorizontalSlider"),t=require("../defaults.cjs"),B=require("../Plot/index.cjs"),M=require("./LightCurve/index.cjs"),N=require("./A11Y/LightCurveLabel/index.cjs"),L=require("../helpers.cjs"),J=require("../../../atomic/Button/patterns/Reset.cjs"),K=require("./MagnitudeSlider/index.cjs"),a=require("./styles.cjs"),Q=require("../../../charts/Viewport/index.cjs"),V=require("../../../layout/Controls/index.cjs"),X=require("../../../layout/AspectRatio/index.cjs"),Z=s=>s&&s.__esModule?s:{default:s},I=Z(T),W=({gaussianWidth:s=t.default.gaussianWidth,yOffset:i=t.default.yOffset,alerts:$,peakMjd:y,yMin:l=t.default.yMin,yMax:d=t.default.yMax,width:c=t.default.width,height:f=t.default.height,userMagnitude:P=(d-l)/2+l,onUserMagnitudeChangeCallback:u,onGaussianChangeCallback:o,onYOffsetChangeCallback:n,className:S,isDisplayOnly:x,...D})=>{const{t:h}=A.useTranslation(),j="lightCurveControls",q="gaussianWidthLabel",m="yOffsetLabel",v=L.useAlertsAsPoints($,y),H=()=>{u&&u((d-l)/2+l),n&&n(t.default.yOffset),o&&o(t.default.gaussianWidth)},g=L.estimateMagnitudeWithOffset(0,s,i),b=e.jsx(B.default,{slider:e.jsx(K.default,{magnitude:P,onMagnitudeChangeCallback:r=>u&&u(r),disabled:x,yMin:l,yMax:d,estimatedPeak:g}),plotChildren:({xScale:r,yScale:R,xDomain:F,yDomain:O,xStart:p,xEnd:w,yStart:z,yEnd:_})=>e.jsxs(e.Fragment,{children:[e.jsx(M.default,{gaussianWidth:s,yOffset:i,xDomain:F,xScale:r,yScale:R,yDomain:O}),e.jsx(Q.default,{x:p,y:_,outerHeight:z-_,outerWidth:w-p,innerWidth:c,innerHeight:f,children:e.jsx(a.DM15Display,{gaussianWidth:s})})]}),...D,data:v,width:c,height:f,yMin:l,yMax:d});return x?e.jsx(X.default,{ratio:"square",children:b}):e.jsxs(e.Fragment,{children:[e.jsx(V.default,{className:S,widget:b,controls:e.jsxs(a.Controls,{id:j,children:[e.jsxs("div",{children:[e.jsx(a.ControlLabel,{id:q,children:h("light_curve.curve.controls.gaussian_width")}),e.jsx(I.default,{label:"Gaussian Width",labelledbyId:q,color:"var(--turquoise85, #12726D)",min:t.default.gaussianMin,max:t.default.gaussianMax,step:t.default.gaussianStep,value:s,onChangeCallback:r=>typeof r=="number"&&o&&o(r)})]}),e.jsxs("div",{children:[e.jsx(a.ControlLabel,{id:m,children:h("light_curve.curve.controls.y_offset")}),e.jsx(I.default,{label:"Y Offset",labelledbyId:m,color:"var(--turquoise85, #12726D)",min:t.default.yOffsetMin,max:t.default.yOffsetMax,step:t.default.yOffsetStep,value:i,onChangeCallback:r=>typeof r=="number"&&n&&n(r)})]})]}),actions:e.jsx(J.default,{onResetCallback:H})}),e.jsx(N.default,{controlledById:j,data:v,gaussianWidth:s,yOffset:i,estimatedPeak:g})]})};W.displayName="Widgets.LightCurve";const E=W;exports.default=E;

package/dist/widgets/LightCurvePlot/PlotWithCurve/index.js

@@ -1,139 +1,140 @@
 "use client";
-import { jsxs as s, Fragment as x, jsx as e } from "react/jsx-runtime";
+import { jsx as r, jsxs as s, Fragment as P } from "react/jsx-runtime";
 import { useTranslation as N } from "react-i18next";
-import P from "@rubin-epo/epo-react-lib/HorizontalSlider";
+import y from "@rubin-epo/epo-react-lib/HorizontalSlider";
 import t from "../defaults.js";
-import O from "../Plot/index.js";
-import T from "./LightCurve/index.js";
-import V from "./A11Y/LightCurveLabel/index.js";
-import { useAlertsAsPoints as $, estimateMagnitudeWithOffset as C } from "../helpers.js";
-import J from "../../../atomic/Button/patterns/Reset.js";
-import K from "./MagnitudeSlider/index.js";
-import { DM15Display as Q, Controls as X, ControlLabel as _ } from "./styles.js";
-import Z from "../../../charts/Viewport/index.js";
-import E from "../../../layout/Controls/index.js";
-const w = ({
+import T from "../Plot/index.js";
+import V from "./LightCurve/index.js";
+import $ from "./A11Y/LightCurveLabel/index.js";
+import { useAlertsAsPoints as C, estimateMagnitudeWithOffset as J } from "../helpers.js";
+import K from "../../../atomic/Button/patterns/Reset.js";
+import Q from "./MagnitudeSlider/index.js";
+import { DM15Display as X, Controls as Z, ControlLabel as R } from "./styles.js";
+import E from "../../../charts/Viewport/index.js";
+import M from "../../../layout/Controls/index.js";
+import G from "../../../layout/AspectRatio/index.js";
+const _ = ({
   gaussianWidth: i = t.gaussianWidth,
   yOffset: l = t.yOffset,
-  alerts: H,
-  peakMjd: R,
+  alerts: q,
+  peakMjd: w,
   yMin: o = t.yMin,
   yMax: d = t.yMax,
-  width: f = t.width,
-  height: p = t.height,
-  userMagnitude: S = (d - o) / 2 + o,
+  width: c = t.width,
+  height: f = t.height,
+  userMagnitude: A = (d - o) / 2 + o,
   onUserMagnitudeChangeCallback: m,
   onGaussianChangeCallback: n,
   onYOffsetChangeCallback: u,
-  className: j,
-  isDisplayOnly: c,
-  ...q
+  className: D,
+  isDisplayOnly: p,
+  ...H
 }) => {
-  const { t: h } = N(), a = "lightCurveControls", v = "gaussianWidthLabel", g = "yOffsetLabel", L = $(H, R), y = () => {
+  const { t: a } = N(), h = "lightCurveControls", g = "gaussianWidthLabel", v = "yOffsetLabel", L = C(q, w), S = () => {
     m && m((d - o) / 2 + o), u && u(t.yOffset), n && n(t.gaussianWidth);
-  }, b = C(0, i, l);
-  return /* @__PURE__ */ s(x, { children: [
-    /* @__PURE__ */ e(
-      E,
-      {
-        className: j,
-        widget: /* @__PURE__ */ e(
-          O,
+  }, b = J(0, i, l), W = /* @__PURE__ */ r(
+    T,
+    {
+      slider: /* @__PURE__ */ r(
+        Q,
+        {
+          magnitude: A,
+          onMagnitudeChangeCallback: (e) => m && m(e),
+          disabled: p,
+          yMin: o,
+          yMax: d,
+          estimatedPeak: b
+        }
+      ),
+      plotChildren: ({
+        xScale: e,
+        yScale: j,
+        xDomain: F,
+        yDomain: O,
+        xStart: I,
+        xEnd: z,
+        yStart: B,
+        yEnd: x
+      }) => /* @__PURE__ */ s(P, { children: [
+        /* @__PURE__ */ r(
+          V,
           {
-            slider: /* @__PURE__ */ e(
-              K,
-              {
-                magnitude: S,
-                onMagnitudeChangeCallback: (r) => m && m(r),
-                disabled: c,
-                yMin: o,
-                yMax: d,
-                estimatedPeak: b
-              }
-            ),
-            plotChildren: ({
-              xScale: r,
-              yScale: A,
-              xDomain: D,
-              yDomain: F,
-              xStart: W,
-              xEnd: z,
-              yStart: B,
-              yEnd: I
-            }) => /* @__PURE__ */ s(x, { children: [
-              /* @__PURE__ */ e(
-                T,
-                {
-                  gaussianWidth: i,
-                  yOffset: l,
-                  xDomain: D,
-                  xScale: r,
-                  yScale: A,
-                  yDomain: F
-                }
-              ),
-              /* @__PURE__ */ e(
-                Z,
-                {
-                  x: W,
-                  y: I,
-                  outerHeight: B - I,
-                  outerWidth: z - W,
-                  innerWidth: f,
-                  innerHeight: p,
-                  children: /* @__PURE__ */ e(Q, { gaussianWidth: i })
-                }
-              )
-            ] }),
-            ...q,
-            data: L,
-            width: f,
-            height: p,
-            yMin: o,
-            yMax: d
+            gaussianWidth: i,
+            yOffset: l,
+            xDomain: F,
+            xScale: e,
+            yScale: j,
+            yDomain: O
           }
         ),
-        controls: !c && /* @__PURE__ */ s(X, { id: a, children: [
+        /* @__PURE__ */ r(
+          E,
+          {
+            x: I,
+            y: x,
+            outerHeight: B - x,
+            outerWidth: z - I,
+            innerWidth: c,
+            innerHeight: f,
+            children: /* @__PURE__ */ r(X, { gaussianWidth: i })
+          }
+        )
+      ] }),
+      ...H,
+      data: L,
+      width: c,
+      height: f,
+      yMin: o,
+      yMax: d
+    }
+  );
+  return p ? /* @__PURE__ */ r(G, { ratio: "square", children: W }) : /* @__PURE__ */ s(P, { children: [
+    /* @__PURE__ */ r(
+      M,
+      {
+        className: D,
+        widget: W,
+        controls: /* @__PURE__ */ s(Z, { id: h, children: [
           /* @__PURE__ */ s("div", { children: [
-            /* @__PURE__ */ e(_, { id: v, children: h("light_curve.curve.controls.gaussian_width") }),
-            /* @__PURE__ */ e(
-              P,
+            /* @__PURE__ */ r(R, { id: g, children: a("light_curve.curve.controls.gaussian_width") }),
+            /* @__PURE__ */ r(
+              y,
               {
                 label: "Gaussian Width",
-                labelledbyId: v,
+                labelledbyId: g,
                 color: "var(--turquoise85, #12726D)",
                 min: t.gaussianMin,
                 max: t.gaussianMax,
                 step: t.gaussianStep,
                 value: i,
-                onChangeCallback: (r) => typeof r == "number" && n && n(r)
+                onChangeCallback: (e) => typeof e == "number" && n && n(e)
               }
             )
           ] }),
           /* @__PURE__ */ s("div", { children: [
-            /* @__PURE__ */ e(_, { id: g, children: h("light_curve.curve.controls.y_offset") }),
-            /* @__PURE__ */ e(
-              P,
+            /* @__PURE__ */ r(R, { id: v, children: a("light_curve.curve.controls.y_offset") }),
+            /* @__PURE__ */ r(
+              y,
               {
                 label: "Y Offset",
-                labelledbyId: g,
+                labelledbyId: v,
                 color: "var(--turquoise85, #12726D)",
                 min: t.yOffsetMin,
                 max: t.yOffsetMax,
                 step: t.yOffsetStep,
                 value: l,
-                onChangeCallback: (r) => typeof r == "number" && u && u(r)
+                onChangeCallback: (e) => typeof e == "number" && u && u(e)
               }
             )
           ] })
         ] }),
-        actions: !c && /* @__PURE__ */ e(J, { onResetCallback: y })
+        actions: /* @__PURE__ */ r(K, { onResetCallback: S })
       }
     ),
-    /* @__PURE__ */ e(
-      V,
+    /* @__PURE__ */ r(
+      $,
       {
-        controlledById: a,
+        controlledById: h,
         data: L,
         gaussianWidth: i,
         yOffset: l,
@@ -142,8 +143,8 @@ const w = ({
     )
   ] });
 };
-w.displayName = "Widgets.LightCurve";
-const mt = w;
+_.displayName = "Widgets.LightCurve";
+const ct = _;
 export {
-  mt as default
+  ct as default
 };

package/dist/widgets/SupernovaThreeVector/Histogram/styles.d.ts

@@ -195,7 +195,7 @@ export declare const YLabel: import("styled-components").IStyledComponent<"web",
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;

package/dist/widgets/SupernovaThreeVector/Skymap/styles.d.ts

@@ -195,7 +195,7 @@ export declare const Background: import("styled-components").IStyledComponent<"w
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;
@@ -677,7 +677,7 @@ export declare const Graticule: import("styled-components").IStyledComponent<"we
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;
@@ -1159,7 +1159,7 @@ export declare const Outline: import("styled-components").IStyledComponent<"web"
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;
@@ -1641,7 +1641,7 @@ export declare const LatLabel: import("styled-components").IStyledComponent<"web
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;
@@ -2123,7 +2123,7 @@ export declare const LongLabel: import("styled-components").IStyledComponent<"we
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;
@@ -2605,7 +2605,7 @@ export declare const ImageStackerWrapper: import("styled-components").IStyledCom
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;
@@ -3087,7 +3087,7 @@ export declare const UserObject: import("styled-components").IStyledComponent<"w
     stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+    strokeLinecap?: "inherit" | "square" | "butt" | "round" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rubin-epo/epo-widget-lib",
-  "version": "0.9.9",
+  "version": "0.9.11-beta.1",
   "description": "Rubin Observatory Education & Public Outreach team React scientific and educational widgets.",
   "author": "Rubin EPO",
   "license": "MIT",