@eightshift/ui-components 5.6.0 → 6.0.0

package/dist/utilities/index.js

@@ -2,11 +2,9 @@ import { arrayMoveMultiple, fixIds } from "./array-helpers.js";
 import { camelCase, has, isEmpty, isEqual, isObject, isPlainObject, isString, kebabCase, lowerFirst, pascalCase, snakeCase, upperFirst } from "./es-dash.js";
 import { truncate, truncateEnd, truncateMiddle, unescapeHTML } from "./text-helpers.js";
 import { debounce, throttle } from "./debounce-throttle.js";
-import { a, b, d, c, g, i } from "../general-6STKQIrk.js";
+import { a, b, d, c, g, i } from "../general-B6pOveVp.js";
 import { c as c2 } from "../lite-DVmmD_-j.js";
-import { s as sha256Exports } from "../sha256-C56UDWfQ.js";
-const sha224 = sha256Exports.sha224;
-const sha256 = sha256Exports.sha256;
+import { cyrb64Hash, simpleHash } from "./hash.js";
 export {
   a as analyzeImage,
   b as analyzeImageAsync,
@@ -15,6 +13,7 @@ export {
   camelCase,
   c as checkTransparency,
   c2 as clsx,
+  cyrb64Hash,
   debounce,
   fixIds,
   g as getFileExtension,
@@ -28,8 +27,7 @@ export {
   kebabCase,
   lowerFirst,
   pascalCase,
-  sha224,
-  sha256,
+  simpleHash,
   snakeCase,
   throttle,
   truncate,

package/dist/{utils-cvK1vxO7.js → utils-DGpXyJOJ.js}

@@ -1,8 +1,9 @@
-import React__default, { useRef, useCallback, useState, useContext, useEffect, useMemo } from "react";
-const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !== "undefined" ? React__default.useLayoutEffect : () => {
+import $dbSRa$react__default, { useRef, useCallback, useState, useContext, useEffect, useMemo } from "react";
+import { c as clsx } from "./clsx-DgYk2OaC.js";
+const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !== "undefined" ? $dbSRa$react__default.useLayoutEffect : () => {
 };
 var $8ae05eaa5c114e9c$var$_React_useInsertionEffect;
-const $8ae05eaa5c114e9c$var$useEarlyEffect = ($8ae05eaa5c114e9c$var$_React_useInsertionEffect = React__default["useInsertionEffect"]) !== null && $8ae05eaa5c114e9c$var$_React_useInsertionEffect !== void 0 ? $8ae05eaa5c114e9c$var$_React_useInsertionEffect : $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c;
+const $8ae05eaa5c114e9c$var$useEarlyEffect = ($8ae05eaa5c114e9c$var$_React_useInsertionEffect = $dbSRa$react__default["useInsertionEffect"]) !== null && $8ae05eaa5c114e9c$var$_React_useInsertionEffect !== void 0 ? $8ae05eaa5c114e9c$var$_React_useInsertionEffect : $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c;
 function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
   const ref = useRef(null);
   $8ae05eaa5c114e9c$var$useEarlyEffect(() => {
@@ -44,8 +45,8 @@ 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);
+const $b5e257d569688ac6$var$SSRContext = /* @__PURE__ */ $dbSRa$react__default.createContext($b5e257d569688ac6$var$defaultContext);
+const $b5e257d569688ac6$var$IsSSRContext = /* @__PURE__ */ $dbSRa$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) {
@@ -53,7 +54,7 @@ function $b5e257d569688ac6$var$useCounter(isDisabled = false) {
   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;
+    let currentOwner = (_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = $dbSRa$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)
@@ -78,12 +79,12 @@ function $b5e257d569688ac6$var$useLegacySSRSafeId(defaultId) {
   return defaultId || `${prefix}-${counter}`;
 }
 function $b5e257d569688ac6$var$useModernSSRSafeId(defaultId) {
-  let id = React__default.useId();
+  let id = $dbSRa$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;
+const $b5e257d569688ac6$export$619500959fc48b26 = typeof $dbSRa$react__default["useId"] === "function" ? $b5e257d569688ac6$var$useModernSSRSafeId : $b5e257d569688ac6$var$useLegacySSRSafeId;
 function $b5e257d569688ac6$var$getSnapshot() {
   return false;
 }
@@ -95,7 +96,7 @@ function $b5e257d569688ac6$var$subscribe(onStoreChange) {
   };
 }
 function $b5e257d569688ac6$export$535bd6ca7f90a273() {
-  if (typeof React__default["useSyncExternalStore"] === "function") return React__default["useSyncExternalStore"]($b5e257d569688ac6$var$subscribe, $b5e257d569688ac6$var$getSnapshot, $b5e257d569688ac6$var$getServerSnapshot);
+  if (typeof $dbSRa$react__default["useSyncExternalStore"] === "function") return $dbSRa$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);
@@ -118,10 +119,10 @@ function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
     ]);
   }
   $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
-    let r2 = res;
+    let r = res;
     return () => {
       if ($bdb11010cef70236$var$registry) $bdb11010cef70236$var$registry.unregister(cleanupRef);
-      $bdb11010cef70236$export$d41a04c74483c6ef.delete(r2);
+      $bdb11010cef70236$export$d41a04c74483c6ef.delete(r);
     };
   }, [
     res
@@ -173,19 +174,6 @@ function $ff5963eb1fccf552$export$e08e3b67e392101e(...callbacks) {
     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]
@@ -266,7 +254,7 @@ function $df56164dff5785e2$export$4338b53315abf666(ref) {
 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, {
+    children = /* @__PURE__ */ $dbSRa$react__default.createElement(Context.Provider, {
       value
     }, children);
   return children;
@@ -385,21 +373,20 @@ function $64fa3d84918910a7$export$ef03459518577ad4(props) {
   return filteredProps;
 }
 export {
-  $64fa3d84918910a7$export$fabf2dc03a41866e as $,
-  $64fa3d84918910a7$export$29f1550f4b0d4415 as a,
-  $3ef42575df84b30b$export$9d1611c77c2fe928 as b,
-  clsx as c,
-  $bdb11010cef70236$export$f680877a34711e37 as d,
-  $8ae05eaa5c114e9c$export$7f54fc3180508a52 as e,
-  $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 as f,
-  $64fa3d84918910a7$export$ef03459518577ad4 as g,
-  $64fa3d84918910a7$export$4d86445c2cf5e3 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
+  $64fa3d84918910a7$export$29f1550f4b0d4415 as $,
+  $3ef42575df84b30b$export$9d1611c77c2fe928 as a,
+  $bdb11010cef70236$export$f680877a34711e37 as b,
+  $8ae05eaa5c114e9c$export$7f54fc3180508a52 as c,
+  $64fa3d84918910a7$export$fabf2dc03a41866e as d,
+  $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 as e,
+  $64fa3d84918910a7$export$ef03459518577ad4 as f,
+  $64fa3d84918910a7$export$4d86445c2cf5e3 as g,
+  $64fa3d84918910a7$export$2881499e37b75b9a as h,
+  $bdb11010cef70236$export$b4cc09c592e8fdb8 as i,
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as j,
+  $df56164dff5785e2$export$4338b53315abf666 as k,
+  $5dc95899b306f630$export$c9058316764c140e as l,
+  $b5e257d569688ac6$export$535bd6ca7f90a273 as m,
+  $64fa3d84918910a7$export$c62b8e45d58ddad9 as n,
+  $ff5963eb1fccf552$export$e08e3b67e392101e as o
 };

package/dist/workers/image-analysis.worker.js

@@ -1,4 +1,4 @@
-import { f as floatBufferFromCanvas, d as analyzeImageData, F as FLOAT_RGBA } from "../general-6STKQIrk.js";
+import { f as floatBufferFromCanvas, d as analyzeImageData, F as FLOAT_RGBA } from "../general-B6pOveVp.js";
 self.onmessage = async (event) => {
   const { imageBitmap, settings } = event.data;
   try {
@@ -14,8 +14,8 @@ async function analyzeImageInWorker(imageBitmap, rawSettings) {
     lightnessThreshold: 0.5,
     yFrom: 0,
     yTo: 1,
-    maxSize: 320,
-    alphaThreshold: 30
+    maxSize: 600,
+    alphaThreshold: 50
   };
   const settings = { ...defaults, ...rawSettings };
   const { yFrom, yTo, maxSize } = settings;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@eightshift/ui-components",
-	"version": "5.6.0",
+	"version": "6.0.0",
 	"type": "module",
 	"main": "./dist/index.js",
 	"module": "./dist/index.js",
@@ -24,11 +24,15 @@
 		"./dist/assets/style.css": "./dist/assets/style.css",
 		"./dist/assets/style-editor.css": "./dist/assets/style-editor.css",
 		"./dist/assets/style-admin.css": "./dist/assets/style-admin.css",
-		"./dist/assets/wp-font-enhancements.css": "./dist/assets/wp-font-enhancements.css",
-		"./dist/assets/wp-ui-enhancements.css": "./dist/assets/wp-ui-enhancements.css",
+		"./dist/assets/wp-overrides/fix-label-text-case.css": "./dist/assets/wp-overrides/fix-label-text-case.css",
+		"./dist/assets/wp-overrides/increase-sidebar-width.css": "./dist/assets/wp-overrides/increase-sidebar-width.css",
+		"./dist/assets/wp-overrides/make-block-messages-nicer.css": "./dist/assets/wp-overrides/make-block-messages-nicer.css",
+		"./dist/assets/wp-overrides/restyle-tooltips.css": "./dist/assets/wp-overrides/restyle-tooltips.css",
+		"./dist/assets/wp-overrides/round-corners.css": "./dist/assets/wp-overrides/round-corners.css",
+		"./dist/assets/wp-overrides/unify-button-sizes.css": "./dist/assets/wp-overrides/unify-button-sizes.css",
+		"./dist/assets/wp-overrides/replace-fonts.css": "./dist/assets/wp-overrides/replace-fonts.css",
+		"./dist/assets/wp-overrides/allow-full-width-blocks.css": "./dist/assets/wp-overrides/allow-full-width-blocks.css",
 		"./styles": "./dist/assets/style.css",
-		"./wp-font-enhancements": "./dist/assets/wp-font-enhancements.css",
-		"./wp-ui-enhancements": "./dist/assets/wp-ui-enhancements.css",
 		"./wp-overrides": "./dist/assets/wp.css"
 	},
 	"scripts": {
@@ -45,6 +49,7 @@
 	},
 	"devDependencies": {
 		"@adobe/react-spectrum": "^3.45.0",
+		"@atom-universe/use-web-worker": "^2.2.1",
 		"@dnd-kit/abstract": "^0.1.21",
 		"@dnd-kit/core": "^6.3.1",
 		"@dnd-kit/dom": "^0.1.21",
@@ -53,24 +58,28 @@
 		"@dnd-kit/react": "^0.1.21",
 		"@dnd-kit/sortable": "^10.0.0",
 		"@dnd-kit/utilities": "^3.2.2",
-		"@eslint/compat": "^1.4.0",
+		"@eslint/compat": "^1.4.1",
 		"@react-stately/collections": "^3.12.8",
 		"@stylistic/eslint-plugin-js": "^4.4.1",
-		"@tailwindcss/vite": "^4.1.15",
+		"@tailwindcss/vite": "^4.1.17",
+		"@thi.ng/color": "^5.8.2",
+		"@thi.ng/pixel": "^7.5.15",
+		"@thi.ng/pixel-analysis": "^2.0.16",
+		"@thi.ng/pixel-dominant-colors": "^2.0.20",
 		"@types/react": "^18.3.26",
 		"@types/react-dom": "^18.3.7",
-		"@vitejs/plugin-react-swc": "^4.1.0",
-		"@wordpress/i18n": "^6.6.0",
-		"autoprefixer": "^10.4.21",
+		"@vitejs/plugin-react-swc": "^4.2.2",
+		"@wordpress/i18n": "^6.8.0",
+		"autoprefixer": "^10.4.22",
 		"class-variance-authority": "^0.7.1",
 		"clsx": "^2.1.1",
 		"css-gradient-parser": "^0.0.18",
-		"eslint": "^9.38.0",
+		"eslint": "^9.39.1",
 		"eslint-config-prettier": "^10.1.8",
-		"eslint-plugin-jsdoc": "^61.1.5",
+		"eslint-plugin-jsdoc": "^61.2.1",
 		"eslint-plugin-prettier": "^5.5.4",
 		"glob": "^11.0.3",
-		"globals": "^16.4.0",
+		"globals": "^16.5.0",
 		"just-camel-case": "^6.2.0",
 		"just-debounce-it": "^3.2.0",
 		"just-has": "^2.3.0",
@@ -87,23 +96,17 @@
 		"react-dom": "^18.3.1",
 		"react-jsx-parser": "^2.4.1",
 		"react-movable": "^3.4.1",
-		"react-select": "^5.10.2",
 		"react-stately": "^3.42.0",
 		"svg-to-jsx-string": "^0.1.1",
-		"tailwindcss": "^4.1.15",
+		"tailwindcss": "^4.1.17",
 		"tailwindcss-motion": "^1.1.1",
 		"tailwindcss-react-aria-components": "^2.0.1",
-		"vite": "^7.1.11",
+		"vite": "^7.2.2",
 		"vite-plugin-lib-inject-css": "^2.2.2"
 	},
 	"dependencies": {
-		"@atom-universe/use-web-worker": "^2.2.1",
-		"@fontsource-variable/geist": "^5.2.8",
 		"@fontsource-variable/geist-mono": "^5.2.7",
-		"@thi.ng/color": "^5.7.62",
-		"@thi.ng/pixel": "^7.5.10",
-		"@thi.ng/pixel-analysis": "^2.0.9",
-		"@thi.ng/pixel-dominant-colors": "^2.0.14",
-		"js-sha256": "^0.11.1"
+		"@fontsource-variable/roboto-flex": "^5.2.8",
+		"motion": "^12.23.24"
 	}
 }

package/dist/ColorSwatch-xVS3rMYS.js

@@ -1,66 +0,0 @@
-import { d as $bdb11010cef70236$export$f680877a34711e37, a as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3, b as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-cvK1vxO7.js";
-import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-D2C6R0DK.js";
-import React__default, { useMemo, forwardRef, createContext } from "react";
-import { $ as $799cddbef784668f$export$6e865ea70d7724f, a as $3493a52097159720$exports } from "./Color-WxFE7lQB.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-DMOmz986.js";
-import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-eaZiN2tE.js";
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-function $2993fcad7650b98d$export$9060ae606178d849(props) {
-  let { color: value, colorName } = props;
-  let nonNullValue = value || "#fff0";
-  let color = useMemo(() => typeof nonNullValue === "string" ? $799cddbef784668f$export$6e865ea70d7724f(nonNullValue) : nonNullValue, [
-    nonNullValue
-  ]);
-  let { locale } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
-  let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
-    labelable: true
-  });
-  let stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault($3493a52097159720$exports), "@react-aria/color");
-  let id = $bdb11010cef70236$export$f680877a34711e37(props.id);
-  if (!colorName) colorName = color.getChannelValue("alpha") === 0 ? stringFormatter.format("transparent") : color.getColorName(locale);
-  return {
-    colorSwatchProps: {
-      ...DOMProps,
-      role: "img",
-      "aria-roledescription": stringFormatter.format("colorSwatch"),
-      "aria-label": [
-        colorName,
-        props["aria-label"] || ""
-      ].filter(Boolean).join(", "),
-      "aria-labelledby": props["aria-labelledby"] ? `${id} ${props["aria-labelledby"]}` : void 0,
-      id,
-      style: {
-        backgroundColor: color.toString("css"),
-        // @ts-ignore
-        forcedColorAdjust: "none"
-      }
-    },
-    color: color || null
-  };
-}
-const $251c695a52d94a8d$export$83cc445538396800 = /* @__PURE__ */ createContext(null);
-const $251c695a52d94a8d$export$cae13e90592f246a = /* @__PURE__ */ forwardRef(function ColorSwatch(props, ref) {
-  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $251c695a52d94a8d$export$83cc445538396800);
-  let { colorSwatchProps, color } = $2993fcad7650b98d$export$9060ae606178d849(props);
-  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
-    ...props,
-    defaultClassName: "react-aria-ColorSwatch",
-    defaultStyle: colorSwatchProps.style,
-    values: {
-      color
-    }
-  });
-  let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
-    global: true
-  });
-  return /* @__PURE__ */ React__default.createElement("div", {
-    ...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, colorSwatchProps, renderProps),
-    slot: props.slot || void 0,
-    ref
-  });
-});
-export {
-  $251c695a52d94a8d$export$cae13e90592f246a as $
-};