@fluentui-copilot/react-prompt-starter 0.0.0-nightly-20250708-1433-52f2b6b1.1 → 0.0.0-nightly-20250709-0404-150e065c.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui-copilot/react-prompt-starter",
   "entries": [
     {
-      "date": "Tue, 08 Jul 2025 14:40:39 GMT",
-      "tag": "@fluentui-copilot/react-prompt-starter_v0.0.0-nightly-20250708-1433-52f2b6b1.1",
-      "version": "0.0.0-nightly-20250708-1433-52f2b6b1.1",
+      "date": "Wed, 09 Jul 2025 04:12:05 GMT",
+      "tag": "@fluentui-copilot/react-prompt-starter_v0.0.0-nightly-20250709-0404-150e065c.1",
+      "version": "0.0.0-nightly-20250709-0404-150e065c.1",
       "comments": {
         "prerelease": [
           {

package/CHANGELOG.md

@@ -1,13 +1,13 @@
 # Change Log - @fluentui-copilot/react-prompt-starter
 
-This log was last generated on Tue, 08 Jul 2025 14:40:39 GMT and should not be manually modified.
+This log was last generated on Wed, 09 Jul 2025 04:12:05 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20250708-1433-52f2b6b1.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-starter_v0.0.0-nightly-20250708-1433-52f2b6b1.1)
+## [0.0.0-nightly-20250709-0404-150e065c.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-starter_v0.0.0-nightly-20250709-0404-150e065c.1)
 
-Tue, 08 Jul 2025 14:40:39 GMT 
-[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-prompt-starter_v0.10.2..@fluentui-copilot/react-prompt-starter_v0.0.0-nightly-20250708-1433-52f2b6b1.1)
+Wed, 09 Jul 2025 04:12:05 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-prompt-starter_v0.10.2..@fluentui-copilot/react-prompt-starter_v0.0.0-nightly-20250709-0404-150e065c.1)
 
 ### Changes
 

package/lib/PromptStarter.js

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

package/lib/PromptStarterList.js

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

package/lib/PromptStarterV2.js

@@ -1 +1,2 @@
 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,10 +3,11 @@ 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,3 +1,4 @@
 /**
  * State used in rendering PromptStarter
- */ export { };
+ */export {};
+//# sourceMappingURL=PromptStarter.types.js.map

package/lib/components/PromptStarter/index.js

@@ -2,3 +2,4 @@ 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,18 +1,11 @@
-  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,46 +8,48 @@ 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/PromptStarterV2/PromptStarter/PromptStarter.js

@@ -3,10 +3,11 @@ 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,3 +1,4 @@
 /**
  * State used in rendering PromptStarter
- */ export { };
+ */export {};
+//# sourceMappingURL=PromptStarter.types.js.map

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

@@ -2,3 +2,4 @@ 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,63 +1,52 @@
 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,17 +1,11 @@
-  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,53 +8,55 @@ 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

package/lib/components/PromptStarterV2/PromptStarterList/PromptStarterList.js

@@ -3,10 +3,11 @@ import { usePromptStarterList_unstable } from './usePromptStarterList';
 import { renderPromptStarterList_unstable } from './renderPromptStarterList';
 import { usePromptStarterListStyles_unstable } from './usePromptStarterListStyles.styles';
 import { usePromptStarterListContextValues } from './usePromptStarterListContextValues';
-export const PromptStarterList = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const state = usePromptStarterList_unstable(props, ref);
-    const contextValues = usePromptStarterListContextValues(state);
-    usePromptStarterListStyles_unstable(state);
-    return renderPromptStarterList_unstable(state, contextValues);
+export const PromptStarterList = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = usePromptStarterList_unstable(props, ref);
+  const contextValues = usePromptStarterListContextValues(state);
+  usePromptStarterListStyles_unstable(state);
+  return renderPromptStarterList_unstable(state, contextValues);
 });
 PromptStarterList.displayName = 'PromptStarterList';
+//# sourceMappingURL=PromptStarterList.js.map

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

@@ -1 +1,2 @@
-export { };
+export {};
+//# sourceMappingURL=PromptStarterList.types.js.map

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

@@ -2,3 +2,4 @@ export { PromptStarterList } from './PromptStarterList';
 export { renderPromptStarterList_unstable } from './renderPromptStarterList';
 export { usePromptStarterList_unstable } from './usePromptStarterList';
 export { promptStarterListClassNames, usePromptStarterListStyles_unstable } from './usePromptStarterListStyles.styles';
+//# sourceMappingURL=index.js.map

package/lib/components/PromptStarterV2/PromptStarterList/renderPromptStarterList.js

@@ -1,21 +1,20 @@
-  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, PresenceGroup } from '@fluentui/react-components';
 import { PromptStarterListProvider } from '../../../contexts/PromptStarterListContext';
 /**
  * Render the final JSX of PromptStarterList
- */ export const renderPromptStarterList_unstable = (state, contextValue)=>{
-    assertSlots(state);
-    return /*#__PURE__*/ _jsx(PromptStarterListProvider, {
-        value: contextValue,
-        children: /*#__PURE__*/ _jsxs(state.root, {
-            children: [
-                /*#__PURE__*/ _jsx(PresenceGroup, {
-                    children: /*#__PURE__*/ _jsx(state.gridWrapper, {
-                        children: state.root.children
-                    })
-                }),
-                state.expandButton && /*#__PURE__*/ _jsx(state.expandButton, {})
-            ]
+ */
+export const renderPromptStarterList_unstable = (state, contextValue) => {
+  assertSlots(state);
+  return /*#__PURE__*/_jsx(PromptStarterListProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsxs(state.root, {
+      children: [/*#__PURE__*/_jsx(PresenceGroup, {
+        children: /*#__PURE__*/_jsx(state.gridWrapper, {
+          children: state.root.children
         })
-    });
+      }), state.expandButton && /*#__PURE__*/_jsx(state.expandButton, {})]
+    })
+  });
 };
+//# sourceMappingURL=renderPromptStarterList.js.map