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

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

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "usePromptStarterList_unstable", {
+    enumerable: true,
+    get: function() {
+        return usePromptStarterList_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactcomponents = require("@fluentui/react-components");
+const _reactprovider = require("@fluentui-copilot/react-provider");
+const _reacticons = require("@fluentui/react-icons");
+const _promptStarterMotion = require("../PromptStarter/promptStarterMotion");
+const usePromptStarterList_unstable = (props, ref)=>{
+    const { arrowNavigationOptions, expandButtonLabel = 'Show more', collapseButtonLabel = 'Show less' } = props;
+    const designVersion = (0, _reactprovider.useDesignVersion)(props.designVersion);
+    var _arrowNavigationOptions_axis, _arrowNavigationOptions_memorizeCurrent;
+    const focusAttrs = (0, _reactcomponents.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 } = (0, _reactcomponents.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: _reactcomponents.Button
+        },
+        root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('div', {
+            ref,
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        gridWrapper: _reactcomponents.slot.always(props.gridWrapper, {
+            defaultProps: {
+                role: 'group',
+                ...focusAttrs
+            },
+            elementType: 'div'
+        }),
+        expandButton: _reactcomponents.slot.optional(props.expandButton, {
+            defaultProps: {
+                appearance: 'subtle',
+                size: 'small',
+                shape: 'rounded',
+                icon: /*#__PURE__*/ _react.createElement(_reacticons.ChevronDown12Regular, null),
+                iconPosition: 'after',
+                'aria-expanded': isExpanded,
+                children: isExpanded ? collapseButtonLabel : expandButtonLabel
+            },
+            renderByDefault: true,
+            elementType: _reactcomponents.Button
+        })
+    };
+    state.gridWrapper.ref = (0, _reactcomponents.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.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 = (0, _reactcomponents.mergeCallbacks)(state.expandButton.onClick, ()=>setIsExpanded(!isExpanded));
+    }
+    return state;
+}; //# sourceMappingURL=usePromptStarterList.js.map

package/lib-commonjs/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\n        // In the collapsed state, if there is one column, we show three children.\n        // If there are two or three columns, we show two or three. All children\n        // are shown in the expanded state.\n        const visibility = (numberOfColumns === 1 && index < 3) || index < numberOfColumns || isExpanded;\n\n        return (\n          <PromptStarterMotion appear key={index} index={index} visible={visibility} numberOfColumns={numberOfColumns}>\n            {child}\n          </PromptStarterMotion>\n        );\n      }),\n    [childrenArray, numberOfColumns, isExpanded],\n  );\n\n  state.root.children = childrenWithMotion;\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":["arrowNavigationOptions","expandButtonLabel","useArrowNavigationGroup","memorizeCurrent","_arrowNavigationOptions_axis","_arrowNavigationOptions_memorizeCurrent","focusAttrs","isExpanded","React","setNumberOfColumns","axis","gridWrapperRef","targetDocument","useFluent","setIsExpanded","useState","numberOfColumns","promptStarterGrid","numColumns","win","defaultView","useEffect","ro","observe","current","getComputedStyle","gridTemplateColumns","split","length","ResizeObserver","updateNumberOfColumns","state","components","root","gridWrapper","slot","ref","props","Button","always","getIntrinsicElementProps","defaultProps","elementType","expandButton","size","icon","iconPosition","renderByDefault","createElement","ChevronDown12Regular","children","collapseButtonLabel","childrenArray","useMemo","childrenWithMotion","Error","map","child","index","isValidElement","type","Fragment","PromptStarterMotion","appear","visibility","mergeCallbacks","onClick"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "usePromptStarterListContextValues", {
+    enumerable: true,
+    get: function() {
+        return usePromptStarterListContextValues;
+    }
+});
+function usePromptStarterListContextValues(state) {
+    const { numberOfColumns } = state;
+    return {
+        numberOfColumns
+    };
+} //# sourceMappingURL=usePromptStarterListContextValues.js.map

package/lib-commonjs/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":";;;;+BAEgBA;;;eAAAA;;;AAAT,SAASA,kCAAkCC,KAA6B;UAC7E,EAEAC,eAAO;WAEP;QACFA"}

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

@@ -0,0 +1,89 @@
+"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, {
+    promptStarterListClassNames: function() {
+        return promptStarterListClassNames;
+    },
+    usePromptStarterListStyles_unstable: function() {
+        return usePromptStarterListStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const promptStarterListClassNames = {
+    root: 'fai-PromptStarterList',
+    gridWrapper: 'fai-PromptStarterList__gridWrapper',
+    expandButton: 'fai-PromptStarterList__expandButton'
+};
+/**
+ * Styles for the root slot
+ */ const useRootClassName = (0, _reactcomponents.__resetStyles)("r1n85ojv", null, [
+    ".r1n85ojv{display:flex;flex-direction:column;max-width:772px;gap:var(--spacingHorizontalXL);}"
+]);
+const useStyles = (0, _reactcomponents.__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);}"
+    ]
+});
+const usePromptStarterListStyles_unstable = (state)=>{
+    'use no memo';
+    const { isExpanded } = state;
+    const rootClassName = useRootClassName();
+    const styles = useStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(promptStarterListClassNames.root, rootClassName, state.root.className);
+    state.gridWrapper.className = (0, _reactcomponents.mergeClasses)(promptStarterListClassNames.gridWrapper, styles.gridWrapper, state.gridWrapper.className);
+    if (state.expandButton) {
+        state.expandButton.className = (0, _reactcomponents.mergeClasses)(promptStarterListClassNames.expandButton, styles.expandButton, isExpanded && styles.expandButtonExpanded, state.expandButton.className);
+    }
+    return state;
+}; //# sourceMappingURL=usePromptStarterListStyles.styles.js.map

package/lib-commonjs/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":["promptStarterListClassNames","expandButtonExpanded","root","gridWrapper","expandButton","display","__resetStyles","flexDirection","gap","tokens","i8kkvl","Belr9w4","useStyles","gridAutoColumns","gridAutoFlow","qb2dma","alignSelf","fontSize","height","state","isExpanded","rootClassName","useRootClassName","className","usePromptStarterListStyles_unstable","mergeClasses","styles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,2BAAAA;eAAAA;;IA6CXC,mCAAsB;eAAtBA;;;iCAlDkE;AAK7D,MAAMD,8BAAsE;UACjFE;iBACAC;kBACAC;AACF;AAEA;;CAEC,SAECC,mBAASC,IAAAA,8BAAA,EAAA,YAAA,MAAA;IAAA;CAAA;MACTC,YAAAA,IAAAA,yBAAe,EAAA;iBACL;QACVC,QAAKC;QACPC,QAAA;QAEAC,SAAMC;QACJT,QAAAA;gBACEE;iBACKI;iBACLI;;kBAGAC;QACFC,QAAA;QAEAX,QAAAA;gBACEY;iBACK;iBACHC;gBACAC;;0BAEF;iBACA;YAAA;YAAU;SAAA;;;;;QAGR;YAAA;YAAA;oBACF;;;;QACiB;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;;;QACkB;KAAA;;AAMrCjB,MAAAA,sCAAsBkB,CAAAA;;UAGpB,EACFC,UAAA,EACF,GAAAD;IAEA,MAAAE,gBAAAC;;IAECH,MACDjB,IAAO,CAAAqB,SAAMC,GAAAA,IAAAA,6BAAAA,EAAAA,4BAAuCL,IAAAA,EAAAA,eAAAA,MAAAA,IAAAA,CAAAA,SAAAA;UAClDhB,WAAA,CAAAoB,SAAA,GAAAE,IAAAA,6BAAA,EAAAzB,4BAAAG,WAAA,EAAAuB,OAAAvB,WAAA,EAAAgB,MAAAhB,WAAA,CAAAoB,SAAA;QAEAJ,MAAQC,YAAY,EAAA;QAEpBD,MAAME,YAAAA,CAAAA,SAAgBC,GAAAA,IAAAA,6BAAAA,EAAAA,4BAAAA,YAAAA,EAAAA,OAAAA,YAAAA,EAAAA,cAAAA,OAAAA,oBAAAA,EAAAA,MAAAA,YAAAA,CAAAA,SAAAA;;WAEtBH;gEAMwB"}

package/lib-commonjs/contexts/PromptStarterListContext.js

@@ -0,0 +1,28 @@
+"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, {
+    PromptStarterListContext: function() {
+        return PromptStarterListContext;
+    },
+    PromptStarterListProvider: function() {
+        return PromptStarterListProvider;
+    },
+    usePromptStarterListContext: function() {
+        return usePromptStarterListContext;
+    }
+});
+const _reactcontextselector = require("@fluentui/react-context-selector");
+const PromptStarterListContext = (0, _reactcontextselector.createContext)(undefined);
+const promptStarterListContextDefaultValue = {
+    numberOfColumns: 3
+};
+const usePromptStarterListContext = (selector)=>(0, _reactcontextselector.useContextSelector)(PromptStarterListContext, (ctx = promptStarterListContextDefaultValue)=>selector(ctx));
+const PromptStarterListProvider = PromptStarterListContext.Provider; //# sourceMappingURL=PromptStarterListContext.js.map

package/lib-commonjs/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":["PromptStarterListContext","PromptStarterListProvider","usePromptStarterListContext","createContext","undefined","promptStarterListContextDefaultValue","numberOfColumns","selector","useContextSelector","ctx","Provider"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,wBAAAA;eAAAA;;IAQAC,yBAAAA;eAAAA;;IAFAC,2BAAAA;eAAAA;;;sCAVqC;AAI3C,MAAMF,2BAA2BG,IAAAA,mCAAAA,EAAyDC;AAEjG,MAAMC,uCAAsE;qBAC1EC;AACF;AAEO,MAAMJ,8BAA8BK,CAAAA,WACzCC,IAAAA,wCAAAA,EAAmBR,0BAA0B,CAACS,MAAMJ,oCAAoC,GAAKE,SAASE;AACjG,MAAMR,4BAA4BD,yBAAyBU,QAAQ"}

package/lib-commonjs/index.js

@@ -12,18 +12,50 @@ _export(exports, {
     PromptStarter: function() {
         return _PromptStarter.PromptStarter;
     },
+    PromptStarterList: function() {
+        return _PromptStarterList.PromptStarterList;
+    },
+    PromptStarterV2: function() {
+        return _PromptStarterV2.PromptStarter;
+    },
     promptStarterClassNames: function() {
         return _PromptStarter.promptStarterClassNames;
     },
+    promptStarterListClassNames: function() {
+        return _PromptStarterList.promptStarterListClassNames;
+    },
+    promptStarterV2ClassNames: function() {
+        return _PromptStarterV2.promptStarterClassNames;
+    },
+    renderPromptStarterList_unstable: function() {
+        return _PromptStarterList.renderPromptStarterList_unstable;
+    },
+    renderPromptStarterV2_unstable: function() {
+        return _PromptStarterV2.renderPromptStarter_unstable;
+    },
     renderPromptStarter_unstable: function() {
         return _PromptStarter.renderPromptStarter_unstable;
     },
+    usePromptStarterListStyles_unstable: function() {
+        return _PromptStarterList.usePromptStarterListStyles_unstable;
+    },
+    usePromptStarterList_unstable: function() {
+        return _PromptStarterList.usePromptStarterList_unstable;
+    },
     usePromptStarterStyles_unstable: function() {
         return _PromptStarter.usePromptStarterStyles_unstable;
     },
+    usePromptStarterV2Styles_unstable: function() {
+        return _PromptStarterV2.usePromptStarterStyles_unstable;
+    },
+    usePromptStarterV2_unstable: function() {
+        return _PromptStarterV2.usePromptStarter_unstable;
+    },
     usePromptStarter_unstable: function() {
         return _PromptStarter.usePromptStarter_unstable;
     }
 });
 const _PromptStarter = require("./PromptStarter");
+const _PromptStarterV2 = require("./PromptStarterV2");
+const _PromptStarterList = require("./PromptStarterList");
  //# sourceMappingURL=index.js.map

package/lib-commonjs/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":";;;;;;;;;;;IAEEA,aAAa;eAAbA,4BAAa;;IACbC,uBAAuB;eAAvBA,sCAAuB;;IACvBC,4BAA4B;eAA5BA,2CAA4B;;IAC5BC,+BAA+B;eAA/BA,8CAA+B;;IAC/BC,yBAAyB;eAAzBA,wCAAyB;;;+BACpB"}
+{"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","PromptStarterList","PromptStarterV2","promptStarterClassNames","promptStarterListClassNames","promptStarterV2ClassNames","renderPromptStarterList_unstable","renderPromptStarterV2_unstable","renderPromptStarter_unstable","usePromptStarterListStyles_unstable","usePromptStarterList_unstable","usePromptStarterStyles_unstable","usePromptStarterV2Styles_unstable","usePromptStarterV2_unstable","usePromptStarter_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEEA,aAAa;eAAbA,4BAAa;;IAqBbC,iBAAiB;eAAjBA,oCAAiB;;IARAC,eAAe;eAAhCF,8BAAAA;;IAZAG,uBAAuB;eAAvBA,sCAAuB;;IAuBvBC,2BAA2B;eAA3BA,8CAA2B;;IAVAC,yBAAyB;eAApDF,wCAAAA;;IAQAG,gCAAgC;eAAhCA,mDAAgC;;IAPAC,8BAA8B;eAA9DC,6CAAAA;;IAbAA,4BAA4B;eAA5BA,2CAA4B;;IAuB5BC,mCAAmC;eAAnCA,sDAAmC;;IAFnCC,6BAA6B;eAA7BA,gDAA6B;;IApB7BC,+BAA+B;eAA/BA,8CAA+B;;IAaIC,iCAAiC;eAApED,gDAAAA;;IAC6BE,2BAA2B;eAAxDC,0CAAAA;;IAbAA,yBAAyB;eAAzBA,wCAAyB;;;+BACpB;iCAaA;mCAQA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-prompt-starter",
-  "version": "0.9.4",
+  "version": "0.10.1",
   "description": "A Fluent AI package",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,13 +12,14 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui-copilot/react-provider": "^0.11.3",
+    "@fluentui-copilot/react-provider": "^0.12.1",
     "@fluentui-copilot/tokens": "^0.3.11",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
     "@fluentui/react-components": ">=9.63.0 <10.0.0",
     "@fluentui/react-context-selector": ">=9.1.76 <10.0.0",
+    "@fluentui/react-icons": ">=2.0.260 <3.0.0",
     "@fluentui/react-jsx-runtime": ">=9.0.54 <10.0.0",
     "@fluentui/react-shared-contexts": ">=9.23.1 <10.0.0",
     "@fluentui/react-utilities": ">=9.19.0 <10.0.0",