@eightshift/ui-components 6.0.12 → 6.1.0

package/dist/{utils-HC9_3Crc.js → utils-Cr3pLd9c.js}

@@ -1,4 +1,4 @@
-import $dbSRa$react__default, { useState, useRef, useCallback, useContext, useEffect, useMemo } from "react";
+import $dbSRa$react__default, { useState, useRef, useCallback, useContext, useEffect, useMemo, forwardRef } from "react";
 import { c as clsx } from "./clsx-DgYk2OaC.js";
 const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !== "undefined" ? $dbSRa$react__default.useLayoutEffect : () => {
 };
@@ -164,26 +164,6 @@ function $ff5963eb1fccf552$export$e08e3b67e392101e(...callbacks) {
     for (let callback of callbacks) if (typeof callback === "function") callback(...args);
   };
 }
-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) => {
@@ -205,6 +185,27 @@ function $5dc95899b306f630$var$setRef(ref, value) {
   if (typeof ref === "function") return ref(value);
   else if (ref != null) ref.current = value;
 }
+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 if (key === "ref" && a && b) result.ref = $5dc95899b306f630$export$c9058316764c140e(a, b);
+      else result[key] = b !== void 0 ? b : a;
+    }
+  }
+  return result;
+}
 function $df56164dff5785e2$export$4338b53315abf666(ref) {
   const objRef = useRef(null);
   const cleanupRef = useRef(void 0);
@@ -250,7 +251,7 @@ function $64fa3d84918910a7$export$2881499e37b75b9a({ values, children }) {
   return children;
 }
 function $64fa3d84918910a7$export$4d86445c2cf5e3(props) {
-  let { className, style, children, defaultClassName, defaultChildren, defaultStyle, values } = props;
+  let { className, style, children, defaultClassName, defaultChildren, defaultStyle, values, render } = props;
   return useMemo(() => {
     let computedClassName;
     let computedStyle;
@@ -278,7 +279,8 @@ function $64fa3d84918910a7$export$4d86445c2cf5e3(props) {
         ...computedStyle
       } : void 0,
       children: computedChildren !== null && computedChildren !== void 0 ? computedChildren : defaultChildren,
-      "data-rac": ""
+      "data-rac": "",
+      render: render ? (props2) => render(props2, values) : void 0
     };
   }, [
     className,
@@ -287,7 +289,8 @@ function $64fa3d84918910a7$export$4d86445c2cf5e3(props) {
     defaultClassName,
     defaultChildren,
     defaultStyle,
-    values
+    values,
+    render
   ]);
 }
 function $64fa3d84918910a7$export$fabf2dc03a41866e(context, slot) {
@@ -362,20 +365,56 @@ function $64fa3d84918910a7$export$ef03459518577ad4(props) {
   for (const prop in props) if (!prefix.test(prop)) filteredProps[prop] = props[prop];
   return filteredProps;
 }
+function $64fa3d84918910a7$var$DOMElement(ElementType, props, forwardedRef) {
+  let { render, ...otherProps } = props;
+  let elementRef = useRef(null);
+  let ref = useMemo(() => $5dc95899b306f630$export$c9058316764c140e(forwardedRef, elementRef), [
+    forwardedRef,
+    elementRef
+  ]);
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (process.env.NODE_ENV !== "production" && render) {
+      if (!elementRef.current) console.warn("Ref was not connected to DOM element returned by custom `render` function. Did you forget to pass through or merge the `ref`?");
+      else if (elementRef.current.localName !== ElementType) console.warn(`Unexpected DOM element returned by custom \`render\` function. Expected <${ElementType}>, got <${elementRef.current.localName}>. This may break the component behavior and accessibility.`);
+    }
+  }, [
+    ElementType,
+    render
+  ]);
+  let domProps = {
+    ...otherProps,
+    ref
+  };
+  if (render) return render(domProps, void 0);
+  return /* @__PURE__ */ $dbSRa$react__default.createElement(ElementType, domProps);
+}
+const $64fa3d84918910a7$var$domComponentCache = {};
+const $64fa3d84918910a7$export$df3a06d6289f983e = new Proxy({}, {
+  get(target, elementType) {
+    if (typeof elementType !== "string") return void 0;
+    let res = $64fa3d84918910a7$var$domComponentCache[elementType];
+    if (!res) {
+      res = /* @__PURE__ */ forwardRef($64fa3d84918910a7$var$DOMElement.bind(null, elementType));
+      $64fa3d84918910a7$var$domComponentCache[elementType] = res;
+    }
+    return res;
+  }
+});
 export {
   $64fa3d84918910a7$export$29f1550f4b0d4415 as $,
-  $3ef42575df84b30b$export$9d1611c77c2fe928 as a,
-  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as b,
-  $bdb11010cef70236$export$f680877a34711e37 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,
-  $df56164dff5785e2$export$4338b53315abf666 as j,
-  $5dc95899b306f630$export$c9058316764c140e as k,
-  $b5e257d569688ac6$export$535bd6ca7f90a273 as l,
-  $64fa3d84918910a7$export$c62b8e45d58ddad9 as m,
-  $ff5963eb1fccf552$export$e08e3b67e392101e as n
+  $64fa3d84918910a7$export$df3a06d6289f983e as a,
+  $3ef42575df84b30b$export$9d1611c77c2fe928 as b,
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as c,
+  $bdb11010cef70236$export$f680877a34711e37 as d,
+  $64fa3d84918910a7$export$fabf2dc03a41866e 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,
+  $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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@eightshift/ui-components",
-	"version": "6.0.12",
+	"version": "6.1.0",
 	"type": "module",
 	"main": "./dist/index.js",
 	"module": "./dist/index.js",
@@ -48,33 +48,33 @@
 		"react-dom": "^18.3.1"
 	},
 	"devDependencies": {
-		"@adobe/react-spectrum": "^3.46.0",
+		"@adobe/react-spectrum": "^3.46.1",
 		"@atom-universe/use-web-worker": "^2.2.1",
-		"@dnd-kit/abstract": "^0.2.1",
-		"@dnd-kit/dom": "^0.2.1",
-		"@dnd-kit/helpers": "^0.2.1",
-		"@dnd-kit/react": "^0.2.1",
-		"@eslint/compat": "^2.0.1",
-		"@react-stately/collections": "^3.12.8",
+		"@dnd-kit/abstract": "^0.2.3",
+		"@dnd-kit/dom": "^0.2.3",
+		"@dnd-kit/helpers": "^0.2.3",
+		"@dnd-kit/react": "^0.2.3",
+		"@eslint/compat": "^2.0.2",
+		"@react-stately/collections": "^3.12.9",
 		"@stylistic/eslint-plugin-js": "^4.4.1",
 		"@tailwindcss/vite": "^4.1.18",
-		"@thi.ng/color": "^5.8.7",
-		"@thi.ng/pixel": "^7.5.20",
-		"@thi.ng/pixel-analysis": "^2.0.22",
-		"@thi.ng/pixel-dominant-colors": "^2.0.26",
-		"@types/react": "^18.3.27",
+		"@thi.ng/color": "^5.8.9",
+		"@thi.ng/pixel": "^7.5.22",
+		"@thi.ng/pixel-analysis": "^2.0.24",
+		"@thi.ng/pixel-dominant-colors": "^2.0.28",
+		"@types/react": "^18.3.28",
 		"@types/react-dom": "^18.3.7",
-		"@vitejs/plugin-react-swc": "^4.2.2",
-		"@wordpress/i18n": "^6.10.0",
-		"autoprefixer": "^10.4.23",
+		"@vitejs/plugin-react-swc": "^4.2.3",
+		"@wordpress/i18n": "^6.12.0",
+		"autoprefixer": "^10.4.24",
 		"class-variance-authority": "^0.7.1",
 		"clsx": "^2.1.1",
 		"css-gradient-parser": "^0.0.18",
 		"eslint": "^9.39.2",
 		"eslint-config-prettier": "^10.1.8",
 		"eslint-plugin-jsdoc": "^61.7.1",
-		"eslint-plugin-prettier": "^5.5.4",
-		"glob": "^13.0.0",
+		"eslint-plugin-prettier": "^5.5.5",
+		"glob": "^13.0.1",
 		"globals": "^16.5.0",
 		"just-camel-case": "^6.2.0",
 		"just-debounce-it": "^3.2.0",
@@ -82,17 +82,17 @@
 		"just-is-empty": "^3.4.1",
 		"just-kebab-case": "^4.2.0",
 		"just-throttle": "^4.2.0",
-		"lightningcss": "^1.30.2",
+		"lightningcss": "^1.31.1",
 		"postcss": "^8.5.6",
-		"prettier": "^3.7.4",
+		"prettier": "^3.8.1",
 		"prettier-plugin-tailwindcss": "^0.7.2",
 		"react": "^18.3.1",
-		"react-aria": "^3.45.0",
-		"react-aria-components": "^1.14.0",
+		"react-aria": "^3.46.0",
+		"react-aria-components": "^1.15.0",
 		"react-dom": "^18.3.1",
 		"react-jsx-parser": "^2.4.1",
 		"react-movable": "^3.4.1",
-		"react-stately": "^3.43.0",
+		"react-stately": "^3.44.0",
 		"svg-to-jsx-string": "^0.1.1",
 		"tailwindcss": "^4.1.18",
 		"tailwindcss-motion": "^1.1.1",
@@ -103,6 +103,6 @@
 	"dependencies": {
 		"@fontsource-variable/geist-mono": "^5.2.7",
 		"@fontsource-variable/roboto-flex": "^5.2.8",
-		"motion": "^12.25.0"
+		"motion": "^12.31.2"
 	}
 }