@eightshift/ui-components 6.0.13 → 6.1.1

package/dist/components/draggable-list/draggable-list-item.js

@@ -5,7 +5,7 @@ import { HStack } from "../layout/hstack.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 import { icons } from "../../icons/icons.js";
 import { cloneElement } from "react";
-import "../../react-jsx-parser.min-B_hvYYa1.js";
+import "../../react-jsx-parser.min-DAh4myol.js";
 /**
  * A DraggableList item.
  *

package/dist/components/draggable-list/draggable-list.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { c as clsx } from "../../clsx-DgYk2OaC.js";
-import { L as List, a as arrayRemove, b as arrayMove } from "../../List-CWheI3JH.js";
+import { L as List, a as arrayRemove, b as arrayMove } from "../../List-CQFXnN4w.js";
 import { Container, ContainerGroup } from "../base-control/container.js";
 /**
  * A component that allows re-ordering a list of items.

package/dist/components/expandable/expandable.js

@@ -1,18 +1,18 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import $dbSRa$react__default, { useRef, useCallback, useEffect, forwardRef, createContext, useContext } from "react";
+import $dbSRa$react__default, { useRef, useCallback, useEffect, forwardRef, useContext, createContext } from "react";
 import { RichLabel } from "../rich-label/rich-label.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
 import { Button } from "../button/button.js";
 import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../clsx-DgYk2OaC.js";
-import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-JRIu2BnS.js";
-import { c as $bdb11010cef70236$export$f680877a34711e37, l as $b5e257d569688ac6$export$535bd6ca7f90a273, b as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, g as $64fa3d84918910a7$export$4d86445c2cf5e3, h as $64fa3d84918910a7$export$2881499e37b75b9a, m as $64fa3d84918910a7$export$c62b8e45d58ddad9, a as $3ef42575df84b30b$export$9d1611c77c2fe928, k as $5dc95899b306f630$export$c9058316764c140e } from "../../utils-HC9_3Crc.js";
+import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-CFnNdpNZ.js";
+import { d as $bdb11010cef70236$export$f680877a34711e37, m as $b5e257d569688ac6$export$535bd6ca7f90a273, c as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, n as $64fa3d84918910a7$export$c62b8e45d58ddad9, a as $64fa3d84918910a7$export$df3a06d6289f983e, b as $3ef42575df84b30b$export$9d1611c77c2fe928, l as $5dc95899b306f630$export$c9058316764c140e } from "../../utils-Cr3pLd9c.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
-import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../useHover-CG39Ci3A.js";
-import { r as reactDomExports } from "../../index-sSixe2j_.js";
-import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "../../useEvent-DoWvho2u.js";
-import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-WEswknAY.js";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DPWyf-gp.js";
+import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../useHover-CmyvqeWX.js";
+import { r as reactDomExports } from "../../index-BL5gdWX4.js";
+import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "../../useEvent-Zze2g7CX.js";
+import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-rUOwLdTK.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BDlf9vIY.js";
 import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
 function $5e910fae8e128ead$export$6e3e27031a30522f(props, state, ref) {
   let { isDisabled } = props;
@@ -196,7 +196,7 @@ const $28f4fd908f0de97f$export$74a362b31437ec83 = /* @__PURE__ */ forwardRef(fun
         state
       ]
     ]
-  }, /* @__PURE__ */ $dbSRa$react__default.createElement("div", {
+  }, /* @__PURE__ */ $dbSRa$react__default.createElement($64fa3d84918910a7$export$df3a06d6289f983e.div, {
     ...$3ef42575df84b30b$export$9d1611c77c2fe928(domProps, renderProps, focusWithinProps),
     ref,
     "data-expanded": state.isExpanded || void 0,
@@ -221,7 +221,7 @@ const $28f4fd908f0de97f$export$feabaa331e1d464c = /* @__PURE__ */ forwardRef(fun
     global: true,
     labelable: true
   });
-  return /* @__PURE__ */ $dbSRa$react__default.createElement("div", {
+  return /* @__PURE__ */ $dbSRa$react__default.createElement($64fa3d84918910a7$export$df3a06d6289f983e.div, {
     ...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, renderProps, panelProps, focusWithinProps),
     ref: $5dc95899b306f630$export$c9058316764c140e(ref, panelRef),
     role,

package/dist/components/index.js

@@ -5,7 +5,7 @@ import { Button, ButtonGroup } from "./button/button.js";
 import { Checkbox } from "./checkbox/checkbox.js";
 import { ComponentToggle } from "./component-toggle/component-toggle.js";
 import { ContainerPanel } from "./container-panel/container-panel.js";
-import { C } from "../color-swatch-CZj0jHZd.js";
+import { C } from "../color-swatch-bUFkK7ox.js";
 import { ColorPicker } from "./color-pickers/color-picker.js";
 import { ColumnConfigSlider, ColumnConfigSliderOutput } from "./slider/column-config-slider.js";
 import { Container, ContainerGroup } from "./base-control/container.js";
@@ -47,6 +47,7 @@ import { OptionsPanel, OptionsPanelHeader, OptionsPanelIntro, OptionsPanelSectio
 import { Select } from "./select/single-select.js";
 import { Slider } from "./slider/slider.js";
 import { SmartImage } from "./smart-image/smart-image.js";
+import { __SmartImageNext } from "./smart-image/smart-image-next.js";
 import { SolidColorPicker } from "./color-pickers/solid-color-picker.js";
 import { Spacer } from "./spacer/spacer.js";
 import { Tab, TabList, TabPanel, Tabs } from "./tabs/tabs.js";
@@ -130,5 +131,6 @@ export {
   ToggleButton,
   Tooltip,
   TriggeredPopover,
-  VStack
+  VStack,
+  __SmartImageNext
 };

package/dist/components/input-field/input-field.js

@@ -1,14 +1,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { d as $2d73ec29415bd339$export$712718f7aec83d5, b as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $a049562f99e7db0e$export$f9c6924e160136d1, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-Cuw9UbNb.js";
-import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DPWyf-gp.js";
-import { $ as $64fa3d84918910a7$export$29f1550f4b0d4415, g as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $64fa3d84918910a7$export$fabf2dc03a41866e, e as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, f as $64fa3d84918910a7$export$ef03459518577ad4, h as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-HC9_3Crc.js";
+import { d as $2d73ec29415bd339$export$712718f7aec83d5, b as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $a049562f99e7db0e$export$f9c6924e160136d1, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-B4X6-x6r.js";
+import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BDlf9vIY.js";
+import { $ as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $64fa3d84918910a7$export$df3a06d6289f983e, b as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $64fa3d84918910a7$export$fabf2dc03a41866e, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, g as $64fa3d84918910a7$export$ef03459518577ad4, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-Cr3pLd9c.js";
 import $dbSRa$react__default, { forwardRef, createContext, useRef, useState, useCallback } from "react";
-import { x as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-CG39Ci3A.js";
-import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-WEswknAY.js";
-import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-DmVwL6Dj.js";
+import { x as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-CmyvqeWX.js";
+import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-rUOwLdTK.js";
+import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-BPG0hKfB.js";
 import { a as $4e85f108e88277b8$export$698f465ec27e93df } from "../../RSPContexts-CJ-HBf0L.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
-import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-Dae33gHp.js";
+import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-CjFEHSfr.js";
 import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "../../Hidden-Rfj-STx7.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
 import { BaseControl } from "../base-control/base-control.js";
@@ -37,7 +37,7 @@ const $216918bed6669f72$export$f5c9f3c2c4054eec = /* @__PURE__ */ forwardRef(fun
     },
     defaultClassName: "react-aria-TextArea"
   });
-  return /* @__PURE__ */ $dbSRa$react__default.createElement("textarea", {
+  return /* @__PURE__ */ $dbSRa$react__default.createElement($64fa3d84918910a7$export$df3a06d6289f983e.textarea, {
     ...$3ef42575df84b30b$export$9d1611c77c2fe928($216918bed6669f72$var$filterHoverProps(props), focusProps, hoverProps),
     ...renderProps,
     ref,
@@ -84,7 +84,7 @@ const $bcdf0525bf22703d$export$2c73285ae9390cec = /* @__PURE__ */ $f39a9eba43920
     global: true
   });
   delete DOMProps.id;
-  return /* @__PURE__ */ $dbSRa$react__default.createElement("div", {
+  return /* @__PURE__ */ $dbSRa$react__default.createElement($64fa3d84918910a7$export$df3a06d6289f983e.div, {
     ...DOMProps,
     ...renderProps,
     ref,
@@ -206,7 +206,7 @@ const InputField = (props) => {
       "es:leading-none",
       "es:border-none!",
       "es:w-fill",
-      "es:rounded-lg es:focus:rounded-xl",
+      "es:rounded-lg! es:focus:rounded-xl!",
       "es:transition-plus",
       "es:any-focus:outline-hidden",
       "es:inset-ring",

package/dist/components/link-input/link-input.js

@@ -1,25 +1,26 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { c as $319e236875307eab$export$a9b970dcc4ae71a9, a as $d2b4bc8c273e7be6$export$24d547caef80ccd1, $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-JRIu2BnS.js";
-import { n as $ff5963eb1fccf552$export$e08e3b67e392101e, a as $3ef42575df84b30b$export$9d1611c77c2fe928, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, d as $64fa3d84918910a7$export$fabf2dc03a41866e, e as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, f as $64fa3d84918910a7$export$ef03459518577ad4, g as $64fa3d84918910a7$export$4d86445c2cf5e3, h as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-HC9_3Crc.js";
-import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-DmVwL6Dj.js";
+import { c as $319e236875307eab$export$a9b970dcc4ae71a9, a as $d2b4bc8c273e7be6$export$24d547caef80ccd1, $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-CFnNdpNZ.js";
+import { o as $ff5963eb1fccf552$export$e08e3b67e392101e, b as $3ef42575df84b30b$export$9d1611c77c2fe928, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, e as $64fa3d84918910a7$export$fabf2dc03a41866e, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, g as $64fa3d84918910a7$export$ef03459518577ad4, h as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, a as $64fa3d84918910a7$export$df3a06d6289f983e } from "../../utils-Cr3pLd9c.js";
+import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-BPG0hKfB.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
-import { d as $2d73ec29415bd339$export$712718f7aec83d5, b as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $a049562f99e7db0e$export$f9c6924e160136d1, c as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-Cuw9UbNb.js";
-import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DPWyf-gp.js";
-import { a as $b1f0cad8af73213b$export$3585ede4d035bf14, b as $b1f0cad8af73213b$export$9145995848b05025, c as $eed445e0843c11d0$export$7ff8f37d2d81a48d, d as $eed445e0843c11d0$export$7c5906fe4f1f2af2, $ as $eed445e0843c11d0$export$41f133550aa26f48, e as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../ListBox-DT1sFY3e.js";
-import { w as $168583247155ddda$export$dc9c12ed27dd1b49, t as $2a25aae57d74318e$export$a05409b8bb224a5a, s as $453cc9f0df89c0a5$export$77d5aafae4e095b2, m as $5e3802645cc19319$export$1c3ebcada18427bf, n as $de32f1b87079253c$export$d2f961adcb0afbe, x as $07b14b47974efb58$export$9b9a0cd73afb7ca4, $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-Dd1yqNus.js";
-import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-Dae33gHp.js";
-import { m as $ae20dd8cbca75726$export$d6daf82dcd84e87c, q as $c5a24bc478652b5f$export$1005530eda016c13, r as $55f9b1ae81f22853$export$2b35b76d2e30e129, g as $e1995378a142960e$export$bf788dd355e3a401 } from "../../SelectionManager-DbBiF5M8.js";
+import { d as $2d73ec29415bd339$export$712718f7aec83d5, b as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $a049562f99e7db0e$export$f9c6924e160136d1, c as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-B4X6-x6r.js";
+import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BDlf9vIY.js";
+import { a as $b1f0cad8af73213b$export$3585ede4d035bf14, b as $b1f0cad8af73213b$export$9145995848b05025, c as $eed445e0843c11d0$export$7ff8f37d2d81a48d, d as $eed445e0843c11d0$export$7c5906fe4f1f2af2, $ as $eed445e0843c11d0$export$41f133550aa26f48, e as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../ListBox-BaN0n5h3.js";
+import { w as $168583247155ddda$export$dc9c12ed27dd1b49, t as $2a25aae57d74318e$export$a05409b8bb224a5a, s as $453cc9f0df89c0a5$export$77d5aafae4e095b2, m as $5e3802645cc19319$export$1c3ebcada18427bf, n as $de32f1b87079253c$export$d2f961adcb0afbe, x as $07b14b47974efb58$export$9b9a0cd73afb7ca4, f as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-D0jMcN-a.js";
+import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-CjFEHSfr.js";
+import { m as $ae20dd8cbca75726$export$d6daf82dcd84e87c, q as $c5a24bc478652b5f$export$1005530eda016c13, r as $55f9b1ae81f22853$export$2b35b76d2e30e129, f as $e1995378a142960e$export$bf788dd355e3a401 } from "../../SelectionManager-oojq6MOy.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
-import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, d as $9daab02d461809db$export$683480f191c0e3ea } from "../../OverlayArrow-DVJTTfZM.js";
+import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, d as $9daab02d461809db$export$683480f191c0e3ea } from "../../OverlayArrow-Dy0qw7WL.js";
 import $dbSRa$react__default, { useRef, useEffect, useMemo, useState, useCallback, forwardRef, createContext } from "react";
-import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../useFilter-DYtfYPua.js";
-import { b as $e5be200c675c3b3a$export$a763b9476acd3eb, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "../../useFormValidation-Dqzjv4jX.js";
-import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../useSingleSelectListState-D9SqGLJ0.js";
-import { c as $a02d57049d202695$export$d085fb9e920b5ca7 } from "../../useListState-Bya9g7W8.js";
-import { b as $8ae05eaa5c114e9c$export$7f54fc3180508a52, L as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, K as $c87311424ea30a05$export$e1865c3bedcd822b, h as $d4ee10de306f2510$export$cd4e5573fbe2b576, d as $431fbd86ca7dc216$export$b204af158042fbac, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../useHover-CG39Ci3A.js";
-import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-vzdDMGCX.js";
-import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "../../useEvent-DoWvho2u.js";
-import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-M3L6Ge2c.js";
+import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../useFilter-8S94U4xM.js";
+import { b as $e5be200c675c3b3a$export$a763b9476acd3eb, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "../../useFormValidation-DTmPrTD8.js";
+import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../useSingleSelectListState-CDZGQDLC.js";
+import { c as $a02d57049d202695$export$d085fb9e920b5ca7 } from "../../useListState-B22CApJO.js";
+import { b as $8ae05eaa5c114e9c$export$7f54fc3180508a52, L as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, K as $c87311424ea30a05$export$e1865c3bedcd822b, i as $d4ee10de306f2510$export$cd4e5573fbe2b576, d as $431fbd86ca7dc216$export$b204af158042fbac, g as $d4ee10de306f2510$export$4282f70798064fe0, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../useHover-CmyvqeWX.js";
+import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-D8O3gOdV.js";
+import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "../../useEvent-Zze2g7CX.js";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "../../useFormReset-BxtOoO5Q.js";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-CEDs0LsA.js";
 import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
 import { icons } from "../../icons/icons.js";
 import { Spinner } from "../../icons/spinner.js";
@@ -843,9 +844,8 @@ function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) {
     }
   };
   let onBlur = (e) => {
-    var _popoverRef_current;
     let blurFromButton = (buttonRef === null || buttonRef === void 0 ? void 0 : buttonRef.current) && buttonRef.current === e.relatedTarget;
-    let blurIntoPopover = (_popoverRef_current = popoverRef.current) === null || _popoverRef_current === void 0 ? void 0 : _popoverRef_current.contains(e.relatedTarget);
+    let blurIntoPopover = $d4ee10de306f2510$export$4282f70798064fe0(popoverRef.current, e.relatedTarget);
     if (blurFromButton || blurIntoPopover) return;
     if (props.onBlur) props.onBlur(e);
     state.setFocused(false);
@@ -868,6 +868,7 @@ function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) {
     validate: void 0,
     [$e5be200c675c3b3a$export$a763b9476acd3eb]: state
   }, inputRef);
+  $99facab73266f662$export$5add1d006293d136(inputRef, state.defaultSelectedKey, state.setSelectedKey);
   let onPress = (e) => {
     if (e.pointerType === "touch") {
       var _inputRef_current;
@@ -1322,8 +1323,8 @@ function $d01f2c01039c0eec$var$ComboBoxInner({ props, collection, comboBoxRef: r
     sensitivity: "base"
   });
   let state = $a9e7382a7d111cb5$export$b453a3bfd4a5fa9e({
-    defaultFilter: props.defaultFilter || contains,
     ...props,
+    defaultFilter: props.defaultFilter || contains,
     // If props.items isn't provided, rely on collection filtering (aka listbox.items is provided or defaultItems provided to Combobox)
     items: props.items,
     children: void 0,
@@ -1464,7 +1465,7 @@ function $d01f2c01039c0eec$var$ComboBoxInner({ props, collection, comboBoxRef: r
         validation
       ]
     ]
-  }, /* @__PURE__ */ $dbSRa$react__default.createElement("div", {
+  }, /* @__PURE__ */ $dbSRa$react__default.createElement($64fa3d84918910a7$export$df3a06d6289f983e.div, {
     ...DOMProps,
     ...renderProps,
     ref,
@@ -1566,7 +1567,7 @@ const LinkInput = (props) => {
       "es:text-13! es:leading-none",
       "es:w-fill",
       "es:border-none!",
-      "es:rounded-lg es:focus:rounded-xl es:aria-[controls]:rounded-xl",
+      "es:rounded-lg! es:focus:rounded-xl! es:aria-[controls]:rounded-xl!",
       "es:transition-plus",
       "es:any-focus:outline-hidden",
       "es:inset-ring!",

package/dist/components/matrix-align/matrix-align.js

@@ -5,7 +5,7 @@ import { upperFirst, camelCase } from "../../utilities/es-dash.js";
 import { c as clsx } from "../../clsx-DgYk2OaC.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { TriggeredPopover } from "../popover/popover.js";
-import { $ as $b6c3ddc6086f204d$export$a98f0dcb43a68a25, a as $b6c3ddc6086f204d$export$d7b12c4107be0d61 } from "../../RadioGroup-Cp5cdBI_.js";
+import { $ as $b6c3ddc6086f204d$export$a98f0dcb43a68a25, a as $b6c3ddc6086f204d$export$d7b12c4107be0d61 } from "../../RadioGroup-CjCAbUr4.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 /**
  * A component that can provide a 3x3 or a 2x2 grid of positions to pick from.

package/dist/components/menu/menu.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { a as $3674c52c6b3c5bce$export$27d2ad3c5815583e, b as $3674c52c6b3c5bce$export$d9b273488cd8ce6f, c as $3674c52c6b3c5bce$export$2ce376c2cc3355c8, d as $3674c52c6b3c5bce$export$4b1545b4f2016d26, e as $431f98aba6844401$export$1ff3c3f08ae963c0, f as $3674c52c6b3c5bce$export$ecabc99eeffab7ca } from "../../Dialog-Dd1yqNus.js";
+import { $ as $3674c52c6b3c5bce$export$27d2ad3c5815583e, a as $3674c52c6b3c5bce$export$d9b273488cd8ce6f, b as $3674c52c6b3c5bce$export$2ce376c2cc3355c8, c as $3674c52c6b3c5bce$export$4b1545b4f2016d26, d as $431f98aba6844401$export$1ff3c3f08ae963c0, e as $3674c52c6b3c5bce$export$ecabc99eeffab7ca } from "../../Dialog-D0jMcN-a.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 import { icons } from "../../icons/icons.js";
 import { Button } from "../button/button.js";

package/dist/components/modal/modal.js

@@ -1,17 +1,17 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { j as $a11501f3d1d39e6c$export$ea8f71083e90600f, k as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, l as $337b884510726a0d$export$14c98a7594375490, m as $5e3802645cc19319$export$1c3ebcada18427bf, n as $de32f1b87079253c$export$d2f961adcb0afbe, o as $86ea4cb521eb2e37$export$2317d149ed6f78c4, p as $337b884510726a0d$export$c6fdb837b070b4ff, h as $de32f1b87079253c$export$2e1e1122cf0cba88, g as $de32f1b87079253c$export$3ddf2d174ce01153 } from "../../Dialog-Dd1yqNus.js";
-import { $ as $5cb03073d3f54797$export$a8a3e93435678ff9 } from "../../Heading-eA6LXIKB.js";
-import { l as $b5e257d569688ac6$export$535bd6ca7f90a273, a as $3ef42575df84b30b$export$9d1611c77c2fe928, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, j as $df56164dff5785e2$export$4338b53315abf666, k as $5dc95899b306f630$export$c9058316764c140e, g as $64fa3d84918910a7$export$4d86445c2cf5e3, h as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-HC9_3Crc.js";
+import { j as $a11501f3d1d39e6c$export$ea8f71083e90600f, k as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, l as $337b884510726a0d$export$14c98a7594375490, m as $5e3802645cc19319$export$1c3ebcada18427bf, n as $de32f1b87079253c$export$d2f961adcb0afbe, o as $86ea4cb521eb2e37$export$2317d149ed6f78c4, p as $337b884510726a0d$export$c6fdb837b070b4ff, h as $de32f1b87079253c$export$2e1e1122cf0cba88, g as $de32f1b87079253c$export$3ddf2d174ce01153 } from "../../Dialog-D0jMcN-a.js";
+import { $ as $5cb03073d3f54797$export$a8a3e93435678ff9 } from "../../Heading-CY-_gt-U.js";
+import { m as $b5e257d569688ac6$export$535bd6ca7f90a273, b as $3ef42575df84b30b$export$9d1611c77c2fe928, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, k as $df56164dff5785e2$export$4338b53315abf666, l as $5dc95899b306f630$export$c9058316764c140e, h as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $64fa3d84918910a7$export$df3a06d6289f983e, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-Cr3pLd9c.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
-import { c as $21f1aa98acb08317$export$c57958e35f31ed73, d as $cc38e7bd3fc7b213$export$2bb74740c4e19def } from "../../SelectionManager-DbBiF5M8.js";
-import $dbSRa$react__default, { useState, useEffect, forwardRef, useContext, createContext, useRef, useMemo } from "react";
-import { $ as $d3f049242431219c$export$45fda7c47f93fd48, a as $d3f049242431219c$export$6d3443f2c48bfc20 } from "../../animation-DY7CNkr6.js";
-import { $ as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../OverlayArrow-DVJTTfZM.js";
+import { c as $21f1aa98acb08317$export$c57958e35f31ed73, d as $cc38e7bd3fc7b213$export$2bb74740c4e19def } from "../../SelectionManager-oojq6MOy.js";
+import $dbSRa$react__default, { useState, useEffect, forwardRef, useContext, useRef, createContext, useMemo } from "react";
+import { $ as $d3f049242431219c$export$45fda7c47f93fd48, a as $d3f049242431219c$export$6d3443f2c48bfc20 } from "../../animation-Dfl8uEb3.js";
+import { $ as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../OverlayArrow-Dy0qw7WL.js";
 import { Button } from "../button/button.js";
 import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
 import { c as clsx } from "../../clsx-DgYk2OaC.js";
 import { icons } from "../../icons/icons.js";
-import "../../react-jsx-parser.min-B_hvYYa1.js";
+import "../../react-jsx-parser.min-DAh4myol.js";
 import { HStack } from "../layout/hstack.js";
 let $5df64b3807dc15ee$var$visualViewport = typeof document !== "undefined" && window.visualViewport;
 function $5df64b3807dc15ee$export$d699905dd57c73ca() {
@@ -21,29 +21,28 @@ function $5df64b3807dc15ee$export$d699905dd57c73ca() {
     height: 0
   } : $5df64b3807dc15ee$var$getViewportSize());
   useEffect(() => {
-    let onResize = () => {
-      if ($5df64b3807dc15ee$var$visualViewport && $5df64b3807dc15ee$var$visualViewport.scale > 1) return;
+    let updateSize = (newSize) => {
       setSize((size2) => {
-        let newSize = $5df64b3807dc15ee$var$getViewportSize();
         if (newSize.width === size2.width && newSize.height === size2.height) return size2;
         return newSize;
       });
     };
+    let onResize = () => {
+      if ($5df64b3807dc15ee$var$visualViewport && $5df64b3807dc15ee$var$visualViewport.scale > 1) return;
+      updateSize($5df64b3807dc15ee$var$getViewportSize());
+    };
     let frame;
     let onBlur = (e) => {
       if ($5df64b3807dc15ee$var$visualViewport && $5df64b3807dc15ee$var$visualViewport.scale > 1) return;
       if ($21f1aa98acb08317$export$c57958e35f31ed73(e.target))
         frame = requestAnimationFrame(() => {
-          if (!document.activeElement || !$21f1aa98acb08317$export$c57958e35f31ed73(document.activeElement)) setSize((size2) => {
-            let newSize = {
-              width: window.innerWidth,
-              height: window.innerHeight
-            };
-            if (newSize.width === size2.width && newSize.height === size2.height) return size2;
-            return newSize;
+          if (!document.activeElement || !$21f1aa98acb08317$export$c57958e35f31ed73(document.activeElement)) updateSize({
+            width: document.documentElement.clientWidth,
+            height: document.documentElement.clientHeight
           });
         });
     };
+    updateSize($5df64b3807dc15ee$var$getViewportSize());
     window.addEventListener("blur", onBlur, true);
     if (!$5df64b3807dc15ee$var$visualViewport) window.addEventListener("resize", onResize);
     else $5df64b3807dc15ee$var$visualViewport.addEventListener("resize", onResize);
@@ -59,8 +58,8 @@ function $5df64b3807dc15ee$export$d699905dd57c73ca() {
 function $5df64b3807dc15ee$var$getViewportSize() {
   return {
     // Multiply by the visualViewport scale to get the "natural" size, unaffected by pinch zooming.
-    width: $5df64b3807dc15ee$var$visualViewport ? $5df64b3807dc15ee$var$visualViewport.width * $5df64b3807dc15ee$var$visualViewport.scale : window.innerWidth,
-    height: $5df64b3807dc15ee$var$visualViewport ? $5df64b3807dc15ee$var$visualViewport.height * $5df64b3807dc15ee$var$visualViewport.scale : window.innerHeight
+    width: $5df64b3807dc15ee$var$visualViewport ? $5df64b3807dc15ee$var$visualViewport.width * $5df64b3807dc15ee$var$visualViewport.scale : document.documentElement.clientWidth,
+    height: $5df64b3807dc15ee$var$visualViewport ? $5df64b3807dc15ee$var$visualViewport.height * $5df64b3807dc15ee$var$visualViewport.scale : document.documentElement.clientHeight
   };
 }
 function $8ac8429251c45e4b$export$dbc0f175b25fb0fb(props, state, ref) {
@@ -182,7 +181,7 @@ function $f3f84453ead64de5$var$ModalOverlayInner({ UNSTABLE_portalContainer, ...
   return /* @__PURE__ */ $dbSRa$react__default.createElement($337b884510726a0d$export$c6fdb837b070b4ff, {
     isExiting: props.isExiting,
     portalContainer: UNSTABLE_portalContainer
-  }, /* @__PURE__ */ $dbSRa$react__default.createElement("div", {
+  }, /* @__PURE__ */ $dbSRa$react__default.createElement($64fa3d84918910a7$export$df3a06d6289f983e.div, {
     ...$3ef42575df84b30b$export$9d1611c77c2fe928($65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
       global: true
     }), underlayProps),
@@ -227,7 +226,7 @@ function $f3f84453ead64de5$var$ModalContent(props) {
       state
     }
   });
-  return /* @__PURE__ */ $dbSRa$react__default.createElement("div", {
+  return /* @__PURE__ */ $dbSRa$react__default.createElement($64fa3d84918910a7$export$df3a06d6289f983e.div, {
     ...$3ef42575df84b30b$export$9d1611c77c2fe928($65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
       global: true
     }), modalProps),

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

@@ -1,16 +1,16 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import $dbSRa$react__default, { forwardRef, createContext, useRef } from "react";
+import $dbSRa$react__default, { forwardRef, useRef, createContext } from "react";
 import "../../default-i18n-CnQeC5Pl.js";
-import { a as $a049562f99e7db0e$export$f9c6924e160136d1, b as $3985021b0ad6602f$export$37fb8590cf2c088c, c as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-Cuw9UbNb.js";
-import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DPWyf-gp.js";
-import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-JRIu2BnS.js";
-import { $ as $64fa3d84918910a7$export$29f1550f4b0d4415, d as $64fa3d84918910a7$export$fabf2dc03a41866e, e as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, f as $64fa3d84918910a7$export$ef03459518577ad4, g as $64fa3d84918910a7$export$4d86445c2cf5e3, h as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-HC9_3Crc.js";
-import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-DmVwL6Dj.js";
+import { a as $a049562f99e7db0e$export$f9c6924e160136d1, b as $3985021b0ad6602f$export$37fb8590cf2c088c, c as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-B4X6-x6r.js";
+import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BDlf9vIY.js";
+import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-CFnNdpNZ.js";
+import { $ as $64fa3d84918910a7$export$29f1550f4b0d4415, e as $64fa3d84918910a7$export$fabf2dc03a41866e, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, g as $64fa3d84918910a7$export$ef03459518577ad4, h as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, a as $64fa3d84918910a7$export$df3a06d6289f983e } from "../../utils-Cr3pLd9c.js";
+import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-BPG0hKfB.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
-import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-Dae33gHp.js";
+import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-CjFEHSfr.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-DYYO3Ns3.js";
-import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberField-D6lsi3Vu.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-iUFQCK8m.js";
+import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberField-CTkI-U9a.js";
 import { ButtonGroup, Button } from "../button/button.js";
 import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../clsx-DgYk2OaC.js";
@@ -97,7 +97,7 @@ const $b91743d66a0ed188$export$63c5fa0b2fdccd2e = /* @__PURE__ */ forwardRef(fun
         validation
       ]
     ]
-  }, /* @__PURE__ */ $dbSRa$react__default.createElement("div", {
+  }, /* @__PURE__ */ $dbSRa$react__default.createElement($64fa3d84918910a7$export$df3a06d6289f983e.div, {
     ...DOMProps,
     ...renderProps,
     ref,
@@ -277,7 +277,7 @@ const NumberPicker = ({
               /* @__PURE__ */ jsx(
                 $3985021b0ad6602f$export$f5b8910cec6cf069,
                 {
-                  className: 'es:font-variation-["wdth"_84,"YTLC"_520,"wght"_325,"slnt"_0,"YTFI"_788] es:placeholder-shown:font-variation-["wdth"_100,"YTLC"_500,"wght"_250,"slnt"_-8] es:any-focus:outline-hidden! es:p-px es:border-none! es:shadow-none! es:bg-transparent es:text-13!',
+                  className: 'es:font-variation-["wdth"_84,"YTLC"_520,"wght"_325,"slnt"_0,"YTFI"_788] es:placeholder-shown:font-variation-["wdth"_100,"YTLC"_500,"wght"_250,"slnt"_-8] es:any-focus:outline-hidden! es:p-px! es:border-none! es:shadow-none! es:bg-transparent es:text-13!',
                   placeholder,
                   style: {
                     width: fixedWidth ? `calc(${fixedWidth}ch + 2px)` : `calc(${min < 0 ? "1ch + " : "0.75ch + "}${Math.max((max ?? 1e3)?.toString()?.length, (placeholder ?? "")?.length)} * 1ch)`

package/dist/components/options-panel/options-panel.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../clsx-DgYk2OaC.js";
 import { RichLabel } from "../rich-label/rich-label.js";
-import { $ as $5cb03073d3f54797$export$a8a3e93435678ff9 } from "../../Heading-eA6LXIKB.js";
+import { $ as $5cb03073d3f54797$export$a8a3e93435678ff9 } from "../../Heading-CY-_gt-U.js";
 import { cloneElement } from "react";
 /**
  * Component that provides a container panel for options, with an optional title.

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

@@ -2,9 +2,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { c as clsx } from "../../clsx-DgYk2OaC.js";
 import { icons } from "../../icons/icons.js";
 import "react";
-import "../../react-jsx-parser.min-B_hvYYa1.js";
+import "../../react-jsx-parser.min-DAh4myol.js";
 import { truncateMiddle } from "../../utilities/text-helpers.js";
 import { SmartImage } from "../smart-image/smart-image.js";
+import { __SmartImageNext } from "../smart-image/smart-image-next.js";
 /**
  * A shell for a file picker UI, handling both rich visual presentation (e.g. images) and simple file placeholders.
  *
@@ -53,6 +54,7 @@ const FilePickerShell = (props) => {
     className,
     noUrlContent,
     hidden,
+    __useSmartImageNext = false,
     ...rest
   } = props;
   if (hidden) {
@@ -67,11 +69,11 @@ const FilePickerShell = (props) => {
       {
         ...rest,
         className: clsx(
-          "es:border es:border-surface-200 es:bg-white es:bg-linear-to-br es:from-surface-50/5 es:to-surface-50/30 es:flex es:justify-between es:rounded-2xl es:isolate es:relative es:flex-col es:gap-2 es:overflow-clip es:group es:p-2",
+          "es:border es:border-surface-200 es:bg-surface-50 es:flex es:justify-between es:rounded-2xl es:isolate es:relative es:flex-col es:gap-2 es:overflow-clip es:group es:p-2",
           className
         ),
         children: [
-          type === "file" && /* @__PURE__ */ jsxs("div", { className: "es:grow es:flex es:flex-col es:gap-2 es:text-sm es:items-center-safe es:justify-center-safe es:font-mono es:icon:size-6 es:rounded-xl es:bg-surface-50 es:inset-ring es:inset-ring-surface-100 es:icon:text-surface-500 es:text-surface-700 es:p-2", children: [
+          type === "file" && /* @__PURE__ */ jsxs("div", { className: "es:grow es:flex es:flex-col es:gap-2 es:text-sm es:items-center-safe es:justify-center-safe es:font-mono es:icon:size-6 es:rounded-xl es:bg-white/50 es:inset-ring es:inset-ring-surface-100 es:icon:text-surface-500 es:text-surface-700 es:px-2 es:py-4", children: [
             icon,
             /* @__PURE__ */ jsx("span", { className: "es:line-clamp-1", children: truncateMiddle(url, 34) })
           ] }),
@@ -80,57 +82,60 @@ const FilePickerShell = (props) => {
       }
     );
   }
+  const ComponentToRender = __useSmartImageNext ? __SmartImageNext : SmartImage;
   return /* @__PURE__ */ jsx(
-    SmartImage,
+    ComponentToRender,
     {
       src: url,
       alt: "",
-      className: ({ hasAnalysed, isTransparent, transparencyInfo, isDark }) => clsx(
-        hasAnalysed && transparencyInfo?.left && url && "es:pl-3",
-        hasAnalysed && transparencyInfo?.right && url && "es:pr-3",
-        hasAnalysed && transparencyInfo?.top && url && "es:pt-3",
-        hasAnalysed && transparencyInfo?.bottom && url && "es:pb-3",
-        hasAnalysed && isTransparent && isDark && "es:bg-white/60 es:object-contain es:mx-auto",
-        hasAnalysed && isTransparent && !isDark && "es:bg-black/60 es:object-contain es:mx-auto",
+      className: ({ hasAnalysed, isTransparent, transparencyInfo, isDark, hasError }) => clsx(
+        hasAnalysed && isTransparent && url && "es:p-4",
+        hasAnalysed && isTransparent && isDark && "es:object-contain es:mx-auto",
+        hasAnalysed && isTransparent && !isDark && "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 && "es:w-full! es:aspect-3-2 es:object-cover",
-        hasAnalysed && "es:grow es:rounded-xl es:h-fill!"
+        hasAnalysed && "es:grow es:rounded-xl es:h-fill!",
+        hasError && "es:rounded-xl"
       ),
-      errorClassName: "es:aspect-3-2 es:rounded-2xl es:bg-linear-to-br es:from-white es:to-secondary-50 es:border es:border-dashed es:border-secondary-200",
+      errorClassName: !__useSmartImageNext && "es:aspect-3-2 es:rounded-2xl es:bg-linear-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, hasError, errorBadge }) => /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: clsx(
-            "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",
-            !hasError && hasAnalysed ? "es:border-secondary-200" : "es:border-secondary-200/0",
-            !hasError && hasAnalysed && !isTransparent && "es:group es:grid-rows-1",
-            !hasError && hasAnalysed && isTransparent && "es:p-2 es:grid-rows-[minmax(0,1fr)_auto] es:h-fit",
-            !hasAnalysed && "es:shimmer-dark es:bg-secondary-50",
-            hasError && "es:flex es:items-center es:justify-center",
-            className
-          ),
-          style: !hasError && hasAnalysed && isTransparent ? { backgroundColor: `color-mix(in srgb, ${dominantColors[0]?.color || "#ffffff"} ${dominantColors[0]?.isDark ? 10 : 80}%, #ffffff)` } : {},
-          children: [
-            image,
-            hasError && errorBadge,
-            children && /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: clsx(
-                  "es:flex es:items-center-safe es:gap-0.75",
-                  "es-button-group-h",
-                  !hasError && !isTransparent && "es:absolute es:bottom-2 es:left-2 es:right-2 es:translate-y-[125%] es:group-hover:translate-y-0 es:has-aria-expanded:translate-y-0 es:has-focus-visible:translate-y-0 es:transition-transform es:ease-spring-smooth",
-                  hasError && "es:absolute es:bottom-2 es:left-2 es:right-2"
-                ),
-                children: typeof children === "function" ? children({ dominantColors, isDark, isTransparent, hasError }) : children
-              }
-            )
-          ]
-        }
-      )
+      children: ({ image, dominantColors, isDark, hasAnalysed, isTransparent, hasError, errorBadge }) => {
+        const dominantDisplayColor = dominantColors?.find((c) => c.saturation > 0.25) || dominantColors?.[0];
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: clsx(
+              "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",
+              !hasError && hasAnalysed ? "es:border-secondary-200" : "es:border-secondary-200/0",
+              !hasError && hasAnalysed && !isTransparent && "es:group es:grid-rows-1",
+              (hasAnalysed && isTransparent || hasError) && "es:p-2 es:grid-rows-[minmax(0,1fr)_auto] es:h-fit",
+              !hasError && !hasAnalysed && "es:shimmer-dark es:bg-surface-100",
+              hasError && "es:bg-surface-50 es:border-surface-100",
+              className
+            ),
+            style: !hasError && hasAnalysed && isTransparent ? {
+              backgroundColor: `color-mix(in srgb, ${dominantDisplayColor?.color || "#ffffff"} ${dominantDisplayColor?.isDark ? 5 : 25}%, ${dominantDisplayColor?.isDark ? "#ffffff" : "#000000"})`
+            } : {},
+            children: [
+              !hasError && image,
+              hasError && errorBadge,
+              children && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: clsx(
+                    "es:flex es:items-center-safe es:gap-0.75",
+                    "es-button-group-h",
+                    !hasError && !isTransparent && "es:absolute es:bottom-2 es:left-2 es:right-2 es:translate-y-[125%] es:group-hover:translate-y-0 es:has-aria-expanded:translate-y-0 es:has-focus-visible:translate-y-0 es:transition-transform es:ease-spring-smooth"
+                  ),
+                  children: typeof children === "function" ? children({ dominantColors, isDark, isTransparent, hasError }) : children
+                }
+              )
+            ]
+          }
+        );
+      }
     }
   );
 };

package/dist/components/popover/popover.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d, g as $de32f1b87079253c$export$3ddf2d174ce01153, h as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "../../Dialog-Dd1yqNus.js";
+import { f as $07b14b47974efb58$export$5b6b19405a83ff9d, g as $de32f1b87079253c$export$3ddf2d174ce01153, h as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "../../Dialog-D0jMcN-a.js";
 import { c as clsx } from "../../clsx-DgYk2OaC.js";
 import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
 import { Button } from "../button/button.js";

package/dist/components/portal-provider/portal-provider.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { $ as $96b38030c423d352$export$78efe591171d7d45 } from "../../PortalProvider-CHPnqDSH.js";
+import { $ as $96b38030c423d352$export$78efe591171d7d45 } from "../../PortalProvider-BQ1X8vGX.js";
 /**
  * Component that allows changing the default target for transient components like `Menu`, `Popover`, etc.
  *

package/dist/components/radio/radio.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DPWyf-gp.js";
-import { a as $b6c3ddc6086f204d$export$d7b12c4107be0d61, $ as $b6c3ddc6086f204d$export$a98f0dcb43a68a25 } from "../../RadioGroup-Cp5cdBI_.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BDlf9vIY.js";
+import { a as $b6c3ddc6086f204d$export$d7b12c4107be0d61, $ as $b6c3ddc6086f204d$export$a98f0dcb43a68a25 } from "../../RadioGroup-CjCAbUr4.js";
 import { c as clsx } from "../../clsx-DgYk2OaC.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
 import { RichLabel } from "../rich-label/rich-label.js";

package/dist/components/repeater/repeater.js

@@ -6,7 +6,7 @@ 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 { L as List, a as arrayRemove, b as arrayMove } from "../../List-CWheI3JH.js";
+import { L as List, a as arrayRemove, b as arrayMove } from "../../List-CQFXnN4w.js";
 import { Menu, MenuItem, MenuSeparator } from "../menu/menu.js";
 import { c as clsx } from "../../clsx-DgYk2OaC.js";
 /**

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

@@ -12,7 +12,7 @@ import { ButtonGroup, Button } from "../button/button.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { TriggeredPopover } from "../popover/popover.js";
 import { OptionSelect } from "../option-select/option-select.js";
-import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../Text-Dae33gHp.js";
+import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../Text-CjFEHSfr.js";
 /**
  * A compact, inline version of `Responsive`. Allows the user to set different values for different breakpoints.
  *