@fluentui-copilot/react-prompt-starter 0.0.0-nightly-20251017-0406-90196598.1 → 0.0.0-nightly-20251022-0406-b331d050.1

package/lib/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.raw.js

@@ -81,18 +81,24 @@ const useStyles = makeStyles({
         gridColumn: '1 / 2'
     },
     category: {
-        display: 'flex',
-        alignItems: 'center',
-        ...typographyStyles.body1Strong,
         gridRow: 1,
-        gridColumn: '2 / 3'
+        gridColumn: '2 / 3',
+        alignSelf: 'center',
+        color: tokens.colorNeutralForeground1,
+        ...typographyStyles.body1Strong,
+        // Truncate text after one line.
+        display: '-webkit-box',
+        '-webkit-box-orient': 'vertical',
+        '-webkit-line-clamp': '1',
+        overflowY: 'hidden',
+        wordBreak: 'break-word'
     },
     actions: {
-        margin: `${tokens.spacingVerticalL} ${tokens.spacingHorizontalL}
-             ${tokens.spacingVerticalNone} ${tokens.spacingHorizontalNone}`,
-        position: 'relative',
         gridRow: '1 / 2',
         gridColumn: '2 / 3',
+        position: 'relative',
+        margin: `${tokens.spacingVerticalL} ${tokens.spacingHorizontalL}
+             ${tokens.spacingVerticalNone} ${tokens.spacingHorizontalNone}`,
         opacity: 1,
         transition: `opacity ${tokens.durationFast} ${tokens.curveLinear}`
     },
@@ -102,14 +108,15 @@ const useStyles = makeStyles({
         boxShadow: `-12px 0 12px 0 ${tokens.colorNeutralBackground1}`
     },
     prompt: {
+        gridRow: '2',
+        gridColumn: '1 / 3',
         ...typographyStyles.body1Strong,
         // Truncate text after two lines.
         display: '-webkit-box',
         '-webkit-box-orient': 'vertical',
         '-webkit-line-clamp': '2',
         overflowY: 'hidden',
-        gridRow: '2',
-        gridColumn: '1 / 3'
+        wordBreak: 'break-word'
     },
     promptNoReasonMarker: {
         // Truncate text after three lines when no reason marker is present.
@@ -118,12 +125,20 @@ const useStyles = makeStyles({
     reasonMarker: {
         gridRow: '3',
         gridColumn: '1 / 3',
-        ...typographyStyles.caption2
+        ...typographyStyles.caption2,
+        // Truncate text after one line.
+        display: '-webkit-box',
+        '-webkit-box-orient': 'vertical',
+        '-webkit-line-clamp': '1',
+        overflowY: 'hidden',
+        wordBreak: 'break-word'
     }
 });
 const useSingleColumnStyles = makeStyles({
     primaryAction: {
         display: 'flex',
+        flexDirection: 'column',
+        padding: `${tokens.spacingVerticalM} ${tokens.spacingHorizontalM}`,
         borderRadius: tokens.borderRadius2XL,
         ...createFocusOutlineStyle({
             style: {
@@ -131,8 +146,14 @@ const useSingleColumnStyles = makeStyles({
             }
         })
     },
+    category: {
+        ...typographyStyles.caption1Strong,
+        alignSelf: 'auto'
+    },
     prompt: {
-        ...typographyStyles.caption1Strong
+        ...typographyStyles.caption1Strong,
+        // Always truncate after two lines in single column layout.
+        '-webkit-line-clamp': '2'
     }
 });
 export const usePromptStarterStyles_unstable = (state)=>{
@@ -147,7 +168,7 @@ export const usePromptStarterStyles_unstable = (state)=>{
         state.icon.className = mergeClasses(promptStarterClassNames.icon, styles.icon, state.icon.className);
     }
     if (state.category) {
-        state.category.className = mergeClasses(promptStarterClassNames.category, styles.category, state.category.className);
+        state.category.className = mergeClasses(promptStarterClassNames.category, styles.category, isSingleColumn && singleColumnStyles.category, state.category.className);
     }
     state.prompt.className = mergeClasses(promptStarterClassNames.prompt, styles.prompt, !state.reasonMarker && styles.promptNoReasonMarker, isSingleColumn && singleColumnStyles.prompt, state.prompt.className);
     if (state.reasonMarker) {

package/lib/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePromptStarterStyles.styles.ts"],"sourcesContent":["import {\n  makeStyles,\n  makeResetStyles,\n  mergeClasses,\n  shorthands,\n  typographyStyles,\n  createFocusOutlineStyle,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PromptStarterSlots, PromptStarterState } from './PromptStarter.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const promptStarterClassNames: SlotClassNames<PromptStarterSlots> = {\n  root: 'fai-PromptStarter',\n  primaryAction: 'fai-PromptStarter__primaryAction',\n  icon: 'fai-PromptStarter__icon',\n  category: 'fai-PromptStarter__category',\n  prompt: 'fai-PromptStarter__prompt',\n  reasonMarker: 'fai-PromptStarter__reasonMarker',\n  actions: 'fai-PromptStarter__actions',\n};\n\nconst useRootResetStyles = makeResetStyles({\n  display: 'grid',\n  gridTemplateColumns: '1fr auto',\n  gridTemplateRows: 'max-content auto',\n  minWidth: '214px',\n\n  // Apply styles to the primary action on hover / active states\n  '&:hover': {\n    [`& .${promptStarterClassNames.primaryAction}`]: {\n      boxShadow: tokens.shadow16,\n      transform: 'scale(1.03)',\n      transition: `transform ${tokens.durationNormal} ${tokens.curveDecelerateMin}`,\n    },\n  },\n  '&:active': {\n    [`& .${promptStarterClassNames.primaryAction}`]: {\n      boxShadow: tokens.shadow8,\n      transform: 'scale(1.03)',\n      transition: `transform ${tokens.durationNormal} ${tokens.curveDecelerateMin}`,\n    },\n  },\n\n  // Hide actions when not focused or hovered\n  ':not(:focus-within):not(:hover)': {\n    [`& .${promptStarterClassNames.actions}`]: {\n      clip: 'rect(0px, 0px, 0px, 0px)',\n      height: '1px',\n      margin: '-1px',\n      overflow: 'hidden',\n      padding: '0px',\n      width: '1px',\n      position: 'absolute',\n      opacity: 0,\n    },\n  },\n});\n\nconst useStyles = makeStyles({\n  primaryAction: {\n    gridRow: '1 / 3',\n    gridColumn: '1 / 3',\n    position: 'relative',\n    display: 'grid',\n    gridTemplateColumns: 'max-content 1fr',\n    gridAutoRows: 'max-content 1fr max-content',\n    borderRadius: '28px',\n    backgroundColor: tokens.colorNeutralBackground1,\n    color: tokens.colorNeutralForeground2,\n    fontFamily: tokens.fontFamilyBase,\n    cursor: 'pointer',\n    outlineStyle: 'none',\n    textAlign: 'left',\n    columnGap: tokens.spacingHorizontalMNudge,\n    rowGap: tokens.spacingVerticalS,\n    padding: `${tokens.spacingVerticalL} ${tokens.spacingHorizontalL}`,\n    ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n    ...createFocusOutlineStyle({ style: { outlineRadius: '28px' } }),\n  },\n\n  primaryActionHovered: {\n    boxShadow: tokens.shadow16,\n    transform: 'scale(1.03)',\n    transition: `transform ${tokens.durationNormal} ${tokens.curveDecelerateMin}`,\n  },\n\n  icon: {\n    display: 'flex',\n    alignItems: 'center',\n    minHeight: tokens.spacingVerticalXXL,\n    gridRow: 1,\n    gridColumn: '1 / 2',\n  },\n  category: {\n    display: 'flex',\n    alignItems: 'center',\n    ...typographyStyles.body1Strong,\n\n    gridRow: 1,\n    gridColumn: '2 / 3',\n  },\n  actions: {\n    margin: `${tokens.spacingVerticalL} ${tokens.spacingHorizontalL}\n             ${tokens.spacingVerticalNone} ${tokens.spacingHorizontalNone}`,\n    position: 'relative',\n    gridRow: '1 / 2',\n    gridColumn: '2 / 3',\n\n    opacity: 1,\n    transition: `opacity ${tokens.durationFast} ${tokens.curveLinear}`,\n  },\n  actionsWithCategory: {\n    // Add a background and gradient fade to truncate the title if applicable\n    backgroundColor: tokens.colorNeutralBackground1,\n\n    boxShadow: `-12px 0 12px 0 ${tokens.colorNeutralBackground1}`,\n  },\n  prompt: {\n    ...typographyStyles.body1Strong,\n\n    // Truncate text after two lines.\n    display: '-webkit-box',\n    '-webkit-box-orient': 'vertical',\n    '-webkit-line-clamp': '2',\n    overflowY: 'hidden',\n    gridRow: '2',\n    gridColumn: '1 / 3',\n  },\n  promptNoReasonMarker: {\n    // Truncate text after three lines when no reason marker is present.\n    '-webkit-line-clamp': '3',\n  },\n  reasonMarker: {\n    gridRow: '3',\n    gridColumn: '1 / 3',\n    ...typographyStyles.caption2,\n  },\n});\n\nconst useSingleColumnStyles = makeStyles({\n  primaryAction: {\n    display: 'flex',\n    borderRadius: tokens.borderRadius2XL,\n    ...createFocusOutlineStyle({ style: { outlineRadius: tokens.borderRadius2XL } }),\n  },\n  prompt: {\n    ...typographyStyles.caption1Strong,\n  },\n});\n\nexport const usePromptStarterStyles_unstable = (state: PromptStarterState): PromptStarterState => {\n  'use no memo';\n\n  const { isSingleColumn } = state;\n\n  const styles = useStyles();\n  const rootResetStyles = useRootResetStyles();\n  const singleColumnStyles = useSingleColumnStyles();\n  state.root.className = mergeClasses(promptStarterClassNames.root, rootResetStyles, state.root.className);\n  state.primaryAction.className = mergeClasses(\n    promptStarterClassNames.primaryAction,\n    styles.primaryAction,\n    isSingleColumn && singleColumnStyles.primaryAction,\n    state.primaryAction.className,\n  );\n  if (state.icon) {\n    state.icon.className = mergeClasses(promptStarterClassNames.icon, styles.icon, state.icon.className);\n  }\n  if (state.category) {\n    state.category.className = mergeClasses(\n      promptStarterClassNames.category,\n      styles.category,\n      state.category.className,\n    );\n  }\n  state.prompt.className = mergeClasses(\n    promptStarterClassNames.prompt,\n    styles.prompt,\n    !state.reasonMarker && styles.promptNoReasonMarker,\n    isSingleColumn && singleColumnStyles.prompt,\n    state.prompt.className,\n  );\n  if (state.reasonMarker) {\n    state.reasonMarker.className = mergeClasses(\n      promptStarterClassNames.reasonMarker,\n      styles.reasonMarker,\n      state.reasonMarker.className,\n    );\n  }\n  if (state.actions) {\n    state.actions.className = mergeClasses(\n      promptStarterClassNames.actions,\n      styles.actions,\n      state.category && styles.actionsWithCategory,\n      state.actions.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeStyles","makeResetStyles","mergeClasses","shorthands","typographyStyles","createFocusOutlineStyle","tokens","promptStarterClassNames","root","primaryAction","icon","category","prompt","reasonMarker","actions","useRootResetStyles","display","gridTemplateColumns","gridTemplateRows","minWidth","boxShadow","shadow16","transform","transition","durationNormal","curveDecelerateMin","shadow8","clip","height","margin","overflow","padding","width","position","opacity","useStyles","gridRow","gridColumn","gridAutoRows","borderRadius","backgroundColor","colorNeutralBackground1","color","colorNeutralForeground2","fontFamily","fontFamilyBase","cursor","outlineStyle","textAlign","columnGap","spacingHorizontalMNudge","rowGap","spacingVerticalS","spacingVerticalL","spacingHorizontalL","border","strokeWidthThin","colorNeutralStroke2","style","outlineRadius","primaryActionHovered","alignItems","minHeight","spacingVerticalXXL","body1Strong","spacingVerticalNone","spacingHorizontalNone","durationFast","curveLinear","actionsWithCategory","overflowY","promptNoReasonMarker","caption2","useSingleColumnStyles","borderRadius2XL","caption1Strong","usePromptStarterStyles_unstable","state","isSingleColumn","styles","rootResetStyles","singleColumnStyles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["usePromptStarterStyles.styles.ts"],"sourcesContent":["import {\n  makeStyles,\n  makeResetStyles,\n  mergeClasses,\n  shorthands,\n  typographyStyles,\n  createFocusOutlineStyle,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PromptStarterSlots, PromptStarterState } from './PromptStarter.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const promptStarterClassNames: SlotClassNames<PromptStarterSlots> = {\n  root: 'fai-PromptStarter',\n  primaryAction: 'fai-PromptStarter__primaryAction',\n  icon: 'fai-PromptStarter__icon',\n  category: 'fai-PromptStarter__category',\n  prompt: 'fai-PromptStarter__prompt',\n  reasonMarker: 'fai-PromptStarter__reasonMarker',\n  actions: 'fai-PromptStarter__actions',\n};\n\nconst useRootResetStyles = makeResetStyles({\n  display: 'grid',\n  gridTemplateColumns: '1fr auto',\n  gridTemplateRows: 'max-content auto',\n  minWidth: '214px',\n\n  // Apply styles to the primary action on hover / active states\n  '&:hover': {\n    [`& .${promptStarterClassNames.primaryAction}`]: {\n      boxShadow: tokens.shadow16,\n      transform: 'scale(1.03)',\n      transition: `transform ${tokens.durationNormal} ${tokens.curveDecelerateMin}`,\n    },\n  },\n  '&:active': {\n    [`& .${promptStarterClassNames.primaryAction}`]: {\n      boxShadow: tokens.shadow8,\n      transform: 'scale(1.03)',\n      transition: `transform ${tokens.durationNormal} ${tokens.curveDecelerateMin}`,\n    },\n  },\n\n  // Hide actions when not focused or hovered\n  ':not(:focus-within):not(:hover)': {\n    [`& .${promptStarterClassNames.actions}`]: {\n      clip: 'rect(0px, 0px, 0px, 0px)',\n      height: '1px',\n      margin: '-1px',\n      overflow: 'hidden',\n      padding: '0px',\n      width: '1px',\n      position: 'absolute',\n      opacity: 0,\n    },\n  },\n});\n\nconst useStyles = makeStyles({\n  primaryAction: {\n    gridRow: '1 / 3',\n    gridColumn: '1 / 3',\n    position: 'relative',\n    display: 'grid',\n    gridTemplateColumns: 'max-content 1fr',\n    gridAutoRows: 'max-content 1fr max-content',\n    borderRadius: '28px',\n    backgroundColor: tokens.colorNeutralBackground1,\n    color: tokens.colorNeutralForeground2,\n    fontFamily: tokens.fontFamilyBase,\n    cursor: 'pointer',\n    outlineStyle: 'none',\n    textAlign: 'left',\n    columnGap: tokens.spacingHorizontalMNudge,\n    rowGap: tokens.spacingVerticalS,\n    padding: `${tokens.spacingVerticalL} ${tokens.spacingHorizontalL}`,\n    ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n    ...createFocusOutlineStyle({ style: { outlineRadius: '28px' } }),\n  },\n\n  primaryActionHovered: {\n    boxShadow: tokens.shadow16,\n    transform: 'scale(1.03)',\n    transition: `transform ${tokens.durationNormal} ${tokens.curveDecelerateMin}`,\n  },\n\n  icon: {\n    display: 'flex',\n    alignItems: 'center',\n    minHeight: tokens.spacingVerticalXXL,\n    gridRow: 1,\n    gridColumn: '1 / 2',\n  },\n  category: {\n    gridRow: 1,\n    gridColumn: '2 / 3',\n    alignSelf: 'center',\n\n    color: tokens.colorNeutralForeground1,\n    ...typographyStyles.body1Strong,\n\n    // Truncate text after one line.\n    display: '-webkit-box',\n    '-webkit-box-orient': 'vertical',\n    '-webkit-line-clamp': '1',\n    overflowY: 'hidden',\n    wordBreak: 'break-word',\n  },\n  actions: {\n    gridRow: '1 / 2',\n    gridColumn: '2 / 3',\n    position: 'relative',\n    margin: `${tokens.spacingVerticalL} ${tokens.spacingHorizontalL}\n             ${tokens.spacingVerticalNone} ${tokens.spacingHorizontalNone}`,\n    opacity: 1,\n    transition: `opacity ${tokens.durationFast} ${tokens.curveLinear}`,\n  },\n  actionsWithCategory: {\n    // Add a background and gradient fade to truncate the title if applicable\n    backgroundColor: tokens.colorNeutralBackground1,\n\n    boxShadow: `-12px 0 12px 0 ${tokens.colorNeutralBackground1}`,\n  },\n  prompt: {\n    gridRow: '2',\n    gridColumn: '1 / 3',\n\n    ...typographyStyles.body1Strong,\n\n    // Truncate text after two lines.\n    display: '-webkit-box',\n    '-webkit-box-orient': 'vertical',\n    '-webkit-line-clamp': '2',\n    overflowY: 'hidden',\n    wordBreak: 'break-word',\n  },\n  promptNoReasonMarker: {\n    // Truncate text after three lines when no reason marker is present.\n    '-webkit-line-clamp': '3',\n  },\n  reasonMarker: {\n    gridRow: '3',\n    gridColumn: '1 / 3',\n\n    ...typographyStyles.caption2,\n\n    // Truncate text after one line.\n    display: '-webkit-box',\n    '-webkit-box-orient': 'vertical',\n    '-webkit-line-clamp': '1',\n    overflowY: 'hidden',\n    wordBreak: 'break-word',\n  },\n});\n\nconst useSingleColumnStyles = makeStyles({\n  primaryAction: {\n    display: 'flex',\n    flexDirection: 'column',\n    padding: `${tokens.spacingVerticalM} ${tokens.spacingHorizontalM}`,\n    borderRadius: tokens.borderRadius2XL,\n    ...createFocusOutlineStyle({ style: { outlineRadius: tokens.borderRadius2XL } }),\n  },\n  category: {\n    ...typographyStyles.caption1Strong,\n    alignSelf: 'auto',\n  },\n  prompt: {\n    ...typographyStyles.caption1Strong,\n\n    // Always truncate after two lines in single column layout.\n    '-webkit-line-clamp': '2',\n  },\n});\n\nexport const usePromptStarterStyles_unstable = (state: PromptStarterState): PromptStarterState => {\n  'use no memo';\n\n  const { isSingleColumn } = state;\n\n  const styles = useStyles();\n  const rootResetStyles = useRootResetStyles();\n  const singleColumnStyles = useSingleColumnStyles();\n  state.root.className = mergeClasses(promptStarterClassNames.root, rootResetStyles, state.root.className);\n  state.primaryAction.className = mergeClasses(\n    promptStarterClassNames.primaryAction,\n    styles.primaryAction,\n    isSingleColumn && singleColumnStyles.primaryAction,\n    state.primaryAction.className,\n  );\n  if (state.icon) {\n    state.icon.className = mergeClasses(promptStarterClassNames.icon, styles.icon, state.icon.className);\n  }\n  if (state.category) {\n    state.category.className = mergeClasses(\n      promptStarterClassNames.category,\n      styles.category,\n      isSingleColumn && singleColumnStyles.category,\n      state.category.className,\n    );\n  }\n  state.prompt.className = mergeClasses(\n    promptStarterClassNames.prompt,\n    styles.prompt,\n    !state.reasonMarker && styles.promptNoReasonMarker,\n    isSingleColumn && singleColumnStyles.prompt,\n    state.prompt.className,\n  );\n  if (state.reasonMarker) {\n    state.reasonMarker.className = mergeClasses(\n      promptStarterClassNames.reasonMarker,\n      styles.reasonMarker,\n      state.reasonMarker.className,\n    );\n  }\n  if (state.actions) {\n    state.actions.className = mergeClasses(\n      promptStarterClassNames.actions,\n      styles.actions,\n      state.category && styles.actionsWithCategory,\n      state.actions.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeStyles","makeResetStyles","mergeClasses","shorthands","typographyStyles","createFocusOutlineStyle","tokens","promptStarterClassNames","root","primaryAction","icon","category","prompt","reasonMarker","actions","useRootResetStyles","display","gridTemplateColumns","gridTemplateRows","minWidth","boxShadow","shadow16","transform","transition","durationNormal","curveDecelerateMin","shadow8","clip","height","margin","overflow","padding","width","position","opacity","useStyles","gridRow","gridColumn","gridAutoRows","borderRadius","backgroundColor","colorNeutralBackground1","color","colorNeutralForeground2","fontFamily","fontFamilyBase","cursor","outlineStyle","textAlign","columnGap","spacingHorizontalMNudge","rowGap","spacingVerticalS","spacingVerticalL","spacingHorizontalL","border","strokeWidthThin","colorNeutralStroke2","style","outlineRadius","primaryActionHovered","alignItems","minHeight","spacingVerticalXXL","alignSelf","colorNeutralForeground1","body1Strong","overflowY","wordBreak","spacingVerticalNone","spacingHorizontalNone","durationFast","curveLinear","actionsWithCategory","promptNoReasonMarker","caption2","useSingleColumnStyles","flexDirection","spacingVerticalM","spacingHorizontalM","borderRadius2XL","caption1Strong","usePromptStarterStyles_unstable","state","isSingleColumn","styles","rootResetStyles","singleColumnStyles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SACEA,UAAU,EACVC,eAAe,EACfC,YAAY,EACZC,UAAU,EACVC,gBAAgB,EAChBC,uBAAuB,QAClB,6BAA6B;AACpC,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;IACNC,eAAe;IACfC,MAAM;IACNC,UAAU;IACVC,QAAQ;IACRC,cAAc;IACdC,SAAS;AACX,EAAE;AAEF,MAAMC,qBAAqBd,gBAAgB;IACzCe,SAAS;IACTC,qBAAqB;IACrBC,kBAAkB;IAClBC,UAAU;IAEV,8DAA8D;IAC9D,WAAW;QACT,CAAC,CAAC,GAAG,EAAEZ,wBAAwBE,aAAa,CAAC,CAAC,CAAC,EAAE;YAC/CW,WAAWd,OAAOe,QAAQ;YAC1BC,WAAW;YACXC,YAAY,CAAC,UAAU,EAAEjB,OAAOkB,cAAc,CAAC,CAAC,EAAElB,OAAOmB,kBAAkB,CAAC,CAAC;QAC/E;IACF;IACA,YAAY;QACV,CAAC,CAAC,GAAG,EAAElB,wBAAwBE,aAAa,CAAC,CAAC,CAAC,EAAE;YAC/CW,WAAWd,OAAOoB,OAAO;YACzBJ,WAAW;YACXC,YAAY,CAAC,UAAU,EAAEjB,OAAOkB,cAAc,CAAC,CAAC,EAAElB,OAAOmB,kBAAkB,CAAC,CAAC;QAC/E;IACF;IAEA,2CAA2C;IAC3C,mCAAmC;QACjC,CAAC,CAAC,GAAG,EAAElB,wBAAwBO,OAAO,CAAC,CAAC,CAAC,EAAE;YACzCa,MAAM;YACNC,QAAQ;YACRC,QAAQ;YACRC,UAAU;YACVC,SAAS;YACTC,OAAO;YACPC,UAAU;YACVC,SAAS;QACX;IACF;AACF;AAEA,MAAMC,YAAYnC,WAAW;IAC3BS,eAAe;QACb2B,SAAS;QACTC,YAAY;QACZJ,UAAU;QACVjB,SAAS;QACTC,qBAAqB;QACrBqB,cAAc;QACdC,cAAc;QACdC,iBAAiBlC,OAAOmC,uBAAuB;QAC/CC,OAAOpC,OAAOqC,uBAAuB;QACrCC,YAAYtC,OAAOuC,cAAc;QACjCC,QAAQ;QACRC,cAAc;QACdC,WAAW;QACXC,WAAW3C,OAAO4C,uBAAuB;QACzCC,QAAQ7C,OAAO8C,gBAAgB;QAC/BrB,SAAS,CAAC,EAAEzB,OAAO+C,gBAAgB,CAAC,CAAC,EAAE/C,OAAOgD,kBAAkB,CAAC,CAAC;QAClE,GAAGnD,WAAWoD,MAAM,CAACjD,OAAOkD,eAAe,EAAE,SAASlD,OAAOmD,mBAAmB,CAAC;QACjF,GAAGpD,wBAAwB;YAAEqD,OAAO;gBAAEC,eAAe;YAAO;QAAE,EAAE;IAClE;IAEAC,sBAAsB;QACpBxC,WAAWd,OAAOe,QAAQ;QAC1BC,WAAW;QACXC,YAAY,CAAC,UAAU,EAAEjB,OAAOkB,cAAc,CAAC,CAAC,EAAElB,OAAOmB,kBAAkB,CAAC,CAAC;IAC/E;IAEAf,MAAM;QACJM,SAAS;QACT6C,YAAY;QACZC,WAAWxD,OAAOyD,kBAAkB;QACpC3B,SAAS;QACTC,YAAY;IACd;IACA1B,UAAU;QACRyB,SAAS;QACTC,YAAY;QACZ2B,WAAW;QAEXtB,OAAOpC,OAAO2D,uBAAuB;QACrC,GAAG7D,iBAAiB8D,WAAW;QAE/B,gCAAgC;QAChClD,SAAS;QACT,sBAAsB;QACtB,sBAAsB;QACtBmD,WAAW;QACXC,WAAW;IACb;IACAtD,SAAS;QACPsB,SAAS;QACTC,YAAY;QACZJ,UAAU;QACVJ,QAAQ,CAAC,EAAEvB,OAAO+C,gBAAgB,CAAC,CAAC,EAAE/C,OAAOgD,kBAAkB,CAAC;aACvD,EAAEhD,OAAO+D,mBAAmB,CAAC,CAAC,EAAE/D,OAAOgE,qBAAqB,CAAC,CAAC;QACvEpC,SAAS;QACTX,YAAY,CAAC,QAAQ,EAAEjB,OAAOiE,YAAY,CAAC,CAAC,EAAEjE,OAAOkE,WAAW,CAAC,CAAC;IACpE;IACAC,qBAAqB;QACnB,yEAAyE;QACzEjC,iBAAiBlC,OAAOmC,uBAAuB;QAE/CrB,WAAW,CAAC,eAAe,EAAEd,OAAOmC,uBAAuB,CAAC,CAAC;IAC/D;IACA7B,QAAQ;QACNwB,SAAS;QACTC,YAAY;QAEZ,GAAGjC,iBAAiB8D,WAAW;QAE/B,iCAAiC;QACjClD,SAAS;QACT,sBAAsB;QACtB,sBAAsB;QACtBmD,WAAW;QACXC,WAAW;IACb;IACAM,sBAAsB;QACpB,oEAAoE;QACpE,sBAAsB;IACxB;IACA7D,cAAc;QACZuB,SAAS;QACTC,YAAY;QAEZ,GAAGjC,iBAAiBuE,QAAQ;QAE5B,gCAAgC;QAChC3D,SAAS;QACT,sBAAsB;QACtB,sBAAsB;QACtBmD,WAAW;QACXC,WAAW;IACb;AACF;AAEA,MAAMQ,wBAAwB5E,WAAW;IACvCS,eAAe;QACbO,SAAS;QACT6D,eAAe;QACf9C,SAAS,CAAC,EAAEzB,OAAOwE,gBAAgB,CAAC,CAAC,EAAExE,OAAOyE,kBAAkB,CAAC,CAAC;QAClExC,cAAcjC,OAAO0E,eAAe;QACpC,GAAG3E,wBAAwB;YAAEqD,OAAO;gBAAEC,eAAerD,OAAO0E,eAAe;YAAC;QAAE,EAAE;IAClF;IACArE,UAAU;QACR,GAAGP,iBAAiB6E,cAAc;QAClCjB,WAAW;IACb;IACApD,QAAQ;QACN,GAAGR,iBAAiB6E,cAAc;QAElC,2DAA2D;QAC3D,sBAAsB;IACxB;AACF;AAEA,OAAO,MAAMC,kCAAkC,CAACC;IAC9C;IAEA,MAAM,EAAEC,cAAc,EAAE,GAAGD;IAE3B,MAAME,SAASlD;IACf,MAAMmD,kBAAkBvE;IACxB,MAAMwE,qBAAqBX;IAC3BO,MAAM3E,IAAI,CAACgF,SAAS,GAAGtF,aAAaK,wBAAwBC,IAAI,EAAE8E,iBAAiBH,MAAM3E,IAAI,CAACgF,SAAS;IACvGL,MAAM1E,aAAa,CAAC+E,SAAS,GAAGtF,aAC9BK,wBAAwBE,aAAa,EACrC4E,OAAO5E,aAAa,EACpB2E,kBAAkBG,mBAAmB9E,aAAa,EAClD0E,MAAM1E,aAAa,CAAC+E,SAAS;IAE/B,IAAIL,MAAMzE,IAAI,EAAE;QACdyE,MAAMzE,IAAI,CAAC8E,SAAS,GAAGtF,aAAaK,wBAAwBG,IAAI,EAAE2E,OAAO3E,IAAI,EAAEyE,MAAMzE,IAAI,CAAC8E,SAAS;IACrG;IACA,IAAIL,MAAMxE,QAAQ,EAAE;QAClBwE,MAAMxE,QAAQ,CAAC6E,SAAS,GAAGtF,aACzBK,wBAAwBI,QAAQ,EAChC0E,OAAO1E,QAAQ,EACfyE,kBAAkBG,mBAAmB5E,QAAQ,EAC7CwE,MAAMxE,QAAQ,CAAC6E,SAAS;IAE5B;IACAL,MAAMvE,MAAM,CAAC4E,SAAS,GAAGtF,aACvBK,wBAAwBK,MAAM,EAC9ByE,OAAOzE,MAAM,EACb,CAACuE,MAAMtE,YAAY,IAAIwE,OAAOX,oBAAoB,EAClDU,kBAAkBG,mBAAmB3E,MAAM,EAC3CuE,MAAMvE,MAAM,CAAC4E,SAAS;IAExB,IAAIL,MAAMtE,YAAY,EAAE;QACtBsE,MAAMtE,YAAY,CAAC2E,SAAS,GAAGtF,aAC7BK,wBAAwBM,YAAY,EACpCwE,OAAOxE,YAAY,EACnBsE,MAAMtE,YAAY,CAAC2E,SAAS;IAEhC;IACA,IAAIL,MAAMrE,OAAO,EAAE;QACjBqE,MAAMrE,OAAO,CAAC0E,SAAS,GAAGtF,aACxBK,wBAAwBO,OAAO,EAC/BuE,OAAOvE,OAAO,EACdqE,MAAMxE,QAAQ,IAAI0E,OAAOZ,mBAAmB,EAC5CU,MAAMrE,OAAO,CAAC0E,SAAS;IAE3B;IAEA,OAAOL;AACT,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["PromptStarter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePromptStarter_unstable } from './usePromptStarter';\nimport { renderPromptStarter_unstable } from './renderPromptStarter';\nimport { usePromptStarterStyles_unstable } from './usePromptStarterStyles.styles';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\nimport type { PromptStarterProps } from './PromptStarter.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const PromptStarter: ForwardRefComponent<PromptStarterProps> = React.forwardRef((props, ref) => {\n  const state = usePromptStarter_unstable(props, ref);\n\n  usePromptStarterStyles_unstable(state);\n  useCustomStyleHook('usePromptStarterStyles')(state);\n\n  return renderPromptStarter_unstable(state);\n});\n\nPromptStarter.displayName = 'PromptStarter';\n"],"names":["PromptStarter","React","forwardRef","props","ref","state","usePromptStarter_unstable","usePromptStarterStyles_unstable","useCustomStyleHook","renderPromptStarter_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;kCACmB;qCACG;8CACG;+BACb;AAI5B,MAAMA,gBAAAA,WAAAA,GAAyDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQC,IAAAA,2CAAAA,EAA0BH,OAAOC;IAE/CG,IAAAA,6DAAAA,EAAgCF;IAChCG,IAAAA,iCAAAA,EAAmB,0BAA0BH;IAE7C,OAAOI,IAAAA,iDAAAA,EAA6BJ;AACtC;AAEAL,cAAcU,WAAW,GAAG"}
+{"version":3,"sources":["PromptStarter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePromptStarter_unstable } from './usePromptStarter';\nimport { renderPromptStarter_unstable } from './renderPromptStarter';\nimport { usePromptStarterStyles_unstable } from './usePromptStarterStyles.styles';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\nimport type { PromptStarterProps } from './PromptStarter.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n/**\n * @deprecated Use PromptStarterV2 instead.\n * Deprecated on 10/21/2025\n */\nexport const PromptStarter: ForwardRefComponent<PromptStarterProps> = React.forwardRef((props, ref) => {\n  const state = usePromptStarter_unstable(props, ref);\n\n  usePromptStarterStyles_unstable(state);\n  useCustomStyleHook('usePromptStarterStyles')(state);\n\n  return renderPromptStarter_unstable(state);\n});\n\nPromptStarter.displayName = 'PromptStarter';\n"],"names":["PromptStarter","React","forwardRef","props","ref","state","usePromptStarter_unstable","usePromptStarterStyles_unstable","useCustomStyleHook","renderPromptStarter_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;kCACmB;qCACG;8CACG;+BACb;AAQ5B,MAAMA,gBAAAA,WAAAA,GAAyDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQC,IAAAA,2CAAAA,EAA0BH,OAAOC;IAE/CG,IAAAA,6DAAAA,EAAgCF;IAChCG,IAAAA,iCAAAA,EAAmB,0BAA0BH;IAE7C,OAAOI,IAAAA,iDAAAA,EAA6BJ;AACtC;AAEAL,cAAcU,WAAW,GAAG"}

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

@@ -1,5 +1,7 @@
 /**
  * State used in rendering PromptStarter
+ * @deprecated Use PromptStarterV2 instead.
+ * Deprecated on 10/21/2025
  */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

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

@@ -1 +1 @@
-{"version":3,"sources":["PromptStarter.types.ts"],"sourcesContent":["import type { DesignVersion } from '@fluentui-copilot/react-provider';\nimport type { ComponentProps, ComponentState, Slot, BadgeProps } from '@fluentui/react-components';\n\nexport type PromptStarterSlots = {\n  root: Slot<'button'>;\n  icon: NonNullable<Slot<'span'>>;\n  category: NonNullable<Slot<'span'>>;\n  prompt?: Slot<'span'>;\n  badge?: Slot<BadgeProps>;\n};\n\n/**\n * PromptStarter Props\n */\nexport type PromptStarterProps = ComponentProps<PromptStarterSlots> & DesignVersion & {};\n\n/**\n * State used in rendering PromptStarter\n */\nexport type PromptStarterState = ComponentState<PromptStarterSlots> &\n  Pick<Required<PromptStarterProps>, 'designVersion'>;\n"],"names":[],"rangeMappings":";;","mappings":"AAgBA;;CAEC"}
+{"version":3,"sources":["PromptStarter.types.ts"],"sourcesContent":["import type { DesignVersion } from '@fluentui-copilot/react-provider';\nimport type { ComponentProps, ComponentState, Slot, BadgeProps } from '@fluentui/react-components';\n\n/**\n * @deprecated Use PromptStarterV2 instead.\n * Deprecated on 10/21/2025\n */\nexport type PromptStarterSlots = {\n  root: Slot<'button'>;\n  icon: NonNullable<Slot<'span'>>;\n  category: NonNullable<Slot<'span'>>;\n  prompt?: Slot<'span'>;\n  badge?: Slot<BadgeProps>;\n};\n\n/**\n * PromptStarter Props\n * @deprecated Use PromptStarterV2 instead.\n * Deprecated on 10/21/2025\n */\nexport type PromptStarterProps = ComponentProps<PromptStarterSlots> & DesignVersion & {};\n\n/**\n * State used in rendering PromptStarter\n * @deprecated Use PromptStarterV2 instead.\n * Deprecated on 10/21/2025\n */\nexport type PromptStarterState = ComponentState<PromptStarterSlots> &\n  Pick<Required<PromptStarterProps>, 'designVersion'>;\n"],"names":[],"rangeMappings":";;;;","mappings":"AAsBA;;;;CAIC"}

package/lib-commonjs/components/PromptStarter/renderPromptStarter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderPromptStarter.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { JSXElement } from '@fluentui/react-components';\nimport type { PromptStarterState, PromptStarterSlots } from './PromptStarter.types';\n\nexport const renderPromptStarter_unstable = (state: PromptStarterState): JSXElement => {\n  assertSlots<PromptStarterSlots>(state);\n\n  return (\n    <state.root>\n      <state.icon />\n      <state.category>\n        {state.category.children} {state.badge && <state.badge />}\n      </state.category>\n      {state.prompt && <state.prompt />}\n    </state.root>\n  );\n};\n"],"names":["renderPromptStarter_unstable","state","assertSlots","_jsxs","root","_jsx","icon","category","children","badge","prompt"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;4BANb;iCAE4B;AAIrB,MAAMA,+BAA+B,CAACC;IAC3CC,IAAAA,4BAAAA,EAAgCD;IAEhC,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;0BACTC,IAAAA,eAAA,EAACJ,MAAMK,IAAI,EAAA,CAAA;0BACXH,IAAAA,gBAAA,EAACF,MAAMM,QAAQ,EAAA;;oBACZN,MAAMM,QAAQ,CAACC,QAAQ;oBAAC;oBAAEP,MAAMQ,KAAK,IAAA,WAAA,GAAIJ,IAAAA,eAAA,EAACJ,MAAMQ,KAAK,EAAA,CAAA;;;YAEvDR,MAAMS,MAAM,IAAA,WAAA,GAAIL,IAAAA,eAAA,EAACJ,MAAMS,MAAM,EAAA,CAAA;;;AAGpC"}
+{"version":3,"sources":["renderPromptStarter.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { JSXElement } from '@fluentui/react-components';\nimport type { PromptStarterState, PromptStarterSlots } from './PromptStarter.types';\n\n/**\n * @deprecated Use PromptStarterV2 instead.\n * Deprecated on 10/21/2025\n */\nexport const renderPromptStarter_unstable = (state: PromptStarterState): JSXElement => {\n  assertSlots<PromptStarterSlots>(state);\n\n  return (\n    <state.root>\n      <state.icon />\n      <state.category>\n        {state.category.children} {state.badge && <state.badge />}\n      </state.category>\n      {state.prompt && <state.prompt />}\n    </state.root>\n  );\n};\n"],"names":["renderPromptStarter_unstable","state","assertSlots","_jsxs","root","_jsx","icon","category","children","badge","prompt"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;4BAVb;iCAE4B;AAQrB,MAAMA,+BAA+B,CAACC;IAC3CC,IAAAA,4BAAAA,EAAgCD;IAEhC,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;0BACTC,IAAAA,eAAA,EAACJ,MAAMK,IAAI,EAAA,CAAA;0BACXH,IAAAA,gBAAA,EAACF,MAAMM,QAAQ,EAAA;;oBACZN,MAAMM,QAAQ,CAACC,QAAQ;oBAAC;oBAAEP,MAAMQ,KAAK,IAAA,WAAA,GAAIJ,IAAAA,eAAA,EAACJ,MAAMQ,KAAK,EAAA,CAAA;;;YAEvDR,MAAMS,MAAM,IAAA,WAAA,GAAIL,IAAAA,eAAA,EAACJ,MAAMS,MAAM,EAAA,CAAA;;;AAGpC"}

package/lib-commonjs/components/PromptStarter/usePromptStarter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePromptStarter.ts"],"sourcesContent":["import { useDesignVersion } from '@fluentui-copilot/react-provider';\nimport { Badge, getIntrinsicElementProps, slot, useId } from '@fluentui/react-components';\nimport type { PromptStarterProps, PromptStarterState } from './PromptStarter.types';\n\n/**\n * Create the state required to render PromptStarter.\n *\n * The returned state can be modified with hooks such as usePromptStarterStyles_unstable,\n * before being passed to renderPromptStarter_unstable.\n *\n * @param props - props from this instance of PromptStarter\n * @param ref - reference to root HTMLElement of PromptStarter\n */\nexport const usePromptStarter_unstable = (\n  props: PromptStarterProps,\n  ref: React.Ref<HTMLButtonElement>,\n): PromptStarterState => {\n  const designVersion = useDesignVersion(props.designVersion);\n  const idPrefix = useId('prompt-starter');\n\n  return {\n    components: {\n      root: 'button',\n      icon: 'span',\n      category: 'span',\n      prompt: 'span',\n      badge: Badge,\n    },\n    root: slot.always(\n      getIntrinsicElementProps('button', {\n        ref,\n        'aria-labelledby': `${idPrefix}-category`,\n        'aria-describedby': `${idPrefix}-prompt`,\n        ...props,\n      }),\n      { elementType: 'button' },\n    ),\n    icon: slot.always(props.icon, { elementType: 'span' }),\n    category: slot.always(props.category, { defaultProps: { id: `${idPrefix}-category` }, elementType: 'span' }),\n    prompt: slot.optional(props.prompt, { defaultProps: { id: `${idPrefix}-prompt` }, elementType: 'span' }),\n    badge: slot.optional(props.badge, { defaultProps: { appearance: 'tint' }, elementType: Badge }),\n    designVersion,\n  };\n};\n"],"names":["usePromptStarter_unstable","props","ref","designVersion","useDesignVersion","idPrefix","useId","components","root","icon","category","prompt","badge","Badge","slot","always","getIntrinsicElementProps","elementType","defaultProps","id","optional","appearance"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;+BAboB;iCAC4B;AAYtD,MAAMA,4BAA4B,CACvCC,OACAC;IAEA,MAAMC,gBAAgBC,IAAAA,+BAAAA,EAAiBH,MAAME,aAAa;IAC1D,MAAME,WAAWC,IAAAA,sBAAAA,EAAM;IAEvB,OAAO;QACLC,YAAY;YACVC,MAAM;YACNC,MAAM;YACNC,UAAU;YACVC,QAAQ;YACRC,OAAOC,sBAAAA;QACT;QACAL,MAAMM,qBAAAA,CAAKC,MAAM,CACfC,IAAAA,yCAAAA,EAAyB,UAAU;YACjCd;YACA,mBAAmB,CAAC,EAAEG,SAAS,SAAS,CAAC;YACzC,oBAAoB,CAAC,EAAEA,SAAS,OAAO,CAAC;YACxC,GAAGJ,KAAK;QACV,IACA;YAAEgB,aAAa;QAAS;QAE1BR,MAAMK,qBAAAA,CAAKC,MAAM,CAACd,MAAMQ,IAAI,EAAE;YAAEQ,aAAa;QAAO;QACpDP,UAAUI,qBAAAA,CAAKC,MAAM,CAACd,MAAMS,QAAQ,EAAE;YAAEQ,cAAc;gBAAEC,IAAI,CAAC,EAAEd,SAAS,SAAS,CAAC;YAAC;YAAGY,aAAa;QAAO;QAC1GN,QAAQG,qBAAAA,CAAKM,QAAQ,CAACnB,MAAMU,MAAM,EAAE;YAAEO,cAAc;gBAAEC,IAAI,CAAC,EAAEd,SAAS,OAAO,CAAC;YAAC;YAAGY,aAAa;QAAO;QACtGL,OAAOE,qBAAAA,CAAKM,QAAQ,CAACnB,MAAMW,KAAK,EAAE;YAAEM,cAAc;gBAAEG,YAAY;YAAO;YAAGJ,aAAaJ,sBAAAA;QAAM;QAC7FV;IACF;AACF"}
+{"version":3,"sources":["usePromptStarter.ts"],"sourcesContent":["import { useDesignVersion } from '@fluentui-copilot/react-provider';\nimport { Badge, getIntrinsicElementProps, slot, useId } from '@fluentui/react-components';\nimport type { PromptStarterProps, PromptStarterState } from './PromptStarter.types';\n\n/**\n * Create the state required to render PromptStarter.\n *\n * The returned state can be modified with hooks such as usePromptStarterStyles_unstable,\n * before being passed to renderPromptStarter_unstable.\n *\n * @deprecated Use PromptStarterV2 instead.\n * Deprecated on 10/21/2025\n *\n * @param props - props from this instance of PromptStarter\n * @param ref - reference to root HTMLElement of PromptStarter\n */\nexport const usePromptStarter_unstable = (\n  props: PromptStarterProps,\n  ref: React.Ref<HTMLButtonElement>,\n): PromptStarterState => {\n  const designVersion = useDesignVersion(props.designVersion);\n  const idPrefix = useId('prompt-starter');\n\n  return {\n    components: {\n      root: 'button',\n      icon: 'span',\n      category: 'span',\n      prompt: 'span',\n      badge: Badge,\n    },\n    root: slot.always(\n      getIntrinsicElementProps('button', {\n        ref,\n        'aria-labelledby': `${idPrefix}-category`,\n        'aria-describedby': `${idPrefix}-prompt`,\n        ...props,\n      }),\n      { elementType: 'button' },\n    ),\n    icon: slot.always(props.icon, { elementType: 'span' }),\n    category: slot.always(props.category, { defaultProps: { id: `${idPrefix}-category` }, elementType: 'span' }),\n    prompt: slot.optional(props.prompt, { defaultProps: { id: `${idPrefix}-prompt` }, elementType: 'span' }),\n    badge: slot.optional(props.badge, { defaultProps: { appearance: 'tint' }, elementType: Badge }),\n    designVersion,\n  };\n};\n"],"names":["usePromptStarter_unstable","props","ref","designVersion","useDesignVersion","idPrefix","useId","components","root","icon","category","prompt","badge","Badge","slot","always","getIntrinsicElementProps","elementType","defaultProps","id","optional","appearance"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBaA;;;eAAAA;;;+BAhBoB;iCAC4B;AAetD,MAAMA,4BAA4B,CACvCC,OACAC;IAEA,MAAMC,gBAAgBC,IAAAA,+BAAAA,EAAiBH,MAAME,aAAa;IAC1D,MAAME,WAAWC,IAAAA,sBAAAA,EAAM;IAEvB,OAAO;QACLC,YAAY;YACVC,MAAM;YACNC,MAAM;YACNC,UAAU;YACVC,QAAQ;YACRC,OAAOC,sBAAAA;QACT;QACAL,MAAMM,qBAAAA,CAAKC,MAAM,CACfC,IAAAA,yCAAAA,EAAyB,UAAU;YACjCd;YACA,mBAAmB,CAAC,EAAEG,SAAS,SAAS,CAAC;YACzC,oBAAoB,CAAC,EAAEA,SAAS,OAAO,CAAC;YACxC,GAAGJ,KAAK;QACV,IACA;YAAEgB,aAAa;QAAS;QAE1BR,MAAMK,qBAAAA,CAAKC,MAAM,CAACd,MAAMQ,IAAI,EAAE;YAAEQ,aAAa;QAAO;QACpDP,UAAUI,qBAAAA,CAAKC,MAAM,CAACd,MAAMS,QAAQ,EAAE;YAAEQ,cAAc;gBAAEC,IAAI,CAAC,EAAEd,SAAS,SAAS,CAAC;YAAC;YAAGY,aAAa;QAAO;QAC1GN,QAAQG,qBAAAA,CAAKM,QAAQ,CAACnB,MAAMU,MAAM,EAAE;YAAEO,cAAc;gBAAEC,IAAI,CAAC,EAAEd,SAAS,OAAO,CAAC;YAAC;YAAGY,aAAa;QAAO;QACtGL,OAAOE,qBAAAA,CAAKM,QAAQ,CAACnB,MAAMW,KAAK,EAAE;YAAEM,cAAc;gBAAEG,YAAY;YAAO;YAAGJ,aAAaJ,sBAAAA;QAAM;QAC7FV;IACF;AACF"}

package/lib-commonjs/components/PromptStarter/usePromptStarterStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePromptStarterStyles.styles.ts"],"sourcesContent":["import {\n  makeStyles,\n  makeResetStyles,\n  mergeClasses,\n  shorthands,\n  typographyStyles,\n  createFocusOutlineStyle,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PromptStarterSlots, PromptStarterState } from './PromptStarter.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const promptStarterClassNames: SlotClassNames<PromptStarterSlots> = {\n  root: 'fai-PromptStarter',\n  category: 'fai-PromptStarter__category',\n  icon: 'fai-PromptStarter__icon',\n  prompt: 'fai-PromptStarter__prompt',\n  badge: 'fai-PromptStarter__badge',\n};\n\nconst useRootResetStyles = makeResetStyles({\n  position: 'relative',\n  display: 'grid',\n  gridTemplateColumns: 'auto 1fr',\n  gridTemplateRows: 'auto auto',\n  gridTemplateAreas: `\n    \"icon category\"\n    \".    prompt\"\n  `,\n  backgroundColor: tokens.colorNeutralBackground1,\n  color: tokens.colorNeutralForeground1,\n  fontFamily: tokens.fontFamilyBase,\n  cursor: 'pointer',\n  outlineStyle: 'none',\n  textAlign: 'left',\n  gap: '0px 8px',\n  padding: '6px 8px 8px 8px',\n  ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1),\n  borderRadius: tokens.borderRadiusMedium,\n  '&:hover': {\n    backgroundColor: tokens.colorNeutralBackground1Hover,\n    ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Hover),\n  },\n  '&:active': {\n    backgroundColor: tokens.colorNeutralBackground1Pressed,\n    ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Pressed),\n  },\n  ...createFocusOutlineStyle(),\n});\n\nconst useStyles = makeStyles({\n  disabled: {\n    cursor: 'not-allowed',\n    backgroundColor: tokens.colorNeutralBackgroundDisabled,\n    ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n    '&:hover': {\n      backgroundColor: tokens.colorNeutralBackgroundDisabled,\n      ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n    },\n    '&:active': {\n      backgroundColor: tokens.colorNeutralBackgroundDisabled,\n      ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n    },\n  },\n  icon: { gridArea: 'icon', display: 'flex', alignSelf: 'center' },\n\n  category: {\n    ...typographyStyles.body1Strong,\n    gridArea: 'category',\n  },\n  prompt: { ...typographyStyles.body1, gridArea: 'prompt' },\n  disabledText: {\n    color: tokens.colorNeutralForegroundDisabled,\n  },\n  disabledBadge: {\n    opacity: '40%',\n  },\n});\n\nconst useNextStyles = makeStyles({ root: { borderRadius: tokens.borderRadiusXLarge } });\n\nexport const usePromptStarterStyles_unstable = (state: PromptStarterState): PromptStarterState => {\n  'use no memo';\n\n  const { designVersion } = state;\n\n  const styles = useStyles();\n  const nextStyles = useNextStyles();\n  const rootResetStyles = useRootResetStyles();\n  state.root.className = mergeClasses(\n    promptStarterClassNames.root,\n    rootResetStyles,\n    designVersion === 'next' && nextStyles.root,\n    state.root.disabled && styles.disabled,\n    state.root.className,\n  );\n  state.icon.className = mergeClasses(\n    promptStarterClassNames.icon,\n    styles.icon,\n    state.root.disabled && styles.disabledText,\n    state.icon.className,\n  );\n  state.category.className = mergeClasses(\n    promptStarterClassNames.category,\n    styles.category,\n    state.category.className,\n    state.root.disabled && styles.disabledText,\n  );\n  if (state.prompt) {\n    state.prompt.className = mergeClasses(\n      promptStarterClassNames.prompt,\n      styles.prompt,\n      state.root.disabled && styles.disabledText,\n      state.prompt.className,\n    );\n  }\n  if (state.badge) {\n    state.badge.className = mergeClasses(\n      promptStarterClassNames.badge,\n      state.root.disabled && styles.disabledBadge,\n      state.badge.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["promptStarterClassNames","root","category","icon","prompt","badge","useRootResetStyles","makeResetStyles","position","display","gridTemplateRows","gridTemplateAreas","B4j52fo","backgroundColor","tokens","colorNeutralBackground1","color","fontFamily","fontFamilyBase","cursor","outlineStyle","textAlign","gap","padding","h3c5rm","shorthands","strokeWidthThin","borderRadius","zhjwy3","B2zwrfe","xv9156","colorNeutralBackground1Pressed","Bop6t4b","gvrnp0","createFocusOutlineStyle","Beu9t3s","Bgoe8wy","useStyles","disabled","colorNeutralBackgroundDisabled","B6oc9vd","gridArea","typographyStyles","Ijaq50","disabledText","Be2twd7","disabledBadge","opacity","Bw0ie65","Br312pm","nk6f5a","useNextStyles","Bahqtrf","usePromptStarterStyles_unstable","Bhrd7zp","designVersion","Bg96gwp","styles","nextStyles","rootResetStyles","state","sj55zd","abs64n"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAYaA,uBAAAA;eAAAA;;;;;;iCANY;AAMlB,MAAMA,0BAA8D;UACzEC;cACAC;UACAC;YACAC;WACAC;AACF;AAEA,MAAMC,qBAAqBC,IAAAA,8BAAAA,EAAAA,YAAgB,YAAA;OACzCC;QAAAA;QAAU;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;OACVC;QAAAA;QAAS;KAAA;;MAETC,YAAAA,IAAAA,yBAAkB,EAAA;cAClBC;;;QAGCC,SAAA;QACDC,SAAAA;YAAAA;YAAiBC;SAAOC;QACxBC,SAAOF;QACPG,QAAAA;YAAAA;YAAmBC;SAAAA;QACnBC,QAAQ;QACRC,QAAAA;YAAAA;YAAc;SAAA;QACdC,QAAAA;QACAC,QAAK;YAAA;YAAA;SAAA;QACLC,QAAAA;QACAC,QAAGC;YAAAA;YAAiB;SAAQC;QAC5BC,SAAAA;QACAC,QAAA;YAAA;YAAW;SAAA;gBACTf;gBACGY;QACLI,SAAA;YAAA;YAAA;SAAA;QACAC,QAAA;gBACEjB;YAAAA;YAAiBC;SAAOiB;iBACrBN;QACLO,SAAA;YAAA;YAAA;SAAA;QACAC,QAAGC;QACLC,SAAA;YAAA;YAAA;SAAA;QAEAC,SAAMC;QACJC,SAAAA;YAAU;YAAA;SAAA;gBACRnB;gBACAN;YAAAA;YAAiBC;SAAOyB;gBACrBd;gBACH;iBACEZ;YAAAA;YAAAA;SAAwB0B;iBACxB;gBACF;YAAA;YAAA;SAAA;gBACA;iBACE1B;YAAAA;YAAAA;SAAwB0B;iBACxB;gBACF;YAAA;YAAA;SAAA;QACFC,SAAA;QACArC,QAAM;YAAA;YAAA;SAAA;gBAAEsC;iBAAkBhC;YAAAA;YAAS;SAAA;;UAA4B;QAE/DP,SAAAA;iBACKwC;gBACHD;QACFE,QAAA;QACAvC,SAAQ;gBAAKsC;gBAAwBD;;cACrCG;iBACE5B;QACF6B,SAAA;QACAC,SAAAA;iBACEC;QACFC,SAAA;QACFC,SAAA;QAEAC,QAAMC;QAA6BlD,QAAM;iBAAE0B;;IAA0CvB,QAAA;QAErFgD,SAAaC;QACXR,SAAA;QAEAS,SAAQC;QAERC,SAAMC;QACNT,SAAMU;QACNT,SAAMU;QACNC,QAAM3D;QAON2D,QAAMzD;QAMNyD,SAAM1D;;kBAOEE;QAMRyD,QAAA;;mBAEQxD;QAKRyD,QAAA;;AAGF,GAAE"}
+{"version":3,"sources":["usePromptStarterStyles.styles.ts"],"sourcesContent":["import {\n  makeStyles,\n  makeResetStyles,\n  mergeClasses,\n  shorthands,\n  typographyStyles,\n  createFocusOutlineStyle,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PromptStarterSlots, PromptStarterState } from './PromptStarter.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const promptStarterClassNames: SlotClassNames<PromptStarterSlots> = {\n  root: 'fai-PromptStarter',\n  category: 'fai-PromptStarter__category',\n  icon: 'fai-PromptStarter__icon',\n  prompt: 'fai-PromptStarter__prompt',\n  badge: 'fai-PromptStarter__badge',\n};\n\nconst useRootResetStyles = makeResetStyles({\n  position: 'relative',\n  display: 'grid',\n  gridTemplateColumns: 'auto 1fr',\n  gridTemplateRows: 'auto auto',\n  gridTemplateAreas: `\n    \"icon category\"\n    \".    prompt\"\n  `,\n  backgroundColor: tokens.colorNeutralBackground1,\n  color: tokens.colorNeutralForeground1,\n  fontFamily: tokens.fontFamilyBase,\n  cursor: 'pointer',\n  outlineStyle: 'none',\n  textAlign: 'left',\n  gap: '0px 8px',\n  padding: '6px 8px 8px 8px',\n  ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1),\n  borderRadius: tokens.borderRadiusMedium,\n  '&:hover': {\n    backgroundColor: tokens.colorNeutralBackground1Hover,\n    ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Hover),\n  },\n  '&:active': {\n    backgroundColor: tokens.colorNeutralBackground1Pressed,\n    ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Pressed),\n  },\n  ...createFocusOutlineStyle(),\n});\n\nconst useStyles = makeStyles({\n  disabled: {\n    cursor: 'not-allowed',\n    backgroundColor: tokens.colorNeutralBackgroundDisabled,\n    ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n    '&:hover': {\n      backgroundColor: tokens.colorNeutralBackgroundDisabled,\n      ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n    },\n    '&:active': {\n      backgroundColor: tokens.colorNeutralBackgroundDisabled,\n      ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n    },\n  },\n  icon: { gridArea: 'icon', display: 'flex', alignSelf: 'center' },\n\n  category: {\n    ...typographyStyles.body1Strong,\n    gridArea: 'category',\n  },\n  prompt: { ...typographyStyles.body1, gridArea: 'prompt' },\n  disabledText: {\n    color: tokens.colorNeutralForegroundDisabled,\n  },\n  disabledBadge: {\n    opacity: '40%',\n  },\n});\n\nconst useNextStyles = makeStyles({ root: { borderRadius: tokens.borderRadiusXLarge } });\n\n/**\n * @deprecated Use PromptStarterV2 instead.\n * Deprecated on 10/21/2025\n */\nexport const usePromptStarterStyles_unstable = (state: PromptStarterState): PromptStarterState => {\n  'use no memo';\n\n  const { designVersion } = state;\n\n  const styles = useStyles();\n  const nextStyles = useNextStyles();\n  const rootResetStyles = useRootResetStyles();\n  state.root.className = mergeClasses(\n    promptStarterClassNames.root,\n    rootResetStyles,\n    designVersion === 'next' && nextStyles.root,\n    state.root.disabled && styles.disabled,\n    state.root.className,\n  );\n  state.icon.className = mergeClasses(\n    promptStarterClassNames.icon,\n    styles.icon,\n    state.root.disabled && styles.disabledText,\n    state.icon.className,\n  );\n  state.category.className = mergeClasses(\n    promptStarterClassNames.category,\n    styles.category,\n    state.category.className,\n    state.root.disabled && styles.disabledText,\n  );\n  if (state.prompt) {\n    state.prompt.className = mergeClasses(\n      promptStarterClassNames.prompt,\n      styles.prompt,\n      state.root.disabled && styles.disabledText,\n      state.prompt.className,\n    );\n  }\n  if (state.badge) {\n    state.badge.className = mergeClasses(\n      promptStarterClassNames.badge,\n      state.root.disabled && styles.disabledBadge,\n      state.badge.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["promptStarterClassNames","root","category","icon","prompt","badge","useRootResetStyles","makeResetStyles","position","display","gridTemplateRows","gridTemplateAreas","B4j52fo","backgroundColor","tokens","colorNeutralBackground1","color","fontFamily","fontFamilyBase","cursor","outlineStyle","textAlign","gap","padding","h3c5rm","shorthands","strokeWidthThin","borderRadius","zhjwy3","B2zwrfe","xv9156","colorNeutralBackground1Pressed","Bop6t4b","gvrnp0","createFocusOutlineStyle","Beu9t3s","Bgoe8wy","useStyles","disabled","colorNeutralBackgroundDisabled","B6oc9vd","gridArea","typographyStyles","Ijaq50","disabledText","Be2twd7","disabledBadge","opacity","Bw0ie65","Br312pm","nk6f5a","useNextStyles","Bahqtrf","Bg96gwp","designVersion","styles","nextStyles","Bq1tomu","rootResetStyles","className","state","abs64n","p"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAYaA,uBAAAA;eAAAA;;;;;;iCANY;AAMlB,MAAMA,0BAA8D;UACzEC;cACAC;UACAC;YACAC;WACAC;AACF;AAEA,MAAMC,qBAAqBC,IAAAA,8BAAAA,EAAAA,YAAgB,YAAA;OACzCC;QAAAA;QAAU;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;OACVC;QAAAA;QAAS;KAAA;;MAETC,YAAAA,IAAAA,yBAAkB,EAAA;cAClBC;;;QAGCC,SAAA;QACDC,SAAAA;YAAAA;YAAiBC;SAAOC;QACxBC,SAAOF;QACPG,QAAAA;YAAAA;YAAmBC;SAAAA;QACnBC,QAAQ;QACRC,QAAAA;YAAAA;YAAc;SAAA;QACdC,QAAAA;QACAC,QAAK;YAAA;YAAA;SAAA;QACLC,QAAAA;QACAC,QAAGC;YAAAA;YAAiB;SAAQC;QAC5BC,SAAAA;QACAC,QAAA;YAAA;YAAW;SAAA;gBACTf;gBACGY;QACLI,SAAA;YAAA;YAAA;SAAA;QACAC,QAAA;gBACEjB;YAAAA;YAAiBC;SAAOiB;iBACrBN;QACLO,SAAA;YAAA;YAAA;SAAA;QACAC,QAAGC;QACLC,SAAA;YAAA;YAAA;SAAA;QAEAC,SAAMC;QACJC,SAAAA;YAAU;YAAA;SAAA;gBACRnB;gBACAN;YAAAA;YAAiBC;SAAOyB;gBACrBd;gBACH;iBACEZ;YAAAA;YAAAA;SAAwB0B;iBACxB;gBACF;YAAA;YAAA;SAAA;gBACA;iBACE1B;YAAAA;YAAAA;SAAwB0B;iBACxB;gBACF;YAAA;YAAA;SAAA;QACFC,SAAA;QACArC,QAAM;YAAA;YAAA;SAAA;gBAAEsC;iBAAkBhC;YAAAA;YAAS;SAAA;;UAA4B;QAE/DP,SAAAA;iBACKwC;gBACHD;QACFE,QAAA;QACAvC,SAAQ;gBAAKsC;gBAAwBD;;cACrCG;iBACE5B;QACF6B,SAAA;QACAC,SAAAA;iBACEC;QACFC,SAAA;QACFC,SAAA;QAEAC,QAAMC;QAA6BlD,QAAM;iBAAE0B;;IAA0CvB,QAAA;QAErFgD,SAAA;;;QAIAC,SAAO;QACLL,SAAA;QAEAC,SAAQK;QAERJ,QAAMK;QACNZ,QAAMa;QACNC,SAAMC;;kBAQKC;QAMXC,QAAM1D;;mBAOEE;QAMRyD,QAAA;;;OAOA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAEAC,GAAA,CAAA;YACA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA"}

package/lib-commonjs/components/PromptStarter/usePromptStarterStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePromptStarterStyles.styles.ts"],"sourcesContent":["import {\n  makeStyles,\n  makeResetStyles,\n  mergeClasses,\n  shorthands,\n  typographyStyles,\n  createFocusOutlineStyle,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PromptStarterSlots, PromptStarterState } from './PromptStarter.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const promptStarterClassNames: SlotClassNames<PromptStarterSlots> = {\n  root: 'fai-PromptStarter',\n  category: 'fai-PromptStarter__category',\n  icon: 'fai-PromptStarter__icon',\n  prompt: 'fai-PromptStarter__prompt',\n  badge: 'fai-PromptStarter__badge',\n};\n\nconst useRootResetStyles = makeResetStyles({\n  position: 'relative',\n  display: 'grid',\n  gridTemplateColumns: 'auto 1fr',\n  gridTemplateRows: 'auto auto',\n  gridTemplateAreas: `\n    \"icon category\"\n    \".    prompt\"\n  `,\n  backgroundColor: tokens.colorNeutralBackground1,\n  color: tokens.colorNeutralForeground1,\n  fontFamily: tokens.fontFamilyBase,\n  cursor: 'pointer',\n  outlineStyle: 'none',\n  textAlign: 'left',\n  gap: '0px 8px',\n  padding: '6px 8px 8px 8px',\n  ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1),\n  borderRadius: tokens.borderRadiusMedium,\n  '&:hover': {\n    backgroundColor: tokens.colorNeutralBackground1Hover,\n    ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Hover),\n  },\n  '&:active': {\n    backgroundColor: tokens.colorNeutralBackground1Pressed,\n    ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Pressed),\n  },\n  ...createFocusOutlineStyle(),\n});\n\nconst useStyles = makeStyles({\n  disabled: {\n    cursor: 'not-allowed',\n    backgroundColor: tokens.colorNeutralBackgroundDisabled,\n    ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n    '&:hover': {\n      backgroundColor: tokens.colorNeutralBackgroundDisabled,\n      ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n    },\n    '&:active': {\n      backgroundColor: tokens.colorNeutralBackgroundDisabled,\n      ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n    },\n  },\n  icon: { gridArea: 'icon', display: 'flex', alignSelf: 'center' },\n\n  category: {\n    ...typographyStyles.body1Strong,\n    gridArea: 'category',\n  },\n  prompt: { ...typographyStyles.body1, gridArea: 'prompt' },\n  disabledText: {\n    color: tokens.colorNeutralForegroundDisabled,\n  },\n  disabledBadge: {\n    opacity: '40%',\n  },\n});\n\nconst useNextStyles = makeStyles({ root: { borderRadius: tokens.borderRadiusXLarge } });\n\nexport const usePromptStarterStyles_unstable = (state: PromptStarterState): PromptStarterState => {\n  'use no memo';\n\n  const { designVersion } = state;\n\n  const styles = useStyles();\n  const nextStyles = useNextStyles();\n  const rootResetStyles = useRootResetStyles();\n  state.root.className = mergeClasses(\n    promptStarterClassNames.root,\n    rootResetStyles,\n    designVersion === 'next' && nextStyles.root,\n    state.root.disabled && styles.disabled,\n    state.root.className,\n  );\n  state.icon.className = mergeClasses(\n    promptStarterClassNames.icon,\n    styles.icon,\n    state.root.disabled && styles.disabledText,\n    state.icon.className,\n  );\n  state.category.className = mergeClasses(\n    promptStarterClassNames.category,\n    styles.category,\n    state.category.className,\n    state.root.disabled && styles.disabledText,\n  );\n  if (state.prompt) {\n    state.prompt.className = mergeClasses(\n      promptStarterClassNames.prompt,\n      styles.prompt,\n      state.root.disabled && styles.disabledText,\n      state.prompt.className,\n    );\n  }\n  if (state.badge) {\n    state.badge.className = mergeClasses(\n      promptStarterClassNames.badge,\n      state.root.disabled && styles.disabledBadge,\n      state.badge.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["promptStarterClassNames","usePromptStarterStyles_unstable","root","category","icon","prompt","badge","useRootResetStyles","makeResetStyles","position","display","gridTemplateColumns","gridTemplateRows","gridTemplateAreas","backgroundColor","tokens","colorNeutralBackground1","color","colorNeutralForeground1","fontFamily","fontFamilyBase","cursor","outlineStyle","textAlign","gap","padding","shorthands","border","strokeWidthThin","colorNeutralStroke1","borderRadius","borderRadiusMedium","colorNeutralBackground1Hover","colorNeutralStroke1Hover","colorNeutralBackground1Pressed","colorNeutralStroke1Pressed","createFocusOutlineStyle","useStyles","makeStyles","disabled","colorNeutralBackgroundDisabled","colorNeutralStrokeDisabled","gridArea","alignSelf","typographyStyles","body1Strong","body1","disabledText","colorNeutralForegroundDisabled","disabledBadge","opacity","useNextStyles","borderRadiusXLarge","state","designVersion","styles","nextStyles","rootResetStyles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAYaA,uBAAAA;eAAAA;;IAqEAC,+BAAAA;eAAAA;;;iCA1EN;wBACgB;AAIhB,MAAMD,0BAA8D;IACzEE,MAAM;IACNC,UAAU;IACVC,MAAM;IACNC,QAAQ;IACRC,OAAO;AACT;AAEA,MAAMC,qBAAqBC,IAAAA,gCAAAA,EAAgB;IACzCC,UAAU;IACVC,SAAS;IACTC,qBAAqB;IACrBC,kBAAkB;IAClBC,mBAAmB,CAAC;;;EAGpB,CAAC;IACDC,iBAAiBC,cAAAA,CAAOC,uBAAuB;IAC/CC,OAAOF,cAAAA,CAAOG,uBAAuB;IACrCC,YAAYJ,cAAAA,CAAOK,cAAc;IACjCC,QAAQ;IACRC,cAAc;IACdC,WAAW;IACXC,KAAK;IACLC,SAAS;IACT,GAAGC,2BAAAA,CAAWC,MAAM,CAACZ,cAAAA,CAAOa,eAAe,EAAE,SAASb,cAAAA,CAAOc,mBAAmB,CAAC;IACjFC,cAAcf,cAAAA,CAAOgB,kBAAkB;IACvC,WAAW;QACTjB,iBAAiBC,cAAAA,CAAOiB,4BAA4B;QACpD,GAAGN,2BAAAA,CAAWC,MAAM,CAACZ,cAAAA,CAAOa,eAAe,EAAE,SAASb,cAAAA,CAAOkB,wBAAwB,CAAC;IACxF;IACA,YAAY;QACVnB,iBAAiBC,cAAAA,CAAOmB,8BAA8B;QACtD,GAAGR,2BAAAA,CAAWC,MAAM,CAACZ,cAAAA,CAAOa,eAAe,EAAE,SAASb,cAAAA,CAAOoB,0BAA0B,CAAC;IAC1F;IACA,GAAGC,IAAAA,wCAAAA,GAAyB;AAC9B;AAEA,MAAMC,YAAYC,IAAAA,2BAAAA,EAAW;IAC3BC,UAAU;QACRlB,QAAQ;QACRP,iBAAiBC,cAAAA,CAAOyB,8BAA8B;QACtD,GAAGd,2BAAAA,CAAWC,MAAM,CAACZ,cAAAA,CAAOa,eAAe,EAAE,SAASb,cAAAA,CAAO0B,0BAA0B,CAAC;QACxF,WAAW;YACT3B,iBAAiBC,cAAAA,CAAOyB,8BAA8B;YACtD,GAAGd,2BAAAA,CAAWC,MAAM,CAACZ,cAAAA,CAAOa,eAAe,EAAE,SAASb,cAAAA,CAAO0B,0BAA0B,CAAC;QAC1F;QACA,YAAY;YACV3B,iBAAiBC,cAAAA,CAAOyB,8BAA8B;YACtD,GAAGd,2BAAAA,CAAWC,MAAM,CAACZ,cAAAA,CAAOa,eAAe,EAAE,SAASb,cAAAA,CAAO0B,0BAA0B,CAAC;QAC1F;IACF;IACArC,MAAM;QAAEsC,UAAU;QAAQhC,SAAS;QAAQiC,WAAW;IAAS;IAE/DxC,UAAU;QACR,GAAGyC,iCAAAA,CAAiBC,WAAW;QAC/BH,UAAU;IACZ;IACArC,QAAQ;QAAE,GAAGuC,iCAAAA,CAAiBE,KAAK;QAAEJ,UAAU;IAAS;IACxDK,cAAc;QACZ9B,OAAOF,cAAAA,CAAOiC,8BAA8B;IAC9C;IACAC,eAAe;QACbC,SAAS;IACX;AACF;AAEA,MAAMC,gBAAgBb,IAAAA,2BAAAA,EAAW;IAAEpC,MAAM;QAAE4B,cAAcf,cAAAA,CAAOqC,kBAAkB;IAAC;AAAE;AAE9E,MAAMnD,kCAAkC,CAACoD;IAC9C;IAEA,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAE1B,MAAME,SAASlB;IACf,MAAMmB,aAAaL;IACnB,MAAMM,kBAAkBlD;IACxB8C,MAAMnD,IAAI,CAACwD,SAAS,GAAGC,IAAAA,6BAAAA,EACrB3D,wBAAwBE,IAAI,EAC5BuD,iBACAH,kBAAkB,UAAUE,WAAWtD,IAAI,EAC3CmD,MAAMnD,IAAI,CAACqC,QAAQ,IAAIgB,OAAOhB,QAAQ,EACtCc,MAAMnD,IAAI,CAACwD,SAAS;IAEtBL,MAAMjD,IAAI,CAACsD,SAAS,GAAGC,IAAAA,6BAAAA,EACrB3D,wBAAwBI,IAAI,EAC5BmD,OAAOnD,IAAI,EACXiD,MAAMnD,IAAI,CAACqC,QAAQ,IAAIgB,OAAOR,YAAY,EAC1CM,MAAMjD,IAAI,CAACsD,SAAS;IAEtBL,MAAMlD,QAAQ,CAACuD,SAAS,GAAGC,IAAAA,6BAAAA,EACzB3D,wBAAwBG,QAAQ,EAChCoD,OAAOpD,QAAQ,EACfkD,MAAMlD,QAAQ,CAACuD,SAAS,EACxBL,MAAMnD,IAAI,CAACqC,QAAQ,IAAIgB,OAAOR,YAAY;IAE5C,IAAIM,MAAMhD,MAAM,EAAE;QAChBgD,MAAMhD,MAAM,CAACqD,SAAS,GAAGC,IAAAA,6BAAAA,EACvB3D,wBAAwBK,MAAM,EAC9BkD,OAAOlD,MAAM,EACbgD,MAAMnD,IAAI,CAACqC,QAAQ,IAAIgB,OAAOR,YAAY,EAC1CM,MAAMhD,MAAM,CAACqD,SAAS;IAE1B;IACA,IAAIL,MAAM/C,KAAK,EAAE;QACf+C,MAAM/C,KAAK,CAACoD,SAAS,GAAGC,IAAAA,6BAAAA,EACtB3D,wBAAwBM,KAAK,EAC7B+C,MAAMnD,IAAI,CAACqC,QAAQ,IAAIgB,OAAON,aAAa,EAC3CI,MAAM/C,KAAK,CAACoD,SAAS;IAEzB;IAEA,OAAOL;AACT"}
+{"version":3,"sources":["usePromptStarterStyles.styles.ts"],"sourcesContent":["import {\n  makeStyles,\n  makeResetStyles,\n  mergeClasses,\n  shorthands,\n  typographyStyles,\n  createFocusOutlineStyle,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PromptStarterSlots, PromptStarterState } from './PromptStarter.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const promptStarterClassNames: SlotClassNames<PromptStarterSlots> = {\n  root: 'fai-PromptStarter',\n  category: 'fai-PromptStarter__category',\n  icon: 'fai-PromptStarter__icon',\n  prompt: 'fai-PromptStarter__prompt',\n  badge: 'fai-PromptStarter__badge',\n};\n\nconst useRootResetStyles = makeResetStyles({\n  position: 'relative',\n  display: 'grid',\n  gridTemplateColumns: 'auto 1fr',\n  gridTemplateRows: 'auto auto',\n  gridTemplateAreas: `\n    \"icon category\"\n    \".    prompt\"\n  `,\n  backgroundColor: tokens.colorNeutralBackground1,\n  color: tokens.colorNeutralForeground1,\n  fontFamily: tokens.fontFamilyBase,\n  cursor: 'pointer',\n  outlineStyle: 'none',\n  textAlign: 'left',\n  gap: '0px 8px',\n  padding: '6px 8px 8px 8px',\n  ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1),\n  borderRadius: tokens.borderRadiusMedium,\n  '&:hover': {\n    backgroundColor: tokens.colorNeutralBackground1Hover,\n    ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Hover),\n  },\n  '&:active': {\n    backgroundColor: tokens.colorNeutralBackground1Pressed,\n    ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Pressed),\n  },\n  ...createFocusOutlineStyle(),\n});\n\nconst useStyles = makeStyles({\n  disabled: {\n    cursor: 'not-allowed',\n    backgroundColor: tokens.colorNeutralBackgroundDisabled,\n    ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n    '&:hover': {\n      backgroundColor: tokens.colorNeutralBackgroundDisabled,\n      ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n    },\n    '&:active': {\n      backgroundColor: tokens.colorNeutralBackgroundDisabled,\n      ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n    },\n  },\n  icon: { gridArea: 'icon', display: 'flex', alignSelf: 'center' },\n\n  category: {\n    ...typographyStyles.body1Strong,\n    gridArea: 'category',\n  },\n  prompt: { ...typographyStyles.body1, gridArea: 'prompt' },\n  disabledText: {\n    color: tokens.colorNeutralForegroundDisabled,\n  },\n  disabledBadge: {\n    opacity: '40%',\n  },\n});\n\nconst useNextStyles = makeStyles({ root: { borderRadius: tokens.borderRadiusXLarge } });\n\n/**\n * @deprecated Use PromptStarterV2 instead.\n * Deprecated on 10/21/2025\n */\nexport const usePromptStarterStyles_unstable = (state: PromptStarterState): PromptStarterState => {\n  'use no memo';\n\n  const { designVersion } = state;\n\n  const styles = useStyles();\n  const nextStyles = useNextStyles();\n  const rootResetStyles = useRootResetStyles();\n  state.root.className = mergeClasses(\n    promptStarterClassNames.root,\n    rootResetStyles,\n    designVersion === 'next' && nextStyles.root,\n    state.root.disabled && styles.disabled,\n    state.root.className,\n  );\n  state.icon.className = mergeClasses(\n    promptStarterClassNames.icon,\n    styles.icon,\n    state.root.disabled && styles.disabledText,\n    state.icon.className,\n  );\n  state.category.className = mergeClasses(\n    promptStarterClassNames.category,\n    styles.category,\n    state.category.className,\n    state.root.disabled && styles.disabledText,\n  );\n  if (state.prompt) {\n    state.prompt.className = mergeClasses(\n      promptStarterClassNames.prompt,\n      styles.prompt,\n      state.root.disabled && styles.disabledText,\n      state.prompt.className,\n    );\n  }\n  if (state.badge) {\n    state.badge.className = mergeClasses(\n      promptStarterClassNames.badge,\n      state.root.disabled && styles.disabledBadge,\n      state.badge.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["promptStarterClassNames","usePromptStarterStyles_unstable","root","category","icon","prompt","badge","useRootResetStyles","makeResetStyles","position","display","gridTemplateColumns","gridTemplateRows","gridTemplateAreas","backgroundColor","tokens","colorNeutralBackground1","color","colorNeutralForeground1","fontFamily","fontFamilyBase","cursor","outlineStyle","textAlign","gap","padding","shorthands","border","strokeWidthThin","colorNeutralStroke1","borderRadius","borderRadiusMedium","colorNeutralBackground1Hover","colorNeutralStroke1Hover","colorNeutralBackground1Pressed","colorNeutralStroke1Pressed","createFocusOutlineStyle","useStyles","makeStyles","disabled","colorNeutralBackgroundDisabled","colorNeutralStrokeDisabled","gridArea","alignSelf","typographyStyles","body1Strong","body1","disabledText","colorNeutralForegroundDisabled","disabledBadge","opacity","useNextStyles","borderRadiusXLarge","state","designVersion","styles","nextStyles","rootResetStyles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarter.js

@@ -49,12 +49,12 @@ const usePromptStarter_unstable = (props, ref)=>{
             },
             elementType: 'span'
         }) : undefined,
-        category: !isSingleColumn ? _reactcomponents.slot.optional(props.category, {
+        category: _reactcomponents.slot.optional(props.category, {
             defaultProps: {
                 id: `${id}-category`
             },
             elementType: 'span'
-        }) : undefined,
+        }),
         prompt: _reactcomponents.slot.always(props.prompt, {
             defaultProps: {
                 id: `${id}-prompt`

package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePromptStarter.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot, useFocusableGroup, useId } from '@fluentui/react-components';\nimport { usePromptStarterListContext } from '../../../contexts/PromptStarterListContext';\nimport type { PromptStarterProps, PromptStarterState } from './PromptStarter.types';\n\n/**\n * Create the state required to render PromptStarter.\n *\n * The returned state can be modified with hooks such as usePromptStarterStyles_unstable,\n * before being passed to renderPromptStarter_unstable.\n *\n * @param props - props from this instance of PromptStarter\n * @param ref - reference to root HTMLElement of PromptStarter\n */\nexport const usePromptStarter_unstable = (\n  props: PromptStarterProps,\n  ref: React.Ref<HTMLDivElement>,\n): PromptStarterState => {\n  const id = useId('prompt-starter');\n  const focusAttrs = useFocusableGroup();\n\n  const numberOfColumns = usePromptStarterListContext(ctx => ctx.numberOfColumns);\n  // if this is defined, the context exists and the Prompt is within PromptStarterList\n  const isWithinList = typeof numberOfColumns === 'number';\n\n  const isSingleColumn = numberOfColumns === 1;\n\n  const state: PromptStarterState = {\n    isSingleColumn,\n    components: {\n      root: 'div',\n      primaryAction: 'button',\n      icon: 'span',\n      category: 'span',\n      prompt: 'span',\n      reasonMarker: 'span',\n      actions: 'span',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        role: isWithinList ? 'listitem' : undefined,\n        ...focusAttrs,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    primaryAction: slot.always(props.primaryAction, {\n      defaultProps: {\n        'aria-labelledby': `${id}-category ${id}-prompt`,\n        'aria-describedby': `${id}-icon ${id}-reasonMarker`,\n      },\n      elementType: 'button',\n    }),\n    icon: !isSingleColumn\n      ? slot.optional(props.icon, {\n          defaultProps: { id: `${id}-icon` },\n          elementType: 'span',\n        })\n      : undefined,\n    category: !isSingleColumn\n      ? slot.optional(props.category, {\n          defaultProps: { id: `${id}-category` },\n          elementType: 'span',\n        })\n      : undefined,\n    prompt: slot.always(props.prompt, {\n      defaultProps: { id: `${id}-prompt` },\n      elementType: 'span',\n    }),\n    reasonMarker: !isSingleColumn\n      ? slot.optional(props.reasonMarker, {\n          defaultProps: { id: `${id}-reasonMarker` },\n          elementType: 'span',\n        })\n      : undefined,\n    actions: !isSingleColumn ? slot.optional(props.actions, { elementType: 'span' }) : undefined,\n  };\n\n  return state;\n};\n"],"names":["usePromptStarter_unstable","props","ref","id","useId","focusAttrs","useFocusableGroup","numberOfColumns","usePromptStarterListContext","ctx","isWithinList","isSingleColumn","state","components","root","primaryAction","icon","category","prompt","reasonMarker","actions","slot","always","getIntrinsicElementProps","role","undefined","elementType","defaultProps","optional"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;iCAb4D;0CAC7B;AAYrC,MAAMA,4BAA4B,CACvCC,OACAC;IAEA,MAAMC,KAAKC,IAAAA,sBAAAA,EAAM;IACjB,MAAMC,aAAaC,IAAAA,kCAAAA;IAEnB,MAAMC,kBAAkBC,IAAAA,qDAAAA,EAA4BC,CAAAA,MAAOA,IAAIF,eAAe;IAC9E,oFAAoF;IACpF,MAAMG,eAAe,OAAOH,oBAAoB;IAEhD,MAAMI,iBAAiBJ,oBAAoB;IAE3C,MAAMK,QAA4B;QAChCD;QACAE,YAAY;YACVC,MAAM;YACNC,eAAe;YACfC,MAAM;YACNC,UAAU;YACVC,QAAQ;YACRC,cAAc;YACdC,SAAS;QACX;QACAN,MAAMO,qBAAAA,CAAKC,MAAM,CACfC,IAAAA,yCAAAA,EAAyB,OAAO;YAC9BrB;YACAsB,MAAMd,eAAe,aAAae;YAClC,GAAGpB,UAAU;YACb,GAAGJ,KAAK;QACV,IACA;YAAEyB,aAAa;QAAM;QAEvBX,eAAeM,qBAAAA,CAAKC,MAAM,CAACrB,MAAMc,aAAa,EAAE;YAC9CY,cAAc;gBACZ,mBAAmB,CAAC,EAAExB,GAAG,UAAU,EAAEA,GAAG,OAAO,CAAC;gBAChD,oBAAoB,CAAC,EAAEA,GAAG,MAAM,EAAEA,GAAG,aAAa,CAAC;YACrD;YACAuB,aAAa;QACf;QACAV,MAAM,CAACL,iBACHU,qBAAAA,CAAKO,QAAQ,CAAC3B,MAAMe,IAAI,EAAE;YACxBW,cAAc;gBAAExB,IAAI,CAAC,EAAEA,GAAG,KAAK,CAAC;YAAC;YACjCuB,aAAa;QACf,KACAD;QACJR,UAAU,CAACN,iBACPU,qBAAAA,CAAKO,QAAQ,CAAC3B,MAAMgB,QAAQ,EAAE;YAC5BU,cAAc;gBAAExB,IAAI,CAAC,EAAEA,GAAG,SAAS,CAAC;YAAC;YACrCuB,aAAa;QACf,KACAD;QACJP,QAAQG,qBAAAA,CAAKC,MAAM,CAACrB,MAAMiB,MAAM,EAAE;YAChCS,cAAc;gBAAExB,IAAI,CAAC,EAAEA,GAAG,OAAO,CAAC;YAAC;YACnCuB,aAAa;QACf;QACAP,cAAc,CAACR,iBACXU,qBAAAA,CAAKO,QAAQ,CAAC3B,MAAMkB,YAAY,EAAE;YAChCQ,cAAc;gBAAExB,IAAI,CAAC,EAAEA,GAAG,aAAa,CAAC;YAAC;YACzCuB,aAAa;QACf,KACAD;QACJL,SAAS,CAACT,iBAAiBU,qBAAAA,CAAKO,QAAQ,CAAC3B,MAAMmB,OAAO,EAAE;YAAEM,aAAa;QAAO,KAAKD;IACrF;IAEA,OAAOb;AACT"}
+{"version":3,"sources":["usePromptStarter.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot, useFocusableGroup, useId } from '@fluentui/react-components';\nimport { usePromptStarterListContext } from '../../../contexts/PromptStarterListContext';\nimport type { PromptStarterProps, PromptStarterState } from './PromptStarter.types';\n\n/**\n * Create the state required to render PromptStarter.\n *\n * The returned state can be modified with hooks such as usePromptStarterStyles_unstable,\n * before being passed to renderPromptStarter_unstable.\n *\n * @param props - props from this instance of PromptStarter\n * @param ref - reference to root HTMLElement of PromptStarter\n */\nexport const usePromptStarter_unstable = (\n  props: PromptStarterProps,\n  ref: React.Ref<HTMLDivElement>,\n): PromptStarterState => {\n  const id = useId('prompt-starter');\n  const focusAttrs = useFocusableGroup();\n\n  const numberOfColumns = usePromptStarterListContext(ctx => ctx.numberOfColumns);\n  // if this is defined, the context exists and the Prompt is within PromptStarterList\n  const isWithinList = typeof numberOfColumns === 'number';\n\n  const isSingleColumn = numberOfColumns === 1;\n\n  const state: PromptStarterState = {\n    isSingleColumn,\n    components: {\n      root: 'div',\n      primaryAction: 'button',\n      icon: 'span',\n      category: 'span',\n      prompt: 'span',\n      reasonMarker: 'span',\n      actions: 'span',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        role: isWithinList ? 'listitem' : undefined,\n        ...focusAttrs,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    primaryAction: slot.always(props.primaryAction, {\n      defaultProps: {\n        'aria-labelledby': `${id}-category ${id}-prompt`,\n        'aria-describedby': `${id}-icon ${id}-reasonMarker`,\n      },\n      elementType: 'button',\n    }),\n    icon: !isSingleColumn\n      ? slot.optional(props.icon, {\n          defaultProps: { id: `${id}-icon` },\n          elementType: 'span',\n        })\n      : undefined,\n    category: slot.optional(props.category, {\n      defaultProps: { id: `${id}-category` },\n      elementType: 'span',\n    }),\n    prompt: slot.always(props.prompt, {\n      defaultProps: { id: `${id}-prompt` },\n      elementType: 'span',\n    }),\n    reasonMarker: !isSingleColumn\n      ? slot.optional(props.reasonMarker, {\n          defaultProps: { id: `${id}-reasonMarker` },\n          elementType: 'span',\n        })\n      : undefined,\n    actions: !isSingleColumn ? slot.optional(props.actions, { elementType: 'span' }) : undefined,\n  };\n\n  return state;\n};\n"],"names":["usePromptStarter_unstable","props","ref","id","useId","focusAttrs","useFocusableGroup","numberOfColumns","usePromptStarterListContext","ctx","isWithinList","isSingleColumn","state","components","root","primaryAction","icon","category","prompt","reasonMarker","actions","slot","always","getIntrinsicElementProps","role","undefined","elementType","defaultProps","optional"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;iCAb4D;0CAC7B;AAYrC,MAAMA,4BAA4B,CACvCC,OACAC;IAEA,MAAMC,KAAKC,IAAAA,sBAAAA,EAAM;IACjB,MAAMC,aAAaC,IAAAA,kCAAAA;IAEnB,MAAMC,kBAAkBC,IAAAA,qDAAAA,EAA4BC,CAAAA,MAAOA,IAAIF,eAAe;IAC9E,oFAAoF;IACpF,MAAMG,eAAe,OAAOH,oBAAoB;IAEhD,MAAMI,iBAAiBJ,oBAAoB;IAE3C,MAAMK,QAA4B;QAChCD;QACAE,YAAY;YACVC,MAAM;YACNC,eAAe;YACfC,MAAM;YACNC,UAAU;YACVC,QAAQ;YACRC,cAAc;YACdC,SAAS;QACX;QACAN,MAAMO,qBAAAA,CAAKC,MAAM,CACfC,IAAAA,yCAAAA,EAAyB,OAAO;YAC9BrB;YACAsB,MAAMd,eAAe,aAAae;YAClC,GAAGpB,UAAU;YACb,GAAGJ,KAAK;QACV,IACA;YAAEyB,aAAa;QAAM;QAEvBX,eAAeM,qBAAAA,CAAKC,MAAM,CAACrB,MAAMc,aAAa,EAAE;YAC9CY,cAAc;gBACZ,mBAAmB,CAAC,EAAExB,GAAG,UAAU,EAAEA,GAAG,OAAO,CAAC;gBAChD,oBAAoB,CAAC,EAAEA,GAAG,MAAM,EAAEA,GAAG,aAAa,CAAC;YACrD;YACAuB,aAAa;QACf;QACAV,MAAM,CAACL,iBACHU,qBAAAA,CAAKO,QAAQ,CAAC3B,MAAMe,IAAI,EAAE;YACxBW,cAAc;gBAAExB,IAAI,CAAC,EAAEA,GAAG,KAAK,CAAC;YAAC;YACjCuB,aAAa;QACf,KACAD;QACJR,UAAUI,qBAAAA,CAAKO,QAAQ,CAAC3B,MAAMgB,QAAQ,EAAE;YACtCU,cAAc;gBAAExB,IAAI,CAAC,EAAEA,GAAG,SAAS,CAAC;YAAC;YACrCuB,aAAa;QACf;QACAR,QAAQG,qBAAAA,CAAKC,MAAM,CAACrB,MAAMiB,MAAM,EAAE;YAChCS,cAAc;gBAAExB,IAAI,CAAC,EAAEA,GAAG,OAAO,CAAC;YAAC;YACnCuB,aAAa;QACf;QACAP,cAAc,CAACR,iBACXU,qBAAAA,CAAKO,QAAQ,CAAC3B,MAAMkB,YAAY,EAAE;YAChCQ,cAAc;gBAAExB,IAAI,CAAC,EAAEA,GAAG,aAAa,CAAC;YAAC;YACzCuB,aAAa;QACf,KACAD;QACJL,SAAS,CAACT,iBAAiBU,qBAAAA,CAAKO,QAAQ,CAAC3B,MAAMmB,OAAO,EAAE;YAAEM,aAAa;QAAO,KAAKD;IACrF;IAEA,OAAOb;AACT"}

package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.js

@@ -176,20 +176,32 @@ const useStyles = (0, _reactcomponents.__styles)({
         Beweih1: "f12k0sjh"
     },
     category: {
-        mc9l5x: "f22iagw",
-        Bt984gj: "f122n59",
+        nk6f5a: 0,
+        Ijaq50: 0,
+        h3tjnc: "fm1owph",
+        Bw0ie65: 0,
+        Br312pm: 0,
+        Beweih1: "f14q5zaz",
+        qb2dma: "f7nlbp4",
+        sj55zd: "f19n0e5",
         Bahqtrf: "fk6fouc",
         Be2twd7: "fkhj508",
         Bhrd7zp: "fl43uef",
         Bg96gwp: "f1i3iumi",
+        mc9l5x: "f1rvi9lw",
+        Fd1uvx: "fpfc2by",
+        Bh9c35c: "fvvof4m",
+        Bmxbyg5: "f1sil6mw",
+        Biipf1f: "f9ijwd5"
+    },
+    actions: {
         nk6f5a: 0,
         Ijaq50: 0,
-        h3tjnc: "fm1owph",
+        h3tjnc: "f3hl5xl",
         Bw0ie65: 0,
         Br312pm: 0,
-        Beweih1: "f14q5zaz"
-    },
-    actions: {
+        Beweih1: "f14q5zaz",
+        qhf8xq: "f10pi13n",
         jrapky: 0,
         Frg6f3: 0,
         t21cq0: 0,
@@ -198,13 +210,6 @@ const useStyles = (0, _reactcomponents.__styles)({
             "foizga4",
             "f5m8a6r"
         ],
-        qhf8xq: "f10pi13n",
-        nk6f5a: 0,
-        Ijaq50: 0,
-        h3tjnc: "f3hl5xl",
-        Bw0ie65: 0,
-        Br312pm: 0,
-        Beweih1: "f14q5zaz",
         abs64n: "f5p0z4x",
         Bn62ygk: 0,
         Cwk7ip: 0,
@@ -221,6 +226,12 @@ const useStyles = (0, _reactcomponents.__styles)({
         ]
     },
     prompt: {
+        nk6f5a: 0,
+        Ijaq50: 0,
+        h3tjnc: "f1daok31",
+        Bw0ie65: 0,
+        Br312pm: 0,
+        Beweih1: "f1eb8yyf",
         Bahqtrf: "fk6fouc",
         Be2twd7: "fkhj508",
         Bhrd7zp: "fl43uef",
@@ -229,12 +240,7 @@ const useStyles = (0, _reactcomponents.__styles)({
         Fd1uvx: "fpfc2by",
         Bh9c35c: "f1lvsx7g",
         Bmxbyg5: "f1sil6mw",
-        nk6f5a: 0,
-        Ijaq50: 0,
-        h3tjnc: "f1daok31",
-        Bw0ie65: 0,
-        Br312pm: 0,
-        Beweih1: "f1eb8yyf"
+        Biipf1f: "f9ijwd5"
     },
     promptNoReasonMarker: {
         Bh9c35c: "f197wrh9"
@@ -249,7 +255,12 @@ const useStyles = (0, _reactcomponents.__styles)({
         Bahqtrf: "fk6fouc",
         Be2twd7: "f13mqy1h",
         Bhrd7zp: "figsok6",
-        Bg96gwp: "fcpl73t"
+        Bg96gwp: "fcpl73t",
+        mc9l5x: "f1rvi9lw",
+        Fd1uvx: "fpfc2by",
+        Bh9c35c: "fvvof4m",
+        Bmxbyg5: "f1sil6mw",
+        Biipf1f: "f9ijwd5"
     }
 }, {
     d: [
@@ -349,9 +360,6 @@ const useStyles = (0, _reactcomponents.__styles)({
                 p: -1
             }
         ],
-        ".fkhj508{font-size:var(--fontSizeBase300);}",
-        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
-        ".f1i3iumi{line-height:var(--lineHeightBase300);}",
         [
             ".fm1owph{grid-row:1;}",
             {
@@ -364,26 +372,36 @@ const useStyles = (0, _reactcomponents.__styles)({
                 p: -1
             }
         ],
+        ".f7nlbp4{align-self:center;}",
+        ".f19n0e5{color:var(--colorNeutralForeground1);}",
+        ".fkhj508{font-size:var(--fontSizeBase300);}",
+        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
+        ".f1i3iumi{line-height:var(--lineHeightBase300);}",
+        ".f1rvi9lw{display:-webkit-box;}",
+        ".fpfc2by{-webkit-box-orient:vertical;}",
+        ".fvvof4m{-webkit-line-clamp:1;}",
+        ".f1sil6mw{overflow-y:hidden;}",
+        ".f9ijwd5{word-break:break-word;}",
         [
-            ".foizga4{margin:var(--spacingVerticalL) var(--spacingHorizontalL) var(--spacingVerticalNone) var(--spacingHorizontalNone);}",
+            ".f3hl5xl{grid-row:1/2;}",
             {
                 p: -1
             }
         ],
         [
-            ".f5m8a6r{margin:var(--spacingVerticalL) var(--spacingHorizontalNone) var(--spacingVerticalNone) var(--spacingHorizontalL);}",
+            ".f14q5zaz{grid-column:2/3;}",
             {
                 p: -1
             }
         ],
         [
-            ".f3hl5xl{grid-row:1/2;}",
+            ".foizga4{margin:var(--spacingVerticalL) var(--spacingHorizontalL) var(--spacingVerticalNone) var(--spacingHorizontalNone);}",
             {
                 p: -1
             }
         ],
         [
-            ".f14q5zaz{grid-column:2/3;}",
+            ".f5m8a6r{margin:var(--spacingVerticalL) var(--spacingHorizontalNone) var(--spacingVerticalNone) var(--spacingHorizontalL);}",
             {
                 p: -1
             }
@@ -397,10 +415,6 @@ const useStyles = (0, _reactcomponents.__styles)({
         ],
         ".f1u7pq1e{box-shadow:-12px 0 12px 0 var(--colorNeutralBackground1);}",
         ".f1pdyzui{box-shadow:12px 0 12px 0 var(--colorNeutralBackground1);}",
-        ".f1rvi9lw{display:-webkit-box;}",
-        ".fpfc2by{-webkit-box-orient:vertical;}",
-        ".f1lvsx7g{-webkit-line-clamp:2;}",
-        ".f1sil6mw{overflow-y:hidden;}",
         [
             ".f1daok31{grid-row:2;}",
             {
@@ -413,6 +427,7 @@ const useStyles = (0, _reactcomponents.__styles)({
                 p: -1
             }
         ],
+        ".f1lvsx7g{-webkit-line-clamp:2;}",
         ".f197wrh9{-webkit-line-clamp:3;}",
         [
             ".f17e42vn{grid-row:3;}",
@@ -460,6 +475,12 @@ const useStyles = (0, _reactcomponents.__styles)({
 const useSingleColumnStyles = (0, _reactcomponents.__styles)({
     primaryAction: {
         mc9l5x: "f22iagw",
+        Beiy3e4: "f1vx9l62",
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "fcvcxyf",
         Beyfa6y: 0,
         Bbmb7ep: 0,
         Btl43ni: 0,
@@ -524,15 +545,30 @@ const useSingleColumnStyles = (0, _reactcomponents.__styles)({
             "f4stah7"
         ]
     },
+    category: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fy9rknc",
+        Bhrd7zp: "fl43uef",
+        Bg96gwp: "fwrc4pm",
+        qb2dma: "fio29c6"
+    },
     prompt: {
         Bahqtrf: "fk6fouc",
         Be2twd7: "fy9rknc",
         Bhrd7zp: "fl43uef",
-        Bg96gwp: "fwrc4pm"
+        Bg96gwp: "fwrc4pm",
+        Bh9c35c: "f1lvsx7g"
     }
 }, {
     d: [
         ".f22iagw{display:flex;}",
+        ".f1vx9l62{flex-direction:column;}",
+        [
+            ".fcvcxyf{padding:var(--spacingVerticalM) var(--spacingHorizontalM);}",
+            {
+                p: -1
+            }
+        ],
         [
             ".f1jxijnj{border-radius:var(--borderRadius2XL);}",
             {
@@ -566,7 +602,9 @@ const useSingleColumnStyles = (0, _reactcomponents.__styles)({
         ".fk6fouc{font-family:var(--fontFamilyBase);}",
         ".fy9rknc{font-size:var(--fontSizeBase200);}",
         ".fl43uef{font-weight:var(--fontWeightSemibold);}",
-        ".fwrc4pm{line-height:var(--lineHeightBase200);}"
+        ".fwrc4pm{line-height:var(--lineHeightBase200);}",
+        ".fio29c6{align-self:auto;}",
+        ".f1lvsx7g{-webkit-line-clamp:2;}"
     ],
     f: [
         ".ftqa4ok:focus{outline-style:none;}"
@@ -607,7 +645,7 @@ const usePromptStarterStyles_unstable = (state)=>{
         state.icon.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.icon, styles.icon, state.icon.className);
     }
     if (state.category) {
-        state.category.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.category, styles.category, state.category.className);
+        state.category.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.category, styles.category, isSingleColumn && singleColumnStyles.category, state.category.className);
     }
     state.prompt.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.prompt, styles.prompt, !state.reasonMarker && styles.promptNoReasonMarker, isSingleColumn && singleColumnStyles.prompt, state.prompt.className);
     if (state.reasonMarker) {