@fluentui-copilot/react-chat-input-plugins 0.0.0-nightly-20251010-0406-7df7c6d1.1 → 0.0.0-nightly-20251013-0406-7c7739c8.1

package/lib/components/ChatInputToken/ChatInputToken.node.js

@@ -0,0 +1,59 @@
+import { _ as _define_property } from "@swc/helpers/_/_define_property";
+import * as React from 'react';
+import { DecoratorNode } from '@fluentui-copilot/text-editor';
+import { ChatInputToken } from './ChatInputToken';
+export class ChatInputTokenNode extends DecoratorNode {
+    static getType() {
+        return 'token';
+    }
+    static clone(node) {
+        return new ChatInputTokenNode(node.__text, node.__componentProps, node.__key);
+    }
+    static importJSON(serializedNode) {
+        return $createChatInputTokenNode(serializedNode.text, serializedNode.componentProps);
+    }
+    isIsolated() {
+        return true;
+    }
+    isInline() {
+        return true;
+    }
+    getTextContent() {
+        return this.__text;
+    }
+    exportJSON() {
+        return {
+            text: this.__text,
+            componentProps: this.__componentProps,
+            type: ChatInputTokenNode.getType(),
+            version: 1
+        };
+    }
+    createDOM() {
+        // eslint-disable-next-line no-restricted-globals
+        return document.createElement('span');
+    }
+    updateDOM() {
+        return false;
+    }
+    decorate(_editor, config) {
+        var _this___componentProps;
+        if ((_this___componentProps = this.__componentProps) === null || _this___componentProps === void 0 ? void 0 : _this___componentProps.children) {
+            return /*#__PURE__*/ React.createElement(ChatInputToken, this.__componentProps);
+        }
+        return /*#__PURE__*/ React.createElement(ChatInputToken, this.__componentProps, this.__text);
+    }
+    constructor(text, componentProps, key){
+        super(key);
+        _define_property(this, "__text", void 0);
+        _define_property(this, "__componentProps", void 0);
+        this.__text = text;
+        this.__componentProps = componentProps;
+    }
+}
+export function $createChatInputTokenNode(text, componentProps, key) {
+    return new ChatInputTokenNode(text, componentProps, key);
+}
+export function $isChatInputTokenNode(node) {
+    return node instanceof ChatInputTokenNode;
+}

package/lib/components/ChatInputToken/ChatInputToken.node.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ChatInputToken.node.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { JSXElement } from '@fluentui/react-components';\n\nimport { DecoratorNode } from '@fluentui-copilot/text-editor';\nimport type {\n  EditorConfig,\n  LexicalEditor,\n  LexicalNode,\n  NodeKey,\n  SerializedLexicalNode,\n  Spread,\n} from '@fluentui-copilot/text-editor';\nimport type { ChatInputTokenProps } from './ChatInputToken.types';\nimport { ChatInputToken } from './ChatInputToken';\n\nexport type SerializedChatInputTokenNode = Spread<\n  { text: string; componentProps?: ChatInputTokenProps },\n  SerializedLexicalNode\n>;\n\nexport class ChatInputTokenNode extends DecoratorNode<JSXElement | null> {\n  __text: string;\n  __componentProps?: ChatInputTokenProps;\n\n  static getType(): string {\n    return 'token';\n  }\n  static clone(node: ChatInputTokenNode): ChatInputTokenNode {\n    return new ChatInputTokenNode(node.__text, node.__componentProps, node.__key);\n  }\n\n  static importJSON(serializedNode: SerializedChatInputTokenNode): ChatInputTokenNode {\n    return $createChatInputTokenNode(serializedNode.text, serializedNode.componentProps);\n  }\n\n  isIsolated(): boolean {\n    return true;\n  }\n  isInline(): boolean {\n    return true;\n  }\n\n  getTextContent(): string {\n    return this.__text;\n  }\n\n  exportJSON(): SerializedChatInputTokenNode {\n    return {\n      text: this.__text,\n      componentProps: this.__componentProps,\n      type: ChatInputTokenNode.getType(),\n      version: 1,\n    };\n  }\n\n  constructor(text: string, componentProps?: ChatInputTokenProps, key?: NodeKey) {\n    super(key);\n    this.__text = text;\n    this.__componentProps = componentProps;\n  }\n\n  createDOM(): HTMLElement {\n    // eslint-disable-next-line no-restricted-globals\n    return document.createElement('span');\n  }\n\n  updateDOM(): boolean {\n    return false;\n  }\n\n  decorate(_editor: LexicalEditor, config: EditorConfig): JSXElement | null {\n    if (this.__componentProps?.children) {\n      return <ChatInputToken {...this.__componentProps} />;\n    }\n    return <ChatInputToken {...this.__componentProps}>{this.__text}</ChatInputToken>;\n  }\n}\n\nexport function $createChatInputTokenNode(\n  text: string,\n  componentProps?: ChatInputTokenProps,\n  key?: NodeKey,\n): ChatInputTokenNode {\n  return new ChatInputTokenNode(text, componentProps, key);\n}\n\nexport function $isChatInputTokenNode(node: LexicalNode | null | undefined): node is ChatInputTokenNode {\n  return node instanceof ChatInputTokenNode;\n}\n"],"names":["React","DecoratorNode","ChatInputToken","ChatInputTokenNode","getType","clone","node","__text","__componentProps","__key","importJSON","serializedNode","$createChatInputTokenNode","text","componentProps","isIsolated","isInline","getTextContent","exportJSON","type","version","createDOM","document","createElement","updateDOM","decorate","_editor","config","children","constructor","key","$isChatInputTokenNode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,aAAa,QAAQ,gCAAgC;AAU9D,SAASC,cAAc,QAAQ,mBAAmB;AAOlD,OAAO,MAAMC,2BAA2BF;IAItC,OAAOG,UAAkB;QACvB,OAAO;IACT;IACA,OAAOC,MAAMC,IAAwB,EAAsB;QACzD,OAAO,IAAIH,mBAAmBG,KAAKC,MAAM,EAAED,KAAKE,gBAAgB,EAAEF,KAAKG,KAAK;IAC9E;IAEA,OAAOC,WAAWC,cAA4C,EAAsB;QAClF,OAAOC,0BAA0BD,eAAeE,IAAI,EAAEF,eAAeG,cAAc;IACrF;IAEAC,aAAsB;QACpB,OAAO;IACT;IACAC,WAAoB;QAClB,OAAO;IACT;IAEAC,iBAAyB;QACvB,OAAO,IAAI,CAACV,MAAM;IACpB;IAEAW,aAA2C;QACzC,OAAO;YACLL,MAAM,IAAI,CAACN,MAAM;YACjBO,gBAAgB,IAAI,CAACN,gBAAgB;YACrCW,MAAMhB,mBAAmBC,OAAO;YAChCgB,SAAS;QACX;IACF;IAQAC,YAAyB;QACvB,iDAAiD;QACjD,OAAOC,SAASC,aAAa,CAAC;IAChC;IAEAC,YAAqB;QACnB,OAAO;IACT;IAEAC,SAASC,OAAsB,EAAEC,MAAoB,EAAqB;YACpE;QAAJ,KAAI,yBAAA,IAAI,CAACnB,gBAAgB,cAArB,6CAAA,uBAAuBoB,QAAQ,EAAE;YACnC,qBAAO,oBAAC1B,gBAAmB,IAAI,CAACM,gBAAgB;QAClD;QACA,qBAAO,oBAACN,gBAAmB,IAAI,CAACM,gBAAgB,EAAG,IAAI,CAACD,MAAM;IAChE;IApBAsB,YAAYhB,IAAY,EAAEC,cAAoC,EAAEgB,GAAa,CAAE;QAC7E,KAAK,CAACA;QAnCRvB,uBAAAA,UAAAA,KAAAA;QACAC,uBAAAA,oBAAAA,KAAAA;QAmCE,IAAI,CAACD,MAAM,GAAGM;QACd,IAAI,CAACL,gBAAgB,GAAGM;IAC1B;AAiBF;AAEA,OAAO,SAASF,0BACdC,IAAY,EACZC,cAAoC,EACpCgB,GAAa;IAEb,OAAO,IAAI3B,mBAAmBU,MAAMC,gBAAgBgB;AACtD;AAEA,OAAO,SAASC,sBAAsBzB,IAAoC;IACxE,OAAOA,gBAAgBH;AACzB"}

package/lib/components/ChatInputToken/ChatInputToken.types.js

@@ -0,0 +1,3 @@
+/**
+ * State used in rendering ChatInputToken
+ */ export { };

package/lib/components/ChatInputToken/ChatInputToken.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ChatInputToken.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type ChatInputTokenSlots = {\n  root: Slot<'span'>;\n};\n\n/**\n * ChatInputToken Props\n */\nexport type ChatInputTokenProps = ComponentProps<ChatInputTokenSlots> & {};\n\n/**\n * State used in rendering ChatInputToken\n */\nexport type ChatInputTokenState = ComponentState<ChatInputTokenSlots>;\n"],"names":[],"rangeMappings":";;","mappings":"AAWA;;CAEC,GACD,WAAsE"}

package/lib/components/ChatInputToken/index.js

@@ -0,0 +1,5 @@
+export { ChatInputToken } from './ChatInputToken';
+export { renderChatInputToken_unstable } from './renderChatInputToken';
+export { useChatInputToken_unstable } from './useChatInputToken';
+export { chatInputTokenClassNames, useChatInputTokenStyles_unstable } from './useChatInputTokenStyles.styles';
+export { $createChatInputTokenNode, $isChatInputTokenNode, ChatInputTokenNode } from './ChatInputToken.node';

package/lib/components/ChatInputToken/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { ChatInputToken } from './ChatInputToken';\nexport type { ChatInputTokenProps, ChatInputTokenSlots, ChatInputTokenState } from './ChatInputToken.types';\nexport { renderChatInputToken_unstable } from './renderChatInputToken';\nexport { useChatInputToken_unstable } from './useChatInputToken';\nexport { chatInputTokenClassNames, useChatInputTokenStyles_unstable } from './useChatInputTokenStyles.styles';\nexport type { SerializedChatInputTokenNode } from './ChatInputToken.node';\nexport { $createChatInputTokenNode, $isChatInputTokenNode, ChatInputTokenNode } from './ChatInputToken.node';\n"],"names":["ChatInputToken","renderChatInputToken_unstable","useChatInputToken_unstable","chatInputTokenClassNames","useChatInputTokenStyles_unstable","$createChatInputTokenNode","$isChatInputTokenNode","ChatInputTokenNode"],"rangeMappings":";;;;","mappings":"AAAA,SAASA,cAAc,QAAQ,mBAAmB;AAElD,SAASC,6BAA6B,QAAQ,yBAAyB;AACvE,SAASC,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,wBAAwB,EAAEC,gCAAgC,QAAQ,mCAAmC;AAE9G,SAASC,yBAAyB,EAAEC,qBAAqB,EAAEC,kBAAkB,QAAQ,wBAAwB"}

package/lib/components/ChatInputToken/renderChatInputToken.js

@@ -0,0 +1,8 @@
+  import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { assertSlots } from '@fluentui/react-components';
+/**
+ * Render the final JSX of ChatInputToken
+ */ export const renderChatInputToken_unstable = (state)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsx(state.root, {});
+};

package/lib/components/ChatInputToken/renderChatInputToken.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderChatInputToken.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 { ChatInputTokenState, ChatInputTokenSlots } from './ChatInputToken.types';\n\n/**\n * Render the final JSX of ChatInputToken\n */\nexport const renderChatInputToken_unstable = (state: ChatInputTokenState): JSXElement => {\n  assertSlots<ChatInputTokenSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderChatInputToken_unstable","state","root"],"rangeMappings":";;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,6BAA6B;AAIzD;;CAEC,GACD,OAAO,MAAMC,gCAAgC,CAACC;IAC5CF,YAAiCE;IAEjC,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}

package/lib/components/ChatInputToken/useChatInputToken.js

@@ -0,0 +1,23 @@
+import { getIntrinsicElementProps, slot } from '@fluentui/react-components';
+// If you add JSX to this file, be sure to change the file type to .tsx
+/**
+ * Create the state required to render ChatInputToken.
+ *
+ * The returned state can be modified with hooks such as useChatInputTokenStyles_unstable,
+ * before being passed to renderChatInputToken_unstable.
+ *
+ * @param props - props from this instance of ChatInputToken
+ * @param ref - reference to root HTMLElement of ChatInputToken
+ */ export const useChatInputToken_unstable = (props, ref)=>{
+    return {
+        components: {
+            root: 'span'
+        },
+        root: slot.always(getIntrinsicElementProps('span', {
+            ref,
+            ...props
+        }), {
+            elementType: 'span'
+        })
+    };
+};

package/lib/components/ChatInputToken/useChatInputToken.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useChatInputToken.ts"],"sourcesContent":["import type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport type { ChatInputTokenProps, ChatInputTokenState } from './ChatInputToken.types';\n\n// If you add JSX to this file, be sure to change the file type to .tsx\n\n/**\n * Create the state required to render ChatInputToken.\n *\n * The returned state can be modified with hooks such as useChatInputTokenStyles_unstable,\n * before being passed to renderChatInputToken_unstable.\n *\n * @param props - props from this instance of ChatInputToken\n * @param ref - reference to root HTMLElement of ChatInputToken\n */\nexport const useChatInputToken_unstable = (\n  props: ChatInputTokenProps,\n  ref: React.Ref<HTMLElement>,\n): ChatInputTokenState => {\n  return {\n    components: {\n      root: 'span',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('span', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'span' },\n    ),\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","useChatInputToken_unstable","props","ref","components","root","always","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":"AACA,SAASA,wBAAwB,EAAEC,IAAI,QAAQ,6BAA6B;AAG5E,uEAAuE;AAEvE;;;;;;;;CAQC,GACD,OAAO,MAAMC,6BAA6B,CACxCC,OACAC;IAEA,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QACAA,MAAML,KAAKM,MAAM,CACfP,yBAAyB,QAAQ;YAC/BI;YACA,GAAGD,KAAK;QACV,IACA;YAAEK,aAAa;QAAO;IAE1B;AACF,EAAE"}

package/lib/components/ChatInputToken/useChatInputTokenStyles.styles.js

@@ -0,0 +1,20 @@
+import { __resetStyles, mergeClasses } from '@fluentui/react-components';
+import { tokens, typographyStyles } from '@fluentui-copilot/tokens';
+export const chatInputTokenClassNames = {
+  root: 'fai-ChatInputToken'
+};
+/**
+ * Styles for the root slot
+ */
+const useBaseClassName = __resetStyles("r1ksolxu", null, [".r1ksolxu{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:calc(var(--lineHeightBase200) + (2 * var(--spacingVerticalXXS)) + (2 * var(--strokeWidthThin)));background-color:var(--colorNeutralBackground3);border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--colorNeutralForeground2);padding:var(--spacingVerticalXXS) 0;}"]);
+/**
+ * Apply styling to the ChatInputToken slots based on the state
+ */
+export const useChatInputTokenStyles_unstable = state => {
+  'use no memo';
+
+  const baseClassName = useBaseClassName();
+  state.root.className = mergeClasses(chatInputTokenClassNames.root, baseClassName, state.root.className);
+  return state;
+};
+//# sourceMappingURL=useChatInputTokenStyles.styles.js.map

package/lib/components/ChatInputToken/useChatInputTokenStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useChatInputTokenStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport type { ChatInputTokenSlots, ChatInputTokenState } from './ChatInputToken.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const chatInputTokenClassNames: SlotClassNames<ChatInputTokenSlots> = {\n  root: 'fai-ChatInputToken',\n};\n\n/**\n * Styles for the root slot\n */\nconst useBaseClassName = makeResetStyles({\n  ...typographyStyles.caption1,\n  lineHeight: `calc(${tokens.lineHeightBase200} + (2 * ${tokens.spacingVerticalXXS}) + (2 * ${tokens.strokeWidthThin}))`,\n  backgroundColor: tokens.colorNeutralBackground3,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n  borderRadius: tokens.borderRadiusMedium,\n  boxDecorationBreak: 'clone',\n  color: tokens.colorNeutralForeground2,\n  padding: `${tokens.spacingVerticalXXS} 0`,\n});\n\n/**\n * Apply styling to the ChatInputToken slots based on the state\n */\nexport const useChatInputTokenStyles_unstable = (state: ChatInputTokenState): ChatInputTokenState => {\n  'use no memo';\n\n  const baseClassName = useBaseClassName();\n  state.root.className = mergeClasses(chatInputTokenClassNames.root, baseClassName, state.root.className);\n\n  return state;\n};\n"],"names":["makeResetStyles","mergeClasses","tokens","typographyStyles","chatInputTokenClassNames","root","useBaseClassName","caption1","lineHeight","lineHeightBase200","spacingVerticalXXS","strokeWidthThin","backgroundColor","colorNeutralBackground3","border","colorTransparentStroke","borderRadius","borderRadiusMedium","boxDecorationBreak","color","colorNeutralForeground2","padding","useChatInputTokenStyles_unstable","state","baseClassName","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,YAAY,QAAQ,6BAA6B;AAC3E,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,2BAA2B;AAIpE,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,mBAAmBN,gBAAgB;IACvC,GAAGG,iBAAiBI,QAAQ;IAC5BC,YAAY,CAAC,KAAK,EAAEN,OAAOO,iBAAiB,CAAC,QAAQ,EAAEP,OAAOQ,kBAAkB,CAAC,SAAS,EAAER,OAAOS,eAAe,CAAC,EAAE,CAAC;IACtHC,iBAAiBV,OAAOW,uBAAuB;IAC/CC,QAAQ,CAAC,EAAEZ,OAAOS,eAAe,CAAC,OAAO,EAAET,OAAOa,sBAAsB,CAAC,CAAC;IAC1EC,cAAcd,OAAOe,kBAAkB;IACvCC,oBAAoB;IACpBC,OAAOjB,OAAOkB,uBAAuB;IACrCC,SAAS,CAAC,EAAEnB,OAAOQ,kBAAkB,CAAC,EAAE,CAAC;AAC3C;AAEA;;CAEC,GACD,OAAO,MAAMY,mCAAmC,CAACC;IAC/C;IAEA,MAAMC,gBAAgBlB;IACtBiB,MAAMlB,IAAI,CAACoB,SAAS,GAAGxB,aAAaG,yBAAyBC,IAAI,EAAEmB,eAAeD,MAAMlB,IAAI,CAACoB,SAAS;IAEtG,OAAOF;AACT,EAAE"}

package/lib/components/ChatInputToken/useChatInputTokenStyles.styles.raw.js

@@ -0,0 +1,25 @@
+import { makeResetStyles, mergeClasses } from '@fluentui/react-components';
+import { tokens, typographyStyles } from '@fluentui-copilot/tokens';
+export const chatInputTokenClassNames = {
+    root: 'fai-ChatInputToken'
+};
+/**
+ * Styles for the root slot
+ */ const useBaseClassName = makeResetStyles({
+    ...typographyStyles.caption1,
+    lineHeight: `calc(${tokens.lineHeightBase200} + (2 * ${tokens.spacingVerticalXXS}) + (2 * ${tokens.strokeWidthThin}))`,
+    backgroundColor: tokens.colorNeutralBackground3,
+    border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,
+    borderRadius: tokens.borderRadiusMedium,
+    boxDecorationBreak: 'clone',
+    color: tokens.colorNeutralForeground2,
+    padding: `${tokens.spacingVerticalXXS} 0`
+});
+/**
+ * Apply styling to the ChatInputToken slots based on the state
+ */ export const useChatInputTokenStyles_unstable = (state)=>{
+    'use no memo';
+    const baseClassName = useBaseClassName();
+    state.root.className = mergeClasses(chatInputTokenClassNames.root, baseClassName, state.root.className);
+    return state;
+};

package/lib/components/ChatInputToken/useChatInputTokenStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useChatInputTokenStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport type { ChatInputTokenSlots, ChatInputTokenState } from './ChatInputToken.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const chatInputTokenClassNames: SlotClassNames<ChatInputTokenSlots> = {\n  root: 'fai-ChatInputToken',\n};\n\n/**\n * Styles for the root slot\n */\nconst useBaseClassName = makeResetStyles({\n  ...typographyStyles.caption1,\n  lineHeight: `calc(${tokens.lineHeightBase200} + (2 * ${tokens.spacingVerticalXXS}) + (2 * ${tokens.strokeWidthThin}))`,\n  backgroundColor: tokens.colorNeutralBackground3,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n  borderRadius: tokens.borderRadiusMedium,\n  boxDecorationBreak: 'clone',\n  color: tokens.colorNeutralForeground2,\n  padding: `${tokens.spacingVerticalXXS} 0`,\n});\n\n/**\n * Apply styling to the ChatInputToken slots based on the state\n */\nexport const useChatInputTokenStyles_unstable = (state: ChatInputTokenState): ChatInputTokenState => {\n  'use no memo';\n\n  const baseClassName = useBaseClassName();\n  state.root.className = mergeClasses(chatInputTokenClassNames.root, baseClassName, state.root.className);\n\n  return state;\n};\n"],"names":["makeResetStyles","mergeClasses","tokens","typographyStyles","chatInputTokenClassNames","root","useBaseClassName","caption1","lineHeight","lineHeightBase200","spacingVerticalXXS","strokeWidthThin","backgroundColor","colorNeutralBackground3","border","colorTransparentStroke","borderRadius","borderRadiusMedium","boxDecorationBreak","color","colorNeutralForeground2","padding","useChatInputTokenStyles_unstable","state","baseClassName","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,YAAY,QAAQ,6BAA6B;AAC3E,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,2BAA2B;AAIpE,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,mBAAmBN,gBAAgB;IACvC,GAAGG,iBAAiBI,QAAQ;IAC5BC,YAAY,CAAC,KAAK,EAAEN,OAAOO,iBAAiB,CAAC,QAAQ,EAAEP,OAAOQ,kBAAkB,CAAC,SAAS,EAAER,OAAOS,eAAe,CAAC,EAAE,CAAC;IACtHC,iBAAiBV,OAAOW,uBAAuB;IAC/CC,QAAQ,CAAC,EAAEZ,OAAOS,eAAe,CAAC,OAAO,EAAET,OAAOa,sBAAsB,CAAC,CAAC;IAC1EC,cAAcd,OAAOe,kBAAkB;IACvCC,oBAAoB;IACpBC,OAAOjB,OAAOkB,uBAAuB;IACrCC,SAAS,CAAC,EAAEnB,OAAOQ,kBAAkB,CAAC,EAAE,CAAC;AAC3C;AAEA;;CAEC,GACD,OAAO,MAAMY,mCAAmC,CAACC;IAC/C;IAEA,MAAMC,gBAAgBlB;IACtBiB,MAAMlB,IAAI,CAACoB,SAAS,GAAGxB,aAAaG,yBAAyBC,IAAI,EAAEmB,eAAeD,MAAMlB,IAAI,CAACoB,SAAS;IAEtG,OAAOF;AACT,EAAE"}

package/lib/components/GhostText/GhostText.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { useGhostText_unstable } from './useGhostText';
+import { renderGhostText_unstable } from './renderGhostText';
+import { useGhostTextStyles_unstable } from './useGhostTextStyles.styles';
+// GhostText component - TODO: add more docs
+export const GhostText = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useGhostText_unstable(props, ref);
+    useGhostTextStyles_unstable(state);
+    return renderGhostText_unstable(state);
+});
+GhostText.displayName = 'GhostText';

package/lib/components/GhostText/GhostText.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["GhostText.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useGhostText_unstable } from './useGhostText';\nimport { renderGhostText_unstable } from './renderGhostText';\nimport { useGhostTextStyles_unstable } from './useGhostTextStyles.styles';\nimport type { GhostTextProps } from './GhostText.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n// GhostText component - TODO: add more docs\nexport const GhostText: ForwardRefComponent<GhostTextProps> = React.forwardRef((props, ref) => {\n  const state = useGhostText_unstable(props, ref);\n\n  useGhostTextStyles_unstable(state);\n  return renderGhostText_unstable(state);\n});\n\nGhostText.displayName = 'GhostText';\n"],"names":["React","useGhostText_unstable","renderGhostText_unstable","useGhostTextStyles_unstable","GhostText","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,2BAA2B,QAAQ,8BAA8B;AAI1E,4CAA4C;AAC5C,OAAO,MAAMC,0BAAiDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IACrF,MAAMC,QAAQP,sBAAsBK,OAAOC;IAE3CJ,4BAA4BK;IAC5B,OAAON,yBAAyBM;AAClC,GAAG;AAEHJ,UAAUK,WAAW,GAAG"}

package/lib/components/GhostText/GhostText.types.js

@@ -0,0 +1,4 @@
+/**
+ * State used in rendering GhostText
+ */ export { }; // TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from GhostTextProps.
+ // & Required<Pick<GhostTextProps, 'propName'>>

package/lib/components/GhostText/GhostText.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["GhostText.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type GhostTextSlots = {\n  root: Slot<'span'>;\n  indicator?: Slot<'span'>;\n};\n\n/**\n * GhostText Props\n */\nexport type GhostTextProps = ComponentProps<GhostTextSlots> & { nodeKey?: string };\n\n/**\n * State used in rendering GhostText\n */\nexport type GhostTextState = ComponentState<GhostTextSlots>;\n// TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from GhostTextProps.\n// & Required<Pick<GhostTextProps, 'propName'>>\n"],"names":[],"rangeMappings":";;;","mappings":"AAYA;;CAEC,GACD,WAA4D,CAC5D,0HAA0H;CAC1H,+CAA+C"}

package/lib/components/GhostText/index.js

@@ -0,0 +1,4 @@
+export { GhostText } from './GhostText';
+export { renderGhostText_unstable } from './renderGhostText';
+export { useGhostText_unstable } from './useGhostText';
+export { ghostTextClassNames, useGhostTextStyles_unstable } from './useGhostTextStyles.styles';

package/lib/components/GhostText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { GhostText } from './GhostText';\nexport type { GhostTextProps, GhostTextSlots, GhostTextState } from './GhostText.types';\nexport { renderGhostText_unstable } from './renderGhostText';\nexport { useGhostText_unstable } from './useGhostText';\nexport { ghostTextClassNames, useGhostTextStyles_unstable } from './useGhostTextStyles.styles';\n"],"names":["GhostText","renderGhostText_unstable","useGhostText_unstable","ghostTextClassNames","useGhostTextStyles_unstable"],"rangeMappings":";;;","mappings":"AAAA,SAASA,SAAS,QAAQ,cAAc;AAExC,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,mBAAmB,EAAEC,2BAA2B,QAAQ,8BAA8B"}

package/lib/components/GhostText/renderGhostText.js

@@ -0,0 +1,13 @@
+  import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { assertSlots } from '@fluentui/react-components';
+/**
+ * Render the final JSX of GhostText
+ */ export const renderGhostText_unstable = (state)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsxs(state.root, {
+        children: [
+            state.root.children,
+            state.indicator && /*#__PURE__*/ _jsx(state.indicator, {})
+        ]
+    });
+};

package/lib/components/GhostText/renderGhostText.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderGhostText.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 { GhostTextState, GhostTextSlots } from './GhostText.types';\n\n/**\n * Render the final JSX of GhostText\n */\nexport const renderGhostText_unstable = (state: GhostTextState): JSXElement => {\n  assertSlots<GhostTextSlots>(state);\n\n  return (\n    <state.root>\n      {state.root.children}\n      {state.indicator && <state.indicator />}\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderGhostText_unstable","state","root","children","indicator"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,6BAA6B;AAIzD;;CAEC,GACD,OAAO,MAAMC,2BAA2B,CAACC;IACvCF,YAA4BE;IAE5B,qBACE,MAACA,MAAMC,IAAI;;YACRD,MAAMC,IAAI,CAACC,QAAQ;YACnBF,MAAMG,SAAS,kBAAI,KAACH,MAAMG,SAAS;;;AAG1C,EAAE"}

package/lib/components/GhostText/useGhostText.js

@@ -0,0 +1,49 @@
+import * as React from 'react';
+import { getIntrinsicElementProps, mergeCallbacks, slot } from '@fluentui/react-components';
+import { $getNodeByKey, useLexicalComposerContext } from '@fluentui-copilot/react-text-editor';
+// If you add JSX to this file, be sure to change the file type to .tsx
+/**
+ * Create the state required to render GhostText.
+ *
+ * The returned state can be modified with hooks such as useGhostTextStyles_unstable,
+ * before being passed to renderGhostText_unstable.
+ *
+ * @param props - props from this instance of GhostText
+ * @param ref - reference to root HTMLElement of GhostText
+ */ export const useGhostText_unstable = (props, ref)=>{
+    const { nodeKey, onClick, ...rest } = props;
+    const [editor] = useLexicalComposerContext();
+    const handleClick = React.useCallback((_ev)=>{
+        if (!nodeKey) {
+            return;
+        }
+        editor.update(()=>{
+            var _node_getPreviousSibling;
+            const node = $getNodeByKey(nodeKey);
+            node === null || node === void 0 ? void 0 : (_node_getPreviousSibling = node.getPreviousSibling()) === null || _node_getPreviousSibling === void 0 ? void 0 : _node_getPreviousSibling.selectEnd();
+        }, {
+            tag: 'historic'
+        });
+    }, [
+        editor,
+        nodeKey
+    ]);
+    const mergedOnClick = mergeCallbacks(handleClick, onClick);
+    const state = {
+        components: {
+            root: 'span',
+            indicator: 'span'
+        },
+        root: slot.always(getIntrinsicElementProps('span', {
+            ref,
+            onClick: mergedOnClick,
+            ...rest
+        }), {
+            elementType: 'span'
+        }),
+        indicator: slot.optional(props.indicator, {
+            elementType: 'span'
+        })
+    };
+    return state;
+};

package/lib/components/GhostText/useGhostText.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useGhostText.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeCallbacks, slot } from '@fluentui/react-components';\nimport type { GhostTextProps, GhostTextState } from './GhostText.types';\nimport { $getNodeByKey, useLexicalComposerContext } from '@fluentui-copilot/react-text-editor';\n\n// If you add JSX to this file, be sure to change the file type to .tsx\n\n/**\n * Create the state required to render GhostText.\n *\n * The returned state can be modified with hooks such as useGhostTextStyles_unstable,\n * before being passed to renderGhostText_unstable.\n *\n * @param props - props from this instance of GhostText\n * @param ref - reference to root HTMLElement of GhostText\n */\nexport const useGhostText_unstable = (props: GhostTextProps, ref: React.Ref<HTMLSpanElement>): GhostTextState => {\n  const { nodeKey, onClick, ...rest } = props;\n  const [editor] = useLexicalComposerContext();\n\n  const handleClick = React.useCallback(\n    (_ev: React.MouseEvent<HTMLElement>) => {\n      if (!nodeKey) {\n        return;\n      }\n\n      editor.update(\n        () => {\n          const node = $getNodeByKey(nodeKey);\n          node?.getPreviousSibling()?.selectEnd();\n        },\n        { tag: 'historic' },\n      );\n    },\n    [editor, nodeKey],\n  );\n\n  const mergedOnClick = mergeCallbacks(handleClick, onClick);\n\n  const state: GhostTextState = {\n    components: {\n      root: 'span',\n      indicator: 'span',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('span', {\n        ref,\n        onClick: mergedOnClick,\n        ...rest,\n      }),\n      { elementType: 'span' },\n    ),\n    indicator: slot.optional(props.indicator, { elementType: 'span' }),\n  };\n\n  return state;\n};\n"],"names":["React","getIntrinsicElementProps","mergeCallbacks","slot","$getNodeByKey","useLexicalComposerContext","useGhostText_unstable","props","ref","nodeKey","onClick","rest","editor","handleClick","useCallback","_ev","update","node","getPreviousSibling","selectEnd","tag","mergedOnClick","state","components","root","indicator","always","elementType","optional"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,cAAc,EAAEC,IAAI,QAAQ,6BAA6B;AAE5F,SAASC,aAAa,EAAEC,yBAAyB,QAAQ,sCAAsC;AAE/F,uEAAuE;AAEvE;;;;;;;;CAQC,GACD,OAAO,MAAMC,wBAAwB,CAACC,OAAuBC;IAC3D,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGC,MAAM,GAAGJ;IACtC,MAAM,CAACK,OAAO,GAAGP;IAEjB,MAAMQ,cAAcb,MAAMc,WAAW,CACnC,CAACC;QACC,IAAI,CAACN,SAAS;YACZ;QACF;QAEAG,OAAOI,MAAM,CACX;gBAEEC;YADA,MAAMA,OAAOb,cAAcK;YAC3BQ,iBAAAA,4BAAAA,2BAAAA,KAAMC,kBAAkB,gBAAxBD,+CAAAA,yBAA4BE,SAAS;QACvC,GACA;YAAEC,KAAK;QAAW;IAEtB,GACA;QAACR;QAAQH;KAAQ;IAGnB,MAAMY,gBAAgBnB,eAAeW,aAAaH;IAElD,MAAMY,QAAwB;QAC5BC,YAAY;YACVC,MAAM;YACNC,WAAW;QACb;QACAD,MAAMrB,KAAKuB,MAAM,CACfzB,yBAAyB,QAAQ;YAC/BO;YACAE,SAASW;YACT,GAAGV,IAAI;QACT,IACA;YAAEgB,aAAa;QAAO;QAExBF,WAAWtB,KAAKyB,QAAQ,CAACrB,MAAMkB,SAAS,EAAE;YAAEE,aAAa;QAAO;IAClE;IAEA,OAAOL;AACT,EAAE"}

package/lib/components/GhostText/useGhostTextStyles.styles.js

@@ -0,0 +1,60 @@
+import { __styles, mergeClasses } from '@fluentui/react-components';
+import { tokens, typographyStyles } from '@fluentui-copilot/tokens';
+export const ghostTextClassNames = {
+  root: 'fai-GhostText',
+  indicator: 'fai-GhostText__indicator'
+};
+/**
+ * Styles for the root slot
+ */
+const useStyles = __styles({
+  root: {
+    sj55zd: "fxc4j92",
+    Huce71: "fibxuh5",
+    i8kkvl: 0,
+    Belr9w4: 0,
+    rmohyg: "fkln5zr"
+  },
+  indicator: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "f13mqy1h",
+    Bhrd7zp: "flh3ekv",
+    Bg96gwp: "fwrc4pm",
+    sj55zd: "f11d4kpn",
+    De3pzq: "f3vzo32",
+    Byoj8tv: 0,
+    uwmqm3: 0,
+    z189sj: 0,
+    z8tnut: 0,
+    B0ocmuz: "f1vo1c1k",
+    Beyfa6y: 0,
+    Bbmb7ep: 0,
+    Btl43ni: 0,
+    B7oj6ja: 0,
+    Dimara: "fq9zq91",
+    Frg6f3: ["fbyavb5", "fm0x6gh"],
+    Cd5d3v: "f1pc5kto"
+  }
+}, {
+  d: [".fxc4j92{color:var(--colorNeutralForeground4);}", ".fibxuh5{white-space:pre-wrap;}", [".fkln5zr{gap:var(--spacingHorizontalXS);}", {
+    p: -1
+  }], ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".flh3ekv{font-weight:var(--fontWeightBold);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".f3vzo32{background-color:var(--colorNeutralBackground5);}", [".f1vo1c1k{padding:var(--spacingVerticalNone) var(--spacingHorizontalSNudge);}", {
+    p: -1
+  }], [".fq9zq91{border-radius:var(--borderRadiusSmall);}", {
+    p: -1
+  }], ".fbyavb5{margin-left:var(--spacingHorizontalXS);}", ".fm0x6gh{margin-right:var(--spacingHorizontalXS);}", ".f1pc5kto{mergin-right:var(--spacingHorizontalXS);}"]
+});
+/**
+ * Apply styling to the GhostText slots based on the state
+ */
+export const useGhostTextStyles_unstable = state => {
+  'use no memo';
+
+  const styles = useStyles();
+  state.root.className = mergeClasses(ghostTextClassNames.root, styles.root, state.root.className);
+  if (state.indicator) {
+    state.indicator.className = mergeClasses(ghostTextClassNames.indicator, styles.indicator, state.indicator.className);
+  }
+  return state;
+};
+//# sourceMappingURL=useGhostTextStyles.styles.js.map

package/lib/components/GhostText/useGhostTextStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useGhostTextStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport type { GhostTextSlots, GhostTextState } from './GhostText.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const ghostTextClassNames: SlotClassNames<GhostTextSlots> = {\n  root: 'fai-GhostText',\n  indicator: 'fai-GhostText__indicator',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    color: tokens.colorNeutralForeground4,\n    whiteSpace: 'pre-wrap',\n    gap: tokens.spacingHorizontalXS,\n  },\n\n  indicator: {\n    ...typographyStyles.caption2Strong,\n    color: tokens.colorNeutralForeground3,\n    backgroundColor: tokens.colorNeutralBackground5,\n    padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalSNudge}`,\n    borderRadius: tokens.borderRadiusSmall,\n    marginLeft: tokens.spacingHorizontalXS,\n    merginRight: tokens.spacingHorizontalXS,\n  },\n});\n\n/**\n * Apply styling to the GhostText slots based on the state\n */\nexport const useGhostTextStyles_unstable = (state: GhostTextState): GhostTextState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(ghostTextClassNames.root, styles.root, state.root.className);\n\n  if (state.indicator) {\n    state.indicator.className = mergeClasses(\n      ghostTextClassNames.indicator,\n      styles.indicator,\n      state.indicator.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","ghostTextClassNames","root","indicator","useStyles","color","colorNeutralForeground4","whiteSpace","gap","spacingHorizontalXS","caption2Strong","colorNeutralForeground3","backgroundColor","colorNeutralBackground5","padding","spacingVerticalNone","spacingHorizontalSNudge","borderRadius","borderRadiusSmall","marginLeft","merginRight","useGhostTextStyles_unstable","state","styles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,6BAA6B;AACtE,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,2BAA2B;AAIpE,OAAO,MAAMC,sBAAsD;IACjEC,MAAM;IACNC,WAAW;AACb,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYP,WAAW;IAC3BK,MAAM;QACJG,OAAON,OAAOO,uBAAuB;QACrCC,YAAY;QACZC,KAAKT,OAAOU,mBAAmB;IACjC;IAEAN,WAAW;QACT,GAAGH,iBAAiBU,cAAc;QAClCL,OAAON,OAAOY,uBAAuB;QACrCC,iBAAiBb,OAAOc,uBAAuB;QAC/CC,SAAS,CAAC,EAAEf,OAAOgB,mBAAmB,CAAC,CAAC,EAAEhB,OAAOiB,uBAAuB,CAAC,CAAC;QAC1EC,cAAclB,OAAOmB,iBAAiB;QACtCC,YAAYpB,OAAOU,mBAAmB;QACtCW,aAAarB,OAAOU,mBAAmB;IACzC;AACF;AAEA;;CAEC,GACD,OAAO,MAAMY,8BAA8B,CAACC;IAC1C;IAEA,MAAMC,SAASnB;IACfkB,MAAMpB,IAAI,CAACsB,SAAS,GAAG1B,aAAaG,oBAAoBC,IAAI,EAAEqB,OAAOrB,IAAI,EAAEoB,MAAMpB,IAAI,CAACsB,SAAS;IAE/F,IAAIF,MAAMnB,SAAS,EAAE;QACnBmB,MAAMnB,SAAS,CAACqB,SAAS,GAAG1B,aAC1BG,oBAAoBE,SAAS,EAC7BoB,OAAOpB,SAAS,EAChBmB,MAAMnB,SAAS,CAACqB,SAAS;IAE7B;IAEA,OAAOF;AACT,EAAE"}

package/lib/components/GhostText/useGhostTextStyles.styles.raw.js

@@ -0,0 +1,35 @@
+import { makeStyles, mergeClasses } from '@fluentui/react-components';
+import { tokens, typographyStyles } from '@fluentui-copilot/tokens';
+export const ghostTextClassNames = {
+    root: 'fai-GhostText',
+    indicator: 'fai-GhostText__indicator'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = makeStyles({
+    root: {
+        color: tokens.colorNeutralForeground4,
+        whiteSpace: 'pre-wrap',
+        gap: tokens.spacingHorizontalXS
+    },
+    indicator: {
+        ...typographyStyles.caption2Strong,
+        color: tokens.colorNeutralForeground3,
+        backgroundColor: tokens.colorNeutralBackground5,
+        padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalSNudge}`,
+        borderRadius: tokens.borderRadiusSmall,
+        marginLeft: tokens.spacingHorizontalXS,
+        merginRight: tokens.spacingHorizontalXS
+    }
+});
+/**
+ * Apply styling to the GhostText slots based on the state
+ */ export const useGhostTextStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = mergeClasses(ghostTextClassNames.root, styles.root, state.root.className);
+    if (state.indicator) {
+        state.indicator.className = mergeClasses(ghostTextClassNames.indicator, styles.indicator, state.indicator.className);
+    }
+    return state;
+};

package/lib/components/GhostText/useGhostTextStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useGhostTextStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport type { GhostTextSlots, GhostTextState } from './GhostText.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const ghostTextClassNames: SlotClassNames<GhostTextSlots> = {\n  root: 'fai-GhostText',\n  indicator: 'fai-GhostText__indicator',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    color: tokens.colorNeutralForeground4,\n    whiteSpace: 'pre-wrap',\n    gap: tokens.spacingHorizontalXS,\n  },\n\n  indicator: {\n    ...typographyStyles.caption2Strong,\n    color: tokens.colorNeutralForeground3,\n    backgroundColor: tokens.colorNeutralBackground5,\n    padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalSNudge}`,\n    borderRadius: tokens.borderRadiusSmall,\n    marginLeft: tokens.spacingHorizontalXS,\n    merginRight: tokens.spacingHorizontalXS,\n  },\n});\n\n/**\n * Apply styling to the GhostText slots based on the state\n */\nexport const useGhostTextStyles_unstable = (state: GhostTextState): GhostTextState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(ghostTextClassNames.root, styles.root, state.root.className);\n\n  if (state.indicator) {\n    state.indicator.className = mergeClasses(\n      ghostTextClassNames.indicator,\n      styles.indicator,\n      state.indicator.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","ghostTextClassNames","root","indicator","useStyles","color","colorNeutralForeground4","whiteSpace","gap","spacingHorizontalXS","caption2Strong","colorNeutralForeground3","backgroundColor","colorNeutralBackground5","padding","spacingVerticalNone","spacingHorizontalSNudge","borderRadius","borderRadiusSmall","marginLeft","merginRight","useGhostTextStyles_unstable","state","styles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,6BAA6B;AACtE,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,2BAA2B;AAIpE,OAAO,MAAMC,sBAAsD;IACjEC,MAAM;IACNC,WAAW;AACb,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYP,WAAW;IAC3BK,MAAM;QACJG,OAAON,OAAOO,uBAAuB;QACrCC,YAAY;QACZC,KAAKT,OAAOU,mBAAmB;IACjC;IAEAN,WAAW;QACT,GAAGH,iBAAiBU,cAAc;QAClCL,OAAON,OAAOY,uBAAuB;QACrCC,iBAAiBb,OAAOc,uBAAuB;QAC/CC,SAAS,CAAC,EAAEf,OAAOgB,mBAAmB,CAAC,CAAC,EAAEhB,OAAOiB,uBAAuB,CAAC,CAAC;QAC1EC,cAAclB,OAAOmB,iBAAiB;QACtCC,YAAYpB,OAAOU,mBAAmB;QACtCW,aAAarB,OAAOU,mBAAmB;IACzC;AACF;AAEA;;CAEC,GACD,OAAO,MAAMY,8BAA8B,CAACC;IAC1C;IAEA,MAAMC,SAASnB;IACfkB,MAAMpB,IAAI,CAACsB,SAAS,GAAG1B,aAAaG,oBAAoBC,IAAI,EAAEqB,OAAOrB,IAAI,EAAEoB,MAAMpB,IAAI,CAACsB,SAAS;IAE/F,IAAIF,MAAMnB,SAAS,EAAE;QACnBmB,MAAMnB,SAAS,CAACqB,SAAS,GAAG1B,aAC1BG,oBAAoBE,SAAS,EAC7BoB,OAAOpB,SAAS,EAChBmB,MAAMnB,SAAS,CAACqB,SAAS;IAE7B;IAEA,OAAOF;AACT,EAAE"}

package/lib/index.js

@@ -0,0 +1,6 @@
+export { ChatInputEntity, chatInputEntityClassNames, renderChatInputEntity_unstable, useChatInputEntityStyles_unstable, useChatInputEntity_unstable, ChatInputEntityNode, ChatInputEntityPlugin, $isChatInputEntityNode, $createChatInputEntityNode } from './ChatInputEntity';
+export { GhostText, ghostTextClassNames, renderGhostText_unstable, useGhostTextStyles_unstable, useGhostText_unstable, GhostTextNode, GhostTextPlugin, $isGhostTextNode, $createGhostTextNode, ManualGhostTextPlugin } from './GhostText';
+export { ChatInputToken, ChatInputTokenNode, chatInputTokenClassNames, renderChatInputToken_unstable, useChatInputTokenStyles_unstable, useChatInputToken_unstable, $createChatInputTokenNode, $isChatInputTokenNode } from './ChatInputToken';
+export { BasicFunctionalityPlugin } from './BasicFunctionality';
+export { ImperativeControlPlugin } from './ImperativeControl';
+export { PasteUnfurlingPlugin } from './PasteUnfurling';

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export type {\n  ChatInputEntityProps,\n  ChatInputEntitySlots,\n  ChatInputEntityState,\n  ChatInputEntityPluginRef,\n  SerializedChatInputEntityNode,\n} from './ChatInputEntity';\nexport {\n  ChatInputEntity,\n  chatInputEntityClassNames,\n  renderChatInputEntity_unstable,\n  useChatInputEntityStyles_unstable,\n  useChatInputEntity_unstable,\n  ChatInputEntityNode,\n  ChatInputEntityPlugin,\n  $isChatInputEntityNode,\n  $createChatInputEntityNode,\n} from './ChatInputEntity';\n\nexport type {\n  GhostTextProps,\n  GhostTextSlots,\n  GhostTextState,\n  GhostTextPluginProps,\n  SerializedGhostTextNode,\n  ManualGhostTextRef,\n  ManualGhostTextProps,\n} from './GhostText';\nexport {\n  GhostText,\n  ghostTextClassNames,\n  renderGhostText_unstable,\n  useGhostTextStyles_unstable,\n  useGhostText_unstable,\n  GhostTextNode,\n  GhostTextPlugin,\n  $isGhostTextNode,\n  $createGhostTextNode,\n  ManualGhostTextPlugin,\n} from './GhostText';\n\nexport type {\n  ChatInputTokenProps,\n  ChatInputTokenSlots,\n  ChatInputTokenState,\n  SerializedChatInputTokenNode,\n} from './ChatInputToken';\nexport {\n  ChatInputToken,\n  ChatInputTokenNode,\n  chatInputTokenClassNames,\n  renderChatInputToken_unstable,\n  useChatInputTokenStyles_unstable,\n  useChatInputToken_unstable,\n  $createChatInputTokenNode,\n  $isChatInputTokenNode,\n} from './ChatInputToken';\n\nexport type { BasicFunctionalityPluginProps, BasicFunctionalityPluginRef } from './BasicFunctionality';\nexport { BasicFunctionalityPlugin } from './BasicFunctionality';\n\nexport type { ImperativeControlPluginProps, ImperativeControlPluginRef } from './ImperativeControl';\nexport { ImperativeControlPlugin } from './ImperativeControl';\n\nexport type { PasteUnfurlingPluginProps } from './PasteUnfurling';\nexport { PasteUnfurlingPlugin } from './PasteUnfurling';\n"],"names":["ChatInputEntity","chatInputEntityClassNames","renderChatInputEntity_unstable","useChatInputEntityStyles_unstable","useChatInputEntity_unstable","ChatInputEntityNode","ChatInputEntityPlugin","$isChatInputEntityNode","$createChatInputEntityNode","GhostText","ghostTextClassNames","renderGhostText_unstable","useGhostTextStyles_unstable","useGhostText_unstable","GhostTextNode","GhostTextPlugin","$isGhostTextNode","$createGhostTextNode","ManualGhostTextPlugin","ChatInputToken","ChatInputTokenNode","chatInputTokenClassNames","renderChatInputToken_unstable","useChatInputTokenStyles_unstable","useChatInputToken_unstable","$createChatInputTokenNode","$isChatInputTokenNode","BasicFunctionalityPlugin","ImperativeControlPlugin","PasteUnfurlingPlugin"],"rangeMappings":";;;;;","mappings":"AAOA,SACEA,eAAe,EACfC,yBAAyB,EACzBC,8BAA8B,EAC9BC,iCAAiC,EACjCC,2BAA2B,EAC3BC,mBAAmB,EACnBC,qBAAqB,EACrBC,sBAAsB,EACtBC,0BAA0B,QACrB,oBAAoB;AAW3B,SACEC,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,2BAA2B,EAC3BC,qBAAqB,EACrBC,aAAa,EACbC,eAAe,EACfC,gBAAgB,EAChBC,oBAAoB,EACpBC,qBAAqB,QAChB,cAAc;AAQrB,SACEC,cAAc,EACdC,kBAAkB,EAClBC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,EAC1BC,yBAAyB,EACzBC,qBAAqB,QAChB,mBAAmB;AAG1B,SAASC,wBAAwB,QAAQ,uBAAuB;AAGhE,SAASC,uBAAuB,QAAQ,sBAAsB;AAG9D,SAASC,oBAAoB,QAAQ,mBAAmB"}

package/lib/plugins/BasicFunctionality/BasicFunctionality.js

@@ -0,0 +1,58 @@
+import * as React from 'react';
+import { useLexicalComposerContext } from '@fluentui-copilot/react-text-editor';
+import { useIsomorphicLayoutEffect } from '@fluentui/react-components';
+import { BasicFunctionalityBase } from '@fluentui-copilot/chat-input-plugins';
+export const BasicFunctionalityPlugin = React.forwardRef((props, ref)=>{
+    const { trimWhitespace, onCountChanged, onContentChange, onPaste, isSentinelNodeEnabled } = props;
+    const [editor] = useLexicalComposerContext();
+    const [basicFunctionalityImpl, setBasicFunctionalityImpl] = React.useState(null);
+    useIsomorphicLayoutEffect(()=>{
+        setBasicFunctionalityImpl(new BasicFunctionalityBase(editor, isSentinelNodeEnabled));
+        return ()=>{
+            setBasicFunctionalityImpl((prev)=>{
+                prev === null || prev === void 0 ? void 0 : prev.cleanup();
+                return null;
+            });
+        };
+    }, [
+        editor,
+        isSentinelNodeEnabled
+    ]);
+    React.useImperativeHandle(ref, ()=>({
+            setIsDisabled (isDisabled) {
+                basicFunctionalityImpl === null || basicFunctionalityImpl === void 0 ? void 0 : basicFunctionalityImpl.setIsDisabled(isDisabled);
+            }
+        }), [
+        basicFunctionalityImpl
+    ]);
+    React.useEffect(()=>{
+        basicFunctionalityImpl === null || basicFunctionalityImpl === void 0 ? void 0 : basicFunctionalityImpl.activateContentCallbacks(onContentChange, onCountChanged);
+        return ()=>basicFunctionalityImpl === null || basicFunctionalityImpl === void 0 ? void 0 : basicFunctionalityImpl.deactivateContentCallbacks();
+    }, [
+        basicFunctionalityImpl,
+        editor,
+        onContentChange,
+        onCountChanged
+    ]);
+    React.useEffect(()=>{
+        if (onPaste) {
+            basicFunctionalityImpl === null || basicFunctionalityImpl === void 0 ? void 0 : basicFunctionalityImpl.activatePasteCallback(onPaste);
+        }
+        return ()=>basicFunctionalityImpl === null || basicFunctionalityImpl === void 0 ? void 0 : basicFunctionalityImpl.deactivatePasteCallback();
+    }, [
+        basicFunctionalityImpl,
+        editor,
+        onPaste
+    ]);
+    React.useEffect(()=>{
+        if (trimWhitespace) {
+            basicFunctionalityImpl === null || basicFunctionalityImpl === void 0 ? void 0 : basicFunctionalityImpl.activateTrimWhitespace();
+        }
+        return ()=>basicFunctionalityImpl === null || basicFunctionalityImpl === void 0 ? void 0 : basicFunctionalityImpl.deactivateTrimWhitespace();
+    }, [
+        basicFunctionalityImpl,
+        editor,
+        trimWhitespace
+    ]);
+    return null;
+});

package/lib/plugins/BasicFunctionality/BasicFunctionality.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["BasicFunctionality.ts"],"sourcesContent":["import * as React from 'react';\nimport { useLexicalComposerContext } from '@fluentui-copilot/react-text-editor';\nimport { useIsomorphicLayoutEffect } from '@fluentui/react-components';\nimport type { IBasicFunctionalityBase } from '@fluentui-copilot/chat-input-plugins';\nimport { BasicFunctionalityBase } from '@fluentui-copilot/chat-input-plugins';\n\nexport type BasicFunctionalityPluginProps = {\n  // Whether or not to clear the input when only whitespace is remaining\n  trimWhitespace?: boolean;\n  onCountChanged?: (count: number) => void;\n  onContentChange?: (value: string) => void;\n  onPaste?: (event: ClipboardEvent) => void;\n  isSentinelNodeEnabled?: boolean;\n};\n\nexport type BasicFunctionalityPluginRef = {\n  setIsDisabled: (isDisabled: boolean) => void;\n};\n\nexport const BasicFunctionalityPlugin = React.forwardRef<BasicFunctionalityPluginRef, BasicFunctionalityPluginProps>(\n  (props, ref) => {\n    const { trimWhitespace, onCountChanged, onContentChange, onPaste, isSentinelNodeEnabled } = props;\n\n    const [editor] = useLexicalComposerContext();\n\n    const [basicFunctionalityImpl, setBasicFunctionalityImpl] = React.useState<IBasicFunctionalityBase | null>(null);\n\n    useIsomorphicLayoutEffect(() => {\n      setBasicFunctionalityImpl(new BasicFunctionalityBase(editor, isSentinelNodeEnabled));\n\n      return () => {\n        setBasicFunctionalityImpl(prev => {\n          prev?.cleanup();\n          return null;\n        });\n      };\n    }, [editor, isSentinelNodeEnabled]);\n\n    React.useImperativeHandle<BasicFunctionalityPluginRef, BasicFunctionalityPluginRef>(\n      ref,\n      () => ({\n        setIsDisabled(isDisabled: boolean) {\n          basicFunctionalityImpl?.setIsDisabled(isDisabled);\n        },\n      }),\n      [basicFunctionalityImpl],\n    );\n\n    React.useEffect(() => {\n      basicFunctionalityImpl?.activateContentCallbacks(onContentChange, onCountChanged);\n      return () => basicFunctionalityImpl?.deactivateContentCallbacks();\n    }, [basicFunctionalityImpl, editor, onContentChange, onCountChanged]);\n\n    React.useEffect(() => {\n      if (onPaste) {\n        basicFunctionalityImpl?.activatePasteCallback(onPaste);\n      }\n      return () => basicFunctionalityImpl?.deactivatePasteCallback();\n    }, [basicFunctionalityImpl, editor, onPaste]);\n\n    React.useEffect(() => {\n      if (trimWhitespace) {\n        basicFunctionalityImpl?.activateTrimWhitespace();\n      }\n      return () => basicFunctionalityImpl?.deactivateTrimWhitespace();\n    }, [basicFunctionalityImpl, editor, trimWhitespace]);\n\n    return null;\n  },\n);\n"],"names":["React","useLexicalComposerContext","useIsomorphicLayoutEffect","BasicFunctionalityBase","BasicFunctionalityPlugin","forwardRef","props","ref","trimWhitespace","onCountChanged","onContentChange","onPaste","isSentinelNodeEnabled","editor","basicFunctionalityImpl","setBasicFunctionalityImpl","useState","prev","cleanup","useImperativeHandle","setIsDisabled","isDisabled","useEffect","activateContentCallbacks","deactivateContentCallbacks","activatePasteCallback","deactivatePasteCallback","activateTrimWhitespace","deactivateTrimWhitespace"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,sCAAsC;AAChF,SAASC,yBAAyB,QAAQ,6BAA6B;AAEvE,SAASC,sBAAsB,QAAQ,uCAAuC;AAe9E,OAAO,MAAMC,2BAA2BJ,MAAMK,UAAU,CACtD,CAACC,OAAOC;IACN,MAAM,EAAEC,cAAc,EAAEC,cAAc,EAAEC,eAAe,EAAEC,OAAO,EAAEC,qBAAqB,EAAE,GAAGN;IAE5F,MAAM,CAACO,OAAO,GAAGZ;IAEjB,MAAM,CAACa,wBAAwBC,0BAA0B,GAAGf,MAAMgB,QAAQ,CAAiC;IAE3Gd,0BAA0B;QACxBa,0BAA0B,IAAIZ,uBAAuBU,QAAQD;QAE7D,OAAO;YACLG,0BAA0BE,CAAAA;gBACxBA,iBAAAA,2BAAAA,KAAMC,OAAO;gBACb,OAAO;YACT;QACF;IACF,GAAG;QAACL;QAAQD;KAAsB;IAElCZ,MAAMmB,mBAAmB,CACvBZ,KACA,IAAO,CAAA;YACLa,eAAcC,UAAmB;gBAC/BP,mCAAAA,6CAAAA,uBAAwBM,aAAa,CAACC;YACxC;QACF,CAAA,GACA;QAACP;KAAuB;IAG1Bd,MAAMsB,SAAS,CAAC;QACdR,mCAAAA,6CAAAA,uBAAwBS,wBAAwB,CAACb,iBAAiBD;QAClE,OAAO,IAAMK,mCAAAA,6CAAAA,uBAAwBU,0BAA0B;IACjE,GAAG;QAACV;QAAwBD;QAAQH;QAAiBD;KAAe;IAEpET,MAAMsB,SAAS,CAAC;QACd,IAAIX,SAAS;YACXG,mCAAAA,6CAAAA,uBAAwBW,qBAAqB,CAACd;QAChD;QACA,OAAO,IAAMG,mCAAAA,6CAAAA,uBAAwBY,uBAAuB;IAC9D,GAAG;QAACZ;QAAwBD;QAAQF;KAAQ;IAE5CX,MAAMsB,SAAS,CAAC;QACd,IAAId,gBAAgB;YAClBM,mCAAAA,6CAAAA,uBAAwBa,sBAAsB;QAChD;QACA,OAAO,IAAMb,mCAAAA,6CAAAA,uBAAwBc,wBAAwB;IAC/D,GAAG;QAACd;QAAwBD;QAAQL;KAAe;IAEnD,OAAO;AACT,GACA"}

package/lib/plugins/BasicFunctionality/index.js

@@ -0,0 +1 @@
+export { BasicFunctionalityPlugin } from './BasicFunctionality';

package/lib/plugins/BasicFunctionality/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export type { BasicFunctionalityPluginProps, BasicFunctionalityPluginRef } from './BasicFunctionality';\nexport { BasicFunctionalityPlugin } from './BasicFunctionality';\n"],"names":["BasicFunctionalityPlugin"],"rangeMappings":"","mappings":"AACA,SAASA,wBAAwB,QAAQ,uBAAuB"}

package/lib/plugins/ChatInputEntity/ChatInputEntity.node.js

@@ -0,0 +1,78 @@
+import { _ as _define_property } from "@swc/helpers/_/_define_property";
+import * as React from 'react';
+import { DecoratorNode } from '@fluentui-copilot/text-editor';
+import { ChatInputEntity } from '../../ChatInputEntity';
+export class ChatInputEntityNode extends DecoratorNode {
+    static getType() {
+        return 'entity';
+    }
+    static clone(node) {
+        return new ChatInputEntityNode(node.__pluginId, node.__text, node.__data, node.__entityProps, node.__key);
+    }
+    static importJSON(serializedNode) {
+        return $createChatInputEntityNode(serializedNode.pluginId, serializedNode.text, serializedNode.data, serializedNode.entityProps);
+    }
+    isIsolated() {
+        return true;
+    }
+    isInline() {
+        return true;
+    }
+    getTextContent() {
+        return this.__text;
+    }
+    exportJSON() {
+        return {
+            pluginId: this.__pluginId,
+            text: this.__text,
+            data: this.__data,
+            entityProps: this.__entityProps,
+            type: ChatInputEntityNode.getType(),
+            version: 1
+        };
+    }
+    createDOM() {
+        // eslint-disable-next-line no-restricted-globals
+        return document.createElement('span');
+    }
+    updateDOM() {
+        return false;
+    }
+    decorate(_editor, config) {
+        var _this___entityProps;
+        if ((_this___entityProps = this.__entityProps) === null || _this___entityProps === void 0 ? void 0 : _this___entityProps.children) {
+            return /*#__PURE__*/ React.createElement(ChatInputEntity, this.__entityProps);
+        }
+        return /*#__PURE__*/ React.createElement(ChatInputEntity, this.__entityProps, this.__text);
+    }
+    getEntityData() {
+        return {
+            text: this.__text,
+            data: this.__data,
+            entityProps: this.__entityProps
+        };
+    }
+    updateEntityData(data) {
+        const writable = this.getWritable();
+        writable.__text = data.text;
+        writable.__data = data.data;
+        writable.__entityProps = data.entityProps;
+    }
+    constructor(pluginId, text, data, entityProps, key){
+        super(key);
+        _define_property(this, "__pluginId", void 0);
+        _define_property(this, "__text", void 0);
+        _define_property(this, "__entityProps", void 0);
+        _define_property(this, "__data", void 0);
+        this.__pluginId = pluginId;
+        this.__text = text;
+        this.__data = data;
+        this.__entityProps = entityProps;
+    }
+}
+export function $createChatInputEntityNode(pluginId, text, data, entityProps, key) {
+    return new ChatInputEntityNode(pluginId, text, data, entityProps, key);
+}
+export function $isChatInputEntityNode(node) {
+    return node instanceof ChatInputEntityNode;
+}