@eightshift/ui-components 5.6.0 → 6.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (150) hide show
  1. package/dist/{Button-BhEIfWLY.js → Button-BXjXzdW_.js} +13 -13
  2. package/dist/{Dialog-B8p4Ymh7.js → Dialog-D8bjn-nh.js} +404 -77
  3. package/dist/{FieldError-B8BgFmIQ.js → FieldError-DwBG6m1U.js} +2 -2
  4. package/dist/{FocusScope-B5vxRkHm.js → FocusScope-BMk5oZCk.js} +8 -8
  5. package/dist/{Heading-B5aEynOM.js → Heading-BmRX4BRL.js} +3 -3
  6. package/dist/{Hidden-rE6uR-lr.js → Hidden-Rfj-STx7.js} +4 -4
  7. package/dist/{Input-8yja_IHC.js → Input-CNNksOWg.js} +11 -11
  8. package/dist/{Label-DWVaNd2E.js → Label-D8a3eYb-.js} +4 -4
  9. package/dist/{List-Bll1lQEW.js → List-BGHOoFf0.js} +8 -8
  10. package/dist/{ListBox-CEpKw7yC.js → ListBox-Dd37zMvs.js} +40 -41
  11. package/dist/{OverlayArrow-DDfa8khI.js → OverlayArrow-DokC40S3.js} +6 -6
  12. package/dist/{PortalProvider---wyKpMr.js → PortalProvider-CHPnqDSH.js} +2 -2
  13. package/dist/RadioGroup-BVFvITWO.js +371 -0
  14. package/dist/{SearchField-D6mPli0i.js → SearchField-CHYnN-jt.js} +16 -16
  15. package/dist/{SelectionManager-D77bfEbg.js → SelectionManager-N8X7T_4D.js} +44 -46
  16. package/dist/{SharedElementTransition-BjRNHsjx.js → SharedElementTransition-BDT84GtD.js} +3 -3
  17. package/dist/{Slider-DfU6bRtH.js → Slider-CL5CM9S8.js} +23 -23
  18. package/dist/{Text-AxKZjtFm.js → Text-ztX6G1zR.js} +3 -3
  19. package/dist/{VisuallyHidden-CgnIuZJ2.js → VisuallyHidden-DTUuKFiI.js} +4 -4
  20. package/dist/assets/style-admin.css +12156 -2
  21. package/dist/assets/style-editor.css +12156 -2
  22. package/dist/assets/style.css +12162 -2
  23. package/dist/assets/wp-overrides/allow-full-width-blocks.css +6 -0
  24. package/dist/assets/wp-overrides/fix-label-text-case.css +29 -0
  25. package/dist/assets/wp-overrides/increase-sidebar-width.css +4 -0
  26. package/dist/assets/wp-overrides/make-block-messages-nicer.css +155 -0
  27. package/dist/assets/wp-overrides/replace-fonts.css +8 -0
  28. package/dist/assets/wp-overrides/restyle-tooltips.css +194 -0
  29. package/dist/assets/wp-overrides/round-corners.css +200 -0
  30. package/dist/assets/wp-overrides/unify-button-sizes.css +5 -0
  31. package/dist/clsx-DgYk2OaC.js +16 -0
  32. package/dist/{Color-WxFE7lQB.js → color-swatch-CFIuSPcO.js} +124 -6
  33. package/dist/components/animated-visibility/animated-visibility.js +25 -17
  34. package/dist/components/base-control/base-control.js +8 -5
  35. package/dist/components/base-control/container.js +204 -0
  36. package/dist/components/breakpoint-preview/breakpoint-preview.js +0 -1
  37. package/dist/components/button/button.js +249 -155
  38. package/dist/components/checkbox/checkbox.js +96 -37
  39. package/dist/components/color-pickers/color-picker.js +16 -7
  40. package/dist/components/color-pickers/color-swatch.js +5 -57
  41. package/dist/components/color-pickers/gradient-editor.js +161 -138
  42. package/dist/components/color-pickers/solid-color-picker.js +308 -206
  43. package/dist/components/component-toggle/component-toggle.js +12 -8
  44. package/dist/components/container-panel/container-panel.js +54 -31
  45. package/dist/components/draggable/draggable-handle.js +8 -7
  46. package/dist/components/draggable/draggable.js +2 -2
  47. package/dist/components/draggable-list/draggable-list-item.js +21 -12
  48. package/dist/components/draggable-list/draggable-list.js +19 -21
  49. package/dist/components/expandable/expandable.js +56 -28
  50. package/dist/components/index.js +7 -21
  51. package/dist/components/input-field/input-field.js +112 -35
  52. package/dist/components/item-collection/item-collection.js +1 -1
  53. package/dist/components/link-input/link-input.js +181 -121
  54. package/dist/components/matrix-align/matrix-align.js +54 -21
  55. package/dist/components/menu/menu.js +26 -34
  56. package/dist/components/modal/modal.js +31 -28
  57. package/dist/components/notice/notice.js +45 -28
  58. package/dist/components/number-picker/number-picker.js +151 -101
  59. package/dist/components/option-select/option-select.js +40 -4
  60. package/dist/components/options-panel/options-panel.js +52 -25
  61. package/dist/components/placeholders/file-picker-shell.js +10 -10
  62. package/dist/components/placeholders/file-placeholder.js +14 -6
  63. package/dist/components/placeholders/image-placeholder.js +14 -4
  64. package/dist/components/placeholders/media-placeholder.js +11 -4
  65. package/dist/components/popover/popover.js +14 -11
  66. package/dist/components/portal-provider/portal-provider.js +1 -1
  67. package/dist/components/radio/radio.js +118 -429
  68. package/dist/components/repeater/repeater-item.js +7 -10
  69. package/dist/components/repeater/repeater.js +9 -15
  70. package/dist/components/responsive/mini-responsive.js +53 -62
  71. package/dist/components/responsive/responsive-legacy.js +1 -2
  72. package/dist/components/responsive/responsive.js +27 -28
  73. package/dist/components/responsive-preview/responsive-preview.js +1 -2
  74. package/dist/components/rich-label/rich-label.js +5 -5
  75. package/dist/components/select/async-multi-select.js +467 -100
  76. package/dist/components/select/{v2/async-select.js → async-select.js} +182 -106
  77. package/dist/components/select/multi-select.js +437 -83
  78. package/dist/components/select/shared.js +14 -42
  79. package/dist/components/select/single-select.js +349 -54
  80. package/dist/components/slider/column-config-slider.js +138 -45
  81. package/dist/components/slider/slider.js +265 -205
  82. package/dist/components/slider/utils.js +32 -1
  83. package/dist/components/smart-image/smart-image.js +27 -6
  84. package/dist/components/smart-image/worker-inline.js +1 -1
  85. package/dist/components/spacer/spacer.js +2 -2
  86. package/dist/components/tabs/tabs.js +370 -101
  87. package/dist/components/toggle/switch.js +174 -39
  88. package/dist/components/toggle/toggle.js +6 -3
  89. package/dist/components/toggle-button/toggle-button.js +140 -56
  90. package/dist/components/tooltip/tooltip.js +27 -26
  91. package/dist/{context-DMOmz986.js → context-BQvmiUqb.js} +3 -3
  92. package/dist/{default-i18n-DBm-GqWM.js → default-i18n-CnQeC5Pl.js} +10 -10
  93. package/dist/{general-6STKQIrk.js → general-B6pOveVp.js} +13 -12
  94. package/dist/icons/icons.js +28 -9
  95. package/dist/icons/jsx-svg.js +1 -1
  96. package/dist/icons/spinner.js +3 -1
  97. package/dist/{index-Dq3gT5pW.js → index-BHpUy2Ix.js} +1 -1
  98. package/dist/{index-DjyEH0Gg.js → index-oFgxU4zs.js} +6 -4
  99. package/dist/index.js +6 -20
  100. package/dist/proxy-0B6wWuDe.js +7409 -0
  101. package/dist/{react-jsx-parser.min-VUl-CuCv.js → react-jsx-parser.min-B_hvYYa1.js} +5 -5
  102. package/dist/{Select-CHzjZxXy.js → shared-DwjRce5e.js} +170 -36
  103. package/dist/{textSelection-DbCKqaw8.js → textSelection-CwHUtNVX.js} +1 -1
  104. package/dist/{useButton-B2EaQJT_.js → useButton-DdZrS1Kz.js} +3 -3
  105. package/dist/{useEvent-BifIGnVS.js → useEvent-BD7Olibq.js} +1 -1
  106. package/dist/{useFilter-BPcJ-Jzv.js → useFilter-bhxeEDg8.js} +1 -1
  107. package/dist/{useFocusRing-Cgm0R4Cf.js → useFocusRing-D3b7Kh4P.js} +1 -1
  108. package/dist/{useFormReset-yV9VVy9R.js → useFormReset-WUv2PdFO.js} +1 -1
  109. package/dist/{useFormValidation-CeNsUGWK.js → useFormValidation-DQeXkyLm.js} +2 -2
  110. package/dist/{useHover-BRDW3y7-.js → useHover-Bycb7BsD.js} +7 -7
  111. package/dist/{useLabel-C8umX0gk.js → useLabel-Bnv4-T24.js} +2 -2
  112. package/dist/{useLabels-Cdxi6JSa.js → useLabels-B49ptFDX.js} +1 -1
  113. package/dist/{useListState-DZycqxCn.js → useListState-ZKhRO8ML.js} +1 -1
  114. package/dist/{useLocalizedStringFormatter-eaZiN2tE.js → useLocalizedStringFormatter-NETP-8H8.js} +1 -1
  115. package/dist/{useNumberField-CEA9Q4w_.js → useNumberField-D2fUHql3.js} +10 -10
  116. package/dist/{useNumberFormatter-BCmkV-7c.js → useNumberFormatter-DGvuRCn7.js} +1 -1
  117. package/dist/{usePress-BCEPS3hl.js → usePress-B8OteQMu.js} +6 -6
  118. package/dist/{useSingleSelectListState-BFZEfeqI.js → useSingleSelectListState-BBTu4shO.js} +2 -2
  119. package/dist/{useToggle-DNoP2bvV.js → useToggle-BZhaYwZl.js} +4 -4
  120. package/dist/{useToggleState-CzN79ary.js → useToggleState-VkXJjsru.js} +1 -1
  121. package/dist/utilities/general.js +2 -2
  122. package/dist/utilities/hash.js +30 -0
  123. package/dist/utilities/index.js +4 -6
  124. package/dist/{utils-cvK1vxO7.js → utils-DGpXyJOJ.js} +29 -42
  125. package/dist/workers/image-analysis.worker.js +3 -3
  126. package/package.json +26 -23
  127. package/dist/ColorSwatch-xVS3rMYS.js +0 -66
  128. package/dist/Select-ef7c0426.esm-BJmjGGzK.js +0 -2474
  129. package/dist/Separator-DcqCdD4k.js +0 -344
  130. package/dist/_commonjsHelpers-BhWcALO8.js +0 -38
  131. package/dist/assets/wp-font-enhancements.css +0 -2
  132. package/dist/assets/wp-ui-enhancements.css +0 -2
  133. package/dist/components/select/async-single-select.js +0 -138
  134. package/dist/components/select/custom-select-default-components.js +0 -38
  135. package/dist/components/select/multi-select-components.js +0 -8
  136. package/dist/components/select/react-select-component-wrappers.js +0 -90
  137. package/dist/components/select/styles.js +0 -49
  138. package/dist/components/select/v2/async-multi-select.js +0 -433
  139. package/dist/components/select/v2/multi-select.js +0 -404
  140. package/dist/components/select/v2/shared.js +0 -69
  141. package/dist/components/select/v2/single-select.js +0 -358
  142. package/dist/index-641ee5b8.esm-DiwvO-RP.js +0 -3139
  143. package/dist/modifiers.esm-BuJQPI1X.js +0 -31
  144. package/dist/multi-select-components-B3KuDyYd.js +0 -3744
  145. package/dist/react-select-async.esm-_4pk-41v.js +0 -107
  146. package/dist/react-select.esm-BeuAkAyY.js +0 -15
  147. package/dist/sha256-C56UDWfQ.js +0 -533
  148. package/dist/useDragAndDrop-DUXKDS0N.js +0 -3925
  149. package/dist/wp/wp-font-enhancements.js +0 -1
  150. package/dist/wp/wp-ui-enhancements.js +0 -1
@@ -1,13 +1,13 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
- import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $d3f049242431219c$export$45fda7c47f93fd48, c as $2a41e45df1593e64$export$d39e1813b3bdd0e1, b as $d3f049242431219c$export$6d3443f2c48bfc20, d as $44f671af83e7d9e0$export$2de4954e8ae13b9f, e as $44f671af83e7d9e0$export$746d02f47f4d381 } from "../../OverlayArrow-DDfa8khI.js";
3
- import { n as $b5e257d569688ac6$export$535bd6ca7f90a273, b as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $bdb11010cef70236$export$f680877a34711e37, i as $64fa3d84918910a7$export$2881499e37b75b9a, a as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-cvK1vxO7.js";
2
+ import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $d3f049242431219c$export$45fda7c47f93fd48, c as $2a41e45df1593e64$export$d39e1813b3bdd0e1, b as $d3f049242431219c$export$6d3443f2c48bfc20, d as $44f671af83e7d9e0$export$2de4954e8ae13b9f, e as $44f671af83e7d9e0$export$746d02f47f4d381 } from "../../OverlayArrow-DokC40S3.js";
3
+ import { m as $b5e257d569688ac6$export$535bd6ca7f90a273, a as $3ef42575df84b30b$export$9d1611c77c2fe928, b as $bdb11010cef70236$export$f680877a34711e37, h as $64fa3d84918910a7$export$2881499e37b75b9a, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, g as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-DGpXyJOJ.js";
4
4
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-D2C6R0DK.js";
5
- import { w as $6179b936705e76d3$export$ae780daf29e6d456, $ as $f645667febf57a63$export$4c014de7c8940b4c, u as $507fabe10e71c6fb$export$630ff653c5ada6a9, l as $507fabe10e71c6fb$export$b9b3dfddab17db27, y as $f645667febf57a63$export$13f3202a3e5ddd5 } from "../../useHover-BRDW3y7-.js";
6
- import React__default, { useContext, useState, useMemo, useRef, useEffect, forwardRef, createContext } from "react";
7
- import { a as $96b38030c423d352$export$9fc1347d4195ccb3 } from "../../PortalProvider---wyKpMr.js";
8
- import { $ as $dbSRa$reactdom } from "../../index-DjyEH0Gg.js";
5
+ import { w as $6179b936705e76d3$export$ae780daf29e6d456, $ as $f645667febf57a63$export$4c014de7c8940b4c, u as $507fabe10e71c6fb$export$630ff653c5ada6a9, l as $507fabe10e71c6fb$export$b9b3dfddab17db27, y as $f645667febf57a63$export$13f3202a3e5ddd5 } from "../../useHover-Bycb7BsD.js";
6
+ import $dbSRa$react__default, { useContext, useState, useMemo, useRef, useEffect, forwardRef, createContext } from "react";
7
+ import { a as $96b38030c423d352$export$9fc1347d4195ccb3 } from "../../PortalProvider-CHPnqDSH.js";
8
+ import { $ as $dbSRa$reactdom } from "../../index-oFgxU4zs.js";
9
9
  import { c as clsx } from "../../lite-DVmmD_-j.js";
10
- const $f57aed4a881a3485$var$Context = /* @__PURE__ */ React__default.createContext(null);
10
+ const $f57aed4a881a3485$var$Context = /* @__PURE__ */ $dbSRa$react__default.createContext(null);
11
11
  function $f57aed4a881a3485$export$178405afcd8c5eb(props) {
12
12
  let { children } = props;
13
13
  let parent = useContext($f57aed4a881a3485$var$Context);
@@ -27,7 +27,7 @@ function $f57aed4a881a3485$export$178405afcd8c5eb(props) {
27
27
  parent,
28
28
  modalCount
29
29
  ]);
30
- return /* @__PURE__ */ React__default.createElement($f57aed4a881a3485$var$Context.Provider, {
30
+ return /* @__PURE__ */ $dbSRa$react__default.createElement($f57aed4a881a3485$var$Context.Provider, {
31
31
  value: context
32
32
  }, children);
33
33
  }
@@ -41,27 +41,27 @@ function $f57aed4a881a3485$export$d9aaed4c3ece1bc0() {
41
41
  }
42
42
  function $f57aed4a881a3485$var$OverlayContainerDOM(props) {
43
43
  let { modalProviderProps } = $f57aed4a881a3485$export$d9aaed4c3ece1bc0();
44
- return /* @__PURE__ */ React__default.createElement("div", {
44
+ return /* @__PURE__ */ $dbSRa$react__default.createElement("div", {
45
45
  "data-overlay-container": true,
46
46
  ...props,
47
47
  ...modalProviderProps
48
48
  });
49
49
  }
50
50
  function $f57aed4a881a3485$export$bf688221f59024e5(props) {
51
- return /* @__PURE__ */ React__default.createElement($f57aed4a881a3485$export$178405afcd8c5eb, null, /* @__PURE__ */ React__default.createElement($f57aed4a881a3485$var$OverlayContainerDOM, props));
51
+ return /* @__PURE__ */ $dbSRa$react__default.createElement($f57aed4a881a3485$export$178405afcd8c5eb, null, /* @__PURE__ */ $dbSRa$react__default.createElement($f57aed4a881a3485$var$OverlayContainerDOM, props));
52
52
  }
53
53
  function $f57aed4a881a3485$export$b47c3594eab58386(props) {
54
54
  let isSSR = $b5e257d569688ac6$export$535bd6ca7f90a273();
55
55
  let { portalContainer = isSSR ? null : document.body, ...rest } = props;
56
56
  let { getContainer } = $96b38030c423d352$export$9fc1347d4195ccb3();
57
57
  if (!props.portalContainer && getContainer) portalContainer = getContainer();
58
- React__default.useEffect(() => {
58
+ $dbSRa$react__default.useEffect(() => {
59
59
  if (portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.closest("[data-overlay-container]")) throw new Error("An OverlayContainer must not be inside another container. Please change the portalContainer prop.");
60
60
  }, [
61
61
  portalContainer
62
62
  ]);
63
63
  if (!portalContainer) return null;
64
- let contents = /* @__PURE__ */ React__default.createElement($f57aed4a881a3485$export$bf688221f59024e5, rest);
64
+ let contents = /* @__PURE__ */ $dbSRa$react__default.createElement($f57aed4a881a3485$export$bf688221f59024e5, rest);
65
65
  return /* @__PURE__ */ $dbSRa$reactdom.createPortal(contents, portalContainer);
66
66
  }
67
67
  function $326e436e94273fe1$export$1c4b08e0eca38426(props, state) {
@@ -260,7 +260,7 @@ function $4e3b923658d69c60$export$8c610744efcf8a1d(props) {
260
260
  let state = $8796f90736e175cb$export$4d40659c25ecb50b(props);
261
261
  let ref = useRef(null);
262
262
  let { triggerProps, tooltipProps } = $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref);
263
- return /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
263
+ return /* @__PURE__ */ $dbSRa$react__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
264
264
  values: [
265
265
  [
266
266
  $4e3b923658d69c60$export$7a7623236eec67fa,
@@ -274,7 +274,7 @@ function $4e3b923658d69c60$export$8c610744efcf8a1d(props) {
274
274
  }
275
275
  ]
276
276
  ]
277
- }, /* @__PURE__ */ React__default.createElement($f645667febf57a63$export$13f3202a3e5ddd5, {
277
+ }, /* @__PURE__ */ $dbSRa$react__default.createElement($f645667febf57a63$export$13f3202a3e5ddd5, {
278
278
  ...triggerProps,
279
279
  ref
280
280
  }, props.children));
@@ -286,9 +286,9 @@ const $4e3b923658d69c60$export$28c660c63b792dea = /* @__PURE__ */ forwardRef(fun
286
286
  let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
287
287
  let isExiting = $d3f049242431219c$export$45fda7c47f93fd48(ref, state.isOpen) || props.isExiting || false;
288
288
  if (!state.isOpen && !isExiting) return null;
289
- return /* @__PURE__ */ React__default.createElement($f57aed4a881a3485$export$b47c3594eab58386, {
289
+ return /* @__PURE__ */ $dbSRa$react__default.createElement($f57aed4a881a3485$export$b47c3594eab58386, {
290
290
  portalContainer: UNSTABLE_portalContainer
291
- }, /* @__PURE__ */ React__default.createElement($4e3b923658d69c60$var$TooltipInner, {
291
+ }, /* @__PURE__ */ $dbSRa$react__default.createElement($4e3b923658d69c60$var$TooltipInner, {
292
292
  ...props,
293
293
  tooltipRef: ref,
294
294
  isExiting
@@ -326,7 +326,7 @@ function $4e3b923658d69c60$var$TooltipInner(props) {
326
326
  let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
327
327
  global: true
328
328
  });
329
- return /* @__PURE__ */ React__default.createElement("div", {
329
+ return /* @__PURE__ */ $dbSRa$react__default.createElement("div", {
330
330
  ...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, renderProps, tooltipProps),
331
331
  ref: props.tooltipRef,
332
332
  style: {
@@ -337,7 +337,7 @@ function $4e3b923658d69c60$var$TooltipInner(props) {
337
337
  "data-placement": placement !== null && placement !== void 0 ? placement : void 0,
338
338
  "data-entering": isEntering || void 0,
339
339
  "data-exiting": props.isExiting || void 0
340
- }, /* @__PURE__ */ React__default.createElement($44f671af83e7d9e0$export$2de4954e8ae13b9f.Provider, {
340
+ }, /* @__PURE__ */ $dbSRa$react__default.createElement($44f671af83e7d9e0$export$2de4954e8ae13b9f.Provider, {
341
341
  value: {
342
342
  ...arrowProps,
343
343
  placement,
@@ -392,10 +392,10 @@ const Tooltip2 = (props) => {
392
392
  children,
393
393
  text,
394
394
  theme = "dark",
395
- offset = 0,
395
+ offset = 5,
396
396
  crossOffset = 0,
397
397
  containerPadding = 12,
398
- openDelay = 1500,
398
+ openDelay = 1200,
399
399
  closeDelay = 500,
400
400
  shouldFlip = true,
401
401
  arrow,
@@ -429,11 +429,12 @@ const Tooltip2 = (props) => {
429
429
  crossOffset,
430
430
  className: ({ isEntering, isExiting }) => clsx(
431
431
  "es:group es:pointer-events-none",
432
- "es:z-20 es:select-none es:rounded-md es:border es:px-1.5 es:py-0.5 es:text-sm es:shadow es:backdrop-blur-3xl es:will-change-[transform,opacity] es:fill-mode-forwards",
433
- theme === "light" && "es:border-secondary-200 es:bg-white/90 es:text-secondary-700",
434
- theme === "dark" && "es:border-secondary-600 es:bg-black/80 es:text-secondary-100",
435
- isEntering && "es:motion-opacity-in es:motion-duration-300 es:motion-safe:data-[placement=left]:motion-translate-x-in-[5%] es:motion-safe:data-[placement=right]:-motion-translate-x-in-[5%] es:motion-safe:data-[placement=top]:motion-translate-y-in-[5%] es:motion-safe:data-[placement=bottom]:-motion-translate-y-in-[5%] es:motion-ease-spring-smooth es:motion-ease-linear/opacity",
436
- isExiting && "es:motion-opacity-out es:motion-duration-200 es:motion-safe:data-[placement=left]:motion-translate-x-out-[12.5%] es:motion-safe:data-[placement=right]:motion-translate-x-out-[-12.5%] es:motion-safe:data-[placement=top]:motion-translate-y-out-[12.5%] es:motion-safe:data-[placement=bottom]:motion-translate-y-out-[-12.5%] es:motion-ease-spring-smooth es:motion-ease-linear/opacity",
432
+ 'es:font-variation-["wdth"_72,"YTLC"_520,"wght"_380]',
433
+ "es:z-40 es:select-none es:rounded-lg es:inset-ring es:px-2.5 es:py-2 es:text-13 es:leading-none es:shadow es:backdrop-blur-xl es:backdrop-brightness-105 es:backdrop-saturate-125 es:will-change-[transform,opacity] es:fill-mode-forwards",
434
+ theme === "light" && "es:inset-ring-surface-800/5 es:bg-surface-50/90 es:text-secondary-700",
435
+ theme === "dark" && "es:inset-ring-surface-200/15 es:bg-surface-800/80 es:text-secondary-100",
436
+ isEntering && "es:motion-opacity-in es:motion-duration-300 es:placement-left:motion-translate-x-in-[5%] es:placement-right:-motion-translate-x-in-[5%] es:placement-top:motion-translate-y-in-[5%] es:placement-bottom:-motion-translate-y-in-[5%] es:motion-ease-spring-smooth es:motion-ease-linear/opacity es:motion-blur-in-[1px]",
437
+ isExiting && "es:motion-opacity-out es:motion-duration-200 es:placement-left:motion-translate-x-out-[12.5%] es:placement-right:motion-translate-x-out-[-12.5%] es:placement-top:motion-translate-y-out-[12.5%] es:placement-bottom:motion-translate-y-out-[-12.5%] es:motion-ease-spring-smooth es:motion-ease-linear/opacity es:motion-blur-out-[2px]",
437
438
  className
438
439
  ),
439
440
  children: [
@@ -448,7 +449,7 @@ const Tooltip2 = (props) => {
448
449
  "es:pointer-events-none",
449
450
  theme === "light" && "es:fill-secondary-200",
450
451
  theme === "dark" && "es:fill-secondary-600",
451
- "es:group-data-[placement=left]:-rotate-90 es:group-data-[placement=right]:rotate-90 es:group-data-[placement=bottom]:rotate-180",
452
+ "es:group-placement-left:-rotate-90 es:group-placement-right:rotate-90 es:group-placement-bottom:rotate-180",
452
453
  "es:forced-colors:fill-[Canvas] es:forced-colors:stroke-[ButtonBorder]"
453
454
  ),
454
455
  children: /* @__PURE__ */ jsx("path", { d: "M0 0 L4 4 L8 0" })
@@ -1,5 +1,5 @@
1
- import React__default, { useState, useEffect, useContext } from "react";
2
- import { n as $b5e257d569688ac6$export$535bd6ca7f90a273 } from "./utils-cvK1vxO7.js";
1
+ import $dbSRa$react__default, { useState, useEffect, useContext } from "react";
2
+ import { m as $b5e257d569688ac6$export$535bd6ca7f90a273 } from "./utils-DGpXyJOJ.js";
3
3
  const $148a7a147e38ea7f$var$RTL_SCRIPTS = /* @__PURE__ */ new Set([
4
4
  "Arab",
5
5
  "Syrc",
@@ -81,7 +81,7 @@ function $1e5a04cdaf7d1af8$export$188ec29ebc2bdc3a() {
81
81
  };
82
82
  return defaultLocale;
83
83
  }
84
- const $18f2051aff69b9bf$var$I18nContext = /* @__PURE__ */ React__default.createContext(null);
84
+ const $18f2051aff69b9bf$var$I18nContext = /* @__PURE__ */ $dbSRa$react__default.createContext(null);
85
85
  function $18f2051aff69b9bf$export$43bb16f9c6d9e3f7() {
86
86
  let defaultLocale = $1e5a04cdaf7d1af8$export$188ec29ebc2bdc3a();
87
87
  let context = useContext($18f2051aff69b9bf$var$I18nContext);
@@ -206,15 +206,15 @@ Tannin.prototype.dcnpgettext = function(domain, context, singular, plural, n) {
206
206
  }
207
207
  return index === 0 ? singular : plural;
208
208
  };
209
- const DEFAULT_LOCALE_DATA = {
209
+ var DEFAULT_LOCALE_DATA = {
210
210
  "": {
211
211
  plural_forms(n) {
212
212
  return n === 1 ? 0 : 1;
213
213
  }
214
214
  }
215
215
  };
216
- const I18N_HOOK_REGEXP = /^i18n\.(n?gettext|has_translation)(_|$)/;
217
- const createI18n = (initialData, initialDomain, hooks) => {
216
+ var I18N_HOOK_REGEXP = /^i18n\.(n?gettext|has_translation)(_|$)/;
217
+ var createI18n = (initialData, initialDomain, hooks) => {
218
218
  const tannin = new Tannin({});
219
219
  const listeners = /* @__PURE__ */ new Set();
220
220
  const notifyListeners = () => {
@@ -641,7 +641,7 @@ function createDidHook(hooks, storeKey) {
641
641
  };
642
642
  }
643
643
  var createDidHook_default = createDidHook;
644
- class _Hooks {
644
+ var _Hooks = class {
645
645
  actions;
646
646
  filters;
647
647
  addAction;
@@ -686,13 +686,13 @@ class _Hooks {
686
686
  this.didAction = createDidHook_default(this, "actions");
687
687
  this.didFilter = createDidHook_default(this, "filters");
688
688
  }
689
- }
689
+ };
690
690
  function createHooks() {
691
691
  return new _Hooks();
692
692
  }
693
693
  var createHooks_default = createHooks;
694
- const defaultHooks = createHooks_default();
695
- const {
694
+ var defaultHooks = createHooks_default();
695
+ var {
696
696
  addAction,
697
697
  addFilter,
698
698
  removeAction,
@@ -714,14 +714,14 @@ const {
714
714
  actions,
715
715
  filters
716
716
  } = defaultHooks;
717
- const i18n = createI18n(void 0, void 0, defaultHooks);
717
+ var i18n = createI18n(void 0, void 0, defaultHooks);
718
718
  i18n.getLocaleData.bind(i18n);
719
719
  i18n.setLocaleData.bind(i18n);
720
720
  i18n.resetLocaleData.bind(i18n);
721
721
  i18n.subscribe.bind(i18n);
722
- const __ = i18n.__.bind(i18n);
722
+ var __ = i18n.__.bind(i18n);
723
723
  i18n._x.bind(i18n);
724
- const _n = i18n._n.bind(i18n);
724
+ var _n = i18n._n.bind(i18n);
725
725
  i18n._nx.bind(i18n);
726
726
  i18n.isRTL.bind(i18n);
727
727
  i18n.hasTranslation.bind(i18n);
@@ -1,4 +1,4 @@
1
- import { s as sha256Exports } from "./sha256-C56UDWfQ.js";
1
+ import { cyrb64Hash } from "./utilities/hash.js";
2
2
  var Lane = /* @__PURE__ */ ((Lane2) => {
3
3
  Lane2[Lane2["ALPHA"] = 0] = "ALPHA";
4
4
  Lane2[Lane2["BLUE"] = 1] = "BLUE";
@@ -2855,6 +2855,12 @@ const contrast = (a2, b2) => {
2855
2855
  const lumB = luminanceRgb(rgb(b2)) + 0.05;
2856
2856
  return lumA > lumB ? lumA / lumB : lumB / lumA;
2857
2857
  };
2858
+ const ensureIterable = (x) => {
2859
+ (x == null || !x[Symbol.iterator]) && illegalArgs(`value is not iterable: ${x}`);
2860
+ return x;
2861
+ };
2862
+ const ensureArray = (x) => isArray(x) ? x : [...ensureIterable(x)];
2863
+ const ensureArrayLike = (x) => isArrayLike(x) ? x : [...ensureIterable(x)];
2858
2864
  const hslCss = (src) => {
2859
2865
  const h = FF(fract(src[0]) * 360);
2860
2866
  const s = PC(clamp01(src[1]));
@@ -3627,12 +3633,6 @@ function max(src) {
3627
3633
  (acc, x) => Math.max(acc, x)
3628
3634
  );
3629
3635
  }
3630
- const ensureIterable = (x) => {
3631
- (x == null || !x[Symbol.iterator]) && illegalArgs(`value is not iterable: ${x}`);
3632
- return x;
3633
- };
3634
- const ensureArray = (x) => isArray(x) ? x : [...ensureIterable(x)];
3635
- const ensureArrayLike = (x) => isArrayLike(x) ? x : [...ensureIterable(x)];
3636
3636
  function* permutations(...src) {
3637
3637
  const n = src.length - 1;
3638
3638
  if (n < 0) {
@@ -3955,7 +3955,7 @@ const defaultAnalysisSettings = {
3955
3955
  const analyzeImage = (image, rawSettings) => {
3956
3956
  const settings = { ...defaultAnalysisSettings, ...rawSettings };
3957
3957
  const { yFrom, yTo, maxSize } = settings;
3958
- const cacheKey = `es-uic-img-analysis-${sha256Exports.sha256(image.src)}`;
3958
+ const cacheKey = `es-uic-img-analysis-${cyrb64Hash(image.src)}`;
3959
3959
  if (localStorage?.getItem(cacheKey)) {
3960
3960
  return JSON.parse(localStorage.getItem(cacheKey));
3961
3961
  }
@@ -4019,8 +4019,8 @@ const analyzeImageAsync = async (imageSource, rawSettings, fbfc, fr, ac, dck, sr
4019
4019
  lightnessThreshold: 0.5,
4020
4020
  yFrom: 0,
4021
4021
  yTo: 1,
4022
- maxSize: 320,
4023
- alphaThreshold: 30
4022
+ maxSize: 600,
4023
+ alphaThreshold: 50
4024
4024
  };
4025
4025
  const settings = Object.assign({}, defaults, rawSettings);
4026
4026
  const numColors = settings.numColors;
@@ -4046,7 +4046,7 @@ const analyzeImageAsync = async (imageSource, rawSettings, fbfc, fr, ac, dck, sr
4046
4046
  const transparency = { any: true, left: true, right: true, top: true, bottom: true };
4047
4047
  let counts = { any: 0, left: 0, right: 0, top: 0, bottom: 0 };
4048
4048
  const perimeterThresholdW = Math.floor(0.15 * w);
4049
- const perimeterThresholdH = Math.floor((h > 100 ? 0.05 : 0.5) * h);
4049
+ const perimeterThresholdH = Math.floor((h > 100 ? 0.075 : 0.75) * h);
4050
4050
  const innerThreshold = Math.floor(w * h * 1e-3);
4051
4051
  if (w > 0 && h > 0) {
4052
4052
  for (let x = 0; x < w; x++) {
@@ -4367,5 +4367,6 @@ export {
4367
4367
  analyzeImageData as d,
4368
4368
  floatBufferFromCanvas as f,
4369
4369
  getFileExtension as g,
4370
- isColorDark as i
4370
+ isColorDark as i,
4371
+ srgb as s
4371
4372
  };
@@ -1,4 +1,4 @@
1
- import { jsxs, jsx } from "react/jsx-runtime";
1
+ import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { GenericColorSwatch } from "./generic-color-swatch.js";
3
3
  const icons = {
4
4
  width: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
@@ -581,7 +581,7 @@ const icons = {
581
581
  /* @__PURE__ */ jsx("circle", { cx: "8.5", cy: "8.5", r: "8.5", transform: "matrix(1 0 0 -1 1.5 18.5)", stroke: "currentColor", fill: "none" }),
582
582
  /* @__PURE__ */ jsx("path", { d: "m6 11 3 3 5-7", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })
583
583
  ] }),
584
- check: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "m4 11 4.5 4.5L16 5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }) }),
584
+ check: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M2 10.79 7.143 16 18 5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }) }),
585
585
  textHighlightColorSwatchAlt: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
586
586
  /* @__PURE__ */ jsx("path", { d: "m5.5 11.5 1.535-3.412M14.5 11.5l-1.535-3.412m-5.93 0L10 1.5l2.965 6.588m-5.93 0h5.93", stroke: "currentColor", strokeOpacity: "0.3", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }),
587
587
  /* @__PURE__ */ jsx("path", { d: "m5.5 11.5 1.535-3.412M14.5 11.5l-1.535-3.412m-5.93 0L10 1.5l2.965 6.588m-5.93 0h5.93", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }),
@@ -1271,7 +1271,7 @@ const icons = {
1271
1271
  /* @__PURE__ */ jsx("rect", { x: "1", y: "14.5", width: "18", height: "4.5", rx: "1.5", stroke: "currentColor", fill: "none" }),
1272
1272
  /* @__PURE__ */ jsx("rect", { x: "1", y: "7.75", width: "18", height: "4.5", rx: "1.5", stroke: "currentColor", fill: "none" })
1273
1273
  ] }),
1274
- clear: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "m2 2 8 8m0 0 8 8m-8-8 8-8m-8 8-8 8", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }) }),
1274
+ clear: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "m3 3 7 7m0 0 7 7m-7-7 7-7m-7 7-7 7", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }) }),
1275
1275
  dropdownCaret: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "m3 7 6.646 6.646a.5.5 0 0 0 .708 0L17 7", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }) }),
1276
1276
  checkCircleFill: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M10 19a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm-.955-4.452a.55.55 0 0 1-.434-.16l-3-3a.55.55 0 0 1 .692-.847l.086.07 2.54 2.541 4.624-6.471a.55.55 0 1 1 .894.638l-5 7a.55.55 0 0 1-.402.229Z", fill: "currentColor" }) }),
1277
1277
  componentGeneric: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
@@ -1611,7 +1611,7 @@ const icons = {
1611
1611
  /* @__PURE__ */ jsx("rect", { x: "1", y: "6", width: "18", height: "8", rx: "2", stroke: "currentColor", strokeOpacity: "0.3", fill: "none" }),
1612
1612
  /* @__PURE__ */ jsx("path", { d: "M6 10h8", stroke: "currentColor", strokeLinecap: "round", fill: "none" })
1613
1613
  ] }),
1614
- dropdownCaretAlt: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "m10.53 12.97 4.19-4.19a.75.75 0 0 0-.53-1.28H5.81a.75.75 0 0 0-.53 1.28l4.19 4.19a.75.75 0 0 0 1.06 0Z", fill: "currentColor" }) }),
1614
+ dropdownCaretAlt: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "m10.354 12.646 4.792-4.792A.5.5 0 0 0 14.793 7H5.207a.5.5 0 0 0-.353.854l4.792 4.792a.5.5 0 0 0 .708 0Z", fill: "currentColor" }) }),
1615
1615
  layoutMasonry: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
1616
1616
  /* @__PURE__ */ jsx("rect", { x: "1", y: "1", width: "4.5", height: "7", rx: "1.5", stroke: "currentColor", fill: "none" }),
1617
1617
  /* @__PURE__ */ jsx("rect", { x: "7.75", y: "8", width: "4.5", height: "8", rx: "1.5", stroke: "currentColor", fill: "none" }),
@@ -3227,12 +3227,12 @@ const icons = {
3227
3227
  ] }),
3228
3228
  doorOut: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
3229
3229
  /* @__PURE__ */ jsx("path", { d: "M14 10.5V3a1.5 1.5 0 0 0-1.5-1.5h-7A1.5 1.5 0 0 0 4 3v13a1.5 1.5 0 0 0 1.5 1.5H8", stroke: "currentColor", fill: "none" }),
3230
- /* @__PURE__ */ jsx("path", { "clip-rule": "evenodd", fillRule: "evenodd", d: "M17 18a1.5 1.5 0 0 1-1.5 1.5h-5A1.5 1.5 0 0 1 9 18v-5a1.5 1.5 0 0 1 1.5-1.5h5A1.5 1.5 0 0 1 17 13v5Zm-1.646-2.146a.5.5 0 0 0 0-.708l-2-2a.5.5 0 0 0-.708.708L13.793 15H11a.5.5 0 0 0 0 1h2.793l-1.147 1.146a.5.5 0 0 0 .708.708l2-2Z", fill: "currentColor" }),
3230
+ /* @__PURE__ */ jsx("path", { clipRule: "evenodd", fillRule: "evenodd", d: "M17 18a1.5 1.5 0 0 1-1.5 1.5h-5A1.5 1.5 0 0 1 9 18v-5a1.5 1.5 0 0 1 1.5-1.5h5A1.5 1.5 0 0 1 17 13v5Zm-1.646-2.146a.5.5 0 0 0 0-.708l-2-2a.5.5 0 0 0-.708.708L13.793 15H11a.5.5 0 0 0 0 1h2.793l-1.147 1.146a.5.5 0 0 0 .708.708l2-2Z", fill: "currentColor" }),
3231
3231
  /* @__PURE__ */ jsx("circle", { cx: "6.5", cy: "9.5", r: "1", fill: "currentColor" })
3232
3232
  ] }),
3233
3233
  doorIn: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
3234
3234
  /* @__PURE__ */ jsx("path", { d: "M6 10.5V3a1.5 1.5 0 0 1 1.5-1.5h7A1.5 1.5 0 0 1 16 3v13a1.5 1.5 0 0 1-1.5 1.5H12", stroke: "currentColor", fill: "none" }),
3235
- /* @__PURE__ */ jsx("path", { "clip-rule": "evenodd", fillRule: "evenodd", d: "M11 18a1.5 1.5 0 0 1-1.5 1.5h-5A1.5 1.5 0 0 1 3 18v-5a1.5 1.5 0 0 1 1.5-1.5h5A1.5 1.5 0 0 1 11 13v5Zm-1.646-2.146a.5.5 0 0 0 0-.708l-2-2a.5.5 0 0 0-.708.708L7.793 15H5a.5.5 0 0 0 0 1h2.793l-1.147 1.146a.5.5 0 0 0 .708.708l2-2Z", fill: "currentColor" }),
3235
+ /* @__PURE__ */ jsx("path", { clipRule: "evenodd", fillRule: "evenodd", d: "M11 18a1.5 1.5 0 0 1-1.5 1.5h-5A1.5 1.5 0 0 1 3 18v-5a1.5 1.5 0 0 1 1.5-1.5h5A1.5 1.5 0 0 1 11 13v5Zm-1.646-2.146a.5.5 0 0 0 0-.708l-2-2a.5.5 0 0 0-.708.708L7.793 15H5a.5.5 0 0 0 0 1h2.793l-1.147 1.146a.5.5 0 0 0 .708.708l2-2Z", fill: "currentColor" }),
3236
3236
  /* @__PURE__ */ jsx("circle", { cx: "13.5", cy: "9.5", r: "1", fill: "currentColor" })
3237
3237
  ] }),
3238
3238
  webVideo: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
@@ -3296,14 +3296,14 @@ const icons = {
3296
3296
  /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "9", height: "2", rx: "0.75", fill: "currentColor", fillOpacity: "0.3" }),
3297
3297
  /* @__PURE__ */ jsx("rect", { x: "4", y: "7", width: "4", height: "6", rx: "0.75", fill: "currentColor", fillOpacity: "0.12" }),
3298
3298
  /* @__PURE__ */ jsx("rect", { x: "9", y: "7", width: "4", height: "4", rx: "0.75", fill: "currentColor", fillOpacity: "0.12" }),
3299
- /* @__PURE__ */ jsx("path", { "clip-rule": "evenodd", fillRule: "evenodd", d: "M14.075 11.47a1.176 1.176 0 0 1-1.687 1.06c-.111-.054-.251-.04-.326.058-.226.3-.412.632-.548.99-.05.134.042.276.175.329a1.177 1.177 0 0 1 0 2.186c-.133.053-.226.195-.175.33.136.357.322.69.548.989.075.099.215.112.326.058a1.176 1.176 0 0 1 1.685 1.126c-.007.123.06.247.18.278a4.004 4.004 0 0 0 1.5.095c.143-.018.225-.167.21-.31a1.176 1.176 0 0 1 1.927-1.029c.108.094.276.108.37 0a3.99 3.99 0 0 0 .726-1.207c.05-.135-.042-.276-.175-.33a1.177 1.177 0 0 1 0-2.186c.133-.053.226-.195.175-.33a4.002 4.002 0 0 0-.725-1.207c-.095-.108-.263-.093-.372 0a1.176 1.176 0 0 1-1.927-1.029c.016-.143-.066-.292-.208-.31a4.026 4.026 0 0 0-1.502.095c-.12.03-.186.155-.18.279a.697.697 0 0 1 .003.066Zm1.175 4.942a1.411 1.411 0 1 0-.002-2.822 1.411 1.411 0 0 0 .002 2.822Z", fill: "currentColor" })
3299
+ /* @__PURE__ */ jsx("path", { clipRule: "evenodd", fillRule: "evenodd", d: "M14.075 11.47a1.176 1.176 0 0 1-1.687 1.06c-.111-.054-.251-.04-.326.058-.226.3-.412.632-.548.99-.05.134.042.276.175.329a1.177 1.177 0 0 1 0 2.186c-.133.053-.226.195-.175.33.136.357.322.69.548.989.075.099.215.112.326.058a1.176 1.176 0 0 1 1.685 1.126c-.007.123.06.247.18.278a4.004 4.004 0 0 0 1.5.095c.143-.018.225-.167.21-.31a1.176 1.176 0 0 1 1.927-1.029c.108.094.276.108.37 0a3.99 3.99 0 0 0 .726-1.207c.05-.135-.042-.276-.175-.33a1.177 1.177 0 0 1 0-2.186c.133-.053.226-.195.175-.33a4.002 4.002 0 0 0-.725-1.207c-.095-.108-.263-.093-.372 0a1.176 1.176 0 0 1-1.927-1.029c.016-.143-.066-.292-.208-.31a4.026 4.026 0 0 0-1.502.095c-.12.03-.186.155-.18.279a.697.697 0 0 1 .003.066Zm1.175 4.942a1.411 1.411 0 1 0-.002-2.822 1.411 1.411 0 0 0 .002 2.822Z", fill: "currentColor" })
3300
3300
  ] }),
3301
3301
  captionGeneric: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
3302
3302
  /* @__PURE__ */ jsx("rect", { x: "5", y: "17", width: "10", height: "3", rx: "1", fill: "currentColor" }),
3303
3303
  /* @__PURE__ */ jsx("path", { d: "M16.5 15h-13A1.5 1.5 0 0 1 2 13.5v-11A1.5 1.5 0 0 1 3.5 1h13A1.5 1.5 0 0 1 18 2.5v11a1.5 1.5 0 0 1-1.5 1.5Z", stroke: "currentColor", fill: "none" })
3304
3304
  ] }),
3305
3305
  componentOptions: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
3306
- /* @__PURE__ */ jsx("path", { "clip-rule": "evenodd", fillRule: "evenodd", d: "M14.575 11.97a1.176 1.176 0 0 1-1.687 1.06c-.111-.054-.251-.04-.326.058-.226.3-.412.632-.548.99-.05.134.042.276.175.329a1.177 1.177 0 0 1 0 2.186c-.133.053-.226.195-.175.33.136.357.322.69.548.989.075.099.215.112.326.058a1.176 1.176 0 0 1 1.685 1.126c-.007.123.06.247.18.278a4.004 4.004 0 0 0 1.5.095c.143-.018.225-.167.21-.31a1.176 1.176 0 0 1 1.927-1.029c.108.094.276.108.37 0a3.99 3.99 0 0 0 .726-1.207c.05-.135-.042-.276-.175-.33a1.177 1.177 0 0 1 0-2.186c.133-.053.226-.195.175-.33a4.002 4.002 0 0 0-.725-1.207c-.095-.108-.263-.093-.372 0a1.176 1.176 0 0 1-1.927-1.029c.016-.143-.066-.292-.208-.31a4.026 4.026 0 0 0-1.502.095c-.12.03-.186.155-.18.279a.697.697 0 0 1 .003.066Zm1.175 4.942a1.411 1.411 0 1 0-.002-2.822 1.411 1.411 0 0 0 .002 2.822Z", fill: "currentColor" }),
3306
+ /* @__PURE__ */ jsx("path", { clipRule: "evenodd", fillRule: "evenodd", d: "M14.575 11.97a1.176 1.176 0 0 1-1.687 1.06c-.111-.054-.251-.04-.326.058-.226.3-.412.632-.548.99-.05.134.042.276.175.329a1.177 1.177 0 0 1 0 2.186c-.133.053-.226.195-.175.33.136.357.322.69.548.989.075.099.215.112.326.058a1.176 1.176 0 0 1 1.685 1.126c-.007.123.06.247.18.278a4.004 4.004 0 0 0 1.5.095c.143-.018.225-.167.21-.31a1.176 1.176 0 0 1 1.927-1.029c.108.094.276.108.37 0a3.99 3.99 0 0 0 .726-1.207c.05-.135-.042-.276-.175-.33a1.177 1.177 0 0 1 0-2.186c.133-.053.226-.195.175-.33a4.002 4.002 0 0 0-.725-1.207c-.095-.108-.263-.093-.372 0a1.176 1.176 0 0 1-1.927-1.029c.016-.143-.066-.292-.208-.31a4.026 4.026 0 0 0-1.502.095c-.12.03-.186.155-.18.279a.697.697 0 0 1 .003.066Zm1.175 4.942a1.411 1.411 0 1 0-.002-2.822 1.411 1.411 0 0 0 .002 2.822Z", fill: "currentColor" }),
3307
3307
  /* @__PURE__ */ jsx("path", { d: "m9.912 19-6.656-3.803a1.5 1.5 0 0 1-.756-1.303V5.235l7.412 4.236V19Z", fill: "currentColor", fillOpacity: "0.12", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
3308
3308
  /* @__PURE__ */ jsx("path", { d: "M17.324 11V5.235L9.912 9.471V19l.926-.53.464-.264m6.021-12.971-6.667-3.81a1.5 1.5 0 0 0-1.488 0L2.5 5.235l7.412 4.236 7.411-4.236Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })
3309
3309
  ] }),
@@ -3386,7 +3386,26 @@ const icons = {
3386
3386
  /* @__PURE__ */ jsx("circle", { cx: "5.25", cy: "5.25", r: "1.75", fill: "currentColor", fillOpacity: "0.5" }),
3387
3387
  /* @__PURE__ */ jsx("path", { d: "M18 11a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h5Zm-.12 2.12a.537.537 0 0 0-.76 0l-1.62 1.62-1.62-1.62a.537.537 0 1 0-.76.76l1.62 1.62-1.62 1.62a.537.537 0 1 0 .76.76l1.62-1.62 1.62 1.62a.537.537 0 1 0 .76-.76l-1.62-1.62 1.62-1.62c.21-.21.21-.55 0-.76Z", fill: "currentColor" }),
3388
3388
  /* @__PURE__ */ jsx("path", { d: "M3.475 10.705 1 12.79V15h10.5l1.5-2.5 1.241-.863-2.436-2.518a1.5 1.5 0 0 0-2.16.004l-1.78 1.854a1.5 1.5 0 0 1-2.114.05l-.278-.263a1.5 1.5 0 0 0-1.998-.059Z", fill: "currentColor", fillOpacity: "0.5" })
3389
- ] })
3389
+ ] }),
3390
+ responsiveOverridesAltFill: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
3391
+ /* @__PURE__ */ jsx("path", { d: "M11.5 14.5v-3m0 3H9.179m2.321 0h2.321m-2.321-3H17a1.5 1.5 0 0 0 1.5-1.5V3A1.5 1.5 0 0 0 17 1.5H7A1.5 1.5 0 0 0 5.5 3v8.5h6Z", stroke: "currentColor", strokeLinecap: "round", fill: "none" }),
3392
+ /* @__PURE__ */ jsx("rect", { x: "1", y: "7", width: "7", height: "12", rx: "1.5", fill: "currentColor" })
3393
+ ] }),
3394
+ responsiveOverridesAlt2Fill: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
3395
+ /* @__PURE__ */ jsx("path", { d: "M17 1.5H7A1.5 1.5 0 0 0 5.5 3v4.5h1a1 1 0 0 1 1 1v3H17a1.5 1.5 0 0 0 1.5-1.5V3A1.5 1.5 0 0 0 17 1.5Z", fill: "currentColor" }),
3396
+ /* @__PURE__ */ jsx("path", { d: "M11.5 14.5v-3m0 3H9.179m2.321 0h2.321m-2.321-3H17a1.5 1.5 0 0 0 1.5-1.5V3A1.5 1.5 0 0 0 17 1.5H7A1.5 1.5 0 0 0 5.5 3v4.5h1a1 1 0 0 1 1 1v3h4Z", stroke: "currentColor", strokeLinecap: "round", fill: "none" }),
3397
+ /* @__PURE__ */ jsx("rect", { x: "1.5", y: "7.5", width: "6", height: "11", rx: "1", stroke: "currentColor", fill: "none" })
3398
+ ] }),
3399
+ responsiveOverridesAlt3Fill: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
3400
+ /* @__PURE__ */ jsx("path", { d: "M17 1.5H7A1.5 1.5 0 0 0 5.5 3v2.5H7A2.5 2.5 0 0 1 9.5 8v3.5H17a1.5 1.5 0 0 0 1.5-1.5V3A1.5 1.5 0 0 0 17 1.5Z", fill: "currentColor" }),
3401
+ /* @__PURE__ */ jsx("path", { d: "M11.5 14.5v-3m0 3H9.179m2.321 0h2.321m-2.321-3H17a1.5 1.5 0 0 0 1.5-1.5V3A1.5 1.5 0 0 0 17 1.5H7A1.5 1.5 0 0 0 5.5 3v2.5H7A2.5 2.5 0 0 1 9.5 8v3.5h2Z", stroke: "currentColor", strokeLinecap: "round", fill: "none" }),
3402
+ /* @__PURE__ */ jsx("rect", { x: "1", y: "7", width: "7", height: "12", rx: "1.5", fill: "currentColor" })
3403
+ ] }),
3404
+ reorder: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
3405
+ /* @__PURE__ */ jsx("path", { stroke: "currentColor", strokeLinecap: "round", d: "M2.5 5.5h15m-15 3h15m-15 3h15m-15 3h15", fill: "none" }),
3406
+ /* @__PURE__ */ jsx("path", { d: "M12.148 3H7.852a.5.5 0 0 1-.326-.88L9.675.28a.5.5 0 0 1 .65 0l2.149 1.841a.5.5 0 0 1-.326.88Zm0 14H7.852a.5.5 0 0 0-.326.88l2.149 1.841a.5.5 0 0 0 .65 0l2.149-1.841a.5.5 0 0 0-.326-.88Z", fill: "currentColor" })
3407
+ ] }),
3408
+ loaderAlt: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M10 19v-2m-9-7h2m13.367 6.367-1.414-1.414m-11.32 1.414 1.414-1.414M10 3V1m7 9h2M5.047 5.047 3.633 3.633m11.32 1.414 1.414-1.414M10 17v-1.555M3 10h1.555m10.396 4.951-1.1-1.1m-8.803 1.1 1.1-1.1M10 4.556V3m5.444 7H17M6.147 6.147l-1.1-1.1m8.806 1.1 1.1-1.1", stroke: "currentColor", strokeLinecap: "round", fill: "none" }) })
3390
3409
  };
3391
3410
  const blockIcons = {
3392
3411
  // Eightshift blocks.
@@ -1,5 +1,5 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { s as svgToJsxString, a as source_default } from "../react-jsx-parser.min-VUl-CuCv.js";
2
+ import { s as svgToJsxString, a as source_default } from "../react-jsx-parser.min-B_hvYYa1.js";
3
3
  /**
4
4
  * Renders SVG string as JSX SVGs.
5
5
  *
@@ -1,3 +1,5 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { c as clsx } from "../lite-DVmmD_-j.js";
1
3
  /**
2
4
  * A simple loading indicator.
3
5
  *
@@ -12,7 +14,7 @@
12
14
  *
13
15
  * @preserve
14
16
  */
15
- const Spinner = ({ className }) => cloneElement(icons.loader, { className: clsx("es:animate-spin es:size-8 es:text-accent-600", className) });
17
+ const Spinner = ({ className }) => /* @__PURE__ */ jsx("div", { className: clsx("es:animate-spin es:anim-duration-1000", "es:spinner-5 es:text-accent-600 es:size-8 es:rounded-full", className) });
16
18
  export {
17
19
  Spinner
18
20
  };
@@ -1,4 +1,4 @@
1
- import { c as clsx } from "./utils-cvK1vxO7.js";
1
+ import { c as clsx } from "./clsx-DgYk2OaC.js";
2
2
  const falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
3
3
  const cx = clsx;
4
4
  const cva = (base, config) => (props) => {
@@ -1,5 +1,7 @@
1
- import { a as getDefaultExportFromCjs } from "./_commonjsHelpers-BhWcALO8.js";
2
- import React__default from "react";
1
+ import $dbSRa$react__default from "react";
2
+ function getDefaultExportFromCjs(x) {
3
+ return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
4
+ }
3
5
  var reactDom = { exports: {} };
4
6
  var reactDom_production_min = {};
5
7
  var scheduler = { exports: {} };
@@ -722,7 +724,7 @@ var hasRequiredReactDom_production_min;
722
724
  function requireReactDom_production_min() {
723
725
  if (hasRequiredReactDom_production_min) return reactDom_production_min;
724
726
  hasRequiredReactDom_production_min = 1;
725
- var aa = React__default, ca = requireScheduler();
727
+ var aa = $dbSRa$react__default, ca = requireScheduler();
726
728
  function p(a) {
727
729
  for (var b = "https://reactjs.org/docs/error-decoder.html?invariant=" + a, c = 1; c < arguments.length; c++) b += "&args[]=" + encodeURIComponent(arguments[c]);
728
730
  return "Minified React error #" + a + "; visit " + b + " for the full message or use the non-minified dev environment for full errors and additional helpful warnings.";
@@ -7140,7 +7142,7 @@ function requireReactDom_development() {
7140
7142
  if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart === "function") {
7141
7143
  __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
7142
7144
  }
7143
- var React = React__default;
7145
+ var React = $dbSRa$react__default;
7144
7146
  var Scheduler = requireScheduler();
7145
7147
  var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
7146
7148
  var suppressWarning = false;
package/dist/index.js CHANGED
@@ -5,9 +5,10 @@ import { Button, ButtonGroup } from "./components/button/button.js";
5
5
  import { Checkbox } from "./components/checkbox/checkbox.js";
6
6
  import { ComponentToggle } from "./components/component-toggle/component-toggle.js";
7
7
  import { ContainerPanel } from "./components/container-panel/container-panel.js";
8
- import { ColorSwatch } from "./components/color-pickers/color-swatch.js";
8
+ import { C } from "./color-swatch-CFIuSPcO.js";
9
9
  import { ColorPicker } from "./components/color-pickers/color-picker.js";
10
10
  import { ColumnConfigSlider, ColumnConfigSliderOutput } from "./components/slider/column-config-slider.js";
11
+ import { Container, ContainerGroup } from "./components/base-control/container.js";
11
12
  import { DraggableList } from "./components/draggable-list/draggable-list.js";
12
13
  import { DraggableListItem, DraggableListItemHandle } from "./components/draggable-list/draggable-list-item.js";
13
14
  import { DraggableContext } from "./components/draggable/draggable-context.js";
@@ -37,15 +38,10 @@ import { RepeaterItem } from "./components/repeater/repeater-item.js";
37
38
  import { Responsive } from "./components/responsive/responsive.js";
38
39
  import { ResponsiveLegacy } from "./components/responsive/responsive-legacy.js";
39
40
  import { ResponsivePreview } from "./components/responsive-preview/responsive-preview.js";
40
- import { __AsyncMultiSelectNext } from "./components/select/v2/async-multi-select.js";
41
41
  import { AsyncMultiSelect } from "./components/select/async-multi-select.js";
42
- import { AsyncSelect } from "./components/select/async-single-select.js";
43
- import { AsyncSelectNext } from "./components/select/v2/async-select.js";
44
- import { SelectNext } from "./components/select/v2/single-select.js";
45
- import { __MultiSelectNext } from "./components/select/v2/multi-select.js";
42
+ import { AsyncSelect } from "./components/select/async-select.js";
46
43
  import { Modal } from "./components/modal/modal.js";
47
44
  import { MultiSelect } from "./components/select/multi-select.js";
48
- import { RSClearIndicator, RSDropdownIndicator, RSMultiValue, RSMultiValueContainer, RSMultiValueLabel, RSMultiValueRemove, RSOption, RSSingleValue } from "./components/select/react-select-component-wrappers.js";
49
45
  import { OptionSelect } from "./components/option-select/option-select.js";
50
46
  import { OptionsPanel, OptionsPanelHeader, OptionsPanelIntro, OptionsPanelSection } from "./components/options-panel/options-panel.js";
51
47
  import { Select } from "./components/select/single-select.js";
@@ -64,17 +60,18 @@ export {
64
60
  AnimatedVisibility,
65
61
  AsyncMultiSelect,
66
62
  AsyncSelect,
67
- AsyncSelectNext,
68
63
  BaseControl,
69
64
  BreakpointPreview,
70
65
  Button,
71
66
  ButtonGroup,
72
67
  Checkbox,
73
68
  ColorPicker,
74
- ColorSwatch,
69
+ C as ColorSwatch,
75
70
  ColumnConfigSlider,
76
71
  ColumnConfigSliderOutput,
77
72
  ComponentToggle,
73
+ Container,
74
+ ContainerGroup,
78
75
  ContainerPanel,
79
76
  DecorativeTooltip,
80
77
  Draggable,
@@ -111,14 +108,6 @@ export {
111
108
  OptionsPanelSection,
112
109
  Popover,
113
110
  PortalProvider,
114
- RSClearIndicator,
115
- RSDropdownIndicator,
116
- RSMultiValue,
117
- RSMultiValueContainer,
118
- RSMultiValueLabel,
119
- RSMultiValueRemove,
120
- RSOption,
121
- RSSingleValue,
122
111
  RadioButton,
123
112
  RadioButtonGroup,
124
113
  Repeater,
@@ -128,7 +117,6 @@ export {
128
117
  ResponsivePreview,
129
118
  RichLabel,
130
119
  Select,
131
- SelectNext,
132
120
  Slider,
133
121
  SmartImage,
134
122
  SolidColorPicker,
@@ -144,7 +132,5 @@ export {
144
132
  Tooltip,
145
133
  TriggeredPopover,
146
134
  VStack,
147
- __AsyncMultiSelectNext,
148
- __MultiSelectNext,
149
135
  getColumnConfigOutputText
150
136
  };