npm - @fluentui-copilot/react-prompt-starter - Versions diffs - 0.10.1 → 0.10.3 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (72) hide show

package/CHANGELOG.json CHANGED Viewed

@@ -2,7 +2,43 @@
   "name": "@fluentui-copilot/react-prompt-starter",
   "entries": [
     {
-      "date": "Tue, 24 Jun 2025 22:20:58 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": {
+        "patch": [
+          {
+            "author": "jiangemma@microsoft.com",
+            "package": "@fluentui-copilot/react-prompt-starter",
+            "commit": "93c39ced303a2ffdb20764a1d1a1595a12b4ae27",
+            "comment": "chore: Bump v9 to 9.66.0 dependency deduplication followup"
+          },
+          {
+            "author": "jiangemma@microsoft.com",
+            "package": "@fluentui-copilot/react-prompt-starter",
+            "commit": "c9607d83ec7c4f592e563a391e0e7fa87af24929",
+            "comment": "Bump v9 to ^9.66.0"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 24 Jun 2025 22:22:05 GMT",
       "tag": "@fluentui-copilot/react-prompt-starter_v0.10.1",
       "version": "0.10.1",
       "comments": {

package/CHANGELOG.md CHANGED Viewed

@@ -1,12 +1,31 @@
 # Change Log - @fluentui-copilot/react-prompt-starter
-This log was last generated on Tue, 24 Jun 2025 22:20:58 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: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
+- chore: Bump v9 to 9.66.0 dependency deduplication followup ([PR #3176](https://github.com/microsoft/fluentai/pull/3176) by jiangemma@microsoft.com)
+- Bump v9 to ^9.66.0 ([PR #3169](https://github.com/microsoft/fluentai/pull/3169) by jiangemma@microsoft.com)
 ## [0.10.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-starter_v0.10.1)
-Tue, 24 Jun 2025 22:20:58 GMT
+Tue, 24 Jun 2025 22:22:05 GMT
 [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-prompt-starter_v0.10.0..@fluentui-copilot/react-prompt-starter_v0.10.1)
 ### Patches

package/lib/PromptStarter.js CHANGED Viewed

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

package/lib/PromptStarterList.js CHANGED Viewed

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

package/lib/PromptStarterV2.js CHANGED Viewed

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

package/lib/components/PromptStarter/PromptStarter.js CHANGED Viewed

@@ -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 CHANGED Viewed

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

package/lib/components/PromptStarter/index.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -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/promptStarterMotion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["promptStarterMotion.ts"],"sourcesContent":["import { createPresenceComponent } from '@fluentui/react-components';\n\nexport type PromptStarterMotionParams = { index: number; numberOfColumns: number };\n\nexport const PromptStarterMotion = createPresenceComponent<PromptStarterMotionParams>(({ index, numberOfColumns }) => {\n const isFirstRow = index < numberOfColumns;\n const delay = isFirstRow ? index * 50 : (index - numberOfColumns) * 50;\n\n const opacityDuration = 100;\n const opacityOffset = delay / (delay + opacityDuration);\n const opacityEasing = 'linear';\n\n const scaleDuration = 500;\n const scaleOffset = delay / (delay + scaleDuration);\n const scaleEasing = `cubic-bezier(0.22, 1.59, 0.46, 1)`;\n\n const opacityExitDuration = 200;\n\n return {\n enter: [\n {\n keyframes: [{ opacity: 0 }, { opacity: 0, offset: opacityOffset }, { opacity: 1 }],\n easing: opacityEasing,\n duration: opacityDuration + delay,\n },\n {\n keyframes: [\n { transform: 'scale(0.9)' },\n { transform: 'scale(0.9)', offset: scaleOffset },\n { transform: 'scale(1)' },\n ],\n easing: scaleEasing,\n duration: scaleDuration + delay,\n },\n ],\n exit: {\n keyframes: [{ opacity: 1 }, { opacity: 1 }, { opacity: 0 }],\n easing: opacityEasing,\n duration: opacityExitDuration,\n },\n };\n});\n"],"names":["createPresenceComponent","PromptStarterMotion","index","numberOfColumns","isFirstRow","delay","opacityDuration","opacityOffset","opacityEasing","scaleDuration","scaleOffset","scaleEasing","opacityExitDuration","enter","keyframes","opacity","offset","easing","duration","transform","exit"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,uBAAuB,QAAQ,6BAA6B;AAIrE,OAAO,MAAMC,~~sBAAsBD~~,wBAAmD,CAAC,EAAEE,KAAK,EAAEC,eAAe,EAAE;~~IAC/G~~,MAAMC,aAAaF,QAAQC;IAC3B,MAAME,QAAQD,aAAaF,QAAQ,KAAK,AAACA,CAAAA,QAAQC,eAAc,IAAK;IAEpE,MAAMG,kBAAkB;IACxB,MAAMC,gBAAgBF,QAASA,CAAAA,QAAQC,eAAc;IACrD,MAAME,gBAAgB;IAEtB,MAAMC,gBAAgB;IACtB,MAAMC,cAAcL,QAASA,CAAAA,QAAQI,aAAY;IACjD,MAAME,cAAc,CAAC,iCAAiC,CAAC;IAEvD,MAAMC,sBAAsB;IAE5B,OAAO;QACLC,OAAO;YACL;gBACEC,WAAW;oBAAC;wBAAEC,SAAS;oBAAE;oBAAG;wBAAEA,SAAS;wBAAGC,QAAQT;oBAAc;oBAAG;wBAAEQ,SAAS;oBAAE;iBAAE;gBAClFE,QAAQT;gBACRU,UAAUZ,kBAAkBD;YAC9B;YACA;gBACES,WAAW;oBACT;wBAAEK,WAAW;oBAAa;oBAC1B;wBAAEA,WAAW;wBAAcH,QAAQN;oBAAY;oBAC/C;wBAAES,WAAW;oBAAW;iBACzB;gBACDF,QAAQN;gBACRO,UAAUT,gBAAgBJ;YAC5B;SACD;QACDe,MAAM;YACJN,WAAW;gBAAC;oBAAEC,SAAS;gBAAE;gBAAG;oBAAEA,SAAS;gBAAE;gBAAG;oBAAEA,SAAS;gBAAE;aAAE;YAC3DE,QAAQT;YACRU,UAAUN;QACZ;IACF;AACF,GAAG"}
1	+ {"version":3,"sources":["promptStarterMotion.ts"],"sourcesContent":["import { createPresenceComponent } from '@fluentui/react-components';\n\nexport type PromptStarterMotionParams = { index: number; numberOfColumns: number };\n\nexport const PromptStarterMotion: ReturnType<typeof createPresenceComponent<PromptStarterMotionParams>> =\n createPresenceComponent<PromptStarterMotionParams>(({ index, numberOfColumns }) => {\n const isFirstRow = index < numberOfColumns;\n const delay = isFirstRow ? index * 50 : (index - numberOfColumns) * 50;\n\n const opacityDuration = 100;\n const opacityOffset = delay / (delay + opacityDuration);\n const opacityEasing = 'linear';\n\n const scaleDuration = 500;\n const scaleOffset = delay / (delay + scaleDuration);\n const scaleEasing = `cubic-bezier(0.22, 1.59, 0.46, 1)`;\n\n const opacityExitDuration = 200;\n\n return {\n enter: [\n {\n keyframes: [{ opacity: 0 }, { opacity: 0, offset: opacityOffset }, { opacity: 1 }],\n easing: opacityEasing,\n duration: opacityDuration + delay,\n },\n {\n keyframes: [\n { transform: 'scale(0.9)' },\n { transform: 'scale(0.9)', offset: scaleOffset },\n { transform: 'scale(1)' },\n ],\n easing: scaleEasing,\n duration: scaleDuration + delay,\n },\n ],\n exit: {\n keyframes: [{ opacity: 1 }, { opacity: 1 }, { opacity: 0 }],\n easing: opacityEasing,\n duration: opacityExitDuration,\n },\n };\n });\n"],"names":["createPresenceComponent","PromptStarterMotion","index","numberOfColumns","isFirstRow","delay","opacityDuration","opacityOffset","opacityEasing","scaleDuration","scaleOffset","scaleEasing","opacityExitDuration","enter","keyframes","opacity","offset","easing","duration","transform","exit"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,uBAAuB,QAAQ,6BAA6B;AAIrE,OAAO,MAAMC,sBACXD,wBAAmD,CAAC,EAAEE,KAAK,EAAEC,eAAe,EAAE;IAC5E,MAAMC,aAAaF,QAAQC;IAC3B,MAAME,QAAQD,aAAaF,QAAQ,KAAK,AAACA,CAAAA,QAAQC,eAAc,IAAK;IAEpE,MAAMG,kBAAkB;IACxB,MAAMC,gBAAgBF,QAASA,CAAAA,QAAQC,eAAc;IACrD,MAAME,gBAAgB;IAEtB,MAAMC,gBAAgB;IACtB,MAAMC,cAAcL,QAASA,CAAAA,QAAQI,aAAY;IACjD,MAAME,cAAc,CAAC,iCAAiC,CAAC;IAEvD,MAAMC,sBAAsB;IAE5B,OAAO;QACLC,OAAO;YACL;gBACEC,WAAW;oBAAC;wBAAEC,SAAS;oBAAE;oBAAG;wBAAEA,SAAS;wBAAGC,QAAQT;oBAAc;oBAAG;wBAAEQ,SAAS;oBAAE;iBAAE;gBAClFE,QAAQT;gBACRU,UAAUZ,kBAAkBD;YAC9B;YACA;gBACES,WAAW;oBACT;wBAAEK,WAAW;oBAAa;oBAC1B;wBAAEA,WAAW;wBAAcH,QAAQN;oBAAY;oBAC/C;wBAAES,WAAW;oBAAW;iBACzB;gBACDF,QAAQN;gBACRO,UAAUT,gBAAgBJ;YAC5B;SACD;QACDe,MAAM;YACJN,WAAW;gBAAC;oBAAEC,SAAS;gBAAE;gBAAG;oBAAEA,SAAS;gBAAE;gBAAG;oBAAEA,SAAS;gBAAE;aAAE;YAC3DE,QAAQT;YACRU,UAAUN;QACZ;IACF;AACF,GAAG"}

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

@@ -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