@fluentui-copilot/react-editor-input 0.0.0-nightly-20251002-0405-17b34fb7.1 → 0.0.0-nightly-20251010-0406-7df7c6d1.1

package/lib/components/EditorInput/useEditorInput.js

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

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

@@ -1 +0,0 @@
-{"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":"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"}

package/lib/components/EditorInput/useEditorInputStyles.styles.js

@@ -1,65 +0,0 @@
-import { __resetStyles, __styles, mergeClasses } from '@fluentui/react-components';
-import { tokens, typographyStyles } from '@fluentui-copilot/tokens';
-export const editorInputClassNames = {
-  root: 'fai-EditorInput',
-  input: 'fai-EditorInput__input',
-  placeholderValue: 'fai-EditorInput__placeholderValue'
-};
-/**
- * Styles for the root slot
- */
-const useRootClassName = __resetStyles("r1x54j0a", null, [".r1x54j0a{display:inline-grid;white-space:pre-wrap;}"]);
-export const useLexicalStyles = __styles({
-  paragraph: {
-    jrapky: 0,
-    Frg6f3: 0,
-    t21cq0: 0,
-    B6of3ja: 0,
-    B74szlk: "f1s184ao",
-    fsow6f: "fpgzoln"
-  }
-}, {
-  d: [[".f1s184ao{margin:0;}", {
-    p: -1
-  }], ".fpgzoln{text-align:start;}"]
-});
-export const usePlaceholderClassName = __resetStyles("rrmx5oh", null, {
-  r: [".rrmx5oh{z-index:0;grid-area:1/1/1/1;color:var(--colorNeutralForeground4);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);}"],
-  s: ["@media (forced-colors: active){.rrmx5oh{color:GrayText;}}"]
-});
-export const useInputClassName = __resetStyles("r18fti29", null, [".r18fti29{grid-area:1/1/1/1;z-index:1;width:100%;}"]);
-const useStyles = __styles({
-  placeholderDisabled: {
-    sj55zd: "f1s2aq7o"
-  }
-}, {
-  d: [".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}"]
-});
-/**
- * Apply styling to the EditorInput slots based on the state
- */
-export const useEditorInputStyles_unstable = state => {
-  'use no memo';
-
-  const {
-    disabled
-  } = state;
-  const placeholderClassName = usePlaceholderClassName();
-  const rootClassName = useRootClassName();
-  const inputClassName = useInputClassName();
-  const styles = useStyles();
-  state.root.className = mergeClasses(editorInputClassNames.root, rootClassName, state.root.className);
-  state.input.className = mergeClasses(editorInputClassNames.input, inputClassName, state.input.className);
-  state.lexicalInitialConfig = {
-    ...state.lexicalInitialConfig,
-    theme: {
-      ...useLexicalStyles(),
-      ...state.lexicalInitialConfig.theme
-    }
-  };
-  if (state.placeholderValue) {
-    state.placeholderValue.className = mergeClasses(editorInputClassNames.placeholderValue, placeholderClassName, disabled && styles.placeholderDisabled, state.placeholderValue.className);
-  }
-  return state;
-};
-//# sourceMappingURL=useEditorInputStyles.styles.js.map

package/lib/components/EditorInput/useEditorInputStyles.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useEditorInputStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport type { SlotClassNames } from '@fluentui/react-components';\nimport type { EditorInputSlots, EditorInputState } from './EditorInput.types';\n\nexport const editorInputClassNames: SlotClassNames<EditorInputSlots> = {\n  root: 'fai-EditorInput',\n  input: 'fai-EditorInput__input',\n  placeholderValue: 'fai-EditorInput__placeholderValue',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootClassName = makeResetStyles({\n  display: 'inline-grid',\n  whiteSpace: 'pre-wrap',\n});\n\nexport const useLexicalStyles = makeStyles({\n  paragraph: {\n    margin: 0,\n    textAlign: 'start',\n  },\n});\n\nexport const usePlaceholderClassName = makeResetStyles({\n  zIndex: 0,\n  gridArea: '1 / 1 / 1 / 1',\n\n  color: tokens.colorNeutralForeground4,\n  ...typographyStyles.body1,\n\n  '@media (forced-colors: active)': {\n    color: 'GrayText',\n  },\n});\n\nexport const useInputClassName = makeResetStyles({\n  gridArea: '1 / 1 / 1 / 1',\n  zIndex: 1,\n  width: '100%',\n});\n\nconst useStyles = makeStyles({\n  placeholderDisabled: {\n    color: tokens.colorNeutralForegroundDisabled,\n  },\n});\n/**\n * Apply styling to the EditorInput slots based on the state\n */\nexport const useEditorInputStyles_unstable = (state: EditorInputState): EditorInputState => {\n  'use no memo';\n\n  const { disabled } = state;\n  const placeholderClassName = usePlaceholderClassName();\n  const rootClassName = useRootClassName();\n  const inputClassName = useInputClassName();\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(editorInputClassNames.root, rootClassName, state.root.className);\n\n  state.input.className = mergeClasses(editorInputClassNames.input, inputClassName, state.input.className);\n\n  state.lexicalInitialConfig = {\n    ...state.lexicalInitialConfig,\n    theme: { ...useLexicalStyles(), ...state.lexicalInitialConfig.theme },\n  };\n\n  if (state.placeholderValue) {\n    state.placeholderValue.className = mergeClasses(\n      editorInputClassNames.placeholderValue,\n      placeholderClassName,\n      disabled && styles.placeholderDisabled,\n      state.placeholderValue.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","tokens","typographyStyles","editorInputClassNames","root","input","placeholderValue","useRootClassName","display","whiteSpace","useLexicalStyles","paragraph","margin","textAlign","usePlaceholderClassName","zIndex","gridArea","color","colorNeutralForeground4","body1","useInputClassName","width","useStyles","placeholderDisabled","colorNeutralForegroundDisabled","useEditorInputStyles_unstable","state","disabled","placeholderClassName","rootClassName","inputClassName","styles","className","lexicalInitialConfig","theme"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,UAAU,EAAEC,YAAY,QAAQ,6BAA6B;AACvF,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,2BAA2B;AAIpE,OAAO,MAAMC,wBAA0D;IACrEC,MAAM;IACNC,OAAO;IACPC,kBAAkB;AACpB,EAAE;AAEF;;CAEC,GACD,MAAMC,mBAAmBT,gBAAgB;IACvCU,SAAS;IACTC,YAAY;AACd;AAEA,OAAO,MAAMC,mBAAmBX,WAAW;IACzCY,WAAW;QACTC,QAAQ;QACRC,WAAW;IACb;AACF,GAAG;AAEH,OAAO,MAAMC,0BAA0BhB,gBAAgB;IACrDiB,QAAQ;IACRC,UAAU;IAEVC,OAAOhB,OAAOiB,uBAAuB;IACrC,GAAGhB,iBAAiBiB,KAAK;IAEzB,kCAAkC;QAChCF,OAAO;IACT;AACF,GAAG;AAEH,OAAO,MAAMG,oBAAoBtB,gBAAgB;IAC/CkB,UAAU;IACVD,QAAQ;IACRM,OAAO;AACT,GAAG;AAEH,MAAMC,YAAYvB,WAAW;IAC3BwB,qBAAqB;QACnBN,OAAOhB,OAAOuB,8BAA8B;IAC9C;AACF;AACA;;CAEC,GACD,OAAO,MAAMC,gCAAgC,CAACC;IAC5C;IAEA,MAAM,EAAEC,QAAQ,EAAE,GAAGD;IACrB,MAAME,uBAAuBd;IAC7B,MAAMe,gBAAgBtB;IACtB,MAAMuB,iBAAiBV;IACvB,MAAMW,SAAST;IAEfI,MAAMtB,IAAI,CAAC4B,SAAS,GAAGhC,aAAaG,sBAAsBC,IAAI,EAAEyB,eAAeH,MAAMtB,IAAI,CAAC4B,SAAS;IAEnGN,MAAMrB,KAAK,CAAC2B,SAAS,GAAGhC,aAAaG,sBAAsBE,KAAK,EAAEyB,gBAAgBJ,MAAMrB,KAAK,CAAC2B,SAAS;IAEvGN,MAAMO,oBAAoB,GAAG;QAC3B,GAAGP,MAAMO,oBAAoB;QAC7BC,OAAO;YAAE,GAAGxB,kBAAkB;YAAE,GAAGgB,MAAMO,oBAAoB,CAACC,KAAK;QAAC;IACtE;IAEA,IAAIR,MAAMpB,gBAAgB,EAAE;QAC1BoB,MAAMpB,gBAAgB,CAAC0B,SAAS,GAAGhC,aACjCG,sBAAsBG,gBAAgB,EACtCsB,sBACAD,YAAYI,OAAOR,mBAAmB,EACtCG,MAAMpB,gBAAgB,CAAC0B,SAAS;IAEpC;IAEA,OAAON;AACT,EAAE"}

package/lib/components/EditorInput/useEditorInputStyles.styles.raw.js

@@ -1,61 +0,0 @@
-import { makeResetStyles, makeStyles, mergeClasses } from '@fluentui/react-components';
-import { tokens, typographyStyles } from '@fluentui-copilot/tokens';
-export const editorInputClassNames = {
-    root: 'fai-EditorInput',
-    input: 'fai-EditorInput__input',
-    placeholderValue: 'fai-EditorInput__placeholderValue'
-};
-/**
- * Styles for the root slot
- */ const useRootClassName = makeResetStyles({
-    display: 'inline-grid',
-    whiteSpace: 'pre-wrap'
-});
-export const useLexicalStyles = makeStyles({
-    paragraph: {
-        margin: 0,
-        textAlign: 'start'
-    }
-});
-export const usePlaceholderClassName = makeResetStyles({
-    zIndex: 0,
-    gridArea: '1 / 1 / 1 / 1',
-    color: tokens.colorNeutralForeground4,
-    ...typographyStyles.body1,
-    '@media (forced-colors: active)': {
-        color: 'GrayText'
-    }
-});
-export const useInputClassName = makeResetStyles({
-    gridArea: '1 / 1 / 1 / 1',
-    zIndex: 1,
-    width: '100%'
-});
-const useStyles = makeStyles({
-    placeholderDisabled: {
-        color: tokens.colorNeutralForegroundDisabled
-    }
-});
-/**
- * Apply styling to the EditorInput slots based on the state
- */ export const useEditorInputStyles_unstable = (state)=>{
-    'use no memo';
-    const { disabled } = state;
-    const placeholderClassName = usePlaceholderClassName();
-    const rootClassName = useRootClassName();
-    const inputClassName = useInputClassName();
-    const styles = useStyles();
-    state.root.className = mergeClasses(editorInputClassNames.root, rootClassName, state.root.className);
-    state.input.className = mergeClasses(editorInputClassNames.input, inputClassName, state.input.className);
-    state.lexicalInitialConfig = {
-        ...state.lexicalInitialConfig,
-        theme: {
-            ...useLexicalStyles(),
-            ...state.lexicalInitialConfig.theme
-        }
-    };
-    if (state.placeholderValue) {
-        state.placeholderValue.className = mergeClasses(editorInputClassNames.placeholderValue, placeholderClassName, disabled && styles.placeholderDisabled, state.placeholderValue.className);
-    }
-    return state;
-};

package/lib/components/EditorInput/useEditorInputStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useEditorInputStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport type { SlotClassNames } from '@fluentui/react-components';\nimport type { EditorInputSlots, EditorInputState } from './EditorInput.types';\n\nexport const editorInputClassNames: SlotClassNames<EditorInputSlots> = {\n  root: 'fai-EditorInput',\n  input: 'fai-EditorInput__input',\n  placeholderValue: 'fai-EditorInput__placeholderValue',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootClassName = makeResetStyles({\n  display: 'inline-grid',\n  whiteSpace: 'pre-wrap',\n});\n\nexport const useLexicalStyles = makeStyles({\n  paragraph: {\n    margin: 0,\n    textAlign: 'start',\n  },\n});\n\nexport const usePlaceholderClassName = makeResetStyles({\n  zIndex: 0,\n  gridArea: '1 / 1 / 1 / 1',\n\n  color: tokens.colorNeutralForeground4,\n  ...typographyStyles.body1,\n\n  '@media (forced-colors: active)': {\n    color: 'GrayText',\n  },\n});\n\nexport const useInputClassName = makeResetStyles({\n  gridArea: '1 / 1 / 1 / 1',\n  zIndex: 1,\n  width: '100%',\n});\n\nconst useStyles = makeStyles({\n  placeholderDisabled: {\n    color: tokens.colorNeutralForegroundDisabled,\n  },\n});\n/**\n * Apply styling to the EditorInput slots based on the state\n */\nexport const useEditorInputStyles_unstable = (state: EditorInputState): EditorInputState => {\n  'use no memo';\n\n  const { disabled } = state;\n  const placeholderClassName = usePlaceholderClassName();\n  const rootClassName = useRootClassName();\n  const inputClassName = useInputClassName();\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(editorInputClassNames.root, rootClassName, state.root.className);\n\n  state.input.className = mergeClasses(editorInputClassNames.input, inputClassName, state.input.className);\n\n  state.lexicalInitialConfig = {\n    ...state.lexicalInitialConfig,\n    theme: { ...useLexicalStyles(), ...state.lexicalInitialConfig.theme },\n  };\n\n  if (state.placeholderValue) {\n    state.placeholderValue.className = mergeClasses(\n      editorInputClassNames.placeholderValue,\n      placeholderClassName,\n      disabled && styles.placeholderDisabled,\n      state.placeholderValue.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","tokens","typographyStyles","editorInputClassNames","root","input","placeholderValue","useRootClassName","display","whiteSpace","useLexicalStyles","paragraph","margin","textAlign","usePlaceholderClassName","zIndex","gridArea","color","colorNeutralForeground4","body1","useInputClassName","width","useStyles","placeholderDisabled","colorNeutralForegroundDisabled","useEditorInputStyles_unstable","state","disabled","placeholderClassName","rootClassName","inputClassName","styles","className","lexicalInitialConfig","theme"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,UAAU,EAAEC,YAAY,QAAQ,6BAA6B;AACvF,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,2BAA2B;AAIpE,OAAO,MAAMC,wBAA0D;IACrEC,MAAM;IACNC,OAAO;IACPC,kBAAkB;AACpB,EAAE;AAEF;;CAEC,GACD,MAAMC,mBAAmBT,gBAAgB;IACvCU,SAAS;IACTC,YAAY;AACd;AAEA,OAAO,MAAMC,mBAAmBX,WAAW;IACzCY,WAAW;QACTC,QAAQ;QACRC,WAAW;IACb;AACF,GAAG;AAEH,OAAO,MAAMC,0BAA0BhB,gBAAgB;IACrDiB,QAAQ;IACRC,UAAU;IAEVC,OAAOhB,OAAOiB,uBAAuB;IACrC,GAAGhB,iBAAiBiB,KAAK;IAEzB,kCAAkC;QAChCF,OAAO;IACT;AACF,GAAG;AAEH,OAAO,MAAMG,oBAAoBtB,gBAAgB;IAC/CkB,UAAU;IACVD,QAAQ;IACRM,OAAO;AACT,GAAG;AAEH,MAAMC,YAAYvB,WAAW;IAC3BwB,qBAAqB;QACnBN,OAAOhB,OAAOuB,8BAA8B;IAC9C;AACF;AACA;;CAEC,GACD,OAAO,MAAMC,gCAAgC,CAACC;IAC5C;IAEA,MAAM,EAAEC,QAAQ,EAAE,GAAGD;IACrB,MAAME,uBAAuBd;IAC7B,MAAMe,gBAAgBtB;IACtB,MAAMuB,iBAAiBV;IACvB,MAAMW,SAAST;IAEfI,MAAMtB,IAAI,CAAC4B,SAAS,GAAGhC,aAAaG,sBAAsBC,IAAI,EAAEyB,eAAeH,MAAMtB,IAAI,CAAC4B,SAAS;IAEnGN,MAAMrB,KAAK,CAAC2B,SAAS,GAAGhC,aAAaG,sBAAsBE,KAAK,EAAEyB,gBAAgBJ,MAAMrB,KAAK,CAAC2B,SAAS;IAEvGN,MAAMO,oBAAoB,GAAG;QAC3B,GAAGP,MAAMO,oBAAoB;QAC7BC,OAAO;YAAE,GAAGxB,kBAAkB;YAAE,GAAGgB,MAAMO,oBAAoB,CAACC,KAAK;QAAC;IACtE;IAEA,IAAIR,MAAMpB,gBAAgB,EAAE;QAC1BoB,MAAMpB,gBAAgB,CAAC0B,SAAS,GAAGhC,aACjCG,sBAAsBG,gBAAgB,EACtCsB,sBACAD,YAAYI,OAAOR,mBAAmB,EACtCG,MAAMpB,gBAAgB,CAAC0B,SAAS;IAEpC;IAEA,OAAON;AACT,EAAE"}

package/lib/index.js

@@ -1,2 +0,0 @@
-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 +0,0 @@
-{"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

@@ -1,28 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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/EditorInput.js

@@ -1,37 +0,0 @@
-"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, {
-    EditorInput: function() {
-        return _index.EditorInput;
-    },
-    editorInputClassNames: function() {
-        return _index.editorInputClassNames;
-    },
-    renderEditorInput_unstable: function() {
-        return _index.renderEditorInput_unstable;
-    },
-    useEditorInputStyles_unstable: function() {
-        return _index.useEditorInputStyles_unstable;
-    },
-    useEditorInput_unstable: function() {
-        return _index.useEditorInput_unstable;
-    },
-    useInputClassName: function() {
-        return _index.useInputClassName;
-    },
-    useLexicalStyles: function() {
-        return _index.useLexicalStyles;
-    },
-    usePlaceholderClassName: function() {
-        return _index.usePlaceholderClassName;
-    }
-});
-const _index = require("./components/EditorInput/index");

package/lib-commonjs/EditorInput.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["EditorInput.ts"],"sourcesContent":["export type { EditorInputProps, EditorInputSlots, EditorInputState, EditorInputValueData } from './components/EditorInput/index';\nexport { EditorInput, editorInputClassNames, renderEditorInput_unstable, useEditorInputStyles_unstable, useEditorInput_unstable, useInputClassName, useLexicalStyles, usePlaceholderClassName } from './components/EditorInput/index';\n"],"names":["EditorInput","editorInputClassNames","renderEditorInput_unstable","useEditorInputStyles_unstable","useEditorInput_unstable","useInputClassName","useLexicalStyles","usePlaceholderClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACSA,WAAW;eAAXA,kBAAW;;IAAEC,qBAAqB;eAArBA,4BAAqB;;IAAEC,0BAA0B;eAA1BA,iCAA0B;;IAAEC,6BAA6B;eAA7BA,oCAA6B;;IAAEC,uBAAuB;eAAvBA,8BAAuB;;IAAEC,iBAAiB;eAAjBA,wBAAiB;;IAAEC,gBAAgB;eAAhBA,uBAAgB;;IAAEC,uBAAuB;eAAvBA,8BAAuB;;;uBAAQ"}

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

@@ -1,21 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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

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

@@ -1 +0,0 @@
-{"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

@@ -1,56 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,20 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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"}