@fluentui-copilot/react-editor-input 0.5.4 → 0.5.6

package/CHANGELOG.json

@@ -1,6 +1,36 @@
 {
   "name": "@fluentui-copilot/react-editor-input",
   "entries": [
+    {
+      "date": "Mon, 29 Sep 2025 20:25:10 GMT",
+      "tag": "@fluentui-copilot/react-editor-input_v0.5.6",
+      "version": "0.5.6",
+      "comments": {
+        "patch": [
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui-copilot/react-editor-input",
+            "commit": "eb866bbd84d778637cb17f869920ae47a3eeec50",
+            "comment": "fix: type issues after React 18 upgrade."
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 05 Sep 2025 00:07:29 GMT",
+      "tag": "@fluentui-copilot/react-editor-input_v0.5.5",
+      "version": "0.5.5",
+      "comments": {
+        "patch": [
+          {
+            "author": "jiangemma@microsoft.com",
+            "package": "@fluentui-copilot/react-editor-input",
+            "commit": "3bb39358e1657bb8aaf054a8a6047d5567067b2e",
+            "comment": "feat: Implement new AnimatedPlaceholder component"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 17 Jul 2025 17:49:26 GMT",
       "tag": "@fluentui-copilot/react-editor-input_v0.5.3",

package/CHANGELOG.md

@@ -1,9 +1,27 @@
 # Change Log - @fluentui-copilot/react-editor-input
 
-This log was last generated on Thu, 17 Jul 2025 17:49:26 GMT and should not be manually modified.
+This log was last generated on Mon, 29 Sep 2025 20:25:10 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.5.6](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-editor-input_v0.5.6)
+
+Mon, 29 Sep 2025 20:25:10 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-editor-input_v0.5.5..@fluentui-copilot/react-editor-input_v0.5.6)
+
+### Patches
+
+- fix: type issues after React 18 upgrade. ([PR #3341](https://github.com/microsoft/fluentai/pull/3341) by tristan.watanabe@gmail.com)
+
+## [0.5.5](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-editor-input_v0.5.5)
+
+Fri, 05 Sep 2025 00:07:29 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-editor-input_v0.5.3..@fluentui-copilot/react-editor-input_v0.5.5)
+
+### Patches
+
+- feat: Implement new AnimatedPlaceholder component ([PR #3317](https://github.com/microsoft/fluentai/pull/3317) by jiangemma@microsoft.com)
+
 ## [0.5.3](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-editor-input_v0.5.3)
 
 Thu, 17 Jul 2025 17:49:26 GMT 

package/dist/index.d.ts

@@ -6,10 +6,36 @@ import type { ForwardRefComponent } from '@fluentui/react-components';
 import type { InitialConfigType } from '@fluentui-copilot/react-text-editor';
 import type { LexicalEditor } from '@fluentui-copilot/react-text-editor';
 import type { LexicalPlainTextPlugin } from '@fluentui-copilot/react-text-editor';
+import type { PresenceMotionSlotProps } from '@fluentui/react-motion';
 import * as React_2 from 'react';
 import type { Slot } from '@fluentui/react-components';
 import type { SlotClassNames } from '@fluentui/react-components';
 
+export declare const AnimatedPlaceholder: ForwardRefComponent<AnimatedPlaceholderProps>;
+
+export declare const animatedPlaceholderClassNames: SlotClassNames<Omit<AnimatedPlaceholderSlots, 'motion'>>;
+
+/**
+ * AnimatedPlaceholder Props
+ */
+export declare type AnimatedPlaceholderProps = ComponentProps<Partial<AnimatedPlaceholderSlots>> & {
+    /**
+     * The placeholder value to animate.
+     */
+    placeholderValue: string;
+};
+
+export declare type AnimatedPlaceholderSlots = {
+    root: NonNullable<Slot<'div'>>;
+    motion: NonNullable<Slot<PresenceMotionSlotProps>>;
+    placeholder: NonNullable<Slot<'div'>>;
+};
+
+/**
+ * State used in rendering AnimatedPlaceholder
+ */
+export declare type AnimatedPlaceholderState = ComponentState<AnimatedPlaceholderSlots>;
+
 export declare const EditorInput: ForwardRefComponent<EditorInputProps>;
 
 export declare const editorInputClassNames: SlotClassNames<EditorInputSlots>;
@@ -93,11 +119,32 @@ export declare type EditorInputValueData = {
     value: string;
 };
 
+/**
+ * Render the final JSX of AnimatedPlaceholder
+ */
+export declare const renderAnimatedPlaceholder_unstable: (state: AnimatedPlaceholderState) => JSX.Element;
+
 /**
  * Render the final JSX of EditorInput
  */
 export declare const renderEditorInput_unstable: (state: EditorInputState) => JSX.Element;
 
+/**
+ * Create the state required to render AnimatedPlaceholder.
+ *
+ * The returned state can be modified with hooks such as useAnimatedPlaceholderStyles_unstable,
+ * before being passed to renderAnimatedPlaceholder_unstable.
+ *
+ * @param props - props from this instance of AnimatedPlaceholder
+ * @param ref - reference to root HTMLElement of AnimatedPlaceholder
+ */
+export declare const useAnimatedPlaceholder_unstable: (props: AnimatedPlaceholderProps, ref: React_2.Ref<HTMLDivElement>) => AnimatedPlaceholderState;
+
+/**
+ * Apply styling to the AnimatedPlaceholder slots based on the state
+ */
+export declare const useAnimatedPlaceholderStyles_unstable: (state: AnimatedPlaceholderState) => AnimatedPlaceholderState;
+
 /**
  * Create the state required to render EditorInput.
  *

package/lib/AnimatedPlaceholder.js

@@ -0,0 +1 @@
+export { AnimatedPlaceholder, renderAnimatedPlaceholder_unstable, useAnimatedPlaceholder_unstable, animatedPlaceholderClassNames, useAnimatedPlaceholderStyles_unstable } from './components/AnimatedPlaceholder/index';

package/lib/AnimatedPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AnimatedPlaceholder.ts"],"sourcesContent":["export {\n  AnimatedPlaceholder,\n  renderAnimatedPlaceholder_unstable,\n  useAnimatedPlaceholder_unstable,\n  animatedPlaceholderClassNames,\n  useAnimatedPlaceholderStyles_unstable,\n} from './components/AnimatedPlaceholder/index';\nexport type {\n  AnimatedPlaceholderProps,\n  AnimatedPlaceholderSlots,\n  AnimatedPlaceholderState,\n} from './components/AnimatedPlaceholder/index';\n"],"names":["AnimatedPlaceholder","renderAnimatedPlaceholder_unstable","useAnimatedPlaceholder_unstable","animatedPlaceholderClassNames","useAnimatedPlaceholderStyles_unstable"],"rangeMappings":"","mappings":"AAAA,SACEA,mBAAmB,EACnBC,kCAAkC,EAClCC,+BAA+B,EAC/BC,6BAA6B,EAC7BC,qCAAqC,QAChC,yCAAyC"}

package/lib/components/AnimatedPlaceholder/AnimatedPlaceholder.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { useAnimatedPlaceholder_unstable } from './useAnimatedPlaceholder';
+import { renderAnimatedPlaceholder_unstable } from './renderAnimatedPlaceholder';
+import { useAnimatedPlaceholderStyles_unstable } from './useAnimatedPlaceholderStyles.styles';
+export const AnimatedPlaceholder = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useAnimatedPlaceholder_unstable(props, ref);
+    useAnimatedPlaceholderStyles_unstable(state);
+    return renderAnimatedPlaceholder_unstable(state);
+});
+AnimatedPlaceholder.displayName = 'AnimatedPlaceholder';

package/lib/components/AnimatedPlaceholder/AnimatedPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AnimatedPlaceholder.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAnimatedPlaceholder_unstable } from './useAnimatedPlaceholder';\nimport { renderAnimatedPlaceholder_unstable } from './renderAnimatedPlaceholder';\nimport { useAnimatedPlaceholderStyles_unstable } from './useAnimatedPlaceholderStyles.styles';\nimport type { AnimatedPlaceholderProps } from './AnimatedPlaceholder.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const AnimatedPlaceholder: ForwardRefComponent<AnimatedPlaceholderProps> = React.forwardRef((props, ref) => {\n  const state = useAnimatedPlaceholder_unstable(props, ref);\n\n  useAnimatedPlaceholderStyles_unstable(state);\n  return renderAnimatedPlaceholder_unstable(state);\n});\n\nAnimatedPlaceholder.displayName = 'AnimatedPlaceholder';\n"],"names":["React","useAnimatedPlaceholder_unstable","renderAnimatedPlaceholder_unstable","useAnimatedPlaceholderStyles_unstable","AnimatedPlaceholder","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,+BAA+B,QAAQ,2BAA2B;AAC3E,SAASC,kCAAkC,QAAQ,8BAA8B;AACjF,SAASC,qCAAqC,QAAQ,wCAAwC;AAI9F,OAAO,MAAMC,oCAAqEJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IACzG,MAAMC,QAAQP,gCAAgCK,OAAOC;IAErDJ,sCAAsCK;IACtC,OAAON,mCAAmCM;AAC5C,GAAG;AAEHJ,oBAAoBK,WAAW,GAAG"}

package/lib/components/AnimatedPlaceholder/AnimatedPlaceholder.types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["AnimatedPlaceholder.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\nimport type { PresenceMotionSlotProps } from '@fluentui/react-motion';\n\nexport type AnimatedPlaceholderSlots = {\n  root: NonNullable<Slot<'div'>>;\n  motion: NonNullable<Slot<PresenceMotionSlotProps>>;\n  placeholder: NonNullable<Slot<'div'>>;\n};\n\n/**\n * AnimatedPlaceholder Props\n */\nexport type AnimatedPlaceholderProps = ComponentProps<Partial<AnimatedPlaceholderSlots>> & {\n  /**\n   * The placeholder value to animate.\n   */\n  placeholderValue: string;\n};\n\n/**\n * State used in rendering AnimatedPlaceholder\n */\nexport type AnimatedPlaceholderState = ComponentState<AnimatedPlaceholderSlots>;\n"],"names":[],"rangeMappings":";;","mappings":"AAmBA;;CAEC,GACD,WAAgF"}

package/lib/components/AnimatedPlaceholder/index.js

@@ -0,0 +1,4 @@
+export { AnimatedPlaceholder } from './AnimatedPlaceholder';
+export { renderAnimatedPlaceholder_unstable } from './renderAnimatedPlaceholder';
+export { useAnimatedPlaceholder_unstable } from './useAnimatedPlaceholder';
+export { animatedPlaceholderClassNames, useAnimatedPlaceholderStyles_unstable } from './useAnimatedPlaceholderStyles.styles';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { AnimatedPlaceholder } from './AnimatedPlaceholder';\nexport type {\n  AnimatedPlaceholderProps,\n  AnimatedPlaceholderSlots,\n  AnimatedPlaceholderState,\n} from './AnimatedPlaceholder.types';\nexport { renderAnimatedPlaceholder_unstable } from './renderAnimatedPlaceholder';\nexport { useAnimatedPlaceholder_unstable } from './useAnimatedPlaceholder';\nexport {\n  animatedPlaceholderClassNames,\n  useAnimatedPlaceholderStyles_unstable,\n} from './useAnimatedPlaceholderStyles.styles';\n"],"names":["AnimatedPlaceholder","renderAnimatedPlaceholder_unstable","useAnimatedPlaceholder_unstable","animatedPlaceholderClassNames","useAnimatedPlaceholderStyles_unstable"],"rangeMappings":";;;","mappings":"AAAA,SAASA,mBAAmB,QAAQ,wBAAwB;AAM5D,SAASC,kCAAkC,QAAQ,8BAA8B;AACjF,SAASC,+BAA+B,QAAQ,2BAA2B;AAC3E,SACEC,6BAA6B,EAC7BC,qCAAqC,QAChC,wCAAwC"}

package/lib/components/AnimatedPlaceholder/placeholderMotion.js

@@ -0,0 +1,46 @@
+import { createPresenceComponent, motionTokens } from '@fluentui/react-motion';
+const placeholderMotion = ()=>{
+    const enterKeyframes = [
+        {
+            keyframes: [
+                {
+                    opacity: 0
+                },
+                {
+                    opacity: 1
+                }
+            ],
+            duration: motionTokens.durationFaster,
+            easing: motionTokens.curveLinear
+        },
+        {
+            keyframes: [
+                {
+                    transform: 'translateY(10px)'
+                },
+                {
+                    transform: 'translateY(0)'
+                }
+            ],
+            duration: motionTokens.durationNormal,
+            easing: motionTokens.curveDecelerateMid
+        }
+    ];
+    const exitKeyframes = {
+        keyframes: [
+            {
+                opacity: 1
+            },
+            {
+                opacity: 0
+            }
+        ],
+        duration: motionTokens.durationFaster,
+        easing: motionTokens.curveLinear
+    };
+    return {
+        enter: enterKeyframes,
+        exit: exitKeyframes
+    };
+};
+export const PlaceholderMotion = createPresenceComponent(placeholderMotion);

package/lib/components/AnimatedPlaceholder/placeholderMotion.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["placeholderMotion.ts"],"sourcesContent":["import { type PresenceMotionFn, createPresenceComponent, motionTokens } from '@fluentui/react-motion';\n\nconst placeholderMotion: PresenceMotionFn = () => {\n  const enterKeyframes = [\n    {\n      keyframes: [{ opacity: 0 }, { opacity: 1 }],\n      duration: motionTokens.durationFaster,\n      easing: motionTokens.curveLinear,\n    },\n    {\n      keyframes: [{ transform: 'translateY(10px)' }, { transform: 'translateY(0)' }],\n      duration: motionTokens.durationNormal,\n      easing: motionTokens.curveDecelerateMid,\n    },\n  ];\n  const exitKeyframes = {\n    keyframes: [{ opacity: 1 }, { opacity: 0 }],\n    duration: motionTokens.durationFaster,\n    easing: motionTokens.curveLinear,\n  };\n\n  return {\n    enter: enterKeyframes,\n    exit: exitKeyframes,\n  };\n};\n\nexport const PlaceholderMotion: ReturnType<typeof createPresenceComponent<{}>> =\n  createPresenceComponent(placeholderMotion);\n"],"names":["createPresenceComponent","motionTokens","placeholderMotion","enterKeyframes","keyframes","opacity","duration","durationFaster","easing","curveLinear","transform","durationNormal","curveDecelerateMid","exitKeyframes","enter","exit","PlaceholderMotion"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAAgCA,uBAAuB,EAAEC,YAAY,QAAQ,yBAAyB;AAEtG,MAAMC,oBAAsC;IAC1C,MAAMC,iBAAiB;QACrB;YACEC,WAAW;gBAAC;oBAAEC,SAAS;gBAAE;gBAAG;oBAAEA,SAAS;gBAAE;aAAE;YAC3CC,UAAUL,aAAaM,cAAc;YACrCC,QAAQP,aAAaQ,WAAW;QAClC;QACA;YACEL,WAAW;gBAAC;oBAAEM,WAAW;gBAAmB;gBAAG;oBAAEA,WAAW;gBAAgB;aAAE;YAC9EJ,UAAUL,aAAaU,cAAc;YACrCH,QAAQP,aAAaW,kBAAkB;QACzC;KACD;IACD,MAAMC,gBAAgB;QACpBT,WAAW;YAAC;gBAAEC,SAAS;YAAE;YAAG;gBAAEA,SAAS;YAAE;SAAE;QAC3CC,UAAUL,aAAaM,cAAc;QACrCC,QAAQP,aAAaQ,WAAW;IAClC;IAEA,OAAO;QACLK,OAAOX;QACPY,MAAMF;IACR;AACF;AAEA,OAAO,MAAMG,oBACXhB,wBAAwBE,mBAAmB"}

package/lib/components/AnimatedPlaceholder/renderAnimatedPlaceholder.js

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

package/lib/components/AnimatedPlaceholder/renderAnimatedPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderAnimatedPlaceholder.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { AnimatedPlaceholderState, AnimatedPlaceholderSlots } from './AnimatedPlaceholder.types';\n\n/**\n * Render the final JSX of AnimatedPlaceholder\n */\nexport const renderAnimatedPlaceholder_unstable = (state: AnimatedPlaceholderState) => {\n  assertSlots<AnimatedPlaceholderSlots>(state);\n\n  return (\n    <state.root>\n      <state.motion>\n        <state.placeholder />\n      </state.motion>\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderAnimatedPlaceholder_unstable","state","root","motion","placeholder"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,6BAA6B;AAGzD;;CAEC,GACD,OAAO,MAAMC,qCAAqC,CAACC;IACjDF,YAAsCE;IAEtC,qBACE,KAACA,MAAMC,IAAI;kBACT,cAAA,KAACD,MAAME,MAAM;sBACX,cAAA,KAACF,MAAMG,WAAW;;;AAI1B,EAAE"}

package/lib/components/AnimatedPlaceholder/useAnimatedPlaceholder.js

@@ -0,0 +1,54 @@
+import * as React from 'react';
+import { getIntrinsicElementProps, slot } from '@fluentui/react-components';
+import { PlaceholderMotion } from './placeholderMotion';
+import { presenceMotionSlot } from '@fluentui/react-motion';
+/**
+ * Create the state required to render AnimatedPlaceholder.
+ *
+ * The returned state can be modified with hooks such as useAnimatedPlaceholderStyles_unstable,
+ * before being passed to renderAnimatedPlaceholder_unstable.
+ *
+ * @param props - props from this instance of AnimatedPlaceholder
+ * @param ref - reference to root HTMLElement of AnimatedPlaceholder
+ */ export const useAnimatedPlaceholder_unstable = (props, ref)=>{
+    const { placeholderValue } = props;
+    const [placeholder, setPlaceholder] = React.useState(placeholderValue);
+    const [visible, setVisible] = React.useState(true);
+    React.useEffect(()=>{
+        if (placeholderValue !== placeholder) {
+            setVisible(false);
+        }
+    }, [
+        placeholder,
+        placeholderValue
+    ]);
+    const onMotionFinish = ()=>{
+        setPlaceholder(placeholderValue);
+        setVisible(true);
+    };
+    return {
+        components: {
+            root: 'div',
+            motion: PlaceholderMotion,
+            placeholder: 'div'
+        },
+        root: slot.always(getIntrinsicElementProps('div', {
+            ref,
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        motion: presenceMotionSlot(props.motion, {
+            elementType: PlaceholderMotion,
+            defaultProps: {
+                visible: visible,
+                onMotionFinish: onMotionFinish
+            }
+        }),
+        placeholder: slot.always(getIntrinsicElementProps('div', {
+            children: placeholder
+        }), {
+            elementType: 'div'
+        })
+    };
+};

package/lib/components/AnimatedPlaceholder/useAnimatedPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAnimatedPlaceholder.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport type { AnimatedPlaceholderProps, AnimatedPlaceholderState } from './AnimatedPlaceholder.types';\nimport { PlaceholderMotion } from './placeholderMotion';\nimport { presenceMotionSlot } from '@fluentui/react-motion';\n\n/**\n * Create the state required to render AnimatedPlaceholder.\n *\n * The returned state can be modified with hooks such as useAnimatedPlaceholderStyles_unstable,\n * before being passed to renderAnimatedPlaceholder_unstable.\n *\n * @param props - props from this instance of AnimatedPlaceholder\n * @param ref - reference to root HTMLElement of AnimatedPlaceholder\n */\nexport const useAnimatedPlaceholder_unstable = (\n  props: AnimatedPlaceholderProps,\n  ref: React.Ref<HTMLDivElement>,\n): AnimatedPlaceholderState => {\n  const { placeholderValue } = props;\n\n  const [placeholder, setPlaceholder] = React.useState(placeholderValue);\n  const [visible, setVisible] = React.useState(true);\n\n  React.useEffect(() => {\n    if (placeholderValue !== placeholder) {\n      setVisible(false);\n    }\n  }, [placeholder, placeholderValue]);\n\n  const onMotionFinish = () => {\n    setPlaceholder(placeholderValue);\n    setVisible(true);\n  };\n\n  return {\n    components: {\n      root: 'div',\n      motion: PlaceholderMotion,\n      placeholder: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    motion: presenceMotionSlot<{}>(props.motion, {\n      elementType: PlaceholderMotion,\n      defaultProps: {\n        visible: visible,\n        onMotionFinish: onMotionFinish,\n      },\n    }),\n    placeholder: slot.always(\n      getIntrinsicElementProps('div', {\n        children: placeholder,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","PlaceholderMotion","presenceMotionSlot","useAnimatedPlaceholder_unstable","props","ref","placeholderValue","placeholder","setPlaceholder","useState","visible","setVisible","useEffect","onMotionFinish","components","root","motion","always","elementType","defaultProps","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,6BAA6B;AAE5E,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,SAASC,kBAAkB,QAAQ,yBAAyB;AAE5D;;;;;;;;CAQC,GACD,OAAO,MAAMC,kCAAkC,CAC7CC,OACAC;IAEA,MAAM,EAAEC,gBAAgB,EAAE,GAAGF;IAE7B,MAAM,CAACG,aAAaC,eAAe,GAAGV,MAAMW,QAAQ,CAACH;IACrD,MAAM,CAACI,SAASC,WAAW,GAAGb,MAAMW,QAAQ,CAAC;IAE7CX,MAAMc,SAAS,CAAC;QACd,IAAIN,qBAAqBC,aAAa;YACpCI,WAAW;QACb;IACF,GAAG;QAACJ;QAAaD;KAAiB;IAElC,MAAMO,iBAAiB;QACrBL,eAAeF;QACfK,WAAW;IACb;IAEA,OAAO;QACLG,YAAY;YACVC,MAAM;YACNC,QAAQf;YACRM,aAAa;QACf;QACAQ,MAAMf,KAAKiB,MAAM,CACflB,yBAAyB,OAAO;YAC9BM;YACA,GAAGD,KAAK;QACV,IACA;YAAEc,aAAa;QAAM;QAEvBF,QAAQd,mBAAuBE,MAAMY,MAAM,EAAE;YAC3CE,aAAajB;YACbkB,cAAc;gBACZT,SAASA;gBACTG,gBAAgBA;YAClB;QACF;QACAN,aAAaP,KAAKiB,MAAM,CACtBlB,yBAAyB,OAAO;YAC9BqB,UAAUb;QACZ,IACA;YAAEW,aAAa;QAAM;IAEzB;AACF,EAAE"}

package/lib/components/AnimatedPlaceholder/useAnimatedPlaceholderStyles.styles.js

@@ -0,0 +1,23 @@
+import { __resetStyles, mergeClasses } from '@fluentui/react-components';
+export const animatedPlaceholderClassNames = {
+  root: 'fai-AnimatedPlaceholder',
+  placeholder: 'fai-AnimatedPlaceholder__placeholder'
+};
+/**
+ * Styles for the root slot
+ */
+const useRootClassNames = __resetStyles("r7ukxtn", null, [".r7ukxtn{overflow:clip;}"]);
+/**
+ * Apply styling to the AnimatedPlaceholder slots based on the state
+ */
+export const useAnimatedPlaceholderStyles_unstable = state => {
+  'use no memo';
+
+  const rootClassNames = useRootClassNames();
+  state.root.className = mergeClasses(animatedPlaceholderClassNames.root, rootClassNames, state.root.className);
+  if (state.placeholder) {
+    state.placeholder.className = mergeClasses(animatedPlaceholderClassNames.placeholder, state.placeholder.className);
+  }
+  return state;
+};
+//# sourceMappingURL=useAnimatedPlaceholderStyles.styles.js.map

package/lib/components/AnimatedPlaceholder/useAnimatedPlaceholderStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAnimatedPlaceholderStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@fluentui/react-components';\nimport type { AnimatedPlaceholderSlots, AnimatedPlaceholderState } from './AnimatedPlaceholder.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const animatedPlaceholderClassNames: SlotClassNames<Omit<AnimatedPlaceholderSlots, 'motion'>> = {\n  root: 'fai-AnimatedPlaceholder',\n  placeholder: 'fai-AnimatedPlaceholder__placeholder',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootClassNames = makeResetStyles({\n  overflow: 'clip',\n});\n\n/**\n * Apply styling to the AnimatedPlaceholder slots based on the state\n */\nexport const useAnimatedPlaceholderStyles_unstable = (state: AnimatedPlaceholderState): AnimatedPlaceholderState => {\n  'use no memo';\n\n  const rootClassNames = useRootClassNames();\n  state.root.className = mergeClasses(animatedPlaceholderClassNames.root, rootClassNames, state.root.className);\n\n  if (state.placeholder) {\n    state.placeholder.className = mergeClasses(animatedPlaceholderClassNames.placeholder, state.placeholder.className);\n  }\n\n  return state;\n};\n"],"names":["makeResetStyles","mergeClasses","animatedPlaceholderClassNames","root","placeholder","useRootClassNames","overflow","useAnimatedPlaceholderStyles_unstable","state","rootClassNames","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,YAAY,QAAQ,6BAA6B;AAI3E,OAAO,MAAMC,gCAA0F;IACrGC,MAAM;IACNC,aAAa;AACf,EAAE;AAEF;;CAEC,GACD,MAAMC,oBAAoBL,gBAAgB;IACxCM,UAAU;AACZ;AAEA;;CAEC,GACD,OAAO,MAAMC,wCAAwC,CAACC;IACpD;IAEA,MAAMC,iBAAiBJ;IACvBG,MAAML,IAAI,CAACO,SAAS,GAAGT,aAAaC,8BAA8BC,IAAI,EAAEM,gBAAgBD,MAAML,IAAI,CAACO,SAAS;IAE5G,IAAIF,MAAMJ,WAAW,EAAE;QACrBI,MAAMJ,WAAW,CAACM,SAAS,GAAGT,aAAaC,8BAA8BE,WAAW,EAAEI,MAAMJ,WAAW,CAACM,SAAS;IACnH;IAEA,OAAOF;AACT,EAAE"}

package/lib/components/AnimatedPlaceholder/useAnimatedPlaceholderStyles.styles.raw.js

@@ -0,0 +1,21 @@
+import { makeResetStyles, mergeClasses } from '@fluentui/react-components';
+export const animatedPlaceholderClassNames = {
+    root: 'fai-AnimatedPlaceholder',
+    placeholder: 'fai-AnimatedPlaceholder__placeholder'
+};
+/**
+ * Styles for the root slot
+ */ const useRootClassNames = makeResetStyles({
+    overflow: 'clip'
+});
+/**
+ * Apply styling to the AnimatedPlaceholder slots based on the state
+ */ export const useAnimatedPlaceholderStyles_unstable = (state)=>{
+    'use no memo';
+    const rootClassNames = useRootClassNames();
+    state.root.className = mergeClasses(animatedPlaceholderClassNames.root, rootClassNames, state.root.className);
+    if (state.placeholder) {
+        state.placeholder.className = mergeClasses(animatedPlaceholderClassNames.placeholder, state.placeholder.className);
+    }
+    return state;
+};

package/lib/components/AnimatedPlaceholder/useAnimatedPlaceholderStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAnimatedPlaceholderStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@fluentui/react-components';\nimport type { AnimatedPlaceholderSlots, AnimatedPlaceholderState } from './AnimatedPlaceholder.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const animatedPlaceholderClassNames: SlotClassNames<Omit<AnimatedPlaceholderSlots, 'motion'>> = {\n  root: 'fai-AnimatedPlaceholder',\n  placeholder: 'fai-AnimatedPlaceholder__placeholder',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootClassNames = makeResetStyles({\n  overflow: 'clip',\n});\n\n/**\n * Apply styling to the AnimatedPlaceholder slots based on the state\n */\nexport const useAnimatedPlaceholderStyles_unstable = (state: AnimatedPlaceholderState): AnimatedPlaceholderState => {\n  'use no memo';\n\n  const rootClassNames = useRootClassNames();\n  state.root.className = mergeClasses(animatedPlaceholderClassNames.root, rootClassNames, state.root.className);\n\n  if (state.placeholder) {\n    state.placeholder.className = mergeClasses(animatedPlaceholderClassNames.placeholder, state.placeholder.className);\n  }\n\n  return state;\n};\n"],"names":["makeResetStyles","mergeClasses","animatedPlaceholderClassNames","root","placeholder","useRootClassNames","overflow","useAnimatedPlaceholderStyles_unstable","state","rootClassNames","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,YAAY,QAAQ,6BAA6B;AAI3E,OAAO,MAAMC,gCAA0F;IACrGC,MAAM;IACNC,aAAa;AACf,EAAE;AAEF;;CAEC,GACD,MAAMC,oBAAoBL,gBAAgB;IACxCM,UAAU;AACZ;AAEA;;CAEC,GACD,OAAO,MAAMC,wCAAwC,CAACC;IACpD;IAEA,MAAMC,iBAAiBJ;IACvBG,MAAML,IAAI,CAACO,SAAS,GAAGT,aAAaC,8BAA8BC,IAAI,EAAEM,gBAAgBD,MAAML,IAAI,CAACO,SAAS;IAE5G,IAAIF,MAAMJ,WAAW,EAAE;QACrBI,MAAMJ,WAAW,CAACM,SAAS,GAAGT,aAAaC,8BAA8BE,WAAW,EAAEI,MAAMJ,WAAW,CAACM,SAAS;IACnH;IAEA,OAAOF;AACT,EAAE"}

package/lib/components/EditorInput/useEditorInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useEditorInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  getPartitionedNativeProps,\n  slot,\n  useFluent,\n  useId,\n  useIsomorphicLayoutEffect,\n  useMergedRefs,\n} from '@fluentui/react-components';\nimport type { EditorInputProps, EditorInputState } from './EditorInput.types';\nimport { SentinelNode, SENTINEL_VALUE } from '@fluentui-copilot/chat-input-plugins';\nimport type { LexicalEditor } from '@fluentui-copilot/react-text-editor';\nimport { $createTextNode, $insertNodes } from '@fluentui-copilot/react-text-editor';\nimport { $getRoot } from '@fluentui-copilot/react-text-editor';\nimport { LexicalPlainTextPlugin, mergeRegister } from '@fluentui-copilot/react-text-editor';\nimport { mergeCallbacks, useControllableState } from '@fluentui/react-utilities';\n\n/**\n * Create the state required to render EditorInput.\n *\n * The returned state can be modified with hooks such as useEditorInputStyles_unstable,\n * before being passed to renderEditorInput_unstable.\n *\n * @param props - props from this instance of EditorInput\n * @param ref - reference to root HTMLElement of EditorInput\n */\nexport const useEditorInput_unstable = (props: EditorInputProps, ref: React.Ref<HTMLSpanElement>): EditorInputState => {\n  const {\n    onChange,\n    onPaste,\n    trimWhiteSpace = false,\n    textPlugin = LexicalPlainTextPlugin,\n    history = true,\n    editorRef: userEditorRef,\n    customTheme,\n    isSentinelNodeEnabled = true,\n  } = props;\n  const { root, primary } = getPartitionedNativeProps({\n    primarySlotTagName: 'span',\n    props,\n    excludedPropNames: ['onChange', 'onPaste', 'defaultValue'],\n  });\n\n  const editorRef = useMergedRefs(React.useRef<LexicalEditor>(null), userEditorRef);\n  // The disabled state can also be changed by lexical (e.g. by a custom plugin) so\n  // we use `useControllableState` to coordinate\n  const [disabled, setDisabled] = useControllableState({\n    state: props.disabled,\n    initialState: false,\n  });\n\n  const customNodes = props.customNodes ? [...props.customNodes, SentinelNode] : [SentinelNode];\n\n  const spanRef = React.useCallback(\n    span => {\n      // Register the `input` span with lexical\n      editorRef.current?.setRootElement(span);\n    },\n    [editorRef],\n  );\n\n  // Update lexical when disabled changes\n  useIsomorphicLayoutEffect(() => {\n    if (editorRef.current) {\n      editorRef.current?.setEditable(!disabled);\n    }\n  }, [disabled]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (editorRef.current) {\n      return mergeRegister(\n        editorRef.current.registerEditableListener(isEditable => {\n          setDisabled(!isEditable);\n        }),\n        editorRef.current?.registerRootListener(root => {\n          if (!root) {\n            return;\n          }\n\n          // Remove lexical's inline style so we can apply our own\n          // Lexical needs the whitespace style to be either `pre` or `pre-wrap` to work correctly\n          root.style.whiteSpace = '';\n        }),\n      );\n    }\n  }, [editorRef]);\n\n  const handleOnChange = React.useCallback(\n    (newValue: string) => {\n      onChange?.({}, { value: newValue });\n    },\n    [onChange],\n  );\n\n  const defaultValueFunction = useDefaultValueFunction(props);\n\n  const placeholderValue = slot.optional(props.placeholderValue, { elementType: 'span' });\n  const placeholderId = useId('chat-input-placeholder', placeholderValue?.id);\n  if (placeholderValue) {\n    placeholderValue.id = placeholderId;\n  }\n\n  return {\n    components: {\n      root: 'span',\n      input: 'span',\n      placeholderValue: 'span',\n    },\n    root: slot.always(props.root, { defaultProps: { ...root }, elementType: 'span' }),\n    input: slot.always(props.input, {\n      defaultProps: {\n        ref: useMergedRefs(ref, spanRef),\n        role: 'textbox',\n        contentEditable: !disabled,\n        'aria-readonly': disabled ? true : undefined,\n        disabled,\n        suppressContentEditableWarning: true,\n        tabIndex: disabled ? undefined : 0,\n        ...primary,\n        'aria-describedby': primary['aria-describedby']\n          ? `${primary['aria-describedby']} ${placeholderId}`\n          : placeholderId,\n      },\n      elementType: 'span',\n    }),\n    placeholderValue,\n    lexicalInitialConfig: {\n      namespace: 'fai-EditorInput',\n      onError: console.error,\n      nodes: customNodes,\n      editorState: defaultValueFunction,\n      theme: customTheme,\n    },\n    editorRef,\n    disabled,\n    textPlugin,\n    onPaste,\n    handleOnChange,\n    trimWhiteSpace,\n    history,\n    isSentinelNodeEnabled,\n  };\n};\n\nfunction useDefaultValueFunction(props: EditorInputProps) {\n  const { targetDocument } = useFluent();\n  const requestAnimationFrame = targetDocument?.defaultView?.requestAnimationFrame;\n\n  const [defaultValueFunction] = React.useState(() => {\n    const { defaultValue, onDefaultValueSet } = props;\n    if (defaultValue === undefined) {\n      return undefined;\n    }\n\n    const insertDefaultValueFunction =\n      typeof defaultValue === 'function'\n        ? defaultValue\n        : () => {\n            $insertNodes([$createTextNode(defaultValue)]);\n          };\n\n    // After the defaultValue function has run, read back the result and give\n    // it to the onDefaultValueSet callback.\n    const readDefaultValueFunction = onDefaultValueSet\n      ? () => {\n          const text = $getRoot().getTextContent().replace(SENTINEL_VALUE, '');\n\n          // This runs while rendering `LexicalComposer` so delay calling back into the parent\n          // until after finished rendering `LexicalComposer`\n          requestAnimationFrame?.(() => {\n            onDefaultValueSet?.(text);\n          });\n        }\n      : undefined;\n\n    return mergeCallbacks(insertDefaultValueFunction, readDefaultValueFunction);\n  });\n\n  return defaultValueFunction;\n}\n"],"names":["React","getPartitionedNativeProps","slot","useFluent","useId","useIsomorphicLayoutEffect","useMergedRefs","SentinelNode","SENTINEL_VALUE","$createTextNode","$insertNodes","$getRoot","LexicalPlainTextPlugin","mergeRegister","mergeCallbacks","useControllableState","useEditorInput_unstable","props","ref","onChange","onPaste","trimWhiteSpace","textPlugin","history","editorRef","userEditorRef","customTheme","isSentinelNodeEnabled","root","primary","primarySlotTagName","excludedPropNames","useRef","disabled","setDisabled","state","initialState","customNodes","spanRef","useCallback","span","current","setRootElement","setEditable","registerEditableListener","isEditable","registerRootListener","style","whiteSpace","handleOnChange","newValue","value","defaultValueFunction","useDefaultValueFunction","placeholderValue","optional","elementType","placeholderId","id","components","input","always","defaultProps","role","contentEditable","undefined","suppressContentEditableWarning","tabIndex","lexicalInitialConfig","namespace","onError","console","error","nodes","editorState","theme","targetDocument","requestAnimationFrame","defaultView","useState","defaultValue","onDefaultValueSet","insertDefaultValueFunction","readDefaultValueFunction","text","getTextContent","replace"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["useEditorInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  getPartitionedNativeProps,\n  slot,\n  useFluent,\n  useId,\n  useIsomorphicLayoutEffect,\n  useMergedRefs,\n} from '@fluentui/react-components';\nimport type { EditorInputProps, EditorInputState } from './EditorInput.types';\nimport { SentinelNode, SENTINEL_VALUE } from '@fluentui-copilot/chat-input-plugins';\nimport type { LexicalEditor } from '@fluentui-copilot/react-text-editor';\nimport { $createTextNode, $insertNodes } from '@fluentui-copilot/react-text-editor';\nimport { $getRoot } from '@fluentui-copilot/react-text-editor';\nimport { LexicalPlainTextPlugin, mergeRegister } from '@fluentui-copilot/react-text-editor';\nimport { mergeCallbacks, useControllableState } from '@fluentui/react-utilities';\n\n/**\n * Create the state required to render EditorInput.\n *\n * The returned state can be modified with hooks such as useEditorInputStyles_unstable,\n * before being passed to renderEditorInput_unstable.\n *\n * @param props - props from this instance of EditorInput\n * @param ref - reference to root HTMLElement of EditorInput\n */\nexport const useEditorInput_unstable = (props: EditorInputProps, ref: React.Ref<HTMLSpanElement>): EditorInputState => {\n  const {\n    onChange,\n    onPaste,\n    trimWhiteSpace = false,\n    textPlugin = LexicalPlainTextPlugin,\n    history = true,\n    editorRef: userEditorRef,\n    customTheme,\n    isSentinelNodeEnabled = true,\n  } = props;\n  const { root, primary } = getPartitionedNativeProps({\n    primarySlotTagName: 'span',\n    props,\n    excludedPropNames: ['onChange', 'onPaste', 'defaultValue'],\n  });\n\n  const editorRef = useMergedRefs(React.useRef<LexicalEditor>(null), userEditorRef);\n  // The disabled state can also be changed by lexical (e.g. by a custom plugin) so\n  // we use `useControllableState` to coordinate\n  const [disabled, setDisabled] = useControllableState({\n    state: props.disabled,\n    initialState: false,\n  });\n\n  const customNodes = props.customNodes ? [...props.customNodes, SentinelNode] : [SentinelNode];\n\n  const spanRef = React.useCallback(\n    (span: HTMLSpanElement | null) => {\n      // Register the `input` span with lexical\n      editorRef.current?.setRootElement(span);\n    },\n    [editorRef],\n  );\n\n  // Update lexical when disabled changes\n  useIsomorphicLayoutEffect(() => {\n    if (editorRef.current) {\n      editorRef.current?.setEditable(!disabled);\n    }\n  }, [disabled]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (editorRef.current) {\n      return mergeRegister(\n        editorRef.current.registerEditableListener(isEditable => {\n          setDisabled(!isEditable);\n        }),\n        editorRef.current?.registerRootListener(root => {\n          if (!root) {\n            return;\n          }\n\n          // Remove lexical's inline style so we can apply our own\n          // Lexical needs the whitespace style to be either `pre` or `pre-wrap` to work correctly\n          root.style.whiteSpace = '';\n        }),\n      );\n    }\n  }, [editorRef]);\n\n  const handleOnChange = React.useCallback(\n    (newValue: string) => {\n      onChange?.({}, { value: newValue });\n    },\n    [onChange],\n  );\n\n  const defaultValueFunction = useDefaultValueFunction(props);\n\n  const placeholderValue = slot.optional(props.placeholderValue, { elementType: 'span' });\n  const placeholderId = useId('chat-input-placeholder', placeholderValue?.id);\n  if (placeholderValue) {\n    placeholderValue.id = placeholderId;\n  }\n\n  return {\n    components: {\n      root: 'span',\n      input: 'span',\n      placeholderValue: 'span',\n    },\n    root: slot.always(props.root, { defaultProps: { ...root }, elementType: 'span' }),\n    input: slot.always(props.input, {\n      defaultProps: {\n        ref: useMergedRefs(ref, spanRef),\n        role: 'textbox',\n        contentEditable: !disabled,\n        'aria-readonly': disabled ? true : undefined,\n        disabled,\n        suppressContentEditableWarning: true,\n        tabIndex: disabled ? undefined : 0,\n        ...primary,\n        'aria-describedby': primary['aria-describedby']\n          ? `${primary['aria-describedby']} ${placeholderId}`\n          : placeholderId,\n      },\n      elementType: 'span',\n    }),\n    placeholderValue,\n    lexicalInitialConfig: {\n      namespace: 'fai-EditorInput',\n      onError: console.error,\n      nodes: customNodes,\n      editorState: defaultValueFunction,\n      theme: customTheme,\n    },\n    editorRef,\n    disabled,\n    textPlugin,\n    onPaste,\n    handleOnChange,\n    trimWhiteSpace,\n    history,\n    isSentinelNodeEnabled,\n  };\n};\n\nfunction useDefaultValueFunction(props: EditorInputProps) {\n  const { targetDocument } = useFluent();\n  const requestAnimationFrame = targetDocument?.defaultView?.requestAnimationFrame;\n\n  const [defaultValueFunction] = React.useState(() => {\n    const { defaultValue, onDefaultValueSet } = props;\n    if (defaultValue === undefined) {\n      return undefined;\n    }\n\n    const insertDefaultValueFunction =\n      typeof defaultValue === 'function'\n        ? defaultValue\n        : () => {\n            $insertNodes([$createTextNode(defaultValue)]);\n          };\n\n    // After the defaultValue function has run, read back the result and give\n    // it to the onDefaultValueSet callback.\n    const readDefaultValueFunction = onDefaultValueSet\n      ? () => {\n          const text = $getRoot().getTextContent().replace(SENTINEL_VALUE, '');\n\n          // This runs while rendering `LexicalComposer` so delay calling back into the parent\n          // until after finished rendering `LexicalComposer`\n          requestAnimationFrame?.(() => {\n            onDefaultValueSet?.(text);\n          });\n        }\n      : undefined;\n\n    return mergeCallbacks(insertDefaultValueFunction, readDefaultValueFunction);\n  });\n\n  return defaultValueFunction;\n}\n"],"names":["React","getPartitionedNativeProps","slot","useFluent","useId","useIsomorphicLayoutEffect","useMergedRefs","SentinelNode","SENTINEL_VALUE","$createTextNode","$insertNodes","$getRoot","LexicalPlainTextPlugin","mergeRegister","mergeCallbacks","useControllableState","useEditorInput_unstable","props","ref","onChange","onPaste","trimWhiteSpace","textPlugin","history","editorRef","userEditorRef","customTheme","isSentinelNodeEnabled","root","primary","primarySlotTagName","excludedPropNames","useRef","disabled","setDisabled","state","initialState","customNodes","spanRef","useCallback","span","current","setRootElement","setEditable","registerEditableListener","isEditable","registerRootListener","style","whiteSpace","handleOnChange","newValue","value","defaultValueFunction","useDefaultValueFunction","placeholderValue","optional","elementType","placeholderId","id","components","input","always","defaultProps","role","contentEditable","undefined","suppressContentEditableWarning","tabIndex","lexicalInitialConfig","namespace","onError","console","error","nodes","editorState","theme","targetDocument","requestAnimationFrame","defaultView","useState","defaultValue","onDefaultValueSet","insertDefaultValueFunction","readDefaultValueFunction","text","getTextContent","replace"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,yBAAyB,EACzBC,IAAI,EACJC,SAAS,EACTC,KAAK,EACLC,yBAAyB,EACzBC,aAAa,QACR,6BAA6B;AAEpC,SAASC,YAAY,EAAEC,cAAc,QAAQ,uCAAuC;AAEpF,SAASC,eAAe,EAAEC,YAAY,QAAQ,sCAAsC;AACpF,SAASC,QAAQ,QAAQ,sCAAsC;AAC/D,SAASC,sBAAsB,EAAEC,aAAa,QAAQ,sCAAsC;AAC5F,SAASC,cAAc,EAAEC,oBAAoB,QAAQ,4BAA4B;AAEjF;;;;;;;;CAQC,GACD,OAAO,MAAMC,0BAA0B,CAACC,OAAyBC;IAC/D,MAAM,EACJC,QAAQ,EACRC,OAAO,EACPC,iBAAiB,KAAK,EACtBC,aAAaV,sBAAsB,EACnCW,UAAU,IAAI,EACdC,WAAWC,aAAa,EACxBC,WAAW,EACXC,wBAAwB,IAAI,EAC7B,GAAGV;IACJ,MAAM,EAAEW,IAAI,EAAEC,OAAO,EAAE,GAAG5B,0BAA0B;QAClD6B,oBAAoB;QACpBb;QACAc,mBAAmB;YAAC;YAAY;YAAW;SAAe;IAC5D;IAEA,MAAMP,YAAYlB,cAAcN,MAAMgC,MAAM,CAAgB,OAAOP;IACnE,iFAAiF;IACjF,8CAA8C;IAC9C,MAAM,CAACQ,UAAUC,YAAY,GAAGnB,qBAAqB;QACnDoB,OAAOlB,MAAMgB,QAAQ;QACrBG,cAAc;IAChB;IAEA,MAAMC,cAAcpB,MAAMoB,WAAW,GAAG;WAAIpB,MAAMoB,WAAW;QAAE9B;KAAa,GAAG;QAACA;KAAa;IAE7F,MAAM+B,UAAUtC,MAAMuC,WAAW,CAC/B,CAACC;YACC,yCAAyC;QACzChB;SAAAA,qBAAAA,UAAUiB,OAAO,cAAjBjB,yCAAAA,mBAAmBkB,cAAc,CAACF;IACpC,GACA;QAAChB;KAAU;IAGb,uCAAuC;IACvCnB,0BAA0B;QACxB,IAAImB,UAAUiB,OAAO,EAAE;gBACrBjB;aAAAA,qBAAAA,UAAUiB,OAAO,cAAjBjB,yCAAAA,mBAAmBmB,WAAW,CAAC,CAACV;QAClC;IACF,GAAG;QAACA;KAAS;IAEb5B,0BAA0B;QACxB,IAAImB,UAAUiB,OAAO,EAAE;gBAKnBjB;YAJF,OAAOX,cACLW,UAAUiB,OAAO,CAACG,wBAAwB,CAACC,CAAAA;gBACzCX,YAAY,CAACW;YACf,KACArB,qBAAAA,UAAUiB,OAAO,cAAjBjB,yCAAAA,mBAAmBsB,oBAAoB,CAAClB,CAAAA;gBACtC,IAAI,CAACA,MAAM;oBACT;gBACF;gBAEA,wDAAwD;gBACxD,wFAAwF;gBACxFA,KAAKmB,KAAK,CAACC,UAAU,GAAG;YAC1B;QAEJ;IACF,GAAG;QAACxB;KAAU;IAEd,MAAMyB,iBAAiBjD,MAAMuC,WAAW,CACtC,CAACW;QACC/B,qBAAAA,+BAAAA,SAAW,CAAC,GAAG;YAAEgC,OAAOD;QAAS;IACnC,GACA;QAAC/B;KAAS;IAGZ,MAAMiC,uBAAuBC,wBAAwBpC;IAErD,MAAMqC,mBAAmBpD,KAAKqD,QAAQ,CAACtC,MAAMqC,gBAAgB,EAAE;QAAEE,aAAa;IAAO;IACrF,MAAMC,gBAAgBrD,MAAM,0BAA0BkD,6BAAAA,uCAAAA,iBAAkBI,EAAE;IAC1E,IAAIJ,kBAAkB;QACpBA,iBAAiBI,EAAE,GAAGD;IACxB;IAEA,OAAO;QACLE,YAAY;YACV/B,MAAM;YACNgC,OAAO;YACPN,kBAAkB;QACpB;QACA1B,MAAM1B,KAAK2D,MAAM,CAAC5C,MAAMW,IAAI,EAAE;YAAEkC,cAAc;gBAAE,GAAGlC,IAAI;YAAC;YAAG4B,aAAa;QAAO;QAC/EI,OAAO1D,KAAK2D,MAAM,CAAC5C,MAAM2C,KAAK,EAAE;YAC9BE,cAAc;gBACZ5C,KAAKZ,cAAcY,KAAKoB;gBACxByB,MAAM;gBACNC,iBAAiB,CAAC/B;gBAClB,iBAAiBA,WAAW,OAAOgC;gBACnChC;gBACAiC,gCAAgC;gBAChCC,UAAUlC,WAAWgC,YAAY;gBACjC,GAAGpC,OAAO;gBACV,oBAAoBA,OAAO,CAAC,mBAAmB,GAC3C,CAAC,EAAEA,OAAO,CAAC,mBAAmB,CAAC,CAAC,EAAE4B,cAAc,CAAC,GACjDA;YACN;YACAD,aAAa;QACf;QACAF;QACAc,sBAAsB;YACpBC,WAAW;YACXC,SAASC,QAAQC,KAAK;YACtBC,OAAOpC;YACPqC,aAAatB;YACbuB,OAAOjD;QACT;QACAF;QACAS;QACAX;QACAF;QACA6B;QACA5B;QACAE;QACAI;IACF;AACF,EAAE;AAEF,SAAS0B,wBAAwBpC,KAAuB;QAExB2D;IAD9B,MAAM,EAAEA,cAAc,EAAE,GAAGzE;IAC3B,MAAM0E,wBAAwBD,2BAAAA,sCAAAA,8BAAAA,eAAgBE,WAAW,cAA3BF,kDAAAA,4BAA6BC,qBAAqB;IAEhF,MAAM,CAACzB,qBAAqB,GAAGpD,MAAM+E,QAAQ,CAAC;QAC5C,MAAM,EAAEC,YAAY,EAAEC,iBAAiB,EAAE,GAAGhE;QAC5C,IAAI+D,iBAAiBf,WAAW;YAC9B,OAAOA;QACT;QAEA,MAAMiB,6BACJ,OAAOF,iBAAiB,aACpBA,eACA;YACEtE,aAAa;gBAACD,gBAAgBuE;aAAc;QAC9C;QAEN,yEAAyE;QACzE,wCAAwC;QACxC,MAAMG,2BAA2BF,oBAC7B;YACE,MAAMG,OAAOzE,WAAW0E,cAAc,GAAGC,OAAO,CAAC9E,gBAAgB;YAEjE,oFAAoF;YACpF,mDAAmD;YACnDqE,kCAAAA,4CAAAA,sBAAwB;gBACtBI,8BAAAA,wCAAAA,kBAAoBG;YACtB;QACF,IACAnB;QAEJ,OAAOnD,eAAeoE,4BAA4BC;IACpD;IAEA,OAAO/B;AACT"}

package/lib/index.js

@@ -1 +1,2 @@
 export { EditorInput, editorInputClassNames, renderEditorInput_unstable, useEditorInputStyles_unstable, useEditorInput_unstable } from './EditorInput';
+export { AnimatedPlaceholder, renderAnimatedPlaceholder_unstable, useAnimatedPlaceholder_unstable, animatedPlaceholderClassNames, useAnimatedPlaceholderStyles_unstable } from './AnimatedPlaceholder';

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export type { EditorInputProps, EditorInputSlots, EditorInputState, EditorInputValueData } from './EditorInput';\nexport {\n  EditorInput,\n  editorInputClassNames,\n  renderEditorInput_unstable,\n  useEditorInputStyles_unstable,\n  useEditorInput_unstable,\n} from './EditorInput';\n"],"names":["EditorInput","editorInputClassNames","renderEditorInput_unstable","useEditorInputStyles_unstable","useEditorInput_unstable"],"rangeMappings":"","mappings":"AACA,SACEA,WAAW,EACXC,qBAAqB,EACrBC,0BAA0B,EAC1BC,6BAA6B,EAC7BC,uBAAuB,QAClB,gBAAgB"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export type { EditorInputProps, EditorInputSlots, EditorInputState, EditorInputValueData } from './EditorInput';\nexport {\n  EditorInput,\n  editorInputClassNames,\n  renderEditorInput_unstable,\n  useEditorInputStyles_unstable,\n  useEditorInput_unstable,\n} from './EditorInput';\n\nexport {\n  AnimatedPlaceholder,\n  renderAnimatedPlaceholder_unstable,\n  useAnimatedPlaceholder_unstable,\n  animatedPlaceholderClassNames,\n  useAnimatedPlaceholderStyles_unstable,\n} from './AnimatedPlaceholder';\nexport type {\n  AnimatedPlaceholderProps,\n  AnimatedPlaceholderSlots,\n  AnimatedPlaceholderState,\n} from './AnimatedPlaceholder';\n"],"names":["EditorInput","editorInputClassNames","renderEditorInput_unstable","useEditorInputStyles_unstable","useEditorInput_unstable","AnimatedPlaceholder","renderAnimatedPlaceholder_unstable","useAnimatedPlaceholder_unstable","animatedPlaceholderClassNames","useAnimatedPlaceholderStyles_unstable"],"rangeMappings":";","mappings":"AACA,SACEA,WAAW,EACXC,qBAAqB,EACrBC,0BAA0B,EAC1BC,6BAA6B,EAC7BC,uBAAuB,QAClB,gBAAgB;AAEvB,SACEC,mBAAmB,EACnBC,kCAAkC,EAClCC,+BAA+B,EAC/BC,6BAA6B,EAC7BC,qCAAqC,QAChC,wBAAwB"}

package/lib-commonjs/AnimatedPlaceholder.js

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

package/lib-commonjs/AnimatedPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AnimatedPlaceholder.ts"],"sourcesContent":["export {\n  AnimatedPlaceholder,\n  renderAnimatedPlaceholder_unstable,\n  useAnimatedPlaceholder_unstable,\n  animatedPlaceholderClassNames,\n  useAnimatedPlaceholderStyles_unstable,\n} from './components/AnimatedPlaceholder/index';\nexport type {\n  AnimatedPlaceholderProps,\n  AnimatedPlaceholderSlots,\n  AnimatedPlaceholderState,\n} from './components/AnimatedPlaceholder/index';\n"],"names":["AnimatedPlaceholder","animatedPlaceholderClassNames","renderAnimatedPlaceholder_unstable","useAnimatedPlaceholderStyles_unstable","useAnimatedPlaceholder_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACEA,mBAAmB;eAAnBA,0BAAmB;;IAGnBC,6BAA6B;eAA7BA,oCAA6B;;IAF7BC,kCAAkC;eAAlCA,yCAAkC;;IAGlCC,qCAAqC;eAArCA,4CAAqC;;IAFrCC,+BAA+B;eAA/BA,sCAA+B;;;uBAG1B"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "AnimatedPlaceholder", {
+    enumerable: true,
+    get: function() {
+        return AnimatedPlaceholder;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useAnimatedPlaceholder = require("./useAnimatedPlaceholder");
+const _renderAnimatedPlaceholder = require("./renderAnimatedPlaceholder");
+const _useAnimatedPlaceholderStylesstyles = require("./useAnimatedPlaceholderStyles.styles");
+const AnimatedPlaceholder = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useAnimatedPlaceholder.useAnimatedPlaceholder_unstable)(props, ref);
+    (0, _useAnimatedPlaceholderStylesstyles.useAnimatedPlaceholderStyles_unstable)(state);
+    return (0, _renderAnimatedPlaceholder.renderAnimatedPlaceholder_unstable)(state);
+});
+AnimatedPlaceholder.displayName = 'AnimatedPlaceholder';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["AnimatedPlaceholder.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAnimatedPlaceholder_unstable } from './useAnimatedPlaceholder';\nimport { renderAnimatedPlaceholder_unstable } from './renderAnimatedPlaceholder';\nimport { useAnimatedPlaceholderStyles_unstable } from './useAnimatedPlaceholderStyles.styles';\nimport type { AnimatedPlaceholderProps } from './AnimatedPlaceholder.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const AnimatedPlaceholder: ForwardRefComponent<AnimatedPlaceholderProps> = React.forwardRef((props, ref) => {\n  const state = useAnimatedPlaceholder_unstable(props, ref);\n\n  useAnimatedPlaceholderStyles_unstable(state);\n  return renderAnimatedPlaceholder_unstable(state);\n});\n\nAnimatedPlaceholder.displayName = 'AnimatedPlaceholder';\n"],"names":["AnimatedPlaceholder","React","forwardRef","props","ref","state","useAnimatedPlaceholder_unstable","useAnimatedPlaceholderStyles_unstable","renderAnimatedPlaceholder_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;;iEAPU;wCACyB;2CACG;oDACG;AAI/C,MAAMA,sBAAAA,WAAAA,GAAqEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACzG,MAAMC,QAAQC,IAAAA,uDAAAA,EAAgCH,OAAOC;IAErDG,IAAAA,yEAAAA,EAAsCF;IACtC,OAAOG,IAAAA,6DAAAA,EAAmCH;AAC5C;AAEAL,oBAAoBS,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["AnimatedPlaceholder.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\nimport type { PresenceMotionSlotProps } from '@fluentui/react-motion';\n\nexport type AnimatedPlaceholderSlots = {\n  root: NonNullable<Slot<'div'>>;\n  motion: NonNullable<Slot<PresenceMotionSlotProps>>;\n  placeholder: NonNullable<Slot<'div'>>;\n};\n\n/**\n * AnimatedPlaceholder Props\n */\nexport type AnimatedPlaceholderProps = ComponentProps<Partial<AnimatedPlaceholderSlots>> & {\n  /**\n   * The placeholder value to animate.\n   */\n  placeholderValue: string;\n};\n\n/**\n * State used in rendering AnimatedPlaceholder\n */\nexport type AnimatedPlaceholderState = ComponentState<AnimatedPlaceholderSlots>;\n"],"names":[],"rangeMappings":";;","mappings":"AAmBA;;CAEC"}

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    AnimatedPlaceholder: function() {
+        return _AnimatedPlaceholder.AnimatedPlaceholder;
+    },
+    animatedPlaceholderClassNames: function() {
+        return _useAnimatedPlaceholderStylesstyles.animatedPlaceholderClassNames;
+    },
+    renderAnimatedPlaceholder_unstable: function() {
+        return _renderAnimatedPlaceholder.renderAnimatedPlaceholder_unstable;
+    },
+    useAnimatedPlaceholderStyles_unstable: function() {
+        return _useAnimatedPlaceholderStylesstyles.useAnimatedPlaceholderStyles_unstable;
+    },
+    useAnimatedPlaceholder_unstable: function() {
+        return _useAnimatedPlaceholder.useAnimatedPlaceholder_unstable;
+    }
+});
+const _AnimatedPlaceholder = require("./AnimatedPlaceholder");
+const _renderAnimatedPlaceholder = require("./renderAnimatedPlaceholder");
+const _useAnimatedPlaceholder = require("./useAnimatedPlaceholder");
+const _useAnimatedPlaceholderStylesstyles = require("./useAnimatedPlaceholderStyles.styles");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { AnimatedPlaceholder } from './AnimatedPlaceholder';\nexport type {\n  AnimatedPlaceholderProps,\n  AnimatedPlaceholderSlots,\n  AnimatedPlaceholderState,\n} from './AnimatedPlaceholder.types';\nexport { renderAnimatedPlaceholder_unstable } from './renderAnimatedPlaceholder';\nexport { useAnimatedPlaceholder_unstable } from './useAnimatedPlaceholder';\nexport {\n  animatedPlaceholderClassNames,\n  useAnimatedPlaceholderStyles_unstable,\n} from './useAnimatedPlaceholderStyles.styles';\n"],"names":["AnimatedPlaceholder","animatedPlaceholderClassNames","renderAnimatedPlaceholder_unstable","useAnimatedPlaceholderStyles_unstable","useAnimatedPlaceholder_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,mBAAmB;eAAnBA,wCAAmB;;IAS1BC,6BAA6B;eAA7BA,iEAA6B;;IAHtBC,kCAAkC;eAAlCA,6DAAkC;;IAIzCC,qCAAqC;eAArCA,yEAAqC;;IAH9BC,+BAA+B;eAA/BA,uDAA+B;;;qCAPJ;2CAMe;wCACH;oDAIzC"}

package/lib-commonjs/components/AnimatedPlaceholder/placeholderMotion.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PlaceholderMotion", {
+    enumerable: true,
+    get: function() {
+        return PlaceholderMotion;
+    }
+});
+const _reactmotion = require("@fluentui/react-motion");
+const placeholderMotion = ()=>{
+    const enterKeyframes = [
+        {
+            keyframes: [
+                {
+                    opacity: 0
+                },
+                {
+                    opacity: 1
+                }
+            ],
+            duration: _reactmotion.motionTokens.durationFaster,
+            easing: _reactmotion.motionTokens.curveLinear
+        },
+        {
+            keyframes: [
+                {
+                    transform: 'translateY(10px)'
+                },
+                {
+                    transform: 'translateY(0)'
+                }
+            ],
+            duration: _reactmotion.motionTokens.durationNormal,
+            easing: _reactmotion.motionTokens.curveDecelerateMid
+        }
+    ];
+    const exitKeyframes = {
+        keyframes: [
+            {
+                opacity: 1
+            },
+            {
+                opacity: 0
+            }
+        ],
+        duration: _reactmotion.motionTokens.durationFaster,
+        easing: _reactmotion.motionTokens.curveLinear
+    };
+    return {
+        enter: enterKeyframes,
+        exit: exitKeyframes
+    };
+};
+const PlaceholderMotion = (0, _reactmotion.createPresenceComponent)(placeholderMotion);

package/lib-commonjs/components/AnimatedPlaceholder/placeholderMotion.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["placeholderMotion.ts"],"sourcesContent":["import { type PresenceMotionFn, createPresenceComponent, motionTokens } from '@fluentui/react-motion';\n\nconst placeholderMotion: PresenceMotionFn = () => {\n  const enterKeyframes = [\n    {\n      keyframes: [{ opacity: 0 }, { opacity: 1 }],\n      duration: motionTokens.durationFaster,\n      easing: motionTokens.curveLinear,\n    },\n    {\n      keyframes: [{ transform: 'translateY(10px)' }, { transform: 'translateY(0)' }],\n      duration: motionTokens.durationNormal,\n      easing: motionTokens.curveDecelerateMid,\n    },\n  ];\n  const exitKeyframes = {\n    keyframes: [{ opacity: 1 }, { opacity: 0 }],\n    duration: motionTokens.durationFaster,\n    easing: motionTokens.curveLinear,\n  };\n\n  return {\n    enter: enterKeyframes,\n    exit: exitKeyframes,\n  };\n};\n\nexport const PlaceholderMotion: ReturnType<typeof createPresenceComponent<{}>> =\n  createPresenceComponent(placeholderMotion);\n"],"names":["PlaceholderMotion","placeholderMotion","enterKeyframes","keyframes","opacity","duration","motionTokens","durationFaster","easing","curveLinear","transform","durationNormal","curveDecelerateMid","exitKeyframes","enter","exit","createPresenceComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA2BaA;;;eAAAA;;;6BA3BgE;AAE7E,MAAMC,oBAAsC;IAC1C,MAAMC,iBAAiB;QACrB;YACEC,WAAW;gBAAC;oBAAEC,SAAS;gBAAE;gBAAG;oBAAEA,SAAS;gBAAE;aAAE;YAC3CC,UAAUC,yBAAAA,CAAaC,cAAc;YACrCC,QAAQF,yBAAAA,CAAaG,WAAW;QAClC;QACA;YACEN,WAAW;gBAAC;oBAAEO,WAAW;gBAAmB;gBAAG;oBAAEA,WAAW;gBAAgB;aAAE;YAC9EL,UAAUC,yBAAAA,CAAaK,cAAc;YACrCH,QAAQF,yBAAAA,CAAaM,kBAAkB;QACzC;KACD;IACD,MAAMC,gBAAgB;QACpBV,WAAW;YAAC;gBAAEC,SAAS;YAAE;YAAG;gBAAEA,SAAS;YAAE;SAAE;QAC3CC,UAAUC,yBAAAA,CAAaC,cAAc;QACrCC,QAAQF,yBAAAA,CAAaG,WAAW;IAClC;IAEA,OAAO;QACLK,OAAOZ;QACPa,MAAMF;IACR;AACF;AAEO,MAAMb,oBACXgB,IAAAA,oCAAAA,EAAwBf"}

package/lib-commonjs/components/AnimatedPlaceholder/renderAnimatedPlaceholder.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderAnimatedPlaceholder_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderAnimatedPlaceholder_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactcomponents = require("@fluentui/react-components");
+const renderAnimatedPlaceholder_unstable = (state)=>{
+    (0, _reactcomponents.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.motion, {
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.placeholder, {})
+        })
+    });
+};

package/lib-commonjs/components/AnimatedPlaceholder/renderAnimatedPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderAnimatedPlaceholder.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { AnimatedPlaceholderState, AnimatedPlaceholderSlots } from './AnimatedPlaceholder.types';\n\n/**\n * Render the final JSX of AnimatedPlaceholder\n */\nexport const renderAnimatedPlaceholder_unstable = (state: AnimatedPlaceholderState) => {\n  assertSlots<AnimatedPlaceholderSlots>(state);\n\n  return (\n    <state.root>\n      <state.motion>\n        <state.placeholder />\n      </state.motion>\n    </state.root>\n  );\n};\n"],"names":["renderAnimatedPlaceholder_unstable","state","assertSlots","_jsx","root","motion","placeholder"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;iCAE4B;AAMrB,MAAMA,qCAAqC,CAACC;IACjDC,IAAAA,4BAAAA,EAAsCD;IAEtC,OAAA,WAAA,GACEE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA;kBACT,WAAA,GAAAD,IAAAA,eAAA,EAACF,MAAMI,MAAM,EAAA;sBACX,WAAA,GAAAF,IAAAA,eAAA,EAACF,MAAMK,WAAW,EAAA,CAAA;;;AAI1B"}

package/lib-commonjs/components/AnimatedPlaceholder/useAnimatedPlaceholder.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useAnimatedPlaceholder_unstable", {
+    enumerable: true,
+    get: function() {
+        return useAnimatedPlaceholder_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactcomponents = require("@fluentui/react-components");
+const _placeholderMotion = require("./placeholderMotion");
+const _reactmotion = require("@fluentui/react-motion");
+const useAnimatedPlaceholder_unstable = (props, ref)=>{
+    const { placeholderValue } = props;
+    const [placeholder, setPlaceholder] = _react.useState(placeholderValue);
+    const [visible, setVisible] = _react.useState(true);
+    _react.useEffect(()=>{
+        if (placeholderValue !== placeholder) {
+            setVisible(false);
+        }
+    }, [
+        placeholder,
+        placeholderValue
+    ]);
+    const onMotionFinish = ()=>{
+        setPlaceholder(placeholderValue);
+        setVisible(true);
+    };
+    return {
+        components: {
+            root: 'div',
+            motion: _placeholderMotion.PlaceholderMotion,
+            placeholder: 'div'
+        },
+        root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('div', {
+            ref,
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        motion: (0, _reactmotion.presenceMotionSlot)(props.motion, {
+            elementType: _placeholderMotion.PlaceholderMotion,
+            defaultProps: {
+                visible: visible,
+                onMotionFinish: onMotionFinish
+            }
+        }),
+        placeholder: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('div', {
+            children: placeholder
+        }), {
+            elementType: 'div'
+        })
+    };
+};

package/lib-commonjs/components/AnimatedPlaceholder/useAnimatedPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAnimatedPlaceholder.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport type { AnimatedPlaceholderProps, AnimatedPlaceholderState } from './AnimatedPlaceholder.types';\nimport { PlaceholderMotion } from './placeholderMotion';\nimport { presenceMotionSlot } from '@fluentui/react-motion';\n\n/**\n * Create the state required to render AnimatedPlaceholder.\n *\n * The returned state can be modified with hooks such as useAnimatedPlaceholderStyles_unstable,\n * before being passed to renderAnimatedPlaceholder_unstable.\n *\n * @param props - props from this instance of AnimatedPlaceholder\n * @param ref - reference to root HTMLElement of AnimatedPlaceholder\n */\nexport const useAnimatedPlaceholder_unstable = (\n  props: AnimatedPlaceholderProps,\n  ref: React.Ref<HTMLDivElement>,\n): AnimatedPlaceholderState => {\n  const { placeholderValue } = props;\n\n  const [placeholder, setPlaceholder] = React.useState(placeholderValue);\n  const [visible, setVisible] = React.useState(true);\n\n  React.useEffect(() => {\n    if (placeholderValue !== placeholder) {\n      setVisible(false);\n    }\n  }, [placeholder, placeholderValue]);\n\n  const onMotionFinish = () => {\n    setPlaceholder(placeholderValue);\n    setVisible(true);\n  };\n\n  return {\n    components: {\n      root: 'div',\n      motion: PlaceholderMotion,\n      placeholder: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    motion: presenceMotionSlot<{}>(props.motion, {\n      elementType: PlaceholderMotion,\n      defaultProps: {\n        visible: visible,\n        onMotionFinish: onMotionFinish,\n      },\n    }),\n    placeholder: slot.always(\n      getIntrinsicElementProps('div', {\n        children: placeholder,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n"],"names":["useAnimatedPlaceholder_unstable","props","ref","placeholderValue","placeholder","setPlaceholder","React","useState","visible","setVisible","useEffect","onMotionFinish","components","root","motion","PlaceholderMotion","slot","always","getIntrinsicElementProps","elementType","presenceMotionSlot","defaultProps","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAeaA;;;eAAAA;;;;iEAfU;iCACwB;mCAEb;6BACC;AAW5B,MAAMA,kCAAkC,CAC7CC,OACAC;IAEA,MAAM,EAAEC,gBAAgB,EAAE,GAAGF;IAE7B,MAAM,CAACG,aAAaC,eAAe,GAAGC,OAAMC,QAAQ,CAACJ;IACrD,MAAM,CAACK,SAASC,WAAW,GAAGH,OAAMC,QAAQ,CAAC;IAE7CD,OAAMI,SAAS,CAAC;QACd,IAAIP,qBAAqBC,aAAa;YACpCK,WAAW;QACb;IACF,GAAG;QAACL;QAAaD;KAAiB;IAElC,MAAMQ,iBAAiB;QACrBN,eAAeF;QACfM,WAAW;IACb;IAEA,OAAO;QACLG,YAAY;YACVC,MAAM;YACNC,QAAQC,oCAAAA;YACRX,aAAa;QACf;QACAS,MAAMG,qBAAAA,CAAKC,MAAM,CACfC,IAAAA,yCAAAA,EAAyB,OAAO;YAC9BhB;YACA,GAAGD,KAAK;QACV,IACA;YAAEkB,aAAa;QAAM;QAEvBL,QAAQM,IAAAA,+BAAAA,EAAuBnB,MAAMa,MAAM,EAAE;YAC3CK,aAAaJ,oCAAAA;YACbM,cAAc;gBACZb,SAASA;gBACTG,gBAAgBA;YAClB;QACF;QACAP,aAAaY,qBAAAA,CAAKC,MAAM,CACtBC,IAAAA,yCAAAA,EAAyB,OAAO;YAC9BI,UAAUlB;QACZ,IACA;YAAEe,aAAa;QAAM;IAEzB;AACF"}

package/lib-commonjs/components/AnimatedPlaceholder/useAnimatedPlaceholderStyles.styles.js

@@ -0,0 +1,37 @@
+"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, {
+    animatedPlaceholderClassNames: function() {
+        return animatedPlaceholderClassNames;
+    },
+    useAnimatedPlaceholderStyles_unstable: function() {
+        return useAnimatedPlaceholderStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const animatedPlaceholderClassNames = {
+    root: 'fai-AnimatedPlaceholder',
+    placeholder: 'fai-AnimatedPlaceholder__placeholder'
+};
+/**
+ * Styles for the root slot
+ */ const useRootClassNames = (0, _reactcomponents.__resetStyles)("r7ukxtn", null, [
+    ".r7ukxtn{overflow:clip;}"
+]);
+const useAnimatedPlaceholderStyles_unstable = (state)=>{
+    'use no memo';
+    const rootClassNames = useRootClassNames();
+    state.root.className = (0, _reactcomponents.mergeClasses)(animatedPlaceholderClassNames.root, rootClassNames, state.root.className);
+    if (state.placeholder) {
+        state.placeholder.className = (0, _reactcomponents.mergeClasses)(animatedPlaceholderClassNames.placeholder, state.placeholder.className);
+    }
+    return state;
+}; //# sourceMappingURL=useAnimatedPlaceholderStyles.styles.js.map

package/lib-commonjs/components/AnimatedPlaceholder/useAnimatedPlaceholderStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAnimatedPlaceholderStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@fluentui/react-components';\nimport type { AnimatedPlaceholderSlots, AnimatedPlaceholderState } from './AnimatedPlaceholder.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const animatedPlaceholderClassNames: SlotClassNames<Omit<AnimatedPlaceholderSlots, 'motion'>> = {\n  root: 'fai-AnimatedPlaceholder',\n  placeholder: 'fai-AnimatedPlaceholder__placeholder',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootClassNames = makeResetStyles({\n  overflow: 'clip',\n});\n\n/**\n * Apply styling to the AnimatedPlaceholder slots based on the state\n */\nexport const useAnimatedPlaceholderStyles_unstable = (state: AnimatedPlaceholderState): AnimatedPlaceholderState => {\n  'use no memo';\n\n  const rootClassNames = useRootClassNames();\n  state.root.className = mergeClasses(animatedPlaceholderClassNames.root, rootClassNames, state.root.className);\n\n  if (state.placeholder) {\n    state.placeholder.className = mergeClasses(animatedPlaceholderClassNames.placeholder, state.placeholder.className);\n  }\n\n  return state;\n};\n"],"names":["animatedPlaceholderClassNames","useAnimatedPlaceholderStyles_unstable","root","placeholder","overflow","__resetStyles","state","useRootClassNames","mergeClasses","rootClassNames","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,6BAAAA;eAAAA;;IAeNC,qCAAMA;eAANA;;;iCAnB+B;AAI/B,MAAMD,gCAA0F;UACrGE;iBACAC;AACF;AAEA;;CAEC,SAECC,oBAAUC,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;CAAA;AAMZ,MAAOJ,wCAAMA,CAAAA;;UAIXK,iBAAoBC;UAEhBD,IAAAA,CAAAA,SAAMH,GAAWK,IAAAA,6BAAE,EAAAR,8BAAAE,IAAA,EAAAO,gBAAAH,MAAAJ,IAAA,CAAAQ,SAAA;cACrBJ,WAAMH,EAAW;QACnBG,MAAAH,WAAA,CAAAO,SAAA,GAAAF,IAAAA,6BAAA,EAAAR,8BAAAG,WAAA,EAAAG,MAAAH,WAAA,CAAAO,SAAA;;IAGA,OAAAJ"}

package/lib-commonjs/components/AnimatedPlaceholder/useAnimatedPlaceholderStyles.styles.raw.js

@@ -0,0 +1,37 @@
+"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, {
+    animatedPlaceholderClassNames: function() {
+        return animatedPlaceholderClassNames;
+    },
+    useAnimatedPlaceholderStyles_unstable: function() {
+        return useAnimatedPlaceholderStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const animatedPlaceholderClassNames = {
+    root: 'fai-AnimatedPlaceholder',
+    placeholder: 'fai-AnimatedPlaceholder__placeholder'
+};
+/**
+ * Styles for the root slot
+ */ const useRootClassNames = (0, _reactcomponents.makeResetStyles)({
+    overflow: 'clip'
+});
+const useAnimatedPlaceholderStyles_unstable = (state)=>{
+    'use no memo';
+    const rootClassNames = useRootClassNames();
+    state.root.className = (0, _reactcomponents.mergeClasses)(animatedPlaceholderClassNames.root, rootClassNames, state.root.className);
+    if (state.placeholder) {
+        state.placeholder.className = (0, _reactcomponents.mergeClasses)(animatedPlaceholderClassNames.placeholder, state.placeholder.className);
+    }
+    return state;
+};

package/lib-commonjs/components/AnimatedPlaceholder/useAnimatedPlaceholderStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAnimatedPlaceholderStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@fluentui/react-components';\nimport type { AnimatedPlaceholderSlots, AnimatedPlaceholderState } from './AnimatedPlaceholder.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const animatedPlaceholderClassNames: SlotClassNames<Omit<AnimatedPlaceholderSlots, 'motion'>> = {\n  root: 'fai-AnimatedPlaceholder',\n  placeholder: 'fai-AnimatedPlaceholder__placeholder',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootClassNames = makeResetStyles({\n  overflow: 'clip',\n});\n\n/**\n * Apply styling to the AnimatedPlaceholder slots based on the state\n */\nexport const useAnimatedPlaceholderStyles_unstable = (state: AnimatedPlaceholderState): AnimatedPlaceholderState => {\n  'use no memo';\n\n  const rootClassNames = useRootClassNames();\n  state.root.className = mergeClasses(animatedPlaceholderClassNames.root, rootClassNames, state.root.className);\n\n  if (state.placeholder) {\n    state.placeholder.className = mergeClasses(animatedPlaceholderClassNames.placeholder, state.placeholder.className);\n  }\n\n  return state;\n};\n"],"names":["animatedPlaceholderClassNames","useAnimatedPlaceholderStyles_unstable","root","placeholder","useRootClassNames","makeResetStyles","overflow","state","rootClassNames","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,6BAAAA;eAAAA;;IAeAC,qCAAAA;eAAAA;;;iCAnBiC;AAIvC,MAAMD,gCAA0F;IACrGE,MAAM;IACNC,aAAa;AACf;AAEA;;CAEC,GACD,MAAMC,oBAAoBC,IAAAA,gCAAAA,EAAgB;IACxCC,UAAU;AACZ;AAKO,MAAML,wCAAwC,CAACM;IACpD;IAEA,MAAMC,iBAAiBJ;IACvBG,MAAML,IAAI,CAACO,SAAS,GAAGC,IAAAA,6BAAAA,EAAaV,8BAA8BE,IAAI,EAAEM,gBAAgBD,MAAML,IAAI,CAACO,SAAS;IAE5G,IAAIF,MAAMJ,WAAW,EAAE;QACrBI,MAAMJ,WAAW,CAACM,SAAS,GAAGC,IAAAA,6BAAAA,EAAaV,8BAA8BG,WAAW,EAAEI,MAAMJ,WAAW,CAACM,SAAS;IACnH;IAEA,OAAOF;AACT"}

package/lib-commonjs/components/EditorInput/useEditorInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useEditorInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  getPartitionedNativeProps,\n  slot,\n  useFluent,\n  useId,\n  useIsomorphicLayoutEffect,\n  useMergedRefs,\n} from '@fluentui/react-components';\nimport type { EditorInputProps, EditorInputState } from './EditorInput.types';\nimport { SentinelNode, SENTINEL_VALUE } from '@fluentui-copilot/chat-input-plugins';\nimport type { LexicalEditor } from '@fluentui-copilot/react-text-editor';\nimport { $createTextNode, $insertNodes } from '@fluentui-copilot/react-text-editor';\nimport { $getRoot } from '@fluentui-copilot/react-text-editor';\nimport { LexicalPlainTextPlugin, mergeRegister } from '@fluentui-copilot/react-text-editor';\nimport { mergeCallbacks, useControllableState } from '@fluentui/react-utilities';\n\n/**\n * Create the state required to render EditorInput.\n *\n * The returned state can be modified with hooks such as useEditorInputStyles_unstable,\n * before being passed to renderEditorInput_unstable.\n *\n * @param props - props from this instance of EditorInput\n * @param ref - reference to root HTMLElement of EditorInput\n */\nexport const useEditorInput_unstable = (props: EditorInputProps, ref: React.Ref<HTMLSpanElement>): EditorInputState => {\n  const {\n    onChange,\n    onPaste,\n    trimWhiteSpace = false,\n    textPlugin = LexicalPlainTextPlugin,\n    history = true,\n    editorRef: userEditorRef,\n    customTheme,\n    isSentinelNodeEnabled = true,\n  } = props;\n  const { root, primary } = getPartitionedNativeProps({\n    primarySlotTagName: 'span',\n    props,\n    excludedPropNames: ['onChange', 'onPaste', 'defaultValue'],\n  });\n\n  const editorRef = useMergedRefs(React.useRef<LexicalEditor>(null), userEditorRef);\n  // The disabled state can also be changed by lexical (e.g. by a custom plugin) so\n  // we use `useControllableState` to coordinate\n  const [disabled, setDisabled] = useControllableState({\n    state: props.disabled,\n    initialState: false,\n  });\n\n  const customNodes = props.customNodes ? [...props.customNodes, SentinelNode] : [SentinelNode];\n\n  const spanRef = React.useCallback(\n    span => {\n      // Register the `input` span with lexical\n      editorRef.current?.setRootElement(span);\n    },\n    [editorRef],\n  );\n\n  // Update lexical when disabled changes\n  useIsomorphicLayoutEffect(() => {\n    if (editorRef.current) {\n      editorRef.current?.setEditable(!disabled);\n    }\n  }, [disabled]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (editorRef.current) {\n      return mergeRegister(\n        editorRef.current.registerEditableListener(isEditable => {\n          setDisabled(!isEditable);\n        }),\n        editorRef.current?.registerRootListener(root => {\n          if (!root) {\n            return;\n          }\n\n          // Remove lexical's inline style so we can apply our own\n          // Lexical needs the whitespace style to be either `pre` or `pre-wrap` to work correctly\n          root.style.whiteSpace = '';\n        }),\n      );\n    }\n  }, [editorRef]);\n\n  const handleOnChange = React.useCallback(\n    (newValue: string) => {\n      onChange?.({}, { value: newValue });\n    },\n    [onChange],\n  );\n\n  const defaultValueFunction = useDefaultValueFunction(props);\n\n  const placeholderValue = slot.optional(props.placeholderValue, { elementType: 'span' });\n  const placeholderId = useId('chat-input-placeholder', placeholderValue?.id);\n  if (placeholderValue) {\n    placeholderValue.id = placeholderId;\n  }\n\n  return {\n    components: {\n      root: 'span',\n      input: 'span',\n      placeholderValue: 'span',\n    },\n    root: slot.always(props.root, { defaultProps: { ...root }, elementType: 'span' }),\n    input: slot.always(props.input, {\n      defaultProps: {\n        ref: useMergedRefs(ref, spanRef),\n        role: 'textbox',\n        contentEditable: !disabled,\n        'aria-readonly': disabled ? true : undefined,\n        disabled,\n        suppressContentEditableWarning: true,\n        tabIndex: disabled ? undefined : 0,\n        ...primary,\n        'aria-describedby': primary['aria-describedby']\n          ? `${primary['aria-describedby']} ${placeholderId}`\n          : placeholderId,\n      },\n      elementType: 'span',\n    }),\n    placeholderValue,\n    lexicalInitialConfig: {\n      namespace: 'fai-EditorInput',\n      onError: console.error,\n      nodes: customNodes,\n      editorState: defaultValueFunction,\n      theme: customTheme,\n    },\n    editorRef,\n    disabled,\n    textPlugin,\n    onPaste,\n    handleOnChange,\n    trimWhiteSpace,\n    history,\n    isSentinelNodeEnabled,\n  };\n};\n\nfunction useDefaultValueFunction(props: EditorInputProps) {\n  const { targetDocument } = useFluent();\n  const requestAnimationFrame = targetDocument?.defaultView?.requestAnimationFrame;\n\n  const [defaultValueFunction] = React.useState(() => {\n    const { defaultValue, onDefaultValueSet } = props;\n    if (defaultValue === undefined) {\n      return undefined;\n    }\n\n    const insertDefaultValueFunction =\n      typeof defaultValue === 'function'\n        ? defaultValue\n        : () => {\n            $insertNodes([$createTextNode(defaultValue)]);\n          };\n\n    // After the defaultValue function has run, read back the result and give\n    // it to the onDefaultValueSet callback.\n    const readDefaultValueFunction = onDefaultValueSet\n      ? () => {\n          const text = $getRoot().getTextContent().replace(SENTINEL_VALUE, '');\n\n          // This runs while rendering `LexicalComposer` so delay calling back into the parent\n          // until after finished rendering `LexicalComposer`\n          requestAnimationFrame?.(() => {\n            onDefaultValueSet?.(text);\n          });\n        }\n      : undefined;\n\n    return mergeCallbacks(insertDefaultValueFunction, readDefaultValueFunction);\n  });\n\n  return defaultValueFunction;\n}\n"],"names":["useEditorInput_unstable","props","ref","onChange","onPaste","trimWhiteSpace","textPlugin","LexicalPlainTextPlugin","history","editorRef","userEditorRef","customTheme","isSentinelNodeEnabled","root","primary","getPartitionedNativeProps","primarySlotTagName","excludedPropNames","useMergedRefs","React","useRef","disabled","setDisabled","useControllableState","state","initialState","customNodes","SentinelNode","spanRef","useCallback","span","current","setRootElement","useIsomorphicLayoutEffect","setEditable","mergeRegister","registerEditableListener","isEditable","registerRootListener","style","whiteSpace","handleOnChange","newValue","value","defaultValueFunction","useDefaultValueFunction","placeholderValue","slot","optional","elementType","placeholderId","useId","id","components","input","always","defaultProps","role","contentEditable","undefined","suppressContentEditableWarning","tabIndex","lexicalInitialConfig","namespace","onError","console","error","nodes","editorState","theme","targetDocument","useFluent","requestAnimationFrame","defaultView","useState","defaultValue","onDefaultValueSet","insertDefaultValueFunction","$insertNodes","$createTextNode","readDefaultValueFunction","text","$getRoot","getTextContent","replace","SENTINEL_VALUE","mergeCallbacks"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["useEditorInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  getPartitionedNativeProps,\n  slot,\n  useFluent,\n  useId,\n  useIsomorphicLayoutEffect,\n  useMergedRefs,\n} from '@fluentui/react-components';\nimport type { EditorInputProps, EditorInputState } from './EditorInput.types';\nimport { SentinelNode, SENTINEL_VALUE } from '@fluentui-copilot/chat-input-plugins';\nimport type { LexicalEditor } from '@fluentui-copilot/react-text-editor';\nimport { $createTextNode, $insertNodes } from '@fluentui-copilot/react-text-editor';\nimport { $getRoot } from '@fluentui-copilot/react-text-editor';\nimport { LexicalPlainTextPlugin, mergeRegister } from '@fluentui-copilot/react-text-editor';\nimport { mergeCallbacks, useControllableState } from '@fluentui/react-utilities';\n\n/**\n * Create the state required to render EditorInput.\n *\n * The returned state can be modified with hooks such as useEditorInputStyles_unstable,\n * before being passed to renderEditorInput_unstable.\n *\n * @param props - props from this instance of EditorInput\n * @param ref - reference to root HTMLElement of EditorInput\n */\nexport const useEditorInput_unstable = (props: EditorInputProps, ref: React.Ref<HTMLSpanElement>): EditorInputState => {\n  const {\n    onChange,\n    onPaste,\n    trimWhiteSpace = false,\n    textPlugin = LexicalPlainTextPlugin,\n    history = true,\n    editorRef: userEditorRef,\n    customTheme,\n    isSentinelNodeEnabled = true,\n  } = props;\n  const { root, primary } = getPartitionedNativeProps({\n    primarySlotTagName: 'span',\n    props,\n    excludedPropNames: ['onChange', 'onPaste', 'defaultValue'],\n  });\n\n  const editorRef = useMergedRefs(React.useRef<LexicalEditor>(null), userEditorRef);\n  // The disabled state can also be changed by lexical (e.g. by a custom plugin) so\n  // we use `useControllableState` to coordinate\n  const [disabled, setDisabled] = useControllableState({\n    state: props.disabled,\n    initialState: false,\n  });\n\n  const customNodes = props.customNodes ? [...props.customNodes, SentinelNode] : [SentinelNode];\n\n  const spanRef = React.useCallback(\n    (span: HTMLSpanElement | null) => {\n      // Register the `input` span with lexical\n      editorRef.current?.setRootElement(span);\n    },\n    [editorRef],\n  );\n\n  // Update lexical when disabled changes\n  useIsomorphicLayoutEffect(() => {\n    if (editorRef.current) {\n      editorRef.current?.setEditable(!disabled);\n    }\n  }, [disabled]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (editorRef.current) {\n      return mergeRegister(\n        editorRef.current.registerEditableListener(isEditable => {\n          setDisabled(!isEditable);\n        }),\n        editorRef.current?.registerRootListener(root => {\n          if (!root) {\n            return;\n          }\n\n          // Remove lexical's inline style so we can apply our own\n          // Lexical needs the whitespace style to be either `pre` or `pre-wrap` to work correctly\n          root.style.whiteSpace = '';\n        }),\n      );\n    }\n  }, [editorRef]);\n\n  const handleOnChange = React.useCallback(\n    (newValue: string) => {\n      onChange?.({}, { value: newValue });\n    },\n    [onChange],\n  );\n\n  const defaultValueFunction = useDefaultValueFunction(props);\n\n  const placeholderValue = slot.optional(props.placeholderValue, { elementType: 'span' });\n  const placeholderId = useId('chat-input-placeholder', placeholderValue?.id);\n  if (placeholderValue) {\n    placeholderValue.id = placeholderId;\n  }\n\n  return {\n    components: {\n      root: 'span',\n      input: 'span',\n      placeholderValue: 'span',\n    },\n    root: slot.always(props.root, { defaultProps: { ...root }, elementType: 'span' }),\n    input: slot.always(props.input, {\n      defaultProps: {\n        ref: useMergedRefs(ref, spanRef),\n        role: 'textbox',\n        contentEditable: !disabled,\n        'aria-readonly': disabled ? true : undefined,\n        disabled,\n        suppressContentEditableWarning: true,\n        tabIndex: disabled ? undefined : 0,\n        ...primary,\n        'aria-describedby': primary['aria-describedby']\n          ? `${primary['aria-describedby']} ${placeholderId}`\n          : placeholderId,\n      },\n      elementType: 'span',\n    }),\n    placeholderValue,\n    lexicalInitialConfig: {\n      namespace: 'fai-EditorInput',\n      onError: console.error,\n      nodes: customNodes,\n      editorState: defaultValueFunction,\n      theme: customTheme,\n    },\n    editorRef,\n    disabled,\n    textPlugin,\n    onPaste,\n    handleOnChange,\n    trimWhiteSpace,\n    history,\n    isSentinelNodeEnabled,\n  };\n};\n\nfunction useDefaultValueFunction(props: EditorInputProps) {\n  const { targetDocument } = useFluent();\n  const requestAnimationFrame = targetDocument?.defaultView?.requestAnimationFrame;\n\n  const [defaultValueFunction] = React.useState(() => {\n    const { defaultValue, onDefaultValueSet } = props;\n    if (defaultValue === undefined) {\n      return undefined;\n    }\n\n    const insertDefaultValueFunction =\n      typeof defaultValue === 'function'\n        ? defaultValue\n        : () => {\n            $insertNodes([$createTextNode(defaultValue)]);\n          };\n\n    // After the defaultValue function has run, read back the result and give\n    // it to the onDefaultValueSet callback.\n    const readDefaultValueFunction = onDefaultValueSet\n      ? () => {\n          const text = $getRoot().getTextContent().replace(SENTINEL_VALUE, '');\n\n          // This runs while rendering `LexicalComposer` so delay calling back into the parent\n          // until after finished rendering `LexicalComposer`\n          requestAnimationFrame?.(() => {\n            onDefaultValueSet?.(text);\n          });\n        }\n      : undefined;\n\n    return mergeCallbacks(insertDefaultValueFunction, readDefaultValueFunction);\n  });\n\n  return defaultValueFunction;\n}\n"],"names":["useEditorInput_unstable","props","ref","onChange","onPaste","trimWhiteSpace","textPlugin","LexicalPlainTextPlugin","history","editorRef","userEditorRef","customTheme","isSentinelNodeEnabled","root","primary","getPartitionedNativeProps","primarySlotTagName","excludedPropNames","useMergedRefs","React","useRef","disabled","setDisabled","useControllableState","state","initialState","customNodes","SentinelNode","spanRef","useCallback","span","current","setRootElement","useIsomorphicLayoutEffect","setEditable","mergeRegister","registerEditableListener","isEditable","registerRootListener","style","whiteSpace","handleOnChange","newValue","value","defaultValueFunction","useDefaultValueFunction","placeholderValue","slot","optional","elementType","placeholderId","useId","id","components","input","always","defaultProps","role","contentEditable","undefined","suppressContentEditableWarning","tabIndex","lexicalInitialConfig","namespace","onError","console","error","nodes","editorState","theme","targetDocument","useFluent","requestAnimationFrame","defaultView","useState","defaultValue","onDefaultValueSet","insertDefaultValueFunction","$insertNodes","$createTextNode","readDefaultValueFunction","text","$getRoot","getTextContent","replace","SENTINEL_VALUE","mergeCallbacks"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/index.js

@@ -9,15 +9,30 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    AnimatedPlaceholder: function() {
+        return _AnimatedPlaceholder.AnimatedPlaceholder;
+    },
     EditorInput: function() {
         return _EditorInput.EditorInput;
     },
+    animatedPlaceholderClassNames: function() {
+        return _AnimatedPlaceholder.animatedPlaceholderClassNames;
+    },
     editorInputClassNames: function() {
         return _EditorInput.editorInputClassNames;
     },
+    renderAnimatedPlaceholder_unstable: function() {
+        return _AnimatedPlaceholder.renderAnimatedPlaceholder_unstable;
+    },
     renderEditorInput_unstable: function() {
         return _EditorInput.renderEditorInput_unstable;
     },
+    useAnimatedPlaceholderStyles_unstable: function() {
+        return _AnimatedPlaceholder.useAnimatedPlaceholderStyles_unstable;
+    },
+    useAnimatedPlaceholder_unstable: function() {
+        return _AnimatedPlaceholder.useAnimatedPlaceholder_unstable;
+    },
     useEditorInputStyles_unstable: function() {
         return _EditorInput.useEditorInputStyles_unstable;
     },
@@ -26,3 +41,4 @@ _export(exports, {
     }
 });
 const _EditorInput = require("./EditorInput");
+const _AnimatedPlaceholder = require("./AnimatedPlaceholder");

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export type { EditorInputProps, EditorInputSlots, EditorInputState, EditorInputValueData } from './EditorInput';\nexport {\n  EditorInput,\n  editorInputClassNames,\n  renderEditorInput_unstable,\n  useEditorInputStyles_unstable,\n  useEditorInput_unstable,\n} from './EditorInput';\n"],"names":["EditorInput","editorInputClassNames","renderEditorInput_unstable","useEditorInputStyles_unstable","useEditorInput_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEEA,WAAW;eAAXA,wBAAW;;IACXC,qBAAqB;eAArBA,kCAAqB;;IACrBC,0BAA0B;eAA1BA,uCAA0B;;IAC1BC,6BAA6B;eAA7BA,0CAA6B;;IAC7BC,uBAAuB;eAAvBA,oCAAuB;;;6BAClB"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export type { EditorInputProps, EditorInputSlots, EditorInputState, EditorInputValueData } from './EditorInput';\nexport {\n  EditorInput,\n  editorInputClassNames,\n  renderEditorInput_unstable,\n  useEditorInputStyles_unstable,\n  useEditorInput_unstable,\n} from './EditorInput';\n\nexport {\n  AnimatedPlaceholder,\n  renderAnimatedPlaceholder_unstable,\n  useAnimatedPlaceholder_unstable,\n  animatedPlaceholderClassNames,\n  useAnimatedPlaceholderStyles_unstable,\n} from './AnimatedPlaceholder';\nexport type {\n  AnimatedPlaceholderProps,\n  AnimatedPlaceholderSlots,\n  AnimatedPlaceholderState,\n} from './AnimatedPlaceholder';\n"],"names":["AnimatedPlaceholder","EditorInput","animatedPlaceholderClassNames","editorInputClassNames","renderAnimatedPlaceholder_unstable","renderEditorInput_unstable","useAnimatedPlaceholderStyles_unstable","useAnimatedPlaceholder_unstable","useEditorInputStyles_unstable","useEditorInput_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAUEA,mBAAmB;eAAnBA,wCAAmB;;IARnBC,WAAW;eAAXA,wBAAW;;IAWXC,6BAA6B;eAA7BA,kDAA6B;;IAV7BC,qBAAqB;eAArBA,kCAAqB;;IAQrBC,kCAAkC;eAAlCA,uDAAkC;;IAPlCC,0BAA0B;eAA1BA,uCAA0B;;IAU1BC,qCAAqC;eAArCA,0DAAqC;;IAFrCC,+BAA+B;eAA/BA,oDAA+B;;IAP/BC,6BAA6B;eAA7BA,0CAA6B;;IAC7BC,uBAAuB;eAAvBA,oCAAuB;;;6BAClB;qCAQA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-editor-input",
-  "version": "0.5.4",
+  "version": "0.5.6",
   "description": "a base rich editor input.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -13,14 +13,15 @@
   "license": "MIT",
   "dependencies": {
     "@fluentui-copilot/chat-input-plugins": "^0.5.1",
-    "@fluentui-copilot/react-chat-input-plugins": "^0.5.4",
+    "@fluentui-copilot/react-chat-input-plugins": "^0.5.5",
     "@fluentui-copilot/react-text-editor": "^0.4.2",
-    "@fluentui-copilot/tokens": "^0.3.13",
+    "@fluentui-copilot/tokens": "^0.3.14",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
     "@fluentui/react-components": ">=9.66.0 <10.0.0",
     "@fluentui/react-jsx-runtime": ">=9.1.1 <10.0.0",
+    "@fluentui/react-motion": ">=9.8.1 <10.0.0",
     "@fluentui/react-utilities": ">=9.21.1 <10.0.0",
     "@types/react": ">=16.14.0 <19.0.0",
     "@types/react-dom": ">=16.9.8 <19.0.0",