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

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.3",
+  "version": "0.10.0",
   "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.0",
     "@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",