@eightshift/ui-components 7.0.0 → 7.1.0

package/dist/components/select/multi-select.js

@@ -3,7 +3,7 @@ import { u as $e1995378a142960e$export$fb8073518f34e6ec } from "../../SelectionM
 import { l as $07b14b47974efb58$export$5b6b19405a83ff9d, p as $72a5793c14baf454$export$8b251419efc915eb } from "../../Dialog-i5VLQw1o.js";
 import { a as $eed445e0843c11d0$export$dca12b0bb56e4fc, t as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../ListBox-B21SgugS.js";
 import { n as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-h6xF_WrP.js";
-import { i as getValue, n as SelectClearButton, o as $82d7e5349645de74$export$e288731fd71264f0, r as getGroupedOptions, s as $82d7e5349645de74$export$ef9b1a59e592288f, t as OptionItemBase } from "../../shared-DFDimxvX.js";
+import { i as getValue, n as SelectClearButton, o as $82d7e5349645de74$export$e288731fd71264f0, r as getGroupedOptions, s as $82d7e5349645de74$export$ef9b1a59e592288f, t as OptionItemBase } from "../../shared-D_OXizRt.js";
 import { t as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../useFilter-OiMnf6sb.js";
 import { n as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-BURqyJXW.js";
 import { n as $d2f53cda644affe3$export$2f2b9559550c7bbc, t as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../SearchField-DR_I4_yn.js";
@@ -98,14 +98,13 @@ var MultiSelect = (props) => {
 		groupValueMapping
 	]);
 	const renderItem = (item) => {
-		let icon = item?.icon ?? null;
-		icon = jsx(Icon, { icon });
+		const icon = item?.icon ?? null;
 		return jsxs(OptionItemBase, {
 			id: item?.value ?? randomId(8),
 			className: item?.className,
 			selectIndicator: true,
 			children: [customMenuOption && customMenuOption(item), !customMenuOption && jsx(RichLabel, {
-				icon,
+				icon: icon && jsx(Icon, { icon }),
 				label: item?.label,
 				subtitle: item?.subtitle,
 				noColor: true
@@ -176,8 +175,7 @@ var MultiSelect = (props) => {
 									className: "es:select-none es:pointer-events-none es:pr-6 es:text-sm es:text-surface-500",
 									children: placeholder
 								});
-								let icon = selectedItem?.icon ?? null;
-								icon = jsx(Icon, { icon });
+								const icon = selectedItem?.icon ?? null;
 								if (selectedItems.length > 1) return jsx(RichLabel, {
 									icon: multiple,
 									label: sprintf(_n("%s item", "%s items", selectedItems.length, "eightshift-ui-components"), selectedItems.length),
@@ -186,7 +184,7 @@ var MultiSelect = (props) => {
 								});
 								if (!isPlaceholder && currentValue && customValueDisplay) return customValueDisplay(selectedItem);
 								return jsx(RichLabel, {
-									icon,
+									icon: icon && jsx(Icon, { icon }),
 									label: selectedItem?.label,
 									subtitle: selectedItem?.subtitle,
 									className: clsx("es:pr-6 es:grow es:w-full", disabled && "es:grayscale es:pointer-events-none"),

package/dist/components/select/shared.js

@@ -1,3 +1,3 @@
-import { a as moveArrayItem, i as getValue, n as SelectClearButton, r as getGroupedOptions, t as OptionItemBase } from "../../shared-DFDimxvX.js";
+import { a as moveArrayItem, i as getValue, n as SelectClearButton, r as getGroupedOptions, t as OptionItemBase } from "../../shared-D_OXizRt.js";
 import "../../build-module-sxK3nxOK.js";
 export { OptionItemBase, SelectClearButton, getGroupedOptions, getValue, moveArrayItem };

package/dist/components/select/single-select.js

@@ -3,7 +3,7 @@ import { u as $e1995378a142960e$export$fb8073518f34e6ec } from "../../SelectionM
 import { l as $07b14b47974efb58$export$5b6b19405a83ff9d, p as $72a5793c14baf454$export$8b251419efc915eb } from "../../Dialog-i5VLQw1o.js";
 import { a as $eed445e0843c11d0$export$dca12b0bb56e4fc, t as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../ListBox-B21SgugS.js";
 import { n as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-h6xF_WrP.js";
-import { n as SelectClearButton, o as $82d7e5349645de74$export$e288731fd71264f0, r as getGroupedOptions, s as $82d7e5349645de74$export$ef9b1a59e592288f, t as OptionItemBase } from "../../shared-DFDimxvX.js";
+import { n as SelectClearButton, o as $82d7e5349645de74$export$e288731fd71264f0, r as getGroupedOptions, s as $82d7e5349645de74$export$ef9b1a59e592288f, t as OptionItemBase } from "../../shared-D_OXizRt.js";
 import { t as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../useFilter-OiMnf6sb.js";
 import { n as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-BURqyJXW.js";
 import { n as $d2f53cda644affe3$export$2f2b9559550c7bbc, t as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../SearchField-DR_I4_yn.js";
@@ -93,14 +93,13 @@ var Select = (props) => {
 	]);
 	const currentValue = simpleValue ? value ?? null : value?.value ?? null;
 	const renderItem = (item) => {
-		let icon = item?.icon ?? null;
-		icon = jsx(Icon, { icon });
+		const icon = item?.icon ?? null;
 		return jsxs(OptionItemBase, {
 			id: item?.value ?? randomId(8),
 			className: item?.className,
 			selectIndicator: true,
 			children: [customMenuOption && customMenuOption(item), !customMenuOption && jsx(RichLabel, {
-				icon,
+				icon: icon && jsx(Icon, { icon }),
 				label: item?.label,
 				subtitle: item?.subtitle,
 				noColor: true
@@ -163,10 +162,9 @@ var Select = (props) => {
 								className: "es:select-none es:pointer-events-none es:pr-6 es:text-sm es:text-surface-500",
 								children: placeholder
 							});
-							let icon = selectedItem?.icon ?? null;
-							icon = jsx(Icon, { icon });
+							const icon = selectedItem?.icon ?? null;
 							return jsx(RichLabel, {
-								icon,
+								icon: icon && jsx(Icon, { icon }),
 								label: selectedItem?.label,
 								subtitle: selectedItem?.subtitle,
 								className: clsx("es:pr-6 es:grow es:w-full", disabled && "es:grayscale es:pointer-events-none"),

package/dist/components/slider/column-config-slider.js

@@ -1,4 +1,4 @@
-import { n as AnimatePresence, t as motion } from "../../proxy-BG7-_Ou3.js";
+import { n as AnimatePresence, t as motion } from "../../proxy-DjkEpeDL.js";
 import { t as clsx } from "../../clsx-BUU5J41u.js";
 import { i as $6f909507e6374d18$export$472062a354075cee, o as $6f909507e6374d18$export$a590f758a961cb5b, r as $6f909507e6374d18$export$2c1b491743890dec, t as $6f909507e6374d18$export$105594979f116971 } from "../../Slider-DW1RuMVp.js";
 import { n as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DFXXxMKY.js";

package/dist/components/slider/slider.js

@@ -1,4 +1,4 @@
-import { n as AnimatePresence, t as motion } from "../../proxy-BG7-_Ou3.js";
+import { n as AnimatePresence, t as motion } from "../../proxy-DjkEpeDL.js";
 import { t as clsx } from "../../clsx-BUU5J41u.js";
 import { i as $6f909507e6374d18$export$472062a354075cee, o as $6f909507e6374d18$export$a590f758a961cb5b, r as $6f909507e6374d18$export$2c1b491743890dec, t as $6f909507e6374d18$export$105594979f116971 } from "../../Slider-DW1RuMVp.js";
 import { n as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DFXXxMKY.js";

package/dist/{general-D-7dwhuF.js → general-BKOvs-AO.js}

@@ -518,8 +518,7 @@ var __compileToABGR = (chans, hasAlpha) => {
 			return __compileLShift(`((${__compileRShift("x", ch.shift)} & ${mask}) * ${scale})`, 24 - ch.lane * 8);
 		} else return __compileLShift(`(x & ${__hex(ch.maskA)})`, ch.abgrShift);
 	}).join(" | ");
-	const alpha = !hasAlpha ? `0xff000000 | ` : "";
-	return new Function("x", `return (${alpha}${body}) >>> 0;`);
+	return new Function("x", `return (${!hasAlpha ? `0xff000000 | ` : ""}${body}) >>> 0;`);
 };
 //#endregion
 //#region node_modules/@thi.ng/pixel/format/int-format.js

package/dist/{gradient-editor-DbH8NU2p.js → gradient-editor-BAd_Gzx4.js}

@@ -4,7 +4,7 @@ import { n as $251c695a52d94a8d$export$cae13e90592f246a } from "./color-swatch-C
 import { t as SolidColorPicker } from "./solid-color-picker-DbT-aoVx.js";
 import { t as NumberPicker } from "./number-picker-CkA1iJNZ.js";
 import { BaseControl } from "./components/base-control/base-control.js";
-import { o as isColorDark, s as srgb } from "./general-D-7dwhuF.js";
+import { o as isColorDark, s as srgb } from "./general-BKOvs-AO.js";
 import { r as sprintf, t as __ } from "./build-module-sxK3nxOK.js";
 import { add } from "./icons/ui-icons/add.js";
 import { angle } from "./icons/ui-icons/angle.js";

package/dist/index.js

@@ -1,4 +1,4 @@
-import "./proxy-BG7-_Ou3.js";
+import "./proxy-DjkEpeDL.js";
 import { AnimatedVisibility } from "./components/animated-visibility/animated-visibility.js";
 import { t as LinkInput } from "./link-input-D7iDRpOM.js";
 import { t as Modal } from "./modal-DbVLYMkH.js";
@@ -35,7 +35,7 @@ import { DraggableHandle } from "./components/draggable/draggable-handle.js";
 import { t as SmartImage } from "./smart-image-CbSsEASF.js";
 import { FilePickerShell } from "./components/placeholders/file-picker-shell.js";
 import { FilePlaceholder } from "./components/placeholders/file-placeholder.js";
-import { t as GradientEditor } from "./gradient-editor-DbH8NU2p.js";
+import { t as GradientEditor } from "./gradient-editor-BAd_Gzx4.js";
 import { Slider } from "./components/slider/slider.js";
 import { MatrixAlign } from "./components/matrix-align/matrix-align.js";
 import { Toggle } from "./components/toggle/toggle.js";

package/dist/{proxy-BG7-_Ou3.js → proxy-DjkEpeDL.js}

@@ -3193,9 +3193,14 @@ function animateTarget(visualElement, targetAndTransition, { delay = 0, transiti
 		};
 		/**
 		* If the value is already at the defined target, skip the animation.
+		* We still re-assert the value via frame.update to take precedence
+		* over any stale transitionEnd callbacks from previous animations.
 		*/
 		const currentValue = value.get();
-		if (currentValue !== void 0 && !value.isAnimating && !Array.isArray(valueTarget) && valueTarget === currentValue && !valueTransition.velocity) continue;
+		if (currentValue !== void 0 && !value.isAnimating() && !Array.isArray(valueTarget) && valueTarget === currentValue && !valueTransition.velocity) {
+			frame.update(() => value.set(valueTarget));
+			continue;
+		}
 		/**
 		* If this is the first time a value is being animated, check
 		* to see if we're handling off from an existing animation.
@@ -5583,21 +5588,22 @@ function calcBoxDelta(delta, source, target, origin) {
 	calcAxisDelta(delta.x, source.x, target.x, origin ? origin.originX : void 0);
 	calcAxisDelta(delta.y, source.y, target.y, origin ? origin.originY : void 0);
 }
-function calcRelativeAxis(target, relative, parent) {
-	target.min = parent.min + relative.min;
+function calcRelativeAxis(target, relative, parent, anchor = 0) {
+	target.min = (anchor ? mixNumber$1(parent.min, parent.max, anchor) : parent.min) + relative.min;
 	target.max = target.min + calcLength(relative);
 }
-function calcRelativeBox(target, relative, parent) {
-	calcRelativeAxis(target.x, relative.x, parent.x);
-	calcRelativeAxis(target.y, relative.y, parent.y);
+function calcRelativeBox(target, relative, parent, anchor) {
+	calcRelativeAxis(target.x, relative.x, parent.x, anchor?.x);
+	calcRelativeAxis(target.y, relative.y, parent.y, anchor?.y);
 }
-function calcRelativeAxisPosition(target, layout, parent) {
-	target.min = layout.min - parent.min;
+function calcRelativeAxisPosition(target, layout, parent, anchor = 0) {
+	const anchorPoint = anchor ? mixNumber$1(parent.min, parent.max, anchor) : parent.min;
+	target.min = layout.min - anchorPoint;
 	target.max = target.min + calcLength(layout);
 }
-function calcRelativePosition(target, layout, parent) {
-	calcRelativeAxisPosition(target.x, layout.x, parent.x);
-	calcRelativeAxisPosition(target.y, layout.y, parent.y);
+function calcRelativePosition(target, layout, parent, anchor) {
+	calcRelativeAxisPosition(target.x, layout.x, parent.x, anchor?.x);
+	calcRelativeAxisPosition(target.y, layout.y, parent.y, anchor?.y);
 }
 //#endregion
 //#region node_modules/motion-dom/dist/es/projection/geometry/delta-remove.mjs
@@ -6272,8 +6278,16 @@ function createProjectionNode$1({ attachResizeListener, defaultParent, measureSc
 		update() {
 			this.updateScheduled = false;
 			if (this.isUpdateBlocked()) {
+				const wasBlockedByResize = this.updateBlockedByResize;
 				this.unblockUpdate();
+				this.updateBlockedByResize = false;
 				this.clearAllSnapshots();
+				/**
+				* When blocked by resize, still measure layouts so
+				* callbacks like onLayoutMeasure fire (e.g. Reorder).
+				* Skip notifyLayoutUpdate to prevent animations.
+				*/
+				if (wasBlockedByResize) this.nodes.forEach(forceLayoutMeasure);
 				this.nodes.forEach(clearMeasurements);
 				return;
 			}
@@ -6547,7 +6561,7 @@ function createProjectionNode$1({ attachResizeListener, defaultParent, measureSc
 			* a relativeParent. This will allow a component to perform scale correction
 			* even if no animation has started.
 			*/
-			if (!this.targetDelta && !this.relativeTarget) if (relativeParent && relativeParent.layout) this.createRelativeTarget(relativeParent, this.layout.layoutBox, relativeParent.layout.layoutBox);
+			if (!this.targetDelta && !this.relativeTarget) if (this.options.layoutAnchor !== false && relativeParent && relativeParent.layout) this.createRelativeTarget(relativeParent, this.layout.layoutBox, relativeParent.layout.layoutBox);
 			else this.removeRelativeTarget();
 			/**
 			* If we have no relative target or no target delta our target isn't valid
@@ -6566,7 +6580,7 @@ function createProjectionNode$1({ attachResizeListener, defaultParent, measureSc
 			*/
 			if (this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target) {
 				this.forceRelativeParentToResolveTarget();
-				calcRelativeBox(this.target, this.relativeTarget, this.relativeParent.target);
+				calcRelativeBox(this.target, this.relativeTarget, this.relativeParent.target, this.options.layoutAnchor || void 0);
 			} else if (this.targetDelta) {
 				if (Boolean(this.resumingFrom)) this.applyTransform(this.layout.layoutBox, false, this.target);
 				else copyBoxInto(this.target, this.layout.layoutBox);
@@ -6581,7 +6595,7 @@ function createProjectionNode$1({ attachResizeListener, defaultParent, measureSc
 			*/
 			if (this.attemptToResolveRelativeTarget) {
 				this.attemptToResolveRelativeTarget = false;
-				if (relativeParent && Boolean(relativeParent.resumingFrom) === Boolean(this.resumingFrom) && !relativeParent.options.layoutScroll && relativeParent.target && this.animationProgress !== 1) this.createRelativeTarget(relativeParent, this.target, relativeParent.target);
+				if (this.options.layoutAnchor !== false && relativeParent && Boolean(relativeParent.resumingFrom) === Boolean(this.resumingFrom) && !relativeParent.options.layoutScroll && relativeParent.target && this.animationProgress !== 1) this.createRelativeTarget(relativeParent, this.target, relativeParent.target);
 				else this.relativeParent = this.relativeTarget = void 0;
 			}
 			/**
@@ -6603,7 +6617,7 @@ function createProjectionNode$1({ attachResizeListener, defaultParent, measureSc
 			this.forceRelativeParentToResolveTarget();
 			this.relativeTarget = createBox();
 			this.relativeTargetOrigin = createBox();
-			calcRelativePosition(this.relativeTargetOrigin, layout, parentLayout);
+			calcRelativePosition(this.relativeTargetOrigin, layout, parentLayout, this.options.layoutAnchor || void 0);
 			copyBoxInto(this.relativeTarget, this.relativeTargetOrigin);
 		}
 		removeRelativeTarget() {
@@ -6737,7 +6751,7 @@ function createProjectionNode$1({ attachResizeListener, defaultParent, measureSc
 				mixAxisDelta(targetDelta.y, delta.y, progress);
 				this.setTargetDelta(targetDelta);
 				if (this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout) {
-					calcRelativePosition(relativeLayout, this.layout.layoutBox, this.relativeParent.layout.layoutBox);
+					calcRelativePosition(relativeLayout, this.layout.layoutBox, this.relativeParent.layout.layoutBox, this.options.layoutAnchor || void 0);
 					mixBox(this.relativeTarget, this.relativeTargetOrigin, relativeLayout, progress);
 					/**
 					* If this is an unchanged relative target we can consider the
@@ -7038,10 +7052,11 @@ function notifyLayoutUpdate(node) {
 			if (relativeParent && !relativeParent.resumeFrom) {
 				const { snapshot: parentSnapshot, layout: parentLayout } = relativeParent;
 				if (parentSnapshot && parentLayout) {
+					const anchor = node.options.layoutAnchor || void 0;
 					const relativeSnapshot = createBox();
-					calcRelativePosition(relativeSnapshot, snapshot.layoutBox, parentSnapshot.layoutBox);
+					calcRelativePosition(relativeSnapshot, snapshot.layoutBox, parentSnapshot.layoutBox, anchor);
 					const relativeLayout = createBox();
-					calcRelativePosition(relativeLayout, layout, parentLayout.layoutBox);
+					calcRelativePosition(relativeLayout, layout, parentLayout.layoutBox, anchor);
 					if (!boxEqualsRounded(relativeSnapshot, relativeLayout)) hasRelativeLayoutChanged = true;
 					if (relativeParent.options.layoutRoot) {
 						node.relativeTarget = relativeLayout;
@@ -7100,6 +7115,10 @@ function clearSnapshot(node) {
 function clearMeasurements(node) {
 	node.clearMeasurements();
 }
+function forceLayoutMeasure(node) {
+	node.isLayoutDirty = true;
+	node.updateLayout();
+}
 function clearIsLayoutDirty(node) {
 	node.isLayoutDirty = false;
 }
@@ -8163,7 +8182,7 @@ function useVisualElement(Component, visualState, props, createVisualElement, Pr
 	return visualElement;
 }
 function createProjectionNode(visualElement, props, ProjectionNodeConstructor, initialPromotionConfig) {
-	const { layoutId, layout, drag, dragConstraints, layoutScroll, layoutRoot, layoutCrossfade } = props;
+	const { layoutId, layout, drag, dragConstraints, layoutScroll, layoutRoot, layoutAnchor, layoutCrossfade } = props;
 	visualElement.projection = new ProjectionNodeConstructor(visualElement.latestValues, props["data-framer-portal-id"] ? void 0 : getClosestProjectingNode(visualElement.parent));
 	visualElement.projection.setOptions({
 		layoutId,
@@ -8174,7 +8193,8 @@ function createProjectionNode(visualElement, props, ProjectionNodeConstructor, i
 		initialPromotionConfig,
 		crossfade: layoutCrossfade,
 		layoutScroll,
-		layoutRoot
+		layoutRoot,
+		layoutAnchor
 	});
 }
 function getClosestProjectingNode(visualElement) {
@@ -9371,8 +9391,10 @@ var MeasureLayoutWithContext = class extends Component {
 		return null;
 	}
 	componentDidUpdate() {
-		const { projection } = this.props.visualElement;
+		const { visualElement, layoutAnchor } = this.props;
+		const { projection } = visualElement;
 		if (projection) {
+			projection.options.layoutAnchor = layoutAnchor;
 			projection.root.didUpdate();
 			microtask.postRender(() => {
 				if (!projection.currentAnimation && projection.isLead()) this.safeToRemove();

package/dist/{shared-DFDimxvX.js → shared-D_OXizRt.js}

@@ -1027,9 +1027,9 @@ var getGroupedOptions = (filteredOptions, groupKey, groupValueMapping) => {
 		return {
 			key,
 			label: mapping?.label ?? (key === "_other" ? __("Other", "eightshift-ui-components") : key),
-			icon: jsx(Icon, { icon: mapping?.icon }),
+			icon: mapping?.icon && jsx(Icon, { icon: mapping?.icon }),
 			subtitle: mapping?.subtitle || null,
-			endIcon: jsx(Icon, { icon: mapping?.endIcon }),
+			endIcon: mapping?.endIcon && jsx(Icon, { icon: mapping?.endIcon }),
 			options
 		};
 	});

package/dist/utilities/general.js

@@ -1,2 +1,2 @@
-import { a as getFileExtension, i as checkTransparency, n as analyzeImageAsync, o as isColorDark, r as analyzeImageData, t as analyzeImage } from "../general-D-7dwhuF.js";
+import { a as getFileExtension, i as checkTransparency, n as analyzeImageAsync, o as isColorDark, r as analyzeImageData, t as analyzeImage } from "../general-BKOvs-AO.js";
 export { analyzeImage, analyzeImageAsync, analyzeImageData, checkTransparency, getFileExtension, isColorDark };

package/dist/utilities/index.js

@@ -3,7 +3,7 @@ import { arrayMoveMultiple, fixIds } from "./array-helpers.js";
 import { a as isObject, c as kebabCase, d as snakeCase, f as upperFirst, i as isEqual, l as lowerFirst, n as has, o as isPlainObject, r as isEmpty, s as isString, t as camelCase, u as pascalCase } from "../es-dash-HqXWZZ3_.js";
 import { truncate, truncateEnd, truncateMiddle, unescapeHTML } from "./text-helpers.js";
 import { n as throttle, t as debounce } from "../debounce-throttle-DXxSAKpq.js";
-import { a as getFileExtension, i as checkTransparency, n as analyzeImageAsync, o as isColorDark, r as analyzeImageData, t as analyzeImage } from "../general-D-7dwhuF.js";
+import { a as getFileExtension, i as checkTransparency, n as analyzeImageAsync, o as isColorDark, r as analyzeImageData, t as analyzeImage } from "../general-BKOvs-AO.js";
 import { cyrb64Hash, randomId, simpleHash } from "./hash.js";
 import { t as clsx } from "../utilities-CPFDXC3B.js";
 export { analyzeImage, analyzeImageAsync, analyzeImageData, arrayMoveMultiple, camelCase, checkTransparency, clsx, clsx$1 as clsxFull, cyrb64Hash, debounce, fixIds, getFileExtension, has, isColorDark, isEmpty, isEqual, isObject, isPlainObject, isString, kebabCase, lowerFirst, pascalCase, randomId, simpleHash, snakeCase, throttle, truncate, truncateEnd, truncateMiddle, unescapeHTML, upperFirst };

package/dist/workers/image-analysis.worker.js

@@ -1,4 +1,4 @@
-import { c as FLOAT_RGBA, l as floatBufferFromCanvas, r as analyzeImageData } from "../general-D-7dwhuF.js";
+import { c as FLOAT_RGBA, l as floatBufferFromCanvas, r as analyzeImageData } from "../general-BKOvs-AO.js";
 //#region lib/workers/image-analysis.worker.js
 /**
 * Web Worker for image analysis

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@eightshift/ui-components",
-	"version": "7.0.0",
+	"version": "7.1.0",
 	"type": "module",
 	"main": "./dist/index.js",
 	"module": "./dist/index.js",
@@ -67,20 +67,20 @@
 		"@eslint/compat": "^2.0.3",
 		"@react-stately/collections": "^3.12.10",
 		"@stylistic/eslint-plugin": "^5.10.0",
-		"@tailwindcss/vite": "^4.2.1",
-		"@thi.ng/color": "^5.8.16",
-		"@thi.ng/pixel": "^7.5.25",
-		"@thi.ng/pixel-analysis": "^2.0.31",
-		"@thi.ng/pixel-dominant-colors": "^2.0.34",
+		"@tailwindcss/vite": "^4.2.2",
+		"@thi.ng/color": "^5.8.18",
+		"@thi.ng/pixel": "^7.5.26",
+		"@thi.ng/pixel-analysis": "^2.0.33",
+		"@thi.ng/pixel-dominant-colors": "^2.0.36",
 		"@types/react": "^18.3.28",
 		"@types/react-dom": "^18.3.7",
-		"@vitejs/plugin-react": "^5.2.0",
-		"@wordpress/i18n": "^6.14.0",
+		"@vitejs/plugin-react": "^6.0.1",
+		"@wordpress/i18n": "^6.15.0",
 		"autoprefixer": "^10.4.27",
 		"class-variance-authority": "^0.7.1",
 		"clsx": "^2.1.1",
 		"css-gradient-parser": "^0.0.18",
-		"eslint": "^10.0.3",
+		"eslint": "^10.1.0",
 		"eslint-config-prettier": "^10.1.8",
 		"eslint-plugin-jsdoc": "^62.8.0",
 		"eslint-plugin-prettier": "^5.5.5",
@@ -104,10 +104,10 @@
 		"react-movable": "^3.4.1",
 		"react-stately": "^3.45.0",
 		"svg-to-jsx-string": "^0.1.1",
-		"tailwindcss": "^4.2.1",
+		"tailwindcss": "^4.2.2",
 		"tailwindcss-motion": "^1.1.1",
 		"tailwindcss-react-aria-components": "^2.0.1",
-		"vite": "^8.0.0",
+		"vite": "^8.0.1",
 		"vite-plugin-lib-inject-css": "^2.2.2"
 	},
 	"dependencies": {