@eightshift/ui-components 1.5.1 → 1.6.1

package/dist/components/select/async-multi-select.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useId } from "react";
-import { A as AsyncSelect$1 } from "../../react-select-async.esm-DY-cP0QK.js";
+import { A as AsyncSelect$1 } from "../../react-select-async.esm-CxA8wpeT.js";
 import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValue, b as getMultiValueRemove } from "../../multi-select-components-DTvEidE3.js";
 import { r as restrictToParentElement } from "../../modifiers.esm-BuJQPI1X.js";
 import { CustomSelectDefaultMultiValueRemove, CustomSelectDefaultDropdownIndicator, CustomSelectDefaultClearIndicator } from "./custom-select-default-components.js";

package/dist/components/select/async-single-select.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { A as AsyncSelect$1 } from "../../react-select-async.esm-DY-cP0QK.js";
+import { A as AsyncSelect$1 } from "../../react-select-async.esm-CxA8wpeT.js";
 import { CustomSelectDefaultDropdownIndicator, CustomSelectDefaultClearIndicator } from "./custom-select-default-components.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { eightshiftSelectClasses } from "./styles.js";
@@ -106,7 +106,9 @@ const AsyncSelect = (props) => {
           defaultOptions: preloadOptions,
           value,
           onChange: (value2) => {
-            delete value2.id;
+            if (value2 && "id" in value2) {
+              delete value2.id;
+            }
             onChange(value2);
           },
           closeMenuOnSelect: !keepMenuOpenAfterSelect,

package/dist/components/select/multi-select.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useId } from "react";
-import { S as StateManagedSelect$1 } from "../../react-select.esm-DNlXj0hV.js";
+import { S as StateManagedSelect$1 } from "../../react-select.esm-CeE7o5M9.js";
 import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValue, b as getMultiValueRemove } from "../../multi-select-components-DTvEidE3.js";
 import { r as restrictToParentElement } from "../../modifiers.esm-BuJQPI1X.js";
 import { CustomSelectDefaultMultiValueRemove, CustomSelectDefaultDropdownIndicator, CustomSelectDefaultClearIndicator } from "./custom-select-default-components.js";

package/dist/components/select/single-select.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { S as StateManagedSelect$1 } from "../../react-select.esm-DNlXj0hV.js";
+import { S as StateManagedSelect$1 } from "../../react-select.esm-CeE7o5M9.js";
 import { CustomSelectDefaultDropdownIndicator, CustomSelectDefaultClearIndicator } from "./custom-select-default-components.js";
 import { getValue } from "./shared.js";
 import { BaseControl } from "../base-control/base-control.js";
@@ -100,7 +100,9 @@ const Select = (props) => {
               onChange(v == null ? void 0 : v.value);
               return;
             }
-            delete v.id;
+            if (v && "id" in v) {
+              delete v.id;
+            }
             onChange(v);
           },
           closeMenuOnSelect: !keepMenuOpenAfterSelect,

package/dist/components/select/styles.js

@@ -16,7 +16,7 @@ const multiValueLabelStyles = "es-uic-select-none";
 const multiValueRemoveStyles = "hover:es-uic-bg-red-500/15 hover:es-uic-text-red-900 es-uic-text-gray-500 es-uic-rounded es-uic-p-0.5 [&>svg]:es-uic-size-3.5 [&>svg]:es-uic-stroke-[1.5] es-uic-transition";
 const clearIndicatorStyles = "es-uic-text-gray-500 es-uic-p-1 es-uic-rounded-md hover:bg-red-50 hover:text-red-800 es-uic-transition";
 const dropdownIndicatorStyles = "es-uic-text-gray-500 es-uic-px-1 group-hover:es-uic-text-black [&>svg]:es-uic-transition-transform [&>svg]:es-uic-duration-500 [&>svg]:es-uic-size-5.5";
-const menuStyles = "es-uic-relative es-uic-z-50 es-uic-rounded-md es-uic-border es-uic-border-gray-200 es-uic-bg-white es-uic-shadow-lg es-uic-mt-1 es-uic-text-sm es-uic-overflow-x-hidden";
+const menuStyles = "es-uic-z-50 es-uic-rounded-md es-uic-border es-uic-border-gray-200 es-uic-bg-white es-uic-shadow-lg es-uic-mt-1 es-uic-text-sm es-uic-overflow-x-hidden";
 const optionStyles = {
   base: "es-uic-p-2 !es-uic-flex es-uic-items-center es-uic-gap-1.5 es-uic-text-gray-800 es-uic-rounded [&>svg]:es-uic-size-5 [&>svg]:es-uic-text-gray-500 es-uic-transition es-uic-mx-1 first:es-uic-mt-1 last:es-uic-mb-1 !es-uic-w-auto es-uic-min-h-9",
   focus: "es-uic-bg-gray-100 active:es-uic-bg-teal-700/15",

package/dist/components/tabs/tabs.js

@@ -531,7 +531,7 @@ const TabList = (props) => {
       className: ({ orientation }) => clsx(
         "es-uic-flex",
         orientation === "vertical" && "es-uic-h-full es-uic-flex-col es-uic-gap-px es-uic-pr-1.5",
-        orientation === "horizontal" && "es-uic-w-full es-uic-items-end es-uic-gap-1 es-uic-border-b es-uic-border-b-gray-300",
+        orientation === "horizontal" && "es-uic-w-full es-uic-items-stretch es-uic-gap-1 es-uic-border-b es-uic-border-b-gray-300",
         className
       ),
       ...other,

package/dist/icons/jsx-svg.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as svgToJsxString, a as source_default } from "../react-jsx-parser.min-CAGfntg1.js";
+import { s as svgToJsxString, a as source_default } from "../react-jsx-parser.min-sPC96O_U.js";
 /**
  * Renders SVG string as JSX SVGs.
  *

package/dist/index.js

@@ -10,8 +10,9 @@ import { ColorPicker } from "./components/color-pickers/color-picker.js";
 import { ColumnConfigSlider, ColumnConfigSliderOutput } from "./components/slider/column-config-slider.js";
 import { DraggableList } from "./components/draggable-list/draggable-list.js";
 import { DraggableListItem, DraggableListItemHandle } from "./components/draggable-list/draggable-list-item.js";
+import { DraggableContext } from "./components/draggable/draggable-context.js";
 import { Draggable } from "./components/draggable/draggable.js";
-import { DraggableItem, DraggableItemHandle } from "./components/draggable/draggable-item.js";
+import { DraggableHandle } from "./components/draggable/draggable-handle.js";
 import { Expandable } from "./components/expandable/expandable.js";
 import { FilePlaceholder } from "./components/placeholders/file-placeholder.js";
 import { GradientEditor } from "./components/color-pickers/gradient-editor.js";
@@ -40,7 +41,7 @@ import { Modal } from "./components/modal/modal.js";
 import { MultiSelect } from "./components/select/multi-select.js";
 import { RSClearIndicator, RSDropdownIndicator, RSMultiValue, RSMultiValueContainer, RSMultiValueLabel, RSMultiValueRemove, RSOption, RSSingleValue } from "./components/select/react-select-component-wrappers.js";
 import { OptionSelect } from "./components/option-select/option-select.js";
-import { OptionsPanel, OptionsPanelSection } from "./components/options-panel/options-panel.js";
+import { OptionsPanel, OptionsPanelHeader, OptionsPanelSection } from "./components/options-panel/options-panel.js";
 import { Select } from "./components/select/single-select.js";
 import { Slider } from "./components/slider/slider.js";
 import { SolidColorPicker } from "./components/color-pickers/solid-color-picker.js";
@@ -69,8 +70,8 @@ export {
   ContainerPanel,
   D as DecorativeTooltip,
   Draggable,
-  DraggableItem,
-  DraggableItemHandle,
+  DraggableContext,
+  DraggableHandle,
   DraggableList,
   DraggableListItem,
   DraggableListItemHandle,
@@ -95,6 +96,7 @@ export {
   NumberPicker,
   OptionSelect,
   OptionsPanel,
+  OptionsPanelHeader,
   OptionsPanelSection,
   Popover,
   RSClearIndicator,

package/dist/{react-jsx-parser.min-CAGfntg1.js → react-jsx-parser.min-sPC96O_U.js}

@@ -383,8 +383,8 @@ function svgToJsxString(svgString) {
   return _JsxComponentString("svg", properties, children);
 }
 var __create = Object.create;
-var __defProp2 = Object.defineProperty;
 var __getProtoOf = Object.getPrototypeOf;
+var __defProp2 = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __toESM = (mod, isNodeMode, target) => {
@@ -5758,7 +5758,7 @@ var require_xhtml = __commonJS((exports, module) => {
   };
 });
 var require_acorn_jsx = __commonJS((exports, module) => {
-  var getJsxTokens = function(acorn) {
+  function getJsxTokens(acorn) {
     acorn = acorn.Parser.acorn || acorn;
     let acornJsx = acornJsxMap.get(acorn);
     if (!acornJsx) {
@@ -5797,8 +5797,8 @@ var require_acorn_jsx = __commonJS((exports, module) => {
       acornJsxMap.set(acorn, acornJsx);
     }
     return acornJsx;
-  };
-  var getQualifiedJSXName = function(object) {
+  }
+  function getQualifiedJSXName(object) {
     if (!object)
       return object;
     if (object.type === "JSXIdentifier")
@@ -5807,8 +5807,8 @@ var require_acorn_jsx = __commonJS((exports, module) => {
       return object.namespace.name + ":" + object.name.name;
     if (object.type === "JSXMemberExpression")
       return getQualifiedJSXName(object.object) + "." + getQualifiedJSXName(object.property);
-  };
-  var plugin = function(options, Parser3) {
+  }
+  function plugin(options, Parser3) {
     const acorn = Parser3.acorn || require_acorn();
     const acornJsx = getJsxTokens(acorn);
     const tt = acorn.tokTypes;
@@ -6153,7 +6153,7 @@ var require_acorn_jsx = __commonJS((exports, module) => {
         }
       }
     };
-  };
+  }
   var XHTMLEntities = require_xhtml();
   var hexNumber = /^[\da-fA-F]+$/;
   var decimalNumber = /^\d+$/;
@@ -7965,7 +7965,7 @@ var require_react = __commonJS((exports, module) => {
     module.exports = react_development;
   }
 });
-var isInAstralSet = function(code, set) {
+function isInAstralSet(code, set) {
   var pos = 65536;
   for (var i2 = 0; i2 < set.length; i2 += 2) {
     pos += set[i2];
@@ -7978,8 +7978,8 @@ var isInAstralSet = function(code, set) {
     }
   }
   return false;
-};
-var isIdentifierStart = function(code, astral) {
+}
+function isIdentifierStart(code, astral) {
   if (code < 65) {
     return code === 36;
   }
@@ -7999,8 +7999,8 @@ var isIdentifierStart = function(code, astral) {
     return false;
   }
   return isInAstralSet(code, astralIdentifierStartCodes);
-};
-var isIdentifierChar = function(code, astral) {
+}
+function isIdentifierChar(code, astral) {
   if (code < 48) {
     return code === 36;
   }
@@ -8026,20 +8026,20 @@ var isIdentifierChar = function(code, astral) {
     return false;
   }
   return isInAstralSet(code, astralIdentifierStartCodes) || isInAstralSet(code, astralIdentifierCodes);
-};
-var binop = function(name, prec) {
+}
+function binop(name, prec) {
   return new TokenType(name, { beforeExpr: true, binop: prec });
-};
-var kw = function(name, options) {
+}
+function kw(name, options) {
   if (options === void 0)
     options = {};
   options.keyword = name;
   return keywords[name] = new TokenType(name, options);
-};
-var isNewLine = function(code) {
+}
+function isNewLine(code) {
   return code === 10 || code === 13 || code === 8232 || code === 8233;
-};
-var nextLineBreak = function(code, from, end) {
+}
+function nextLineBreak(code, from, end) {
   if (end === void 0)
     end = code.length;
   for (var i2 = from; i2 < end; i2++) {
@@ -8049,18 +8049,18 @@ var nextLineBreak = function(code, from, end) {
     }
   }
   return -1;
-};
-var wordsRegexp = function(words) {
+}
+function wordsRegexp(words) {
   return regexpCache[words] || (regexpCache[words] = new RegExp("^(?:" + words.replace(/ /g, "|") + ")$"));
-};
-var codePointToString = function(code) {
+}
+function codePointToString(code) {
   if (code <= 65535) {
     return String.fromCharCode(code);
   }
   code -= 65536;
   return String.fromCharCode((code >> 10) + 55296, (code & 1023) + 56320);
-};
-var getLineInfo = function(input, offset2) {
+}
+function getLineInfo(input, offset2) {
   for (var line = 1, cur = 0; ; ) {
     var nextBreak = nextLineBreak(input, cur, offset2);
     if (nextBreak < 0) {
@@ -8069,8 +8069,8 @@ var getLineInfo = function(input, offset2) {
     ++line;
     cur = nextBreak;
   }
-};
-var getOptions = function(opts) {
+}
+function getOptions(opts) {
   var options = {};
   for (var opt in defaultOptions) {
     options[opt] = opts && hasOwn(opts, opt) ? opts[opt] : defaultOptions[opt];
@@ -8102,8 +8102,8 @@ var getOptions = function(opts) {
     options.onComment = pushComment(options, options.onComment);
   }
   return options;
-};
-var pushComment = function(options, array) {
+}
+function pushComment(options, array) {
   return function(block, text, start, end, startLoc, endLoc) {
     var comment = {
       type: block ? "Block" : "Line",
@@ -8119,11 +8119,11 @@ var pushComment = function(options, array) {
     }
     array.push(comment);
   };
-};
-var functionFlags = function(async, generator) {
+}
+function functionFlags(async, generator) {
   return SCOPE_FUNCTION | (async ? SCOPE_ASYNC : 0) | (generator ? SCOPE_GENERATOR : 0);
-};
-var isPrivateNameConflicted = function(privateNameMap, element) {
+}
+function isPrivateNameConflicted(privateNameMap, element) {
   var name = element.key.name;
   var curr = privateNameMap[name];
   var next = "true";
@@ -8139,19 +8139,19 @@ var isPrivateNameConflicted = function(privateNameMap, element) {
   } else {
     return true;
   }
-};
-var checkKeyName = function(node, name) {
+}
+function checkKeyName(node, name) {
   var computed = node.computed;
   var key = node.key;
   return !computed && (key.type === "Identifier" && key.name === name || key.type === "Literal" && key.value === name);
-};
-var isLocalVariableAccess = function(node) {
+}
+function isLocalVariableAccess(node) {
   return node.type === "Identifier" || node.type === "ParenthesizedExpression" && isLocalVariableAccess(node.expression);
-};
-var isPrivateFieldAccess = function(node) {
+}
+function isPrivateFieldAccess(node) {
   return node.type === "MemberExpression" && node.property.type === "PrivateIdentifier" || node.type === "ChainExpression" && isPrivateFieldAccess(node.expression) || node.type === "ParenthesizedExpression" && isPrivateFieldAccess(node.expression);
-};
-var finishNodeAt = function(node, type, pos, loc) {
+}
+function finishNodeAt(node, type, pos, loc) {
   node.type = type;
   node.end = pos;
   if (this.options.locations) {
@@ -8161,8 +8161,8 @@ var finishNodeAt = function(node, type, pos, loc) {
     node.range[1] = pos;
   }
   return node;
-};
-var buildUnicodeData = function(ecmaVersion2) {
+}
+function buildUnicodeData(ecmaVersion2) {
   var d = data[ecmaVersion2] = {
     binary: wordsRegexp(unicodeBinaryProperties[ecmaVersion2] + " " + unicodeGeneralCategoryValues),
     binaryOfStrings: wordsRegexp(unicodeBinaryPropertiesOfStrings[ecmaVersion2]),
@@ -8175,53 +8175,53 @@ var buildUnicodeData = function(ecmaVersion2) {
   d.nonBinary.gc = d.nonBinary.General_Category;
   d.nonBinary.sc = d.nonBinary.Script;
   d.nonBinary.scx = d.nonBinary.Script_Extensions;
-};
-var hasProp = function(obj) {
+}
+function hasProp(obj) {
   for (var _ in obj) {
     return true;
   }
   return false;
-};
-var isSyntaxCharacter = function(ch) {
+}
+function isSyntaxCharacter(ch) {
   return ch === 36 || ch >= 40 && ch <= 43 || ch === 46 || ch === 63 || ch >= 91 && ch <= 94 || ch >= 123 && ch <= 125;
-};
-var isRegExpIdentifierStart = function(ch) {
+}
+function isRegExpIdentifierStart(ch) {
   return isIdentifierStart(ch, true) || ch === 36 || ch === 95;
-};
-var isRegExpIdentifierPart = function(ch) {
+}
+function isRegExpIdentifierPart(ch) {
   return isIdentifierChar(ch, true) || ch === 36 || ch === 95 || ch === 8204 || ch === 8205;
-};
-var isControlLetter = function(ch) {
+}
+function isControlLetter(ch) {
   return ch >= 65 && ch <= 90 || ch >= 97 && ch <= 122;
-};
-var isValidUnicode = function(ch) {
+}
+function isValidUnicode(ch) {
   return ch >= 0 && ch <= 1114111;
-};
-var isCharacterClassEscape = function(ch) {
+}
+function isCharacterClassEscape(ch) {
   return ch === 100 || ch === 68 || ch === 115 || ch === 83 || ch === 119 || ch === 87;
-};
-var isUnicodePropertyNameCharacter = function(ch) {
+}
+function isUnicodePropertyNameCharacter(ch) {
   return isControlLetter(ch) || ch === 95;
-};
-var isUnicodePropertyValueCharacter = function(ch) {
+}
+function isUnicodePropertyValueCharacter(ch) {
   return isUnicodePropertyNameCharacter(ch) || isDecimalDigit(ch);
-};
-var isClassSetReservedDoublePunctuatorCharacter = function(ch) {
+}
+function isClassSetReservedDoublePunctuatorCharacter(ch) {
   return ch === 33 || ch >= 35 && ch <= 38 || ch >= 42 && ch <= 44 || ch === 46 || ch >= 58 && ch <= 64 || ch === 94 || ch === 96 || ch === 126;
-};
-var isClassSetSyntaxCharacter = function(ch) {
+}
+function isClassSetSyntaxCharacter(ch) {
   return ch === 40 || ch === 41 || ch === 45 || ch === 47 || ch >= 91 && ch <= 93 || ch >= 123 && ch <= 125;
-};
-var isClassSetReservedPunctuator = function(ch) {
+}
+function isClassSetReservedPunctuator(ch) {
   return ch === 33 || ch === 35 || ch === 37 || ch === 38 || ch === 44 || ch === 45 || ch >= 58 && ch <= 62 || ch === 64 || ch === 96 || ch === 126;
-};
-var isDecimalDigit = function(ch) {
+}
+function isDecimalDigit(ch) {
   return ch >= 48 && ch <= 57;
-};
-var isHexDigit = function(ch) {
+}
+function isHexDigit(ch) {
   return ch >= 48 && ch <= 57 || ch >= 65 && ch <= 70 || ch >= 97 && ch <= 102;
-};
-var hexToInt = function(ch) {
+}
+function hexToInt(ch) {
   if (ch >= 65 && ch <= 70) {
     return 10 + (ch - 65);
   }
@@ -8229,22 +8229,22 @@ var hexToInt = function(ch) {
     return 10 + (ch - 97);
   }
   return ch - 48;
-};
-var isOctalDigit = function(ch) {
+}
+function isOctalDigit(ch) {
   return ch >= 48 && ch <= 55;
-};
-var stringToNumber = function(str, isLegacyOctalNumericLiteral) {
+}
+function stringToNumber(str, isLegacyOctalNumericLiteral) {
   if (isLegacyOctalNumericLiteral) {
     return parseInt(str, 8);
   }
   return parseFloat(str.replace(/_/g, ""));
-};
-var stringToBigInt = function(str) {
+}
+function stringToBigInt(str) {
   if (typeof BigInt !== "function") {
     return null;
   }
   return BigInt(str.replace(/_/g, ""));
-};
+}
 var astralIdentifierCodes = [509, 0, 227, 0, 150, 4, 294, 9, 1368, 2, 2, 1, 6, 3, 41, 2, 5, 0, 166, 1, 574, 3, 9, 9, 370, 1, 81, 2, 71, 10, 50, 3, 123, 2, 54, 14, 32, 10, 3, 1, 11, 3, 46, 10, 8, 0, 46, 9, 7, 2, 37, 13, 2, 9, 6, 1, 45, 0, 13, 2, 49, 13, 9, 3, 2, 11, 83, 11, 7, 0, 3, 0, 158, 11, 6, 9, 7, 3, 56, 1, 2, 6, 3, 1, 3, 2, 10, 0, 11, 1, 3, 6, 4, 4, 193, 17, 10, 9, 5, 0, 82, 19, 13, 9, 214, 6, 3, 8, 28, 1, 83, 16, 16, 9, 82, 12, 9, 9, 84, 14, 5, 9, 243, 14, 166, 9, 71, 5, 2, 1, 3, 3, 2, 0, 2, 1, 13, 9, 120, 6, 3, 6, 4, 0, 29, 9, 41, 6, 2, 3, 9, 0, 10, 10, 47, 15, 406, 7, 2, 7, 17, 9, 57, 21, 2, 13, 123, 5, 4, 0, 2, 1, 2, 6, 2, 0, 9, 9, 49, 4, 2, 1, 2, 4, 9, 9, 330, 3, 10, 1, 2, 0, 49, 6, 4, 4, 14, 9, 5351, 0, 7, 14, 13835, 9, 87, 9, 39, 4, 60, 6, 26, 9, 1014, 0, 2, 54, 8, 3, 82, 0, 12, 1, 19628, 1, 4706, 45, 3, 22, 543, 4, 4, 5, 9, 7, 3, 6, 31, 3, 149, 2, 1418, 49, 513, 54, 5, 49, 9, 0, 15, 0, 23, 4, 2, 14, 1361, 6, 2, 16, 3, 6, 2, 1, 2, 4, 101, 0, 161, 6, 10, 9, 357, 0, 62, 13, 499, 13, 983, 6, 110, 6, 6, 9, 4759, 9, 787719, 239];
 var astralIdentifierStartCodes = [0, 11, 2, 25, 2, 18, 2, 1, 2, 14, 3, 13, 35, 122, 70, 52, 268, 28, 4, 48, 48, 31, 14, 29, 6, 37, 11, 29, 3, 35, 5, 7, 2, 4, 43, 157, 19, 35, 5, 35, 5, 39, 9, 51, 13, 10, 2, 14, 2, 6, 2, 1, 2, 10, 2, 14, 2, 6, 2, 1, 68, 310, 10, 21, 11, 7, 25, 5, 2, 41, 2, 8, 70, 5, 3, 0, 2, 43, 2, 1, 4, 0, 3, 22, 11, 22, 10, 30, 66, 18, 2, 1, 11, 21, 11, 25, 71, 55, 7, 1, 65, 0, 16, 3, 2, 2, 2, 28, 43, 28, 4, 28, 36, 7, 2, 27, 28, 53, 11, 21, 11, 18, 14, 17, 111, 72, 56, 50, 14, 50, 14, 35, 349, 41, 7, 1, 79, 28, 11, 0, 9, 21, 43, 17, 47, 20, 28, 22, 13, 52, 58, 1, 3, 0, 14, 44, 33, 24, 27, 35, 30, 0, 3, 0, 9, 34, 4, 0, 13, 47, 15, 3, 22, 0, 2, 0, 36, 17, 2, 24, 20, 1, 64, 6, 2, 0, 2, 3, 2, 14, 2, 9, 8, 46, 39, 7, 3, 1, 3, 21, 2, 6, 2, 1, 2, 4, 4, 0, 19, 0, 13, 4, 159, 52, 19, 3, 21, 2, 31, 47, 21, 1, 2, 0, 185, 46, 42, 3, 37, 47, 21, 0, 60, 42, 14, 0, 72, 26, 38, 6, 186, 43, 117, 63, 32, 7, 3, 0, 3, 7, 2, 1, 2, 23, 16, 0, 2, 0, 95, 7, 3, 38, 17, 0, 2, 0, 29, 0, 11, 39, 8, 0, 22, 0, 12, 45, 20, 0, 19, 72, 264, 8, 2, 36, 18, 0, 50, 29, 113, 6, 2, 1, 2, 37, 22, 0, 26, 5, 2, 1, 2, 31, 15, 0, 328, 18, 16, 0, 2, 12, 2, 33, 125, 0, 80, 921, 103, 110, 18, 195, 2637, 96, 16, 1071, 18, 5, 4026, 582, 8634, 568, 8, 30, 18, 78, 18, 29, 19, 47, 17, 3, 32, 20, 6, 18, 689, 63, 129, 74, 6, 0, 67, 12, 65, 1, 2, 0, 29, 6135, 9, 1237, 43, 8, 8936, 3, 2, 6, 2, 1, 2, 290, 16, 0, 30, 2, 3, 0, 15, 3, 9, 395, 2309, 106, 6, 12, 4, 8, 8, 9, 5991, 84, 2, 70, 2, 1, 3, 0, 3, 1, 3, 3, 2, 11, 2, 0, 2, 6, 2, 64, 2, 3, 3, 7, 2, 6, 2, 27, 2, 3, 2, 4, 2, 0, 4, 6, 2, 339, 3, 24, 2, 24, 2, 30, 2, 24, 2, 30, 2, 24, 2, 30, 2, 24, 2, 30, 2, 24, 2, 7, 1845, 30, 7, 5, 262, 61, 147, 44, 11, 6, 17, 0, 322, 29, 19, 43, 485, 27, 757, 6, 2, 3, 2, 1, 2, 14, 2, 196, 60, 67, 8, 0, 1205, 3, 2, 26, 2, 1, 2, 0, 3, 0, 2, 9, 2, 3, 2, 0, 2, 0, 7, 0, 5, 0, 2, 0, 2, 0, 2, 2, 2, 1, 2, 0, 3, 0, 2, 0, 2, 0, 2, 0, 2, 0, 2, 1, 2, 0, 3, 3, 2, 6, 2, 3, 2, 3, 2, 0, 2, 9, 2, 16, 6, 2, 2, 4, 2, 16, 4421, 42719, 33, 4153, 7, 221, 3, 5761, 15, 7472, 16, 621, 2467, 541, 1507, 4938, 6, 4191];
 var nonASCIIidentifierChars = "‌‍·̀-ͯ·҃-֑҇-ׇֽֿׁׂׅׄؐ-ًؚ-٩ٰۖ-ۜ۟-۪ۤۧۨ-ۭ۰-۹ܑܰ-݊ަ-ް߀-߉߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࢘-࢟࣊-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣ०-९ঁ-ঃ়া-ৄেৈো-্ৗৢৣ০-৯৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑ੦-ੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣ૦-૯ૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍୕-ୗୢୣ୦-୯ஂா-ூெ-ைொ-்ௗ௦-௯ఀ-ఄ఼ా-ౄె-ైొ-్ౕౖౢౣ౦-౯ಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣ೦-೯ೳഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣ൦-൯ඁ-ඃ්ා-ුූෘ-ෟ෦-෯ෲෳัิ-ฺ็-๎๐-๙ັິ-ຼ່-໎໐-໙༘༙༠-༩༹༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှ၀-၉ၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏ-ႝ፝-፟፩-፱ᜒ-᜕ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝០-៩᠋-᠍᠏-᠙ᢩᤠ-ᤫᤰ-᤻᥆-᥏᧐-᧚ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼-᪉᪐-᪙᪰-᪽ᪿ-ᫎᬀ-ᬄ᬴-᭄᭐-᭙᭫-᭳ᮀ-ᮂᮡ-ᮭ᮰-᮹᯦-᯳ᰤ-᰷᱀-᱉᱐-᱙᳐-᳔᳒-᳨᳭᳴᳷-᳹᷀-᷿‌‍‿⁀⁔⃐-⃥⃜⃡-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯・꘠-꘩꙯ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧ꠬ꢀꢁꢴ-ꣅ꣐-꣙꣠-꣱ꣿ-꤉ꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀꧐-꧙ꧥ꧰-꧹ꨩ-ꨶꩃꩌꩍ꩐-꩙ꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭꯰-꯹ﬞ︀-️︠-︯︳︴﹍-﹏０-９＿･";
@@ -13053,11 +13053,50 @@ Parser.acorn = {
 var AcornJSX = __toESM(require_acorn_jsx());
 var import_react = __toESM(require_react());
 var attributeNames_default = {
+  acceptcharset: "acceptCharset",
+  accesskey: "accessKey",
+  allowfullscreen: "allowFullScreen",
+  autocapitalize: "autoCapitalize",
+  autocomplete: "autoComplete",
+  autofocus: "autoFocus",
+  autoplay: "autoPlay",
+  cellpadding: "cellPadding",
+  cellspacing: "cellSpacing",
+  charset: "charSet",
   class: "className",
+  colspan: "colSpan",
+  contenteditable: "contentEditable",
+  crossorigin: "crossOrigin",
+  datetime: "dateTime",
+  enctype: "encType",
   for: "htmlFor",
+  formaction: "formAction",
+  formenctype: "formEncType",
+  formmethod: "formMethod",
+  formnovalidate: "formNoValidate",
+  formtarget: "formTarget",
+  frameborder: "frameBorder",
+  hreflang: "hrefLang",
+  httpequiv: "httpEquiv",
+  inputmode: "inputMode",
+  keyparams: "keyParams",
+  keytype: "keyType",
+  marginheight: "marginHeight",
+  marginwidth: "marginWidth",
   maxlength: "maxLength",
-  colspan: "colSpan",
-  rowspan: "rowSpan"
+  mediagroup: "mediaGroup",
+  minlength: "minLength",
+  novalidate: "noValidate",
+  radiogroup: "radioGroup",
+  readonly: "readOnly",
+  referrerpolicy: "referrerPolicy",
+  rowspan: "rowSpan",
+  spellcheck: "spellCheck",
+  srcdoc: "srcDoc",
+  srclang: "srcLang",
+  srcset: "srcSet",
+  tabindex: "tabIndex",
+  usemap: "useMap"
 };
 function canHaveChildren(tagName) {
   return VOID_ELEMENTS.indexOf(tagName.toLowerCase()) === -1;
@@ -13170,7 +13209,7 @@ class JsxParser extends import_react.default.Component {
           return __privateGet(this, _parseExpression).call(this, expression.expression, scope);
         case "JSXText":
           const key = this.props.disableKeyGeneration ? void 0 : randomHash();
-          return this.props.disableFragments ? expression.value : import_react.default.createElement(import_react.Fragment, {
+          return this.props.disableFragments ? expression.value : /* @__PURE__ */ import_react.default.createElement(import_react.Fragment, {
             key
           }, expression.value);
         case "ArrayExpression":
@@ -13388,7 +13427,7 @@ class JsxParser extends import_react.default.Component {
     const jsx = (this.props.jsx || "").trim().replace(/<!DOCTYPE([^>]*)>/g, "");
     this.ParsedChildren = __privateGet(this, _parseJSX).call(this, jsx);
     const className = [.../* @__PURE__ */ new Set(["jsx-parser", ...String(this.props.className).split(" ")])].filter(Boolean).join(" ");
-    return this.props.renderInWrapper ? import_react.default.createElement("div", {
+    return this.props.renderInWrapper ? /* @__PURE__ */ import_react.default.createElement("div", {
       className
     }, this.ParsedChildren) : this.ParsedChildren;
   }

package/dist/{react-select-async.esm-DY-cP0QK.js → react-select-async.esm-CxA8wpeT.js}

@@ -1,7 +1,7 @@
 import { a as _objectWithoutProperties, b as _slicedToArray, h as handleInputChange, d as _objectSpread2, e as _defineProperty, _ as _extends } from "./index-a301f526.esm-BMg114iK.js";
 import * as React from "react";
 import { useRef, useState, useEffect, useCallback, forwardRef } from "react";
-import { u as useStateManager, S as Select } from "./Select-49a62830.esm-D8voKavK.js";
+import { u as useStateManager, S as Select } from "./Select-c7902d94.esm-DtzFQzf-.js";
 import "./index-BTCzc3zb.js";
 var _excluded = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
 function useAsync(_ref) {

package/dist/{react-select.esm-DNlXj0hV.js → react-select.esm-CeE7o5M9.js}

@@ -1,4 +1,4 @@
-import { u as useStateManager, S as Select } from "./Select-49a62830.esm-D8voKavK.js";
+import { u as useStateManager, S as Select } from "./Select-c7902d94.esm-DtzFQzf-.js";
 import { _ as _extends } from "./index-a301f526.esm-BMg114iK.js";
 import * as React from "react";
 import { forwardRef } from "react";

package/dist/{useMenuTrigger-BbwpSVmh.js → useMenuTrigger-CT2-BFLo.js}

@@ -1,7 +1,7 @@
 import { e as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-Du2x3YVu.js";
 import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-m03yY3xi.js";
 import { n as $8a26561d2877236e$export$c24ed0104d07eab9 } from "./SelectionManager-Ctbzoj1E.js";
-import { m as $628037886ba31236$export$f9d5c8beee7d008d } from "./Dialog-DSquJZb-.js";
+import { m as $628037886ba31236$export$f9d5c8beee7d008d } from "./Dialog-BdtBguys.js";
 var $c0398ad35c3639b7$exports = {};
 $c0398ad35c3639b7$exports = {
   "longPressMessage": `اضغط مطولاً أو اضغط على Alt + السهم لأسفل لفتح القائمة`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eightshift/ui-components",
-  "version": "1.5.1",
+  "version": "1.6.1",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -42,9 +42,9 @@
     "@dnd-kit/react": "^0.0.5",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-jsx-parser": "^2.0.0",
-    "svg-to-jsx-string": "^0.1.1",
-    "swapy": "^0.2.1"
+    "react-jsx-parser": "^2.1.0",
+    "react-movable": "^3.3.1",
+    "svg-to-jsx-string": "^0.1.1"
   },
   "devDependencies": {
     "@adobe/react-spectrum": "^3.36.3",
@@ -55,18 +55,18 @@
     "@eslint/compat": "^1.1.1",
     "@react-stately/collections": "^3.10.9",
     "@stylistic/eslint-plugin-js": "^2.8.0",
-    "@types/react": "^18.3.3",
+    "@types/react": "^18.3.9",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react-swc": "^3.7.0",
-    "@wordpress/i18n": "^5.7.0",
+    "@wordpress/i18n": "^5.8.0",
     "autoprefixer": "^10.4.20",
     "clsx": "^2.1.1",
     "css-gradient-parser": "^0.0.16",
-    "eslint": "^9.10.0",
+    "eslint": "^9.11.1",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-jsdoc": "^50.2.2",
+    "eslint-plugin-jsdoc": "^50.3.0",
     "eslint-plugin-prettier": "^5.2.1",
-    "framer-motion": "^11.5.4",
+    "framer-motion": "^11.8.0",
     "glob": "^11.0.0",
     "globals": "^15.9.0",
     "just-camel-case": "^6.2.0",
@@ -76,18 +76,18 @@
     "just-kebab-case": "^4.2.0",
     "just-throttle": "^4.2.0",
     "lightningcss": "^1.27.0",
-    "postcss": "^8.4.45",
+    "postcss": "^8.4.47",
     "prettier": "^3.3.3",
-    "prettier-plugin-tailwindcss": "^0.6.6",
+    "prettier-plugin-tailwindcss": "^0.6.8",
     "react-aria": "^3.34.3",
     "react-aria-components": "^1.3.3",
-    "react-select": "^5.8.0",
+    "react-select": "^5.8.1",
     "react-stately": "^3.32.2",
-    "tailwindcss": "^3.4.10",
+    "tailwindcss": "^3.4.13",
     "tailwindcss-animate": "^1.0.7",
     "tailwindcss-react-aria-components": "^1.1.5",
     "tailwindcss-scoped-preflight": "^3.4.4",
-    "vite": "^5.4.4",
+    "vite": "^5.4.8",
     "vite-plugin-lib-inject-css": "^2.1.1"
   },
   "scripts": {