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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["PromptStarterList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePromptStarterList_unstable } from './usePromptStarterList';\nimport { renderPromptStarterList_unstable } from './renderPromptStarterList';\nimport { usePromptStarterListStyles_unstable } from './usePromptStarterListStyles.styles';\nimport type { PromptStarterListProps } from './PromptStarterList.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { usePromptStarterListContextValues } from './usePromptStarterListContextValues';\n\nexport const PromptStarterList: ForwardRefComponent<PromptStarterListProps> = React.forwardRef((props, ref) => {\n  const state = usePromptStarterList_unstable(props, ref);\n  const contextValues = usePromptStarterListContextValues(state);\n\n  usePromptStarterListStyles_unstable(state);\n  return renderPromptStarterList_unstable(state, contextValues);\n});\n\nPromptStarterList.displayName = 'PromptStarterList';\n"],"names":["React","usePromptStarterList_unstable","renderPromptStarterList_unstable","usePromptStarterListStyles_unstable","usePromptStarterListContextValues","PromptStarterList","forwardRef","props","ref","state","contextValues","displayName"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,6BAA6B,QAAQ,yBAAyB;AACvE,SAASC,gCAAgC,QAAQ,4BAA4B;AAC7E,SAASC,mCAAmC,QAAQ,sCAAsC;AAG1F,SAASC,iCAAiC,QAAQ,sCAAsC;AAExF,OAAO,MAAMC,kCAAiEL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACrG,MAAMC,QAAQR,8BAA8BM,OAAOC;IACnD,MAAME,gBAAgBN,kCAAkCK;IAExDN,oCAAoCM;IACpC,OAAOP,iCAAiCO,OAAOC;AACjD,GAAG;AAEHL,kBAAkBM,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["PromptStarterList.types.ts"],"sourcesContent":["import type { DesignVersion } from '@fluentui-copilot/react-provider';\nimport type {\n  ComponentProps,\n  ComponentState,\n  Slot,\n  Button,\n  UseArrowNavigationGroupOptions,\n} from '@fluentui/react-components';\n\nexport type PromptStarterListSlots = {\n  root: NonNullable<Slot<'div'>>;\n  gridWrapper: NonNullable<Slot<'div'>>;\n  expandButton?: Slot<typeof Button>;\n};\n\n/**\n * PromptStarterList Props\n */\nexport type PromptStarterListProps = ComponentProps<PromptStarterListSlots> &\n  DesignVersion & {\n    /**\n     * Text for the expand button when the list is collapsed.\n     *\n     * default: \"Show more\"\n     */\n    expandButtonLabel?: string;\n    /**\n     * Text for the expand button when the list is expanded.\n     *\n     * default: \"Show less\"\n     */\n    collapseButtonLabel?: string;\n    /**\n     * Arrow navigation options. This can be used to customize Tabster's direction,\n     * tab behavior, and memoization options.\n     *\n     * default: {  axis: 'horizontal', memorizeCurrent: true }\n     */\n    arrowNavigationOptions?: UseArrowNavigationGroupOptions;\n  };\n\n/**\n * State used in rendering PromptStarterList\n */\nexport type PromptStarterListState = ComponentState<PromptStarterListSlots> &\n  Required<Pick<PromptStarterListProps, 'designVersion'>> & {\n    numberOfColumns: number;\n    isExpanded?: boolean;\n  };\n\nexport type PromptStarterListContextValue = Pick<PromptStarterListState, 'numberOfColumns' | 'isExpanded'>;\n"],"names":[],"rangeMappings":"","mappings":"AAkDA,WAA2G"}

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { PromptStarterList } from './PromptStarterList';\nexport type {\n  PromptStarterListProps,\n  PromptStarterListSlots,\n  PromptStarterListState,\n  PromptStarterListContextValue,\n} from './PromptStarterList.types';\nexport { renderPromptStarterList_unstable } from './renderPromptStarterList';\nexport { usePromptStarterList_unstable } from './usePromptStarterList';\nexport { promptStarterListClassNames, usePromptStarterListStyles_unstable } from './usePromptStarterListStyles.styles';\n"],"names":["PromptStarterList","renderPromptStarterList_unstable","usePromptStarterList_unstable","promptStarterListClassNames","usePromptStarterListStyles_unstable"],"rangeMappings":";;;","mappings":"AAAA,SAASA,iBAAiB,QAAQ,sBAAsB;AAOxD,SAASC,gCAAgC,QAAQ,4BAA4B;AAC7E,SAASC,6BAA6B,QAAQ,yBAAyB;AACvE,SAASC,2BAA2B,EAAEC,mCAAmC,QAAQ,sCAAsC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["renderPromptStarterList.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots, PresenceGroup } from '@fluentui/react-components';\nimport { PromptStarterListProvider } from '../../../contexts/PromptStarterListContext';\nimport type {\n  PromptStarterListState,\n  PromptStarterListSlots,\n  PromptStarterListContextValue,\n} from './PromptStarterList.types';\n\n/**\n * Render the final JSX of PromptStarterList\n */\nexport const renderPromptStarterList_unstable = (\n  state: PromptStarterListState,\n  contextValue: PromptStarterListContextValue,\n) => {\n  assertSlots<PromptStarterListSlots>(state);\n\n  return (\n    <PromptStarterListProvider value={contextValue}>\n      <state.root>\n        <PresenceGroup>\n          <state.gridWrapper>{state.root.children}</state.gridWrapper>\n        </PresenceGroup>\n        {state.expandButton && <state.expandButton />}\n      </state.root>\n    </PromptStarterListProvider>\n  );\n};\n"],"names":["assertSlots","PresenceGroup","PromptStarterListProvider","renderPromptStarterList_unstable","state","contextValue","value","root","gridWrapper","children","expandButton"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,EAAEC,aAAa,QAAQ,6BAA6B;AACxE,SAASC,yBAAyB,QAAQ,6CAA6C;AAOvF;;CAEC,GACD,OAAO,MAAMC,mCAAmC,CAC9CC,OACAC;IAEAL,YAAoCI;IAEpC,qBACE,KAACF;QAA0BI,OAAOD;kBAChC,cAAA,MAACD,MAAMG,IAAI;;8BACT,KAACN;8BACC,cAAA,KAACG,MAAMI,WAAW;kCAAEJ,MAAMG,IAAI,CAACE,QAAQ;;;gBAExCL,MAAMM,YAAY,kBAAI,KAACN,MAAMM,YAAY;;;;AAIlD,EAAE"}

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

@@ -0,0 +1,114 @@
+import * as React from 'react';
+import { getIntrinsicElementProps, slot, Button, useArrowNavigationGroup, mergeCallbacks, useFluent, useMergedRefs } from '@fluentui/react-components';
+import { useDesignVersion } from '@fluentui-copilot/react-provider';
+import { ChevronDown12Regular } from '@fluentui/react-icons';
+import { PromptStarterMotion } from '../PromptStarter/promptStarterMotion';
+/**
+ * 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 const usePromptStarterList_unstable = (props, ref) => {
+  const {
+    arrowNavigationOptions,
+    expandButtonLabel = 'Show more',
+    collapseButtonLabel = 'Show less'
+  } = props;
+  const designVersion = useDesignVersion(props.designVersion);
+  var _arrowNavigationOptions_axis, _arrowNavigationOptions_memorizeCurrent;
+  const focusAttrs = useArrowNavigationGroup({
+    ...arrowNavigationOptions,
+    axis: (_arrowNavigationOptions_axis = arrowNavigationOptions === null || arrowNavigationOptions === void 0 ? void 0 : arrowNavigationOptions.axis) !== null && _arrowNavigationOptions_axis !== void 0 ? _arrowNavigationOptions_axis : 'grid-linear',
+    memorizeCurrent: (_arrowNavigationOptions_memorizeCurrent = arrowNavigationOptions === null || arrowNavigationOptions === void 0 ? void 0 : arrowNavigationOptions.memorizeCurrent) !== null && _arrowNavigationOptions_memorizeCurrent !== void 0 ? _arrowNavigationOptions_memorizeCurrent : true
+  });
+  const [isExpanded, setIsExpanded] = React.useState(false);
+  const [numberOfColumns, setNumberOfColumns] = React.useState(3);
+  const gridWrapperRef = React.useRef(null);
+  const {
+    targetDocument
+  } = useFluent();
+  const win = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView;
+  React.useEffect(() => {
+    if (!win || !gridWrapperRef.current) return;
+    const promptStarterGrid = gridWrapperRef.current;
+    const updateNumberOfColumns = () => {
+      const numColumns = win.getComputedStyle(promptStarterGrid).gridTemplateColumns.split(' ').length;
+      setNumberOfColumns(numColumns);
+    };
+    const ro = new win.ResizeObserver(updateNumberOfColumns);
+    ro.observe(promptStarterGrid);
+    return () => {
+      ro.unobserve(promptStarterGrid);
+    };
+  }, [win]);
+  const state = {
+    numberOfColumns: numberOfColumns,
+    isExpanded,
+    designVersion,
+    components: {
+      root: 'div',
+      gridWrapper: 'div',
+      expandButton: Button
+    },
+    root: slot.always(getIntrinsicElementProps('div', {
+      ref,
+      ...props
+    }), {
+      elementType: 'div'
+    }),
+    gridWrapper: slot.always(props.gridWrapper, {
+      defaultProps: {
+        role: 'group',
+        ...focusAttrs
+      },
+      elementType: 'div'
+    }),
+    expandButton: slot.optional(props.expandButton, {
+      defaultProps: {
+        appearance: 'subtle',
+        size: 'small',
+        shape: 'rounded',
+        icon: /*#__PURE__*/React.createElement(ChevronDown12Regular, null),
+        iconPosition: 'after',
+        'aria-expanded': isExpanded,
+        children: isExpanded ? collapseButtonLabel : expandButtonLabel
+      },
+      renderByDefault: true,
+      elementType: Button
+    })
+  };
+  state.gridWrapper.ref = useMergedRefs(gridWrapperRef, state.gridWrapper.ref);
+  // Get the array of children.
+  const childrenArray = React.useMemo(() => {
+    return React.Children.toArray(state.root.children);
+  }, [state.root.children]);
+  // Add motion to the children.
+  const childrenWithMotion = React.useMemo(() => childrenArray.map((child, index) => {
+    // Throw error if the child is not a valid React element or is a Fragment.
+    if (! /*#__PURE__*/React.isValidElement(child) || child.type === React.Fragment) {
+      throw new Error('You should only use PromptStarter components as the children of PromptStarterList.');
+    }
+    return /*#__PURE__*/React.createElement(PromptStarterMotion, {
+      appear: true,
+      key: index,
+      index: index,
+      numberOfColumns: numberOfColumns
+    }, child);
+  }), [childrenArray, numberOfColumns]);
+  // In the collapsed state, we only show 2-3 children depending on the number of numberOfColumns.
+  if (!isExpanded) {
+    const collapsedVisibleItems = numberOfColumns === 2 ? 2 : 3;
+    state.root.children = childrenWithMotion.slice(0, collapsedVisibleItems);
+  } else {
+    state.root.children = childrenWithMotion;
+  }
+  if (state.expandButton) {
+    state.expandButton.onClick = mergeCallbacks(state.expandButton.onClick, () => setIsExpanded(!isExpanded));
+  }
+  return state;
+};
+//# sourceMappingURL=usePromptStarterList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["usePromptStarterList.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  getIntrinsicElementProps,\n  slot,\n  Button,\n  useArrowNavigationGroup,\n  mergeCallbacks,\n  useFluent,\n  useMergedRefs,\n} from '@fluentui/react-components';\nimport type { PromptStarterListProps, PromptStarterListState } from './PromptStarterList.types';\nimport { useDesignVersion } from '@fluentui-copilot/react-provider';\nimport { ChevronDown12Regular } from '@fluentui/react-icons';\nimport { PromptStarterMotion } from '../PromptStarter/promptStarterMotion';\n\n/**\n * Create the state required to render PromptStarterList.\n *\n * The returned state can be modified with hooks such as usePromptStarterListStyles_unstable,\n * before being passed to renderPromptStarterList_unstable.\n *\n * @param props - props from this instance of PromptStarterList\n * @param ref - reference to root HTMLElement of PromptStarterList\n */\nexport const usePromptStarterList_unstable = (\n  props: PromptStarterListProps,\n  ref: React.Ref<HTMLDivElement>,\n): PromptStarterListState => {\n  const { arrowNavigationOptions, expandButtonLabel = 'Show more', collapseButtonLabel = 'Show less' } = props;\n  const designVersion = useDesignVersion(props.designVersion);\n  const focusAttrs = useArrowNavigationGroup({\n    ...arrowNavigationOptions,\n    axis: arrowNavigationOptions?.axis ?? 'grid-linear',\n    memorizeCurrent: arrowNavigationOptions?.memorizeCurrent ?? true,\n  });\n\n  const [isExpanded, setIsExpanded] = React.useState(false);\n  const [numberOfColumns, setNumberOfColumns] = React.useState<number>(3);\n\n  const gridWrapperRef = React.useRef<HTMLDivElement>(null);\n  const { targetDocument } = useFluent();\n  const win = targetDocument?.defaultView;\n\n  React.useEffect(() => {\n    if (!win || !gridWrapperRef.current) return;\n\n    const promptStarterGrid = gridWrapperRef.current;\n\n    const updateNumberOfColumns = () => {\n      const numColumns = win.getComputedStyle(promptStarterGrid).gridTemplateColumns.split(' ').length;\n      setNumberOfColumns(numColumns);\n    };\n\n    const ro = new win.ResizeObserver(updateNumberOfColumns);\n    ro.observe(promptStarterGrid);\n\n    return () => {\n      ro.unobserve(promptStarterGrid);\n    };\n  }, [win]);\n\n  const state: PromptStarterListState = {\n    numberOfColumns: numberOfColumns,\n    isExpanded,\n    designVersion,\n    components: {\n      root: 'div',\n      gridWrapper: 'div',\n      expandButton: Button,\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    gridWrapper: slot.always(props.gridWrapper, {\n      defaultProps: {\n        role: 'group',\n        ...focusAttrs,\n      },\n      elementType: 'div',\n    }),\n    expandButton: slot.optional(props.expandButton, {\n      defaultProps: {\n        appearance: 'subtle',\n        size: 'small',\n        shape: 'rounded',\n        icon: <ChevronDown12Regular />,\n        iconPosition: 'after',\n        'aria-expanded': isExpanded,\n        children: isExpanded ? collapseButtonLabel : expandButtonLabel,\n      },\n      renderByDefault: true,\n      elementType: Button,\n    }),\n  };\n\n  state.gridWrapper.ref = useMergedRefs(gridWrapperRef, state.gridWrapper.ref);\n\n  // Get the array of children.\n  const childrenArray = React.useMemo<(React.ReactChild | React.ReactFragment | React.ReactPortal)[]>(() => {\n    return React.Children.toArray(state.root.children);\n  }, [state.root.children]);\n\n  // Add motion to the children.\n  const childrenWithMotion = React.useMemo(\n    () =>\n      childrenArray.map((child, index) => {\n        // Throw error if the child is not a valid React element or is a Fragment.\n        if (!React.isValidElement(child) || child.type === React.Fragment) {\n          throw new Error('You should only use PromptStarter components as the children of PromptStarterList.');\n        }\n        return (\n          <PromptStarterMotion appear key={index} index={index} numberOfColumns={numberOfColumns}>\n            {child}\n          </PromptStarterMotion>\n        );\n      }),\n    [childrenArray, numberOfColumns],\n  );\n\n  // In the collapsed state, we only show 2-3 children depending on the number of numberOfColumns.\n  if (!isExpanded) {\n    const collapsedVisibleItems = numberOfColumns === 2 ? 2 : 3;\n    state.root.children = childrenWithMotion.slice(0, collapsedVisibleItems);\n  } else {\n    state.root.children = childrenWithMotion;\n  }\n\n  if (state.expandButton) {\n    state.expandButton.onClick = mergeCallbacks(\n      state.expandButton.onClick as React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>,\n      () => setIsExpanded(!isExpanded),\n    );\n  }\n\n  return state;\n};\n"],"names":["React","getIntrinsicElementProps","slot","Button","useArrowNavigationGroup","mergeCallbacks","useFluent","useMergedRefs","useDesignVersion","ChevronDown12Regular","PromptStarterMotion","usePromptStarterList_unstable","props","ref","arrowNavigationOptions","expandButtonLabel","collapseButtonLabel","designVersion","focusAttrs","axis","memorizeCurrent","isExpanded","setIsExpanded","useState","numberOfColumns","setNumberOfColumns","gridWrapperRef","useRef","targetDocument","win","defaultView","useEffect","current","promptStarterGrid","updateNumberOfColumns","numColumns","getComputedStyle","gridTemplateColumns","split","length","ro","ResizeObserver","observe","unobserve","state","components","root","gridWrapper","expandButton","always","elementType","defaultProps","role","optional","appearance","size","shape","icon","iconPosition","children","renderByDefault","childrenArray","useMemo","Children","toArray","childrenWithMotion","map","child","index","isValidElement","type","Fragment","Error","appear","key","collapsedVisibleItems","slice","onClick"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -0,0 +1,9 @@
+export function usePromptStarterListContextValues(state) {
+  const {
+    numberOfColumns
+  } = state;
+  return {
+    numberOfColumns
+  };
+}
+//# sourceMappingURL=usePromptStarterListContextValues.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["usePromptStarterListContextValues.ts"],"sourcesContent":["import type { PromptStarterListContextValue, PromptStarterListState } from './PromptStarterList.types';\n\nexport function usePromptStarterListContextValues(state: PromptStarterListState): PromptStarterListContextValue {\n  const { numberOfColumns } = state;\n\n  return {\n    numberOfColumns,\n  };\n}\n"],"names":["usePromptStarterListContextValues","state","numberOfColumns"],"rangeMappings":";;;;;","mappings":"AAEA,OAAO,SAASA,kCAAkCC,KAA6B;IAC7E,MAAM,EAAEC,eAAe,EAAE,GAAGD;IAE5B,OAAO;QACLC;IACF;AACF"}

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

@@ -0,0 +1,57 @@
+import { buttonClassNames, __resetStyles, __styles, mergeClasses } from '@fluentui/react-components';
+import { tokens } from '@fluentui-copilot/tokens';
+export const promptStarterListClassNames = {
+  root: 'fai-PromptStarterList',
+  gridWrapper: 'fai-PromptStarterList__gridWrapper',
+  expandButton: 'fai-PromptStarterList__expandButton'
+};
+/**
+ * Styles for the root slot
+ */
+const useRootClassName = __resetStyles("r1n85ojv", null, [".r1n85ojv{display:flex;flex-direction:column;max-width:772px;gap:var(--spacingHorizontalXL);}"]);
+const useStyles = __styles({
+  gridWrapper: {
+    mc9l5x: "f13qh94s",
+    i8kkvl: 0,
+    Belr9w4: 0,
+    rmohyg: "f1p93rwu",
+    t4k1zu: "f4wu0r3",
+    Budl1dq: "fvo7o13",
+    Bxotwcr: "f1nkeedh"
+  },
+  expandButton: {
+    qb2dma: "f1locze1",
+    wrk2wx: "f11k2d1d",
+    dutsh0: "f1iwh30k",
+    B4u5nao: "fn63aq9",
+    Bbdnnc7: "fm7zj7h",
+    x3br3k: "fuzcl37"
+  },
+  expandButtonExpanded: {
+    Bs9jjb3: ["f5l68jj", "f1i29bk4"]
+  }
+}, {
+  d: [".f13qh94s{display:grid;}", [".f1p93rwu{gap:var(--spacingHorizontalL);}", {
+    p: -1
+  }], ".f4wu0r3{grid-auto-columns:max-content;}", ".fvo7o13{grid-template-columns:repeat(auto-fit, minmax(214px, 1fr));}", ".f1nkeedh{grid-auto-flow:unset;}", ".f1locze1{align-self:end;}", ".f11k2d1d .fui-Button__icon{font-size:12px;}", ".f1iwh30k .fui-Button__icon{height:12px;}", ".fn63aq9 .fui-Button__icon{width:12px;}", ".f5l68jj>.fui-Button__icon{transform:rotate(180deg);}", ".f1i29bk4>.fui-Button__icon{transform:rotate(-180deg);}"],
+  h: [".fm7zj7h:hover .fui-Button__icon{color:var(--colorNeutralForeground2Hover);}", ".fuzcl37:hover:active .fui-Button__icon{color:var(--colorNeutralForeground2Pressed);}"]
+});
+/**
+ * Apply styling to the PromptStarterList slots based on the state
+ */
+export const usePromptStarterListStyles_unstable = state => {
+  'use no memo';
+
+  const {
+    isExpanded
+  } = state;
+  const rootClassName = useRootClassName();
+  const styles = useStyles();
+  state.root.className = mergeClasses(promptStarterListClassNames.root, rootClassName, state.root.className);
+  state.gridWrapper.className = mergeClasses(promptStarterListClassNames.gridWrapper, styles.gridWrapper, state.gridWrapper.className);
+  if (state.expandButton) {
+    state.expandButton.className = mergeClasses(promptStarterListClassNames.expandButton, styles.expandButton, isExpanded && styles.expandButtonExpanded, state.expandButton.className);
+  }
+  return state;
+};
+//# sourceMappingURL=usePromptStarterListStyles.styles.js.map

package/lib/components/PromptStarterV2/PromptStarterList/usePromptStarterListStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["usePromptStarterListStyles.styles.ts"],"sourcesContent":["import { buttonClassNames, makeResetStyles, makeStyles, mergeClasses } from '@fluentui/react-components';\nimport type { PromptStarterListSlots, PromptStarterListState } from './PromptStarterList.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\n\nexport const promptStarterListClassNames: SlotClassNames<PromptStarterListSlots> = {\n  root: 'fai-PromptStarterList',\n  gridWrapper: 'fai-PromptStarterList__gridWrapper',\n  expandButton: 'fai-PromptStarterList__expandButton',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootClassName = makeResetStyles({\n  display: 'flex',\n  flexDirection: 'column',\n  maxWidth: '772px',\n  gap: tokens.spacingHorizontalXL,\n});\n\nconst useStyles = makeStyles({\n  gridWrapper: {\n    display: 'grid',\n    gap: tokens.spacingHorizontalL,\n    gridAutoColumns: 'max-content',\n\n    gridTemplateColumns: `repeat(auto-fit, minmax(214px, 1fr))`,\n    gridAutoFlow: 'unset',\n  },\n\n  expandButton: {\n    alignSelf: 'end',\n    [`& .${buttonClassNames.icon}`]: {\n      fontSize: '12px',\n      height: '12px',\n      width: '12px',\n    },\n    ':hover': {\n      [`& .${buttonClassNames.icon}`]: {\n        color: tokens.colorNeutralForeground2Hover,\n      },\n    },\n    ':hover:active': {\n      [`& .${buttonClassNames.icon}`]: {\n        color: tokens.colorNeutralForeground2Pressed,\n      },\n    },\n  },\n\n  expandButtonExpanded: {\n    [`& > .${buttonClassNames.icon}`]: {\n      transform: 'rotate(180deg)',\n    },\n  },\n});\n\n/**\n * Apply styling to the PromptStarterList slots based on the state\n */\nexport const usePromptStarterListStyles_unstable = (state: PromptStarterListState): PromptStarterListState => {\n  'use no memo';\n\n  const { isExpanded } = state;\n\n  const rootClassName = useRootClassName();\n  const styles = useStyles();\n  state.root.className = mergeClasses(promptStarterListClassNames.root, rootClassName, state.root.className);\n  state.gridWrapper.className = mergeClasses(\n    promptStarterListClassNames.gridWrapper,\n    styles.gridWrapper,\n    state.gridWrapper.className,\n  );\n  if (state.expandButton) {\n    state.expandButton.className = mergeClasses(\n      promptStarterListClassNames.expandButton,\n      styles.expandButton,\n      isExpanded && styles.expandButtonExpanded,\n      state.expandButton.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["buttonClassNames","makeResetStyles","makeStyles","mergeClasses","tokens","promptStarterListClassNames","root","gridWrapper","expandButton","useRootClassName","display","flexDirection","maxWidth","gap","spacingHorizontalXL","useStyles","spacingHorizontalL","gridAutoColumns","gridTemplateColumns","gridAutoFlow","alignSelf","icon","fontSize","height","width","color","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","expandButtonExpanded","transform","usePromptStarterListStyles_unstable","state","isExpanded","rootClassName","styles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,gBAAgB,EAAEC,eAAe,EAAEC,UAAU,EAAEC,YAAY,QAAQ,6BAA6B;AAGzG,SAASC,MAAM,QAAQ,2BAA2B;AAElD,OAAO,MAAMC,8BAAsE;IACjFC,MAAM;IACNC,aAAa;IACbC,cAAc;AAChB,EAAE;AAEF;;CAEC,GACD,MAAMC,mBAAmBR,gBAAgB;IACvCS,SAAS;IACTC,eAAe;IACfC,UAAU;IACVC,KAAKT,OAAOU,mBAAmB;AACjC;AAEA,MAAMC,YAAYb,WAAW;IAC3BK,aAAa;QACXG,SAAS;QACTG,KAAKT,OAAOY,kBAAkB;QAC9BC,iBAAiB;QAEjBC,qBAAqB,CAAC,oCAAoC,CAAC;QAC3DC,cAAc;IAChB;IAEAX,cAAc;QACZY,WAAW;QACX,CAAC,CAAC,GAAG,EAAEpB,iBAAiBqB,IAAI,CAAC,CAAC,CAAC,EAAE;YAC/BC,UAAU;YACVC,QAAQ;YACRC,OAAO;QACT;QACA,UAAU;YACR,CAAC,CAAC,GAAG,EAAExB,iBAAiBqB,IAAI,CAAC,CAAC,CAAC,EAAE;gBAC/BI,OAAOrB,OAAOsB,4BAA4B;YAC5C;QACF;QACA,iBAAiB;YACf,CAAC,CAAC,GAAG,EAAE1B,iBAAiBqB,IAAI,CAAC,CAAC,CAAC,EAAE;gBAC/BI,OAAOrB,OAAOuB,8BAA8B;YAC9C;QACF;IACF;IAEAC,sBAAsB;QACpB,CAAC,CAAC,KAAK,EAAE5B,iBAAiBqB,IAAI,CAAC,CAAC,CAAC,EAAE;YACjCQ,WAAW;QACb;IACF;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,sCAAsC,CAACC;IAClD;IAEA,MAAM,EAAEC,UAAU,EAAE,GAAGD;IAEvB,MAAME,gBAAgBxB;IACtB,MAAMyB,SAASnB;IACfgB,MAAMzB,IAAI,CAAC6B,SAAS,GAAGhC,aAAaE,4BAA4BC,IAAI,EAAE2B,eAAeF,MAAMzB,IAAI,CAAC6B,SAAS;IACzGJ,MAAMxB,WAAW,CAAC4B,SAAS,GAAGhC,aAC5BE,4BAA4BE,WAAW,EACvC2B,OAAO3B,WAAW,EAClBwB,MAAMxB,WAAW,CAAC4B,SAAS;IAE7B,IAAIJ,MAAMvB,YAAY,EAAE;QACtBuB,MAAMvB,YAAY,CAAC2B,SAAS,GAAGhC,aAC7BE,4BAA4BG,YAAY,EACxC0B,OAAO1B,YAAY,EACnBwB,cAAcE,OAAON,oBAAoB,EACzCG,MAAMvB,YAAY,CAAC2B,SAAS;IAEhC;IAEA,OAAOJ;AACT,EAAE"}

package/lib/contexts/PromptStarterListContext.js

@@ -0,0 +1,8 @@
+import { createContext, useContextSelector } from '@fluentui/react-context-selector';
+export const PromptStarterListContext = createContext(undefined);
+const promptStarterListContextDefaultValue = {
+  numberOfColumns: 3
+};
+export const usePromptStarterListContext = selector => useContextSelector(PromptStarterListContext, (ctx = promptStarterListContextDefaultValue) => selector(ctx));
+export const PromptStarterListProvider = PromptStarterListContext.Provider;
+//# sourceMappingURL=PromptStarterListContext.js.map

package/lib/contexts/PromptStarterListContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PromptStarterListContext.ts"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { ContextSelector } from '@fluentui/react-context-selector';\nimport type { PromptStarterListContextValue } from '../PromptStarterList';\n\nexport const PromptStarterListContext = createContext<PromptStarterListContextValue | undefined>(undefined);\n\nconst promptStarterListContextDefaultValue: PromptStarterListContextValue = {\n  numberOfColumns: 3,\n};\n\nexport const usePromptStarterListContext = <T>(selector: ContextSelector<PromptStarterListContextValue, T>) =>\n  useContextSelector(PromptStarterListContext, (ctx = promptStarterListContextDefaultValue) => selector(ctx));\nexport const PromptStarterListProvider = PromptStarterListContext.Provider;\n"],"names":["createContext","useContextSelector","PromptStarterListContext","undefined","promptStarterListContextDefaultValue","numberOfColumns","usePromptStarterListContext","selector","ctx","PromptStarterListProvider","Provider"],"rangeMappings":";;;;;;","mappings":"AAAA,SAASA,aAAa,EAAEC,kBAAkB,QAAQ,mCAAmC;AAIrF,OAAO,MAAMC,2BAA2BF,cAAyDG,WAAW;AAE5G,MAAMC,uCAAsE;IAC1EC,iBAAiB;AACnB;AAEA,OAAO,MAAMC,8BAA8B,CAAIC,WAC7CN,mBAAmBC,0BAA0B,CAACM,MAAMJ,oCAAoC,GAAKG,SAASC,MAAM;AAC9G,OAAO,MAAMC,4BAA4BP,yBAAyBQ,QAAQ,CAAC"}

package/lib/index.js

@@ -1,2 +1,4 @@
 export { PromptStarter, promptStarterClassNames, renderPromptStarter_unstable, usePromptStarterStyles_unstable, usePromptStarter_unstable } from './PromptStarter';
+export { PromptStarter as PromptStarterV2, promptStarterClassNames as promptStarterV2ClassNames, renderPromptStarter_unstable as renderPromptStarterV2_unstable, usePromptStarterStyles_unstable as usePromptStarterV2Styles_unstable, usePromptStarter_unstable as usePromptStarterV2_unstable } from './PromptStarterV2';
+export { PromptStarterList, renderPromptStarterList_unstable, usePromptStarterList_unstable, promptStarterListClassNames, usePromptStarterListStyles_unstable } from './PromptStarterList';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export type { PromptStarterProps, PromptStarterSlots, PromptStarterState } from './PromptStarter';\nexport {\n  PromptStarter,\n  promptStarterClassNames,\n  renderPromptStarter_unstable,\n  usePromptStarterStyles_unstable,\n  usePromptStarter_unstable,\n} from './PromptStarter';\n"],"names":["PromptStarter","promptStarterClassNames","renderPromptStarter_unstable","usePromptStarterStyles_unstable","usePromptStarter_unstable"],"rangeMappings":"","mappings":"AACA,SACEA,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,QACpB,kBAAkB"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export type { PromptStarterProps, PromptStarterSlots, PromptStarterState } from './PromptStarter';\nexport {\n  PromptStarter,\n  promptStarterClassNames,\n  renderPromptStarter_unstable,\n  usePromptStarterStyles_unstable,\n  usePromptStarter_unstable,\n} from './PromptStarter';\n\nexport type {\n  PromptStarterProps as PromptStarterV2Props,\n  PromptStarterSlots as PromptStarterV2Slots,\n  PromptStarterState as PromptStarterV2State,\n} from './PromptStarterV2';\nexport {\n  PromptStarter as PromptStarterV2,\n  promptStarterClassNames as promptStarterV2ClassNames,\n  renderPromptStarter_unstable as renderPromptStarterV2_unstable,\n  usePromptStarterStyles_unstable as usePromptStarterV2Styles_unstable,\n  usePromptStarter_unstable as usePromptStarterV2_unstable,\n} from './PromptStarterV2';\n\nexport {\n  PromptStarterList,\n  renderPromptStarterList_unstable,\n  usePromptStarterList_unstable,\n  promptStarterListClassNames,\n  usePromptStarterListStyles_unstable,\n} from './PromptStarterList';\nexport type { PromptStarterListProps, PromptStarterListSlots, PromptStarterListState } from './PromptStarterList';"],"names":["PromptStarter","promptStarterClassNames","renderPromptStarter_unstable","usePromptStarterStyles_unstable","usePromptStarter_unstable","PromptStarterV2","promptStarterV2ClassNames","renderPromptStarterV2_unstable","usePromptStarterV2Styles_unstable","usePromptStarterV2_unstable","PromptStarterList","renderPromptStarterList_unstable","usePromptStarterList_unstable","promptStarterListClassNames","usePromptStarterListStyles_unstable"],"rangeMappings":";;","mappings":"AACA,SACEA,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,QACpB,kBAAkB;AAOzB,SACEJ,iBAAiBK,eAAe,EAChCJ,2BAA2BK,yBAAyB,EACpDJ,gCAAgCK,8BAA8B,EAC9DJ,mCAAmCK,iCAAiC,EACpEJ,6BAA6BK,2BAA2B,QACnD,oBAAoB;AAE3B,SACEC,iBAAiB,EACjBC,gCAAgC,EAChCC,6BAA6B,EAC7BC,2BAA2B,EAC3BC,mCAAmC,QAC9B,sBAAsB"}

package/lib-commonjs/PromptStarterList.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    PromptStarterList: function() {
+        return _index.PromptStarterList;
+    },
+    promptStarterListClassNames: function() {
+        return _index.promptStarterListClassNames;
+    },
+    renderPromptStarterList_unstable: function() {
+        return _index.renderPromptStarterList_unstable;
+    },
+    usePromptStarterListStyles_unstable: function() {
+        return _index.usePromptStarterListStyles_unstable;
+    },
+    usePromptStarterList_unstable: function() {
+        return _index.usePromptStarterList_unstable;
+    }
+});
+const _index = require("./components/PromptStarterV2/PromptStarterList/index");
+ //# sourceMappingURL=PromptStarterList.js.map

package/lib-commonjs/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","promptStarterListClassNames","renderPromptStarterList_unstable","usePromptStarterListStyles_unstable","usePromptStarterList_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACEA,iBAAiB;eAAjBA,wBAAiB;;IAGjBC,2BAA2B;eAA3BA,kCAA2B;;IAF3BC,gCAAgC;eAAhCA,uCAAgC;;IAGhCC,mCAAmC;eAAnCA,0CAAmC;;IAFnCC,6BAA6B;eAA7BA,oCAA6B;;;uBAGxB"}

package/lib-commonjs/PromptStarterV2.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    PromptStarter: function() {
+        return _index.PromptStarter;
+    },
+    promptStarterClassNames: function() {
+        return _index.promptStarterClassNames;
+    },
+    renderPromptStarter_unstable: function() {
+        return _index.renderPromptStarter_unstable;
+    },
+    usePromptStarterStyles_unstable: function() {
+        return _index.usePromptStarterStyles_unstable;
+    },
+    usePromptStarter_unstable: function() {
+        return _index.usePromptStarter_unstable;
+    }
+});
+const _index = require("./components/PromptStarterV2/PromptStarter/index");
+ //# sourceMappingURL=PromptStarterV2.js.map

package/lib-commonjs/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":";;;;;;;;;;;IAMEA,aAAa;eAAbA,oBAAa;;IACbC,uBAAuB;eAAvBA,8BAAuB;;IACvBC,4BAA4B;eAA5BA,mCAA4B;;IAC5BC,+BAA+B;eAA/BA,sCAA+B;;IAC/BC,yBAAyB;eAAzBA,gCAAyB;;;uBACpB"}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PromptStarter", {
+    enumerable: true,
+    get: function() {
+        return PromptStarter;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _usePromptStarter = require("./usePromptStarter");
+const _renderPromptStarter = require("./renderPromptStarter");
+const _usePromptStarterStylesstyles = require("./usePromptStarterStyles.styles");
+const _reactprovider = require("@fluentui-copilot/react-provider");
+const PromptStarter = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _usePromptStarter.usePromptStarter_unstable)(props, ref);
+    (0, _usePromptStarterStylesstyles.usePromptStarterStyles_unstable)(state);
+    (0, _reactprovider.useCustomStyleHook)('usePromptStarterStyles')(state);
+    return (0, _renderPromptStarter.renderPromptStarter_unstable)(state);
+});
+PromptStarter.displayName = 'PromptStarter'; //# sourceMappingURL=PromptStarter.js.map

package/lib-commonjs/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":["PromptStarter","React","forwardRef","props","state","usePromptStarter_unstable","usePromptStarterStyles_unstable","useCustomStyleHook","renderPromptStarter_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;kCACmB;qCACG;8CACG;+BACb;AAI5B,MAAMA,gBAAAA,WAAAA,GAAAA,OAAyDC,UAAMC,CAAU,CAACC,OAACA;UACtFC,QAAMA,IAAAA,2CAAQC,EAAAA,OAA0BF;qEAExCG,EAAAA;yCACAC,EAAAA,0BAAmBH;WAEnBI,IAAAA,iDAAOA,EAAAA;AACT;AAEAR,cAAcS,WAAW,GAAG"}

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

@@ -0,0 +1,7 @@
+/**
+ * State used in rendering PromptStarter
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+ //# sourceMappingURL=PromptStarter.types.js.map

package/lib-commonjs/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"}

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    PromptStarter: function() {
+        return _PromptStarter.PromptStarter;
+    },
+    promptStarterClassNames: function() {
+        return _usePromptStarterStylesstyles.promptStarterClassNames;
+    },
+    renderPromptStarter_unstable: function() {
+        return _renderPromptStarter.renderPromptStarter_unstable;
+    },
+    usePromptStarterStyles_unstable: function() {
+        return _usePromptStarterStylesstyles.usePromptStarterStyles_unstable;
+    },
+    usePromptStarter_unstable: function() {
+        return _usePromptStarter.usePromptStarter_unstable;
+    }
+});
+const _PromptStarter = require("./PromptStarter");
+const _renderPromptStarter = require("./renderPromptStarter");
+const _usePromptStarter = require("./usePromptStarter");
+const _usePromptStarterStylesstyles = require("./usePromptStarterStyles.styles");
+ //# sourceMappingURL=index.js.map

package/lib-commonjs/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","promptStarterClassNames","renderPromptStarter_unstable","usePromptStarterStyles_unstable","usePromptStarter_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,aAAa;eAAbA,4BAAa;;IAIbC,uBAAuB;eAAvBA,qDAAuB;;IAFvBC,4BAA4B;eAA5BA,iDAA4B;;IAEHC,+BAA+B;eAA/BA,6DAA+B;;IADxDC,yBAAyB;eAAzBA,2CAAyB;;;+BAHJ;qCAEe;kCACH;8CAC+B"}

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

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PromptStarterMotion", {
+    enumerable: true,
+    get: function() {
+        return PromptStarterMotion;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const PromptStarterMotion = (0, _reactcomponents.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-commonjs/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":["PromptStarterMotion","createPresenceComponent","delay","isFirstRow","opacityOffset","opacityEasing","index","numberOfColumns","opacityDuration","scaleDuration","enter","duration","keyframes","scaleOffset"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAIaA;;;eAAAA;;;iCAJ2B;AAIjC,MAAMA,sBAAsBC,IAAAA,wCAAAA,EAAmD,CAAC,OACrF,iBACMC;UAGNC,aAAMC,QAAgBF;UACtBA,QAAMG,aAAgBC,QAAA,KAAA,AAAAA,CAAAA,QAAAC,eAAA,IAAA;UAEtBC,kBAAsB;UACtBJ,gBAAoBF,QAASA,CAAAA,QAAQO,GAAAA;UACrCJ,gBAAoB;UAEpBI,gBAAO;UACLC,cAAOR,QAAAA,CAAAA,QAAAO,aAAA;wBACL,CAAA,iCAAA,CAAA;;;;;;;;;;;;;;;;;4CACoFP;;;2BAElFS;oBAAAA;mCACF;;;mCAEEC;;;;;;;;0CAEqCC;;;;;;;mDAIXX"}

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderPromptStarter_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderPromptStarter_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactcomponents = require("@fluentui/react-components");
+const renderPromptStarter_unstable = (state)=>{
+    (0, _reactcomponents.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.primaryAction, {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {}),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(state.prompt, {}),
+                    state.reasonMarker && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.reasonMarker, {})
+                ]
+            }),
+            state.actions && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.actions, {})
+        ]
+    });
+}; //# sourceMappingURL=renderPromptStarter.js.map

package/lib-commonjs/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":["renderPromptStarter_unstable","state","assertSlots","_jsxs","root","_jsx","primaryAction","prompt","reasonMarker"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;4BALb;iCAE4B;AAGrB,MAAMA,+BAA+BC,CAAAA;oCAC1CC,EAAAA;WAEA,WAAA,GAAAC,IAAAA,gBACE,EAAAF,MAACA,IAAMG,EAAAA;;;;+BACL,GAAAC,IAAAA,eAACJ,EAAAA,MAAMK,IAAAA,EAAAA,CAAAA;oBAAa,WAAA,GAAAD,IAAAA,eAAA,EAAAJ,MAAAM,MAAA,EAAA,CAAA;oBAAAN,MAAAO,YAAA,IAAA,WAAA,GAAAH,IAAAA,eAAA,EAAAJ,MAAAO,YAAA,EAAA,CAAA;iBAAA;;;;;kDAGC"}