@fluentui-copilot/react-prompt-starter 0.0.0-nightly-20250603-0405-112426e6.1 → 0.0.0-nightly-20250606-0404-f88e520c.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.
- package/CHANGELOG.json +3 -3
- package/CHANGELOG.md +4 -4
- package/dist/index.d.ts +38 -0
- package/lib/PromptStarterV2.js +2 -0
- package/lib/PromptStarterV2.js.map +1 -0
- package/lib/components/PromptStarterV2/PromptStarter/PromptStarter.js +13 -0
- package/lib/components/PromptStarterV2/PromptStarter/PromptStarter.js.map +1 -0
- package/lib/components/PromptStarterV2/PromptStarter/PromptStarter.types.js +4 -0
- package/lib/components/PromptStarterV2/PromptStarter/PromptStarter.types.js.map +1 -0
- package/lib/components/PromptStarterV2/PromptStarter/index.js +5 -0
- package/lib/components/PromptStarterV2/PromptStarter/index.js.map +1 -0
- package/lib/components/PromptStarterV2/PromptStarter/renderPromptStarter.js +11 -0
- package/lib/components/PromptStarterV2/PromptStarter/renderPromptStarter.js.map +1 -0
- package/lib/components/PromptStarterV2/PromptStarter/usePromptStarter.js +57 -0
- package/lib/components/PromptStarterV2/PromptStarter/usePromptStarter.js.map +1 -0
- package/lib/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.js +203 -0
- package/lib/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.js.map +1 -0
- package/lib/index.js +1 -0
- package/lib/index.js.map +1 -1
- package/lib-commonjs/PromptStarterV2.js +29 -0
- package/lib-commonjs/PromptStarterV2.js.map +1 -0
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/PromptStarter.js +23 -0
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/PromptStarter.js.map +1 -0
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/PromptStarter.types.js +7 -0
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/PromptStarter.types.js.map +1 -0
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/index.js +32 -0
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/index.js.map +1 -0
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/renderPromptStarter.js +27 -0
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/renderPromptStarter.js.map +1 -0
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarter.js +57 -0
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarter.js.map +1 -0
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.js +385 -0
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.js.map +1 -0
- package/lib-commonjs/index.js +16 -0
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +3 -3
package/CHANGELOG.json
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
"name": "@fluentui-copilot/react-prompt-starter",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
6
|
-
"tag": "@fluentui-copilot/react-prompt-starter_v0.0.0-nightly-
|
|
7
|
-
"version": "0.0.0-nightly-
|
|
5
|
+
"date": "Fri, 06 Jun 2025 04:12:26 GMT",
|
|
6
|
+
"tag": "@fluentui-copilot/react-prompt-starter_v0.0.0-nightly-20250606-0404-f88e520c.1",
|
|
7
|
+
"version": "0.0.0-nightly-20250606-0404-f88e520c.1",
|
|
8
8
|
"comments": {
|
|
9
9
|
"prerelease": [
|
|
10
10
|
{
|
package/CHANGELOG.md
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
# Change Log - @fluentui-copilot/react-prompt-starter
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Fri, 06 Jun 2025 04:12:26 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [0.0.0-nightly-
|
|
7
|
+
## [0.0.0-nightly-20250606-0404-f88e520c.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-starter_v0.0.0-nightly-20250606-0404-f88e520c.1)
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-prompt-starter_v0.9.4..@fluentui-copilot/react-prompt-starter_v0.0.0-nightly-
|
|
9
|
+
Fri, 06 Jun 2025 04:12:26 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-prompt-starter_v0.9.4..@fluentui-copilot/react-prompt-starter_v0.0.0-nightly-20250606-0404-f88e520c.1)
|
|
11
11
|
|
|
12
12
|
### Changes
|
|
13
13
|
|
package/dist/index.d.ts
CHANGED
|
@@ -28,8 +28,33 @@ export declare type PromptStarterSlots = {
|
|
|
28
28
|
*/
|
|
29
29
|
export declare type PromptStarterState = ComponentState<PromptStarterSlots> & Pick<Required<PromptStarterProps>, 'designVersion'>;
|
|
30
30
|
|
|
31
|
+
export declare const PromptStarterV2: ForwardRefComponent<PromptStarterV2Props>;
|
|
32
|
+
|
|
33
|
+
export declare const promptStarterV2ClassNames: SlotClassNames<PromptStarterV2Slots>;
|
|
34
|
+
|
|
35
|
+
/**
|
|
36
|
+
* PromptStarter Props
|
|
37
|
+
*/
|
|
38
|
+
export declare type PromptStarterV2Props = Omit<ComponentProps<PromptStarterV2Slots>, 'disabled'> & {};
|
|
39
|
+
|
|
40
|
+
export declare type PromptStarterV2Slots = {
|
|
41
|
+
root: NonNullable<Slot<'div'>>;
|
|
42
|
+
primaryAction: NonNullable<Slot<'button'>>;
|
|
43
|
+
icon: NonNullable<Slot<'span'>>;
|
|
44
|
+
prompt: NonNullable<Slot<'span'>>;
|
|
45
|
+
reasonMarker?: Slot<'span'>;
|
|
46
|
+
actions?: Slot<'span'>;
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
/**
|
|
50
|
+
* State used in rendering PromptStarter
|
|
51
|
+
*/
|
|
52
|
+
export declare type PromptStarterV2State = ComponentState<PromptStarterV2Slots>;
|
|
53
|
+
|
|
31
54
|
export declare const renderPromptStarter_unstable: (state: PromptStarterState) => JSX.Element;
|
|
32
55
|
|
|
56
|
+
export declare const renderPromptStarterV2_unstable: (state: PromptStarterV2State) => JSX.Element;
|
|
57
|
+
|
|
33
58
|
/**
|
|
34
59
|
* Create the state required to render PromptStarter.
|
|
35
60
|
*
|
|
@@ -43,4 +68,17 @@ export declare const usePromptStarter_unstable: (props: PromptStarterProps, ref:
|
|
|
43
68
|
|
|
44
69
|
export declare const usePromptStarterStyles_unstable: (state: PromptStarterState) => PromptStarterState;
|
|
45
70
|
|
|
71
|
+
/**
|
|
72
|
+
* Create the state required to render PromptStarter.
|
|
73
|
+
*
|
|
74
|
+
* The returned state can be modified with hooks such as usePromptStarterStyles_unstable,
|
|
75
|
+
* before being passed to renderPromptStarter_unstable.
|
|
76
|
+
*
|
|
77
|
+
* @param props - props from this instance of PromptStarter
|
|
78
|
+
* @param ref - reference to root HTMLElement of PromptStarter
|
|
79
|
+
*/
|
|
80
|
+
export declare const usePromptStarterV2_unstable: (props: PromptStarterV2Props, ref: React.Ref<HTMLDivElement>) => PromptStarterV2State;
|
|
81
|
+
|
|
82
|
+
export declare const usePromptStarterV2Styles_unstable: (state: PromptStarterV2State) => PromptStarterV2State;
|
|
83
|
+
|
|
46
84
|
export { }
|
|
@@ -0,0 +1 @@
|
|
|
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":"AAKA,SACEA,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,QACpB,mDAAmD"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { usePromptStarter_unstable } from './usePromptStarter';
|
|
3
|
+
import { renderPromptStarter_unstable } from './renderPromptStarter';
|
|
4
|
+
import { usePromptStarterStyles_unstable } from './usePromptStarterStyles.styles';
|
|
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);
|
|
11
|
+
});
|
|
12
|
+
PromptStarter.displayName = 'PromptStarter';
|
|
13
|
+
//# sourceMappingURL=PromptStarter.js.map
|
|
@@ -0,0 +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":["React","usePromptStarter_unstable","renderPromptStarter_unstable","usePromptStarterStyles_unstable","useCustomStyleHook","PromptStarter","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,+BAA+B,QAAQ,kCAAkC;AAClF,SAASC,kBAAkB,QAAQ,mCAAmC;AAItE,OAAO,MAAMC,8BAAyDL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQR,0BAA0BM,OAAOC;IAE/CL,gCAAgCM;IAChCL,mBAAmB,0BAA0BK;IAE7C,OAAOP,6BAA6BO;AACtC,GAAG;AAEHJ,cAAcK,WAAW,GAAG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["PromptStarter.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type PromptStarterSlots = {\n root: NonNullable<Slot<'div'>>;\n primaryAction: NonNullable<Slot<'button'>>;\n icon: NonNullable<Slot<'span'>>;\n prompt: NonNullable<Slot<'span'>>;\n reasonMarker?: Slot<'span'>;\n actions?: Slot<'span'>;\n};\n\n/**\n * PromptStarter Props\n */\nexport type PromptStarterProps = Omit<ComponentProps<PromptStarterSlots>, 'disabled'> & {};\n\n/**\n * State used in rendering PromptStarter\n */\nexport type PromptStarterState = ComponentState<PromptStarterSlots>;\n"],"names":[],"rangeMappings":";;","mappings":"AAgBA;;CAEC,GACD,WAAoE"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { PromptStarter } from './PromptStarter';
|
|
2
|
+
export { renderPromptStarter_unstable } from './renderPromptStarter';
|
|
3
|
+
export { usePromptStarter_unstable } from './usePromptStarter';
|
|
4
|
+
export { promptStarterClassNames, usePromptStarterStyles_unstable } from './usePromptStarterStyles.styles';
|
|
5
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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","renderPromptStarter_unstable","usePromptStarter_unstable","promptStarterClassNames","usePromptStarterStyles_unstable"],"rangeMappings":";;;","mappings":"AAAA,SAASA,aAAa,QAAQ,kBAAkB;AAEhD,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,uBAAuB,EAAEC,+BAA+B,QAAQ,kCAAkC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
|
|
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__*/_jsxs(state.primaryAction, {
|
|
7
|
+
children: [/*#__PURE__*/_jsx(state.icon, {}), /*#__PURE__*/_jsx(state.prompt, {}), state.reasonMarker && /*#__PURE__*/_jsx(state.reasonMarker, {})]
|
|
8
|
+
}), state.actions && /*#__PURE__*/_jsx(state.actions, {})]
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=renderPromptStarter.js.map
|
|
@@ -0,0 +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.primaryAction>\n <state.icon />\n <state.prompt />\n {state.reasonMarker && <state.reasonMarker />}\n </state.primaryAction>\n {state.actions && <state.actions />}\n </state.root>\n );\n};\n"],"names":["assertSlots","renderPromptStarter_unstable","state","root","primaryAction","icon","prompt","reasonMarker","actions"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,6BAA6B;AAGzD,OAAO,MAAMC,+BAA+B,CAACC;IAC3CF,YAAgCE;IAEhC,qBACE,MAACA,MAAMC,IAAI;;0BACT,MAACD,MAAME,aAAa;;kCAClB,KAACF,MAAMG,IAAI;kCACX,KAACH,MAAMI,MAAM;oBACZJ,MAAMK,YAAY,kBAAI,KAACL,MAAMK,YAAY;;;YAE3CL,MAAMM,OAAO,kBAAI,KAACN,MAAMM,OAAO;;;AAGtC,EAAE"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { getIntrinsicElementProps, slot, useId } from '@fluentui/react-components';
|
|
2
|
+
/**
|
|
3
|
+
* Create the state required to render PromptStarter.
|
|
4
|
+
*
|
|
5
|
+
* The returned state can be modified with hooks such as usePromptStarterStyles_unstable,
|
|
6
|
+
* before being passed to renderPromptStarter_unstable.
|
|
7
|
+
*
|
|
8
|
+
* @param props - props from this instance of PromptStarter
|
|
9
|
+
* @param ref - reference to root HTMLElement of PromptStarter
|
|
10
|
+
*/
|
|
11
|
+
export const usePromptStarter_unstable = (props, ref) => {
|
|
12
|
+
const id = useId('prompt-starter');
|
|
13
|
+
const state = {
|
|
14
|
+
components: {
|
|
15
|
+
root: 'div',
|
|
16
|
+
primaryAction: 'button',
|
|
17
|
+
icon: 'span',
|
|
18
|
+
prompt: 'span',
|
|
19
|
+
reasonMarker: 'span',
|
|
20
|
+
actions: 'span'
|
|
21
|
+
},
|
|
22
|
+
root: slot.always(getIntrinsicElementProps('div', {
|
|
23
|
+
ref,
|
|
24
|
+
'aria-labelledby': `${id}-prompt`,
|
|
25
|
+
'aria-describedby': `${id}-icon, ${id}-reasonMarker`,
|
|
26
|
+
...props
|
|
27
|
+
}), {
|
|
28
|
+
elementType: 'div'
|
|
29
|
+
}),
|
|
30
|
+
primaryAction: slot.always(props.primaryAction, {
|
|
31
|
+
elementType: 'button'
|
|
32
|
+
}),
|
|
33
|
+
icon: slot.always(props.icon, {
|
|
34
|
+
defaultProps: {
|
|
35
|
+
id: `${id}-icon`
|
|
36
|
+
},
|
|
37
|
+
elementType: 'span'
|
|
38
|
+
}),
|
|
39
|
+
prompt: slot.always(props.prompt, {
|
|
40
|
+
defaultProps: {
|
|
41
|
+
id: `${id}-prompt`
|
|
42
|
+
},
|
|
43
|
+
elementType: 'span'
|
|
44
|
+
}),
|
|
45
|
+
reasonMarker: slot.optional(props.reasonMarker, {
|
|
46
|
+
defaultProps: {
|
|
47
|
+
id: `${id}-reasonMarker`
|
|
48
|
+
},
|
|
49
|
+
elementType: 'span'
|
|
50
|
+
}),
|
|
51
|
+
actions: slot.optional(props.actions, {
|
|
52
|
+
elementType: 'span'
|
|
53
|
+
})
|
|
54
|
+
};
|
|
55
|
+
return state;
|
|
56
|
+
};
|
|
57
|
+
//# sourceMappingURL=usePromptStarter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["usePromptStarter.ts"],"sourcesContent":["import { 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<HTMLDivElement>,\n): PromptStarterState => {\n const id = useId('prompt-starter');\n\n const state: PromptStarterState = {\n components: {\n root: 'div',\n primaryAction: 'button',\n icon: 'span',\n prompt: 'span',\n reasonMarker: 'span',\n actions: 'span',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n 'aria-labelledby': `${id}-prompt`,\n 'aria-describedby': `${id}-icon, ${id}-reasonMarker`,\n ...props,\n }),\n { elementType: 'div' },\n ),\n primaryAction: slot.always(props.primaryAction, {\n elementType: 'button',\n }),\n icon: slot.always(props.icon, {\n defaultProps: { id: `${id}-icon` },\n elementType: 'span',\n }),\n prompt: slot.always(props.prompt, {\n defaultProps: { id: `${id}-prompt` },\n elementType: 'span',\n }),\n reasonMarker: slot.optional(props.reasonMarker, {\n defaultProps: { id: `${id}-reasonMarker` },\n elementType: 'span',\n }),\n actions: slot.optional(props.actions, { elementType: 'span' }),\n };\n\n return state;\n};\n"],"names":["getIntrinsicElementProps","slot","useId","usePromptStarter_unstable","props","ref","id","state","components","root","primaryAction","icon","prompt","reasonMarker","actions","always","elementType","defaultProps","optional"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,wBAAwB,EAAEC,IAAI,EAAEC,KAAK,QAAQ,6BAA6B;AAGnF;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;IAEA,MAAMC,KAAKJ,MAAM;IAEjB,MAAMK,QAA4B;QAChCC,YAAY;YACVC,MAAM;YACNC,eAAe;YACfC,MAAM;YACNC,QAAQ;YACRC,cAAc;YACdC,SAAS;QACX;QACAL,MAAMR,KAAKc,MAAM,CACff,yBAAyB,OAAO;YAC9BK;YACA,mBAAmB,CAAC,EAAEC,GAAG,OAAO,CAAC;YACjC,oBAAoB,CAAC,EAAEA,GAAG,OAAO,EAAEA,GAAG,aAAa,CAAC;YACpD,GAAGF,KAAK;QACV,IACA;YAAEY,aAAa;QAAM;QAEvBN,eAAeT,KAAKc,MAAM,CAACX,MAAMM,aAAa,EAAE;YAC9CM,aAAa;QACf;QACAL,MAAMV,KAAKc,MAAM,CAACX,MAAMO,IAAI,EAAE;YAC5BM,cAAc;gBAAEX,IAAI,CAAC,EAAEA,GAAG,KAAK,CAAC;YAAC;YACjCU,aAAa;QACf;QACAJ,QAAQX,KAAKc,MAAM,CAACX,MAAMQ,MAAM,EAAE;YAChCK,cAAc;gBAAEX,IAAI,CAAC,EAAEA,GAAG,OAAO,CAAC;YAAC;YACnCU,aAAa;QACf;QACAH,cAAcZ,KAAKiB,QAAQ,CAACd,MAAMS,YAAY,EAAE;YAC9CI,cAAc;gBAAEX,IAAI,CAAC,EAAEA,GAAG,aAAa,CAAC;YAAC;YACzCU,aAAa;QACf;QACAF,SAASb,KAAKiB,QAAQ,CAACd,MAAMU,OAAO,EAAE;YAAEE,aAAa;QAAO;IAC9D;IAEA,OAAOT;AACT,EAAE"}
|
|
@@ -0,0 +1,203 @@
|
|
|
1
|
+
import { __styles, __resetStyles, mergeClasses, shorthands, typographyStyles, createFocusOutlineStyle } from '@fluentui/react-components';
|
|
2
|
+
import { tokens } from '@fluentui-copilot/tokens';
|
|
3
|
+
export const promptStarterClassNames = {
|
|
4
|
+
root: 'fai-PromptStarter',
|
|
5
|
+
primaryAction: 'fai-PromptStarter__primaryAction',
|
|
6
|
+
icon: 'fai-PromptStarter__icon',
|
|
7
|
+
prompt: 'fai-PromptStarter__prompt',
|
|
8
|
+
reasonMarker: 'fai-PromptStarter__reasonMarker',
|
|
9
|
+
actions: 'fai-PromptStarter__actions'
|
|
10
|
+
};
|
|
11
|
+
const useRootResetStyles = __resetStyles("r1x2hm06", null, [".r1x2hm06{display:grid;grid-template-columns:1fr auto;grid-template-rows:max-content auto;min-width:214px;}", ".r1x2hm06:hover .fai-PromptStarter__primaryAction{box-shadow:var(--shadow16);transform:scale(1.03);transition:transform var(--durationNormal) var(--curveDecelerateMin);}", ".r1x2hm06:active .fai-PromptStarter__primaryAction{box-shadow:var(--shadow8);transform:scale(1.03);transition:transform var(--durationNormal) var(--curveDecelerateMin);}", ".r1x2hm06:not(:focus-within):not(:hover) .fai-PromptStarter__actions{clip:rect(0px, 0px, 0px, 0px);height:1px;margin:-1px;overflow:hidden;padding:0px;width:1px;position:absolute;opacity:0;}"]);
|
|
12
|
+
const useStyles = __styles({
|
|
13
|
+
primaryAction: {
|
|
14
|
+
nk6f5a: 0,
|
|
15
|
+
Ijaq50: 0,
|
|
16
|
+
h3tjnc: "fcdwmbt",
|
|
17
|
+
Bw0ie65: 0,
|
|
18
|
+
Br312pm: 0,
|
|
19
|
+
Beweih1: "f1eb8yyf",
|
|
20
|
+
mc9l5x: "f22iagw",
|
|
21
|
+
Beiy3e4: "f1vx9l62",
|
|
22
|
+
qhf8xq: "f10pi13n",
|
|
23
|
+
Beyfa6y: 0,
|
|
24
|
+
Bbmb7ep: 0,
|
|
25
|
+
Btl43ni: 0,
|
|
26
|
+
B7oj6ja: 0,
|
|
27
|
+
Dimara: "f14w4nd",
|
|
28
|
+
De3pzq: "fxugw4r",
|
|
29
|
+
sj55zd: "fkfq4zb",
|
|
30
|
+
Bahqtrf: "fk6fouc",
|
|
31
|
+
Bceei9c: "f1k6fduh",
|
|
32
|
+
oeaueh: "f1s6fcnf",
|
|
33
|
+
fsow6f: ["f1o700av", "fes3tcz"],
|
|
34
|
+
Belr9w4: "fylz90v",
|
|
35
|
+
Byoj8tv: 0,
|
|
36
|
+
uwmqm3: 0,
|
|
37
|
+
z189sj: 0,
|
|
38
|
+
z8tnut: 0,
|
|
39
|
+
B0ocmuz: "fq88wcj",
|
|
40
|
+
B4j52fo: "f192inf7",
|
|
41
|
+
Bekrc4i: ["f5tn483", "f1ojsxk5"],
|
|
42
|
+
Bn0qgzm: "f1vxd6vx",
|
|
43
|
+
ibv6hh: ["f1ojsxk5", "f5tn483"],
|
|
44
|
+
icvyot: "fzkkow9",
|
|
45
|
+
vrafjx: ["fcdblym", "fjik90z"],
|
|
46
|
+
oivjwe: "fg706s2",
|
|
47
|
+
wvpqe5: ["fjik90z", "fcdblym"],
|
|
48
|
+
g2u3we: "f68mrw8",
|
|
49
|
+
h3c5rm: ["f7pw515", "fw35ms5"],
|
|
50
|
+
B9xav0g: "frpde29",
|
|
51
|
+
zhjwy3: ["fw35ms5", "f7pw515"],
|
|
52
|
+
Brovlpu: "ftqa4ok",
|
|
53
|
+
B486eqv: "f2hkw1w",
|
|
54
|
+
B8q5s1w: "f8hki3x",
|
|
55
|
+
Bci5o5g: ["f1d2448m", "ffh67wi"],
|
|
56
|
+
n8qw10: "f1bjia2o",
|
|
57
|
+
Bdrgwmp: ["ffh67wi", "f1d2448m"],
|
|
58
|
+
Bqhya38: "f1j6vpng",
|
|
59
|
+
Bwxa6fj: ["f1pniga2", "f1ffjurs"],
|
|
60
|
+
Bdhvstf: "f987i1v",
|
|
61
|
+
B7zbvrb: ["f1ffjurs", "f1pniga2"],
|
|
62
|
+
Bm4h7ae: "f15bsgw9",
|
|
63
|
+
B7ys5i9: "f14e48fq",
|
|
64
|
+
Busjfv9: "f18yb2kv",
|
|
65
|
+
Bhk32uz: "fd6o370",
|
|
66
|
+
f6g5ot: 0,
|
|
67
|
+
Boxcth7: 0,
|
|
68
|
+
Bhdgwq3: 0,
|
|
69
|
+
hgwjuy: 0,
|
|
70
|
+
Bshpdp8: 0,
|
|
71
|
+
Bsom6fd: 0,
|
|
72
|
+
Blkhhs4: 0,
|
|
73
|
+
Bonggc9: 0,
|
|
74
|
+
Ddfuxk: 0,
|
|
75
|
+
i03rao: 0,
|
|
76
|
+
kclons: 0,
|
|
77
|
+
clg4pj: 0,
|
|
78
|
+
Bpqj9nj: 0,
|
|
79
|
+
B6dhp37: 0,
|
|
80
|
+
Bf4ptjt: 0,
|
|
81
|
+
Bqtpl0w: 0,
|
|
82
|
+
i4rwgc: "ffwy5si",
|
|
83
|
+
Dah5zi: 0,
|
|
84
|
+
B1tsrr9: 0,
|
|
85
|
+
qqdqy8: 0,
|
|
86
|
+
Bkh64rk: 0,
|
|
87
|
+
e3fwne: "faugzkp",
|
|
88
|
+
J0r882: "f57olzd",
|
|
89
|
+
Bule8hv: ["f4stah7", "fs1por5"],
|
|
90
|
+
Bjwuhne: "f480a47",
|
|
91
|
+
Ghsupd: ["fs1por5", "f4stah7"]
|
|
92
|
+
},
|
|
93
|
+
primaryActionHovered: {
|
|
94
|
+
E5pizo: "f1hg901r",
|
|
95
|
+
Bz10aip: "f15ncuxf",
|
|
96
|
+
Bn62ygk: 0,
|
|
97
|
+
Cwk7ip: 0,
|
|
98
|
+
B3o57yi: 0,
|
|
99
|
+
Bmy1vo4: 0,
|
|
100
|
+
Bkqvd7p: 0,
|
|
101
|
+
Bi2q7bf: "ffrhwuo"
|
|
102
|
+
},
|
|
103
|
+
icon: {
|
|
104
|
+
mc9l5x: "f22iagw",
|
|
105
|
+
Bt984gj: "f122n59",
|
|
106
|
+
sshi5w: "fntfeoj",
|
|
107
|
+
B3oa8pd: "fyhwzhv"
|
|
108
|
+
},
|
|
109
|
+
actions: {
|
|
110
|
+
jrapky: 0,
|
|
111
|
+
Frg6f3: 0,
|
|
112
|
+
t21cq0: 0,
|
|
113
|
+
B6of3ja: 0,
|
|
114
|
+
B74szlk: ["foizga4", "f5m8a6r"],
|
|
115
|
+
qhf8xq: "f10pi13n",
|
|
116
|
+
nk6f5a: 0,
|
|
117
|
+
Ijaq50: 0,
|
|
118
|
+
h3tjnc: "f3hl5xl",
|
|
119
|
+
Bw0ie65: 0,
|
|
120
|
+
Br312pm: 0,
|
|
121
|
+
Beweih1: "f14q5zaz",
|
|
122
|
+
abs64n: "f5p0z4x",
|
|
123
|
+
Bn62ygk: 0,
|
|
124
|
+
Cwk7ip: 0,
|
|
125
|
+
B3o57yi: 0,
|
|
126
|
+
Bmy1vo4: 0,
|
|
127
|
+
Bkqvd7p: 0,
|
|
128
|
+
Bi2q7bf: "f1964ud6",
|
|
129
|
+
B3oa8pd: "fyhwzhv"
|
|
130
|
+
},
|
|
131
|
+
prompt: {
|
|
132
|
+
Bahqtrf: "fk6fouc",
|
|
133
|
+
Be2twd7: "fkhj508",
|
|
134
|
+
Bhrd7zp: "fl43uef",
|
|
135
|
+
Bg96gwp: "f1i3iumi",
|
|
136
|
+
mc9l5x: "f1rvi9lw",
|
|
137
|
+
Fd1uvx: "fpfc2by",
|
|
138
|
+
Bh9c35c: "f1lvsx7g",
|
|
139
|
+
Bmxbyg5: "f1sil6mw"
|
|
140
|
+
},
|
|
141
|
+
reasonMarker: {
|
|
142
|
+
Bahqtrf: "fk6fouc",
|
|
143
|
+
Be2twd7: "f13mqy1h",
|
|
144
|
+
Bhrd7zp: "figsok6",
|
|
145
|
+
Bg96gwp: "fcpl73t",
|
|
146
|
+
B3oa8pd: "fyhwzhv"
|
|
147
|
+
}
|
|
148
|
+
}, {
|
|
149
|
+
d: [[".fcdwmbt{grid-row:1/3;}", {
|
|
150
|
+
p: -1
|
|
151
|
+
}], [".f1eb8yyf{grid-column:1/3;}", {
|
|
152
|
+
p: -1
|
|
153
|
+
}], ".f22iagw{display:flex;}", ".f1vx9l62{flex-direction:column;}", ".f10pi13n{position:relative;}", [".f14w4nd{border-radius:28px;}", {
|
|
154
|
+
p: -1
|
|
155
|
+
}], ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1k6fduh{cursor:pointer;}", ".f1s6fcnf{outline-style:none;}", ".f1o700av{text-align:left;}", ".fes3tcz{text-align:right;}", ".fylz90v{row-gap:var(--spacingHorizontalS);}", [".fq88wcj{padding:var(--spacingVerticalL) var(--spacingHorizontalL);}", {
|
|
156
|
+
p: -1
|
|
157
|
+
}], ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".f68mrw8{border-top-color:var(--colorNeutralStroke2);}", ".f7pw515{border-right-color:var(--colorNeutralStroke2);}", ".fw35ms5{border-left-color:var(--colorNeutralStroke2);}", ".frpde29{border-bottom-color:var(--colorNeutralStroke2);}", ".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}", ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}", ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}", ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}", ".f15bsgw9[data-fui-focus-visible]::after{content:\"\";}", ".f14e48fq[data-fui-focus-visible]::after{position:absolute;}", ".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}", ".fd6o370[data-fui-focus-visible]::after{z-index:1;}", [".ffwy5si[data-fui-focus-visible]::after{border:2px solid var(--colorStrokeFocus2);}", {
|
|
158
|
+
p: -2
|
|
159
|
+
}], [".faugzkp[data-fui-focus-visible]::after{border-radius:28px;}", {
|
|
160
|
+
p: -1
|
|
161
|
+
}], ".f57olzd[data-fui-focus-visible]::after{top:calc(2px * -1);}", ".f4stah7[data-fui-focus-visible]::after{right:calc(2px * -1);}", ".fs1por5[data-fui-focus-visible]::after{left:calc(2px * -1);}", ".f480a47[data-fui-focus-visible]::after{bottom:calc(2px * -1);}", ".f1hg901r{box-shadow:var(--shadow16);}", ".f15ncuxf{transform:scale(1.03);}", [".ffrhwuo{transition:transform var(--durationNormal) var(--curveDecelerateMin);}", {
|
|
162
|
+
p: -1
|
|
163
|
+
}], ".f122n59{align-items:center;}", ".fntfeoj{min-height:var(--spacingVerticalXXL);}", [".foizga4{margin:var(--spacingVerticalL) var(--spacingHorizontalL) var(--spacingVerticalNone) var(--spacingHorizontalNone);}", {
|
|
164
|
+
p: -1
|
|
165
|
+
}], [".f5m8a6r{margin:var(--spacingVerticalL) var(--spacingHorizontalNone) var(--spacingVerticalNone) var(--spacingHorizontalL);}", {
|
|
166
|
+
p: -1
|
|
167
|
+
}], [".f3hl5xl{grid-row:1/2;}", {
|
|
168
|
+
p: -1
|
|
169
|
+
}], [".f14q5zaz{grid-column:2/3;}", {
|
|
170
|
+
p: -1
|
|
171
|
+
}], ".f5p0z4x{opacity:1;}", [".f1964ud6{transition:opacity var(--durationFast) var(--curveLinear);}", {
|
|
172
|
+
p: -1
|
|
173
|
+
}], ".fkhj508{font-size:var(--fontSizeBase300);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f1rvi9lw{display:-webkit-box;}", ".fpfc2by{-webkit-box-orient:vertical;}", ".f1lvsx7g{-webkit-line-clamp:2;}", ".f1sil6mw{overflow-y:hidden;}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fcpl73t{line-height:var(--lineHeightBase100);}"],
|
|
174
|
+
f: [".ftqa4ok:focus{outline-style:none;}"],
|
|
175
|
+
i: [".f2hkw1w:focus-visible{outline-style:none;}"],
|
|
176
|
+
m: [["@media (forced-colors: active){.f1j6vpng[data-fui-focus-visible]::after{border-top-color:Highlight;}}", {
|
|
177
|
+
m: "(forced-colors: active)"
|
|
178
|
+
}], ["@media (forced-colors: active){.f1ffjurs[data-fui-focus-visible]::after{border-left-color:Highlight;}.f1pniga2[data-fui-focus-visible]::after{border-right-color:Highlight;}}", {
|
|
179
|
+
m: "(forced-colors: active)"
|
|
180
|
+
}], ["@media (forced-colors: active){.f987i1v[data-fui-focus-visible]::after{border-bottom-color:Highlight;}}", {
|
|
181
|
+
m: "(forced-colors: active)"
|
|
182
|
+
}], ["@media (max-width: 450px){.fyhwzhv{display:none;}}", {
|
|
183
|
+
m: "(max-width: 450px)"
|
|
184
|
+
}]]
|
|
185
|
+
});
|
|
186
|
+
export const usePromptStarterStyles_unstable = state => {
|
|
187
|
+
'use no memo';
|
|
188
|
+
|
|
189
|
+
const styles = useStyles();
|
|
190
|
+
const rootResetStyles = useRootResetStyles();
|
|
191
|
+
state.root.className = mergeClasses(promptStarterClassNames.root, rootResetStyles, state.root.className);
|
|
192
|
+
state.primaryAction.className = mergeClasses(promptStarterClassNames.primaryAction, styles.primaryAction, state.primaryAction.className);
|
|
193
|
+
state.icon.className = mergeClasses(promptStarterClassNames.icon, styles.icon, state.icon.className);
|
|
194
|
+
state.prompt.className = mergeClasses(promptStarterClassNames.prompt, styles.prompt, state.prompt.className);
|
|
195
|
+
if (state.reasonMarker) {
|
|
196
|
+
state.reasonMarker.className = mergeClasses(promptStarterClassNames.reasonMarker, styles.reasonMarker, state.reasonMarker.className);
|
|
197
|
+
}
|
|
198
|
+
if (state.actions) {
|
|
199
|
+
state.actions.className = mergeClasses(promptStarterClassNames.actions, styles.actions, state.actions.className);
|
|
200
|
+
}
|
|
201
|
+
return state;
|
|
202
|
+
};
|
|
203
|
+
//# sourceMappingURL=usePromptStarterStyles.styles.js.map
|
|
@@ -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 primaryAction: 'fai-PromptStarter__primaryAction',\n icon: 'fai-PromptStarter__icon',\n prompt: 'fai-PromptStarter__prompt',\n reasonMarker: 'fai-PromptStarter__reasonMarker',\n actions: 'fai-PromptStarter__actions',\n};\n\nconst useRootResetStyles = makeResetStyles({\n display: 'grid',\n gridTemplateColumns: '1fr auto',\n gridTemplateRows: 'max-content auto',\n minWidth: '214px',\n\n // Apply styles to the primary action on hover / active states\n '&:hover': {\n [`& .${promptStarterClassNames.primaryAction}`]: {\n boxShadow: tokens.shadow16,\n transform: 'scale(1.03)',\n transition: `transform ${tokens.durationNormal} ${tokens.curveDecelerateMin}`,\n },\n },\n '&:active': {\n [`& .${promptStarterClassNames.primaryAction}`]: {\n boxShadow: tokens.shadow8,\n transform: 'scale(1.03)',\n transition: `transform ${tokens.durationNormal} ${tokens.curveDecelerateMin}`,\n },\n },\n\n // Hide actions when not focused or hovered\n ':not(:focus-within):not(:hover)': {\n [`& .${promptStarterClassNames.actions}`]: {\n clip: 'rect(0px, 0px, 0px, 0px)',\n height: '1px',\n margin: '-1px',\n overflow: 'hidden',\n padding: '0px',\n width: '1px',\n position: 'absolute',\n opacity: 0,\n },\n },\n});\n\nconst useStyles = makeStyles({\n primaryAction: {\n gridRow: '1 / 3',\n gridColumn: '1 / 3',\n display: 'flex',\n flexDirection: 'column',\n position: 'relative',\n borderRadius: '28px',\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground2,\n fontFamily: tokens.fontFamilyBase,\n cursor: 'pointer',\n outlineStyle: 'none',\n textAlign: 'left',\n rowGap: tokens.spacingHorizontalS,\n padding: `${tokens.spacingVerticalL} ${tokens.spacingHorizontalL}`,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n ...createFocusOutlineStyle({ style: { outlineRadius: '28px' } }),\n },\n\n primaryActionHovered: {\n boxShadow: tokens.shadow16,\n transform: 'scale(1.03)',\n transition: `transform ${tokens.durationNormal} ${tokens.curveDecelerateMin}`,\n },\n\n icon: {\n display: 'flex',\n alignItems: 'center',\n minHeight: tokens.spacingVerticalXXL,\n\n // Reflow: hide icon when under 450px\n '@media (max-width: 450px)': {\n display: 'none',\n },\n },\n actions: {\n margin: `${tokens.spacingVerticalL} ${tokens.spacingHorizontalL}\n ${tokens.spacingVerticalNone} ${tokens.spacingHorizontalNone}`,\n position: 'relative',\n gridRow: '1 / 2',\n gridColumn: '2 / 3',\n\n opacity: 1,\n transition: `opacity ${tokens.durationFast} ${tokens.curveLinear}`,\n\n // Reflow: hide actions when under 450px\n '@media (max-width: 450px)': {\n display: 'none',\n },\n },\n prompt: {\n ...typographyStyles.body1Strong,\n\n // Truncate text after two lines.\n display: '-webkit-box',\n '-webkit-box-orient': 'vertical',\n '-webkit-line-clamp': '2',\n overflowY: 'hidden',\n },\n reasonMarker: {\n ...typographyStyles.caption2,\n\n // Reflow: hide reason marker when under 450px\n '@media (max-width: 450px)': {\n display: 'none',\n },\n },\n});\n\nexport const usePromptStarterStyles_unstable = (state: PromptStarterState): PromptStarterState => {\n 'use no memo';\n\n const styles = useStyles();\n const rootResetStyles = useRootResetStyles();\n state.root.className = mergeClasses(promptStarterClassNames.root, rootResetStyles, state.root.className);\n state.primaryAction.className = mergeClasses(\n promptStarterClassNames.primaryAction,\n styles.primaryAction,\n state.primaryAction.className,\n );\n state.icon.className = mergeClasses(promptStarterClassNames.icon, styles.icon, state.icon.className);\n state.prompt.className = mergeClasses(promptStarterClassNames.prompt, styles.prompt, state.prompt.className);\n if (state.reasonMarker) {\n state.reasonMarker.className = mergeClasses(\n promptStarterClassNames.reasonMarker,\n styles.reasonMarker,\n state.reasonMarker.className,\n );\n }\n if (state.actions) {\n state.actions.className = mergeClasses(promptStarterClassNames.actions, styles.actions, state.actions.className);\n }\n\n return state;\n};\n"],"names":["makeStyles","makeResetStyles","mergeClasses","shorthands","typographyStyles","createFocusOutlineStyle","tokens","promptStarterClassNames","root","primaryAction","icon","prompt","reasonMarker","actions","useRootResetStyles","display","gridTemplateColumns","gridTemplateRows","minWidth","boxShadow","shadow16","transform","transition","durationNormal","curveDecelerateMin","shadow8","clip","height","margin","overflow","padding","width","position","opacity","useStyles","gridRow","gridColumn","flexDirection","borderRadius","backgroundColor","colorNeutralBackground1","color","colorNeutralForeground2","fontFamily","fontFamilyBase","cursor","outlineStyle","textAlign","rowGap","spacingHorizontalS","spacingVerticalL","spacingHorizontalL","border","strokeWidthThin","colorNeutralStroke2","style","outlineRadius","primaryActionHovered","alignItems","minHeight","spacingVerticalXXL","spacingVerticalNone","spacingHorizontalNone","durationFast","curveLinear","body1Strong","overflowY","caption2","usePromptStarterStyles_unstable","state","styles","rootResetStyles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SACEA,UAAU,EACVC,eAAe,EACfC,YAAY,EACZC,UAAU,EACVC,gBAAgB,EAChBC,uBAAuB,QAClB,6BAA6B;AACpC,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;IACNC,eAAe;IACfC,MAAM;IACNC,QAAQ;IACRC,cAAc;IACdC,SAAS;AACX,EAAE;AAEF,MAAMC,qBAAqBb,gBAAgB;IACzCc,SAAS;IACTC,qBAAqB;IACrBC,kBAAkB;IAClBC,UAAU;IAEV,8DAA8D;IAC9D,WAAW;QACT,CAAC,CAAC,GAAG,EAAEX,wBAAwBE,aAAa,CAAC,CAAC,CAAC,EAAE;YAC/CU,WAAWb,OAAOc,QAAQ;YAC1BC,WAAW;YACXC,YAAY,CAAC,UAAU,EAAEhB,OAAOiB,cAAc,CAAC,CAAC,EAAEjB,OAAOkB,kBAAkB,CAAC,CAAC;QAC/E;IACF;IACA,YAAY;QACV,CAAC,CAAC,GAAG,EAAEjB,wBAAwBE,aAAa,CAAC,CAAC,CAAC,EAAE;YAC/CU,WAAWb,OAAOmB,OAAO;YACzBJ,WAAW;YACXC,YAAY,CAAC,UAAU,EAAEhB,OAAOiB,cAAc,CAAC,CAAC,EAAEjB,OAAOkB,kBAAkB,CAAC,CAAC;QAC/E;IACF;IAEA,2CAA2C;IAC3C,mCAAmC;QACjC,CAAC,CAAC,GAAG,EAAEjB,wBAAwBM,OAAO,CAAC,CAAC,CAAC,EAAE;YACzCa,MAAM;YACNC,QAAQ;YACRC,QAAQ;YACRC,UAAU;YACVC,SAAS;YACTC,OAAO;YACPC,UAAU;YACVC,SAAS;QACX;IACF;AACF;AAEA,MAAMC,YAAYlC,WAAW;IAC3BS,eAAe;QACb0B,SAAS;QACTC,YAAY;QACZrB,SAAS;QACTsB,eAAe;QACfL,UAAU;QACVM,cAAc;QACdC,iBAAiBjC,OAAOkC,uBAAuB;QAC/CC,OAAOnC,OAAOoC,uBAAuB;QACrCC,YAAYrC,OAAOsC,cAAc;QACjCC,QAAQ;QACRC,cAAc;QACdC,WAAW;QACXC,QAAQ1C,OAAO2C,kBAAkB;QACjCnB,SAAS,CAAC,EAAExB,OAAO4C,gBAAgB,CAAC,CAAC,EAAE5C,OAAO6C,kBAAkB,CAAC,CAAC;QAClE,GAAGhD,WAAWiD,MAAM,CAAC9C,OAAO+C,eAAe,EAAE,SAAS/C,OAAOgD,mBAAmB,CAAC;QACjF,GAAGjD,wBAAwB;YAAEkD,OAAO;gBAAEC,eAAe;YAAO;QAAE,EAAE;IAClE;IAEAC,sBAAsB;QACpBtC,WAAWb,OAAOc,QAAQ;QAC1BC,WAAW;QACXC,YAAY,CAAC,UAAU,EAAEhB,OAAOiB,cAAc,CAAC,CAAC,EAAEjB,OAAOkB,kBAAkB,CAAC,CAAC;IAC/E;IAEAd,MAAM;QACJK,SAAS;QACT2C,YAAY;QACZC,WAAWrD,OAAOsD,kBAAkB;QAEpC,qCAAqC;QACrC,6BAA6B;YAC3B7C,SAAS;QACX;IACF;IACAF,SAAS;QACPe,QAAQ,CAAC,EAAEtB,OAAO4C,gBAAgB,CAAC,CAAC,EAAE5C,OAAO6C,kBAAkB,CAAC;aACvD,EAAE7C,OAAOuD,mBAAmB,CAAC,CAAC,EAAEvD,OAAOwD,qBAAqB,CAAC,CAAC;QACvE9B,UAAU;QACVG,SAAS;QACTC,YAAY;QAEZH,SAAS;QACTX,YAAY,CAAC,QAAQ,EAAEhB,OAAOyD,YAAY,CAAC,CAAC,EAAEzD,OAAO0D,WAAW,CAAC,CAAC;QAElE,wCAAwC;QACxC,6BAA6B;YAC3BjD,SAAS;QACX;IACF;IACAJ,QAAQ;QACN,GAAGP,iBAAiB6D,WAAW;QAE/B,iCAAiC;QACjClD,SAAS;QACT,sBAAsB;QACtB,sBAAsB;QACtBmD,WAAW;IACb;IACAtD,cAAc;QACZ,GAAGR,iBAAiB+D,QAAQ;QAE5B,8CAA8C;QAC9C,6BAA6B;YAC3BpD,SAAS;QACX;IACF;AACF;AAEA,OAAO,MAAMqD,kCAAkC,CAACC;IAC9C;IAEA,MAAMC,SAASpC;IACf,MAAMqC,kBAAkBzD;IACxBuD,MAAM7D,IAAI,CAACgE,SAAS,GAAGtE,aAAaK,wBAAwBC,IAAI,EAAE+D,iBAAiBF,MAAM7D,IAAI,CAACgE,SAAS;IACvGH,MAAM5D,aAAa,CAAC+D,SAAS,GAAGtE,aAC9BK,wBAAwBE,aAAa,EACrC6D,OAAO7D,aAAa,EACpB4D,MAAM5D,aAAa,CAAC+D,SAAS;IAE/BH,MAAM3D,IAAI,CAAC8D,SAAS,GAAGtE,aAAaK,wBAAwBG,IAAI,EAAE4D,OAAO5D,IAAI,EAAE2D,MAAM3D,IAAI,CAAC8D,SAAS;IACnGH,MAAM1D,MAAM,CAAC6D,SAAS,GAAGtE,aAAaK,wBAAwBI,MAAM,EAAE2D,OAAO3D,MAAM,EAAE0D,MAAM1D,MAAM,CAAC6D,SAAS;IAC3G,IAAIH,MAAMzD,YAAY,EAAE;QACtByD,MAAMzD,YAAY,CAAC4D,SAAS,GAAGtE,aAC7BK,wBAAwBK,YAAY,EACpC0D,OAAO1D,YAAY,EACnByD,MAAMzD,YAAY,CAAC4D,SAAS;IAEhC;IACA,IAAIH,MAAMxD,OAAO,EAAE;QACjBwD,MAAMxD,OAAO,CAAC2D,SAAS,GAAGtE,aAAaK,wBAAwBM,OAAO,EAAEyD,OAAOzD,OAAO,EAAEwD,MAAMxD,OAAO,CAAC2D,SAAS;IACjH;IAEA,OAAOH;AACT,EAAE"}
|
package/lib/index.js
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
export { PromptStarter, promptStarterClassNames, renderPromptStarter_unstable, usePromptStarterStyles_unstable, usePromptStarter_unstable } from './PromptStarter';
|
|
2
|
+
export { PromptStarter as PromptStarterV2, promptStarterClassNames as promptStarterV2ClassNames, renderPromptStarter_unstable as renderPromptStarterV2_unstable, usePromptStarterStyles_unstable as usePromptStarterV2Styles_unstable, usePromptStarter_unstable as usePromptStarterV2_unstable } from './PromptStarterV2';
|
|
2
3
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"sourcesContent":["export type { PromptStarterProps, PromptStarterSlots, PromptStarterState } from './PromptStarter';\nexport {\n PromptStarter,\n promptStarterClassNames,\n renderPromptStarter_unstable,\n usePromptStarterStyles_unstable,\n usePromptStarter_unstable,\n} from './PromptStarter';\n"],"names":["PromptStarter","promptStarterClassNames","renderPromptStarter_unstable","usePromptStarterStyles_unstable","usePromptStarter_unstable"],"rangeMappings":"","mappings":"AACA,SACEA,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,QACpB,kBAAkB"}
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export type { PromptStarterProps, PromptStarterSlots, PromptStarterState } from './PromptStarter';\nexport {\n PromptStarter,\n promptStarterClassNames,\n renderPromptStarter_unstable,\n usePromptStarterStyles_unstable,\n usePromptStarter_unstable,\n} from './PromptStarter';\n\nexport type {\n PromptStarterProps as PromptStarterV2Props,\n PromptStarterSlots as PromptStarterV2Slots,\n PromptStarterState as PromptStarterV2State,\n} from './PromptStarterV2';\nexport {\n PromptStarter as PromptStarterV2,\n promptStarterClassNames as promptStarterV2ClassNames,\n renderPromptStarter_unstable as renderPromptStarterV2_unstable,\n usePromptStarterStyles_unstable as usePromptStarterV2Styles_unstable,\n usePromptStarter_unstable as usePromptStarterV2_unstable,\n} from './PromptStarterV2';\n"],"names":["PromptStarter","promptStarterClassNames","renderPromptStarter_unstable","usePromptStarterStyles_unstable","usePromptStarter_unstable","PromptStarterV2","promptStarterV2ClassNames","renderPromptStarterV2_unstable","usePromptStarterV2Styles_unstable","usePromptStarterV2_unstable"],"rangeMappings":";","mappings":"AACA,SACEA,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,QACpB,kBAAkB;AAOzB,SACEJ,iBAAiBK,eAAe,EAChCJ,2BAA2BK,yBAAyB,EACpDJ,gCAAgCK,8BAA8B,EAC9DJ,mCAAmCK,iCAAiC,EACpEJ,6BAA6BK,2BAA2B,QACnD,oBAAoB"}
|
|
@@ -0,0 +1,29 @@
|
|
|
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");
|
|
29
|
+
//# sourceMappingURL=PromptStarterV2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
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'; //# sourceMappingURL=PromptStarter.js.map
|
|
@@ -0,0 +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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["PromptStarter.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type PromptStarterSlots = {\n root: NonNullable<Slot<'div'>>;\n primaryAction: NonNullable<Slot<'button'>>;\n icon: NonNullable<Slot<'span'>>;\n prompt: NonNullable<Slot<'span'>>;\n reasonMarker?: Slot<'span'>;\n actions?: Slot<'span'>;\n};\n\n/**\n * PromptStarter Props\n */\nexport type PromptStarterProps = Omit<ComponentProps<PromptStarterSlots>, 'disabled'> & {};\n\n/**\n * State used in rendering PromptStarter\n */\nexport type PromptStarterState = ComponentState<PromptStarterSlots>;\n"],"names":[],"rangeMappings":";;","mappings":"AAgBA;;CAEC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
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");
|
|
32
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
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.jsxs)(state.primaryAction, {
|
|
18
|
+
children: [
|
|
19
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {}),
|
|
20
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(state.prompt, {}),
|
|
21
|
+
state.reasonMarker && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.reasonMarker, {})
|
|
22
|
+
]
|
|
23
|
+
}),
|
|
24
|
+
state.actions && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.actions, {})
|
|
25
|
+
]
|
|
26
|
+
});
|
|
27
|
+
}; //# sourceMappingURL=renderPromptStarter.js.map
|
|
@@ -0,0 +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.primaryAction>\n <state.icon />\n <state.prompt />\n {state.reasonMarker && <state.reasonMarker />}\n </state.primaryAction>\n {state.actions && <state.actions />}\n </state.root>\n );\n};\n"],"names":["renderPromptStarter_unstable","state","assertSlots","_jsxs","root","_jsx","primaryAction","prompt","reasonMarker"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;4BALb;iCAE4B;AAGrB,MAAMA,+BAA+BC,CAAAA;oCAC1CC,EAAAA;WAEA,WAAA,GAAAC,IAAAA,gBACE,EAAAF,MAACA,IAAMG,EAAAA;;;;+BACL,GAAAC,IAAAA,eAACJ,EAAAA,MAAMK,IAAAA,EAAAA,CAAAA;oBAAa,WAAA,GAAAD,IAAAA,eAAA,EAAAJ,MAAAM,MAAA,EAAA,CAAA;oBAAAN,MAAAO,YAAA,IAAA,WAAA,GAAAH,IAAAA,eAAA,EAAAJ,MAAAO,YAAA,EAAA,CAAA;iBAAA;;;;;kDAGC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
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 _reactcomponents = require("@fluentui/react-components");
|
|
12
|
+
const usePromptStarter_unstable = (props, ref)=>{
|
|
13
|
+
const id = (0, _reactcomponents.useId)('prompt-starter');
|
|
14
|
+
const state = {
|
|
15
|
+
components: {
|
|
16
|
+
root: 'div',
|
|
17
|
+
primaryAction: 'button',
|
|
18
|
+
icon: 'span',
|
|
19
|
+
prompt: 'span',
|
|
20
|
+
reasonMarker: 'span',
|
|
21
|
+
actions: 'span'
|
|
22
|
+
},
|
|
23
|
+
root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('div', {
|
|
24
|
+
ref,
|
|
25
|
+
'aria-labelledby': `${id}-prompt`,
|
|
26
|
+
'aria-describedby': `${id}-icon, ${id}-reasonMarker`,
|
|
27
|
+
...props
|
|
28
|
+
}), {
|
|
29
|
+
elementType: 'div'
|
|
30
|
+
}),
|
|
31
|
+
primaryAction: _reactcomponents.slot.always(props.primaryAction, {
|
|
32
|
+
elementType: 'button'
|
|
33
|
+
}),
|
|
34
|
+
icon: _reactcomponents.slot.always(props.icon, {
|
|
35
|
+
defaultProps: {
|
|
36
|
+
id: `${id}-icon`
|
|
37
|
+
},
|
|
38
|
+
elementType: 'span'
|
|
39
|
+
}),
|
|
40
|
+
prompt: _reactcomponents.slot.always(props.prompt, {
|
|
41
|
+
defaultProps: {
|
|
42
|
+
id: `${id}-prompt`
|
|
43
|
+
},
|
|
44
|
+
elementType: 'span'
|
|
45
|
+
}),
|
|
46
|
+
reasonMarker: _reactcomponents.slot.optional(props.reasonMarker, {
|
|
47
|
+
defaultProps: {
|
|
48
|
+
id: `${id}-reasonMarker`
|
|
49
|
+
},
|
|
50
|
+
elementType: 'span'
|
|
51
|
+
}),
|
|
52
|
+
actions: _reactcomponents.slot.optional(props.actions, {
|
|
53
|
+
elementType: 'span'
|
|
54
|
+
})
|
|
55
|
+
};
|
|
56
|
+
return state;
|
|
57
|
+
}; //# sourceMappingURL=usePromptStarter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["usePromptStarter.ts"],"sourcesContent":["import { 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<HTMLDivElement>,\n): PromptStarterState => {\n const id = useId('prompt-starter');\n\n const state: PromptStarterState = {\n components: {\n root: 'div',\n primaryAction: 'button',\n icon: 'span',\n prompt: 'span',\n reasonMarker: 'span',\n actions: 'span',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n 'aria-labelledby': `${id}-prompt`,\n 'aria-describedby': `${id}-icon, ${id}-reasonMarker`,\n ...props,\n }),\n { elementType: 'div' },\n ),\n primaryAction: slot.always(props.primaryAction, {\n elementType: 'button',\n }),\n icon: slot.always(props.icon, {\n defaultProps: { id: `${id}-icon` },\n elementType: 'span',\n }),\n prompt: slot.always(props.prompt, {\n defaultProps: { id: `${id}-prompt` },\n elementType: 'span',\n }),\n reasonMarker: slot.optional(props.reasonMarker, {\n defaultProps: { id: `${id}-reasonMarker` },\n elementType: 'span',\n }),\n actions: slot.optional(props.actions, { elementType: 'span' }),\n };\n\n return state;\n};\n"],"names":["id","props","ref","state","components","root","primaryAction","prompt","reasonMarker","actions","elementType","defaultProps","icon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBQA;;;eAAAA;;;iCAhB8C;AAgBpD,MAAMA,4BAAW,CAAAC,OAAAC;UAEjBF,KAAMG,IAAAA,sBAA4B,EAAA;UAChCC,QAAAA;oBACEC;kBACAC;2BACM;kBACNC;oBACAC;0BACAC;qBACF;;mCAGIP,CAAAA,MAAAA,CAAAA,IAAAA,yCAAAA,EAAAA,OAAAA;;+BAEA,CAAA,EAAAF,GAAA,OAA0B,CAAA;gCAClB,CAAA,EAAAA,GAAA,OAAA,EAAAA,GAAA,aAAA,CAAA;eACVC,KACA;;yBAAqB;;uBAGrBS,qBAAAA,CAAAA,MAAa,CAAAT,MAAAK,aAAA,EAAA;yBACf;;mCAEEK,CAAAA,MAAAA,CAAAA,MAAcC,IAAA,EAAA;0BAAM;oBAAa,CAAA,EAAAZ,GAAA,KAAA,CAAA;;yBAEnC;;gBAEEW,qBAAAA,CAAAA,MAAAA,CAAAA,MAAcJ,MAAA,EAAA;0BAAM;oBAAe,CAAA,EAAAP,GAAA,OAAA,CAAA;;yBAErC;;sBAEEW,qBAAAA,CAAAA,QAAc,CAAAV,MAAAO,YAAA,EAAA;0BAAM;oBAAqB,CAAA,EAAAR,GAAA,aAAA,CAAA;;yBAE3C;;iBACwCU,qBAAAA,CAAAA,QAAa,CAAAT,MAAAQ,OAAA,EAAA;yBAAO;QAC9D;;IAGA,OAAAN"}
|
package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.js
ADDED
|
@@ -0,0 +1,385 @@
|
|
|
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
|
+
primaryAction: 'fai-PromptStarter__primaryAction',
|
|
23
|
+
icon: 'fai-PromptStarter__icon',
|
|
24
|
+
prompt: 'fai-PromptStarter__prompt',
|
|
25
|
+
reasonMarker: 'fai-PromptStarter__reasonMarker',
|
|
26
|
+
actions: 'fai-PromptStarter__actions'
|
|
27
|
+
};
|
|
28
|
+
const useRootResetStyles = (0, _reactcomponents.__resetStyles)("r1x2hm06", null, [
|
|
29
|
+
".r1x2hm06{display:grid;grid-template-columns:1fr auto;grid-template-rows:max-content auto;min-width:214px;}",
|
|
30
|
+
".r1x2hm06:hover .fai-PromptStarter__primaryAction{box-shadow:var(--shadow16);transform:scale(1.03);transition:transform var(--durationNormal) var(--curveDecelerateMin);}",
|
|
31
|
+
".r1x2hm06:active .fai-PromptStarter__primaryAction{box-shadow:var(--shadow8);transform:scale(1.03);transition:transform var(--durationNormal) var(--curveDecelerateMin);}",
|
|
32
|
+
".r1x2hm06:not(:focus-within):not(:hover) .fai-PromptStarter__actions{clip:rect(0px, 0px, 0px, 0px);height:1px;margin:-1px;overflow:hidden;padding:0px;width:1px;position:absolute;opacity:0;}"
|
|
33
|
+
]);
|
|
34
|
+
const useStyles = (0, _reactcomponents.__styles)({
|
|
35
|
+
primaryAction: {
|
|
36
|
+
nk6f5a: 0,
|
|
37
|
+
Ijaq50: 0,
|
|
38
|
+
h3tjnc: "fcdwmbt",
|
|
39
|
+
Bw0ie65: 0,
|
|
40
|
+
Br312pm: 0,
|
|
41
|
+
Beweih1: "f1eb8yyf",
|
|
42
|
+
mc9l5x: "f22iagw",
|
|
43
|
+
Beiy3e4: "f1vx9l62",
|
|
44
|
+
qhf8xq: "f10pi13n",
|
|
45
|
+
Beyfa6y: 0,
|
|
46
|
+
Bbmb7ep: 0,
|
|
47
|
+
Btl43ni: 0,
|
|
48
|
+
B7oj6ja: 0,
|
|
49
|
+
Dimara: "f14w4nd",
|
|
50
|
+
De3pzq: "fxugw4r",
|
|
51
|
+
sj55zd: "fkfq4zb",
|
|
52
|
+
Bahqtrf: "fk6fouc",
|
|
53
|
+
Bceei9c: "f1k6fduh",
|
|
54
|
+
oeaueh: "f1s6fcnf",
|
|
55
|
+
fsow6f: [
|
|
56
|
+
"f1o700av",
|
|
57
|
+
"fes3tcz"
|
|
58
|
+
],
|
|
59
|
+
Belr9w4: "fylz90v",
|
|
60
|
+
Byoj8tv: 0,
|
|
61
|
+
uwmqm3: 0,
|
|
62
|
+
z189sj: 0,
|
|
63
|
+
z8tnut: 0,
|
|
64
|
+
B0ocmuz: "fq88wcj",
|
|
65
|
+
B4j52fo: "f192inf7",
|
|
66
|
+
Bekrc4i: [
|
|
67
|
+
"f5tn483",
|
|
68
|
+
"f1ojsxk5"
|
|
69
|
+
],
|
|
70
|
+
Bn0qgzm: "f1vxd6vx",
|
|
71
|
+
ibv6hh: [
|
|
72
|
+
"f1ojsxk5",
|
|
73
|
+
"f5tn483"
|
|
74
|
+
],
|
|
75
|
+
icvyot: "fzkkow9",
|
|
76
|
+
vrafjx: [
|
|
77
|
+
"fcdblym",
|
|
78
|
+
"fjik90z"
|
|
79
|
+
],
|
|
80
|
+
oivjwe: "fg706s2",
|
|
81
|
+
wvpqe5: [
|
|
82
|
+
"fjik90z",
|
|
83
|
+
"fcdblym"
|
|
84
|
+
],
|
|
85
|
+
g2u3we: "f68mrw8",
|
|
86
|
+
h3c5rm: [
|
|
87
|
+
"f7pw515",
|
|
88
|
+
"fw35ms5"
|
|
89
|
+
],
|
|
90
|
+
B9xav0g: "frpde29",
|
|
91
|
+
zhjwy3: [
|
|
92
|
+
"fw35ms5",
|
|
93
|
+
"f7pw515"
|
|
94
|
+
],
|
|
95
|
+
Brovlpu: "ftqa4ok",
|
|
96
|
+
B486eqv: "f2hkw1w",
|
|
97
|
+
B8q5s1w: "f8hki3x",
|
|
98
|
+
Bci5o5g: [
|
|
99
|
+
"f1d2448m",
|
|
100
|
+
"ffh67wi"
|
|
101
|
+
],
|
|
102
|
+
n8qw10: "f1bjia2o",
|
|
103
|
+
Bdrgwmp: [
|
|
104
|
+
"ffh67wi",
|
|
105
|
+
"f1d2448m"
|
|
106
|
+
],
|
|
107
|
+
Bqhya38: "f1j6vpng",
|
|
108
|
+
Bwxa6fj: [
|
|
109
|
+
"f1pniga2",
|
|
110
|
+
"f1ffjurs"
|
|
111
|
+
],
|
|
112
|
+
Bdhvstf: "f987i1v",
|
|
113
|
+
B7zbvrb: [
|
|
114
|
+
"f1ffjurs",
|
|
115
|
+
"f1pniga2"
|
|
116
|
+
],
|
|
117
|
+
Bm4h7ae: "f15bsgw9",
|
|
118
|
+
B7ys5i9: "f14e48fq",
|
|
119
|
+
Busjfv9: "f18yb2kv",
|
|
120
|
+
Bhk32uz: "fd6o370",
|
|
121
|
+
f6g5ot: 0,
|
|
122
|
+
Boxcth7: 0,
|
|
123
|
+
Bhdgwq3: 0,
|
|
124
|
+
hgwjuy: 0,
|
|
125
|
+
Bshpdp8: 0,
|
|
126
|
+
Bsom6fd: 0,
|
|
127
|
+
Blkhhs4: 0,
|
|
128
|
+
Bonggc9: 0,
|
|
129
|
+
Ddfuxk: 0,
|
|
130
|
+
i03rao: 0,
|
|
131
|
+
kclons: 0,
|
|
132
|
+
clg4pj: 0,
|
|
133
|
+
Bpqj9nj: 0,
|
|
134
|
+
B6dhp37: 0,
|
|
135
|
+
Bf4ptjt: 0,
|
|
136
|
+
Bqtpl0w: 0,
|
|
137
|
+
i4rwgc: "ffwy5si",
|
|
138
|
+
Dah5zi: 0,
|
|
139
|
+
B1tsrr9: 0,
|
|
140
|
+
qqdqy8: 0,
|
|
141
|
+
Bkh64rk: 0,
|
|
142
|
+
e3fwne: "faugzkp",
|
|
143
|
+
J0r882: "f57olzd",
|
|
144
|
+
Bule8hv: [
|
|
145
|
+
"f4stah7",
|
|
146
|
+
"fs1por5"
|
|
147
|
+
],
|
|
148
|
+
Bjwuhne: "f480a47",
|
|
149
|
+
Ghsupd: [
|
|
150
|
+
"fs1por5",
|
|
151
|
+
"f4stah7"
|
|
152
|
+
]
|
|
153
|
+
},
|
|
154
|
+
primaryActionHovered: {
|
|
155
|
+
E5pizo: "f1hg901r",
|
|
156
|
+
Bz10aip: "f15ncuxf",
|
|
157
|
+
Bn62ygk: 0,
|
|
158
|
+
Cwk7ip: 0,
|
|
159
|
+
B3o57yi: 0,
|
|
160
|
+
Bmy1vo4: 0,
|
|
161
|
+
Bkqvd7p: 0,
|
|
162
|
+
Bi2q7bf: "ffrhwuo"
|
|
163
|
+
},
|
|
164
|
+
icon: {
|
|
165
|
+
mc9l5x: "f22iagw",
|
|
166
|
+
Bt984gj: "f122n59",
|
|
167
|
+
sshi5w: "fntfeoj",
|
|
168
|
+
B3oa8pd: "fyhwzhv"
|
|
169
|
+
},
|
|
170
|
+
actions: {
|
|
171
|
+
jrapky: 0,
|
|
172
|
+
Frg6f3: 0,
|
|
173
|
+
t21cq0: 0,
|
|
174
|
+
B6of3ja: 0,
|
|
175
|
+
B74szlk: [
|
|
176
|
+
"foizga4",
|
|
177
|
+
"f5m8a6r"
|
|
178
|
+
],
|
|
179
|
+
qhf8xq: "f10pi13n",
|
|
180
|
+
nk6f5a: 0,
|
|
181
|
+
Ijaq50: 0,
|
|
182
|
+
h3tjnc: "f3hl5xl",
|
|
183
|
+
Bw0ie65: 0,
|
|
184
|
+
Br312pm: 0,
|
|
185
|
+
Beweih1: "f14q5zaz",
|
|
186
|
+
abs64n: "f5p0z4x",
|
|
187
|
+
Bn62ygk: 0,
|
|
188
|
+
Cwk7ip: 0,
|
|
189
|
+
B3o57yi: 0,
|
|
190
|
+
Bmy1vo4: 0,
|
|
191
|
+
Bkqvd7p: 0,
|
|
192
|
+
Bi2q7bf: "f1964ud6",
|
|
193
|
+
B3oa8pd: "fyhwzhv"
|
|
194
|
+
},
|
|
195
|
+
prompt: {
|
|
196
|
+
Bahqtrf: "fk6fouc",
|
|
197
|
+
Be2twd7: "fkhj508",
|
|
198
|
+
Bhrd7zp: "fl43uef",
|
|
199
|
+
Bg96gwp: "f1i3iumi",
|
|
200
|
+
mc9l5x: "f1rvi9lw",
|
|
201
|
+
Fd1uvx: "fpfc2by",
|
|
202
|
+
Bh9c35c: "f1lvsx7g",
|
|
203
|
+
Bmxbyg5: "f1sil6mw"
|
|
204
|
+
},
|
|
205
|
+
reasonMarker: {
|
|
206
|
+
Bahqtrf: "fk6fouc",
|
|
207
|
+
Be2twd7: "f13mqy1h",
|
|
208
|
+
Bhrd7zp: "figsok6",
|
|
209
|
+
Bg96gwp: "fcpl73t",
|
|
210
|
+
B3oa8pd: "fyhwzhv"
|
|
211
|
+
}
|
|
212
|
+
}, {
|
|
213
|
+
d: [
|
|
214
|
+
[
|
|
215
|
+
".fcdwmbt{grid-row:1/3;}",
|
|
216
|
+
{
|
|
217
|
+
p: -1
|
|
218
|
+
}
|
|
219
|
+
],
|
|
220
|
+
[
|
|
221
|
+
".f1eb8yyf{grid-column:1/3;}",
|
|
222
|
+
{
|
|
223
|
+
p: -1
|
|
224
|
+
}
|
|
225
|
+
],
|
|
226
|
+
".f22iagw{display:flex;}",
|
|
227
|
+
".f1vx9l62{flex-direction:column;}",
|
|
228
|
+
".f10pi13n{position:relative;}",
|
|
229
|
+
[
|
|
230
|
+
".f14w4nd{border-radius:28px;}",
|
|
231
|
+
{
|
|
232
|
+
p: -1
|
|
233
|
+
}
|
|
234
|
+
],
|
|
235
|
+
".fxugw4r{background-color:var(--colorNeutralBackground1);}",
|
|
236
|
+
".fkfq4zb{color:var(--colorNeutralForeground2);}",
|
|
237
|
+
".fk6fouc{font-family:var(--fontFamilyBase);}",
|
|
238
|
+
".f1k6fduh{cursor:pointer;}",
|
|
239
|
+
".f1s6fcnf{outline-style:none;}",
|
|
240
|
+
".f1o700av{text-align:left;}",
|
|
241
|
+
".fes3tcz{text-align:right;}",
|
|
242
|
+
".fylz90v{row-gap:var(--spacingHorizontalS);}",
|
|
243
|
+
[
|
|
244
|
+
".fq88wcj{padding:var(--spacingVerticalL) var(--spacingHorizontalL);}",
|
|
245
|
+
{
|
|
246
|
+
p: -1
|
|
247
|
+
}
|
|
248
|
+
],
|
|
249
|
+
".f192inf7{border-top-width:var(--strokeWidthThin);}",
|
|
250
|
+
".f5tn483{border-right-width:var(--strokeWidthThin);}",
|
|
251
|
+
".f1ojsxk5{border-left-width:var(--strokeWidthThin);}",
|
|
252
|
+
".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}",
|
|
253
|
+
".fzkkow9{border-top-style:solid;}",
|
|
254
|
+
".fcdblym{border-right-style:solid;}",
|
|
255
|
+
".fjik90z{border-left-style:solid;}",
|
|
256
|
+
".fg706s2{border-bottom-style:solid;}",
|
|
257
|
+
".f68mrw8{border-top-color:var(--colorNeutralStroke2);}",
|
|
258
|
+
".f7pw515{border-right-color:var(--colorNeutralStroke2);}",
|
|
259
|
+
".fw35ms5{border-left-color:var(--colorNeutralStroke2);}",
|
|
260
|
+
".frpde29{border-bottom-color:var(--colorNeutralStroke2);}",
|
|
261
|
+
".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}",
|
|
262
|
+
".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}",
|
|
263
|
+
".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}",
|
|
264
|
+
".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}",
|
|
265
|
+
".f15bsgw9[data-fui-focus-visible]::after{content:\"\";}",
|
|
266
|
+
".f14e48fq[data-fui-focus-visible]::after{position:absolute;}",
|
|
267
|
+
".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}",
|
|
268
|
+
".fd6o370[data-fui-focus-visible]::after{z-index:1;}",
|
|
269
|
+
[
|
|
270
|
+
".ffwy5si[data-fui-focus-visible]::after{border:2px solid var(--colorStrokeFocus2);}",
|
|
271
|
+
{
|
|
272
|
+
p: -2
|
|
273
|
+
}
|
|
274
|
+
],
|
|
275
|
+
[
|
|
276
|
+
".faugzkp[data-fui-focus-visible]::after{border-radius:28px;}",
|
|
277
|
+
{
|
|
278
|
+
p: -1
|
|
279
|
+
}
|
|
280
|
+
],
|
|
281
|
+
".f57olzd[data-fui-focus-visible]::after{top:calc(2px * -1);}",
|
|
282
|
+
".f4stah7[data-fui-focus-visible]::after{right:calc(2px * -1);}",
|
|
283
|
+
".fs1por5[data-fui-focus-visible]::after{left:calc(2px * -1);}",
|
|
284
|
+
".f480a47[data-fui-focus-visible]::after{bottom:calc(2px * -1);}",
|
|
285
|
+
".f1hg901r{box-shadow:var(--shadow16);}",
|
|
286
|
+
".f15ncuxf{transform:scale(1.03);}",
|
|
287
|
+
[
|
|
288
|
+
".ffrhwuo{transition:transform var(--durationNormal) var(--curveDecelerateMin);}",
|
|
289
|
+
{
|
|
290
|
+
p: -1
|
|
291
|
+
}
|
|
292
|
+
],
|
|
293
|
+
".f122n59{align-items:center;}",
|
|
294
|
+
".fntfeoj{min-height:var(--spacingVerticalXXL);}",
|
|
295
|
+
[
|
|
296
|
+
".foizga4{margin:var(--spacingVerticalL) var(--spacingHorizontalL) var(--spacingVerticalNone) var(--spacingHorizontalNone);}",
|
|
297
|
+
{
|
|
298
|
+
p: -1
|
|
299
|
+
}
|
|
300
|
+
],
|
|
301
|
+
[
|
|
302
|
+
".f5m8a6r{margin:var(--spacingVerticalL) var(--spacingHorizontalNone) var(--spacingVerticalNone) var(--spacingHorizontalL);}",
|
|
303
|
+
{
|
|
304
|
+
p: -1
|
|
305
|
+
}
|
|
306
|
+
],
|
|
307
|
+
[
|
|
308
|
+
".f3hl5xl{grid-row:1/2;}",
|
|
309
|
+
{
|
|
310
|
+
p: -1
|
|
311
|
+
}
|
|
312
|
+
],
|
|
313
|
+
[
|
|
314
|
+
".f14q5zaz{grid-column:2/3;}",
|
|
315
|
+
{
|
|
316
|
+
p: -1
|
|
317
|
+
}
|
|
318
|
+
],
|
|
319
|
+
".f5p0z4x{opacity:1;}",
|
|
320
|
+
[
|
|
321
|
+
".f1964ud6{transition:opacity var(--durationFast) var(--curveLinear);}",
|
|
322
|
+
{
|
|
323
|
+
p: -1
|
|
324
|
+
}
|
|
325
|
+
],
|
|
326
|
+
".fkhj508{font-size:var(--fontSizeBase300);}",
|
|
327
|
+
".fl43uef{font-weight:var(--fontWeightSemibold);}",
|
|
328
|
+
".f1i3iumi{line-height:var(--lineHeightBase300);}",
|
|
329
|
+
".f1rvi9lw{display:-webkit-box;}",
|
|
330
|
+
".fpfc2by{-webkit-box-orient:vertical;}",
|
|
331
|
+
".f1lvsx7g{-webkit-line-clamp:2;}",
|
|
332
|
+
".f1sil6mw{overflow-y:hidden;}",
|
|
333
|
+
".f13mqy1h{font-size:var(--fontSizeBase100);}",
|
|
334
|
+
".figsok6{font-weight:var(--fontWeightRegular);}",
|
|
335
|
+
".fcpl73t{line-height:var(--lineHeightBase100);}"
|
|
336
|
+
],
|
|
337
|
+
f: [
|
|
338
|
+
".ftqa4ok:focus{outline-style:none;}"
|
|
339
|
+
],
|
|
340
|
+
i: [
|
|
341
|
+
".f2hkw1w:focus-visible{outline-style:none;}"
|
|
342
|
+
],
|
|
343
|
+
m: [
|
|
344
|
+
[
|
|
345
|
+
"@media (forced-colors: active){.f1j6vpng[data-fui-focus-visible]::after{border-top-color:Highlight;}}",
|
|
346
|
+
{
|
|
347
|
+
m: "(forced-colors: active)"
|
|
348
|
+
}
|
|
349
|
+
],
|
|
350
|
+
[
|
|
351
|
+
"@media (forced-colors: active){.f1ffjurs[data-fui-focus-visible]::after{border-left-color:Highlight;}.f1pniga2[data-fui-focus-visible]::after{border-right-color:Highlight;}}",
|
|
352
|
+
{
|
|
353
|
+
m: "(forced-colors: active)"
|
|
354
|
+
}
|
|
355
|
+
],
|
|
356
|
+
[
|
|
357
|
+
"@media (forced-colors: active){.f987i1v[data-fui-focus-visible]::after{border-bottom-color:Highlight;}}",
|
|
358
|
+
{
|
|
359
|
+
m: "(forced-colors: active)"
|
|
360
|
+
}
|
|
361
|
+
],
|
|
362
|
+
[
|
|
363
|
+
"@media (max-width: 450px){.fyhwzhv{display:none;}}",
|
|
364
|
+
{
|
|
365
|
+
m: "(max-width: 450px)"
|
|
366
|
+
}
|
|
367
|
+
]
|
|
368
|
+
]
|
|
369
|
+
});
|
|
370
|
+
const usePromptStarterStyles_unstable = (state)=>{
|
|
371
|
+
'use no memo';
|
|
372
|
+
const styles = useStyles();
|
|
373
|
+
const rootResetStyles = useRootResetStyles();
|
|
374
|
+
state.root.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.root, rootResetStyles, state.root.className);
|
|
375
|
+
state.primaryAction.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.primaryAction, styles.primaryAction, state.primaryAction.className);
|
|
376
|
+
state.icon.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.icon, styles.icon, state.icon.className);
|
|
377
|
+
state.prompt.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.prompt, styles.prompt, state.prompt.className);
|
|
378
|
+
if (state.reasonMarker) {
|
|
379
|
+
state.reasonMarker.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.reasonMarker, styles.reasonMarker, state.reasonMarker.className);
|
|
380
|
+
}
|
|
381
|
+
if (state.actions) {
|
|
382
|
+
state.actions.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.actions, styles.actions, state.actions.className);
|
|
383
|
+
}
|
|
384
|
+
return state;
|
|
385
|
+
}; //# sourceMappingURL=usePromptStarterStyles.styles.js.map
|
package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.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 primaryAction: 'fai-PromptStarter__primaryAction',\n icon: 'fai-PromptStarter__icon',\n prompt: 'fai-PromptStarter__prompt',\n reasonMarker: 'fai-PromptStarter__reasonMarker',\n actions: 'fai-PromptStarter__actions',\n};\n\nconst useRootResetStyles = makeResetStyles({\n display: 'grid',\n gridTemplateColumns: '1fr auto',\n gridTemplateRows: 'max-content auto',\n minWidth: '214px',\n\n // Apply styles to the primary action on hover / active states\n '&:hover': {\n [`& .${promptStarterClassNames.primaryAction}`]: {\n boxShadow: tokens.shadow16,\n transform: 'scale(1.03)',\n transition: `transform ${tokens.durationNormal} ${tokens.curveDecelerateMin}`,\n },\n },\n '&:active': {\n [`& .${promptStarterClassNames.primaryAction}`]: {\n boxShadow: tokens.shadow8,\n transform: 'scale(1.03)',\n transition: `transform ${tokens.durationNormal} ${tokens.curveDecelerateMin}`,\n },\n },\n\n // Hide actions when not focused or hovered\n ':not(:focus-within):not(:hover)': {\n [`& .${promptStarterClassNames.actions}`]: {\n clip: 'rect(0px, 0px, 0px, 0px)',\n height: '1px',\n margin: '-1px',\n overflow: 'hidden',\n padding: '0px',\n width: '1px',\n position: 'absolute',\n opacity: 0,\n },\n },\n});\n\nconst useStyles = makeStyles({\n primaryAction: {\n gridRow: '1 / 3',\n gridColumn: '1 / 3',\n display: 'flex',\n flexDirection: 'column',\n position: 'relative',\n borderRadius: '28px',\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground2,\n fontFamily: tokens.fontFamilyBase,\n cursor: 'pointer',\n outlineStyle: 'none',\n textAlign: 'left',\n rowGap: tokens.spacingHorizontalS,\n padding: `${tokens.spacingVerticalL} ${tokens.spacingHorizontalL}`,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n ...createFocusOutlineStyle({ style: { outlineRadius: '28px' } }),\n },\n\n primaryActionHovered: {\n boxShadow: tokens.shadow16,\n transform: 'scale(1.03)',\n transition: `transform ${tokens.durationNormal} ${tokens.curveDecelerateMin}`,\n },\n\n icon: {\n display: 'flex',\n alignItems: 'center',\n minHeight: tokens.spacingVerticalXXL,\n\n // Reflow: hide icon when under 450px\n '@media (max-width: 450px)': {\n display: 'none',\n },\n },\n actions: {\n margin: `${tokens.spacingVerticalL} ${tokens.spacingHorizontalL}\n ${tokens.spacingVerticalNone} ${tokens.spacingHorizontalNone}`,\n position: 'relative',\n gridRow: '1 / 2',\n gridColumn: '2 / 3',\n\n opacity: 1,\n transition: `opacity ${tokens.durationFast} ${tokens.curveLinear}`,\n\n // Reflow: hide actions when under 450px\n '@media (max-width: 450px)': {\n display: 'none',\n },\n },\n prompt: {\n ...typographyStyles.body1Strong,\n\n // Truncate text after two lines.\n display: '-webkit-box',\n '-webkit-box-orient': 'vertical',\n '-webkit-line-clamp': '2',\n overflowY: 'hidden',\n },\n reasonMarker: {\n ...typographyStyles.caption2,\n\n // Reflow: hide reason marker when under 450px\n '@media (max-width: 450px)': {\n display: 'none',\n },\n },\n});\n\nexport const usePromptStarterStyles_unstable = (state: PromptStarterState): PromptStarterState => {\n 'use no memo';\n\n const styles = useStyles();\n const rootResetStyles = useRootResetStyles();\n state.root.className = mergeClasses(promptStarterClassNames.root, rootResetStyles, state.root.className);\n state.primaryAction.className = mergeClasses(\n promptStarterClassNames.primaryAction,\n styles.primaryAction,\n state.primaryAction.className,\n );\n state.icon.className = mergeClasses(promptStarterClassNames.icon, styles.icon, state.icon.className);\n state.prompt.className = mergeClasses(promptStarterClassNames.prompt, styles.prompt, state.prompt.className);\n if (state.reasonMarker) {\n state.reasonMarker.className = mergeClasses(\n promptStarterClassNames.reasonMarker,\n styles.reasonMarker,\n state.reasonMarker.className,\n );\n }\n if (state.actions) {\n state.actions.className = mergeClasses(promptStarterClassNames.actions, styles.actions, state.actions.className);\n }\n\n return state;\n};\n"],"names":["promptStarterClassNames","root","primaryAction","icon","prompt","reasonMarker","actions","useRootResetStyles","makeResetStyles","display","__styles","gridTemplateColumns","gridTemplateRows","minWidth","h3tjnc","Bw0ie65","boxShadow","transform","transition","Beyfa6y","Bbmb7ep","Bahqtrf","Bceei9c","oeaueh","clip","height","margin","overflow","padding","width","position","opacity","ibv6hh","icvyot","vrafjx","useStyles","makeStyles","gridRow","gridColumn","flexDirection","borderRadius","backgroundColor","color","fontFamily","tokens","fontFamilyBase","cursor","outlineStyle","textAlign","rowGap","spacingHorizontalS","shorthands","border","strokeWidthThin","createFocusOutlineStyle","style","Boxcth7","primaryActionHovered","Blkhhs4","alignItems","minHeight","Bqtpl0w","E5pizo","typographyStyles","overflowY","jrapky","Frg6f3","t21cq0","B6of3ja","styles","B74szlk","rootResetStyles","state","Beweih1","abs64n","Cwk7ip","B3o57yi","Bmy1vo4"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAYaA,uBAAAA;eAAAA;;;;;;iCANY;AAMlB,MAAMA,0BAA8D;UACzEC;mBACAC;UACAC;YACAC;kBACAC;aACAC;AACF;AAEA,MAAMC,qBAAqBC,IAAAA,8BAAAA,EAAAA,YAAgB,MAAA;IAAA;IAAA;IAAA;IAAA;CAAA;MACzCC,YAASC,IAAAA,yBAAA,EAAA;mBACTC;QACAC,QAAAA;QACAC,QAAAA;QAEAC,QAAA;QACAC,SAAA;iBACO;iBACHC;gBACAC;iBACAC;gBACF;QACFC,SAAA;QACAC,SAAA;iBACO;iBACHJ;gBACAC;gBACAC;gBACF;QACFG,SAAA;QAEAC,SAAA;QACAC,QAAA;gBACI;YAAG;YAAEvB;SAAAA;iBACLwB;iBACAC;gBACAC;gBACAC;gBACAC;iBACAC;iBACAC;iBACAC;YAAAA;YAAS;SAAA;iBACX;QACFC,QAAA;YAAA;YAAA;SAAA;QACFC,QAAA;QAEAC,QAAMC;YAAAA;YAAYC;SAAW;QAC3BlC,QAAAA;gBACEmC;YAAAA;YAAS;SAAA;gBACTC;gBACA7B;YAAAA;YAAS;SAAA;iBACT8B;gBACAT;YAAAA;YAAU;SAAA;iBACVU;iBACAC;iBACAC;iBACAC;YAAAA;YAAYC;SAAOC;gBACnBC;iBACAC;YAAAA;YAAc;SAAA;iBACdC;iBACAC;YAAAA;YAAeC;SAAAA;iBACftB;iBACGuB;YAAAA;YAAWC;SAAcC;iBACzBC;iBAA0BC;;iBAA+B;gBAAI;QAClEC,SAAA;QAEAC,SAAAA;gBACEzC;iBACAC;iBACAC;QACFwC,SAAA;QAEAvD,SAAM;gBACJM;gBACAkD;gBACAC;gBAEA;iBACA;iBACEnD;iBACF;QACFoD,SAAA;QACAvD,QAAAA;gBACEoB;iBACS;gBACTI;iBACAO;gBACAC;gBAEAP;iBACAb;YAAAA;YAAa;SAAU0B;iBAEvB;gBACA;YAAA;YAAA;SAAA;;0BAEA;QACFkB,QAAA;QACA1D,SAAQ;iBACH2D;gBAEH;iBACAtD;iBACA;iBACA;iBACAuD;;UAEF3D;gBACK0D;iBAEH;gBACA;iBACEtD;;aAEJ;QACFwD,QAAA;QAEAC,QAAO;QACLC,QAAA;QAEAC,SAAMC;QACNC,SAAMC;YAAAA;YAAAA;SAAkBhE;QACxBiE,QAAMvE;QACNuE,QAAMtE;QAKNsE,QAAMrE;QACNqE,QAAMpE;QACNW,SAAIyD;iBACFA;QAKFC,SAAA;QACAC,QAAIF;iBACFA;QACFG,QAAA;QAEAC,SAAOJ;QACPK,SAAA"}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -12,18 +12,34 @@ _export(exports, {
|
|
|
12
12
|
PromptStarter: function() {
|
|
13
13
|
return _PromptStarter.PromptStarter;
|
|
14
14
|
},
|
|
15
|
+
PromptStarterV2: function() {
|
|
16
|
+
return _PromptStarterV2.PromptStarter;
|
|
17
|
+
},
|
|
15
18
|
promptStarterClassNames: function() {
|
|
16
19
|
return _PromptStarter.promptStarterClassNames;
|
|
17
20
|
},
|
|
21
|
+
promptStarterV2ClassNames: function() {
|
|
22
|
+
return _PromptStarterV2.promptStarterClassNames;
|
|
23
|
+
},
|
|
24
|
+
renderPromptStarterV2_unstable: function() {
|
|
25
|
+
return _PromptStarterV2.renderPromptStarter_unstable;
|
|
26
|
+
},
|
|
18
27
|
renderPromptStarter_unstable: function() {
|
|
19
28
|
return _PromptStarter.renderPromptStarter_unstable;
|
|
20
29
|
},
|
|
21
30
|
usePromptStarterStyles_unstable: function() {
|
|
22
31
|
return _PromptStarter.usePromptStarterStyles_unstable;
|
|
23
32
|
},
|
|
33
|
+
usePromptStarterV2Styles_unstable: function() {
|
|
34
|
+
return _PromptStarterV2.usePromptStarterStyles_unstable;
|
|
35
|
+
},
|
|
36
|
+
usePromptStarterV2_unstable: function() {
|
|
37
|
+
return _PromptStarterV2.usePromptStarter_unstable;
|
|
38
|
+
},
|
|
24
39
|
usePromptStarter_unstable: function() {
|
|
25
40
|
return _PromptStarter.usePromptStarter_unstable;
|
|
26
41
|
}
|
|
27
42
|
});
|
|
28
43
|
const _PromptStarter = require("./PromptStarter");
|
|
44
|
+
const _PromptStarterV2 = require("./PromptStarterV2");
|
|
29
45
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"sourcesContent":["export type { PromptStarterProps, PromptStarterSlots, PromptStarterState } from './PromptStarter';\nexport {\n PromptStarter,\n promptStarterClassNames,\n renderPromptStarter_unstable,\n usePromptStarterStyles_unstable,\n usePromptStarter_unstable,\n} from './PromptStarter';\n"],"names":["PromptStarter","promptStarterClassNames","renderPromptStarter_unstable","usePromptStarterStyles_unstable","usePromptStarter_unstable"],"rangeMappings":"
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export type { PromptStarterProps, PromptStarterSlots, PromptStarterState } from './PromptStarter';\nexport {\n PromptStarter,\n promptStarterClassNames,\n renderPromptStarter_unstable,\n usePromptStarterStyles_unstable,\n usePromptStarter_unstable,\n} from './PromptStarter';\n\nexport type {\n PromptStarterProps as PromptStarterV2Props,\n PromptStarterSlots as PromptStarterV2Slots,\n PromptStarterState as PromptStarterV2State,\n} from './PromptStarterV2';\nexport {\n PromptStarter as PromptStarterV2,\n promptStarterClassNames as promptStarterV2ClassNames,\n renderPromptStarter_unstable as renderPromptStarterV2_unstable,\n usePromptStarterStyles_unstable as usePromptStarterV2Styles_unstable,\n usePromptStarter_unstable as usePromptStarterV2_unstable,\n} from './PromptStarterV2';\n"],"names":["PromptStarter","PromptStarterV2","promptStarterClassNames","promptStarterV2ClassNames","renderPromptStarterV2_unstable","renderPromptStarter_unstable","usePromptStarterStyles_unstable","usePromptStarterV2Styles_unstable","usePromptStarterV2_unstable","usePromptStarter_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEEA,aAAa;eAAbA,4BAAa;;IAaIC,eAAe;eAAhCD,8BAAAA;;IAZAE,uBAAuB;eAAvBA,sCAAuB;;IAaIC,yBAAyB;eAApDD,wCAAAA;;IACgCE,8BAA8B;eAA9DC,6CAAAA;;IAbAA,4BAA4B;eAA5BA,2CAA4B;;IAC5BC,+BAA+B;eAA/BA,8CAA+B;;IAaIC,iCAAiC;eAApED,gDAAAA;;IAC6BE,2BAA2B;eAAxDC,0CAAAA;;IAbAA,yBAAyB;eAAzBA,wCAAyB;;;+BACpB;iCAaA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-copilot/react-prompt-starter",
|
|
3
|
-
"version": "0.0.0-nightly-
|
|
3
|
+
"version": "0.0.0-nightly-20250606-0404-f88e520c.1",
|
|
4
4
|
"description": "A Fluent AI package",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -12,8 +12,8 @@
|
|
|
12
12
|
},
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"dependencies": {
|
|
15
|
-
"@fluentui-copilot/react-provider": "^0.0.0-nightly-
|
|
16
|
-
"@fluentui-copilot/tokens": "^0.0.0-nightly-
|
|
15
|
+
"@fluentui-copilot/react-provider": "^0.0.0-nightly-20250606-0404-f88e520c.1",
|
|
16
|
+
"@fluentui-copilot/tokens": "^0.0.0-nightly-20250606-0404-f88e520c.1",
|
|
17
17
|
"@swc/helpers": "^0.5.1"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|