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

package/CHANGELOG.json

@@ -2,7 +2,52 @@
   "name": "@fluentui-copilot/react-prompt-listbox",
   "entries": [
     {
-      "date": "Wed, 30 Apr 2025 01:46:03 GMT",
+      "date": "Tue, 12 Aug 2025 16:09:22 GMT",
+      "tag": "@fluentui-copilot/react-prompt-listbox_v0.8.1-hotfix.1",
+      "version": "0.8.1-hotfix.1",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "hochelmartin@gmail.com",
+            "package": "@fluentui-copilot/react-prompt-listbox",
+            "commit": "3e4ebe676646c4c4346dbbab83511f963ffefd85",
+            "comment": "release: prepare hotfix 0.26.2-hotfix.1"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 19 May 2025 18:04:28 GMT",
+      "tag": "@fluentui-copilot/react-prompt-listbox_v0.8.1",
+      "version": "0.8.1",
+      "comments": {
+        "none": [
+          {
+            "author": "hochelmartin@gmail.com",
+            "package": "@fluentui-copilot/react-prompt-listbox",
+            "commit": "442954951d0eca92de20ecb0ff0fa9492431b62d",
+            "comment": "fix: exclude story files from production build"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Sat, 03 May 2025 01:27:44 GMT",
+      "tag": "@fluentui-copilot/react-prompt-listbox_v0.8.0",
+      "version": "0.8.0",
+      "comments": {
+        "patch": [
+          {
+            "author": "estebanmu@microsoft.com",
+            "package": "@fluentui-copilot/react-prompt-listbox",
+            "commit": "3dc05bb66ec473691f198f65b5124cc24390f47c",
+            "comment": "chore: Bump @fluentui/react-components to 9.63.0."
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 30 Apr 2025 01:47:49 GMT",
       "tag": "@fluentui-copilot/react-prompt-listbox_v0.7.2",
       "version": "0.7.2",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,30 @@
 # Change Log - @fluentui-copilot/react-prompt-listbox
 
-This log was last generated on Wed, 30 Apr 2025 01:46:03 GMT and should not be manually modified.
+This log was last generated on Tue, 12 Aug 2025 16:09:22 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.8.1-hotfix.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-listbox_v0.8.1-hotfix.1)
+
+Tue, 12 Aug 2025 16:09:22 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-prompt-listbox_v0.8.1..@fluentui-copilot/react-prompt-listbox_v0.8.1-hotfix.1)
+
+### Changes
+
+- release: prepare hotfix 0.26.2-hotfix.1 ([PR #3284](https://github.com/microsoft/fluentai/pull/3284) by hochelmartin@gmail.com)
+
+## [0.8.0](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-listbox_v0.8.0)
+
+Sat, 03 May 2025 01:27:44 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-prompt-listbox_v0.7.2..@fluentui-copilot/react-prompt-listbox_v0.8.0)
+
+### Patches
+
+- chore: Bump @fluentui/react-components to 9.63.0. ([PR #2917](https://github.com/microsoft/fluentai/pull/2917) by estebanmu@microsoft.com)
+
 ## [0.7.2](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-listbox_v0.7.2)
 
-Wed, 30 Apr 2025 01:46:03 GMT 
+Wed, 30 Apr 2025 01:47:49 GMT 
 [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-prompt-listbox_v0.6.0..@fluentui-copilot/react-prompt-listbox_v0.7.2)
 
 ### Patches

package/lib/PromptListbox.js

@@ -1,2 +1 @@
 export { PromptListbox, promptListboxClassNames, renderPromptListbox_unstable, usePromptListboxStyles_unstable, usePromptListbox_unstable } from './components/PromptListbox/index';
-//# sourceMappingURL=PromptListbox.js.map

package/lib/PromptOption.js

@@ -1,2 +1 @@
 export { PromptOption, promptOptionClassNames, renderPromptOption_unstable, usePromptOptionStyles_unstable, usePromptOption_unstable } from './components/PromptOption/index';
-//# sourceMappingURL=PromptOption.js.map

package/lib/components/PromptListbox/PromptListbox.js

@@ -3,12 +3,10 @@ import { usePromptListbox_unstable } from './usePromptListbox';
 import { renderPromptListbox_unstable } from './renderPromptListbox';
 import { usePromptListboxStyles_unstable } from './usePromptListboxStyles.styles';
 import { usePromptListboxContextValues } from './usePromptListboxContextValues';
-/**@deprecated - use InputListbox instead */
-export const PromptListbox = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = usePromptListbox_unstable(props, ref);
-  const contextValues = usePromptListboxContextValues(state);
-  usePromptListboxStyles_unstable(state);
-  return renderPromptListbox_unstable(state, contextValues);
+/**@deprecated - use InputListbox instead */ export const PromptListbox = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = usePromptListbox_unstable(props, ref);
+    const contextValues = usePromptListboxContextValues(state);
+    usePromptListboxStyles_unstable(state);
+    return renderPromptListbox_unstable(state, contextValues);
 });
 PromptListbox.displayName = 'PromptListbox';
-//# sourceMappingURL=PromptListbox.js.map

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

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=PromptListbox.types.js.map
+export { };

package/lib/components/PromptListbox/index.js

@@ -2,4 +2,3 @@ export { PromptListbox } from './PromptListbox';
 export { renderPromptListbox_unstable } from './renderPromptListbox';
 export { usePromptListbox_unstable } from './usePromptListbox';
 export { promptListboxClassNames, usePromptListboxStyles_unstable } from './usePromptListboxStyles.styles';
-//# sourceMappingURL=index.js.map

package/lib/components/PromptListbox/renderPromptListbox.js

@@ -1,26 +1,22 @@
-import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
+  import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots, ListboxProvider, Portal } from '@fluentui/react-components';
 import { ActiveDescendantContextProvider } from '@fluentui/react-aria';
 /**
  * Render the final JSX of PromptListbox
- */
-export const renderPromptListbox_unstable = (state, contextValues) => {
-  assertSlots(state);
-  const {
-    open
-  } = state;
-  return /*#__PURE__*/_jsx(ListboxProvider, {
-    value: contextValues.listbox,
-    children: /*#__PURE__*/_jsx(ActiveDescendantContextProvider, {
-      value: contextValues.activeDescendant,
-      children: /*#__PURE__*/_jsx("span", {
-        "aria-owns": open ? state.root.id : undefined,
-        children: open && (state.inlinePopup ? /*#__PURE__*/_jsx(state.root, {}) : /*#__PURE__*/_jsx(Portal, {
-          mountNode: state.mountNode,
-          children: /*#__PURE__*/_jsx(state.root, {})
-        }))
-      })
-    })
-  });
+ */ export const renderPromptListbox_unstable = (state, contextValues)=>{
+    assertSlots(state);
+    const { open } = state;
+    return /*#__PURE__*/ _jsx(ListboxProvider, {
+        value: contextValues.listbox,
+        children: /*#__PURE__*/ _jsx(ActiveDescendantContextProvider, {
+            value: contextValues.activeDescendant,
+            children: /*#__PURE__*/ _jsx("span", {
+                "aria-owns": open ? state.root.id : undefined,
+                children: open && (state.inlinePopup ? /*#__PURE__*/ _jsx(state.root, {}) : /*#__PURE__*/ _jsx(Portal, {
+                    mountNode: state.mountNode,
+                    children: /*#__PURE__*/ _jsx(state.root, {})
+                }))
+            })
+        })
+    });
 };
-//# sourceMappingURL=renderPromptListbox.js.map

package/lib/components/PromptListbox/usePromptListbox.js

@@ -9,74 +9,60 @@ import { mergeCallbacks, useEventCallback, useId } from '@fluentui/react-utiliti
  *
  * @param props - props from this instance of PromptListbox
  * @param ref - reference to root HTMLElement of PromptListbox
- */
-export const usePromptListbox_unstable = (props, ref) => {
-  const {
-    id,
-    onActiveOptionChange,
-    inlinePopup = false,
-    mountNode = undefined,
-    open = true,
-    activeDescendantController,
-    getOptionById,
-    getOptionsMatchingValue,
-    selectedOptions,
-    selectOption,
-    registerOption
-  } = props;
-  const listboxId = useId('prompt-listbox', id);
-  const onActiveDescendantChange = useEventCallback(event => {
-    const previousOption = event.detail.previousId ? getOptionById(event.detail.previousId) : null;
-    const nextOption = getOptionById(event.detail.id);
-    onActiveOptionChange === null || onActiveOptionChange === void 0 ? void 0 : onActiveOptionChange(event, {
-      event,
-      type: 'change',
-      previousOption,
-      nextOption
+ */ export const usePromptListbox_unstable = (props, ref)=>{
+    const { id, onActiveOptionChange, inlinePopup = false, mountNode = undefined, open = true, activeDescendantController, getOptionById, getOptionsMatchingValue, selectedOptions, selectOption, registerOption } = props;
+    const listboxId = useId('prompt-listbox', id);
+    const onActiveDescendantChange = useEventCallback((event)=>{
+        const previousOption = event.detail.previousId ? getOptionById(event.detail.previousId) : null;
+        const nextOption = getOptionById(event.detail.id);
+        onActiveOptionChange === null || onActiveOptionChange === void 0 ? void 0 : onActiveOptionChange(event, {
+            event,
+            type: 'change',
+            previousOption,
+            nextOption
+        });
     });
-  });
-  const state = {
-    ...deprecatedPropsDefaults,
-    open,
-    getOptionById,
-    getOptionsMatchingValue,
-    selectedOptions,
-    selectOption,
-    registerOption,
-    onActiveDescendantChange,
-    activeDescendantController,
-    inlinePopup,
-    mountNode,
-    components: {
-      root: Listbox
-    },
-    root: slot.always({
-      ...props,
-      selectedOptions
-    }, {
-      defaultProps: {
-        disableAutoFocus: true,
-        id: listboxId,
-        tabIndex: undefined,
-        role: 'listbox'
-      },
-      elementType: Listbox
-    })
-  };
-  state.root.ref = useMergedRefs(ref, state.root.ref);
-  state.root.onMouseDown = useEventCallback(mergeCallbacks(event => {
-    event.preventDefault();
-  }, state.root.onMouseDown));
-  state.root.onClick = useEventCallback(mergeCallbacks(event => {
-    event.preventDefault();
-  }, state.root.onClick));
-  return state;
+    const state = {
+        ...deprecatedPropsDefaults,
+        open,
+        getOptionById,
+        getOptionsMatchingValue,
+        selectedOptions,
+        selectOption,
+        registerOption,
+        onActiveDescendantChange,
+        activeDescendantController,
+        inlinePopup,
+        mountNode,
+        components: {
+            root: Listbox
+        },
+        root: slot.always({
+            ...props,
+            selectedOptions
+        }, {
+            defaultProps: {
+                disableAutoFocus: true,
+                id: listboxId,
+                tabIndex: undefined,
+                role: 'listbox'
+            },
+            elementType: Listbox
+        })
+    };
+    state.root.ref = useMergedRefs(ref, state.root.ref);
+    state.root.onMouseDown = useEventCallback(mergeCallbacks((event)=>{
+        event.preventDefault();
+    }, state.root.onMouseDown));
+    state.root.onClick = useEventCallback(mergeCallbacks((event)=>{
+        event.preventDefault();
+    }, state.root.onClick));
+    return state;
 };
-const noop = () => null;
+const noop = ()=>null;
 const deprecatedPropsDefaults = {
-  activeOption: undefined,
-  focusVisible: false,
-  setActiveOption: noop,
-  onOptionClick: noop
+    activeOption: undefined,
+    focusVisible: false,
+    setActiveOption: noop,
+    onOptionClick: noop
 };
-//# sourceMappingURL=usePromptListbox.js.map

package/lib/components/PromptListbox/usePromptListboxContextValues.js

@@ -1,33 +1,25 @@
 import * as React from 'react';
 export function usePromptListboxContextValues(state) {
-  const {
-    getOptionById,
-    getOptionsMatchingValue,
-    registerOption,
-    selectedOptions,
-    selectOption,
-    activeDescendantController,
-    onOptionClick,
-    onActiveDescendantChange
-  } = state;
-  const activeDescendant = React.useMemo(() => ({
-    controller: activeDescendantController
-  }), [activeDescendantController]);
-  const listbox = {
-    activeOption: undefined,
-    focusVisible: false,
-    getOptionById,
-    getOptionsMatchingValue,
-    registerOption,
-    selectedOptions,
-    selectOption,
-    setActiveOption: () => null,
-    onOptionClick,
-    onActiveDescendantChange
-  };
-  return {
-    activeDescendant,
-    listbox
-  };
+    const { getOptionById, getOptionsMatchingValue, registerOption, selectedOptions, selectOption, activeDescendantController, onOptionClick, onActiveDescendantChange } = state;
+    const activeDescendant = React.useMemo(()=>({
+            controller: activeDescendantController
+        }), [
+        activeDescendantController
+    ]);
+    const listbox = {
+        activeOption: undefined,
+        focusVisible: false,
+        getOptionById,
+        getOptionsMatchingValue,
+        registerOption,
+        selectedOptions,
+        selectOption,
+        setActiveOption: ()=>null,
+        onOptionClick,
+        onActiveDescendantChange
+    };
+    return {
+        activeDescendant,
+        listbox
+    };
 }
-//# sourceMappingURL=usePromptListboxContextValues.js.map

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

@@ -0,0 +1,31 @@
+import { makeStyles, mergeClasses } from '@fluentui/react-components';
+import { tokens } from '@fluentui-copilot/tokens';
+export const promptListboxClassNames = {
+    root: 'fai-PromptListbox'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = makeStyles({
+    listbox: {
+        boxShadow: tokens.shadow16,
+        borderRadius: 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
+    }
+});
+/**
+ * Apply styling to the PromptListbox slots based on the state
+ */ export const usePromptListboxStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = mergeClasses(promptListboxClassNames.root, styles.listbox, state.inlinePopup && styles.inlineListbox, !state.open && styles.listboxCollapsed, state.root.className);
+    return state;
+};

package/lib/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":["makeStyles","mergeClasses","tokens","promptListboxClassNames","root","useStyles","listbox","boxShadow","shadow16","borderRadius","borderRadiusMedium","maxHeight","boxSizing","listboxCollapsed","display","inlineListbox","zIndex","usePromptListboxStyles_unstable","state","styles","className","inlinePopup","open"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,6BAA6B;AACtE,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYL,WAAW;IAC3BM,SAAS;QACPC,WAAWL,OAAOM,QAAQ;QAC1BC,cAAcP,OAAOQ,kBAAkB;QACvCC,WAAW;QACXC,WAAW;IACb;IAEAC,kBAAkB;QAChBC,SAAS;IACX;IAEA,+GAA+G;IAC/G,0GAA0G;IAC1GC,eAAe;QACbC,QAAQ;IACV;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,kCAAkC,CAACC;IAC9C;IAEA,MAAMC,SAASd;IACfa,MAAMd,IAAI,CAACgB,SAAS,GAAGnB,aACrBE,wBAAwBC,IAAI,EAC5Be,OAAOb,OAAO,EACdY,MAAMG,WAAW,IAAIF,OAAOJ,aAAa,EACzC,CAACG,MAAMI,IAAI,IAAIH,OAAON,gBAAgB,EACtCK,MAAMd,IAAI,CAACgB,SAAS;IAGtB,OAAOF;AACT,EAAE"}

package/lib/components/PromptOption/PromptOption.js

@@ -2,11 +2,9 @@ import * as React from 'react';
 import { usePromptOption_unstable } from './usePromptOption';
 import { renderPromptOption_unstable } from './renderPromptOption';
 import { usePromptOptionStyles_unstable } from './usePromptOptionStyles.styles';
-/**@deprecated - use Option instead */
-export const PromptOption = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = usePromptOption_unstable(props, ref);
-  usePromptOptionStyles_unstable(state);
-  return renderPromptOption_unstable(state);
+/**@deprecated - use Option instead */ export const PromptOption = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = usePromptOption_unstable(props, ref);
+    usePromptOptionStyles_unstable(state);
+    return renderPromptOption_unstable(state);
 });
 PromptOption.displayName = 'PromptOption';
-//# sourceMappingURL=PromptOption.js.map

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

@@ -1,4 +1,3 @@
 /**
  * State used in rendering PromptOption
- */export {};
-//# sourceMappingURL=PromptOption.types.js.map
+ */ export { };

package/lib/components/PromptOption/index.js

@@ -2,4 +2,3 @@ export { PromptOption } from './PromptOption';
 export { renderPromptOption_unstable } from './renderPromptOption';
 export { usePromptOption_unstable } from './usePromptOption';
 export { promptOptionClassNames, usePromptOptionStyles_unstable } from './usePromptOptionStyles.styles';
-//# sourceMappingURL=index.js.map

package/lib/components/PromptOption/renderPromptOption.js

@@ -1,10 +1,8 @@
-import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
+  import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots } from '@fluentui/react-components';
 /**
  * Render the final JSX of PromptOption
- */
-export const renderPromptOption_unstable = state => {
-  assertSlots(state);
-  return /*#__PURE__*/_jsx(state.root, {});
+ */ export const renderPromptOption_unstable = (state)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsx(state.root, {});
 };
-//# sourceMappingURL=renderPromptOption.js.map

package/lib/components/PromptOption/usePromptOption.js

@@ -11,91 +11,91 @@ import { useListboxContext_unstable } from '@fluentui/react-combobox';
  *
  * @param props - props from this instance of PromptOption
  * @param ref - reference to root HTMLElement of PromptOption
- */
-export const usePromptOption_unstable = (props, ref) => {
-  const {
-    controller: activeDescendantController
-  } = useActiveDescendantContext();
-  const {
-    children,
-    disabled,
-    text,
-    value
-  } = props;
-  const optionRef = React.useRef(null);
-  const optionText = getTextString(text, children);
-  const optionValue = value !== null && value !== void 0 ? value : optionText;
-  // use the id if provided, otherwise use a generated id
-  const id = useId('fluent-option', props.id);
-  // data used for context registration & events
-  const optionData = React.useMemo(() => ({
-    id,
-    disabled,
-    text: optionText,
-    value: optionValue
-  }), [id, disabled, optionText, optionValue]);
-  // context values
-  const registerOption = useListboxContext_unstable(ctx => ctx.registerOption);
-  const selected = useListboxContext_unstable(ctx => {
-    const selectedOptions = ctx.selectedOptions;
-    return optionValue !== undefined && selectedOptions.find(o => o === optionValue) !== undefined;
-  });
-  const selectOption = useListboxContext_unstable(ctx => ctx.selectOption);
-  const onOptionClick = useListboxContext_unstable(ctx => ctx.onOptionClick);
-  const onClick = event => {
-    var _props_onClick;
-    if (disabled) {
-      event.preventDefault();
-      return;
-    }
-    activeDescendantController.focus(id);
-    // handle selection change
-    selectOption(event, optionData);
-    onOptionClick(event);
-    (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, event);
-  };
-  // register option data with context
-  React.useEffect(() => {
-    if (id && optionRef.current) {
-      return registerOption(optionData, optionRef.current);
-    }
-  }, [id, optionData, registerOption]);
-  return {
-    components: {
-      root: 'div'
-    },
-    root: slot.always(getIntrinsicElementProps('div', {
-      ref: useMergedRefs(ref, optionRef),
-      'aria-disabled': disabled ? true : undefined,
-      id,
-      role: 'option',
-      ...props,
-      onClick
-    }), {
-      elementType: 'div'
-    }),
-    disabled,
-    selected
-  };
+ */ export const usePromptOption_unstable = (props, ref)=>{
+    const { controller: activeDescendantController } = useActiveDescendantContext();
+    const { children, disabled, text, value } = props;
+    const optionRef = React.useRef(null);
+    const optionText = getTextString(text, children);
+    const optionValue = value !== null && value !== void 0 ? value : optionText;
+    // use the id if provided, otherwise use a generated id
+    const id = useId('fluent-option', props.id);
+    // data used for context registration & events
+    const optionData = React.useMemo(()=>({
+            id,
+            disabled,
+            text: optionText,
+            value: optionValue
+        }), [
+        id,
+        disabled,
+        optionText,
+        optionValue
+    ]);
+    // context values
+    const registerOption = useListboxContext_unstable((ctx)=>ctx.registerOption);
+    const selected = useListboxContext_unstable((ctx)=>{
+        const selectedOptions = ctx.selectedOptions;
+        return optionValue !== undefined && selectedOptions.find((o)=>o === optionValue) !== undefined;
+    });
+    const selectOption = useListboxContext_unstable((ctx)=>ctx.selectOption);
+    const onOptionClick = useListboxContext_unstable((ctx)=>ctx.onOptionClick);
+    const onClick = (event)=>{
+        var _props_onClick;
+        if (disabled) {
+            event.preventDefault();
+            return;
+        }
+        activeDescendantController.focus(id);
+        // handle selection change
+        selectOption(event, optionData);
+        onOptionClick(event);
+        (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, event);
+    };
+    // register option data with context
+    React.useEffect(()=>{
+        if (id && optionRef.current) {
+            return registerOption(optionData, optionRef.current);
+        }
+    }, [
+        id,
+        optionData,
+        registerOption
+    ]);
+    return {
+        components: {
+            root: 'div'
+        },
+        root: slot.always(getIntrinsicElementProps('div', {
+            ref: useMergedRefs(ref, optionRef),
+            'aria-disabled': disabled ? true : undefined,
+            id,
+            role: 'option',
+            ...props,
+            onClick
+        }), {
+            elementType: 'div'
+        }),
+        disabled,
+        selected
+    };
 };
 function getTextString(text, children) {
-  if (text !== undefined) {
-    return text;
-  }
-  let textString = '';
-  let hasNonStringChild = false;
-  React.Children.forEach(children, child => {
-    if (typeof child === 'string') {
-      textString += child;
-    } else {
-      hasNonStringChild = true;
+    if (text !== undefined) {
+        return text;
+    }
+    let textString = '';
+    let hasNonStringChild = false;
+    React.Children.forEach(children, (child)=>{
+        if (typeof child === 'string') {
+            textString += child;
+        } else {
+            hasNonStringChild = true;
+        }
+    });
+    // warn if an Option has non-string children and no text prop
+    if (hasNonStringChild) {
+        // eslint-disable-next-line no-console
+        console.warn('Provide a `text` prop to Option components when they contain non-string children.');
     }
-  });
-  // warn if an Option has non-string children and no text prop
-  if (hasNonStringChild) {
-    // eslint-disable-next-line no-console
-    console.warn('Provide a `text` prop to Option components when they contain non-string children.');
-  }
-  return textString;
+    return textString;
 }
-//# sourceMappingURL=usePromptOption.js.map