@eightshift/ui-components 6.2.0 → 6.3.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 (73) hide show
  1. package/dist/{Button-CFnNdpNZ.js → Button-DtRmB6b8.js} +7 -6
  2. package/dist/{Dialog-DDfABlp4.js → Dialog-DTIxSDhz.js} +91 -37
  3. package/dist/{FocusScope-BJhC1-1e.js → FocusScope-CjFQ7cbd.js} +16 -16
  4. package/dist/{Hidden-Rfj-STx7.js → Hidden-DOH36apC.js} +23 -6
  5. package/dist/{Input-B4X6-x6r.js → Input-BG9DaxYN.js} +6 -6
  6. package/dist/{Label-BDlf9vIY.js → Label-_aSf9-8u.js} +1 -1
  7. package/dist/{ListBox-ByPsaVVK.js → ListBox-DXFyyj_r.js} +8 -7
  8. package/dist/{OverlayArrow-Dy0qw7WL.js → OverlayArrow-Fuxj-1QM.js} +27 -9
  9. package/dist/{RadioGroup-CjCAbUr4.js → RadioGroup-DCeiLxLK.js} +9 -9
  10. package/dist/{SearchField-BME59dt-.js → SearchField-B_yKFXRk.js} +11 -11
  11. package/dist/{SelectionManager-iru59gc4.js → SelectionManager-B02LcxLr.js} +111 -65
  12. package/dist/{Slider-BIbaMdUE.js → Slider-bR3fAmim.js} +7 -7
  13. package/dist/{VisuallyHidden-CqnizvzQ.js → VisuallyHidden-DZnWrkn8.js} +1 -1
  14. package/dist/assets/style-admin.css +628 -327
  15. package/dist/assets/style-editor.css +628 -327
  16. package/dist/assets/style.css +628 -327
  17. package/dist/assets/wp-overrides/allow-full-width-blocks.css +1 -1
  18. package/dist/assets/wp-overrides/fix-label-text-case.css +1 -1
  19. package/dist/assets/wp-overrides/increase-sidebar-width.css +1 -1
  20. package/dist/assets/wp-overrides/make-block-messages-nicer.css +7 -7
  21. package/dist/assets/wp-overrides/replace-fonts.css +5 -5
  22. package/dist/assets/wp-overrides/restyle-tooltips.css +3 -3
  23. package/dist/assets/wp-overrides/round-corners.css +1 -1
  24. package/dist/assets/wp-overrides/unify-button-sizes.css +1 -1
  25. package/dist/components/base-control/base-control.js +1 -1
  26. package/dist/components/base-control/container.js +1 -1
  27. package/dist/components/button/button.js +12 -9
  28. package/dist/components/checkbox/checkbox.js +10 -10
  29. package/dist/components/color-pickers/solid-color-picker.js +9 -9
  30. package/dist/components/expandable/expandable.js +5 -5
  31. package/dist/components/input-field/input-field.js +6 -9
  32. package/dist/components/link-input/link-input.js +191 -68
  33. package/dist/components/matrix-align/matrix-align.js +1 -1
  34. package/dist/components/menu/menu.js +5 -5
  35. package/dist/components/modal/modal.js +11 -8
  36. package/dist/components/notice/notice.js +3 -3
  37. package/dist/components/number-picker/number-picker.js +7 -7
  38. package/dist/components/options-panel/options-panel.js +6 -6
  39. package/dist/components/popover/popover.js +8 -7
  40. package/dist/components/radio/radio.js +2 -2
  41. package/dist/components/responsive/mini-responsive.js +81 -70
  42. package/dist/components/responsive/responsive.js +24 -40
  43. package/dist/components/responsive-preview/responsive-preview.js +1 -1
  44. package/dist/components/rich-label/rich-label.js +6 -4
  45. package/dist/components/select/async-multi-select.js +16 -12
  46. package/dist/components/select/async-select.js +16 -13
  47. package/dist/components/select/multi-select.js +17 -13
  48. package/dist/components/select/shared.js +3 -3
  49. package/dist/components/select/single-select.js +14 -12
  50. package/dist/components/slider/column-config-slider.js +3 -3
  51. package/dist/components/slider/slider.js +3 -3
  52. package/dist/components/tabs/tabs.js +39 -8
  53. package/dist/components/toggle/switch.js +5 -5
  54. package/dist/components/toggle/toggle.js +1 -1
  55. package/dist/components/toggle-button/toggle-button.js +6 -6
  56. package/dist/components/tooltip/tooltip.js +11 -9
  57. package/dist/{proxy-DFlYXk07.js → proxy-CNEXmkdK.js} +205 -137
  58. package/dist/{shared-HdRrpnhs.js → shared-CNH8QfV9.js} +15 -14
  59. package/dist/{textSelection-CeoEP4rL.js → textSelection-DA3VcKpG.js} +1 -1
  60. package/dist/{useButton-5YL_nmpZ.js → useButton-DyMX0EVr.js} +2 -2
  61. package/dist/{useEvent-Zze2g7CX.js → useEvent-Bfy68GHZ.js} +1 -1
  62. package/dist/{useFilter-NhAlifsK.js → useFilter-Bg5C34XC.js} +1 -1
  63. package/dist/{useFocusRing-rUOwLdTK.js → useFocusRing-B2glEZ25.js} +9 -7
  64. package/dist/{useFormReset-BxtOoO5Q.js → useFormReset-BoxsKyJ9.js} +1 -1
  65. package/dist/{useFormValidation-DTmPrTD8.js → useFormValidation-BrbMhS2N.js} +4 -3
  66. package/dist/{useHover-CmyvqeWX.js → useHover-DkmPQdGE.js} +76 -58
  67. package/dist/{useListState-HOvCQJFf.js → useListState-BjnzKozj.js} +3 -3
  68. package/dist/{useNumberField-CTkI-U9a.js → useNumberField-CsygZKz9.js} +45 -15
  69. package/dist/{usePress-CNefMs8d.js → usePress-Ck5xMtDr.js} +21 -21
  70. package/dist/{useToggle-CFFOmZWi.js → useToggle-Ddc7N8pR.js} +4 -4
  71. package/dist/{useToggleState-BWrKKisg.js → useToggleState-H_lORSWO.js} +1 -1
  72. package/package.json +22 -21
  73. package/dist/useSingleSelectListState-BtrMHGeE.js +0 -38
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
2
  .is-root-container.is-layout-flow.wp-block-post-content.block-editor-block-list__layout > .wp-block:not(.editor-post-title, .block-list-appender) {
3
3
  max-width: -moz-available !important;
4
4
  max-width: -webkit-fill-available !important;
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
2
  @layer properties {
3
3
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
4
  *, :before, :after, ::backdrop {
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
2
  .edit-post-sidebar, .interface-interface-skeleton__sidebar:not(:empty) > .interface-complementary-area__fill[style="width: 280px;"], .interface-complementary-area.editor-sidebar {
3
3
  width: calc(var(--es-spacing, .25rem) * 86) !important;
4
4
  }
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
2
  @layer properties {
3
3
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
4
  *, :before, :after, ::backdrop {
@@ -49,30 +49,30 @@
49
49
 
50
50
  .wp-block-missing div.block-editor-warning {
51
51
  border-radius: var(--es-radius-lg, .5rem) !important;
52
- border-color: var(--es-color-secondary-300, var(--es-color-zinc-300)) !important;
53
- background-color: var(--es-color-secondary-50, var(--es-color-zinc-50)) !important;
52
+ border-color: var(--es-color-secondary-300, var(--es-color-mist-300)) !important;
53
+ background-color: var(--es-color-secondary-50, var(--es-color-mist-50)) !important;
54
54
  }
55
55
 
56
56
  @supports (color: color-mix(in lab, red, red)) {
57
57
  .wp-block-missing div.block-editor-warning {
58
- background-color: color-mix(in oklab, var(--es-color-secondary-50, var(--es-color-zinc-50)) 75%, transparent) !important;
58
+ background-color: color-mix(in oklab, var(--es-color-secondary-50, var(--es-color-mist-50)) 75%, transparent) !important;
59
59
  }
60
60
  }
61
61
 
62
62
  .wp-block-missing div.block-editor-warning {
63
63
  --es-uic-tw-shadow: 0 1px 3px 0 var(--es-uic-tw-shadow-color, #0000001a), 0 1px 2px -1px var(--es-uic-tw-shadow-color, #0000001a) !important;
64
64
  box-shadow: var(--es-uic-tw-inset-shadow), var(--es-uic-tw-inset-ring-shadow), var(--es-uic-tw-ring-offset-shadow), var(--es-uic-tw-ring-shadow), var(--es-uic-tw-shadow) !important;
65
- --es-uic-tw-shadow-color: var(--es-color-secondary-700, var(--es-color-zinc-700)) !important;
65
+ --es-uic-tw-shadow-color: var(--es-color-secondary-700, var(--es-color-mist-700)) !important;
66
66
  }
67
67
 
68
68
  @supports (color: color-mix(in lab, red, red)) {
69
69
  .wp-block-missing div.block-editor-warning {
70
- --es-uic-tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-secondary-700, var(--es-color-zinc-700)) 20%, transparent) var(--es-uic-tw-shadow-alpha), transparent) !important;
70
+ --es-uic-tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-secondary-700, var(--es-color-mist-700)) 20%, transparent) var(--es-uic-tw-shadow-alpha), transparent) !important;
71
71
  }
72
72
  }
73
73
 
74
74
  .wp-block-missing div.block-editor-warning .block-editor-warning__message {
75
- color: var(--es-color-secondary-950, var(--es-color-zinc-950)) !important;
75
+ color: var(--es-color-secondary-950, var(--es-color-mist-950)) !important;
76
76
  }
77
77
 
78
78
  @property --es-uic-tw-shadow {
@@ -1,8 +1,8 @@
1
- /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
2
- .edit-post-header, .components-popover, .edit-post-sidebar, .wp-block-post-title, .components-select-control__input, .components-base-control__field, .components-base-control__label, .components-combobox-control__suggestions-container, .components-input-control__label, .components-input-control__input, .components-checkbox-control__label, .components-menu-group__label, .components-menu-item__button, .components-notice .components-notice__content, .components-tooltip, .components-modal__header, .preferences-modal__section-title, .preferences-modal__section-description, .block-editor-inserter__tabs, .editor-list-view-sidebar, .edit-post-layout__footer, .components-snackbar, .components-text-control__input {
3
- font-family: var(--es-font-sans, "Roboto Flex Variable", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
1
+ /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
+ .edit-post-header, .components-popover, .edit-post-sidebar, .wp-block-post-title, .components-select-control__input, .components-base-control__field, .components-base-control__label, .components-combobox-control__suggestions-container, .components-input-control__label, .components-input-control__input, .components-checkbox-control__label, .components-menu-group__label, .components-menu-item__button, .components-notice .components-notice__content, .components-tooltip, .components-modal__header, .preferences-modal__section-title, .preferences-modal__section-description, .block-editor-inserter__tabs, .editor-list-view-sidebar, .edit-post-layout__footer, .components-snackbar, .components-text-control__input, body:where(.wp-admin.block-editor-page) {
3
+ font-family: var(--es-font-sans, "Google Sans Flex Variable", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
4
4
  }
5
5
 
6
- body.wp-admin {
7
- font-family: var(--es-font-sans, "Roboto Flex Variable", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji") !important;
6
+ body.wp-admin:not(.block-editor-page), #adminmenumain, #wpadminbar, .edit-post-layout__metaboxes, .interface-interface-skeleton__content .components-notice-list, .components-popover__fallback-container {
7
+ font-family: var(--es-font-sans-alt, "Geist Variable", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
8
8
  }
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
2
  @layer properties {
3
3
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
4
  *, :before, :after, ::backdrop {
@@ -43,8 +43,8 @@
43
43
  --es-uic-tw-backdrop-blur: blur(var(--es-blur-xl, 24px));
44
44
  --es-uic-tw-backdrop-brightness: brightness(105%);
45
45
  --es-uic-tw-backdrop-saturate: saturate(150%);
46
- -webkit-backdrop-filter: var(--es-uic-tw-backdrop-blur, ) var(--es-uic-tw-backdrop-brightness, ) var(--es-uic-tw-backdrop-contrast, ) var(--es-uic-tw-backdrop-grayscale, ) var(--es-uic-tw-backdrop-hue-rotate, ) var(--es-uic-tw-backdrop-invert, ) var(--es-uic-tw-backdrop-opacity, ) var(--es-uic-tw-backdrop-saturate, ) var(--es-uic-tw-backdrop-sepia, );
47
- backdrop-filter: var(--es-uic-tw-backdrop-blur, ) var(--es-uic-tw-backdrop-brightness, ) var(--es-uic-tw-backdrop-contrast, ) var(--es-uic-tw-backdrop-grayscale, ) var(--es-uic-tw-backdrop-hue-rotate, ) var(--es-uic-tw-backdrop-invert, ) var(--es-uic-tw-backdrop-opacity, ) var(--es-uic-tw-backdrop-saturate, ) var(--es-uic-tw-backdrop-sepia, );
46
+ -webkit-backdrop-filter: var(--es-uic-tw-backdrop-blur, ) var(--es-uic-tw-backdrop-brightness, ) var(--es-uic-tw-backdrop-contrast, ) var(--es-uic-tw-backdrop-grayscale, ) var(--es-uic-tw-backdrop-hue-rotate, ) var(--es-uic-tw-backdrop-invert, ) var(--es-uic-tw-backdrop-opacity, ) var(--es-uic-tw-backdrop-saturate, ) var(--es-uic-tw-backdrop-sepia, );
47
+ backdrop-filter: var(--es-uic-tw-backdrop-blur, ) var(--es-uic-tw-backdrop-brightness, ) var(--es-uic-tw-backdrop-contrast, ) var(--es-uic-tw-backdrop-grayscale, ) var(--es-uic-tw-backdrop-hue-rotate, ) var(--es-uic-tw-backdrop-invert, ) var(--es-uic-tw-backdrop-opacity, ) var(--es-uic-tw-backdrop-saturate, ) var(--es-uic-tw-backdrop-sepia, );
48
48
  border-radius: var(--es-radius-md, .375rem) !important;
49
49
  }
50
50
 
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
2
  @layer properties {
3
3
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
4
  *, :before, :after, ::backdrop {
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
2
  :is(.edit-post-header__toolbar, .edit-post-header__settings, .editor-document-tools__left, .editor-header__center, .editor-header__settings) .components-button {
3
3
  min-height: calc(var(--es-spacing, .25rem) * 9) !important;
4
4
  min-width: calc(var(--es-spacing, .25rem) * 9) !important;
@@ -77,7 +77,7 @@ const BaseControl = (props) => {
77
77
  help && /* @__PURE__ */ jsx(
78
78
  $514c0188e459b4c0$export$5f1af8db9871e1d6,
79
79
  {
80
- className: clsx('es:inline-block es:text-sm es:text-secondary-400 es:mt-1.5 es:font-variation-["wdth"_76,"wght"_350]', !noHelpInset && "es:pl-1"),
80
+ className: clsx('es:inline-block es:text-sm es:text-secondary-500 es:mt-1.5 es:font-variation-["wdth"_66,"wght"_325,"slnt"_-4]', !noHelpInset && "es:pl-1"),
81
81
  slot: "description",
82
82
  children: help
83
83
  }
@@ -225,7 +225,7 @@ const ContainerGroup = forwardRef((props, ref) => {
225
225
  return null;
226
226
  }
227
227
  return /* @__PURE__ */ jsxs("div", { className: wrapClassName, children: [
228
- /* @__PURE__ */ jsx("span", { className: 'es:ml-1 es:mb-1 es:inline-block es:text-12 es:font-variation-["wdth"_125,"wght"_400] es:text-surface-500', children: label }),
228
+ /* @__PURE__ */ jsx("span", { className: 'es:ml-2 es:mb-1 es:inline-block es:text-12 es:font-variation-["wdth"_108,"wght"_300,"ROND"_100] es:text-surface-600', children: label }),
229
229
  inner
230
230
  ] });
231
231
  });
@@ -1,8 +1,8 @@
1
1
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
- import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1, b as $0393f8ab869a0f1a$export$c17561cb55d4db30 } from "../../Button-CFnNdpNZ.js";
2
+ import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1, b as $0393f8ab869a0f1a$export$c17561cb55d4db30 } from "../../Button-DtRmB6b8.js";
3
3
  import { c as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $64fa3d84918910a7$export$df3a06d6289f983e, b as $3ef42575df84b30b$export$9d1611c77c2fe928, k as $df56164dff5785e2$export$4338b53315abf666 } from "../../utils-Cr3pLd9c.js";
4
- import { $ as $9bf71ea28793e738$export$c5251b9e124bf29 } from "../../FocusScope-BJhC1-1e.js";
5
- import { g as $d4ee10de306f2510$export$4282f70798064fe0 } from "../../useHover-CmyvqeWX.js";
4
+ import { $ as $9bf71ea28793e738$export$c5251b9e124bf29 } from "../../FocusScope-CjFQ7cbd.js";
5
+ import { h as $d4ee10de306f2510$export$4282f70798064fe0, b as $d4ee10de306f2510$export$e58f029f0fbfdb29, j as $d4ee10de306f2510$export$cd4e5573fbe2b576 } from "../../useHover-DkmPQdGE.js";
6
6
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
7
7
  import $dbSRa$react__default, { useState, useRef, forwardRef, createContext } from "react";
8
8
  import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-iUFQCK8m.js";
@@ -21,7 +21,7 @@ function $2680b1829e803644$export$fa142eb1681c520(props, ref) {
21
21
  const shouldReverse = direction === "rtl" && orientation === "horizontal";
22
22
  let focusManager = $9bf71ea28793e738$export$c5251b9e124bf29(ref);
23
23
  const onKeyDown = (e) => {
24
- if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, e.target)) return;
24
+ if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
25
25
  if (orientation === "horizontal" && e.key === "ArrowRight" || orientation === "vertical" && e.key === "ArrowDown") {
26
26
  if (shouldReverse) focusManager.focusPrevious();
27
27
  else focusManager.focusNext();
@@ -30,7 +30,7 @@ function $2680b1829e803644$export$fa142eb1681c520(props, ref) {
30
30
  else focusManager.focusPrevious();
31
31
  } else if (e.key === "Tab") {
32
32
  e.stopPropagation();
33
- lastFocused.current = document.activeElement;
33
+ lastFocused.current = $d4ee10de306f2510$export$cd4e5573fbe2b576();
34
34
  if (e.shiftKey) focusManager.focusFirst();
35
35
  else focusManager.focusLast();
36
36
  return;
@@ -41,10 +41,10 @@ function $2680b1829e803644$export$fa142eb1681c520(props, ref) {
41
41
  };
42
42
  const lastFocused = useRef(null);
43
43
  const onBlur = (e) => {
44
- if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, e.relatedTarget) && !lastFocused.current) lastFocused.current = e.target;
44
+ if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, e.relatedTarget) && !lastFocused.current) lastFocused.current = $d4ee10de306f2510$export$e58f029f0fbfdb29(e);
45
45
  };
46
46
  const onFocus = (e) => {
47
- if (lastFocused.current && !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, e.relatedTarget) && $d4ee10de306f2510$export$4282f70798064fe0(ref.current, e.target)) {
47
+ if (lastFocused.current && !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, e.relatedTarget) && $d4ee10de306f2510$export$4282f70798064fe0(ref.current, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) {
48
48
  var _lastFocused_current;
49
49
  (_lastFocused_current = lastFocused.current) === null || _lastFocused_current === void 0 ? void 0 : _lastFocused_current.focus();
50
50
  lastFocused.current = null;
@@ -159,7 +159,7 @@ const Button = (props) => {
159
159
  }
160
160
  const componentClasses = cva(
161
161
  [
162
- 'es:font-variation-["wdth"_64,"YTLC"_520,"wght"_375]',
162
+ 'es:font-variation-["wdth"_85,"wght"_325,"ROND"_100,"GRAD"_0] es:hover:font-variation-["wdth"_85,"wght"_325,"ROND"_100,"GRAD"_75]',
163
163
  "es:flex es:items-center es:justify-center-safe",
164
164
  "es:transition-plus es:duration-300 es:ease-spring-snappy es:text-13",
165
165
  "es:any-focus:outline-hidden",
@@ -240,7 +240,10 @@ const Button = (props) => {
240
240
  {
241
241
  disabled: false,
242
242
  type: ["selected", "danger"],
243
- class: ['es:font-variation-["wdth"_64,"YTLC"_520,"wght"_375,"GRAD"_150]', "es:any-icon:drop-shadow-xs es:any-icon:drop-shadow-accent-800/25"]
243
+ class: [
244
+ 'es:font-variation-["wdth"_85,"wght"_325,"ROND"_100,"GRAD"_50] es:hover:font-variation-["wdth"_85,"wght"_325,"ROND"_100,"GRAD"_100]',
245
+ "es:any-icon:drop-shadow-xs es:any-icon:drop-shadow-accent-800/25"
246
+ ]
244
247
  },
245
248
  {
246
249
  type: "selected",
@@ -4,14 +4,14 @@ import { b as $3ef42575df84b30b$export$9d1611c77c2fe928, $ as $64fa3d84918910a7$
4
4
  import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
5
5
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
6
6
  import $dbSRa$react__default, { useEffect, useMemo, useRef, forwardRef, useContext, createContext } from "react";
7
- import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a, b as $e5be200c675c3b3a$export$a763b9476acd3eb, c as $e5be200c675c3b3a$export$dad6ae84456c676a } from "../../useFormValidation-DTmPrTD8.js";
8
- import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../../usePress-CNefMs8d.js";
9
- import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-CFFOmZWi.js";
10
- import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-BWrKKisg.js";
11
- import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-rUOwLdTK.js";
12
- import { x as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-CmyvqeWX.js";
13
- import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-CqnizvzQ.js";
14
- import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BDlf9vIY.js";
7
+ import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a, b as $e5be200c675c3b3a$export$a763b9476acd3eb, c as $e5be200c675c3b3a$export$dad6ae84456c676a } from "../../useFormValidation-BrbMhS2N.js";
8
+ import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../../usePress-Ck5xMtDr.js";
9
+ import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-Ddc7N8pR.js";
10
+ import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-H_lORSWO.js";
11
+ import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-B2glEZ25.js";
12
+ import { y as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-DkmPQdGE.js";
13
+ import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-DZnWrkn8.js";
14
+ import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-_aSf9-8u.js";
15
15
  import { c as clsx } from "../../clsx-DgYk2OaC.js";
16
16
  import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
17
17
  import { icons } from "../../icons/icons.js";
@@ -273,7 +273,7 @@ const Checkbox2 = (props) => {
273
273
  active: false,
274
274
  disabled: false,
275
275
  class: [
276
- "es:bg-secondary-50 es:inset-ring-secondary-300/60",
276
+ "es:bg-secondary-50 es:inset-ring-secondary-300/80",
277
277
  "es:from-black/1 es:to-black/5",
278
278
  "es:hover:bg-surface-100 es:hover:inset-ring-surface-300/60",
279
279
  "es:inset-shadow-white/50",
@@ -361,7 +361,7 @@ const Checkbox2 = (props) => {
361
361
  {
362
362
  transition: "scaleRotateFade",
363
363
  visible: !indeterminate && checked,
364
- className: clsx("es:transition-none es:icon:size-4 es:icon:stroke-[2.5]", !disabled && "es:icon:drop-shadow-xs es:icon:drop-shadow-accent-950/30"),
364
+ className: clsx("es:transition-none es:icon:size-3.5 es:icon:stroke-[2.5]", !disabled && "es:icon:drop-shadow-xs es:icon:drop-shadow-accent-950/30"),
365
365
  noInitial: true,
366
366
  children: icons.check
367
367
  }
@@ -3,22 +3,22 @@ import $dbSRa$react__default, { useState, useMemo, useRef, useCallback, forwardR
3
3
  import { b as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $bdb11010cef70236$export$f680877a34711e37, h as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $64fa3d84918910a7$export$df3a06d6289f983e, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, i as $64fa3d84918910a7$export$2881499e37b75b9a, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, g as $64fa3d84918910a7$export$ef03459518577ad4 } from "../../utils-Cr3pLd9c.js";
4
4
  import { d as $4e85f108e88277b8$export$ebe63fadcdce34ed, e as $4e85f108e88277b8$export$44644b8a16031b5b, f as $4e85f108e88277b8$export$717b2c0a523a0b53 } from "../../RSPContexts-CJ-HBf0L.js";
5
5
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
6
- import { $ as $9ab94262bd0047c7$export$420e68273165f4ec, a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-rUOwLdTK.js";
7
- import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, f as $03deb23ff14920c4$export$4eaf04e54aa8eed6, A as $7215afc6de606d6b$export$de79e2c695e052f3, B as $46d819fcbaf35654$export$8f71654801c2f7cd, o as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, c as $c87311424ea30a05$export$fedb369cb70207f1, s as $c87311424ea30a05$export$a11b0059900ceec8, x as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-CmyvqeWX.js";
6
+ import { $ as $9ab94262bd0047c7$export$420e68273165f4ec, a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-B2glEZ25.js";
7
+ import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, g as $03deb23ff14920c4$export$4eaf04e54aa8eed6, A as $7215afc6de606d6b$export$de79e2c695e052f3, B as $46d819fcbaf35654$export$8f71654801c2f7cd, o as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, d as $c87311424ea30a05$export$fedb369cb70207f1, s as $c87311424ea30a05$export$a11b0059900ceec8, y as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-DkmPQdGE.js";
8
8
  import { a as $799cddbef784668f$export$4cde5df63f53f473, b as $799cddbef784668f$export$6e865ea70d7724f, c as $3493a52097159720$exports, C as ColorSwatch } from "../../color-swatch-bUFkK7ox.js";
9
9
  import { a as $9446cca9a3875146$export$cb6e0bb50bc19463, $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "../../number-7sOvrqo0.js";
10
10
  import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-D8O3gOdV.js";
11
- import { $ as $99facab73266f662$export$5add1d006293d136 } from "../../useFormReset-BxtOoO5Q.js";
12
- import { d as $28f99e3e86e6ec45$export$e5fda3247f5d67f9, e as $e8a7022cf87cba2a$export$36da96379f79f245, f as $bcca50147b47f54d$export$56b2c08e277f365, g as $47b897dc8cdb026b$export$8d15029008292ae, h as $6f909507e6374d18$export$1e7083018727fa60, i as $6f909507e6374d18$export$f1fce0420cc6d8ee, j as $6f909507e6374d18$export$6189c2744041d8f8, a as $6f909507e6374d18$export$105594979f116971 } from "../../Slider-BIbaMdUE.js";
11
+ import { $ as $99facab73266f662$export$5add1d006293d136 } from "../../useFormReset-BoxsKyJ9.js";
12
+ import { d as $28f99e3e86e6ec45$export$e5fda3247f5d67f9, e as $e8a7022cf87cba2a$export$36da96379f79f245, f as $bcca50147b47f54d$export$56b2c08e277f365, g as $47b897dc8cdb026b$export$8d15029008292ae, h as $6f909507e6374d18$export$1e7083018727fa60, i as $6f909507e6374d18$export$f1fce0420cc6d8ee, j as $6f909507e6374d18$export$6189c2744041d8f8, a as $6f909507e6374d18$export$105594979f116971 } from "../../Slider-bR3fAmim.js";
13
13
  import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-iUFQCK8m.js";
14
14
  import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-CEDs0LsA.js";
15
- import { a as $5c3e21d68f1c4674$export$a966af930f325cab } from "../../VisuallyHidden-CqnizvzQ.js";
15
+ import { a as $5c3e21d68f1c4674$export$a966af930f325cab } from "../../VisuallyHidden-DZnWrkn8.js";
16
16
  import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-BPG0hKfB.js";
17
- import { b as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $a049562f99e7db0e$export$f9c6924e160136d1, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-B4X6-x6r.js";
18
- import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "../../Label-BDlf9vIY.js";
17
+ import { b as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $a049562f99e7db0e$export$f9c6924e160136d1, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-BG9DaxYN.js";
18
+ import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "../../Label-_aSf9-8u.js";
19
19
  import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-CjFEHSfr.js";
20
- 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 "../../useNumberField-CTkI-U9a.js";
21
- import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, b as $e5be200c675c3b3a$export$a763b9476acd3eb } from "../../useFormValidation-DTmPrTD8.js";
20
+ 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 "../../useNumberField-CsygZKz9.js";
21
+ import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, b as $e5be200c675c3b3a$export$a763b9476acd3eb } from "../../useFormValidation-BrbMhS2N.js";
22
22
  import { c as clsx } from "../../clsx-DgYk2OaC.js";
23
23
  import { BaseControl } from "../base-control/base-control.js";
24
24
  import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
@@ -5,14 +5,14 @@ import { AnimatedVisibility } from "../animated-visibility/animated-visibility.j
5
5
  import { Button } from "../button/button.js";
6
6
  import { icons } from "../../icons/icons.js";
7
7
  import { c as clsx } from "../../clsx-DgYk2OaC.js";
8
- import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-CFnNdpNZ.js";
8
+ import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-DtRmB6b8.js";
9
9
  import { d as $bdb11010cef70236$export$f680877a34711e37, m as $b5e257d569688ac6$export$535bd6ca7f90a273, c as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, n as $64fa3d84918910a7$export$c62b8e45d58ddad9, a as $64fa3d84918910a7$export$df3a06d6289f983e, b as $3ef42575df84b30b$export$9d1611c77c2fe928, l as $5dc95899b306f630$export$c9058316764c140e } from "../../utils-Cr3pLd9c.js";
10
10
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
11
- import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../useHover-CmyvqeWX.js";
11
+ import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../useHover-DkmPQdGE.js";
12
12
  import { r as reactDomExports } from "../../index-BL5gdWX4.js";
13
- import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "../../useEvent-Zze2g7CX.js";
14
- import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-rUOwLdTK.js";
15
- import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BDlf9vIY.js";
13
+ import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "../../useEvent-Bfy68GHZ.js";
14
+ import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-B2glEZ25.js";
15
+ import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-_aSf9-8u.js";
16
16
  import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
17
17
  function $5e910fae8e128ead$export$6e3e27031a30522f(props, state, ref) {
18
18
  let { isDisabled } = props;
@@ -1,15 +1,15 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import { d as $2d73ec29415bd339$export$712718f7aec83d5, b as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $a049562f99e7db0e$export$f9c6924e160136d1, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-B4X6-x6r.js";
3
- import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BDlf9vIY.js";
2
+ import { d as $2d73ec29415bd339$export$712718f7aec83d5, b as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $a049562f99e7db0e$export$f9c6924e160136d1, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-BG9DaxYN.js";
3
+ import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-_aSf9-8u.js";
4
4
  import { $ as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $64fa3d84918910a7$export$df3a06d6289f983e, b as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $64fa3d84918910a7$export$fabf2dc03a41866e, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, g as $64fa3d84918910a7$export$ef03459518577ad4, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-Cr3pLd9c.js";
5
5
  import $dbSRa$react__default, { forwardRef, createContext, useRef, useState, useCallback } from "react";
6
- import { x as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-CmyvqeWX.js";
7
- import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-rUOwLdTK.js";
6
+ import { y as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-DkmPQdGE.js";
7
+ import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-B2glEZ25.js";
8
8
  import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-BPG0hKfB.js";
9
9
  import { a as $4e85f108e88277b8$export$698f465ec27e93df } from "../../RSPContexts-CJ-HBf0L.js";
10
10
  import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
11
11
  import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-CjFEHSfr.js";
12
- import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "../../Hidden-Rfj-STx7.js";
12
+ import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "../../Hidden-DOH36apC.js";
13
13
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
14
14
  import { BaseControl } from "../base-control/base-control.js";
15
15
  import { c as cva } from "../../index-BHpUy2Ix.js";
@@ -225,10 +225,7 @@ const InputField = (props) => {
225
225
  },
226
226
  mono: {
227
227
  true: "es:font-mono es:text-12!",
228
- false: [
229
- 'es:text-13! es:font-variation-["wdth"_80,"YTLC"_520,"wght"_300,"slnt"_0]',
230
- 'es:tracking-wide es:placeholder-shown:font-variation-["wdth"_100,"YTLC"_500,"wght"_250,"slnt"_-8]'
231
- ]
228
+ false: 'es:text-13! es:font-variation-["wdth"_80,"wght"_325,"slnt"_0,"ROND"_100] es:placeholder-shown:font-variation-["wdth"_64,"wght"_300,"slnt"_-10,"ROND"_0]'
232
229
  },
233
230
  multiline: {
234
231
  false: "es:py-2",