@fluentui-copilot/react-prompt-listbox 0.8.0 → 0.8.1-hotfix.1

package/lib/components/utils/useTriggerKeyDown.js

@@ -2,148 +2,139 @@
  * Note, this is mainly brought from Fluent UI, only removed the closing and
  * opening logic since that's not needed for this use case and added the bluring
  * functionality.
- */import * as React from 'react';
+ */ import * as React from 'react';
 import { useSetKeyboardNavigation } from '@fluentui/react-tabster';
 import { useEventCallback } from '@fluentui/react-utilities';
 import { getDropdownActionFromKey } from './dropdownKeyActions';
 import { ArrowLeft, ArrowRight } from '@fluentui/keyboard-keys';
 export function useTriggerKeydown(options) {
-  const {
-    activeDescendantController,
-    getOptionById,
-    selectOption,
-    multiselect,
-    open,
-    cursorPosition,
-    onBlur,
-    allowArrowUpNavigation,
-    isInSelectionMode,
-    setSelectionMode
-  } = options;
-  const getActiveOption = React.useCallback(() => {
-    const activeOptionId = activeDescendantController.active();
-    return activeOptionId ? getOptionById(activeOptionId) : undefined;
-  }, [activeDescendantController, getOptionById]);
-  const first = () => {
-    activeDescendantController.first();
-  };
-  const last = () => {
-    activeDescendantController.last();
-  };
-  const blur = () => {
-    activeDescendantController.blur();
-    onBlur();
-  };
-  const next = activeOption => {
-    if (activeOption) {
-      activeDescendantController.next();
-    } else {
-      activeDescendantController.first();
-    }
-  };
-  const previous = activeOption => {
-    if (activeOption) {
-      activeDescendantController.prev();
-    } else {
-      activeDescendantController.first();
-    }
-  };
-  const pageUp = () => {
-    for (let i = 0; i < 10; i++) {
-      activeDescendantController.prev();
-    }
-  };
-  const pageDown = () => {
-    for (let i = 0; i < 10; i++) {
-      activeDescendantController.next();
-    }
-  };
-  const setKeyboardNavigation = useSetKeyboardNavigation();
-  return useEventCallback(e => {
-    const action = getDropdownActionFromKey(e, {
-      open,
-      multiselect,
-      cursorPosition,
-      allowArrowUpNavigation,
-      isInSelectionMode
-    });
-    const activeOption = getActiveOption();
-    const firstOption = activeDescendantController.first({
-      passive: true
-    });
-    if (e.key === ArrowLeft || e.key === ArrowRight || action === 'Type') {
-      setSelectionMode(false);
-    } else if (action === 'Next' || action === 'Previous' || action === 'First' || action === 'Last' || action === 'PageUp' || action === 'PageDown') {
-      setSelectionMode(true);
-    }
-    switch (action) {
-      case 'Last':
-      case 'First':
-      case 'PageDown':
-      case 'PageUp':
-      case 'CloseSelect':
-      case 'Select':
-        e.preventDefault();
-        break;
-      case 'Previous':
-        e.preventDefault();
-        break;
-      case 'Next':
-        e.preventDefault();
-        break;
-    }
-    setKeyboardNavigation(true);
-    switch (action) {
-      case 'First':
-        first();
-        if (!isInSelectionMode) {
-          setSelectionMode(true);
+    const { activeDescendantController, getOptionById, selectOption, multiselect, open, cursorPosition, onBlur, allowArrowUpNavigation, isInSelectionMode, setSelectionMode } = options;
+    const getActiveOption = React.useCallback(()=>{
+        const activeOptionId = activeDescendantController.active();
+        return activeOptionId ? getOptionById(activeOptionId) : undefined;
+    }, [
+        activeDescendantController,
+        getOptionById
+    ]);
+    const first = ()=>{
+        activeDescendantController.first();
+    };
+    const last = ()=>{
+        activeDescendantController.last();
+    };
+    const blur = ()=>{
+        activeDescendantController.blur();
+        onBlur();
+    };
+    const next = (activeOption)=>{
+        if (activeOption) {
+            activeDescendantController.next();
+        } else {
+            activeDescendantController.first();
+        }
+    };
+    const previous = (activeOption)=>{
+        if (activeOption) {
+            activeDescendantController.prev();
+        } else {
+            activeDescendantController.first();
         }
-        break;
-      case 'Last':
-        last();
-        if (!isInSelectionMode) {
-          setSelectionMode(true);
+    };
+    const pageUp = ()=>{
+        for(let i = 0; i < 10; i++){
+            activeDescendantController.prev();
         }
-        break;
-      case 'Next':
-        next(activeOption);
-        if (!isInSelectionMode) {
-          setSelectionMode(true);
+    };
+    const pageDown = ()=>{
+        for(let i = 0; i < 10; i++){
+            activeDescendantController.next();
         }
-        break;
-      case 'Previous':
-        // when active option is the first option and the action was "Previous",
-        // this means we were in the first option and we are "leaving" the listbox
-        if (activeOption && activeOption.id !== firstOption) {
-          previous(activeOption);
-          if (!isInSelectionMode) {
+    };
+    const setKeyboardNavigation = useSetKeyboardNavigation();
+    return useEventCallback((e)=>{
+        const action = getDropdownActionFromKey(e, {
+            open,
+            multiselect,
+            cursorPosition,
+            allowArrowUpNavigation,
+            isInSelectionMode
+        });
+        const activeOption = getActiveOption();
+        const firstOption = activeDescendantController.first({
+            passive: true
+        });
+        if (e.key === ArrowLeft || e.key === ArrowRight || action === 'Type') {
+            setSelectionMode(false);
+        } else if (action === 'Next' || action === 'Previous' || action === 'First' || action === 'Last' || action === 'PageUp' || action === 'PageDown') {
             setSelectionMode(true);
-          }
-        } else {
-          blur();
-          setSelectionMode(false);
         }
-        break;
-      case 'PageDown':
-        pageDown();
-        break;
-      case 'PageUp':
-        pageUp();
-        break;
-      case 'CloseSelect':
-        if (!multiselect && !(activeOption === null || activeOption === void 0 ? void 0 : activeOption.disabled)) {
-          blur();
-          setSelectionMode(false);
+        switch(action){
+            case 'Last':
+            case 'First':
+            case 'PageDown':
+            case 'PageUp':
+            case 'CloseSelect':
+            case 'Select':
+                e.preventDefault();
+                break;
+            case 'Previous':
+                e.preventDefault();
+                break;
+            case 'Next':
+                e.preventDefault();
+                break;
         }
-      // fallthrough
-      case 'Select':
-        activeOption && selectOption(e, activeOption);
-        break;
-      case 'Tab':
-        !multiselect && activeOption && selectOption(e, activeOption);
-        break;
-    }
-  });
+        setKeyboardNavigation(true);
+        switch(action){
+            case 'First':
+                first();
+                if (!isInSelectionMode) {
+                    setSelectionMode(true);
+                }
+                break;
+            case 'Last':
+                last();
+                if (!isInSelectionMode) {
+                    setSelectionMode(true);
+                }
+                break;
+            case 'Next':
+                next(activeOption);
+                if (!isInSelectionMode) {
+                    setSelectionMode(true);
+                }
+                break;
+            case 'Previous':
+                // when active option is the first option and the action was "Previous",
+                // this means we were in the first option and we are "leaving" the listbox
+                if (activeOption && activeOption.id !== firstOption) {
+                    previous(activeOption);
+                    if (!isInSelectionMode) {
+                        setSelectionMode(true);
+                    }
+                } else {
+                    blur();
+                    setSelectionMode(false);
+                }
+                break;
+            case 'PageDown':
+                pageDown();
+                break;
+            case 'PageUp':
+                pageUp();
+                break;
+            case 'CloseSelect':
+                if (!multiselect && !(activeOption === null || activeOption === void 0 ? void 0 : activeOption.disabled)) {
+                    blur();
+                    setSelectionMode(false);
+                }
+            // fallthrough
+            case 'Select':
+                activeOption && selectOption(e, activeOption);
+                break;
+            case 'Tab':
+                !multiselect && activeOption && selectOption(e, activeOption);
+                break;
+        }
+    });
 }
-//# sourceMappingURL=useTriggerKeyDown.js.map

package/lib/index.js

@@ -3,4 +3,3 @@ export { usePromptListboxFunctionality } from './components/utils/usePromptListb
 export { usePromptListboxFunctionality as usePromptListboxFunctionalityDeprecated } from './components/utils/usePromptListboxFunctionality';
 export { PromptOption, promptOptionClassNames, renderPromptOption_unstable, usePromptOptionStyles_unstable, usePromptOption_unstable } from './PromptOption';
 export { Option, optionClassNames, renderOption_unstable, useOption_unstable, useInputListboxOptionStyles_unstable } from '@fluentui-copilot/react-input-listbox';
-//# sourceMappingURL=index.js.map

package/lib/plugins/CursorPositionPlugin.js

@@ -1,43 +1,43 @@
 import { $isSentinelNode } from '@fluentui-copilot/chat-input-plugins';
 import { SELECTION_CHANGE_COMMAND, $getSelection, useLexicalComposerContext, $isRangeSelection, $isElementNode, COMMAND_PRIORITY_HIGH } from '@fluentui-copilot/react-text-editor';
 import * as React from 'react';
-export const CursorPositionPlugin = ({
-  setCursorPosition
-}) => {
-  const [editor] = useLexicalComposerContext();
-  React.useEffect(() => {
-    const $selectionChangeHandler = () => {
-      const selection = $getSelection();
-      // If selection is null, the cursor is not active in the editor and we should just noop
-      if (selection === null || !$isRangeSelection(selection) || !selection.isCollapsed()) {
-        setCursorPosition('between-text');
-        return false;
-      }
-      // Should only be one node in the selection because the selection is collapsed
-      const selectedNode = selection.getNodes().at(0);
-      // If there's no selected node, focus isn't in the editor
-      if (!selectedNode) {
-        return false;
-      }
-      // If there are no leaf nodes, the paragraph node will be selected
-      if ($isElementNode(selectedNode)) {
-        setCursorPosition('start-end');
-        return false;
-      } else if ($isSentinelNode(selectedNode) && !selectedNode.getNextSibling()) {
-        setCursorPosition('end');
-        return false;
-      } else if ($isSentinelNode(selectedNode.getNextSibling()) && selection.focus.offset === selectedNode.getTextContentSize()) {
-        setCursorPosition('end');
-        return false;
-      } else if (selectedNode.getPreviousSibling() === null && selection.focus.offset === 0) {
-        setCursorPosition('start');
-        return false;
-      }
-      setCursorPosition('between-text');
-      return false;
-    };
-    return editor.registerCommand(SELECTION_CHANGE_COMMAND, $selectionChangeHandler, COMMAND_PRIORITY_HIGH);
-  }, [editor, setCursorPosition]);
-  return null;
+export const CursorPositionPlugin = ({ setCursorPosition })=>{
+    const [editor] = useLexicalComposerContext();
+    React.useEffect(()=>{
+        const $selectionChangeHandler = ()=>{
+            const selection = $getSelection();
+            // If selection is null, the cursor is not active in the editor and we should just noop
+            if (selection === null || !$isRangeSelection(selection) || !selection.isCollapsed()) {
+                setCursorPosition('between-text');
+                return false;
+            }
+            // Should only be one node in the selection because the selection is collapsed
+            const selectedNode = selection.getNodes().at(0);
+            // If there's no selected node, focus isn't in the editor
+            if (!selectedNode) {
+                return false;
+            }
+            // If there are no leaf nodes, the paragraph node will be selected
+            if ($isElementNode(selectedNode)) {
+                setCursorPosition('start-end');
+                return false;
+            } else if ($isSentinelNode(selectedNode) && !selectedNode.getNextSibling()) {
+                setCursorPosition('end');
+                return false;
+            } else if ($isSentinelNode(selectedNode.getNextSibling()) && selection.focus.offset === selectedNode.getTextContentSize()) {
+                setCursorPosition('end');
+                return false;
+            } else if (selectedNode.getPreviousSibling() === null && selection.focus.offset === 0) {
+                setCursorPosition('start');
+                return false;
+            }
+            setCursorPosition('between-text');
+            return false;
+        };
+        return editor.registerCommand(SELECTION_CHANGE_COMMAND, $selectionChangeHandler, COMMAND_PRIORITY_HIGH);
+    }, [
+        editor,
+        setCursorPosition
+    ]);
+    return null;
 };
-//# sourceMappingURL=CursorPositionPlugin.js.map

package/lib-commonjs/PromptListbox.js

@@ -26,4 +26,3 @@ _export(exports, {
     }
 });
 const _index = require("./components/PromptListbox/index");
- //# sourceMappingURL=PromptListbox.js.map

package/lib-commonjs/PromptOption.js

@@ -26,4 +26,3 @@ _export(exports, {
     }
 });
 const _index = require("./components/PromptOption/index");
- //# sourceMappingURL=PromptOption.js.map

package/lib-commonjs/components/PromptListbox/PromptListbox.js

@@ -20,4 +20,4 @@ const PromptListbox = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     (0, _usePromptListboxStylesstyles.usePromptListboxStyles_unstable)(state);
     return (0, _renderPromptListbox.renderPromptListbox_unstable)(state, contextValues);
 });
-PromptListbox.displayName = 'PromptListbox'; //# sourceMappingURL=PromptListbox.js.map
+PromptListbox.displayName = 'PromptListbox';

package/lib-commonjs/components/PromptListbox/PromptListbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PromptListbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePromptListbox_unstable } from './usePromptListbox';\nimport { renderPromptListbox_unstable } from './renderPromptListbox';\nimport { usePromptListboxStyles_unstable } from './usePromptListboxStyles.styles';\nimport { usePromptListboxContextValues } from './usePromptListboxContextValues';\nimport type { PromptListboxProps } from './PromptListbox.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n/**@deprecated - use InputListbox instead */\nexport const PromptListbox: ForwardRefComponent<PromptListboxProps> = React.forwardRef((props, ref) => {\n  const state = usePromptListbox_unstable(props, ref);\n  const contextValues = usePromptListboxContextValues(state);\n\n  usePromptListboxStyles_unstable(state);\n  return renderPromptListbox_unstable(state, contextValues);\n});\n\nPromptListbox.displayName = 'PromptListbox';\n"],"names":["state","usePromptListbox_unstable","props","ref","contextValues","usePromptListboxContextValues","usePromptListboxStyles_unstable","renderPromptListbox_unstable","PromptListbox"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUQA;;;eAAAA;;;;iEAVe;kCACmB;qCACG;8CACG;+CACF;AAM5C,MAAMA,gBAAQC,WAAAA,GAAAA,OAA0BC,UAAOC,CAAAA,CAAAA,OAAAA;UAC/CH,QAAMI,IAAAA,2CAAgBC,EAAAA,OAAAA;UAEtBC,gBAAAA,IAAAA,4DAAgCN,EAAAA;qEACzBO,EAAAA;IACT,OAAGA,IAAAA,iDAAA,EAAAP,OAAAI;AAEHI"}
+{"version":3,"sources":["PromptListbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePromptListbox_unstable } from './usePromptListbox';\nimport { renderPromptListbox_unstable } from './renderPromptListbox';\nimport { usePromptListboxStyles_unstable } from './usePromptListboxStyles.styles';\nimport { usePromptListboxContextValues } from './usePromptListboxContextValues';\nimport type { PromptListboxProps } from './PromptListbox.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n/**@deprecated - use InputListbox instead */\nexport const PromptListbox: ForwardRefComponent<PromptListboxProps> = React.forwardRef((props, ref) => {\n  const state = usePromptListbox_unstable(props, ref);\n  const contextValues = usePromptListboxContextValues(state);\n\n  usePromptListboxStyles_unstable(state);\n  return renderPromptListbox_unstable(state, contextValues);\n});\n\nPromptListbox.displayName = 'PromptListbox';\n"],"names":["PromptListbox","React","forwardRef","props","ref","state","usePromptListbox_unstable","contextValues","usePromptListboxContextValues","usePromptListboxStyles_unstable","renderPromptListbox_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;kCACmB;qCACG;8CACG;+CACF;AAKvC,MAAMA,gBAAAA,WAAAA,GAAyDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQC,IAAAA,2CAAAA,EAA0BH,OAAOC;IAC/C,MAAMG,gBAAgBC,IAAAA,4DAAAA,EAA8BH;IAEpDI,IAAAA,6DAAAA,EAAgCJ;IAChC,OAAOK,IAAAA,iDAAAA,EAA6BL,OAAOE;AAC7C;AAEAP,cAAcW,WAAW,GAAG"}

package/lib-commonjs/components/PromptListbox/PromptListbox.types.js

@@ -2,4 +2,3 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
- //# sourceMappingURL=PromptListbox.types.js.map

package/lib-commonjs/components/PromptListbox/index.js

@@ -29,4 +29,3 @@ const _PromptListbox = require("./PromptListbox");
 const _renderPromptListbox = require("./renderPromptListbox");
 const _usePromptListbox = require("./usePromptListbox");
 const _usePromptListboxStylesstyles = require("./usePromptListboxStyles.styles");
- //# sourceMappingURL=index.js.map

package/lib-commonjs/components/PromptListbox/renderPromptListbox.js

@@ -27,4 +27,4 @@ const renderPromptListbox_unstable = (state, contextValues)=>{
             })
         })
     });
-}; //# sourceMappingURL=renderPromptListbox.js.map
+};

package/lib-commonjs/components/PromptListbox/renderPromptListbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderPromptListbox.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots, ListboxProvider, Portal } from '@fluentui/react-components';\nimport { ActiveDescendantContextProvider } from '@fluentui/react-aria';\nimport type { PromptListboxState, PromptListboxSlots, PromptListboxContextValues } from './PromptListbox.types';\n\n/**\n * Render the final JSX of PromptListbox\n */\nexport const renderPromptListbox_unstable = (state: PromptListboxState, contextValues: PromptListboxContextValues) => {\n  assertSlots<PromptListboxSlots>(state);\n  const { open } = state;\n\n  return (\n    <ListboxProvider value={contextValues.listbox}>\n      <ActiveDescendantContextProvider value={contextValues.activeDescendant}>\n        <span aria-owns={open ? state.root.id : undefined}>\n          {open &&\n            (state.inlinePopup ? (\n              <state.root />\n            ) : (\n              <Portal mountNode={state.mountNode}>\n                <state.root />\n              </Portal>\n            ))}\n        </span>\n      </ActiveDescendantContextProvider>\n    </ListboxProvider>\n  );\n};\n"],"names":["assertSlots","state","open","value","contextValues","activeDescendant","listbox","aria-owns","undefined","inlinePopup","mountNode","root","id","_jsx","Portal"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWEA;;;eAAAA;;;4BAXwB;iCAG2B;2BACL;AAO9CA,MAAAA,+BAAgCC,CAAAA,OAAAA;oCACxBC,EAAAA;UAER,MACmBC;sBACyBC,GAAAA,IAAAA,eAAAA,EAAAA,gCAAcC,EAAAA;6BACpDC,OAAA;6BAAMC,GAAAA,IAAAA,eAAWL,EAAAA,0CAAuBM,EAAAA;iCACrCN,gBACQO;iCAGGC,GAAAA,IAAAA,eAAWT,EAAAA,QAAMS;0CACvBC,IAAA,CAAAC,EAAA,GAAAJ;0BAEJN,QAAAD,CAAAA,MAAAQ,WAAA,GAAA,WAAA,GAAAI,IAAAA,eAAA,EAAAZ,MAAAU,IAAA,EAAA,CAAA,KAAA,WAAA,GAAAE,IAAAA,eAAA,EAAAC,uBAAA,EAAA;;;;YAKV"}
+{"version":3,"sources":["renderPromptListbox.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots, ListboxProvider, Portal } from '@fluentui/react-components';\nimport { ActiveDescendantContextProvider } from '@fluentui/react-aria';\nimport type { PromptListboxState, PromptListboxSlots, PromptListboxContextValues } from './PromptListbox.types';\n\n/**\n * Render the final JSX of PromptListbox\n */\nexport const renderPromptListbox_unstable = (state: PromptListboxState, contextValues: PromptListboxContextValues) => {\n  assertSlots<PromptListboxSlots>(state);\n  const { open } = state;\n\n  return (\n    <ListboxProvider value={contextValues.listbox}>\n      <ActiveDescendantContextProvider value={contextValues.activeDescendant}>\n        <span aria-owns={open ? state.root.id : undefined}>\n          {open &&\n            (state.inlinePopup ? (\n              <state.root />\n            ) : (\n              <Portal mountNode={state.mountNode}>\n                <state.root />\n              </Portal>\n            ))}\n        </span>\n      </ActiveDescendantContextProvider>\n    </ListboxProvider>\n  );\n};\n"],"names":["renderPromptListbox_unstable","state","contextValues","assertSlots","open","_jsx","ListboxProvider","value","listbox","ActiveDescendantContextProvider","activeDescendant","span","aria-owns","root","id","undefined","inlinePopup","Portal","mountNode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;4BATb;iCAEqD;2BACL;AAMzC,MAAMA,+BAA+B,CAACC,OAA2BC;IACtEC,IAAAA,4BAAAA,EAAgCF;IAChC,MAAM,EAAEG,IAAI,EAAE,GAAGH;IAEjB,OAAA,WAAA,GACEI,IAAAA,eAAA,EAACC,gCAAAA,EAAAA;QAAgBC,OAAOL,cAAcM,OAAO;kBAC3C,WAAA,GAAAH,IAAAA,eAAA,EAACI,0CAAAA,EAAAA;YAAgCF,OAAOL,cAAcQ,gBAAgB;sBACpE,WAAA,GAAAL,IAAAA,eAAA,EAACM,QAAAA;gBAAKC,aAAWR,OAAOH,MAAMY,IAAI,CAACC,EAAE,GAAGC;0BACrCX,QACEH,CAAAA,MAAMe,WAAW,GAAA,WAAA,GAChBX,IAAAA,eAAA,EAACJ,MAAMY,IAAI,EAAA,CAAA,KAAA,WAAA,GAEXR,IAAAA,eAAA,EAACY,uBAAAA,EAAAA;oBAAOC,WAAWjB,MAAMiB,SAAS;8BAChC,WAAA,GAAAb,IAAAA,eAAA,EAACJ,MAAMY,IAAI,EAAA,CAAA;;;;;AAO3B"}

package/lib-commonjs/components/PromptListbox/usePromptListbox.js

@@ -66,4 +66,4 @@ const deprecatedPropsDefaults = {
     focusVisible: false,
     setActiveOption: noop,
     onOptionClick: noop
-}; //# sourceMappingURL=usePromptListbox.js.map
+};

package/lib-commonjs/components/PromptListbox/usePromptListbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePromptListbox.ts"],"sourcesContent":["import type * as React from 'react';\nimport { Listbox, slot, useMergedRefs } from '@fluentui/react-components';\nimport { mergeCallbacks, useEventCallback, useId } from '@fluentui/react-utilities';\nimport type { PromptListboxProps, PromptListboxState } from './PromptListbox.types';\nimport type { PromptListboxContextState } from './usePromptListboxContextValues';\nimport type { ActiveDescendantChangeEvent } from '@fluentui/react-aria';\n\n// If you add JSX to this file, be sure to change the file type to .tsx\n\n/**\n * Create the state required to render PromptListbox.\n *\n * The returned state can be modified with hooks such as usePromptListboxStyles_unstable,\n * before being passed to renderPromptListbox_unstable.\n *\n * @param props - props from this instance of PromptListbox\n * @param ref - reference to root HTMLElement of PromptListbox\n */\nexport const usePromptListbox_unstable = (\n  props: PromptListboxProps,\n  ref: React.Ref<HTMLDivElement>,\n): PromptListboxState => {\n  const {\n    id,\n    onActiveOptionChange,\n    inlinePopup = false,\n    mountNode = undefined,\n    open = true,\n    activeDescendantController,\n    getOptionById,\n    getOptionsMatchingValue,\n    selectedOptions,\n    selectOption,\n    registerOption,\n  } = props;\n  const listboxId = useId('prompt-listbox', id);\n\n  const onActiveDescendantChange = useEventCallback((event: ActiveDescendantChangeEvent) => {\n    const previousOption = event.detail.previousId ? getOptionById(event.detail.previousId) : null;\n    const nextOption = getOptionById(event.detail.id);\n    onActiveOptionChange?.(event, { event, type: 'change', previousOption, nextOption });\n  });\n\n  const state: PromptListboxState = {\n    ...deprecatedPropsDefaults,\n    open,\n    getOptionById,\n    getOptionsMatchingValue,\n    selectedOptions,\n    selectOption,\n    registerOption,\n    onActiveDescendantChange,\n    activeDescendantController,\n    inlinePopup,\n    mountNode,\n\n    components: {\n      root: Listbox,\n    },\n\n    root: slot.always(\n      { ...props, selectedOptions },\n      {\n        defaultProps: {\n          disableAutoFocus: true,\n          id: listboxId,\n          tabIndex: undefined,\n          role: 'listbox',\n        },\n        elementType: Listbox,\n      },\n    ),\n  };\n\n  state.root.ref = useMergedRefs(ref, state.root.ref);\n  state.root.onMouseDown = useEventCallback(\n    mergeCallbacks((event: React.MouseEvent<HTMLDivElement>) => {\n      event.preventDefault();\n    }, state.root.onMouseDown),\n  );\n\n  state.root.onClick = useEventCallback(\n    mergeCallbacks((event: React.MouseEvent<HTMLDivElement>) => {\n      event.preventDefault();\n    }, state.root.onClick),\n  );\n\n  return state;\n};\n\nconst noop = () => null;\n\nconst deprecatedPropsDefaults: Pick<\n  PromptListboxContextState,\n  'activeOption' | 'focusVisible' | 'setActiveOption' | 'onOptionClick'\n> = {\n  activeOption: undefined,\n  focusVisible: false,\n  setActiveOption: noop,\n  onOptionClick: noop,\n};\n"],"names":["id","inlinePopup","previousOption","nextOption","onActiveOptionChange","event","selectOption","registerOption","open","getOptionById","getOptionsMatchingValue","selectedOptions","onActiveDescendantChange","root","elementType","Listbox","state","ref","useMergedRefs","onClick","preventDefault","tabIndex","role","noop","deprecatedPropsDefaults","activeOption","setActiveOption","onOptionClick"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAuBIA;;;eAAAA;;;iCAtByC;gCACW;AAoBtD,MACEA,4BAEAC,CAAAA,OAAAA;UAUF,EAEAD,EAAA,sBACQE,gBACAC,KAAAA,cACNC,SAAAA,aAAgCC,4BAAa,eAAUH,yBAAgBC,iBAAW,EACpFG,YAAA,EAEAC,cAAkC;UAEhCC,YAAAA,IAAAA,qBAAAA,EAAAA,kBAAAA;UACAC,2BAAAA,IAAAA,gCAAAA,EAAAA,CAAAA;cACAC,iBAAAA,MAAAA,MAAAA,CAAAA,UAAAA,GAAAA,cAAAA,MAAAA,MAAAA,CAAAA,UAAAA,IAAAA;cACAC,aAAAA,cAAAA,MAAAA,MAAAA,CAAAA,EAAAA;iCACAL,QAAAA,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAAA,OAAAA;;kBAEAM;;;;;kBAMEC;kCACF;;;;;;;;;;;oBAWIC;kBACFC,wBAAA;QAEJ;QAEAC,MAAMH,qBAAI,CAACI,MAAMC,CAAAA;YACjBF,GAAAA,KAAU;;QAGR,GAAGA;YAGLA,cAAWG;gBAEPd,kBAAMe;gBACLJ,IAAAA;gBAGLK,UAAOL;gBACPM,MAAA;YAEIC;YAEAC,aAAAA,wBAAAA;QAIJC;;UAEAC,IAAAA,CAAAA,GAAAA,GAAAA,IAAAA,8BAAiBH,EAAAA,KAAAA,MAAAA,IAAAA,CAAAA,GAAAA;UACjBI,IAAAA,CAAAA,WAAeJ,GAAAA,IAAAA,gCAAAA,EAAAA,IAAAA,8BAAAA,EAAAA,CAAAA;QACjBlB,MAAAe,cAAA"}
+{"version":3,"sources":["usePromptListbox.ts"],"sourcesContent":["import type * as React from 'react';\nimport { Listbox, slot, useMergedRefs } from '@fluentui/react-components';\nimport { mergeCallbacks, useEventCallback, useId } from '@fluentui/react-utilities';\nimport type { PromptListboxProps, PromptListboxState } from './PromptListbox.types';\nimport type { PromptListboxContextState } from './usePromptListboxContextValues';\nimport type { ActiveDescendantChangeEvent } from '@fluentui/react-aria';\n\n// If you add JSX to this file, be sure to change the file type to .tsx\n\n/**\n * Create the state required to render PromptListbox.\n *\n * The returned state can be modified with hooks such as usePromptListboxStyles_unstable,\n * before being passed to renderPromptListbox_unstable.\n *\n * @param props - props from this instance of PromptListbox\n * @param ref - reference to root HTMLElement of PromptListbox\n */\nexport const usePromptListbox_unstable = (\n  props: PromptListboxProps,\n  ref: React.Ref<HTMLDivElement>,\n): PromptListboxState => {\n  const {\n    id,\n    onActiveOptionChange,\n    inlinePopup = false,\n    mountNode = undefined,\n    open = true,\n    activeDescendantController,\n    getOptionById,\n    getOptionsMatchingValue,\n    selectedOptions,\n    selectOption,\n    registerOption,\n  } = props;\n  const listboxId = useId('prompt-listbox', id);\n\n  const onActiveDescendantChange = useEventCallback((event: ActiveDescendantChangeEvent) => {\n    const previousOption = event.detail.previousId ? getOptionById(event.detail.previousId) : null;\n    const nextOption = getOptionById(event.detail.id);\n    onActiveOptionChange?.(event, { event, type: 'change', previousOption, nextOption });\n  });\n\n  const state: PromptListboxState = {\n    ...deprecatedPropsDefaults,\n    open,\n    getOptionById,\n    getOptionsMatchingValue,\n    selectedOptions,\n    selectOption,\n    registerOption,\n    onActiveDescendantChange,\n    activeDescendantController,\n    inlinePopup,\n    mountNode,\n\n    components: {\n      root: Listbox,\n    },\n\n    root: slot.always(\n      { ...props, selectedOptions },\n      {\n        defaultProps: {\n          disableAutoFocus: true,\n          id: listboxId,\n          tabIndex: undefined,\n          role: 'listbox',\n        },\n        elementType: Listbox,\n      },\n    ),\n  };\n\n  state.root.ref = useMergedRefs(ref, state.root.ref);\n  state.root.onMouseDown = useEventCallback(\n    mergeCallbacks((event: React.MouseEvent<HTMLDivElement>) => {\n      event.preventDefault();\n    }, state.root.onMouseDown),\n  );\n\n  state.root.onClick = useEventCallback(\n    mergeCallbacks((event: React.MouseEvent<HTMLDivElement>) => {\n      event.preventDefault();\n    }, state.root.onClick),\n  );\n\n  return state;\n};\n\nconst noop = () => null;\n\nconst deprecatedPropsDefaults: Pick<\n  PromptListboxContextState,\n  'activeOption' | 'focusVisible' | 'setActiveOption' | 'onOptionClick'\n> = {\n  activeOption: undefined,\n  focusVisible: false,\n  setActiveOption: noop,\n  onOptionClick: noop,\n};\n"],"names":["usePromptListbox_unstable","props","ref","id","onActiveOptionChange","inlinePopup","mountNode","undefined","open","activeDescendantController","getOptionById","getOptionsMatchingValue","selectedOptions","selectOption","registerOption","listboxId","useId","onActiveDescendantChange","useEventCallback","event","previousOption","detail","previousId","nextOption","type","state","deprecatedPropsDefaults","components","root","Listbox","slot","always","defaultProps","disableAutoFocus","tabIndex","role","elementType","useMergedRefs","onMouseDown","mergeCallbacks","preventDefault","onClick","noop","activeOption","focusVisible","setActiveOption","onOptionClick"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAkBaA;;;eAAAA;;;iCAjBgC;gCACW;AAgBjD,MAAMA,4BAA4B,CACvCC,OACAC;IAEA,MAAM,EACJC,EAAE,EACFC,oBAAoB,EACpBC,cAAc,KAAK,EACnBC,YAAYC,SAAS,EACrBC,OAAO,IAAI,EACXC,0BAA0B,EAC1BC,aAAa,EACbC,uBAAuB,EACvBC,eAAe,EACfC,YAAY,EACZC,cAAc,EACf,GAAGb;IACJ,MAAMc,YAAYC,IAAAA,qBAAAA,EAAM,kBAAkBb;IAE1C,MAAMc,2BAA2BC,IAAAA,gCAAAA,EAAiB,CAACC;QACjD,MAAMC,iBAAiBD,MAAME,MAAM,CAACC,UAAU,GAAGZ,cAAcS,MAAME,MAAM,CAACC,UAAU,IAAI;QAC1F,MAAMC,aAAab,cAAcS,MAAME,MAAM,CAAClB,EAAE;QAChDC,yBAAAA,QAAAA,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAuBe,OAAO;YAAEA;YAAOK,MAAM;YAAUJ;YAAgBG;QAAW;IACpF;IAEA,MAAME,QAA4B;QAChC,GAAGC,uBAAuB;QAC1BlB;QACAE;QACAC;QACAC;QACAC;QACAC;QACAG;QACAR;QACAJ;QACAC;QAEAqB,YAAY;YACVC,MAAMC,wBAAAA;QACR;QAEAD,MAAME,qBAAAA,CAAKC,MAAM,CACf;YAAE,GAAG9B,KAAK;YAAEW;QAAgB,GAC5B;YACEoB,cAAc;gBACZC,kBAAkB;gBAClB9B,IAAIY;gBACJmB,UAAU3B;gBACV4B,MAAM;YACR;YACAC,aAAaP,wBAAAA;QACf;IAEJ;IAEAJ,MAAMG,IAAI,CAAC1B,GAAG,GAAGmC,IAAAA,8BAAAA,EAAcnC,KAAKuB,MAAMG,IAAI,CAAC1B,GAAG;IAClDuB,MAAMG,IAAI,CAACU,WAAW,GAAGpB,IAAAA,gCAAAA,EACvBqB,IAAAA,8BAAAA,EAAe,CAACpB;QACdA,MAAMqB,cAAc;IACtB,GAAGf,MAAMG,IAAI,CAACU,WAAW;IAG3Bb,MAAMG,IAAI,CAACa,OAAO,GAAGvB,IAAAA,gCAAAA,EACnBqB,IAAAA,8BAAAA,EAAe,CAACpB;QACdA,MAAMqB,cAAc;IACtB,GAAGf,MAAMG,IAAI,CAACa,OAAO;IAGvB,OAAOhB;AACT;AAEA,MAAMiB,OAAO,IAAM;AAEnB,MAAMhB,0BAGF;IACFiB,cAAcpC;IACdqC,cAAc;IACdC,iBAAiBH;IACjBI,eAAeJ;AACjB"}

package/lib-commonjs/components/PromptListbox/usePromptListboxContextValues.js

@@ -33,4 +33,4 @@ function usePromptListboxContextValues(state) {
         activeDescendant,
         listbox
     };
-} //# sourceMappingURL=usePromptListboxContextValues.js.map
+}

package/lib-commonjs/components/PromptListbox/usePromptListboxContextValues.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePromptListboxContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComboboxBaseState, ComboboxState, ListboxContextValue } from '@fluentui/react-combobox';\nimport type { PromptListboxContextValues } from './PromptListbox.types';\n\nexport type PromptListboxContextState = Pick<ComboboxBaseState, keyof ListboxContextValue> &\n  Pick<ComboboxState, 'activeDescendantController'>;\n\nexport function usePromptListboxContextValues(state: PromptListboxContextState): PromptListboxContextValues {\n  const {\n    getOptionById,\n    getOptionsMatchingValue,\n    registerOption,\n    selectedOptions,\n    selectOption,\n    activeDescendantController,\n    onOptionClick,\n    onActiveDescendantChange,\n  } = state;\n\n  const activeDescendant = React.useMemo(\n    () => ({\n      controller: activeDescendantController,\n    }),\n    [activeDescendantController],\n  );\n\n  const listbox = {\n    activeOption: undefined,\n    focusVisible: false,\n    getOptionById,\n    getOptionsMatchingValue,\n    registerOption,\n    selectedOptions,\n    selectOption,\n    setActiveOption: () => null,\n    onOptionClick,\n    onActiveDescendantChange,\n  };\n\n  return {\n    activeDescendant,\n    listbox,\n  };\n}\n"],"names":["usePromptListboxContextValues","state","getOptionById","activeDescendant","activeDescendantController","activeOption","getOptionsMatchingValue","registerOption","selectedOptions","selectOption","setActiveOption","onOptionClick"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOgBA;;;eAAAA;;;;iEAPO;AAOhB,SAASA,8BAA8BC,KAAgC;UAC5E,EAWAC,aAAMC,yBAEUC,gBAEd,iBAACA,cAA2B,EAG9BA,0BAAgB,eACdC,0BACc;UAEdC,mBAAAA,OAAAA,OAAAA,CAAAA,IAAAA,CAAAA;wBACAC;;;KACAC;UACAC,UAAAA;sBACAC;sBACAC;;QAEFL;QAEAC;;;QAGAG,iBAAA,IAAA;QACFC"}
+{"version":3,"sources":["usePromptListboxContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComboboxBaseState, ComboboxState, ListboxContextValue } from '@fluentui/react-combobox';\nimport type { PromptListboxContextValues } from './PromptListbox.types';\n\nexport type PromptListboxContextState = Pick<ComboboxBaseState, keyof ListboxContextValue> &\n  Pick<ComboboxState, 'activeDescendantController'>;\n\nexport function usePromptListboxContextValues(state: PromptListboxContextState): PromptListboxContextValues {\n  const {\n    getOptionById,\n    getOptionsMatchingValue,\n    registerOption,\n    selectedOptions,\n    selectOption,\n    activeDescendantController,\n    onOptionClick,\n    onActiveDescendantChange,\n  } = state;\n\n  const activeDescendant = React.useMemo(\n    () => ({\n      controller: activeDescendantController,\n    }),\n    [activeDescendantController],\n  );\n\n  const listbox = {\n    activeOption: undefined,\n    focusVisible: false,\n    getOptionById,\n    getOptionsMatchingValue,\n    registerOption,\n    selectedOptions,\n    selectOption,\n    setActiveOption: () => null,\n    onOptionClick,\n    onActiveDescendantChange,\n  };\n\n  return {\n    activeDescendant,\n    listbox,\n  };\n}\n"],"names":["usePromptListboxContextValues","state","getOptionById","getOptionsMatchingValue","registerOption","selectedOptions","selectOption","activeDescendantController","onOptionClick","onActiveDescendantChange","activeDescendant","React","useMemo","controller","listbox","activeOption","undefined","focusVisible","setActiveOption"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOgBA;;;eAAAA;;;;iEAPO;AAOhB,SAASA,8BAA8BC,KAAgC;IAC5E,MAAM,EACJC,aAAa,EACbC,uBAAuB,EACvBC,cAAc,EACdC,eAAe,EACfC,YAAY,EACZC,0BAA0B,EAC1BC,aAAa,EACbC,wBAAwB,EACzB,GAAGR;IAEJ,MAAMS,mBAAmBC,OAAMC,OAAO,CACpC,IAAO,CAAA;YACLC,YAAYN;QACd,CAAA,GACA;QAACA;KAA2B;IAG9B,MAAMO,UAAU;QACdC,cAAcC;QACdC,cAAc;QACdf;QACAC;QACAC;QACAC;QACAC;QACAY,iBAAiB,IAAM;QACvBV;QACAC;IACF;IAEA,OAAO;QACLC;QACAI;IACF;AACF"}

package/lib-commonjs/components/PromptListbox/usePromptListboxStyles.styles.raw.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    promptListboxClassNames: function() {
+        return promptListboxClassNames;
+    },
+    usePromptListboxStyles_unstable: function() {
+        return usePromptListboxStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const promptListboxClassNames = {
+    root: 'fai-PromptListbox'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = (0, _reactcomponents.makeStyles)({
+    listbox: {
+        boxShadow: _tokens.tokens.shadow16,
+        borderRadius: _tokens.tokens.borderRadiusMedium,
+        maxHeight: '80vh',
+        boxSizing: 'border-box'
+    },
+    listboxCollapsed: {
+        display: 'none'
+    },
+    // When rendering inline, the popupSurface will be rendered under relatively positioned elements such as Input.
+    // This is due to the surface being positioned as absolute, therefore zIndex: 1 ensures that won't happen.
+    inlineListbox: {
+        zIndex: 1
+    }
+});
+const usePromptListboxStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(promptListboxClassNames.root, styles.listbox, state.inlinePopup && styles.inlineListbox, !state.open && styles.listboxCollapsed, state.root.className);
+    return state;
+};

package/lib-commonjs/components/PromptListbox/usePromptListboxStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["usePromptListboxStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PromptListboxSlots, PromptListboxState } from './PromptListbox.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const promptListboxClassNames: SlotClassNames<PromptListboxSlots> = {\n  root: 'fai-PromptListbox',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  listbox: {\n    boxShadow: tokens.shadow16,\n    borderRadius: tokens.borderRadiusMedium,\n    maxHeight: '80vh',\n    boxSizing: 'border-box',\n  },\n\n  listboxCollapsed: {\n    display: 'none',\n  },\n\n  // When rendering inline, the popupSurface will be rendered under relatively positioned elements such as Input.\n  // This is due to the surface being positioned as absolute, therefore zIndex: 1 ensures that won't happen.\n  inlineListbox: {\n    zIndex: 1,\n  },\n});\n\n/**\n * Apply styling to the PromptListbox slots based on the state\n */\nexport const usePromptListboxStyles_unstable = (state: PromptListboxState): PromptListboxState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    promptListboxClassNames.root,\n    styles.listbox,\n    state.inlinePopup && styles.inlineListbox,\n    !state.open && styles.listboxCollapsed,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["promptListboxClassNames","usePromptListboxStyles_unstable","root","useStyles","makeStyles","listbox","boxShadow","tokens","shadow16","borderRadius","borderRadiusMedium","maxHeight","boxSizing","listboxCollapsed","display","inlineListbox","zIndex","state","styles","className","mergeClasses","inlinePopup","open"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,uBAAAA;eAAAA;;IA6BAC,+BAAAA;eAAAA;;;iCAlC4B;wBAClB;AAIhB,MAAMD,0BAA8D;IACzEE,MAAM;AACR;AAEA;;CAEC,GACD,MAAMC,YAAYC,IAAAA,2BAAAA,EAAW;IAC3BC,SAAS;QACPC,WAAWC,cAAAA,CAAOC,QAAQ;QAC1BC,cAAcF,cAAAA,CAAOG,kBAAkB;QACvCC,WAAW;QACXC,WAAW;IACb;IAEAC,kBAAkB;QAChBC,SAAS;IACX;IAEA,+GAA+G;IAC/G,0GAA0G;IAC1GC,eAAe;QACbC,QAAQ;IACV;AACF;AAKO,MAAMf,kCAAkC,CAACgB;IAC9C;IAEA,MAAMC,SAASf;IACfc,MAAMf,IAAI,CAACiB,SAAS,GAAGC,IAAAA,6BAAAA,EACrBpB,wBAAwBE,IAAI,EAC5BgB,OAAOb,OAAO,EACdY,MAAMI,WAAW,IAAIH,OAAOH,aAAa,EACzC,CAACE,MAAMK,IAAI,IAAIJ,OAAOL,gBAAgB,EACtCI,MAAMf,IAAI,CAACiB,SAAS;IAGtB,OAAOF;AACT"}

package/lib-commonjs/components/PromptOption/PromptOption.js

@@ -18,4 +18,4 @@ const PromptOption = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     (0, _usePromptOptionStylesstyles.usePromptOptionStyles_unstable)(state);
     return (0, _renderPromptOption.renderPromptOption_unstable)(state);
 });
-PromptOption.displayName = 'PromptOption'; //# sourceMappingURL=PromptOption.js.map
+PromptOption.displayName = 'PromptOption';

package/lib-commonjs/components/PromptOption/PromptOption.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PromptOption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePromptOption_unstable } from './usePromptOption';\nimport { renderPromptOption_unstable } from './renderPromptOption';\nimport { usePromptOptionStyles_unstable } from './usePromptOptionStyles.styles';\nimport type { PromptOptionProps } from './PromptOption.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n/**@deprecated - use Option instead */\nexport const PromptOption: ForwardRefComponent<PromptOptionProps> = React.forwardRef((props, ref) => {\n  const state = usePromptOption_unstable(props, ref);\n\n  usePromptOptionStyles_unstable(state);\n  return renderPromptOption_unstable(state);\n});\n\nPromptOption.displayName = 'PromptOption';\n"],"names":["state","usePromptOption_unstable","props","ref","usePromptOptionStyles_unstable","renderPromptOption_unstable","PromptOption"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASQA;;;eAAAA;;;;iEATe;iCACkB;oCACG;6CACG;AAM7C,MAAMA,eAAQC,WAAAA,GAAAA,OAAyBC,UAAOC,CAAAA,CAAAA,OAAAA;UAE9CC,QAAAA,IAAAA,yCAA+BJ,EAAAA,OAAAA;mEACxBK,EAAAA;IACT,OAAGA,IAAAA,+CAAA,EAAAL;AAEHM"}
+{"version":3,"sources":["PromptOption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePromptOption_unstable } from './usePromptOption';\nimport { renderPromptOption_unstable } from './renderPromptOption';\nimport { usePromptOptionStyles_unstable } from './usePromptOptionStyles.styles';\nimport type { PromptOptionProps } from './PromptOption.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n/**@deprecated - use Option instead */\nexport const PromptOption: ForwardRefComponent<PromptOptionProps> = React.forwardRef((props, ref) => {\n  const state = usePromptOption_unstable(props, ref);\n\n  usePromptOptionStyles_unstable(state);\n  return renderPromptOption_unstable(state);\n});\n\nPromptOption.displayName = 'PromptOption';\n"],"names":["PromptOption","React","forwardRef","props","ref","state","usePromptOption_unstable","usePromptOptionStyles_unstable","renderPromptOption_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;iCACkB;oCACG;6CACG;AAKxC,MAAMA,eAAAA,WAAAA,GAAuDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3F,MAAMC,QAAQC,IAAAA,yCAAAA,EAAyBH,OAAOC;IAE9CG,IAAAA,2DAAAA,EAA+BF;IAC/B,OAAOG,IAAAA,+CAAAA,EAA4BH;AACrC;AAEAL,aAAaS,WAAW,GAAG"}

package/lib-commonjs/components/PromptOption/PromptOption.types.js

@@ -4,4 +4,3 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
- //# sourceMappingURL=PromptOption.types.js.map

package/lib-commonjs/components/PromptOption/index.js

@@ -29,4 +29,3 @@ const _PromptOption = require("./PromptOption");
 const _renderPromptOption = require("./renderPromptOption");
 const _usePromptOption = require("./usePromptOption");
 const _usePromptOptionStylesstyles = require("./usePromptOptionStyles.styles");
- //# sourceMappingURL=index.js.map

package/lib-commonjs/components/PromptOption/renderPromptOption.js

@@ -13,4 +13,4 @@ const _reactcomponents = require("@fluentui/react-components");
 const renderPromptOption_unstable = (state)=>{
     (0, _reactcomponents.assertSlots)(state);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
-}; //# sourceMappingURL=renderPromptOption.js.map
+};

package/lib-commonjs/components/PromptOption/renderPromptOption.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderPromptOption.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { PromptOptionSlots, PromptOptionState } from './PromptOption.types';\n\n/**\n * Render the final JSX of PromptOption\n */\nexport const renderPromptOption_unstable = (state: PromptOptionState) => {\n  assertSlots<PromptOptionSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","state","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;","mappings":";;;;+BAUEA;;;eAAAA;;;4BAVwB;iCAGE;AAO1BA,MAAAA,8BAA+BC,CAAAA;oCAE/B,EAAAA;IACA,OAAA,WAAA,GAAAC,IAAAA,eAAA,EAAAD,MAAAE,IAAA,EAAA,CAAA"}
+{"version":3,"sources":["renderPromptOption.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { PromptOptionSlots, PromptOptionState } from './PromptOption.types';\n\n/**\n * Render the final JSX of PromptOption\n */\nexport const renderPromptOption_unstable = (state: PromptOptionState) => {\n  assertSlots<PromptOptionSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["renderPromptOption_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;iCAE4B;AAMrB,MAAMA,8BAA8B,CAACC;IAC1CC,IAAAA,4BAAAA,EAA+BD;IAE/B,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}

package/lib-commonjs/components/PromptOption/usePromptOption.js

@@ -100,4 +100,4 @@ function getTextString(text, children) {
         console.warn('Provide a `text` prop to Option components when they contain non-string children.');
     }
     return textString;
-} //# sourceMappingURL=usePromptOption.js.map
+}