@fluentui-copilot/react-prompt-starter 0.9.1 → 0.9.2-hotfix.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/CHANGELOG.json +38 -0
  2. package/CHANGELOG.md +19 -1
  3. package/lib/PromptStarter.js +0 -1
  4. package/lib/components/PromptStarter/PromptStarter.js +5 -6
  5. package/lib/components/PromptStarter/PromptStarter.types.js +1 -2
  6. package/lib/components/PromptStarter/index.js +0 -1
  7. package/lib/components/PromptStarter/renderPromptStarter.js +16 -9
  8. package/lib/components/PromptStarter/usePromptStarter.js +33 -35
  9. package/lib/components/PromptStarter/usePromptStarterStyles.styles.raw.js +94 -0
  10. package/lib/components/PromptStarter/usePromptStarterStyles.styles.raw.js.map +1 -0
  11. package/lib/index.js +0 -1
  12. package/lib-commonjs/PromptStarter.js +0 -1
  13. package/lib-commonjs/components/PromptStarter/PromptStarter.js +1 -1
  14. package/lib-commonjs/components/PromptStarter/PromptStarter.js.map +1 -1
  15. package/lib-commonjs/components/PromptStarter/PromptStarter.types.js +0 -1
  16. package/lib-commonjs/components/PromptStarter/index.js +0 -1
  17. package/lib-commonjs/components/PromptStarter/renderPromptStarter.js +1 -1
  18. package/lib-commonjs/components/PromptStarter/renderPromptStarter.js.map +1 -1
  19. package/lib-commonjs/components/PromptStarter/usePromptStarter.js +1 -1
  20. package/lib-commonjs/components/PromptStarter/usePromptStarter.js.map +1 -1
  21. package/lib-commonjs/components/PromptStarter/usePromptStarterStyles.styles.raw.js +112 -0
  22. package/lib-commonjs/components/PromptStarter/usePromptStarterStyles.styles.raw.js.map +1 -0
  23. package/lib-commonjs/index.js +0 -1
  24. package/package.json +9 -13
package/CHANGELOG.json CHANGED
@@ -1,6 +1,44 @@
1
1
  {
2
2
  "name": "@fluentui-copilot/react-prompt-starter",
3
3
  "entries": [
4
+ {
5
+ "date": "Wed, 06 Aug 2025 16:01:29 GMT",
6
+ "tag": "@fluentui-copilot/react-prompt-starter_v0.9.2-hotfix.1",
7
+ "version": "0.9.2-hotfix.1",
8
+ "comments": {
9
+ "prerelease": [
10
+ {
11
+ "author": "hochelmartin@gmail.com",
12
+ "package": "@fluentui-copilot/react-prompt-starter",
13
+ "commit": "cb43a5bd5258c678c965fddff7e7d5a95f9d0396",
14
+ "comment": "release: prepare hotfix 0.25.3-hotfix.1"
15
+ }
16
+ ]
17
+ }
18
+ },
19
+ {
20
+ "date": "Wed, 30 Apr 2025 01:47:49 GMT",
21
+ "tag": "@fluentui-copilot/react-prompt-starter_v0.9.2",
22
+ "version": "0.9.2",
23
+ "comments": {
24
+ "none": [
25
+ {
26
+ "author": "tristan.watanabe@gmail.com",
27
+ "package": "@fluentui-copilot/react-prompt-starter",
28
+ "commit": "1391e0a7243d050db30fcc27547fd3e91df0162c",
29
+ "comment": "chore: update tsconfig to remove allowSyntheticDefaultImports to enforce named imports."
30
+ }
31
+ ],
32
+ "patch": [
33
+ {
34
+ "author": "owcampbe@microsoft.com",
35
+ "package": "@fluentui-copilot/react-prompt-starter",
36
+ "commit": "5a9efb11481fbe2c9bd25c8825ec4a9b991050ab",
37
+ "comment": "chore: Bump @fluentui/react-components to 9.58.3."
38
+ }
39
+ ]
40
+ }
41
+ },
4
42
  {
5
43
  "date": "Thu, 20 Mar 2025 17:00:43 GMT",
6
44
  "tag": "@fluentui-copilot/react-prompt-starter_v0.8.0",
package/CHANGELOG.md CHANGED
@@ -1,9 +1,27 @@
1
1
  # Change Log - @fluentui-copilot/react-prompt-starter
2
2
 
3
- This log was last generated on Thu, 20 Mar 2025 17:00:43 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 06 Aug 2025 16:01:29 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [0.9.2-hotfix.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-starter_v0.9.2-hotfix.1)
8
+
9
+ Wed, 06 Aug 2025 16:01:29 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-prompt-starter_v0.9.2..@fluentui-copilot/react-prompt-starter_v0.9.2-hotfix.1)
11
+
12
+ ### Changes
13
+
14
+ - release: prepare hotfix 0.25.3-hotfix.1 ([PR #3280](https://github.com/microsoft/fluentai/pull/3280) by hochelmartin@gmail.com)
15
+
16
+ ## [0.9.2](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-starter_v0.9.2)
17
+
18
+ Wed, 30 Apr 2025 01:47:49 GMT
19
+ [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-prompt-starter_v0.8.0..@fluentui-copilot/react-prompt-starter_v0.9.2)
20
+
21
+ ### Patches
22
+
23
+ - chore: Bump @fluentui/react-components to 9.58.3. ([PR #2963](https://github.com/microsoft/fluentai/pull/2963) by owcampbe@microsoft.com)
24
+
7
25
  ## [0.8.0](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-starter_v0.8.0)
8
26
 
9
27
  Thu, 20 Mar 2025 17:00:43 GMT
package/lib/PromptStarter.js CHANGED
@@ -1,2 +1 @@
1
1
  export { PromptStarter, promptStarterClassNames, renderPromptStarter_unstable, usePromptStarterStyles_unstable, usePromptStarter_unstable } from './components/PromptStarter/index';
2
- //# sourceMappingURL=PromptStarter.js.map
package/lib/components/PromptStarter/PromptStarter.js CHANGED
@@ -3,11 +3,10 @@ import { usePromptStarter_unstable } from './usePromptStarter';
3
3
  import { renderPromptStarter_unstable } from './renderPromptStarter';
4
4
  import { usePromptStarterStyles_unstable } from './usePromptStarterStyles.styles';
5
5
  import { useCustomStyleHook } from '@fluentui-copilot/react-provider';
6
- export const PromptStarter = /*#__PURE__*/React.forwardRef((props, ref) => {
7
- const state = usePromptStarter_unstable(props, ref);
8
- usePromptStarterStyles_unstable(state);
9
- useCustomStyleHook('usePromptStarterStyles')(state);
10
- return renderPromptStarter_unstable(state);
6
+ export const PromptStarter = /*#__PURE__*/ React.forwardRef((props, ref)=>{
7
+ const state = usePromptStarter_unstable(props, ref);
8
+ usePromptStarterStyles_unstable(state);
9
+ useCustomStyleHook('usePromptStarterStyles')(state);
10
+ return renderPromptStarter_unstable(state);
11
11
  });
12
12
  PromptStarter.displayName = 'PromptStarter';
13
- //# sourceMappingURL=PromptStarter.js.map
package/lib/components/PromptStarter/PromptStarter.types.js CHANGED
@@ -1,4 +1,3 @@
1
1
  /**
2
2
  * State used in rendering PromptStarter
3
- */export {};
4
- //# sourceMappingURL=PromptStarter.types.js.map
3
+ */ export { };
package/lib/components/PromptStarter/index.js CHANGED
@@ -2,4 +2,3 @@ export { PromptStarter } from './PromptStarter';
2
2
  export { renderPromptStarter_unstable } from './renderPromptStarter';
3
3
  export { usePromptStarter_unstable } from './usePromptStarter';
4
4
  export { promptStarterClassNames, usePromptStarterStyles_unstable } from './usePromptStarterStyles.styles';
5
- //# sourceMappingURL=index.js.map
package/lib/components/PromptStarter/renderPromptStarter.js CHANGED
@@ -1,11 +1,18 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
1
+ import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
2
2
  import { assertSlots } from '@fluentui/react-components';
3
- export const renderPromptStarter_unstable = state => {
4
- assertSlots(state);
5
- return /*#__PURE__*/_jsxs(state.root, {
6
- children: [/*#__PURE__*/_jsx(state.icon, {}), /*#__PURE__*/_jsxs(state.category, {
7
- children: [state.category.children, " ", state.badge && /*#__PURE__*/_jsx(state.badge, {})]
8
- }), state.prompt && /*#__PURE__*/_jsx(state.prompt, {})]
9
- });
3
+ export const renderPromptStarter_unstable = (state)=>{
4
+ assertSlots(state);
5
+ return /*#__PURE__*/ _jsxs(state.root, {
6
+ children: [
7
+ /*#__PURE__*/ _jsx(state.icon, {}),
8
+ /*#__PURE__*/ _jsxs(state.category, {
9
+ children: [
10
+ state.category.children,
11
+ " ",
12
+ state.badge && /*#__PURE__*/ _jsx(state.badge, {})
13
+ ]
14
+ }),
15
+ state.prompt && /*#__PURE__*/ _jsx(state.prompt, {})
16
+ ]
17
+ });
10
18
  };
11
- //# sourceMappingURL=renderPromptStarter.js.map
package/lib/components/PromptStarter/usePromptStarter.js CHANGED
@@ -8,39 +8,37 @@ import { Badge, getIntrinsicElementProps, slot } from '@fluentui/react-component
8
8
  *
9
9
  * @param props - props from this instance of PromptStarter
10
10
  * @param ref - reference to root HTMLElement of PromptStarter
11
- */
12
- export const usePromptStarter_unstable = (props, ref) => {
13
- const designVersion = useDesignVersion(props.designVersion);
14
- return {
15
- components: {
16
- root: 'button',
17
- icon: 'span',
18
- category: 'span',
19
- prompt: 'span',
20
- badge: Badge
21
- },
22
- root: slot.always(getIntrinsicElementProps('button', {
23
- ref,
24
- ...props
25
- }), {
26
- elementType: 'button'
27
- }),
28
- icon: slot.always(props.icon, {
29
- elementType: 'span'
30
- }),
31
- category: slot.always(props.category, {
32
- elementType: 'span'
33
- }),
34
- prompt: slot.optional(props.prompt, {
35
- elementType: 'span'
36
- }),
37
- badge: slot.optional(props.badge, {
38
- defaultProps: {
39
- appearance: 'tint'
40
- },
41
- elementType: Badge
42
- }),
43
- designVersion
44
- };
11
+ */ export const usePromptStarter_unstable = (props, ref)=>{
12
+ const designVersion = useDesignVersion(props.designVersion);
13
+ return {
14
+ components: {
15
+ root: 'button',
16
+ icon: 'span',
17
+ category: 'span',
18
+ prompt: 'span',
19
+ badge: Badge
20
+ },
21
+ root: slot.always(getIntrinsicElementProps('button', {
22
+ ref,
23
+ ...props
24
+ }), {
25
+ elementType: 'button'
26
+ }),
27
+ icon: slot.always(props.icon, {
28
+ elementType: 'span'
29
+ }),
30
+ category: slot.always(props.category, {
31
+ elementType: 'span'
32
+ }),
33
+ prompt: slot.optional(props.prompt, {
34
+ elementType: 'span'
35
+ }),
36
+ badge: slot.optional(props.badge, {
37
+ defaultProps: {
38
+ appearance: 'tint'
39
+ },
40
+ elementType: Badge
41
+ }),
42
+ designVersion
43
+ };
45
44
  };
46
- //# sourceMappingURL=usePromptStarter.js.map
package/lib/components/PromptStarter/usePromptStarterStyles.styles.raw.js ADDED
@@ -0,0 +1,94 @@
1
+ import { makeStyles, makeResetStyles, mergeClasses, shorthands, typographyStyles, createFocusOutlineStyle } from '@fluentui/react-components';
2
+ import { tokens } from '@fluentui-copilot/tokens';
3
+ export const promptStarterClassNames = {
4
+ root: 'fai-PromptStarter',
5
+ category: 'fai-PromptStarter__category',
6
+ icon: 'fai-PromptStarter__icon',
7
+ prompt: 'fai-PromptStarter__prompt',
8
+ badge: 'fai-PromptStarter__badge'
9
+ };
10
+ const useRootResetStyles = makeResetStyles({
11
+ position: 'relative',
12
+ display: 'grid',
13
+ gridTemplateColumns: 'auto 1fr',
14
+ gridTemplateRows: 'auto auto',
15
+ gridTemplateAreas: `
16
+ "icon category"
17
+ ". prompt"
18
+ `,
19
+ backgroundColor: tokens.colorNeutralBackground1,
20
+ color: tokens.colorNeutralForeground1,
21
+ fontFamily: tokens.fontFamilyBase,
22
+ cursor: 'pointer',
23
+ outlineStyle: 'none',
24
+ textAlign: 'left',
25
+ gap: '0px 8px',
26
+ padding: '6px 8px 8px 8px',
27
+ ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1),
28
+ borderRadius: tokens.borderRadiusMedium,
29
+ '&:hover': {
30
+ backgroundColor: tokens.colorNeutralBackground1Hover,
31
+ ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Hover)
32
+ },
33
+ '&:active': {
34
+ backgroundColor: tokens.colorNeutralBackground1Pressed,
35
+ ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Pressed)
36
+ },
37
+ ...createFocusOutlineStyle()
38
+ });
39
+ const useStyles = makeStyles({
40
+ disabled: {
41
+ cursor: 'not-allowed',
42
+ backgroundColor: tokens.colorNeutralBackgroundDisabled,
43
+ ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),
44
+ '&:hover': {
45
+ backgroundColor: tokens.colorNeutralBackgroundDisabled,
46
+ ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled)
47
+ },
48
+ '&:active': {
49
+ backgroundColor: tokens.colorNeutralBackgroundDisabled,
50
+ ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled)
51
+ }
52
+ },
53
+ icon: {
54
+ gridArea: 'icon',
55
+ display: 'flex',
56
+ alignSelf: 'center'
57
+ },
58
+ category: {
59
+ ...typographyStyles.body1Strong,
60
+ gridArea: 'category'
61
+ },
62
+ prompt: {
63
+ ...typographyStyles.body1,
64
+ gridArea: 'prompt'
65
+ },
66
+ disabledText: {
67
+ color: tokens.colorNeutralForegroundDisabled
68
+ },
69
+ disabledBadge: {
70
+ opacity: '40%'
71
+ }
72
+ });
73
+ const useNextStyles = makeStyles({
74
+ root: {
75
+ borderRadius: tokens.borderRadiusXLarge
76
+ }
77
+ });
78
+ export const usePromptStarterStyles_unstable = (state)=>{
79
+ 'use no memo';
80
+ const { designVersion } = state;
81
+ const styles = useStyles();
82
+ const nextStyles = useNextStyles();
83
+ const rootResetStyles = useRootResetStyles();
84
+ state.root.className = mergeClasses(promptStarterClassNames.root, rootResetStyles, designVersion === 'next' && nextStyles.root, state.root.disabled && styles.disabled, state.root.className);
85
+ state.icon.className = mergeClasses(promptStarterClassNames.icon, styles.icon, state.root.disabled && styles.disabledText, state.icon.className);
86
+ state.category.className = mergeClasses(promptStarterClassNames.category, styles.category, state.category.className, state.root.disabled && styles.disabledText);
87
+ if (state.prompt) {
88
+ state.prompt.className = mergeClasses(promptStarterClassNames.prompt, styles.prompt, state.root.disabled && styles.disabledText, state.prompt.className);
89
+ }
90
+ if (state.badge) {
91
+ state.badge.className = mergeClasses(promptStarterClassNames.badge, state.root.disabled && styles.disabledBadge, state.badge.className);
92
+ }
93
+ return state;
94
+ };
package/lib/components/PromptStarter/usePromptStarterStyles.styles.raw.js.map ADDED
@@ -0,0 +1 @@
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":["makeStyles","makeResetStyles","mergeClasses","shorthands","typographyStyles","createFocusOutlineStyle","tokens","promptStarterClassNames","root","category","icon","prompt","badge","useRootResetStyles","position","display","gridTemplateColumns","gridTemplateRows","gridTemplateAreas","backgroundColor","colorNeutralBackground1","color","colorNeutralForeground1","fontFamily","fontFamilyBase","cursor","outlineStyle","textAlign","gap","padding","border","strokeWidthThin","colorNeutralStroke1","borderRadius","borderRadiusMedium","colorNeutralBackground1Hover","colorNeutralStroke1Hover","colorNeutralBackground1Pressed","colorNeutralStroke1Pressed","useStyles","disabled","colorNeutralBackgroundDisabled","colorNeutralStrokeDisabled","gridArea","alignSelf","body1Strong","body1","disabledText","colorNeutralForegroundDisabled","disabledBadge","opacity","useNextStyles","borderRadiusXLarge","usePromptStarterStyles_unstable","state","designVersion","styles","nextStyles","rootResetStyles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
package/lib/index.js CHANGED
@@ -1,2 +1 @@
1
1
  export { PromptStarter, promptStarterClassNames, renderPromptStarter_unstable, usePromptStarterStyles_unstable, usePromptStarter_unstable } from './PromptStarter';
2
- //# sourceMappingURL=index.js.map
package/lib-commonjs/PromptStarter.js CHANGED
@@ -26,4 +26,3 @@ _export(exports, {
26
26
  }
27
27
  });
28
28
  const _index = require("./components/PromptStarter/index");
29
- //# sourceMappingURL=PromptStarter.js.map
package/lib-commonjs/components/PromptStarter/PromptStarter.js CHANGED
@@ -20,4 +20,4 @@ const PromptStarter = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
20
20
  (0, _reactprovider.useCustomStyleHook)('usePromptStarterStyles')(state);
21
21
  return (0, _renderPromptStarter.renderPromptStarter_unstable)(state);
22
22
  });
23
- PromptStarter.displayName = 'PromptStarter'; //# sourceMappingURL=PromptStarter.js.map
23
+ PromptStarter.displayName = 'PromptStarter';
package/lib-commonjs/components/PromptStarter/PromptStarter.js.map CHANGED
@@ -1 +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"}
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","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 CHANGED
@@ -4,4 +4,3 @@
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- //# sourceMappingURL=PromptStarter.types.js.map
package/lib-commonjs/components/PromptStarter/index.js CHANGED
@@ -29,4 +29,3 @@ const _PromptStarter = require("./PromptStarter");
29
29
  const _renderPromptStarter = require("./renderPromptStarter");
30
30
  const _usePromptStarter = require("./usePromptStarter");
31
31
  const _usePromptStarterStylesstyles = require("./usePromptStarterStyles.styles");
32
- //# sourceMappingURL=index.js.map
package/lib-commonjs/components/PromptStarter/renderPromptStarter.js CHANGED
@@ -25,4 +25,4 @@ const renderPromptStarter_unstable = (state)=>{
25
25
  state.prompt && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.prompt, {})
26
26
  ]
27
27
  });
28
- }; //# sourceMappingURL=renderPromptStarter.js.map
28
+ };
package/lib-commonjs/components/PromptStarter/renderPromptStarter.js.map CHANGED
@@ -1 +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"}
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","_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 CHANGED
@@ -43,4 +43,4 @@ const usePromptStarter_unstable = (props, ref)=>{
43
43
  }),
44
44
  designVersion
45
45
  };
46
- }; //# sourceMappingURL=usePromptStarter.js.map
46
+ };
package/lib-commonjs/components/PromptStarter/usePromptStarter.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["usePromptStarter.ts"],"sourcesContent":["import { useDesignVersion } from '@fluentui-copilot/react-provider';\nimport { Badge, getIntrinsicElementProps, slot } 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 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 ...props,\n }),\n { elementType: 'button' },\n ),\n icon: slot.always(props.icon, { elementType: 'span' }),\n category: slot.always(props.category, { elementType: 'span' }),\n prompt: slot.optional(props.prompt, { elementType: 'span' }),\n badge: slot.optional(props.badge, { defaultProps: { appearance: 'tint' }, elementType: Badge }),\n designVersion,\n };\n};\n"],"names":["designVersion","useDesignVersion","props","components","root","icon","category","prompt","badge","Badge","ref","elementType","defaultProps","appearance"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAiBQA;;;eAAAA;;;+BAjByB;iCACqB;AAgBpD,MAAMA,4BAAgBC,CAAAA,OAAuBD;UAC7CA,gBAAOC,IAAAA,+BAAA,EAAAC,MAAAF,aAAA;WACLG;oBACEC;kBACAC;kBACAC;sBACAC;oBACAC;mBACFC,sBAAA;;mCAGIC,CAAAA,MAAAA,CAAAA,IAAAA,yCAAAA,EAAAA,UAAAA;;eAEFR,KACA;;yBAAwB;;mCAEMS,CAAAA,MAAAA,CAAAA,MAAaN,IAAA,EAAA;yBAAO;;kBACZM,qBAAAA,CAAAA,MAAa,CAAAT,MAAAI,QAAA,EAAA;yBAAO;;gBACtBK,qBAAAA,CAAAA,QAAa,CAAAT,MAAAK,MAAA,EAAA;yBAAO;;oCACtBK,CAAAA,QAAAA,CAAAA,MAAcJ,KAAA,EAAA;0BAAEK;4BAAmB;;yBAAsBJ,sBAAA;;QAE/FT;IACA"}
1
+ {"version":3,"sources":["usePromptStarter.ts"],"sourcesContent":["import { useDesignVersion } from '@fluentui-copilot/react-provider';\nimport { Badge, getIntrinsicElementProps, slot } 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 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 ...props,\n }),\n { elementType: 'button' },\n ),\n icon: slot.always(props.icon, { elementType: 'span' }),\n category: slot.always(props.category, { elementType: 'span' }),\n prompt: slot.optional(props.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","components","root","icon","category","prompt","badge","Badge","slot","always","getIntrinsicElementProps","elementType","optional","defaultProps","appearance"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;+BAboB;iCACqB;AAY/C,MAAMA,4BAA4B,CACvCC,OACAC;IAEA,MAAMC,gBAAgBC,IAAAA,+BAAAA,EAAiBH,MAAME,aAAa;IAC1D,OAAO;QACLE,YAAY;YACVC,MAAM;YACNC,MAAM;YACNC,UAAU;YACVC,QAAQ;YACRC,OAAOC,sBAAAA;QACT;QACAL,MAAMM,qBAAAA,CAAKC,MAAM,CACfC,IAAAA,yCAAAA,EAAyB,UAAU;YACjCZ;YACA,GAAGD,KAAK;QACV,IACA;YAAEc,aAAa;QAAS;QAE1BR,MAAMK,qBAAAA,CAAKC,MAAM,CAACZ,MAAMM,IAAI,EAAE;YAAEQ,aAAa;QAAO;QACpDP,UAAUI,qBAAAA,CAAKC,MAAM,CAACZ,MAAMO,QAAQ,EAAE;YAAEO,aAAa;QAAO;QAC5DN,QAAQG,qBAAAA,CAAKI,QAAQ,CAACf,MAAMQ,MAAM,EAAE;YAAEM,aAAa;QAAO;QAC1DL,OAAOE,qBAAAA,CAAKI,QAAQ,CAACf,MAAMS,KAAK,EAAE;YAAEO,cAAc;gBAAEC,YAAY;YAAO;YAAGH,aAAaJ,sBAAAA;QAAM;QAC7FR;IACF;AACF"}
package/lib-commonjs/components/PromptStarter/usePromptStarterStyles.styles.raw.js ADDED
@@ -0,0 +1,112 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ promptStarterClassNames: function() {
13
+ return promptStarterClassNames;
14
+ },
15
+ usePromptStarterStyles_unstable: function() {
16
+ return usePromptStarterStyles_unstable;
17
+ }
18
+ });
19
+ const _reactcomponents = require("@fluentui/react-components");
20
+ const _tokens = require("@fluentui-copilot/tokens");
21
+ const promptStarterClassNames = {
22
+ root: 'fai-PromptStarter',
23
+ category: 'fai-PromptStarter__category',
24
+ icon: 'fai-PromptStarter__icon',
25
+ prompt: 'fai-PromptStarter__prompt',
26
+ badge: 'fai-PromptStarter__badge'
27
+ };
28
+ const useRootResetStyles = (0, _reactcomponents.makeResetStyles)({
29
+ position: 'relative',
30
+ display: 'grid',
31
+ gridTemplateColumns: 'auto 1fr',
32
+ gridTemplateRows: 'auto auto',
33
+ gridTemplateAreas: `
34
+ "icon category"
35
+ ". prompt"
36
+ `,
37
+ backgroundColor: _tokens.tokens.colorNeutralBackground1,
38
+ color: _tokens.tokens.colorNeutralForeground1,
39
+ fontFamily: _tokens.tokens.fontFamilyBase,
40
+ cursor: 'pointer',
41
+ outlineStyle: 'none',
42
+ textAlign: 'left',
43
+ gap: '0px 8px',
44
+ padding: '6px 8px 8px 8px',
45
+ ..._reactcomponents.shorthands.border(_tokens.tokens.strokeWidthThin, 'solid', _tokens.tokens.colorNeutralStroke1),
46
+ borderRadius: _tokens.tokens.borderRadiusMedium,
47
+ '&:hover': {
48
+ backgroundColor: _tokens.tokens.colorNeutralBackground1Hover,
49
+ ..._reactcomponents.shorthands.border(_tokens.tokens.strokeWidthThin, 'solid', _tokens.tokens.colorNeutralStroke1Hover)
50
+ },
51
+ '&:active': {
52
+ backgroundColor: _tokens.tokens.colorNeutralBackground1Pressed,
53
+ ..._reactcomponents.shorthands.border(_tokens.tokens.strokeWidthThin, 'solid', _tokens.tokens.colorNeutralStroke1Pressed)
54
+ },
55
+ ...(0, _reactcomponents.createFocusOutlineStyle)()
56
+ });
57
+ const useStyles = (0, _reactcomponents.makeStyles)({
58
+ disabled: {
59
+ cursor: 'not-allowed',
60
+ backgroundColor: _tokens.tokens.colorNeutralBackgroundDisabled,
61
+ ..._reactcomponents.shorthands.border(_tokens.tokens.strokeWidthThin, 'solid', _tokens.tokens.colorNeutralStrokeDisabled),
62
+ '&:hover': {
63
+ backgroundColor: _tokens.tokens.colorNeutralBackgroundDisabled,
64
+ ..._reactcomponents.shorthands.border(_tokens.tokens.strokeWidthThin, 'solid', _tokens.tokens.colorNeutralStrokeDisabled)
65
+ },
66
+ '&:active': {
67
+ backgroundColor: _tokens.tokens.colorNeutralBackgroundDisabled,
68
+ ..._reactcomponents.shorthands.border(_tokens.tokens.strokeWidthThin, 'solid', _tokens.tokens.colorNeutralStrokeDisabled)
69
+ }
70
+ },
71
+ icon: {
72
+ gridArea: 'icon',
73
+ display: 'flex',
74
+ alignSelf: 'center'
75
+ },
76
+ category: {
77
+ ..._reactcomponents.typographyStyles.body1Strong,
78
+ gridArea: 'category'
79
+ },
80
+ prompt: {
81
+ ..._reactcomponents.typographyStyles.body1,
82
+ gridArea: 'prompt'
83
+ },
84
+ disabledText: {
85
+ color: _tokens.tokens.colorNeutralForegroundDisabled
86
+ },
87
+ disabledBadge: {
88
+ opacity: '40%'
89
+ }
90
+ });
91
+ const useNextStyles = (0, _reactcomponents.makeStyles)({
92
+ root: {
93
+ borderRadius: _tokens.tokens.borderRadiusXLarge
94
+ }
95
+ });
96
+ const usePromptStarterStyles_unstable = (state)=>{
97
+ 'use no memo';
98
+ const { designVersion } = state;
99
+ const styles = useStyles();
100
+ const nextStyles = useNextStyles();
101
+ const rootResetStyles = useRootResetStyles();
102
+ state.root.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.root, rootResetStyles, designVersion === 'next' && nextStyles.root, state.root.disabled && styles.disabled, state.root.className);
103
+ state.icon.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.icon, styles.icon, state.root.disabled && styles.disabledText, state.icon.className);
104
+ state.category.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.category, styles.category, state.category.className, state.root.disabled && styles.disabledText);
105
+ if (state.prompt) {
106
+ state.prompt.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.prompt, styles.prompt, state.root.disabled && styles.disabledText, state.prompt.className);
107
+ }
108
+ if (state.badge) {
109
+ state.badge.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.badge, state.root.disabled && styles.disabledBadge, state.badge.className);
110
+ }
111
+ return state;
112
+ };
package/lib-commonjs/components/PromptStarter/usePromptStarterStyles.styles.raw.js.map ADDED
@@ -0,0 +1 @@
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":";;;;;;;;;;;IAYaA,uBAAAA;eAAAA;;IAqEAC,+BAAAA;eAAAA;;;iCA1EN;wBACgB;AAIhB,MAAMD,0BAA8D;IACzEE,MAAM;IACNC,UAAU;IACVC,MAAM;IACNC,QAAQ;IACRC,OAAO;AACT;AAEA,MAAMC,qBAAqBC,IAAAA,gCAAAA,EAAgB;IACzCC,UAAU;IACVC,SAAS;IACTC,qBAAqB;IACrBC,kBAAkB;IAClBC,mBAAmB,CAAC;;;EAGpB,CAAC;IACDC,iBAAiBC,cAAAA,CAAOC,uBAAuB;IAC/CC,OAAOF,cAAAA,CAAOG,uBAAuB;IACrCC,YAAYJ,cAAAA,CAAOK,cAAc;IACjCC,QAAQ;IACRC,cAAc;IACdC,WAAW;IACXC,KAAK;IACLC,SAAS;IACT,GAAGC,2BAAAA,CAAWC,MAAM,CAACZ,cAAAA,CAAOa,eAAe,EAAE,SAASb,cAAAA,CAAOc,mBAAmB,CAAC;IACjFC,cAAcf,cAAAA,CAAOgB,kBAAkB;IACvC,WAAW;QACTjB,iBAAiBC,cAAAA,CAAOiB,4BAA4B;QACpD,GAAGN,2BAAAA,CAAWC,MAAM,CAACZ,cAAAA,CAAOa,eAAe,EAAE,SAASb,cAAAA,CAAOkB,wBAAwB,CAAC;IACxF;IACA,YAAY;QACVnB,iBAAiBC,cAAAA,CAAOmB,8BAA8B;QACtD,GAAGR,2BAAAA,CAAWC,MAAM,CAACZ,cAAAA,CAAOa,eAAe,EAAE,SAASb,cAAAA,CAAOoB,0BAA0B,CAAC;IAC1F;IACA,GAAGC,IAAAA,wCAAAA,GAAyB;AAC9B;AAEA,MAAMC,YAAYC,IAAAA,2BAAAA,EAAW;IAC3BC,UAAU;QACRlB,QAAQ;QACRP,iBAAiBC,cAAAA,CAAOyB,8BAA8B;QACtD,GAAGd,2BAAAA,CAAWC,MAAM,CAACZ,cAAAA,CAAOa,eAAe,EAAE,SAASb,cAAAA,CAAO0B,0BAA0B,CAAC;QACxF,WAAW;YACT3B,iBAAiBC,cAAAA,CAAOyB,8BAA8B;YACtD,GAAGd,2BAAAA,CAAWC,MAAM,CAACZ,cAAAA,CAAOa,eAAe,EAAE,SAASb,cAAAA,CAAO0B,0BAA0B,CAAC;QAC1F;QACA,YAAY;YACV3B,iBAAiBC,cAAAA,CAAOyB,8BAA8B;YACtD,GAAGd,2BAAAA,CAAWC,MAAM,CAACZ,cAAAA,CAAOa,eAAe,EAAE,SAASb,cAAAA,CAAO0B,0BAA0B,CAAC;QAC1F;IACF;IACArC,MAAM;QAAEsC,UAAU;QAAQhC,SAAS;QAAQiC,WAAW;IAAS;IAE/DxC,UAAU;QACR,GAAGyC,iCAAAA,CAAiBC,WAAW;QAC/BH,UAAU;IACZ;IACArC,QAAQ;QAAE,GAAGuC,iCAAAA,CAAiBE,KAAK;QAAEJ,UAAU;IAAS;IACxDK,cAAc;QACZ9B,OAAOF,cAAAA,CAAOiC,8BAA8B;IAC9C;IACAC,eAAe;QACbC,SAAS;IACX;AACF;AAEA,MAAMC,gBAAgBb,IAAAA,2BAAAA,EAAW;IAAEpC,MAAM;QAAE4B,cAAcf,cAAAA,CAAOqC,kBAAkB;IAAC;AAAE;AAE9E,MAAMnD,kCAAkC,CAACoD;IAC9C;IAEA,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAE1B,MAAME,SAASlB;IACf,MAAMmB,aAAaL;IACnB,MAAMM,kBAAkBlD;IACxB8C,MAAMnD,IAAI,CAACwD,SAAS,GAAGC,IAAAA,6BAAAA,EACrB3D,wBAAwBE,IAAI,EAC5BuD,iBACAH,kBAAkB,UAAUE,WAAWtD,IAAI,EAC3CmD,MAAMnD,IAAI,CAACqC,QAAQ,IAAIgB,OAAOhB,QAAQ,EACtCc,MAAMnD,IAAI,CAACwD,SAAS;IAEtBL,MAAMjD,IAAI,CAACsD,SAAS,GAAGC,IAAAA,6BAAAA,EACrB3D,wBAAwBI,IAAI,EAC5BmD,OAAOnD,IAAI,EACXiD,MAAMnD,IAAI,CAACqC,QAAQ,IAAIgB,OAAOR,YAAY,EAC1CM,MAAMjD,IAAI,CAACsD,SAAS;IAEtBL,MAAMlD,QAAQ,CAACuD,SAAS,GAAGC,IAAAA,6BAAAA,EACzB3D,wBAAwBG,QAAQ,EAChCoD,OAAOpD,QAAQ,EACfkD,MAAMlD,QAAQ,CAACuD,SAAS,EACxBL,MAAMnD,IAAI,CAACqC,QAAQ,IAAIgB,OAAOR,YAAY;IAE5C,IAAIM,MAAMhD,MAAM,EAAE;QAChBgD,MAAMhD,MAAM,CAACqD,SAAS,GAAGC,IAAAA,6BAAAA,EACvB3D,wBAAwBK,MAAM,EAC9BkD,OAAOlD,MAAM,EACbgD,MAAMnD,IAAI,CAACqC,QAAQ,IAAIgB,OAAOR,YAAY,EAC1CM,MAAMhD,MAAM,CAACqD,SAAS;IAE1B;IACA,IAAIL,MAAM/C,KAAK,EAAE;QACf+C,MAAM/C,KAAK,CAACoD,SAAS,GAAGC,IAAAA,6BAAAA,EACtB3D,wBAAwBM,KAAK,EAC7B+C,MAAMnD,IAAI,CAACqC,QAAQ,IAAIgB,OAAON,aAAa,EAC3CI,MAAM/C,KAAK,CAACoD,SAAS;IAEzB;IAEA,OAAOL;AACT"}
package/lib-commonjs/index.js CHANGED
@@ -26,4 +26,3 @@ _export(exports, {
26
26
  }
27
27
  });
28
28
  const _PromptStarter = require("./PromptStarter");
29
- //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-copilot/react-prompt-starter",
3
- "version": "0.9.1",
3
+ "version": "0.9.2-hotfix.1",
4
4
  "description": "A Fluent AI package",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -12,26 +12,22 @@
12
12
  },
13
13
  "license": "MIT",
14
14
  "dependencies": {
15
- "@fluentui-copilot/react-provider": "^0.11.1",
16
- "@fluentui-copilot/tokens": "^0.3.9",
15
+ "@fluentui-copilot/react-provider": "0.11.2-hotfix.1",
16
+ "@fluentui-copilot/tokens": "0.3.10-hotfix.1",
17
17
  "@swc/helpers": "^0.5.1"
18
18
  },
19
19
  "peerDependencies": {
20
- "@fluentui/react-components": ">=9.55.1 <10.0.0",
21
- "@fluentui/react-context-selector": ">=9.1.68 <10.0.0",
22
- "@fluentui/react-jsx-runtime": ">=9.0.45 <10.0.0",
23
- "@fluentui/react-shared-contexts": ">=9.20.2 <10.0.0",
24
- "@fluentui/react-utilities": ">=9.18.16 <10.0.0",
20
+ "@fluentui/react-components": ">=9.58.3 <10.0.0",
21
+ "@fluentui/react-context-selector": ">=9.1.76 <10.0.0",
22
+ "@fluentui/react-jsx-runtime": ">=9.0.50 <10.0.0",
23
+ "@fluentui/react-shared-contexts": ">=9.23.1 <10.0.0",
24
+ "@fluentui/react-utilities": ">=9.19.0 <10.0.0",
25
25
  "@types/react": ">=16.14.0 <19.0.0",
26
26
  "@types/react-dom": ">=16.9.8 <19.0.0",
27
27
  "react": ">=16.14.0 <19.0.0",
28
28
  "react-dom": ">=16.14.0 <19.0.0"
29
29
  },
30
- "beachball": {
31
- "disallowedChangeTypes": [
32
- "major"
33
- ]
34
- },
30
+ "beachball": {},
35
31
  "exports": {
36
32
  ".": {
37
33
  "types": "./dist/index.d.ts",