@eightshift/ui-components 5.0.0 → 5.0.2

package/dist/utilities/text-helpers.js

@@ -0,0 +1,136 @@
+/**
+ * Slices the string in the middle and inputs the provided separator so that the string is maxLength characters long.
+ *
+ * @param {string} input             - String to slice.
+ * @param {number} maxLength         - Maximum allowed string length.
+ * @param {string} [separator='...'] - Separator to insert.
+ *
+ * @access public
+ *
+ * @returns {string|Error} Truncated string or error if separator length exceeds maxLength.
+ *
+ * Usage:
+ * ```js
+ * truncateMiddle('https://eightshift.com/contact/', 22);
+ * ```
+ *
+ * Output:
+ * ```js
+ * "https://ei.../contact/"
+ *
+ * @preserve
+ */
+const truncateMiddle = (input, maxLength, separator = "...") => {
+  if (!input) {
+    return null;
+  }
+  if ((input == null ? void 0 : input.length) <= maxLength) {
+    return input;
+  }
+  if (separator.length + 1 > maxLength) {
+    throw new Error("Separator length exceeds the passed maximum length, string wouldn't be visible.");
+  }
+  const maxStringLength = maxLength - separator.length;
+  const leftPartLength = Math.ceil(maxStringLength / 2);
+  const rightPartLength = Math.floor(maxStringLength / 2);
+  const leftPart = input.slice(0, leftPartLength).trim();
+  const rightPart = rightPartLength > 0 ? input.slice(-1 * rightPartLength).trim() : "";
+  return `${leftPart}${separator}${rightPart}`;
+};
+/**
+ * Un-escapes HTML entities.
+ *
+ * @param {string} input - Input string.
+ *
+ * @access public
+ *
+ * @returns {string} String with HTML entities unescaped.
+ *
+ * Usage:
+ * ```js
+ * unescapeHTML('Test&#38;Up');
+ * ```
+ *
+ * Output:
+ * ```js
+ * Test&Up
+ * ```
+ *
+ * @preserve
+ */
+const unescapeHTML = (input = "") => new DOMParser().parseFromString(input, "text/html").documentElement.textContent;
+/**
+ * Limits the string to the maximum length and adds the provided separator in case the string is longer.
+ *
+ * @param {string} input             - String to slice.
+ * @param {number} maxLength         - Maximum allowed string length.
+ * @param {string} [separator='...'] - Separator to insert.
+ *
+ * @access public
+ *
+ * @returns {string|Error} Truncated string or error if separator length exceeds maxLength.
+ *
+ * Usage:
+ * ```js
+ * truncate('Hello this is a string', 13); // => "Hello this..."
+ * ```
+ *
+ * @preserve
+ */
+const truncate = (input, maxLength, separator = "...") => {
+  if (!input) {
+    return null;
+  }
+  if ((input == null ? void 0 : input.length) <= maxLength) {
+    return input;
+  }
+  if (separator.length + 1 > maxLength) {
+    throw new Error("Separator length exceeds the passed maximum length, string wouldn't be visible.");
+  }
+  const maxStringLength = maxLength - separator.length;
+  const leftPart = input.slice(0, maxStringLength).trim();
+  return `${leftPart}${separator}`;
+};
+/**
+ * Slices the string at the end and inputs the provided separator so that the string is maxLength characters long.
+ *
+ * @param {string} input             - String to slice.
+ * @param {number} maxLength         - Maximum allowed string length.
+ * @param {string} [separator='...'] - Separator to insert.
+ *
+ * @access public
+ *
+ * @returns {string|Error} Truncated string or error if separator length exceeds maxLength.
+ *
+ * Usage:
+ * ```js
+ * truncateMiddle('https://eightshift.com/contact/', 22);
+ * ```
+ *
+ * Output:
+ * ```js
+ * "https://ei.../contact/"
+ *
+ * @preserve
+ */
+const truncateEnd = (input, maxLength, separator = "...") => {
+  if (!input) {
+    return null;
+  }
+  if ((input == null ? void 0 : input.length) <= maxLength) {
+    return input;
+  }
+  if (separator.length + 1 > maxLength) {
+    throw new Error("Separator length exceeds the passed maximum length, string wouldn't be visible.");
+  }
+  const maxStringLength = maxLength - separator.length;
+  const leftPartLength = Math.ceil(maxStringLength);
+  const leftPart = input.slice(0, leftPartLength).trim();
+  return `${leftPart}${separator}`;
+};
+export {
+  truncate,
+  truncateEnd,
+  truncateMiddle,
+  unescapeHTML
+};

package/dist/utils-CZt7LCbO.js

@@ -0,0 +1,403 @@
+import React__default, { useRef, useCallback, useState, useContext, useEffect, useMemo } from "react";
+const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !== "undefined" ? React__default.useLayoutEffect : () => {
+};
+function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
+  const ref = useRef(null);
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    ref.current = fn;
+  }, [
+    fn
+  ]);
+  return useCallback((...args) => {
+    const f = ref.current;
+    return f === null || f === void 0 ? void 0 : f(...args);
+  }, []);
+}
+function $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {
+  let [value, setValue] = useState(defaultValue);
+  let effect = useRef(null);
+  let nextRef = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
+    if (!effect.current) return;
+    let newValue = effect.current.next();
+    if (newValue.done) {
+      effect.current = null;
+      return;
+    }
+    if (value === newValue.value) nextRef();
+    else setValue(newValue.value);
+  });
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (effect.current) nextRef();
+  });
+  let queue = $8ae05eaa5c114e9c$export$7f54fc3180508a52((fn) => {
+    effect.current = fn(value);
+    nextRef();
+  });
+  return [
+    value,
+    queue
+  ];
+}
+const $b5e257d569688ac6$var$defaultContext = {
+  prefix: String(Math.round(Math.random() * 1e10)),
+  current: 0
+};
+const $b5e257d569688ac6$var$SSRContext = /* @__PURE__ */ React__default.createContext($b5e257d569688ac6$var$defaultContext);
+const $b5e257d569688ac6$var$IsSSRContext = /* @__PURE__ */ React__default.createContext(false);
+let $b5e257d569688ac6$var$canUseDOM = Boolean(typeof window !== "undefined" && window.document && window.document.createElement);
+let $b5e257d569688ac6$var$componentIds = /* @__PURE__ */ new WeakMap();
+function $b5e257d569688ac6$var$useCounter(isDisabled = false) {
+  let ctx = useContext($b5e257d569688ac6$var$SSRContext);
+  let ref = useRef(null);
+  if (ref.current === null && !isDisabled) {
+    var _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner, _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    let currentOwner = (_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = React__default.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED === void 0 ? void 0 : (_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner = _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner) === null || _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner === void 0 ? void 0 : _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner.current;
+    if (currentOwner) {
+      let prevComponentValue = $b5e257d569688ac6$var$componentIds.get(currentOwner);
+      if (prevComponentValue == null)
+        $b5e257d569688ac6$var$componentIds.set(currentOwner, {
+          id: ctx.current,
+          state: currentOwner.memoizedState
+        });
+      else if (currentOwner.memoizedState !== prevComponentValue.state) {
+        ctx.current = prevComponentValue.id;
+        $b5e257d569688ac6$var$componentIds.delete(currentOwner);
+      }
+    }
+    ref.current = ++ctx.current;
+  }
+  return ref.current;
+}
+function $b5e257d569688ac6$var$useLegacySSRSafeId(defaultId) {
+  let ctx = useContext($b5e257d569688ac6$var$SSRContext);
+  if (ctx === $b5e257d569688ac6$var$defaultContext && !$b5e257d569688ac6$var$canUseDOM && process.env.NODE_ENV !== "production") console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
+  let counter = $b5e257d569688ac6$var$useCounter(!!defaultId);
+  let prefix = ctx === $b5e257d569688ac6$var$defaultContext && process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${ctx.prefix}`;
+  return defaultId || `${prefix}-${counter}`;
+}
+function $b5e257d569688ac6$var$useModernSSRSafeId(defaultId) {
+  let id = React__default.useId();
+  let [didSSR] = useState($b5e257d569688ac6$export$535bd6ca7f90a273());
+  let prefix = didSSR || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${$b5e257d569688ac6$var$defaultContext.prefix}`;
+  return defaultId || `${prefix}-${id}`;
+}
+const $b5e257d569688ac6$export$619500959fc48b26 = typeof React__default["useId"] === "function" ? $b5e257d569688ac6$var$useModernSSRSafeId : $b5e257d569688ac6$var$useLegacySSRSafeId;
+function $b5e257d569688ac6$var$getSnapshot() {
+  return false;
+}
+function $b5e257d569688ac6$var$getServerSnapshot() {
+  return true;
+}
+function $b5e257d569688ac6$var$subscribe(onStoreChange) {
+  return () => {
+  };
+}
+function $b5e257d569688ac6$export$535bd6ca7f90a273() {
+  if (typeof React__default["useSyncExternalStore"] === "function") return React__default["useSyncExternalStore"]($b5e257d569688ac6$var$subscribe, $b5e257d569688ac6$var$getSnapshot, $b5e257d569688ac6$var$getServerSnapshot);
+  return useContext($b5e257d569688ac6$var$IsSSRContext);
+}
+let $bdb11010cef70236$var$canUseDOM = Boolean(typeof window !== "undefined" && window.document && window.document.createElement);
+let $bdb11010cef70236$export$d41a04c74483c6ef = /* @__PURE__ */ new Map();
+let $bdb11010cef70236$var$registry;
+if (typeof FinalizationRegistry !== "undefined") $bdb11010cef70236$var$registry = new FinalizationRegistry((heldValue) => {
+  $bdb11010cef70236$export$d41a04c74483c6ef.delete(heldValue);
+});
+function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
+  let [value, setValue] = useState(defaultId);
+  let nextId = useRef(null);
+  let res = $b5e257d569688ac6$export$619500959fc48b26(value);
+  let cleanupRef = useRef(null);
+  if ($bdb11010cef70236$var$registry) $bdb11010cef70236$var$registry.register(cleanupRef, res);
+  if ($bdb11010cef70236$var$canUseDOM) {
+    const cacheIdRef = $bdb11010cef70236$export$d41a04c74483c6ef.get(res);
+    if (cacheIdRef && !cacheIdRef.includes(nextId)) cacheIdRef.push(nextId);
+    else $bdb11010cef70236$export$d41a04c74483c6ef.set(res, [
+      nextId
+    ]);
+  }
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    let r2 = res;
+    return () => {
+      if ($bdb11010cef70236$var$registry) $bdb11010cef70236$var$registry.unregister(cleanupRef);
+      $bdb11010cef70236$export$d41a04c74483c6ef.delete(r2);
+    };
+  }, [
+    res
+  ]);
+  useEffect(() => {
+    let newId = nextId.current;
+    if (newId) setValue(newId);
+    return () => {
+      if (newId) nextId.current = null;
+    };
+  });
+  return res;
+}
+function $bdb11010cef70236$export$cd8c9cb68f842629(idA, idB) {
+  if (idA === idB) return idA;
+  let setIdsA = $bdb11010cef70236$export$d41a04c74483c6ef.get(idA);
+  if (setIdsA) {
+    setIdsA.forEach((ref) => ref.current = idB);
+    return idB;
+  }
+  let setIdsB = $bdb11010cef70236$export$d41a04c74483c6ef.get(idB);
+  if (setIdsB) {
+    setIdsB.forEach((ref) => ref.current = idA);
+    return idA;
+  }
+  return idB;
+}
+function $bdb11010cef70236$export$b4cc09c592e8fdb8(depArray = []) {
+  let id = $bdb11010cef70236$export$f680877a34711e37();
+  let [resolvedId, setResolvedId] = $1dbecbe27a04f9af$export$14d238f342723f25(id);
+  let updateId = useCallback(() => {
+    setResolvedId(function* () {
+      yield id;
+      yield document.getElementById(id) ? id : void 0;
+    });
+  }, [
+    id,
+    setResolvedId
+  ]);
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(updateId, [
+    id,
+    updateId,
+    ...depArray
+  ]);
+  return resolvedId;
+}
+function $ff5963eb1fccf552$export$e08e3b67e392101e(...callbacks) {
+  return (...args) => {
+    for (let callback of callbacks) if (typeof callback === "function") callback(...args);
+  };
+}
+function r(e) {
+  var t, f, n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;
+  else if ("object" == typeof e) if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+function $3ef42575df84b30b$export$9d1611c77c2fe928(...args) {
+  let result = {
+    ...args[0]
+  };
+  for (let i = 1; i < args.length; i++) {
+    let props = args[i];
+    for (let key in props) {
+      let a = result[key];
+      let b = props[key];
+      if (typeof a === "function" && typeof b === "function" && // This is a lot faster than a regex.
+      key[0] === "o" && key[1] === "n" && key.charCodeAt(2) >= /* 'A' */
+      65 && key.charCodeAt(2) <= /* 'Z' */
+      90) result[key] = $ff5963eb1fccf552$export$e08e3b67e392101e(a, b);
+      else if ((key === "className" || key === "UNSAFE_className") && typeof a === "string" && typeof b === "string") result[key] = clsx(a, b);
+      else if (key === "id" && a && b) result.id = $bdb11010cef70236$export$cd8c9cb68f842629(a, b);
+      else result[key] = b !== void 0 ? b : a;
+    }
+  }
+  return result;
+}
+function $5dc95899b306f630$export$c9058316764c140e(...refs) {
+  if (refs.length === 1 && refs[0]) return refs[0];
+  return (value) => {
+    let hasCleanup = false;
+    const cleanups = refs.map((ref) => {
+      const cleanup = $5dc95899b306f630$var$setRef(ref, value);
+      hasCleanup || (hasCleanup = typeof cleanup == "function");
+      return cleanup;
+    });
+    if (hasCleanup) return () => {
+      cleanups.forEach((cleanup, i) => {
+        if (typeof cleanup === "function") cleanup();
+        else $5dc95899b306f630$var$setRef(refs[i], null);
+      });
+    };
+  };
+}
+function $5dc95899b306f630$var$setRef(ref, value) {
+  if (typeof ref === "function") return ref(value);
+  else if (ref != null) ref.current = value;
+}
+function $df56164dff5785e2$export$4338b53315abf666(ref) {
+  const objRef = useRef(null);
+  const cleanupRef = useRef(void 0);
+  const refEffect = useCallback((instance) => {
+    if (typeof ref === "function") {
+      const refCallback = ref;
+      const refCleanup = refCallback(instance);
+      return () => {
+        if (typeof refCleanup === "function") refCleanup();
+        else refCallback(null);
+      };
+    } else if (ref) {
+      ref.current = instance;
+      return () => {
+        ref.current = null;
+      };
+    }
+  }, [
+    ref
+  ]);
+  return useMemo(() => ({
+    get current() {
+      return objRef.current;
+    },
+    set current(value) {
+      objRef.current = value;
+      if (cleanupRef.current) {
+        cleanupRef.current();
+        cleanupRef.current = void 0;
+      }
+      if (value != null) cleanupRef.current = refEffect(value);
+    }
+  }), [
+    refEffect
+  ]);
+}
+const $64fa3d84918910a7$export$c62b8e45d58ddad9 = Symbol("default");
+function $64fa3d84918910a7$export$2881499e37b75b9a({ values, children }) {
+  for (let [Context, value] of values)
+    children = /* @__PURE__ */ React__default.createElement(Context.Provider, {
+      value
+    }, children);
+  return children;
+}
+function $64fa3d84918910a7$export$4d86445c2cf5e3(props) {
+  let { className, style, children, defaultClassName, defaultChildren, defaultStyle, values } = props;
+  return useMemo(() => {
+    let computedClassName;
+    let computedStyle;
+    let computedChildren;
+    if (typeof className === "function") computedClassName = className({
+      ...values,
+      defaultClassName
+    });
+    else computedClassName = className;
+    if (typeof style === "function") computedStyle = style({
+      ...values,
+      defaultStyle: defaultStyle || {}
+    });
+    else computedStyle = style;
+    if (typeof children === "function") computedChildren = children({
+      ...values,
+      defaultChildren
+    });
+    else if (children == null) computedChildren = defaultChildren;
+    else computedChildren = children;
+    return {
+      className: computedClassName !== null && computedClassName !== void 0 ? computedClassName : defaultClassName,
+      style: computedStyle || defaultStyle ? {
+        ...defaultStyle,
+        ...computedStyle
+      } : void 0,
+      children: computedChildren !== null && computedChildren !== void 0 ? computedChildren : defaultChildren,
+      "data-rac": ""
+    };
+  }, [
+    className,
+    style,
+    children,
+    defaultClassName,
+    defaultChildren,
+    defaultStyle,
+    values
+  ]);
+}
+function $64fa3d84918910a7$export$fabf2dc03a41866e(context, slot) {
+  let ctx = useContext(context);
+  if (slot === null)
+    return null;
+  if (ctx && typeof ctx === "object" && "slots" in ctx && ctx.slots) {
+    let slotKey = slot || $64fa3d84918910a7$export$c62b8e45d58ddad9;
+    if (!ctx.slots[slotKey]) {
+      let availableSlots = new Intl.ListFormat().format(Object.keys(ctx.slots).map((p) => `"${p}"`));
+      let errorMessage = slot ? `Invalid slot "${slot}".` : "A slot prop is required.";
+      throw new Error(`${errorMessage} Valid slot names are ${availableSlots}.`);
+    }
+    return ctx.slots[slotKey];
+  }
+  return ctx;
+}
+function $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, context) {
+  let ctx = $64fa3d84918910a7$export$fabf2dc03a41866e(context, props.slot) || {};
+  let { ref: contextRef, ...contextProps } = ctx;
+  let mergedRef = $df56164dff5785e2$export$4338b53315abf666(useMemo(() => $5dc95899b306f630$export$c9058316764c140e(ref, contextRef), [
+    ref,
+    contextRef
+  ]));
+  let mergedProps = $3ef42575df84b30b$export$9d1611c77c2fe928(contextProps, props);
+  if ("style" in contextProps && contextProps.style && "style" in props && props.style) {
+    if (typeof contextProps.style === "function" || typeof props.style === "function")
+      mergedProps.style = (renderProps) => {
+        let contextStyle = typeof contextProps.style === "function" ? contextProps.style(renderProps) : contextProps.style;
+        let defaultStyle = {
+          ...renderProps.defaultStyle,
+          ...contextStyle
+        };
+        let style = typeof props.style === "function" ? props.style({
+          ...renderProps,
+          defaultStyle
+        }) : props.style;
+        return {
+          ...defaultStyle,
+          ...style
+        };
+      };
+    else
+      mergedProps.style = {
+        ...contextProps.style,
+        ...props.style
+      };
+  }
+  return [
+    mergedProps,
+    mergedRef
+  ];
+}
+function $64fa3d84918910a7$export$9d4c57ee4c6ffdd8(initialState = true) {
+  let [hasSlot, setHasSlot] = useState(initialState);
+  let hasRun = useRef(false);
+  let ref = useCallback((el) => {
+    hasRun.current = true;
+    setHasSlot(!!el);
+  }, []);
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (!hasRun.current) setHasSlot(false);
+  }, []);
+  return [
+    ref,
+    hasSlot
+  ];
+}
+function $64fa3d84918910a7$export$ef03459518577ad4(props) {
+  const prefix = /^(data-.*)$/;
+  let filteredProps = {};
+  for (const prop in props) if (!prefix.test(prop)) filteredProps[prop] = props[prop];
+  return filteredProps;
+}
+export {
+  $64fa3d84918910a7$export$fabf2dc03a41866e as $,
+  $64fa3d84918910a7$export$29f1550f4b0d4415 as a,
+  $64fa3d84918910a7$export$4d86445c2cf5e3 as b,
+  clsx as c,
+  $3ef42575df84b30b$export$9d1611c77c2fe928 as d,
+  $bdb11010cef70236$export$f680877a34711e37 as e,
+  $8ae05eaa5c114e9c$export$7f54fc3180508a52 as f,
+  $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 as g,
+  $64fa3d84918910a7$export$ef03459518577ad4 as h,
+  $64fa3d84918910a7$export$2881499e37b75b9a as i,
+  $bdb11010cef70236$export$b4cc09c592e8fdb8 as j,
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as k,
+  $df56164dff5785e2$export$4338b53315abf666 as l,
+  $5dc95899b306f630$export$c9058316764c140e as m,
+  $b5e257d569688ac6$export$535bd6ca7f90a273 as n,
+  $64fa3d84918910a7$export$c62b8e45d58ddad9 as o,
+  $ff5963eb1fccf552$export$e08e3b67e392101e as p
+};

package/dist/wp/wp-font-enhancements.js

@@ -0,0 +1 @@
+import '../assets/wp-font-enhancements.css';

package/dist/wp/wp-ui-enhancements.js

@@ -0,0 +1 @@
+import '../assets/wp-ui-enhancements.css';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@eightshift/ui-components",
-	"version": "5.0.0",
+	"version": "5.0.2",
 	"type": "module",
 	"main": "./dist/index.js",
 	"module": "./dist/index.js",
@@ -43,53 +43,53 @@
 		"react-dom": "^18.3.1"
 	},
 	"devDependencies": {
-		"@adobe/react-spectrum": "^3.41.0",
-		"@dnd-kit/abstract": "^0.1.10",
+		"@adobe/react-spectrum": "^3.42.1",
+		"@dnd-kit/abstract": "^0.1.18",
 		"@dnd-kit/core": "^6.3.1",
-		"@dnd-kit/dom": "^0.1.10",
-		"@dnd-kit/helpers": "^0.1.10",
+		"@dnd-kit/dom": "^0.1.18",
+		"@dnd-kit/helpers": "^0.1.18",
 		"@dnd-kit/modifiers": "^9.0.0",
-		"@dnd-kit/react": "^0.1.10",
+		"@dnd-kit/react": "^0.1.18",
 		"@dnd-kit/sortable": "^10.0.0",
 		"@dnd-kit/utilities": "^3.2.2",
 		"@eslint/compat": "^1.2.9",
-		"@react-stately/collections": "^3.12.3",
-		"@stylistic/eslint-plugin-js": "^4.2.0",
-		"@tailwindcss/vite": "^4.1.5",
-		"@types/react": "^18.3.21",
+		"@react-stately/collections": "^3.12.5",
+		"@stylistic/eslint-plugin-js": "^4.4.1",
+		"@tailwindcss/vite": "^4.1.8",
+		"@types/react": "^18.3.23",
 		"@types/react-dom": "^18.3.7",
-		"@vitejs/plugin-react-swc": "^3.9.0",
-		"@wordpress/i18n": "^5.22.0",
+		"@vitejs/plugin-react-swc": "^3.10.1",
+		"@wordpress/i18n": "^5.25.0",
 		"autoprefixer": "^10.4.21",
 		"class-variance-authority": "^0.7.1",
 		"clsx": "^2.1.1",
 		"css-gradient-parser": "^0.0.16",
-		"eslint": "^9.26.0",
-		"eslint-config-prettier": "^10.1.2",
-		"eslint-plugin-jsdoc": "^50.6.11",
-		"eslint-plugin-prettier": "^5.4.0",
+		"eslint": "^9.28.0",
+		"eslint-config-prettier": "^10.1.5",
+		"eslint-plugin-jsdoc": "^50.7.1",
+		"eslint-plugin-prettier": "^5.4.1",
 		"glob": "^11.0.2",
-		"globals": "^16.0.0",
+		"globals": "^16.2.0",
 		"just-camel-case": "^6.2.0",
 		"just-debounce-it": "^3.2.0",
 		"just-has": "^2.3.0",
 		"just-is-empty": "^3.4.1",
 		"just-kebab-case": "^4.2.0",
 		"just-throttle": "^4.2.0",
-		"lightningcss": "^1.29.3",
-		"postcss": "^8.5.3",
+		"lightningcss": "^1.30.1",
+		"postcss": "^8.5.4",
 		"prettier": "^3.5.3",
-		"prettier-plugin-tailwindcss": "^0.6.11",
+		"prettier-plugin-tailwindcss": "^0.6.12",
 		"react": "^18.3.1",
-		"react-aria": "^3.39.0",
-		"react-aria-components": "^1.8.0",
+		"react-aria": "^3.41.0",
+		"react-aria-components": "^1.10.0",
 		"react-dom": "^18.3.1",
 		"react-jsx-parser": "^2.4.0",
 		"react-movable": "^3.4.1",
 		"react-select": "^5.10.1",
-		"react-stately": "^3.37.0",
+		"react-stately": "^3.39.0",
 		"svg-to-jsx-string": "^0.1.1",
-		"tailwindcss": "^4.1.5",
+		"tailwindcss": "^4.1.8",
 		"tailwindcss-motion": "^1.1.0",
 		"tailwindcss-react-aria-components": "^2.0.0",
 		"vite": "^6.3.5",