@bioturing/components 0.39.0 → 0.40.1

package/dist/components/hooks/useBaseUIPlacement.d.ts

@@ -0,0 +1,64 @@
+import { BaseUIAlign, BaseUISide } from '../utils';
+export interface UseBaseUIPlacementOptions {
+    /**
+     * The positioner element to observe for placement changes
+     */
+    positionerRef: HTMLElement | null;
+    /**
+     * Whether the popup is currently open
+     * Observation only occurs when open is true
+     */
+    open: boolean;
+    /**
+     * Initial side placement
+     */
+    initialSide: BaseUISide;
+    /**
+     * Initial align placement
+     */
+    initialAlign: BaseUIAlign;
+    /**
+     * Callback fired when placement changes
+     */
+    onPlacementChange?: (placement: string) => void;
+    /**
+     * Enable debug logging
+     * @default false
+     */
+    debug?: boolean;
+}
+export interface UseBaseUIPlacementReturn {
+    /**
+     * Current side placement
+     */
+    currentSide: BaseUISide;
+    /**
+     * Current align placement
+     */
+    currentAlign: BaseUIAlign;
+    /**
+     * Key that increments when placement changes
+     * Useful for triggering re-renders or resets
+     */
+    placementChangeKey: number;
+}
+/**
+ * Hook to track Base UI positioner placement changes
+ *
+ * Observes the positioner element's data-side and data-align attributes
+ * and triggers callbacks when they change. Useful for components that need
+ * to react to automatic placement adjustments by Base UI.
+ *
+ * @example
+ * ```tsx
+ * const { currentSide, currentAlign, placementChangeKey } = useBaseUIPlacement({
+ *   positionerRef,
+ *   open,
+ *   initialSide: 'bottom',
+ *   initialAlign: 'start',
+ *   onPlacementChange: (placement) => console.log('New placement:', placement)
+ * });
+ * ```
+ */
+export declare function useBaseUIPlacement({ positionerRef, open, initialSide, initialAlign, onPlacementChange, debug, }: UseBaseUIPlacementOptions): UseBaseUIPlacementReturn;
+//# sourceMappingURL=useBaseUIPlacement.d.ts.map

package/dist/components/hooks/useBaseUIPlacement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBaseUIPlacement.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useBaseUIPlacement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAsB,MAAM,UAAU,CAAC;AAEvE,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,aAAa,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC;;;OAGG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,WAAW,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,YAAY,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,WAAW,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,YAAY,EAAE,WAAW,CAAC;IAC1B;;;OAGG;IACH,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,KAAa,GACd,EAAE,yBAAyB,GAAG,wBAAwB,CAsFtD"}

package/dist/components/hooks/useBaseUIPlacement.js

@@ -0,0 +1,61 @@
+"use client";
+import { useState as i, useEffect as y } from "react";
+import { useStableCallback as N } from "@base-ui/utils/useStableCallback";
+import { buildAntdPlacement as S } from "../utils/placement.js";
+function E({
+  positionerRef: a,
+  open: b,
+  initialSide: d,
+  initialAlign: f,
+  onPlacementChange: m,
+  debug: o = !1
+}) {
+  const [r, C] = i(d), [n, h] = i(f), [P, A] = i(0), s = N(m);
+  return y(() => {
+    if (!a || !b)
+      return;
+    const g = new MutationObserver((w) => {
+      let u = !1, l = r, c = n;
+      if (w.forEach((t) => {
+        if (t.type === "attributes" && t.attributeName === "data-side") {
+          const e = a.getAttribute(t.attributeName);
+          e && e !== r && (l = e, u = !0);
+        }
+        if (t.type === "attributes" && t.attributeName === "data-align") {
+          const e = a.getAttribute(t.attributeName);
+          e && e !== n && (c = e, u = !0);
+        }
+      }), u) {
+        const t = S({
+          side: l,
+          align: c
+        });
+        C(l), h(c), A((e) => e + 1), s && s(t);
+      }
+    });
+    return g.observe(a, {
+      attributes: !0,
+      attributeFilter: ["data-side", "data-align"],
+      attributeOldValue: !0
+    }), () => {
+      g.disconnect();
+    };
+  }, [
+    b,
+    a,
+    s,
+    r,
+    n,
+    o,
+    d,
+    f
+  ]), {
+    currentSide: r,
+    currentAlign: n,
+    placementChangeKey: P
+  };
+}
+export {
+  E as useBaseUIPlacement
+};
+//# sourceMappingURL=useBaseUIPlacement.js.map

package/dist/components/hooks/useBaseUIPlacement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBaseUIPlacement.js","sources":["../../../src/components/hooks/useBaseUIPlacement.ts"],"sourcesContent":["\"use client\";\nimport { useEffect, useState } from \"react\";\nimport { useStableCallback } from \"@base-ui/utils/useStableCallback\";\nimport { BaseUIAlign, BaseUISide, buildAntdPlacement } from \"../utils\";\n\nexport interface UseBaseUIPlacementOptions {\n  /**\n   * The positioner element to observe for placement changes\n   */\n  positionerRef: HTMLElement | null;\n  /**\n   * Whether the popup is currently open\n   * Observation only occurs when open is true\n   */\n  open: boolean;\n  /**\n   * Initial side placement\n   */\n  initialSide: BaseUISide;\n  /**\n   * Initial align placement\n   */\n  initialAlign: BaseUIAlign;\n  /**\n   * Callback fired when placement changes\n   */\n  onPlacementChange?: (placement: string) => void;\n  /**\n   * Enable debug logging\n   * @default false\n   */\n  debug?: boolean;\n}\n\nexport interface UseBaseUIPlacementReturn {\n  /**\n   * Current side placement\n   */\n  currentSide: BaseUISide;\n  /**\n   * Current align placement\n   */\n  currentAlign: BaseUIAlign;\n  /**\n   * Key that increments when placement changes\n   * Useful for triggering re-renders or resets\n   */\n  placementChangeKey: number;\n}\n\n/**\n * Hook to track Base UI positioner placement changes\n *\n * Observes the positioner element's data-side and data-align attributes\n * and triggers callbacks when they change. Useful for components that need\n * to react to automatic placement adjustments by Base UI.\n *\n * @example\n * ```tsx\n * const { currentSide, currentAlign, placementChangeKey } = useBaseUIPlacement({\n *   positionerRef,\n *   open,\n *   initialSide: 'bottom',\n *   initialAlign: 'start',\n *   onPlacementChange: (placement) => console.log('New placement:', placement)\n * });\n * ```\n */\nexport function useBaseUIPlacement({\n  positionerRef,\n  open,\n  initialSide,\n  initialAlign,\n  onPlacementChange,\n  debug = false,\n}: UseBaseUIPlacementOptions): UseBaseUIPlacementReturn {\n  const [currentSide, setCurrentSide] = useState<BaseUISide>(initialSide);\n  const [currentAlign, setCurrentAlign] = useState<BaseUIAlign>(initialAlign);\n  const [placementChangeKey, setPlacementChangeKey] = useState(0);\n\n  const stableOnPlacementChange = useStableCallback(onPlacementChange);\n\n  useEffect(() => {\n    if (!positionerRef || !open) {\n      return;\n    }\n\n    // Create MutationObserver to watch for data-side and data-align changes\n    const observer = new MutationObserver((mutations) => {\n      let hasPlacementChanged = false;\n      let newSide = currentSide;\n      let newAlign = currentAlign;\n\n      mutations.forEach((mutation) => {\n        if (\n          mutation.type === \"attributes\" &&\n          mutation.attributeName === \"data-side\"\n        ) {\n          const side = positionerRef.getAttribute(mutation.attributeName);\n          if (side && side !== currentSide) {\n            newSide = side as BaseUISide;\n            hasPlacementChanged = true;\n          }\n        }\n\n        if (\n          mutation.type === \"attributes\" &&\n          mutation.attributeName === \"data-align\"\n        ) {\n          const align = positionerRef.getAttribute(mutation.attributeName);\n          if (align && align !== currentAlign) {\n            newAlign = align as BaseUIAlign;\n            hasPlacementChanged = true;\n          }\n        }\n      });\n\n      // Only trigger callbacks if placement actually changed\n      if (hasPlacementChanged) {\n        const newPlacement = buildAntdPlacement({\n          side: newSide,\n          align: newAlign,\n        });\n\n        // Update state to trigger re-render\n        setCurrentSide(newSide);\n        setCurrentAlign(newAlign);\n        setPlacementChangeKey((prev) => prev + 1);\n\n        if (stableOnPlacementChange) {\n          stableOnPlacementChange(newPlacement);\n        }\n      }\n    });\n\n    // Start observing\n    observer.observe(positionerRef, {\n      attributes: true,\n      attributeFilter: [\"data-side\", \"data-align\"],\n      attributeOldValue: true,\n    });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [\n    open,\n    positionerRef,\n    stableOnPlacementChange,\n    currentSide,\n    currentAlign,\n    debug,\n    initialSide,\n    initialAlign,\n  ]);\n\n  return {\n    currentSide,\n    currentAlign,\n    placementChangeKey,\n  };\n}\n"],"names":["useBaseUIPlacement","positionerRef","open","initialSide","initialAlign","onPlacementChange","debug","currentSide","setCurrentSide","useState","currentAlign","setCurrentAlign","placementChangeKey","setPlacementChangeKey","stableOnPlacementChange","useStableCallback","useEffect","observer","mutations","hasPlacementChanged","newSide","newAlign","mutation","side","align","newPlacement","buildAntdPlacement","prev"],"mappings":";;;;AAoEO,SAASA,EAAmB;AAAA,EACjC,eAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,OAAAC,IAAQ;AACV,GAAwD;AACtD,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAqBN,CAAW,GAChE,CAACO,GAAcC,CAAe,IAAIF,EAAsBL,CAAY,GACpE,CAACQ,GAAoBC,CAAqB,IAAIJ,EAAS,CAAC,GAExDK,IAA0BC,EAAkBV,CAAiB;AAEnE,SAAAW,EAAU,MAAM;AACd,QAAI,CAACf,KAAiB,CAACC;AACrB;AAIF,UAAMe,IAAW,IAAI,iBAAiB,CAACC,MAAc;AACnD,UAAIC,IAAsB,IACtBC,IAAUb,GACVc,IAAWX;AA2Bf,UAzBAQ,EAAU,QAAQ,CAACI,MAAa;AAC9B,YACEA,EAAS,SAAS,gBAClBA,EAAS,kBAAkB,aAC3B;AACA,gBAAMC,IAAOtB,EAAc,aAAaqB,EAAS,aAAa;AAC9D,UAAIC,KAAQA,MAAShB,MACnBa,IAAUG,GACVJ,IAAsB;AAAA,QAE1B;AAEA,YACEG,EAAS,SAAS,gBAClBA,EAAS,kBAAkB,cAC3B;AACA,gBAAME,IAAQvB,EAAc,aAAaqB,EAAS,aAAa;AAC/D,UAAIE,KAASA,MAAUd,MACrBW,IAAWG,GACXL,IAAsB;AAAA,QAE1B;AAAA,MACF,CAAC,GAGGA,GAAqB;AACvB,cAAMM,IAAeC,EAAmB;AAAA,UACtC,MAAMN;AAAA,UACN,OAAOC;AAAA,QAAA,CACR;AAGD,QAAAb,EAAeY,CAAO,GACtBT,EAAgBU,CAAQ,GACxBR,EAAsB,CAACc,MAASA,IAAO,CAAC,GAEpCb,KACFA,EAAwBW,CAAY;AAAA,MAExC;AAAA,IACF,CAAC;AAGD,WAAAR,EAAS,QAAQhB,GAAe;AAAA,MAC9B,YAAY;AAAA,MACZ,iBAAiB,CAAC,aAAa,YAAY;AAAA,MAC3C,mBAAmB;AAAA,IAAA,CACpB,GAEM,MAAM;AACX,MAAAgB,EAAS,WAAA;AAAA,IACX;AAAA,EACF,GAAG;AAAA,IACDf;AAAA,IACAD;AAAA,IACAa;AAAA,IACAP;AAAA,IACAG;AAAA,IACAJ;AAAA,IACAH;AAAA,IACAC;AAAA,EAAA,CACD,GAEM;AAAA,IACL,aAAAG;AAAA,IACA,cAAAG;AAAA,IACA,oBAAAE;AAAA,EAAA;AAEJ;"}

package/dist/components/hooks/useControlledState.d.ts

@@ -1,5 +1,6 @@
 /**
  * A hook that manages state that can be either controlled or uncontrolled.
+ * Uses Base UI utilities for optimal performance and stability.
  *
  * @param value - The controlled value
  * @param onChange - Callback when the value changes

package/dist/components/hooks/useControlledState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useControlledState.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useControlledState.ts"],"names":[],"mappings":"AAOA;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,CAAC,SAAS,OAAO,EAAE,GAAG,EAAE,EAC5D,KAAK,CAAC,EAAE,CAAC,EACT,QAAQ,CAAC,EACL,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,GAAG,EAAE,KAAK,IAAI,CAAC,GACrC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,EAC3C,YAAY,CAAC,EAAE,CAAC,GACf;IACD,CAAC,GAAG,SAAS;IACb,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,SAAS,KAAK,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,GAAG,EAAE,KAAK,IAAI;CACnE,CAkDA"}
+{"version":3,"file":"useControlledState.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useControlledState.ts"],"names":[],"mappings":"AAQA;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,CAAC,SAAS,OAAO,EAAE,GAAG,EAAE,EAC5D,KAAK,CAAC,EAAE,CAAC,EACT,QAAQ,CAAC,EACL,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,GAAG,EAAE,KAAK,IAAI,CAAC,GACrC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,EAC3C,YAAY,CAAC,EAAE,CAAC,GACf;IACD,CAAC,GAAG,SAAS;IACb,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,SAAS,KAAK,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,GAAG,EAAE,KAAK,IAAI;CACnE,CA+CA"}

package/dist/components/hooks/useControlledState.js

@@ -1,23 +1,23 @@
 "use client";
-import { useState as a, useCallback as d } from "react";
-function m(l, t, c) {
-  const [r, f] = a(
-    c
-  ), e = l !== void 0, o = e ? l : r, n = d(
-    function(s, ...u) {
-      const i = typeof s == "function" ? s(o) : s;
-      e || f(i), t && typeof t == "function" && (t.length > 1 ? t(
-        i,
-        ...u
-      ) : t(
-        i
-      ));
+import { useState as S, useRef as l, useCallback as m } from "react";
+import { useStableCallback as p } from "@base-ui/utils/useStableCallback";
+function O(s, a, i) {
+  const [f, C] = S(
+    i
+  ), t = s !== void 0, e = t ? s : f, n = l(e);
+  n.current = e;
+  const u = l(t);
+  u.current = t;
+  const r = p(a), b = m(
+    (o, ...d) => {
+      const c = typeof o == "function" ? o(n.current) : o;
+      Object.is(c, n.current) || (u.current || C(c), r && r(c, ...d));
     },
-    [e, t, o]
+    [r]
   );
-  return [o, n];
+  return [e, b];
 }
 export {
-  m as useControlledState
+  O as useControlledState
 };
 //# sourceMappingURL=useControlledState.js.map

package/dist/components/hooks/useControlledState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useControlledState.js","sources":["../../../src/components/hooks/useControlledState.ts"],"sourcesContent":["\"use client\";\nimport { useCallback, useState } from \"react\";\n\n// Ref:\n// https://github.com/adobe/react-spectrum/blob/main/packages/%40react-stately/utils/src/useControlledState.ts\n// https://github.com/chakra-ui/chakra-ui/tree/main/packages/hooks/use-controllable-state\n\n/**\n * A hook that manages state that can be either controlled or uncontrolled.\n *\n * @param value - The controlled value\n * @param onChange - Callback when the value changes\n * @param defaultValue - Default value for uncontrolled state\n * @returns [currentValue, setValue] - Current value and setter function\n */\nexport function useControlledState<T, K extends unknown[] = []>(\n  value?: T,\n  onChange?:\n    | ((value: T, ...args: K | []) => void)\n    | React.Dispatch<React.SetStateAction<T>>,\n  defaultValue?: T\n): [\n  T | undefined,\n  (value: T | ((prev: T | undefined) => T), ...args: K | []) => void\n] {\n  const [internalState, setInternalState] = useState<T | undefined>(\n    defaultValue\n  );\n\n  const isControlled = value !== undefined;\n  const currentValue = isControlled ? value : internalState;\n\n  // This is a generic setter function that works with both controlled and uncontrolled modes\n  // and preserves the ability to pass additional arguments to the onChange handler\n  const setValue = useCallback(\n    function setValue(\n      nextValue: T | ((prev: T | undefined) => T),\n      ...args: K | []\n    ): void {\n      // If nextValue is a function, call it with the current value\n      const resolvedValue =\n        typeof nextValue === \"function\"\n          ? (nextValue as (prev: T | undefined) => T)(currentValue)\n          : nextValue;\n\n      // Only update internal state if we're not controlled\n      if (!isControlled) {\n        setInternalState(resolvedValue);\n      }\n\n      // Call onChange if provided\n      if (onChange) {\n        if (typeof onChange === \"function\") {\n          // Check if onChange is the multi-argument form\n          if (onChange.length > 1) {\n            // It's the form: (value: T, ...args: K) => void\n            // Use a type assertion to handle the variable arguments\n            (onChange as (value: T, ...args: K) => void)(\n              resolvedValue,\n              ...(args as K)\n            );\n          } else {\n            // It's the React.Dispatch form or a simple (value: T) => void\n            (onChange as React.Dispatch<React.SetStateAction<T>>)(\n              resolvedValue\n            );\n          }\n        }\n      }\n    },\n    [isControlled, onChange, currentValue]\n  );\n\n  return [currentValue, setValue];\n}\n"],"names":["useControlledState","value","onChange","defaultValue","internalState","setInternalState","useState","isControlled","currentValue","setValue","useCallback","nextValue","args","resolvedValue"],"mappings":";;AAeO,SAASA,EACdC,GACAC,GAGAC,GAIA;AACA,QAAM,CAACC,GAAeC,CAAgB,IAAIC;AAAA,IACxCH;AAAA,EAAA,GAGII,IAAeN,MAAU,QACzBO,IAAeD,IAAeN,IAAQG,GAItCK,IAAWC;AAAA,IACf,SACEC,MACGC,GACG;AAEN,YAAMC,IACJ,OAAOF,KAAc,aAChBA,EAAyCH,CAAY,IACtDG;AAGN,MAAKJ,KACHF,EAAiBQ,CAAa,GAI5BX,KACE,OAAOA,KAAa,eAElBA,EAAS,SAAS,IAGnBA;AAAA,QACCW;AAAA,QACA,GAAID;AAAA,MAAA,IAILV;AAAA,QACCW;AAAA,MAAA;AAAA,IAKV;AAAA,IACA,CAACN,GAAcL,GAAUM,CAAY;AAAA,EAAA;AAGvC,SAAO,CAACA,GAAcC,CAAQ;AAChC;"}
+{"version":3,"file":"useControlledState.js","sources":["../../../src/components/hooks/useControlledState.ts"],"sourcesContent":["\"use client\";\nimport { useCallback, useRef, useState } from \"react\";\nimport { useStableCallback } from \"@base-ui/utils/useStableCallback\";\n\n// Ref:\n// https://github.com/adobe/react-spectrum/blob/main/packages/%40react-stately/utils/src/useControlledState.ts\n// https://github.com/chakra-ui/chakra-ui/tree/main/packages/hooks/use-controllable-state\n\n/**\n * A hook that manages state that can be either controlled or uncontrolled.\n * Uses Base UI utilities for optimal performance and stability.\n *\n * @param value - The controlled value\n * @param onChange - Callback when the value changes\n * @param defaultValue - Default value for uncontrolled state\n * @returns [currentValue, setValue] - Current value and setter function\n */\nexport function useControlledState<T, K extends unknown[] = []>(\n  value?: T,\n  onChange?:\n    | ((value: T, ...args: K | []) => void)\n    | React.Dispatch<React.SetStateAction<T>>,\n  defaultValue?: T\n): [\n  T | undefined,\n  (value: T | ((prev: T | undefined) => T), ...args: K | []) => void\n] {\n  const [internalState, setInternalState] = useState<T | undefined>(\n    defaultValue\n  );\n\n  const isControlled = value !== undefined;\n  const currentValue = isControlled ? value : internalState;\n\n  // Use regular refs and update them during render\n  // This is safe for refs and allows synchronous updates to prevent timing issues\n  const currentValueRef = useRef(currentValue);\n  currentValueRef.current = currentValue;\n\n  const isControlledRef = useRef(isControlled);\n  isControlledRef.current = isControlled;\n\n  // Stabilize onChange to prevent re-renders\n  const stableOnChange = useStableCallback(onChange);\n\n  // FULLY STABLE setValue - uses refs to access current state without re-creation\n  const setValue = useCallback(\n    (nextValue: T | ((prev: T | undefined) => T), ...args: K | []) => {\n      // Resolve the value using ref (avoids stale closure)\n      const resolvedValue =\n        typeof nextValue === \"function\"\n          ? (nextValue as (prev: T | undefined) => T)(currentValueRef.current)\n          : nextValue;\n\n      // Only update if value actually changed (prevent unnecessary updates)\n      if (Object.is(resolvedValue, currentValueRef.current)) {\n        return; // No change, skip update\n      }\n\n      // Only update internal state if we're not controlled\n      if (!isControlledRef.current) {\n        setInternalState(resolvedValue);\n      }\n\n      // Call onChange with the resolved value\n      if (stableOnChange) {\n        stableOnChange(resolvedValue, ...args);\n      }\n    },\n    [stableOnChange]\n  );\n\n  return [currentValue, setValue];\n}\n"],"names":["useControlledState","value","onChange","defaultValue","internalState","setInternalState","useState","isControlled","currentValue","currentValueRef","useRef","isControlledRef","stableOnChange","useStableCallback","setValue","useCallback","nextValue","args","resolvedValue"],"mappings":";;;AAiBO,SAASA,EACdC,GACAC,GAGAC,GAIA;AACA,QAAM,CAACC,GAAeC,CAAgB,IAAIC;AAAA,IACxCH;AAAA,EAAA,GAGII,IAAeN,MAAU,QACzBO,IAAeD,IAAeN,IAAQG,GAItCK,IAAkBC,EAAOF,CAAY;AAC3C,EAAAC,EAAgB,UAAUD;AAE1B,QAAMG,IAAkBD,EAAOH,CAAY;AAC3C,EAAAI,EAAgB,UAAUJ;AAG1B,QAAMK,IAAiBC,EAAkBX,CAAQ,GAG3CY,IAAWC;AAAA,IACf,CAACC,MAAgDC,MAAiB;AAEhE,YAAMC,IACJ,OAAOF,KAAc,aAChBA,EAAyCP,EAAgB,OAAO,IACjEO;AAGN,MAAI,OAAO,GAAGE,GAAeT,EAAgB,OAAO,MAK/CE,EAAgB,WACnBN,EAAiBa,CAAa,GAI5BN,KACFA,EAAeM,GAAe,GAAGD,CAAI;AAAA,IAEzC;AAAA,IACA,CAACL,CAAc;AAAA,EAAA;AAGjB,SAAO,CAACJ,GAAcM,CAAQ;AAChC;"}

package/dist/components/hooks/useTransitionStatus.js

@@ -1,8 +1,8 @@
 "use client";
 import * as c from "react";
 import * as m from "react-dom";
-import { useIsoLayoutEffect as e } from "@base-ui-components/utils/useIsoLayoutEffect";
-import { AnimationFrame as u } from "@base-ui-components/utils/useAnimationFrame";
+import { useIsoLayoutEffect as e } from "@base-ui/utils/useIsoLayoutEffect";
+import { AnimationFrame as u } from "@base-ui/utils/useAnimationFrame";
 function g(t, n = !1, f = !1) {
   const [r, s] = c.useState(
     t && n ? "idle" : void 0

package/dist/components/hooks/useTransitionStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTransitionStatus.js","sources":["../../../src/components/hooks/useTransitionStatus.ts"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { useIsoLayoutEffect } from \"@base-ui-components/utils/useIsoLayoutEffect\";\nimport { AnimationFrame } from \"@base-ui-components/utils/useAnimationFrame\";\n\nexport type TransitionStatus = \"starting\" | \"ending\" | \"idle\" | undefined;\n\n/**\n * Provides a status string for CSS animations.\n * @param open - a boolean that determines if the element is open.\n * @param enableIdleState - a boolean that enables the `'idle'` state between `'starting'` and `'ending'`\n */\nexport function useTransitionStatus(\n  open: boolean,\n  enableIdleState: boolean = false,\n  deferEndingState: boolean = false\n) {\n  const [transitionStatus, setTransitionStatus] =\n    React.useState<TransitionStatus>(\n      open && enableIdleState ? \"idle\" : undefined\n    );\n  const [mounted, setMounted] = React.useState(open);\n\n  if (open && !mounted) {\n    setMounted(true);\n    setTransitionStatus(\"starting\");\n  }\n\n  if (!open && mounted && transitionStatus !== \"ending\" && !deferEndingState) {\n    setTransitionStatus(\"ending\");\n  }\n\n  if (!open && !mounted && transitionStatus === \"ending\") {\n    setTransitionStatus(undefined);\n  }\n\n  useIsoLayoutEffect(() => {\n    if (!open && mounted && transitionStatus !== \"ending\" && deferEndingState) {\n      const frame = AnimationFrame.request(() => {\n        setTransitionStatus(\"ending\");\n      });\n\n      return () => {\n        AnimationFrame.cancel(frame);\n      };\n    }\n\n    return undefined;\n  }, [open, mounted, transitionStatus, deferEndingState]);\n\n  useIsoLayoutEffect(() => {\n    if (!open || enableIdleState) {\n      return undefined;\n    }\n\n    const frame = AnimationFrame.request(() => {\n      ReactDOM.flushSync(() => {\n        setTransitionStatus(undefined);\n      });\n    });\n\n    return () => {\n      AnimationFrame.cancel(frame);\n    };\n  }, [enableIdleState, open]);\n\n  useIsoLayoutEffect(() => {\n    if (!open || !enableIdleState) {\n      return undefined;\n    }\n\n    if (open && mounted && transitionStatus !== \"idle\") {\n      setTransitionStatus(\"starting\");\n    }\n\n    const frame = AnimationFrame.request(() => {\n      setTransitionStatus(\"idle\");\n    });\n\n    return () => {\n      AnimationFrame.cancel(frame);\n    };\n  }, [enableIdleState, open, mounted, setTransitionStatus, transitionStatus]);\n\n  return React.useMemo(\n    () => ({\n      mounted,\n      setMounted,\n      transitionStatus,\n    }),\n    [mounted, transitionStatus]\n  );\n}\n"],"names":["useTransitionStatus","open","enableIdleState","deferEndingState","transitionStatus","setTransitionStatus","React","mounted","setMounted","useIsoLayoutEffect","frame","AnimationFrame","ReactDOM"],"mappings":";;;;;AAaO,SAASA,EACdC,GACAC,IAA2B,IAC3BC,IAA4B,IAC5B;AACA,QAAM,CAACC,GAAkBC,CAAmB,IAC1CC,EAAM;AAAA,IACJL,KAAQC,IAAkB,SAAS;AAAA,EAAA,GAEjC,CAACK,GAASC,CAAU,IAAIF,EAAM,SAASL,CAAI;AAEjD,SAAIA,KAAQ,CAACM,MACXC,EAAW,EAAI,GACfH,EAAoB,UAAU,IAG5B,CAACJ,KAAQM,KAAWH,MAAqB,YAAY,CAACD,KACxDE,EAAoB,QAAQ,GAG1B,CAACJ,KAAQ,CAACM,KAAWH,MAAqB,YAC5CC,EAAoB,MAAS,GAG/BI,EAAmB,MAAM;AACvB,QAAI,CAACR,KAAQM,KAAWH,MAAqB,YAAYD,GAAkB;AACzE,YAAMO,IAAQC,EAAe,QAAQ,MAAM;AACzC,QAAAN,EAAoB,QAAQ;AAAA,MAC9B,CAAC;AAED,aAAO,MAAM;AACX,QAAAM,EAAe,OAAOD,CAAK;AAAA,MAC7B;AAAA,IACF;AAAA,EAGF,GAAG,CAACT,GAAMM,GAASH,GAAkBD,CAAgB,CAAC,GAEtDM,EAAmB,MAAM;AACvB,QAAI,CAACR,KAAQC;AACX;AAGF,UAAMQ,IAAQC,EAAe,QAAQ,MAAM;AACzC,MAAAC,EAAS,UAAU,MAAM;AACvB,QAAAP,EAAoB,MAAS;AAAA,MAC/B,CAAC;AAAA,IACH,CAAC;AAED,WAAO,MAAM;AACX,MAAAM,EAAe,OAAOD,CAAK;AAAA,IAC7B;AAAA,EACF,GAAG,CAACR,GAAiBD,CAAI,CAAC,GAE1BQ,EAAmB,MAAM;AACvB,QAAI,CAACR,KAAQ,CAACC;AACZ;AAGF,IAAID,KAAQM,KAAWH,MAAqB,UAC1CC,EAAoB,UAAU;AAGhC,UAAMK,IAAQC,EAAe,QAAQ,MAAM;AACzC,MAAAN,EAAoB,MAAM;AAAA,IAC5B,CAAC;AAED,WAAO,MAAM;AACX,MAAAM,EAAe,OAAOD,CAAK;AAAA,IAC7B;AAAA,EACF,GAAG,CAACR,GAAiBD,GAAMM,GAASF,GAAqBD,CAAgB,CAAC,GAEnEE,EAAM;AAAA,IACX,OAAO;AAAA,MACL,SAAAC;AAAA,MACA,YAAAC;AAAA,MACA,kBAAAJ;AAAA,IAAA;AAAA,IAEF,CAACG,GAASH,CAAgB;AAAA,EAAA;AAE9B;"}
+{"version":3,"file":"useTransitionStatus.js","sources":["../../../src/components/hooks/useTransitionStatus.ts"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { useIsoLayoutEffect } from \"@base-ui/utils/useIsoLayoutEffect\";\nimport { AnimationFrame } from \"@base-ui/utils/useAnimationFrame\";\n\nexport type TransitionStatus = \"starting\" | \"ending\" | \"idle\" | undefined;\n\n/**\n * Provides a status string for CSS animations.\n * @param open - a boolean that determines if the element is open.\n * @param enableIdleState - a boolean that enables the `'idle'` state between `'starting'` and `'ending'`\n */\nexport function useTransitionStatus(\n  open: boolean,\n  enableIdleState: boolean = false,\n  deferEndingState: boolean = false\n) {\n  const [transitionStatus, setTransitionStatus] =\n    React.useState<TransitionStatus>(\n      open && enableIdleState ? \"idle\" : undefined\n    );\n  const [mounted, setMounted] = React.useState(open);\n\n  if (open && !mounted) {\n    setMounted(true);\n    setTransitionStatus(\"starting\");\n  }\n\n  if (!open && mounted && transitionStatus !== \"ending\" && !deferEndingState) {\n    setTransitionStatus(\"ending\");\n  }\n\n  if (!open && !mounted && transitionStatus === \"ending\") {\n    setTransitionStatus(undefined);\n  }\n\n  useIsoLayoutEffect(() => {\n    if (!open && mounted && transitionStatus !== \"ending\" && deferEndingState) {\n      const frame = AnimationFrame.request(() => {\n        setTransitionStatus(\"ending\");\n      });\n\n      return () => {\n        AnimationFrame.cancel(frame);\n      };\n    }\n\n    return undefined;\n  }, [open, mounted, transitionStatus, deferEndingState]);\n\n  useIsoLayoutEffect(() => {\n    if (!open || enableIdleState) {\n      return undefined;\n    }\n\n    const frame = AnimationFrame.request(() => {\n      ReactDOM.flushSync(() => {\n        setTransitionStatus(undefined);\n      });\n    });\n\n    return () => {\n      AnimationFrame.cancel(frame);\n    };\n  }, [enableIdleState, open]);\n\n  useIsoLayoutEffect(() => {\n    if (!open || !enableIdleState) {\n      return undefined;\n    }\n\n    if (open && mounted && transitionStatus !== \"idle\") {\n      setTransitionStatus(\"starting\");\n    }\n\n    const frame = AnimationFrame.request(() => {\n      setTransitionStatus(\"idle\");\n    });\n\n    return () => {\n      AnimationFrame.cancel(frame);\n    };\n  }, [enableIdleState, open, mounted, setTransitionStatus, transitionStatus]);\n\n  return React.useMemo(\n    () => ({\n      mounted,\n      setMounted,\n      transitionStatus,\n    }),\n    [mounted, transitionStatus]\n  );\n}\n"],"names":["useTransitionStatus","open","enableIdleState","deferEndingState","transitionStatus","setTransitionStatus","React","mounted","setMounted","useIsoLayoutEffect","frame","AnimationFrame","ReactDOM"],"mappings":";;;;;AAaO,SAASA,EACdC,GACAC,IAA2B,IAC3BC,IAA4B,IAC5B;AACA,QAAM,CAACC,GAAkBC,CAAmB,IAC1CC,EAAM;AAAA,IACJL,KAAQC,IAAkB,SAAS;AAAA,EAAA,GAEjC,CAACK,GAASC,CAAU,IAAIF,EAAM,SAASL,CAAI;AAEjD,SAAIA,KAAQ,CAACM,MACXC,EAAW,EAAI,GACfH,EAAoB,UAAU,IAG5B,CAACJ,KAAQM,KAAWH,MAAqB,YAAY,CAACD,KACxDE,EAAoB,QAAQ,GAG1B,CAACJ,KAAQ,CAACM,KAAWH,MAAqB,YAC5CC,EAAoB,MAAS,GAG/BI,EAAmB,MAAM;AACvB,QAAI,CAACR,KAAQM,KAAWH,MAAqB,YAAYD,GAAkB;AACzE,YAAMO,IAAQC,EAAe,QAAQ,MAAM;AACzC,QAAAN,EAAoB,QAAQ;AAAA,MAC9B,CAAC;AAED,aAAO,MAAM;AACX,QAAAM,EAAe,OAAOD,CAAK;AAAA,MAC7B;AAAA,IACF;AAAA,EAGF,GAAG,CAACT,GAAMM,GAASH,GAAkBD,CAAgB,CAAC,GAEtDM,EAAmB,MAAM;AACvB,QAAI,CAACR,KAAQC;AACX;AAGF,UAAMQ,IAAQC,EAAe,QAAQ,MAAM;AACzC,MAAAC,EAAS,UAAU,MAAM;AACvB,QAAAP,EAAoB,MAAS;AAAA,MAC/B,CAAC;AAAA,IACH,CAAC;AAED,WAAO,MAAM;AACX,MAAAM,EAAe,OAAOD,CAAK;AAAA,IAC7B;AAAA,EACF,GAAG,CAACR,GAAiBD,CAAI,CAAC,GAE1BQ,EAAmB,MAAM;AACvB,QAAI,CAACR,KAAQ,CAACC;AACZ;AAGF,IAAID,KAAQM,KAAWH,MAAqB,UAC1CC,EAAoB,UAAU;AAGhC,UAAMK,IAAQC,EAAe,QAAQ,MAAM;AACzC,MAAAN,EAAoB,MAAM;AAAA,IAC5B,CAAC;AAED,WAAO,MAAM;AACX,MAAAM,EAAe,OAAOD,CAAK;AAAA,IAC7B;AAAA,EACF,GAAG,CAACR,GAAiBD,GAAMM,GAASF,GAAqBD,CAAgB,CAAC,GAEnEE,EAAM;AAAA,IACX,OAAO;AAAA,MACL,SAAAC;AAAA,MACA,YAAAC;AAAA,MACA,kBAAAJ;AAAA,IAAA;AAAA,IAEF,CAACG,GAASH,CAAgB;AAAA,EAAA;AAE9B;"}

package/dist/components/icon-button/style.css

@@ -1 +1 @@
-@layer components{.ds-icon-button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;cursor:pointer;background-color:transparent;color:var(--ds-color-icon);transition:all .2s}.ds-icon-button:hover{background-color:var(--ds-color-fill-secondary);color:var(--ds-color-icon-hover)}.ds-icon-button:active,.ds-icon-button.ds-icon-button-active,.ds-icon-button.ds-popover-open{background-color:var(--ds-color-primary-bg);color:var(--ds-color-primary)}.ds-icon-button:focus{outline:none}.ds-icon-button:focus-visible{outline:var(--ds-line-width-focus) solid var(--ds-color-primary-border);outline-offset:1px;transition:outline-offset 0s,outline 0s}.ds-icon-button:disabled{cursor:not-allowed;pointer-events:none;color:var(--ds-color-text-disabled)}.ds-icon-button.ds-icon-button-medium{padding:.25rem;font-size:1.25rem;height:1.75rem;width:1.75rem}.ds-icon-button.ds-icon-button-medium.ds-icon-button-negative-margin{margin:-.25rem}.ds-icon-button.ds-icon-button-small{padding:.25rem;font-size:1rem;height:1.5rem;width:1.5rem}.ds-icon-button.ds-icon-button-small.ds-icon-button-negative-margin{margin:-.25rem}.ds-icon-button .ds-spin{font-size:.8em;line-height:1;display:flex;align-items:center;justify-content:center}}
+@layer components{.ds-icon-button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;cursor:pointer;background-color:transparent;color:var(--ds-color-icon);transition:all .2s}.ds-icon-button:hover{background-color:var(--ds-color-fill-secondary);color:var(--ds-color-icon-hover)}.ds-icon-button:active,.ds-icon-button[data-pressed],.ds-icon-button.ds-icon-button-active,.ds-icon-button.ds-popover-open{background-color:var(--ds-color-primary-bg);color:var(--ds-color-primary)}.ds-icon-button:focus{outline:none}.ds-icon-button:focus-visible{outline:var(--ds-line-width-focus) solid var(--ds-color-primary-border);outline-offset:1px;transition:outline-offset 0s,outline 0s}.ds-icon-button:disabled{cursor:not-allowed;pointer-events:none;color:var(--ds-color-text-disabled)}.ds-icon-button.ds-icon-button-medium{padding:.25rem;font-size:1.25rem;height:1.75rem;width:1.75rem}.ds-icon-button.ds-icon-button-medium.ds-icon-button-negative-margin{margin:-.25rem}.ds-icon-button.ds-icon-button-small{padding:.25rem;font-size:1rem;height:1.5rem;width:1.5rem}.ds-icon-button.ds-icon-button-small.ds-icon-button-negative-margin{margin:-.25rem}.ds-icon-button .ds-spin{font-size:.8em;line-height:1;display:flex;align-items:center;justify-content:center}}

package/dist/components/nav/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/nav/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,YAAY,EAAE,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAc,eAAe,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,EAAY,aAAa,EAAE,MAAM,SAAS,CAAC;AAElD,OAAO,aAAa,CAAC;AAErB,eAAO,MAAM,GAAG;;WAO62D,CAAC,EAAC,MAAO,GAAG;qJAAh9B,MAAO,GAAG;;;CAHl8B,CAAC;AAEF,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/nav/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,YAAY,EAAE,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAc,eAAe,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,EAAY,aAAa,EAAE,MAAM,SAAS,CAAC;AAElD,OAAO,aAAa,CAAC;AAErB,eAAO,MAAM,GAAG;;WAOk2D,CAAC;;;;CAHl3D,CAAC;AAEF,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/nav/item.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { useRender } from '@base-ui-components/react/use-render';
+import { useRender } from '@base-ui/react/use-render';
 export interface NavItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * The icon to display in the nav item

package/dist/components/nav/item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/nav/item.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAEnE,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAEjE,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC;QAC5B,MAAM,EAAE,OAAO,CAAC;QAChB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACxB,CAAC,CAAC;IACH;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAUD,QAAA,MAAM,WAAW,GAAI,CAAC,SAAS,WAAW,EACxC,kFAQG,YAAY,EACf,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAgClB,CAAC;AAEF,QAAA,MAAM,OAAO,EAA8B,CAAC,CAAC,SAAS,WAAW,EAC/D,KAAK,EAAE,YAAY,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;CAAE,KACzC,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/nav/item.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAEnE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC;QAC5B,MAAM,EAAE,OAAO,CAAC;QAChB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACxB,CAAC,CAAC;IACH;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAUD,QAAA,MAAM,WAAW,GAAI,CAAC,SAAS,WAAW,EACxC,kFAQG,YAAY,EACf,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAgClB,CAAC;AAEF,QAAA,MAAM,OAAO,EAA8B,CAAC,CAAC,SAAS,WAAW,EAC/D,KAAK,EAAE,YAAY,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;CAAE,KACzC,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/nav/item.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as f, Fragment as c, jsx as n } from "react/jsx-runtime";
 import u, { forwardRef as N, useMemo as x, isValidElement as v } from "react";
-import { useRender as h } from "@base-ui-components/react/use-render";
+import { useRender as h } from "@base-ui/react/use-render";
 import { useCls as I } from "../utils/antdUtils.js";
 import { clsx as R } from "../utils/cn.js";
 const g = (e) => v(e), j = ({

package/dist/components/nav/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../src/components/nav/item.tsx"],"sourcesContent":["\"use client\";\nimport React, { forwardRef, isValidElement, useMemo } from \"react\";\nimport { clsx, useCls } from \"../utils\";\nimport { useRender } from \"@base-ui-components/react/use-render\";\n\nexport interface NavItemProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * The icon to display in the nav item\n   */\n  icon?: React.ReactNode;\n  /**\n   * Whether the nav item is active\n   */\n  active?: boolean;\n  /**\n   * The render prop to render the nav item\n   */\n  render?: useRender.RenderProp<{\n    active: boolean;\n    icon?: React.ReactNode;\n  }>;\n  /**\n   * The size of the nav item\n   * @default \"medium\"\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n  /**\n   * Whether to change the icon weight on active state\n   * @default true\n   */\n  changeIconWeightOnActive?: boolean;\n}\n\n// Define a type for elements that can have a weight prop\ntype ElementWithWeight = React.ReactElement<{ weight?: string }>;\n\n// Type guard to check if an element can accept a weight prop\nconst canHaveWeightProp = (el: React.ReactNode): el is ElementWithWeight => {\n  return isValidElement(el);\n};\n\nconst NavItemImpl = <T extends HTMLElement>(\n  {\n    icon,\n    active = false,\n    render,\n    className,\n    children,\n    changeIconWeightOnActive = true,\n    ...rest\n  }: NavItemProps,\n  ref: React.Ref<T>\n) => {\n  const cls = useCls();\n\n  // Apply weight prop only if the element can accept it\n  const renderedIcon = useMemo(() => {\n    if (!changeIconWeightOnActive || !active || !canHaveWeightProp(icon)) {\n      return icon;\n    }\n    return React.cloneElement(icon, { weight: \"fill\" });\n  }, [icon, changeIconWeightOnActive, active]);\n\n  const finalClassName = clsx(cls(\"nav-item\"), className);\n\n  return useRender({\n    render,\n    ref,\n    defaultTagName: \"button\",\n    props: {\n      \"data-active\": active || undefined,\n      \"aria-expanded\": rest[\"aria-expanded\"],\n      className: finalClassName,\n      children: (\n        <>\n          <span className={cls(\"nav-item-icon\")}>{renderedIcon}</span>\n          <span className={cls(\"nav-item-content\")}>{children}</span>\n        </>\n      ),\n      ...rest,\n    },\n    state: { active, icon },\n  });\n};\n\nconst NavItem = forwardRef(NavItemImpl) as <T extends HTMLElement>(\n  props: NavItemProps & { ref?: React.Ref<T> }\n) => ReturnType<typeof NavItemImpl>;\n\nexport { NavItem };\n"],"names":["canHaveWeightProp","el","isValidElement","NavItemImpl","icon","active","render","className","children","changeIconWeightOnActive","rest","ref","cls","useCls","renderedIcon","useMemo","React","finalClassName","clsx","useRender","jsxs","Fragment","jsx","NavItem","forwardRef"],"mappings":";;;;;;AAsCA,MAAMA,IAAoB,CAACC,MAClBC,EAAeD,CAAE,GAGpBE,IAAc,CAClB;AAAA,EACE,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,0BAAAC,IAA2B;AAAA,EAC3B,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAMC,EAAA,GAGNC,IAAeC,EAAQ,MACvB,CAACN,KAA4B,CAACJ,KAAU,CAACL,EAAkBI,CAAI,IAC1DA,IAEFY,EAAM,aAAaZ,GAAM,EAAE,QAAQ,QAAQ,GACjD,CAACA,GAAMK,GAA0BJ,CAAM,CAAC,GAErCY,IAAiBC,EAAKN,EAAI,UAAU,GAAGL,CAAS;AAEtD,SAAOY,EAAU;AAAA,IACf,QAAAb;AAAA,IACA,KAAAK;AAAA,IACA,gBAAgB;AAAA,IAChB,OAAO;AAAA,MACL,eAAeN,KAAU;AAAA,MACzB,iBAAiBK,EAAK,eAAe;AAAA,MACrC,WAAWO;AAAA,MACX,UACE,gBAAAG,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWV,EAAI,eAAe,GAAI,UAAAE,GAAa;AAAA,0BACpD,QAAA,EAAK,WAAWF,EAAI,kBAAkB,GAAI,UAAAJ,EAAA,CAAS;AAAA,MAAA,GACtD;AAAA,MAEF,GAAGE;AAAA,IAAA;AAAA,IAEL,OAAO,EAAE,QAAAL,GAAQ,MAAAD,EAAA;AAAA,EAAK,CACvB;AACH,GAEMmB,IAAUC,EAAWrB,CAAW;"}
+{"version":3,"file":"item.js","sources":["../../../src/components/nav/item.tsx"],"sourcesContent":["\"use client\";\nimport React, { forwardRef, isValidElement, useMemo } from \"react\";\nimport { clsx, useCls } from \"../utils\";\nimport { useRender } from \"@base-ui/react/use-render\";\n\nexport interface NavItemProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * The icon to display in the nav item\n   */\n  icon?: React.ReactNode;\n  /**\n   * Whether the nav item is active\n   */\n  active?: boolean;\n  /**\n   * The render prop to render the nav item\n   */\n  render?: useRender.RenderProp<{\n    active: boolean;\n    icon?: React.ReactNode;\n  }>;\n  /**\n   * The size of the nav item\n   * @default \"medium\"\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n  /**\n   * Whether to change the icon weight on active state\n   * @default true\n   */\n  changeIconWeightOnActive?: boolean;\n}\n\n// Define a type for elements that can have a weight prop\ntype ElementWithWeight = React.ReactElement<{ weight?: string }>;\n\n// Type guard to check if an element can accept a weight prop\nconst canHaveWeightProp = (el: React.ReactNode): el is ElementWithWeight => {\n  return isValidElement(el);\n};\n\nconst NavItemImpl = <T extends HTMLElement>(\n  {\n    icon,\n    active = false,\n    render,\n    className,\n    children,\n    changeIconWeightOnActive = true,\n    ...rest\n  }: NavItemProps,\n  ref: React.Ref<T>\n) => {\n  const cls = useCls();\n\n  // Apply weight prop only if the element can accept it\n  const renderedIcon = useMemo(() => {\n    if (!changeIconWeightOnActive || !active || !canHaveWeightProp(icon)) {\n      return icon;\n    }\n    return React.cloneElement(icon, { weight: \"fill\" });\n  }, [icon, changeIconWeightOnActive, active]);\n\n  const finalClassName = clsx(cls(\"nav-item\"), className);\n\n  return useRender({\n    render,\n    ref,\n    defaultTagName: \"button\",\n    props: {\n      \"data-active\": active || undefined,\n      \"aria-expanded\": rest[\"aria-expanded\"],\n      className: finalClassName,\n      children: (\n        <>\n          <span className={cls(\"nav-item-icon\")}>{renderedIcon}</span>\n          <span className={cls(\"nav-item-content\")}>{children}</span>\n        </>\n      ),\n      ...rest,\n    },\n    state: { active, icon },\n  });\n};\n\nconst NavItem = forwardRef(NavItemImpl) as <T extends HTMLElement>(\n  props: NavItemProps & { ref?: React.Ref<T> }\n) => ReturnType<typeof NavItemImpl>;\n\nexport { NavItem };\n"],"names":["canHaveWeightProp","el","isValidElement","NavItemImpl","icon","active","render","className","children","changeIconWeightOnActive","rest","ref","cls","useCls","renderedIcon","useMemo","React","finalClassName","clsx","useRender","jsxs","Fragment","jsx","NavItem","forwardRef"],"mappings":";;;;;;AAsCA,MAAMA,IAAoB,CAACC,MAClBC,EAAeD,CAAE,GAGpBE,IAAc,CAClB;AAAA,EACE,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,0BAAAC,IAA2B;AAAA,EAC3B,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAMC,EAAA,GAGNC,IAAeC,EAAQ,MACvB,CAACN,KAA4B,CAACJ,KAAU,CAACL,EAAkBI,CAAI,IAC1DA,IAEFY,EAAM,aAAaZ,GAAM,EAAE,QAAQ,QAAQ,GACjD,CAACA,GAAMK,GAA0BJ,CAAM,CAAC,GAErCY,IAAiBC,EAAKN,EAAI,UAAU,GAAGL,CAAS;AAEtD,SAAOY,EAAU;AAAA,IACf,QAAAb;AAAA,IACA,KAAAK;AAAA,IACA,gBAAgB;AAAA,IAChB,OAAO;AAAA,MACL,eAAeN,KAAU;AAAA,MACzB,iBAAiBK,EAAK,eAAe;AAAA,MACrC,WAAWO;AAAA,MACX,UACE,gBAAAG,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWV,EAAI,eAAe,GAAI,UAAAE,GAAa;AAAA,0BACpD,QAAA,EAAK,WAAWF,EAAI,kBAAkB,GAAI,UAAAJ,EAAA,CAAS;AAAA,MAAA,GACtD;AAAA,MAEF,GAAGE;AAAA,IAAA;AAAA,IAEL,OAAO,EAAE,QAAAL,GAAQ,MAAAD,EAAA;AAAA,EAAK,CACvB;AACH,GAEMmB,IAAUC,EAAWrB,CAAW;"}

package/dist/components/popup-panel/component.d.ts

@@ -1,11 +1,11 @@
-import { Popover } from '@base-ui-components/react/popover';
-import { PopoverProps } from 'antd/es/popover';
+import { Popover } from '@base-ui/react/popover';
 import { PopupPanelSize } from './constants';
+export type PopupPanelPlacement = "top" | "left" | "right" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
 export interface PopupPanelProps extends Omit<React.ComponentPropsWithRef<"div">, "title" | "content" | "children">, Omit<Popover.Root.Props, "children"> {
     /** The trigger element that opens the popup panel */
     children?: React.ComponentProps<typeof Popover.Trigger>["render"];
     /** Placement of the popup panel relative to its trigger */
-    placement?: PopoverProps["placement"];
+    placement?: PopupPanelPlacement;
     /** Whether to open the popup panel on hover */
     openOnHover?: boolean;
     /** Controls the open state of the popup panel */
@@ -94,7 +94,7 @@ export interface PopupPanelProps extends Omit<React.ComponentPropsWithRef<"div">
     /**
      * Callback function when the placement changes
      */
-    onPlacementChange?: (placement: PopoverProps["placement"]) => void;
+    onPlacementChange?: (placement: PopupPanelPlacement) => void;
     /**
      * Props to pass to the positioner
      */

package/dist/components/popup-panel/component.d.ts.map

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