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

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

@@ -0,0 +1,212 @@
+import { __styles, mergeClasses, useButtonStyles_unstable, createCustomFocusIndicatorStyle } from '@fluentui/react-components';
+import { tokens } from '@fluentui-copilot/tokens';
+export 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 = __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 = __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 = __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);}"]
+});
+/**
+ * Apply styling to the SendButton slots based on the state
+ */
+export 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 = 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 = mergeClasses(sendButtonClassNames.sendIcon, designVersion === 'next' ? nextStyles.baseIconButton : styles.baseIconButton, state.sendIcon.className);
+  }
+  if (state.stopIcon) {
+    state.stopIcon.className = mergeClasses(sendButtonClassNames.stopIcon, designVersion === 'next' ? nextStyles.baseIconButton : styles.baseIconButton, stopIconFilledStyle, state.stopIcon.className);
+  }
+  if (state.stopBackground) {
+    state.stopBackground.className = mergeClasses(sendButtonClassNames.stopBackground, designVersion === 'next' ? nextStyles.stopBackground : styles.stopBackground, designVersion === 'next' && isSending && nextStyles.stopBackgroundSending, state.stopBackground.className);
+  }
+  // Add style hooks from button
+  useButtonStyles_unstable({
+    ...state,
+    components: {
+      ...state.components,
+      icon: 'span'
+    },
+    iconOnly: false
+  });
+  return state;
+};
+//# sourceMappingURL=useSendButtonStyles.styles.js.map

package/lib/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":["makeStyles","mergeClasses","useButtonStyles_unstable","createCustomFocusIndicatorStyle","tokens","sendButtonClassNames","root","sendIcon","stopIcon","stopBackground","sendButtonMotion","stopButtonMotion","stopBackgroundMotion","useStyles","display","width","minWidth","height","alignItems","padding","baseIconButton","position","justifyContent","fontSize","fontSizeBase500","disabled","color","colorNeutralForegroundDisabled","iconFilled","colorCompoundBrandBackground","colorCompoundBrandBackgroundHover","borderRadius","borderRadiusCircular","backgroundColor","colorBrandBackground2","useNextStyles","gridArea","zIndex","sendIconFilled","stopIconFilled","colorNeutralForegroundOnBrand","stopBackgroundSending","colorBrandBackground","useRootNextStyles","gridTemplateAreas","gridTemplateRows","gridTemplateColumns","justifyItems","spacingVerticalNone","border","outline","strokeWidthThick","colorTransparentStroke","boxShadow","colorStrokeFocus2","canvas","sidecar","notSending","colorBrandBackground2Hover","colorBrandBackground2Pressed","sending","colorBrandBackgroundHover","colorBrandBackgroundPressed","useSendButtonStyles_unstable","state","isSendIconFilled","isSending","designVersion","mode","styles","nextStyles","rootNextStyles","sendIconFilledStyle","stopIconFilledStyle","className","isButtonMotionRunning","components","icon","iconOnly"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib/index.js

@@ -0,0 +1,2 @@
+export { SendButton, renderSendButton_unstable, sendButtonClassNames, useSendButtonStyles_unstable, useSendButton_unstable } from './SendButton';
+//# sourceMappingURL=index.js.map

package/lib/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":"AACA,SACEA,UAAU,EACVC,yBAAyB,EACzBC,oBAAoB,EACpBC,4BAA4B,EAC5BC,sBAAsB,QACjB,eAAe"}

package/lib-commonjs/SendButton.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("./components/SendButton");
+ //# sourceMappingURL=SendButton.js.map

package/lib-commonjs/SendButton.js.map

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

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "SendButton", {
+    enumerable: true,
+    get: function() {
+        return SendButton;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useSendButton = require("./useSendButton");
+const _renderSendButton = require("./renderSendButton");
+const _useSendButtonStylesstyles = require("./useSendButtonStyles.styles");
+const SendButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useSendButton.useSendButton_unstable)(props, ref);
+    (0, _useSendButtonStylesstyles.useSendButtonStyles_unstable)(state);
+    return (0, _renderSendButton.renderSendButton_unstable)(state);
+});
+SendButton.displayName = 'SendButton'; //# sourceMappingURL=SendButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["SendButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSendButton_unstable } from './useSendButton';\nimport { renderSendButton_unstable } from './renderSendButton';\nimport { useSendButtonStyles_unstable } from './useSendButtonStyles.styles';\nimport type { SendButtonProps } from './SendButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n// SendButton component - TODO: add more docs\nexport const SendButton: ForwardRefComponent<SendButtonProps> = React.forwardRef((props, ref) => {\n  const state = useSendButton_unstable(props, ref);\n\n  useSendButtonStyles_unstable(state);\n  return renderSendButton_unstable(state);\n});\n\nSendButton.displayName = 'SendButton';\n"],"names":["SendButton","React","forwardRef","props","state","useSendButton_unstable","useSendButtonStyles_unstable","renderSendButton_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;+BACgB;kCACG;2CACG;AAKtC,MAAMA,aAAAA,WAAAA,GAAAA,OAAmDC,UAAMC,CAAU,CAACC,OAACA;UAChFC,QAAMA,IAAAA,qCAAQC,EAAAA,OAAuBF;+DAErCG,EAAAA;WACAC,IAAAA,2CAAOA,EAAAA;AACT;AAEAP,WAAWQ,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["SendButton.types.ts"],"sourcesContent":["import type { CopilotMode, DesignVersion } from '@fluentui-copilot/react-provider';\nimport type { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport type { ButtonProps, ButtonState, ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\nimport type { PresenceMotionSlotProps } from '@fluentui/react-motion';\nexport type SendButtonSlots = {\n  root: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;\n  sendIcon: NonNullable<Slot<'span'>>;\n  stopIcon?: Slot<'span'>;\n  /** Stop button's circle background */\n  stopBackground: NonNullable<Slot<'div'>>;\n  sendButtonMotion: NonNullable<Slot<PresenceMotionSlotProps>>;\n  stopButtonMotion: NonNullable<Slot<PresenceMotionSlotProps>>;\n  stopBackgroundMotion: NonNullable<Slot<PresenceMotionSlotProps>>;\n};\n\n/**\n * SendButton Props\n */\nexport type SendButtonProps = ComponentProps<Partial<SendButtonSlots>> &\n  Pick<ButtonProps, 'appearance' | 'disabled' | 'disabledFocusable' | 'iconPosition' | 'shape' | 'size'> &\n  DesignVersion &\n  CopilotMode & {\n    /**\n     * Checks whether query is sending.\n     */\n    isSending?: boolean;\n    isSendIconFilled?: boolean;\n  };\n\n/**\n * State used in rendering SendButton\n */\nexport type SendButtonState = ComponentState<SendButtonSlots> &\n  Pick<ButtonState, 'appearance' | 'disabled' | 'disabledFocusable' | 'iconPosition' | 'shape' | 'size'> &\n  Pick<SendButtonProps, 'isSendIconFilled' | 'isSending'> &\n  Pick<Required<SendButtonProps>, 'designVersion' | 'mode'> & {\n    isButtonMotionRunning?: boolean;\n  };\n"],"names":[],"rangeMappings":";;","mappings":"AA6BA;;CAEC"}

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

@@ -0,0 +1,233 @@
+"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, {
+    CircleButtonMotion: function() {
+        return CircleButtonMotion;
+    },
+    SendButtonMotion: function() {
+        return SendButtonMotion;
+    },
+    StopButtonMotion: function() {
+        return StopButtonMotion;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const scaleSend = 1.2;
+const startScaleStop = 0.5;
+const scaleStop = 1.2;
+const startScaleCircle = 0.1;
+const scaleCircle = 1.1;
+const motionSpeedMultiplier = 1;
+const sendMotion = ()=>{
+    const enterKeyframes = [
+        {
+            keyframes: [
+                {
+                    transform: `scale(0)`
+                }
+            ],
+            duration: 0
+        },
+        {
+            keyframes: [
+                {
+                    transform: `scale(0)`
+                },
+                {
+                    transform: `scale(${scaleSend})`
+                }
+            ],
+            duration: _reactcomponents.motionTokens.durationNormal * motionSpeedMultiplier,
+            easing: _reactcomponents.motionTokens.curveDecelerateMax,
+            delay: _reactcomponents.motionTokens.durationSlow * motionSpeedMultiplier
+        },
+        {
+            keyframes: [
+                {
+                    transform: `scale(${scaleSend})`
+                },
+                {
+                    transform: 'scale(1)'
+                }
+            ],
+            duration: _reactcomponents.motionTokens.durationSlow * motionSpeedMultiplier,
+            easing: _reactcomponents.motionTokens.curveDecelerateMid,
+            delay: (_reactcomponents.motionTokens.durationSlow + _reactcomponents.motionTokens.durationNormal) * motionSpeedMultiplier
+        }
+    ];
+    const exitKeyframes = [
+        {
+            keyframes: [
+                {
+                    transform: `scale(1)`
+                },
+                {
+                    transform: `scale(0)`
+                }
+            ],
+            duration: _reactcomponents.motionTokens.durationFast * motionSpeedMultiplier,
+            easing: _reactcomponents.motionTokens.curveDecelerateMid
+        }
+    ];
+    return {
+        enter: enterKeyframes,
+        exit: exitKeyframes
+    };
+};
+const stopMotion = ()=>{
+    const enterKeyframes = [
+        {
+            keyframes: [
+                {
+                    opacity: 0
+                }
+            ],
+            duration: 0
+        },
+        {
+            keyframes: [
+                {
+                    opacity: 1
+                }
+            ],
+            duration: 0,
+            delay: 30 * motionSpeedMultiplier
+        },
+        {
+            keyframes: [
+                {
+                    transform: `scale(${startScaleStop})`
+                },
+                {
+                    transform: `scale(1)`
+                }
+            ],
+            duration: _reactcomponents.motionTokens.durationSlower * motionSpeedMultiplier,
+            easing: _reactcomponents.motionTokens.curveDecelerateMid
+        }
+    ];
+    const exitKeyframes = [
+        {
+            keyframes: [
+                {
+                    transform: `scale(1)`
+                },
+                {
+                    transform: `scale(${scaleStop})`
+                }
+            ],
+            duration: _reactcomponents.motionTokens.durationFast * motionSpeedMultiplier,
+            easing: _reactcomponents.motionTokens.curveDecelerateMax,
+            delay: _reactcomponents.motionTokens.durationUltraFast * motionSpeedMultiplier
+        },
+        {
+            keyframes: [
+                {
+                    transform: `scale(${scaleStop})`
+                },
+                {
+                    transform: 'scale(0)'
+                }
+            ],
+            duration: _reactcomponents.motionTokens.durationFaster,
+            easing: _reactcomponents.motionTokens.curveDecelerateMin,
+            delay: (_reactcomponents.motionTokens.durationUltraFast + _reactcomponents.motionTokens.durationFast) * motionSpeedMultiplier
+        }
+    ];
+    return {
+        enter: enterKeyframes,
+        exit: exitKeyframes
+    };
+};
+const circleMotion = ()=>{
+    const enterKeyframes = [
+        {
+            keyframes: [
+                {
+                    opacity: 0
+                }
+            ],
+            duration: 0
+        },
+        {
+            keyframes: [
+                {
+                    opacity: 0
+                },
+                {
+                    opacity: 1
+                }
+            ],
+            duration: 0,
+            delay: _reactcomponents.motionTokens.durationFaster * motionSpeedMultiplier
+        },
+        {
+            keyframes: [
+                {
+                    transform: `scale(${startScaleCircle})`
+                },
+                {
+                    transform: `scale(${scaleCircle})`
+                }
+            ],
+            duration: _reactcomponents.motionTokens.durationSlow * motionSpeedMultiplier,
+            easing: _reactcomponents.motionTokens.curveDecelerateMax,
+            delay: _reactcomponents.motionTokens.durationFaster * motionSpeedMultiplier
+        },
+        {
+            keyframes: [
+                {
+                    transform: `scale(${scaleCircle})`
+                },
+                {
+                    transform: `scale(1)`
+                }
+            ],
+            duration: _reactcomponents.motionTokens.durationNormal * motionSpeedMultiplier,
+            easing: _reactcomponents.motionTokens.curveDecelerateMin,
+            delay: (_reactcomponents.motionTokens.durationSlow + _reactcomponents.motionTokens.durationFaster) * motionSpeedMultiplier
+        }
+    ];
+    const exitKeyframes = [
+        {
+            keyframes: [
+                {
+                    transform: `scale(1)`
+                },
+                {
+                    transform: `scale(${scaleCircle})`
+                }
+            ],
+            duration: _reactcomponents.motionTokens.durationFast * motionSpeedMultiplier,
+            easing: _reactcomponents.motionTokens.curveDecelerateMax
+        },
+        {
+            keyframes: [
+                {
+                    transform: `scale(${scaleCircle})`
+                },
+                {
+                    transform: 'scale(0)'
+                }
+            ],
+            duration: _reactcomponents.motionTokens.durationFaster * motionSpeedMultiplier,
+            easing: _reactcomponents.motionTokens.curveDecelerateMin,
+            delay: _reactcomponents.motionTokens.durationFast * motionSpeedMultiplier
+        }
+    ];
+    return {
+        enter: enterKeyframes,
+        exit: exitKeyframes
+    };
+};
+const SendButtonMotion = (0, _reactcomponents.createPresenceComponent)(sendMotion);
+const StopButtonMotion = (0, _reactcomponents.createPresenceComponent)(stopMotion);
+const CircleButtonMotion = (0, _reactcomponents.createPresenceComponent)(circleMotion); //# sourceMappingURL=buttonMotion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["buttonMotion.ts"],"sourcesContent":["import type { PresenceMotionFn } from '@fluentui/react-components';\nimport { createPresenceComponent, motionTokens } from '@fluentui/react-components';\n\nconst scaleSend = 1.2;\nconst startScaleStop = 0.5;\nconst scaleStop = 1.2;\nconst startScaleCircle = 0.1;\nconst scaleCircle = 1.1;\n\nconst motionSpeedMultiplier = 1;\n\nconst sendMotion: PresenceMotionFn = () => {\n  const enterKeyframes = [\n    {\n      keyframes: [{ transform: `scale(0)` }],\n      duration: 0,\n    },\n    {\n      keyframes: [{ transform: `scale(0)` }, { transform: `scale(${scaleSend})` }],\n      duration: motionTokens.durationNormal * motionSpeedMultiplier,\n      easing: motionTokens.curveDecelerateMax,\n      delay: motionTokens.durationSlow * motionSpeedMultiplier,\n    },\n    {\n      keyframes: [{ transform: `scale(${scaleSend})` }, { transform: 'scale(1)' }],\n      duration: motionTokens.durationSlow * motionSpeedMultiplier,\n      easing: motionTokens.curveDecelerateMid,\n      delay: (motionTokens.durationSlow + motionTokens.durationNormal) * motionSpeedMultiplier,\n    },\n  ];\n\n  const exitKeyframes = [\n    {\n      keyframes: [{ transform: `scale(1)` }, { transform: `scale(0)` }],\n      duration: motionTokens.durationFast * motionSpeedMultiplier,\n      easing: motionTokens.curveDecelerateMid,\n    },\n  ];\n\n  return {\n    enter: enterKeyframes,\n    exit: exitKeyframes,\n  };\n};\n\nconst stopMotion: PresenceMotionFn = () => {\n  const enterKeyframes = [\n    {\n      keyframes: [{ opacity: 0 }],\n      duration: 0,\n    },\n    {\n      keyframes: [{ opacity: 1 }],\n      duration: 0,\n      delay: 30 * motionSpeedMultiplier, // non-standard motion duration\n    },\n    {\n      keyframes: [{ transform: `scale(${startScaleStop})` }, { transform: `scale(1)` }],\n      duration: motionTokens.durationSlower * motionSpeedMultiplier,\n      easing: motionTokens.curveDecelerateMid,\n    },\n  ];\n\n  const exitKeyframes = [\n    {\n      keyframes: [{ transform: `scale(1)` }, { transform: `scale(${scaleStop})` }],\n      duration: motionTokens.durationFast * motionSpeedMultiplier,\n      easing: motionTokens.curveDecelerateMax,\n      delay: motionTokens.durationUltraFast * motionSpeedMultiplier,\n    },\n    {\n      keyframes: [{ transform: `scale(${scaleStop})` }, { transform: 'scale(0)' }],\n      duration: motionTokens.durationFaster,\n      easing: motionTokens.curveDecelerateMin,\n      delay: (motionTokens.durationUltraFast + motionTokens.durationFast) * motionSpeedMultiplier,\n    },\n  ];\n\n  return {\n    enter: enterKeyframes,\n    exit: exitKeyframes,\n  };\n};\n\nconst circleMotion: PresenceMotionFn = () => {\n  const enterKeyframes = [\n    {\n      keyframes: [{ opacity: 0 }],\n      duration: 0,\n    },\n    {\n      keyframes: [{ opacity: 0 }, { opacity: 1 }],\n      duration: 0,\n      delay: motionTokens.durationFaster * motionSpeedMultiplier,\n    },\n    {\n      keyframes: [{ transform: `scale(${startScaleCircle})` }, { transform: `scale(${scaleCircle})` }],\n      duration: motionTokens.durationSlow * motionSpeedMultiplier,\n      easing: motionTokens.curveDecelerateMax,\n      delay: motionTokens.durationFaster * motionSpeedMultiplier,\n    },\n    {\n      keyframes: [{ transform: `scale(${scaleCircle})` }, { transform: `scale(1)` }],\n      duration: motionTokens.durationNormal * motionSpeedMultiplier,\n      easing: motionTokens.curveDecelerateMin,\n      delay: (motionTokens.durationSlow + motionTokens.durationFaster) * motionSpeedMultiplier,\n    },\n  ];\n\n  const exitKeyframes = [\n    {\n      keyframes: [{ transform: `scale(1)` }, { transform: `scale(${scaleCircle})` }],\n      duration: motionTokens.durationFast * motionSpeedMultiplier,\n      easing: motionTokens.curveDecelerateMax,\n    },\n    {\n      keyframes: [{ transform: `scale(${scaleCircle})` }, { transform: 'scale(0)' }],\n      duration: motionTokens.durationFaster * motionSpeedMultiplier,\n      easing: motionTokens.curveDecelerateMin,\n      delay: motionTokens.durationFast * motionSpeedMultiplier,\n    },\n  ];\n\n  return {\n    enter: enterKeyframes,\n    exit: exitKeyframes,\n  };\n};\nexport const SendButtonMotion = createPresenceComponent(sendMotion);\nexport const StopButtonMotion = createPresenceComponent(stopMotion);\nexport const CircleButtonMotion = createPresenceComponent(circleMotion);\n"],"names":["CircleButtonMotion","duration","delay","motionTokens","scaleSend","startScaleStop","scaleStop","startScaleCircle","scaleCircle","motionSpeedMultiplier","sendMotion","enterKeyframes","keyframes","durationNormal","transform","durationSlow","curveDecelerateMid","durationFast","exitKeyframes","stopMotion","durationSlower","curveDecelerateMax","durationUltraFast","durationFaster","curveDecelerateMin","opacity","easing","enter","circleMotion","createPresenceComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/SendButton/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, {
+    SendButton: function() {
+        return _SendButton.SendButton;
+    },
+    renderSendButton_unstable: function() {
+        return _renderSendButton.renderSendButton_unstable;
+    },
+    sendButtonClassNames: function() {
+        return _useSendButtonStylesstyles.sendButtonClassNames;
+    },
+    useSendButtonStyles_unstable: function() {
+        return _useSendButtonStylesstyles.useSendButtonStyles_unstable;
+    },
+    useSendButton_unstable: function() {
+        return _useSendButton.useSendButton_unstable;
+    }
+});
+const _SendButton = require("./SendButton");
+const _renderSendButton = require("./renderSendButton");
+const _useSendButton = require("./useSendButton");
+const _useSendButtonStylesstyles = require("./useSendButtonStyles.styles");
+ //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { SendButton } from './SendButton';\nexport type { SendButtonProps, SendButtonSlots, SendButtonState } from './SendButton.types';\nexport { renderSendButton_unstable } from './renderSendButton';\nexport { useSendButton_unstable } from './useSendButton';\nexport { sendButtonClassNames, useSendButtonStyles_unstable } from './useSendButtonStyles.styles';\n"],"names":["SendButton","renderSendButton_unstable","sendButtonClassNames","useSendButtonStyles_unstable","useSendButton_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,UAAU;eAAVA,sBAAU;;IAEVC,yBAAyB;eAAzBA,2CAAyB;;IAEzBC,oBAAoB;eAApBA,+CAAoB;;IAAEC,4BAA4B;eAA5BA,uDAA4B;;IADlDC,sBAAsB;eAAtBA,qCAAsB;;;4BAHJ;kCAEe;+BACH;2CAC4B"}