@fluentui/react-utilities 9.26.4 → 9.26.6

package/lib-commonjs/compose/deprecated/{getSlots.js → getSlots.cjs}

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "getSlots", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _omit = require("../../utils/omit");
-const _isSlot = require("../isSlot");
-const _constants = require("../constants");
+const _omit = require("../../utils/omit.cjs");
+const _isSlot = require("../isSlot.cjs");
+const _constants = require("../constants.cjs");
 function getSlots(state) {
     const typeState = state;
     // eslint-disable-next-line @typescript-eslint/no-deprecated

package/lib-commonjs/compose/deprecated/{resolveShorthand.js → resolveShorthand.cjs}

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "resolveShorthand", {
     }
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _slot = /*#__PURE__*/ _interop_require_wildcard._(require("../slot"));
+const _slot = /*#__PURE__*/ _interop_require_wildcard._(require("../slot.cjs"));
 const resolveShorthand = (value, options)=>_slot.optional(value, {
         ...options,
         renderByDefault: options === null || options === void 0 ? void 0 : options.required,

package/lib-commonjs/compose/{getIntrinsicElementProps.js → getIntrinsicElementProps.cjs}

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "getIntrinsicElementProps", {
         return getIntrinsicElementProps;
     }
 });
-const _getNativeElementProps = require("../utils/getNativeElementProps");
+const _getNativeElementProps = require("../utils/getNativeElementProps.cjs");
 const getIntrinsicElementProps = (tagName, // eslint-disable-next-line @typescript-eslint/no-restricted-types -- in order to not introduce Type Restriction CHANGe which is kinda "breaking change from Types POV", we don't enforce our custom `RefAttributes` in this API, to be compatible with scenarios where non v9 interfaces might be used. This may/will change with React 19
 props, excludedPropNames)=>{
     var _props_as;

package/lib-commonjs/compose/{getSlotClassNameProp.js → getSlotClassNameProp.cjs}

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "getSlotClassNameProp", {
         return getSlotClassNameProp;
     }
 });
-const _constants = require("../compose/constants");
+const _constants = require("./constants.cjs");
 const getSlotClassNameProp = (slot)=>{
     if (_constants.SLOT_CLASS_NAME_PROP_SYMBOL in slot && typeof slot[_constants.SLOT_CLASS_NAME_PROP_SYMBOL] === 'string') {
         return slot[_constants.SLOT_CLASS_NAME_PROP_SYMBOL];

package/lib-commonjs/compose/{index.js → index.cjs}

@@ -47,13 +47,13 @@ _export(exports, {
     }
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _slot = /*#__PURE__*/ _interop_require_wildcard._(require("./slot"));
-const _isResolvedShorthand = require("./isResolvedShorthand");
-const _constants = require("./constants");
-const _isSlot = require("./isSlot");
-const _assertSlots = require("./assertSlots");
-const _getIntrinsicElementProps = require("./getIntrinsicElementProps");
-const _getSlotClassNameProp = require("./getSlotClassNameProp");
-const _getSlots = require("./deprecated/getSlots");
-const _resolveShorthand = require("./deprecated/resolveShorthand");
-const _getSlotsNext = require("./deprecated/getSlotsNext");
+const _slot = /*#__PURE__*/ _interop_require_wildcard._(require("./slot.cjs"));
+const _isResolvedShorthand = require("./isResolvedShorthand.cjs");
+const _constants = require("./constants.cjs");
+const _isSlot = require("./isSlot.cjs");
+const _assertSlots = require("./assertSlots.cjs");
+const _getIntrinsicElementProps = require("./getIntrinsicElementProps.cjs");
+const _getSlotClassNameProp = require("./getSlotClassNameProp.cjs");
+const _getSlots = require("./deprecated/getSlots.cjs");
+const _resolveShorthand = require("./deprecated/resolveShorthand.cjs");
+const _getSlotsNext = require("./deprecated/getSlotsNext.cjs");

package/lib-commonjs/compose/{isSlot.js → isSlot.cjs}

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "isSlot", {
         return isSlot;
     }
 });
-const _constants = require("./constants");
+const _constants = require("./constants.cjs");
 function isSlot(element) {
     return Boolean(element === null || element === void 0 ? void 0 : element.hasOwnProperty(_constants.SLOT_ELEMENT_TYPE_SYMBOL));
 }

package/lib-commonjs/compose/{slot.js → slot.cjs}

@@ -21,7 +21,7 @@ _export(exports, {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _constants = require("./constants");
+const _constants = require("./constants.cjs");
 function always(value, options) {
     const { defaultProps, elementType } = options;
     const props = resolveShorthand(value);

package/lib-commonjs/events/{index.js → index.cjs}

@@ -19,4 +19,4 @@ _export(exports, {
         return _mouseTouchHelpers.isTouchEvent;
     }
 });
-const _mouseTouchHelpers = require("./mouseTouchHelpers");
+const _mouseTouchHelpers = require("./mouseTouchHelpers.cjs");

package/lib-commonjs/hooks/{index.js → index.cjs}

@@ -58,17 +58,17 @@ _export(exports, {
         return _useTimeout.useTimeout;
     }
 });
-const _useAnimationFrame = require("./useAnimationFrame");
-const _useApplyScrollbarWidth = require("./useApplyScrollbarWidth");
-const _useControllableState = require("./useControllableState");
-const _useEventCallback = require("./useEventCallback");
-const _useFirstMount = require("./useFirstMount");
-const _useForceUpdate = require("./useForceUpdate");
-const _useId = require("./useId");
-const _useIsomorphicLayoutEffect = require("./useIsomorphicLayoutEffect");
-const _useMergedRefs = require("./useMergedRefs");
-const _useOnClickOutside = require("./useOnClickOutside");
-const _useOnScrollOutside = require("./useOnScrollOutside");
-const _usePrevious = require("./usePrevious");
-const _useScrollbarWidth = require("./useScrollbarWidth");
-const _useTimeout = require("./useTimeout");
+const _useAnimationFrame = require("./useAnimationFrame.cjs");
+const _useApplyScrollbarWidth = require("./useApplyScrollbarWidth.cjs");
+const _useControllableState = require("./useControllableState.cjs");
+const _useEventCallback = require("./useEventCallback.cjs");
+const _useFirstMount = require("./useFirstMount.cjs");
+const _useForceUpdate = require("./useForceUpdate.cjs");
+const _useId = require("./useId.cjs");
+const _useIsomorphicLayoutEffect = require("./useIsomorphicLayoutEffect.cjs");
+const _useMergedRefs = require("./useMergedRefs.cjs");
+const _useOnClickOutside = require("./useOnClickOutside.cjs");
+const _useOnScrollOutside = require("./useOnScrollOutside.cjs");
+const _usePrevious = require("./usePrevious.cjs");
+const _useScrollbarWidth = require("./useScrollbarWidth.cjs");
+const _useTimeout = require("./useTimeout.cjs");

package/lib-commonjs/hooks/{useAnimationFrame.js → useAnimationFrame.cjs}

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "useAnimationFrame", {
         return useAnimationFrame;
     }
 });
-const _useBrowserTimer = require("./useBrowserTimer");
+const _useBrowserTimer = require("./useBrowserTimer.cjs");
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const setAnimationFrameNoop = (callback)=>{
     callback(0);

package/lib-commonjs/hooks/{useApplyScrollbarWidth.js → useApplyScrollbarWidth.cjs}

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "useApplyScrollbarWidth", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _measureScrollBarWidth = require("../utils/measureScrollBarWidth");
+const _measureScrollBarWidth = require("../utils/measureScrollBarWidth.cjs");
 const cache = new WeakMap();
 function useApplyScrollbarWidth(options = {}) {
     const { force, property = 'width' } = options;

package/lib-commonjs/hooks/{useControllableState.js → useControllableState.cjs}

@@ -15,7 +15,7 @@ function isFactoryDispatch(newState) {
     return typeof newState === 'function';
 }
 const useControllableState = (options)=>{
-    'use no memo';
+    'use no memo'; // justified: compiler would optimize useControllableState — manual opt-out to preserve runtime behavior
     if (process.env.NODE_ENV !== 'production') {
         if (options.state !== undefined && options.defaultState !== undefined) {
             // eslint-disable-next-line no-console
@@ -61,7 +61,6 @@ function isInitializer(value) {
  * Prints an error when isControlled value switches between subsequent renders
  * @returns - whether the value is controlled
  */ const useIsControlled = (controlledValue)=>{
-    'use no memo';
     const [isControlled] = _react.useState(()=>controlledValue !== undefined);
     if (process.env.NODE_ENV !== 'production') {
         // We don't want these warnings in production even though it is against native behaviour

package/lib-commonjs/hooks/useControllableState.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useControllableState.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\n/**\n * @internal\n */\nexport type UseControllableStateOptions<State> = {\n  /**\n   * User-provided default state or initializer, for uncontrolled usage.\n   */\n  defaultState?: State | (() => State);\n  /**\n   * User-provided controlled state. `undefined` means internal state will be used.\n   */\n  state: State | undefined;\n  /**\n   * Used as the initial state if `state` and `defaultState` are both `undefined`.\n   * If `undefined` is the correct initial state, pass that here.\n   */\n  initialState: State;\n};\n\nfunction isFactoryDispatch<State>(newState: React.SetStateAction<State>): newState is (prevState: State) => State {\n  return typeof newState === 'function';\n}\n\n/**\n * A [`useState`](https://reactjs.org/docs/hooks-reference.html#usestate)-like hook\n * to manage a value that could be either `controlled` or `uncontrolled`,\n * such as a checked state or text input string.\n *\n * @internal\n * @see https://react.dev/learn/sharing-state-between-components#controlled-and-uncontrolled-components for more details on `controlled`/`uncontrolled`\n *\n * @returns an array of the current value and an updater (dispatcher) function.\n * The updater function is referentially stable (won't change during the component's lifecycle).\n * It can take either a new value, or a function which is passed the previous value and returns the new value.\n *\n * ❗️❗️ Calls to the dispatcher will only modify the state if the state is `uncontrolled`.\n * Meaning that if a state is `controlled`, calls to the dispatcher do not modify the state.\n */\nexport const useControllableState = <State>(\n  options: UseControllableStateOptions<State>,\n): [State, React.Dispatch<React.SetStateAction<State>>] => {\n  'use no memo'; // justified: compiler would optimize useControllableState — manual opt-out to preserve runtime behavior\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (options.state !== undefined && options.defaultState !== undefined) {\n      // eslint-disable-next-line no-console\n      console.error(/** #__DE-INDENT__ */ `\n      @fluentui/react-utilities [useControllableState]:\n      A component must be either controlled or uncontrolled (specify either the state or the defaultState, but not both).\n      Decide between using a controlled or uncontrolled component and remove one of this props.\n      More info: https://reactjs.org/link/controlled-components\n      ${new Error().stack}\n    `);\n    }\n  }\n  const [internalState, setInternalState] = React.useState<State>(() => {\n    if (options.defaultState === undefined) {\n      return options.initialState;\n    }\n    return isInitializer(options.defaultState) ? options.defaultState() : options.defaultState;\n  });\n\n  // Heads up!\n  // This part is specific for controlled mode and mocks behavior of React dispatcher function.\n\n  const stateValueRef = React.useRef<State | undefined>(options.state);\n\n  React.useEffect(() => {\n    stateValueRef.current = options.state;\n  }, [options.state]);\n\n  const setControlledState = React.useCallback((newState: React.SetStateAction<State>) => {\n    if (isFactoryDispatch(newState)) {\n      newState(stateValueRef.current as State);\n    }\n  }, []);\n\n  return useIsControlled(options.state) ? [options.state, setControlledState] : [internalState, setInternalState];\n};\n\nfunction isInitializer<State>(value: State | (() => State)): value is () => State {\n  return typeof value === 'function';\n}\n\n/**\n * Helper hook to handle previous comparison of controlled/uncontrolled\n * Prints an error when isControlled value switches between subsequent renders\n * @returns - whether the value is controlled\n */\nconst useIsControlled = <V>(controlledValue: V | undefined): controlledValue is V => {\n  const [isControlled] = React.useState<boolean>(() => controlledValue !== undefined);\n\n  if (process.env.NODE_ENV !== 'production') {\n    // We don't want these warnings in production even though it is against native behaviour\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      if (isControlled !== (controlledValue !== undefined)) {\n        const error = new Error();\n\n        const controlWarning = isControlled\n          ? 'a controlled value to be uncontrolled'\n          : 'an uncontrolled value to be controlled';\n\n        const undefinedWarning = isControlled ? 'defined to an undefined' : 'undefined to a defined';\n\n        // eslint-disable-next-line no-console\n        console.error(/** #__DE-INDENT__ */ `\n          @fluentui/react-utilities [useControllableState]:\n          A component is changing ${controlWarning}. This is likely caused by the value changing from ${undefinedWarning} value, which should not happen.\n          Decide between using a controlled or uncontrolled input element for the lifetime of the component.\n          More info: https://reactjs.org/link/controlled-components\n          ${error.stack}\n        `);\n      }\n    }, [isControlled, controlledValue]);\n  }\n\n  return isControlled;\n};\n"],"names":["useControllableState","isFactoryDispatch","newState","options","process","env","NODE_ENV","state","undefined","defaultState","console","error","Error","stack","internalState","setInternalState","React","useState","initialState","isInitializer","stateValueRef","useRef","useEffect","current","setControlledState","useCallback","useIsControlled","value","controlledValue","isControlled","controlWarning","undefinedWarning"],"mappings":"AAAA;;;;;+BA0CaA;;;eAAAA;;;;iEAxCU;AAqBvB,SAASC,kBAAyBC,QAAqC;IACrE,OAAO,OAAOA,aAAa;AAC7B;AAiBO,MAAMF,uBAAuB,CAClCG;IAEA,eAAe,wGAAwG;IAEvH,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACzC,IAAIH,QAAQI,KAAK,KAAKC,aAAaL,QAAQM,YAAY,KAAKD,WAAW;YACrE,sCAAsC;YACtCE,QAAQC,KAAK,CAAuB,CAAC;;;;AAKrC,EAAE,IAAIC,QAAQC,KAAK,EACpB;QACD;IACF;IACA,MAAM,CAACC,eAAeC,iBAAiB,GAAGC,OAAMC,QAAQ,CAAQ;QAC9D,IAAId,QAAQM,YAAY,KAAKD,WAAW;YACtC,OAAOL,QAAQe,YAAY;QAC7B;QACA,OAAOC,cAAchB,QAAQM,YAAY,IAAIN,QAAQM,YAAY,KAAKN,QAAQM,YAAY;IAC5F;IAEA,YAAY;IACZ,6FAA6F;IAE7F,MAAMW,gBAAgBJ,OAAMK,MAAM,CAAoBlB,QAAQI,KAAK;IAEnES,OAAMM,SAAS,CAAC;QACdF,cAAcG,OAAO,GAAGpB,QAAQI,KAAK;IACvC,GAAG;QAACJ,QAAQI,KAAK;KAAC;IAElB,MAAMiB,qBAAqBR,OAAMS,WAAW,CAAC,CAACvB;QAC5C,IAAID,kBAAkBC,WAAW;YAC/BA,SAASkB,cAAcG,OAAO;QAChC;IACF,GAAG,EAAE;IAEL,OAAOG,gBAAgBvB,QAAQI,KAAK,IAAI;QAACJ,QAAQI,KAAK;QAAEiB;KAAmB,GAAG;QAACV;QAAeC;KAAiB;AACjH;AAEA,SAASI,cAAqBQ,KAA4B;IACxD,OAAO,OAAOA,UAAU;AAC1B;AAEA;;;;CAIC,GACD,MAAMD,kBAAkB,CAAIE;IAC1B,MAAM,CAACC,aAAa,GAAGb,OAAMC,QAAQ,CAAU,IAAMW,oBAAoBpB;IAEzE,IAAIJ,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACzC,wFAAwF;QACxF,sDAAsD;QACtDU,OAAMM,SAAS,CAAC;YACd,IAAIO,iBAAkBD,CAAAA,oBAAoBpB,SAAQ,GAAI;gBACpD,MAAMG,QAAQ,IAAIC;gBAElB,MAAMkB,iBAAiBD,eACnB,0CACA;gBAEJ,MAAME,mBAAmBF,eAAe,4BAA4B;gBAEpE,sCAAsC;gBACtCnB,QAAQC,KAAK,CAAuB,CAAC;wBAEX,EAAEmB,eAAe,mDAAmD,EAAEC,iBAAiB;;;AAG/G,EAAEpB,MAAME,KAAK,EACd;YACH;QACF,GAAG;YAACgB;YAAcD;SAAgB;IACpC;IAEA,OAAOC;AACT"}

package/lib-commonjs/hooks/{useEventCallback.js → useEventCallback.cjs}

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "useEventCallback", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _useIsomorphicLayoutEffect = require("./useIsomorphicLayoutEffect");
+const _useIsomorphicLayoutEffect = require("./useIsomorphicLayoutEffect.cjs");
 const useEventCallback = (fn)=>{
     const callbackRef = _react.useRef(()=>{
         throw new Error('Cannot call an event handler while rendering');

package/lib-commonjs/hooks/{useId.js → useId.cjs}

@@ -22,7 +22,7 @@ _export(exports, {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _index = require("../ssr/index");
+const _index = require("../ssr/index.cjs");
 const IdPrefixContext = _react.createContext(undefined);
 const IdPrefixProvider = IdPrefixContext.Provider;
 function useIdPrefix() {
@@ -32,7 +32,6 @@ function resetIdsForTests() {
     _index.defaultSSRContextValue.current = 0;
 }
 function useId(prefix = 'fui-', providedId) {
-    'use no memo';
     const contextValue = (0, _index.useSSRContext)();
     const idPrefix = useIdPrefix();
     // Checking if useId is available on React, if it is, we use it to generate the id. String concatenation is used to

package/lib-commonjs/hooks/useId.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useId.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { defaultSSRContextValue, useSSRContext } from '../ssr/index';\n\nconst IdPrefixContext = React.createContext<string | undefined>(undefined);\n\n/**\n * Allows to define a prefix that will be used for all IDs generated by useId() hook. It's useful to avoid collisions\n * between different bundles.\n */\nexport const IdPrefixProvider = IdPrefixContext.Provider;\n\nfunction useIdPrefix(): string {\n  return React.useContext(IdPrefixContext) || '';\n}\n\n/**\n * Resets generated IDs, should be used only in tests.\n */\nexport function resetIdsForTests(): void {\n  defaultSSRContextValue.current = 0;\n}\n\n/**\n * Hook to generate a unique ID.\n *\n * @param prefix - Optional prefix for the ID. Defaults to 'fui-'.\n * @param providedId - Optional id provided by a parent component. Defaults to the provided value if present,\n *  without conditioning the hook call\n * @returns The ID\n */\nexport function useId(prefix: string = 'fui-', providedId?: string): string {\n  const contextValue = useSSRContext();\n  const idPrefix = useIdPrefix();\n\n  // Checking if useId is available on React, if it is, we use it to generate the id. String concatenation is used to\n  // prevent bundlers from complaining with older versions of React.\n  const _useId = (React as never)['use' + 'Id'] as (() => string) | undefined;\n\n  if (_useId) {\n    const generatedId = _useId();\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const escapedId = React.useMemo(() => generatedId.replace(/:/g, ''), [generatedId]);\n\n    return providedId || `${idPrefix}${prefix}${escapedId}`;\n  }\n\n  // Hooks appear to be running conditionally, but they will always run in the same order since it's based on\n  // the version of React being used. This is safe to ignore.\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return React.useMemo(() => {\n    if (providedId) {\n      return providedId;\n    }\n\n    // eslint-disable-next-line react-hooks/immutability\n    return `${idPrefix}${prefix}${++contextValue.current}`;\n  }, [idPrefix, prefix, providedId, contextValue]);\n}\n"],"names":["IdPrefixProvider","resetIdsForTests","useId","IdPrefixContext","React","createContext","undefined","Provider","useIdPrefix","useContext","defaultSSRContextValue","current","prefix","providedId","contextValue","useSSRContext","idPrefix","_useId","generatedId","escapedId","useMemo","replace"],"mappings":"AAAA;;;;;;;;;;;;IAWaA,gBAAgB;eAAhBA;;IASGC,gBAAgB;eAAhBA;;IAYAC,KAAK;eAALA;;;;iEA9BO;uBAC+B;AAEtD,MAAMC,kBAAkBC,OAAMC,aAAa,CAAqBC;AAMzD,MAAMN,mBAAmBG,gBAAgBI,QAAQ;AAExD,SAASC;IACP,OAAOJ,OAAMK,UAAU,CAACN,oBAAoB;AAC9C;AAKO,SAASF;IACdS,6BAAsB,CAACC,OAAO,GAAG;AACnC;AAUO,SAAST,MAAMU,SAAiB,MAAM,EAAEC,UAAmB;IAChE,MAAMC,eAAeC,IAAAA,oBAAa;IAClC,MAAMC,WAAWR;IAEjB,mHAAmH;IACnH,kEAAkE;IAClE,MAAMS,SAAS,AAACb,MAAe,CAAC,QAAQ,KAAK;IAE7C,IAAIa,QAAQ;QACV,MAAMC,cAAcD;QAEpB,sDAAsD;QACtD,MAAME,YAAYf,OAAMgB,OAAO,CAAC,IAAMF,YAAYG,OAAO,CAAC,MAAM,KAAK;YAACH;SAAY;QAElF,OAAOL,cAAc,GAAGG,WAAWJ,SAASO,WAAW;IACzD;IAEA,2GAA2G;IAC3G,2DAA2D;IAC3D,sDAAsD;IACtD,OAAOf,OAAMgB,OAAO,CAAC;QACnB,IAAIP,YAAY;YACd,OAAOA;QACT;QAEA,oDAAoD;QACpD,OAAO,GAAGG,WAAWJ,SAAS,EAAEE,aAAaH,OAAO,EAAE;IACxD,GAAG;QAACK;QAAUJ;QAAQC;QAAYC;KAAa;AACjD"}

package/lib-commonjs/hooks/{useIsomorphicLayoutEffect.js → useIsomorphicLayoutEffect.cjs}

@@ -11,5 +11,5 @@ Object.defineProperty(exports, "useIsomorphicLayoutEffect", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _index = require("../ssr/index");
+const _index = require("../ssr/index.cjs");
 const useIsomorphicLayoutEffect = (0, _index.canUseDOM)() ? _react.useLayoutEffect : _react.useEffect;

package/lib-commonjs/hooks/{useMergedRefs.js → useMergedRefs.cjs}

@@ -12,7 +12,6 @@ Object.defineProperty(exports, "useMergedRefs", {
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 function useMergedRefs(...refs) {
-    'use no memo';
     const mergedCallback = _react.useCallback(// eslint-disable-next-line react-hooks/immutability
     (value)=>{
         // Update the "current" prop hanging on the function.

package/lib-commonjs/hooks/useMergedRefs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useMergedRefs.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\n/**\n * A Ref function which can be treated like a ref object in that it has an attached\n * current property, which will be updated as the ref is evaluated.\n */\nexport type RefObjectFunction<T> = React.RefObject<T | null> & ((value: T | null) => void);\n\n/**\n * React hook to merge multiple React refs (either MutableRefObjects or ref callbacks) into a single ref callback that\n * updates all provided refs\n * @param refs - Refs to collectively update with one ref value.\n * @returns A function with an attached \"current\" prop, so that it can be treated like a RefObject.\n */\n// LegacyRef is actually not supported, but in React v18 types this is leaking directly from forwardRef component declaration\nexport function useMergedRefs<T>(...refs: (React.Ref<T> | undefined)[]): RefObjectFunction<T> {\n  const mergedCallback = React.useCallback(\n    // eslint-disable-next-line react-hooks/immutability\n    (value: T | null) => {\n      // Update the \"current\" prop hanging on the function.\n      // eslint-disable-next-line react-hooks/immutability\n      mergedCallback.current = value;\n\n      for (const ref of refs) {\n        if (typeof ref === 'string' && process.env.NODE_ENV !== 'production') {\n          // eslint-disable-next-line no-console\n          console.error(/** #__DE-INDENT__ */ `\n            @fluentui/react-utilities [useMergedRefs]:\n            This hook does not support the usage of string refs. Please use React.useRef instead.\n\n            For more info on 'React.useRef', see https://react.dev/reference/react/useRef.\n            For more info on string refs, see https://react.dev/blog/2024/04/25/react-19-upgrade-guide#removed-string-refs.\n          `);\n        }\n        if (typeof ref === 'function') {\n          ref(value);\n        } else if (ref) {\n          // eslint-disable-next-line react-hooks/immutability\n          ref.current = value;\n        }\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps, react-hooks/use-memo -- already exhaustive\n    [...refs],\n  ) as RefObjectFunction<T>;\n\n  return mergedCallback;\n}\n"],"names":["useMergedRefs","refs","mergedCallback","React","useCallback","value","current","ref","process","env","NODE_ENV","console","error"],"mappings":"AAAA;;;;;+BAiBgBA;;;eAAAA;;;;iEAfO;AAehB,SAASA,cAAiB,GAAGC,IAAkC;IACpE,MAAMC,iBAAiBC,OAAMC,WAAW,CACtC,oDAAoD;IACpD,CAACC;QACC,qDAAqD;QACrD,oDAAoD;QACpDH,eAAeI,OAAO,GAAGD;QAEzB,KAAK,MAAME,OAAON,KAAM;YACtB,IAAI,OAAOM,QAAQ,YAAYC,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;gBACpE,sCAAsC;gBACtCC,QAAQC,KAAK,CAAuB,CAAC;;;;+GAMrC,CAAC;YACH;YACA,IAAI,OAAOL,QAAQ,YAAY;gBAC7BA,IAAIF;YACN,OAAO,IAAIE,KAAK;gBACd,oDAAoD;gBACpDA,IAAID,OAAO,GAAGD;YAChB;QACF;IACF,GACA,mGAAmG;IACnG;WAAIJ;KAAK;IAGX,OAAOC;AACT"}

package/lib-commonjs/hooks/{useOnClickOutside.js → useOnClickOutside.cjs}

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "useOnClickOutside", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _useEventCallback = require("./useEventCallback");
+const _useEventCallback = require("./useEventCallback.cjs");
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const DEFAULT_CONTAINS = (parent, child)=>!!(parent === null || parent === void 0 ? void 0 : parent.contains(child));
 const useOnClickOutside = (options)=>{

package/lib-commonjs/hooks/{useOnScrollOutside.js → useOnScrollOutside.cjs}

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "useOnScrollOutside", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _useEventCallback = require("./useEventCallback");
+const _useEventCallback = require("./useEventCallback.cjs");
 const useOnScrollOutside = (options)=>{
     const { refs, callback, element, disabled, contains: containsProp } = options;
     const listener = (0, _useEventCallback.useEventCallback)((ev)=>{

package/lib-commonjs/hooks/{useScrollbarWidth.js → useScrollbarWidth.cjs}

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "useScrollbarWidth", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _measureScrollBarWidth = require("../utils/measureScrollBarWidth");
+const _measureScrollBarWidth = require("../utils/measureScrollBarWidth.cjs");
 const cache = new WeakMap();
 function useScrollbarWidth(options) {
     const { targetDocument, force } = options;

package/lib-commonjs/hooks/{useTimeout.js → useTimeout.cjs}

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "useTimeout", {
         return useTimeout;
     }
 });
-const _useBrowserTimer = require("./useBrowserTimer");
+const _useBrowserTimer = require("./useBrowserTimer.cjs");
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const setTimeoutNoop = (_callback)=>-1;
 const clearTimeoutNoop = (_handle)=>undefined;

package/lib-commonjs/{index.js → index.cjs}

@@ -167,11 +167,11 @@ _export(exports, {
         return _index1.useTimeout;
     }
 });
-const _index = require("./compose/index");
-const _index1 = require("./hooks/index");
-const _index2 = require("./ssr/index");
-const _index3 = require("./utils/index");
-const _index4 = require("./trigger/index");
-const _index5 = require("./events/index");
-const _index6 = require("./selection/index");
-const _index7 = require("./virtualParent/index");
+const _index = require("./compose/index.cjs");
+const _index1 = require("./hooks/index.cjs");
+const _index2 = require("./ssr/index.cjs");
+const _index3 = require("./utils/index.cjs");
+const _index4 = require("./trigger/index.cjs");
+const _index5 = require("./events/index.cjs");
+const _index6 = require("./selection/index.cjs");
+const _index7 = require("./virtualParent/index.cjs");

package/lib-commonjs/selection/{index.js → index.cjs}

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "useSelection", {
         return _useSelection.useSelection;
     }
 });
-const _useSelection = require("./useSelection");
+const _useSelection = require("./useSelection.cjs");

package/lib-commonjs/selection/{useSelection.js → useSelection.cjs}

@@ -11,8 +11,8 @@ Object.defineProperty(exports, "useSelection", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _useControllableState = require("../hooks/useControllableState");
-const _createSetFromIterable = require("../utils/createSetFromIterable");
+const _useControllableState = require("../hooks/useControllableState.cjs");
+const _createSetFromIterable = require("../utils/createSetFromIterable.cjs");
 function useSelectionState(params) {
     const [selected, setSelected] = (0, _useControllableState.useControllableState)({
         initialState: new Set(),
@@ -104,7 +104,6 @@ function useMultipleSelection(params) {
     ];
 }
 function useSelection(params) {
-    'use no memo';
     if (params.selectionMode === 'multiselect') {
         // selectionMode is a static value, so we can safely ignore rules-of-hooks
         // eslint-disable-next-line react-hooks/rules-of-hooks

package/lib-commonjs/selection/{useSelection.js.map → useSelection.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/selection/useSelection.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { SelectionHookParams, SelectionItemId, SelectionMethods } from './types';\nimport { useControllableState } from '../hooks/useControllableState';\nimport { createSetFromIterable } from '../utils/createSetFromIterable';\n\nfunction useSelectionState(params: Omit<SelectionHookParams, 'selectionMode'>) {\n  const [selected, setSelected] = useControllableState<Set<SelectionItemId>>({\n    initialState: new Set(),\n    defaultState: React.useMemo(\n      () => params.defaultSelectedItems && createSetFromIterable(params.defaultSelectedItems),\n      [params.defaultSelectedItems],\n    ),\n    state: React.useMemo(\n      () => params.selectedItems && createSetFromIterable(params.selectedItems),\n      [params.selectedItems],\n    ),\n  });\n  const changeSelection = (event: React.SyntheticEvent, nextSelectedItems: Set<SelectionItemId>) => {\n    params.onSelectionChange?.(event, { selectedItems: nextSelectedItems });\n    setSelected(nextSelectedItems);\n  };\n  return [selected, changeSelection] as const;\n}\n\nfunction useSingleSelection(params: Omit<SelectionHookParams, 'selectionMode'>) {\n  const [selected, changeSelection] = useSelectionState(params);\n  const methods: SelectionMethods = {\n    deselectItem: event => changeSelection(event, new Set()),\n    selectItem: (event, itemId) => changeSelection(event, new Set([itemId])),\n    toggleAllItems: () => {\n      if (process.env.NODE_ENV !== 'production') {\n        throw new Error('[react-utilities]: `toggleAllItems` should not be used in single selection mode');\n      }\n    },\n    toggleItem: (event, itemId) => changeSelection(event, new Set([itemId])),\n    clearItems: event => changeSelection(event, new Set()),\n    isSelected: itemId => selected.has(itemId) ?? false,\n  };\n  return [selected, methods] as const;\n}\n\nfunction useMultipleSelection(params: Omit<SelectionHookParams, 'selectionMode'>) {\n  const [selected, changeSelection] = useSelectionState(params);\n  const methods: SelectionMethods = {\n    toggleItem: (event, itemId) => {\n      const nextSelectedItems = new Set(selected);\n      if (selected.has(itemId)) {\n        nextSelectedItems.delete(itemId);\n      } else {\n        nextSelectedItems.add(itemId);\n      }\n      changeSelection(event, nextSelectedItems);\n    },\n    selectItem: (event, itemId) => {\n      const nextSelectedItems = new Set(selected);\n      nextSelectedItems.add(itemId);\n      changeSelection(event, nextSelectedItems);\n    },\n    deselectItem: (event, itemId) => {\n      const nextSelectedItems = new Set(selected);\n      nextSelectedItems.delete(itemId);\n      changeSelection(event, nextSelectedItems);\n    },\n    clearItems: event => {\n      changeSelection(event, new Set());\n    },\n    isSelected: itemId => selected.has(itemId),\n    toggleAllItems: (event, itemIds) => {\n      const allItemsSelected = itemIds.every(itemId => selected.has(itemId));\n      const nextSelectedItems = new Set(selected);\n      if (allItemsSelected) {\n        nextSelectedItems.clear();\n      } else {\n        itemIds.forEach(itemId => nextSelectedItems.add(itemId));\n      }\n      changeSelection(event, nextSelectedItems);\n    },\n  };\n  return [selected, methods] as const;\n}\n\nexport function useSelection(params: SelectionHookParams): readonly [Set<SelectionItemId>, SelectionMethods] {\n  'use no memo';\n\n  if (params.selectionMode === 'multiselect') {\n    // selectionMode is a static value, so we can safely ignore rules-of-hooks\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    return useMultipleSelection(params);\n  }\n  // selectionMode is a static value, so we can safely ignore rules-of-hooks\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return useSingleSelection(params);\n}\n"],"names":["useSelection","useSelectionState","params","selected","setSelected","useControllableState","initialState","Set","defaultState","React","useMemo","defaultSelectedItems","createSetFromIterable","state","selectedItems","changeSelection","event","nextSelectedItems","onSelectionChange","useSingleSelection","methods","deselectItem","selectItem","itemId","toggleAllItems","process","env","NODE_ENV","Error","toggleItem","clearItems","isSelected","has","useMultipleSelection","delete","add","itemIds","allItemsSelected","every","clear","forEach","selectionMode"],"mappings":"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"}
+{"version":3,"sources":["../src/selection/useSelection.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { SelectionHookParams, SelectionItemId, SelectionMethods } from './types';\nimport { useControllableState } from '../hooks/useControllableState';\nimport { createSetFromIterable } from '../utils/createSetFromIterable';\n\nfunction useSelectionState(params: Omit<SelectionHookParams, 'selectionMode'>) {\n  const [selected, setSelected] = useControllableState<Set<SelectionItemId>>({\n    initialState: new Set(),\n    defaultState: React.useMemo(\n      () => params.defaultSelectedItems && createSetFromIterable(params.defaultSelectedItems),\n      [params.defaultSelectedItems],\n    ),\n    state: React.useMemo(\n      () => params.selectedItems && createSetFromIterable(params.selectedItems),\n      [params.selectedItems],\n    ),\n  });\n  const changeSelection = (event: React.SyntheticEvent, nextSelectedItems: Set<SelectionItemId>) => {\n    params.onSelectionChange?.(event, { selectedItems: nextSelectedItems });\n    setSelected(nextSelectedItems);\n  };\n  return [selected, changeSelection] as const;\n}\n\nfunction useSingleSelection(params: Omit<SelectionHookParams, 'selectionMode'>) {\n  const [selected, changeSelection] = useSelectionState(params);\n  const methods: SelectionMethods = {\n    deselectItem: event => changeSelection(event, new Set()),\n    selectItem: (event, itemId) => changeSelection(event, new Set([itemId])),\n    toggleAllItems: () => {\n      if (process.env.NODE_ENV !== 'production') {\n        throw new Error('[react-utilities]: `toggleAllItems` should not be used in single selection mode');\n      }\n    },\n    toggleItem: (event, itemId) => changeSelection(event, new Set([itemId])),\n    clearItems: event => changeSelection(event, new Set()),\n    isSelected: itemId => selected.has(itemId) ?? false,\n  };\n  return [selected, methods] as const;\n}\n\nfunction useMultipleSelection(params: Omit<SelectionHookParams, 'selectionMode'>) {\n  const [selected, changeSelection] = useSelectionState(params);\n  const methods: SelectionMethods = {\n    toggleItem: (event, itemId) => {\n      const nextSelectedItems = new Set(selected);\n      if (selected.has(itemId)) {\n        nextSelectedItems.delete(itemId);\n      } else {\n        nextSelectedItems.add(itemId);\n      }\n      changeSelection(event, nextSelectedItems);\n    },\n    selectItem: (event, itemId) => {\n      const nextSelectedItems = new Set(selected);\n      nextSelectedItems.add(itemId);\n      changeSelection(event, nextSelectedItems);\n    },\n    deselectItem: (event, itemId) => {\n      const nextSelectedItems = new Set(selected);\n      nextSelectedItems.delete(itemId);\n      changeSelection(event, nextSelectedItems);\n    },\n    clearItems: event => {\n      changeSelection(event, new Set());\n    },\n    isSelected: itemId => selected.has(itemId),\n    toggleAllItems: (event, itemIds) => {\n      const allItemsSelected = itemIds.every(itemId => selected.has(itemId));\n      const nextSelectedItems = new Set(selected);\n      if (allItemsSelected) {\n        nextSelectedItems.clear();\n      } else {\n        itemIds.forEach(itemId => nextSelectedItems.add(itemId));\n      }\n      changeSelection(event, nextSelectedItems);\n    },\n  };\n  return [selected, methods] as const;\n}\n\nexport function useSelection(params: SelectionHookParams): readonly [Set<SelectionItemId>, SelectionMethods] {\n  if (params.selectionMode === 'multiselect') {\n    // selectionMode is a static value, so we can safely ignore rules-of-hooks\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    return useMultipleSelection(params);\n  }\n  // selectionMode is a static value, so we can safely ignore rules-of-hooks\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return useSingleSelection(params);\n}\n"],"names":["useSelection","useSelectionState","params","selected","setSelected","useControllableState","initialState","Set","defaultState","React","useMemo","defaultSelectedItems","createSetFromIterable","state","selectedItems","changeSelection","event","nextSelectedItems","onSelectionChange","useSingleSelection","methods","deselectItem","selectItem","itemId","toggleAllItems","process","env","NODE_ENV","Error","toggleItem","clearItems","isSelected","has","useMultipleSelection","delete","add","itemIds","allItemsSelected","every","clear","forEach","selectionMode"],"mappings":"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"}

package/lib-commonjs/ssr/{SSRContext.js → SSRContext.cjs}

@@ -28,7 +28,7 @@ _export(exports, {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _canUseDOM = require("./canUseDOM");
+const _canUseDOM = require("./canUseDOM.cjs");
 const defaultSSRContextValue = {
     current: 0
 };

package/lib-commonjs/ssr/{index.js → index.cjs}

@@ -28,5 +28,5 @@ _export(exports, {
         return _SSRContext.useSSRContext;
     }
 });
-const _canUseDOM = require("./canUseDOM");
-const _SSRContext = require("./SSRContext");
+const _canUseDOM = require("./canUseDOM.cjs");
+const _SSRContext = require("./SSRContext.cjs");

package/lib-commonjs/trigger/{applyTriggerPropsToChildren.js → applyTriggerPropsToChildren.cjs}

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "applyTriggerPropsToChildren", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _isFluentTrigger = require("./isFluentTrigger");
+const _isFluentTrigger = require("./isFluentTrigger.cjs");
 function applyTriggerPropsToChildren(children, triggerChildProps) {
     if (typeof children === 'function') {
         return children(triggerChildProps);

package/lib-commonjs/trigger/{getTriggerChild.js → getTriggerChild.cjs}

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "getTriggerChild", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _isFluentTrigger = require("./isFluentTrigger");
+const _isFluentTrigger = require("./isFluentTrigger.cjs");
 function getTriggerChild(children) {
     if (!_react.isValidElement(children)) {
         return null;

package/lib-commonjs/trigger/{index.js → index.cjs}

@@ -19,6 +19,6 @@ _export(exports, {
         return _isFluentTrigger.isFluentTrigger;
     }
 });
-const _applyTriggerPropsToChildren = require("./applyTriggerPropsToChildren");
-const _getTriggerChild = require("./getTriggerChild");
-const _isFluentTrigger = require("./isFluentTrigger");
+const _applyTriggerPropsToChildren = require("./applyTriggerPropsToChildren.cjs");
+const _getTriggerChild = require("./getTriggerChild.cjs");
+const _isFluentTrigger = require("./isFluentTrigger.cjs");

package/lib-commonjs/utils/{getNativeElementProps.js → getNativeElementProps.cjs}

@@ -16,7 +16,7 @@ _export(exports, {
         return getPartitionedNativeProps;
     }
 });
-const _properties = require("./properties");
+const _properties = require("./properties.cjs");
 const nativeElementMap = {
     label: _properties.labelProperties,
     audio: _properties.audioProperties,

package/lib-commonjs/utils/{index.js → index.cjs}

@@ -131,14 +131,14 @@ _export(exports, {
         return _properties.videoProperties;
     }
 });
-const _clamp = require("./clamp");
-const _getNativeElementProps = require("./getNativeElementProps");
-const _getReactElementRef = require("./getReactElementRef");
-const _getRTLSafeKey = require("./getRTLSafeKey");
-const _mergeCallbacks = require("./mergeCallbacks");
-const _omit = require("./omit");
-const _properties = require("./properties");
-const _isHTMLElement = require("./isHTMLElement");
-const _isInteractiveHTMLElement = require("./isInteractiveHTMLElement");
-const _priorityQueue = require("./priorityQueue");
-const _measureScrollBarWidth = require("./measureScrollBarWidth");
+const _clamp = require("./clamp.cjs");
+const _getNativeElementProps = require("./getNativeElementProps.cjs");
+const _getReactElementRef = require("./getReactElementRef.cjs");
+const _getRTLSafeKey = require("./getRTLSafeKey.cjs");
+const _mergeCallbacks = require("./mergeCallbacks.cjs");
+const _omit = require("./omit.cjs");
+const _properties = require("./properties.cjs");
+const _isHTMLElement = require("./isHTMLElement.cjs");
+const _isInteractiveHTMLElement = require("./isInteractiveHTMLElement.cjs");
+const _priorityQueue = require("./priorityQueue.cjs");
+const _measureScrollBarWidth = require("./measureScrollBarWidth.cjs");

package/lib-commonjs/utils/{isInteractiveHTMLElement.js → isInteractiveHTMLElement.cjs}

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "isInteractiveHTMLElement", {
         return isInteractiveHTMLElement;
     }
 });
-const _isHTMLElement = require("./isHTMLElement");
+const _isHTMLElement = require("./isHTMLElement.cjs");
 function isInteractiveHTMLElement(element) {
     if (!(0, _isHTMLElement.isHTMLElement)(element)) {
         return false;

package/lib-commonjs/virtualParent/{elementContains.js → elementContains.cjs}

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "elementContains", {
         return elementContains;
     }
 });
-const _getParent = require("./getParent");
+const _getParent = require("./getParent.cjs");
 function elementContains(parent, child) {
     if (!parent || !child) {
         return false;

package/lib-commonjs/virtualParent/{getParent.js → getParent.cjs}

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "getParent", {
         return getParent;
     }
 });
-const _isVirtualElement = require("./isVirtualElement");
+const _isVirtualElement = require("./isVirtualElement.cjs");
 /**
  * Gets the virtual parent given the child element, if it exists.
  * @internal

package/lib-commonjs/virtualParent/{index.js → index.cjs}

@@ -19,6 +19,6 @@ _export(exports, {
         return _setVirtualParent.setVirtualParent;
     }
 });
-const _elementContains = require("./elementContains");
-const _setVirtualParent = require("./setVirtualParent");
-const _getParent = require("./getParent");
+const _elementContains = require("./elementContains.cjs");
+const _setVirtualParent = require("./setVirtualParent.cjs");
+const _getParent = require("./getParent.cjs");

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@fluentui/react-utilities",
-  "version": "9.26.4",
+  "version": "9.26.6",
   "description": "A set of general React-specific utilities.",
-  "main": "lib-commonjs/index.js",
+  "main": "lib-commonjs/index.cjs",
   "module": "lib/index.js",
   "typings": "./dist/index.d.ts",
   "sideEffects": false,
@@ -12,8 +12,8 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui/keyboard-keys": "^9.0.8",
-    "@fluentui/react-shared-contexts": "^9.26.2",
+    "@fluentui/keyboard-keys": "^9.0.9",
+    "@fluentui/react-shared-contexts": "^9.26.3",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
@@ -28,17 +28,23 @@
   },
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "node": "./lib-commonjs/index.js",
-      "import": "./lib/index.js",
-      "require": "./lib-commonjs/index.js"
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./lib/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./lib-commonjs/index.cjs"
+      }
     },
     "./package.json": "./package.json"
   },
   "files": [
     "*.md",
     "dist/*.d.ts",
+    "dist/*.d.cts",
     "lib",
     "lib-commonjs"
-  ]
+  ],
+  "type": "module"
 }

package/lib-commonjs/hooks/useControllableState.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/useControllableState.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\n/**\n * @internal\n */\nexport type UseControllableStateOptions<State> = {\n  /**\n   * User-provided default state or initializer, for uncontrolled usage.\n   */\n  defaultState?: State | (() => State);\n  /**\n   * User-provided controlled state. `undefined` means internal state will be used.\n   */\n  state: State | undefined;\n  /**\n   * Used as the initial state if `state` and `defaultState` are both `undefined`.\n   * If `undefined` is the correct initial state, pass that here.\n   */\n  initialState: State;\n};\n\nfunction isFactoryDispatch<State>(newState: React.SetStateAction<State>): newState is (prevState: State) => State {\n  return typeof newState === 'function';\n}\n\n/**\n * A [`useState`](https://reactjs.org/docs/hooks-reference.html#usestate)-like hook\n * to manage a value that could be either `controlled` or `uncontrolled`,\n * such as a checked state or text input string.\n *\n * @internal\n * @see https://react.dev/learn/sharing-state-between-components#controlled-and-uncontrolled-components for more details on `controlled`/`uncontrolled`\n *\n * @returns an array of the current value and an updater (dispatcher) function.\n * The updater function is referentially stable (won't change during the component's lifecycle).\n * It can take either a new value, or a function which is passed the previous value and returns the new value.\n *\n * ❗️❗️ Calls to the dispatcher will only modify the state if the state is `uncontrolled`.\n * Meaning that if a state is `controlled`, calls to the dispatcher do not modify the state.\n */\nexport const useControllableState = <State>(\n  options: UseControllableStateOptions<State>,\n): [State, React.Dispatch<React.SetStateAction<State>>] => {\n  'use no memo';\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (options.state !== undefined && options.defaultState !== undefined) {\n      // eslint-disable-next-line no-console\n      console.error(/** #__DE-INDENT__ */ `\n      @fluentui/react-utilities [useControllableState]:\n      A component must be either controlled or uncontrolled (specify either the state or the defaultState, but not both).\n      Decide between using a controlled or uncontrolled component and remove one of this props.\n      More info: https://reactjs.org/link/controlled-components\n      ${new Error().stack}\n    `);\n    }\n  }\n  const [internalState, setInternalState] = React.useState<State>(() => {\n    if (options.defaultState === undefined) {\n      return options.initialState;\n    }\n    return isInitializer(options.defaultState) ? options.defaultState() : options.defaultState;\n  });\n\n  // Heads up!\n  // This part is specific for controlled mode and mocks behavior of React dispatcher function.\n\n  const stateValueRef = React.useRef<State | undefined>(options.state);\n\n  React.useEffect(() => {\n    stateValueRef.current = options.state;\n  }, [options.state]);\n\n  const setControlledState = React.useCallback((newState: React.SetStateAction<State>) => {\n    if (isFactoryDispatch(newState)) {\n      newState(stateValueRef.current as State);\n    }\n  }, []);\n\n  return useIsControlled(options.state) ? [options.state, setControlledState] : [internalState, setInternalState];\n};\n\nfunction isInitializer<State>(value: State | (() => State)): value is () => State {\n  return typeof value === 'function';\n}\n\n/**\n * Helper hook to handle previous comparison of controlled/uncontrolled\n * Prints an error when isControlled value switches between subsequent renders\n * @returns - whether the value is controlled\n */\nconst useIsControlled = <V>(controlledValue: V | undefined): controlledValue is V => {\n  'use no memo';\n\n  const [isControlled] = React.useState<boolean>(() => controlledValue !== undefined);\n\n  if (process.env.NODE_ENV !== 'production') {\n    // We don't want these warnings in production even though it is against native behaviour\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      if (isControlled !== (controlledValue !== undefined)) {\n        const error = new Error();\n\n        const controlWarning = isControlled\n          ? 'a controlled value to be uncontrolled'\n          : 'an uncontrolled value to be controlled';\n\n        const undefinedWarning = isControlled ? 'defined to an undefined' : 'undefined to a defined';\n\n        // eslint-disable-next-line no-console\n        console.error(/** #__DE-INDENT__ */ `\n          @fluentui/react-utilities [useControllableState]:\n          A component is changing ${controlWarning}. This is likely caused by the value changing from ${undefinedWarning} value, which should not happen.\n          Decide between using a controlled or uncontrolled input element for the lifetime of the component.\n          More info: https://reactjs.org/link/controlled-components\n          ${error.stack}\n        `);\n      }\n    }, [isControlled, controlledValue]);\n  }\n\n  return isControlled;\n};\n"],"names":["useControllableState","isFactoryDispatch","newState","options","process","env","NODE_ENV","state","undefined","defaultState","console","error","Error","stack","internalState","setInternalState","React","useState","initialState","isInitializer","stateValueRef","useRef","useEffect","current","setControlledState","useCallback","useIsControlled","value","controlledValue","isControlled","controlWarning","undefinedWarning"],"mappings":"AAAA;;;;;+BA0CaA;;;eAAAA;;;;iEAxCU;AAqBvB,SAASC,kBAAyBC,QAAqC;IACrE,OAAO,OAAOA,aAAa;AAC7B;AAiBO,MAAMF,uBAAuB,CAClCG;IAEA;IAEA,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACzC,IAAIH,QAAQI,KAAK,KAAKC,aAAaL,QAAQM,YAAY,KAAKD,WAAW;YACrE,sCAAsC;YACtCE,QAAQC,KAAK,CAAuB,CAAC;;;;AAKrC,EAAE,IAAIC,QAAQC,KAAK,EACpB;QACD;IACF;IACA,MAAM,CAACC,eAAeC,iBAAiB,GAAGC,OAAMC,QAAQ,CAAQ;QAC9D,IAAId,QAAQM,YAAY,KAAKD,WAAW;YACtC,OAAOL,QAAQe,YAAY;QAC7B;QACA,OAAOC,cAAchB,QAAQM,YAAY,IAAIN,QAAQM,YAAY,KAAKN,QAAQM,YAAY;IAC5F;IAEA,YAAY;IACZ,6FAA6F;IAE7F,MAAMW,gBAAgBJ,OAAMK,MAAM,CAAoBlB,QAAQI,KAAK;IAEnES,OAAMM,SAAS,CAAC;QACdF,cAAcG,OAAO,GAAGpB,QAAQI,KAAK;IACvC,GAAG;QAACJ,QAAQI,KAAK;KAAC;IAElB,MAAMiB,qBAAqBR,OAAMS,WAAW,CAAC,CAACvB;QAC5C,IAAID,kBAAkBC,WAAW;YAC/BA,SAASkB,cAAcG,OAAO;QAChC;IACF,GAAG,EAAE;IAEL,OAAOG,gBAAgBvB,QAAQI,KAAK,IAAI;QAACJ,QAAQI,KAAK;QAAEiB;KAAmB,GAAG;QAACV;QAAeC;KAAiB;AACjH;AAEA,SAASI,cAAqBQ,KAA4B;IACxD,OAAO,OAAOA,UAAU;AAC1B;AAEA;;;;CAIC,GACD,MAAMD,kBAAkB,CAAIE;IAC1B;IAEA,MAAM,CAACC,aAAa,GAAGb,OAAMC,QAAQ,CAAU,IAAMW,oBAAoBpB;IAEzE,IAAIJ,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACzC,wFAAwF;QACxF,sDAAsD;QACtDU,OAAMM,SAAS,CAAC;YACd,IAAIO,iBAAkBD,CAAAA,oBAAoBpB,SAAQ,GAAI;gBACpD,MAAMG,QAAQ,IAAIC;gBAElB,MAAMkB,iBAAiBD,eACnB,0CACA;gBAEJ,MAAME,mBAAmBF,eAAe,4BAA4B;gBAEpE,sCAAsC;gBACtCnB,QAAQC,KAAK,CAAuB,CAAC;wBAEX,EAAEmB,eAAe,mDAAmD,EAAEC,iBAAiB;;;AAG/G,EAAEpB,MAAME,KAAK,EACd;YACH;QACF,GAAG;YAACgB;YAAcD;SAAgB;IACpC;IAEA,OAAOC;AACT"}

package/lib-commonjs/hooks/useId.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/useId.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { defaultSSRContextValue, useSSRContext } from '../ssr/index';\n\nconst IdPrefixContext = React.createContext<string | undefined>(undefined);\n\n/**\n * Allows to define a prefix that will be used for all IDs generated by useId() hook. It's useful to avoid collisions\n * between different bundles.\n */\nexport const IdPrefixProvider = IdPrefixContext.Provider;\n\nfunction useIdPrefix(): string {\n  return React.useContext(IdPrefixContext) || '';\n}\n\n/**\n * Resets generated IDs, should be used only in tests.\n */\nexport function resetIdsForTests(): void {\n  defaultSSRContextValue.current = 0;\n}\n\n/**\n * Hook to generate a unique ID.\n *\n * @param prefix - Optional prefix for the ID. Defaults to 'fui-'.\n * @param providedId - Optional id provided by a parent component. Defaults to the provided value if present,\n *  without conditioning the hook call\n * @returns The ID\n */\nexport function useId(prefix: string = 'fui-', providedId?: string): string {\n  'use no memo';\n\n  const contextValue = useSSRContext();\n  const idPrefix = useIdPrefix();\n\n  // Checking if useId is available on React, if it is, we use it to generate the id. String concatenation is used to\n  // prevent bundlers from complaining with older versions of React.\n  const _useId = (React as never)['use' + 'Id'] as (() => string) | undefined;\n\n  if (_useId) {\n    const generatedId = _useId();\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const escapedId = React.useMemo(() => generatedId.replace(/:/g, ''), [generatedId]);\n\n    return providedId || `${idPrefix}${prefix}${escapedId}`;\n  }\n\n  // Hooks appear to be running conditionally, but they will always run in the same order since it's based on\n  // the version of React being used. This is safe to ignore.\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return React.useMemo(() => {\n    if (providedId) {\n      return providedId;\n    }\n\n    // eslint-disable-next-line react-hooks/immutability\n    return `${idPrefix}${prefix}${++contextValue.current}`;\n  }, [idPrefix, prefix, providedId, contextValue]);\n}\n"],"names":["IdPrefixProvider","resetIdsForTests","useId","IdPrefixContext","React","createContext","undefined","Provider","useIdPrefix","useContext","defaultSSRContextValue","current","prefix","providedId","contextValue","useSSRContext","idPrefix","_useId","generatedId","escapedId","useMemo","replace"],"mappings":"AAAA;;;;;;;;;;;;IAWaA,gBAAgB;eAAhBA;;IASGC,gBAAgB;eAAhBA;;IAYAC,KAAK;eAALA;;;;iEA9BO;uBAC+B;AAEtD,MAAMC,kBAAkBC,OAAMC,aAAa,CAAqBC;AAMzD,MAAMN,mBAAmBG,gBAAgBI,QAAQ;AAExD,SAASC;IACP,OAAOJ,OAAMK,UAAU,CAACN,oBAAoB;AAC9C;AAKO,SAASF;IACdS,6BAAsB,CAACC,OAAO,GAAG;AACnC;AAUO,SAAST,MAAMU,SAAiB,MAAM,EAAEC,UAAmB;IAChE;IAEA,MAAMC,eAAeC,IAAAA,oBAAa;IAClC,MAAMC,WAAWR;IAEjB,mHAAmH;IACnH,kEAAkE;IAClE,MAAMS,SAAS,AAACb,MAAe,CAAC,QAAQ,KAAK;IAE7C,IAAIa,QAAQ;QACV,MAAMC,cAAcD;QAEpB,sDAAsD;QACtD,MAAME,YAAYf,OAAMgB,OAAO,CAAC,IAAMF,YAAYG,OAAO,CAAC,MAAM,KAAK;YAACH;SAAY;QAElF,OAAOL,cAAc,GAAGG,WAAWJ,SAASO,WAAW;IACzD;IAEA,2GAA2G;IAC3G,2DAA2D;IAC3D,sDAAsD;IACtD,OAAOf,OAAMgB,OAAO,CAAC;QACnB,IAAIP,YAAY;YACd,OAAOA;QACT;QAEA,oDAAoD;QACpD,OAAO,GAAGG,WAAWJ,SAAS,EAAEE,aAAaH,OAAO,EAAE;IACxD,GAAG;QAACK;QAAUJ;QAAQC;QAAYC;KAAa;AACjD"}