@eightshift/ui-components 5.5.0 → 5.6.0

package/dist/components/menu/menu.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { $ as $72a5793c14baf454$export$8b251419efc915eb, a as $431f98aba6844401$export$1ff3c3f08ae963c0 } from "../../Separator-B-xeqOkC.js";
-import { $ as $3674c52c6b3c5bce$export$27d2ad3c5815583e, a as $3674c52c6b3c5bce$export$d9b273488cd8ce6f, b as $3674c52c6b3c5bce$export$2ce376c2cc3355c8, c as $3674c52c6b3c5bce$export$4b1545b4f2016d26, d as $3674c52c6b3c5bce$export$ecabc99eeffab7ca } from "../../Dialog-BMgMUQuN.js";
+import { $ as $72a5793c14baf454$export$8b251419efc915eb, a as $431f98aba6844401$export$1ff3c3f08ae963c0 } from "../../Separator-DcqCdD4k.js";
+import { $ as $3674c52c6b3c5bce$export$27d2ad3c5815583e, a as $3674c52c6b3c5bce$export$d9b273488cd8ce6f, b as $3674c52c6b3c5bce$export$2ce376c2cc3355c8, c as $3674c52c6b3c5bce$export$4b1545b4f2016d26, d as $3674c52c6b3c5bce$export$ecabc99eeffab7ca } from "../../Dialog-B8p4Ymh7.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 import { icons } from "../../icons/icons.js";
 import { Button } from "../button/button.js";
 import { Popover } from "../popover/popover.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { cloneElement } from "react";
-import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
+import { _ as __ } from "../../default-i18n-DBm-GqWM.js";
 /**
  * @typedef {import('../button/button').ButtonProps} ButtonProps
  * @typedef {import('../popover/popover').PopoverProps} PopoverProps

package/dist/components/modal/modal.js

@@ -1,13 +1,13 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { h as $a11501f3d1d39e6c$export$ea8f71083e90600f, i as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, j as $337b884510726a0d$export$14c98a7594375490, k as $5e3802645cc19319$export$1c3ebcada18427bf, l as $de32f1b87079253c$export$d2f961adcb0afbe, m as $86ea4cb521eb2e37$export$2317d149ed6f78c4, n as $337b884510726a0d$export$c6fdb837b070b4ff, g as $de32f1b87079253c$export$2e1e1122cf0cba88, f as $de32f1b87079253c$export$3ddf2d174ce01153 } from "../../Dialog-BMgMUQuN.js";
+import { h as $a11501f3d1d39e6c$export$ea8f71083e90600f, i as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, j as $337b884510726a0d$export$14c98a7594375490, k as $5e3802645cc19319$export$1c3ebcada18427bf, l as $de32f1b87079253c$export$d2f961adcb0afbe, m as $86ea4cb521eb2e37$export$2317d149ed6f78c4, n as $337b884510726a0d$export$c6fdb837b070b4ff, g as $de32f1b87079253c$export$2e1e1122cf0cba88, f as $de32f1b87079253c$export$3ddf2d174ce01153 } from "../../Dialog-B8p4Ymh7.js";
 import { $ as $5cb03073d3f54797$export$a8a3e93435678ff9 } from "../../Heading-B5aEynOM.js";
 import { n as $b5e257d569688ac6$export$535bd6ca7f90a273, b as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, h as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-cvK1vxO7.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-D2C6R0DK.js";
-import { c as $21f1aa98acb08317$export$c57958e35f31ed73, d as $cc38e7bd3fc7b213$export$2bb74740c4e19def } from "../../SelectionManager-B6-b5NM2.js";
+import { c as $21f1aa98acb08317$export$c57958e35f31ed73, d as $cc38e7bd3fc7b213$export$2bb74740c4e19def } from "../../SelectionManager-D77bfEbg.js";
 import React__default, { useState, useEffect, forwardRef, useContext, createContext, useRef, useMemo } from "react";
-import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $d3f049242431219c$export$45fda7c47f93fd48, b as $d3f049242431219c$export$6d3443f2c48bfc20 } from "../../OverlayArrow-DraDOoRn.js";
+import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $d3f049242431219c$export$45fda7c47f93fd48, b as $d3f049242431219c$export$6d3443f2c48bfc20 } from "../../OverlayArrow-DDfa8khI.js";
 import { Button } from "../button/button.js";
-import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
+import { _ as __ } from "../../default-i18n-DBm-GqWM.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { icons } from "../../icons/icons.js";
 import "../../react-jsx-parser.min-VUl-CuCv.js";

package/dist/components/number-picker/number-picker.js

@@ -1,16 +1,16 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { forwardRef, createContext, useRef, useState, cloneElement } from "react";
-import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
+import { _ as __ } from "../../default-i18n-DBm-GqWM.js";
 import { a as $a049562f99e7db0e$export$f9c6924e160136d1, b as $3985021b0ad6602f$export$37fb8590cf2c088c, c as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-8yja_IHC.js";
 import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DWVaNd2E.js";
-import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-CQ5ZZJ2w.js";
+import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-BhEIfWLY.js";
 import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, g as $64fa3d84918910a7$export$ef03459518577ad4, h as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-cvK1vxO7.js";
 import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-B8BgFmIQ.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
 import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-AxKZjtFm.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-D2C6R0DK.js";
 import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-DMOmz986.js";
-import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberField-D16dDfYF.js";
+import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberField-CEA9Q4w_.js";
 import { Button } from "../button/button.js";
 import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";

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

@@ -7,7 +7,7 @@ import { SubMenuItem, MenuSeparator, MenuItem, Menu } from "../menu/menu.js";
 import { RadioButtonGroup, RadioButton } from "../radio/radio.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 import { ToggleButton } from "../toggle-button/toggle-button.js";
-import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
+import { _ as __ } from "../../default-i18n-DBm-GqWM.js";
 /**
  * A component that allows the user to select an option from a list of options.
  *

package/dist/components/placeholders/file-picker-shell.js

@@ -1,9 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { icons } from "../../icons/icons.js";
-import { cloneElement } from "react";
+import "react";
 import "../../react-jsx-parser.min-VUl-CuCv.js";
 import { truncateMiddle } from "../../utilities/text-helpers.js";
+import "../../sha256-C56UDWfQ.js";
 import { SmartImage } from "../smart-image/smart-image.js";
 /**
  * A shell for a file picker UI, handling both rich visual presentation (e.g. images) and simple file placeholders.
@@ -52,7 +53,8 @@ const FilePickerShell = (props) => {
     children,
     className,
     noUrlContent,
-    hidden
+    hidden,
+    ...rest
   } = props;
   if (hidden) {
     return null;
@@ -64,8 +66,9 @@ const FilePickerShell = (props) => {
     return /* @__PURE__ */ jsxs(
       "div",
       {
+        ...rest,
         className: clsx(
-          "es:border es:border-secondary-200 es:bg-white es:flex es:justify-between es:rounded-2xl es:isolate es:relative es:flex-col es:gap-2 es:overflow-clip es:aspect-3-2 es:group es:p-2",
+          "es:border es:border-secondary-200 es:bg-white es:flex es:justify-between es:rounded-2xl es:isolate es:relative es:flex-col es:gap-2 es:overflow-clip es:aspect-cinema es:group es:p-2",
           className
         ),
         children: [
@@ -89,26 +92,28 @@ const FilePickerShell = (props) => {
         hasAnalysed && transparencyInfo?.top && url && "es:pt-3",
         hasAnalysed && transparencyInfo?.bottom && url && "es:pb-3",
         hasAnalysed && isTransparent && "es:bg-white/60 es:object-contain es:mx-auto",
-        hasAnalysed && isTransparent && (transparencyInfo?.left || transparencyInfo?.right) && "es:w-full",
-        hasAnalysed && isTransparent && (transparencyInfo?.top || transparencyInfo?.bottom) && "es:h-full",
+        hasAnalysed && isTransparent && (transparencyInfo?.left || transparencyInfo?.right) && "es:w-full!",
+        hasAnalysed && isTransparent && (transparencyInfo?.top || transparencyInfo?.bottom) && "es:h-full!",
         hasAnalysed && !isTransparent && "es:w-full es:aspect-3-2 es:object-cover",
         hasAnalysed && "es:grow es:rounded-xl"
       ),
-      errorClassName: "es:aspect-3-2 es:rounded-2xl es:bg-gradient-to-br es:from-secondary-50 es:to-secondary-100 es:border es:border-secondary-200",
+      errorClassName: "es:aspect-3-2 es:rounded-2xl es:bg-gradient-to-br es:from-white es:to-secondary-50 es:border es:border-dashed es:border-secondary-200",
       imageAnalysisSettings: { yFrom: 0.25, yTo: 0.75 },
+      ...rest,
       children: ({ image, dominantColors, isDark, hasAnalysed, isTransparent }) => /* @__PURE__ */ jsxs(
         "div",
         {
           className: clsx(
-            "es:border es:border-secondary-200 es:justify-between es:rounded-2xl es:isolate es:relative es:flex-col es:gap-y-2 es:grid es:grid-cols-1 es:overflow-clip es:aspect-3-2 es:transition",
+            "es:border es:justify-between es:rounded-2xl es:isolate es:relative es:flex-col es:gap-y-2 es:grid es:grid-cols-1 es:overflow-clip es:aspect-3-2 es:transition",
+            hasAnalysed ? "es:border-secondary-200" : "es:border-secondary-200/0",
             hasAnalysed && !isTransparent && "es:group es:grid-rows-1",
             hasAnalysed && isTransparent && "es:p-2 es:grid-rows-[minmax(0,_1fr)_auto] es:h-fit",
+            !hasAnalysed && "es:shimmer-dark es:bg-secondary-50",
             className
           ),
           style: hasAnalysed && isTransparent ? { backgroundColor: `color-mix(in srgb, ${dominantColors[0]?.color || "#ffffff"} ${dominantColors[0]?.isDark ? 10 : 80}%, #ffffff)` } : {},
           children: [
             image,
-            !hasAnalysed && cloneElement(icons.loader, { className: "es:animate-spin es:size-8 es:text-accent-600 es:m-auto es:duration-3000" }),
             hasAnalysed && children && /* @__PURE__ */ jsx(
               "div",
               {

package/dist/components/placeholders/file-placeholder.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
+import { _ as __ } from "../../default-i18n-DBm-GqWM.js";
 import { icons } from "../../icons/icons.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";

package/dist/components/popover/popover.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { e as $07b14b47974efb58$export$5b6b19405a83ff9d, f as $de32f1b87079253c$export$3ddf2d174ce01153, g as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "../../Dialog-BMgMUQuN.js";
+import { e as $07b14b47974efb58$export$5b6b19405a83ff9d, f as $de32f1b87079253c$export$3ddf2d174ce01153, g as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "../../Dialog-B8p4Ymh7.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
+import { _ as __ } from "../../default-i18n-DBm-GqWM.js";
 import { Button } from "../button/button.js";
 /**
  * @typedef {Object} PopoverProps

package/dist/components/radio/radio.js

@@ -4,12 +4,12 @@ import { b as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $bdb11010cef70236$
 import { a as $2baaea4c71418dea$export$294aa081a6c6f55d, $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-B8BgFmIQ.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
 import { $ as $1d5b8b8664671ef2$export$c9549807523555e0 } from "../../SelectionIndicator-D7WMzeAW.js";
-import { $ as $c8a5a149f625efcf$export$758399f318e6385a } from "../../SharedElementTransition-fML-zIv6.js";
+import { $ as $c8a5a149f625efcf$export$758399f318e6385a } from "../../SharedElementTransition-BjRNHsjx.js";
 import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-AxKZjtFm.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-D2C6R0DK.js";
 import React__default, { useMemo, useState, forwardRef, createContext, cloneElement } from "react";
 import { $ as $99facab73266f662$export$5add1d006293d136 } from "../../useFormReset-yV9VVy9R.js";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../../usePress-DJskZBH9.js";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../../usePress-BCEPS3hl.js";
 import { $ as $f645667febf57a63$export$4c014de7c8940b4c, x as $431fbd86ca7dc216$export$f21a1ffae260145a, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, w as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-BRDW3y7-.js";
 import { a as $e93e671b31057976$export$b8473d3665f3a75a, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "../../useFormValidation-CeNsUGWK.js";
 import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../../FocusScope-B5vxRkHm.js";

package/dist/components/repeater/repeater-item.js

@@ -5,7 +5,7 @@ import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { useContext } from "react";
 import { Expandable } from "../expandable/expandable.js";
-import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
+import { _ as __ } from "../../default-i18n-DBm-GqWM.js";
 import { RepeaterContext } from "./repeater-context.js";
 /**
  * A Repeater item.

package/dist/components/repeater/repeater.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useId, useState } from "react";
-import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
+import { _ as __ } from "../../default-i18n-DBm-GqWM.js";
 import { Button } from "../button/button.js";
 import { icons } from "../../icons/icons.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
 import { RepeaterContext } from "./repeater-context.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { L as List, a as arrayRemove, b as arrayMove } from "../../List-BiAnh5G5.js";
+import { L as List, a as arrayRemove, b as arrayMove } from "../../List-Bll1lQEW.js";
 import { Menu, MenuItem, MenuSeparator } from "../menu/menu.js";
 const fixIds = (items, itemIdBase) => {
   return items?.map((item, i) => ({

package/dist/components/responsive/mini-responsive.js

@@ -3,9 +3,10 @@ import { cloneElement } from "react";
 import { DecorativeTooltip } from "../tooltip/tooltip.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { s as sprintf } from "../../sprintf-DmNrJSYG.js";
-import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
+import { _ as __ } from "../../default-i18n-DBm-GqWM.js";
 import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
 import { upperFirst } from "../../utilities/es-dash.js";
+import "../../sha256-C56UDWfQ.js";
 import { icons } from "../../icons/icons.js";
 import { ResponsivePreview } from "../responsive-preview/responsive-preview.js";
 import { ButtonGroup, Button } from "../button/button.js";

package/dist/components/responsive/responsive-legacy.js

@@ -3,9 +3,10 @@ import { useState } from "react";
 import { DecorativeTooltip } from "../tooltip/tooltip.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { s as sprintf } from "../../sprintf-DmNrJSYG.js";
-import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
+import { _ as __ } from "../../default-i18n-DBm-GqWM.js";
 import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
 import { upperFirst } from "../../utilities/es-dash.js";
+import "../../sha256-C56UDWfQ.js";
 import { icons } from "../../icons/icons.js";
 import { Button } from "../button/button.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";

package/dist/components/responsive/responsive.js

@@ -3,9 +3,10 @@ import { useState } from "react";
 import { DecorativeTooltip } from "../tooltip/tooltip.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { s as sprintf } from "../../sprintf-DmNrJSYG.js";
-import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
+import { _ as __ } from "../../default-i18n-DBm-GqWM.js";
 import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
 import { upperFirst } from "../../utilities/es-dash.js";
+import "../../sha256-C56UDWfQ.js";
 import { icons } from "../../icons/icons.js";
 import { Menu, MenuSectionHeader, MenuItem, MenuSeparator, SubMenuItem } from "../menu/menu.js";
 import { ResponsivePreview } from "../responsive-preview/responsive-preview.js";

package/dist/components/responsive-preview/responsive-preview.js

@@ -1,6 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
+import { _ as __ } from "../../default-i18n-DBm-GqWM.js";
 import { upperFirst } from "../../utilities/es-dash.js";
+import "../../sha256-C56UDWfQ.js";
 import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
 import { icons } from "../../icons/icons.js";
 import { RichLabel } from "../rich-label/rich-label.js";

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

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { useId } from "react";
-import { A as AsyncSelect$1 } from "../../react-select-async.esm-Zl1LPaPb.js";
-import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValueRemove, b as getMultiValue } from "../../multi-select-components-CT_W0Cy9.js";
+import { A as AsyncSelect$1 } from "../../react-select-async.esm-_4pk-41v.js";
+import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValueRemove, b as getMultiValue } from "../../multi-select-components-B3KuDyYd.js";
 import { r as restrictToParentElement } from "../../modifiers.esm-BuJQPI1X.js";
 import { CustomSelectDefaultClearIndicator, CustomSelectDefaultDropdownIndicator, CustomSelectDefaultMultiValueRemove } from "./custom-select-default-components.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { eightshiftSelectClasses } from "./styles.js";
-import { c as components } from "../../index-641ee5b8.esm-DVp0njHa.js";
+import { c as components } from "../../index-641ee5b8.esm-DiwvO-RP.js";
 /**
  * Multi-select menu with async loading and re-ordering.
  *

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

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { A as AsyncSelect$1 } from "../../react-select-async.esm-Zl1LPaPb.js";
+import { A as AsyncSelect$1 } from "../../react-select-async.esm-_4pk-41v.js";
 import { CustomSelectDefaultClearIndicator, CustomSelectDefaultDropdownIndicator } from "./custom-select-default-components.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { eightshiftSelectClasses } from "./styles.js";
-import { c as components } from "../../index-641ee5b8.esm-DVp0njHa.js";
+import { c as components } from "../../index-641ee5b8.esm-DiwvO-RP.js";
 /**
  * Select menu with async loading.
  *

package/dist/components/select/custom-select-default-components.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { c as components } from "../../index-641ee5b8.esm-DVp0njHa.js";
+import { c as components } from "../../index-641ee5b8.esm-DiwvO-RP.js";
 /**
  * Default dropdown indicator for CustomSelect.
  *

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { g, b, a } from "../../multi-select-components-CT_W0Cy9.js";
+import { g, b, a } from "../../multi-select-components-B3KuDyYd.js";
 import "../../lite-DVmmD_-j.js";
 export {
   g as getDragEndHandler,

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

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import { useId } from "react";
-import { S as StateManagedSelect$1 } from "../../react-select.esm-Bu36HujU.js";
-import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValueRemove, b as getMultiValue } from "../../multi-select-components-CT_W0Cy9.js";
+import { S as StateManagedSelect$1 } from "../../react-select.esm-BeuAkAyY.js";
+import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValueRemove, b as getMultiValue } from "../../multi-select-components-B3KuDyYd.js";
 import { r as restrictToParentElement } from "../../modifiers.esm-BuJQPI1X.js";
 import { CustomSelectDefaultClearIndicator, CustomSelectDefaultDropdownIndicator, CustomSelectDefaultMultiValueRemove } from "./custom-select-default-components.js";
 import { getValue } from "./shared.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { eightshiftSelectClasses } from "./styles.js";
-import { c as components } from "../../index-641ee5b8.esm-DVp0njHa.js";
+import { c as components } from "../../index-641ee5b8.esm-DiwvO-RP.js";
 /**
  * Multi-select menu with re-orderable items.
  *

package/dist/components/select/react-select-component-wrappers.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as components } from "../../index-641ee5b8.esm-DVp0njHa.js";
+import { c as components } from "../../index-641ee5b8.esm-DiwvO-RP.js";
 /**
  * Custom dropdown indicator for CustomSelect.
  *

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

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { S as StateManagedSelect$1 } from "../../react-select.esm-Bu36HujU.js";
+import { S as StateManagedSelect$1 } from "../../react-select.esm-BeuAkAyY.js";
 import { CustomSelectDefaultClearIndicator, CustomSelectDefaultDropdownIndicator } from "./custom-select-default-components.js";
 import { getValue } from "./shared.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { eightshiftSelectClasses } from "./styles.js";
-import { c as components } from "../../index-641ee5b8.esm-DVp0njHa.js";
+import { c as components } from "../../index-641ee5b8.esm-DiwvO-RP.js";
 /**
  * Select menu.
  *

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

@@ -1,14 +1,14 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { _ as __ } from "../../../default-i18n-CN_q3KUs.js";
+import { _ as __ } from "../../../default-i18n-DBm-GqWM.js";
 import { BaseControl } from "../../base-control/base-control.js";
-import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../../SearchField-DWGdCvnn.js";
-import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-CQ5ZZJ2w.js";
-import { g as $de32f1b87079253c$export$2e1e1122cf0cba88, e as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-BMgMUQuN.js";
+import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../../SearchField-D6mPli0i.js";
+import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-BhEIfWLY.js";
+import { g as $de32f1b87079253c$export$2e1e1122cf0cba88, e as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-B8p4Ymh7.js";
 import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../../Input-8yja_IHC.js";
 import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../../Label-DWVaNd2E.js";
-import { $ as $eed445e0843c11d0$export$41f133550aa26f48, a as $eed445e0843c11d0$export$a11e76429ed99b4, b as $612b8eb6cb90e02d$export$62ed72bc21f6b8a6 } from "../../../ListBox-DggfiuO_.js";
+import { $ as $eed445e0843c11d0$export$41f133550aa26f48, a as $eed445e0843c11d0$export$a11e76429ed99b4, b as $612b8eb6cb90e02d$export$62ed72bc21f6b8a6 } from "../../../ListBox-CEpKw7yC.js";
 import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../../Text-AxKZjtFm.js";
-import { $ as $d8f176866e6dc039$export$2cfc5be7a55829f6 } from "../../../useDragAndDrop-C08ZXv4F.js";
+import { $ as $d8f176866e6dc039$export$2cfc5be7a55829f6 } from "../../../useDragAndDrop-DUXKDS0N.js";
 import { useRef, useEffect, cloneElement } from "react";
 import { icons } from "../../../icons/icons.js";
 import "../../../react-jsx-parser.min-VUl-CuCv.js";
@@ -16,6 +16,7 @@ import { OptionItemBase } from "./shared.js";
 import { RichLabel } from "../../rich-label/rich-label.js";
 import { c as clsx } from "../../../utils-cvK1vxO7.js";
 import { truncateEnd, unescapeHTML } from "../../../utilities/text-helpers.js";
+import "../../../sha256-C56UDWfQ.js";
 import { moveArrayItem } from "../shared.js";
 import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66 } from "../../../useAsyncList-D52mQcrH.js";
 /**

package/dist/components/select/v2/async-select.js

@@ -1,19 +1,20 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { _ as __ } from "../../../default-i18n-CN_q3KUs.js";
+import { _ as __ } from "../../../default-i18n-DBm-GqWM.js";
 import { BaseControl } from "../../base-control/base-control.js";
-import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../../SearchField-DWGdCvnn.js";
-import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-CQ5ZZJ2w.js";
+import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../../SearchField-D6mPli0i.js";
+import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-BhEIfWLY.js";
 import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../../Input-8yja_IHC.js";
 import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../../Label-DWVaNd2E.js";
-import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../../ListBox-DggfiuO_.js";
-import { e as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-BMgMUQuN.js";
-import { $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, b as $82d7e5349645de74$export$ef445b55be0601bd } from "../../../Select-BvggcFOX.js";
+import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../../ListBox-CEpKw7yC.js";
+import { e as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-B8p4Ymh7.js";
+import { $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, b as $82d7e5349645de74$export$ef445b55be0601bd } from "../../../Select-CHzjZxXy.js";
 import { useRef, useEffect, cloneElement, useContext } from "react";
 import { icons } from "../../../icons/icons.js";
 import "../../../react-jsx-parser.min-VUl-CuCv.js";
 import { OptionItemBase } from "./shared.js";
 import { RichLabel } from "../../rich-label/rich-label.js";
 import { unescapeHTML } from "../../../utilities/text-helpers.js";
+import "../../../sha256-C56UDWfQ.js";
 import { c as clsx } from "../../../utils-cvK1vxO7.js";
 import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66 } from "../../../useAsyncList-D52mQcrH.js";
 /**

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

@@ -1,14 +1,14 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { _ as __ } from "../../../default-i18n-CN_q3KUs.js";
+import { _ as __ } from "../../../default-i18n-DBm-GqWM.js";
 import { BaseControl } from "../../base-control/base-control.js";
-import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../../SearchField-DWGdCvnn.js";
-import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-CQ5ZZJ2w.js";
-import { g as $de32f1b87079253c$export$2e1e1122cf0cba88, e as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-BMgMUQuN.js";
+import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../../SearchField-D6mPli0i.js";
+import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-BhEIfWLY.js";
+import { g as $de32f1b87079253c$export$2e1e1122cf0cba88, e as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-B8p4Ymh7.js";
 import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../../Input-8yja_IHC.js";
 import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../../Label-DWVaNd2E.js";
-import { $ as $eed445e0843c11d0$export$41f133550aa26f48, a as $eed445e0843c11d0$export$a11e76429ed99b4, b as $612b8eb6cb90e02d$export$62ed72bc21f6b8a6 } from "../../../ListBox-DggfiuO_.js";
+import { $ as $eed445e0843c11d0$export$41f133550aa26f48, a as $eed445e0843c11d0$export$a11e76429ed99b4, b as $612b8eb6cb90e02d$export$62ed72bc21f6b8a6 } from "../../../ListBox-CEpKw7yC.js";
 import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../../Text-AxKZjtFm.js";
-import { $ as $d8f176866e6dc039$export$2cfc5be7a55829f6 } from "../../../useDragAndDrop-C08ZXv4F.js";
+import { $ as $d8f176866e6dc039$export$2cfc5be7a55829f6 } from "../../../useDragAndDrop-DUXKDS0N.js";
 import { useRef, cloneElement } from "react";
 import { icons } from "../../../icons/icons.js";
 import "../../../react-jsx-parser.min-VUl-CuCv.js";
@@ -17,7 +17,8 @@ import { RichLabel } from "../../rich-label/rich-label.js";
 import { c as clsx } from "../../../utils-cvK1vxO7.js";
 import { getValue, moveArrayItem } from "../shared.js";
 import { truncateEnd } from "../../../utilities/text-helpers.js";
-import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../../useFilter-BlkUH1Ma.js";
+import "../../../sha256-C56UDWfQ.js";
+import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../../useFilter-BPcJ-Jzv.js";
 /**
  * Multi-select menu.
  *

package/dist/components/select/v2/shared.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { a as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../../ListBox-DggfiuO_.js";
+import { a as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../../ListBox-CEpKw7yC.js";
 import { c as clsx } from "../../../utils-cvK1vxO7.js";
 import { icons } from "../../../icons/icons.js";
 import "react";

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

@@ -1,20 +1,20 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { _ as __ } from "../../../default-i18n-CN_q3KUs.js";
+import { _ as __ } from "../../../default-i18n-DBm-GqWM.js";
 import { BaseControl } from "../../base-control/base-control.js";
-import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../../SearchField-DWGdCvnn.js";
-import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-CQ5ZZJ2w.js";
+import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../../SearchField-D6mPli0i.js";
+import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-BhEIfWLY.js";
 import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../../Input-8yja_IHC.js";
 import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../../Label-DWVaNd2E.js";
-import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../../ListBox-DggfiuO_.js";
-import { e as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-BMgMUQuN.js";
-import { $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, b as $82d7e5349645de74$export$ef445b55be0601bd } from "../../../Select-BvggcFOX.js";
+import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../../ListBox-CEpKw7yC.js";
+import { e as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-B8p4Ymh7.js";
+import { $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, b as $82d7e5349645de74$export$ef445b55be0601bd } from "../../../Select-CHzjZxXy.js";
 import { useRef, cloneElement, useContext } from "react";
 import { icons } from "../../../icons/icons.js";
 import "../../../react-jsx-parser.min-VUl-CuCv.js";
 import { OptionItemBase } from "./shared.js";
 import { RichLabel } from "../../rich-label/rich-label.js";
 import { c as clsx } from "../../../utils-cvK1vxO7.js";
-import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../../useFilter-BlkUH1Ma.js";
+import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../../useFilter-BPcJ-Jzv.js";
 /**
  * Select menu.
  *

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

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
+import { _ as __ } from "../../default-i18n-DBm-GqWM.js";
 import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DWVaNd2E.js";
 import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b } from "../../Slider-DfU6bRtH.js";
 import { BaseControl } from "../base-control/base-control.js";

package/dist/components/slider/utils.js

@@ -1,5 +1,5 @@
 import { s as sprintf } from "../../sprintf-DmNrJSYG.js";
-import { _ as __, a as _n } from "../../default-i18n-CN_q3KUs.js";
+import { _ as __, a as _n } from "../../default-i18n-DBm-GqWM.js";
 /**
  * Generates an array of markers based on the provided minimum and maximum values and step.
  * If the step is less than 10, only markers divisible by 5 and 10 are included.

package/dist/components/smart-image/smart-image.js

@@ -1,11 +1,13 @@
 import { jsx } from "react/jsx-runtime";
-import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
+import { _ as __ } from "../../default-i18n-DBm-GqWM.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { useState, cloneElement } from "react";
-import { analyzeImage } from "../../utilities/general.js";
+import { useState, useRef, useEffect, cloneElement } from "react";
 import { icons } from "../../icons/icons.js";
 import "../../react-jsx-parser.min-VUl-CuCv.js";
 import { DecorativeTooltip } from "../tooltip/tooltip.js";
+import { useImageAnalysisWorker } from "../../utilities/web-workers.js";
+import workerInline from "./worker-inline.js";
+import { s as sha256Exports } from "../../sha256-C56UDWfQ.js";
 /**
  * @typedef {Object} CustomImageProps
  * @property {JSX.Element} [props.renderError] - Component to render if image analysis fails. `(error) => JSX:Element`.
@@ -13,6 +15,7 @@ import { DecorativeTooltip } from "../tooltip/tooltip.js";
  * @property {string} [props.processingClassName] - Classes to apply while the image is loading / being processed.
  * @property {boolean} [props.hidden] - If `true`, the component is not rendered.
  * @property {import('../../utilities/general').ImageAnalysisSettings} [imageAnalysisSettings] - Settings to pass to the image analysis function.
+ * @property {import('../../utilities/general').ImageAnalysisResult} [analysisData] - Previous analysis result to pass in directly, skipping analysis.
  *
  * @preserve
  */
@@ -51,7 +54,7 @@ import { DecorativeTooltip } from "../tooltip/tooltip.js";
  * @preserve
  */
 const SmartImage = (props) => {
-  const { imageAnalysisSettings, errorClassName, processingClassName = "es:opacity-0 es:fixed", hidden, renderError, children, ...imageProps } = props;
+  const { imageAnalysisSettings, errorClassName, processingClassName = "es:opacity-0 es:fixed", hidden, renderError, analysisData, children, ...imageProps } = props;
   const [isLoaded, setIsLoaded] = useState(false);
   const [hasAnalysed, setHasAnalysed] = useState(false);
   const [isTransparent, setIsTransparent] = useState(null);
@@ -59,10 +62,23 @@ const SmartImage = (props) => {
   const [dominantColors, setDominantColors] = useState([]);
   const [isDark, setIsDark] = useState(false);
   const [error, setError] = useState(null);
+  const workerRef = useRef(null);
+  useEffect(() => {
+    return () => {
+      if (workerRef.current) {
+        workerRef.current.terminate();
+        workerRef.current = null;
+      }
+    };
+  }, []);
+  const { analyzeWithWorkerCb } = useImageAnalysisWorker(workerRef, workerInline);
   if (hidden) {
     return null;
   }
   const classFetchProps = { isLoaded, hasAnalysed, isTransparent, dominantColors, isDark, transparencyInfo };
+  if (analysisData) {
+    delete imageProps.analysisData;
+  }
   const imageElement = /* @__PURE__ */ jsx(
     "img",
     {
@@ -87,13 +103,39 @@ const SmartImage = (props) => {
           setHasAnalysed(true);
           return;
         }
-        const result = analyzeImage(e.target, imageAnalysisSettings);
-        if (result) {
-          const { isDark: dark, dominantColors: colors, isTransparent: transparent, transparencyInfo: transparencyInfo2 } = result;
+        if (analysisData) {
+          const { isDark: dark, dominantColors: colors, isTransparent: transparent, transparencyInfo: transparencyInfo2 } = analysisData;
           setIsDark(dark);
           setDominantColors(colors);
           setIsTransparent(transparent);
           setTransparencyInfo(transparencyInfo2);
+          setHasAnalysed(true);
+          return;
+        }
+        const cacheKey = `es-uic-img-analysis-${sha256Exports.sha256(imageProps.src)}`;
+        if (localStorage?.getItem(cacheKey)) {
+          const { isDark: dark, dominantColors: colors, isTransparent: transparent, transparencyInfo: transparencyInfo2 } = JSON.parse(localStorage.getItem(cacheKey));
+          setIsDark(dark);
+          setDominantColors(colors);
+          setIsTransparent(transparent);
+          setTransparencyInfo(transparencyInfo2);
+          setHasAnalysed(true);
+          return;
+        }
+        try {
+          const imageBitmap = await createImageBitmap(e.target);
+          const result = await analyzeWithWorkerCb(imageBitmap, imageAnalysisSettings);
+          if (result) {
+            const { isDark: dark, dominantColors: colors, isTransparent: transparent, transparencyInfo: transparencyInfo2 } = result;
+            setIsDark(dark);
+            setDominantColors(colors);
+            setIsTransparent(transparent);
+            setTransparencyInfo(transparencyInfo2);
+            localStorage?.setItem(cacheKey, JSON.stringify(result));
+          }
+        } catch (err) {
+          console.error("Error analyzing image:", err);
+          setError(err);
         }
         setHasAnalysed(true);
       },