@rubin-epo/epo-widget-lib 1.0.8 → 1.1.0

package/dist/charts/defaults.js

@@ -1,29 +1,29 @@
-const t = { top: 0, right: 0, bottom: 0, left: 0 }, r = 6, o = {
+const o = { top: 0, right: 0, bottom: 0, left: 0 }, r = 6, t = {
   radius: r,
   fill: "var(--point-fill, #12726D)",
   stroke: "var(--point-stroke, #12726D)"
-}, s = {
+}, a = {
   radius: r,
   fill: "#12726D",
   stroke: "#12726D"
-}, a = r / 2, e = "var(--error-bar-stroke, var(--black, #000))", i = "var(--error-bar-stroke-width, 1)", n = "var(--error-bar-fill, none)", l = {
+}, s = r / 2, e = "var(--error-bar-stroke, var(--black, #000))", i = "var(--error-bar-stroke-width, 1)", n = "var(--error-bar-fill, none)", l = {
   stroke: e,
   strokeWidth: i,
   fill: n
 }, c = {
-  margins: t,
+  margins: o,
   pointRadius: r,
-  point: o,
-  canvasPoint: s,
-  errorBarCapWidth: a,
+  point: t,
+  canvasPoint: a,
+  errorBarCapWidth: s,
   errorBarStyles: l
-}, d = c;
+};
 export {
-  s as canvasPoint,
-  d as default,
-  a as errorBarCapWidth,
+  a as canvasPoint,
+  c as default,
+  s as errorBarCapWidth,
   l as errorBarStyles,
-  t as margins,
-  o as point,
+  o as margins,
+  t as point,
   r as pointRadius
 };

package/dist/charts/styles.d.ts

@@ -21,7 +21,7 @@ export declare const BaseLine: import('styled-components').IStyledComponent<"web
     accentHeight?: string | number | undefined;
     accumulate?: "none" | "sum" | undefined;
     additive?: "replace" | "sum" | undefined;
-    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "middle" | "baseline" | "before-edge" | "text-before-edge" | "central" | "after-edge" | "text-after-edge" | undefined;
+    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
     allowReorder?: "yes" | "no" | undefined;
     alphabetic?: string | number | undefined;
     amplitude?: string | number | undefined;
@@ -503,7 +503,7 @@ export declare const Guide: import('styled-components').IStyledComponent<"web",
     accentHeight?: string | number | undefined;
     accumulate?: "none" | "sum" | undefined;
     additive?: "replace" | "sum" | undefined;
-    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "middle" | "baseline" | "before-edge" | "text-before-edge" | "central" | "after-edge" | "text-after-edge" | undefined;
+    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
     allowReorder?: "yes" | "no" | undefined;
     alphabetic?: string | number | undefined;
     amplitude?: string | number | undefined;
@@ -985,7 +985,7 @@ export declare const Tick: import('styled-components').IStyledComponent<"web", {
     accentHeight?: string | number | undefined;
     accumulate?: "none" | "sum" | undefined;
     additive?: "replace" | "sum" | undefined;
-    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "middle" | "baseline" | "before-edge" | "text-before-edge" | "central" | "after-edge" | "text-after-edge" | undefined;
+    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
     allowReorder?: "yes" | "no" | undefined;
     alphabetic?: string | number | undefined;
     amplitude?: string | number | undefined;
@@ -1467,7 +1467,7 @@ export declare const Bar: import('styled-components').IStyledComponent<"web", {
     accentHeight?: string | number | undefined;
     accumulate?: "none" | "sum" | undefined;
     additive?: "replace" | "sum" | undefined;
-    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "middle" | "baseline" | "before-edge" | "text-before-edge" | "central" | "after-edge" | "text-after-edge" | undefined;
+    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
     allowReorder?: "yes" | "no" | undefined;
     alphabetic?: string | number | undefined;
     amplitude?: string | number | undefined;
@@ -1949,7 +1949,7 @@ export declare const XLabel: import('styled-components').IStyledComponent<"web",
     accentHeight?: string | number | undefined;
     accumulate?: "none" | "sum" | undefined;
     additive?: "replace" | "sum" | undefined;
-    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "middle" | "baseline" | "before-edge" | "text-before-edge" | "central" | "after-edge" | "text-after-edge" | undefined;
+    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
     allowReorder?: "yes" | "no" | undefined;
     alphabetic?: string | number | undefined;
     amplitude?: string | number | undefined;
@@ -2431,7 +2431,7 @@ export declare const YLabel: import('styled-components').IStyledComponent<"web",
     accentHeight?: string | number | undefined;
     accumulate?: "none" | "sum" | undefined;
     additive?: "replace" | "sum" | undefined;
-    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "middle" | "baseline" | "before-edge" | "text-before-edge" | "central" | "after-edge" | "text-after-edge" | undefined;
+    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
     allowReorder?: "yes" | "no" | undefined;
     alphabetic?: string | number | undefined;
     amplitude?: string | number | undefined;

package/dist/layout/Controls/index.d.ts

@@ -3,7 +3,7 @@ import { Ratios } from '../AspectRatio';
 
 interface WidgetControlsProps {
     widget: ReactNode;
-    controls: ReactNode;
+    controls?: ReactNode;
     ratio?: Ratios;
     controlsId?: string;
     actions?: ReactNode;

package/dist/lib/reimg.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function s(c,i){const r=function(){return c.indexOf("data:image/png")===0},a=function(t,n){const o=document.createElement("a");o.href=t,o.download=n,document.body.appendChild(o),o.click()};return{toBase64:function(){return c},toImg:function(){const t=document.createElement("img");return t.src=c,t},toCanvas:function(t){const n=document.createElement("canvas"),o=i==null?void 0:i.getBoundingClientRect();n.width=(o==null?void 0:o.width)||0,n.height=(o==null?void 0:o.height)||0;const e=n.getContext("2d"),u=this.toImg();u.onload=function(){e==null||e.drawImage(u,0,0),t(n)}},toPng:function(){if(r()){const t=document.createElement("img");return t.src=c,t}this.toCanvas(function(t){const n=document.createElement("img");return n.src=t.toDataURL(),n})},toJpeg:function(t){t=t||1,(n=>{this.toCanvas(function(o){const e=document.createElement("img");return e.src=o.toDataURL("image/jpeg",n),e})})(t)},downloadPng:function(t){if(t=t||"image.png",r()){a(c,t);return}this.toCanvas(function(n){a(n.toDataURL(),t)})}}}function g(c){const i=c.toDataURL();return s(i)}exports.fromCanvas=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function s(e,r){const i=function(){return e.indexOf("data:image/png")===0},a=function(t,n){const o=document.createElement("a");o.href=t,o.download=n,document.body.appendChild(o),o.click()};return{toBase64:function(){return e},toImg:function(){const t=document.createElement("img");return t.src=e,t},toCanvas:function(t){const n=document.createElement("canvas");n.width=0,n.height=0;const o=n.getContext("2d"),c=this.toImg();c.onload=function(){o==null||o.drawImage(c,0,0),t(n)}},toPng:function(){if(i()){const t=document.createElement("img");return t.src=e,t}this.toCanvas(function(t){const n=document.createElement("img");return n.src=t.toDataURL(),n})},toJpeg:function(t){t=t||1,(n=>{this.toCanvas(function(o){const c=document.createElement("img");return c.src=o.toDataURL("image/jpeg",n),c})})(t)},downloadPng:function(t){if(t=t||"image.png",i()){a(e,t);return}this.toCanvas(function(n){a(n.toDataURL(),t)})}}}function u(e){const r=e.toDataURL();return s(r)}exports.fromCanvas=u;

package/dist/lib/reimg.js

@@ -1,30 +1,30 @@
-function s(c, r) {
-  const e = function() {
-    return c.indexOf("data:image/png") === 0;
+function s(e, r) {
+  const i = function() {
+    return e.indexOf("data:image/png") === 0;
   }, a = function(t, n) {
     const o = document.createElement("a");
     o.href = t, o.download = n, document.body.appendChild(o), o.click();
   };
   return {
     toBase64: function() {
-      return c;
+      return e;
     },
     toImg: function() {
       const t = document.createElement("img");
-      return t.src = c, t;
+      return t.src = e, t;
     },
     toCanvas: function(t) {
-      const n = document.createElement("canvas"), o = r == null ? void 0 : r.getBoundingClientRect();
-      n.width = (o == null ? void 0 : o.width) || 0, n.height = (o == null ? void 0 : o.height) || 0;
-      const i = n.getContext("2d"), u = this.toImg();
-      u.onload = function() {
-        i == null || i.drawImage(u, 0, 0), t(n);
+      const n = document.createElement("canvas");
+      n.width = 0, n.height = 0;
+      const o = n.getContext("2d"), c = this.toImg();
+      c.onload = function() {
+        o == null || o.drawImage(c, 0, 0), t(n);
       };
     },
     toPng: function() {
-      if (e()) {
+      if (i()) {
         const t = document.createElement("img");
-        return t.src = c, t;
+        return t.src = e, t;
       }
       this.toCanvas(function(t) {
         const n = document.createElement("img");
@@ -34,14 +34,14 @@ function s(c, r) {
     toJpeg: function(t) {
       t = t || 1, ((n) => {
         this.toCanvas(function(o) {
-          const i = document.createElement("img");
-          return i.src = o.toDataURL("image/jpeg", n), i;
+          const c = document.createElement("img");
+          return c.src = o.toDataURL("image/jpeg", n), c;
         });
       })(t);
     },
     downloadPng: function(t) {
-      if (t = t || "image.png", e()) {
-        a(c, t);
+      if (t = t || "image.png", i()) {
+        a(e, t);
         return;
       }
       this.toCanvas(function(n) {
@@ -50,10 +50,10 @@ function s(c, r) {
     }
   };
 }
-function g(c) {
-  const r = c.toDataURL();
+function u(e) {
+  const r = e.toDataURL();
   return s(r);
 }
 export {
-  g as fromCanvas
+  u as fromCanvas
 };

package/dist/lib/utils.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("lodash/mergeWith"),g=require("lodash/isNil"),o=t=>t&&t.__esModule?t:{default:t},m=o(d),c=o(g),h=(t,e)=>{switch(!0){case t>e:return 0;case t<0:return e;default:return t}},M=(t,e,r)=>t>=e&&t<=r,p=(t=[],e=[])=>{const r=t[0]<e[0]?t:e,n=r===t?e:t;return r[1]<n[0]?null:[n[0],r[1]<n[1]?r[1]:n[1]]},A=t=>t[Math.round((t.length-1)/2)],S=(t=[0,1],e=[0,1],r)=>{const n={clamp:!1,fractionDigits:2},{clamp:i,fractionDigits:s}={...n,...r};return l=>{const a=t[1]-t[0];if(a===0)return(e[0]+e[1])/2;let u=(l-t[0])/a;return i&&(u=Math.min(Math.max(u,0),1)),Number((u*(e[1]-e[0])+e[0]).toFixed(s))}},_=()=>{const t=navigator.userAgent.indexOf("Chrome")>-1;return navigator.userAgent.indexOf("Safari")>-1&&!t},f=(t,e)=>c.default(e)&&t?c.default(t)?e:t:e,D=(t,e)=>m.default({},e,t,f),b=(t,e=[0,0])=>t.reduce((r,{x:n,y:i},s)=>r+=`${s===0?"M":" L"}${n+e[0]},${i+e[1]}`,"");exports.between=M;exports.buildPath=b;exports.defaultsMerger=f;exports.getClampedArrayIndex=h;exports.getLinearScale=S;exports.intersection=p;exports.isSafari=_;exports.mergeWithDefaults=D;exports.middle=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("lodash/mergeWith"),g=require("lodash/isNil"),o=t=>t&&t.__esModule?t:{default:t},m=o(d),c=o(g),h=(t,e)=>{switch(!0){case t>e:return 0;case t<0:return e;default:return t}},M=(t,e,r)=>t>=e&&t<=r,p=t=>t[Math.round((t.length-1)/2)],A=(t=[0,1],e=[0,1],r)=>{const n={clamp:!1,fractionDigits:2},{clamp:i,fractionDigits:s}={...n,...r};return l=>{const u=t[1]-t[0];if(u===0)return(e[0]+e[1])/2;let a=(l-t[0])/u;return i&&(a=Math.min(Math.max(a,0),1)),Number((a*(e[1]-e[0])+e[0]).toFixed(s))}},S=()=>{const t=navigator.userAgent.indexOf("Chrome")>-1;return navigator.userAgent.indexOf("Safari")>-1&&!t},f=(t,e)=>c.default(e)&&t?c.default(t)?e:t:e,_=(t,e)=>m.default({},e,t,f),b=(t,e=[0,0])=>t.reduce((r,{x:n,y:i},s)=>r+=`${s===0?"M":" L"}${n+e[0]},${i+e[1]}`,"");exports.between=M;exports.buildPath=b;exports.defaultsMerger=f;exports.getClampedArrayIndex=h;exports.getLinearScale=A;exports.isSafari=S;exports.mergeWithDefaults=_;exports.middle=p;

package/dist/lib/utils.js

@@ -1,6 +1,6 @@
-import a from "lodash/mergeWith";
-import u from "lodash/isNil";
-const l = (t, e) => {
+import u from "lodash/mergeWith";
+import a from "lodash/isNil";
+const d = (t, e) => {
   switch (!0) {
     case t > e:
       return 0;
@@ -9,10 +9,7 @@ const l = (t, e) => {
     default:
       return t;
   }
-}, d = (t, e, r) => t >= e && t <= r, p = (t = [], e = []) => {
-  const r = t[0] < e[0] ? t : e, n = r === t ? e : t;
-  return r[1] < n[0] ? null : [n[0], r[1] < n[1] ? r[1] : n[1]];
-}, A = (t) => t[Math.round((t.length - 1) / 2)], M = (t = [0, 1], e = [0, 1], r) => {
+}, l = (t, e, r) => t >= e && t <= r, p = (t) => t[Math.round((t.length - 1) / 2)], A = (t = [0, 1], e = [0, 1], r) => {
   const n = { clamp: !1, fractionDigits: 2 }, { clamp: i, fractionDigits: s } = { ...n, ...r };
   return (f) => {
     const c = t[1] - t[0];
@@ -23,18 +20,17 @@ const l = (t, e) => {
       (o * (e[1] - e[0]) + e[0]).toFixed(s)
     );
   };
-}, x = () => {
+}, M = () => {
   const t = navigator.userAgent.indexOf("Chrome") > -1;
   return navigator.userAgent.indexOf("Safari") > -1 && !t;
-}, m = (t, e) => u(e) && t ? u(t) ? e : t : e, D = (t, e) => a({}, e, t, m), I = (t, e = [0, 0]) => t.reduce((r, { x: n, y: i }, s) => r += `${s === 0 ? "M" : " L"}${n + e[0]},${i + e[1]}`, "");
+}, m = (t, e) => a(e) && t ? a(t) ? e : t : e, D = (t, e) => u({}, e, t, m), I = (t, e = [0, 0]) => t.reduce((r, { x: n, y: i }, s) => r += `${s === 0 ? "M" : " L"}${n + e[0]},${i + e[1]}`, "");
 export {
-  d as between,
+  l as between,
   I as buildPath,
   m as defaultsMerger,
-  l as getClampedArrayIndex,
-  M as getLinearScale,
-  p as intersection,
-  x as isSafari,
+  d as getClampedArrayIndex,
+  A as getLinearScale,
+  M as isSafari,
   D as mergeWithDefaults,
-  A as middle
+  p as middle
 };

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

@@ -1385,7 +1385,7 @@ export declare const FilterRange: import('styled-components').IStyledComponent<"
     abbr?: string | undefined;
     height?: string | number | undefined;
     width?: string | number | undefined;
-    valign?: "middle" | "baseline" | "top" | "bottom" | undefined;
+    valign?: "baseline" | "middle" | "top" | "bottom" | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -2772,7 +2772,7 @@ export declare const SpectrumLabel: import('styled-components').IStyledComponent
     accentHeight?: string | number | undefined;
     accumulate?: "none" | "sum" | undefined;
     additive?: "replace" | "sum" | undefined;
-    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "middle" | "baseline" | "before-edge" | "text-before-edge" | "central" | "after-edge" | "text-after-edge" | undefined;
+    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
     allowReorder?: "yes" | "no" | undefined;
     alphabetic?: string | number | undefined;
     amplitude?: string | number | undefined;
@@ -3254,7 +3254,7 @@ export declare const ColorName: import('styled-components').IStyledComponent<"we
     accentHeight?: string | number | undefined;
     accumulate?: "none" | "sum" | undefined;
     additive?: "replace" | "sum" | undefined;
-    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "middle" | "baseline" | "before-edge" | "text-before-edge" | "central" | "after-edge" | "text-after-edge" | undefined;
+    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
     allowReorder?: "yes" | "no" | undefined;
     alphabetic?: string | number | undefined;
     amplitude?: string | number | undefined;
@@ -3736,7 +3736,7 @@ export declare const ColorSpectrum: import('styled-components').IStyledComponent
     accentHeight?: string | number | undefined;
     accumulate?: "none" | "sum" | undefined;
     additive?: "replace" | "sum" | undefined;
-    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "middle" | "baseline" | "before-edge" | "text-before-edge" | "central" | "after-edge" | "text-after-edge" | undefined;
+    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
     allowReorder?: "yes" | "no" | undefined;
     alphabetic?: string | number | undefined;
     amplitude?: string | number | undefined;
@@ -4218,7 +4218,7 @@ export declare const ColorSpectrumUnit: import('styled-components').IStyledCompo
     accentHeight?: string | number | undefined;
     accumulate?: "none" | "sum" | undefined;
     additive?: "replace" | "sum" | undefined;
-    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "middle" | "baseline" | "before-edge" | "text-before-edge" | "central" | "after-edge" | "text-after-edge" | undefined;
+    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
     allowReorder?: "yes" | "no" | undefined;
     alphabetic?: string | number | undefined;
     amplitude?: string | number | undefined;

package/dist/widgets/ColorTool/Actions/Export/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),s=require("react"),i=require("@rubin-epo/epo-react-lib/Button"),a=require("../../../../lib/reimg.cjs"),c=e=>e&&e.__esModule?e:{default:e},d=c(i),t=({canvas:e,filename:o,isDisabled:r,children:l})=>{const u=s.useCallback(()=>{e&&a.fromCanvas(e).downloadPng(o)},[e]);return n.jsx(d.default,{disabled:r,style:{"--button-text-align":"left"},icon:"ArrowUpFromBracket",onClick:u,isBlock:!0,children:l})};t.displayName="Widgets.ColorTool.Reset";const f=t;exports.default=f;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),s=require("react"),i=require("@rubin-epo/epo-react-lib/Button"),a=require("../../../../lib/reimg.cjs"),c=e=>e&&e.__esModule?e:{default:e},d=c(i),t=({canvas:e,filename:o,isDisabled:r,children:l})=>{const u=s.useCallback(()=>{e&&a.fromCanvas(e).downloadPng(o)},[e]);return n.jsx(d.default,{disabled:r,style:{"--button-text-align":"left"},icon:"ArrowUpFromBracket",onClick:u,isBlock:!0,children:l})};t.displayName="Widgets.ColorTool.Reset";exports.default=t;

package/dist/widgets/ColorTool/Actions/Export/index.js

@@ -1,31 +1,30 @@
 "use client";
-import { jsx as n } from "react/jsx-runtime";
-import { useCallback as s } from "react";
-import m from "@rubin-epo/epo-react-lib/Button";
-import { fromCanvas as p } from "../../../../lib/reimg.js";
-const t = ({
+import { jsx as i } from "react/jsx-runtime";
+import { useCallback as m } from "react";
+import n from "@rubin-epo/epo-react-lib/Button";
+import { fromCanvas as s } from "../../../../lib/reimg.js";
+const a = ({
   canvas: o,
-  filename: r,
-  isDisabled: e,
-  children: l
+  filename: t,
+  isDisabled: r,
+  children: e
 }) => {
-  const i = s(() => {
-    o && p(o).downloadPng(r);
+  const l = m(() => {
+    o && s(o).downloadPng(t);
   }, [o]);
-  return /* @__PURE__ */ n(
-    m,
+  return /* @__PURE__ */ i(
+    n,
     {
-      disabled: e,
+      disabled: r,
       style: { "--button-text-align": "left" },
       icon: "ArrowUpFromBracket",
-      onClick: i,
+      onClick: l,
       isBlock: !0,
-      children: l
+      children: e
     }
   );
 };
-t.displayName = "Widgets.ColorTool.Reset";
-const u = t;
+a.displayName = "Widgets.ColorTool.Reset";
 export {
-  u as default
+  a as default
 };

package/dist/widgets/ColorTool/Actions/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),f=require("react-i18next"),x=require("../../../atomic/Button/patterns/Reset.cjs"),g=require("./Export/index.cjs"),a=require("../lib/utils.cjs"),b=i=>i.map(t=>{const{defaultValue:e,min:s,max:o}=t,r=e||1;return{...t,active:!1,color:"",brightness:a.getBrightnessValue(s,o,r),value:r}}),c=({actions:i,isDisabled:t,selectedData:e,selectionCallback:s,canvas:o})=>{const{t:r}=f.useTranslation(),{name:d,filters:m}=e,u=t||!a.areActionsActive(e);return n.jsx(n.Fragment,{children:i.map(l=>{switch(l){case"reset":return n.jsx(x.default,{isDisabled:u,onResetCallback:()=>s&&s({...e,filters:b(m)})},l);case"export":return n.jsx(g.default,{isDisabled:u,canvas:o,filename:d,children:r("colorTool.actions.export")},l);case"save":return null;default:return null}})})};c.displayName="Widgets.ColorTool.Actions";const p=c;exports.default=p;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),f=require("react-i18next"),x=require("../../../atomic/Button/patterns/Reset.cjs"),g=require("./Export/index.cjs"),a=require("../lib/utils.cjs"),b=i=>i.map(t=>{const{defaultValue:e,min:s,max:o}=t,r=e||1;return{...t,active:!1,color:"",brightness:a.getBrightnessValue(s,o,r),value:r}}),c=({actions:i,isDisabled:t,selectedData:e,selectionCallback:s,canvas:o})=>{const{t:r}=f.useTranslation(),{name:d,filters:m}=e,u=t||!a.areActionsActive(e);return n.jsx(n.Fragment,{children:i.map(l=>{switch(l){case"reset":return n.jsx(x.default,{isDisabled:u,onResetCallback:()=>s&&s({...e,filters:b(m)})},l);case"export":return n.jsx(g.default,{isDisabled:u,canvas:o,filename:d,children:r("colorTool.actions.export")},l);case"save":return null;default:return null}})})};c.displayName="Widgets.ColorTool.Actions";exports.default=c;

package/dist/widgets/ColorTool/Actions/index.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-import { AstroObject, ColorToolAction } from '../ColorTool';
+import { AstroObject, ColorToolAction } from '..';
 
 interface ActionsProps {
     actions: Array<ColorToolAction>;

package/dist/widgets/ColorTool/Actions/index.js

@@ -1,47 +1,47 @@
 "use client";
-import { jsx as l, Fragment as p } from "react/jsx-runtime";
-import { useTranslation as f } from "react-i18next";
-import d from "../../../atomic/Button/patterns/Reset.js";
-import x from "./Export/index.js";
-import { areActionsActive as g, getBrightnessValue as h } from "../lib/utils.js";
-const A = (o) => o.map((e) => {
-  const { defaultValue: t, min: r, max: n } = e, s = t || 1;
+import { jsx as l, Fragment as u } from "react/jsx-runtime";
+import { useTranslation as p } from "react-i18next";
+import f from "../../../atomic/Button/patterns/Reset.js";
+import d from "./Export/index.js";
+import { areActionsActive as x, getBrightnessValue as g } from "../lib/utils.js";
+const h = (o) => o.map((t) => {
+  const { defaultValue: e, min: r, max: n } = t, s = e || 1;
   return {
-    ...e,
+    ...t,
     active: !1,
     color: "",
-    brightness: h(r, n, s),
+    brightness: g(r, n, s),
     value: s
   };
-}), c = ({
+}), b = ({
   actions: o,
-  isDisabled: e,
-  selectedData: t,
+  isDisabled: t,
+  selectedData: e,
   selectionCallback: r,
   canvas: n
 }) => {
-  const { t: s } = f(), { name: m, filters: u } = t, a = e || !g(t);
-  return /* @__PURE__ */ l(p, { children: o.map((i) => {
+  const { t: s } = p(), { name: c, filters: m } = e, a = t || !x(e);
+  return /* @__PURE__ */ l(u, { children: o.map((i) => {
     switch (i) {
       case "reset":
         return /* @__PURE__ */ l(
-          d,
+          f,
           {
             isDisabled: a,
             onResetCallback: () => r && r({
-              ...t,
-              filters: A(u)
+              ...e,
+              filters: h(m)
             })
           },
           i
         );
       case "export":
         return /* @__PURE__ */ l(
-          x,
+          d,
           {
             isDisabled: a,
             canvas: n,
-            filename: m,
+            filename: c,
             children: s("colorTool.actions.export")
           },
           i
@@ -53,8 +53,7 @@ const A = (o) => o.map((e) => {
     }
   }) });
 };
-c.displayName = "Widgets.ColorTool.Actions";
-const R = c;
+b.displayName = "Widgets.ColorTool.Actions";
 export {
-  R as default
+  b as default
 };

package/dist/widgets/ColorTool/FilterControls/FilterControls.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),q=require("@rubin-epo/epo-react-lib/SelectListbox"),v=require("../lib/utils.cjs"),S=require("react-i18next"),l=require("./styles.cjs"),T=e=>e&&e.__esModule?e:{default:e},I=T(q),d=({filter:e,colorOptions:a,isDisabled:r,onChangeFilterCallback:s,buttonLabelledById:u,selectLabelledById:h,sliderLabelledById:x})=>{const{t:b}=S.useTranslation(),{label:i,color:c="",value:m,active:n,min:g,max:j}=e,p=()=>s&&s({...e,active:!n}),y=t=>t&&s&&s({...e,color:t}),_=t=>s&&s({...e,brightness:v.getBrightnessValue(g,j,t),value:t}),f=b("colorTool.actions.select_filter");return o.jsxs(l.FilterContainer,{disabled:r,children:[o.jsxs(l.FilterLabel,{children:[o.jsx(l.HiddenCheckbox,{checked:n,type:"checkbox",onChange:p,"aria-describedby":u}),o.jsx(l.FilterToggle,{as:"span",children:i})]}),o.jsx(I.default,{placeholder:f,value:c,options:a,onChangeCallback:y,width:"100%",maxWidth:"100%",labelledById:h,isDisabled:!n||r}),o.jsx(l.Slider,{min:1,max:100,onChangeCallback:t=>typeof t=="number"&&_(t),isDisabled:!n||r,labelledbyId:x,value:m,label:i,color:c})]})};d.displayName="Widgets.ColorTool.FilterControls";const B=d;exports.default=B;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),q=require("@rubin-epo/epo-react-lib/SelectListbox"),v=require("../lib/utils.cjs"),S=require("react-i18next"),l=require("./styles.cjs"),T=e=>e&&e.__esModule?e:{default:e},I=T(q),d=({filter:e,colorOptions:a,isDisabled:r,onChangeFilterCallback:s,buttonLabelledById:u,selectLabelledById:h,sliderLabelledById:x})=>{const{t:b}=S.useTranslation(),{label:i,color:c="",value:m,active:n,min:g,max:j}=e,p=()=>s&&s({...e,active:!n}),y=t=>t&&s&&s({...e,color:t}),_=t=>s&&s({...e,brightness:v.getBrightnessValue(g,j,t),value:t}),f=b("colorTool.actions.select_filter");return o.jsxs(l.FilterContainer,{disabled:r,children:[o.jsxs(l.FilterLabel,{children:[o.jsx(l.HiddenCheckbox,{checked:n,type:"checkbox",onChange:p,"aria-describedby":u}),o.jsx(l.FilterToggle,{as:"span",children:i})]}),o.jsx(I.default,{placeholder:f,value:c,options:a,onChangeCallback:y,width:"100%",maxWidth:"100%",labelledById:h,isDisabled:!n||r}),o.jsx(l.Slider,{min:1,max:100,onChangeCallback:t=>typeof t=="number"&&_(t),isDisabled:!n||r,labelledbyId:x,value:m,label:i,color:c})]})};d.displayName="Widgets.ColorTool.FilterControls";exports.default=d;

package/dist/widgets/ColorTool/FilterControls/FilterControls.d.ts

@@ -1,6 +1,6 @@
 import { ListboxOption } from '@rubin-epo/epo-react-lib/SelectListbox';
 import { FunctionComponent } from 'react';
-import { ImageFilter } from '../ColorTool';
+import { ImageFilter } from '..';
 
 interface FilterControlProps {
     filter: ImageFilter;

package/dist/widgets/ColorTool/FilterControls/FilterControls.js

@@ -1,66 +1,65 @@
 "use client";
-import { jsxs as c, jsx as l } from "react/jsx-runtime";
-import B from "@rubin-epo/epo-react-lib/SelectListbox";
-import { getBrightnessValue as C } from "../lib/utils.js";
+import { jsxs as d, jsx as l } from "react/jsx-runtime";
+import v from "@rubin-epo/epo-react-lib/SelectListbox";
+import { getBrightnessValue as B } from "../lib/utils.js";
 import { useTranslation as I } from "react-i18next";
-import { FilterContainer as j, FilterLabel as L, HiddenCheckbox as S, FilterToggle as W, Slider as w } from "./styles.js";
-const d = ({
+import { FilterContainer as j, FilterLabel as C, HiddenCheckbox as L, FilterToggle as S, Slider as W } from "./styles.js";
+const w = ({
   filter: t,
-  colorOptions: a,
+  colorOptions: c,
   isDisabled: r,
   onChangeFilterCallback: o,
-  buttonLabelledById: m,
-  selectLabelledById: h,
-  sliderLabelledById: p
+  buttonLabelledById: a,
+  selectLabelledById: m,
+  sliderLabelledById: h
 }) => {
-  const { t: b } = I(), { label: n, color: i = "", value: x, active: s, min: g, max: u } = t, y = () => o && o({ ...t, active: !s }), f = (e) => e && o && o({ ...t, color: e }), T = (e) => o && o({
+  const { t: p } = I(), { label: i, color: n = "", value: b, active: s, min: x, max: g } = t, u = () => o && o({ ...t, active: !s }), y = (e) => e && o && o({ ...t, color: e }), f = (e) => o && o({
     ...t,
-    brightness: C(g, u, e),
+    brightness: B(x, g, e),
     value: e
-  }), v = b("colorTool.actions.select_filter");
-  return /* @__PURE__ */ c(j, { disabled: r, children: [
-    /* @__PURE__ */ c(L, { children: [
+  }), T = p("colorTool.actions.select_filter");
+  return /* @__PURE__ */ d(j, { disabled: r, children: [
+    /* @__PURE__ */ d(C, { children: [
       /* @__PURE__ */ l(
-        S,
+        L,
         {
           checked: s,
           type: "checkbox",
-          onChange: y,
-          "aria-describedby": m
+          onChange: u,
+          "aria-describedby": a
         }
       ),
-      /* @__PURE__ */ l(W, { as: "span", children: n })
+      /* @__PURE__ */ l(S, { as: "span", children: i })
     ] }),
     /* @__PURE__ */ l(
-      B,
+      v,
       {
-        placeholder: v,
-        value: i,
-        options: a,
-        onChangeCallback: f,
+        placeholder: T,
+        value: n,
+        options: c,
+        onChangeCallback: y,
         width: "100%",
         maxWidth: "100%",
-        labelledById: h,
+        labelledById: m,
         isDisabled: !s || r
       }
     ),
     /* @__PURE__ */ l(
-      w,
+      W,
       {
         min: 1,
         max: 100,
-        onChangeCallback: (e) => typeof e == "number" && T(e),
+        onChangeCallback: (e) => typeof e == "number" && f(e),
         isDisabled: !s || r,
-        labelledbyId: p,
-        value: x,
-        label: n,
-        color: i
+        labelledbyId: h,
+        value: b,
+        label: i,
+        color: n
       }
     )
   ] });
 };
-d.displayName = "Widgets.ColorTool.FilterControls";
-const _ = d;
+w.displayName = "Widgets.ColorTool.FilterControls";
 export {
-  _ as default
+  w as default
 };

package/dist/widgets/ColorTool/FilterControls/styles.d.ts

@@ -949,7 +949,7 @@ export declare const FilterToggle: import('styled-components').IStyledComponent<
     kind?: string | undefined;
     srcLang?: string | undefined;
     poster?: string | undefined;
-    icon?: "Account" | "ArrowUpFromBracket" | "Backward" | "BackwardStep" | "Calendar" | "Cancel" | "CaretDown" | "CheckeredFlag" | "Checkmark" | "CheckmarkCircle" | "CircularLoader" | "Chevron" | "ChevronLeftElongated" | "ChevronRightElongated" | "ChevronThin" | "Close" | "CloseCircle" | "Cloud" | "Doc" | "DocArrowRight" | "DocInverted" | "Email" | "Expand" | "Eye" | "Facebook" | "FloppyDisk" | "FocalPlane" | "Forward" | "ForwardStep" | "Globe" | "Google" | "Hamburger" | "Info" | "InfoCircle" | "Instagram" | "Lightbulb" | "LinkedIn" | "LockClosed" | "LockOpen" | "LogOut" | "Mail" | "Minus" | "Moon" | "Page" | "Pause" | "Phone" | "Pin" | "Play" | "Plus" | "QuestionCircle" | "RotateLeft" | "RotateLeftWithCenter" | "Search" | "ShareCopyUrl" | "ShareEmail" | "ShareFacebook" | "ShareToggle" | "ShareTwitter" | "Team" | "Temp" | "Thumbtack" | "Time" | "Timer" | "Twitter" | "User" | "UserInverted" | "Video" | "YouTube" | "Pdf" | "Word" | undefined;
+    icon?: "Account" | "ArrowUpFromBracket" | "Backward" | "BackwardStep" | "Calendar" | "Cancel" | "CaretDown" | "CheckeredFlag" | "Checkmark" | "CheckmarkCircle" | "CircularLoader" | "Chevron" | "ChevronLeftElongated" | "ChevronRightElongated" | "ChevronThin" | "Close" | "CloseCircle" | "Cloud" | "Doc" | "DocArrowRight" | "DocInverted" | "Email" | "Expand" | "Eye" | "Facebook" | "FloppyDisk" | "Forward" | "ForwardStep" | "Globe" | "Google" | "Hamburger" | "Info" | "InfoCircle" | "Instagram" | "Lightbulb" | "LinkedIn" | "LockClosed" | "LockOpen" | "LogOut" | "Mail" | "Minus" | "Page" | "Pause" | "Phone" | "Pin" | "Play" | "Plus" | "QuestionCircle" | "RotateLeft" | "RotateLeftWithCenter" | "Search" | "ShareCopyUrl" | "ShareEmail" | "ShareFacebook" | "ShareToggle" | "ShareTwitter" | "Team" | "Temp" | "Thumbtack" | "Time" | "Timer" | "Twitter" | "User" | "UserInverted" | "Video" | "YouTube" | "Pdf" | "Word" | undefined;
     iconSize?: string | number | undefined;
     isBlock?: boolean | undefined;
     styleAs?: import('@rubin-epo/epo-react-lib/Button').ButtonStyleAs | undefined;

package/dist/widgets/ColorTool/ImageComposite/ImageComposite.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),m=require("react"),x=require("../lib/utils.cjs"),I=require("../hooks/useFilteredImages.cjs"),j=require("../lib/canvas.cjs"),a=require("./styles.cjs"),g=m.forwardRef(({filters:c,width:s=600,height:o=600,selectedObjectName:i,className:d,children:p,images:v},t)=>{var u;const[y,C]=m.useState(i),l=x.isFilterActive(c);i!==y&&C(i);const[q,e]=I.default({images:v,filters:c}),n=(u=t==null?void 0:t.current)==null?void 0:u.getContext("2d");return n&&(n.clearRect(0,0,s,o),j.mergeCanvases(n,q,s,o)),r.jsxs(a.ImageContainer,{style:{"--image-container-opacity":!e&&l?1:.1},className:d,children:[e&&l&&r.jsx(a.Loader,{isVisible:e}),r.jsx(a.Image,{style:{"--loading-opacity":e?0:1},role:"img",hidden:e,width:s,height:o,ref:t}),p]})});g.displayName="Widgets.ColorTool.ImageComposite";const b=g;exports.default=b;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),g=require("react"),C=require("../lib/utils.cjs"),j=require("../hooks/useFilteredImages.cjs"),I=require("../lib/canvas.cjs"),a=require("./styles.cjs"),m=g.forwardRef(({filters:c,width:s=600,height:i=600,selectedObjectName:o,className:d,children:v,images:y},t)=>{var u;const[p,q]=g.useState(o),l=C.isFilterActive(c);o!==p&&q(o);const[x,e]=j.default({images:y,filters:c}),n=(u=t==null?void 0:t.current)==null?void 0:u.getContext("2d");return n&&(n.clearRect(0,0,s,i),I.mergeCanvases(n,x,s,i)),r.jsxs(a.ImageContainer,{style:{"--image-container-opacity":!e&&l?1:.1},className:d,children:[e&&l&&r.jsx(a.Loader,{isVisible:e}),r.jsx(a.Image,{style:{"--loading-opacity":e?0:1},role:"img",hidden:e,width:s,height:i,ref:t}),v]})});m.displayName="Widgets.ColorTool.ImageComposite";exports.default=m;

package/dist/widgets/ColorTool/ImageComposite/ImageComposite.d.ts

@@ -1,4 +1,4 @@
-import { ImageFilter } from '../ColorTool';
+import { ImageFilter } from '..';
 import { ImageShape } from '@rubin-epo/epo-react-lib/Image';
 
 interface ImageCompositeProps {