@fluentui-copilot/react-send-button 0.0.0-nightly-20250416-0405-24e1479b.1

package/lib-commonjs/components/SendButton/renderSendButton.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderSendButton_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderSendButton_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactcomponents = require("@fluentui/react-components");
+const renderSendButton_unstable = (state)=>{
+    if (state.designVersion === 'next') {
+        return renderSendButtonNext(state);
+    }
+    return renderSendButtonCurrent(state);
+};
+function renderSendButtonCurrent(state) {
+    (0, _reactcomponents.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            state.stopIcon && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(state.stopBackgroundMotion, {
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.stopBackground, {})
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(state.stopButtonMotion, {
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.stopIcon, {})
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(state.sendButtonMotion, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.sendIcon, {})
+            })
+        ]
+    });
+}
+function renderSendButtonNext(state) {
+    (0, _reactcomponents.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(state.stopBackgroundMotion, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.stopBackground, {})
+            }),
+            state.stopIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.stopButtonMotion, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.stopIcon, {})
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(state.sendButtonMotion, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.sendIcon, {})
+            })
+        ]
+    });
+} //# sourceMappingURL=renderSendButton.js.map

package/lib-commonjs/components/SendButton/renderSendButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderSendButton.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { SendButtonState, SendButtonSlots } from './SendButton.types';\n\n/**\n * Render the final JSX of SendButton\n */\nexport const renderSendButton_unstable = (state: SendButtonState) => {\n  if (state.designVersion === 'next') {\n    return renderSendButtonNext(state);\n  }\n\n  return renderSendButtonCurrent(state);\n};\n\nfunction renderSendButtonCurrent(state: SendButtonState) {\n  assertSlots<SendButtonSlots>(state);\n\n  return (\n    <state.root>\n      {state.stopIcon && (\n        <>\n          <state.stopBackgroundMotion>\n            <state.stopBackground />\n          </state.stopBackgroundMotion>\n          <state.stopButtonMotion>\n            <state.stopIcon />\n          </state.stopButtonMotion>\n        </>\n      )}\n      <state.sendButtonMotion>\n        <state.sendIcon />\n      </state.sendButtonMotion>\n    </state.root>\n  );\n}\n\nfunction renderSendButtonNext(state: SendButtonState) {\n  assertSlots<SendButtonSlots>(state);\n\n  return (\n    <state.root>\n      <state.stopBackgroundMotion>\n        <state.stopBackground />\n      </state.stopBackgroundMotion>\n      {state.stopIcon && (\n        <state.stopButtonMotion>\n          <state.stopIcon />\n        </state.stopButtonMotion>\n      )}\n      <state.sendButtonMotion>\n        <state.sendIcon />\n      </state.sendButtonMotion>\n    </state.root>\n  );\n}\n"],"names":["state","designVersion","renderSendButtonNext","renderSendButtonCurrent","assertSlots","stopIcon","_jsxs","_Fragment","stopBackgroundMotion","stopButtonMotion","children","_jsx","stopBackground"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUMA;;;eAAAA;;;4BATN;iCAE4B;AAO1B,MAAIA,4BAAgCA,CAAAA;cAClCC,aAAOC,KAAAA,QAAqBF;QAC9B,OAAAE,qBAAAF;;IAGA,OAAAG,wBAAAH;AAEF;SACEI,wBAA6BJ,KAAAA;oCAE7B,EAAAA;;kBAEKA;YAAAA,MAAMK,QAAQ,IAAA,WACb,GAAAC,IAAAA,gBAAA,EAAAC,oBAAA,EAAA;;;mEACE,EAAAP,MAACA,cAAMQ,EAAAA,CAAAA;;6DACLC,gBAAA,EAAA;;;;;qEAGA,EAAA;;;;;;8BAKJT,KAAA;;;;;gBAIRU,UAAA,WAAA,GAAAC,IAAAA,eAAA,EAAAX,MAAAY,cAAA,EAAA,CAAA;YAEA;YAAAZ,MAASE,QAAAA,IAAAA,WAA2C,GAAAS,IAAAA,eAAA,EAAAX,MAAAS,gBAAA,EAAA;gBAClDL,UAA6BJ,WAAAA,GAAAA,IAAAA,eAAAA,EAAAA,MAAAA,QAAAA,EAAAA,CAAAA;YAE7B;YAAA,WAAA,GAAAW,IAAAA,eACE,EAAAX,MAACA,gBAAU,EAAA;;;;;8CAKP"}

package/lib-commonjs/components/SendButton/useSendButton.js

@@ -0,0 +1,118 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useSendButton_unstable", {
+    enumerable: true,
+    get: function() {
+        return useSendButton_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactcomponents = require("@fluentui/react-components");
+const _buttonMotion = require("./buttonMotion");
+const _reacticons = require("@fluentui/react-icons");
+const _reactmotion = require("@fluentui/react-motion");
+const _reactprovider = require("@fluentui-copilot/react-provider");
+const SendIcon = (0, _reacticons.bundleIcon)(_reacticons.SendFilled, _reacticons.SendRegular);
+const SendIconV2Canvas = (0, _reacticons.bundleIcon)(_reacticons.ArrowRight24Filled, _reacticons.ArrowRight24Regular);
+const SendIconV2Sidecar = (0, _reacticons.bundleIcon)(_reacticons.ArrowRight20Filled, _reacticons.ArrowRight20Regular);
+const useSendButton_unstable = (props, ref)=>{
+    /** Used to apply/remove styles when button is animating */ const [isSendMotionRunning, setIsSendMotionRunning] = _react.useState(false);
+    const [isStopMotionRunning, setIsStopMotionRunning] = _react.useState(false);
+    const isButtonMotionRunning = isSendMotionRunning || isStopMotionRunning;
+    const designVersion = (0, _reactprovider.useDesignVersion)(props.designVersion);
+    const mode = (0, _reactprovider.useCopilotMode)(props.mode);
+    const [visible, setVisible] = _react.useState(false);
+    const mountRef = _react.useCallback((elem)=>{
+        if (elem) {
+            setVisible(true);
+        } else {
+            setVisible(false);
+        }
+    }, []);
+    const finalRef = (0, _reactcomponents.useMergedRefs)(ref, mountRef);
+    const buttonState = (0, _reactcomponents.useButton_unstable)({
+        shape: designVersion === 'next' ? 'circular' : undefined,
+        ...props,
+        appearance: 'transparent',
+        'aria-disabled': props.disabled ? true : undefined,
+        type: 'submit'
+    }, finalRef);
+    const icon = (()=>{
+        if (designVersion === 'next') {
+            if (props.isSendIconFilled || isButtonMotionRunning) {
+                return mode === 'canvas' ? /*#__PURE__*/ _react.createElement(_reacticons.ArrowRight24Filled, null) : /*#__PURE__*/ _react.createElement(_reacticons.ArrowRight20Regular, null);
+            } else {
+                return mode === 'canvas' ? /*#__PURE__*/ _react.createElement(SendIconV2Canvas, null) : /*#__PURE__*/ _react.createElement(SendIconV2Sidecar, null);
+            }
+        } else {
+            if (props.isSendIconFilled || isButtonMotionRunning) {
+                return /*#__PURE__*/ _react.createElement(_reacticons.SendFilled, null);
+            } else {
+                return /*#__PURE__*/ _react.createElement(SendIcon, null);
+            }
+        }
+    })();
+    const state = {
+        ...buttonState,
+        components: {
+            root: 'button',
+            sendIcon: 'span',
+            stopIcon: 'span',
+            stopBackground: 'div',
+            sendButtonMotion: _buttonMotion.SendButtonMotion,
+            stopButtonMotion: _buttonMotion.StopButtonMotion,
+            stopBackgroundMotion: _buttonMotion.CircleButtonMotion
+        },
+        root: buttonState.root,
+        sendIcon: _reactcomponents.slot.always(props.sendIcon, {
+            elementType: 'span',
+            defaultProps: {
+                children: icon
+            }
+        }),
+        stopIcon: _reactcomponents.slot.optional(props.stopIcon, {
+            elementType: 'span',
+            defaultProps: {
+                children: designVersion === 'next' ? mode === 'canvas' ? /*#__PURE__*/ _react.createElement(_reacticons.Stop24Filled, null) : /*#__PURE__*/ _react.createElement(_reacticons.Stop20Filled, null) : /*#__PURE__*/ _react.createElement(_reacticons.Stop16Filled, null)
+            },
+            renderByDefault: true
+        }),
+        stopBackground: _reactcomponents.slot.always(props.stopBackground, {
+            elementType: 'div'
+        }),
+        sendButtonMotion: (0, _reactmotion.presenceMotionSlot)(props.sendButtonMotion, {
+            elementType: _buttonMotion.SendButtonMotion,
+            defaultProps: {
+                visible: !props.isSending,
+                unmountOnExit: true,
+                onMotionFinish: ()=>setIsSendMotionRunning(false),
+                onMotionStart: ()=>setIsSendMotionRunning(true)
+            }
+        }),
+        stopButtonMotion: (0, _reactmotion.presenceMotionSlot)(props.stopButtonMotion, {
+            elementType: _buttonMotion.StopButtonMotion,
+            defaultProps: {
+                visible: props.isSending,
+                unmountOnExit: true,
+                onMotionFinish: ()=>setIsStopMotionRunning(false),
+                onMotionStart: ()=>setIsStopMotionRunning(true)
+            }
+        }),
+        stopBackgroundMotion: (0, _reactmotion.presenceMotionSlot)(props.stopBackgroundMotion, {
+            elementType: _buttonMotion.CircleButtonMotion,
+            defaultProps: {
+                visible: designVersion === 'next' ? visible : props.isSending,
+                unmountOnExit: true
+            }
+        }),
+        isButtonMotionRunning,
+        isSendIconFilled: props.isSendIconFilled,
+        isSending: props.isSending,
+        designVersion,
+        mode
+    };
+    return state;
+}; //# sourceMappingURL=useSendButton.js.map

package/lib-commonjs/components/SendButton/useSendButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useSendButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ButtonProps } from '@fluentui/react-components';\nimport { slot, useButton_unstable, useMergedRefs } from '@fluentui/react-components';\nimport type { SendButtonProps, SendButtonState } from './SendButton.types';\n\nimport { CircleButtonMotion, SendButtonMotion, StopButtonMotion } from './buttonMotion';\nimport {\n  bundleIcon,\n  SendFilled,\n  SendRegular,\n  Stop16Filled,\n  Stop24Filled,\n  ArrowRight24Filled,\n  ArrowRight24Regular,\n  Stop20Filled,\n  ArrowRight20Regular,\n  ArrowRight20Filled,\n} from '@fluentui/react-icons';\nimport { presenceMotionSlot } from '@fluentui/react-motion';\nimport { useCopilotMode, useDesignVersion } from '@fluentui-copilot/react-provider';\n\nconst SendIcon = bundleIcon(SendFilled, SendRegular);\nconst SendIconV2Canvas = bundleIcon(ArrowRight24Filled, ArrowRight24Regular);\nconst SendIconV2Sidecar = bundleIcon(ArrowRight20Filled, ArrowRight20Regular);\n\n/**\n * Create the state required to render SendButton.\n *\n * The returned state can be modified with hooks such as useSendButtonStyles_unstable,\n * before being passed to renderSendButton_unstable.\n *\n * @param props - props from this instance of SendButton\n * @param ref - reference to root HTMLElement of SendButton\n */\nexport const useSendButton_unstable = (\n  props: SendButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): SendButtonState => {\n  /** Used to apply/remove styles when button is animating */\n  const [isSendMotionRunning, setIsSendMotionRunning] = React.useState(false);\n  const [isStopMotionRunning, setIsStopMotionRunning] = React.useState(false);\n  const isButtonMotionRunning = isSendMotionRunning || isStopMotionRunning;\n\n  const designVersion = useDesignVersion(props.designVersion);\n  const mode = useCopilotMode(props.mode);\n\n  const [visible, setVisible] = React.useState(false);\n  const mountRef = React.useCallback((elem: HTMLElement | null) => {\n    if (elem) {\n      setVisible(true);\n    } else {\n      setVisible(false);\n    }\n  }, []);\n  const finalRef = useMergedRefs(ref, mountRef);\n  const buttonState = useButton_unstable(\n    {\n      shape: designVersion === 'next' ? 'circular' : undefined,\n      ...(props as ButtonProps),\n      appearance: 'transparent',\n      'aria-disabled': props.disabled ? true : undefined,\n      type: 'submit',\n    },\n    finalRef,\n  );\n\n  const icon = (() => {\n    if (designVersion === 'next') {\n      if (props.isSendIconFilled || isButtonMotionRunning) {\n        return mode === 'canvas' ? <ArrowRight24Filled /> : <ArrowRight20Regular />;\n      } else {\n        return mode === 'canvas' ? <SendIconV2Canvas /> : <SendIconV2Sidecar />;\n      }\n    } else {\n      if (props.isSendIconFilled || isButtonMotionRunning) {\n        return <SendFilled />;\n      } else {\n        return <SendIcon />;\n      }\n    }\n  })();\n\n  const state: SendButtonState = {\n    ...buttonState,\n    components: {\n      root: 'button',\n      sendIcon: 'span',\n      stopIcon: 'span',\n      stopBackground: 'div',\n      sendButtonMotion: SendButtonMotion as React.ComponentType,\n      stopButtonMotion: StopButtonMotion as React.ComponentType,\n      stopBackgroundMotion: CircleButtonMotion as React.ComponentType,\n    },\n    root: buttonState.root,\n    sendIcon: slot.always(props.sendIcon, {\n      elementType: 'span',\n      defaultProps: {\n        children: icon,\n      },\n    }),\n    stopIcon: slot.optional(props.stopIcon, {\n      elementType: 'span',\n      defaultProps: {\n        children: designVersion === 'next' ? mode === 'canvas' ? <Stop24Filled /> : <Stop20Filled /> : <Stop16Filled />,\n      },\n      renderByDefault: true,\n    }),\n    stopBackground: slot.always(props.stopBackground, { elementType: 'div' }),\n    sendButtonMotion: presenceMotionSlot<{}>(props.sendButtonMotion, {\n      elementType: SendButtonMotion,\n      defaultProps: {\n        visible: !props.isSending,\n        unmountOnExit: true,\n        onMotionFinish: () => setIsSendMotionRunning(false),\n        onMotionStart: () => setIsSendMotionRunning(true),\n      },\n    }),\n    stopButtonMotion: presenceMotionSlot<{}>(props.stopButtonMotion, {\n      elementType: StopButtonMotion,\n      defaultProps: {\n        visible: props.isSending,\n        unmountOnExit: true,\n        onMotionFinish: () => setIsStopMotionRunning(false),\n        onMotionStart: () => setIsStopMotionRunning(true),\n      },\n    }),\n    stopBackgroundMotion: presenceMotionSlot<{}>(props.stopBackgroundMotion, {\n      elementType: CircleButtonMotion,\n      defaultProps: {\n        visible: designVersion === 'next' ? visible : props.isSending,\n        unmountOnExit: true,\n      },\n    }),\n    isButtonMotionRunning,\n    isSendIconFilled: props.isSendIconFilled,\n    isSending: props.isSending,\n    designVersion,\n    mode,\n  };\n\n  return state;\n};\n"],"names":["useSendButton_unstable","SendIcon","bundleIcon","SendFilled","SendRegular","SendIconV2Canvas","ArrowRight24Filled","ArrowRight24Regular","SendIconV2Sidecar","ArrowRight20Filled","ArrowRight20Regular","props","ref","React","useState","setIsSendMotionRunning","isStopMotionRunning","isButtonMotionRunning","isSendMotionRunning","useDesignVersion","designVersion","useCopilotMode","mode","visible","setVisible","mountRef","useCallback","elem","finalRef","buttonState","useButton_unstable","shape","undefined","appearance","disabled","type","icon","isSendIconFilled","createElement","state","components","root","sendIcon","stopIcon","stopBackground","sendButtonMotion","stopButtonMotion","StopButtonMotion","stopBackgroundMotion","CircleButtonMotion","slot","always","elementType","defaultProps","children","Stop24Filled","Stop20Filled","Stop16Filled","SendButtonMotion","unmountOnExit","onMotionFinish","onMotionStart","setIsStopMotionRunning","isSending"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/SendButton/useSendButtonStyles.styles.js

@@ -0,0 +1,299 @@
+"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, {
+    sendButtonClassNames: function() {
+        return sendButtonClassNames;
+    },
+    useSendButtonStyles_unstable: function() {
+        return useSendButtonStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const sendButtonClassNames = {
+    root: 'fai-SendButton',
+    sendIcon: 'fai-SendButton__sendIcon',
+    stopIcon: 'fai-SendButton__stopIcon',
+    stopBackground: 'fai-SendButton__stopBackground',
+    sendButtonMotion: 'fai-SendButton__sendButtonMotion',
+    stopButtonMotion: 'fai-SendButton__stopButtonMotion',
+    stopBackgroundMotion: 'fai-SendButton__stopBackgroundMotion'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = (0, _reactcomponents.__styles)({
+    root: {
+        mc9l5x: "f22iagw",
+        a9b677: "f1szoe96",
+        Bf4jedk: "fwbmr0d",
+        Bqenvij: "f1d2rq10",
+        Bt984gj: "f122n59",
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "f1mk8lai"
+    },
+    baseIconButton: {
+        qhf8xq: "f1euv43f",
+        Bt984gj: "f122n59",
+        mc9l5x: "ftuwxu6",
+        Brf1p80: "f4d9j23",
+        Be2twd7: "f1pp30po",
+        Bqenvij: "fjamq6b",
+        a9b677: "f64fuq3"
+    },
+    disabled: {
+        sj55zd: "f1s2aq7o"
+    },
+    iconFilled: {
+        sj55zd: "f1oyzx04",
+        Bi91k9c: "f1m1wcaq"
+    },
+    stopBackground: {
+        qhf8xq: "f1euv43f",
+        a9b677: "f2q8o33",
+        Bqenvij: "fwk23hs",
+        Beyfa6y: 0,
+        Bbmb7ep: 0,
+        Btl43ni: 0,
+        B7oj6ja: 0,
+        Dimara: "f44lkw9",
+        De3pzq: "f16xkysk"
+    }
+}, {
+    d: [
+        ".f22iagw{display:flex;}",
+        ".f1szoe96{width:32px;}",
+        ".fwbmr0d{min-width:32px;}",
+        ".f1d2rq10{height:32px;}",
+        ".f122n59{align-items:center;}",
+        [
+            ".f1mk8lai{padding:0;}",
+            {
+                p: -1
+            }
+        ],
+        ".f1euv43f{position:absolute;}",
+        ".ftuwxu6{display:inline-flex;}",
+        ".f4d9j23{justify-content:center;}",
+        ".f1pp30po{font-size:var(--fontSizeBase500);}",
+        ".fjamq6b{height:20px;}",
+        ".f64fuq3{width:20px;}",
+        ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}",
+        ".f1oyzx04{color:var(--colorCompoundBrandBackground);}",
+        ".f2q8o33{width:inherit;}",
+        ".fwk23hs{height:inherit;}",
+        [
+            ".f44lkw9{border-radius:var(--borderRadiusCircular);}",
+            {
+                p: -1
+            }
+        ],
+        ".f16xkysk{background-color:var(--colorBrandBackground2);}"
+    ],
+    h: [
+        ".f1m1wcaq:hover{color:var(--colorCompoundBrandBackgroundHover);}"
+    ]
+});
+const useNextStyles = (0, _reactcomponents.__styles)({
+    baseIconButton: {
+        mc9l5x: "ftuwxu6",
+        Brf1p80: "f4d9j23",
+        Bw0ie65: 0,
+        Br312pm: 0,
+        nk6f5a: 0,
+        Ijaq50: 0,
+        Bq1tomu: "fwzfryc",
+        qhf8xq: "f1tmlkn4",
+        Bj3rh1h: "f19g0ac"
+    },
+    sendIconFilled: {
+        sj55zd: "f1oyzx04"
+    },
+    stopIconFilled: {
+        sj55zd: "f1phragk"
+    },
+    stopBackground: {
+        Bw0ie65: 0,
+        Br312pm: 0,
+        nk6f5a: 0,
+        Ijaq50: 0,
+        Bq1tomu: "fwzfryc",
+        Bqenvij: "f1l02sjl",
+        a9b677: "fly5x3f",
+        Beyfa6y: 0,
+        Bbmb7ep: 0,
+        Btl43ni: 0,
+        B7oj6ja: 0,
+        Dimara: "f44lkw9",
+        De3pzq: "f16xkysk"
+    },
+    stopBackgroundSending: {
+        De3pzq: "ffp7eso"
+    }
+}, {
+    d: [
+        ".ftuwxu6{display:inline-flex;}",
+        ".f4d9j23{justify-content:center;}",
+        [
+            ".fwzfryc{grid-area:button;}",
+            {
+                p: -1
+            }
+        ],
+        ".f1tmlkn4{position:initial;}",
+        ".f19g0ac{z-index:1;}",
+        ".f1oyzx04{color:var(--colorCompoundBrandBackground);}",
+        ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}",
+        [
+            ".fwzfryc{grid-area:button;}",
+            {
+                p: -1
+            }
+        ],
+        ".f1l02sjl{height:100%;}",
+        ".fly5x3f{width:100%;}",
+        [
+            ".f44lkw9{border-radius:var(--borderRadiusCircular);}",
+            {
+                p: -1
+            }
+        ],
+        ".f16xkysk{background-color:var(--colorBrandBackground2);}",
+        ".ffp7eso{background-color:var(--colorBrandBackground);}"
+    ]
+});
+const useRootNextStyles = (0, _reactcomponents.__styles)({
+    root: {
+        mc9l5x: "f13qh94s",
+        zoa1oz: "f9o42qa",
+        wkccdc: "f1u7ey36",
+        Budl1dq: "f1c2z91y",
+        B7hvi0a: "f1oiokrs",
+        Bt984gj: "f122n59",
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "fv5o1b5",
+        Bgfg5da: 0,
+        B9xav0g: 0,
+        oivjwe: 0,
+        Bn0qgzm: 0,
+        B4g9neb: 0,
+        zhjwy3: 0,
+        wvpqe5: 0,
+        ibv6hh: 0,
+        u1mtju: 0,
+        h3c5rm: 0,
+        vrafjx: 0,
+        Bekrc4i: 0,
+        i8vvqc: 0,
+        g2u3we: 0,
+        icvyot: 0,
+        B4j52fo: 0,
+        irswps: "f3bhgqh",
+        qhf8xq: "f10pi13n",
+        Bfpq7zp: 0,
+        g9k6zt: 0,
+        Bn4voq9: 0,
+        giviqs: "f1pz6nmm",
+        j6ew2k: "f43rluz"
+    },
+    canvas: {
+        Bf4jedk: "f12clzc2",
+        Bqenvij: "fbhnoac"
+    },
+    sidecar: {
+        Bf4jedk: "fwbmr0d",
+        Bqenvij: "f1d2rq10"
+    },
+    notSending: {
+        Bmdhgnd: "f1hzdlu9",
+        yc1b9o: "f147vv5y",
+        f30giq: "f876z59"
+    },
+    sending: {
+        Bmdhgnd: "fiaw31n",
+        f30giq: "f3l45fr"
+    }
+}, {
+    d: [
+        ".f13qh94s{display:grid;}",
+        ".f9o42qa{grid-template-areas:\"button\";}",
+        ".f1u7ey36{grid-template-rows:1fr;}",
+        ".f1c2z91y{grid-template-columns:1fr;}",
+        ".f1oiokrs{justify-items:center;}",
+        ".f122n59{align-items:center;}",
+        [
+            ".fv5o1b5{padding:var(--spacingVerticalNone);}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f3bhgqh{border:none;}",
+            {
+                p: -2
+            }
+        ],
+        ".f10pi13n{position:relative;}",
+        [
+            ".f1pz6nmm[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorTransparentStroke);}",
+            {
+                p: -1
+            }
+        ],
+        ".f43rluz[data-fui-focus-visible]{box-shadow:0 0 0 var(--strokeWidthThick) var(--colorStrokeFocus2);}",
+        ".f12clzc2{min-width:40px;}",
+        ".fbhnoac{height:40px;}",
+        ".fwbmr0d{min-width:32px;}",
+        ".f1d2rq10{height:32px;}"
+    ],
+    h: [
+        ".f1hzdlu9:hover .fai-SendButton__stopBackground{background-color:var(--colorBrandBackground2Hover);}",
+        ".f147vv5y:hover .fai-SendButton__sendIcon,.f147vv5y:hover.fai-SendButton__stopIcon{color:var(--colorCompoundBrandBackground);}",
+        ".fiaw31n:hover .fai-SendButton__stopBackground{background-color:var(--colorBrandBackgroundHover);}"
+    ],
+    a: [
+        ".f876z59:active .fai-SendButton__stopBackground{background-color:var(--colorBrandBackground2Pressed);}",
+        ".f3l45fr:active .fai-SendButton__stopBackground{background-color:var(--colorBrandBackgroundPressed);}"
+    ]
+});
+const useSendButtonStyles_unstable = (state)=>{
+    'use no memo';
+    const { isSendIconFilled, isSending, disabled, designVersion, mode } = state;
+    const styles = useStyles();
+    const nextStyles = useNextStyles();
+    const rootNextStyles = useRootNextStyles();
+    const sendIconFilledStyle = designVersion === 'next' ? nextStyles.sendIconFilled : styles.iconFilled;
+    const stopIconFilledStyle = designVersion === 'next' ? nextStyles.stopIconFilled : styles.iconFilled;
+    state.root.className = (0, _reactcomponents.mergeClasses)(sendButtonClassNames.root, designVersion === 'next' ? rootNextStyles.root : styles.root, isSendIconFilled && sendIconFilledStyle, (state.isButtonMotionRunning || isSending) && sendIconFilledStyle, designVersion === 'next' && rootNextStyles[mode], designVersion === 'next' && rootNextStyles.root, !disabled && designVersion === 'next' && !isSending && rootNextStyles.notSending, !disabled && designVersion === 'next' && isSending && rootNextStyles.sending, disabled && styles.disabled, state.root.className);
+    if (state.sendIcon) {
+        state.sendIcon.className = (0, _reactcomponents.mergeClasses)(sendButtonClassNames.sendIcon, designVersion === 'next' ? nextStyles.baseIconButton : styles.baseIconButton, state.sendIcon.className);
+    }
+    if (state.stopIcon) {
+        state.stopIcon.className = (0, _reactcomponents.mergeClasses)(sendButtonClassNames.stopIcon, designVersion === 'next' ? nextStyles.baseIconButton : styles.baseIconButton, stopIconFilledStyle, state.stopIcon.className);
+    }
+    if (state.stopBackground) {
+        state.stopBackground.className = (0, _reactcomponents.mergeClasses)(sendButtonClassNames.stopBackground, designVersion === 'next' ? nextStyles.stopBackground : styles.stopBackground, designVersion === 'next' && isSending && nextStyles.stopBackgroundSending, state.stopBackground.className);
+    }
+    // Add style hooks from button
+    (0, _reactcomponents.useButtonStyles_unstable)({
+        ...state,
+        components: {
+            ...state.components,
+            icon: 'span'
+        },
+        iconOnly: false
+    });
+    return state;
+}; //# sourceMappingURL=useSendButtonStyles.styles.js.map

package/lib-commonjs/components/SendButton/useSendButtonStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useSendButtonStyles.styles.ts"],"sourcesContent":["import {\n  makeStyles,\n  mergeClasses,\n  useButtonStyles_unstable,\n  createCustomFocusIndicatorStyle,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\n\nimport type { SendButtonSlots, SendButtonState } from './SendButton.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const sendButtonClassNames: SlotClassNames<SendButtonSlots> = {\n  root: 'fai-SendButton',\n  sendIcon: 'fai-SendButton__sendIcon',\n  stopIcon: 'fai-SendButton__stopIcon',\n  stopBackground: 'fai-SendButton__stopBackground',\n  sendButtonMotion: 'fai-SendButton__sendButtonMotion',\n  stopButtonMotion: 'fai-SendButton__stopButtonMotion',\n  stopBackgroundMotion: 'fai-SendButton__stopBackgroundMotion',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    width: '32px',\n    minWidth: '32px',\n    height: '32px',\n    alignItems: 'center',\n    padding: '0',\n  },\n\n  baseIconButton: {\n    position: 'absolute',\n    alignItems: 'center',\n    display: 'inline-flex',\n    justifyContent: 'center',\n    fontSize: tokens.fontSizeBase500, // 20px\n    height: '20px',\n    width: '20px',\n  },\n\n  disabled: {\n    color: tokens.colorNeutralForegroundDisabled,\n  },\n\n  iconFilled: {\n    color: tokens.colorCompoundBrandBackground,\n    ':hover': {\n      color: tokens.colorCompoundBrandBackgroundHover,\n    },\n  },\n\n  stopBackground: {\n    position: 'absolute',\n    width: 'inherit',\n    height: 'inherit',\n    borderRadius: tokens.borderRadiusCircular,\n    /** To-do: Change to backgroundColor: var(--Brand-Background-Tint-Rest, #EBEFFF);*/\n    backgroundColor: tokens.colorBrandBackground2,\n  },\n});\n\nconst useNextStyles = makeStyles({\n  baseIconButton: {\n    display: 'inline-flex',\n    justifyContent: 'center',\n    gridArea: 'button',\n    position: 'initial',\n    zIndex: 1,\n  },\n\n  sendIconFilled: {\n    color: tokens.colorCompoundBrandBackground,\n  },\n\n  stopIconFilled: {\n    color: tokens.colorNeutralForegroundOnBrand,\n  },\n\n  stopBackground: {\n    gridArea: 'button',\n    height: '100%',\n    width: '100%',\n    borderRadius: tokens.borderRadiusCircular,\n    /** To-do: Change to backgroundColor: var(--Brand-Background-Tint-Rest, #EBEFFF);*/\n    backgroundColor: tokens.colorBrandBackground2,\n  },\n\n  stopBackgroundSending: {\n    backgroundColor: tokens.colorBrandBackground,\n  },\n});\nconst useRootNextStyles = makeStyles({\n  root: {\n    display: 'grid',\n    gridTemplateAreas: `\"button\"`,\n    gridTemplateRows: '1fr',\n    gridTemplateColumns: '1fr',\n    justifyItems: 'center',\n    alignItems: 'center',\n    padding: tokens.spacingVerticalNone,\n    border: 'none',\n    position: 'relative',\n    ...createCustomFocusIndicatorStyle({\n      outline: `${tokens.strokeWidthThick} solid ${tokens.colorTransparentStroke}`,\n      boxShadow: `0 0 0 ${tokens.strokeWidthThick} ${tokens.colorStrokeFocus2}`,\n    }),\n  },\n\n  canvas: {\n    minWidth: '40px',\n    height: '40px',\n  },\n\n  sidecar: {\n    minWidth: '32px',\n    height: '32px',\n  },\n\n  notSending: {\n    ':hover': {\n      [`& .${sendButtonClassNames.stopBackground}`]: {\n        backgroundColor: tokens.colorBrandBackground2Hover,\n      },\n\n      [`& .${sendButtonClassNames.sendIcon},.${sendButtonClassNames.stopIcon}`]: {\n        color: tokens.colorCompoundBrandBackground,\n      },\n    },\n    ':active': {\n      [`& .${sendButtonClassNames.stopBackground}`]: {\n        backgroundColor: tokens.colorBrandBackground2Pressed,\n      },\n    },\n  },\n\n  sending: {\n    ':hover': {\n      [`& .${sendButtonClassNames.stopBackground}`]: {\n        backgroundColor: tokens.colorBrandBackgroundHover,\n      },\n    },\n    ':active': {\n      [`& .${sendButtonClassNames.stopBackground}`]: {\n        backgroundColor: tokens.colorBrandBackgroundPressed,\n      },\n    },\n  },\n});\n\n/**\n * Apply styling to the SendButton slots based on the state\n */\nexport const useSendButtonStyles_unstable = (state: SendButtonState): SendButtonState => {\n  'use no memo';\n  const { isSendIconFilled, isSending, disabled, designVersion, mode } = state;\n\n  const styles = useStyles();\n  const nextStyles = useNextStyles();\n  const rootNextStyles = useRootNextStyles();\n\n  const sendIconFilledStyle = designVersion === 'next' ? nextStyles.sendIconFilled : styles.iconFilled;\n  const stopIconFilledStyle = designVersion === 'next' ? nextStyles.stopIconFilled : styles.iconFilled;\n\n  state.root.className = mergeClasses(\n    sendButtonClassNames.root,\n    designVersion === 'next' ? rootNextStyles.root : styles.root,\n    isSendIconFilled && sendIconFilledStyle,\n    (state.isButtonMotionRunning || isSending) && sendIconFilledStyle,\n    designVersion === 'next' && rootNextStyles[mode],\n    designVersion === 'next' && rootNextStyles.root,\n    !disabled && designVersion === 'next' && !isSending && rootNextStyles.notSending,\n    !disabled && designVersion === 'next' && isSending && rootNextStyles.sending,\n    disabled && styles.disabled,\n    state.root.className,\n  );\n\n  if (state.sendIcon) {\n    state.sendIcon.className = mergeClasses(\n      sendButtonClassNames.sendIcon,\n      designVersion === 'next' ? nextStyles.baseIconButton : styles.baseIconButton,\n      state.sendIcon.className,\n    );\n  }\n\n  if (state.stopIcon) {\n    state.stopIcon.className = mergeClasses(\n      sendButtonClassNames.stopIcon,\n      designVersion === 'next' ? nextStyles.baseIconButton : styles.baseIconButton,\n      stopIconFilledStyle,\n      state.stopIcon.className,\n    );\n  }\n\n  if (state.stopBackground) {\n    state.stopBackground.className = mergeClasses(\n      sendButtonClassNames.stopBackground,\n      designVersion === 'next' ? nextStyles.stopBackground : styles.stopBackground,\n      designVersion === 'next' && isSending && nextStyles.stopBackgroundSending,\n      state.stopBackground.className,\n    );\n  }\n\n  // Add style hooks from button\n  useButtonStyles_unstable({ ...state, components: { ...state.components, icon: 'span' }, iconOnly: false });\n\n  return state;\n};\n"],"names":["sendButtonClassNames","root","sendIcon","stopIcon","stopBackground","sendButtonMotion","stopButtonMotion","stopBackgroundMotion","__styles","display","width","minWidth","height","alignItems","padding","Byoj8tv","baseIconButton","position","tokens","mc9l5x","disabled","color","Bqenvij","iconFilled","borderRadius","Beyfa6y","Bbmb7ep","useNextStyles","justifyContent","gridArea","sendIconFilled","colorCompoundBrandBackground","p","stopIconFilled","nk6f5a","stopBackgroundSending","backgroundColor","qhf8xq","Bj3rh1h","gridTemplateRows","gridTemplateColumns","border","createCustomFocusIndicatorStyle","outline","boxShadow","canvas","Dimara","sidecar","De3pzq","wkccdc","sending","Bn0qgzm","B4g9neb","zhjwy3","ibv6hh","u1mtju","h3c5rm","isSendIconFilled","vrafjx","styles","Bekrc4i","nextStyles","i8vvqc","rootNextStyles","g2u3we","sendIconFilledStyle","icvyot","stopIconFilledStyle","state","irswps","Bfpq7zp","g9k6zt","giviqs","j6ew2k","Bf4jedk","useButtonStyles_unstable","components","icon","iconOnly","Bmdhgnd","yc1b9o","f30giq"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAWaA,oBAAAA;eAAAA;;;;;;iCAPoB;AAO1B,MAAMA,uBAAwD;UACnEC;cACAC;cACAC;oBACAC;sBACAC;sBACAC;0BACAC;AACF;AAEA;;CAEC,SAECN,YAAMO,IAAAA,yBAAA,EAAA;UACJC;gBACAC;gBACAC;iBACAC;iBACAC;iBACAC;QACFC,SAAA;QAEAC,QAAAA;gBACEC;gBACAJ;iBACAJ;;oBAEUS;gBACVN;iBACAF;QACFS,QAAA;QAEAC,SAAAA;iBACEC;QACFC,SAAA;QAEAC,QAAAA;;cAEE;gBACEF;;gBAEJ;QAEAjB,QAAAA;iBACEa;;oBAEQ;gBACRO;gBACA;QAEFF,SAAA;QACFG,SAAA;QAEAC,SAAMC;QACJX,SAAAA;iBACEP;gBACAmB;gBACAC;;;OAGF;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAEAC,GAAAA,CAAAA;;;;QACgBC;QAA4B;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAC5CC,GAAA,CAAA;;SAEAC;QAAAA;KAAgB;;;KAC6B;;MAG7C7B,gBAAgBI,IAAAA,yBAAA,EAAA;oBACJ;gBACVI;iBACAF;iBACAc;iBACA;QAEFU,QAAA;QAEAC,QAAAA;iBACEC;QACFC,QAAA;QACFC,SAAA;IACA;oBACQ;gBACJ7B;;oBAEA8B;gBACAC;;oBAEA3B;iBACAC;iBACA2B;gBACAxB;gBACGyB;iBACDC;iBACAC;gBACA;QACJnB,SAAA;QAEAoB,SAAQ;iBACNlC;iBACAC;QACFkC,QAAA;QAEAC,QAAAA;;2BAEU;QACVC,QAAA;;;;;QAIgC5C;QAAmB;YAAA;YAAA;;;;;QAE/C;QAAA;QAAA;QAAA;YAAA;YAAA;;;;;QAGgB2B;QAA4B;YAAA;YAAA;;;;;QAE9C;KAAA;;0BAES/B,IAAAA,yBAAAA,EAAAA;;gBAEP;gBACF;QACFiD,QAAA;QAEAC,SAAS;iBACP;iBACG;;gBAED;gBACF;gBACA;iBACG;;iBAED;gBACF;QACFC,SAAA;QACFC,SAAA;QAEAC,QAAA;;QAGAC,QAAO;QACLC,QAAA;QACAC,QAAQC;QAERC,QAAMC;QACNC,SAAMC;QACNC,QAAMC;QAENC,QAAMC;QACNC,QAAMC;QAENC,SAAMnE;QAaNoE,QAAID;gBACFA;QAKFE,SAAA;QAEAC,QAAIH;iBACFA;QAMFI,QAAA;QAEAC,QAAIL;;YAOJ;QAEAM,SAAA;QACAC,SAAAA;;aAAqCC;iBAAc;iBAAqBC;;gBAAgBC;QAAgBC,SAAA;QAExGC,QAAOZ;QACPa,QAAA"}

package/lib-commonjs/index.js

@@ -0,0 +1,29 @@
+"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, {
+    SendButton: function() {
+        return _SendButton.SendButton;
+    },
+    renderSendButton_unstable: function() {
+        return _SendButton.renderSendButton_unstable;
+    },
+    sendButtonClassNames: function() {
+        return _SendButton.sendButtonClassNames;
+    },
+    useSendButtonStyles_unstable: function() {
+        return _SendButton.useSendButtonStyles_unstable;
+    },
+    useSendButton_unstable: function() {
+        return _SendButton.useSendButton_unstable;
+    }
+});
+const _SendButton = require("./SendButton");
+ //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export type { SendButtonProps, SendButtonSlots, SendButtonState } from './SendButton';\nexport {\n  SendButton,\n  renderSendButton_unstable,\n  sendButtonClassNames,\n  useSendButtonStyles_unstable,\n  useSendButton_unstable,\n} from './SendButton';\n"],"names":["SendButton","renderSendButton_unstable","sendButtonClassNames","useSendButtonStyles_unstable","useSendButton_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEEA,UAAU;eAAVA,sBAAU;;IACVC,yBAAyB;eAAzBA,qCAAyB;;IACzBC,oBAAoB;eAApBA,gCAAoB;;IACpBC,4BAA4B;eAA5BA,wCAA4B;;IAC5BC,sBAAsB;eAAtBA,kCAAsB;;;4BACjB"}

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@fluentui-copilot/react-send-button",
+  "version": "0.0.0-nightly-20250416-0405-24e1479b.1",
+  "description": "Fluent AI control for the send button used in ChatInput and PromptInput.",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "typings": "./dist/index.d.ts",
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentai"
+  },
+  "license": "MIT",
+  "dependencies": {
+    "@fluentui-copilot/react-provider": "^0.0.0-nightly-20250416-0405-24e1479b.1",
+    "@fluentui-copilot/react-utilities": "^0.0.0-nightly-20250416-0405-24e1479b.1",
+    "@fluentui-copilot/tokens": "^0.0.0-nightly-20250416-0405-24e1479b.1",
+    "@swc/helpers": "^0.5.1"
+  },
+  "peerDependencies": {
+    "@fluentui/react-components": ">=9.55.1 <10.0.0",
+    "@fluentui/react-icons": ">=2.0.260 <3.0.0",
+    "@fluentui/react-jsx-runtime": ">=9.0.45 <10.0.0",
+    "@fluentui/react-motion": ">=9.6.0 <10.0.0",
+    "@fluentui/react-shared-contexts": ">=9.20.2 <10.0.0",
+    "@types/react": ">=16.14.0 <19.0.0",
+    "@types/react-dom": ">=16.9.8 <19.0.0",
+    "react": ">=16.14.0 <19.0.0",
+    "react-dom": ">=16.14.0 <19.0.0"
+  },
+  "beachball": {},
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "node": "./lib-commonjs/index.js",
+      "import": "./lib/index.js",
+      "require": "./lib-commonjs/index.js"
+    },
+    "./package.json": "./package.json"
+  }
+}