@fluentui-copilot/react-morse-code 0.0.0-nightly-20251010-0406-7df7c6d1.1 → 0.0.0-nightly-20251013-0406-7c7739c8.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui-copilot/react-morse-code",
   "entries": [
     {
-      "date": "Fri, 10 Oct 2025 04:08:18 GMT",
-      "tag": "@fluentui-copilot/react-morse-code_v0.0.0-nightly-20251010-0406-7df7c6d1.1",
-      "version": "0.0.0-nightly-20251010-0406-7df7c6d1.1",
+      "date": "Mon, 13 Oct 2025 04:14:18 GMT",
+      "tag": "@fluentui-copilot/react-morse-code_v0.0.0-nightly-20251013-0406-7c7739c8.1",
+      "version": "0.0.0-nightly-20251013-0406-7c7739c8.1",
       "comments": {
         "prerelease": [
           {

package/CHANGELOG.md

@@ -1,13 +1,13 @@
 # Change Log - @fluentui-copilot/react-morse-code
 
-This log was last generated on Fri, 10 Oct 2025 04:08:18 GMT and should not be manually modified.
+This log was last generated on Mon, 13 Oct 2025 04:14:18 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20251010-0406-7df7c6d1.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-morse-code_v0.0.0-nightly-20251010-0406-7df7c6d1.1)
+## [0.0.0-nightly-20251013-0406-7c7739c8.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-morse-code_v0.0.0-nightly-20251013-0406-7c7739c8.1)
 
-Fri, 10 Oct 2025 04:08:18 GMT 
-[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-morse-code_v0.0.13..@fluentui-copilot/react-morse-code_v0.0.0-nightly-20251010-0406-7df7c6d1.1)
+Mon, 13 Oct 2025 04:14:18 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-morse-code_v0.0.13..@fluentui-copilot/react-morse-code_v0.0.0-nightly-20251013-0406-7c7739c8.1)
 
 ### Changes
 

package/dist/index.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+
+import * as React_2 from 'react';
+
+export declare const MorseCode: React_2.FC<MorseCodeProps>;
+
+export declare const MorseCodeFallback: React.FC<MorseCodeProps>;
+
+export declare const MorseCodeHoudini: React_2.FC<MorseCodeProps>;
+
+export declare type MorseCodeProps = React_2.HTMLAttributes<HTMLDivElement> & {
+    baseUrl?: string;
+    fileName?: string;
+};
+
+export declare const MorseCodeSmall: React_2.FC<MorseCodeProps>;
+
+export declare const MorseCodeSmallFallback: React.FC<MorseCodeProps>;
+
+export declare const MorseCodeSmallHoudini: React_2.FC<MorseCodeProps>;
+
+export { }

package/lib/components/MorseCode.types.js

@@ -0,0 +1 @@
+export { };

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCode.types.tsx"],"sourcesContent":["import type * as React from 'react';\n\nexport type MorseCodeProps = React.HTMLAttributes<HTMLDivElement> & {\n  baseUrl?: string;\n  fileName?: string;\n};\n"],"names":[],"rangeMappings":"","mappings":"AAEA,WAGE"}

package/lib/components/hooks/useAddModule.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { addModule } from '@fluentui-contrib/houdini-utils';
+const initializedModules = {};
+export const useAddModule = (targetWindow, baseUrl, fileName)=>{
+    React.useEffect(()=>{
+        const path = `${baseUrl}${fileName}`;
+        if (!initializedModules[path]) {
+            addModule(targetWindow, baseUrl, fileName).then(()=>{
+                initializedModules[path] = true;
+            }).catch((_err)=>{
+                initializedModules[path] = false;
+            });
+        }
+    }, [
+        targetWindow,
+        baseUrl,
+        fileName
+    ]);
+};

package/lib/components/hooks/useAddModule.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAddModule.ts"],"sourcesContent":["import * as React from 'react';\nimport { addModule } from '@fluentui-contrib/houdini-utils';\n\nconst initializedModules = {} as Record<string, boolean>;\n\nexport const useAddModule = (targetWindow: Window | undefined, baseUrl: string, fileName: string): void => {\n  React.useEffect(() => {\n    const path = `${baseUrl}${fileName}`;\n    if (!initializedModules[path]) {\n      addModule(targetWindow, baseUrl, fileName)\n        .then(() => {\n          initializedModules[path] = true;\n        })\n        .catch(_err => {\n          initializedModules[path] = false;\n        });\n    }\n  }, [targetWindow, baseUrl, fileName]);\n};\n"],"names":["React","addModule","initializedModules","useAddModule","targetWindow","baseUrl","fileName","useEffect","path","then","catch","_err"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,SAAS,QAAQ,kCAAkC;AAE5D,MAAMC,qBAAqB,CAAC;AAE5B,OAAO,MAAMC,eAAe,CAACC,cAAkCC,SAAiBC;IAC9EN,MAAMO,SAAS,CAAC;QACd,MAAMC,OAAO,CAAC,EAAEH,QAAQ,EAAEC,SAAS,CAAC;QACpC,IAAI,CAACJ,kBAAkB,CAACM,KAAK,EAAE;YAC7BP,UAAUG,cAAcC,SAASC,UAC9BG,IAAI,CAAC;gBACJP,kBAAkB,CAACM,KAAK,GAAG;YAC7B,GACCE,KAAK,CAACC,CAAAA;gBACLT,kBAAkB,CAACM,KAAK,GAAG;YAC7B;QACJ;IACF,GAAG;QAACJ;QAAcC;QAASC;KAAS;AACtC,EAAE"}

package/lib/components/hooks/useFallbackRef.js

@@ -0,0 +1,21 @@
+import * as React from 'react';
+const ON_COMPLETE_NOOP = ()=>{
+    return;
+};
+export const useFallbackRef = (anim)=>{
+    const animControls = React.useRef();
+    const targetRef = React.useCallback((node)=>{
+        if (animControls.current) {
+            animControls.current.stop();
+            animControls.current.cleanup();
+            animControls.current = undefined;
+        }
+        if (node) {
+            animControls.current = anim(node);
+            animControls.current.play(ON_COMPLETE_NOOP);
+        }
+    }, [
+        anim
+    ]);
+    return targetRef;
+};

package/lib/components/hooks/useFallbackRef.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useFallbackRef.ts"],"sourcesContent":["import * as React from 'react';\nimport type { fallbackPaintAnimation } from '@fluentui-contrib/houdini-utils';\n\nconst ON_COMPLETE_NOOP = () => {\n  return;\n};\n\nexport type FallbackAnim = (target: HTMLElement) => ReturnType<typeof fallbackPaintAnimation>;\n\nexport const useFallbackRef = (anim: FallbackAnim): ((node: HTMLElement | null) => void) => {\n  const animControls = React.useRef<ReturnType<typeof fallbackPaintAnimation> | undefined>();\n  const targetRef = React.useCallback(\n    (node: HTMLElement | null) => {\n      if (animControls.current) {\n        animControls.current.stop();\n        animControls.current.cleanup();\n        animControls.current = undefined;\n      }\n\n      if (node) {\n        animControls.current = anim(node);\n        animControls.current.play(ON_COMPLETE_NOOP);\n      }\n    },\n    [anim],\n  );\n\n  return targetRef;\n};\n"],"names":["React","ON_COMPLETE_NOOP","useFallbackRef","anim","animControls","useRef","targetRef","useCallback","node","current","stop","cleanup","undefined","play"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,MAAMC,mBAAmB;IACvB;AACF;AAIA,OAAO,MAAMC,iBAAiB,CAACC;IAC7B,MAAMC,eAAeJ,MAAMK,MAAM;IACjC,MAAMC,YAAYN,MAAMO,WAAW,CACjC,CAACC;QACC,IAAIJ,aAAaK,OAAO,EAAE;YACxBL,aAAaK,OAAO,CAACC,IAAI;YACzBN,aAAaK,OAAO,CAACE,OAAO;YAC5BP,aAAaK,OAAO,GAAGG;QACzB;QAEA,IAAIJ,MAAM;YACRJ,aAAaK,OAAO,GAAGN,KAAKK;YAC5BJ,aAAaK,OAAO,CAACI,IAAI,CAACZ;QAC5B;IACF,GACA;QAACE;KAAK;IAGR,OAAOG;AACT,EAAE"}

package/lib/components/large/MorseCode.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { hasHoudini } from '@fluentui-contrib/houdini-utils';
+import { MorseCodeFallback } from './MorseCodeFallback';
+import { MorseCodeHoudini } from './MorseCodeHoudini';
+import { useFluent } from '@fluentui/react-components';
+export const MorseCode = (props)=>{
+    const { targetDocument } = useFluent();
+    var _targetDocument_defaultView;
+    const targetWindow = (_targetDocument_defaultView = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) !== null && _targetDocument_defaultView !== void 0 ? _targetDocument_defaultView : undefined;
+    const houdiniAvailable = React.useMemo(()=>hasHoudini(targetWindow), [
+        targetWindow
+    ]);
+    if (houdiniAvailable) {
+        return /*#__PURE__*/ React.createElement(MorseCodeHoudini, props);
+    }
+    return /*#__PURE__*/ React.createElement(MorseCodeFallback, props);
+};

package/lib/components/large/MorseCode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCode.tsx"],"sourcesContent":["import * as React from 'react';\nimport { hasHoudini } from '@fluentui-contrib/houdini-utils';\nimport { MorseCodeFallback } from './MorseCodeFallback';\nimport { MorseCodeHoudini } from './MorseCodeHoudini';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\nimport { useFluent } from '@fluentui/react-components';\n\nexport const MorseCode: React.FC<MorseCodeProps> = props => {\n  const { targetDocument } = useFluent();\n  const targetWindow = targetDocument?.defaultView ?? undefined;\n\n  const houdiniAvailable = React.useMemo(() => hasHoudini(targetWindow), [targetWindow]);\n\n  if (houdiniAvailable) {\n    return <MorseCodeHoudini {...props} />;\n  }\n\n  return <MorseCodeFallback {...props} />;\n};\n"],"names":["React","hasHoudini","MorseCodeFallback","MorseCodeHoudini","useFluent","MorseCode","props","targetDocument","targetWindow","defaultView","undefined","houdiniAvailable","useMemo"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kCAAkC;AAC7D,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,SAASC,gBAAgB,QAAQ,qBAAqB;AAGtD,SAASC,SAAS,QAAQ,6BAA6B;AAEvD,OAAO,MAAMC,YAAsCC,CAAAA;IACjD,MAAM,EAAEC,cAAc,EAAE,GAAGH;QACNG;IAArB,MAAMC,eAAeD,CAAAA,8BAAAA,2BAAAA,qCAAAA,eAAgBE,WAAW,cAA3BF,yCAAAA,8BAA+BG;IAEpD,MAAMC,mBAAmBX,MAAMY,OAAO,CAAC,IAAMX,WAAWO,eAAe;QAACA;KAAa;IAErF,IAAIG,kBAAkB;QACpB,qBAAO,oBAACR,kBAAqBG;IAC/B;IAEA,qBAAO,oBAACJ,mBAAsBI;AAChC,EAAE"}

package/lib/components/large/MorseCode.styles.js

@@ -0,0 +1,21 @@
+import { __styles } from '@fluentui/react-components';
+import { morseCodeTokens } from '@fluentui-copilot/morse-code';
+export const useMorseCodeStyles = __styles({
+  base: {
+    Bhx7t8d: "f1fgls1j",
+    p0sd7z: "f7s2a0q",
+    sshi5w: "f1csse87",
+    Bvjb7m6: "fdgv6k0",
+    jekbwv: "f1x4gczw",
+    B20m2qn: "f1mvgrou",
+    It5emp: "f1p87gnb"
+  },
+  wrapper: {
+    a9b677: "fly5x3f",
+    Bqenvij: "f1l02sjl"
+  }
+}, {
+  t: ["@supports (aspect-ratio:  20 / 1){.f1fgls1j{aspect-ratio:20/1;}}", "@supports not (aspect-ratio:  20 / 1){.f7s2a0q{padding-top:5%;}}"],
+  d: [".f1csse87{min-height:5px;}", ".fdgv6k0{forced-color-adjust:none;}", ".f1x4gczw{--fai-morse-code-color-stop-1:0%;}", ".f1mvgrou{--fai-morse-code-color-stop-2:50%;}", ".f1p87gnb{--fai-morse-code-color-stop-3:100%;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}"]
+});
+//# sourceMappingURL=MorseCode.styles.js.map

package/lib/components/large/MorseCode.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCode.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nimport { morseCodeTokens } from '@fluentui-copilot/morse-code';\n\nexport const useMorseCodeStyles = makeStyles({\n  base: {\n    '@supports (aspect-ratio:  20 / 1)': {\n      aspectRatio: morseCodeTokens.morseCodeAspectRatio,\n    },\n    '@supports not (aspect-ratio:  20 / 1)': {\n      paddingTop: morseCodeTokens.morseCodeAspectRatioFallbackPaddingTop,\n    },\n    minHeight: '5px',\n    forcedColorAdjust: 'none',\n    '--fai-morse-code-color-stop-1': morseCodeTokens.morseCodeColorStop1,\n    '--fai-morse-code-color-stop-2': morseCodeTokens.morseCodeColorStop2,\n    '--fai-morse-code-color-stop-3': morseCodeTokens.morseCodeColorStop3,\n  },\n  wrapper: {\n    width: '100%',\n    height: '100%',\n  },\n});\n"],"names":["makeStyles","morseCodeTokens","useMorseCodeStyles","base","aspectRatio","morseCodeAspectRatio","paddingTop","morseCodeAspectRatioFallbackPaddingTop","minHeight","forcedColorAdjust","morseCodeColorStop1","morseCodeColorStop2","morseCodeColorStop3","wrapper","width","height"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,QAAQ,6BAA6B;AACxD,SAASC,eAAe,QAAQ,+BAA+B;AAE/D,OAAO,MAAMC,qBAAqBF,WAAW;IAC3CG,MAAM;QACJ,qCAAqC;YACnCC,aAAaH,gBAAgBI,oBAAoB;QACnD;QACA,yCAAyC;YACvCC,YAAYL,gBAAgBM,sCAAsC;QACpE;QACAC,WAAW;QACXC,mBAAmB;QACnB,iCAAiCR,gBAAgBS,mBAAmB;QACpE,iCAAiCT,gBAAgBU,mBAAmB;QACpE,iCAAiCV,gBAAgBW,mBAAmB;IACtE;IACAC,SAAS;QACPC,OAAO;QACPC,QAAQ;IACV;AACF,GAAG"}

package/lib/components/large/MorseCode.styles.raw.js

@@ -0,0 +1,21 @@
+import { makeStyles } from '@fluentui/react-components';
+import { morseCodeTokens } from '@fluentui-copilot/morse-code';
+export const useMorseCodeStyles = makeStyles({
+    base: {
+        '@supports (aspect-ratio:  20 / 1)': {
+            aspectRatio: morseCodeTokens.morseCodeAspectRatio
+        },
+        '@supports not (aspect-ratio:  20 / 1)': {
+            paddingTop: morseCodeTokens.morseCodeAspectRatioFallbackPaddingTop
+        },
+        minHeight: '5px',
+        forcedColorAdjust: 'none',
+        '--fai-morse-code-color-stop-1': morseCodeTokens.morseCodeColorStop1,
+        '--fai-morse-code-color-stop-2': morseCodeTokens.morseCodeColorStop2,
+        '--fai-morse-code-color-stop-3': morseCodeTokens.morseCodeColorStop3
+    },
+    wrapper: {
+        width: '100%',
+        height: '100%'
+    }
+});

package/lib/components/large/MorseCode.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCode.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nimport { morseCodeTokens } from '@fluentui-copilot/morse-code';\n\nexport const useMorseCodeStyles = makeStyles({\n  base: {\n    '@supports (aspect-ratio:  20 / 1)': {\n      aspectRatio: morseCodeTokens.morseCodeAspectRatio,\n    },\n    '@supports not (aspect-ratio:  20 / 1)': {\n      paddingTop: morseCodeTokens.morseCodeAspectRatioFallbackPaddingTop,\n    },\n    minHeight: '5px',\n    forcedColorAdjust: 'none',\n    '--fai-morse-code-color-stop-1': morseCodeTokens.morseCodeColorStop1,\n    '--fai-morse-code-color-stop-2': morseCodeTokens.morseCodeColorStop2,\n    '--fai-morse-code-color-stop-3': morseCodeTokens.morseCodeColorStop3,\n  },\n  wrapper: {\n    width: '100%',\n    height: '100%',\n  },\n});\n"],"names":["makeStyles","morseCodeTokens","useMorseCodeStyles","base","aspectRatio","morseCodeAspectRatio","paddingTop","morseCodeAspectRatioFallbackPaddingTop","minHeight","forcedColorAdjust","morseCodeColorStop1","morseCodeColorStop2","morseCodeColorStop3","wrapper","width","height"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,QAAQ,6BAA6B;AACxD,SAASC,eAAe,QAAQ,+BAA+B;AAE/D,OAAO,MAAMC,qBAAqBF,WAAW;IAC3CG,MAAM;QACJ,qCAAqC;YACnCC,aAAaH,gBAAgBI,oBAAoB;QACnD;QACA,yCAAyC;YACvCC,YAAYL,gBAAgBM,sCAAsC;QACpE;QACAC,WAAW;QACXC,mBAAmB;QACnB,iCAAiCR,gBAAgBS,mBAAmB;QACpE,iCAAiCT,gBAAgBU,mBAAmB;QACpE,iCAAiCV,gBAAgBW,mBAAmB;IACtE;IACAC,SAAS;QACPC,OAAO;QACPC,QAAQ;IACV;AACF,GAAG"}

package/lib/components/large/MorseCodeFallback.js

@@ -0,0 +1,13 @@
+import { mergeClasses } from '@fluentui/react-components';
+import { morseCode } from '@fluentui-copilot/morse-code';
+import { useMorseCodeStyles } from './MorseCode.styles';
+import { useFallbackRef } from '../hooks/useFallbackRef';
+import { renderMorseCode } from '../shared/renderMorseCode';
+export const MorseCodeFallback = (props)=>{
+    const morseCodeStyles = useMorseCodeStyles();
+    const targetRef = useFallbackRef(morseCode);
+    const { className, baseUrl, fileName, ...restProps } = props;
+    const wrapperClassName = mergeClasses(morseCodeStyles.wrapper, className);
+    const morseCodeClassName = mergeClasses('fai-MorseCode', 'fai-MorseCodeFallback', morseCodeStyles.base);
+    return renderMorseCode(wrapperClassName, restProps, morseCodeClassName, targetRef);
+};

package/lib/components/large/MorseCodeFallback.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeFallback.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport { morseCode } from '@fluentui-copilot/morse-code';\nimport { useMorseCodeStyles } from './MorseCode.styles';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\nimport { useFallbackRef } from '../hooks/useFallbackRef';\nimport { renderMorseCode } from '../shared/renderMorseCode';\n\nexport const MorseCodeFallback: React.FC<MorseCodeProps> = props => {\n  const morseCodeStyles = useMorseCodeStyles();\n\n  const targetRef = useFallbackRef(morseCode);\n\n  const { className, baseUrl, fileName, ...restProps } = props;\n  const wrapperClassName = mergeClasses(morseCodeStyles.wrapper, className);\n  const morseCodeClassName = mergeClasses('fai-MorseCode', 'fai-MorseCodeFallback', morseCodeStyles.base);\n\n  return renderMorseCode(wrapperClassName, restProps, morseCodeClassName, targetRef);\n};\n"],"names":["mergeClasses","morseCode","useMorseCodeStyles","useFallbackRef","renderMorseCode","MorseCodeFallback","props","morseCodeStyles","targetRef","className","baseUrl","fileName","restProps","wrapperClassName","wrapper","morseCodeClassName","base"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,SAASC,SAAS,QAAQ,+BAA+B;AACzD,SAASC,kBAAkB,QAAQ,qBAAqB;AAGxD,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,eAAe,QAAQ,4BAA4B;AAE5D,OAAO,MAAMC,oBAA8CC,CAAAA;IACzD,MAAMC,kBAAkBL;IAExB,MAAMM,YAAYL,eAAeF;IAEjC,MAAM,EAAEQ,SAAS,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGC,WAAW,GAAGN;IACvD,MAAMO,mBAAmBb,aAAaO,gBAAgBO,OAAO,EAAEL;IAC/D,MAAMM,qBAAqBf,aAAa,iBAAiB,yBAAyBO,gBAAgBS,IAAI;IAEtG,OAAOZ,gBAAgBS,kBAAkBD,WAAWG,oBAAoBP;AAC1E,EAAE"}

package/lib/components/large/MorseCodeHoudini.js

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { mergeClasses, useFluent } from '@fluentui/react-components';
+import { useAddModule } from '../hooks/useAddModule';
+import { useMorseCodeStyles } from './MorseCode.styles';
+import { initializeMorseCodeCustomProperties, DEFAULT_BASE_URL, DEFAULT_FILE_URL } from '@fluentui-copilot/morse-code';
+import { renderMorseCode } from '../shared/renderMorseCode';
+import { useMorseCodeAnimationClassName } from './MorseCodeHoudini.styles';
+export const MorseCodeHoudini = ({ baseUrl = DEFAULT_BASE_URL, fileName = DEFAULT_FILE_URL, className, ...restProps })=>{
+    const { targetDocument } = useFluent();
+    var _targetDocument_defaultView;
+    const targetWindow = (_targetDocument_defaultView = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) !== null && _targetDocument_defaultView !== void 0 ? _targetDocument_defaultView : undefined;
+    React.useEffect(()=>{
+        initializeMorseCodeCustomProperties(targetWindow);
+    }, [
+        targetWindow
+    ]);
+    useAddModule(targetWindow, baseUrl, fileName);
+    const morseCodeStyles = useMorseCodeStyles();
+    const animationClassName = useMorseCodeAnimationClassName();
+    const wrapperClassName = mergeClasses(morseCodeStyles.wrapper, className);
+    const morseCodeClassName = mergeClasses('fai-MorseCode', 'fai-MorseCodeHoudini', morseCodeStyles.base, animationClassName);
+    return renderMorseCode(wrapperClassName, restProps, morseCodeClassName);
+};

package/lib/components/large/MorseCodeHoudini.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeHoudini.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeClasses, useFluent } from '@fluentui/react-components';\nimport { useAddModule } from '../hooks/useAddModule';\nimport { useMorseCodeStyles } from './MorseCode.styles';\n\nimport { initializeMorseCodeCustomProperties, DEFAULT_BASE_URL, DEFAULT_FILE_URL } from '@fluentui-copilot/morse-code';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\nimport { renderMorseCode } from '../shared/renderMorseCode';\nimport { useMorseCodeAnimationClassName } from './MorseCodeHoudini.styles';\n\nexport const MorseCodeHoudini: React.FC<MorseCodeProps> = ({\n  baseUrl = DEFAULT_BASE_URL,\n  fileName = DEFAULT_FILE_URL,\n  className,\n  ...restProps\n}) => {\n  const { targetDocument } = useFluent();\n  const targetWindow = targetDocument?.defaultView ?? undefined;\n\n  React.useEffect(() => {\n    initializeMorseCodeCustomProperties(targetWindow);\n  }, [targetWindow]);\n\n  useAddModule(targetWindow, baseUrl, fileName);\n\n  const morseCodeStyles = useMorseCodeStyles();\n  const animationClassName = useMorseCodeAnimationClassName();\n  const wrapperClassName = mergeClasses(morseCodeStyles.wrapper, className);\n  const morseCodeClassName = mergeClasses(\n    'fai-MorseCode',\n    'fai-MorseCodeHoudini',\n    morseCodeStyles.base,\n    animationClassName,\n  );\n\n  return renderMorseCode(wrapperClassName, restProps, morseCodeClassName);\n};\n"],"names":["React","mergeClasses","useFluent","useAddModule","useMorseCodeStyles","initializeMorseCodeCustomProperties","DEFAULT_BASE_URL","DEFAULT_FILE_URL","renderMorseCode","useMorseCodeAnimationClassName","MorseCodeHoudini","baseUrl","fileName","className","restProps","targetDocument","targetWindow","defaultView","undefined","useEffect","morseCodeStyles","animationClassName","wrapperClassName","wrapper","morseCodeClassName","base"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,EAAEC,SAAS,QAAQ,6BAA6B;AACrE,SAASC,YAAY,QAAQ,wBAAwB;AACrD,SAASC,kBAAkB,QAAQ,qBAAqB;AAExD,SAASC,mCAAmC,EAAEC,gBAAgB,EAAEC,gBAAgB,QAAQ,+BAA+B;AAGvH,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,8BAA8B,QAAQ,4BAA4B;AAE3E,OAAO,MAAMC,mBAA6C,CAAC,EACzDC,UAAUL,gBAAgB,EAC1BM,WAAWL,gBAAgB,EAC3BM,SAAS,EACT,GAAGC,WACJ;IACC,MAAM,EAAEC,cAAc,EAAE,GAAGb;QACNa;IAArB,MAAMC,eAAeD,CAAAA,8BAAAA,2BAAAA,qCAAAA,eAAgBE,WAAW,cAA3BF,yCAAAA,8BAA+BG;IAEpDlB,MAAMmB,SAAS,CAAC;QACdd,oCAAoCW;IACtC,GAAG;QAACA;KAAa;IAEjBb,aAAaa,cAAcL,SAASC;IAEpC,MAAMQ,kBAAkBhB;IACxB,MAAMiB,qBAAqBZ;IAC3B,MAAMa,mBAAmBrB,aAAamB,gBAAgBG,OAAO,EAAEV;IAC/D,MAAMW,qBAAqBvB,aACzB,iBACA,wBACAmB,gBAAgBK,IAAI,EACpBJ;IAGF,OAAOb,gBAAgBc,kBAAkBR,WAAWU;AACtD,EAAE"}

package/lib/components/large/MorseCodeHoudini.styles.js

@@ -0,0 +1,13 @@
+import { __resetStyles } from '@fluentui/react-components';
+import { morseCodeAnimationTokens, morseCodeTokens } from '@fluentui-copilot/morse-code';
+const sharedStyles = {
+  backgroundImage: morseCodeTokens.backgroundImage,
+  animationIterationCount: morseCodeTokens.morseCodeAnimationIterationCount,
+  animationDuration: morseCodeTokens.morseCodeAnimationDuration,
+  animationTimingFunction: morseCodeTokens.morseCodeAnimationTimingFunction
+};
+export const useMorseCodeAnimationClassName = __resetStyles("r1ms8zpq", "rqpk8qn", {
+  r: [".r1ms8zpq{background-image:paint(morseCode);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:rarbvpc,r1i9k8jr;}", "@keyframes rarbvpc{0%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode1);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode2);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode3);}20%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode1);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode2);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode3);}33%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode4);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode5);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode6);}50%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode4);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode5);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode6);}66%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode7);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode8);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode9);}80%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode7);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode8);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode9);}100%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode1);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode2);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode3);}}", "@keyframes r1i9k8jr{0%{--fai-morse-code-width-1:20px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:104px;--fai-morse-code-x-position-2:62px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:20px;--fai-morse-code-x-position-3:182px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:60px;--fai-morse-code-x-position-4:218px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:40px;--fai-morse-code-x-position-5:294px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:350px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:386px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:422px;--fai-morse-code-opacity-8:0;}20%{--fai-morse-code-width-1:20px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:104px;--fai-morse-code-x-position-2:62px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:20px;--fai-morse-code-x-position-3:182px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:60px;--fai-morse-code-x-position-4:218px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:40px;--fai-morse-code-x-position-5:294px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:350px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:386px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:422px;--fai-morse-code-opacity-8:0;}33%{--fai-morse-code-width-1:30px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:20px;--fai-morse-code-x-position-2:72px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:60px;--fai-morse-code-x-position-3:108px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:80px;--fai-morse-code-x-position-4:184px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:280px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:316px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:392px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:428px;--fai-morse-code-opacity-8:0;}50%{--fai-morse-code-width-1:30px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:20px;--fai-morse-code-x-position-2:72px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:60px;--fai-morse-code-x-position-3:108px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:80px;--fai-morse-code-x-position-4:184px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:280px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:316px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:392px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:428px;--fai-morse-code-opacity-8:0;}66%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:70px;--fai-morse-code-opacity-2:1;--fai-morse-code-x-position-2:26px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:112px;--fai-morse-code-width-4:40px;--fai-morse-code-x-position-4:148px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:80px;--fai-morse-code-x-position-5:204px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:300px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:336px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:392px;--fai-morse-code-opacity-8:0;}80%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:70px;--fai-morse-code-opacity-2:1;--fai-morse-code-x-position-2:26px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:112px;--fai-morse-code-width-4:40px;--fai-morse-code-x-position-4:148px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:80px;--fai-morse-code-x-position-5:204px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:300px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:336px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:392px;--fai-morse-code-opacity-8:0;}100%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:20px;--fai-morse-code-opacity-2:0;--fai-morse-code-x-position-2:0px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:26px;--fai-morse-code-width-4:104px;--fai-morse-code-x-position-4:62px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:182px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:218px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:294px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:350px;--fai-morse-code-opacity-8:1;}}", ".rqpk8qn{background-image:paint(morseCode);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:rarbvpc,r1i9k8jr;}"],
+  s: ["@media (forced-colors: active){.r1ms8zpq{background-image:paint(morseCode);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:r9zjrdo,r1i9k8jr;}@keyframes r9zjrdo{0%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode1);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode2);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode3);}20%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode1);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode2);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode3);}33%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode4);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode5);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode6);}50%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode4);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode5);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode6);}66%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode7);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode8);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode9);}80%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode7);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode8);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode9);}100%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode1);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode2);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode3);}}@keyframes r1i9k8jr{0%{--fai-morse-code-width-1:20px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:104px;--fai-morse-code-x-position-2:62px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:20px;--fai-morse-code-x-position-3:182px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:60px;--fai-morse-code-x-position-4:218px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:40px;--fai-morse-code-x-position-5:294px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:350px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:386px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:422px;--fai-morse-code-opacity-8:0;}20%{--fai-morse-code-width-1:20px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:104px;--fai-morse-code-x-position-2:62px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:20px;--fai-morse-code-x-position-3:182px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:60px;--fai-morse-code-x-position-4:218px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:40px;--fai-morse-code-x-position-5:294px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:350px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:386px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:422px;--fai-morse-code-opacity-8:0;}33%{--fai-morse-code-width-1:30px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:20px;--fai-morse-code-x-position-2:72px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:60px;--fai-morse-code-x-position-3:108px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:80px;--fai-morse-code-x-position-4:184px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:280px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:316px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:392px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:428px;--fai-morse-code-opacity-8:0;}50%{--fai-morse-code-width-1:30px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:20px;--fai-morse-code-x-position-2:72px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:60px;--fai-morse-code-x-position-3:108px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:80px;--fai-morse-code-x-position-4:184px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:280px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:316px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:392px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:428px;--fai-morse-code-opacity-8:0;}66%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:70px;--fai-morse-code-opacity-2:1;--fai-morse-code-x-position-2:26px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:112px;--fai-morse-code-width-4:40px;--fai-morse-code-x-position-4:148px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:80px;--fai-morse-code-x-position-5:204px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:300px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:336px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:392px;--fai-morse-code-opacity-8:0;}80%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:70px;--fai-morse-code-opacity-2:1;--fai-morse-code-x-position-2:26px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:112px;--fai-morse-code-width-4:40px;--fai-morse-code-x-position-4:148px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:80px;--fai-morse-code-x-position-5:204px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:300px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:336px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:392px;--fai-morse-code-opacity-8:0;}100%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:20px;--fai-morse-code-opacity-2:0;--fai-morse-code-x-position-2:0px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:26px;--fai-morse-code-width-4:104px;--fai-morse-code-x-position-4:62px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:182px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:218px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:294px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:350px;--fai-morse-code-opacity-8:1;}}}", "@media (forced-colors: active){.rqpk8qn{background-image:paint(morseCode);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:r9zjrdo,r1i9k8jr;}}"]
+});
+//# sourceMappingURL=MorseCodeHoudini.styles.js.map

package/lib/components/large/MorseCodeHoudini.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeHoudini.styles.ts"],"sourcesContent":["import { makeResetStyles } from '@fluentui/react-components';\nimport { morseCodeAnimationTokens, morseCodeTokens } from '@fluentui-copilot/morse-code';\n\nconst sharedStyles = {\n  backgroundImage: morseCodeTokens.backgroundImage,\n  animationIterationCount: morseCodeTokens.morseCodeAnimationIterationCount,\n  animationDuration: morseCodeTokens.morseCodeAnimationDuration,\n  animationTimingFunction: morseCodeTokens.morseCodeAnimationTimingFunction,\n};\n\nexport const useMorseCodeAnimationClassName = makeResetStyles({\n  ...sharedStyles,\n  animationName: [morseCodeAnimationTokens.colorAnimation, morseCodeAnimationTokens.dotsAndDashes],\n\n  '@media (forced-colors: active)': {\n    ...sharedStyles,\n    animationName: [morseCodeAnimationTokens.colorHCAnimation, morseCodeAnimationTokens.dotsAndDashes],\n  },\n});\n"],"names":["makeResetStyles","morseCodeAnimationTokens","morseCodeTokens","sharedStyles","backgroundImage","animationIterationCount","morseCodeAnimationIterationCount","animationDuration","morseCodeAnimationDuration","animationTimingFunction","morseCodeAnimationTimingFunction","useMorseCodeAnimationClassName","animationName","colorAnimation","dotsAndDashes","colorHCAnimation"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,QAAQ,6BAA6B;AAC7D,SAASC,wBAAwB,EAAEC,eAAe,QAAQ,+BAA+B;AAEzF,MAAMC,eAAe;IACnBC,iBAAiBF,gBAAgBE,eAAe;IAChDC,yBAAyBH,gBAAgBI,gCAAgC;IACzEC,mBAAmBL,gBAAgBM,0BAA0B;IAC7DC,yBAAyBP,gBAAgBQ,gCAAgC;AAC3E;AAEA,OAAO,MAAMC,iCAAiCX,gBAAgB;IAC5D,GAAGG,YAAY;IACfS,eAAe;QAACX,yBAAyBY,cAAc;QAAEZ,yBAAyBa,aAAa;KAAC;IAEhG,kCAAkC;QAChC,GAAGX,YAAY;QACfS,eAAe;YAACX,yBAAyBc,gBAAgB;YAAEd,yBAAyBa,aAAa;SAAC;IACpG;AACF,GAAG"}

package/lib/components/large/MorseCodeHoudini.styles.raw.js

@@ -0,0 +1,22 @@
+import { makeResetStyles } from '@fluentui/react-components';
+import { morseCodeAnimationTokens, morseCodeTokens } from '@fluentui-copilot/morse-code';
+const sharedStyles = {
+    backgroundImage: morseCodeTokens.backgroundImage,
+    animationIterationCount: morseCodeTokens.morseCodeAnimationIterationCount,
+    animationDuration: morseCodeTokens.morseCodeAnimationDuration,
+    animationTimingFunction: morseCodeTokens.morseCodeAnimationTimingFunction
+};
+export const useMorseCodeAnimationClassName = makeResetStyles({
+    ...sharedStyles,
+    animationName: [
+        morseCodeAnimationTokens.colorAnimation,
+        morseCodeAnimationTokens.dotsAndDashes
+    ],
+    '@media (forced-colors: active)': {
+        ...sharedStyles,
+        animationName: [
+            morseCodeAnimationTokens.colorHCAnimation,
+            morseCodeAnimationTokens.dotsAndDashes
+        ]
+    }
+});

package/lib/components/large/MorseCodeHoudini.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeHoudini.styles.ts"],"sourcesContent":["import { makeResetStyles } from '@fluentui/react-components';\nimport { morseCodeAnimationTokens, morseCodeTokens } from '@fluentui-copilot/morse-code';\n\nconst sharedStyles = {\n  backgroundImage: morseCodeTokens.backgroundImage,\n  animationIterationCount: morseCodeTokens.morseCodeAnimationIterationCount,\n  animationDuration: morseCodeTokens.morseCodeAnimationDuration,\n  animationTimingFunction: morseCodeTokens.morseCodeAnimationTimingFunction,\n};\n\nexport const useMorseCodeAnimationClassName = makeResetStyles({\n  ...sharedStyles,\n  animationName: [morseCodeAnimationTokens.colorAnimation, morseCodeAnimationTokens.dotsAndDashes],\n\n  '@media (forced-colors: active)': {\n    ...sharedStyles,\n    animationName: [morseCodeAnimationTokens.colorHCAnimation, morseCodeAnimationTokens.dotsAndDashes],\n  },\n});\n"],"names":["makeResetStyles","morseCodeAnimationTokens","morseCodeTokens","sharedStyles","backgroundImage","animationIterationCount","morseCodeAnimationIterationCount","animationDuration","morseCodeAnimationDuration","animationTimingFunction","morseCodeAnimationTimingFunction","useMorseCodeAnimationClassName","animationName","colorAnimation","dotsAndDashes","colorHCAnimation"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,QAAQ,6BAA6B;AAC7D,SAASC,wBAAwB,EAAEC,eAAe,QAAQ,+BAA+B;AAEzF,MAAMC,eAAe;IACnBC,iBAAiBF,gBAAgBE,eAAe;IAChDC,yBAAyBH,gBAAgBI,gCAAgC;IACzEC,mBAAmBL,gBAAgBM,0BAA0B;IAC7DC,yBAAyBP,gBAAgBQ,gCAAgC;AAC3E;AAEA,OAAO,MAAMC,iCAAiCX,gBAAgB;IAC5D,GAAGG,YAAY;IACfS,eAAe;QAACX,yBAAyBY,cAAc;QAAEZ,yBAAyBa,aAAa;KAAC;IAEhG,kCAAkC;QAChC,GAAGX,YAAY;QACfS,eAAe;YAACX,yBAAyBc,gBAAgB;YAAEd,yBAAyBa,aAAa;SAAC;IACpG;AACF,GAAG"}

package/lib/components/shared/renderMorseCode.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export const renderMorseCode = (wrapperClassName, wrapperProps, morseCodeClassName, targetRef)=>{
+    return /*#__PURE__*/ React.createElement("div", {
+        className: wrapperClassName,
+        ...wrapperProps
+    }, /*#__PURE__*/ React.createElement("div", {
+        ref: targetRef,
+        className: morseCodeClassName
+    }));
+};

package/lib/components/shared/renderMorseCode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderMorseCode.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { JSXElement } from '@fluentui/react-components';\n\nexport const renderMorseCode = (\n  wrapperClassName: string,\n  wrapperProps: React.HTMLAttributes<HTMLDivElement>,\n  morseCodeClassName: string,\n  targetRef?: (node: HTMLElement | null) => void,\n): JSXElement => {\n  return (\n    <div className={wrapperClassName} {...wrapperProps}>\n      <div ref={targetRef} className={morseCodeClassName} />\n    </div>\n  );\n};\n"],"names":["React","renderMorseCode","wrapperClassName","wrapperProps","morseCodeClassName","targetRef","div","className","ref"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,OAAO,MAAMC,kBAAkB,CAC7BC,kBACAC,cACAC,oBACAC;IAEA,qBACE,oBAACC;QAAIC,WAAWL;QAAmB,GAAGC,YAAY;qBAChD,oBAACG;QAAIE,KAAKH;QAAWE,WAAWH;;AAGtC,EAAE"}

package/lib/components/small/MorseCodeSmall.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { hasHoudini } from '@fluentui-contrib/houdini-utils';
+import { MorseCodeSmallFallback } from './MorseCodeSmallFallback';
+import { MorseCodeSmallHoudini } from './MorseCodeSmallHoudini';
+import { useFluent } from '@fluentui/react-components';
+export const MorseCodeSmall = (props)=>{
+    const { targetDocument } = useFluent();
+    var _targetDocument_defaultView;
+    const targetWindow = (_targetDocument_defaultView = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) !== null && _targetDocument_defaultView !== void 0 ? _targetDocument_defaultView : undefined;
+    const houdiniAvailable = React.useMemo(()=>hasHoudini(targetWindow), [
+        targetWindow
+    ]);
+    if (houdiniAvailable) {
+        return /*#__PURE__*/ React.createElement(MorseCodeSmallHoudini, props);
+    }
+    return /*#__PURE__*/ React.createElement(MorseCodeSmallFallback, props);
+};

package/lib/components/small/MorseCodeSmall.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeSmall.tsx"],"sourcesContent":["import * as React from 'react';\nimport { hasHoudini } from '@fluentui-contrib/houdini-utils';\nimport { MorseCodeSmallFallback } from './MorseCodeSmallFallback';\nimport { MorseCodeSmallHoudini } from './MorseCodeSmallHoudini';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\nimport { useFluent } from '@fluentui/react-components';\n\nexport const MorseCodeSmall: React.FC<MorseCodeProps> = props => {\n  const { targetDocument } = useFluent();\n  const targetWindow = targetDocument?.defaultView ?? undefined;\n  const houdiniAvailable = React.useMemo(() => hasHoudini(targetWindow), [targetWindow]);\n\n  if (houdiniAvailable) {\n    return <MorseCodeSmallHoudini {...props} />;\n  }\n\n  return <MorseCodeSmallFallback {...props} />;\n};\n"],"names":["React","hasHoudini","MorseCodeSmallFallback","MorseCodeSmallHoudini","useFluent","MorseCodeSmall","props","targetDocument","targetWindow","defaultView","undefined","houdiniAvailable","useMemo"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kCAAkC;AAC7D,SAASC,sBAAsB,QAAQ,2BAA2B;AAClE,SAASC,qBAAqB,QAAQ,0BAA0B;AAGhE,SAASC,SAAS,QAAQ,6BAA6B;AAEvD,OAAO,MAAMC,iBAA2CC,CAAAA;IACtD,MAAM,EAAEC,cAAc,EAAE,GAAGH;QACNG;IAArB,MAAMC,eAAeD,CAAAA,8BAAAA,2BAAAA,qCAAAA,eAAgBE,WAAW,cAA3BF,yCAAAA,8BAA+BG;IACpD,MAAMC,mBAAmBX,MAAMY,OAAO,CAAC,IAAMX,WAAWO,eAAe;QAACA;KAAa;IAErF,IAAIG,kBAAkB;QACpB,qBAAO,oBAACR,uBAA0BG;IACpC;IAEA,qBAAO,oBAACJ,wBAA2BI;AACrC,EAAE"}

package/lib/components/small/MorseCodeSmall.styles.js

@@ -0,0 +1,21 @@
+import { __styles } from '@fluentui/react-components';
+import { morseCodeSmallTokens } from '@fluentui-copilot/morse-code';
+export const useMorseCodeSmallStyles = __styles({
+  base: {
+    B3jt8gx: "fziq3oc",
+    Bcicc91: "f10hrr0e",
+    sshi5w: "f1csse87",
+    Bvjb7m6: "fdgv6k0",
+    jekbwv: "f1x4gczw",
+    B20m2qn: "f1mvgrou",
+    It5emp: "f1p87gnb"
+  },
+  wrapper: {
+    a9b677: "fly5x3f",
+    Bqenvij: "f1l02sjl"
+  }
+}, {
+  t: ["@supports (aspect-ratio:  10 / 1){.fziq3oc{aspect-ratio:10/1;}}", "@supports not (aspect-ratio:  10 / 1){.f10hrr0e{padding-top:10%;}}"],
+  d: [".f1csse87{min-height:5px;}", ".fdgv6k0{forced-color-adjust:none;}", ".f1x4gczw{--fai-morse-code-color-stop-1:0%;}", ".f1mvgrou{--fai-morse-code-color-stop-2:50%;}", ".f1p87gnb{--fai-morse-code-color-stop-3:100%;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}"]
+});
+//# sourceMappingURL=MorseCodeSmall.styles.js.map

package/lib/components/small/MorseCodeSmall.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeSmall.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nimport { morseCodeSmallTokens } from '@fluentui-copilot/morse-code';\n\nexport const useMorseCodeSmallStyles = makeStyles({\n  base: {\n    '@supports (aspect-ratio:  10 / 1)': {\n      aspectRatio: morseCodeSmallTokens.morseCodeAspectRatio,\n    },\n    '@supports not (aspect-ratio:  10 / 1)': {\n      paddingTop: morseCodeSmallTokens.morseCodeAspectRatioFallbackPaddingTop,\n    },\n    minHeight: '5px',\n    forcedColorAdjust: 'none',\n    '--fai-morse-code-color-stop-1': morseCodeSmallTokens.morseCodeColorStop1,\n    '--fai-morse-code-color-stop-2': morseCodeSmallTokens.morseCodeColorStop2,\n    '--fai-morse-code-color-stop-3': morseCodeSmallTokens.morseCodeColorStop3,\n  },\n  wrapper: {\n    width: '100%',\n    height: '100%',\n  },\n});\n"],"names":["makeStyles","morseCodeSmallTokens","useMorseCodeSmallStyles","base","aspectRatio","morseCodeAspectRatio","paddingTop","morseCodeAspectRatioFallbackPaddingTop","minHeight","forcedColorAdjust","morseCodeColorStop1","morseCodeColorStop2","morseCodeColorStop3","wrapper","width","height"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,QAAQ,6BAA6B;AACxD,SAASC,oBAAoB,QAAQ,+BAA+B;AAEpE,OAAO,MAAMC,0BAA0BF,WAAW;IAChDG,MAAM;QACJ,qCAAqC;YACnCC,aAAaH,qBAAqBI,oBAAoB;QACxD;QACA,yCAAyC;YACvCC,YAAYL,qBAAqBM,sCAAsC;QACzE;QACAC,WAAW;QACXC,mBAAmB;QACnB,iCAAiCR,qBAAqBS,mBAAmB;QACzE,iCAAiCT,qBAAqBU,mBAAmB;QACzE,iCAAiCV,qBAAqBW,mBAAmB;IAC3E;IACAC,SAAS;QACPC,OAAO;QACPC,QAAQ;IACV;AACF,GAAG"}

package/lib/components/small/MorseCodeSmall.styles.raw.js

@@ -0,0 +1,21 @@
+import { makeStyles } from '@fluentui/react-components';
+import { morseCodeSmallTokens } from '@fluentui-copilot/morse-code';
+export const useMorseCodeSmallStyles = makeStyles({
+    base: {
+        '@supports (aspect-ratio:  10 / 1)': {
+            aspectRatio: morseCodeSmallTokens.morseCodeAspectRatio
+        },
+        '@supports not (aspect-ratio:  10 / 1)': {
+            paddingTop: morseCodeSmallTokens.morseCodeAspectRatioFallbackPaddingTop
+        },
+        minHeight: '5px',
+        forcedColorAdjust: 'none',
+        '--fai-morse-code-color-stop-1': morseCodeSmallTokens.morseCodeColorStop1,
+        '--fai-morse-code-color-stop-2': morseCodeSmallTokens.morseCodeColorStop2,
+        '--fai-morse-code-color-stop-3': morseCodeSmallTokens.morseCodeColorStop3
+    },
+    wrapper: {
+        width: '100%',
+        height: '100%'
+    }
+});

package/lib/components/small/MorseCodeSmall.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeSmall.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nimport { morseCodeSmallTokens } from '@fluentui-copilot/morse-code';\n\nexport const useMorseCodeSmallStyles = makeStyles({\n  base: {\n    '@supports (aspect-ratio:  10 / 1)': {\n      aspectRatio: morseCodeSmallTokens.morseCodeAspectRatio,\n    },\n    '@supports not (aspect-ratio:  10 / 1)': {\n      paddingTop: morseCodeSmallTokens.morseCodeAspectRatioFallbackPaddingTop,\n    },\n    minHeight: '5px',\n    forcedColorAdjust: 'none',\n    '--fai-morse-code-color-stop-1': morseCodeSmallTokens.morseCodeColorStop1,\n    '--fai-morse-code-color-stop-2': morseCodeSmallTokens.morseCodeColorStop2,\n    '--fai-morse-code-color-stop-3': morseCodeSmallTokens.morseCodeColorStop3,\n  },\n  wrapper: {\n    width: '100%',\n    height: '100%',\n  },\n});\n"],"names":["makeStyles","morseCodeSmallTokens","useMorseCodeSmallStyles","base","aspectRatio","morseCodeAspectRatio","paddingTop","morseCodeAspectRatioFallbackPaddingTop","minHeight","forcedColorAdjust","morseCodeColorStop1","morseCodeColorStop2","morseCodeColorStop3","wrapper","width","height"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,QAAQ,6BAA6B;AACxD,SAASC,oBAAoB,QAAQ,+BAA+B;AAEpE,OAAO,MAAMC,0BAA0BF,WAAW;IAChDG,MAAM;QACJ,qCAAqC;YACnCC,aAAaH,qBAAqBI,oBAAoB;QACxD;QACA,yCAAyC;YACvCC,YAAYL,qBAAqBM,sCAAsC;QACzE;QACAC,WAAW;QACXC,mBAAmB;QACnB,iCAAiCR,qBAAqBS,mBAAmB;QACzE,iCAAiCT,qBAAqBU,mBAAmB;QACzE,iCAAiCV,qBAAqBW,mBAAmB;IAC3E;IACAC,SAAS;QACPC,OAAO;QACPC,QAAQ;IACV;AACF,GAAG"}

package/lib/components/small/MorseCodeSmallFallback.js

@@ -0,0 +1,13 @@
+import { mergeClasses } from '@fluentui/react-components';
+import { morseCodeSmall } from '@fluentui-copilot/morse-code';
+import { useMorseCodeSmallStyles } from './MorseCodeSmall.styles';
+import { useFallbackRef } from '../hooks/useFallbackRef';
+import { renderMorseCode } from '../shared/renderMorseCode';
+export const MorseCodeSmallFallback = (props)=>{
+    const morseCodeStyles = useMorseCodeSmallStyles();
+    const targetRef = useFallbackRef(morseCodeSmall);
+    const { className, baseUrl, fileName, ...restProps } = props;
+    const wrapperClassName = mergeClasses(morseCodeStyles.wrapper, className);
+    const morseCodeClassName = mergeClasses('fai-MorseCodeSmall', 'fai-MorseCodeSmallFallback', morseCodeStyles.base);
+    return renderMorseCode(wrapperClassName, restProps, morseCodeClassName, targetRef);
+};

package/lib/components/small/MorseCodeSmallFallback.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeSmallFallback.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport { morseCodeSmall } from '@fluentui-copilot/morse-code';\nimport { useMorseCodeSmallStyles } from './MorseCodeSmall.styles';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\nimport { useFallbackRef } from '../hooks/useFallbackRef';\nimport { renderMorseCode } from '../shared/renderMorseCode';\n\nexport const MorseCodeSmallFallback: React.FC<MorseCodeProps> = props => {\n  const morseCodeStyles = useMorseCodeSmallStyles();\n\n  const targetRef = useFallbackRef(morseCodeSmall);\n  const { className, baseUrl, fileName, ...restProps } = props;\n  const wrapperClassName = mergeClasses(morseCodeStyles.wrapper, className);\n  const morseCodeClassName = mergeClasses('fai-MorseCodeSmall', 'fai-MorseCodeSmallFallback', morseCodeStyles.base);\n\n  return renderMorseCode(wrapperClassName, restProps, morseCodeClassName, targetRef);\n};\n"],"names":["mergeClasses","morseCodeSmall","useMorseCodeSmallStyles","useFallbackRef","renderMorseCode","MorseCodeSmallFallback","props","morseCodeStyles","targetRef","className","baseUrl","fileName","restProps","wrapperClassName","wrapper","morseCodeClassName","base"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,SAASC,cAAc,QAAQ,+BAA+B;AAC9D,SAASC,uBAAuB,QAAQ,0BAA0B;AAGlE,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,eAAe,QAAQ,4BAA4B;AAE5D,OAAO,MAAMC,yBAAmDC,CAAAA;IAC9D,MAAMC,kBAAkBL;IAExB,MAAMM,YAAYL,eAAeF;IACjC,MAAM,EAAEQ,SAAS,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGC,WAAW,GAAGN;IACvD,MAAMO,mBAAmBb,aAAaO,gBAAgBO,OAAO,EAAEL;IAC/D,MAAMM,qBAAqBf,aAAa,sBAAsB,8BAA8BO,gBAAgBS,IAAI;IAEhH,OAAOZ,gBAAgBS,kBAAkBD,WAAWG,oBAAoBP;AAC1E,EAAE"}

package/lib/components/small/MorseCodeSmallHoudini.js

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { mergeClasses, useFluent } from '@fluentui/react-components';
+import { useAddModule } from '../hooks/useAddModule';
+import { useMorseCodeSmallStyles } from './MorseCodeSmall.styles';
+import { initializeMorseCodeSmallCustomProperties, DEFAULT_BASE_URL, DEFAULT_SMALL_FILE_URL } from '@fluentui-copilot/morse-code';
+import { renderMorseCode } from '../shared/renderMorseCode';
+import { useMorseCodeAnimationClassName } from './MorseCodeSmallHoudini.styles';
+export const MorseCodeSmallHoudini = ({ baseUrl = DEFAULT_BASE_URL, fileName = DEFAULT_SMALL_FILE_URL, className, ...restProps })=>{
+    const { targetDocument } = useFluent();
+    var _targetDocument_defaultView;
+    const targetWindow = (_targetDocument_defaultView = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) !== null && _targetDocument_defaultView !== void 0 ? _targetDocument_defaultView : undefined;
+    React.useEffect(()=>{
+        initializeMorseCodeSmallCustomProperties(targetWindow);
+    }, [
+        targetWindow
+    ]);
+    useAddModule(targetWindow, baseUrl, fileName);
+    const morseCodeSmallStyles = useMorseCodeSmallStyles();
+    const animationClassName = useMorseCodeAnimationClassName();
+    const wrapperClassName = mergeClasses(morseCodeSmallStyles.wrapper, className);
+    const morseCodeClassName = mergeClasses('fai-MorseCodeSmall', 'fai-MorseCodeSmallHoudini', morseCodeSmallStyles.base, animationClassName);
+    return renderMorseCode(wrapperClassName, restProps, morseCodeClassName);
+};

package/lib/components/small/MorseCodeSmallHoudini.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeSmallHoudini.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeClasses, useFluent } from '@fluentui/react-components';\nimport { useAddModule } from '../hooks/useAddModule';\nimport { useMorseCodeSmallStyles } from './MorseCodeSmall.styles';\n\nimport {\n  initializeMorseCodeSmallCustomProperties,\n  DEFAULT_BASE_URL,\n  DEFAULT_SMALL_FILE_URL,\n} from '@fluentui-copilot/morse-code';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\nimport { renderMorseCode } from '../shared/renderMorseCode';\nimport { useMorseCodeAnimationClassName } from './MorseCodeSmallHoudini.styles';\n\nexport const MorseCodeSmallHoudini: React.FC<MorseCodeProps> = ({\n  baseUrl = DEFAULT_BASE_URL,\n  fileName = DEFAULT_SMALL_FILE_URL,\n  className,\n  ...restProps\n}) => {\n  const { targetDocument } = useFluent();\n  const targetWindow = targetDocument?.defaultView ?? undefined;\n\n  React.useEffect(() => {\n    initializeMorseCodeSmallCustomProperties(targetWindow);\n  }, [targetWindow]);\n\n  useAddModule(targetWindow, baseUrl, fileName);\n\n  const morseCodeSmallStyles = useMorseCodeSmallStyles();\n  const animationClassName = useMorseCodeAnimationClassName();\n  const wrapperClassName = mergeClasses(morseCodeSmallStyles.wrapper, className);\n  const morseCodeClassName = mergeClasses(\n    'fai-MorseCodeSmall',\n    'fai-MorseCodeSmallHoudini',\n    morseCodeSmallStyles.base,\n    animationClassName,\n  );\n\n  return renderMorseCode(wrapperClassName, restProps, morseCodeClassName);\n};\n"],"names":["React","mergeClasses","useFluent","useAddModule","useMorseCodeSmallStyles","initializeMorseCodeSmallCustomProperties","DEFAULT_BASE_URL","DEFAULT_SMALL_FILE_URL","renderMorseCode","useMorseCodeAnimationClassName","MorseCodeSmallHoudini","baseUrl","fileName","className","restProps","targetDocument","targetWindow","defaultView","undefined","useEffect","morseCodeSmallStyles","animationClassName","wrapperClassName","wrapper","morseCodeClassName","base"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,EAAEC,SAAS,QAAQ,6BAA6B;AACrE,SAASC,YAAY,QAAQ,wBAAwB;AACrD,SAASC,uBAAuB,QAAQ,0BAA0B;AAElE,SACEC,wCAAwC,EACxCC,gBAAgB,EAChBC,sBAAsB,QACjB,+BAA+B;AAGtC,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,8BAA8B,QAAQ,iCAAiC;AAEhF,OAAO,MAAMC,wBAAkD,CAAC,EAC9DC,UAAUL,gBAAgB,EAC1BM,WAAWL,sBAAsB,EACjCM,SAAS,EACT,GAAGC,WACJ;IACC,MAAM,EAAEC,cAAc,EAAE,GAAGb;QACNa;IAArB,MAAMC,eAAeD,CAAAA,8BAAAA,2BAAAA,qCAAAA,eAAgBE,WAAW,cAA3BF,yCAAAA,8BAA+BG;IAEpDlB,MAAMmB,SAAS,CAAC;QACdd,yCAAyCW;IAC3C,GAAG;QAACA;KAAa;IAEjBb,aAAaa,cAAcL,SAASC;IAEpC,MAAMQ,uBAAuBhB;IAC7B,MAAMiB,qBAAqBZ;IAC3B,MAAMa,mBAAmBrB,aAAamB,qBAAqBG,OAAO,EAAEV;IACpE,MAAMW,qBAAqBvB,aACzB,sBACA,6BACAmB,qBAAqBK,IAAI,EACzBJ;IAGF,OAAOb,gBAAgBc,kBAAkBR,WAAWU;AACtD,EAAE"}

package/lib/components/small/MorseCodeSmallHoudini.styles.js

@@ -0,0 +1,13 @@
+import { __resetStyles } from '@fluentui/react-components';
+import { morseCodeSmallAnimationTokens, morseCodeSmallTokens } from '@fluentui-copilot/morse-code';
+const sharedStyles = {
+  backgroundImage: morseCodeSmallTokens.backgroundImage,
+  animationIterationCount: morseCodeSmallTokens.morseCodeAnimationIterationCount,
+  animationDuration: morseCodeSmallTokens.morseCodeAnimationDuration,
+  animationTimingFunction: morseCodeSmallTokens.morseCodeAnimationTimingFunction
+};
+export const useMorseCodeAnimationClassName = __resetStyles("r1qt6fj8", "rfhkifx", {
+  r: [".r1qt6fj8{background-image:paint(morseCodeSmall);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:rarbvpc,r14jeaho;}", "@keyframes rarbvpc{0%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode1);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode2);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode3);}20%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode1);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode2);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode3);}33%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode4);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode5);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode6);}50%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode4);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode5);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode6);}66%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode7);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode8);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode9);}80%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode7);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode8);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode9);}100%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode1);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode2);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode3);}}", "@keyframes r14jeaho{0%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:60px;--fai-morse-code-small-x-position-2:56px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:132px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:220px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:240px;--fai-morse-code-small-opacity-5:0;}10%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:60px;--fai-morse-code-small-x-position-2:56px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:132px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:220px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:240px;--fai-morse-code-small-opacity-5:0;}25%{--fai-morse-code-small-width-1:40px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:72px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:50px;--fai-morse-code-small-x-position-3:102px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:162px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}35%{--fai-morse-code-small-width-1:40px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:72px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:50px;--fai-morse-code-small-x-position-3:102px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:162px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}50%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:30px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:60px;--fai-morse-code-small-x-position-3:60px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:132px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}60%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:30px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:60px;--fai-morse-code-small-x-position-3:60px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:132px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}75%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:56px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:60px;--fai-morse-code-small-x-position-4:92px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}85%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:56px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:60px;--fai-morse-code-small-x-position-4:92px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}100%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:0px;--fai-morse-code-small-opacity-2:0;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:20px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:60px;--fai-morse-code-small-x-position-4:56px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:132px;--fai-morse-code-small-opacity-5:1;}}", ".rfhkifx{background-image:paint(morseCodeSmall);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:rarbvpc,r14jeaho;}"],
+  s: ["@media (forced-colors: active){.r1qt6fj8{background-image:paint(morseCodeSmall);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:r9zjrdo,r14jeaho;}@keyframes r9zjrdo{0%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode1);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode2);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode3);}20%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode1);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode2);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode3);}33%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode4);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode5);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode6);}50%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode4);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode5);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode6);}66%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode7);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode8);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode9);}80%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode7);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode8);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode9);}100%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode1);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode2);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode3);}}@keyframes r14jeaho{0%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:60px;--fai-morse-code-small-x-position-2:56px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:132px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:220px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:240px;--fai-morse-code-small-opacity-5:0;}10%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:60px;--fai-morse-code-small-x-position-2:56px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:132px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:220px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:240px;--fai-morse-code-small-opacity-5:0;}25%{--fai-morse-code-small-width-1:40px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:72px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:50px;--fai-morse-code-small-x-position-3:102px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:162px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}35%{--fai-morse-code-small-width-1:40px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:72px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:50px;--fai-morse-code-small-x-position-3:102px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:162px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}50%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:30px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:60px;--fai-morse-code-small-x-position-3:60px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:132px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}60%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:30px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:60px;--fai-morse-code-small-x-position-3:60px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:132px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}75%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:56px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:60px;--fai-morse-code-small-x-position-4:92px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}85%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:56px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:60px;--fai-morse-code-small-x-position-4:92px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}100%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:0px;--fai-morse-code-small-opacity-2:0;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:20px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:60px;--fai-morse-code-small-x-position-4:56px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:132px;--fai-morse-code-small-opacity-5:1;}}}", "@media (forced-colors: active){.rfhkifx{background-image:paint(morseCodeSmall);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:r9zjrdo,r14jeaho;}}"]
+});
+//# sourceMappingURL=MorseCodeSmallHoudini.styles.js.map

package/lib/components/small/MorseCodeSmallHoudini.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeSmallHoudini.styles.ts"],"sourcesContent":["import { makeResetStyles } from '@fluentui/react-components';\n\nimport { morseCodeSmallAnimationTokens, morseCodeSmallTokens } from '@fluentui-copilot/morse-code';\n\nconst sharedStyles = {\n  backgroundImage: morseCodeSmallTokens.backgroundImage,\n  animationIterationCount: morseCodeSmallTokens.morseCodeAnimationIterationCount,\n  animationDuration: morseCodeSmallTokens.morseCodeAnimationDuration,\n  animationTimingFunction: morseCodeSmallTokens.morseCodeAnimationTimingFunction,\n};\n\nexport const useMorseCodeAnimationClassName = makeResetStyles({\n  ...sharedStyles,\n  animationName: [morseCodeSmallAnimationTokens.colorAnimation, morseCodeSmallAnimationTokens.dotsAndDashes],\n\n  '@media (forced-colors: active)': {\n    ...sharedStyles,\n    animationName: [morseCodeSmallAnimationTokens.colorHCAnimation, morseCodeSmallAnimationTokens.dotsAndDashes],\n  },\n});\n"],"names":["makeResetStyles","morseCodeSmallAnimationTokens","morseCodeSmallTokens","sharedStyles","backgroundImage","animationIterationCount","morseCodeAnimationIterationCount","animationDuration","morseCodeAnimationDuration","animationTimingFunction","morseCodeAnimationTimingFunction","useMorseCodeAnimationClassName","animationName","colorAnimation","dotsAndDashes","colorHCAnimation"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,QAAQ,6BAA6B;AAE7D,SAASC,6BAA6B,EAAEC,oBAAoB,QAAQ,+BAA+B;AAEnG,MAAMC,eAAe;IACnBC,iBAAiBF,qBAAqBE,eAAe;IACrDC,yBAAyBH,qBAAqBI,gCAAgC;IAC9EC,mBAAmBL,qBAAqBM,0BAA0B;IAClEC,yBAAyBP,qBAAqBQ,gCAAgC;AAChF;AAEA,OAAO,MAAMC,iCAAiCX,gBAAgB;IAC5D,GAAGG,YAAY;IACfS,eAAe;QAACX,8BAA8BY,cAAc;QAAEZ,8BAA8Ba,aAAa;KAAC;IAE1G,kCAAkC;QAChC,GAAGX,YAAY;QACfS,eAAe;YAACX,8BAA8Bc,gBAAgB;YAAEd,8BAA8Ba,aAAa;SAAC;IAC9G;AACF,GAAG"}

package/lib/components/small/MorseCodeSmallHoudini.styles.raw.js

@@ -0,0 +1,22 @@
+import { makeResetStyles } from '@fluentui/react-components';
+import { morseCodeSmallAnimationTokens, morseCodeSmallTokens } from '@fluentui-copilot/morse-code';
+const sharedStyles = {
+    backgroundImage: morseCodeSmallTokens.backgroundImage,
+    animationIterationCount: morseCodeSmallTokens.morseCodeAnimationIterationCount,
+    animationDuration: morseCodeSmallTokens.morseCodeAnimationDuration,
+    animationTimingFunction: morseCodeSmallTokens.morseCodeAnimationTimingFunction
+};
+export const useMorseCodeAnimationClassName = makeResetStyles({
+    ...sharedStyles,
+    animationName: [
+        morseCodeSmallAnimationTokens.colorAnimation,
+        morseCodeSmallAnimationTokens.dotsAndDashes
+    ],
+    '@media (forced-colors: active)': {
+        ...sharedStyles,
+        animationName: [
+            morseCodeSmallAnimationTokens.colorHCAnimation,
+            morseCodeSmallAnimationTokens.dotsAndDashes
+        ]
+    }
+});

package/lib/components/small/MorseCodeSmallHoudini.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeSmallHoudini.styles.ts"],"sourcesContent":["import { makeResetStyles } from '@fluentui/react-components';\n\nimport { morseCodeSmallAnimationTokens, morseCodeSmallTokens } from '@fluentui-copilot/morse-code';\n\nconst sharedStyles = {\n  backgroundImage: morseCodeSmallTokens.backgroundImage,\n  animationIterationCount: morseCodeSmallTokens.morseCodeAnimationIterationCount,\n  animationDuration: morseCodeSmallTokens.morseCodeAnimationDuration,\n  animationTimingFunction: morseCodeSmallTokens.morseCodeAnimationTimingFunction,\n};\n\nexport const useMorseCodeAnimationClassName = makeResetStyles({\n  ...sharedStyles,\n  animationName: [morseCodeSmallAnimationTokens.colorAnimation, morseCodeSmallAnimationTokens.dotsAndDashes],\n\n  '@media (forced-colors: active)': {\n    ...sharedStyles,\n    animationName: [morseCodeSmallAnimationTokens.colorHCAnimation, morseCodeSmallAnimationTokens.dotsAndDashes],\n  },\n});\n"],"names":["makeResetStyles","morseCodeSmallAnimationTokens","morseCodeSmallTokens","sharedStyles","backgroundImage","animationIterationCount","morseCodeAnimationIterationCount","animationDuration","morseCodeAnimationDuration","animationTimingFunction","morseCodeAnimationTimingFunction","useMorseCodeAnimationClassName","animationName","colorAnimation","dotsAndDashes","colorHCAnimation"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,QAAQ,6BAA6B;AAE7D,SAASC,6BAA6B,EAAEC,oBAAoB,QAAQ,+BAA+B;AAEnG,MAAMC,eAAe;IACnBC,iBAAiBF,qBAAqBE,eAAe;IACrDC,yBAAyBH,qBAAqBI,gCAAgC;IAC9EC,mBAAmBL,qBAAqBM,0BAA0B;IAClEC,yBAAyBP,qBAAqBQ,gCAAgC;AAChF;AAEA,OAAO,MAAMC,iCAAiCX,gBAAgB;IAC5D,GAAGG,YAAY;IACfS,eAAe;QAACX,8BAA8BY,cAAc;QAAEZ,8BAA8Ba,aAAa;KAAC;IAE1G,kCAAkC;QAChC,GAAGX,YAAY;QACfS,eAAe;YAACX,8BAA8Bc,gBAAgB;YAAEd,8BAA8Ba,aAAa;SAAC;IAC9G;AACF,GAAG"}

package/lib/index.js

@@ -0,0 +1,6 @@
+export { MorseCode } from './components/large/MorseCode';
+export { MorseCodeFallback } from './components/large/MorseCodeFallback';
+export { MorseCodeHoudini } from './components/large/MorseCodeHoudini';
+export { MorseCodeSmall } from './components/small/MorseCodeSmall';
+export { MorseCodeSmallFallback } from './components/small/MorseCodeSmallFallback';
+export { MorseCodeSmallHoudini } from './components/small/MorseCodeSmallHoudini';

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { MorseCode } from './components/large/MorseCode';\nexport { MorseCodeFallback } from './components/large/MorseCodeFallback';\nexport { MorseCodeHoudini } from './components/large/MorseCodeHoudini';\n\nexport { MorseCodeSmall } from './components/small/MorseCodeSmall';\nexport { MorseCodeSmallFallback } from './components/small/MorseCodeSmallFallback';\nexport { MorseCodeSmallHoudini } from './components/small/MorseCodeSmallHoudini';\n\nexport type { MorseCodeProps } from './components/MorseCode.types';\n"],"names":["MorseCode","MorseCodeFallback","MorseCodeHoudini","MorseCodeSmall","MorseCodeSmallFallback","MorseCodeSmallHoudini"],"rangeMappings":";;;;;","mappings":"AAAA,SAASA,SAAS,QAAQ,+BAA+B;AACzD,SAASC,iBAAiB,QAAQ,uCAAuC;AACzE,SAASC,gBAAgB,QAAQ,sCAAsC;AAEvE,SAASC,cAAc,QAAQ,oCAAoC;AACnE,SAASC,sBAAsB,QAAQ,4CAA4C;AACnF,SAASC,qBAAqB,QAAQ,2CAA2C"}

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});