qstd 0.2.12 → 0.2.14

package/dist/block/fns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fns.d.ts","sourceRoot":"","sources":["../../src/block/fns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAE9B;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,GAAG,IAAI,uBAsC3C,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAU,GAAG,IAAI,uBA6BjD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,GAAG,IAAI,kBAsB3C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GAAU,CAAC,SAAS,IAAI,EAAE,eAAe,IAAI,EAAE,iBA4BvE,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,CAAC,SAAS,EAAE,EACpD,UAAU,KAAK,CAAC,SAAS,EACzB,aAAa,MAAM,KAClB,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,SAW1B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,IAAI,EAAE,CAAC,EAAE,EAAE,OAAO;IAAE,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE;;;;;;;;;;;;;;;;;CAgEvE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,SAAS,UAAU,CAAC,OAAO,aAAa,CAAC,EACzC,UAAU,GAAG,UA6Ed,CAAC;AAiGF,eAAO,MAAM,QAAQ,GACnB,SAAS,UAAU,CAAC,OAAO,aAAa,CAAC,EACzC,UAAU,GAAG;;;CA+Bd,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,KAAK,GAAG,EAAE,MAAM,SAAS,MAAM,EAAE,OAkBrD,CAAC"}
+{"version":3,"file":"fns.d.ts","sourceRoot":"","sources":["../../src/block/fns.tsx"],"names":[],"mappings":"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"}

package/dist/block/use-resize-observer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-resize-observer.d.ts","sourceRoot":"","sources":["../../src/block/use-resize-observer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;AAEzD,KAAK,YAAY,CAAC,CAAC,SAAS,OAAO,IAAI;IACrC,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;CAC3B,GAAG,YAAY,CAAC;AAIjB,MAAM,MAAM,wBAAwB,GAChC,YAAY,GACZ,aAAa,GACb,0BAA0B,CAAC;AAE/B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,mBAAmB;QAC3B,QAAQ,CAAC,yBAAyB,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;KACvE;CACF;AAED,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;AAOrD,iBAAS,iBAAiB,CAAC,CAAC,SAAS,OAAO,EAC1C,IAAI,GAAE;IACJ,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAChD,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,GAAG,CAAC,EAAE,wBAAwB,CAAC;IAC/B,KAAK,CAAC,EAAE,gBAAgB,CAAC;CACrB,GACL,YAAY,CAAC,CAAC,CAAC,CAqIjB;AAwID,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"use-resize-observer.d.ts","sourceRoot":"","sources":["../../src/block/use-resize-observer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;AAEzD,KAAK,YAAY,CAAC,CAAC,SAAS,OAAO,IAAI;IACrC,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;CAC3B,GAAG,YAAY,CAAC;AAIjB,MAAM,MAAM,wBAAwB,GAChC,YAAY,GACZ,aAAa,GACb,0BAA0B,CAAC;AAE/B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,mBAAmB;QAC3B,QAAQ,CAAC,yBAAyB,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;KACvE;CACF;AAED,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;AAOrD,iBAAS,iBAAiB,CAAC,CAAC,SAAS,OAAO,EAC1C,IAAI,GAAE;IACJ,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAChD,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,GAAG,CAAC,EAAE,wBAAwB,CAAC;IAC/B,KAAK,CAAC,EAAE,gBAAgB,CAAC;CACrB,GACL,YAAY,CAAC,CAAC,CAAC,CAuIjB;AAsID,eAAe,iBAAiB,CAAC"}

package/dist/react/index.cjs

@@ -878,7 +878,7 @@ function useOutsideClick(ref, handler, enabled = true) {
 }
 var extractImageMetadata = (f) => {
   return new Promise((res, rej) => {
-    if (!f) rej("No image file provided.");
+    if (!f) rej(new Error("No image file provided."));
     const ext = f.type.split("/").pop();
     const id = `${ext}_${nanoid.nanoid()}.${ext}`;
     const preview = URL.createObjectURL(f);
@@ -891,7 +891,7 @@ var extractImageMetadata = (f) => {
       else orientation = "landscape";
       res({ id, preview, orientation, height, width });
     };
-    image.onerror = (e, x, y, z, a) => {
+    image.onerror = () => {
       if (ext?.includes("tif")) {
         const { height, width } = image;
         let orientation = "";
@@ -901,7 +901,7 @@ var extractImageMetadata = (f) => {
         res({ id, preview, orientation, height, width });
       } else {
         console.log("image error");
-        rej("Image failed to load.");
+        rej(new Error("Image failed to load."));
       }
     };
     image.src = preview;
@@ -911,7 +911,7 @@ var extractAudioMetadata = async (f) => {
   const mmb = await import('music-metadata-browser');
   const meta = await mmb.parseBlob(f, { duration: true });
   return new Promise((res, rej) => {
-    if (!f) rej("No audio file provided.");
+    if (!f) rej(new Error("No audio file provided."));
     const ext = f.name.split(".").pop();
     const id = `${ext}_${nanoid.nanoid()}.${ext}`;
     const [cover] = meta.common.picture ?? [];
@@ -928,7 +928,7 @@ var extractAudioMetadata = async (f) => {
 };
 var extractVideoMetadata = (f) => {
   return new Promise((res, rej) => {
-    if (!f) rej("No video file provided.");
+    if (!f) rej(new Error("No video file provided."));
     const ext = f.type.split("/").pop();
     const id = `${ext}_${nanoid.nanoid()}.${ext}`;
     const video = document.createElement("video");
@@ -1052,7 +1052,7 @@ var extractElAndStyles = (extract, anyProps) => {
   } = anyProps;
   const StdComp = tags[extract.el] || tags.div;
   const MotionComp = motionTags[extract.el] || motionTags.div;
-  const hasMotionProps = layout !== void 0 || initial !== void 0 || animate !== void 0 || exit !== void 0 || whileHover !== void 0 || whileTap !== void 0 || whileFocus !== void 0 || variants !== void 0 || transition !== void 0;
+  const hasMotionProps = _motion !== void 0 || layout !== void 0 || initial !== void 0 || animate !== void 0 || exit !== void 0 || whileHover !== void 0 || whileTap !== void 0 || whileFocus !== void 0 || variants !== void 0 || transition !== void 0;
   const comp = hasMotionProps ? MotionComp : StdComp;
   const motionProps = hasMotionProps ? {
     layout,
@@ -1063,7 +1063,7 @@ var extractElAndStyles = (extract, anyProps) => {
     whileTap,
     whileFocus,
     variants,
-    transition
+    transition: _motion ?? transition
   } : void 0;
   const remaining = omit(rest, ["loadingPosition", "loadingIcon", "isLoading"]);
   const cursor = anyProps.isLoading ? "not-allowed" : "pointer";
@@ -1106,7 +1106,7 @@ function getIcon(position, Icon2, props) {
         return chosen;
       } else if (typeof chosen === "function") {
         return chosen();
-      } else if (chosen?.iconName) {
+      } else if (typeof chosen === "object" && chosen !== null && "iconName" in chosen) {
         return /* @__PURE__ */ jsxRuntime.jsx(
           reactFontawesome.FontAwesomeIcon,
           {
@@ -1169,10 +1169,11 @@ var getIcons = (extract, anyProps) => {
     loadingIcon = loadingProps.loadingIcon;
     isLoading = loadingProps.isLoading;
   }
-  const leftArg = isLoading && loadingPosition === "start" ? loadingIcon ?? null : icon ?? startIcon;
+  const leftArg = isLoading && loadingPosition === "start" ? loadingIcon ?? null : icon ?? startIcon ?? null;
   const rightArg = isLoading && loadingPosition === "end" ? loadingIcon ?? null : endIcon ?? null;
-  const leftIcon = getIcon("start", leftArg, anyProps);
-  const rightIcon = getIcon("end", rightArg, anyProps);
+  const iconProps = anyProps;
+  const leftIcon = getIcon("start", leftArg, iconProps);
+  const rightIcon = getIcon("end", rightArg, iconProps);
   return { leftIcon, rightIcon };
 };
 var omit = (obj, keys) => {
@@ -2223,7 +2224,9 @@ Label2.displayName = LabelNameKey2;
 function useResizeObserver(opts = {}) {
   const onResize = opts.onResize;
   const onResizeRef = React12__namespace.default.useRef(void 0);
-  onResizeRef.current = onResize;
+  React12__namespace.default.useLayoutEffect(() => {
+    onResizeRef.current = onResize;
+  }, [onResize]);
   const round = opts.round || Math.round;
   const resizeObserverRef = React12__namespace.default.useRef(null);
   const [size, setSize] = React12__namespace.default.useState({
@@ -2296,12 +2299,11 @@ function useResizeObserver(opts = {}) {
 function useResolvedElement(subscriber, refOrElement) {
   const lastReportRef = React12__namespace.default.useRef(null);
   const refOrElementRef = React12__namespace.default.useRef(null);
-  refOrElementRef.current = refOrElement;
+  React12__namespace.default.useLayoutEffect(() => {
+    refOrElementRef.current = refOrElement;
+  }, [refOrElement]);
   const cbElementRef = React12__namespace.default.useRef(null);
-  React12__namespace.default.useEffect(() => {
-    evaluateSubscription();
-  });
-  const evaluateSubscription = React12__namespace.default.useCallback(() => {
+  const evaluateSubscription = () => {
     const cbElement = cbElementRef.current;
     const refOrElement2 = refOrElementRef.current;
     const element = cbElement ? cbElement : refOrElement2 ? refOrElement2 instanceof Element ? refOrElement2 : refOrElement2.current : null;
@@ -2318,7 +2320,10 @@ function useResolvedElement(subscriber, refOrElement) {
       // Setting cleanup to undefined unless a subscriber returns one, as an existing cleanup function would've been just called.
       cleanup: element ? subscriber(element) : void 0
     };
-  }, [subscriber]);
+  };
+  React12__namespace.default.useEffect(() => {
+    evaluateSubscription();
+  });
   React12__namespace.default.useEffect(() => {
     return () => {
       if (lastReportRef.current && lastReportRef.current.cleanup) {
@@ -2327,13 +2332,10 @@ function useResolvedElement(subscriber, refOrElement) {
       }
     };
   }, []);
-  return React12__namespace.default.useCallback(
-    (element) => {
-      cbElementRef.current = element;
-      evaluateSubscription();
-    },
-    [evaluateSubscription]
-  );
+  return (element) => {
+    cbElementRef.current = element;
+    evaluateSubscription();
+  };
 }
 function extractSize(entry, boxProp, sizeType) {
   if (!entry[boxProp]) {
@@ -2342,12 +2344,7 @@ function extractSize(entry, boxProp, sizeType) {
     }
     return void 0;
   }
-  return entry[boxProp][0] ? entry[boxProp][0][sizeType] : (
-    // TS complains about this, because the RO entry type follows the spec and does not reflect Firefox's current
-    // behaviour of returning objects instead of arrays for `borderBoxSize` and `contentBoxSize`.
-    // @ts-ignore
-    entry[boxProp][sizeType]
-  );
+  return entry[boxProp][0] ? entry[boxProp][0][sizeType] : entry[boxProp][sizeType];
 }
 var use_resize_observer_default = useResizeObserver;
 var MotionDiv3 = motionTags.div;
@@ -2387,21 +2384,22 @@ function AccordionComponent(props) {
     if (!React12__namespace.default.isValidElement(child)) return child;
     return React12__namespace.default.cloneElement(child, { idx: i });
   });
-  React12__namespace.default.useEffect(() => {
-    if (accordionState.open.length === children.length) return;
-    const defaultOpenIdx = props.defaultOpenIdx;
-    const items = new Array(children.length).fill(null).map((x, i) => {
-      if (defaultOpenIdx) return defaultOpenIdx.includes(i);
-      else return false;
-    });
-    accordion.setState((draft) => {
-      draft.open = items;
-    });
-  }, [
-    accordionState.open.length,
-    children.length,
-    props.defaultOpenIdx?.length
-  ]);
+  const defaultOpenIdxList = JSON.stringify(props.defaultOpenIdx ?? []);
+  React12__namespace.default.useEffect(
+    () => {
+      if (accordionState.open.length === children.length) return;
+      const defaultOpenIdx = props.defaultOpenIdx;
+      const items = new Array(children.length).fill(null).map((x, i) => {
+        if (defaultOpenIdx) return defaultOpenIdx.includes(i);
+        else return false;
+      });
+      accordion.setState((draft) => {
+        draft.open = items;
+      });
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [accordionState.open.length, children.length, defaultOpenIdxList]
+  );
   return /* @__PURE__ */ jsxRuntime.jsx(MotionDiv3, { grid: true, children });
 }
 function Accordion(props) {
@@ -2430,8 +2428,8 @@ function Item2(props) {
       alignC: "start",
       overflow: "auto",
       style: {
-        borderBottom: isLastItem ? `1px solid ${props.borderBottomColor ?? props.borderColor ?? "var(--colors-neutral-300)!"}` : void 0,
-        borderTop: `1px solid ${props.borderTopColor ?? props.borderColor ?? "var(--colors-neutral-300)!"}`
+        borderBottom: isLastItem ? `1px solid ${typeof props.borderBottomColor === "string" && props.borderBottomColor || typeof props.borderColor === "string" && props.borderColor || "var(--colors-neutral-300)!"}` : void 0,
+        borderTop: `1px solid ${typeof props.borderTopColor === "string" && props.borderTopColor || typeof props.borderColor === "string" && props.borderColor || "var(--colors-neutral-300)!"}`
       },
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(

package/dist/react/index.js

@@ -855,7 +855,7 @@ function useOutsideClick(ref, handler, enabled = true) {
 }
 var extractImageMetadata = (f) => {
   return new Promise((res, rej) => {
-    if (!f) rej("No image file provided.");
+    if (!f) rej(new Error("No image file provided."));
     const ext = f.type.split("/").pop();
     const id = `${ext}_${nanoid()}.${ext}`;
     const preview = URL.createObjectURL(f);
@@ -868,7 +868,7 @@ var extractImageMetadata = (f) => {
       else orientation = "landscape";
       res({ id, preview, orientation, height, width });
     };
-    image.onerror = (e, x, y, z, a) => {
+    image.onerror = () => {
       if (ext?.includes("tif")) {
         const { height, width } = image;
         let orientation = "";
@@ -878,7 +878,7 @@ var extractImageMetadata = (f) => {
         res({ id, preview, orientation, height, width });
       } else {
         console.log("image error");
-        rej("Image failed to load.");
+        rej(new Error("Image failed to load."));
       }
     };
     image.src = preview;
@@ -888,7 +888,7 @@ var extractAudioMetadata = async (f) => {
   const mmb = await import('music-metadata-browser');
   const meta = await mmb.parseBlob(f, { duration: true });
   return new Promise((res, rej) => {
-    if (!f) rej("No audio file provided.");
+    if (!f) rej(new Error("No audio file provided."));
     const ext = f.name.split(".").pop();
     const id = `${ext}_${nanoid()}.${ext}`;
     const [cover] = meta.common.picture ?? [];
@@ -905,7 +905,7 @@ var extractAudioMetadata = async (f) => {
 };
 var extractVideoMetadata = (f) => {
   return new Promise((res, rej) => {
-    if (!f) rej("No video file provided.");
+    if (!f) rej(new Error("No video file provided."));
     const ext = f.type.split("/").pop();
     const id = `${ext}_${nanoid()}.${ext}`;
     const video = document.createElement("video");
@@ -1029,7 +1029,7 @@ var extractElAndStyles = (extract, anyProps) => {
   } = anyProps;
   const StdComp = tags[extract.el] || tags.div;
   const MotionComp = motionTags[extract.el] || motionTags.div;
-  const hasMotionProps = layout !== void 0 || initial !== void 0 || animate !== void 0 || exit !== void 0 || whileHover !== void 0 || whileTap !== void 0 || whileFocus !== void 0 || variants !== void 0 || transition !== void 0;
+  const hasMotionProps = _motion !== void 0 || layout !== void 0 || initial !== void 0 || animate !== void 0 || exit !== void 0 || whileHover !== void 0 || whileTap !== void 0 || whileFocus !== void 0 || variants !== void 0 || transition !== void 0;
   const comp = hasMotionProps ? MotionComp : StdComp;
   const motionProps = hasMotionProps ? {
     layout,
@@ -1040,7 +1040,7 @@ var extractElAndStyles = (extract, anyProps) => {
     whileTap,
     whileFocus,
     variants,
-    transition
+    transition: _motion ?? transition
   } : void 0;
   const remaining = omit(rest, ["loadingPosition", "loadingIcon", "isLoading"]);
   const cursor = anyProps.isLoading ? "not-allowed" : "pointer";
@@ -1083,7 +1083,7 @@ function getIcon(position, Icon2, props) {
         return chosen;
       } else if (typeof chosen === "function") {
         return chosen();
-      } else if (chosen?.iconName) {
+      } else if (typeof chosen === "object" && chosen !== null && "iconName" in chosen) {
         return /* @__PURE__ */ jsx(
           FontAwesomeIcon,
           {
@@ -1146,10 +1146,11 @@ var getIcons = (extract, anyProps) => {
     loadingIcon = loadingProps.loadingIcon;
     isLoading = loadingProps.isLoading;
   }
-  const leftArg = isLoading && loadingPosition === "start" ? loadingIcon ?? null : icon ?? startIcon;
+  const leftArg = isLoading && loadingPosition === "start" ? loadingIcon ?? null : icon ?? startIcon ?? null;
   const rightArg = isLoading && loadingPosition === "end" ? loadingIcon ?? null : endIcon ?? null;
-  const leftIcon = getIcon("start", leftArg, anyProps);
-  const rightIcon = getIcon("end", rightArg, anyProps);
+  const iconProps = anyProps;
+  const leftIcon = getIcon("start", leftArg, iconProps);
+  const rightIcon = getIcon("end", rightArg, iconProps);
   return { leftIcon, rightIcon };
 };
 var omit = (obj, keys) => {
@@ -2200,7 +2201,9 @@ Label2.displayName = LabelNameKey2;
 function useResizeObserver(opts = {}) {
   const onResize = opts.onResize;
   const onResizeRef = React12__default.useRef(void 0);
-  onResizeRef.current = onResize;
+  React12__default.useLayoutEffect(() => {
+    onResizeRef.current = onResize;
+  }, [onResize]);
   const round = opts.round || Math.round;
   const resizeObserverRef = React12__default.useRef(null);
   const [size, setSize] = React12__default.useState({
@@ -2273,12 +2276,11 @@ function useResizeObserver(opts = {}) {
 function useResolvedElement(subscriber, refOrElement) {
   const lastReportRef = React12__default.useRef(null);
   const refOrElementRef = React12__default.useRef(null);
-  refOrElementRef.current = refOrElement;
+  React12__default.useLayoutEffect(() => {
+    refOrElementRef.current = refOrElement;
+  }, [refOrElement]);
   const cbElementRef = React12__default.useRef(null);
-  React12__default.useEffect(() => {
-    evaluateSubscription();
-  });
-  const evaluateSubscription = React12__default.useCallback(() => {
+  const evaluateSubscription = () => {
     const cbElement = cbElementRef.current;
     const refOrElement2 = refOrElementRef.current;
     const element = cbElement ? cbElement : refOrElement2 ? refOrElement2 instanceof Element ? refOrElement2 : refOrElement2.current : null;
@@ -2295,7 +2297,10 @@ function useResolvedElement(subscriber, refOrElement) {
       // Setting cleanup to undefined unless a subscriber returns one, as an existing cleanup function would've been just called.
       cleanup: element ? subscriber(element) : void 0
     };
-  }, [subscriber]);
+  };
+  React12__default.useEffect(() => {
+    evaluateSubscription();
+  });
   React12__default.useEffect(() => {
     return () => {
       if (lastReportRef.current && lastReportRef.current.cleanup) {
@@ -2304,13 +2309,10 @@ function useResolvedElement(subscriber, refOrElement) {
       }
     };
   }, []);
-  return React12__default.useCallback(
-    (element) => {
-      cbElementRef.current = element;
-      evaluateSubscription();
-    },
-    [evaluateSubscription]
-  );
+  return (element) => {
+    cbElementRef.current = element;
+    evaluateSubscription();
+  };
 }
 function extractSize(entry, boxProp, sizeType) {
   if (!entry[boxProp]) {
@@ -2319,12 +2321,7 @@ function extractSize(entry, boxProp, sizeType) {
     }
     return void 0;
   }
-  return entry[boxProp][0] ? entry[boxProp][0][sizeType] : (
-    // TS complains about this, because the RO entry type follows the spec and does not reflect Firefox's current
-    // behaviour of returning objects instead of arrays for `borderBoxSize` and `contentBoxSize`.
-    // @ts-ignore
-    entry[boxProp][sizeType]
-  );
+  return entry[boxProp][0] ? entry[boxProp][0][sizeType] : entry[boxProp][sizeType];
 }
 var use_resize_observer_default = useResizeObserver;
 var MotionDiv3 = motionTags.div;
@@ -2364,21 +2361,22 @@ function AccordionComponent(props) {
     if (!React12__default.isValidElement(child)) return child;
     return React12__default.cloneElement(child, { idx: i });
   });
-  React12__default.useEffect(() => {
-    if (accordionState.open.length === children.length) return;
-    const defaultOpenIdx = props.defaultOpenIdx;
-    const items = new Array(children.length).fill(null).map((x, i) => {
-      if (defaultOpenIdx) return defaultOpenIdx.includes(i);
-      else return false;
-    });
-    accordion.setState((draft) => {
-      draft.open = items;
-    });
-  }, [
-    accordionState.open.length,
-    children.length,
-    props.defaultOpenIdx?.length
-  ]);
+  const defaultOpenIdxList = JSON.stringify(props.defaultOpenIdx ?? []);
+  React12__default.useEffect(
+    () => {
+      if (accordionState.open.length === children.length) return;
+      const defaultOpenIdx = props.defaultOpenIdx;
+      const items = new Array(children.length).fill(null).map((x, i) => {
+        if (defaultOpenIdx) return defaultOpenIdx.includes(i);
+        else return false;
+      });
+      accordion.setState((draft) => {
+        draft.open = items;
+      });
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [accordionState.open.length, children.length, defaultOpenIdxList]
+  );
   return /* @__PURE__ */ jsx(MotionDiv3, { grid: true, children });
 }
 function Accordion(props) {
@@ -2407,8 +2405,8 @@ function Item2(props) {
       alignC: "start",
       overflow: "auto",
       style: {
-        borderBottom: isLastItem ? `1px solid ${props.borderBottomColor ?? props.borderColor ?? "var(--colors-neutral-300)!"}` : void 0,
-        borderTop: `1px solid ${props.borderTopColor ?? props.borderColor ?? "var(--colors-neutral-300)!"}`
+        borderBottom: isLastItem ? `1px solid ${typeof props.borderBottomColor === "string" && props.borderBottomColor || typeof props.borderColor === "string" && props.borderColor || "var(--colors-neutral-300)!"}` : void 0,
+        borderTop: `1px solid ${typeof props.borderTopColor === "string" && props.borderTopColor || typeof props.borderColor === "string" && props.borderColor || "var(--colors-neutral-300)!"}`
       },
       children: [
         /* @__PURE__ */ jsxs(

package/dist/react/use-theme/index.d.ts

@@ -1,7 +1,7 @@
 import * as _t from "./types";
 export type { Theme, ThemeStore } from "./types";
 /**
- * Hook to manage light/dark theme
+ * Hook to manage light/dark theme only using localStorage and no global store
  * Syncs with localStorage and across components using events
  */
 export declare function useTheme(): {

package/dist/server/file.d.ts

@@ -1,8 +1,15 @@
+import type { Readable } from "node:stream";
 /**
  * Read file contents as string
  * @param filePath
  * @param encoding
  * @returns
  */
-export declare const readFile: (filePath: string, encoding?: BufferEncoding) => string;
+export declare const readFile: (filePath: string, encoding?: BufferEncoding) => Promise<string>;
+/**
+ * Write a readable stream to a file
+ * @param filepath - Path to write the file to
+ * @param buffer - Readable stream to write
+ */
+export declare const writeBufferToFile: (filepath: string, buffer: Readable | undefined) => Promise<void>;
 //# sourceMappingURL=file.d.ts.map

package/dist/server/file.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file.d.ts","sourceRoot":"","sources":["../../src/server/file.ts"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GACnB,UAAU,MAAM,EAChB,WAAU,cAAwB,KACjC,MAEF,CAAC"}
+{"version":3,"file":"file.d.ts","sourceRoot":"","sources":["../../src/server/file.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GACnB,UAAU,MAAM,EAChB,WAAU,cAAwB,KACjC,OAAO,CAAC,MAAM,CAEhB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAC5B,UAAU,MAAM,EAChB,QAAQ,QAAQ,GAAG,SAAS,kBAQ7B,CAAC"}

package/dist/server/index.cjs

@@ -3,10 +3,6 @@
 var dateFns = require('date-fns');
 var fs = require('fs');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var fs__default = /*#__PURE__*/_interopDefault(fs);
-
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -601,10 +597,19 @@ var label = (name) => ({
 // src/server/file.ts
 var file_exports = {};
 __export(file_exports, {
-  readFile: () => readFile
+  readFile: () => readFile,
+  writeBufferToFile: () => writeBufferToFile
 });
-var readFile = (filePath, encoding = "utf-8") => {
-  return fs__default.default.readFileSync(filePath, encoding);
+var readFile = async (filePath, encoding = "utf-8") => {
+  return fs.promises.readFile(filePath, encoding);
+};
+var writeBufferToFile = async (filepath, buffer) => {
+  if (!buffer) return;
+  const chunks = [];
+  for await (const chunk2 of buffer) {
+    chunks.push(chunk2);
+  }
+  await fs.promises.writeFile(filepath, Buffer.concat(chunks));
 };
 
 exports.Dict = dict_exports;

package/dist/server/index.js

@@ -1,5 +1,5 @@
 import { format, formatDistanceToNow, formatISO, isSameYear, isSameMonth, isSameDay, addSeconds, addMinutes, addHours, addDays, addWeeks, addBusinessDays, addMonths, addYears } from 'date-fns';
-import fs from 'fs';
+import { promises } from 'fs';
 
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -595,10 +595,19 @@ var label = (name) => ({
 // src/server/file.ts
 var file_exports = {};
 __export(file_exports, {
-  readFile: () => readFile
+  readFile: () => readFile,
+  writeBufferToFile: () => writeBufferToFile
 });
-var readFile = (filePath, encoding = "utf-8") => {
-  return fs.readFileSync(filePath, encoding);
+var readFile = async (filePath, encoding = "utf-8") => {
+  return promises.readFile(filePath, encoding);
+};
+var writeBufferToFile = async (filepath, buffer) => {
+  if (!buffer) return;
+  const chunks = [];
+  for await (const chunk2 of buffer) {
+    chunks.push(chunk2);
+  }
+  await promises.writeFile(filepath, Buffer.concat(chunks));
 };
 
 export { dict_exports as Dict, file_exports as File, flow_exports as Flow, int_exports as Int, list_exports as List, log_exports as Log, money_exports as Money, random_exports as Random, str_exports as Str, time_exports as Time };

package/dist/shared/log.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"log.d.ts","sourceRoot":"","sources":["../../src/shared/log.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAIH;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,oBAGtB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,GAAG,GAAI,GAAG,QAAQ,OAAO,EAAE,SAEvC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,IAAI,GAAI,GAAG,QAAQ,OAAO,EAAE,SAExC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,IAAI,GAAI,GAAG,QAAQ,OAAO,EAAE,SAExC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,GAAI,GAAG,QAAQ,OAAO,EAAE,SAEzC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,GAAI,SAAS,MAAM,SAErC,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,KAAK,GAAI,MAAM,MAAM;IAChC,iEAAiE;sBAC/C,OAAO,EAAE;IAG3B,+EAA+E;sBAC7D,OAAO,EAAE;IAG3B,iFAAiF;uBAC9D,OAAO,EAAE;IAG5B,iGAAiG;sBAC/E,MAAM;CAGxB,CAAC"}
+{"version":3,"file":"log.d.ts","sourceRoot":"","sources":["../../src/shared/log.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAIH;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,oBAWtB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,GAAG,GAAI,GAAG,QAAQ,OAAO,EAAE,SAEvC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,IAAI,GAAI,GAAG,QAAQ,OAAO,EAAE,SAExC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,IAAI,GAAI,GAAG,QAAQ,OAAO,EAAE,SAExC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,GAAI,GAAG,QAAQ,OAAO,EAAE,SAEzC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,GAAI,SAAS,MAAM,SAErC,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,KAAK,GAAI,MAAM,MAAM;IAChC,iEAAiE;sBAC/C,OAAO,EAAE;IAG3B,+EAA+E;sBAC7D,OAAO,EAAE;IAG3B,iFAAiF;uBAC9D,OAAO,EAAE;IAG5B,iGAAiG;sBAC/E,MAAM;CAGxB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qstd",
-  "version": "0.2.12",
+  "version": "0.2.14",
   "description": "Standard Block component and utilities library with Panda CSS",
   "author": "malin1",
   "license": "MIT",