@sanity/ui 2.8.23 → 2.8.24-canary.1

package/dist/index.d.mts

@@ -983,7 +983,7 @@ export declare interface FontWeightStyleProps {
 /**
  * @internal
  */
-export declare function _getArrayProp<T = number>(val: T | T[] | undefined, defaultVal?: T[]): T[]
+export declare function _getArrayProp<T = number>(val: T | T[] | undefined): T[]
 
 /**
  * @internal
@@ -2706,7 +2706,6 @@ export declare interface TreeState {
  */
 export declare function useArrayProp<T extends ArrayPropPrimitive = ArrayPropPrimitive>(
   val: T | T[] | undefined,
-  defaultVal?: T[],
 ): T[]
 
 /**

package/dist/index.d.ts

@@ -983,7 +983,7 @@ export declare interface FontWeightStyleProps {
 /**
  * @internal
  */
-export declare function _getArrayProp<T = number>(val: T | T[] | undefined, defaultVal?: T[]): T[]
+export declare function _getArrayProp<T = number>(val: T | T[] | undefined): T[]
 
 /**
  * @internal
@@ -2706,7 +2706,6 @@ export declare interface TreeState {
  */
 export declare function useArrayProp<T extends ArrayPropPrimitive = ArrayPropPrimitive>(
   val: T | T[] | undefined,
-  defaultVal?: T[],
 ): T[]
 
 /**

package/dist/index.esm.js

@@ -45,8 +45,8 @@ function _responsive(media, values, callback) {
     [`@media screen and (min-width: ${media[mediaIndex - 1]}px)`]: statement
   });
 }
-function _getArrayProp(val, defaultVal) {
-  return val === void 0 ? defaultVal || EMPTY_ARRAY : Array.isArray(val) ? val : [val];
+function _getArrayProp(val) {
+  return val === void 0 ? EMPTY_ARRAY : Array.isArray(val) ? val : [val];
 }
 function _getResponsiveSpace(theme, props, spaceIndexes = EMPTY_ARRAY) {
   if (!Array.isArray(spaceIndexes))
@@ -153,12 +153,21 @@ function responsiveTextAlignStyle(props) {
 function responsiveTextFont(props) {
   return responsiveFont("text", props);
 }
-function useArrayProp(val, defaultVal) {
-  const $ = c(3);
+function useArrayProp(val) {
+  const $ = c(6);
   let t0;
-  $[0] !== defaultVal || $[1] !== val ? (t0 = () => [_getArrayProp(val, defaultVal), JSON.stringify(val ?? defaultVal)], $[0] = defaultVal, $[1] = val, $[2] = t0) : t0 = $[2];
-  const [t1, setCache] = useState(t0), [cachedVal, cachedHash] = t1, hash = JSON.stringify(val ?? defaultVal);
-  return hash !== cachedHash && setCache([_getArrayProp(val, defaultVal), hash]), cachedVal;
+  $[0] !== val ? (t0 = () => [_getArrayProp(val), JSON.stringify(val)], $[0] = val, $[1] = t0) : t0 = $[1];
+  const [t1, setCache] = useState(t0), [cachedVal, cachedHash] = t1;
+  let result = cachedVal, t2;
+  $[2] !== val ? (t2 = JSON.stringify(val), $[2] = val, $[3] = t2) : t2 = $[3];
+  const hash = t2;
+  if (hash !== cachedHash) {
+    let t3;
+    $[4] !== val ? (t3 = _getArrayProp(val), $[4] = val, $[5] = t3) : t3 = $[5];
+    const current = t3;
+    setCache([current, hash]), result = current;
+  }
+  return result;
 }
 function _getElements(element, elementsArg) {
   const ret = [element];
@@ -3509,9 +3518,8 @@ function PortalProvider(props) {
   const $ = c(7), {
     boundaryElement,
     children,
-    element,
-    __unstable_elements: elementsProp
-  } = props, elements = useUnique(elementsProp), fallbackElement = useSyncExternalStore(emptySubscribe, _temp$3, _temp2$1);
+    element
+  } = props, elements = useUnique(props.__unstable_elements), fallbackElement = useSyncExternalStore(emptySubscribe, _temp$3, _temp2$1);
   let t0;
   const t1 = boundaryElement || null, t2 = element || fallbackElement;
   let t3;
@@ -3535,10 +3543,11 @@ PortalProvider.displayName = "PortalProvider";
 const emptySubscribe = () => () => {
 };
 function useUnique(value) {
-  const valueRef = useRef(value);
-  return _isEqual(valueRef.current, value) || (valueRef.current = value), valueRef.current;
+  const [cachedValue, setCachedValue] = useState(value);
+  let result = cachedValue;
+  return isEqual(cachedValue, value) || (setCachedValue(value), result = value), result;
 }
-function _isEqual(objA, objB) {
+function isEqual(objA, objB) {
   if (!objA || !objB)
     return objA === objB;
   const keysA = Object.keys(objA), keysB = Object.keys(objB);