@fluentui-copilot/react-prompt-starter 0.0.0-nightly-20251010-0406-7df7c6d1.1 → 0.0.0-nightly-20251013-0406-7c7739c8.1

package/lib-commonjs/PromptStarter.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    PromptStarter: function() {
+        return _index.PromptStarter;
+    },
+    promptStarterClassNames: function() {
+        return _index.promptStarterClassNames;
+    },
+    renderPromptStarter_unstable: function() {
+        return _index.renderPromptStarter_unstable;
+    },
+    usePromptStarterStyles_unstable: function() {
+        return _index.usePromptStarterStyles_unstable;
+    },
+    usePromptStarter_unstable: function() {
+        return _index.usePromptStarter_unstable;
+    }
+});
+const _index = require("./components/PromptStarter/index");

package/lib-commonjs/PromptStarter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PromptStarter.ts"],"sourcesContent":["export type { PromptStarterProps, PromptStarterSlots, PromptStarterState } from './components/PromptStarter/index';\nexport { PromptStarter, promptStarterClassNames, renderPromptStarter_unstable, usePromptStarterStyles_unstable, usePromptStarter_unstable } from './components/PromptStarter/index';\n"],"names":["PromptStarter","promptStarterClassNames","renderPromptStarter_unstable","usePromptStarterStyles_unstable","usePromptStarter_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACSA,aAAa;eAAbA,oBAAa;;IAAEC,uBAAuB;eAAvBA,8BAAuB;;IAAEC,4BAA4B;eAA5BA,mCAA4B;;IAAEC,+BAA+B;eAA/BA,sCAA+B;;IAAEC,yBAAyB;eAAzBA,gCAAyB;;;uBAAQ"}

package/lib-commonjs/PromptStarterList.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    PromptStarterList: function() {
+        return _index.PromptStarterList;
+    },
+    promptStarterListClassNames: function() {
+        return _index.promptStarterListClassNames;
+    },
+    renderPromptStarterList_unstable: function() {
+        return _index.renderPromptStarterList_unstable;
+    },
+    usePromptStarterListStyles_unstable: function() {
+        return _index.usePromptStarterListStyles_unstable;
+    },
+    usePromptStarterList_unstable: function() {
+        return _index.usePromptStarterList_unstable;
+    }
+});
+const _index = require("./components/PromptStarterV2/PromptStarterList/index");

package/lib-commonjs/PromptStarterList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PromptStarterList.ts"],"sourcesContent":["export {\n  PromptStarterList,\n  renderPromptStarterList_unstable,\n  usePromptStarterList_unstable,\n  promptStarterListClassNames,\n  usePromptStarterListStyles_unstable,\n} from './components/PromptStarterV2/PromptStarterList/index';\nexport type {\n  PromptStarterListProps,\n  PromptStarterListSlots,\n  PromptStarterListState,\n  PromptStarterListContextValue,\n} from './components/PromptStarterV2/PromptStarterList/index';\n"],"names":["PromptStarterList","promptStarterListClassNames","renderPromptStarterList_unstable","usePromptStarterListStyles_unstable","usePromptStarterList_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACEA,iBAAiB;eAAjBA,wBAAiB;;IAGjBC,2BAA2B;eAA3BA,kCAA2B;;IAF3BC,gCAAgC;eAAhCA,uCAAgC;;IAGhCC,mCAAmC;eAAnCA,0CAAmC;;IAFnCC,6BAA6B;eAA7BA,oCAA6B;;;uBAGxB"}

package/lib-commonjs/PromptStarterV2.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    PromptStarter: function() {
+        return _index.PromptStarter;
+    },
+    promptStarterClassNames: function() {
+        return _index.promptStarterClassNames;
+    },
+    renderPromptStarter_unstable: function() {
+        return _index.renderPromptStarter_unstable;
+    },
+    usePromptStarterStyles_unstable: function() {
+        return _index.usePromptStarterStyles_unstable;
+    },
+    usePromptStarter_unstable: function() {
+        return _index.usePromptStarter_unstable;
+    }
+});
+const _index = require("./components/PromptStarterV2/PromptStarter/index");

package/lib-commonjs/PromptStarterV2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PromptStarterV2.ts"],"sourcesContent":["export type {\n  PromptStarterProps,\n  PromptStarterSlots,\n  PromptStarterState,\n} from './components/PromptStarterV2/PromptStarter/index';\nexport {\n  PromptStarter,\n  promptStarterClassNames,\n  renderPromptStarter_unstable,\n  usePromptStarterStyles_unstable,\n  usePromptStarter_unstable,\n} from './components/PromptStarterV2/PromptStarter/index';\n"],"names":["PromptStarter","promptStarterClassNames","renderPromptStarter_unstable","usePromptStarterStyles_unstable","usePromptStarter_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMEA,aAAa;eAAbA,oBAAa;;IACbC,uBAAuB;eAAvBA,8BAAuB;;IACvBC,4BAA4B;eAA5BA,mCAA4B;;IAC5BC,+BAA+B;eAA/BA,sCAA+B;;IAC/BC,yBAAyB;eAAzBA,gCAAyB;;;uBACpB"}

package/lib-commonjs/components/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';

package/lib-commonjs/components/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","ref","state","usePromptStarter_unstable","usePromptStarterStyles_unstable","useCustomStyleHook","renderPromptStarter_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;kCACmB;qCACG;8CACG;+BACb;AAI5B,MAAMA,gBAAAA,WAAAA,GAAyDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQC,IAAAA,2CAAAA,EAA0BH,OAAOC;IAE/CG,IAAAA,6DAAAA,EAAgCF;IAChCG,IAAAA,iCAAAA,EAAmB,0BAA0BH;IAE7C,OAAOI,IAAAA,iDAAAA,EAA6BJ;AACtC;AAEAL,cAAcU,WAAW,GAAG"}

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

@@ -0,0 +1,6 @@
+/**
+ * State used in rendering PromptStarter
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["PromptStarter.types.ts"],"sourcesContent":["import type { DesignVersion } from '@fluentui-copilot/react-provider';\nimport type { ComponentProps, ComponentState, Slot, BadgeProps } from '@fluentui/react-components';\n\nexport type PromptStarterSlots = {\n  root: Slot<'button'>;\n  icon: NonNullable<Slot<'span'>>;\n  category: NonNullable<Slot<'span'>>;\n  prompt?: Slot<'span'>;\n  badge?: Slot<BadgeProps>;\n};\n\n/**\n * PromptStarter Props\n */\nexport type PromptStarterProps = ComponentProps<PromptStarterSlots> & DesignVersion & {};\n\n/**\n * State used in rendering PromptStarter\n */\nexport type PromptStarterState = ComponentState<PromptStarterSlots> &\n  Pick<Required<PromptStarterProps>, 'designVersion'>;\n"],"names":[],"rangeMappings":";;","mappings":"AAgBA;;CAEC"}

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

@@ -0,0 +1,31 @@
+"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");

package/lib-commonjs/components/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/PromptStarter/renderPromptStarter.js

@@ -0,0 +1,28 @@
+"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.jsx)(state.icon, {}),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.category, {
+                children: [
+                    state.category.children,
+                    " ",
+                    state.badge && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.badge, {})
+                ]
+            }),
+            state.prompt && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.prompt, {})
+        ]
+    });
+};

package/lib-commonjs/components/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 { JSXElement } from '@fluentui/react-components';\nimport type { PromptStarterState, PromptStarterSlots } from './PromptStarter.types';\n\nexport const renderPromptStarter_unstable = (state: PromptStarterState): JSXElement => {\n  assertSlots<PromptStarterSlots>(state);\n\n  return (\n    <state.root>\n      <state.icon />\n      <state.category>\n        {state.category.children} {state.badge && <state.badge />}\n      </state.category>\n      {state.prompt && <state.prompt />}\n    </state.root>\n  );\n};\n"],"names":["renderPromptStarter_unstable","state","assertSlots","_jsxs","root","_jsx","icon","category","children","badge","prompt"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;4BANb;iCAE4B;AAIrB,MAAMA,+BAA+B,CAACC;IAC3CC,IAAAA,4BAAAA,EAAgCD;IAEhC,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;0BACTC,IAAAA,eAAA,EAACJ,MAAMK,IAAI,EAAA,CAAA;0BACXH,IAAAA,gBAAA,EAACF,MAAMM,QAAQ,EAAA;;oBACZN,MAAMM,QAAQ,CAACC,QAAQ;oBAAC;oBAAEP,MAAMQ,KAAK,IAAA,WAAA,GAAIJ,IAAAA,eAAA,EAACJ,MAAMQ,KAAK,EAAA,CAAA;;;YAEvDR,MAAMS,MAAM,IAAA,WAAA,GAAIL,IAAAA,eAAA,EAACJ,MAAMS,MAAM,EAAA,CAAA;;;AAGpC"}

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

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "usePromptStarter_unstable", {
+    enumerable: true,
+    get: function() {
+        return usePromptStarter_unstable;
+    }
+});
+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',
+            icon: 'span',
+            category: 'span',
+            prompt: 'span',
+            badge: _reactcomponents.Badge
+        },
+        root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('button', {
+            ref,
+            'aria-labelledby': `${idPrefix}-category`,
+            'aria-describedby': `${idPrefix}-prompt`,
+            ...props
+        }), {
+            elementType: 'button'
+        }),
+        icon: _reactcomponents.slot.always(props.icon, {
+            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, {
+            defaultProps: {
+                appearance: 'tint'
+            },
+            elementType: _reactcomponents.Badge
+        }),
+        designVersion
+    };
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["usePromptStarter.ts"],"sourcesContent":["import { useDesignVersion } from '@fluentui-copilot/react-provider';\nimport { Badge, getIntrinsicElementProps, slot, useId } from '@fluentui/react-components';\nimport type { PromptStarterProps, PromptStarterState } from './PromptStarter.types';\n\n/**\n * Create the state required to render PromptStarter.\n *\n * The returned state can be modified with hooks such as usePromptStarterStyles_unstable,\n * before being passed to renderPromptStarter_unstable.\n *\n * @param props - props from this instance of PromptStarter\n * @param ref - reference to root HTMLElement of PromptStarter\n */\nexport const usePromptStarter_unstable = (\n  props: PromptStarterProps,\n  ref: React.Ref<HTMLButtonElement>,\n): PromptStarterState => {\n  const designVersion = useDesignVersion(props.designVersion);\n  const idPrefix = useId('prompt-starter');\n\n  return {\n    components: {\n      root: 'button',\n      icon: 'span',\n      category: 'span',\n      prompt: 'span',\n      badge: Badge,\n    },\n    root: slot.always(\n      getIntrinsicElementProps('button', {\n        ref,\n        'aria-labelledby': `${idPrefix}-category`,\n        'aria-describedby': `${idPrefix}-prompt`,\n        ...props,\n      }),\n      { elementType: 'button' },\n    ),\n    icon: slot.always(props.icon, { elementType: 'span' }),\n    category: slot.always(props.category, { defaultProps: { id: `${idPrefix}-category` }, elementType: 'span' }),\n    prompt: slot.optional(props.prompt, { defaultProps: { id: `${idPrefix}-prompt` }, elementType: 'span' }),\n    badge: slot.optional(props.badge, { defaultProps: { appearance: 'tint' }, elementType: Badge }),\n    designVersion,\n  };\n};\n"],"names":["usePromptStarter_unstable","props","ref","designVersion","useDesignVersion","idPrefix","useId","components","root","icon","category","prompt","badge","Badge","slot","always","getIntrinsicElementProps","elementType","defaultProps","id","optional","appearance"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;+BAboB;iCAC4B;AAYtD,MAAMA,4BAA4B,CACvCC,OACAC;IAEA,MAAMC,gBAAgBC,IAAAA,+BAAAA,EAAiBH,MAAME,aAAa;IAC1D,MAAME,WAAWC,IAAAA,sBAAAA,EAAM;IAEvB,OAAO;QACLC,YAAY;YACVC,MAAM;YACNC,MAAM;YACNC,UAAU;YACVC,QAAQ;YACRC,OAAOC,sBAAAA;QACT;QACAL,MAAMM,qBAAAA,CAAKC,MAAM,CACfC,IAAAA,yCAAAA,EAAyB,UAAU;YACjCd;YACA,mBAAmB,CAAC,EAAEG,SAAS,SAAS,CAAC;YACzC,oBAAoB,CAAC,EAAEA,SAAS,OAAO,CAAC;YACxC,GAAGJ,KAAK;QACV,IACA;YAAEgB,aAAa;QAAS;QAE1BR,MAAMK,qBAAAA,CAAKC,MAAM,CAACd,MAAMQ,IAAI,EAAE;YAAEQ,aAAa;QAAO;QACpDP,UAAUI,qBAAAA,CAAKC,MAAM,CAACd,MAAMS,QAAQ,EAAE;YAAEQ,cAAc;gBAAEC,IAAI,CAAC,EAAEd,SAAS,SAAS,CAAC;YAAC;YAAGY,aAAa;QAAO;QAC1GN,QAAQG,qBAAAA,CAAKM,QAAQ,CAACnB,MAAMU,MAAM,EAAE;YAAEO,cAAc;gBAAEC,IAAI,CAAC,EAAEd,SAAS,OAAO,CAAC;YAAC;YAAGY,aAAa;QAAO;QACtGL,OAAOE,qBAAAA,CAAKM,QAAQ,CAACnB,MAAMW,KAAK,EAAE;YAAEM,cAAc;gBAAEG,YAAY;YAAO;YAAGJ,aAAaJ,sBAAAA;QAAM;QAC7FV;IACF;AACF"}

package/lib-commonjs/components/PromptStarter/usePromptStarterStyles.styles.js

@@ -0,0 +1,292 @@
+"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, {
+    promptStarterClassNames: function() {
+        return promptStarterClassNames;
+    },
+    usePromptStarterStyles_unstable: function() {
+        return usePromptStarterStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const promptStarterClassNames = {
+    root: 'fai-PromptStarter',
+    category: 'fai-PromptStarter__category',
+    icon: 'fai-PromptStarter__icon',
+    prompt: 'fai-PromptStarter__prompt',
+    badge: 'fai-PromptStarter__badge'
+};
+const useRootResetStyles = (0, _reactcomponents.__resetStyles)("r1imcuat", "r16caqmn", {
+    r: [
+        ".r1imcuat{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-template-areas:\"icon category\" \".    prompt\";background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);cursor:pointer;outline-style:none;text-align:left;gap:0px 8px;padding:6px 8px 8px 8px;border-top-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:var(--colorNeutralStroke1);border-right-color:var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStroke1);border-left-color:var(--colorNeutralStroke1);border-radius:var(--borderRadiusMedium);}",
+        ".r1imcuat:hover{background-color:var(--colorNeutralBackground1Hover);border-top-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:var(--colorNeutralStroke1Hover);border-right-color:var(--colorNeutralStroke1Hover);border-bottom-color:var(--colorNeutralStroke1Hover);border-left-color:var(--colorNeutralStroke1Hover);}",
+        ".r1imcuat:active{background-color:var(--colorNeutralBackground1Pressed);border-top-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:var(--colorNeutralStroke1Pressed);border-right-color:var(--colorNeutralStroke1Pressed);border-bottom-color:var(--colorNeutralStroke1Pressed);border-left-color:var(--colorNeutralStroke1Pressed);}",
+        ".r1imcuat:focus{outline-style:none;}",
+        ".r1imcuat:focus-visible{outline-style:none;}",
+        ".r1imcuat[data-fui-focus-visible]{border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}",
+        ".r1imcuat[data-fui-focus-visible]::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border:2px solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);top:calc(2px * -1);right:calc(2px * -1);bottom:calc(2px * -1);left:calc(2px * -1);}",
+        ".r16caqmn{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-template-areas:\"icon category\" \".    prompt\";background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);cursor:pointer;outline-style:none;text-align:right;gap:0px 8px;padding:6px 8px 8px 8px;border-top-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-color:var(--colorNeutralStroke1);border-left-color:var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStroke1);border-right-color:var(--colorNeutralStroke1);border-radius:var(--borderRadiusMedium);}",
+        ".r16caqmn:hover{background-color:var(--colorNeutralBackground1Hover);border-top-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-color:var(--colorNeutralStroke1Hover);border-left-color:var(--colorNeutralStroke1Hover);border-bottom-color:var(--colorNeutralStroke1Hover);border-right-color:var(--colorNeutralStroke1Hover);}",
+        ".r16caqmn:active{background-color:var(--colorNeutralBackground1Pressed);border-top-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-color:var(--colorNeutralStroke1Pressed);border-left-color:var(--colorNeutralStroke1Pressed);border-bottom-color:var(--colorNeutralStroke1Pressed);border-right-color:var(--colorNeutralStroke1Pressed);}",
+        ".r16caqmn:focus{outline-style:none;}",
+        ".r16caqmn:focus-visible{outline-style:none;}",
+        ".r16caqmn[data-fui-focus-visible]{border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;}",
+        ".r16caqmn[data-fui-focus-visible]::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border:2px solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);top:calc(2px * -1);left:calc(2px * -1);bottom:calc(2px * -1);right:calc(2px * -1);}"
+    ],
+    s: [
+        "@media (forced-colors: active){.r1imcuat[data-fui-focus-visible]::after{border-top-color:Highlight;border-right-color:Highlight;border-bottom-color:Highlight;border-left-color:Highlight;}}",
+        "@media (forced-colors: active){.r16caqmn[data-fui-focus-visible]::after{border-top-color:Highlight;border-left-color:Highlight;border-bottom-color:Highlight;border-right-color:Highlight;}}"
+    ]
+});
+const useStyles = (0, _reactcomponents.__styles)({
+    disabled: {
+        Bceei9c: "fdrzuqr",
+        De3pzq: "f1bg9a2p",
+        B4j52fo: "f192inf7",
+        Bekrc4i: [
+            "f5tn483",
+            "f1ojsxk5"
+        ],
+        Bn0qgzm: "f1vxd6vx",
+        ibv6hh: [
+            "f1ojsxk5",
+            "f5tn483"
+        ],
+        icvyot: "fzkkow9",
+        vrafjx: [
+            "fcdblym",
+            "fjik90z"
+        ],
+        oivjwe: "fg706s2",
+        wvpqe5: [
+            "fjik90z",
+            "fcdblym"
+        ],
+        g2u3we: "f1jj8ep1",
+        h3c5rm: [
+            "f15xbau",
+            "fy0fskl"
+        ],
+        B9xav0g: "f4ikngz",
+        zhjwy3: [
+            "fy0fskl",
+            "f15xbau"
+        ],
+        Jwef8y: "f1falr9n",
+        ckks6v: "f7ic3uo",
+        B2zwrfe: [
+            "f1omjgsz",
+            "f1snvl17"
+        ],
+        xv9156: "fn6xmsl",
+        dt87k2: [
+            "f1snvl17",
+            "f1omjgsz"
+        ],
+        Bf40cpq: "f1sn8sm0",
+        Bop6t4b: [
+            "f1wovo5e",
+            "f716mnf"
+        ],
+        gvrnp0: "fm0h710",
+        Beu9t3s: [
+            "f716mnf",
+            "f1wovo5e"
+        ],
+        Bgoe8wy: "f12mpcsy",
+        Bwzppfd: [
+            "f1gwvigk",
+            "f18rmfxp"
+        ],
+        oetu4i: "f1jnshp0",
+        gg5e9n: [
+            "f18rmfxp",
+            "f1gwvigk"
+        ],
+        ecr2s2: "f1ryyzvn",
+        uqwnxt: "fk7lb2a",
+        Bvecx4l: [
+            "f1knhbbd",
+            "f17itt0b"
+        ],
+        Bs0cc2w: "f15pjvi3",
+        e1hlit: [
+            "f17itt0b",
+            "f1knhbbd"
+        ],
+        e2sjt0: "f6ginmj",
+        Bbcopvn: [
+            "f1grcyuh",
+            "fgzu20w"
+        ],
+        Bj33j0h: "fk1xjsr",
+        f7epvg: [
+            "fgzu20w",
+            "f1grcyuh"
+        ],
+        B6oc9vd: "fdi4vxw",
+        ak43y8: [
+            "f4ryxzl",
+            "fkdgpbx"
+        ],
+        wmxk5l: "fcmhn06",
+        B50zh58: [
+            "fkdgpbx",
+            "f4ryxzl"
+        ]
+    },
+    icon: {
+        Bw0ie65: 0,
+        Br312pm: 0,
+        nk6f5a: 0,
+        Ijaq50: 0,
+        Bq1tomu: "f1atrtdw",
+        mc9l5x: "f22iagw",
+        qb2dma: "f7nlbp4"
+    },
+    category: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fkhj508",
+        Bhrd7zp: "fl43uef",
+        Bg96gwp: "f1i3iumi",
+        Bw0ie65: 0,
+        Br312pm: 0,
+        nk6f5a: 0,
+        Ijaq50: 0,
+        Bq1tomu: "fq22uu8"
+    },
+    prompt: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fkhj508",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "f1i3iumi",
+        Bw0ie65: 0,
+        Br312pm: 0,
+        nk6f5a: 0,
+        Ijaq50: 0,
+        Bq1tomu: "f1t16na1"
+    },
+    disabledText: {
+        sj55zd: "f1s2aq7o"
+    },
+    disabledBadge: {
+        abs64n: "fege8ms"
+    }
+}, {
+    d: [
+        ".fdrzuqr{cursor:not-allowed;}",
+        ".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}",
+        ".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;}",
+        ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}",
+        ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}",
+        ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}",
+        ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}",
+        [
+            ".f1atrtdw{grid-area:icon;}",
+            {
+                p: -1
+            }
+        ],
+        ".f22iagw{display:flex;}",
+        ".f7nlbp4{align-self:center;}",
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".fkhj508{font-size:var(--fontSizeBase300);}",
+        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
+        ".f1i3iumi{line-height:var(--lineHeightBase300);}",
+        [
+            ".fq22uu8{grid-area:category;}",
+            {
+                p: -1
+            }
+        ],
+        ".figsok6{font-weight:var(--fontWeightRegular);}",
+        [
+            ".f1t16na1{grid-area:prompt;}",
+            {
+                p: -1
+            }
+        ],
+        ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}",
+        ".fege8ms{opacity:40%;}"
+    ],
+    h: [
+        ".f1falr9n:hover{background-color:var(--colorNeutralBackgroundDisabled);}",
+        ".f7ic3uo:hover{border-top-width:var(--strokeWidthThin);}",
+        ".f1omjgsz:hover{border-right-width:var(--strokeWidthThin);}",
+        ".f1snvl17:hover{border-left-width:var(--strokeWidthThin);}",
+        ".fn6xmsl:hover{border-bottom-width:var(--strokeWidthThin);}",
+        ".f1sn8sm0:hover{border-top-style:solid;}",
+        ".f1wovo5e:hover{border-right-style:solid;}",
+        ".f716mnf:hover{border-left-style:solid;}",
+        ".fm0h710:hover{border-bottom-style:solid;}",
+        ".f12mpcsy:hover{border-top-color:var(--colorNeutralStrokeDisabled);}",
+        ".f1gwvigk:hover{border-right-color:var(--colorNeutralStrokeDisabled);}",
+        ".f18rmfxp:hover{border-left-color:var(--colorNeutralStrokeDisabled);}",
+        ".f1jnshp0:hover{border-bottom-color:var(--colorNeutralStrokeDisabled);}"
+    ],
+    a: [
+        ".f1ryyzvn:active{background-color:var(--colorNeutralBackgroundDisabled);}",
+        ".fk7lb2a:active{border-top-width:var(--strokeWidthThin);}",
+        ".f1knhbbd:active{border-right-width:var(--strokeWidthThin);}",
+        ".f17itt0b:active{border-left-width:var(--strokeWidthThin);}",
+        ".f15pjvi3:active{border-bottom-width:var(--strokeWidthThin);}",
+        ".f6ginmj:active{border-top-style:solid;}",
+        ".f1grcyuh:active{border-right-style:solid;}",
+        ".fgzu20w:active{border-left-style:solid;}",
+        ".fk1xjsr:active{border-bottom-style:solid;}",
+        ".fdi4vxw:active{border-top-color:var(--colorNeutralStrokeDisabled);}",
+        ".f4ryxzl:active{border-right-color:var(--colorNeutralStrokeDisabled);}",
+        ".fkdgpbx:active{border-left-color:var(--colorNeutralStrokeDisabled);}",
+        ".fcmhn06:active{border-bottom-color:var(--colorNeutralStrokeDisabled);}"
+    ]
+});
+const useNextStyles = (0, _reactcomponents.__styles)({
+    root: {
+        Beyfa6y: 0,
+        Bbmb7ep: 0,
+        Btl43ni: 0,
+        B7oj6ja: 0,
+        Dimara: "f1kijzfu"
+    }
+}, {
+    d: [
+        [
+            ".f1kijzfu{border-radius:var(--borderRadiusXLarge);}",
+            {
+                p: -1
+            }
+        ]
+    ]
+});
+const usePromptStarterStyles_unstable = (state)=>{
+    'use no memo';
+    const { designVersion } = state;
+    const styles = useStyles();
+    const nextStyles = useNextStyles();
+    const rootResetStyles = useRootResetStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.root, rootResetStyles, designVersion === 'next' && nextStyles.root, state.root.disabled && styles.disabled, state.root.className);
+    state.icon.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.icon, styles.icon, state.root.disabled && styles.disabledText, state.icon.className);
+    state.category.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.category, styles.category, state.category.className, state.root.disabled && styles.disabledText);
+    if (state.prompt) {
+        state.prompt.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.prompt, styles.prompt, state.root.disabled && styles.disabledText, state.prompt.className);
+    }
+    if (state.badge) {
+        state.badge.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.badge, state.root.disabled && styles.disabledBadge, state.badge.className);
+    }
+    return state;
+}; //# sourceMappingURL=usePromptStarterStyles.styles.js.map

package/lib-commonjs/components/PromptStarter/usePromptStarterStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["usePromptStarterStyles.styles.ts"],"sourcesContent":["import {\n  makeStyles,\n  makeResetStyles,\n  mergeClasses,\n  shorthands,\n  typographyStyles,\n  createFocusOutlineStyle,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PromptStarterSlots, PromptStarterState } from './PromptStarter.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const promptStarterClassNames: SlotClassNames<PromptStarterSlots> = {\n  root: 'fai-PromptStarter',\n  category: 'fai-PromptStarter__category',\n  icon: 'fai-PromptStarter__icon',\n  prompt: 'fai-PromptStarter__prompt',\n  badge: 'fai-PromptStarter__badge',\n};\n\nconst useRootResetStyles = makeResetStyles({\n  position: 'relative',\n  display: 'grid',\n  gridTemplateColumns: 'auto 1fr',\n  gridTemplateRows: 'auto auto',\n  gridTemplateAreas: `\n    \"icon category\"\n    \".    prompt\"\n  `,\n  backgroundColor: tokens.colorNeutralBackground1,\n  color: tokens.colorNeutralForeground1,\n  fontFamily: tokens.fontFamilyBase,\n  cursor: 'pointer',\n  outlineStyle: 'none',\n  textAlign: 'left',\n  gap: '0px 8px',\n  padding: '6px 8px 8px 8px',\n  ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1),\n  borderRadius: tokens.borderRadiusMedium,\n  '&:hover': {\n    backgroundColor: tokens.colorNeutralBackground1Hover,\n    ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Hover),\n  },\n  '&:active': {\n    backgroundColor: tokens.colorNeutralBackground1Pressed,\n    ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Pressed),\n  },\n  ...createFocusOutlineStyle(),\n});\n\nconst useStyles = makeStyles({\n  disabled: {\n    cursor: 'not-allowed',\n    backgroundColor: tokens.colorNeutralBackgroundDisabled,\n    ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n    '&:hover': {\n      backgroundColor: tokens.colorNeutralBackgroundDisabled,\n      ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n    },\n    '&:active': {\n      backgroundColor: tokens.colorNeutralBackgroundDisabled,\n      ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n    },\n  },\n  icon: { gridArea: 'icon', display: 'flex', alignSelf: 'center' },\n\n  category: {\n    ...typographyStyles.body1Strong,\n    gridArea: 'category',\n  },\n  prompt: { ...typographyStyles.body1, gridArea: 'prompt' },\n  disabledText: {\n    color: tokens.colorNeutralForegroundDisabled,\n  },\n  disabledBadge: {\n    opacity: '40%',\n  },\n});\n\nconst useNextStyles = makeStyles({ root: { borderRadius: tokens.borderRadiusXLarge } });\n\nexport const usePromptStarterStyles_unstable = (state: PromptStarterState): PromptStarterState => {\n  'use no memo';\n\n  const { designVersion } = state;\n\n  const styles = useStyles();\n  const nextStyles = useNextStyles();\n  const rootResetStyles = useRootResetStyles();\n  state.root.className = mergeClasses(\n    promptStarterClassNames.root,\n    rootResetStyles,\n    designVersion === 'next' && nextStyles.root,\n    state.root.disabled && styles.disabled,\n    state.root.className,\n  );\n  state.icon.className = mergeClasses(\n    promptStarterClassNames.icon,\n    styles.icon,\n    state.root.disabled && styles.disabledText,\n    state.icon.className,\n  );\n  state.category.className = mergeClasses(\n    promptStarterClassNames.category,\n    styles.category,\n    state.category.className,\n    state.root.disabled && styles.disabledText,\n  );\n  if (state.prompt) {\n    state.prompt.className = mergeClasses(\n      promptStarterClassNames.prompt,\n      styles.prompt,\n      state.root.disabled && styles.disabledText,\n      state.prompt.className,\n    );\n  }\n  if (state.badge) {\n    state.badge.className = mergeClasses(\n      promptStarterClassNames.badge,\n      state.root.disabled && styles.disabledBadge,\n      state.badge.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["promptStarterClassNames","root","category","icon","prompt","badge","useRootResetStyles","makeResetStyles","position","display","gridTemplateRows","gridTemplateAreas","B4j52fo","backgroundColor","tokens","colorNeutralBackground1","color","fontFamily","fontFamilyBase","cursor","outlineStyle","textAlign","gap","padding","h3c5rm","shorthands","strokeWidthThin","borderRadius","zhjwy3","B2zwrfe","xv9156","colorNeutralBackground1Pressed","Bop6t4b","gvrnp0","createFocusOutlineStyle","Beu9t3s","Bgoe8wy","useStyles","disabled","colorNeutralBackgroundDisabled","B6oc9vd","gridArea","typographyStyles","Ijaq50","disabledText","Be2twd7","disabledBadge","opacity","Bw0ie65","Br312pm","nk6f5a","useNextStyles","Bahqtrf","usePromptStarterStyles_unstable","Bhrd7zp","designVersion","Bg96gwp","styles","nextStyles","rootResetStyles","state","sj55zd","abs64n"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAYaA,uBAAAA;eAAAA;;;;;;iCANY;AAMlB,MAAMA,0BAA8D;UACzEC;cACAC;UACAC;YACAC;WACAC;AACF;AAEA,MAAMC,qBAAqBC,IAAAA,8BAAAA,EAAAA,YAAgB,YAAA;OACzCC;QAAAA;QAAU;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;OACVC;QAAAA;QAAS;KAAA;;MAETC,YAAAA,IAAAA,yBAAkB,EAAA;cAClBC;;;QAGCC,SAAA;QACDC,SAAAA;YAAAA;YAAiBC;SAAOC;QACxBC,SAAOF;QACPG,QAAAA;YAAAA;YAAmBC;SAAAA;QACnBC,QAAQ;QACRC,QAAAA;YAAAA;YAAc;SAAA;QACdC,QAAAA;QACAC,QAAK;YAAA;YAAA;SAAA;QACLC,QAAAA;QACAC,QAAGC;YAAAA;YAAiB;SAAQC;QAC5BC,SAAAA;QACAC,QAAA;YAAA;YAAW;SAAA;gBACTf;gBACGY;QACLI,SAAA;YAAA;YAAA;SAAA;QACAC,QAAA;gBACEjB;YAAAA;YAAiBC;SAAOiB;iBACrBN;QACLO,SAAA;YAAA;YAAA;SAAA;QACAC,QAAGC;QACLC,SAAA;YAAA;YAAA;SAAA;QAEAC,SAAMC;QACJC,SAAAA;YAAU;YAAA;SAAA;gBACRnB;gBACAN;YAAAA;YAAiBC;SAAOyB;gBACrBd;gBACH;iBACEZ;YAAAA;YAAAA;SAAwB0B;iBACxB;gBACF;YAAA;YAAA;SAAA;gBACA;iBACE1B;YAAAA;YAAAA;SAAwB0B;iBACxB;gBACF;YAAA;YAAA;SAAA;QACFC,SAAA;QACArC,QAAM;YAAA;YAAA;SAAA;gBAAEsC;iBAAkBhC;YAAAA;YAAS;SAAA;;UAA4B;QAE/DP,SAAAA;iBACKwC;gBACHD;QACFE,QAAA;QACAvC,SAAQ;gBAAKsC;gBAAwBD;;cACrCG;iBACE5B;QACF6B,SAAA;QACAC,SAAAA;iBACEC;QACFC,SAAA;QACFC,SAAA;QAEAC,QAAMC;QAA6BlD,QAAM;iBAAE0B;;IAA0CvB,QAAA;QAErFgD,SAAaC;QACXR,SAAA;QAEAS,SAAQC;QAERC,SAAMC;QACNT,SAAMU;QACNT,SAAMU;QACNC,QAAM3D;QAON2D,QAAMzD;QAMNyD,SAAM1D;;kBAOEE;QAMRyD,QAAA;;mBAEQxD;QAKRyD,QAAA;;AAGF,GAAE"}