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

package/CHANGELOG.json

@@ -2,7 +2,37 @@
   "name": "@fluentui-copilot/react-prompt-listbox",
   "entries": [
     {
-      "date": "Sat, 03 May 2025 01:25:53 GMT",
+      "date": "Fri, 19 Sep 2025 15:10:20 GMT",
+      "tag": "@fluentui-copilot/react-prompt-listbox_v0.8.1-hotfix.2",
+      "version": "0.8.1-hotfix.2",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "hochelmartin@gmail.com",
+            "package": "@fluentui-copilot/react-prompt-listbox",
+            "commit": "3e4ebe676646c4c4346dbbab83511f963ffefd85",
+            "comment": "release: prepare hotfix 0.26.2-hotfix.2"
+          }
+        ]
+      }
+    },
+    {
+      "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": {

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui-copilot/react-prompt-listbox
 
-This log was last generated on Sat, 03 May 2025 01:25:53 GMT and should not be manually modified.
+This log was last generated on Fri, 19 Sep 2025 15:10:20 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.8.1-hotfix.2](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-listbox_v0.8.1-hotfix.2)
+
+Fri, 19 Sep 2025 15:10:20 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.2)
+
+### Changes
+
+- release: prepare hotfix 0.26.2-hotfix.2 ([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:25:53 GMT 
+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

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

@@ -0,0 +1,35 @@
+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;
+};
+//# sourceMappingURL=usePromptListboxStyles.styles.raw.js.map

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/usePromptOptionStyles.styles.raw.js

@@ -0,0 +1,74 @@
+import { makeStyles, mergeClasses, shorthands } from '@fluentui/react-components';
+import { tokens } from '@fluentui-copilot/tokens';
+import { ACTIVEDESCENDANT_FOCUSVISIBLE_ATTRIBUTE } from '@fluentui/react-aria';
+export const promptOptionClassNames = {
+  root: 'fai-PromptOption'
+};
+/**
+ * Styles for the root slot
+ */
+const useStyles = makeStyles({
+  root: {
+    alignItems: 'center',
+    borderRadius: tokens.borderRadiusMedium,
+    color: tokens.colorNeutralForeground1,
+    columnGap: tokens.spacingHorizontalXS,
+    cursor: 'pointer',
+    display: 'flex',
+    fontFamily: tokens.fontFamilyBase,
+    fontSize: tokens.fontSizeBase300,
+    lineHeight: tokens.lineHeightBase300,
+    padding: `${tokens.spacingVerticalSNudge} ${tokens.spacingHorizontalS}`,
+    position: 'relative',
+    ':hover': {
+      backgroundColor: tokens.colorNeutralBackground1Hover,
+      color: tokens.colorNeutralForeground1Hover
+    },
+    ':active': {
+      backgroundColor: tokens.colorNeutralBackground1Pressed,
+      color: tokens.colorNeutralForeground1Pressed
+    }
+  },
+  active: {
+    [`[${ACTIVEDESCENDANT_FOCUSVISIBLE_ATTRIBUTE}]::after`]: {
+      content: '""',
+      position: 'absolute',
+      pointerEvents: 'none',
+      zIndex: 1,
+      ...shorthands.border(tokens.strokeWidthThick, `solid`, tokens.colorStrokeFocus2),
+      borderRadius: tokens.borderRadiusMedium,
+      top: '-2px',
+      bottom: '-2px',
+      left: '-2px',
+      right: '-2px'
+    }
+  },
+  disabled: {
+    color: tokens.colorNeutralForegroundDisabled,
+    ':hover': {
+      backgroundColor: tokens.colorTransparentBackground,
+      color: tokens.colorNeutralForegroundDisabled
+    },
+    ':active': {
+      backgroundColor: tokens.colorTransparentBackground,
+      color: tokens.colorNeutralForegroundDisabled
+    },
+    '@media (forced-colors: active)': {
+      color: 'GrayText'
+    }
+  }
+});
+/**
+ * Apply styling to the PromptOption slots based on the state
+ */
+export const usePromptOptionStyles_unstable = state => {
+  'use no memo';
+
+  const {
+    disabled
+  } = state;
+  const styles = useStyles();
+  state.root.className = mergeClasses(promptOptionClassNames.root, styles.root, styles.active, disabled && styles.disabled, state.root.className);
+  return state;
+};
+//# sourceMappingURL=usePromptOptionStyles.styles.raw.js.map

package/lib/components/PromptOption/usePromptOptionStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["usePromptOptionStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport { ACTIVEDESCENDANT_FOCUSVISIBLE_ATTRIBUTE } from '@fluentui/react-aria';\nimport type { PromptOptionSlots, PromptOptionState } from './PromptOption.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const promptOptionClassNames: SlotClassNames<PromptOptionSlots> = {\n  root: 'fai-PromptOption',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    alignItems: 'center',\n    borderRadius: tokens.borderRadiusMedium,\n    color: tokens.colorNeutralForeground1,\n    columnGap: tokens.spacingHorizontalXS,\n    cursor: 'pointer',\n    display: 'flex',\n    fontFamily: tokens.fontFamilyBase,\n    fontSize: tokens.fontSizeBase300,\n    lineHeight: tokens.lineHeightBase300,\n    padding: `${tokens.spacingVerticalSNudge} ${tokens.spacingHorizontalS}`,\n    position: 'relative',\n\n    ':hover': {\n      backgroundColor: tokens.colorNeutralBackground1Hover,\n      color: tokens.colorNeutralForeground1Hover,\n    },\n\n    ':active': {\n      backgroundColor: tokens.colorNeutralBackground1Pressed,\n      color: tokens.colorNeutralForeground1Pressed,\n    },\n  },\n\n  active: {\n    [`[${ACTIVEDESCENDANT_FOCUSVISIBLE_ATTRIBUTE}]::after`]: {\n      content: '\"\"',\n      position: 'absolute',\n      pointerEvents: 'none',\n      zIndex: 1,\n\n      ...shorthands.border(tokens.strokeWidthThick, `solid`, tokens.colorStrokeFocus2),\n      borderRadius: tokens.borderRadiusMedium,\n\n      top: '-2px',\n      bottom: '-2px',\n      left: '-2px',\n      right: '-2px',\n    },\n  },\n\n  disabled: {\n    color: tokens.colorNeutralForegroundDisabled,\n\n    ':hover': {\n      backgroundColor: tokens.colorTransparentBackground,\n      color: tokens.colorNeutralForegroundDisabled,\n    },\n\n    ':active': {\n      backgroundColor: tokens.colorTransparentBackground,\n      color: tokens.colorNeutralForegroundDisabled,\n    },\n\n    '@media (forced-colors: active)': {\n      color: 'GrayText',\n    },\n  },\n});\n\n/**\n * Apply styling to the PromptOption slots based on the state\n */\nexport const usePromptOptionStyles_unstable = (state: PromptOptionState): PromptOptionState => {\n  'use no memo';\n\n  const { disabled } = state;\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    promptOptionClassNames.root,\n    styles.root,\n    styles.active,\n    disabled && styles.disabled,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","shorthands","tokens","ACTIVEDESCENDANT_FOCUSVISIBLE_ATTRIBUTE","promptOptionClassNames","root","useStyles","alignItems","borderRadius","borderRadiusMedium","color","colorNeutralForeground1","columnGap","spacingHorizontalXS","cursor","display","fontFamily","fontFamilyBase","fontSize","fontSizeBase300","lineHeight","lineHeightBase300","padding","spacingVerticalSNudge","spacingHorizontalS","position","backgroundColor","colorNeutralBackground1Hover","colorNeutralForeground1Hover","colorNeutralBackground1Pressed","colorNeutralForeground1Pressed","active","content","pointerEvents","zIndex","border","strokeWidthThick","colorStrokeFocus2","top","bottom","left","right","disabled","colorNeutralForegroundDisabled","colorTransparentBackground","usePromptOptionStyles_unstable","state","styles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,EAAEC,UAAU,QAAQ,6BAA6B;AAClF,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,uCAAuC,QAAQ,uBAAuB;AAI/E,OAAO,MAAMC,yBAA4D;IACvEC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYP,WAAW;IAC3BM,MAAM;QACJE,YAAY;QACZC,cAAcN,OAAOO,kBAAkB;QACvCC,OAAOR,OAAOS,uBAAuB;QACrCC,WAAWV,OAAOW,mBAAmB;QACrCC,QAAQ;QACRC,SAAS;QACTC,YAAYd,OAAOe,cAAc;QACjCC,UAAUhB,OAAOiB,eAAe;QAChCC,YAAYlB,OAAOmB,iBAAiB;QACpCC,SAAS,CAAC,EAAEpB,OAAOqB,qBAAqB,CAAC,CAAC,EAAErB,OAAOsB,kBAAkB,CAAC,CAAC;QACvEC,UAAU;QAEV,UAAU;YACRC,iBAAiBxB,OAAOyB,4BAA4B;YACpDjB,OAAOR,OAAO0B,4BAA4B;QAC5C;QAEA,WAAW;YACTF,iBAAiBxB,OAAO2B,8BAA8B;YACtDnB,OAAOR,OAAO4B,8BAA8B;QAC9C;IACF;IAEAC,QAAQ;QACN,CAAC,CAAC,CAAC,EAAE5B,wCAAwC,QAAQ,CAAC,CAAC,EAAE;YACvD6B,SAAS;YACTP,UAAU;YACVQ,eAAe;YACfC,QAAQ;YAER,GAAGjC,WAAWkC,MAAM,CAACjC,OAAOkC,gBAAgB,EAAE,CAAC,KAAK,CAAC,EAAElC,OAAOmC,iBAAiB,CAAC;YAChF7B,cAAcN,OAAOO,kBAAkB;YAEvC6B,KAAK;YACLC,QAAQ;YACRC,MAAM;YACNC,OAAO;QACT;IACF;IAEAC,UAAU;QACRhC,OAAOR,OAAOyC,8BAA8B;QAE5C,UAAU;YACRjB,iBAAiBxB,OAAO0C,0BAA0B;YAClDlC,OAAOR,OAAOyC,8BAA8B;QAC9C;QAEA,WAAW;YACTjB,iBAAiBxB,OAAO0C,0BAA0B;YAClDlC,OAAOR,OAAOyC,8BAA8B;QAC9C;QAEA,kCAAkC;YAChCjC,OAAO;QACT;IACF;AACF;AAEA;;CAEC,GACD,OAAO,MAAMmC,iCAAiC,CAACC;IAC7C;IAEA,MAAM,EAAEJ,QAAQ,EAAE,GAAGI;IACrB,MAAMC,SAASzC;IACfwC,MAAMzC,IAAI,CAAC2C,SAAS,GAAGhD,aACrBI,uBAAuBC,IAAI,EAC3B0C,OAAO1C,IAAI,EACX0C,OAAOhB,MAAM,EACbW,YAAYK,OAAOL,QAAQ,EAC3BI,MAAMzC,IAAI,CAAC2C,SAAS;IAGtB,OAAOF;AACT,EAAE"}

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;
+}; //# sourceMappingURL=usePromptListboxStyles.styles.raw.js.map

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","styles","useStyles","root","listbox","makeStyles","boxShadow","borderRadius","tokens","borderRadiusMedium","maxHeight","boxSizing","display","zIndex"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,uBAAAA;eAAAA;;IAgCLC,+BAASC;eAATD;;;iCArCiC;wBAClB;AAIhB,MAAMD,0BAA8D;UACzEG;AACF;AAEA;;CAEC,SAECC,YAASC,IAAAA,2BAAA,EAAA;aACPC;mBACAC,cAAAA,CAAcC,QAAOC;sBACrBC,cAAW,CAAAD,kBAAA;mBACXE;QACFA,WAAA;;sBAGW;QACXC,SAAA;;mHAG0G;8GAC3F;mBACL;QACVC,QAAA;IACF;AAEA;AAME,MAAMZ,kCAASC,CAAAA;;IAUf,MAAAD,SAAAC"}

package/lib-commonjs/components/PromptOption/usePromptOptionStyles.styles.raw.js

@@ -0,0 +1,84 @@
+"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, {
+    promptOptionClassNames: function() {
+        return promptOptionClassNames;
+    },
+    usePromptOptionStyles_unstable: function() {
+        return usePromptOptionStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const _reactaria = require("@fluentui/react-aria");
+const promptOptionClassNames = {
+    root: 'fai-PromptOption'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        alignItems: 'center',
+        borderRadius: _tokens.tokens.borderRadiusMedium,
+        color: _tokens.tokens.colorNeutralForeground1,
+        columnGap: _tokens.tokens.spacingHorizontalXS,
+        cursor: 'pointer',
+        display: 'flex',
+        fontFamily: _tokens.tokens.fontFamilyBase,
+        fontSize: _tokens.tokens.fontSizeBase300,
+        lineHeight: _tokens.tokens.lineHeightBase300,
+        padding: `${_tokens.tokens.spacingVerticalSNudge} ${_tokens.tokens.spacingHorizontalS}`,
+        position: 'relative',
+        ':hover': {
+            backgroundColor: _tokens.tokens.colorNeutralBackground1Hover,
+            color: _tokens.tokens.colorNeutralForeground1Hover
+        },
+        ':active': {
+            backgroundColor: _tokens.tokens.colorNeutralBackground1Pressed,
+            color: _tokens.tokens.colorNeutralForeground1Pressed
+        }
+    },
+    active: {
+        [`[${_reactaria.ACTIVEDESCENDANT_FOCUSVISIBLE_ATTRIBUTE}]::after`]: {
+            content: '""',
+            position: 'absolute',
+            pointerEvents: 'none',
+            zIndex: 1,
+            ..._reactcomponents.shorthands.border(_tokens.tokens.strokeWidthThick, `solid`, _tokens.tokens.colorStrokeFocus2),
+            borderRadius: _tokens.tokens.borderRadiusMedium,
+            top: '-2px',
+            bottom: '-2px',
+            left: '-2px',
+            right: '-2px'
+        }
+    },
+    disabled: {
+        color: _tokens.tokens.colorNeutralForegroundDisabled,
+        ':hover': {
+            backgroundColor: _tokens.tokens.colorTransparentBackground,
+            color: _tokens.tokens.colorNeutralForegroundDisabled
+        },
+        ':active': {
+            backgroundColor: _tokens.tokens.colorTransparentBackground,
+            color: _tokens.tokens.colorNeutralForegroundDisabled
+        },
+        '@media (forced-colors: active)': {
+            color: 'GrayText'
+        }
+    }
+});
+const usePromptOptionStyles_unstable = (state)=>{
+    'use no memo';
+    const { disabled } = state;
+    const styles = useStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(promptOptionClassNames.root, styles.root, styles.active, disabled && styles.disabled, state.root.className);
+    return state;
+}; //# sourceMappingURL=usePromptOptionStyles.styles.raw.js.map

package/lib-commonjs/components/PromptOption/usePromptOptionStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["usePromptOptionStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport { ACTIVEDESCENDANT_FOCUSVISIBLE_ATTRIBUTE } from '@fluentui/react-aria';\nimport type { PromptOptionSlots, PromptOptionState } from './PromptOption.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const promptOptionClassNames: SlotClassNames<PromptOptionSlots> = {\n  root: 'fai-PromptOption',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    alignItems: 'center',\n    borderRadius: tokens.borderRadiusMedium,\n    color: tokens.colorNeutralForeground1,\n    columnGap: tokens.spacingHorizontalXS,\n    cursor: 'pointer',\n    display: 'flex',\n    fontFamily: tokens.fontFamilyBase,\n    fontSize: tokens.fontSizeBase300,\n    lineHeight: tokens.lineHeightBase300,\n    padding: `${tokens.spacingVerticalSNudge} ${tokens.spacingHorizontalS}`,\n    position: 'relative',\n\n    ':hover': {\n      backgroundColor: tokens.colorNeutralBackground1Hover,\n      color: tokens.colorNeutralForeground1Hover,\n    },\n\n    ':active': {\n      backgroundColor: tokens.colorNeutralBackground1Pressed,\n      color: tokens.colorNeutralForeground1Pressed,\n    },\n  },\n\n  active: {\n    [`[${ACTIVEDESCENDANT_FOCUSVISIBLE_ATTRIBUTE}]::after`]: {\n      content: '\"\"',\n      position: 'absolute',\n      pointerEvents: 'none',\n      zIndex: 1,\n\n      ...shorthands.border(tokens.strokeWidthThick, `solid`, tokens.colorStrokeFocus2),\n      borderRadius: tokens.borderRadiusMedium,\n\n      top: '-2px',\n      bottom: '-2px',\n      left: '-2px',\n      right: '-2px',\n    },\n  },\n\n  disabled: {\n    color: tokens.colorNeutralForegroundDisabled,\n\n    ':hover': {\n      backgroundColor: tokens.colorTransparentBackground,\n      color: tokens.colorNeutralForegroundDisabled,\n    },\n\n    ':active': {\n      backgroundColor: tokens.colorTransparentBackground,\n      color: tokens.colorNeutralForegroundDisabled,\n    },\n\n    '@media (forced-colors: active)': {\n      color: 'GrayText',\n    },\n  },\n});\n\n/**\n * Apply styling to the PromptOption slots based on the state\n */\nexport const usePromptOptionStyles_unstable = (state: PromptOptionState): PromptOptionState => {\n  'use no memo';\n\n  const { disabled } = state;\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    promptOptionClassNames.root,\n    styles.root,\n    styles.active,\n    disabled && styles.disabled,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["promptOptionClassNames","disabled","state","root","makeStyles","alignItems","borderRadius","tokens","colorNeutralForeground1","columnGap","spacingHorizontalXS","cursor","display","fontFamily","fontSize","fontSizeBase300","lineHeight","lineHeightBase300","padding","spacingVerticalSNudge","position","spacingHorizontalS","backgroundColor","colorNeutralForeground1Hover","colorNeutralForeground1Pressed","pointerEvents","borderRadiusMedium","colorStrokeFocus2","left","right","color","colorNeutralForegroundDisabled"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,sBAAAA;eAAAA;;IA0EHC,8BAAaC;eAAbD;;;iCAhF2C;wBAC9B;2BACiC;AAIjD,MAAMD,yBAA4D;UACvEG;AACF;AAEA;;CAEC,SAECA,YAAMC,IAAAA,2BAAA,EAAA;UACJC;oBACAC;sBACOC,cAAOC,CAAAA,kBAAAA;eACdC,cAAAA,CAAAA,uBAAkBC;mBAClBC,cAAQ,CAAAD,mBAAA;gBACRE;iBACAC;oBACAC,cAAUP,CAAAA,cAAOQ;kBACjBC,cAAYT,CAAAA,eAAOU;oBACnBC,cAAYX,CAAAA,iBAAOY;iBACnBC,CAAAA,EAAAA,cAAU,CAAAD,qBAAA,CAAA,CAAA,EAAAZ,cAAA,CAAAc,kBAAA,CAAA,CAAA;kBAEV;kBACEC;6BACOf,cAAOgB,CAAAA,4BAA4B;mBAC5ChB,cAAA,CAAAgB,4BAAA;;mBAGED;6BACOf,cAAOiB,CAAAA,8BAA8B;mBAC9CjB,cAAA,CAAAiB,8BAAA;QACF;;YAGI;+DACS,CAAA,QAAA,CAAA,CAAA,EAAA;qBACTJ;sBACAK;2BACQ;oBAER;0CACAnB,CAAAA,MAAcC,CAAAA,cAAOmB,CAAAA,gBAAAA,EAAkB,CAAA,KAAA,CAAA,EAAAnB,cAAA,CAAAoB,iBAAA,CAAA;0BAElCpB,cAAA,CAAAmB,kBAAA;;oBAELE;kBACAC;mBACF;QACF;;cAGEC;eAEAvB,cAAA,CAAUwB,8BAAA;kBACRT;6BACOf,cAAOwB,CAAAA,0BAA8B;mBAC9CxB,cAAA,CAAAwB,8BAAA;;mBAGET;6BACOf,cAAOwB,CAAAA,0BAA8B;mBAC9CxB,cAAA,CAAAwB,8BAAA;;0CAGS;mBACT;QACF;IACF;AAEA;AAME,MAAQ9B,iCAAaC,CAAAA;;UAUrB,EACAD,QAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-prompt-listbox",
-  "version": "0.8.0",
+  "version": "0.8.1-hotfix.2",
   "description": "PromptListbox for input components using EditorInput.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,15 +12,15 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui-copilot/chat-input-plugins": "^0.4.2",
-    "@fluentui-copilot/react-chat-input-plugins": "^0.4.9",
-    "@fluentui-copilot/react-editor-input": "^0.4.10",
-    "@fluentui-copilot/react-input-listbox": "^0.3.3",
-    "@fluentui-copilot/react-prompt-input": "^0.8.0",
-    "@fluentui-copilot/react-provider": "^0.11.3",
-    "@fluentui-copilot/react-text-editor": "^0.4.1",
-    "@fluentui-copilot/text-editor": "^0.3.1",
-    "@fluentui-copilot/tokens": "^0.3.11",
+    "@fluentui-copilot/chat-input-plugins": "0.4.2-hotfix.3",
+    "@fluentui-copilot/react-chat-input-plugins": "0.4.10-hotfix.2",
+    "@fluentui-copilot/react-editor-input": "0.4.11-hotfix.2",
+    "@fluentui-copilot/react-input-listbox": "0.3.3-hotfix.2",
+    "@fluentui-copilot/react-prompt-input": "0.8.1-hotfix.2",
+    "@fluentui-copilot/react-provider": "0.11.3-hotfix.2",
+    "@fluentui-copilot/react-text-editor": "0.4.1-hotfix.3",
+    "@fluentui-copilot/text-editor": "0.3.1-hotfix.3",
+    "@fluentui-copilot/tokens": "0.3.11-hotfix.2",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
@@ -40,11 +40,7 @@
     "react": ">=16.14.0 <19.0.0",
     "react-dom": ">=16.14.0 <19.0.0"
   },
-  "beachball": {
-    "disallowedChangeTypes": [
-      "major"
-    ]
-  },
+  "beachball": {},
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",