@eightshift/ui-components 1.2.3 → 1.3.1

package/dist/assets/wp-ui-enhancements.css

@@ -1 +1 @@
-.edit-post-header__toolbar .components-button,.edit-post-header__settings .components-button,.edit-post-sidebar .components-button:not(:-webkit-any(.components-panel__body-toggle,.editor-post-last-revision__title)),.components-snackbar,.components-toggle-group-control,.editor-post-publish-panel .components-button{border-radius:.375rem!important}.edit-post-header__toolbar .components-button,.edit-post-header__settings .components-button,.edit-post-sidebar .components-button:not(:-moz-any(.components-panel__body-toggle,.editor-post-last-revision__title)),.components-snackbar,.components-toggle-group-control,.editor-post-publish-panel .components-button{border-radius:.375rem!important}.edit-post-header__toolbar .components-button,.edit-post-header__settings .components-button,.edit-post-sidebar .components-button:not(:is(.components-panel__body-toggle,.editor-post-last-revision__title)),.components-snackbar,.components-toggle-group-control,.editor-post-publish-panel .components-button{border-radius:.375rem!important}.components-input-control__container,.components-combobox-control__suggestions-container,.components-checkbox-control__input,.components-tooltip,button.components-toggle-group-control-option-base,.editor-post-visibility__password-input{border-radius:.25rem!important}.components-button-group .components-button:first-child{border-top-left-radius:.375rem!important;border-bottom-left-radius:.375rem!important}.components-button-group .components-button:last-child{border-top-right-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.components-popover__content{border-radius:.5rem!important}.block-editor-inserter__search{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}.components-base-control__label,.components-input-control__label,.components-custom-select-control__label{text-transform:none!important;letter-spacing:0!important;font-size:13px!important;font-weight:400!important}.edit-post-sidebar{width:20rem!important}.block-list-appender.wp-block{padding:.25rem!important;position:static!important}.components-dropdown.block-editor-inserter{width:-moz-fit-content!important;width:fit-content!important;margin-left:auto!important;margin-right:auto!important}.block-editor-block-list__block-crash-warning{--tw-shadow:var(--tw-shadow-colored)!important;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;--tw-shadow-color:#b91c1c1a!important;border-color:#b91c1c26!important;border-radius:.5rem!important}.block-editor-block-list__block-crash-warning .block-editor-warning__message{--tw-text-opacity:1!important;color:rgb(69 10 10/var(--tw-text-opacity))!important}.block-editor-block-contextual-toolbar,.block-editor-block-parent-selector__button{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:.5rem!important}.block-editor-block-types-list .block-editor-block-types-list__item{border-radius:.5rem!important}.block-editor-block-types-list .block-editor-block-types-list__item:after{content:var(--tw-content)!important;border-radius:.5rem!important}.block-editor-block-types-list .block-editor-block-types-list__item svg{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.block-editor-list-view-tree .block-editor-block-icon{border-radius:.25rem!important}.block-editor-list-view-tree .block-editor-list-view-leaf>:first-child{border-top-left-radius:.5rem!important;border-bottom-left-radius:.5rem!important}.block-editor-list-view-tree .block-editor-list-view-leaf>:last-child{border-top-right-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.block-editor-block-inspector .block-editor-block-card .block-editor-block-icon{border-radius:.25rem!important}.block-list-appender.wp-block>.block-editor-default-block-appender{width:-moz-fit-content;width:fit-content}.block-list-appender.wp-block>.block-editor-default-block-appender .block-editor-inserter__toggle{width:2.25rem!important;height:2.25rem!important}.block-list-appender.wp-block>.block-editor-default-block-appender .block-editor-inserter__toggle{border-radius:.375rem!important}.edit-post-header__toolbar .components-button{min-height:2.25rem}.edit-post-header__toolbar .components-button{min-width:2.25rem}.editor-styles-wrapper .wp-block:not(:-webkit-any(.editor-post-title,.block-list-appender)){max-width:100%!important}.editor-styles-wrapper .wp-block:not(:-moz-any(.editor-post-title,.block-list-appender)){max-width:100%!important}.editor-styles-wrapper .wp-block:not(:is(.editor-post-title,.block-list-appender)){max-width:100%!important}.components-tooltip{--tw-border-opacity:1;border-width:1px;border-color:rgb(31 41 55/var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-backdrop-blur:blur(24px);--tw-backdrop-brightness:brightness(1.05);--tw-backdrop-saturate:saturate(1.5);-webkit-backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);background-color:#030712b3;border-radius:.375rem;padding:.5rem 1rem}.components-tooltip:has(>:first-child){--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity));background-color:#fffc;padding-left:.5rem;padding-right:.5rem}
+.edit-post-header__toolbar .components-button,.edit-post-header__settings .components-button,.edit-post-sidebar .components-button:not(:-webkit-any(.components-panel__body-toggle,.editor-post-last-revision__title)),.components-snackbar,.components-toggle-group-control,.editor-post-publish-panel .components-button{border-radius:.375rem!important}.edit-post-header__toolbar .components-button,.edit-post-header__settings .components-button,.edit-post-sidebar .components-button:not(:-moz-any(.components-panel__body-toggle,.editor-post-last-revision__title)),.components-snackbar,.components-toggle-group-control,.editor-post-publish-panel .components-button{border-radius:.375rem!important}.edit-post-header__toolbar .components-button,.edit-post-header__settings .components-button,.edit-post-sidebar .components-button:not(:is(.components-panel__body-toggle,.editor-post-last-revision__title)),.components-snackbar,.components-toggle-group-control,.editor-post-publish-panel .components-button{border-radius:.375rem!important}.components-input-control__container,.components-combobox-control__suggestions-container,.components-checkbox-control__input,.components-tooltip,button.components-toggle-group-control-option-base,.editor-post-visibility__password-input{border-radius:.25rem!important}.components-button-group .components-button:first-child{border-top-left-radius:.375rem!important;border-bottom-left-radius:.375rem!important}.components-button-group .components-button:last-child{border-top-right-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.components-popover__content{border-radius:.5rem!important}.block-editor-inserter__search{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}.components-base-control__label,.components-input-control__label,.components-custom-select-control__label{text-transform:none!important;letter-spacing:0!important;font-size:13px!important;font-weight:400!important}.edit-post-sidebar{width:20rem!important}.block-list-appender.wp-block{padding:.25rem!important;position:static!important}.components-dropdown.block-editor-inserter{width:-moz-fit-content!important;width:fit-content!important;margin-left:auto!important;margin-right:auto!important}.block-editor-block-list__block-crash-warning{--tw-shadow:var(--tw-shadow-colored)!important;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;--tw-shadow-color:#b91c1c1a!important;border-color:#b91c1c26!important;border-radius:.5rem!important}.block-editor-block-list__block-crash-warning .block-editor-warning__message{--tw-text-opacity:1!important;color:rgb(69 10 10/var(--tw-text-opacity))!important}.block-editor-block-contextual-toolbar,.block-editor-block-parent-selector__button{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:.5rem!important}.block-editor-block-types-list .block-editor-block-types-list__item{border-radius:.5rem!important}.block-editor-block-types-list .block-editor-block-types-list__item:after{content:var(--tw-content)!important;border-radius:.5rem!important}.block-editor-block-types-list .block-editor-block-types-list__item svg{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.block-editor-list-view-tree .block-editor-block-icon{border-radius:.25rem!important}.block-editor-list-view-tree .block-editor-list-view-leaf>:first-child{border-top-left-radius:.5rem!important;border-bottom-left-radius:.5rem!important}.block-editor-list-view-tree .block-editor-list-view-leaf>:last-child{border-top-right-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.block-editor-block-inspector .block-editor-block-card .block-editor-block-icon{border-radius:.25rem!important}.block-list-appender.wp-block>.block-editor-default-block-appender{width:-moz-fit-content;width:fit-content}.block-list-appender.wp-block>.block-editor-default-block-appender .block-editor-inserter__toggle{width:2.25rem!important;height:2.25rem!important}.block-list-appender.wp-block>.block-editor-default-block-appender .block-editor-inserter__toggle{border-radius:.375rem!important}.edit-post-header__toolbar .components-button{min-height:2.25rem}.edit-post-header__toolbar .components-button{min-width:2.25rem}.editor-styles-wrapper .wp-block:not(:-webkit-any(.editor-post-title,.block-list-appender)){max-width:100%!important}.editor-styles-wrapper .wp-block:not(:-moz-any(.editor-post-title,.block-list-appender)){max-width:100%!important}.editor-styles-wrapper .wp-block:not(:is(.editor-post-title,.block-list-appender)){max-width:100%!important}.components-tooltip{--tw-border-opacity:1;border-width:1px;border-color:rgb(31 41 55/var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-backdrop-blur:blur(24px);--tw-backdrop-brightness:brightness(1.05);--tw-backdrop-saturate:saturate(1.5);-webkit-backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);background-color:#030712b3;border-radius:.375rem;padding:.25rem .375rem}.components-tooltip:has(>:first-child){--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity));background-color:#fffc}

package/dist/{button-CGfYTkeY.js → button-IxfzzzbP.js}

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { a as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "./Button-CbFrFO04.js";
-import { g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, a as $64fa3d84918910a7$export$29f1550f4b0d4415, c as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $3ef42575df84b30b$export$9d1611c77c2fe928, l as $df56164dff5785e2$export$4338b53315abf666 } from "./utils-Dc35LwuT.js";
-import { b as $9bf71ea28793e738$export$c5251b9e124bf29 } from "./FocusScope-Bw-IatMO.js";
+import { a as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "./Button-DTARR6Ff.js";
+import { g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, a as $64fa3d84918910a7$export$29f1550f4b0d4415, c as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $3ef42575df84b30b$export$9d1611c77c2fe928, l as $df56164dff5785e2$export$4338b53315abf666 } from "./utils-DC-UMp1n.js";
+import { b as $9bf71ea28793e738$export$c5251b9e124bf29 } from "./FocusScope-BjM5iOQC.js";
 import React__default, { useState, useRef, forwardRef, createContext } from "react";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-4oSz1ItD.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-BG_1RnbC.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
 import { c as clsx } from "./lite-DVmmD_-j.js";
-import { T as Tooltip } from "./tooltip-Do_imFfg.js";
+import { T as Tooltip } from "./tooltip-DSk8I1SO.js";
 import { _ as __ } from "./default-i18n-BqwLkgZv.js";
 function $2680b1829e803644$export$fa142eb1681c520(props, ref) {
   const { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, orientation = "horizontal" } = props;

package/dist/components/base-control/base-control.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../Text-WqetJduR.js";
+import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../Text-qjognpzK.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 /**

package/dist/components/button/button.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
-import "../../Button-CbFrFO04.js";
-import { B, a } from "../../button-CGfYTkeY.js";
+import "../../Button-DTARR6Ff.js";
+import { B, a } from "../../button-IxfzzzbP.js";
 import "../../lite-DVmmD_-j.js";
-import "../../tooltip-Do_imFfg.js";
+import "../../tooltip-DSk8I1SO.js";
 import "../../default-i18n-BqwLkgZv.js";
-import "../../utils-Dc35LwuT.js";
+import "../../utils-DC-UMp1n.js";
 export {
   B as Button,
   a as ButtonGroup

package/dist/components/checkbox/checkbox.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { $ as $bc237834342dbd75$export$48513f6b9f8ce62d } from "../../Checkbox-Cv3pZDHg.js";
+import { $ as $bc237834342dbd75$export$48513f6b9f8ce62d } from "../../Checkbox-CiJIVbAP.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
 import { icons } from "../../icons/icons.js";

package/dist/components/color-pickers/color-swatch.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { $ as $251c695a52d94a8d$export$cae13e90592f246a } from "../../ColorSwatch-CNQmCQV8.js";
-import { $ as $799cddbef784668f$export$6e865ea70d7724f } from "../../intlStrings-Dxaeitoh.js";
+import { $ as $251c695a52d94a8d$export$cae13e90592f246a } from "../../ColorSwatch-5bZ_yIMB.js";
+import { $ as $799cddbef784668f$export$6e865ea70d7724f } from "../../intlStrings-CkuKCPkT.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
 /**

package/dist/components/color-pickers/gradient-editor.js

@@ -1,20 +1,20 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { _ as __, s as sprintf } from "../../default-i18n-BqwLkgZv.js";
-import { useMemo } from "react";
-import { a as ButtonGroup } from "../../button-CGfYTkeY.js";
-import { ToggleButton } from "../toggle-button/toggle-button.js";
-import { Repeater } from "../repeater/repeater.js";
-import { RepeaterItem } from "../repeater/repeater-item.js";
+import { useMemo, useState } from "react";
+import { B as Button, a as ButtonGroup } from "../../button-IxfzzzbP.js";
 import { icons } from "../../icons/icons.js";
 import { SolidColorPicker } from "./solid-color-picker.js";
 import { Slider } from "../slider/slider.js";
 import { NumberPicker } from "../number-picker/number-picker.js";
-import { $ as $251c695a52d94a8d$export$cae13e90592f246a } from "../../ColorSwatch-CNQmCQV8.js";
+import { $ as $251c695a52d94a8d$export$cae13e90592f246a } from "../../ColorSwatch-5bZ_yIMB.js";
 import { Menu, MenuItem } from "../menu/menu.js";
-import { BaseControl } from "../base-control/base-control.js";
 import { MatrixAlign } from "../matrix-align/matrix-align.js";
 import { Spacer } from "../spacer/spacer.js";
 import { Toggle } from "../toggle/toggle.js";
+import { OptionSelect } from "../option-select/option-select.js";
+import { DraggableList } from "../draggable-list/draggable-list.js";
+import { DraggableListItem } from "../draggable-list/draggable-list-item.js";
+import { TriggeredPopover } from "../popover/popover.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 function c(e, o = ",") {
   let t = [], n = 0, i = 0;
@@ -213,7 +213,7 @@ const linearDirections = [
  * @preserve
  */
 const GradientEditor = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
   const { value, onChange, hidden } = props;
   const gradientData = useMemo(() => {
     if ((value == null ? void 0 : value.startsWith("radial-gradient")) || (value == null ? void 0 : value.startsWith("repeating-radial-gradient"))) {
@@ -237,31 +237,33 @@ const GradientEditor = (props) => {
     onChange(getGradientResult(data, gradientType));
   };
   const outputGradient = useMemo(() => getGradientResult(gradientData, gradientType), [gradientData, gradientType]);
+  const [squarePreview, setSquarePreview] = useState(false);
   if (hidden) {
     return null;
   }
   return /* @__PURE__ */ jsxs("div", { className: "es-uic-w-full es-uic-space-y-2.5", children: [
     /* @__PURE__ */ jsx(
-      "div",
+      "button",
       {
-        className: "es-uic-h-40 es-uic-w-full es-uic-rounded-lg es-uic-border es-uic-border-gray-300 es-uic-shadow-sm",
-        style: { backgroundImage: outputGradient }
+        className: clsx(
+          "es-uic-shadow-sm, es-uic-mx-auto es-uic-block es-uic-h-40 es-uic-cursor-pointer es-uic-rounded-lg es-uic-border es-uic-border-gray-300 es-uic-transition-[width]",
+          squarePreview ? "es-uic-w-40" : "es-uic-w-full"
+        ),
+        style: { backgroundImage: outputGradient },
+        onClick: () => setSquarePreview((prev) => !prev),
+        "aria-label": __("Toggle preview size", "eightshift-ui-components")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      OptionSelect,
+      {
+        "aria-label": __("Gradient type", "eightshift-ui-components"),
+        value: gradientType,
+        onChange: (value2) => onChange(getGradientResult({ stops: gradientData.stops }, value2)),
+        options: gradientTypes,
+        wrapperProps: { className: "es-uic-mx-auto es-uic-w-fit" }
       }
     ),
-    /* @__PURE__ */ jsx(ButtonGroup, { className: "es-uic-w-full", children: gradientTypes.map(({ label, value: value2, icon }) => {
-      return /* @__PURE__ */ jsx(
-        ToggleButton,
-        {
-          selected: gradientType === value2,
-          onChange: () => onChange(getGradientResult({ stops: gradientData.stops }, value2)),
-          icon,
-          className: "es-uic-grow",
-          children: label
-        },
-        value2
-      );
-    }) }),
-    /* @__PURE__ */ jsx(Spacer, { size: "xs" }),
     gradientType === "linear" && /* @__PURE__ */ jsxs("div", { className: "es-uic-flex es-uic-items-center es-uic-gap-1", children: [
       /* @__PURE__ */ jsx(
         NumberPicker,
@@ -317,41 +319,22 @@ const GradientEditor = (props) => {
     ] }),
     gradientType === "radial" && /* @__PURE__ */ jsxs("div", { className: "es-uic-space-y-2", children: [
       /* @__PURE__ */ jsx(
-        BaseControl,
+        OptionSelect,
         {
           label: __("Shape", "eightshift-ui-components"),
           icon: icons.genericShapesAlt,
           inline: true,
-          children: /* @__PURE__ */ jsxs(ButtonGroup, { children: [
-            /* @__PURE__ */ jsx(
-              ToggleButton,
-              {
-                selected: gradientData.shape === "circle",
-                onChange: () => {
-                  setGradientData({
-                    ...gradientData,
-                    shape: "circle"
-                  });
-                },
-                size: "large",
-                children: __("Circle", "eightshift-ui-components")
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              ToggleButton,
-              {
-                selected: gradientData.shape === "ellipse",
-                onChange: () => {
-                  setGradientData({
-                    ...gradientData,
-                    shape: "ellipse"
-                  });
-                },
-                size: "large",
-                children: __("Ellipse", "eightshift-ui-components")
-              }
-            )
-          ] })
+          options: [
+            { label: __("Circle", "eightshift-ui-components"), value: "circle" },
+            { label: __("Ellipse", "eightshift-ui-components"), value: "ellipse" }
+          ],
+          value: gradientData.shape,
+          onChange: (value2) => {
+            setGradientData({
+              ...gradientData,
+              shape: value2
+            });
+          }
         }
       ),
       /* @__PURE__ */ jsx(
@@ -390,6 +373,7 @@ const GradientEditor = (props) => {
               angle: `${value2}deg`
             });
           },
+          size: "small",
           suffix: "°",
           className: "es-uic-grow"
         }
@@ -425,7 +409,7 @@ const GradientEditor = (props) => {
     ),
     /* @__PURE__ */ jsx(Spacer, { border: true }),
     /* @__PURE__ */ jsx(
-      Repeater,
+      DraggableList,
       {
         items: gradientData == null ? void 0 : gradientData.stops,
         onChange: (items) => {
@@ -437,23 +421,29 @@ const GradientEditor = (props) => {
             }))
           });
         },
-        itemLabelProp: "title",
         icon: icons.gradientStop,
         label: __("Gradient stops", "eightshift-ui-components"),
-        addDefaultItem: {
-          color: "#000000"
-        },
-        minItems: 2,
+        actions: /* @__PURE__ */ jsx(
+          Button,
+          {
+            icon: icons.add,
+            size: "small",
+            onPress: () => {
+              setGradientData({
+                ...gradientData,
+                stops: [...gradientData.stops, { color: "#000000FF" }]
+              });
+            },
+            "aria-label": __("Add stop", "eightshift-ui-components")
+          }
+        ),
         children: (item) => {
-          var _a2, _b2;
           const { color, updateData, itemIndex } = item;
-          const defaultOffset = itemIndex * 100 / (gradientData.stops.length - 1);
-          const offset = `${((_b2 = (_a2 = gradientData.stops[itemIndex]) == null ? void 0 : _a2.offset) == null ? void 0 : _b2.value) ?? defaultOffset}%`;
           return /* @__PURE__ */ jsx(
-            RepeaterItem,
+            DraggableListItem,
             {
               label: sprintf(__("Stop %s", "eightshift-ui-components"), itemIndex + 1),
-              subtitle: `${color} / ${offset ?? defaultOffset}`,
+              subtitle: color,
               icon: /* @__PURE__ */ jsx(
                 $251c695a52d94a8d$export$cae13e90592f246a,
                 {
@@ -462,21 +452,46 @@ const GradientEditor = (props) => {
                 }
               ),
               textValue: sprintf(__("Stop %s", "eightshift-ui-components"), itemIndex + 1),
-              children: /* @__PURE__ */ jsx(
-                SolidColorPicker,
-                {
-                  value: color,
-                  onChange: (color2) => {
-                    updateData({ color: color2 });
-                  },
-                  allowTransparency: true,
-                  outputFormat: "rgba"
-                }
-              )
+              children: /* @__PURE__ */ jsxs(ButtonGroup, { children: [
+                /* @__PURE__ */ jsx(
+                  TriggeredPopover,
+                  {
+                    triggerButtonIcon: icons.color,
+                    triggerButtonProps: { size: "small" },
+                    children: /* @__PURE__ */ jsx(
+                      SolidColorPicker,
+                      {
+                        value: color,
+                        onChange: (color2) => {
+                          updateData({ color: color2 });
+                        },
+                        allowTransparency: true,
+                        outputFormat: "rgba"
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    onPress: () => {
+                      setGradientData({
+                        ...gradientData,
+                        stops: gradientData.stops.filter((_, i) => i !== itemIndex)
+                      });
+                    },
+                    icon: icons.trash,
+                    size: "small",
+                    "aria-label": __("Delete stop", "eightshift-ui-components"),
+                    disabled: gradientData.stops.length <= 2
+                  }
+                )
+              ] })
             }
           );
         }
-      }
+      },
+      (_m = gradientData == null ? void 0 : gradientData.stops) == null ? void 0 : _m.length
     ),
     /* @__PURE__ */ jsx(
       Slider,
@@ -485,7 +500,7 @@ const GradientEditor = (props) => {
         min: 0,
         max: 100,
         step: 1,
-        value: (_m = gradientData == null ? void 0 : gradientData.stops) == null ? void 0 : _m.map(({ offset }, i) => {
+        value: (_n = gradientData == null ? void 0 : gradientData.stops) == null ? void 0 : _n.map(({ offset }, i) => {
           if (!offset) {
             return i * 100 / (gradientData.stops.length - 1);
           }

package/dist/components/color-pickers/solid-color-picker.js

@@ -1,30 +1,30 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { forwardRef, useContext, createContext, useMemo, useRef, useState, useCallback } from "react";
-import { a as $4e85f108e88277b8$export$ebe63fadcdce34ed, b as $4e85f108e88277b8$export$44644b8a16031b5b, c as $4e85f108e88277b8$export$717b2c0a523a0b53 } from "../../RSPContexts-CrNYmadY.js";
-import { c as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, a as $64fa3d84918910a7$export$29f1550f4b0d4415, j as $64fa3d84918910a7$export$2881499e37b75b9a, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$ef03459518577ad4 } from "../../utils-Dc35LwuT.js";
+import { b as $4e85f108e88277b8$export$ebe63fadcdce34ed, c as $4e85f108e88277b8$export$44644b8a16031b5b, d as $4e85f108e88277b8$export$717b2c0a523a0b53 } from "../../RSPContexts-DQtGvvpM.js";
+import { c as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, a as $64fa3d84918910a7$export$29f1550f4b0d4415, j as $64fa3d84918910a7$export$2881499e37b75b9a, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$ef03459518577ad4 } from "../../utils-DC-UMp1n.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-SPRI0-SN.js";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, m as $7215afc6de606d6b$export$de79e2c695e052f3, d as $9ab94262bd0047c7$export$420e68273165f4ec, c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, j as $c87311424ea30a05$export$fedb369cb70207f1, u as $c87311424ea30a05$export$a11b0059900ceec8 } from "../../focusSafely-BS4dllCW.js";
-import { $ as $799cddbef784668f$export$6e865ea70d7724f, b as $799cddbef784668f$export$4cde5df63f53f473, a as $3493a52097159720$exports } from "../../intlStrings-Dxaeitoh.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-Dg5Y_10S.js";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, m as $7215afc6de606d6b$export$de79e2c695e052f3, d as $9ab94262bd0047c7$export$420e68273165f4ec, c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, j as $c87311424ea30a05$export$fedb369cb70207f1, u as $c87311424ea30a05$export$a11b0059900ceec8 } from "../../focusSafely-DGZ4R5fj.js";
+import { $ as $799cddbef784668f$export$6e865ea70d7724f, b as $799cddbef784668f$export$4cde5df63f53f473, a as $3493a52097159720$exports } from "../../intlStrings-CkuKCPkT.js";
 import { a as $9446cca9a3875146$export$cb6e0bb50bc19463, $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "../../number-CHmNj-oR.js";
-import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6 } from "../../textSelection-exP_9srp.js";
-import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-CfOtyOe2.js";
-import { $ as $99facab73266f662$export$5add1d006293d136 } from "../../useFormReset-BVWgcyGO.js";
-import { a as $46d819fcbaf35654$export$8f71654801c2f7cd } from "../../useFocusable-CLmhO94g.js";
-import { e as $28f99e3e86e6ec45$export$e5fda3247f5d67f9, f as $e8a7022cf87cba2a$export$36da96379f79f245, g as $bcca50147b47f54d$export$56b2c08e277f365, h as $47b897dc8cdb026b$export$8d15029008292ae, d as $6f909507e6374d18$export$1e7083018727fa60, i as $6f909507e6374d18$export$f1fce0420cc6d8ee, j as $6f909507e6374d18$export$6189c2744041d8f8, a as $6f909507e6374d18$export$105594979f116971 } from "../../Slider-fULMI0gI.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-4oSz1ItD.js";
-import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-BQCMno9k.js";
-import { a as $5c3e21d68f1c4674$export$a966af930f325cab } from "../../VisuallyHidden-Di1zXprL.js";
-import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-J1-YPbi6.js";
-import { $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-CX_rocyZ.js";
-import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-Bg5O81Wb.js";
-import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-WqetJduR.js";
-import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, c as $e5be200c675c3b3a$export$a763b9476acd3eb } from "../../useFormValidationState-CthG9Fbc.js";
-import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, b as $d2e8511e6f209edf$export$e908e06f4b8e3402, c as $7d0a636d7a4dcefd$export$2123ff2b87c81ca, d as $d841c8010a73d545$export$4f384c9210e583c3, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberFieldState-BegO5X6F.js";
+import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6 } from "../../textSelection-BLyBtNe2.js";
+import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-D2RG7TdI.js";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "../../useFormReset-DJMtIgSL.js";
+import { a as $46d819fcbaf35654$export$8f71654801c2f7cd } from "../../useFocusable-CQZyQp4q.js";
+import { e as $28f99e3e86e6ec45$export$e5fda3247f5d67f9, f as $e8a7022cf87cba2a$export$36da96379f79f245, g as $bcca50147b47f54d$export$56b2c08e277f365, h as $47b897dc8cdb026b$export$8d15029008292ae, d as $6f909507e6374d18$export$1e7083018727fa60, i as $6f909507e6374d18$export$f1fce0420cc6d8ee, j as $6f909507e6374d18$export$6189c2744041d8f8, a as $6f909507e6374d18$export$105594979f116971 } from "../../Slider-Clme2C36.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-BG_1RnbC.js";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-Cwm_siat.js";
+import { a as $5c3e21d68f1c4674$export$a966af930f325cab } from "../../VisuallyHidden-BZPezMV5.js";
+import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-CviphIN5.js";
+import { $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-DWRQF0ro.js";
+import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BXvY41yE.js";
+import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-qjognpzK.js";
+import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, c as $e5be200c675c3b3a$export$a763b9476acd3eb } from "../../useFormValidationState-DDC_nImg.js";
+import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, b as $d2e8511e6f209edf$export$e908e06f4b8e3402, c as $7d0a636d7a4dcefd$export$2123ff2b87c81ca, d as $d841c8010a73d545$export$4f384c9210e583c3, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberFieldState-CVJOJnF1.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
-import { T as TriggeredPopover } from "../../popover-CV0BkYt4.js";
+import { TriggeredPopover } from "../popover/popover.js";
 import { icons } from "../../icons/icons.js";
 import { Spacer } from "../spacer/spacer.js";
 const $e2b71ec1d6016406$export$c80c0ea2ca5cb846 = /* @__PURE__ */ createContext(null);

package/dist/components/component-toggle/component-toggle.js

@@ -3,8 +3,8 @@ import { s as sprintf, _ as __ } from "../../default-i18n-BqwLkgZv.js";
 import { Expandable } from "../expandable/expandable.js";
 import { icons } from "../../icons/icons.js";
 import { Switch } from "../toggle/switch.js";
-import { T as TriggeredPopover } from "../../popover-CV0BkYt4.js";
-import { a as ButtonGroup } from "../../button-CGfYTkeY.js";
+import { TriggeredPopover } from "../popover/popover.js";
+import { a as ButtonGroup } from "../../button-IxfzzzbP.js";
 import { ToggleButton } from "../toggle-button/toggle-button.js";
 import { Spacer } from "../spacer/spacer.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";

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

@@ -3,7 +3,7 @@ import { useState } from "react";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { Switch } from "../toggle/switch.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
-import { B as Button } from "../../button-CGfYTkeY.js";
+import { B as Button } from "../../button-IxfzzzbP.js";
 import { icons } from "../../icons/icons.js";
 import { HStack } from "../layout/hstack.js";
 import { BaseControl } from "../base-control/base-control.js";

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { a as $72e60046c03fbe42$export$e96fc9a8407faa6b } from "../../GridList-CEzzyr-l.js";
-import { B as Button } from "../../button-CGfYTkeY.js";
+import { a as $72e60046c03fbe42$export$e96fc9a8407faa6b } from "../../GridList-DjRnMEae.js";
+import { B as Button } from "../../button-IxfzzzbP.js";
 import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { _ as __ } from "../../default-i18n-BqwLkgZv.js";

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

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { $ as $72e60046c03fbe42$export$a7bfbda1311ca015 } from "../../GridList-CEzzyr-l.js";
-import { $ as $d8f176866e6dc039$export$2cfc5be7a55829f6, a as $d8f176866e6dc039$export$62ed72bc21f6b8a6 } from "../../ListBox-CCWXTj0t.js";
+import { $ as $72e60046c03fbe42$export$a7bfbda1311ca015 } from "../../GridList-DjRnMEae.js";
+import { $ as $d8f176866e6dc039$export$2cfc5be7a55829f6, a as $d8f176866e6dc039$export$62ed72bc21f6b8a6 } from "../../ListBox-DTKMdjQC.js";
 import { useId, useEffect } from "react";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { _ as __ } from "../../default-i18n-BqwLkgZv.js";

package/dist/components/expandable/expandable.js

@@ -2,12 +2,12 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { RichLabel } from "../rich-label/rich-label.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
-import { B as Button } from "../../button-CGfYTkeY.js";
+import { B as Button } from "../../button-IxfzzzbP.js";
 import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-Bg5O81Wb.js";
-import { $ as $9bf71ea28793e738$export$20e40289641fbbb6 } from "../../FocusScope-Bw-IatMO.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BXvY41yE.js";
+import { $ as $9bf71ea28793e738$export$20e40289641fbbb6 } from "../../FocusScope-BjM5iOQC.js";
 /**
  * A component that allows hiding content in an expandable panel, to declutter the UI.
  *

package/dist/components/index.js

@@ -1,7 +1,7 @@
 import { AnimatedVisibility } from "./animated-visibility/animated-visibility.js";
 import { BaseControl } from "./base-control/base-control.js";
 import { BreakpointPreview } from "./breakpoint-preview/breakpoint-preview.js";
-import { B, a } from "../button-CGfYTkeY.js";
+import { B, a } from "../button-IxfzzzbP.js";
 import { Checkbox } from "./checkbox/checkbox.js";
 import { ComponentToggle } from "./component-toggle/component-toggle.js";
 import { ContainerPanel } from "./container-panel/container-panel.js";
@@ -24,7 +24,7 @@ import { MediaPlaceholder } from "./placeholders/media-placeholder.js";
 import { Menu, MenuItem, MenuSection, MenuSeparator, SubMenuItem } from "./menu/menu.js";
 import { Notice } from "./notice/notice.js";
 import { NumberPicker } from "./number-picker/number-picker.js";
-import { P, T } from "../popover-CV0BkYt4.js";
+import { Popover, TriggeredPopover } from "./popover/popover.js";
 import { RadioButton, RadioButtonGroup } from "./radio/radio.js";
 import { Repeater } from "./repeater/repeater.js";
 import { RepeaterItem } from "./repeater/repeater-item.js";
@@ -33,6 +33,7 @@ import { ResponsiveLegacy } from "./responsive/responsive-legacy.js";
 import { ResponsivePreview } from "./responsive-preview/responsive-preview.js";
 import { AsyncMultiSelect } from "./select/async-multi-select.js";
 import { AsyncSelect } from "./select/async-single-select.js";
+import { Modal } from "./modal/modal.js";
 import { MultiSelect } from "./select/multi-select.js";
 import { RSClearIndicator, RSDropdownIndicator, RSMultiValue, RSMultiValueContainer, RSMultiValueLabel, RSMultiValueRemove, RSOption, RSSingleValue } from "./select/react-select-component-wrappers.js";
 import { OptionSelect } from "./option-select/option-select.js";
@@ -45,7 +46,7 @@ import { Tab, TabList, TabPanel, Tabs } from "./tabs/tabs.js";
 import { Toggle } from "./toggle/toggle.js";
 import { Switch } from "./toggle/switch.js";
 import { ToggleButton } from "./toggle-button/toggle-button.js";
-import { D, T as T2 } from "../tooltip-Do_imFfg.js";
+import { D, T } from "../tooltip-DSk8I1SO.js";
 import { VStack } from "./layout/vstack.js";
 export {
   AnimatedVisibility,
@@ -79,13 +80,14 @@ export {
   MenuItem,
   MenuSection,
   MenuSeparator,
+  Modal,
   MultiSelect,
   Notice,
   NumberPicker,
   OptionSelect,
   OptionsPanel,
   OptionsPanelSection,
-  P as Popover,
+  Popover,
   RSClearIndicator,
   RSDropdownIndicator,
   RSMultiValue,
@@ -114,7 +116,7 @@ export {
   Tabs,
   Toggle,
   ToggleButton,
-  T2 as Tooltip,
-  T as TriggeredPopover,
+  T as Tooltip,
+  TriggeredPopover,
   VStack
 };

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

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { b as $2d73ec29415bd339$export$712718f7aec83d5, $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-CX_rocyZ.js";
-import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-Bg5O81Wb.js";
-import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, c as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $3ef42575df84b30b$export$9d1611c77c2fe928, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$ef03459518577ad4, j as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-Dc35LwuT.js";
+import { b as $2d73ec29415bd339$export$712718f7aec83d5, $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-DWRQF0ro.js";
+import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BXvY41yE.js";
+import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, c as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $3ef42575df84b30b$export$9d1611c77c2fe928, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$ef03459518577ad4, j as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-DC-UMp1n.js";
 import React__default, { forwardRef, createContext, useRef, useState, useCallback } from "react";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-BS4dllCW.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-SPRI0-SN.js";
-import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-J1-YPbi6.js";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-DGZ4R5fj.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-Dg5Y_10S.js";
+import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-CviphIN5.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
-import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-WqetJduR.js";
+import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-qjognpzK.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";

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

@@ -1,26 +1,26 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1, a as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-CbFrFO04.js";
-import { $ as $a049562f99e7db0e$export$f9c6924e160136d1, a as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "../../Group-D3Qa6PrV.js";
-import { b as $2d73ec29415bd339$export$712718f7aec83d5, $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-CX_rocyZ.js";
-import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-Bg5O81Wb.js";
-import { n as $ff5963eb1fccf552$export$e08e3b67e392101e, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$ef03459518577ad4, c as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-Dc35LwuT.js";
-import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-J1-YPbi6.js";
+import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1, a as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-DTARR6Ff.js";
+import { $ as $a049562f99e7db0e$export$f9c6924e160136d1, a as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "../../Group-BQu67pVS.js";
+import { b as $2d73ec29415bd339$export$712718f7aec83d5, $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-DWRQF0ro.js";
+import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BXvY41yE.js";
+import { n as $ff5963eb1fccf552$export$e08e3b67e392101e, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$ef03459518577ad4, c as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-DC-UMp1n.js";
+import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-CviphIN5.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
-import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-WqetJduR.js";
+import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-qjognpzK.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
 import React__default, { useReducer, useRef, useEffect, forwardRef, createContext, useMemo, useState } from "react";
-import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../focusSafely-BS4dllCW.js";
-import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-BQCMno9k.js";
-import { $ as $13c3c67164f4d5be$export$4c260019440d418f, B as Button } from "../../button-CGfYTkeY.js";
+import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../focusSafely-DGZ4R5fj.js";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-Cwm_siat.js";
+import { $ as $13c3c67164f4d5be$export$4c260019440d418f, B as Button } from "../../button-IxfzzzbP.js";
 import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
 import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { Spacer } from "../spacer/spacer.js";
-import { T as Tooltip } from "../../tooltip-Do_imFfg.js";
+import { T as Tooltip } from "../../tooltip-DSk8I1SO.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { RichLabel } from "../rich-label/rich-label.js";
-import { P as Popover } from "../../popover-CV0BkYt4.js";
+import { Popover } from "../popover/popover.js";
 import { a as $0d86e9c8f07f9a7b$export$79c0c687a5963b0a } from "../../useListData-BpYQj7kK.js";
 var $03c9a1a10de12f06$exports = {};
 $03c9a1a10de12f06$exports = {

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

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { b as $eed445e0843c11d0$export$41f133550aa26f48, c as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../ListBox-CCWXTj0t.js";
+import { b as $eed445e0843c11d0$export$41f133550aa26f48, c as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../ListBox-DTKMdjQC.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { _ as __ } from "../../default-i18n-BqwLkgZv.js";