@fluentui-copilot/react-prompt-starter 0.0.0-nightly-20251006-0406-b5da4f6a.1 → 0.0.0-nightly-20251010-0406-7df7c6d1.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 (116) hide show
  1. package/CHANGELOG.json +3 -3
  2. package/CHANGELOG.md +4 -4
  3. package/package.json +7 -7
  4. package/dist/index.d.ts +0 -162
  5. package/lib/PromptStarter.js +0 -1
  6. package/lib/PromptStarter.js.map +0 -1
  7. package/lib/PromptStarterList.js +0 -1
  8. package/lib/PromptStarterList.js.map +0 -1
  9. package/lib/PromptStarterV2.js +0 -1
  10. package/lib/PromptStarterV2.js.map +0 -1
  11. package/lib/components/PromptStarter/PromptStarter.js +0 -12
  12. package/lib/components/PromptStarter/PromptStarter.js.map +0 -1
  13. package/lib/components/PromptStarter/PromptStarter.types.js +0 -3
  14. package/lib/components/PromptStarter/PromptStarter.types.js.map +0 -1
  15. package/lib/components/PromptStarter/index.js +0 -4
  16. package/lib/components/PromptStarter/index.js.map +0 -1
  17. package/lib/components/PromptStarter/renderPromptStarter.js +0 -18
  18. package/lib/components/PromptStarter/renderPromptStarter.js.map +0 -1
  19. package/lib/components/PromptStarter/usePromptStarter.js +0 -53
  20. package/lib/components/PromptStarter/usePromptStarter.js.map +0 -1
  21. package/lib/components/PromptStarter/usePromptStarterStyles.styles.js +0 -138
  22. package/lib/components/PromptStarter/usePromptStarterStyles.styles.js.map +0 -1
  23. package/lib/components/PromptStarter/usePromptStarterStyles.styles.raw.js +0 -94
  24. package/lib/components/PromptStarter/usePromptStarterStyles.styles.raw.js.map +0 -1
  25. package/lib/components/PromptStarterV2/PromptStarter/PromptStarter.js +0 -12
  26. package/lib/components/PromptStarterV2/PromptStarter/PromptStarter.js.map +0 -1
  27. package/lib/components/PromptStarterV2/PromptStarter/PromptStarter.types.js +0 -3
  28. package/lib/components/PromptStarterV2/PromptStarter/PromptStarter.types.js.map +0 -1
  29. package/lib/components/PromptStarterV2/PromptStarter/index.js +0 -4
  30. package/lib/components/PromptStarterV2/PromptStarter/index.js.map +0 -1
  31. package/lib/components/PromptStarterV2/PromptStarter/promptStarterMotion.js +0 -63
  32. package/lib/components/PromptStarterV2/PromptStarter/promptStarterMotion.js.map +0 -1
  33. package/lib/components/PromptStarterV2/PromptStarter/renderPromptStarter.js +0 -17
  34. package/lib/components/PromptStarterV2/PromptStarter/renderPromptStarter.js.map +0 -1
  35. package/lib/components/PromptStarterV2/PromptStarter/usePromptStarter.js +0 -66
  36. package/lib/components/PromptStarterV2/PromptStarter/usePromptStarter.js.map +0 -1
  37. package/lib/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.js +0 -276
  38. package/lib/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.js.map +0 -1
  39. package/lib/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.raw.js +0 -131
  40. package/lib/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.raw.js.map +0 -1
  41. package/lib/components/PromptStarterV2/PromptStarterList/PromptStarterList.js +0 -12
  42. package/lib/components/PromptStarterV2/PromptStarterList/PromptStarterList.js.map +0 -1
  43. package/lib/components/PromptStarterV2/PromptStarterList/PromptStarterList.types.js +0 -1
  44. package/lib/components/PromptStarterV2/PromptStarterList/PromptStarterList.types.js.map +0 -1
  45. package/lib/components/PromptStarterV2/PromptStarterList/index.js +0 -4
  46. package/lib/components/PromptStarterV2/PromptStarterList/index.js.map +0 -1
  47. package/lib/components/PromptStarterV2/PromptStarterList/renderPromptStarterList.js +0 -21
  48. package/lib/components/PromptStarterV2/PromptStarterList/renderPromptStarterList.js.map +0 -1
  49. package/lib/components/PromptStarterV2/PromptStarterList/usePromptStarterList.js +0 -113
  50. package/lib/components/PromptStarterV2/PromptStarterList/usePromptStarterList.js.map +0 -1
  51. package/lib/components/PromptStarterV2/PromptStarterList/usePromptStarterListContextValues.js +0 -6
  52. package/lib/components/PromptStarterV2/PromptStarterList/usePromptStarterListContextValues.js.map +0 -1
  53. package/lib/components/PromptStarterV2/PromptStarterList/usePromptStarterListStyles.styles.js +0 -57
  54. package/lib/components/PromptStarterV2/PromptStarterList/usePromptStarterListStyles.styles.js.map +0 -1
  55. package/lib/components/PromptStarterV2/PromptStarterList/usePromptStarterListStyles.styles.raw.js +0 -61
  56. package/lib/components/PromptStarterV2/PromptStarterList/usePromptStarterListStyles.styles.raw.js.map +0 -1
  57. package/lib/contexts/PromptStarterListContext.js +0 -7
  58. package/lib/contexts/PromptStarterListContext.js.map +0 -1
  59. package/lib/index.js +0 -3
  60. package/lib/index.js.map +0 -1
  61. package/lib-commonjs/PromptStarter.js +0 -28
  62. package/lib-commonjs/PromptStarter.js.map +0 -1
  63. package/lib-commonjs/PromptStarterList.js +0 -28
  64. package/lib-commonjs/PromptStarterList.js.map +0 -1
  65. package/lib-commonjs/PromptStarterV2.js +0 -28
  66. package/lib-commonjs/PromptStarterV2.js.map +0 -1
  67. package/lib-commonjs/components/PromptStarter/PromptStarter.js +0 -23
  68. package/lib-commonjs/components/PromptStarter/PromptStarter.js.map +0 -1
  69. package/lib-commonjs/components/PromptStarter/PromptStarter.types.js +0 -6
  70. package/lib-commonjs/components/PromptStarter/PromptStarter.types.js.map +0 -1
  71. package/lib-commonjs/components/PromptStarter/index.js +0 -31
  72. package/lib-commonjs/components/PromptStarter/index.js.map +0 -1
  73. package/lib-commonjs/components/PromptStarter/renderPromptStarter.js +0 -28
  74. package/lib-commonjs/components/PromptStarter/renderPromptStarter.js.map +0 -1
  75. package/lib-commonjs/components/PromptStarter/usePromptStarter.js +0 -55
  76. package/lib-commonjs/components/PromptStarter/usePromptStarter.js.map +0 -1
  77. package/lib-commonjs/components/PromptStarter/usePromptStarterStyles.styles.js +0 -292
  78. package/lib-commonjs/components/PromptStarter/usePromptStarterStyles.styles.js.map +0 -1
  79. package/lib-commonjs/components/PromptStarter/usePromptStarterStyles.styles.raw.js +0 -112
  80. package/lib-commonjs/components/PromptStarter/usePromptStarterStyles.styles.raw.js.map +0 -1
  81. package/lib-commonjs/components/PromptStarterV2/PromptStarter/PromptStarter.js +0 -23
  82. package/lib-commonjs/components/PromptStarterV2/PromptStarter/PromptStarter.js.map +0 -1
  83. package/lib-commonjs/components/PromptStarterV2/PromptStarter/PromptStarter.types.js +0 -6
  84. package/lib-commonjs/components/PromptStarterV2/PromptStarter/PromptStarter.types.js.map +0 -1
  85. package/lib-commonjs/components/PromptStarterV2/PromptStarter/index.js +0 -31
  86. package/lib-commonjs/components/PromptStarterV2/PromptStarter/index.js.map +0 -1
  87. package/lib-commonjs/components/PromptStarterV2/PromptStarter/promptStarterMotion.js +0 -73
  88. package/lib-commonjs/components/PromptStarterV2/PromptStarter/promptStarterMotion.js.map +0 -1
  89. package/lib-commonjs/components/PromptStarterV2/PromptStarter/renderPromptStarter.js +0 -27
  90. package/lib-commonjs/components/PromptStarterV2/PromptStarter/renderPromptStarter.js.map +0 -1
  91. package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarter.js +0 -68
  92. package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarter.js.map +0 -1
  93. package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.js +0 -516
  94. package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.js.map +0 -1
  95. package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.raw.js +0 -149
  96. package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.raw.js.map +0 -1
  97. package/lib-commonjs/components/PromptStarterV2/PromptStarterList/PromptStarterList.js +0 -23
  98. package/lib-commonjs/components/PromptStarterV2/PromptStarterList/PromptStarterList.js.map +0 -1
  99. package/lib-commonjs/components/PromptStarterV2/PromptStarterList/PromptStarterList.types.js +0 -4
  100. package/lib-commonjs/components/PromptStarterV2/PromptStarterList/PromptStarterList.types.js.map +0 -1
  101. package/lib-commonjs/components/PromptStarterV2/PromptStarterList/index.js +0 -31
  102. package/lib-commonjs/components/PromptStarterV2/PromptStarterList/index.js.map +0 -1
  103. package/lib-commonjs/components/PromptStarterV2/PromptStarterList/renderPromptStarterList.js +0 -29
  104. package/lib-commonjs/components/PromptStarterV2/PromptStarterList/renderPromptStarterList.js.map +0 -1
  105. package/lib-commonjs/components/PromptStarterV2/PromptStarterList/usePromptStarterList.js +0 -116
  106. package/lib-commonjs/components/PromptStarterV2/PromptStarterList/usePromptStarterList.js.map +0 -1
  107. package/lib-commonjs/components/PromptStarterV2/PromptStarterList/usePromptStarterListContextValues.js +0 -16
  108. package/lib-commonjs/components/PromptStarterV2/PromptStarterList/usePromptStarterListContextValues.js.map +0 -1
  109. package/lib-commonjs/components/PromptStarterV2/PromptStarterList/usePromptStarterListStyles.styles.js +0 -89
  110. package/lib-commonjs/components/PromptStarterV2/PromptStarterList/usePromptStarterListStyles.styles.js.map +0 -1
  111. package/lib-commonjs/components/PromptStarterV2/PromptStarterList/usePromptStarterListStyles.styles.raw.js +0 -77
  112. package/lib-commonjs/components/PromptStarterV2/PromptStarterList/usePromptStarterListStyles.styles.raw.js.map +0 -1
  113. package/lib-commonjs/contexts/PromptStarterListContext.js +0 -28
  114. package/lib-commonjs/contexts/PromptStarterListContext.js.map +0 -1
  115. package/lib-commonjs/index.js +0 -60
  116. package/lib-commonjs/index.js.map +0 -1
@@ -1,28 +0,0 @@
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
- PromptStarter: function() {
13
- return _index.PromptStarter;
14
- },
15
- promptStarterClassNames: function() {
16
- return _index.promptStarterClassNames;
17
- },
18
- renderPromptStarter_unstable: function() {
19
- return _index.renderPromptStarter_unstable;
20
- },
21
- usePromptStarterStyles_unstable: function() {
22
- return _index.usePromptStarterStyles_unstable;
23
- },
24
- usePromptStarter_unstable: function() {
25
- return _index.usePromptStarter_unstable;
26
- }
27
- });
28
- const _index = require("./components/PromptStarterV2/PromptStarter/index");
@@ -1 +0,0 @@
1
- {"version":3,"sources":["PromptStarterV2.ts"],"sourcesContent":["export type {\n PromptStarterProps,\n PromptStarterSlots,\n PromptStarterState,\n} from './components/PromptStarterV2/PromptStarter/index';\nexport {\n PromptStarter,\n promptStarterClassNames,\n renderPromptStarter_unstable,\n usePromptStarterStyles_unstable,\n usePromptStarter_unstable,\n} from './components/PromptStarterV2/PromptStarter/index';\n"],"names":["PromptStarter","promptStarterClassNames","renderPromptStarter_unstable","usePromptStarterStyles_unstable","usePromptStarter_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMEA,aAAa;eAAbA,oBAAa;;IACbC,uBAAuB;eAAvBA,8BAAuB;;IACvBC,4BAA4B;eAA5BA,mCAA4B;;IAC5BC,+BAA+B;eAA/BA,sCAA+B;;IAC/BC,yBAAyB;eAAzBA,gCAAyB;;;uBACpB"}
@@ -1,23 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "PromptStarter", {
6
- enumerable: true,
7
- get: function() {
8
- return PromptStarter;
9
- }
10
- });
11
- const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
- const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
- const _usePromptStarter = require("./usePromptStarter");
14
- const _renderPromptStarter = require("./renderPromptStarter");
15
- const _usePromptStarterStylesstyles = require("./usePromptStarterStyles.styles");
16
- const _reactprovider = require("@fluentui-copilot/react-provider");
17
- const PromptStarter = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
18
- const state = (0, _usePromptStarter.usePromptStarter_unstable)(props, ref);
19
- (0, _usePromptStarterStylesstyles.usePromptStarterStyles_unstable)(state);
20
- (0, _reactprovider.useCustomStyleHook)('usePromptStarterStyles')(state);
21
- return (0, _renderPromptStarter.renderPromptStarter_unstable)(state);
22
- });
23
- PromptStarter.displayName = 'PromptStarter';
@@ -1 +0,0 @@
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"}
@@ -1,6 +0,0 @@
1
- /**
2
- * State used in rendering PromptStarter
3
- */ "use strict";
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
@@ -1 +0,0 @@
1
- {"version":3,"sources":["PromptStarter.types.ts"],"sourcesContent":["import type { DesignVersion } from '@fluentui-copilot/react-provider';\nimport type { ComponentProps, ComponentState, Slot, BadgeProps } from '@fluentui/react-components';\n\nexport type PromptStarterSlots = {\n root: Slot<'button'>;\n icon: NonNullable<Slot<'span'>>;\n category: NonNullable<Slot<'span'>>;\n prompt?: Slot<'span'>;\n badge?: Slot<BadgeProps>;\n};\n\n/**\n * PromptStarter Props\n */\nexport type PromptStarterProps = ComponentProps<PromptStarterSlots> & DesignVersion & {};\n\n/**\n * State used in rendering PromptStarter\n */\nexport type PromptStarterState = ComponentState<PromptStarterSlots> &\n Pick<Required<PromptStarterProps>, 'designVersion'>;\n"],"names":[],"rangeMappings":";;","mappings":"AAgBA;;CAEC"}
@@ -1,31 +0,0 @@
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
- PromptStarter: function() {
13
- return _PromptStarter.PromptStarter;
14
- },
15
- promptStarterClassNames: function() {
16
- return _usePromptStarterStylesstyles.promptStarterClassNames;
17
- },
18
- renderPromptStarter_unstable: function() {
19
- return _renderPromptStarter.renderPromptStarter_unstable;
20
- },
21
- usePromptStarterStyles_unstable: function() {
22
- return _usePromptStarterStylesstyles.usePromptStarterStyles_unstable;
23
- },
24
- usePromptStarter_unstable: function() {
25
- return _usePromptStarter.usePromptStarter_unstable;
26
- }
27
- });
28
- const _PromptStarter = require("./PromptStarter");
29
- const _renderPromptStarter = require("./renderPromptStarter");
30
- const _usePromptStarter = require("./usePromptStarter");
31
- const _usePromptStarterStylesstyles = require("./usePromptStarterStyles.styles");
@@ -1 +0,0 @@
1
- {"version":3,"sources":["index.ts"],"sourcesContent":["export { PromptStarter } from './PromptStarter';\nexport type { PromptStarterProps, PromptStarterSlots, PromptStarterState } from './PromptStarter.types';\nexport { renderPromptStarter_unstable } from './renderPromptStarter';\nexport { usePromptStarter_unstable } from './usePromptStarter';\nexport { promptStarterClassNames, usePromptStarterStyles_unstable } from './usePromptStarterStyles.styles';\n"],"names":["PromptStarter","promptStarterClassNames","renderPromptStarter_unstable","usePromptStarterStyles_unstable","usePromptStarter_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,aAAa;eAAbA,4BAAa;;IAIbC,uBAAuB;eAAvBA,qDAAuB;;IAFvBC,4BAA4B;eAA5BA,iDAA4B;;IAEHC,+BAA+B;eAA/BA,6DAA+B;;IADxDC,yBAAyB;eAAzBA,2CAAyB;;;+BAHJ;qCAEe;kCACH;8CAC+B"}
@@ -1,28 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "renderPromptStarter_unstable", {
6
- enumerable: true,
7
- get: function() {
8
- return renderPromptStarter_unstable;
9
- }
10
- });
11
- const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
12
- const _reactcomponents = require("@fluentui/react-components");
13
- const renderPromptStarter_unstable = (state)=>{
14
- (0, _reactcomponents.assertSlots)(state);
15
- return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
16
- children: [
17
- /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {}),
18
- /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.category, {
19
- children: [
20
- state.category.children,
21
- " ",
22
- state.badge && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.badge, {})
23
- ]
24
- }),
25
- state.prompt && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.prompt, {})
26
- ]
27
- });
28
- };
@@ -1 +0,0 @@
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"}
@@ -1,55 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "usePromptStarter_unstable", {
6
- enumerable: true,
7
- get: function() {
8
- return usePromptStarter_unstable;
9
- }
10
- });
11
- const _reactprovider = require("@fluentui-copilot/react-provider");
12
- const _reactcomponents = require("@fluentui/react-components");
13
- const usePromptStarter_unstable = (props, ref)=>{
14
- const designVersion = (0, _reactprovider.useDesignVersion)(props.designVersion);
15
- const idPrefix = (0, _reactcomponents.useId)('prompt-starter');
16
- return {
17
- components: {
18
- root: 'button',
19
- icon: 'span',
20
- category: 'span',
21
- prompt: 'span',
22
- badge: _reactcomponents.Badge
23
- },
24
- root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('button', {
25
- ref,
26
- 'aria-labelledby': `${idPrefix}-category`,
27
- 'aria-describedby': `${idPrefix}-prompt`,
28
- ...props
29
- }), {
30
- elementType: 'button'
31
- }),
32
- icon: _reactcomponents.slot.always(props.icon, {
33
- elementType: 'span'
34
- }),
35
- category: _reactcomponents.slot.always(props.category, {
36
- defaultProps: {
37
- id: `${idPrefix}-category`
38
- },
39
- elementType: 'span'
40
- }),
41
- prompt: _reactcomponents.slot.optional(props.prompt, {
42
- defaultProps: {
43
- id: `${idPrefix}-prompt`
44
- },
45
- elementType: 'span'
46
- }),
47
- badge: _reactcomponents.slot.optional(props.badge, {
48
- defaultProps: {
49
- appearance: 'tint'
50
- },
51
- elementType: _reactcomponents.Badge
52
- }),
53
- designVersion
54
- };
55
- };
@@ -1 +0,0 @@
1
- {"version":3,"sources":["usePromptStarter.ts"],"sourcesContent":["import { useDesignVersion } from '@fluentui-copilot/react-provider';\nimport { Badge, getIntrinsicElementProps, slot, useId } from '@fluentui/react-components';\nimport type { PromptStarterProps, PromptStarterState } from './PromptStarter.types';\n\n/**\n * Create the state required to render PromptStarter.\n *\n * The returned state can be modified with hooks such as usePromptStarterStyles_unstable,\n * before being passed to renderPromptStarter_unstable.\n *\n * @param props - props from this instance of PromptStarter\n * @param ref - reference to root HTMLElement of PromptStarter\n */\nexport const usePromptStarter_unstable = (\n props: PromptStarterProps,\n ref: React.Ref<HTMLButtonElement>,\n): PromptStarterState => {\n const designVersion = useDesignVersion(props.designVersion);\n const idPrefix = useId('prompt-starter');\n\n return {\n components: {\n root: 'button',\n icon: 'span',\n category: 'span',\n prompt: 'span',\n badge: Badge,\n },\n root: slot.always(\n getIntrinsicElementProps('button', {\n ref,\n 'aria-labelledby': `${idPrefix}-category`,\n 'aria-describedby': `${idPrefix}-prompt`,\n ...props,\n }),\n { elementType: 'button' },\n ),\n icon: slot.always(props.icon, { elementType: 'span' }),\n category: slot.always(props.category, { defaultProps: { id: `${idPrefix}-category` }, elementType: 'span' }),\n prompt: slot.optional(props.prompt, { defaultProps: { id: `${idPrefix}-prompt` }, elementType: 'span' }),\n badge: slot.optional(props.badge, { defaultProps: { appearance: 'tint' }, elementType: Badge }),\n designVersion,\n };\n};\n"],"names":["usePromptStarter_unstable","props","ref","designVersion","useDesignVersion","idPrefix","useId","components","root","icon","category","prompt","badge","Badge","slot","always","getIntrinsicElementProps","elementType","defaultProps","id","optional","appearance"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;+BAboB;iCAC4B;AAYtD,MAAMA,4BAA4B,CACvCC,OACAC;IAEA,MAAMC,gBAAgBC,IAAAA,+BAAAA,EAAiBH,MAAME,aAAa;IAC1D,MAAME,WAAWC,IAAAA,sBAAAA,EAAM;IAEvB,OAAO;QACLC,YAAY;YACVC,MAAM;YACNC,MAAM;YACNC,UAAU;YACVC,QAAQ;YACRC,OAAOC,sBAAAA;QACT;QACAL,MAAMM,qBAAAA,CAAKC,MAAM,CACfC,IAAAA,yCAAAA,EAAyB,UAAU;YACjCd;YACA,mBAAmB,CAAC,EAAEG,SAAS,SAAS,CAAC;YACzC,oBAAoB,CAAC,EAAEA,SAAS,OAAO,CAAC;YACxC,GAAGJ,KAAK;QACV,IACA;YAAEgB,aAAa;QAAS;QAE1BR,MAAMK,qBAAAA,CAAKC,MAAM,CAACd,MAAMQ,IAAI,EAAE;YAAEQ,aAAa;QAAO;QACpDP,UAAUI,qBAAAA,CAAKC,MAAM,CAACd,MAAMS,QAAQ,EAAE;YAAEQ,cAAc;gBAAEC,IAAI,CAAC,EAAEd,SAAS,SAAS,CAAC;YAAC;YAAGY,aAAa;QAAO;QAC1GN,QAAQG,qBAAAA,CAAKM,QAAQ,CAACnB,MAAMU,MAAM,EAAE;YAAEO,cAAc;gBAAEC,IAAI,CAAC,EAAEd,SAAS,OAAO,CAAC;YAAC;YAAGY,aAAa;QAAO;QACtGL,OAAOE,qBAAAA,CAAKM,QAAQ,CAACnB,MAAMW,KAAK,EAAE;YAAEM,cAAc;gBAAEG,YAAY;YAAO;YAAGJ,aAAaJ,sBAAAA;QAAM;QAC7FV;IACF;AACF"}
@@ -1,292 +0,0 @@
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 promptStarterClassNames = {
21
- root: 'fai-PromptStarter',
22
- category: 'fai-PromptStarter__category',
23
- icon: 'fai-PromptStarter__icon',
24
- prompt: 'fai-PromptStarter__prompt',
25
- badge: 'fai-PromptStarter__badge'
26
- };
27
- const useRootResetStyles = (0, _reactcomponents.__resetStyles)("r1imcuat", "r16caqmn", {
28
- r: [
29
- ".r1imcuat{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-template-areas:\"icon category\" \". prompt\";background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);cursor:pointer;outline-style:none;text-align:left;gap:0px 8px;padding:6px 8px 8px 8px;border-top-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:var(--colorNeutralStroke1);border-right-color:var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStroke1);border-left-color:var(--colorNeutralStroke1);border-radius:var(--borderRadiusMedium);}",
30
- ".r1imcuat:hover{background-color:var(--colorNeutralBackground1Hover);border-top-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:var(--colorNeutralStroke1Hover);border-right-color:var(--colorNeutralStroke1Hover);border-bottom-color:var(--colorNeutralStroke1Hover);border-left-color:var(--colorNeutralStroke1Hover);}",
31
- ".r1imcuat:active{background-color:var(--colorNeutralBackground1Pressed);border-top-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:var(--colorNeutralStroke1Pressed);border-right-color:var(--colorNeutralStroke1Pressed);border-bottom-color:var(--colorNeutralStroke1Pressed);border-left-color:var(--colorNeutralStroke1Pressed);}",
32
- ".r1imcuat:focus{outline-style:none;}",
33
- ".r1imcuat:focus-visible{outline-style:none;}",
34
- ".r1imcuat[data-fui-focus-visible]{border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}",
35
- ".r1imcuat[data-fui-focus-visible]::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border:2px solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);top:calc(2px * -1);right:calc(2px * -1);bottom:calc(2px * -1);left:calc(2px * -1);}",
36
- ".r16caqmn{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-template-areas:\"icon category\" \". prompt\";background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);cursor:pointer;outline-style:none;text-align:right;gap:0px 8px;padding:6px 8px 8px 8px;border-top-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-color:var(--colorNeutralStroke1);border-left-color:var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStroke1);border-right-color:var(--colorNeutralStroke1);border-radius:var(--borderRadiusMedium);}",
37
- ".r16caqmn:hover{background-color:var(--colorNeutralBackground1Hover);border-top-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-color:var(--colorNeutralStroke1Hover);border-left-color:var(--colorNeutralStroke1Hover);border-bottom-color:var(--colorNeutralStroke1Hover);border-right-color:var(--colorNeutralStroke1Hover);}",
38
- ".r16caqmn:active{background-color:var(--colorNeutralBackground1Pressed);border-top-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-color:var(--colorNeutralStroke1Pressed);border-left-color:var(--colorNeutralStroke1Pressed);border-bottom-color:var(--colorNeutralStroke1Pressed);border-right-color:var(--colorNeutralStroke1Pressed);}",
39
- ".r16caqmn:focus{outline-style:none;}",
40
- ".r16caqmn:focus-visible{outline-style:none;}",
41
- ".r16caqmn[data-fui-focus-visible]{border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;}",
42
- ".r16caqmn[data-fui-focus-visible]::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border:2px solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);top:calc(2px * -1);left:calc(2px * -1);bottom:calc(2px * -1);right:calc(2px * -1);}"
43
- ],
44
- s: [
45
- "@media (forced-colors: active){.r1imcuat[data-fui-focus-visible]::after{border-top-color:Highlight;border-right-color:Highlight;border-bottom-color:Highlight;border-left-color:Highlight;}}",
46
- "@media (forced-colors: active){.r16caqmn[data-fui-focus-visible]::after{border-top-color:Highlight;border-left-color:Highlight;border-bottom-color:Highlight;border-right-color:Highlight;}}"
47
- ]
48
- });
49
- const useStyles = (0, _reactcomponents.__styles)({
50
- disabled: {
51
- Bceei9c: "fdrzuqr",
52
- De3pzq: "f1bg9a2p",
53
- B4j52fo: "f192inf7",
54
- Bekrc4i: [
55
- "f5tn483",
56
- "f1ojsxk5"
57
- ],
58
- Bn0qgzm: "f1vxd6vx",
59
- ibv6hh: [
60
- "f1ojsxk5",
61
- "f5tn483"
62
- ],
63
- icvyot: "fzkkow9",
64
- vrafjx: [
65
- "fcdblym",
66
- "fjik90z"
67
- ],
68
- oivjwe: "fg706s2",
69
- wvpqe5: [
70
- "fjik90z",
71
- "fcdblym"
72
- ],
73
- g2u3we: "f1jj8ep1",
74
- h3c5rm: [
75
- "f15xbau",
76
- "fy0fskl"
77
- ],
78
- B9xav0g: "f4ikngz",
79
- zhjwy3: [
80
- "fy0fskl",
81
- "f15xbau"
82
- ],
83
- Jwef8y: "f1falr9n",
84
- ckks6v: "f7ic3uo",
85
- B2zwrfe: [
86
- "f1omjgsz",
87
- "f1snvl17"
88
- ],
89
- xv9156: "fn6xmsl",
90
- dt87k2: [
91
- "f1snvl17",
92
- "f1omjgsz"
93
- ],
94
- Bf40cpq: "f1sn8sm0",
95
- Bop6t4b: [
96
- "f1wovo5e",
97
- "f716mnf"
98
- ],
99
- gvrnp0: "fm0h710",
100
- Beu9t3s: [
101
- "f716mnf",
102
- "f1wovo5e"
103
- ],
104
- Bgoe8wy: "f12mpcsy",
105
- Bwzppfd: [
106
- "f1gwvigk",
107
- "f18rmfxp"
108
- ],
109
- oetu4i: "f1jnshp0",
110
- gg5e9n: [
111
- "f18rmfxp",
112
- "f1gwvigk"
113
- ],
114
- ecr2s2: "f1ryyzvn",
115
- uqwnxt: "fk7lb2a",
116
- Bvecx4l: [
117
- "f1knhbbd",
118
- "f17itt0b"
119
- ],
120
- Bs0cc2w: "f15pjvi3",
121
- e1hlit: [
122
- "f17itt0b",
123
- "f1knhbbd"
124
- ],
125
- e2sjt0: "f6ginmj",
126
- Bbcopvn: [
127
- "f1grcyuh",
128
- "fgzu20w"
129
- ],
130
- Bj33j0h: "fk1xjsr",
131
- f7epvg: [
132
- "fgzu20w",
133
- "f1grcyuh"
134
- ],
135
- B6oc9vd: "fdi4vxw",
136
- ak43y8: [
137
- "f4ryxzl",
138
- "fkdgpbx"
139
- ],
140
- wmxk5l: "fcmhn06",
141
- B50zh58: [
142
- "fkdgpbx",
143
- "f4ryxzl"
144
- ]
145
- },
146
- icon: {
147
- Bw0ie65: 0,
148
- Br312pm: 0,
149
- nk6f5a: 0,
150
- Ijaq50: 0,
151
- Bq1tomu: "f1atrtdw",
152
- mc9l5x: "f22iagw",
153
- qb2dma: "f7nlbp4"
154
- },
155
- category: {
156
- Bahqtrf: "fk6fouc",
157
- Be2twd7: "fkhj508",
158
- Bhrd7zp: "fl43uef",
159
- Bg96gwp: "f1i3iumi",
160
- Bw0ie65: 0,
161
- Br312pm: 0,
162
- nk6f5a: 0,
163
- Ijaq50: 0,
164
- Bq1tomu: "fq22uu8"
165
- },
166
- prompt: {
167
- Bahqtrf: "fk6fouc",
168
- Be2twd7: "fkhj508",
169
- Bhrd7zp: "figsok6",
170
- Bg96gwp: "f1i3iumi",
171
- Bw0ie65: 0,
172
- Br312pm: 0,
173
- nk6f5a: 0,
174
- Ijaq50: 0,
175
- Bq1tomu: "f1t16na1"
176
- },
177
- disabledText: {
178
- sj55zd: "f1s2aq7o"
179
- },
180
- disabledBadge: {
181
- abs64n: "fege8ms"
182
- }
183
- }, {
184
- d: [
185
- ".fdrzuqr{cursor:not-allowed;}",
186
- ".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}",
187
- ".f192inf7{border-top-width:var(--strokeWidthThin);}",
188
- ".f5tn483{border-right-width:var(--strokeWidthThin);}",
189
- ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}",
190
- ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}",
191
- ".fzkkow9{border-top-style:solid;}",
192
- ".fcdblym{border-right-style:solid;}",
193
- ".fjik90z{border-left-style:solid;}",
194
- ".fg706s2{border-bottom-style:solid;}",
195
- ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}",
196
- ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}",
197
- ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}",
198
- ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}",
199
- [
200
- ".f1atrtdw{grid-area:icon;}",
201
- {
202
- p: -1
203
- }
204
- ],
205
- ".f22iagw{display:flex;}",
206
- ".f7nlbp4{align-self:center;}",
207
- ".fk6fouc{font-family:var(--fontFamilyBase);}",
208
- ".fkhj508{font-size:var(--fontSizeBase300);}",
209
- ".fl43uef{font-weight:var(--fontWeightSemibold);}",
210
- ".f1i3iumi{line-height:var(--lineHeightBase300);}",
211
- [
212
- ".fq22uu8{grid-area:category;}",
213
- {
214
- p: -1
215
- }
216
- ],
217
- ".figsok6{font-weight:var(--fontWeightRegular);}",
218
- [
219
- ".f1t16na1{grid-area:prompt;}",
220
- {
221
- p: -1
222
- }
223
- ],
224
- ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}",
225
- ".fege8ms{opacity:40%;}"
226
- ],
227
- h: [
228
- ".f1falr9n:hover{background-color:var(--colorNeutralBackgroundDisabled);}",
229
- ".f7ic3uo:hover{border-top-width:var(--strokeWidthThin);}",
230
- ".f1omjgsz:hover{border-right-width:var(--strokeWidthThin);}",
231
- ".f1snvl17:hover{border-left-width:var(--strokeWidthThin);}",
232
- ".fn6xmsl:hover{border-bottom-width:var(--strokeWidthThin);}",
233
- ".f1sn8sm0:hover{border-top-style:solid;}",
234
- ".f1wovo5e:hover{border-right-style:solid;}",
235
- ".f716mnf:hover{border-left-style:solid;}",
236
- ".fm0h710:hover{border-bottom-style:solid;}",
237
- ".f12mpcsy:hover{border-top-color:var(--colorNeutralStrokeDisabled);}",
238
- ".f1gwvigk:hover{border-right-color:var(--colorNeutralStrokeDisabled);}",
239
- ".f18rmfxp:hover{border-left-color:var(--colorNeutralStrokeDisabled);}",
240
- ".f1jnshp0:hover{border-bottom-color:var(--colorNeutralStrokeDisabled);}"
241
- ],
242
- a: [
243
- ".f1ryyzvn:active{background-color:var(--colorNeutralBackgroundDisabled);}",
244
- ".fk7lb2a:active{border-top-width:var(--strokeWidthThin);}",
245
- ".f1knhbbd:active{border-right-width:var(--strokeWidthThin);}",
246
- ".f17itt0b:active{border-left-width:var(--strokeWidthThin);}",
247
- ".f15pjvi3:active{border-bottom-width:var(--strokeWidthThin);}",
248
- ".f6ginmj:active{border-top-style:solid;}",
249
- ".f1grcyuh:active{border-right-style:solid;}",
250
- ".fgzu20w:active{border-left-style:solid;}",
251
- ".fk1xjsr:active{border-bottom-style:solid;}",
252
- ".fdi4vxw:active{border-top-color:var(--colorNeutralStrokeDisabled);}",
253
- ".f4ryxzl:active{border-right-color:var(--colorNeutralStrokeDisabled);}",
254
- ".fkdgpbx:active{border-left-color:var(--colorNeutralStrokeDisabled);}",
255
- ".fcmhn06:active{border-bottom-color:var(--colorNeutralStrokeDisabled);}"
256
- ]
257
- });
258
- const useNextStyles = (0, _reactcomponents.__styles)({
259
- root: {
260
- Beyfa6y: 0,
261
- Bbmb7ep: 0,
262
- Btl43ni: 0,
263
- B7oj6ja: 0,
264
- Dimara: "f1kijzfu"
265
- }
266
- }, {
267
- d: [
268
- [
269
- ".f1kijzfu{border-radius:var(--borderRadiusXLarge);}",
270
- {
271
- p: -1
272
- }
273
- ]
274
- ]
275
- });
276
- const usePromptStarterStyles_unstable = (state)=>{
277
- 'use no memo';
278
- const { designVersion } = state;
279
- const styles = useStyles();
280
- const nextStyles = useNextStyles();
281
- const rootResetStyles = useRootResetStyles();
282
- state.root.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.root, rootResetStyles, designVersion === 'next' && nextStyles.root, state.root.disabled && styles.disabled, state.root.className);
283
- state.icon.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.icon, styles.icon, state.root.disabled && styles.disabledText, state.icon.className);
284
- state.category.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.category, styles.category, state.category.className, state.root.disabled && styles.disabledText);
285
- if (state.prompt) {
286
- state.prompt.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.prompt, styles.prompt, state.root.disabled && styles.disabledText, state.prompt.className);
287
- }
288
- if (state.badge) {
289
- state.badge.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.badge, state.root.disabled && styles.disabledBadge, state.badge.className);
290
- }
291
- return state;
292
- }; //# sourceMappingURL=usePromptStarterStyles.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["usePromptStarterStyles.styles.ts"],"sourcesContent":["import {\n makeStyles,\n makeResetStyles,\n mergeClasses,\n shorthands,\n typographyStyles,\n createFocusOutlineStyle,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PromptStarterSlots, PromptStarterState } from './PromptStarter.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const promptStarterClassNames: SlotClassNames<PromptStarterSlots> = {\n root: 'fai-PromptStarter',\n category: 'fai-PromptStarter__category',\n icon: 'fai-PromptStarter__icon',\n prompt: 'fai-PromptStarter__prompt',\n badge: 'fai-PromptStarter__badge',\n};\n\nconst useRootResetStyles = makeResetStyles({\n position: 'relative',\n display: 'grid',\n gridTemplateColumns: 'auto 1fr',\n gridTemplateRows: 'auto auto',\n gridTemplateAreas: `\n \"icon category\"\n \". prompt\"\n `,\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1,\n fontFamily: tokens.fontFamilyBase,\n cursor: 'pointer',\n outlineStyle: 'none',\n textAlign: 'left',\n gap: '0px 8px',\n padding: '6px 8px 8px 8px',\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1),\n borderRadius: tokens.borderRadiusMedium,\n '&:hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Hover),\n },\n '&:active': {\n backgroundColor: tokens.colorNeutralBackground1Pressed,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Pressed),\n },\n ...createFocusOutlineStyle(),\n});\n\nconst useStyles = makeStyles({\n disabled: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n '&:hover': {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n },\n '&:active': {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n },\n },\n icon: { gridArea: 'icon', display: 'flex', alignSelf: 'center' },\n\n category: {\n ...typographyStyles.body1Strong,\n gridArea: 'category',\n },\n prompt: { ...typographyStyles.body1, gridArea: 'prompt' },\n disabledText: {\n color: tokens.colorNeutralForegroundDisabled,\n },\n disabledBadge: {\n opacity: '40%',\n },\n});\n\nconst useNextStyles = makeStyles({ root: { borderRadius: tokens.borderRadiusXLarge } });\n\nexport const usePromptStarterStyles_unstable = (state: PromptStarterState): PromptStarterState => {\n 'use no memo';\n\n const { designVersion } = state;\n\n const styles = useStyles();\n const nextStyles = useNextStyles();\n const rootResetStyles = useRootResetStyles();\n state.root.className = mergeClasses(\n promptStarterClassNames.root,\n rootResetStyles,\n designVersion === 'next' && nextStyles.root,\n state.root.disabled && styles.disabled,\n state.root.className,\n );\n state.icon.className = mergeClasses(\n promptStarterClassNames.icon,\n styles.icon,\n state.root.disabled && styles.disabledText,\n state.icon.className,\n );\n state.category.className = mergeClasses(\n promptStarterClassNames.category,\n styles.category,\n state.category.className,\n state.root.disabled && styles.disabledText,\n );\n if (state.prompt) {\n state.prompt.className = mergeClasses(\n promptStarterClassNames.prompt,\n styles.prompt,\n state.root.disabled && styles.disabledText,\n state.prompt.className,\n );\n }\n if (state.badge) {\n state.badge.className = mergeClasses(\n promptStarterClassNames.badge,\n state.root.disabled && styles.disabledBadge,\n state.badge.className,\n );\n }\n\n return state;\n};\n"],"names":["promptStarterClassNames","root","category","icon","prompt","badge","useRootResetStyles","makeResetStyles","position","display","gridTemplateRows","gridTemplateAreas","B4j52fo","backgroundColor","tokens","colorNeutralBackground1","color","fontFamily","fontFamilyBase","cursor","outlineStyle","textAlign","gap","padding","h3c5rm","shorthands","strokeWidthThin","borderRadius","zhjwy3","B2zwrfe","xv9156","colorNeutralBackground1Pressed","Bop6t4b","gvrnp0","createFocusOutlineStyle","Beu9t3s","Bgoe8wy","useStyles","disabled","colorNeutralBackgroundDisabled","B6oc9vd","gridArea","typographyStyles","Ijaq50","disabledText","Be2twd7","disabledBadge","opacity","Bw0ie65","Br312pm","nk6f5a","useNextStyles","Bahqtrf","usePromptStarterStyles_unstable","Bhrd7zp","designVersion","Bg96gwp","styles","nextStyles","rootResetStyles","state","sj55zd","abs64n"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAYaA,uBAAAA;eAAAA;;;;;;iCANY;AAMlB,MAAMA,0BAA8D;UACzEC;cACAC;UACAC;YACAC;WACAC;AACF;AAEA,MAAMC,qBAAqBC,IAAAA,8BAAAA,EAAAA,YAAgB,YAAA;OACzCC;QAAAA;QAAU;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;OACVC;QAAAA;QAAS;KAAA;;MAETC,YAAAA,IAAAA,yBAAkB,EAAA;cAClBC;;;QAGCC,SAAA;QACDC,SAAAA;YAAAA;YAAiBC;SAAOC;QACxBC,SAAOF;QACPG,QAAAA;YAAAA;YAAmBC;SAAAA;QACnBC,QAAQ;QACRC,QAAAA;YAAAA;YAAc;SAAA;QACdC,QAAAA;QACAC,QAAK;YAAA;YAAA;SAAA;QACLC,QAAAA;QACAC,QAAGC;YAAAA;YAAiB;SAAQC;QAC5BC,SAAAA;QACAC,QAAA;YAAA;YAAW;SAAA;gBACTf;gBACGY;QACLI,SAAA;YAAA;YAAA;SAAA;QACAC,QAAA;gBACEjB;YAAAA;YAAiBC;SAAOiB;iBACrBN;QACLO,SAAA;YAAA;YAAA;SAAA;QACAC,QAAGC;QACLC,SAAA;YAAA;YAAA;SAAA;QAEAC,SAAMC;QACJC,SAAAA;YAAU;YAAA;SAAA;gBACRnB;gBACAN;YAAAA;YAAiBC;SAAOyB;gBACrBd;gBACH;iBACEZ;YAAAA;YAAAA;SAAwB0B;iBACxB;gBACF;YAAA;YAAA;SAAA;gBACA;iBACE1B;YAAAA;YAAAA;SAAwB0B;iBACxB;gBACF;YAAA;YAAA;SAAA;QACFC,SAAA;QACArC,QAAM;YAAA;YAAA;SAAA;gBAAEsC;iBAAkBhC;YAAAA;YAAS;SAAA;;UAA4B;QAE/DP,SAAAA;iBACKwC;gBACHD;QACFE,QAAA;QACAvC,SAAQ;gBAAKsC;gBAAwBD;;cACrCG;iBACE5B;QACF6B,SAAA;QACAC,SAAAA;iBACEC;QACFC,SAAA;QACFC,SAAA;QAEAC,QAAMC;QAA6BlD,QAAM;iBAAE0B;;IAA0CvB,QAAA;QAErFgD,SAAaC;QACXR,SAAA;QAEAS,SAAQC;QAERC,SAAMC;QACNT,SAAMU;QACNT,SAAMU;QACNC,QAAM3D;QAON2D,QAAMzD;QAMNyD,SAAM1D;;kBAOEE;QAMRyD,QAAA;;mBAEQxD;QAKRyD,QAAA;;AAGF,GAAE"}
@@ -1,112 +0,0 @@
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
- };