@fluentui-copilot/react-prompt-starter 0.10.2 → 0.10.3

package/CHANGELOG.json

@@ -2,7 +2,22 @@
   "name": "@fluentui-copilot/react-prompt-starter",
   "entries": [
     {
-      "date": "Tue, 01 Jul 2025 14:43:47 GMT",
+      "date": "Thu, 17 Jul 2025 17:47:34 GMT",
+      "tag": "@fluentui-copilot/react-prompt-starter_v0.10.3",
+      "version": "0.10.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "hochelmartin@gmail.com",
+            "package": "@fluentui-copilot/react-prompt-starter",
+            "commit": "fef5160c07333e8d9996952a305b34e357604919",
+            "comment": "feat: enable griffel raw styles"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 01 Jul 2025 14:45:29 GMT",
       "tag": "@fluentui-copilot/react-prompt-starter_v0.10.2",
       "version": "0.10.2",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui-copilot/react-prompt-starter
 
-This log was last generated on Tue, 01 Jul 2025 14:43:47 GMT and should not be manually modified.
+This log was last generated on Thu, 17 Jul 2025 17:47:34 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.10.3](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-starter_v0.10.3)
+
+Thu, 17 Jul 2025 17:47:34 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-prompt-starter_v0.10.2..@fluentui-copilot/react-prompt-starter_v0.10.3)
+
+### Patches
+
+- feat: enable griffel raw styles ([PR #3227](https://github.com/microsoft/fluentai/pull/3227) by hochelmartin@gmail.com)
+
 ## [0.10.2](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-starter_v0.10.2)
 
-Tue, 01 Jul 2025 14:43:47 GMT 
+Tue, 01 Jul 2025 14:45:29 GMT 
 [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-prompt-starter_v0.10.1..@fluentui-copilot/react-prompt-starter_v0.10.2)
 
 ### Patches

package/lib/PromptStarter.js

@@ -1,2 +1 @@
 export { PromptStarter, promptStarterClassNames, renderPromptStarter_unstable, usePromptStarterStyles_unstable, usePromptStarter_unstable } from './components/PromptStarter/index';
-//# sourceMappingURL=PromptStarter.js.map

package/lib/PromptStarterList.js

@@ -1,2 +1 @@
 export { PromptStarterList, renderPromptStarterList_unstable, usePromptStarterList_unstable, promptStarterListClassNames, usePromptStarterListStyles_unstable } from './components/PromptStarterV2/PromptStarterList/index';
-//# sourceMappingURL=PromptStarterList.js.map

package/lib/PromptStarterV2.js

@@ -1,2 +1 @@
 export { PromptStarter, promptStarterClassNames, renderPromptStarter_unstable, usePromptStarterStyles_unstable, usePromptStarter_unstable } from './components/PromptStarterV2/PromptStarter/index';
-//# sourceMappingURL=PromptStarterV2.js.map

package/lib/components/PromptStarter/PromptStarter.js

@@ -3,11 +3,10 @@ import { usePromptStarter_unstable } from './usePromptStarter';
 import { renderPromptStarter_unstable } from './renderPromptStarter';
 import { usePromptStarterStyles_unstable } from './usePromptStarterStyles.styles';
 import { useCustomStyleHook } from '@fluentui-copilot/react-provider';
-export const PromptStarter = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = usePromptStarter_unstable(props, ref);
-  usePromptStarterStyles_unstable(state);
-  useCustomStyleHook('usePromptStarterStyles')(state);
-  return renderPromptStarter_unstable(state);
+export const PromptStarter = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = usePromptStarter_unstable(props, ref);
+    usePromptStarterStyles_unstable(state);
+    useCustomStyleHook('usePromptStarterStyles')(state);
+    return renderPromptStarter_unstable(state);
 });
 PromptStarter.displayName = 'PromptStarter';
-//# sourceMappingURL=PromptStarter.js.map

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

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

package/lib/components/PromptStarter/index.js

@@ -2,4 +2,3 @@ export { PromptStarter } from './PromptStarter';
 export { renderPromptStarter_unstable } from './renderPromptStarter';
 export { usePromptStarter_unstable } from './usePromptStarter';
 export { promptStarterClassNames, usePromptStarterStyles_unstable } from './usePromptStarterStyles.styles';
-//# sourceMappingURL=index.js.map

package/lib/components/PromptStarter/renderPromptStarter.js

@@ -1,11 +1,18 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
+  import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots } from '@fluentui/react-components';
-export const renderPromptStarter_unstable = state => {
-  assertSlots(state);
-  return /*#__PURE__*/_jsxs(state.root, {
-    children: [/*#__PURE__*/_jsx(state.icon, {}), /*#__PURE__*/_jsxs(state.category, {
-      children: [state.category.children, " ", state.badge && /*#__PURE__*/_jsx(state.badge, {})]
-    }), state.prompt && /*#__PURE__*/_jsx(state.prompt, {})]
-  });
+export const renderPromptStarter_unstable = (state)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsxs(state.root, {
+        children: [
+            /*#__PURE__*/ _jsx(state.icon, {}),
+            /*#__PURE__*/ _jsxs(state.category, {
+                children: [
+                    state.category.children,
+                    " ",
+                    state.badge && /*#__PURE__*/ _jsx(state.badge, {})
+                ]
+            }),
+            state.prompt && /*#__PURE__*/ _jsx(state.prompt, {})
+        ]
+    });
 };
-//# sourceMappingURL=renderPromptStarter.js.map

package/lib/components/PromptStarter/usePromptStarter.js

@@ -8,48 +8,46 @@ import { Badge, getIntrinsicElementProps, slot, useId } from '@fluentui/react-co
  *
  * @param props - props from this instance of PromptStarter
  * @param ref - reference to root HTMLElement of PromptStarter
- */
-export const usePromptStarter_unstable = (props, ref) => {
-  const designVersion = useDesignVersion(props.designVersion);
-  const idPrefix = useId('prompt-starter');
-  return {
-    components: {
-      root: 'button',
-      icon: 'span',
-      category: 'span',
-      prompt: 'span',
-      badge: Badge
-    },
-    root: slot.always(getIntrinsicElementProps('button', {
-      ref,
-      'aria-labelledby': `${idPrefix}-category`,
-      'aria-describedby': `${idPrefix}-prompt`,
-      ...props
-    }), {
-      elementType: 'button'
-    }),
-    icon: slot.always(props.icon, {
-      elementType: 'span'
-    }),
-    category: slot.always(props.category, {
-      defaultProps: {
-        id: `${idPrefix}-category`
-      },
-      elementType: 'span'
-    }),
-    prompt: slot.optional(props.prompt, {
-      defaultProps: {
-        id: `${idPrefix}-prompt`
-      },
-      elementType: 'span'
-    }),
-    badge: slot.optional(props.badge, {
-      defaultProps: {
-        appearance: 'tint'
-      },
-      elementType: Badge
-    }),
-    designVersion
-  };
+ */ export const usePromptStarter_unstable = (props, ref)=>{
+    const designVersion = useDesignVersion(props.designVersion);
+    const idPrefix = useId('prompt-starter');
+    return {
+        components: {
+            root: 'button',
+            icon: 'span',
+            category: 'span',
+            prompt: 'span',
+            badge: Badge
+        },
+        root: slot.always(getIntrinsicElementProps('button', {
+            ref,
+            'aria-labelledby': `${idPrefix}-category`,
+            'aria-describedby': `${idPrefix}-prompt`,
+            ...props
+        }), {
+            elementType: 'button'
+        }),
+        icon: slot.always(props.icon, {
+            elementType: 'span'
+        }),
+        category: slot.always(props.category, {
+            defaultProps: {
+                id: `${idPrefix}-category`
+            },
+            elementType: 'span'
+        }),
+        prompt: slot.optional(props.prompt, {
+            defaultProps: {
+                id: `${idPrefix}-prompt`
+            },
+            elementType: 'span'
+        }),
+        badge: slot.optional(props.badge, {
+            defaultProps: {
+                appearance: 'tint'
+            },
+            elementType: Badge
+        }),
+        designVersion
+    };
 };
-//# sourceMappingURL=usePromptStarter.js.map

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

@@ -0,0 +1,94 @@
+import { makeStyles, makeResetStyles, mergeClasses, shorthands, typographyStyles, createFocusOutlineStyle } from '@fluentui/react-components';
+import { tokens } from '@fluentui-copilot/tokens';
+export const promptStarterClassNames = {
+    root: 'fai-PromptStarter',
+    category: 'fai-PromptStarter__category',
+    icon: 'fai-PromptStarter__icon',
+    prompt: 'fai-PromptStarter__prompt',
+    badge: 'fai-PromptStarter__badge'
+};
+const useRootResetStyles = makeResetStyles({
+    position: 'relative',
+    display: 'grid',
+    gridTemplateColumns: 'auto 1fr',
+    gridTemplateRows: 'auto auto',
+    gridTemplateAreas: `
+    "icon category"
+    ".    prompt"
+  `,
+    backgroundColor: tokens.colorNeutralBackground1,
+    color: tokens.colorNeutralForeground1,
+    fontFamily: tokens.fontFamilyBase,
+    cursor: 'pointer',
+    outlineStyle: 'none',
+    textAlign: 'left',
+    gap: '0px 8px',
+    padding: '6px 8px 8px 8px',
+    ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1),
+    borderRadius: tokens.borderRadiusMedium,
+    '&:hover': {
+        backgroundColor: tokens.colorNeutralBackground1Hover,
+        ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Hover)
+    },
+    '&:active': {
+        backgroundColor: tokens.colorNeutralBackground1Pressed,
+        ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Pressed)
+    },
+    ...createFocusOutlineStyle()
+});
+const useStyles = makeStyles({
+    disabled: {
+        cursor: 'not-allowed',
+        backgroundColor: tokens.colorNeutralBackgroundDisabled,
+        ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),
+        '&:hover': {
+            backgroundColor: tokens.colorNeutralBackgroundDisabled,
+            ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled)
+        },
+        '&:active': {
+            backgroundColor: tokens.colorNeutralBackgroundDisabled,
+            ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled)
+        }
+    },
+    icon: {
+        gridArea: 'icon',
+        display: 'flex',
+        alignSelf: 'center'
+    },
+    category: {
+        ...typographyStyles.body1Strong,
+        gridArea: 'category'
+    },
+    prompt: {
+        ...typographyStyles.body1,
+        gridArea: 'prompt'
+    },
+    disabledText: {
+        color: tokens.colorNeutralForegroundDisabled
+    },
+    disabledBadge: {
+        opacity: '40%'
+    }
+});
+const useNextStyles = makeStyles({
+    root: {
+        borderRadius: tokens.borderRadiusXLarge
+    }
+});
+export const usePromptStarterStyles_unstable = (state)=>{
+    'use no memo';
+    const { designVersion } = state;
+    const styles = useStyles();
+    const nextStyles = useNextStyles();
+    const rootResetStyles = useRootResetStyles();
+    state.root.className = mergeClasses(promptStarterClassNames.root, rootResetStyles, designVersion === 'next' && nextStyles.root, state.root.disabled && styles.disabled, state.root.className);
+    state.icon.className = mergeClasses(promptStarterClassNames.icon, styles.icon, state.root.disabled && styles.disabledText, state.icon.className);
+    state.category.className = mergeClasses(promptStarterClassNames.category, styles.category, state.category.className, state.root.disabled && styles.disabledText);
+    if (state.prompt) {
+        state.prompt.className = mergeClasses(promptStarterClassNames.prompt, styles.prompt, state.root.disabled && styles.disabledText, state.prompt.className);
+    }
+    if (state.badge) {
+        state.badge.className = mergeClasses(promptStarterClassNames.badge, state.root.disabled && styles.disabledBadge, state.badge.className);
+    }
+    return state;
+};

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

@@ -0,0 +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":["makeStyles","makeResetStyles","mergeClasses","shorthands","typographyStyles","createFocusOutlineStyle","tokens","promptStarterClassNames","root","category","icon","prompt","badge","useRootResetStyles","position","display","gridTemplateColumns","gridTemplateRows","gridTemplateAreas","backgroundColor","colorNeutralBackground1","color","colorNeutralForeground1","fontFamily","fontFamilyBase","cursor","outlineStyle","textAlign","gap","padding","border","strokeWidthThin","colorNeutralStroke1","borderRadius","borderRadiusMedium","colorNeutralBackground1Hover","colorNeutralStroke1Hover","colorNeutralBackground1Pressed","colorNeutralStroke1Pressed","useStyles","disabled","colorNeutralBackgroundDisabled","colorNeutralStrokeDisabled","gridArea","alignSelf","body1Strong","body1","disabledText","colorNeutralForegroundDisabled","disabledBadge","opacity","useNextStyles","borderRadiusXLarge","usePromptStarterStyles_unstable","state","designVersion","styles","nextStyles","rootResetStyles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib/components/PromptStarterV2/PromptStarter/PromptStarter.js

@@ -3,11 +3,10 @@ import { usePromptStarter_unstable } from './usePromptStarter';
 import { renderPromptStarter_unstable } from './renderPromptStarter';
 import { usePromptStarterStyles_unstable } from './usePromptStarterStyles.styles';
 import { useCustomStyleHook } from '@fluentui-copilot/react-provider';
-export const PromptStarter = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = usePromptStarter_unstable(props, ref);
-  usePromptStarterStyles_unstable(state);
-  useCustomStyleHook('usePromptStarterStyles')(state);
-  return renderPromptStarter_unstable(state);
+export const PromptStarter = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = usePromptStarter_unstable(props, ref);
+    usePromptStarterStyles_unstable(state);
+    useCustomStyleHook('usePromptStarterStyles')(state);
+    return renderPromptStarter_unstable(state);
 });
 PromptStarter.displayName = 'PromptStarter';
-//# sourceMappingURL=PromptStarter.js.map

package/lib/components/PromptStarterV2/PromptStarter/PromptStarter.types.js

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

package/lib/components/PromptStarterV2/PromptStarter/index.js

@@ -2,4 +2,3 @@ export { PromptStarter } from './PromptStarter';
 export { renderPromptStarter_unstable } from './renderPromptStarter';
 export { usePromptStarter_unstable } from './usePromptStarter';
 export { promptStarterClassNames, usePromptStarterStyles_unstable } from './usePromptStarterStyles.styles';
-//# sourceMappingURL=index.js.map

package/lib/components/PromptStarterV2/PromptStarter/promptStarterMotion.js

@@ -1,52 +1,63 @@
 import { createPresenceComponent } from '@fluentui/react-components';
-export const PromptStarterMotion = createPresenceComponent(({
-  index,
-  numberOfColumns
-}) => {
-  const isFirstRow = index < numberOfColumns;
-  const delay = isFirstRow ? index * 50 : (index - numberOfColumns) * 50;
-  const opacityDuration = 100;
-  const opacityOffset = delay / (delay + opacityDuration);
-  const opacityEasing = 'linear';
-  const scaleDuration = 500;
-  const scaleOffset = delay / (delay + scaleDuration);
-  const scaleEasing = `cubic-bezier(0.22, 1.59, 0.46, 1)`;
-  const opacityExitDuration = 200;
-  return {
-    enter: [{
-      keyframes: [{
-        opacity: 0
-      }, {
-        opacity: 0,
-        offset: opacityOffset
-      }, {
-        opacity: 1
-      }],
-      easing: opacityEasing,
-      duration: opacityDuration + delay
-    }, {
-      keyframes: [{
-        transform: 'scale(0.9)'
-      }, {
-        transform: 'scale(0.9)',
-        offset: scaleOffset
-      }, {
-        transform: 'scale(1)'
-      }],
-      easing: scaleEasing,
-      duration: scaleDuration + delay
-    }],
-    exit: {
-      keyframes: [{
-        opacity: 1
-      }, {
-        opacity: 1
-      }, {
-        opacity: 0
-      }],
-      easing: opacityEasing,
-      duration: opacityExitDuration
-    }
-  };
+export const PromptStarterMotion = createPresenceComponent(({ index, numberOfColumns })=>{
+    const isFirstRow = index < numberOfColumns;
+    const delay = isFirstRow ? index * 50 : (index - numberOfColumns) * 50;
+    const opacityDuration = 100;
+    const opacityOffset = delay / (delay + opacityDuration);
+    const opacityEasing = 'linear';
+    const scaleDuration = 500;
+    const scaleOffset = delay / (delay + scaleDuration);
+    const scaleEasing = `cubic-bezier(0.22, 1.59, 0.46, 1)`;
+    const opacityExitDuration = 200;
+    return {
+        enter: [
+            {
+                keyframes: [
+                    {
+                        opacity: 0
+                    },
+                    {
+                        opacity: 0,
+                        offset: opacityOffset
+                    },
+                    {
+                        opacity: 1
+                    }
+                ],
+                easing: opacityEasing,
+                duration: opacityDuration + delay
+            },
+            {
+                keyframes: [
+                    {
+                        transform: 'scale(0.9)'
+                    },
+                    {
+                        transform: 'scale(0.9)',
+                        offset: scaleOffset
+                    },
+                    {
+                        transform: 'scale(1)'
+                    }
+                ],
+                easing: scaleEasing,
+                duration: scaleDuration + delay
+            }
+        ],
+        exit: {
+            keyframes: [
+                {
+                    opacity: 1
+                },
+                {
+                    opacity: 1
+                },
+                {
+                    opacity: 0
+                }
+            ],
+            easing: opacityEasing,
+            duration: opacityExitDuration
+        }
+    };
 });
-//# sourceMappingURL=promptStarterMotion.js.map

package/lib/components/PromptStarterV2/PromptStarter/renderPromptStarter.js

@@ -1,11 +1,17 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
+  import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots } from '@fluentui/react-components';
-export const renderPromptStarter_unstable = state => {
-  assertSlots(state);
-  return /*#__PURE__*/_jsxs(state.root, {
-    children: [/*#__PURE__*/_jsxs(state.primaryAction, {
-      children: [/*#__PURE__*/_jsx(state.icon, {}), /*#__PURE__*/_jsx(state.prompt, {}), state.reasonMarker && /*#__PURE__*/_jsx(state.reasonMarker, {})]
-    }), state.actions && /*#__PURE__*/_jsx(state.actions, {})]
-  });
+export const renderPromptStarter_unstable = (state)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsxs(state.root, {
+        children: [
+            /*#__PURE__*/ _jsxs(state.primaryAction, {
+                children: [
+                    /*#__PURE__*/ _jsx(state.icon, {}),
+                    /*#__PURE__*/ _jsx(state.prompt, {}),
+                    state.reasonMarker && /*#__PURE__*/ _jsx(state.reasonMarker, {})
+                ]
+            }),
+            state.actions && /*#__PURE__*/ _jsx(state.actions, {})
+        ]
+    });
 };
-//# sourceMappingURL=renderPromptStarter.js.map

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

@@ -8,55 +8,53 @@ import { usePromptStarterListContext } from '../../../contexts/PromptStarterList
  *
  * @param props - props from this instance of PromptStarter
  * @param ref - reference to root HTMLElement of PromptStarter
- */
-export const usePromptStarter_unstable = (props, ref) => {
-  const id = useId('prompt-starter');
-  const focusAttrs = useFocusableGroup();
-  const numberOfColumns = usePromptStarterListContext(ctx => ctx.numberOfColumns);
-  const state = {
-    isSingleColumn: numberOfColumns === 1,
-    components: {
-      root: 'div',
-      primaryAction: 'button',
-      icon: 'span',
-      prompt: 'span',
-      reasonMarker: 'span',
-      actions: 'span'
-    },
-    root: slot.always(getIntrinsicElementProps('div', {
-      ref,
-      'aria-labelledby': `${id}-prompt`,
-      'aria-describedby': `${id}-icon, ${id}-reasonMarker`,
-      ...focusAttrs,
-      ...props
-    }), {
-      elementType: 'div'
-    }),
-    primaryAction: slot.always(props.primaryAction, {
-      elementType: 'button'
-    }),
-    icon: slot.always(props.icon, {
-      defaultProps: {
-        id: `${id}-icon`
-      },
-      elementType: 'span'
-    }),
-    prompt: slot.always(props.prompt, {
-      defaultProps: {
-        id: `${id}-prompt`
-      },
-      elementType: 'span'
-    }),
-    reasonMarker: slot.optional(props.reasonMarker, {
-      defaultProps: {
-        id: `${id}-reasonMarker`
-      },
-      elementType: 'span'
-    }),
-    actions: slot.optional(props.actions, {
-      elementType: 'span'
-    })
-  };
-  return state;
+ */ export const usePromptStarter_unstable = (props, ref)=>{
+    const id = useId('prompt-starter');
+    const focusAttrs = useFocusableGroup();
+    const numberOfColumns = usePromptStarterListContext((ctx)=>ctx.numberOfColumns);
+    const state = {
+        isSingleColumn: numberOfColumns === 1,
+        components: {
+            root: 'div',
+            primaryAction: 'button',
+            icon: 'span',
+            prompt: 'span',
+            reasonMarker: 'span',
+            actions: 'span'
+        },
+        root: slot.always(getIntrinsicElementProps('div', {
+            ref,
+            'aria-labelledby': `${id}-prompt`,
+            'aria-describedby': `${id}-icon, ${id}-reasonMarker`,
+            ...focusAttrs,
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        primaryAction: slot.always(props.primaryAction, {
+            elementType: 'button'
+        }),
+        icon: slot.always(props.icon, {
+            defaultProps: {
+                id: `${id}-icon`
+            },
+            elementType: 'span'
+        }),
+        prompt: slot.always(props.prompt, {
+            defaultProps: {
+                id: `${id}-prompt`
+            },
+            elementType: 'span'
+        }),
+        reasonMarker: slot.optional(props.reasonMarker, {
+            defaultProps: {
+                id: `${id}-reasonMarker`
+            },
+            elementType: 'span'
+        }),
+        actions: slot.optional(props.actions, {
+            elementType: 'span'
+        })
+    };
+    return state;
 };
-//# sourceMappingURL=usePromptStarter.js.map