@fluentui-copilot/react-suggestions 0.0.0-nightly-20251010-0406-7df7c6d1.1 → 0.0.0-nightly-20251014-0405-d8d3e89c.1

package/lib/components/SuggestionList/useSuggestionListStyles.styles.js

@@ -0,0 +1,54 @@
+import { __styles, mergeClasses } from '@fluentui/react-components';
+import { tokens } from '@fluentui-copilot/tokens';
+export const suggestionListClassNames = {
+  root: 'fai-SuggestionList',
+  action: 'fai-SuggestionList__action'
+};
+/**
+ * Styles for the root slot
+ */
+const useStyles = __styles({
+  root: {
+    mc9l5x: "f22iagw",
+    Eh141a: "fni485r",
+    Brf1p80: "f9c4gz4",
+    i8kkvl: 0,
+    Belr9w4: 0,
+    rmohyg: "f1yhwmi5",
+    jrapky: 0,
+    Frg6f3: 0,
+    t21cq0: 0,
+    B6of3ja: 0,
+    B74szlk: ["f4bgq6r", "f83tq75"],
+    Beptln2: "fr3gje9"
+  },
+  horizontalAlignmentStart: {
+    Brf1p80: "fbhxue7"
+  },
+  action: {
+    Bf4jedk: "f79feoa",
+    B2u0y6b: "f1cs043"
+  }
+}, {
+  d: [".f22iagw{display:flex;}", ".fni485r{flex-wrap:wrap;}", ".f9c4gz4{justify-content:flex-end;}", [".f1yhwmi5{gap:var(--spacingVerticalS);}", {
+    p: -1
+  }], [".f4bgq6r{margin:var(--spacingVerticalNone) var(--spacingHorizontalNone) var(--spacingVerticalS) var(--spacingHorizontalNone);}", {
+    p: -1
+  }], [".f83tq75{margin:var(--spacingVerticalNone) var(--spacingHorizontalNone) var(--spacingVerticalS) var(--spacingHorizontalNone);}", {
+    p: -1
+  }], ".fr3gje9>:nth-last-of-type(2){max-width:calc(100% - var(--spacingHorizontalXXL) - var(--spacingVerticalS));}", ".fbhxue7{justify-content:flex-start;}", ".f79feoa{min-width:var(--spacingHorizontalXXL);}", ".f1cs043{max-width:var(--spacingHorizontalXXL);}"]
+});
+/**
+ * Apply styling to the SuggestionList slots based on the state
+ */
+export const useSuggestionListStyles_unstable = state => {
+  'use no memo';
+
+  const styles = useStyles();
+  state.root.className = mergeClasses(suggestionListClassNames.root, styles.root, state.horizontalAlignment === 'start' && styles.horizontalAlignmentStart, state.root.className);
+  if (state.action) {
+    state.action.className = mergeClasses(suggestionListClassNames.action, styles.action, state.action.className);
+  }
+  return state;
+};
+//# sourceMappingURL=useSuggestionListStyles.styles.js.map

package/lib/components/SuggestionList/useSuggestionListStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useSuggestionListStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { SuggestionListSlots, SuggestionListState } from './SuggestionList.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const suggestionListClassNames: SlotClassNames<SuggestionListSlots> = {\n  root: 'fai-SuggestionList',\n  action: 'fai-SuggestionList__action',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    justifyContent: 'flex-end',\n    gap: tokens.spacingVerticalS,\n    margin: `\n      ${tokens.spacingVerticalNone}\n      ${tokens.spacingHorizontalNone}\n      ${tokens.spacingVerticalS}\n      ${tokens.spacingHorizontalNone}\n    `,\n    '> :nth-last-of-type(2)': {\n      maxWidth: `calc(100% - ${tokens.spacingHorizontalXXL} - ${tokens.spacingVerticalS})`,\n    },\n  },\n  horizontalAlignmentStart: {\n    justifyContent: 'flex-start',\n  },\n\n  action: {\n    minWidth: tokens.spacingHorizontalXXL,\n    maxWidth: tokens.spacingHorizontalXXL,\n  },\n\n  // TODO add additional classes for different states and/or slots\n});\n\n/**\n * Apply styling to the SuggestionList slots based on the state\n */\nexport const useSuggestionListStyles_unstable = (state: SuggestionListState): SuggestionListState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    suggestionListClassNames.root,\n    styles.root,\n    state.horizontalAlignment === 'start' && styles.horizontalAlignmentStart,\n    state.root.className,\n  );\n\n  if (state.action) {\n    state.action.className = mergeClasses(suggestionListClassNames.action, styles.action, state.action.className);\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","suggestionListClassNames","root","action","useStyles","display","flexWrap","justifyContent","gap","spacingVerticalS","margin","spacingVerticalNone","spacingHorizontalNone","maxWidth","spacingHorizontalXXL","horizontalAlignmentStart","minWidth","useSuggestionListStyles_unstable","state","styles","className","horizontalAlignment"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,6BAA6B;AACtE,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;IACNC,QAAQ;AACV,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYN,WAAW;IAC3BI,MAAM;QACJG,SAAS;QACTC,UAAU;QACVC,gBAAgB;QAChBC,KAAKR,OAAOS,gBAAgB;QAC5BC,QAAQ,CAAC;MACP,EAAEV,OAAOW,mBAAmB,CAAC;MAC7B,EAAEX,OAAOY,qBAAqB,CAAC;MAC/B,EAAEZ,OAAOS,gBAAgB,CAAC;MAC1B,EAAET,OAAOY,qBAAqB,CAAC;IACjC,CAAC;QACD,0BAA0B;YACxBC,UAAU,CAAC,YAAY,EAAEb,OAAOc,oBAAoB,CAAC,GAAG,EAAEd,OAAOS,gBAAgB,CAAC,CAAC,CAAC;QACtF;IACF;IACAM,0BAA0B;QACxBR,gBAAgB;IAClB;IAEAJ,QAAQ;QACNa,UAAUhB,OAAOc,oBAAoB;QACrCD,UAAUb,OAAOc,oBAAoB;IACvC;AAGF;AAEA;;CAEC,GACD,OAAO,MAAMG,mCAAmC,CAACC;IAC/C;IAEA,MAAMC,SAASf;IACfc,MAAMhB,IAAI,CAACkB,SAAS,GAAGrB,aACrBE,yBAAyBC,IAAI,EAC7BiB,OAAOjB,IAAI,EACXgB,MAAMG,mBAAmB,KAAK,WAAWF,OAAOJ,wBAAwB,EACxEG,MAAMhB,IAAI,CAACkB,SAAS;IAGtB,IAAIF,MAAMf,MAAM,EAAE;QAChBe,MAAMf,MAAM,CAACiB,SAAS,GAAGrB,aAAaE,yBAAyBE,MAAM,EAAEgB,OAAOhB,MAAM,EAAEe,MAAMf,MAAM,CAACiB,SAAS;IAC9G;IAEA,OAAOF;AACT,EAAE"}

package/lib/components/SuggestionList/useSuggestionListStyles.styles.raw.js

@@ -0,0 +1,43 @@
+import { makeStyles, mergeClasses } from '@fluentui/react-components';
+import { tokens } from '@fluentui-copilot/tokens';
+export const suggestionListClassNames = {
+    root: 'fai-SuggestionList',
+    action: 'fai-SuggestionList__action'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = makeStyles({
+    root: {
+        display: 'flex',
+        flexWrap: 'wrap',
+        justifyContent: 'flex-end',
+        gap: tokens.spacingVerticalS,
+        margin: `
+      ${tokens.spacingVerticalNone}
+      ${tokens.spacingHorizontalNone}
+      ${tokens.spacingVerticalS}
+      ${tokens.spacingHorizontalNone}
+    `,
+        '> :nth-last-of-type(2)': {
+            maxWidth: `calc(100% - ${tokens.spacingHorizontalXXL} - ${tokens.spacingVerticalS})`
+        }
+    },
+    horizontalAlignmentStart: {
+        justifyContent: 'flex-start'
+    },
+    action: {
+        minWidth: tokens.spacingHorizontalXXL,
+        maxWidth: tokens.spacingHorizontalXXL
+    }
+});
+/**
+ * Apply styling to the SuggestionList slots based on the state
+ */ export const useSuggestionListStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = mergeClasses(suggestionListClassNames.root, styles.root, state.horizontalAlignment === 'start' && styles.horizontalAlignmentStart, state.root.className);
+    if (state.action) {
+        state.action.className = mergeClasses(suggestionListClassNames.action, styles.action, state.action.className);
+    }
+    return state;
+};

package/lib/components/SuggestionList/useSuggestionListStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useSuggestionListStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { SuggestionListSlots, SuggestionListState } from './SuggestionList.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const suggestionListClassNames: SlotClassNames<SuggestionListSlots> = {\n  root: 'fai-SuggestionList',\n  action: 'fai-SuggestionList__action',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    justifyContent: 'flex-end',\n    gap: tokens.spacingVerticalS,\n    margin: `\n      ${tokens.spacingVerticalNone}\n      ${tokens.spacingHorizontalNone}\n      ${tokens.spacingVerticalS}\n      ${tokens.spacingHorizontalNone}\n    `,\n    '> :nth-last-of-type(2)': {\n      maxWidth: `calc(100% - ${tokens.spacingHorizontalXXL} - ${tokens.spacingVerticalS})`,\n    },\n  },\n  horizontalAlignmentStart: {\n    justifyContent: 'flex-start',\n  },\n\n  action: {\n    minWidth: tokens.spacingHorizontalXXL,\n    maxWidth: tokens.spacingHorizontalXXL,\n  },\n\n  // TODO add additional classes for different states and/or slots\n});\n\n/**\n * Apply styling to the SuggestionList slots based on the state\n */\nexport const useSuggestionListStyles_unstable = (state: SuggestionListState): SuggestionListState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    suggestionListClassNames.root,\n    styles.root,\n    state.horizontalAlignment === 'start' && styles.horizontalAlignmentStart,\n    state.root.className,\n  );\n\n  if (state.action) {\n    state.action.className = mergeClasses(suggestionListClassNames.action, styles.action, state.action.className);\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","suggestionListClassNames","root","action","useStyles","display","flexWrap","justifyContent","gap","spacingVerticalS","margin","spacingVerticalNone","spacingHorizontalNone","maxWidth","spacingHorizontalXXL","horizontalAlignmentStart","minWidth","useSuggestionListStyles_unstable","state","styles","className","horizontalAlignment"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,6BAA6B;AACtE,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;IACNC,QAAQ;AACV,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYN,WAAW;IAC3BI,MAAM;QACJG,SAAS;QACTC,UAAU;QACVC,gBAAgB;QAChBC,KAAKR,OAAOS,gBAAgB;QAC5BC,QAAQ,CAAC;MACP,EAAEV,OAAOW,mBAAmB,CAAC;MAC7B,EAAEX,OAAOY,qBAAqB,CAAC;MAC/B,EAAEZ,OAAOS,gBAAgB,CAAC;MAC1B,EAAET,OAAOY,qBAAqB,CAAC;IACjC,CAAC;QACD,0BAA0B;YACxBC,UAAU,CAAC,YAAY,EAAEb,OAAOc,oBAAoB,CAAC,GAAG,EAAEd,OAAOS,gBAAgB,CAAC,CAAC,CAAC;QACtF;IACF;IACAM,0BAA0B;QACxBR,gBAAgB;IAClB;IAEAJ,QAAQ;QACNa,UAAUhB,OAAOc,oBAAoB;QACrCD,UAAUb,OAAOc,oBAAoB;IACvC;AAGF;AAEA;;CAEC,GACD,OAAO,MAAMG,mCAAmC,CAACC;IAC/C;IAEA,MAAMC,SAASf;IACfc,MAAMhB,IAAI,CAACkB,SAAS,GAAGrB,aACrBE,yBAAyBC,IAAI,EAC7BiB,OAAOjB,IAAI,EACXgB,MAAMG,mBAAmB,KAAK,WAAWF,OAAOJ,wBAAwB,EACxEG,MAAMhB,IAAI,CAACkB,SAAS;IAGtB,IAAIF,MAAMf,MAAM,EAAE;QAChBe,MAAMf,MAAM,CAACiB,SAAS,GAAGrB,aAAaE,yBAAyBE,MAAM,EAAEgB,OAAOhB,MAAM,EAAEe,MAAMf,MAAM,CAACiB,SAAS;IAC9G;IAEA,OAAOF;AACT,EAAE"}

package/lib/index.js

@@ -0,0 +1,2 @@
+export { Suggestion, suggestionClassNames, useSuggestionStyles_unstable, useSuggestion_unstable } from './Suggestion';
+export { SuggestionList, renderSuggestionList_unstable, suggestionListClassNames, useSuggestionListStyles_unstable, useSuggestionList_unstable } from './SuggestionList';

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export type { SuggestionProps, SuggestionSlots, SuggestionState } from './Suggestion';\nexport { Suggestion, suggestionClassNames, useSuggestionStyles_unstable, useSuggestion_unstable } from './Suggestion';\nexport type { SuggestionListProps, SuggestionListSlots, SuggestionListState, TooltipComponent } from './SuggestionList';\nexport {\n  SuggestionList,\n  renderSuggestionList_unstable,\n  suggestionListClassNames,\n  useSuggestionListStyles_unstable,\n  useSuggestionList_unstable,\n} from './SuggestionList';\n"],"names":["Suggestion","suggestionClassNames","useSuggestionStyles_unstable","useSuggestion_unstable","SuggestionList","renderSuggestionList_unstable","suggestionListClassNames","useSuggestionListStyles_unstable","useSuggestionList_unstable"],"rangeMappings":";","mappings":"AACA,SAASA,UAAU,EAAEC,oBAAoB,EAAEC,4BAA4B,EAAEC,sBAAsB,QAAQ,eAAe;AAEtH,SACEC,cAAc,EACdC,6BAA6B,EAC7BC,wBAAwB,EACxBC,gCAAgC,EAChCC,0BAA0B,QACrB,mBAAmB"}

package/lib-commonjs/Suggestion.js

@@ -0,0 +1,25 @@
+"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, {
+    Suggestion: function() {
+        return _index.Suggestion;
+    },
+    suggestionClassNames: function() {
+        return _index.suggestionClassNames;
+    },
+    useSuggestionStyles_unstable: function() {
+        return _index.useSuggestionStyles_unstable;
+    },
+    useSuggestion_unstable: function() {
+        return _index.useSuggestion_unstable;
+    }
+});
+const _index = require("./components/Suggestion/index");

package/lib-commonjs/Suggestion.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Suggestion.ts"],"sourcesContent":["export type { SuggestionProps, SuggestionSlots, SuggestionState } from './components/Suggestion/index';\nexport {\n  Suggestion,\n  suggestionClassNames,\n  useSuggestionStyles_unstable,\n  useSuggestion_unstable,\n} from './components/Suggestion/index';\n"],"names":["Suggestion","suggestionClassNames","useSuggestionStyles_unstable","useSuggestion_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEEA,UAAU;eAAVA,iBAAU;;IACVC,oBAAoB;eAApBA,2BAAoB;;IACpBC,4BAA4B;eAA5BA,mCAA4B;;IAC5BC,sBAAsB;eAAtBA,6BAAsB;;;uBACjB"}

package/lib-commonjs/SuggestionList.js

@@ -0,0 +1,28 @@
+"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, {
+    SuggestionList: function() {
+        return _index.SuggestionList;
+    },
+    renderSuggestionList_unstable: function() {
+        return _index.renderSuggestionList_unstable;
+    },
+    suggestionListClassNames: function() {
+        return _index.suggestionListClassNames;
+    },
+    useSuggestionListStyles_unstable: function() {
+        return _index.useSuggestionListStyles_unstable;
+    },
+    useSuggestionList_unstable: function() {
+        return _index.useSuggestionList_unstable;
+    }
+});
+const _index = require("./components/SuggestionList/index");

package/lib-commonjs/SuggestionList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SuggestionList.ts"],"sourcesContent":["export type { SuggestionListProps, SuggestionListSlots, SuggestionListState, TooltipComponent } from './components/SuggestionList/index';\nexport { SuggestionList, renderSuggestionList_unstable, suggestionListClassNames, useSuggestionListStyles_unstable, useSuggestionList_unstable } from './components/SuggestionList/index';\n"],"names":["SuggestionList","renderSuggestionList_unstable","suggestionListClassNames","useSuggestionListStyles_unstable","useSuggestionList_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACSA,cAAc;eAAdA,qBAAc;;IAAEC,6BAA6B;eAA7BA,oCAA6B;;IAAEC,wBAAwB;eAAxBA,+BAAwB;;IAAEC,gCAAgC;eAAhCA,uCAAgC;;IAAEC,0BAA0B;eAA1BA,iCAA0B;;;uBAAQ"}

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Suggestion", {
+    enumerable: true,
+    get: function() {
+        return Suggestion;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useSuggestionStylesstyles = require("./useSuggestionStyles.styles");
+const _reactcomponents = require("@fluentui/react-components");
+const _reactprovider = require("@fluentui-copilot/react-provider");
+const _useSuggestion = require("./useSuggestion");
+const Suggestion = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    'use no memo';
+    const state = (0, _useSuggestion.useSuggestion_unstable)(props, ref);
+    state.appearance = props.appearance || 'outline';
+    (0, _reactcomponents.useButtonStyles_unstable)(state);
+    (0, _useSuggestionStylesstyles.useSuggestionStyles_unstable)(state);
+    (0, _reactprovider.useCustomStyleHook)('useSuggestionStyles')(state);
+    return (0, _reactcomponents.renderButton_unstable)(state);
+});
+Suggestion.displayName = 'Suggestion';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Suggestion.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSuggestionStyles_unstable } from './useSuggestionStyles.styles';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { renderButton_unstable, useButtonStyles_unstable } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\nimport { useSuggestion_unstable } from './useSuggestion';\nimport type { SuggestionProps } from './Suggestion.types';\n\n// Suggestion component - TODO: add more docs\nexport const Suggestion: ForwardRefComponent<SuggestionProps> = React.forwardRef((props, ref) => {\n  'use no memo';\n\n  const state = useSuggestion_unstable(props, ref);\n  state.appearance = props.appearance || 'outline';\n  useButtonStyles_unstable(state);\n  useSuggestionStyles_unstable(state);\n  useCustomStyleHook('useSuggestionStyles')(state);\n\n  return renderButton_unstable(state);\n});\n\nSuggestion.displayName = 'Suggestion';\n"],"names":["Suggestion","React","forwardRef","props","ref","state","useSuggestion_unstable","appearance","useButtonStyles_unstable","useSuggestionStyles_unstable","useCustomStyleHook","renderButton_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;2CACsB;iCAEmB;+BAC7B;+BACI;AAIhC,MAAMA,aAAAA,WAAAA,GAAmDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvF;IAEA,MAAMC,QAAQC,IAAAA,qCAAAA,EAAuBH,OAAOC;IAC5CC,MAAME,UAAU,GAAGJ,MAAMI,UAAU,IAAI;IACvCC,IAAAA,yCAAAA,EAAyBH;IACzBI,IAAAA,uDAAAA,EAA6BJ;IAC7BK,IAAAA,iCAAAA,EAAmB,uBAAuBL;IAE1C,OAAOM,IAAAA,sCAAAA,EAAsBN;AAC/B;AAEAL,WAAWY,WAAW,GAAG"}

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib-commonjs/components/Suggestion/Suggestion.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Suggestion.types.ts"],"sourcesContent":["import type { CopilotMode, DesignVersion } from '@fluentui-copilot/react-provider';\nimport type { ButtonProps, ButtonSlots, ButtonState, ComponentProps, ComponentState } from '@fluentui/react-components';\n\nexport type SuggestionSlots = ButtonSlots;\n\nexport type SuggestionProps = CopilotMode &\n  DesignVersion &\n  ComponentProps<SuggestionSlots> &\n  Omit<ButtonProps, keyof ButtonSlots>;\n\nexport type SuggestionState = ComponentState<SuggestionSlots> &\n  Required<Pick<SuggestionProps, 'mode' | 'designVersion'>> &\n  Omit<ButtonState, keyof ButtonSlots>;\n"],"names":[],"rangeMappings":"","mappings":""}

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

@@ -0,0 +1,27 @@
+"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, {
+    Suggestion: function() {
+        return _Suggestion.Suggestion;
+    },
+    suggestionClassNames: function() {
+        return _useSuggestionStylesstyles.suggestionClassNames;
+    },
+    useSuggestionStyles_unstable: function() {
+        return _useSuggestionStylesstyles.useSuggestionStyles_unstable;
+    },
+    useSuggestion_unstable: function() {
+        return _useSuggestion.useSuggestion_unstable;
+    }
+});
+const _Suggestion = require("./Suggestion");
+const _useSuggestion = require("./useSuggestion");
+const _useSuggestionStylesstyles = require("./useSuggestionStyles.styles");

package/lib-commonjs/components/Suggestion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { Suggestion } from './Suggestion';\nexport type { SuggestionProps, SuggestionSlots, SuggestionState } from './Suggestion.types';\nexport { useSuggestion_unstable } from './useSuggestion';\nexport { suggestionClassNames, useSuggestionStyles_unstable } from './useSuggestionStyles.styles';\n"],"names":["Suggestion","suggestionClassNames","useSuggestionStyles_unstable","useSuggestion_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,UAAU;eAAVA,sBAAU;;IAGVC,oBAAoB;eAApBA,+CAAoB;;IAAEC,4BAA4B;eAA5BA,uDAA4B;;IADlDC,sBAAsB;eAAtBA,qCAAsB;;;4BAFJ;+BAEY;2CAC4B"}

package/lib-commonjs/components/Suggestion/useSuggestion.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useSuggestion_unstable", {
+    enumerable: true,
+    get: function() {
+        return useSuggestion_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _reactprovider = require("@fluentui-copilot/react-provider");
+const useSuggestion_unstable = (props, ref)=>{
+    const buttonState = (0, _reactcomponents.useButton_unstable)(props, ref);
+    const mode = (0, _reactprovider.useCopilotMode)(props.mode);
+    const designVersion = (0, _reactprovider.useDesignVersion)(props.designVersion);
+    return {
+        ...buttonState,
+        mode,
+        designVersion
+    };
+};

package/lib-commonjs/components/Suggestion/useSuggestion.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useSuggestion.ts"],"sourcesContent":["import { useButton_unstable } from '@fluentui/react-components';\nimport { useCopilotMode, useDesignVersion } from '@fluentui-copilot/react-provider';\nimport type { SuggestionProps, SuggestionState } from './Suggestion.types';\n\nexport const useSuggestion_unstable = (\n  props: SuggestionProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): SuggestionState => {\n  const buttonState = useButton_unstable(props, ref);\n  const mode = useCopilotMode(props.mode);\n  const designVersion = useDesignVersion(props.designVersion);\n  return { ...buttonState, mode, designVersion };\n};\n"],"names":["useSuggestion_unstable","props","ref","buttonState","useButton_unstable","mode","useCopilotMode","designVersion","useDesignVersion"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAIaA;;;eAAAA;;;iCAJsB;+BACc;AAG1C,MAAMA,yBAAyB,CACpCC,OACAC;IAEA,MAAMC,cAAcC,IAAAA,mCAAAA,EAAmBH,OAAOC;IAC9C,MAAMG,OAAOC,IAAAA,6BAAAA,EAAeL,MAAMI,IAAI;IACtC,MAAME,gBAAgBC,IAAAA,+BAAAA,EAAiBP,MAAMM,aAAa;IAC1D,OAAO;QAAE,GAAGJ,WAAW;QAAEE;QAAME;IAAc;AAC/C"}

package/lib-commonjs/components/Suggestion/useSuggestionStyles.styles.js

@@ -0,0 +1,366 @@
+"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, {
+    suggestionClassNames: function() {
+        return suggestionClassNames;
+    },
+    useSuggestionStyles_unstable: function() {
+        return useSuggestionStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const suggestionClassNames = {
+    root: 'fai-Suggestion',
+    icon: 'fai-Suggestion__icon'
+};
+const useSuggestionStyles = (0, _reactcomponents.__styles)({
+    root: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fy9rknc",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "fwrc4pm",
+        B4j52fo: "f5ogflp",
+        Bekrc4i: [
+            "f1hqa2wf",
+            "finvdd3"
+        ],
+        Bn0qgzm: "f1f09k3d",
+        ibv6hh: [
+            "finvdd3",
+            "f1hqa2wf"
+        ],
+        icvyot: "fzkkow9",
+        vrafjx: [
+            "fcdblym",
+            "fjik90z"
+        ],
+        oivjwe: "fg706s2",
+        wvpqe5: [
+            "fjik90z",
+            "fcdblym"
+        ],
+        g2u3we: "f161y7kd",
+        h3c5rm: [
+            "f1c8dzaj",
+            "f1sl6hi9"
+        ],
+        B9xav0g: "f1619yhw",
+        zhjwy3: [
+            "f1sl6hi9",
+            "f1c8dzaj"
+        ],
+        Beyfa6y: 0,
+        Bbmb7ep: 0,
+        Btl43ni: 0,
+        B7oj6ja: 0,
+        Dimara: "f1kijzfu",
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "fcca7b8",
+        sj55zd: "fkfq4zb",
+        fsow6f: "fpgzoln"
+    },
+    enabled: {
+        B9di4we: "fxuoarf",
+        B1f0e9u: [
+            "f1qi0eim",
+            "fiwk2rq"
+        ],
+        bb0oo: "f1jsw6og",
+        B88lpqa: [
+            "fiwk2rq",
+            "f1qi0eim"
+        ],
+        grrwut: "f1ggo121",
+        Bejlia0: "f1jg9xd",
+        v5djml: "fihmelj",
+        Bptf8dt: [
+            "fs1n9un",
+            "f1u9p12n"
+        ],
+        j4j8r: "f12ds35j",
+        H566xl: [
+            "f1u9p12n",
+            "fs1n9un"
+        ],
+        a9g2gr: "fezean8",
+        rgbxn1: "f1yr11xb"
+    },
+    canvas: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fkhj508",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "f1i3iumi",
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "f1m1tk10"
+    }
+}, {
+    d: [
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".fy9rknc{font-size:var(--fontSizeBase200);}",
+        ".figsok6{font-weight:var(--fontWeightRegular);}",
+        ".fwrc4pm{line-height:var(--lineHeightBase200);}",
+        ".f5ogflp{border-top-width:1px;}",
+        ".f1hqa2wf{border-right-width:1px;}",
+        ".finvdd3{border-left-width:1px;}",
+        ".f1f09k3d{border-bottom-width:1px;}",
+        ".fzkkow9{border-top-style:solid;}",
+        ".fcdblym{border-right-style:solid;}",
+        ".fjik90z{border-left-style:solid;}",
+        ".fg706s2{border-bottom-style:solid;}",
+        ".f161y7kd{border-top-color:var(--colorBrandStroke2);}",
+        ".f1c8dzaj{border-right-color:var(--colorBrandStroke2);}",
+        ".f1sl6hi9{border-left-color:var(--colorBrandStroke2);}",
+        ".f1619yhw{border-bottom-color:var(--colorBrandStroke2);}",
+        [
+            ".f1kijzfu{border-radius:var(--borderRadiusXLarge);}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".fcca7b8{padding:var(--spacingVerticalXS) var(--spacingVerticalS);}",
+            {
+                p: -1
+            }
+        ],
+        ".fkfq4zb{color:var(--colorNeutralForeground2);}",
+        ".fpgzoln{text-align:start;}",
+        ".fkhj508{font-size:var(--fontSizeBase300);}",
+        ".f1i3iumi{line-height:var(--lineHeightBase300);}",
+        [
+            ".f1m1tk10{padding:var(--spacingVerticalSNudge) var(--spacingHorizontalM);}",
+            {
+                p: -1
+            }
+        ]
+    ],
+    m: [
+        [
+            "@media (forced-colors: none){.fxuoarf:hover{border-top-color:var(--colorBrandStroke2Hover);}}",
+            {
+                m: "(forced-colors: none)"
+            }
+        ],
+        [
+            "@media (forced-colors: none){.f1qi0eim:hover{border-right-color:var(--colorBrandStroke2Hover);}.fiwk2rq:hover{border-left-color:var(--colorBrandStroke2Hover);}}",
+            {
+                m: "(forced-colors: none)"
+            }
+        ],
+        [
+            "@media (forced-colors: none){.f1jsw6og:hover{border-bottom-color:var(--colorBrandStroke2Hover);}}",
+            {
+                m: "(forced-colors: none)"
+            }
+        ],
+        [
+            "@media (forced-colors: none){.f1ggo121:hover{color:var(--colorBrandForeground2Hover);}}",
+            {
+                m: "(forced-colors: none)"
+            }
+        ],
+        [
+            "@media (forced-colors: none){.f1jg9xd:hover{background-color:var(--colorBrandBackground2Hover);}}",
+            {
+                m: "(forced-colors: none)"
+            }
+        ],
+        [
+            "@media (forced-colors: none){.fihmelj:active:hover{border-top-color:var(--colorBrandStroke2Pressed);}}",
+            {
+                m: "(forced-colors: none)"
+            }
+        ],
+        [
+            "@media (forced-colors: none){.f1u9p12n:active:hover{border-left-color:var(--colorBrandStroke2Pressed);}.fs1n9un:active:hover{border-right-color:var(--colorBrandStroke2Pressed);}}",
+            {
+                m: "(forced-colors: none)"
+            }
+        ],
+        [
+            "@media (forced-colors: none){.f12ds35j:active:hover{border-bottom-color:var(--colorBrandStroke2Pressed);}}",
+            {
+                m: "(forced-colors: none)"
+            }
+        ],
+        [
+            "@media (forced-colors: none){.fezean8:active:hover{color:var(--colorBrandForeground2Pressed);}}",
+            {
+                m: "(forced-colors: none)"
+            }
+        ],
+        [
+            "@media (forced-colors: none){.f1yr11xb:active:hover{background-color:var(--colorBrandBackground2Pressed);}}",
+            {
+                m: "(forced-colors: none)"
+            }
+        ]
+    ]
+});
+const useNextStyles = (0, _reactcomponents.__styles)({
+    root: {
+        qh2i5f: "f1m56mwy",
+        Bvf7fsn: "frhssjw",
+        Be2twd7: "fy9rknc",
+        B4j52fo: "f192inf7",
+        Bekrc4i: [
+            "f5tn483",
+            "f1ojsxk5"
+        ],
+        Bn0qgzm: "f1vxd6vx",
+        ibv6hh: [
+            "f1ojsxk5",
+            "f5tn483"
+        ],
+        icvyot: "fzkkow9",
+        vrafjx: [
+            "fcdblym",
+            "fjik90z"
+        ],
+        oivjwe: "fg706s2",
+        wvpqe5: [
+            "fjik90z",
+            "fcdblym"
+        ],
+        g2u3we: "f68mrw8",
+        h3c5rm: [
+            "f7pw515",
+            "fw35ms5"
+        ],
+        B9xav0g: "frpde29",
+        zhjwy3: [
+            "fw35ms5",
+            "f7pw515"
+        ],
+        De3pzq: "fhovq9v"
+    },
+    enabled: {
+        B9di4we: "f106pmgz",
+        B1f0e9u: [
+            "fesy4wo",
+            "f9xbgkc"
+        ],
+        bb0oo: "fil0yj2",
+        B88lpqa: [
+            "f9xbgkc",
+            "fesy4wo"
+        ],
+        grrwut: "fnx31mg",
+        Bejlia0: "feiahij",
+        v5djml: "f1ytgj83",
+        Bptf8dt: [
+            "f16m5b8m",
+            "fwlads5"
+        ],
+        j4j8r: "f17ux6es",
+        H566xl: [
+            "fwlads5",
+            "f16m5b8m"
+        ],
+        a9g2gr: "f1kqxwtj",
+        rgbxn1: "f10o6k9l"
+    }
+}, {
+    d: [
+        ".f1m56mwy{padding-horizontal:var(--spacingHorizontalM);padding-horizontal:var(--spacingHorizontalM);}",
+        ".frhssjw{padding-vertical:var(--spacingVerticalSNudge);}",
+        ".fy9rknc{font-size:var(--fontSizeBase200);}",
+        ".f192inf7{border-top-width:var(--strokeWidthThin);}",
+        ".f5tn483{border-right-width:var(--strokeWidthThin);}",
+        ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}",
+        ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}",
+        ".fzkkow9{border-top-style:solid;}",
+        ".fcdblym{border-right-style:solid;}",
+        ".fjik90z{border-left-style:solid;}",
+        ".fg706s2{border-bottom-style:solid;}",
+        ".f68mrw8{border-top-color:var(--colorNeutralStroke2);}",
+        ".f7pw515{border-right-color:var(--colorNeutralStroke2);}",
+        ".fw35ms5{border-left-color:var(--colorNeutralStroke2);}",
+        ".frpde29{border-bottom-color:var(--colorNeutralStroke2);}",
+        ".fhovq9v{background-color:var(--colorSubtleBackground);}"
+    ],
+    m: [
+        [
+            "@media (forced-colors: none){.f106pmgz:hover{border-top-color:var(--colorNeutralStroke2);}}",
+            {
+                m: "(forced-colors: none)"
+            }
+        ],
+        [
+            "@media (forced-colors: none){.f9xbgkc:hover{border-left-color:var(--colorNeutralStroke2);}.fesy4wo:hover{border-right-color:var(--colorNeutralStroke2);}}",
+            {
+                m: "(forced-colors: none)"
+            }
+        ],
+        [
+            "@media (forced-colors: none){.fil0yj2:hover{border-bottom-color:var(--colorNeutralStroke2);}}",
+            {
+                m: "(forced-colors: none)"
+            }
+        ],
+        [
+            "@media (forced-colors: none){.fnx31mg:hover{color:var(--colorNeutralForeground2Hover);}}",
+            {
+                m: "(forced-colors: none)"
+            }
+        ],
+        [
+            "@media (forced-colors: none){.feiahij:hover{background-color:var(--colorSubtleBackgroundHover);}}",
+            {
+                m: "(forced-colors: none)"
+            }
+        ],
+        [
+            "@media (forced-colors: none){.f1ytgj83:active:hover{border-top-color:var(--colorNeutralStroke2);}}",
+            {
+                m: "(forced-colors: none)"
+            }
+        ],
+        [
+            "@media (forced-colors: none){.f16m5b8m:active:hover{border-right-color:var(--colorNeutralStroke2);}.fwlads5:active:hover{border-left-color:var(--colorNeutralStroke2);}}",
+            {
+                m: "(forced-colors: none)"
+            }
+        ],
+        [
+            "@media (forced-colors: none){.f17ux6es:active:hover{border-bottom-color:var(--colorNeutralStroke2);}}",
+            {
+                m: "(forced-colors: none)"
+            }
+        ],
+        [
+            "@media (forced-colors: none){.f1kqxwtj:active:hover{color:var(--colorNeutralForeground2Pressed);}}",
+            {
+                m: "(forced-colors: none)"
+            }
+        ],
+        [
+            "@media (forced-colors: none){.f10o6k9l:active:hover{background-color:var(--colorSubtleBackgroundPressed);}}",
+            {
+                m: "(forced-colors: none)"
+            }
+        ]
+    ]
+});
+const useSuggestionStyles_unstable = (state)=>{
+    'use no memo';
+    const { designVersion, mode } = state;
+    const styles = useSuggestionStyles();
+    const nextStyles = useNextStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(suggestionClassNames.root, styles.root, mode === 'canvas' && styles.canvas, designVersion === 'next' && nextStyles.root, !state.disabled && styles.enabled, designVersion === 'next' && !state.disabled && nextStyles.enabled, state.root.className);
+    return state;
+}; //# sourceMappingURL=useSuggestionStyles.styles.js.map