qstd 0.3.37 → 0.3.40

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/block/checkbox.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAM9B,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,kBAAkB,2CAqF5D"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/block/checkbox.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAO9B,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,kBAAkB,2CAuF5D"}

package/dist/block/fns.d.ts

@@ -2,6 +2,23 @@ import React from "react";
 import type { SizeProp } from "@fortawesome/fontawesome-svg-core";
 import * as _t from "./types";
 type InternalBlockProps = _t.SharedBlockProps & _t.LoadingProps & Record<string, unknown>;
+/**
+ * Check if any of the specified props are defined in the object.
+ * Used to conditionally skip default styles when consumer provides overrides.
+ *
+ * @example
+ * const hasLayout = hasAnyProp(rest, ["grid", "flex", "display"]);
+ * const hasDebug = hasAnyProp(rest, ["debug"]);
+ *
+ * return (
+ *   <Base
+ *     {...(!hasLayout && { flex: true, alignI: true })}
+ *     {...(!hasDebug && { border: "1px solid", borderColor: "gray.300" })}
+ *     {...rest}
+ *   />
+ * );
+ */
+export declare function hasAnyProp<T extends Record<string, unknown>>(obj: T, keys: readonly string[]): boolean;
 /**
  * Get preview, height, and width of image.
  * @param f

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

@@ -1 +1 @@
-{"version":3,"file":"fns.d.ts","sourceRoot":"","sources":["../../src/block/fns.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"fns.d.ts","sourceRoot":"","sources":["../../src/block/fns.tsx"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../src/block/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAE9B,KAAK,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,cAAc,EAAE,IAAI,CAAC,GAAG;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAyBF;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,EAAE,CAAC,eAAe,2CAqKtD;AAED,wBAAgB,IAAI,CAAC,KAAK,EAAE,cAAc,2CAkLzC"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../src/block/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAG9B,KAAK,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,cAAc,EAAE,IAAI,CAAC,GAAG;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAyBF;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,EAAE,CAAC,eAAe,2CAmKtD;AAED,wBAAgB,IAAI,CAAC,KAAK,EAAE,cAAc,2CA+KzC"}

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

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/block/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAG9D,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AA8C9B,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAI5C,KAAK,qBAAqB,GAAG,IAAI,CAC/B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAClC,kBAAkB,GAClB,gBAAgB,GAChB,sBAAsB,GACtB,iBAAiB,GACjB,QAAQ,GACR,aAAa,GACb,WAAW,CACd,CAAC;AAEF,KAAK,wBAAwB,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,MAAM,qBAAqB,CAAC,CAAC;AAExE,MAAM,MAAM,UAAU,GAAG,wBAAwB,CAAC,EAAE,CAAC,cAAc,CAAC,GAClE,WAAW,CAAC;AAGd,MAAM,MAAM,UAAU,GAAG,wBAAwB,CAAC,EAAE,CAAC,cAAc,CAAC,GAClE,WAAW,CAAC;AAEd,iBAAS,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,2CA4MzC;AAGD,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,2CAqCtC;yBArCe,KAAK;;;AAwCrB,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,2CAwCtC;yBAxCe,KAAK;;;AA+ErB,eAAe,MAAM,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/block/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAG9D,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AA8C9B,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAI5C,KAAK,qBAAqB,GAAG,IAAI,CAC/B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAClC,kBAAkB,GAClB,gBAAgB,GAChB,sBAAsB,GACtB,iBAAiB,GACjB,QAAQ,GACR,aAAa,GACb,WAAW,CACd,CAAC;AAEF,KAAK,wBAAwB,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,MAAM,qBAAqB,CAAC,CAAC;AAExE,MAAM,MAAM,UAAU,GAAG,wBAAwB,CAAC,EAAE,CAAC,cAAc,CAAC,GAClE,WAAW,CAAC;AAGd,MAAM,MAAM,UAAU,GAAG,wBAAwB,CAAC,EAAE,CAAC,cAAc,CAAC,GAClE,WAAW,CAAC;AAEd,iBAAS,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,2CA8MzC;AAGD,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,2CAqCtC;yBArCe,KAAK;;;AAwCrB,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,2CAwCtC;yBAxCe,KAAK;;;AA+ErB,eAAe,MAAM,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/block/textarea.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAG9B;;;;;;;;;;;;;;GAcG;AAEH,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAqPF;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,kBAAkB,2CA+K5D;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,GAAG,UAAU,2CA6C1D;yBA7Ce,KAAK"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/block/textarea.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAG9B;;;;;;;;;;;;;;GAcG;AAEH,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAoPF;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,kBAAkB,2CAiL5D;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,GAAG,UAAU,2CA6C1D;yBA7Ce,KAAK"}

package/dist/react/index.cjs

@@ -877,6 +877,9 @@ function useOutsideClick(ref, handler, enabled = true) {
     };
   }, [ref, handler, enabled]);
 }
+function hasAnyProp(obj, keys) {
+  return keys.some((key) => key in obj && obj[key] !== void 0);
+}
 var extractImageMetadata = (f) => {
   return new Promise((res, rej) => {
     if (!f) rej(new Error("No image file provided."));
@@ -1108,9 +1111,16 @@ var extractElAndStyles = (extract, anyProps) => {
     }
   }
   const cursor = anyProps.isLoading ? "not-allowed" : "pointer";
-  const btnClassName = extract.is === "btn" ? css({ display: "flex", alignI: "center", cursor }) : "";
+  const hasCustomLayout = hasAnyProp(remaining, ["grid", "flex", "display"]);
+  const hasCustomColor = hasAnyProp(remaining, ["color"]);
+  const btnClassName = extract.is === "btn" ? css({
+    ...!hasCustomLayout && { display: "flex", alignI: "center" },
+    cursor
+  }) : "";
   const linkClassName = extract.isLink ? css({
-    color: { base: "blue.500", _dark: "blue.400" },
+    ...!hasCustomColor && {
+      color: { base: "blue.500", _dark: "blue.400" }
+    },
     _hover: { textDecoration: "underline" },
     cursor
   }) : "";
@@ -1377,9 +1387,11 @@ function Switch(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(SwitchContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.MotionConfig, { transition: _motion, children: /* @__PURE__ */ jsxRuntime.jsx(
     Button,
     {
-      flex: true,
-      alignItems: "center",
-      justifyContent: "center",
+      ...!hasAnyProp(rest, ["grid", "flex", "display"]) && {
+        justifyContent: "center",
+        alignItems: "center",
+        flex: true
+      },
       px: 1,
       py: 1,
       h: "fit-content",
@@ -1536,8 +1548,8 @@ function Radio(props) {
     options,
     renderOption,
     onKeyDown: onKeyDownProp,
-    onAnimationStart,
-    onAnimationComplete,
+    onAnimationStart: _onAnimationStart,
+    onAnimationComplete: _onAnimationComplete,
     ...rest
   } = props;
   const groupId = React13__namespace.default.useId();
@@ -1545,7 +1557,7 @@ function Radio(props) {
   const [uncontrolled, setUncontrolled] = React13__namespace.default.useState(
     defaultValue
   );
-  const selectedValue = isControlled ? controlledValue : uncontrolled;
+  const selectedValue = isControlled ? controlledValue ?? null : uncontrolled;
   const itemsRef = React13__namespace.default.useRef([]);
   const [activeId, setActiveId] = React13__namespace.default.useState("");
   const setSelectedValue = (val) => {
@@ -1669,37 +1681,33 @@ function Item(props) {
     onClick: onClickProp,
     onFocus: onFocusProp,
     onBlur: onBlurProp,
-    onAnimationStart,
-    onAnimationComplete,
+    onAnimationStart: _onAnimationStart,
+    onAnimationComplete: _onAnimationComplete,
     ...rest
   } = props;
   const ctx = React13__namespace.default.useContext(RadioContext);
+  const ref = React13__namespace.default.useRef(null);
+  const [isFocused, setIsFocused] = React13__namespace.default.useState(false);
+  const groupDisabled = ctx?.disabled;
+  const disabled = !!(groupDisabled || itemDisabled);
+  const groupId = ctx?.groupId ?? "";
+  const id = `radio-item-${groupId}-${value}`;
+  const registerItem = ctx?.registerItem;
+  const unregisterItem = ctx?.unregisterItem;
+  React13__namespace.default.useEffect(() => {
+    if (!registerItem || !unregisterItem) return;
+    registerItem({ id, value, disabled, ref });
+    return () => unregisterItem(id);
+  }, [id, value, disabled, registerItem, unregisterItem]);
   if (!ctx) {
     return /* @__PURE__ */ jsxRuntime.jsxs(Base2, { flex: true, alignI: true, cursor: "pointer", ...rest, children: [
       /* @__PURE__ */ jsxRuntime.jsx(Base2, { "data-radio-circle": true, w: 24, h: 24, br: 9999, mr: 8 }),
       children
     ] });
   }
-  const {
-    groupId,
-    registerItem,
-    unregisterItem,
-    selectedValue,
-    setSelectedValue,
-    isActiveId,
-    setActiveById,
-    disabled: groupDisabled
-  } = ctx;
-  const disabled = !!(groupDisabled || itemDisabled);
-  const id = `radio-item-${groupId}-${value}`;
-  const ref = React13__namespace.default.useRef(null);
-  React13__namespace.default.useEffect(() => {
-    registerItem({ id, value, disabled, ref });
-    return () => unregisterItem(id);
-  }, [id, value, disabled]);
+  const { selectedValue, setSelectedValue, isActiveId, setActiveById } = ctx;
   const isSelected = selectedValue === value;
   const isActive = isActiveId(id);
-  const [isFocused, setIsFocused] = React13__namespace.default.useState(false);
   const shouldUseGrid = gridProp || !!colsProp;
   const renderLabel = () => {
     const onlyChild = React13__namespace.default.Children.count(children) === 1 ? React13__namespace.default.Children.toArray(children)[0] : null;
@@ -1709,26 +1717,23 @@ function Item(props) {
     if (React13__namespace.default.isValidElement(onlyChild)) {
       return React13__namespace.default.cloneElement(
         onlyChild,
-        {
-          ...onlyChild.props || {},
-          ["data-radio-label"]: true
-        }
+        { "data-radio-label": true }
       );
     }
     return /* @__PURE__ */ jsxRuntime.jsx(Base2, { "data-radio-label": true, children });
   };
+  const hasCustomLayout = hasAnyProp(rest, ["flex", "display"]) || gridProp;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Base2,
     {
       ref,
-      flex: true,
-      alignI: true,
       outline: "none",
       role: "radio",
       tabIndex: isActive ? 0 : -1,
       "aria-checked": isSelected,
       "aria-disabled": disabled,
-      ...shouldUseGrid ? { grid: true } : { flex: true, alignI: true },
+      ...!hasCustomLayout && { flex: true, alignI: true },
+      ...shouldUseGrid && { grid: true },
       ...colsProp && { cols: colsProp },
       gap: shouldUseGrid ? void 0 : "8px",
       cursor: disabled ? "not-allowed" : "pointer",
@@ -1953,11 +1958,11 @@ function Textarea(props) {
     children,
     _motion,
     error,
-    onAnimationStart,
-    onAnimationComplete,
+    onAnimationStart: _onAnimationStart,
+    onAnimationComplete: _onAnimationComplete,
     ...rest
   } = props;
-  const isControlled = rest.value !== void 0;
+  const isControlled = props.value !== void 0;
   const libRef = React13__namespace.default.useRef(null);
   const ref = assignRefs(libRef, userRef);
   const heightRef = React13__namespace.default.useRef(0);
@@ -1972,15 +1977,15 @@ function Textarea(props) {
     value: props.value,
     error
   }) : null;
-  const resizeTextarea = () => {
+  const resizeTextarea = React13__namespace.default.useCallback(() => {
     const node = libRef.current;
     if (!node) return;
     const nodeSizingData = getSizingData(node);
     if (!nodeSizingData) return;
-    const value2 = node.value || node.placeholder || "x";
+    const nodeValue = node.value || node.placeholder || "x";
     const [height, rowHeight] = calculateNodeHeight(
       nodeSizingData,
-      value2,
+      nodeValue,
       minRows,
       maxRows
     );
@@ -1989,7 +1994,7 @@ function Textarea(props) {
       node.style.setProperty("height", `${height}px`, "important");
       onHeightChange?.(height, { rowHeight });
     }
-  };
+  }, [minRows, maxRows, onHeightChange]);
   const handleChange = (e) => {
     if (!isControlled) resizeTextarea();
     _setValue(e.target.value);
@@ -1997,20 +2002,20 @@ function Textarea(props) {
   };
   useIsomorphicLayoutEffect(() => {
     resizeTextarea();
-  }, [rest.value, rest.placeholder, minRows, maxRows]);
+  }, [rest.value, rest.placeholder, resizeTextarea]);
   React13__namespace.default.useEffect(() => {
     if (!isBrowser) return;
     const onResize = () => resizeTextarea();
     window.addEventListener("resize", onResize);
     return () => window.removeEventListener("resize", onResize);
-  }, [minRows, maxRows, rest.placeholder, rest.value]);
+  }, [rest.placeholder, rest.value, resizeTextarea]);
   React13__namespace.default.useEffect(() => {
     const fonts = isBrowser ? document.fonts : void 0;
     if (!fonts || typeof fonts.addEventListener !== "function") return;
     const onFontsLoaded = () => resizeTextarea();
     fonts.addEventListener("loadingdone", onFontsLoaded);
     return () => fonts.removeEventListener("loadingdone", onFontsLoaded);
-  }, [minRows, maxRows, rest.placeholder, rest.value]);
+  }, [rest.placeholder, rest.value, resizeTextarea]);
   React13__namespace.default.useEffect(() => {
     const node = libRef.current;
     const form = node?.form;
@@ -2023,9 +2028,9 @@ function Textarea(props) {
     };
     form.addEventListener("reset", onReset);
     return () => form.removeEventListener("reset", onReset);
-  }, [isControlled]);
+  }, [isControlled, resizeTextarea]);
   const resize = props.resize ?? "none";
-  const hasDebug = "debug" in rest && rest.debug !== void 0;
+  const hasDebug = hasAnyProp(rest, ["debug"]);
   return /* @__PURE__ */ jsxRuntime.jsxs(Base3, { grid: true, rows: "/ 4", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(Base3, { grid: true, relative: true, children: [
       labelWithProps,
@@ -2081,8 +2086,8 @@ function Label(props) {
     error,
     required,
     children,
-    onAnimationStart,
-    onAnimationComplete,
+    onAnimationStart: _onAnimationStart,
+    onAnimationComplete: _onAnimationComplete,
     ...rest
   } = props;
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2173,7 +2178,7 @@ function Input(props) {
     onAnimationComplete: _onAnimationComplete,
     ...rest
   } = props;
-  const hasDebug = "debug" in rest && rest.debug !== void 0;
+  const hasDebug = hasAnyProp(rest, ["debug"]);
   const label = findChildrenByDisplayName(
     children,
     LabelNameKey2
@@ -3754,8 +3759,10 @@ function Checkbox(props) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Base6,
     {
-      flex: true,
-      alignI: true,
+      ...!hasAnyProp(rest, ["grid", "flex", "display"]) && {
+        alignI: true,
+        flex: true
+      },
       gap: 2,
       cursor: "pointer",
       userSelect: "none",

package/dist/react/index.js

@@ -854,6 +854,9 @@ function useOutsideClick(ref, handler, enabled = true) {
     };
   }, [ref, handler, enabled]);
 }
+function hasAnyProp(obj, keys) {
+  return keys.some((key) => key in obj && obj[key] !== void 0);
+}
 var extractImageMetadata = (f) => {
   return new Promise((res, rej) => {
     if (!f) rej(new Error("No image file provided."));
@@ -1085,9 +1088,16 @@ var extractElAndStyles = (extract, anyProps) => {
     }
   }
   const cursor = anyProps.isLoading ? "not-allowed" : "pointer";
-  const btnClassName = extract.is === "btn" ? css({ display: "flex", alignI: "center", cursor }) : "";
+  const hasCustomLayout = hasAnyProp(remaining, ["grid", "flex", "display"]);
+  const hasCustomColor = hasAnyProp(remaining, ["color"]);
+  const btnClassName = extract.is === "btn" ? css({
+    ...!hasCustomLayout && { display: "flex", alignI: "center" },
+    cursor
+  }) : "";
   const linkClassName = extract.isLink ? css({
-    color: { base: "blue.500", _dark: "blue.400" },
+    ...!hasCustomColor && {
+      color: { base: "blue.500", _dark: "blue.400" }
+    },
     _hover: { textDecoration: "underline" },
     cursor
   }) : "";
@@ -1354,9 +1364,11 @@ function Switch(props) {
   return /* @__PURE__ */ jsx(SwitchContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(MotionConfig, { transition: _motion, children: /* @__PURE__ */ jsx(
     Button,
     {
-      flex: true,
-      alignItems: "center",
-      justifyContent: "center",
+      ...!hasAnyProp(rest, ["grid", "flex", "display"]) && {
+        justifyContent: "center",
+        alignItems: "center",
+        flex: true
+      },
       px: 1,
       py: 1,
       h: "fit-content",
@@ -1513,8 +1525,8 @@ function Radio(props) {
     options,
     renderOption,
     onKeyDown: onKeyDownProp,
-    onAnimationStart,
-    onAnimationComplete,
+    onAnimationStart: _onAnimationStart,
+    onAnimationComplete: _onAnimationComplete,
     ...rest
   } = props;
   const groupId = React13__default.useId();
@@ -1522,7 +1534,7 @@ function Radio(props) {
   const [uncontrolled, setUncontrolled] = React13__default.useState(
     defaultValue
   );
-  const selectedValue = isControlled ? controlledValue : uncontrolled;
+  const selectedValue = isControlled ? controlledValue ?? null : uncontrolled;
   const itemsRef = React13__default.useRef([]);
   const [activeId, setActiveId] = React13__default.useState("");
   const setSelectedValue = (val) => {
@@ -1646,37 +1658,33 @@ function Item(props) {
     onClick: onClickProp,
     onFocus: onFocusProp,
     onBlur: onBlurProp,
-    onAnimationStart,
-    onAnimationComplete,
+    onAnimationStart: _onAnimationStart,
+    onAnimationComplete: _onAnimationComplete,
     ...rest
   } = props;
   const ctx = React13__default.useContext(RadioContext);
+  const ref = React13__default.useRef(null);
+  const [isFocused, setIsFocused] = React13__default.useState(false);
+  const groupDisabled = ctx?.disabled;
+  const disabled = !!(groupDisabled || itemDisabled);
+  const groupId = ctx?.groupId ?? "";
+  const id = `radio-item-${groupId}-${value}`;
+  const registerItem = ctx?.registerItem;
+  const unregisterItem = ctx?.unregisterItem;
+  React13__default.useEffect(() => {
+    if (!registerItem || !unregisterItem) return;
+    registerItem({ id, value, disabled, ref });
+    return () => unregisterItem(id);
+  }, [id, value, disabled, registerItem, unregisterItem]);
   if (!ctx) {
     return /* @__PURE__ */ jsxs(Base2, { flex: true, alignI: true, cursor: "pointer", ...rest, children: [
       /* @__PURE__ */ jsx(Base2, { "data-radio-circle": true, w: 24, h: 24, br: 9999, mr: 8 }),
       children
     ] });
   }
-  const {
-    groupId,
-    registerItem,
-    unregisterItem,
-    selectedValue,
-    setSelectedValue,
-    isActiveId,
-    setActiveById,
-    disabled: groupDisabled
-  } = ctx;
-  const disabled = !!(groupDisabled || itemDisabled);
-  const id = `radio-item-${groupId}-${value}`;
-  const ref = React13__default.useRef(null);
-  React13__default.useEffect(() => {
-    registerItem({ id, value, disabled, ref });
-    return () => unregisterItem(id);
-  }, [id, value, disabled]);
+  const { selectedValue, setSelectedValue, isActiveId, setActiveById } = ctx;
   const isSelected = selectedValue === value;
   const isActive = isActiveId(id);
-  const [isFocused, setIsFocused] = React13__default.useState(false);
   const shouldUseGrid = gridProp || !!colsProp;
   const renderLabel = () => {
     const onlyChild = React13__default.Children.count(children) === 1 ? React13__default.Children.toArray(children)[0] : null;
@@ -1686,26 +1694,23 @@ function Item(props) {
     if (React13__default.isValidElement(onlyChild)) {
       return React13__default.cloneElement(
         onlyChild,
-        {
-          ...onlyChild.props || {},
-          ["data-radio-label"]: true
-        }
+        { "data-radio-label": true }
       );
     }
     return /* @__PURE__ */ jsx(Base2, { "data-radio-label": true, children });
   };
+  const hasCustomLayout = hasAnyProp(rest, ["flex", "display"]) || gridProp;
   return /* @__PURE__ */ jsxs(
     Base2,
     {
       ref,
-      flex: true,
-      alignI: true,
       outline: "none",
       role: "radio",
       tabIndex: isActive ? 0 : -1,
       "aria-checked": isSelected,
       "aria-disabled": disabled,
-      ...shouldUseGrid ? { grid: true } : { flex: true, alignI: true },
+      ...!hasCustomLayout && { flex: true, alignI: true },
+      ...shouldUseGrid && { grid: true },
       ...colsProp && { cols: colsProp },
       gap: shouldUseGrid ? void 0 : "8px",
       cursor: disabled ? "not-allowed" : "pointer",
@@ -1930,11 +1935,11 @@ function Textarea(props) {
     children,
     _motion,
     error,
-    onAnimationStart,
-    onAnimationComplete,
+    onAnimationStart: _onAnimationStart,
+    onAnimationComplete: _onAnimationComplete,
     ...rest
   } = props;
-  const isControlled = rest.value !== void 0;
+  const isControlled = props.value !== void 0;
   const libRef = React13__default.useRef(null);
   const ref = assignRefs(libRef, userRef);
   const heightRef = React13__default.useRef(0);
@@ -1949,15 +1954,15 @@ function Textarea(props) {
     value: props.value,
     error
   }) : null;
-  const resizeTextarea = () => {
+  const resizeTextarea = React13__default.useCallback(() => {
     const node = libRef.current;
     if (!node) return;
     const nodeSizingData = getSizingData(node);
     if (!nodeSizingData) return;
-    const value2 = node.value || node.placeholder || "x";
+    const nodeValue = node.value || node.placeholder || "x";
     const [height, rowHeight] = calculateNodeHeight(
       nodeSizingData,
-      value2,
+      nodeValue,
       minRows,
       maxRows
     );
@@ -1966,7 +1971,7 @@ function Textarea(props) {
       node.style.setProperty("height", `${height}px`, "important");
       onHeightChange?.(height, { rowHeight });
     }
-  };
+  }, [minRows, maxRows, onHeightChange]);
   const handleChange = (e) => {
     if (!isControlled) resizeTextarea();
     _setValue(e.target.value);
@@ -1974,20 +1979,20 @@ function Textarea(props) {
   };
   useIsomorphicLayoutEffect(() => {
     resizeTextarea();
-  }, [rest.value, rest.placeholder, minRows, maxRows]);
+  }, [rest.value, rest.placeholder, resizeTextarea]);
   React13__default.useEffect(() => {
     if (!isBrowser) return;
     const onResize = () => resizeTextarea();
     window.addEventListener("resize", onResize);
     return () => window.removeEventListener("resize", onResize);
-  }, [minRows, maxRows, rest.placeholder, rest.value]);
+  }, [rest.placeholder, rest.value, resizeTextarea]);
   React13__default.useEffect(() => {
     const fonts = isBrowser ? document.fonts : void 0;
     if (!fonts || typeof fonts.addEventListener !== "function") return;
     const onFontsLoaded = () => resizeTextarea();
     fonts.addEventListener("loadingdone", onFontsLoaded);
     return () => fonts.removeEventListener("loadingdone", onFontsLoaded);
-  }, [minRows, maxRows, rest.placeholder, rest.value]);
+  }, [rest.placeholder, rest.value, resizeTextarea]);
   React13__default.useEffect(() => {
     const node = libRef.current;
     const form = node?.form;
@@ -2000,9 +2005,9 @@ function Textarea(props) {
     };
     form.addEventListener("reset", onReset);
     return () => form.removeEventListener("reset", onReset);
-  }, [isControlled]);
+  }, [isControlled, resizeTextarea]);
   const resize = props.resize ?? "none";
-  const hasDebug = "debug" in rest && rest.debug !== void 0;
+  const hasDebug = hasAnyProp(rest, ["debug"]);
   return /* @__PURE__ */ jsxs(Base3, { grid: true, rows: "/ 4", children: [
     /* @__PURE__ */ jsxs(Base3, { grid: true, relative: true, children: [
       labelWithProps,
@@ -2058,8 +2063,8 @@ function Label(props) {
     error,
     required,
     children,
-    onAnimationStart,
-    onAnimationComplete,
+    onAnimationStart: _onAnimationStart,
+    onAnimationComplete: _onAnimationComplete,
     ...rest
   } = props;
   return /* @__PURE__ */ jsxs(
@@ -2150,7 +2155,7 @@ function Input(props) {
     onAnimationComplete: _onAnimationComplete,
     ...rest
   } = props;
-  const hasDebug = "debug" in rest && rest.debug !== void 0;
+  const hasDebug = hasAnyProp(rest, ["debug"]);
   const label = findChildrenByDisplayName(
     children,
     LabelNameKey2
@@ -3731,8 +3736,10 @@ function Checkbox(props) {
   return /* @__PURE__ */ jsxs(
     Base6,
     {
-      flex: true,
-      alignI: true,
+      ...!hasAnyProp(rest, ["grid", "flex", "display"]) && {
+        alignI: true,
+        flex: true
+      },
       gap: 2,
       cursor: "pointer",
       userSelect: "none",

package/package.json

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