@eightshift/ui-components 5.0.10 → 5.1.1

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 (85) hide show
  1. package/dist/{Collection-uTAXq9Br.js → Collection-BRJOMbOa.js} +12 -7
  2. package/dist/{Dialog-CmAxaSUv.js → Dialog-D6EdDPeu.js} +8 -8
  3. package/dist/{useFormValidation-Dy0PXJg5.js → Form-Bnyyv3Im.js} +6 -4
  4. package/dist/{Group-DDPhPPTQ.js → Group-LBogWgyp.js} +2 -2
  5. package/dist/{Input-BmDS8Juy.js → Input-DfSBLhDx.js} +1 -1
  6. package/dist/List-BLeHBkfx.js +590 -0
  7. package/dist/{ListBox-_nDFq8-H.js → ListBox-BY3gwI8c.js} +3 -3
  8. package/dist/Select-BebwUgKB.js +764 -0
  9. package/dist/Separator-CTQWg_HO.js +1111 -0
  10. package/dist/TextField-o2U-uBWv.js +133 -0
  11. package/dist/assets/style-admin.css +264 -150
  12. package/dist/assets/style-editor.css +264 -150
  13. package/dist/assets/style.css +264 -150
  14. package/dist/assets/wp-font-enhancements.css +1 -1
  15. package/dist/assets/wp-ui-enhancements.css +1 -1
  16. package/dist/components/base-control/base-control.js +1 -1
  17. package/dist/components/breakpoint-preview/breakpoint-preview.js +3 -4
  18. package/dist/components/button/button.js +3 -3
  19. package/dist/components/checkbox/checkbox.js +1 -2
  20. package/dist/components/color-pickers/color-picker.js +7 -9
  21. package/dist/components/color-pickers/color-swatch.js +1 -1
  22. package/dist/components/color-pickers/gradient-editor.js +19 -25
  23. package/dist/components/color-pickers/solid-color-picker.js +27 -27
  24. package/dist/components/component-toggle/component-toggle.js +1 -1
  25. package/dist/components/draggable/draggable-handle.js +2 -2
  26. package/dist/components/draggable/draggable.js +5 -5
  27. package/dist/components/draggable-list/draggable-list-item.js +2 -2
  28. package/dist/components/draggable-list/draggable-list.js +5 -5
  29. package/dist/components/expandable/expandable.js +1 -1
  30. package/dist/components/index.js +5 -5
  31. package/dist/components/input-field/input-field.js +14 -129
  32. package/dist/components/item-collection/item-collection.js +1 -1
  33. package/dist/components/link-input/link-input.js +1463 -17
  34. package/dist/components/matrix-align/matrix-align.js +11 -14
  35. package/dist/components/menu/menu.js +4 -8
  36. package/dist/components/modal/modal.js +30 -31
  37. package/dist/components/number-picker/number-picker.js +9 -10
  38. package/dist/components/option-select/option-select.js +140 -156
  39. package/dist/components/placeholders/file-placeholder.js +1 -1
  40. package/dist/components/placeholders/image-placeholder.js +3 -3
  41. package/dist/components/placeholders/media-placeholder.js +2 -2
  42. package/dist/components/popover/popover.js +10 -5
  43. package/dist/components/radio/radio.js +4 -5
  44. package/dist/components/repeater/repeater-item.js +1 -1
  45. package/dist/components/repeater/repeater.js +6 -6
  46. package/dist/components/responsive/mini-responsive.js +45 -47
  47. package/dist/components/responsive/responsive-legacy.js +51 -55
  48. package/dist/components/responsive/responsive.js +47 -49
  49. package/dist/components/responsive-preview/responsive-preview.js +12 -15
  50. package/dist/components/select/async-multi-select.js +4 -4
  51. package/dist/components/select/async-single-select.js +1 -1
  52. package/dist/components/select/multi-select-components.js +1 -1
  53. package/dist/components/select/multi-select.js +4 -4
  54. package/dist/components/select/shared.js +2 -2
  55. package/dist/components/select/single-select.js +1 -1
  56. package/dist/components/select/styles.js +3 -3
  57. package/dist/components/select/v2/async-select.js +216 -158
  58. package/dist/components/select/v2/shared.js +29 -20
  59. package/dist/components/select/v2/single-select.js +203 -851
  60. package/dist/components/slider/column-config-slider.js +2 -2
  61. package/dist/components/slider/slider.js +2 -2
  62. package/dist/components/slider/utils.js +1 -1
  63. package/dist/components/tabs/tabs.js +7 -8
  64. package/dist/components/toggle/switch.js +4 -3
  65. package/dist/components/toggle-button/toggle-button.js +1 -1
  66. package/dist/{default-i18n-CT_oS1Fy.js → default-i18n-OFa3zAyB.js} +5 -9
  67. package/dist/icons/icons.js +141 -141
  68. package/dist/icons/jsx-svg.js +3 -4
  69. package/dist/index.js +4 -4
  70. package/dist/{multi-select-components-Sp-JEFEX.js → multi-select-components-BcKzA24f.js} +3 -3
  71. package/dist/{react-jsx-parser.min-DZCiis5V.js → react-jsx-parser.min-LF707GK8.js} +312 -332
  72. package/dist/useAsyncList-fLtZMvJO.js +420 -0
  73. package/dist/useFilter-BR5z1A4Q.js +50 -0
  74. package/dist/{useListState-9Hq_FiRF.js → useListState-BrZ2XvDS.js} +1 -1
  75. package/dist/{useNumberField-D0u2bh8g.js → useNumberField-y0dLc_6m.js} +2 -2
  76. package/dist/{useSingleSelectListState-DqhemUIh.js → useSingleSelectListState-Bh46cRXs.js} +1 -1
  77. package/dist/utilities/array-helpers.js +4 -7
  78. package/dist/utilities/es-dash.js +21 -3
  79. package/dist/utilities/index.js +2 -1
  80. package/dist/utilities/text-helpers.js +3 -3
  81. package/package.json +9 -9
  82. package/dist/ComboBox-BANSEKnb.js +0 -1915
  83. package/dist/Form-Cq3fu75_.js +0 -5
  84. package/dist/List-CZMUbkFU.js +0 -593
  85. package/dist/Separator-BN3mjL6q.js +0 -332
@@ -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(
@@ -4770,27 +4770,25 @@ const icons = {
4770
4770
  /* @__PURE__ */ jsx(
4771
4771
  "path",
4772
4772
  {
4773
- d: "M1.174 16.71 8.675 1.835a1.469 1.469 0 0 1 2.65 0l7.5 14.875c.525 1.04-.198 2.29-1.324 2.29H2.499c-1.126 0-1.85-1.25-1.325-2.29Z",
4773
+ d: "m.684 17.082 7.918-15.7a1.55 1.55 0 0 1 2.796 0l7.918 15.7c.554 1.099-.21 2.418-1.398 2.418H2.082C.893 19.5.13 18.18.684 17.082Z",
4774
4774
  stroke: "currentColor",
4775
4775
  fill: "none"
4776
4776
  }
4777
4777
  ),
4778
4778
  /* @__PURE__ */ jsx(
4779
- "circle",
4779
+ "path",
4780
4780
  {
4781
- cx: "10",
4782
- cy: "15.25",
4783
- r: "0.75",
4781
+ d: "M11 7a.842.842 0 0 0-.236-.707A1.081 1.081 0 0 0 10 6a1.08 1.08 0 0 0-.764.293A.842.842 0 0 0 9 7l.031.275.563 4.95.031.275c.01.089.059.174.129.237a.37.37 0 0 0 .246.098.37.37 0 0 0 .246-.098.384.384 0 0 0 .129-.237l.031-.275.563-4.95L11 7Z",
4784
4782
  fill: "currentColor"
4785
4783
  }
4786
4784
  ),
4787
4785
  /* @__PURE__ */ jsx(
4788
- "path",
4786
+ "circle",
4789
4787
  {
4790
- d: "M10 12.5v-5",
4791
- stroke: "currentColor",
4792
- strokeLinecap: "round",
4793
- fill: "none"
4788
+ cx: "10",
4789
+ cy: "15.5",
4790
+ r: "1",
4791
+ fill: "currentColor"
4794
4792
  }
4795
4793
  )
4796
4794
  ]
@@ -4808,29 +4806,28 @@ const icons = {
4808
4806
  /* @__PURE__ */ jsx(
4809
4807
  "circle",
4810
4808
  {
4811
- cx: "10",
4812
- cy: "10",
4813
- r: "9",
4809
+ cx: "8.5",
4810
+ cy: "8.5",
4811
+ r: "8.5",
4812
+ transform: "matrix(1 0 0 -1 1.5 18.5)",
4814
4813
  stroke: "currentColor",
4815
4814
  fill: "none"
4816
4815
  }
4817
4816
  ),
4818
4817
  /* @__PURE__ */ jsx(
4819
- "circle",
4818
+ "path",
4820
4819
  {
4821
- cx: "10",
4822
- cy: "13.75",
4823
- r: "0.75",
4820
+ d: "M11 6a.842.842 0 0 0-.236-.707A1.081 1.081 0 0 0 10 5a1.08 1.08 0 0 0-.764.293A.842.842 0 0 0 9 6l.031.275.563 4.95.031.275c.01.089.059.174.129.237a.37.37 0 0 0 .246.098.37.37 0 0 0 .246-.098.384.384 0 0 0 .129-.237l.031-.275.563-4.95L11 6Z",
4824
4821
  fill: "currentColor"
4825
4822
  }
4826
4823
  ),
4827
4824
  /* @__PURE__ */ jsx(
4828
- "path",
4825
+ "circle",
4829
4826
  {
4830
- d: "M10 11V6",
4831
- stroke: "currentColor",
4832
- strokeLinecap: "round",
4833
- fill: "none"
4827
+ cx: "10",
4828
+ cy: "14.5",
4829
+ r: "1",
4830
+ fill: "currentColor"
4834
4831
  }
4835
4832
  )
4836
4833
  ]
@@ -4839,29 +4836,28 @@ const icons = {
4839
4836
  errorCircle: /* @__PURE__ */ jsxs(
4840
4837
  "svg",
4841
4838
  {
4842
- xmlns: "http://www.w3.org/2000/svg",
4843
- viewBox: "0 0 20 20",
4844
4839
  width: "20",
4845
4840
  height: "20",
4841
+ viewBox: "0 0 20 20",
4846
4842
  fill: "none",
4843
+ xmlns: "http://www.w3.org/2000/svg",
4847
4844
  children: [
4848
4845
  /* @__PURE__ */ jsx(
4849
4846
  "circle",
4850
4847
  {
4851
- cx: "10",
4852
- cy: "10",
4853
- r: "9",
4854
- stroke: "currentColor",
4855
- fill: "none"
4848
+ cx: "8.5",
4849
+ cy: "8.5",
4850
+ r: "8.5",
4851
+ transform: "matrix(1 0 0 -1 1.5 18.5)",
4852
+ stroke: "#0D3636"
4856
4853
  }
4857
4854
  ),
4858
4855
  /* @__PURE__ */ jsx(
4859
4856
  "path",
4860
4857
  {
4861
- d: "m13 13-3-3m0 0L7 7m3 3-3 3m3-3 3-3",
4862
- stroke: "currentColor",
4863
- strokeLinecap: "round",
4864
- fill: "none"
4858
+ d: "M6.5 6.5L13.5 13.5M13.5 6.5L6.5 13.5",
4859
+ stroke: "#0D3636",
4860
+ "stroke-linecap": "round"
4865
4861
  }
4866
4862
  )
4867
4863
  ]
@@ -4878,9 +4874,7 @@ const icons = {
4878
4874
  children: /* @__PURE__ */ jsx(
4879
4875
  "path",
4880
4876
  {
4881
- clipRule: "evenodd",
4882
- fillRule: "evenodd",
4883
- d: "m.684 17.082 7.918-15.7a1.55 1.55 0 0 1 2.796 0l7.918 15.7c.554 1.099-.21 2.418-1.398 2.418H2.082C.893 19.5.13 18.18.684 17.082ZM10.75 15.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM10.5 7.5a.5.5 0 0 0-1 0v5a.5.5 0 0 0 1 0v-5Z",
4877
+ d: "M17.573 19a1.5 1.5 0 0 0 1.342-2.17L11.342 1.683c-.553-1.106-2.13-1.106-2.683 0L1.086 16.829A1.5 1.5 0 0 0 2.428 19h15.145ZM10 12.907a.464.464 0 0 1-.303-.119.486.486 0 0 1-.166-.288l-.039-.275-.703-4.95L8.75 7c-.048-.331.042-.65.277-.884.234-.234.594-.366.973-.366.38 0 .739.132.973.366.235.235.325.553.277.884l-.04.275-.702 4.95-.04.275a.485.485 0 0 1-.165.288.464.464 0 0 1-.303.12Zm0 3.593a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z",
4884
4878
  fill: "currentColor"
4885
4879
  }
4886
4880
  )
@@ -4897,9 +4891,7 @@ const icons = {
4897
4891
  children: /* @__PURE__ */ jsx(
4898
4892
  "path",
4899
4893
  {
4900
- clipRule: "evenodd",
4901
- fillRule: "evenodd",
4902
- d: "M19.5 10a9.5 9.5 0 1 1-19 0 9.5 9.5 0 0 1 19 0Zm-8.75 3.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM10.5 6a.5.5 0 0 0-1 0v5a.5.5 0 0 0 1 0V6Z",
4894
+ d: "M10 19a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm0-7.093a.464.464 0 0 1-.303-.119.485.485 0 0 1-.166-.288l-.039-.275-.703-4.95L8.75 6c-.048-.332.042-.65.277-.884.234-.234.594-.366.973-.366.38 0 .739.132.973.366.235.235.325.553.277.884l-.04.275-.702 4.95-.04.275a.486.486 0 0 1-.165.288.464.464 0 0 1-.303.12Zm0 3.593a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z",
4903
4895
  fill: "currentColor"
4904
4896
  }
4905
4897
  )
@@ -4916,9 +4908,7 @@ const icons = {
4916
4908
  children: /* @__PURE__ */ jsx(
4917
4909
  "path",
4918
4910
  {
4919
- clipRule: "evenodd",
4920
- fillRule: "evenodd",
4921
- d: "M10 19.5a9.5 9.5 0 1 0 0-19 9.5 9.5 0 0 0 0 19ZM7.354 6.646a.5.5 0 1 0-.708.708L9.293 10l-2.647 2.646a.5.5 0 0 0 .708.708L10 10.707l2.646 2.647a.5.5 0 0 0 .708-.708L10.707 10l2.647-2.646a.5.5 0 0 0-.708-.708L10 9.293 7.354 6.646Z",
4911
+ d: "M10 19a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm-3.111-5.111a.55.55 0 1 1-.778-.778L9.223 10 6.11 6.889a.55.55 0 1 1 .778-.778L10 9.223l3.111-3.112a.55.55 0 1 1 .778.778L10.777 10l3.112 3.111.07.086a.55.55 0 0 1-.762.762l-.086-.07L10 10.777 6.889 13.89Z",
4922
4912
  fill: "currentColor"
4923
4913
  }
4924
4914
  )
@@ -4936,28 +4926,19 @@ const icons = {
4936
4926
  /* @__PURE__ */ jsx(
4937
4927
  "circle",
4938
4928
  {
4939
- r: "9",
4940
- transform: "matrix(1 0 0 -1 10 10)",
4929
+ cx: "8.5",
4930
+ cy: "8.5",
4931
+ r: "8.5",
4932
+ transform: "matrix(1 0 0 -1 1.5 18.5)",
4941
4933
  stroke: "currentColor",
4942
4934
  fill: "none"
4943
4935
  }
4944
4936
  ),
4945
- /* @__PURE__ */ jsx(
4946
- "circle",
4947
- {
4948
- r: "0.75",
4949
- transform: "matrix(1 0 0 -1 10 6.25)",
4950
- fill: "currentColor"
4951
- }
4952
- ),
4953
4937
  /* @__PURE__ */ jsx(
4954
4938
  "path",
4955
4939
  {
4956
- d: "M11 14c-.91 1.149-1.5.5-1.343-1.445l.356-3.622L9 9.5",
4957
- stroke: "currentColor",
4958
- strokeLinecap: "round",
4959
- strokeLinejoin: "round",
4960
- fill: "none"
4940
+ fill: "currentColor",
4941
+ d: "M9 5h2v2H9zm2 4v5h1v1H8v-1h1v-4H8V9h3Z"
4961
4942
  }
4962
4943
  )
4963
4944
  ]
@@ -5216,22 +5197,23 @@ const icons = {
5216
5197
  fill: "none",
5217
5198
  children: [
5218
5199
  /* @__PURE__ */ jsx(
5219
- "path",
5200
+ "circle",
5220
5201
  {
5221
- d: "M6 10.792 8.667 13.5 14 7",
5202
+ cx: "8.5",
5203
+ cy: "8.5",
5204
+ r: "8.5",
5205
+ transform: "matrix(1 0 0 -1 1.5 18.5)",
5222
5206
  stroke: "currentColor",
5223
- strokeLinecap: "round",
5224
- strokeLinejoin: "round",
5225
5207
  fill: "none"
5226
5208
  }
5227
5209
  ),
5228
5210
  /* @__PURE__ */ jsx(
5229
- "circle",
5211
+ "path",
5230
5212
  {
5231
- cx: "10",
5232
- cy: "10",
5233
- r: "9",
5213
+ d: "m6 11 3 3 5-7",
5234
5214
  stroke: "currentColor",
5215
+ strokeLinecap: "round",
5216
+ strokeLinejoin: "round",
5235
5217
  fill: "none"
5236
5218
  }
5237
5219
  )
@@ -5249,7 +5231,7 @@ const icons = {
5249
5231
  children: /* @__PURE__ */ jsx(
5250
5232
  "path",
5251
5233
  {
5252
- d: "M1 11.167 7 17 19 3",
5234
+ d: "m4 11 4.5 4.5L16 5",
5253
5235
  stroke: "currentColor",
5254
5236
  strokeLinecap: "round",
5255
5237
  strokeLinejoin: "round",
@@ -7250,7 +7232,7 @@ const icons = {
7250
7232
  children: /* @__PURE__ */ jsx(
7251
7233
  "path",
7252
7234
  {
7253
- d: "M5.225 6.625 1.489 9.609a.5.5 0 0 0 0 .782l3.736 2.984m9.55-6.75 3.736 2.984a.5.5 0 0 1 0 .782l-3.736 2.984M11.087 5.5l-2.817 9",
7235
+ d: "m5.5 6.5-4 4 4 4m9-8 4 4-4 4m-6 2 3-12",
7254
7236
  stroke: "currentColor",
7255
7237
  strokeLinecap: "round",
7256
7238
  strokeLinejoin: "round",
@@ -8625,9 +8607,10 @@ const icons = {
8625
8607
  /* @__PURE__ */ jsx(
8626
8608
  "circle",
8627
8609
  {
8628
- cx: "10",
8629
- cy: "10",
8630
- r: "9",
8610
+ cx: "8.5",
8611
+ cy: "8.5",
8612
+ r: "8.5",
8613
+ transform: "matrix(1 0 0 -1 1.5 18.5)",
8631
8614
  stroke: "currentColor",
8632
8615
  fill: "none"
8633
8616
  }
@@ -8635,7 +8618,7 @@ const icons = {
8635
8618
  /* @__PURE__ */ jsx(
8636
8619
  "path",
8637
8620
  {
8638
- d: "M10 14.25V10m0 0V5.75M10 10H5.75M10 10h4.25",
8621
+ d: "M6 10h4m0 0h4m-4 0V6m0 4v4",
8639
8622
  stroke: "currentColor",
8640
8623
  strokeLinecap: "round",
8641
8624
  fill: "none"
@@ -8647,18 +8630,16 @@ const icons = {
8647
8630
  plusCircleFill: /* @__PURE__ */ jsx(
8648
8631
  "svg",
8649
8632
  {
8650
- xmlns: "http://www.w3.org/2000/svg",
8651
- viewBox: "0 0 20 20",
8652
8633
  width: "20",
8653
8634
  height: "20",
8635
+ viewBox: "0 0 20 20",
8654
8636
  fill: "none",
8637
+ xmlns: "http://www.w3.org/2000/svg",
8655
8638
  children: /* @__PURE__ */ jsx(
8656
8639
  "path",
8657
8640
  {
8658
- clipRule: "evenodd",
8659
- fillRule: "evenodd",
8660
- d: "M10 19.5a9.5 9.5 0 1 0 0-19 9.5 9.5 0 0 0 0 19Zm.5-13.75a.5.5 0 1 0-1 0V9.5H5.75a.5.5 0 1 0 0 1H9.5v3.75a.5.5 0 0 0 1 0V10.5h3.75a.5.5 0 0 0 0-1H10.5V5.75Z",
8661
- fill: "currentColor"
8641
+ d: "M10 19C14.9706 19 19 14.9706 19 10C19 5.02944 14.9706 1 10 1C5.02944 1 1 5.02944 1 10C1 14.9706 5.02944 19 10 19ZM10 14.75C9.58579 14.75 9.25 14.4142 9.25 14V10.75H6C5.58579 10.75 5.25 10.4142 5.25 10C5.25 9.58579 5.58579 9.25 6 9.25H9.25V6C9.25 5.58579 9.58579 5.25 10 5.25C10.4142 5.25 10.75 5.58579 10.75 6V9.25H14C14.4142 9.25 14.75 9.58579 14.75 10C14.75 10.4142 14.4142 10.75 14 10.75H10.75V14C10.75 14.4142 10.4142 14.75 10 14.75Z",
8642
+ fill: "#0D3636"
8662
8643
  }
8663
8644
  )
8664
8645
  }
@@ -9171,9 +9152,7 @@ const icons = {
9171
9152
  children: /* @__PURE__ */ jsx(
9172
9153
  "path",
9173
9154
  {
9174
- clipRule: "evenodd",
9175
- fillRule: "evenodd",
9176
- d: "M19.5 10a9.5 9.5 0 1 0-19 0 9.5 9.5 0 0 0 19 0Zm-8.75-3.75a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Zm-.24 2.732-.354 3.618c-.038.46-.028.823.011 1.089.027.178.064.287.092.347a1.56 1.56 0 0 0 .35-.347.5.5 0 1 1 .783.622c-.247.311-.522.569-.826.687a.935.935 0 0 1-.535.052.887.887 0 0 1-.47-.273c-.223-.242-.33-.59-.383-.94a5.916 5.916 0 0 1-.019-1.322v-.009l.263-2.67-.177.1a.5.5 0 1 1-.49-.872l1.014-.568a.5.5 0 0 1 .742.486Z",
9155
+ d: "M10 1a9 9 0 1 1 0 18 9 9 0 0 1 0-18ZM8 9v1h1v4H8v1h4v-1h-1V9H8Zm1-4v2h2V5H9Z",
9177
9156
  fill: "currentColor"
9178
9157
  }
9179
9158
  )
@@ -11462,9 +11441,7 @@ const icons = {
11462
11441
  children: /* @__PURE__ */ jsx(
11463
11442
  "path",
11464
11443
  {
11465
- clipRule: "evenodd",
11466
- fillRule: "evenodd",
11467
- d: "M10 19.5a9.5 9.5 0 1 0 0-19 9.5 9.5 0 0 0 0 19Zm4.386-12.183a.5.5 0 0 0-.772-.634l-4.981 6.07-2.277-2.312a.5.5 0 1 0-.712.701l2.666 2.709a.5.5 0 0 0 .743-.034l5.333-6.5Z",
11444
+ 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",
11468
11445
  fill: "currentColor"
11469
11446
  }
11470
11447
  )
@@ -17145,21 +17122,19 @@ const icons = {
17145
17122
  fill: "none",
17146
17123
  children: [
17147
17124
  /* @__PURE__ */ jsx(
17148
- "circle",
17125
+ "path",
17149
17126
  {
17150
- cx: "10",
17151
- cy: "10",
17152
- r: "10",
17127
+ d: "M10 19a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z",
17153
17128
  fill: "currentColor",
17154
- fillOpacity: "0.12"
17129
+ fillOpacity: "0.25"
17155
17130
  }
17156
17131
  ),
17157
17132
  /* @__PURE__ */ jsx(
17158
17133
  "path",
17159
17134
  {
17135
+ d: "M6 10h4m0 0h4m-4 0V6m0 4v4",
17160
17136
  stroke: "currentColor",
17161
17137
  strokeLinecap: "round",
17162
- d: "M10 5.5v9M5.5 10h9",
17163
17138
  fill: "none"
17164
17139
  }
17165
17140
  )
@@ -19076,36 +19051,34 @@ const icons = {
19076
19051
  warningFillTransparent: /* @__PURE__ */ jsxs(
19077
19052
  "svg",
19078
19053
  {
19079
- xmlns: "http://www.w3.org/2000/svg",
19080
- viewBox: "0 0 20 20",
19081
19054
  width: "20",
19082
19055
  height: "20",
19056
+ viewBox: "0 0 20 20",
19083
19057
  fill: "none",
19058
+ xmlns: "http://www.w3.org/2000/svg",
19084
19059
  children: [
19085
19060
  /* @__PURE__ */ jsx(
19086
19061
  "path",
19087
19062
  {
19088
- d: "m.351 17.573 8.31-16.427c.556-1.097 2.122-1.097 2.678 0l8.31 16.427a1.5 1.5 0 0 1-1.339 2.177H1.69a1.5 1.5 0 0 1-1.34-2.177Z",
19089
- fill: "currentColor",
19090
- fillOpacity: "0.3"
19063
+ opacity: "0.25",
19064
+ d: "M8.65836 1.68328L1.08541 16.8292C0.586734 17.8265 1.31198 19 2.42705 19H17.573C18.688 19 19.4133 17.8265 18.9146 16.8292L11.3416 1.68328C10.7889 0.577709 9.21114 0.577712 8.65836 1.68328Z",
19065
+ fill: "#0D3636"
19091
19066
  }
19092
19067
  ),
19093
19068
  /* @__PURE__ */ jsx(
19094
19069
  "path",
19095
19070
  {
19096
- d: "M10 7.25v5",
19097
- stroke: "currentColor",
19098
- strokeLinecap: "round",
19099
- fill: "none"
19071
+ d: "M11 7C11.0306 6.73478 10.952 6.48043 10.7639 6.29289C10.5769 6.10536 10.2958 6 10 6C9.70423 6 9.4231 6.10536 9.23608 6.29289C9.04803 6.48043 8.96944 6.73478 9 7C9.01042 7.09167 9.02083 7.18333 9.03125 7.275C9.21875 8.925 9.40625 10.575 9.59375 12.225C9.60417 12.3167 9.61458 12.4083 9.625 12.5C9.63523 12.5888 9.6837 12.674 9.75386 12.7367C9.82435 12.7995 9.91077 12.8348 10 12.8348C10.0892 12.8348 10.1756 12.7995 10.2461 12.7367C10.3163 12.674 10.3648 12.5888 10.375 12.5C10.3854 12.4083 10.3958 12.3167 10.4062 12.225C10.5937 10.575 10.7812 8.925 10.9687 7.275C10.9792 7.18333 10.9896 7.09167 11 7Z",
19072
+ fill: "#0D3636"
19100
19073
  }
19101
19074
  ),
19102
19075
  /* @__PURE__ */ jsx(
19103
19076
  "circle",
19104
19077
  {
19105
19078
  cx: "10",
19106
- cy: "14.75",
19107
- r: "0.75",
19108
- fill: "currentColor"
19079
+ cy: "15.5",
19080
+ r: "1",
19081
+ fill: "#0D3636"
19109
19082
  }
19110
19083
  )
19111
19084
  ]
@@ -19121,30 +19094,26 @@ const icons = {
19121
19094
  fill: "none",
19122
19095
  children: [
19123
19096
  /* @__PURE__ */ jsx(
19124
- "circle",
19097
+ "path",
19125
19098
  {
19126
- cx: "10",
19127
- cy: "10",
19128
- r: "10",
19099
+ d: "M10 19a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z",
19129
19100
  fill: "currentColor",
19130
- fillOpacity: "0.3"
19101
+ fillOpacity: "0.25"
19131
19102
  }
19132
19103
  ),
19133
19104
  /* @__PURE__ */ jsx(
19134
19105
  "path",
19135
19106
  {
19136
- d: "M10 6.25v5",
19137
- stroke: "currentColor",
19138
- strokeLinecap: "round",
19139
- fill: "none"
19107
+ d: "M11 6a.842.842 0 0 0-.236-.707A1.081 1.081 0 0 0 10 5a1.08 1.08 0 0 0-.764.293A.842.842 0 0 0 9 6l.031.275.563 4.95.031.275c.01.089.059.174.129.237a.37.37 0 0 0 .246.098.37.37 0 0 0 .246-.098.384.384 0 0 0 .129-.237l.031-.275.563-4.95L11 6Z",
19108
+ fill: "currentColor"
19140
19109
  }
19141
19110
  ),
19142
19111
  /* @__PURE__ */ jsx(
19143
19112
  "circle",
19144
19113
  {
19145
19114
  cx: "10",
19146
- cy: "13.75",
19147
- r: "0.75",
19115
+ cy: "14.5",
19116
+ r: "1",
19148
19117
  fill: "currentColor"
19149
19118
  }
19150
19119
  )
@@ -19161,21 +19130,19 @@ const icons = {
19161
19130
  fill: "none",
19162
19131
  children: [
19163
19132
  /* @__PURE__ */ jsx(
19164
- "circle",
19133
+ "path",
19165
19134
  {
19166
- cx: "10",
19167
- cy: "10",
19168
- r: "10",
19135
+ d: "M10 19a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z",
19169
19136
  fill: "currentColor",
19170
- fillOpacity: "0.3"
19137
+ fillOpacity: "0.25"
19171
19138
  }
19172
19139
  ),
19173
19140
  /* @__PURE__ */ jsx(
19174
19141
  "path",
19175
19142
  {
19143
+ d: "m6.5 6.5 7 7m0-7-7 7",
19176
19144
  stroke: "currentColor",
19177
19145
  strokeLinecap: "round",
19178
- d: "m6.582 6.983 6.364 6.364m-5.892 0 6.364-6.364",
19179
19146
  fill: "none"
19180
19147
  }
19181
19148
  )
@@ -19192,30 +19159,18 @@ const icons = {
19192
19159
  fill: "none",
19193
19160
  children: [
19194
19161
  /* @__PURE__ */ jsx(
19195
- "circle",
19162
+ "path",
19196
19163
  {
19197
- r: "10",
19198
- transform: "matrix(1 0 0 -1 10 10)",
19164
+ d: "M10 1a9 9 0 1 1 0 18 9 9 0 0 1 0-18ZM8 9v1h1v4H8v1h4v-1h-1V9H8Zm1-4v2h2V5H9Z",
19199
19165
  fill: "currentColor",
19200
19166
  fillOpacity: "0.3"
19201
19167
  }
19202
19168
  ),
19203
- /* @__PURE__ */ jsx(
19204
- "circle",
19205
- {
19206
- r: "0.75",
19207
- transform: "matrix(1 0 0 -1 10 6.25)",
19208
- fill: "currentColor"
19209
- }
19210
- ),
19211
19169
  /* @__PURE__ */ jsx(
19212
19170
  "path",
19213
19171
  {
19214
- d: "M11 14c-.91 1.149-1.5.5-1.343-1.445l.356-3.622L9 9.5",
19215
- stroke: "currentColor",
19216
- strokeLinecap: "round",
19217
- strokeLinejoin: "round",
19218
- fill: "none"
19172
+ d: "M9 5h2v2H9V5Zm2 4v5h1v1H8v-1h1v-4H8V9h3Z",
19173
+ fill: "currentColor"
19219
19174
  }
19220
19175
  )
19221
19176
  ]
@@ -19231,19 +19186,17 @@ const icons = {
19231
19186
  fill: "none",
19232
19187
  children: [
19233
19188
  /* @__PURE__ */ jsx(
19234
- "circle",
19189
+ "path",
19235
19190
  {
19236
- cx: "10",
19237
- cy: "10",
19238
- r: "10",
19191
+ d: "M10 19a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z",
19239
19192
  fill: "currentColor",
19240
- fillOpacity: "0.3"
19193
+ fillOpacity: "0.25"
19241
19194
  }
19242
19195
  ),
19243
19196
  /* @__PURE__ */ jsx(
19244
19197
  "path",
19245
19198
  {
19246
- d: "M6 10.792 8.667 13.5 14 7",
19199
+ d: "m6 11 3 3 5-7",
19247
19200
  stroke: "currentColor",
19248
19201
  strokeLinecap: "round",
19249
19202
  strokeLinejoin: "round",
@@ -30275,6 +30228,53 @@ const icons = {
30275
30228
  )
30276
30229
  ]
30277
30230
  }
30231
+ ),
30232
+ archiveFile: /* @__PURE__ */ jsxs(
30233
+ "svg",
30234
+ {
30235
+ xmlns: "http://www.w3.org/2000/svg",
30236
+ viewBox: "0 0 20 20",
30237
+ width: "20",
30238
+ height: "20",
30239
+ fill: "none",
30240
+ children: [
30241
+ /* @__PURE__ */ jsx(
30242
+ "path",
30243
+ {
30244
+ d: "M15.5 10.5V3A1.5 1.5 0 0 0 14 1.5H5A1.5 1.5 0 0 0 3.5 3v14A1.5 1.5 0 0 0 5 18.5h8.5m2-8 1.705 2.302a1.5 1.5 0 0 1 .295.893V17a1.5 1.5 0 0 1-1.5 1.5h-2.5m2-8-1.705 2.302a1.5 1.5 0 0 0-.295.893V18.5",
30245
+ stroke: "currentColor",
30246
+ strokeLinejoin: "round",
30247
+ fill: "none"
30248
+ }
30249
+ ),
30250
+ /* @__PURE__ */ jsx(
30251
+ "path",
30252
+ {
30253
+ d: "M7.5 2.5v1m1 1v1m-1 1v1m1 1v1m-1 1v1m1 1v1m-1 1v1m1 1v1",
30254
+ stroke: "currentColor",
30255
+ strokeLinecap: "square",
30256
+ fill: "none"
30257
+ }
30258
+ )
30259
+ ]
30260
+ }
30261
+ ),
30262
+ info: /* @__PURE__ */ jsx(
30263
+ "svg",
30264
+ {
30265
+ xmlns: "http://www.w3.org/2000/svg",
30266
+ viewBox: "0 0 20 20",
30267
+ width: "20",
30268
+ height: "20",
30269
+ fill: "none",
30270
+ children: /* @__PURE__ */ jsx(
30271
+ "path",
30272
+ {
30273
+ d: "M8.5 4a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1V4Zm2 5a1 1 0 0 1 1 1v6.5h1a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5V17a.5.5 0 0 1 .5-.5h1V11a.5.5 0 0 0-.5-.5h-.5A.5.5 0 0 1 7 10v-.5a.5.5 0 0 1 .5-.5h3Z",
30274
+ fill: "currentColor"
30275
+ }
30276
+ )
30277
+ }
30278
30278
  )
30279
30279
  };
30280
30280
  const blockIcons = {
@@ -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-DZCiis5V.js";
2
+ import { s as svgToJsxString, a as source_default } from "../react-jsx-parser.min-LF707GK8.js";
3
3
  /**
4
4
  * Renders SVG string as JSX SVGs.
5
5
  *
@@ -24,13 +24,12 @@ import { s as svgToJsxString, a as source_default } from "../react-jsx-parser.mi
24
24
  * @preserve
25
25
  */
26
26
  const JsxSvg = (props) => {
27
- var _a;
28
27
  const { svg, className, customProps, customPropBindings, "aria-hidden": ariaHiddenProp, ariaHidden, noIdRandomization, idRandomizationPrefix = "icon", ...rest } = props;
29
28
  if (!svg || typeof svg !== "string") {
30
29
  return null;
31
30
  }
32
31
  let jsxString = svgToJsxString(svg);
33
- if ((className == null ? void 0 : className.length) > 0) {
32
+ if (className?.length > 0) {
34
33
  jsxString = jsxString.replace("<svg ", `<svg className="${className}" `);
35
34
  }
36
35
  if (ariaHiddenProp || ariaHidden) {
@@ -40,7 +39,7 @@ const JsxSvg = (props) => {
40
39
  jsxString = jsxString.replace("<svg ", `<svg ${customProps} `);
41
40
  }
42
41
  if (!noIdRandomization) {
43
- const matches = (_a = Array.from(jsxString == null ? void 0 : jsxString.matchAll(/id=[\'"]([a-zA-Z0-9\-\_]*)[\'"]/g), (m) => m == null ? void 0 : m[1])) == null ? void 0 : _a.filter(Boolean);
42
+ const matches = Array.from(jsxString?.matchAll(/id=[\'"]([a-zA-Z0-9\-\_]*)[\'"]/g), (m) => m?.[1])?.filter(Boolean);
44
43
  matches.forEach((match) => {
45
44
  const newId = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
46
45
  jsxString = jsxString.replaceAll(match, `${idRandomizationPrefix}-${newId}`);
package/dist/index.js CHANGED
@@ -38,8 +38,8 @@ import { ResponsiveLegacy } from "./components/responsive/responsive-legacy.js";
38
38
  import { ResponsivePreview } from "./components/responsive-preview/responsive-preview.js";
39
39
  import { AsyncMultiSelect } from "./components/select/async-multi-select.js";
40
40
  import { AsyncSelect } from "./components/select/async-single-select.js";
41
- import { __ExperimentalAsyncSelect } from "./components/select/v2/async-select.js";
42
- import { __ExperimentalSelect } from "./components/select/v2/single-select.js";
41
+ import { AsyncSelectNext } from "./components/select/v2/async-select.js";
42
+ import { SelectNext } from "./components/select/v2/single-select.js";
43
43
  import { Modal } from "./components/modal/modal.js";
44
44
  import { MultiSelect } from "./components/select/multi-select.js";
45
45
  import { RSClearIndicator, RSDropdownIndicator, RSMultiValue, RSMultiValueContainer, RSMultiValueLabel, RSMultiValueRemove, RSOption, RSSingleValue } from "./components/select/react-select-component-wrappers.js";
@@ -60,6 +60,7 @@ export {
60
60
  AnimatedVisibility,
61
61
  AsyncMultiSelect,
62
62
  AsyncSelect,
63
+ AsyncSelectNext,
63
64
  BaseControl,
64
65
  BreakpointPreview,
65
66
  Button,
@@ -121,6 +122,7 @@ export {
121
122
  ResponsivePreview,
122
123
  RichLabel,
123
124
  Select,
125
+ SelectNext,
124
126
  Slider,
125
127
  SolidColorPicker,
126
128
  Spacer,
@@ -135,7 +137,5 @@ export {
135
137
  Tooltip,
136
138
  TriggeredPopover,
137
139
  VStack,
138
- __ExperimentalAsyncSelect,
139
- __ExperimentalSelect,
140
140
  getColumnConfigOutputText
141
141
  };
@@ -3676,10 +3676,10 @@ const getDragEndHandler = (onChange, items) => {
3676
3676
  if (!active || !over) {
3677
3677
  return;
3678
3678
  }
3679
- if ((active == null ? void 0 : active.id) !== (over == null ? void 0 : over.id) && items) {
3679
+ if (active?.id !== over?.id && items) {
3680
3680
  const mappedItems = items.map(({ id }) => id);
3681
- const oldIndex = (mappedItems == null ? void 0 : mappedItems.indexOf(active.id)) ?? -1;
3682
- const newIndex = (mappedItems == null ? void 0 : mappedItems.indexOf(over.id)) ?? -1;
3681
+ const oldIndex = mappedItems?.indexOf(active.id) ?? -1;
3682
+ const newIndex = mappedItems?.indexOf(over.id) ?? -1;
3683
3683
  onChange(arrayMove([...items], oldIndex, newIndex));
3684
3684
  }
3685
3685
  };