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

package/lib-commonjs/components/PromptStarter/usePromptStarter.js

@@ -12,6 +12,7 @@ const _reactprovider = require("@fluentui-copilot/react-provider");
 const _reactcomponents = require("@fluentui/react-components");
 const usePromptStarter_unstable = (props, ref)=>{
     const designVersion = (0, _reactprovider.useDesignVersion)(props.designVersion);
+    const idPrefix = (0, _reactcomponents.useId)('prompt-starter');
     return {
         components: {
             root: 'button',
@@ -22,6 +23,8 @@ const usePromptStarter_unstable = (props, ref)=>{
         },
         root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('button', {
             ref,
+            'aria-labelledby': `${idPrefix}-category`,
+            'aria-describedby': `${idPrefix}-prompt`,
             ...props
         }), {
             elementType: 'button'
@@ -30,9 +33,15 @@ const usePromptStarter_unstable = (props, ref)=>{
             elementType: 'span'
         }),
         category: _reactcomponents.slot.always(props.category, {
+            defaultProps: {
+                id: `${idPrefix}-category`
+            },
             elementType: 'span'
         }),
         prompt: _reactcomponents.slot.optional(props.prompt, {
+            defaultProps: {
+                id: `${idPrefix}-prompt`
+            },
             elementType: 'span'
         }),
         badge: _reactcomponents.slot.optional(props.badge, {

package/lib-commonjs/components/PromptStarter/usePromptStarter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePromptStarter.ts"],"sourcesContent":["import { useDesignVersion } from '@fluentui-copilot/react-provider';\nimport { Badge, getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport type { PromptStarterProps, PromptStarterState } from './PromptStarter.types';\n\n/**\n * Create the state required to render PromptStarter.\n *\n * The returned state can be modified with hooks such as usePromptStarterStyles_unstable,\n * before being passed to renderPromptStarter_unstable.\n *\n * @param props - props from this instance of PromptStarter\n * @param ref - reference to root HTMLElement of PromptStarter\n */\nexport const usePromptStarter_unstable = (\n  props: PromptStarterProps,\n  ref: React.Ref<HTMLButtonElement>,\n): PromptStarterState => {\n  const designVersion = useDesignVersion(props.designVersion);\n  return {\n    components: {\n      root: 'button',\n      icon: 'span',\n      category: 'span',\n      prompt: 'span',\n      badge: Badge,\n    },\n    root: slot.always(\n      getIntrinsicElementProps('button', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'button' },\n    ),\n    icon: slot.always(props.icon, { elementType: 'span' }),\n    category: slot.always(props.category, { elementType: 'span' }),\n    prompt: slot.optional(props.prompt, { elementType: 'span' }),\n    badge: slot.optional(props.badge, { defaultProps: { appearance: 'tint' }, elementType: Badge }),\n    designVersion,\n  };\n};\n"],"names":["designVersion","useDesignVersion","props","components","root","icon","category","prompt","badge","Badge","ref","elementType","defaultProps","appearance"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAiBQA;;;eAAAA;;;+BAjByB;iCACqB;AAgBpD,MAAMA,4BAAgBC,CAAAA,OAAuBD;UAC7CA,gBAAOC,IAAAA,+BAAA,EAAAC,MAAAF,aAAA;WACLG;oBACEC;kBACAC;kBACAC;sBACAC;oBACAC;mBACFC,sBAAA;;mCAGIC,CAAAA,MAAAA,CAAAA,IAAAA,yCAAAA,EAAAA,UAAAA;;eAEFR,KACA;;yBAAwB;;mCAEMS,CAAAA,MAAAA,CAAAA,MAAaN,IAAA,EAAA;yBAAO;;kBACZM,qBAAAA,CAAAA,MAAa,CAAAT,MAAAI,QAAA,EAAA;yBAAO;;gBACtBK,qBAAAA,CAAAA,QAAa,CAAAT,MAAAK,MAAA,EAAA;yBAAO;;oCACtBK,CAAAA,QAAAA,CAAAA,MAAcJ,KAAA,EAAA;0BAAEK;4BAAmB;;yBAAsBJ,sBAAA;;QAE/FT;IACA"}
+{"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":["designVersion","useDesignVersion","useId","props","idPrefix","components","root","icon","category","prompt","badge","Badge","ref","elementType","defaultProps","appearance"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAiBQA;;;eAAAA;;;+BAjByB;iCAC4B;AAgB3D,MAAMA,4BAAgBC,CAAAA,OAAuBD;UAC7CA,gBAAiBE,IAAAA,+BAAM,EAAAC,MAAAH,aAAA;UAEvBI,WAAOF,IAAAA,sBAAA,EAAA;WACLG;oBACEC;kBACAC;kBACAC;sBACAC;oBACAC;mBACFC,sBAAA;;mCAGIC,CAAAA,MAAAA,CAAAA,IAAAA,yCAAAA,EAAAA,UAAAA;;+BAEA,CAAA,EAAAR,SAAuBA,SAAS,CAAA;gCACxB,CAAA,EAAAA,SAAA,OAAA,CAAA;eACVD,KACA;;yBAAwB;;mCAEMU,CAAAA,MAAAA,CAAAA,MAAaN,IAAA,EAAA;yBAAO;;kBACZO,qBAAAA,CAAAA,MAAAA,CAAcX,MAAAK,QAAA,EAAA;0BAAM;oBAAuB,CAAA,EAAAJ,SAAA,SAAA,CAAA;;yBAAuB;;gBACpEU,qBAAAA,CAAAA,QAAAA,CAAcX,MAAAM,MAAA,EAAA;0BAAM;oBAAqB,CAAA,EAAAL,SAAA,OAAA,CAAA;;yBAAuB;;oCAClEU,CAAAA,QAAAA,CAAAA,MAAcJ,KAAA,EAAA;0BAAEK;4BAAmB;;yBAAsBJ,sBAAA;;QAE/FX;IACA"}

package/lib-commonjs/components/PromptStarterV2/PromptStarter/PromptStarter.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PromptStarter", {
+    enumerable: true,
+    get: function() {
+        return PromptStarter;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _usePromptStarter = require("./usePromptStarter");
+const _renderPromptStarter = require("./renderPromptStarter");
+const _usePromptStarterStylesstyles = require("./usePromptStarterStyles.styles");
+const _reactprovider = require("@fluentui-copilot/react-provider");
+const PromptStarter = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _usePromptStarter.usePromptStarter_unstable)(props, ref);
+    (0, _usePromptStarterStylesstyles.usePromptStarterStyles_unstable)(state);
+    (0, _reactprovider.useCustomStyleHook)('usePromptStarterStyles')(state);
+    return (0, _renderPromptStarter.renderPromptStarter_unstable)(state);
+});
+PromptStarter.displayName = 'PromptStarter'; //# sourceMappingURL=PromptStarter.js.map

package/lib-commonjs/components/PromptStarterV2/PromptStarter/PromptStarter.js.map

@@ -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","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"}

package/lib-commonjs/components/PromptStarterV2/PromptStarter/PromptStarter.types.js

@@ -0,0 +1,7 @@
+/**
+ * State used in rendering PromptStarter
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+ //# sourceMappingURL=PromptStarter.types.js.map

package/lib-commonjs/components/PromptStarterV2/PromptStarter/PromptStarter.types.js.map

@@ -0,0 +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  isSingleColumn?: boolean;\n};\n"],"names":[],"rangeMappings":";;","mappings":"AAgBA;;CAEC"}

package/lib-commonjs/components/PromptStarterV2/PromptStarter/index.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    PromptStarter: function() {
+        return _PromptStarter.PromptStarter;
+    },
+    promptStarterClassNames: function() {
+        return _usePromptStarterStylesstyles.promptStarterClassNames;
+    },
+    renderPromptStarter_unstable: function() {
+        return _renderPromptStarter.renderPromptStarter_unstable;
+    },
+    usePromptStarterStyles_unstable: function() {
+        return _usePromptStarterStylesstyles.usePromptStarterStyles_unstable;
+    },
+    usePromptStarter_unstable: function() {
+        return _usePromptStarter.usePromptStarter_unstable;
+    }
+});
+const _PromptStarter = require("./PromptStarter");
+const _renderPromptStarter = require("./renderPromptStarter");
+const _usePromptStarter = require("./usePromptStarter");
+const _usePromptStarterStylesstyles = require("./usePromptStarterStyles.styles");
+ //# sourceMappingURL=index.js.map

package/lib-commonjs/components/PromptStarterV2/PromptStarter/index.js.map

@@ -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"}

package/lib-commonjs/components/PromptStarterV2/PromptStarter/promptStarterMotion.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PromptStarterMotion", {
+    enumerable: true,
+    get: function() {
+        return PromptStarterMotion;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const PromptStarterMotion = (0, _reactcomponents.createPresenceComponent)(({ index, numberOfColumns })=>{
+    const isFirstRow = index < numberOfColumns;
+    const delay = isFirstRow ? index * 50 : (index - numberOfColumns) * 50;
+    const opacityDuration = 100;
+    const opacityOffset = delay / (delay + 100);
+    const opacityEasing = 'linear';
+    const scaleDuration = 500;
+    const scaleOffset = delay / (delay + scaleDuration);
+    const scaleEasing = `cubic-bezier(0.22, 1.59, 0.46, 1)`;
+    return {
+        enter: [
+            {
+                keyframes: [
+                    {
+                        opacity: 0
+                    },
+                    {
+                        opacity: 0,
+                        offset: opacityOffset
+                    },
+                    {
+                        opacity: 1
+                    }
+                ],
+                easing: opacityEasing,
+                duration: opacityDuration + delay
+            },
+            {
+                keyframes: [
+                    {
+                        transform: 'scale(0.9)'
+                    },
+                    {
+                        transform: 'scale(0.9)',
+                        offset: scaleOffset
+                    },
+                    {
+                        transform: 'scale(1)'
+                    }
+                ],
+                easing: scaleEasing,
+                duration: scaleDuration + delay
+            }
+        ],
+        exit: {
+            keyframes: []
+        }
+    };
+}); //# sourceMappingURL=promptStarterMotion.js.map

package/lib-commonjs/components/PromptStarterV2/PromptStarter/promptStarterMotion.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["promptStarterMotion.ts"],"sourcesContent":["import { createPresenceComponent } from '@fluentui/react-components';\n\nexport type PromptStarterMotionParams = { index: number; numberOfColumns: number };\n\nexport const PromptStarterMotion = createPresenceComponent<PromptStarterMotionParams>(({ index, numberOfColumns }) => {\n  const isFirstRow = index < numberOfColumns;\n  const delay = isFirstRow ? index * 50 : (index - numberOfColumns) * 50;\n\n  const opacityDuration = 100;\n  const opacityOffset = delay / (delay + 100);\n  const opacityEasing = 'linear';\n\n  const scaleDuration = 500;\n  const scaleOffset = delay / (delay + scaleDuration);\n  const scaleEasing = `cubic-bezier(0.22, 1.59, 0.46, 1)`;\n\n  return {\n    enter: [\n      {\n        keyframes: [{ opacity: 0 }, { opacity: 0, offset: opacityOffset }, { opacity: 1 }],\n        easing: opacityEasing,\n        duration: opacityDuration + delay,\n      },\n      {\n        keyframes: [\n          { transform: 'scale(0.9)' },\n          { transform: 'scale(0.9)', offset: scaleOffset },\n          { transform: 'scale(1)' },\n        ],\n        easing: scaleEasing,\n        duration: scaleDuration + delay,\n      },\n    ],\n    exit: {\n      keyframes: [],\n    },\n  };\n});\n"],"names":["PromptStarterMotion","createPresenceComponent","delay","isFirstRow","opacityOffset","opacityEasing","index","numberOfColumns","opacityDuration","scaleDuration","enter","duration","keyframes","scaleOffset"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAIaA;;;eAAAA;;;iCAJ2B;AAIjC,MAAMA,sBAAsBC,IAAAA,wCAAAA,EAAmD,CAAC,OACrF,iBACMC;UAGNC,aAAMC,QAAgBF;UACtBA,QAAMG,aAAgBC,QAAA,KAAA,AAAAA,CAAAA,QAAAC,eAAA,IAAA;UAEtBC,kBAAsB;UACtBJ,gBAAoBF,QAASA,CAAAA,QAAQO,GAAAA;UACrCJ,gBAAoB;UAEpBI,gBAAO;UACLC,cAAOR,QAAAA,CAAAA,QAAAO,aAAA;wBACL,CAAA,iCAAA,CAAA;;;;;;;;;;;;;;;;;4CACoFP;;;2BAElFS;oBAAAA;mCACF;;;mCAEEC;;;;;;;;0CAEqCC;;;;;;;mDAIXX"}

package/lib-commonjs/components/PromptStarterV2/PromptStarter/renderPromptStarter.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderPromptStarter_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderPromptStarter_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactcomponents = require("@fluentui/react-components");
+const renderPromptStarter_unstable = (state)=>{
+    (0, _reactcomponents.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.primaryAction, {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {}),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(state.prompt, {}),
+                    state.reasonMarker && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.reasonMarker, {})
+                ]
+            }),
+            state.actions && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.actions, {})
+        ]
+    });
+}; //# sourceMappingURL=renderPromptStarter.js.map

package/lib-commonjs/components/PromptStarterV2/PromptStarter/renderPromptStarter.js.map

@@ -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.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"}

package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarter.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "usePromptStarter_unstable", {
+    enumerable: true,
+    get: function() {
+        return usePromptStarter_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _PromptStarterListContext = require("../../../contexts/PromptStarterListContext");
+const usePromptStarter_unstable = (props, ref)=>{
+    const id = (0, _reactcomponents.useId)('prompt-starter');
+    const focusAttrs = (0, _reactcomponents.useFocusableGroup)();
+    const numberOfColumns = (0, _PromptStarterListContext.usePromptStarterListContext)((ctx)=>ctx.numberOfColumns);
+    const state = {
+        isSingleColumn: numberOfColumns === 1,
+        components: {
+            root: 'div',
+            primaryAction: 'button',
+            icon: 'span',
+            prompt: 'span',
+            reasonMarker: 'span',
+            actions: 'span'
+        },
+        root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('div', {
+            ref,
+            'aria-labelledby': `${id}-prompt`,
+            'aria-describedby': `${id}-icon, ${id}-reasonMarker`,
+            ...focusAttrs,
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        primaryAction: _reactcomponents.slot.always(props.primaryAction, {
+            elementType: 'button'
+        }),
+        icon: _reactcomponents.slot.always(props.icon, {
+            defaultProps: {
+                id: `${id}-icon`
+            },
+            elementType: 'span'
+        }),
+        prompt: _reactcomponents.slot.always(props.prompt, {
+            defaultProps: {
+                id: `${id}-prompt`
+            },
+            elementType: 'span'
+        }),
+        reasonMarker: _reactcomponents.slot.optional(props.reasonMarker, {
+            defaultProps: {
+                id: `${id}-reasonMarker`
+            },
+            elementType: 'span'
+        }),
+        actions: _reactcomponents.slot.optional(props.actions, {
+            elementType: 'span'
+        })
+    };
+    return state;
+}; //# sourceMappingURL=usePromptStarter.js.map

package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["usePromptStarter.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot, useFocusableGroup, useId } from '@fluentui/react-components';\nimport { usePromptStarterListContext } from '../../../contexts/PromptStarterListContext';\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  const focusAttrs = useFocusableGroup();\n\n  const numberOfColumns = usePromptStarterListContext(ctx => ctx.numberOfColumns);\n\n  const state: PromptStarterState = {\n    isSingleColumn: numberOfColumns === 1,\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        ...focusAttrs,\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","focusAttrs","numberOfColumns","usePromptStarterListContext","ctx","isSingleColumn","root","primaryAction","prompt","reasonMarker","actions","elementType","defaultProps","icon","state"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAiBQA;;;eAAAA;;;iCAjBiE;0CAC7B;AAgB1C,MAAMA,4BAAW,CAAAC,OAAAC;UACjBF,KAAMG,IAAAA,sBAAAA,EAAAA;UAENA,aAAMC,IAAAA,kCAAkBC;UAExBD,kBAAkCC,IAAAA,qDAAA,EAAAC,CAAAA,MAAAA,IAAAF,eAAA;UAChCG,QAAAA;wBACYH,oBAAA;oBACVI;kBACAC;2BACM;kBACNC;oBACAC;0BACAC;qBACF;;mCAGIV,CAAAA,MAAAA,CAAAA,IAAAA,yCAAAA,EAAAA,OAAAA;;+BAEA,CAAA,EAAAF,GAAA,OAA0B,CAAA;gCACb,CAAA,EAAAA,GAAA,OAAA,EAAAA,GAAA,aAAA,CAAA;yBACVC;eACLA,KACA;;yBAAqB;;uBAGrBY,qBAAAA,CAAAA,MAAa,CAAAZ,MAAAQ,aAAA,EAAA;yBACf;;mCAEEK,CAAAA,MAAAA,CAAAA,MAAcC,IAAA,EAAA;0BAAM;oBAAa,CAAA,EAAAf,GAAA,KAAA,CAAA;;yBAEnC;;gBAEEc,qBAAAA,CAAAA,MAAAA,CAAAA,MAAcJ,MAAA,EAAA;0BAAM;oBAAe,CAAA,EAAAV,GAAA,OAAA,CAAA;;yBAErC;;sBAEEc,qBAAAA,CAAAA,QAAc,CAAAb,MAAAU,YAAA,EAAA;0BAAM;oBAAqB,CAAA,EAAAX,GAAA,aAAA,CAAA;;yBAE3C;;iBACwCa,qBAAAA,CAAAA,QAAa,CAAAZ,MAAAW,OAAA,EAAA;yBAAO;QAC9D;;IAGA,OAAAI"}