@fluentui-copilot/react-prompt-starter 0.9.3 → 0.10.0

package/CHANGELOG.json

@@ -2,7 +2,63 @@
   "name": "@fluentui-copilot/react-prompt-starter",
   "entries": [
     {
-      "date": "Sat, 03 May 2025 01:25:53 GMT",
+      "date": "Thu, 12 Jun 2025 17:49:28 GMT",
+      "tag": "@fluentui-copilot/react-prompt-starter_v0.10.0",
+      "version": "0.10.0",
+      "comments": {
+        "patch": [
+          {
+            "author": "jiangemma@microsoft.com",
+            "package": "@fluentui-copilot/react-prompt-starter",
+            "commit": "d9945da4ae81c3a928550551238dc5b98d99078d",
+            "comment": "feat: Add reflow to PromptStarterV2 single column appearance."
+          },
+          {
+            "author": "jiangemma@microsoft.com",
+            "package": "@fluentui-copilot/react-prompt-starter",
+            "commit": "3b0d585a760015b5fda7fb09b0fe17d965986c44",
+            "comment": "feat: Add motion to PromptStarterV2 within PromptStarterList."
+          },
+          {
+            "author": "jiangemma@microsoft.com",
+            "package": "@fluentui-copilot/react-prompt-starter",
+            "commit": "f88e520cd18013d1c10bbb826d7f121c39117f1b",
+            "comment": "feat: Create `PromptStarterV2` component."
+          },
+          {
+            "author": "jiangemma@microsoft.com",
+            "package": "@fluentui-copilot/react-prompt-starter",
+            "commit": "1ebd4b30e170c9b6d335bb4f461ac6e99918453f",
+            "comment": "feat: Implement PromptStarterList component."
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 19 May 2025 18:04:28 GMT",
+      "tag": "@fluentui-copilot/react-prompt-starter_v0.9.4",
+      "version": "0.9.4",
+      "comments": {
+        "patch": [
+          {
+            "author": "sarah.higley@microsoft.com",
+            "package": "@fluentui-copilot/react-prompt-starter",
+            "commit": "12581083b6078b77bbd4828e42d814eda634e1fe",
+            "comment": "feat: update PromptStarter to use primary text as a label and secondary text as a description"
+          }
+        ],
+        "none": [
+          {
+            "author": "hochelmartin@gmail.com",
+            "package": "@fluentui-copilot/react-prompt-starter",
+            "commit": "442954951d0eca92de20ecb0ff0fa9492431b62d",
+            "comment": "fix: exclude story files from production build"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Sat, 03 May 2025 01:27:44 GMT",
       "tag": "@fluentui-copilot/react-prompt-starter_v0.9.3",
       "version": "0.9.3",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,33 @@
 # Change Log - @fluentui-copilot/react-prompt-starter
 
-This log was last generated on Sat, 03 May 2025 01:25:53 GMT and should not be manually modified.
+This log was last generated on Thu, 12 Jun 2025 17:49:28 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.10.0](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-starter_v0.10.0)
+
+Thu, 12 Jun 2025 17:49:28 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-prompt-starter_v0.9.4..@fluentui-copilot/react-prompt-starter_v0.10.0)
+
+### Patches
+
+- feat: Add reflow to PromptStarterV2 single column appearance. ([PR #3131](https://github.com/microsoft/fluentai/pull/3131) by jiangemma@microsoft.com)
+- feat: Add motion to PromptStarterV2 within PromptStarterList. ([PR #3129](https://github.com/microsoft/fluentai/pull/3129) by jiangemma@microsoft.com)
+- feat: Create `PromptStarterV2` component. ([PR #3103](https://github.com/microsoft/fluentai/pull/3103) by jiangemma@microsoft.com)
+- feat: Implement PromptStarterList component. ([PR #3112](https://github.com/microsoft/fluentai/pull/3112) by jiangemma@microsoft.com)
+
+## [0.9.4](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-starter_v0.9.4)
+
+Mon, 19 May 2025 18:04:28 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-prompt-starter_v0.9.3..@fluentui-copilot/react-prompt-starter_v0.9.4)
+
+### Patches
+
+- feat: update PromptStarter to use primary text as a label and secondary text as a description ([PR #2999](https://github.com/microsoft/fluentai/pull/2999) by sarah.higley@microsoft.com)
+
 ## [0.9.3](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-starter_v0.9.3)
 
-Sat, 03 May 2025 01:25:53 GMT 
+Sat, 03 May 2025 01:27:44 GMT 
 [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-prompt-starter_v0.9.2..@fluentui-copilot/react-prompt-starter_v0.9.3)
 
 ### Patches

package/dist/index.d.ts

@@ -1,15 +1,63 @@
 import type { BadgeProps } from '@fluentui/react-components';
+import type { Button } from '@fluentui/react-components';
 import type { ComponentProps } from '@fluentui/react-components';
 import type { ComponentState } from '@fluentui/react-components';
 import type { DesignVersion } from '@fluentui-copilot/react-provider';
 import type { ForwardRefComponent } from '@fluentui/react-components';
+import * as React_2 from 'react';
 import type { Slot } from '@fluentui/react-components';
 import type { SlotClassNames } from '@fluentui/react-components';
+import type { UseArrowNavigationGroupOptions } from '@fluentui/react-components';
 
 export declare const PromptStarter: ForwardRefComponent<PromptStarterProps>;
 
 export declare const promptStarterClassNames: SlotClassNames<PromptStarterSlots>;
 
+export declare const PromptStarterList: ForwardRefComponent<PromptStarterListProps>;
+
+export declare const promptStarterListClassNames: SlotClassNames<PromptStarterListSlots>;
+
+declare type PromptStarterListContextValue = Pick<PromptStarterListState, 'numberOfColumns' | 'isExpanded'>;
+
+/**
+ * PromptStarterList Props
+ */
+export declare type PromptStarterListProps = ComponentProps<PromptStarterListSlots> & DesignVersion & {
+    /**
+     * Text for the expand button when the list is collapsed.
+     *
+     * default: "Show more"
+     */
+    expandButtonLabel?: string;
+    /**
+     * Text for the expand button when the list is expanded.
+     *
+     * default: "Show less"
+     */
+    collapseButtonLabel?: string;
+    /**
+     * Arrow navigation options. This can be used to customize Tabster's direction,
+     * tab behavior, and memoization options.
+     *
+     * default: {  axis: 'horizontal', memorizeCurrent: true }
+     */
+    arrowNavigationOptions?: UseArrowNavigationGroupOptions;
+};
+
+export declare type PromptStarterListSlots = {
+    root: NonNullable<Slot<'div'>>;
+    gridWrapper: NonNullable<Slot<'div'>>;
+    expandButton?: Slot<typeof Button>;
+};
+
+/**
+ * State used in rendering PromptStarterList
+ */
+export declare type PromptStarterListState = ComponentState<PromptStarterListSlots> & Required<Pick<PromptStarterListProps, 'designVersion'>> & {
+    numberOfColumns: number;
+    isExpanded?: boolean;
+};
+
 /**
  * PromptStarter Props
  */
@@ -28,8 +76,40 @@ export declare type PromptStarterSlots = {
  */
 export declare type PromptStarterState = ComponentState<PromptStarterSlots> & Pick<Required<PromptStarterProps>, 'designVersion'>;
 
+export declare const PromptStarterV2: ForwardRefComponent<PromptStarterV2Props>;
+
+export declare const promptStarterV2ClassNames: SlotClassNames<PromptStarterV2Slots>;
+
+/**
+ * PromptStarter Props
+ */
+export declare type PromptStarterV2Props = Omit<ComponentProps<PromptStarterV2Slots>, 'disabled'>;
+
+export declare type PromptStarterV2Slots = {
+    root: NonNullable<Slot<'div'>>;
+    primaryAction: NonNullable<Slot<'button'>>;
+    icon: NonNullable<Slot<'span'>>;
+    prompt: NonNullable<Slot<'span'>>;
+    reasonMarker?: Slot<'span'>;
+    actions?: Slot<'span'>;
+};
+
+/**
+ * State used in rendering PromptStarter
+ */
+export declare type PromptStarterV2State = ComponentState<PromptStarterV2Slots> & {
+    isSingleColumn?: boolean;
+};
+
 export declare const renderPromptStarter_unstable: (state: PromptStarterState) => JSX.Element;
 
+/**
+ * Render the final JSX of PromptStarterList
+ */
+export declare const renderPromptStarterList_unstable: (state: PromptStarterListState, contextValue: PromptStarterListContextValue) => JSX.Element;
+
+export declare const renderPromptStarterV2_unstable: (state: PromptStarterV2State) => JSX.Element;
+
 /**
  * Create the state required to render PromptStarter.
  *
@@ -41,6 +121,35 @@ export declare const renderPromptStarter_unstable: (state: PromptStarterState) =
  */
 export declare const usePromptStarter_unstable: (props: PromptStarterProps, ref: React.Ref<HTMLButtonElement>) => PromptStarterState;
 
+/**
+ * Create the state required to render PromptStarterList.
+ *
+ * The returned state can be modified with hooks such as usePromptStarterListStyles_unstable,
+ * before being passed to renderPromptStarterList_unstable.
+ *
+ * @param props - props from this instance of PromptStarterList
+ * @param ref - reference to root HTMLElement of PromptStarterList
+ */
+export declare const usePromptStarterList_unstable: (props: PromptStarterListProps, ref: React_2.Ref<HTMLDivElement>) => PromptStarterListState;
+
+/**
+ * Apply styling to the PromptStarterList slots based on the state
+ */
+export declare const usePromptStarterListStyles_unstable: (state: PromptStarterListState) => PromptStarterListState;
+
 export declare const usePromptStarterStyles_unstable: (state: PromptStarterState) => PromptStarterState;
 
+/**
+ * Create the state required to render PromptStarter.
+ *
+ * The returned state can be modified with hooks such as usePromptStarterStyles_unstable,
+ * before being passed to renderPromptStarter_unstable.
+ *
+ * @param props - props from this instance of PromptStarter
+ * @param ref - reference to root HTMLElement of PromptStarter
+ */
+export declare const usePromptStarterV2_unstable: (props: PromptStarterV2Props, ref: React.Ref<HTMLDivElement>) => PromptStarterV2State;
+
+export declare const usePromptStarterV2Styles_unstable: (state: PromptStarterV2State) => PromptStarterV2State;
+
 export { }

package/lib/PromptStarterList.js

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

package/lib/PromptStarterList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PromptStarterList.ts"],"sourcesContent":["export {\n  PromptStarterList,\n  renderPromptStarterList_unstable,\n  usePromptStarterList_unstable,\n  promptStarterListClassNames,\n  usePromptStarterListStyles_unstable,\n} from './components/PromptStarterV2/PromptStarterList/index';\nexport type {\n  PromptStarterListProps,\n  PromptStarterListSlots,\n  PromptStarterListState,\n  PromptStarterListContextValue,\n} from './components/PromptStarterV2/PromptStarterList/index';\n"],"names":["PromptStarterList","renderPromptStarterList_unstable","usePromptStarterList_unstable","promptStarterListClassNames","usePromptStarterListStyles_unstable"],"rangeMappings":"","mappings":"AAAA,SACEA,iBAAiB,EACjBC,gCAAgC,EAChCC,6BAA6B,EAC7BC,2BAA2B,EAC3BC,mCAAmC,QAC9B,uDAAuD"}

package/lib/PromptStarterV2.js

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

package/lib/PromptStarterV2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PromptStarterV2.ts"],"sourcesContent":["export type {\n  PromptStarterProps,\n  PromptStarterSlots,\n  PromptStarterState,\n} from './components/PromptStarterV2/PromptStarter/index';\nexport {\n  PromptStarter,\n  promptStarterClassNames,\n  renderPromptStarter_unstable,\n  usePromptStarterStyles_unstable,\n  usePromptStarter_unstable,\n} from './components/PromptStarterV2/PromptStarter/index';\n"],"names":["PromptStarter","promptStarterClassNames","renderPromptStarter_unstable","usePromptStarterStyles_unstable","usePromptStarter_unstable"],"rangeMappings":"","mappings":"AAKA,SACEA,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,QACpB,mDAAmD"}

package/lib/components/PromptStarter/usePromptStarter.js

@@ -1,5 +1,5 @@
 import { useDesignVersion } from '@fluentui-copilot/react-provider';
-import { Badge, getIntrinsicElementProps, slot } from '@fluentui/react-components';
+import { Badge, getIntrinsicElementProps, slot, useId } from '@fluentui/react-components';
 /**
  * Create the state required to render PromptStarter.
  *
@@ -11,6 +11,7 @@ import { Badge, getIntrinsicElementProps, slot } from '@fluentui/react-component
  */
 export const usePromptStarter_unstable = (props, ref) => {
   const designVersion = useDesignVersion(props.designVersion);
+  const idPrefix = useId('prompt-starter');
   return {
     components: {
       root: 'button',
@@ -21,6 +22,8 @@ export const usePromptStarter_unstable = (props, ref) => {
     },
     root: slot.always(getIntrinsicElementProps('button', {
       ref,
+      'aria-labelledby': `${idPrefix}-category`,
+      'aria-describedby': `${idPrefix}-prompt`,
       ...props
     }), {
       elementType: 'button'
@@ -29,9 +32,15 @@ export const usePromptStarter_unstable = (props, ref) => {
       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, {

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

@@ -1 +1 @@
-{"version":3,"sources":["usePromptStarter.ts"],"sourcesContent":["import { useDesignVersion } from '@fluentui-copilot/react-provider';\nimport { Badge, getIntrinsicElementProps, slot } 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  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        ...props,\n      }),\n      { elementType: 'button' },\n    ),\n    icon: slot.always(props.icon, { elementType: 'span' }),\n    category: slot.always(props.category, { elementType: 'span' }),\n    prompt: slot.optional(props.prompt, { elementType: 'span' }),\n    badge: slot.optional(props.badge, { defaultProps: { appearance: 'tint' }, elementType: Badge }),\n    designVersion,\n  };\n};\n"],"names":["useDesignVersion","Badge","getIntrinsicElementProps","slot","usePromptStarter_unstable","props","ref","designVersion","components","root","icon","category","prompt","badge","always","elementType","optional","defaultProps","appearance"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,gBAAgB,QAAQ,mCAAmC;AACpE,SAASC,KAAK,EAAEC,wBAAwB,EAAEC,IAAI,QAAQ,6BAA6B;AAGnF;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;IAEA,MAAMC,gBAAgBP,iBAAiBK,MAAME,aAAa;IAC1D,OAAO;QACLC,YAAY;YACVC,MAAM;YACNC,MAAM;YACNC,UAAU;YACVC,QAAQ;YACRC,OAAOZ;QACT;QACAQ,MAAMN,KAAKW,MAAM,CACfZ,yBAAyB,UAAU;YACjCI;YACA,GAAGD,KAAK;QACV,IACA;YAAEU,aAAa;QAAS;QAE1BL,MAAMP,KAAKW,MAAM,CAACT,MAAMK,IAAI,EAAE;YAAEK,aAAa;QAAO;QACpDJ,UAAUR,KAAKW,MAAM,CAACT,MAAMM,QAAQ,EAAE;YAAEI,aAAa;QAAO;QAC5DH,QAAQT,KAAKa,QAAQ,CAACX,MAAMO,MAAM,EAAE;YAAEG,aAAa;QAAO;QAC1DF,OAAOV,KAAKa,QAAQ,CAACX,MAAMQ,KAAK,EAAE;YAAEI,cAAc;gBAAEC,YAAY;YAAO;YAAGH,aAAad;QAAM;QAC7FM;IACF;AACF,EAAE"}
+{"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":["useDesignVersion","Badge","getIntrinsicElementProps","slot","useId","usePromptStarter_unstable","props","ref","designVersion","idPrefix","components","root","icon","category","prompt","badge","always","elementType","defaultProps","id","optional","appearance"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,gBAAgB,QAAQ,mCAAmC;AACpE,SAASC,KAAK,EAAEC,wBAAwB,EAAEC,IAAI,EAAEC,KAAK,QAAQ,6BAA6B;AAG1F;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;IAEA,MAAMC,gBAAgBR,iBAAiBM,MAAME,aAAa;IAC1D,MAAMC,WAAWL,MAAM;IAEvB,OAAO;QACLM,YAAY;YACVC,MAAM;YACNC,MAAM;YACNC,UAAU;YACVC,QAAQ;YACRC,OAAOd;QACT;QACAU,MAAMR,KAAKa,MAAM,CACfd,yBAAyB,UAAU;YACjCK;YACA,mBAAmB,CAAC,EAAEE,SAAS,SAAS,CAAC;YACzC,oBAAoB,CAAC,EAAEA,SAAS,OAAO,CAAC;YACxC,GAAGH,KAAK;QACV,IACA;YAAEW,aAAa;QAAS;QAE1BL,MAAMT,KAAKa,MAAM,CAACV,MAAMM,IAAI,EAAE;YAAEK,aAAa;QAAO;QACpDJ,UAAUV,KAAKa,MAAM,CAACV,MAAMO,QAAQ,EAAE;YAAEK,cAAc;gBAAEC,IAAI,CAAC,EAAEV,SAAS,SAAS,CAAC;YAAC;YAAGQ,aAAa;QAAO;QAC1GH,QAAQX,KAAKiB,QAAQ,CAACd,MAAMQ,MAAM,EAAE;YAAEI,cAAc;gBAAEC,IAAI,CAAC,EAAEV,SAAS,OAAO,CAAC;YAAC;YAAGQ,aAAa;QAAO;QACtGF,OAAOZ,KAAKiB,QAAQ,CAACd,MAAMS,KAAK,EAAE;YAAEG,cAAc;gBAAEG,YAAY;YAAO;YAAGJ,aAAahB;QAAM;QAC7FO;IACF;AACF,EAAE"}

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+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);
+});
+PromptStarter.displayName = 'PromptStarter';
+//# sourceMappingURL=PromptStarter.js.map

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

@@ -0,0 +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":["React","usePromptStarter_unstable","renderPromptStarter_unstable","usePromptStarterStyles_unstable","useCustomStyleHook","PromptStarter","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,+BAA+B,QAAQ,kCAAkC;AAClF,SAASC,kBAAkB,QAAQ,mCAAmC;AAItE,OAAO,MAAMC,8BAAyDL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQR,0BAA0BM,OAAOC;IAE/CL,gCAAgCM;IAChCL,mBAAmB,0BAA0BK;IAE7C,OAAOP,6BAA6BO;AACtC,GAAG;AAEHJ,cAAcK,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["PromptStarter.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type PromptStarterSlots = {\n  root: NonNullable<Slot<'div'>>;\n  primaryAction: NonNullable<Slot<'button'>>;\n  icon: NonNullable<Slot<'span'>>;\n  prompt: NonNullable<Slot<'span'>>;\n  reasonMarker?: Slot<'span'>;\n  actions?: Slot<'span'>;\n};\n\n/**\n * PromptStarter Props\n */\nexport type PromptStarterProps = Omit<ComponentProps<PromptStarterSlots>, 'disabled'>;\n\n/**\n * State used in rendering PromptStarter\n */\nexport type PromptStarterState = ComponentState<PromptStarterSlots> & {\n  isSingleColumn?: boolean;\n};\n"],"names":[],"rangeMappings":";;","mappings":"AAgBA;;CAEC,GACD,WAEE"}

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

@@ -0,0 +1,5 @@
+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/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { PromptStarter } from './PromptStarter';\nexport type { PromptStarterProps, PromptStarterSlots, PromptStarterState } from './PromptStarter.types';\nexport { renderPromptStarter_unstable } from './renderPromptStarter';\nexport { usePromptStarter_unstable } from './usePromptStarter';\nexport { promptStarterClassNames, usePromptStarterStyles_unstable } from './usePromptStarterStyles.styles';\n"],"names":["PromptStarter","renderPromptStarter_unstable","usePromptStarter_unstable","promptStarterClassNames","usePromptStarterStyles_unstable"],"rangeMappings":";;;","mappings":"AAAA,SAASA,aAAa,QAAQ,kBAAkB;AAEhD,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,uBAAuB,EAAEC,+BAA+B,QAAQ,kCAAkC"}

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

@@ -0,0 +1,43 @@
+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 + 100);
+  const opacityEasing = 'linear';
+  const scaleDuration = 500;
+  const scaleOffset = delay / (delay + scaleDuration);
+  const scaleEasing = `cubic-bezier(0.22, 1.59, 0.46, 1)`;
+  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: []
+    }
+  };
+});
+//# sourceMappingURL=promptStarterMotion.js.map

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

@@ -0,0 +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 + 100);\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  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: [],\n    },\n  };\n});\n"],"names":["createPresenceComponent","PromptStarterMotion","index","numberOfColumns","isFirstRow","delay","opacityDuration","opacityOffset","opacityEasing","scaleDuration","scaleOffset","scaleEasing","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,QAAQ,GAAE;IACzC,MAAMG,gBAAgB;IAEtB,MAAMC,gBAAgB;IACtB,MAAMC,cAAcL,QAASA,CAAAA,QAAQI,aAAY;IACjD,MAAME,cAAc,CAAC,iCAAiC,CAAC;IAEvD,OAAO;QACLC,OAAO;YACL;gBACEC,WAAW;oBAAC;wBAAEC,SAAS;oBAAE;oBAAG;wBAAEA,SAAS;wBAAGC,QAAQR;oBAAc;oBAAG;wBAAEO,SAAS;oBAAE;iBAAE;gBAClFE,QAAQR;gBACRS,UAAUX,kBAAkBD;YAC9B;YACA;gBACEQ,WAAW;oBACT;wBAAEK,WAAW;oBAAa;oBAC1B;wBAAEA,WAAW;wBAAcH,QAAQL;oBAAY;oBAC/C;wBAAEQ,WAAW;oBAAW;iBACzB;gBACDF,QAAQL;gBACRM,UAAUR,gBAAgBJ;YAC5B;SACD;QACDc,MAAM;YACJN,WAAW,EAAE;QACf;IACF;AACF,GAAG"}

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

@@ -0,0 +1,11 @@
+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, {})]
+  });
+};
+//# sourceMappingURL=renderPromptStarter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["renderPromptStarter.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { PromptStarterState, PromptStarterSlots } from './PromptStarter.types';\n\nexport const renderPromptStarter_unstable = (state: PromptStarterState) => {\n  assertSlots<PromptStarterSlots>(state);\n\n  return (\n    <state.root>\n      <state.primaryAction>\n        <state.icon />\n        <state.prompt />\n        {state.reasonMarker && <state.reasonMarker />}\n      </state.primaryAction>\n      {state.actions && <state.actions />}\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderPromptStarter_unstable","state","root","primaryAction","icon","prompt","reasonMarker","actions"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,6BAA6B;AAGzD,OAAO,MAAMC,+BAA+B,CAACC;IAC3CF,YAAgCE;IAEhC,qBACE,MAACA,MAAMC,IAAI;;0BACT,MAACD,MAAME,aAAa;;kCAClB,KAACF,MAAMG,IAAI;kCACX,KAACH,MAAMI,MAAM;oBACZJ,MAAMK,YAAY,kBAAI,KAACL,MAAMK,YAAY;;;YAE3CL,MAAMM,OAAO,kBAAI,KAACN,MAAMM,OAAO;;;AAGtC,EAAE"}

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

@@ -0,0 +1,62 @@
+import { getIntrinsicElementProps, slot, useFocusableGroup, useId } from '@fluentui/react-components';
+import { usePromptStarterListContext } from '../../../contexts/PromptStarterListContext';
+/**
+ * Create the state required to render PromptStarter.
+ *
+ * The returned state can be modified with hooks such as usePromptStarterStyles_unstable,
+ * before being passed to renderPromptStarter_unstable.
+ *
+ * @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;
+};
+//# sourceMappingURL=usePromptStarter.js.map

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

@@ -0,0 +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\n  const state: PromptStarterState = {\n    isSingleColumn: numberOfColumns === 1,\n    components: {\n      root: 'div',\n      primaryAction: 'button',\n      icon: 'span',\n      prompt: 'span',\n      reasonMarker: 'span',\n      actions: 'span',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        'aria-labelledby': `${id}-prompt`,\n        'aria-describedby': `${id}-icon, ${id}-reasonMarker`,\n        ...focusAttrs,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    primaryAction: slot.always(props.primaryAction, {\n      elementType: 'button',\n    }),\n    icon: slot.always(props.icon, {\n      defaultProps: { id: `${id}-icon` },\n      elementType: 'span',\n    }),\n    prompt: slot.always(props.prompt, {\n      defaultProps: { id: `${id}-prompt` },\n      elementType: 'span',\n    }),\n    reasonMarker: slot.optional(props.reasonMarker, {\n      defaultProps: { id: `${id}-reasonMarker` },\n      elementType: 'span',\n    }),\n    actions: slot.optional(props.actions, { elementType: 'span' }),\n  };\n\n  return state;\n};\n"],"names":["getIntrinsicElementProps","slot","useFocusableGroup","useId","usePromptStarterListContext","usePromptStarter_unstable","props","ref","id","focusAttrs","numberOfColumns","ctx","state","isSingleColumn","components","root","primaryAction","icon","prompt","reasonMarker","actions","always","elementType","defaultProps","optional"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,wBAAwB,EAAEC,IAAI,EAAEC,iBAAiB,EAAEC,KAAK,QAAQ,6BAA6B;AACtG,SAASC,2BAA2B,QAAQ,6CAA6C;AAGzF;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;IAEA,MAAMC,KAAKL,MAAM;IACjB,MAAMM,aAAaP;IAEnB,MAAMQ,kBAAkBN,4BAA4BO,CAAAA,MAAOA,IAAID,eAAe;IAE9E,MAAME,QAA4B;QAChCC,gBAAgBH,oBAAoB;QACpCI,YAAY;YACVC,MAAM;YACNC,eAAe;YACfC,MAAM;YACNC,QAAQ;YACRC,cAAc;YACdC,SAAS;QACX;QACAL,MAAMd,KAAKoB,MAAM,CACfrB,yBAAyB,OAAO;YAC9BO;YACA,mBAAmB,CAAC,EAAEC,GAAG,OAAO,CAAC;YACjC,oBAAoB,CAAC,EAAEA,GAAG,OAAO,EAAEA,GAAG,aAAa,CAAC;YACpD,GAAGC,UAAU;YACb,GAAGH,KAAK;QACV,IACA;YAAEgB,aAAa;QAAM;QAEvBN,eAAef,KAAKoB,MAAM,CAACf,MAAMU,aAAa,EAAE;YAC9CM,aAAa;QACf;QACAL,MAAMhB,KAAKoB,MAAM,CAACf,MAAMW,IAAI,EAAE;YAC5BM,cAAc;gBAAEf,IAAI,CAAC,EAAEA,GAAG,KAAK,CAAC;YAAC;YACjCc,aAAa;QACf;QACAJ,QAAQjB,KAAKoB,MAAM,CAACf,MAAMY,MAAM,EAAE;YAChCK,cAAc;gBAAEf,IAAI,CAAC,EAAEA,GAAG,OAAO,CAAC;YAAC;YACnCc,aAAa;QACf;QACAH,cAAclB,KAAKuB,QAAQ,CAAClB,MAAMa,YAAY,EAAE;YAC9CI,cAAc;gBAAEf,IAAI,CAAC,EAAEA,GAAG,aAAa,CAAC;YAAC;YACzCc,aAAa;QACf;QACAF,SAASnB,KAAKuB,QAAQ,CAAClB,MAAMc,OAAO,EAAE;YAAEE,aAAa;QAAO;IAC9D;IAEA,OAAOV;AACT,EAAE"}