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

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

@@ -1 +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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"}
+{"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":["usePromptStarterList_unstable","props","ref","arrowNavigationOptions","expandButtonLabel","collapseButtonLabel","designVersion","useDesignVersion","focusAttrs","useArrowNavigationGroup","axis","memorizeCurrent","isExpanded","setIsExpanded","React","useState","numberOfColumns","setNumberOfColumns","gridWrapperRef","useRef","targetDocument","useFluent","win","defaultView","useEffect","current","promptStarterGrid","updateNumberOfColumns","numColumns","getComputedStyle","gridTemplateColumns","split","length","ro","ResizeObserver","observe","unobserve","state","components","root","gridWrapper","expandButton","Button","slot","always","getIntrinsicElementProps","elementType","defaultProps","role","optional","appearance","size","shape","icon","createElement","ChevronDown12Regular","iconPosition","children","renderByDefault","useMergedRefs","childrenArray","useMemo","Children","toArray","childrenWithMotion","map","child","index","isValidElement","type","Fragment","Error","visibility","PromptStarterMotion","appear","key","visible","onClick","mergeCallbacks"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -13,4 +13,4 @@ function usePromptStarterListContextValues(state) {
     return {
         numberOfColumns
     };
-} //# sourceMappingURL=usePromptStarterListContextValues.js.map
+}

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

@@ -1 +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"}
+{"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;IAC7E,MAAM,EAAEC,eAAe,EAAE,GAAGD;IAE5B,OAAO;QACLC;IACF;AACF"}

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

@@ -0,0 +1,77 @@
+"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 _tokens = require("@fluentui-copilot/tokens");
+const promptStarterListClassNames = {
+    root: 'fai-PromptStarterList',
+    gridWrapper: 'fai-PromptStarterList__gridWrapper',
+    expandButton: 'fai-PromptStarterList__expandButton'
+};
+/**
+ * Styles for the root slot
+ */ const useRootClassName = (0, _reactcomponents.makeResetStyles)({
+    display: 'flex',
+    flexDirection: 'column',
+    maxWidth: '772px',
+    gap: _tokens.tokens.spacingHorizontalXL
+});
+const useStyles = (0, _reactcomponents.makeStyles)({
+    gridWrapper: {
+        display: 'grid',
+        gap: _tokens.tokens.spacingHorizontalL,
+        gridAutoColumns: 'max-content',
+        gridTemplateColumns: `repeat(auto-fit, minmax(214px, 1fr))`,
+        gridAutoFlow: 'unset'
+    },
+    expandButton: {
+        alignSelf: 'end',
+        [`& .${_reactcomponents.buttonClassNames.icon}`]: {
+            fontSize: '12px',
+            height: '12px',
+            width: '12px'
+        },
+        ':hover': {
+            [`& .${_reactcomponents.buttonClassNames.icon}`]: {
+                color: _tokens.tokens.colorNeutralForeground2Hover
+            }
+        },
+        ':hover:active': {
+            [`& .${_reactcomponents.buttonClassNames.icon}`]: {
+                color: _tokens.tokens.colorNeutralForeground2Pressed
+            }
+        }
+    },
+    expandButtonExpanded: {
+        [`& > .${_reactcomponents.buttonClassNames.icon}`]: {
+            transform: 'rotate(180deg)'
+        }
+    }
+});
+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;
+};

package/lib-commonjs/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":["promptStarterListClassNames","usePromptStarterListStyles_unstable","root","gridWrapper","expandButton","useRootClassName","makeResetStyles","display","flexDirection","maxWidth","gap","tokens","spacingHorizontalXL","useStyles","makeStyles","spacingHorizontalL","gridAutoColumns","gridTemplateColumns","gridAutoFlow","alignSelf","buttonClassNames","icon","fontSize","height","width","color","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","expandButtonExpanded","transform","state","isExpanded","rootClassName","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,2BAAAA;eAAAA;;IAuDAC,mCAAAA;eAAAA;;;iCA5D+D;wBAGrD;AAEhB,MAAMD,8BAAsE;IACjFE,MAAM;IACNC,aAAa;IACbC,cAAc;AAChB;AAEA;;CAEC,GACD,MAAMC,mBAAmBC,IAAAA,gCAAAA,EAAgB;IACvCC,SAAS;IACTC,eAAe;IACfC,UAAU;IACVC,KAAKC,cAAAA,CAAOC,mBAAmB;AACjC;AAEA,MAAMC,YAAYC,IAAAA,2BAAAA,EAAW;IAC3BX,aAAa;QACXI,SAAS;QACTG,KAAKC,cAAAA,CAAOI,kBAAkB;QAC9BC,iBAAiB;QAEjBC,qBAAqB,CAAC,oCAAoC,CAAC;QAC3DC,cAAc;IAChB;IAEAd,cAAc;QACZe,WAAW;QACX,CAAC,CAAC,GAAG,EAAEC,iCAAAA,CAAiBC,IAAI,CAAC,CAAC,CAAC,EAAE;YAC/BC,UAAU;YACVC,QAAQ;YACRC,OAAO;QACT;QACA,UAAU;YACR,CAAC,CAAC,GAAG,EAAEJ,iCAAAA,CAAiBC,IAAI,CAAC,CAAC,CAAC,EAAE;gBAC/BI,OAAOd,cAAAA,CAAOe,4BAA4B;YAC5C;QACF;QACA,iBAAiB;YACf,CAAC,CAAC,GAAG,EAAEN,iCAAAA,CAAiBC,IAAI,CAAC,CAAC,CAAC,EAAE;gBAC/BI,OAAOd,cAAAA,CAAOgB,8BAA8B;YAC9C;QACF;IACF;IAEAC,sBAAsB;QACpB,CAAC,CAAC,KAAK,EAAER,iCAAAA,CAAiBC,IAAI,CAAC,CAAC,CAAC,EAAE;YACjCQ,WAAW;QACb;IACF;AACF;AAKO,MAAM5B,sCAAsC,CAAC6B;IAClD;IAEA,MAAM,EAAEC,UAAU,EAAE,GAAGD;IAEvB,MAAME,gBAAgB3B;IACtB,MAAM4B,SAASpB;IACfiB,MAAM5B,IAAI,CAACgC,SAAS,GAAGC,IAAAA,6BAAAA,EAAanC,4BAA4BE,IAAI,EAAE8B,eAAeF,MAAM5B,IAAI,CAACgC,SAAS;IACzGJ,MAAM3B,WAAW,CAAC+B,SAAS,GAAGC,IAAAA,6BAAAA,EAC5BnC,4BAA4BG,WAAW,EACvC8B,OAAO9B,WAAW,EAClB2B,MAAM3B,WAAW,CAAC+B,SAAS;IAE7B,IAAIJ,MAAM1B,YAAY,EAAE;QACtB0B,MAAM1B,YAAY,CAAC8B,SAAS,GAAGC,IAAAA,6BAAAA,EAC7BnC,4BAA4BI,YAAY,EACxC6B,OAAO7B,YAAY,EACnB2B,cAAcE,OAAOL,oBAAoB,EACzCE,MAAM1B,YAAY,CAAC8B,SAAS;IAEhC;IAEA,OAAOJ;AACT"}

package/lib-commonjs/contexts/PromptStarterListContext.js

@@ -25,4 +25,4 @@ const promptStarterListContextDefaultValue = {
     numberOfColumns: 3
 };
 const usePromptStarterListContext = (selector)=>(0, _reactcontextselector.useContextSelector)(PromptStarterListContext, (ctx = promptStarterListContextDefaultValue)=>selector(ctx));
-const PromptStarterListProvider = PromptStarterListContext.Provider; //# sourceMappingURL=PromptStarterListContext.js.map
+const PromptStarterListProvider = PromptStarterListContext.Provider;

package/lib-commonjs/contexts/PromptStarterListContext.js.map

@@ -1 +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"}
+{"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;IAC1EC,iBAAiB;AACnB;AAEO,MAAMJ,8BAA8B,CAAIK,WAC7CC,IAAAA,wCAAAA,EAAmBR,0BAA0B,CAACS,MAAMJ,oCAAoC,GAAKE,SAASE;AACjG,MAAMR,4BAA4BD,yBAAyBU,QAAQ"}

package/lib-commonjs/index.js

@@ -58,4 +58,3 @@ _export(exports, {
 const _PromptStarter = require("./PromptStarter");
 const _PromptStarterV2 = require("./PromptStarterV2");
 const _PromptStarterList = require("./PromptStarterList");
- //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-prompt-starter",
-  "version": "0.10.1",
+  "version": "0.10.3",
   "description": "A Fluent AI package",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,17 +12,17 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui-copilot/react-provider": "^0.12.1",
-    "@fluentui-copilot/tokens": "^0.3.11",
+    "@fluentui-copilot/react-provider": "^0.12.3",
+    "@fluentui-copilot/tokens": "^0.3.12",
     "@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",
+    "@fluentui/react-components": ">=9.66.0 <10.0.0",
+    "@fluentui/react-context-selector": ">=9.2.1 <10.0.0",
+    "@fluentui/react-icons": ">=2.0.303 <3.0.0",
+    "@fluentui/react-jsx-runtime": ">=9.1.1 <10.0.0",
+    "@fluentui/react-shared-contexts": ">=9.24.0 <10.0.0",
+    "@fluentui/react-utilities": ">=9.21.1 <10.0.0",
     "@types/react": ">=16.14.0 <19.0.0",
     "@types/react-dom": ">=16.9.8 <19.0.0",
     "react": ">=16.14.0 <19.0.0",