@pickle-ui/react 1.0.0-beta.8 → 1.0.0-beta.9

package/README.md

@@ -125,6 +125,7 @@ the element they render, for example
 `Text` and the layout primitives take `as` to change their tag. Parts are
 reached through their component (`Popover.Title`), never imported under their
 own names.
+
 Icons are plain SVG children: any icon library works, and buttons, badges and
 input addons size and space the SVG for you.
 
@@ -230,9 +231,10 @@ own:
   the light and dark values. Import it to share Pickle's palette in a project
   that does not use the components. It re-exports `@pickle-ui/tokens/theme.css`,
   which `@pickle-ui/react` installs as a dependency.
-- `@pickle-ui/react/base.css` holds everything else: animation and variant plugins,
-  the `.dark` variant, the `Text` type scale (from
-  `@pickle-ui/tokens/typography.css`), shared utilities, and element resets. Import it with a token set of your own instead of `theme.css`.
+- `@pickle-ui/react/base.css` holds everything else: animation and variant
+  plugins, the `.dark` variant, the `Text` type scale (from
+  `@pickle-ui/tokens/typography.css`), shared utilities, and element resets.
+  Import it with a token set of your own instead of `theme.css`.
 
 Tokens follow one naming rule: `--x` is a fill and `--x-foreground` is the text
 placed on that fill. Status colors (`destructive`, `info`, `success`,
@@ -445,8 +447,8 @@ breaking change.
 
 ## Upgrading from 0.x
 
-The next major release renames a few styling APIs. Search your code for these
-and update them:
+Version 1.0 renames a few styling APIs. Search your code for these and update
+them:
 
 - **Package name.** `pickle-ui` is now published as `@pickle-ui/react`.
   Replace the dependency and every import, stylesheets included:
@@ -485,11 +487,10 @@ pnpm run lint
 
 ## Releasing
 
-Releases use [Changesets](https://changesets.dev). Add a changeset to every
-pull request that changes a package (`pnpm changeset`). On `main`, the
-`Release` workflow keeps a "Version Packages" pull request up to date; merging
-it publishes each package that changed. Packages version independently, and a
-new `@pickle-ui/tokens` release always comes with a new `@pickle-ui/react`.
+Releases use [Changesets](https://changesets.dev): every pull request that
+changes a package adds one (`pnpm changeset`), and merging the "Version
+Packages" pull request on `main` publishes. The repository's
+`.changeset/README.md` has the rules.
 
 ## License
 

package/dist/components/Alert.d.ts

@@ -18,12 +18,10 @@ declare function AlertDescription({ className, ...props }: AlertDescriptionProps
  */
 declare function AlertIcon({ className, ...props }: AlertIconProps): React.JSX.Element;
 /**
- * An inline message that draws attention to contextual information.
- *
- * The alert has no live-region role by default, so static notices are not
- * announced on page load. When the alert appears in response to a user action,
- * pass `role="alert"` for urgent messages (failures) or `role="status"` for
- * polite ones (confirmations, info).
+ * No live-region role by default, so static notices are not announced on page
+ * load. When the alert appears in response to a user action, pass
+ * `role="alert"` for urgent messages (failures) or `role="status"` for polite
+ * ones (confirmations, info).
  */
 declare function AlertRoot({ className, variant, ...props }: AlertProps): React.JSX.Element;
 declare function AlertTitle({ className, ...props }: AlertTitleProps): React.JSX.Element;

package/dist/components/Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/components/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE9C,QAAA,MAAM,aAAa;;8EAoBlB,CAAC;AAEF,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AACpD,KAAK,qBAAqB,GAAG,IAAI,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;AACxE,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAClD,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAC3C,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AACrC,KAAK,eAAe,GAAG,IAAI,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;AAElE,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,qBAW7D;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,qBAcvE;AAED;;;;GAIG;AACH,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,qBAYzD;AAED;;;;;;;GAOG;AACH,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,OAAmB,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,qBAS1E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,qBAa3D;AAED,QAAA,MAAM,KAAK;;;;;CAKT,CAAC;AAEH,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;AACvE,YAAY,EACV,gBAAgB,EAChB,qBAAqB,EACrB,cAAc,EACd,UAAU,EACV,eAAe,GAChB,CAAC"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/components/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE9C,QAAA,MAAM,aAAa;;8EAoBlB,CAAC;AAEF,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AACpD,KAAK,qBAAqB,GAAG,IAAI,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;AACxE,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAClD,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAC3C,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AACrC,KAAK,eAAe,GAAG,IAAI,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;AAElE,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,qBAW7D;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,qBAcvE;AAED;;;;GAIG;AACH,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,qBAYzD;AAED;;;;;GAKG;AACH,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,OAAmB,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,qBAS1E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,qBAa3D;AAED,QAAA,MAAM,KAAK;;;;;CAKT,CAAC;AAEH,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;AACvE,YAAY,EACV,gBAAgB,EAChB,qBAAqB,EACrB,cAAc,EACd,UAAU,EACV,eAAe,GAChB,CAAC"}

package/dist/components/Alert.js

@@ -31,12 +31,10 @@ function AlertIcon({ className, ...props }) {
     return (_jsx("div", { "aria-hidden": true, className: cn("col-start-1 row-start-1 flex h-5 items-center [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), "data-slot": "alert-icon", ...props }));
 }
 /**
- * An inline message that draws attention to contextual information.
- *
- * The alert has no live-region role by default, so static notices are not
- * announced on page load. When the alert appears in response to a user action,
- * pass `role="alert"` for urgent messages (failures) or `role="status"` for
- * polite ones (confirmations, info).
+ * No live-region role by default, so static notices are not announced on page
+ * load. When the alert appears in response to a user action, pass
+ * `role="alert"` for urgent messages (failures) or `role="status"` for polite
+ * ones (confirmations, info).
  */
 function AlertRoot({ className, variant = 'default', ...props }) {
     return (_jsx("div", { className: cn(alertVariants({ variant }), className), "data-slot": "alert", "data-variant": variant, ...props }));

package/dist/components/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/components/Alert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAC;AAE9C,MAAM,aAAa,GAAG,GAAG,CACvB,0SAA0S,EAC1S;IACE,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,6EAA6E;YAC/E,WAAW,EACT,uGAAuG;YACzG,IAAI,EAAE,kFAAkF;YACxF,OAAO,EACL,2FAA2F;YAC7F,OAAO,EACL,2FAA2F;SAC9F;KACF;CACF,CACF,CAAC;AASF,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB;IAC5D,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,iHAAiH,EACjH,SAAS,CACV,eACS,cAAc,KACpB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IACtE,OAAO,CACL,KAAC,IAAI,IACH,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,EAAE,CACX,gFAAgF,EAChF,SAAS,CACV,eACS,mBAAmB,EAC7B,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,MAAM,KACV,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkB;IACxD,OAAO,CACL,mCAEE,SAAS,EAAE,EAAE,CACX,iIAAiI,EACjI,SAAS,CACV,eACS,YAAY,KAClB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED;;;;;;;GAOG;AACH,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,KAAK,EAAc;IACzE,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,eAC1C,OAAO,kBACH,OAAO,KACjB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAmB;IAC1D,OAAO,CACL,KAAC,IAAI,IACH,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,EAAE,CACX,kFAAkF,EAClF,SAAS,CACV,eACS,aAAa,EACvB,OAAO,EAAC,MAAM,KACV,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;IACrC,MAAM,EAAE,WAAW;IACnB,WAAW,EAAE,gBAAgB;IAC7B,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,UAAU;CAClB,CAAC,CAAC;AAEH,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/components/Alert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAC;AAE9C,MAAM,aAAa,GAAG,GAAG,CACvB,0SAA0S,EAC1S;IACE,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,6EAA6E;YAC/E,WAAW,EACT,uGAAuG;YACzG,IAAI,EAAE,kFAAkF;YACxF,OAAO,EACL,2FAA2F;YAC7F,OAAO,EACL,2FAA2F;SAC9F;KACF;CACF,CACF,CAAC;AASF,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB;IAC5D,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,iHAAiH,EACjH,SAAS,CACV,eACS,cAAc,KACpB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IACtE,OAAO,CACL,KAAC,IAAI,IACH,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,EAAE,CACX,gFAAgF,EAChF,SAAS,CACV,eACS,mBAAmB,EAC7B,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,MAAM,KACV,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkB;IACxD,OAAO,CACL,mCAEE,SAAS,EAAE,EAAE,CACX,iIAAiI,EACjI,SAAS,CACV,eACS,YAAY,KAClB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,KAAK,EAAc;IACzE,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,eAC1C,OAAO,kBACH,OAAO,KACjB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAmB;IAC1D,OAAO,CACL,KAAC,IAAI,IACH,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,EAAE,CACX,kFAAkF,EAClF,SAAS,CACV,eACS,aAAa,EACvB,OAAO,EAAC,MAAM,KACV,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;IACrC,MAAM,EAAE,WAAW;IACnB,WAAW,EAAE,gBAAgB;IAC7B,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,UAAU;CAClB,CAAC,CAAC;AAEH,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/_internal/VisuallyHiddenInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHiddenInput.d.ts","sourceRoot":"","sources":["../../../src/components/_internal/VisuallyHiddenInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,UAAU,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAEpC,UAAU,wBAAwB,CAAC,CAAC,GAAG,UAAU,CAAE,SAAQ,IAAI,CAC7D,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,SAAS,GAAG,SAAS,GAAG,OAAO,CAChC;IACC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,KAAK,CAAC,EAAE,CAAC,CAAC;CACX;AAED,iBAAS,mBAAmB,CAAC,CAAC,GAAG,UAAU,EACzC,KAAK,EAAE,wBAAwB,CAAC,CAAC,CAAC,qBA8InC;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"VisuallyHiddenInput.d.ts","sourceRoot":"","sources":["../../../src/components/_internal/VisuallyHiddenInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,UAAU,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAEpC,UAAU,wBAAwB,CAAC,CAAC,GAAG,UAAU,CAAE,SAAQ,IAAI,CAC7D,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,SAAS,GAAG,SAAS,GAAG,OAAO,CAChC;IACC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,KAAK,CAAC,EAAE,CAAC,CAAC;CACX;AAgCD,iBAAS,mBAAmB,CAAC,CAAC,GAAG,UAAU,EACzC,KAAK,EAAE,wBAAwB,CAAC,CAAC,CAAC,qBA8FnC;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/_internal/VisuallyHiddenInput.js

@@ -1,9 +1,31 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
+const noSize = {};
+// The snapshot is a string so React can compare it by value; an object would be
+// a new snapshot on every read and re-render forever.
+function useElementSize(element) {
+    const subscribe = React.useCallback((onChange) => {
+        if (!element)
+            return () => { };
+        const resizeObserver = new ResizeObserver(onChange);
+        resizeObserver.observe(element, { box: 'border-box' });
+        return () => {
+            resizeObserver.disconnect();
+        };
+    }, [element]);
+    const getSnapshot = () => element ? `${element.offsetWidth}x${element.offsetHeight}` : '';
+    const snapshot = React.useSyncExternalStore(subscribe, getSnapshot, () => '');
+    return React.useMemo(() => {
+        if (!snapshot)
+            return noSize;
+        const [width, height] = snapshot.split('x').map(Number);
+        return { height, width };
+    }, [snapshot]);
+}
 function VisuallyHiddenInput(props) {
     const { bubbles = true, checked, control, style, type = 'hidden', value, ...inputProps
-    // react-doctor-disable-next-line react-doctor/no-event-handler -- this hidden input intentionally mirrors value/checked into the native control and dispatches a native input/click event from an effect; the side effect is driven by prop changes, not a user event, so it cannot move into an event handler
+    // react-doctor-disable-next-line react-doctor/no-event-handler -- an effect mirrors value/checked into the native input and dispatches its event: prop changes drive it, not a user event
      } = props;
     const isCheckInput = React.useMemo(() => type === 'checkbox' || type === 'radio' || type === 'switch', [type]);
     const inputRef = React.useRef(null);
@@ -19,47 +41,7 @@ function VisuallyHiddenInput(props) {
         }
         return prevValueRef.current.previous;
     }, [isCheckInput, value, checked]);
-    const [controlSize, setControlSize] = React.useState({});
-    // react-doctor-disable-next-line react-doctor/no-cascading-set-state -- this effect measures the control element and only calls setControlSize in mutually exclusive branches (or inside an async ResizeObserver callback), not as a synchronous render cascade
-    React.useLayoutEffect(() => {
-        if (!control) {
-            // eslint-disable-next-line react-hooks/set-state-in-effect -- reset measured size synchronously when the control is removed so the hidden input does not retain a stale size
-            setControlSize({});
-            return;
-        }
-        setControlSize({
-            height: control.offsetHeight,
-            width: control.offsetWidth,
-        });
-        if (typeof window === 'undefined')
-            return;
-        const resizeObserver = new ResizeObserver((entries) => {
-            if (!Array.isArray(entries) || !entries.length)
-                return;
-            const entry = entries[0];
-            if (!entry)
-                return;
-            let width;
-            let height;
-            if ('borderBoxSize' in entry) {
-                const borderSizeEntry = entry.borderBoxSize;
-                const borderSize = Array.isArray(borderSizeEntry)
-                    ? borderSizeEntry[0]
-                    : borderSizeEntry;
-                width = borderSize.inlineSize;
-                height = borderSize.blockSize;
-            }
-            else {
-                width = control.offsetWidth;
-                height = control.offsetHeight;
-            }
-            setControlSize({ height, width });
-        });
-        resizeObserver.observe(control, { box: 'border-box' });
-        return () => {
-            resizeObserver.disconnect();
-        };
-    }, [control]);
+    const controlSize = useElementSize(control);
     React.useEffect(() => {
         const input = inputRef.current;
         if (!input)

package/dist/components/_internal/VisuallyHiddenInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHiddenInput.js","sourceRoot":"","sources":["../../../src/components/_internal/VisuallyHiddenInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"VisuallyHiddenInput.js","sourceRoot":"","sources":["../../../src/components/_internal/VisuallyHiddenInput.tsx"],"names":[],"mappings":"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"}

package/dist/components/form/Form.context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.context.d.ts","sourceRoot":"","sources":["../../../src/components/form/Form.context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,aAAa,EAEnB,MAAM,iBAAiB,CAAC;AAEzB,KAAK,gBAAgB,GAAG;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AACF,KAAK,qBAAqB,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AACF,KAAK,0BAA0B,GAAG;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AACF,KAAK,kBAAkB,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG;IAC7D,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,gBAAgB,6CAErB,CAAC;AACF,QAAA,MAAM,qBAAqB,wBAA6B,CAAC;AAEzD,iBAAS,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,CAgBxD;AAED,iBAAS,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,sBAI7C;AAKD,iBAAS,mBAAmB,CAC1B,KAAK,GAAE,gBAAqB,EAC5B,EAAE,OAAc,EAAE,GAAE,0BAA+B;;;EAkBpD;AAED,iBAAS,cAAc,kBAUtB;AAED,iBAAS,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,aAAa,EAAE,MAAM,UAU5E;AAED,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,eAAe,EACf,YAAY,EACZ,mBAAmB,EACnB,cAAc,EACd,oBAAoB,GACrB,CAAC;AACF,YAAY,EACV,gBAAgB,EAChB,qBAAqB,EACrB,0BAA0B,EAC1B,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"Form.context.d.ts","sourceRoot":"","sources":["../../../src/components/form/Form.context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,aAAa,EAEnB,MAAM,iBAAiB,CAAC;AAEzB,KAAK,gBAAgB,GAAG;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AACF,KAAK,qBAAqB,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AACF,KAAK,0BAA0B,GAAG;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AACF,KAAK,kBAAkB,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG;IAC7D,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,gBAAgB,6CAErB,CAAC;AACF,QAAA,MAAM,qBAAqB,wBAA6B,CAAC;AAEzD,iBAAS,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,CAgBxD;AAED,iBAAS,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,sBAI7C;AAID,iBAAS,mBAAmB,CAC1B,KAAK,GAAE,gBAAqB,EAC5B,EAAE,OAAc,EAAE,GAAE,0BAA+B;;;EAkBpD;AAED,iBAAS,cAAc,kBAUtB;AAED,iBAAS,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,aAAa,EAAE,MAAM,UAU5E;AAED,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,eAAe,EACf,YAAY,EACZ,mBAAmB,EACnB,cAAc,EACd,oBAAoB,GACrB,CAAC;AACF,YAAY,EACV,gBAAgB,EAChB,qBAAqB,EACrB,0BAA0B,EAC1B,kBAAkB,GACnB,CAAC"}

package/dist/components/form/Form.context.js

@@ -18,9 +18,8 @@ function useFieldName(name) {
     const field = React.useContext(FormFieldContext);
     return name ?? field?.name;
 }
-// React Hook Form exposes field state, but it does not attach DOM aria/id
-// props to custom controls. This maps the current Form.Field onto the actual
-// visible control.
+// React Hook Form tracks field state but attaches no aria or id props to
+// custom controls: this maps the current Form.Field onto its visible control.
 function useFormControlProps(props = {}, { enabled = true } = {}) {
     const field = React.useContext(FormFieldContext);
     const { control, getFieldState } = useFormMethods();

package/dist/components/form/Form.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.context.js","sourceRoot":"","sources":["../../../src/components/form/Form.context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,cAAc,EAEd,YAAY,GACb,MAAM,iBAAiB,CAAC;AAgBzB,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAC1C,IAAI,CACL,CAAC;AACF,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAEzD,SAAS,eAAe,CAAC,KAAc;IACrC,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACxC,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,MAAM,OAAO,GAAI,KAA+B,CAAC,OAAO,CAAC;IAEzD,IACE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC;QAC7B,OAAO,OAAO,KAAK,QAAQ;QAC3B,OAAO,OAAO,KAAK,QAAQ,EAC3B,CAAC;QACD,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,YAAY,CAAC,IAAwB;IAC5C,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAEjD,OAAO,IAAI,IAAI,KAAK,EAAE,IAAI,CAAC;AAC7B,CAAC;AAED,0EAA0E;AAC1E,6EAA6E;AAC7E,mBAAmB;AACnB,SAAS,mBAAmB,CAC1B,QAA0B,EAAE,EAC5B,EAAE,OAAO,GAAG,IAAI,KAAiC,EAAE;IAEnD,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACjD,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,cAAc,EAAE,CAAC;IACpD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAC/C,MAAM,SAAS,GAAG,YAAY,CAAC;QAC7B,OAAO;QACP,QAAQ,EAAE,CAAC,IAAI;QACf,KAAK,EAAE,IAAI;QACX,IAAI;KACL,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IACzD,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;IAEtE,OAAO;QACL,cAAc,EAAE,SAAS,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;QACvD,EAAE,EAAE,SAAS,IAAI,KAAK,CAAC,EAAE;KAC1B,CAAC;AACJ,CAAC;AAED,SAAS,cAAc;IACrB,MAAM,OAAO,GAAG,cAAc,EAA0B,CAAC;IAEzD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,6DAA6D,CAC9D,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,SAAS,oBAAoB,CAAC,IAAwB,EAAE,aAAqB;IAC3E,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,MAAM,IAAI,KAAK,CACb,GAAG,aAAa,4DAA4D,CAC7E,CAAC;IACJ,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,eAAe,EACf,YAAY,EACZ,mBAAmB,EACnB,cAAc,EACd,oBAAoB,GACrB,CAAC"}
+{"version":3,"file":"Form.context.js","sourceRoot":"","sources":["../../../src/components/form/Form.context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,cAAc,EAEd,YAAY,GACb,MAAM,iBAAiB,CAAC;AAgBzB,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAC1C,IAAI,CACL,CAAC;AACF,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAEzD,SAAS,eAAe,CAAC,KAAc;IACrC,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACxC,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,MAAM,OAAO,GAAI,KAA+B,CAAC,OAAO,CAAC;IAEzD,IACE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC;QAC7B,OAAO,OAAO,KAAK,QAAQ;QAC3B,OAAO,OAAO,KAAK,QAAQ,EAC3B,CAAC;QACD,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,YAAY,CAAC,IAAwB;IAC5C,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAEjD,OAAO,IAAI,IAAI,KAAK,EAAE,IAAI,CAAC;AAC7B,CAAC;AAED,yEAAyE;AACzE,8EAA8E;AAC9E,SAAS,mBAAmB,CAC1B,QAA0B,EAAE,EAC5B,EAAE,OAAO,GAAG,IAAI,KAAiC,EAAE;IAEnD,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACjD,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,cAAc,EAAE,CAAC;IACpD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAC/C,MAAM,SAAS,GAAG,YAAY,CAAC;QAC7B,OAAO;QACP,QAAQ,EAAE,CAAC,IAAI;QACf,KAAK,EAAE,IAAI;QACX,IAAI;KACL,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IACzD,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;IAEtE,OAAO;QACL,cAAc,EAAE,SAAS,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;QACvD,EAAE,EAAE,SAAS,IAAI,KAAK,CAAC,EAAE;KAC1B,CAAC;AACJ,CAAC;AAED,SAAS,cAAc;IACrB,MAAM,OAAO,GAAG,cAAc,EAA0B,CAAC;IAEzD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,6DAA6D,CAC9D,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,SAAS,oBAAoB,CAAC,IAAwB,EAAE,aAAqB;IAC3E,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,MAAM,IAAI,KAAK,CACb,GAAG,aAAa,4DAA4D,CAC7E,CAAC;IACJ,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,eAAe,EACf,YAAY,EACZ,mBAAmB,EACnB,cAAc,EACd,oBAAoB,GACrB,CAAC"}

package/dist/components/form/FormField.js

@@ -21,8 +21,8 @@ function FormField({ children, className, controlId: controlIdProp, description,
     });
     const fieldError = name ? getFieldState(name, formState).error : undefined;
     const errorMessage = error ?? getErrorMessage(fieldError);
-    // The control id is the focus target for the visible field label.
-    // It is generated by default to avoid duplicate DOM ids across forms/rows.
+    // The label focuses the control by this id; `useId` keeps it unique across
+    // forms and rows.
     const generatedControlId = React.useId();
     const controlId = controlIdProp ?? generatedControlId;
     const nativeLabel = shouldUseNativeFieldLabel(children);

package/dist/components/form/FormField.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/components/form/FormField.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/components/form/FormField.tsx"],"names":[],"mappings":"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"}

package/dist/components/form/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/form/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAM,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAS1D,KAAK,UAAU,GAAG,IAAI,CACpB,cAAc,CAAC,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,EAC5D,MAAM,CACP,GAAG;IACF,qFAAqF;IACrF,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,UAAU,EACV,WAAmB,EACnB,IAAW,EACX,KAAK,EACL,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,UAAU,qBAwDZ;AAED,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AACjC,YAAY,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/form/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAM,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAS1D,KAAK,UAAU,GAAG,IAAI,CACpB,cAAc,CAAC,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,EAC5D,MAAM,CACP,GAAG;IACF,qFAAqF;IACrF,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAyDF,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,UAAU,EACV,WAAmB,EACnB,IAAW,EACX,KAAK,EACL,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,UAAU,qBAsCZ;AAED,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AACjC,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/form/Input.js

@@ -8,15 +8,30 @@ const inputControlHeights = {
     md: 'h-8',
     sm: 'h-7',
 };
+function getControlClassName({ className, size, unstyled, }) {
+    return (cn(!unstyled &&
+        cn(inputControlHeights[size], 'border-input bg-background text-foreground ring-ring/24 has-focus-visible:has-aria-invalid:border-destructive/64 has-focus-visible:has-aria-invalid:ring-destructive/16 has-aria-invalid:border-destructive/36 has-focus-visible:border-ring has-autofill:bg-foreground/4 dark:bg-input/32 dark:has-autofill:bg-foreground/8 dark:has-aria-invalid:ring-destructive/24 relative inline-flex w-full rounded-lg border text-base shadow-xs/5 transition-shadow not-dark:bg-clip-padding before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] has-focus-visible:ring-[3px] has-disabled:opacity-64 has-[:disabled,:focus-visible,[aria-invalid]]:shadow-none sm:text-sm dark:not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]'), className) || undefined);
+}
+function getInputClassName({ inputClassNames, size, type, unstyled, }) {
+    return cn(unstyled
+        ? cn('w-full min-w-0 rounded-[inherit] px-[calc(--spacing(3)-1px)] leading-none outline-none [transition:background-color_5000000s_ease-in-out_0s] placeholder:text-muted-foreground/72', inputControlHeights[size], size === 'sm' && 'px-[calc(--spacing(2.5)-1px)]', size === 'lg' && 'px-[calc(--spacing(3.5)-1px)]')
+        : cn('h-full min-h-0 w-full rounded-[inherit] px-[calc(--spacing(3)-1px)] leading-none outline-none [transition:background-color_5000000s_ease-in-out_0s] placeholder:text-muted-foreground/72', size === 'sm' && 'px-[calc(--spacing(2.5)-1px)]', size === 'lg' && 'px-[calc(--spacing(3.5)-1px)]'), type === 'search' &&
+        '[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-webkit-search-results-button]:appearance-none [&::-webkit-search-results-decoration]:appearance-none', type === 'file' &&
+        'text-muted-foreground file:me-3 file:bg-transparent file:font-medium file:text-foreground file:text-sm', inputClassNames);
+}
 function Input({ className, classNames, nativeInput = false, size = 'md', style, unstyled = false, ...props }) {
     const resolvedSize = typeof size === 'number' ? 'md' : size;
-    const inputClassName = cn(unstyled
-        ? cn('w-full min-w-0 rounded-[inherit] px-[calc(--spacing(3)-1px)] leading-none outline-none [transition:background-color_5000000s_ease-in-out_0s] placeholder:text-muted-foreground/72', inputControlHeights[resolvedSize], resolvedSize === 'sm' && 'px-[calc(--spacing(2.5)-1px)]', resolvedSize === 'lg' && 'px-[calc(--spacing(3.5)-1px)]')
-        : cn('h-full min-h-0 w-full rounded-[inherit] px-[calc(--spacing(3)-1px)] leading-none outline-none [transition:background-color_5000000s_ease-in-out_0s] placeholder:text-muted-foreground/72', resolvedSize === 'sm' && 'px-[calc(--spacing(2.5)-1px)]', resolvedSize === 'lg' && 'px-[calc(--spacing(3.5)-1px)]'), props.type === 'search' &&
-        '[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-webkit-search-results-button]:appearance-none [&::-webkit-search-results-decoration]:appearance-none', props.type === 'file' &&
-        'text-muted-foreground file:me-3 file:bg-transparent file:font-medium file:text-foreground file:text-sm', classNames?.input);
-    return (_jsx("span", { className: cn(!unstyled &&
-            cn(inputControlHeights[resolvedSize], 'border-input bg-background text-foreground ring-ring/24 has-focus-visible:has-aria-invalid:border-destructive/64 has-focus-visible:has-aria-invalid:ring-destructive/16 has-aria-invalid:border-destructive/36 has-focus-visible:border-ring has-autofill:bg-foreground/4 dark:bg-input/32 dark:has-autofill:bg-foreground/8 dark:has-aria-invalid:ring-destructive/24 relative inline-flex w-full rounded-lg border text-base shadow-xs/5 transition-shadow not-dark:bg-clip-padding before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] has-focus-visible:ring-[3px] has-disabled:opacity-64 has-[:disabled,:focus-visible,[aria-invalid]]:shadow-none sm:text-sm dark:not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]'), className) || undefined, "data-size": resolvedSize, "data-slot": "input-control", children: nativeInput ? (_jsx("input", { className: inputClassName, "data-slot": "input", size: typeof size === 'number' ? size : undefined, style: typeof style === 'function' ? undefined : style, ...props })) : (_jsx(InputPrimitive, { className: inputClassName, "data-slot": "input", size: typeof size === 'number' ? size : undefined, style: style, ...props })) }));
+    const inputClassName = getInputClassName({
+        inputClassNames: classNames?.input,
+        size: resolvedSize,
+        type: props.type,
+        unstyled,
+    });
+    return (_jsx("span", { className: getControlClassName({
+            className,
+            size: resolvedSize,
+            unstyled,
+        }), "data-size": resolvedSize, "data-slot": "input-control", children: nativeInput ? (_jsx("input", { className: inputClassName, "data-slot": "input", size: typeof size === 'number' ? size : undefined, style: typeof style === 'function' ? undefined : style, ...props })) : (_jsx(InputPrimitive, { className: inputClassName, "data-slot": "input", size: typeof size === 'number' ? size : undefined, style: style, ...props })) }));
 }
 export { Input, InputPrimitive };
 //# sourceMappingURL=Input.js.map

package/dist/components/form/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/form/Input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAG/D,OAAO,EAAE,EAAE,EAAuB,MAAM,iBAAiB,CAAC;AAE1D,+EAA+E;AAC/E,MAAM,mBAAmB,GAAG;IAC1B,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;CACD,CAAC;AAaX,SAAS,KAAK,CAAC,EACb,SAAS,EACT,UAAU,EACV,WAAW,GAAG,KAAK,EACnB,IAAI,GAAG,IAAI,EACX,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACG;IACX,MAAM,YAAY,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAC5D,MAAM,cAAc,GAAG,EAAE,CACvB,QAAQ;QACN,CAAC,CAAC,EAAE,CACA,mLAAmL,EACnL,mBAAmB,CAAC,YAAY,CAAC,EACjC,YAAY,KAAK,IAAI,IAAI,+BAA+B,EACxD,YAAY,KAAK,IAAI,IAAI,+BAA+B,CACzD;QACH,CAAC,CAAC,EAAE,CACA,0LAA0L,EAC1L,YAAY,KAAK,IAAI,IAAI,+BAA+B,EACxD,YAAY,KAAK,IAAI,IAAI,+BAA+B,CACzD,EACL,KAAK,CAAC,IAAI,KAAK,QAAQ;QACrB,4MAA4M,EAC9M,KAAK,CAAC,IAAI,KAAK,MAAM;QACnB,wGAAwG,EAC1G,UAAU,EAAE,KAAK,CAClB,CAAC;IAEF,OAAO,CACL,eACE,SAAS,EACP,EAAE,CACA,CAAC,QAAQ;YACP,EAAE,CACA,mBAAmB,CAAC,YAAY,CAAC,EACjC,q5BAAq5B,CACt5B,EACH,SAAS,CACV,IAAI,SAAS,eAEL,YAAY,eACb,eAAe,YAExB,WAAW,CAAC,CAAC,CAAC,CACb,gBACE,SAAS,EAAE,cAAc,eACf,OAAO,EACjB,IAAI,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACjD,KAAK,EAAE,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,KAClD,KAAK,GACT,CACH,CAAC,CAAC,CAAC,CACF,KAAC,cAAc,IACb,SAAS,EAAE,cAAc,eACf,OAAO,EACjB,IAAI,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACjD,KAAK,EAAE,KAAK,KACR,KAAK,GACT,CACH,GACI,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/form/Input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAG/D,OAAO,EAAE,EAAE,EAAuB,MAAM,iBAAiB,CAAC;AAE1D,+EAA+E;AAC/E,MAAM,mBAAmB,GAAG;IAC1B,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;CACD,CAAC;AAeX,SAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,IAAI,EACJ,QAAQ,GAKT;IACC,OAAO,CACL,EAAE,CACA,CAAC,QAAQ;QACP,EAAE,CACA,mBAAmB,CAAC,IAAI,CAAC,EACzB,q5BAAq5B,CACt5B,EACH,SAAS,CACV,IAAI,SAAS,CACf,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,EACzB,eAAe,EACf,IAAI,EACJ,IAAI,EACJ,QAAQ,GAMT;IACC,OAAO,EAAE,CACP,QAAQ;QACN,CAAC,CAAC,EAAE,CACA,mLAAmL,EACnL,mBAAmB,CAAC,IAAI,CAAC,EACzB,IAAI,KAAK,IAAI,IAAI,+BAA+B,EAChD,IAAI,KAAK,IAAI,IAAI,+BAA+B,CACjD;QACH,CAAC,CAAC,EAAE,CACA,0LAA0L,EAC1L,IAAI,KAAK,IAAI,IAAI,+BAA+B,EAChD,IAAI,KAAK,IAAI,IAAI,+BAA+B,CACjD,EACL,IAAI,KAAK,QAAQ;QACf,4MAA4M,EAC9M,IAAI,KAAK,MAAM;QACb,wGAAwG,EAC1G,eAAe,CAChB,CAAC;AACJ,CAAC;AAED,SAAS,KAAK,CAAC,EACb,SAAS,EACT,UAAU,EACV,WAAW,GAAG,KAAK,EACnB,IAAI,GAAG,IAAI,EACX,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACG;IACX,MAAM,YAAY,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAC5D,MAAM,cAAc,GAAG,iBAAiB,CAAC;QACvC,eAAe,EAAE,UAAU,EAAE,KAAK;QAClC,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,eACE,SAAS,EAAE,mBAAmB,CAAC;YAC7B,SAAS;YACT,IAAI,EAAE,YAAY;YAClB,QAAQ;SACT,CAAC,eACS,YAAY,eACb,eAAe,YAExB,WAAW,CAAC,CAAC,CAAC,CACb,gBACE,SAAS,EAAE,cAAc,eACf,OAAO,EACjB,IAAI,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACjD,KAAK,EAAE,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,KAClD,KAAK,GACT,CACH,CAAC,CAAC,CAAC,CACF,KAAC,cAAc,IACb,SAAS,EAAE,cAAc,eACf,OAAO,EACjB,IAAI,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACjD,KAAK,EAAE,KAAK,KACR,KAAK,GACT,CACH,GACI,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/form/Slider.d.ts

@@ -15,7 +15,7 @@ type SliderProps = SliderPrimitive.Root.Props & {
     classNames?: SlotClassNames<'control' | 'indicator' | 'thumb' | 'track'>;
     getAriaLabel?: SliderPrimitive.Thumb.Props['getAriaLabel'];
     getAriaValueText?: SliderPrimitive.Thumb.Props['getAriaValueText'];
-    /** Render the filled indicator. Set to `false` for sliders with a custom track (e.g. color pickers). Defaults to `true`. */
+    /** Draws the filled track. `false` for a custom track, as in the color picker. Defaults to `true`. */
     indicator?: boolean;
     ref?: Ref<HTMLDivElement>;
     trackStyle?: CSSProperties;

package/dist/components/form/Slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/form/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAElE,OAAO,EAAM,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAE1D,KAAK,gBAAgB,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,GAAG;IACpD,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,GAAG;IAC9C,UAAU,CAAC,EAAE,cAAc,CAAC,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC,CAAC;IACzE,YAAY,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAC3D,gBAAgB,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC;IACnE,4HAA4H;IAC5H,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B,CAAC;AAEF,KAAK,gBAAgB,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,GAAG;IACpD,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC9B,CAAC;AAEF,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BASlE;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,aAAiB,EACjB,GAAS,EACT,GAAO,EACP,IAAQ,GACT,EAAE,gBAAgB,+BAoClB;AAED,iBAAS,UAAU,CAAC,EAClB,kBAAkB,EAAE,eAAe,EACnC,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,QAAQ,EACR,SAAS,EACT,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,SAAgB,EAChB,GAAS,EACT,GAAO,EACP,GAAG,EACH,UAAU,EACV,KAAK,EACL,GAAG,KAAK,EACT,EAAE,WAAW,+BAsEb;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BASlE;AAED,QAAA,MAAM,MAAM;;;;CAIV,CAAC;AAEH,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,CAAC;AACnC,YAAY,EACV,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,GACjB,CAAC"}
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/form/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAElE,OAAO,EAAM,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAE1D,KAAK,gBAAgB,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,GAAG;IACpD,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,GAAG;IAC9C,UAAU,CAAC,EAAE,cAAc,CAAC,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC,CAAC;IACzE,YAAY,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAC3D,gBAAgB,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC;IACnE,sGAAsG;IACtG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B,CAAC;AAEF,KAAK,gBAAgB,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,GAAG;IACpD,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC9B,CAAC;AAEF,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BASlE;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,aAAiB,EACjB,GAAS,EACT,GAAO,EACP,IAAQ,GACT,EAAE,gBAAgB,+BAoClB;AAED,iBAAS,UAAU,CAAC,EAClB,kBAAkB,EAAE,eAAe,EACnC,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,QAAQ,EACR,SAAS,EACT,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,SAAgB,EAChB,GAAS,EACT,GAAO,EACP,GAAG,EACH,UAAU,EACV,KAAK,EACL,GAAG,KAAK,EACT,EAAE,WAAW,+BAsEb;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BASlE;AAED,QAAA,MAAM,MAAM;;;;CAIV,CAAC;AAEH,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,CAAC;AACnC,YAAY,EACV,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,GACjB,CAAC"}

package/dist/hooks/use-lazy-ref.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-lazy-ref.d.ts","sourceRoot":"","sources":["../../src/hooks/use-lazy-ref.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iBAAS,UAAU,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,GAOlB,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CACjC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"use-lazy-ref.d.ts","sourceRoot":"","sources":["../../src/hooks/use-lazy-ref.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iBAAS,UAAU,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,GAKlB,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CACjC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/hooks/use-lazy-ref.js

@@ -1,9 +1,8 @@
 import * as React from 'react';
 function useLazyRef(fn) {
-    const ref = React.useRef(null);
-    if (ref.current === null) {
-        ref.current = fn();
-    }
+    // `useState` runs its initializer once, so `fn` is never called again and the
+    // `{ current }` box stays stable; render itself never writes to a ref.
+    const [ref] = React.useState(() => ({ current: fn() }));
     return ref;
 }
 export { useLazyRef };

package/dist/hooks/use-lazy-ref.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-lazy-ref.js","sourceRoot":"","sources":["../../src/hooks/use-lazy-ref.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,SAAS,UAAU,CAAI,EAAW;IAChC,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAW,IAAI,CAAC,CAAC;IAEzC,IAAI,GAAG,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;QACzB,GAAG,CAAC,OAAO,GAAG,EAAE,EAAE,CAAC;IACrB,CAAC;IAED,OAAO,GAAyB,CAAC;AACnC,CAAC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"use-lazy-ref.js","sourceRoot":"","sources":["../../src/hooks/use-lazy-ref.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,SAAS,UAAU,CAAI,EAAW;IAChC,8EAA8E;IAC9E,uEAAuE;IACvE,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IAExD,OAAO,GAAyB,CAAC;AACnC,CAAC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/lib/compose-refs.d.ts

@@ -1,14 +1,6 @@
 import * as React from 'react';
 type PossibleRef<T> = React.Ref<T> | undefined;
-/**
- * A utility to compose multiple refs together
- * Accepts callback refs and RefObject(s)
- */
 declare function composeRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T>;
-/**
- * A custom hook that composes multiple refs
- * Accepts callback refs and RefObject(s)
- */
 declare function useComposedRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T>;
 export { composeRefs, useComposedRefs };
 //# sourceMappingURL=compose-refs.d.ts.map

package/dist/lib/compose-refs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compose-refs.d.ts","sourceRoot":"","sources":["../../src/lib/compose-refs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,WAAW,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;AAE/C;;;GAGG;AACH,iBAAS,WAAW,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CA4BvE;AAgBD;;;GAGG;AACH,iBAAS,eAAe,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAI3E;AAED,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"compose-refs.d.ts","sourceRoot":"","sources":["../../src/lib/compose-refs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,WAAW,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;AAK/C,iBAAS,WAAW,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CA0BvE;AAYD,iBAAS,eAAe,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAG3E;AAED,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC"}

package/dist/lib/compose-refs.js

@@ -1,8 +1,6 @@
 import * as React from 'react';
-/**
- * A utility to compose multiple refs together
- * Accepts callback refs and RefObject(s)
- */
+// Radix UI's compose-refs (MIT): callback refs and ref objects merged into one
+// callback ref, with React 19 ref cleanups.
 function composeRefs(...refs) {
     return (node) => {
         let hasCleanup = false;
@@ -13,10 +11,8 @@ function composeRefs(...refs) {
             }
             return cleanup;
         });
-        // React <19 will log an error to the console if a callback ref returns a
-        // value. We don't use ref cleanups internally so this will only happen if a
-        // user's ref callback returns a value, which we only expect if they are
-        // using the cleanup functionality added in React 19.
+        // Only return a cleanup when a ref returned one: React 18 logs an error
+        // for a callback ref that returns a value.
         if (hasCleanup) {
             return () => {
                 for (let i = 0; i < cleanups.length; i++) {
@@ -32,10 +28,6 @@ function composeRefs(...refs) {
         }
     };
 }
-/**
- * Set a given ref to a given value
- * This utility takes care of different types of refs: callback refs and RefObject(s)
- */
 function setRef(ref, value) {
     if (typeof ref === 'function') {
         return ref(value);
@@ -44,14 +36,9 @@ function setRef(ref, value) {
         ref.current = value;
     }
 }
-/**
- * A custom hook that composes multiple refs
- * Accepts callback refs and RefObject(s)
- */
 function useComposedRefs(...refs) {
-    // biome-ignore lint/correctness/useExhaustiveDependencies: we want to memoize by all values
-    // eslint-disable-next-line react-hooks/exhaustive-deps, react-hooks/use-memo -- memoize by every ref value; the spread `refs` array is the intended dependency list
-    return React.useCallback(composeRefs(...refs), refs); // react-doctor-disable-line react-doctor/exhaustive-deps -- same intentional memo: the dependency list is the spread `refs` array on purpose
+    // eslint-disable-next-line react-hooks/exhaustive-deps, react-hooks/use-memo -- memoized by every ref: the spread `refs` is the dependency list
+    return React.useCallback(composeRefs(...refs), refs); // react-doctor-disable-line react-doctor/exhaustive-deps -- memoized by every ref: the spread `refs` is the dependency list
 }
 export { composeRefs, useComposedRefs };
 //# sourceMappingURL=compose-refs.js.map

package/dist/lib/compose-refs.js.map

@@ -1 +1 @@
-{"version":3,"file":"compose-refs.js","sourceRoot":"","sources":["../../src/lib/compose-refs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;GAGG;AACH,SAAS,WAAW,CAAI,GAAG,IAAsB;IAC/C,OAAO,CAAC,IAAI,EAAE,EAAE;QACd,IAAI,UAAU,GAAG,KAAK,CAAC;QACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YAChC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;YAClC,IAAI,CAAC,UAAU,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE,CAAC;gBACjD,UAAU,GAAG,IAAI,CAAC;YACpB,CAAC;YACD,OAAO,OAAO,CAAC;QACjB,CAAC,CAAC,CAAC;QAEH,yEAAyE;QACzE,4EAA4E;QAC5E,wEAAwE;QACxE,qDAAqD;QACrD,IAAI,UAAU,EAAE,CAAC;YACf,OAAO,GAAG,EAAE;gBACV,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;oBACzC,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;oBAC5B,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE,CAAC;wBAClC,OAAO,EAAE,CAAC;oBACZ,CAAC;yBAAM,CAAC;wBACN,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;oBACxB,CAAC;gBACH,CAAC;YACH,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,SAAS,MAAM,CAAI,GAAmB,EAAE,KAAQ;IAC9C,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;QAC9B,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC;IAED,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;QACtC,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IACtB,CAAC;AACH,CAAC;AAED;;;GAGG;AACH,SAAS,eAAe,CAAI,GAAG,IAAsB;IACnD,4FAA4F;IAC5F,oKAAoK;IACpK,OAAO,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,6IAA6I;AACrM,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"compose-refs.js","sourceRoot":"","sources":["../../src/lib/compose-refs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,+EAA+E;AAC/E,4CAA4C;AAE5C,SAAS,WAAW,CAAI,GAAG,IAAsB;IAC/C,OAAO,CAAC,IAAI,EAAE,EAAE;QACd,IAAI,UAAU,GAAG,KAAK,CAAC;QACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YAChC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;YAClC,IAAI,CAAC,UAAU,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE,CAAC;gBACjD,UAAU,GAAG,IAAI,CAAC;YACpB,CAAC;YACD,OAAO,OAAO,CAAC;QACjB,CAAC,CAAC,CAAC;QAEH,wEAAwE;QACxE,2CAA2C;QAC3C,IAAI,UAAU,EAAE,CAAC;YACf,OAAO,GAAG,EAAE;gBACV,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;oBACzC,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;oBAC5B,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE,CAAC;wBAClC,OAAO,EAAE,CAAC;oBACZ,CAAC;yBAAM,CAAC;wBACN,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;oBACxB,CAAC;gBACH,CAAC;YACH,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,MAAM,CAAI,GAAmB,EAAE,KAAQ;IAC9C,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;QAC9B,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC;IAED,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;QACtC,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IACtB,CAAC;AACH,CAAC;AAED,SAAS,eAAe,CAAI,GAAG,IAAsB;IACnD,gJAAgJ;IAChJ,OAAO,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,4HAA4H;AACpL,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pickle-ui/react",
-  "version": "1.0.0-beta.8",
+  "version": "1.0.0-beta.9",
   "type": "module",
   "description": "React component library built with Base UI, shadcn/ui, Tailwind CSS, and reui.",
   "main": "dist/index.js",
@@ -78,7 +78,7 @@
     "jsdom": "^29.1.1",
     "postcss": "^8.5.15",
     "react": "^19.2.7",
-    "react-doctor": "^0.5.6",
+    "react-doctor": "^0.9.18",
     "react-dom": "^19.2.7",
     "react-hook-form": "^7.79.0",
     "storybook": "^10.6.3",

package/src/components/Alert.tsx

@@ -82,12 +82,10 @@ function AlertIcon({ className, ...props }: AlertIconProps) {
 }
 
 /**
- * An inline message that draws attention to contextual information.
- *
- * The alert has no live-region role by default, so static notices are not
- * announced on page load. When the alert appears in response to a user action,
- * pass `role="alert"` for urgent messages (failures) or `role="status"` for
- * polite ones (confirmations, info).
+ * No live-region role by default, so static notices are not announced on page
+ * load. When the alert appears in response to a user action, pass
+ * `role="alert"` for urgent messages (failures) or `role="status"` for polite
+ * ones (confirmations, info).
  */
 function AlertRoot({ className, variant = 'default', ...props }: AlertProps) {
   return (

package/src/components/_internal/VisuallyHiddenInput.tsx

@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 
-/* eslint-disable react-hooks/refs -- this component intentionally reads prevValueRef.current during render to track the previous value across renders; the ref holds derived bookkeeping state, not render-affecting data. */
+/* eslint-disable react-hooks/refs -- prevValueRef is read during render on purpose: it holds the previous value and never affects the output. */
 
 type InputValue = string | string[];
 
@@ -16,6 +16,36 @@ interface VisuallyHiddenInputProps<T = InputValue> extends Omit<
   value?: T;
 }
 
+const noSize: { height?: number; width?: number } = {};
+
+// The snapshot is a string so React can compare it by value; an object would be
+// a new snapshot on every read and re-render forever.
+function useElementSize(element: HTMLElement | null) {
+  const subscribe = React.useCallback(
+    (onChange: () => void) => {
+      if (!element) return () => {};
+
+      const resizeObserver = new ResizeObserver(onChange);
+      resizeObserver.observe(element, { box: 'border-box' });
+
+      return () => {
+        resizeObserver.disconnect();
+      };
+    },
+    [element],
+  );
+  const getSnapshot = () =>
+    element ? `${element.offsetWidth}x${element.offsetHeight}` : '';
+  const snapshot = React.useSyncExternalStore(subscribe, getSnapshot, () => '');
+
+  return React.useMemo(() => {
+    if (!snapshot) return noSize;
+
+    const [width, height] = snapshot.split('x').map(Number);
+    return { height, width };
+  }, [snapshot]);
+}
+
 function VisuallyHiddenInput<T = InputValue>(
   props: VisuallyHiddenInputProps<T>,
 ) {
@@ -27,7 +57,7 @@ function VisuallyHiddenInput<T = InputValue>(
     type = 'hidden',
     value,
     ...inputProps
-    // react-doctor-disable-next-line react-doctor/no-event-handler -- this hidden input intentionally mirrors value/checked into the native control and dispatches a native input/click event from an effect; the side effect is driven by prop changes, not a user event, so it cannot move into an event handler
+    // react-doctor-disable-next-line react-doctor/no-event-handler -- an effect mirrors value/checked into the native input and dispatches its event: prop changes drive it, not a user event
   } = props;
 
   const isCheckInput = React.useMemo(
@@ -53,55 +83,7 @@ function VisuallyHiddenInput<T = InputValue>(
     return prevValueRef.current.previous;
   }, [isCheckInput, value, checked]);
 
-  const [controlSize, setControlSize] = React.useState<{
-    height?: number;
-    width?: number;
-  }>({});
-
-  // react-doctor-disable-next-line react-doctor/no-cascading-set-state -- this effect measures the control element and only calls setControlSize in mutually exclusive branches (or inside an async ResizeObserver callback), not as a synchronous render cascade
-  React.useLayoutEffect(() => {
-    if (!control) {
-      // eslint-disable-next-line react-hooks/set-state-in-effect -- reset measured size synchronously when the control is removed so the hidden input does not retain a stale size
-      setControlSize({});
-      return;
-    }
-
-    setControlSize({
-      height: control.offsetHeight,
-      width: control.offsetWidth,
-    });
-
-    if (typeof window === 'undefined') return;
-
-    const resizeObserver = new ResizeObserver((entries) => {
-      if (!Array.isArray(entries) || !entries.length) return;
-
-      const entry = entries[0];
-      if (!entry) return;
-
-      let width: number;
-      let height: number;
-
-      if ('borderBoxSize' in entry) {
-        const borderSizeEntry = entry.borderBoxSize;
-        const borderSize = Array.isArray(borderSizeEntry)
-          ? borderSizeEntry[0]
-          : borderSizeEntry;
-        width = borderSize.inlineSize;
-        height = borderSize.blockSize;
-      } else {
-        width = control.offsetWidth;
-        height = control.offsetHeight;
-      }
-
-      setControlSize({ height, width });
-    });
-
-    resizeObserver.observe(control, { box: 'border-box' });
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, [control]);
+  const controlSize = useElementSize(control);
 
   React.useEffect(() => {
     const input = inputRef.current;

package/src/components/form/ColorPickerPrimitive.tsx

@@ -146,7 +146,7 @@ interface ColorPickerFormatSelectProps
     Omit<React.ComponentProps<typeof Select>, 'onValueChange' | 'value'>,
     Pick<React.ComponentProps<typeof SelectTrigger>, 'className'> {}
 
-// eslint-disable-next-line @typescript-eslint/no-empty-object-type -- a named props interface that is intentionally an alias of the Omit below, kept as an interface for naming and future extension
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type -- a named alias of the Omit below
 interface ColorPickerImplProps extends Omit<
   ColorPickerProps,
   | 'defaultFormat'

package/src/components/form/Form.context.ts

@@ -48,9 +48,8 @@ function useFieldName(name: string | undefined) {
   return name ?? field?.name;
 }
 
-// React Hook Form exposes field state, but it does not attach DOM aria/id
-// props to custom controls. This maps the current Form.Field onto the actual
-// visible control.
+// React Hook Form tracks field state but attaches no aria or id props to
+// custom controls: this maps the current Form.Field onto its visible control.
 function useFormControlProps(
   props: FormControlProps = {},
   { enabled = true }: UseFormControlPropsOptions = {},

package/src/components/form/FormField.tsx

@@ -46,8 +46,8 @@ function FormField({
   });
   const fieldError = name ? getFieldState(name, formState).error : undefined;
   const errorMessage = error ?? getErrorMessage(fieldError);
-  // The control id is the focus target for the visible field label.
-  // It is generated by default to avoid duplicate DOM ids across forms/rows.
+  // The label focuses the control by this id; `useId` keeps it unique across
+  // forms and rows.
   const generatedControlId = React.useId();
   const controlId = controlIdProp ?? generatedControlId;
   const nativeLabel = shouldUseNativeFieldLabel(children);

package/src/components/form/Input.tsx

@@ -23,48 +23,85 @@ type InputProps = Omit<
   unstyled?: boolean;
 };
 
-function Input({
+type ResolvedSize = keyof typeof inputControlHeights;
+
+function getControlClassName({
   className,
-  classNames,
-  nativeInput = false,
-  size = 'md',
-  style,
-  unstyled = false,
-  ...props
-}: InputProps) {
-  const resolvedSize = typeof size === 'number' ? 'md' : size;
-  const inputClassName = cn(
+  size,
+  unstyled,
+}: {
+  className: InputProps['className'];
+  size: ResolvedSize;
+  unstyled: boolean;
+}) {
+  return (
+    cn(
+      !unstyled &&
+        cn(
+          inputControlHeights[size],
+          'border-input bg-background text-foreground ring-ring/24 has-focus-visible:has-aria-invalid:border-destructive/64 has-focus-visible:has-aria-invalid:ring-destructive/16 has-aria-invalid:border-destructive/36 has-focus-visible:border-ring has-autofill:bg-foreground/4 dark:bg-input/32 dark:has-autofill:bg-foreground/8 dark:has-aria-invalid:ring-destructive/24 relative inline-flex w-full rounded-lg border text-base shadow-xs/5 transition-shadow not-dark:bg-clip-padding before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] has-focus-visible:ring-[3px] has-disabled:opacity-64 has-[:disabled,:focus-visible,[aria-invalid]]:shadow-none sm:text-sm dark:not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]',
+        ),
+      className,
+    ) || undefined
+  );
+}
+
+function getInputClassName({
+  inputClassNames,
+  size,
+  type,
+  unstyled,
+}: {
+  inputClassNames: string | undefined;
+  size: ResolvedSize;
+  type: React.HTMLInputTypeAttribute | undefined;
+  unstyled: boolean;
+}) {
+  return cn(
     unstyled
       ? cn(
           'w-full min-w-0 rounded-[inherit] px-[calc(--spacing(3)-1px)] leading-none outline-none [transition:background-color_5000000s_ease-in-out_0s] placeholder:text-muted-foreground/72',
-          inputControlHeights[resolvedSize],
-          resolvedSize === 'sm' && 'px-[calc(--spacing(2.5)-1px)]',
-          resolvedSize === 'lg' && 'px-[calc(--spacing(3.5)-1px)]',
+          inputControlHeights[size],
+          size === 'sm' && 'px-[calc(--spacing(2.5)-1px)]',
+          size === 'lg' && 'px-[calc(--spacing(3.5)-1px)]',
         )
       : cn(
           'h-full min-h-0 w-full rounded-[inherit] px-[calc(--spacing(3)-1px)] leading-none outline-none [transition:background-color_5000000s_ease-in-out_0s] placeholder:text-muted-foreground/72',
-          resolvedSize === 'sm' && 'px-[calc(--spacing(2.5)-1px)]',
-          resolvedSize === 'lg' && 'px-[calc(--spacing(3.5)-1px)]',
+          size === 'sm' && 'px-[calc(--spacing(2.5)-1px)]',
+          size === 'lg' && 'px-[calc(--spacing(3.5)-1px)]',
         ),
-    props.type === 'search' &&
+    type === 'search' &&
       '[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-webkit-search-results-button]:appearance-none [&::-webkit-search-results-decoration]:appearance-none',
-    props.type === 'file' &&
+    type === 'file' &&
       'text-muted-foreground file:me-3 file:bg-transparent file:font-medium file:text-foreground file:text-sm',
-    classNames?.input,
+    inputClassNames,
   );
+}
+
+function Input({
+  className,
+  classNames,
+  nativeInput = false,
+  size = 'md',
+  style,
+  unstyled = false,
+  ...props
+}: InputProps) {
+  const resolvedSize = typeof size === 'number' ? 'md' : size;
+  const inputClassName = getInputClassName({
+    inputClassNames: classNames?.input,
+    size: resolvedSize,
+    type: props.type,
+    unstyled,
+  });
 
   return (
     <span
-      className={
-        cn(
-          !unstyled &&
-            cn(
-              inputControlHeights[resolvedSize],
-              'border-input bg-background text-foreground ring-ring/24 has-focus-visible:has-aria-invalid:border-destructive/64 has-focus-visible:has-aria-invalid:ring-destructive/16 has-aria-invalid:border-destructive/36 has-focus-visible:border-ring has-autofill:bg-foreground/4 dark:bg-input/32 dark:has-autofill:bg-foreground/8 dark:has-aria-invalid:ring-destructive/24 relative inline-flex w-full rounded-lg border text-base shadow-xs/5 transition-shadow not-dark:bg-clip-padding before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] has-focus-visible:ring-[3px] has-disabled:opacity-64 has-[:disabled,:focus-visible,[aria-invalid]]:shadow-none sm:text-sm dark:not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]',
-            ),
-          className,
-        ) || undefined
-      }
+      className={getControlClassName({
+        className,
+        size: resolvedSize,
+        unstyled,
+      })}
       data-size={resolvedSize}
       data-slot="input-control"
     >

package/src/components/form/RadioGroup.test.tsx

@@ -109,13 +109,11 @@ describe('RadioGroup', () => {
         <RadioGroup.Item label="Option C" value="c" />
       </RadioGroup>,
     );
-    // All radios in a group are reachable via keyboard.
     const radios = screen.getAllByRole('radio');
     expect(radios).toHaveLength(3);
-    // The group element exists and has roving-tabindex structure (tabIndex 0 on selected).
     const radioA = screen.getByRole('radio', { name: 'Option A' });
     expect(radioA).toHaveAttribute('aria-checked', 'true');
-    // Click directly to simulate selection change (roving focus is a browser behavior).
+    // Arrow-key roving focus is browser behavior jsdom lacks, so click.
     fireEvent.click(screen.getByRole('radio', { name: 'Option C' }));
     expect(screen.getByRole('radio', { name: 'Option C' })).toHaveAttribute(
       'aria-checked',

package/src/components/form/Slider.tsx

@@ -20,7 +20,7 @@ type SliderProps = SliderPrimitive.Root.Props & {
   classNames?: SlotClassNames<'control' | 'indicator' | 'thumb' | 'track'>;
   getAriaLabel?: SliderPrimitive.Thumb.Props['getAriaLabel'];
   getAriaValueText?: SliderPrimitive.Thumb.Props['getAriaValueText'];
-  /** Render the filled indicator. Set to `false` for sliders with a custom track (e.g. color pickers). Defaults to `true`. */
+  /** Draws the filled track. `false` for a custom track, as in the color picker. Defaults to `true`. */
   indicator?: boolean;
   ref?: Ref<HTMLDivElement>;
   trackStyle?: CSSProperties;

package/src/hooks/use-lazy-ref.ts

@@ -1,11 +1,9 @@
 import * as React from 'react';
 
 function useLazyRef<T>(fn: () => T) {
-  const ref = React.useRef<null | T>(null);
-
-  if (ref.current === null) {
-    ref.current = fn();
-  }
+  // `useState` runs its initializer once, so `fn` is never called again and the
+  // `{ current }` box stays stable; render itself never writes to a ref.
+  const [ref] = React.useState(() => ({ current: fn() }));
 
   return ref as React.RefObject<T>;
 }

package/src/lib/color.test.ts

@@ -48,9 +48,7 @@ describe('rgb <-> hsv', () => {
     });
   });
 
-  // Documents CURRENT behavior: achromatic colors report hue 0 (red).
-  // Plan 004 changes this to preserve a caller-supplied hue. When 004 lands,
-  // this assertion is expected to be updated there.
+  // Without a fallback hue, an achromatic color reports hue 0.
   it('reports hue 0 for white (achromatic)', () => {
     expect(rgbToHsv({ a: 1, b: 255, g: 255, r: 255 })).toEqual({
       a: 1,

package/src/lib/compose-refs.ts

@@ -2,10 +2,9 @@ import * as React from 'react';
 
 type PossibleRef<T> = React.Ref<T> | undefined;
 
-/**
- * A utility to compose multiple refs together
- * Accepts callback refs and RefObject(s)
- */
+// Radix UI's compose-refs (MIT): callback refs and ref objects merged into one
+// callback ref, with React 19 ref cleanups.
+
 function composeRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T> {
   return (node) => {
     let hasCleanup = false;
@@ -17,10 +16,8 @@ function composeRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T> {
       return cleanup;
     });
 
-    // React <19 will log an error to the console if a callback ref returns a
-    // value. We don't use ref cleanups internally so this will only happen if a
-    // user's ref callback returns a value, which we only expect if they are
-    // using the cleanup functionality added in React 19.
+    // Only return a cleanup when a ref returned one: React 18 logs an error
+    // for a callback ref that returns a value.
     if (hasCleanup) {
       return () => {
         for (let i = 0; i < cleanups.length; i++) {
@@ -36,10 +33,6 @@ function composeRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T> {
   };
 }
 
-/**
- * Set a given ref to a given value
- * This utility takes care of different types of refs: callback refs and RefObject(s)
- */
 function setRef<T>(ref: PossibleRef<T>, value: T) {
   if (typeof ref === 'function') {
     return ref(value);
@@ -50,14 +43,9 @@ function setRef<T>(ref: PossibleRef<T>, value: T) {
   }
 }
 
-/**
- * A custom hook that composes multiple refs
- * Accepts callback refs and RefObject(s)
- */
 function useComposedRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T> {
-  // biome-ignore lint/correctness/useExhaustiveDependencies: we want to memoize by all values
-  // eslint-disable-next-line react-hooks/exhaustive-deps, react-hooks/use-memo -- memoize by every ref value; the spread `refs` array is the intended dependency list
-  return React.useCallback(composeRefs(...refs), refs); // react-doctor-disable-line react-doctor/exhaustive-deps -- same intentional memo: the dependency list is the spread `refs` array on purpose
+  // eslint-disable-next-line react-hooks/exhaustive-deps, react-hooks/use-memo -- memoized by every ref: the spread `refs` is the dependency list
+  return React.useCallback(composeRefs(...refs), refs); // react-doctor-disable-line react-doctor/exhaustive-deps -- memoized by every ref: the spread `refs` is the dependency list
 }
 
 export { composeRefs, useComposedRefs };