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

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

@@ -11,103 +11,103 @@ import { PromptStarterMotion } from '../PromptStarter/promptStarterMotion';
  *
  * @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);
+ */ 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
+        })
     };
-    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.');
+    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.');
+            }
+            // In the collapsed state, if there is one column, we show three children.
+            // If there are two or three columns, we show two or three. All children
+            // are shown in the expanded state.
+            const visibility = numberOfColumns === 1 && index < 3 || index < numberOfColumns || isExpanded;
+            return /*#__PURE__*/ React.createElement(PromptStarterMotion, {
+                appear: true,
+                key: index,
+                index: index,
+                visible: visibility,
+                numberOfColumns: numberOfColumns
+            }, child);
+        }), [
+        childrenArray,
+        numberOfColumns,
+        isExpanded
+    ]);
+    state.root.children = childrenWithMotion;
+    if (state.expandButton) {
+        state.expandButton.onClick = mergeCallbacks(state.expandButton.onClick, ()=>setIsExpanded(!isExpanded));
     }
-    // In the collapsed state, if there is one column, we show three children.
-    // If there are two or three columns, we show two or three. All children
-    // are shown in the expanded state.
-    const visibility = numberOfColumns === 1 && index < 3 || index < numberOfColumns || isExpanded;
-    return /*#__PURE__*/React.createElement(PromptStarterMotion, {
-      appear: true,
-      key: index,
-      index: index,
-      visible: visibility,
-      numberOfColumns: numberOfColumns
-    }, child);
-  }), [childrenArray, numberOfColumns, isExpanded]);
-  state.root.children = childrenWithMotion;
-  if (state.expandButton) {
-    state.expandButton.onClick = mergeCallbacks(state.expandButton.onClick, () => setIsExpanded(!isExpanded));
-  }
-  return state;
+    return state;
 };
-//# sourceMappingURL=usePromptStarterList.js.map

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

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

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

@@ -0,0 +1,61 @@
+import { buttonClassNames, makeResetStyles, makeStyles, 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 = makeResetStyles({
+    display: 'flex',
+    flexDirection: 'column',
+    maxWidth: '772px',
+    gap: tokens.spacingHorizontalXL
+});
+const useStyles = makeStyles({
+    gridWrapper: {
+        display: 'grid',
+        gap: tokens.spacingHorizontalL,
+        gridAutoColumns: 'max-content',
+        gridTemplateColumns: `repeat(auto-fit, minmax(214px, 1fr))`,
+        gridAutoFlow: 'unset'
+    },
+    expandButton: {
+        alignSelf: 'end',
+        [`& .${buttonClassNames.icon}`]: {
+            fontSize: '12px',
+            height: '12px',
+            width: '12px'
+        },
+        ':hover': {
+            [`& .${buttonClassNames.icon}`]: {
+                color: tokens.colorNeutralForeground2Hover
+            }
+        },
+        ':hover:active': {
+            [`& .${buttonClassNames.icon}`]: {
+                color: tokens.colorNeutralForeground2Pressed
+            }
+        }
+    },
+    expandButtonExpanded: {
+        [`& > .${buttonClassNames.icon}`]: {
+            transform: 'rotate(180deg)'
+        }
+    }
+});
+/**
+ * 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;
+};

package/lib/components/PromptStarterV2/PromptStarterList/usePromptStarterListStyles.styles.raw.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

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

package/lib/index.js

@@ -1,4 +1,3 @@
 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-commonjs/PromptStarter.js

@@ -26,4 +26,3 @@ _export(exports, {
     }
 });
 const _index = require("./components/PromptStarter/index");
- //# sourceMappingURL=PromptStarter.js.map

package/lib-commonjs/PromptStarterList.js

@@ -26,4 +26,3 @@ _export(exports, {
     }
 });
 const _index = require("./components/PromptStarterV2/PromptStarterList/index");
- //# sourceMappingURL=PromptStarterList.js.map

package/lib-commonjs/PromptStarterV2.js

@@ -26,4 +26,3 @@ _export(exports, {
     }
 });
 const _index = require("./components/PromptStarterV2/PromptStarter/index");
- //# sourceMappingURL=PromptStarterV2.js.map

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

@@ -20,4 +20,4 @@ const PromptStarter = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     (0, _reactprovider.useCustomStyleHook)('usePromptStarterStyles')(state);
     return (0, _renderPromptStarter.renderPromptStarter_unstable)(state);
 });
-PromptStarter.displayName = 'PromptStarter'; //# sourceMappingURL=PromptStarter.js.map
+PromptStarter.displayName = 'PromptStarter';

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

@@ -1 +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"}
+{"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","ref","state","usePromptStarter_unstable","usePromptStarterStyles_unstable","useCustomStyleHook","renderPromptStarter_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;kCACmB;qCACG;8CACG;+BACb;AAI5B,MAAMA,gBAAAA,WAAAA,GAAyDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQC,IAAAA,2CAAAA,EAA0BH,OAAOC;IAE/CG,IAAAA,6DAAAA,EAAgCF;IAChCG,IAAAA,iCAAAA,EAAmB,0BAA0BH;IAE7C,OAAOI,IAAAA,iDAAAA,EAA6BJ;AACtC;AAEAL,cAAcU,WAAW,GAAG"}

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

@@ -4,4 +4,3 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
- //# sourceMappingURL=PromptStarter.types.js.map

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

@@ -29,4 +29,3 @@ 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/PromptStarter/renderPromptStarter.js

@@ -25,4 +25,4 @@ const renderPromptStarter_unstable = (state)=>{
             state.prompt && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.prompt, {})
         ]
     });
-}; //# sourceMappingURL=renderPromptStarter.js.map
+};

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

@@ -1 +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.icon />\n      <state.category>\n        {state.category.children} {state.badge && <state.badge />}\n      </state.category>\n      {state.prompt && <state.prompt />}\n    </state.root>\n  );\n};\n"],"names":["renderPromptStarter_unstable","state","assertSlots","_jsxs","root","icon","badge","_jsx","category","prompt"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;4BALb;iCAE4B;AAGrB,MAAMA,+BAA+BC,CAAAA;oCAC1CC,EAAAA;WAEA,WAAA,GAAAC,IAAAA,gBACE,EAAAF,MAACA,IAAMG,EAAAA;;;;;kCACJH,CAAAA,QAAMI;oBAAI;oBAAAJ,MAAAK,KAAA,IAAA,WAAA,GAAAC,IAAAA,eAAA,EAAAN,MAAAK,KAAA,EAAA,CAAA;iBAAA;;uCACVL,GAAAA,IAAAA,eAAMO,EAAAA,MAAQC,MAAA,EAAA,CAAA;SAAA;;kDACY"}
+{"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.icon />\n      <state.category>\n        {state.category.children} {state.badge && <state.badge />}\n      </state.category>\n      {state.prompt && <state.prompt />}\n    </state.root>\n  );\n};\n"],"names":["renderPromptStarter_unstable","state","assertSlots","_jsxs","root","_jsx","icon","category","children","badge","prompt"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;4BALb;iCAE4B;AAGrB,MAAMA,+BAA+B,CAACC;IAC3CC,IAAAA,4BAAAA,EAAgCD;IAEhC,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;0BACTC,IAAAA,eAAA,EAACJ,MAAMK,IAAI,EAAA,CAAA;0BACXH,IAAAA,gBAAA,EAACF,MAAMM,QAAQ,EAAA;;oBACZN,MAAMM,QAAQ,CAACC,QAAQ;oBAAC;oBAAEP,MAAMQ,KAAK,IAAA,WAAA,GAAIJ,IAAAA,eAAA,EAACJ,MAAMQ,KAAK,EAAA,CAAA;;;YAEvDR,MAAMS,MAAM,IAAA,WAAA,GAAIL,IAAAA,eAAA,EAACJ,MAAMS,MAAM,EAAA,CAAA;;;AAGpC"}

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

@@ -52,4 +52,4 @@ const usePromptStarter_unstable = (props, ref)=>{
         }),
         designVersion
     };
-}; //# sourceMappingURL=usePromptStarter.js.map
+};

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

@@ -1 +1 @@
-{"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":["designVersion","useDesignVersion","useId","props","idPrefix","components","root","icon","category","prompt","badge","Badge","ref","elementType","defaultProps","appearance"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAiBQA;;;eAAAA;;;+BAjByB;iCAC4B;AAgB3D,MAAMA,4BAAgBC,CAAAA,OAAuBD;UAC7CA,gBAAiBE,IAAAA,+BAAM,EAAAC,MAAAH,aAAA;UAEvBI,WAAOF,IAAAA,sBAAA,EAAA;WACLG;oBACEC;kBACAC;kBACAC;sBACAC;oBACAC;mBACFC,sBAAA;;mCAGIC,CAAAA,MAAAA,CAAAA,IAAAA,yCAAAA,EAAAA,UAAAA;;+BAEA,CAAA,EAAAR,SAAuBA,SAAS,CAAA;gCACxB,CAAA,EAAAA,SAAA,OAAA,CAAA;eACVD,KACA;;yBAAwB;;mCAEMU,CAAAA,MAAAA,CAAAA,MAAaN,IAAA,EAAA;yBAAO;;kBACZO,qBAAAA,CAAAA,MAAAA,CAAcX,MAAAK,QAAA,EAAA;0BAAM;oBAAuB,CAAA,EAAAJ,SAAA,SAAA,CAAA;;yBAAuB;;gBACpEU,qBAAAA,CAAAA,QAAAA,CAAcX,MAAAM,MAAA,EAAA;0BAAM;oBAAqB,CAAA,EAAAL,SAAA,OAAA,CAAA;;yBAAuB;;oCAClEU,CAAAA,QAAAA,CAAAA,MAAcJ,KAAA,EAAA;0BAAEK;4BAAmB;;yBAAsBJ,sBAAA;;QAE/FX;IACA"}
+{"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":["usePromptStarter_unstable","props","ref","designVersion","useDesignVersion","idPrefix","useId","components","root","icon","category","prompt","badge","Badge","slot","always","getIntrinsicElementProps","elementType","defaultProps","id","optional","appearance"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;+BAboB;iCAC4B;AAYtD,MAAMA,4BAA4B,CACvCC,OACAC;IAEA,MAAMC,gBAAgBC,IAAAA,+BAAAA,EAAiBH,MAAME,aAAa;IAC1D,MAAME,WAAWC,IAAAA,sBAAAA,EAAM;IAEvB,OAAO;QACLC,YAAY;YACVC,MAAM;YACNC,MAAM;YACNC,UAAU;YACVC,QAAQ;YACRC,OAAOC,sBAAAA;QACT;QACAL,MAAMM,qBAAAA,CAAKC,MAAM,CACfC,IAAAA,yCAAAA,EAAyB,UAAU;YACjCd;YACA,mBAAmB,CAAC,EAAEG,SAAS,SAAS,CAAC;YACzC,oBAAoB,CAAC,EAAEA,SAAS,OAAO,CAAC;YACxC,GAAGJ,KAAK;QACV,IACA;YAAEgB,aAAa;QAAS;QAE1BR,MAAMK,qBAAAA,CAAKC,MAAM,CAACd,MAAMQ,IAAI,EAAE;YAAEQ,aAAa;QAAO;QACpDP,UAAUI,qBAAAA,CAAKC,MAAM,CAACd,MAAMS,QAAQ,EAAE;YAAEQ,cAAc;gBAAEC,IAAI,CAAC,EAAEd,SAAS,SAAS,CAAC;YAAC;YAAGY,aAAa;QAAO;QAC1GN,QAAQG,qBAAAA,CAAKM,QAAQ,CAACnB,MAAMU,MAAM,EAAE;YAAEO,cAAc;gBAAEC,IAAI,CAAC,EAAEd,SAAS,OAAO,CAAC;YAAC;YAAGY,aAAa;QAAO;QACtGL,OAAOE,qBAAAA,CAAKM,QAAQ,CAACnB,MAAMW,KAAK,EAAE;YAAEM,cAAc;gBAAEG,YAAY;YAAO;YAAGJ,aAAaJ,sBAAAA;QAAM;QAC7FV;IACF;AACF"}

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

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

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

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

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

@@ -20,4 +20,4 @@ const PromptStarter = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     (0, _reactprovider.useCustomStyleHook)('usePromptStarterStyles')(state);
     return (0, _renderPromptStarter.renderPromptStarter_unstable)(state);
 });
-PromptStarter.displayName = 'PromptStarter'; //# sourceMappingURL=PromptStarter.js.map
+PromptStarter.displayName = 'PromptStarter';

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

@@ -1 +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"}
+{"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","ref","state","usePromptStarter_unstable","usePromptStarterStyles_unstable","useCustomStyleHook","renderPromptStarter_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;kCACmB;qCACG;8CACG;+BACb;AAI5B,MAAMA,gBAAAA,WAAAA,GAAyDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQC,IAAAA,2CAAAA,EAA0BH,OAAOC;IAE/CG,IAAAA,6DAAAA,EAAgCF;IAChCG,IAAAA,iCAAAA,EAAmB,0BAA0BH;IAE7C,OAAOI,IAAAA,iDAAAA,EAA6BJ;AACtC;AAEAL,cAAcU,WAAW,GAAG"}

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

@@ -4,4 +4,3 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
- //# sourceMappingURL=PromptStarter.types.js.map

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

@@ -1 +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"}
+{"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?: 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

@@ -29,4 +29,3 @@ 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/promptStarterMotion.js

@@ -70,4 +70,4 @@ const PromptStarterMotion = (0, _reactcomponents.createPresenceComponent)(({ ind
             duration: opacityExitDuration
         }
     };
-}); //# sourceMappingURL=promptStarterMotion.js.map
+});

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

@@ -1 +1 @@
-{"version":3,"sources":["promptStarterMotion.ts"],"sourcesContent":["import { createPresenceComponent } from '@fluentui/react-components';\n\nexport type PromptStarterMotionParams = { index: number; numberOfColumns: number };\n\nexport const PromptStarterMotion: ReturnType<typeof createPresenceComponent<PromptStarterMotionParams>> =\n  createPresenceComponent<PromptStarterMotionParams>(({ index, numberOfColumns }) => {\n    const isFirstRow = index < numberOfColumns;\n    const delay = isFirstRow ? index * 50 : (index - numberOfColumns) * 50;\n\n    const opacityDuration = 100;\n    const opacityOffset = delay / (delay + opacityDuration);\n    const opacityEasing = 'linear';\n\n    const scaleDuration = 500;\n    const scaleOffset = delay / (delay + scaleDuration);\n    const scaleEasing = `cubic-bezier(0.22, 1.59, 0.46, 1)`;\n\n    const opacityExitDuration = 200;\n\n    return {\n      enter: [\n        {\n          keyframes: [{ opacity: 0 }, { opacity: 0, offset: opacityOffset }, { opacity: 1 }],\n          easing: opacityEasing,\n          duration: opacityDuration + delay,\n        },\n        {\n          keyframes: [\n            { transform: 'scale(0.9)' },\n            { transform: 'scale(0.9)', offset: scaleOffset },\n            { transform: 'scale(1)' },\n          ],\n          easing: scaleEasing,\n          duration: scaleDuration + delay,\n        },\n      ],\n      exit: {\n        keyframes: [{ opacity: 1 }, { opacity: 1 }, { opacity: 0 }],\n        easing: opacityEasing,\n        duration: opacityExitDuration,\n      },\n    };\n  });\n"],"names":["PromptStarterMotion","createPresenceComponent","delay","isFirstRow","opacityOffset","opacityEasing","index","numberOfColumns","opacityDuration","scaleDuration","opacityExitDuration","scaleOffset","enter","duration","keyframes","easing"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAIaA;;;eAAAA;;;iCAJ2B;AAIjC,MAAMA,sBACXC,IAAAA,wCAAAA,EAAmD,CAAC,OAClD,iBACMC;UAGNC,aAAMC,QAAgBF;UACtBA,QAAMG,aAAgBC,QAAA,KAAA,AAAAA,CAAAA,QAAAC,eAAA,IAAA;UAEtBC,kBAAsB;UACtBJ,gBAAoBF,QAASA,CAAAA,QAAQO,eAAY;UACjDJ,gBAAoB;UAEpBI,gBAAMC;UAENC,cAAOT,QAAAA,CAAAA,QAAAO,aAAA;UACLG,cAAO,CAAA,iCAAA,CAAA;gCACL;;;;;;;;;;;;;;;;;4CACoFV;;;2BAElFW;oBAAAA;mCACF;;;mCAEEC;;;;;;;;0CAEqCH;;;;;;;;;6BAGrCI;;;6BAEF;;;oBAEIV;sBACJS;;;mDAA4B"}
+{"version":3,"sources":["promptStarterMotion.ts"],"sourcesContent":["import { createPresenceComponent } from '@fluentui/react-components';\n\nexport type PromptStarterMotionParams = { index: number; numberOfColumns: number };\n\nexport const PromptStarterMotion: ReturnType<typeof createPresenceComponent<PromptStarterMotionParams>> =\n  createPresenceComponent<PromptStarterMotionParams>(({ index, numberOfColumns }) => {\n    const isFirstRow = index < numberOfColumns;\n    const delay = isFirstRow ? index * 50 : (index - numberOfColumns) * 50;\n\n    const opacityDuration = 100;\n    const opacityOffset = delay / (delay + opacityDuration);\n    const opacityEasing = 'linear';\n\n    const scaleDuration = 500;\n    const scaleOffset = delay / (delay + scaleDuration);\n    const scaleEasing = `cubic-bezier(0.22, 1.59, 0.46, 1)`;\n\n    const opacityExitDuration = 200;\n\n    return {\n      enter: [\n        {\n          keyframes: [{ opacity: 0 }, { opacity: 0, offset: opacityOffset }, { opacity: 1 }],\n          easing: opacityEasing,\n          duration: opacityDuration + delay,\n        },\n        {\n          keyframes: [\n            { transform: 'scale(0.9)' },\n            { transform: 'scale(0.9)', offset: scaleOffset },\n            { transform: 'scale(1)' },\n          ],\n          easing: scaleEasing,\n          duration: scaleDuration + delay,\n        },\n      ],\n      exit: {\n        keyframes: [{ opacity: 1 }, { opacity: 1 }, { opacity: 0 }],\n        easing: opacityEasing,\n        duration: opacityExitDuration,\n      },\n    };\n  });\n"],"names":["PromptStarterMotion","createPresenceComponent","index","numberOfColumns","isFirstRow","delay","opacityDuration","opacityOffset","opacityEasing","scaleDuration","scaleOffset","scaleEasing","opacityExitDuration","enter","keyframes","opacity","offset","easing","duration","transform","exit"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAIaA;;;eAAAA;;;iCAJ2B;AAIjC,MAAMA,sBACXC,IAAAA,wCAAAA,EAAmD,CAAC,EAAEC,KAAK,EAAEC,eAAe,EAAE;IAC5E,MAAMC,aAAaF,QAAQC;IAC3B,MAAME,QAAQD,aAAaF,QAAQ,KAAK,AAACA,CAAAA,QAAQC,eAAAA,IAAmB;IAEpE,MAAMG,kBAAkB;IACxB,MAAMC,gBAAgBF,QAASA,CAAAA,QAAQC,eAAAA;IACvC,MAAME,gBAAgB;IAEtB,MAAMC,gBAAgB;IACtB,MAAMC,cAAcL,QAASA,CAAAA,QAAQI,aAAAA;IACrC,MAAME,cAAc,CAAC,iCAAiC,CAAC;IAEvD,MAAMC,sBAAsB;IAE5B,OAAO;QACLC,OAAO;YACL;gBACEC,WAAW;oBAAC;wBAAEC,SAAS;oBAAE;oBAAG;wBAAEA,SAAS;wBAAGC,QAAQT;oBAAc;oBAAG;wBAAEQ,SAAS;oBAAE;iBAAE;gBAClFE,QAAQT;gBACRU,UAAUZ,kBAAkBD;YAC9B;YACA;gBACES,WAAW;oBACT;wBAAEK,WAAW;oBAAa;oBAC1B;wBAAEA,WAAW;wBAAcH,QAAQN;oBAAY;oBAC/C;wBAAES,WAAW;oBAAW;iBACzB;gBACDF,QAAQN;gBACRO,UAAUT,gBAAgBJ;YAC5B;SACD;QACDe,MAAM;YACJN,WAAW;gBAAC;oBAAEC,SAAS;gBAAE;gBAAG;oBAAEA,SAAS;gBAAE;gBAAG;oBAAEA,SAAS;gBAAE;aAAE;YAC3DE,QAAQT;YACRU,UAAUN;QACZ;IACF;AACF"}