@eightshift/ui-components 5.1.4 → 5.2.0

package/dist/assets/style.css

@@ -1335,6 +1335,10 @@
     margin: calc(var(--es-spacing) * .5);
   }
 
+  .es\:m-1 {
+    margin: calc(var(--es-spacing) * 1);
+  }
+
   .es\:m-2 {
     margin: calc(var(--es-spacing) * 2);
   }
@@ -1371,8 +1375,8 @@
     margin-block: calc(var(--es-spacing) * 1);
   }
 
-  .es\:my-10 {
-    margin-block: calc(var(--es-spacing) * 10);
+  .es\:my-5 {
+    margin-block: calc(var(--es-spacing) * 5);
   }
 
   .es\:my-auto {
@@ -1635,6 +1639,10 @@
     height: calc(var(--es-spacing) * 5);
   }
 
+  .es\:h-5\.5 {
+    height: var(--es-spacing-5_5);
+  }
+
   .es\:h-6 {
     height: calc(var(--es-spacing) * 6);
   }
@@ -1755,6 +1763,10 @@
     width: calc(var(--es-spacing) * .5);
   }
 
+  .es\:w-0\.75 {
+    width: calc(var(--es-spacing) * .75);
+  }
+
   .es\:w-1 {
     width: calc(var(--es-spacing) * 1);
   }
@@ -1995,6 +2007,11 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .es\:translate-x-7 {
+    --tw-translate-x: calc(var(--es-spacing) * 7);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .es\:translate-x-full\! {
     --tw-translate-x: 100% !important;
     translate: var(--tw-translate-x) var(--tw-translate-y) !important;
@@ -2010,6 +2027,11 @@
     translate: var(--tw-translate-x) var(--tw-translate-y) !important;
   }
 
+  .es\:translate-y-6 {
+    --tw-translate-y: calc(var(--es-spacing) * 6);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .es\:translate-y-px {
     --tw-translate-y: 1px;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2129,6 +2151,10 @@
     cursor: grabbing;
   }
 
+  .es\:cursor-move {
+    cursor: move;
+  }
+
   .es\:cursor-pointer {
     cursor: pointer;
   }
@@ -2253,6 +2279,10 @@
     gap: calc(var(--es-spacing) * .5);
   }
 
+  .es\:gap-0\.75 {
+    gap: calc(var(--es-spacing) * .75);
+  }
+
   .es\:gap-1 {
     gap: calc(var(--es-spacing) * 1);
   }
@@ -2842,7 +2872,7 @@
     }
   }
 
-  .es\:bg-accent-700\/25 {
+  .es\:bg-accent-700, .es\:bg-accent-700\/25 {
     background-color: var(--es-color-accent-700);
   }
 
@@ -2852,6 +2882,16 @@
     }
   }
 
+  .es\:bg-accent-700\/30 {
+    background-color: var(--es-color-accent-700);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .es\:bg-accent-700\/30 {
+      background-color: color-mix(in oklab, var(--es-color-accent-700) 30%, transparent);
+    }
+  }
+
   .es\:bg-black, .es\:bg-black\/30 {
     background-color: var(--es-color-black);
   }
@@ -3464,6 +3504,10 @@
     padding-block: calc(var(--es-spacing) * .25);
   }
 
+  .es\:py-0\.75 {
+    padding-block: calc(var(--es-spacing) * .75);
+  }
+
   .es\:py-1 {
     padding-block: calc(var(--es-spacing) * 1);
   }
@@ -3568,6 +3612,10 @@
     padding-bottom: calc(var(--es-spacing) * 4);
   }
 
+  .es\:pl-0\.75 {
+    padding-left: calc(var(--es-spacing) * .75);
+  }
+
   .es\:pl-1 {
     padding-left: calc(var(--es-spacing) * 1);
   }
@@ -4282,6 +4330,16 @@
     }
   }
 
+  .es\:inset-ring-secondary-200\/30 {
+    --tw-inset-ring-color: var(--es-color-secondary-200);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .es\:inset-ring-secondary-200\/30 {
+      --tw-inset-ring-color: color-mix(in oklab, var(--es-color-secondary-200) 30%, transparent);
+    }
+  }
+
   .es\:outline-hidden {
     --tw-outline-style: none;
     outline-style: none;
@@ -4807,6 +4865,10 @@
     opacity: 0;
   }
 
+  .es\:peer-has-dragging\:hidden:is(:where(.es\:peer):has([data-dragging]) ~ *) {
+    display: none;
+  }
+
   .es\:selection\:bg-accent-500\/20 ::selection {
     background-color: var(--es-color-accent-500);
   }
@@ -5342,6 +5404,42 @@
     }
   }
 
+  .es\:not-selected\:hover\:bg-secondary-100:not([data-selected]):where([data-rac])[data-hovered] {
+    background-color: var(--es-color-secondary-100);
+  }
+
+  @media (hover: hover) {
+    .es\:not-selected\:hover\:bg-secondary-100:not([data-selected]):where(:not([data-rac])):hover {
+      background-color: var(--es-color-secondary-100);
+    }
+  }
+
+  .es\:not-selected\:hover\:outline-hidden:not([data-selected]):where([data-rac])[data-hovered] {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
+  @media (forced-colors: active) {
+    .es\:not-selected\:hover\:outline-hidden:not([data-selected]):where([data-rac])[data-hovered] {
+      outline-offset: 2px;
+      outline: 2px solid #0000;
+    }
+  }
+
+  @media (hover: hover) {
+    .es\:not-selected\:hover\:outline-hidden:not([data-selected]):where(:not([data-rac])):hover {
+      --tw-outline-style: none;
+      outline-style: none;
+    }
+
+    @media (forced-colors: active) {
+      .es\:not-selected\:hover\:outline-hidden:not([data-selected]):where(:not([data-rac])):hover {
+        outline-offset: 2px;
+        outline: 2px solid #0000;
+      }
+    }
+  }
+
   .es\:not-disabled\:not-selected\:hover\:bg-secondary-100:not(:is(:disabled, [data-rac][data-disabled])):not([data-selected]):where([data-rac])[data-hovered] {
     background-color: var(--es-color-secondary-100);
   }
@@ -5472,6 +5570,30 @@
     }
   }
 
+  .es\:focus\:outline-hidden:where([data-rac])[data-focused] {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
+  @media (forced-colors: active) {
+    .es\:focus\:outline-hidden:where([data-rac])[data-focused] {
+      outline-offset: 2px;
+      outline: 2px solid #0000;
+    }
+  }
+
+  .es\:focus\:outline-hidden:where(:not([data-rac])):focus {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
+  @media (forced-colors: active) {
+    .es\:focus\:outline-hidden:where(:not([data-rac])):focus {
+      outline-offset: 2px;
+      outline: 2px solid #0000;
+    }
+  }
+
   .es\:not-readonly\:focus\:shadow-md:not(:where([data-readonly], [readonly])):where([data-rac])[data-focused], .es\:not-readonly\:focus\:shadow-md:not(:where([data-readonly], [readonly])):where(:not([data-rac])):focus {
     --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -5576,6 +5698,10 @@
     --tw-inset-ring-color: var(--es-color-accent-100);
   }
 
+  .es\:focus-visible\:inset-ring-accent-500:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+    --tw-inset-ring-color: var(--es-color-accent-500);
+  }
+
   .es\:focus-visible\:inset-ring-accent-600:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
     --tw-inset-ring-color: var(--es-color-accent-600);
   }
@@ -5606,6 +5732,22 @@
     }
   }
 
+  .es\:not-selected\:focus-visible\:bg-secondary-100:not([data-selected]):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+    background-color: var(--es-color-secondary-100);
+  }
+
+  .es\:not-selected\:focus-visible\:outline-hidden:not([data-selected]):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
+  @media (forced-colors: active) {
+    .es\:not-selected\:focus-visible\:outline-hidden:not([data-selected]):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+      outline-offset: 2px;
+      outline: 2px solid #0000;
+    }
+  }
+
   .es\:active\:border-accent-500\/30:active {
     border-color: var(--es-color-accent-500);
   }
@@ -5875,6 +6017,21 @@
     }
   }
 
+  .es\:has-dragging\:inset-ring-1:has([data-dragging]) {
+    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .es\:has-dragging\:inset-ring-accent-500\/10:has([data-dragging]) {
+    --tw-inset-ring-color: var(--es-color-accent-500);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .es\:has-dragging\:inset-ring-accent-500\/10:has([data-dragging]) {
+      --tw-inset-ring-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
+    }
+  }
+
   .es\:has-icon\:pl-1:has(* > svg) {
     padding-left: calc(var(--es-spacing) * 1);
   }
@@ -6225,6 +6382,16 @@
     }
   }
 
+  .es\:selected\:bg-accent-600\/15[data-selected] {
+    background-color: var(--es-color-accent-600);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .es\:selected\:bg-accent-600\/15[data-selected] {
+      background-color: color-mix(in oklab, var(--es-color-accent-600) 15%, transparent);
+    }
+  }
+
   .es\:selected\:bg-gradient-to-br[data-selected] {
     --tw-gradient-position: to bottom right in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
@@ -6327,6 +6494,21 @@
     }
   }
 
+  .es\:selected\:focus-visible\:inset-ring[data-selected]:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .es\:selected\:focus-visible\:inset-ring-accent-600\/30[data-selected]:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+    --tw-inset-ring-color: var(--es-color-accent-600);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .es\:selected\:focus-visible\:inset-ring-accent-600\/30[data-selected]:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+      --tw-inset-ring-color: color-mix(in oklab, var(--es-color-accent-600) 30%, transparent);
+    }
+  }
+
   .es\:dragging\:scale-110\![data-dragging] {
     --tw-scale-x: 110% !important;
     --tw-scale-y: 110% !important;
@@ -6334,6 +6516,43 @@
     scale: var(--tw-scale-x) var(--tw-scale-y) !important;
   }
 
+  .es\:dragging\:cursor-grabbing[data-dragging] {
+    cursor: grabbing;
+  }
+
+  .es\:dragging\:bg-transparent[data-dragging] {
+    background-color: #0000;
+  }
+
+  .es\:dragging\:text-accent-600\/40[data-dragging] {
+    color: var(--es-color-accent-600);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .es\:dragging\:text-accent-600\/40[data-dragging] {
+      color: color-mix(in oklab, var(--es-color-accent-600) 40%, transparent);
+    }
+  }
+
+  .es\:dragging\:inset-ring-accent-600\/20[data-dragging] {
+    --tw-inset-ring-color: var(--es-color-accent-600);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .es\:dragging\:inset-ring-accent-600\/20[data-dragging] {
+      --tw-inset-ring-color: color-mix(in oklab, var(--es-color-accent-600) 20%, transparent);
+    }
+  }
+
+  .es\:drop-target\:bg-accent-600[data-drop-target] {
+    background-color: var(--es-color-accent-600);
+  }
+
+  .es\:any-focus\:inset-ring-0:is(:focus-visible, [data-rac][data-focus-visible], :focus, [data-rac][data-focused]) {
+    --tw-inset-ring-shadow: inset 0 0 0 0px var(--tw-inset-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
   .es\:any-focus\:outline-hidden:is(:focus-visible, [data-rac][data-focus-visible], :focus, [data-rac][data-focused]) {
     --tw-outline-style: none;
     outline-style: none;
@@ -6423,6 +6642,11 @@
     height: .8rem;
   }
 
+  .es\:icon\:size-\[1em\] > svg {
+    width: 1em;
+    height: 1em;
+  }
+
   .es\:icon\:size-full > svg {
     width: 100%;
     height: 100%;

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-BuJgePCv.js";
+import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../Text-AxKZjtFm.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,14 +1,14 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1, b as $0393f8ab869a0f1a$export$c17561cb55d4db30 } from "../../Button-DH22t_SM.js";
-import { k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $3ef42575df84b30b$export$9d1611c77c2fe928, l as $df56164dff5785e2$export$4338b53315abf666 } from "../../utils-CZt7LCbO.js";
-import { $ as $9bf71ea28793e738$export$c5251b9e124bf29 } from "../../FocusScope-BEPI2m7u.js";
-import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
+import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1, b as $0393f8ab869a0f1a$export$c17561cb55d4db30 } from "../../Button-RTwMSBs-.js";
+import { k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, a as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3, b as $3ef42575df84b30b$export$9d1611c77c2fe928, l as $df56164dff5785e2$export$4338b53315abf666 } from "../../utils-cvK1vxO7.js";
+import { $ as $9bf71ea28793e738$export$c5251b9e124bf29 } from "../../FocusScope-BnwM-e8R.js";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-D2C6R0DK.js";
 import React__default, { useState, useRef, forwardRef, createContext, cloneElement } from "react";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-BbYZoHvX.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-DMOmz986.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { c as cva } from "../../index-BljRBEr_.js";
+import { c as cva } from "../../index-Dq3gT5pW.js";
 import { Tooltip } from "../tooltip/tooltip.js";
-import { _ as __ } from "../../default-i18n-OFa3zAyB.js";
+import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
 import { icons } from "../../icons/icons.js";
 import "../../react-jsx-parser.min-LF707GK8.js";
 function $2680b1829e803644$export$fa142eb1681c520(props, ref) {
@@ -78,11 +78,12 @@ const $13c3c67164f4d5be$export$4c260019440d418f = /* @__PURE__ */ forwardRef(fun
     },
     defaultClassName: "react-aria-Toolbar"
   });
-  let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props);
+  let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    global: true
+  });
   delete DOMProps.id;
   return /* @__PURE__ */ React__default.createElement("div", {
-    ...$3ef42575df84b30b$export$9d1611c77c2fe928(toolbarProps, DOMProps),
-    ...renderProps,
+    ...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, renderProps, toolbarProps),
     ref,
     slot: props.slot || void 0,
     "data-orientation": props.orientation || "horizontal"

package/dist/components/checkbox/checkbox.js

@@ -1,16 +1,16 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { a as $4e85f108e88277b8$export$b085522c77523c51 } from "../../RSPContexts-2lR5GG9p.js";
-import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, h as $64fa3d84918910a7$export$ef03459518577ad4, b as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-CZt7LCbO.js";
-import { a as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, b as $e93e671b31057976$export$b8473d3665f3a75a, c as $e5be200c675c3b3a$export$a763b9476acd3eb, d as $e5be200c675c3b3a$export$dad6ae84456c676a, $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Bnyyv3Im.js";
-import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
+import { b as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, g as $64fa3d84918910a7$export$ef03459518577ad4, h as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-cvK1vxO7.js";
+import { a as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, b as $e93e671b31057976$export$b8473d3665f3a75a, c as $e5be200c675c3b3a$export$a763b9476acd3eb, d as $e5be200c675c3b3a$export$dad6ae84456c676a, $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-BeMxJA29.js";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-D2C6R0DK.js";
 import React__default, { useEffect, useRef, forwardRef, useContext, createContext, useMemo } from "react";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../../usePress-DWBuejBp.js";
-import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-yGuUBU7q.js";
-import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-ibcBUHnB.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-Bv0UJQl8.js";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-C2SkI1Fn.js";
-import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-BYi0pekx.js";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-JS_ob-kh.js";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../../usePress-BnrkvZ7e.js";
+import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-OaIBlwRu.js";
+import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-BF8hvidm.js";
+import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-D5BfOWag.js";
+import { e as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-44IApaa2.js";
+import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-D9s7FTtC.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DWVaNd2E.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
 import { icons } from "../../icons/icons.js";
@@ -60,13 +60,14 @@ function $fba3e38d5ca8983f$export$353b32fc6898d37d(props, state, inputRef) {
   const toggleState = $3017fa7ffdddec74$export$8042c6c013fd5226({
     isReadOnly: props.isReadOnly || state.isReadOnly,
     isSelected: state.isSelected(props.value),
+    defaultSelected: state.defaultValue.includes(props.value),
     onChange(isSelected) {
       if (isSelected) state.addValue(props.value);
       else state.removeValue(props.value);
       if (props.onChange) props.onChange(isSelected);
     }
   });
-  let { name, descriptionId, errorMessageId, validationBehavior } = $1ae600c947479353$export$ec98120685d4f57d.get(state);
+  let { name, form, descriptionId, errorMessageId, validationBehavior } = $1ae600c947479353$export$ec98120685d4f57d.get(state);
   var _props_validationBehavior;
   validationBehavior = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : validationBehavior;
   let { realtimeValidation } = $e5be200c675c3b3a$export$fc1a364ae1f3ff10({
@@ -89,6 +90,7 @@ function $fba3e38d5ca8983f$export$353b32fc6898d37d(props, state, inputRef) {
     isReadOnly: props.isReadOnly || state.isReadOnly,
     isDisabled: props.isDisabled || state.isDisabled,
     name: props.name || name,
+    form: props.form || form,
     isRequired: (_props_isRequired = props.isRequired) !== null && _props_isRequired !== void 0 ? _props_isRequired : state.isRequired,
     validationBehavior,
     [$e5be200c675c3b3a$export$a763b9476acd3eb]: {
@@ -161,8 +163,11 @@ const $bc237834342dbd75$export$48513f6b9f8ce62d = /* @__PURE__ */ forwardRef(fun
       isRequired: props.isRequired || false
     }
   });
-  let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props);
+  let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    global: true
+  });
   delete DOMProps.id;
+  delete DOMProps.onClick;
   return /* @__PURE__ */ React__default.createElement("label", {
     ...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, labelProps, hoverProps, renderProps),
     ref,

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

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { _ as __ } from "../../default-i18n-OFa3zAyB.js";
+import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
 import { Menu, MenuItem, MenuSeparator, MenuSection } from "../menu/menu.js";
 import { ColorSwatch } from "./color-swatch.js";
 import { RichLabel } from "../rich-label/rich-label.js";

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

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { $ as $251c695a52d94a8d$export$cae13e90592f246a } from "../../ColorSwatch-Dt3lRApA.js";
+import { $ as $251c695a52d94a8d$export$cae13e90592f246a } from "../../ColorSwatch-xVS3rMYS.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { _ as __ } from "../../default-i18n-OFa3zAyB.js";
-import { $ as $799cddbef784668f$export$6e865ea70d7724f } from "../../Color-CNqKeT8D.js";
+import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
+import { $ as $799cddbef784668f$export$6e865ea70d7724f } from "../../Color-WxFE7lQB.js";
 /**
  * A simple color/gradient swatch.
  *

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

@@ -1,12 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { _ as __, s as sprintf } from "../../default-i18n-OFa3zAyB.js";
+import { s as sprintf } from "../../sprintf-DmNrJSYG.js";
+import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
 import { useMemo, useState } from "react";
 import { ButtonGroup, Button } from "../button/button.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-Dt3lRApA.js";
+import { $ as $251c695a52d94a8d$export$cae13e90592f246a } from "../../ColorSwatch-xVS3rMYS.js";
 import { Menu, MenuItem } from "../menu/menu.js";
 import { MatrixAlign } from "../matrix-align/matrix-align.js";
 import { Spacer } from "../spacer/spacer.js";