@fluentui-copilot/react-morse-code 0.0.12 → 0.0.14

package/CHANGELOG.json

@@ -1,6 +1,60 @@
 {
   "name": "@fluentui-copilot/react-morse-code",
   "entries": [
+    {
+      "date": "Tue, 14 Oct 2025 00:02:52 GMT",
+      "tag": "@fluentui-copilot/react-morse-code_v0.0.14",
+      "version": "0.0.14",
+      "comments": {
+        "patch": [
+          {
+            "author": "hochelmartin@gmail.com",
+            "package": "@fluentui-copilot/react-morse-code",
+            "commit": "da79330fcf3989311e4838ea7cfc6d4b8318102a",
+            "comment": "fix: properly specify package dependencies to dedupe in valid semver ranges"
+          },
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui-copilot/react-morse-code",
+            "commit": "9a3bf49a3c6302529b2c9b6bc3fc63f549aaf88f",
+            "comment": "chore: enforce explicit return types."
+          },
+          {
+            "author": "owcampbe@microsoft.com",
+            "package": "@fluentui-copilot/react-morse-code",
+            "commit": "c061b8849089b94414af04d3903c1695a4474a4d",
+            "comment": "fix: Improve multi-window support."
+          },
+          {
+            "author": "twatanabe@microsoft.com",
+            "package": "@fluentui-copilot/react-morse-code",
+            "commit": "068a3c71be5da80beeab05640fe768ef631b0c00",
+            "comment": "chore: bump @fluentui/react-components peer dep minbar to ^9.70.0."
+          },
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui-copilot/react-morse-code",
+            "commit": "74cfcbd7c8afdc8fe3f4b512a9a421613fa32841",
+            "comment": "chore: update react peer deps to support React 19."
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 29 Sep 2025 20:26:50 GMT",
+      "tag": "@fluentui-copilot/react-morse-code_v0.0.13",
+      "version": "0.0.13",
+      "comments": {
+        "patch": [
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui-copilot/react-morse-code",
+            "commit": "eb866bbd84d778637cb17f869920ae47a3eeec50",
+            "comment": "fix: type issues after React 18 upgrade."
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 17 Jul 2025 17:49:25 GMT",
       "tag": "@fluentui-copilot/react-morse-code_v0.0.11",

package/CHANGELOG.md

@@ -1,9 +1,31 @@
 # Change Log - @fluentui-copilot/react-morse-code
 
-This log was last generated on Thu, 17 Jul 2025 17:49:25 GMT and should not be manually modified.
+This log was last generated on Tue, 14 Oct 2025 00:02:52 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.0.14](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-morse-code_v0.0.14)
+
+Tue, 14 Oct 2025 00:02:52 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-morse-code_v0.0.13..@fluentui-copilot/react-morse-code_v0.0.14)
+
+### Patches
+
+- fix: properly specify package dependencies to dedupe in valid semver ranges ([PR #3371](https://github.com/microsoft/fluentai/pull/3371) by hochelmartin@gmail.com)
+- chore: enforce explicit return types. ([PR #3360](https://github.com/microsoft/fluentai/pull/3360) by tristan.watanabe@gmail.com)
+- fix: Improve multi-window support. ([PR #3366](https://github.com/microsoft/fluentai/pull/3366) by owcampbe@microsoft.com)
+- chore: bump @fluentui/react-components peer dep minbar to ^9.70.0. ([PR #3344](https://github.com/microsoft/fluentai/pull/3344) by twatanabe@microsoft.com)
+- chore: update react peer deps to support React 19. ([PR #3361](https://github.com/microsoft/fluentai/pull/3361) by tristan.watanabe@gmail.com)
+
+## [0.0.13](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-morse-code_v0.0.13)
+
+Mon, 29 Sep 2025 20:26:50 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-morse-code_v0.0.11..@fluentui-copilot/react-morse-code_v0.0.13)
+
+### Patches
+
+- fix: type issues after React 18 upgrade. ([PR #3341](https://github.com/microsoft/fluentai/pull/3341) by tristan.watanabe@gmail.com)
+
 ## [0.0.11](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-morse-code_v0.0.11)
 
 Thu, 17 Jul 2025 17:49:25 GMT 

package/dist/index.d.ts

@@ -6,18 +6,17 @@ export declare const MorseCode: React_2.FC<MorseCodeProps>;
 
 export declare const MorseCodeFallback: React.FC<MorseCodeProps>;
 
-export declare const MorseCodeHoudini: React.FC<MorseCodeProps>;
+export declare const MorseCodeHoudini: React_2.FC<MorseCodeProps>;
 
-export declare type MorseCodeProps = {
+export declare type MorseCodeProps = React_2.HTMLAttributes<HTMLDivElement> & {
     baseUrl?: string;
     fileName?: string;
-    className?: string;
 };
 
 export declare const MorseCodeSmall: React_2.FC<MorseCodeProps>;
 
 export declare const MorseCodeSmallFallback: React.FC<MorseCodeProps>;
 
-export declare const MorseCodeSmallHoudini: React.FC<MorseCodeProps>;
+export declare const MorseCodeSmallHoudini: React_2.FC<MorseCodeProps>;
 
 export { }

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

@@ -1 +1 @@
-{"version":3,"sources":["MorseCode.types.tsx"],"sourcesContent":["export type MorseCodeProps = {\n  baseUrl?: string;\n  fileName?: string;\n  className?: string;\n};\n"],"names":[],"rangeMappings":"","mappings":"AAAA,WAIE"}
+{"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

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

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

@@ -1 +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 = (baseUrl: string, fileName: string): void => {\n  React.useEffect(() => {\n    const path = `${baseUrl}${fileName}`;\n    if (!initializedModules[path]) {\n      addModule(baseUrl, fileName)\n        .then(() => {\n          initializedModules[path] = true;\n        })\n        .catch(_err => {\n          initializedModules[path] = false;\n        });\n    }\n  }, [baseUrl, fileName]);\n};\n"],"names":["React","addModule","initializedModules","useAddModule","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,SAAiBC;IAC5CL,MAAMM,SAAS,CAAC;QACd,MAAMC,OAAO,CAAC,EAAEH,QAAQ,EAAEC,SAAS,CAAC;QACpC,IAAI,CAACH,kBAAkB,CAACK,KAAK,EAAE;YAC7BN,UAAUG,SAASC,UAChBG,IAAI,CAAC;gBACJN,kBAAkB,CAACK,KAAK,GAAG;YAC7B,GACCE,KAAK,CAACC,CAAAA;gBACLR,kBAAkB,CAACK,KAAK,GAAG;YAC7B;QACJ;IACF,GAAG;QAACH;QAASC;KAAS;AACxB,EAAE"}
+{"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

@@ -1,18 +1,18 @@
 import * as React from 'react';
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-const ON_COMPLETE_NOOP = ()=>{};
+const ON_COMPLETE_NOOP = ()=>{
+    return;
+};
 export const useFallbackRef = (anim)=>{
+    const animControls = React.useRef();
     const targetRef = React.useCallback((node)=>{
-        let animControls;
+        if (animControls.current) {
+            animControls.current.stop();
+            animControls.current.cleanup();
+            animControls.current = undefined;
+        }
         if (node) {
-            animControls = anim(node);
-            animControls.play(ON_COMPLETE_NOOP);
-        } else {
-            if (animControls) {
-                animControls.stop();
-                animControls.cleanup();
-                animControls = undefined;
-            }
+            animControls.current = anim(node);
+            animControls.current.play(ON_COMPLETE_NOOP);
         }
     }, [
         anim

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

@@ -1 +1 @@
-{"version":3,"sources":["useFallbackRef.ts"],"sourcesContent":["import * as React from 'react';\nimport type { fallbackPaintAnimation } from '@fluentui-contrib/houdini-utils';\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst ON_COMPLETE_NOOP = () => {};\n\nexport type FallbackAnim = (target: HTMLElement) => ReturnType<typeof fallbackPaintAnimation>;\n\nexport const useFallbackRef = (anim: FallbackAnim) => {\n  const targetRef = React.useCallback(\n    (node: HTMLElement | null) => {\n      let animControls: ReturnType<typeof fallbackPaintAnimation> | undefined;\n\n      if (node) {\n        animControls = anim(node);\n        animControls.play(ON_COMPLETE_NOOP);\n      } else {\n        if (animControls) {\n          animControls.stop();\n          animControls.cleanup();\n          animControls = undefined;\n        }\n      }\n    },\n    [anim],\n  );\n\n  return targetRef;\n};\n"],"names":["React","ON_COMPLETE_NOOP","useFallbackRef","anim","targetRef","useCallback","node","animControls","play","stop","cleanup","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,gEAAgE;AAChE,MAAMC,mBAAmB,KAAO;AAIhC,OAAO,MAAMC,iBAAiB,CAACC;IAC7B,MAAMC,YAAYJ,MAAMK,WAAW,CACjC,CAACC;QACC,IAAIC;QAEJ,IAAID,MAAM;YACRC,eAAeJ,KAAKG;YACpBC,aAAaC,IAAI,CAACP;QACpB,OAAO;YACL,IAAIM,cAAc;gBAChBA,aAAaE,IAAI;gBACjBF,aAAaG,OAAO;gBACpBH,eAAeI;YACjB;QACF;IACF,GACA;QAACR;KAAK;IAGR,OAAOC;AACT,EAAE"}
+{"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

@@ -2,8 +2,14 @@ import * as React from 'react';
 import { hasHoudini } from '@fluentui-contrib/houdini-utils';
 import { MorseCodeFallback } from './MorseCodeFallback';
 import { MorseCodeHoudini } from './MorseCodeHoudini';
-const houdiniAvailable = hasHoudini();
+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);
     }

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

@@ -1 +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';\n\nconst houdiniAvailable = hasHoudini();\n\nexport const MorseCode: React.FC<MorseCodeProps> = props => {\n  if (houdiniAvailable) {\n    return <MorseCodeHoudini {...props} />;\n  }\n\n  return <MorseCodeFallback {...props} />;\n};\n"],"names":["React","hasHoudini","MorseCodeFallback","MorseCodeHoudini","houdiniAvailable","MorseCode","props"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kCAAkC;AAC7D,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,SAASC,gBAAgB,QAAQ,qBAAqB;AAItD,MAAMC,mBAAmBH;AAEzB,OAAO,MAAMI,YAAsCC,CAAAA;IACjD,IAAIF,kBAAkB;QACpB,qBAAO,oBAACD,kBAAqBG;IAC/B;IAEA,qBAAO,oBAACJ,mBAAsBI;AAChC,EAAE"}
+{"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/MorseCodeFallback.js

@@ -6,7 +6,7 @@ import { renderMorseCode } from '../shared/renderMorseCode';
 export const MorseCodeFallback = (props)=>{
     const morseCodeStyles = useMorseCodeStyles();
     const targetRef = useFallbackRef(morseCode);
-    const { className, ...restProps } = props;
+    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

@@ -1 +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, ...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","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,EAAE,GAAGC,WAAW,GAAGJ;IACpC,MAAMK,mBAAmBX,aAAaO,gBAAgBK,OAAO,EAAEH;IAC/D,MAAMI,qBAAqBb,aAAa,iBAAiB,yBAAyBO,gBAAgBO,IAAI;IAEtG,OAAOV,gBAAgBO,kBAAkBD,WAAWG,oBAAoBL;AAC1E,EAAE"}
+{"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

@@ -1,12 +1,20 @@
-import { mergeClasses } from '@fluentui/react-components';
+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';
-initializeMorseCodeCustomProperties();
 export const MorseCodeHoudini = ({ baseUrl = DEFAULT_BASE_URL, fileName = DEFAULT_FILE_URL, className, ...restProps })=>{
-    useAddModule(baseUrl, fileName);
+    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);

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

@@ -1 +1 @@
-{"version":3,"sources":["MorseCodeHoudini.tsx"],"sourcesContent":["import { mergeClasses } 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\ninitializeMorseCodeCustomProperties();\n\nexport const MorseCodeHoudini: React.FC<MorseCodeProps> = ({\n  baseUrl = DEFAULT_BASE_URL,\n  fileName = DEFAULT_FILE_URL,\n  className,\n  ...restProps\n}) => {\n  useAddModule(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":["mergeClasses","useAddModule","useMorseCodeStyles","initializeMorseCodeCustomProperties","DEFAULT_BASE_URL","DEFAULT_FILE_URL","renderMorseCode","useMorseCodeAnimationClassName","MorseCodeHoudini","baseUrl","fileName","className","restProps","morseCodeStyles","animationClassName","wrapperClassName","wrapper","morseCodeClassName","base"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,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;AAE3EJ;AAEA,OAAO,MAAMK,mBAA6C,CAAC,EACzDC,UAAUL,gBAAgB,EAC1BM,WAAWL,gBAAgB,EAC3BM,SAAS,EACT,GAAGC,WACJ;IACCX,aAAaQ,SAASC;IAEtB,MAAMG,kBAAkBX;IACxB,MAAMY,qBAAqBP;IAC3B,MAAMQ,mBAAmBf,aAAaa,gBAAgBG,OAAO,EAAEL;IAC/D,MAAMM,qBAAqBjB,aACzB,iBACA,wBACAa,gBAAgBK,IAAI,EACpBJ;IAGF,OAAOR,gBAAgBS,kBAAkBH,WAAWK;AACtD,EAAE"}
+{"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/shared/renderMorseCode.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderMorseCode.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport const renderMorseCode = (\n  wrapperClassName: string,\n  wrapperProps: React.HTMLAttributes<HTMLDivElement>,\n  morseCodeClassName: string,\n  targetRef?: (node: HTMLElement | null) => void,\n) => {\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;AAE/B,OAAO,MAAMC,kBAAkB,CAC7BC,kBACAC,cACAC,oBACAC;IAEA,qBACE,oBAACC;QAAIC,WAAWL;QAAmB,GAAGC,YAAY;qBAChD,oBAACG;QAAIE,KAAKH;QAAWE,WAAWH;;AAGtC,EAAE"}
+{"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

@@ -2,8 +2,14 @@ import * as React from 'react';
 import { hasHoudini } from '@fluentui-contrib/houdini-utils';
 import { MorseCodeSmallFallback } from './MorseCodeSmallFallback';
 import { MorseCodeSmallHoudini } from './MorseCodeSmallHoudini';
-const houdiniAvailable = hasHoudini();
+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);
     }

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

@@ -1 +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';\n\nconst houdiniAvailable = hasHoudini();\n\nexport const MorseCodeSmall: React.FC<MorseCodeProps> = props => {\n  if (houdiniAvailable) {\n    return <MorseCodeSmallHoudini {...props} />;\n  }\n\n  return <MorseCodeSmallFallback {...props} />;\n};\n"],"names":["React","hasHoudini","MorseCodeSmallFallback","MorseCodeSmallHoudini","houdiniAvailable","MorseCodeSmall","props"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kCAAkC;AAC7D,SAASC,sBAAsB,QAAQ,2BAA2B;AAClE,SAASC,qBAAqB,QAAQ,0BAA0B;AAIhE,MAAMC,mBAAmBH;AAEzB,OAAO,MAAMI,iBAA2CC,CAAAA;IACtD,IAAIF,kBAAkB;QACpB,qBAAO,oBAACD,uBAA0BG;IACpC;IAEA,qBAAO,oBAACJ,wBAA2BI;AACrC,EAAE"}
+{"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/MorseCodeSmallFallback.js

@@ -6,7 +6,7 @@ import { renderMorseCode } from '../shared/renderMorseCode';
 export const MorseCodeSmallFallback = (props)=>{
     const morseCodeStyles = useMorseCodeSmallStyles();
     const targetRef = useFallbackRef(morseCodeSmall);
-    const { className, ...restProps } = props;
+    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

@@ -1 +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, ...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","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,EAAE,GAAGC,WAAW,GAAGJ;IACpC,MAAMK,mBAAmBX,aAAaO,gBAAgBK,OAAO,EAAEH;IAC/D,MAAMI,qBAAqBb,aAAa,sBAAsB,8BAA8BO,gBAAgBO,IAAI;IAEhH,OAAOV,gBAAgBO,kBAAkBD,WAAWG,oBAAoBL;AAC1E,EAAE"}
+{"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

@@ -1,12 +1,20 @@
-import { mergeClasses } from '@fluentui/react-components';
+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';
-initializeMorseCodeSmallCustomProperties();
 export const MorseCodeSmallHoudini = ({ baseUrl = DEFAULT_BASE_URL, fileName = DEFAULT_SMALL_FILE_URL, className, ...restProps })=>{
-    useAddModule(baseUrl, fileName);
+    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);

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

@@ -1 +1 @@
-{"version":3,"sources":["MorseCodeSmallHoudini.tsx"],"sourcesContent":["import { mergeClasses } 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\ninitializeMorseCodeSmallCustomProperties();\n\nexport const MorseCodeSmallHoudini: React.FC<MorseCodeProps> = ({\n  baseUrl = DEFAULT_BASE_URL,\n  fileName = DEFAULT_SMALL_FILE_URL,\n  className,\n  ...restProps\n}) => {\n  useAddModule(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":["mergeClasses","useAddModule","useMorseCodeSmallStyles","initializeMorseCodeSmallCustomProperties","DEFAULT_BASE_URL","DEFAULT_SMALL_FILE_URL","renderMorseCode","useMorseCodeAnimationClassName","MorseCodeSmallHoudini","baseUrl","fileName","className","restProps","morseCodeSmallStyles","animationClassName","wrapperClassName","wrapper","morseCodeClassName","base"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,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;AAEhFJ;AAEA,OAAO,MAAMK,wBAAkD,CAAC,EAC9DC,UAAUL,gBAAgB,EAC1BM,WAAWL,sBAAsB,EACjCM,SAAS,EACT,GAAGC,WACJ;IACCX,aAAaQ,SAASC;IAEtB,MAAMG,uBAAuBX;IAC7B,MAAMY,qBAAqBP;IAC3B,MAAMQ,mBAAmBf,aAAaa,qBAAqBG,OAAO,EAAEL;IACpE,MAAMM,qBAAqBjB,aACzB,sBACA,6BACAa,qBAAqBK,IAAI,EACzBJ;IAGF,OAAOR,gBAAgBS,kBAAkBH,WAAWK;AACtD,EAAE"}
+{"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

@@ -1,6 +1,5 @@
 import { __resetStyles } from '@fluentui/react-components';
-import { initializeMorseCodeSmallCustomProperties, morseCodeSmallAnimationTokens, morseCodeSmallTokens } from '@fluentui-copilot/morse-code';
-initializeMorseCodeSmallCustomProperties();
+import { morseCodeSmallAnimationTokens, morseCodeSmallTokens } from '@fluentui-copilot/morse-code';
 const sharedStyles = {
   backgroundImage: morseCodeSmallTokens.backgroundImage,
   animationIterationCount: morseCodeSmallTokens.morseCodeAnimationIterationCount,

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

@@ -1 +1 @@
-{"version":3,"sources":["MorseCodeSmallHoudini.styles.ts"],"sourcesContent":["import { makeResetStyles } from '@fluentui/react-components';\n\nimport {\n  initializeMorseCodeSmallCustomProperties,\n  morseCodeSmallAnimationTokens,\n  morseCodeSmallTokens,\n} from '@fluentui-copilot/morse-code';\n\ninitializeMorseCodeSmallCustomProperties();\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","initializeMorseCodeSmallCustomProperties","morseCodeSmallAnimationTokens","morseCodeSmallTokens","sharedStyles","backgroundImage","animationIterationCount","morseCodeAnimationIterationCount","animationDuration","morseCodeAnimationDuration","animationTimingFunction","morseCodeAnimationTimingFunction","useMorseCodeAnimationClassName","animationName","colorAnimation","dotsAndDashes","colorHCAnimation"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,QAAQ,6BAA6B;AAE7D,SACEC,wCAAwC,EACxCC,6BAA6B,EAC7BC,oBAAoB,QACf,+BAA+B;AAEtCF;AAEA,MAAMG,eAAe;IACnBC,iBAAiBF,qBAAqBE,eAAe;IACrDC,yBAAyBH,qBAAqBI,gCAAgC;IAC9EC,mBAAmBL,qBAAqBM,0BAA0B;IAClEC,yBAAyBP,qBAAqBQ,gCAAgC;AAChF;AAEA,OAAO,MAAMC,iCAAiCZ,gBAAgB;IAC5D,GAAGI,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"}
+{"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

@@ -1,6 +1,5 @@
 import { makeResetStyles } from '@fluentui/react-components';
-import { initializeMorseCodeSmallCustomProperties, morseCodeSmallAnimationTokens, morseCodeSmallTokens } from '@fluentui-copilot/morse-code';
-initializeMorseCodeSmallCustomProperties();
+import { morseCodeSmallAnimationTokens, morseCodeSmallTokens } from '@fluentui-copilot/morse-code';
 const sharedStyles = {
     backgroundImage: morseCodeSmallTokens.backgroundImage,
     animationIterationCount: morseCodeSmallTokens.morseCodeAnimationIterationCount,

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

@@ -1 +1 @@
-{"version":3,"sources":["MorseCodeSmallHoudini.styles.ts"],"sourcesContent":["import { makeResetStyles } from '@fluentui/react-components';\n\nimport {\n  initializeMorseCodeSmallCustomProperties,\n  morseCodeSmallAnimationTokens,\n  morseCodeSmallTokens,\n} from '@fluentui-copilot/morse-code';\n\ninitializeMorseCodeSmallCustomProperties();\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","initializeMorseCodeSmallCustomProperties","morseCodeSmallAnimationTokens","morseCodeSmallTokens","sharedStyles","backgroundImage","animationIterationCount","morseCodeAnimationIterationCount","animationDuration","morseCodeAnimationDuration","animationTimingFunction","morseCodeAnimationTimingFunction","useMorseCodeAnimationClassName","animationName","colorAnimation","dotsAndDashes","colorHCAnimation"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,QAAQ,6BAA6B;AAE7D,SACEC,wCAAwC,EACxCC,6BAA6B,EAC7BC,oBAAoB,QACf,+BAA+B;AAEtCF;AAEA,MAAMG,eAAe;IACnBC,iBAAiBF,qBAAqBE,eAAe;IACrDC,yBAAyBH,qBAAqBI,gCAAgC;IAC9EC,mBAAmBL,qBAAqBM,0BAA0B;IAClEC,yBAAyBP,qBAAqBQ,gCAAgC;AAChF;AAEA,OAAO,MAAMC,iCAAiCZ,gBAAgB;IAC5D,GAAGI,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"}
+{"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-commonjs/components/MorseCode.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MorseCode.types.tsx"],"sourcesContent":["export type MorseCodeProps = {\n  baseUrl?: string;\n  fileName?: string;\n  className?: string;\n};\n"],"names":[],"rangeMappings":"","mappings":""}
+{"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":""}

package/lib-commonjs/components/hooks/useAddModule.js

@@ -12,17 +12,18 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _houdiniutils = require("@fluentui-contrib/houdini-utils");
 const initializedModules = {};
-const useAddModule = (baseUrl, fileName)=>{
+const useAddModule = (targetWindow, baseUrl, fileName)=>{
     _react.useEffect(()=>{
         const path = `${baseUrl}${fileName}`;
         if (!initializedModules[path]) {
-            (0, _houdiniutils.addModule)(baseUrl, fileName).then(()=>{
+            (0, _houdiniutils.addModule)(targetWindow, baseUrl, fileName).then(()=>{
                 initializedModules[path] = true;
             }).catch((_err)=>{
                 initializedModules[path] = false;
             });
         }
     }, [
+        targetWindow,
         baseUrl,
         fileName
     ]);

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

@@ -1 +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 = (baseUrl: string, fileName: string): void => {\n  React.useEffect(() => {\n    const path = `${baseUrl}${fileName}`;\n    if (!initializedModules[path]) {\n      addModule(baseUrl, fileName)\n        .then(() => {\n          initializedModules[path] = true;\n        })\n        .catch(_err => {\n          initializedModules[path] = false;\n        });\n    }\n  }, [baseUrl, fileName]);\n};\n"],"names":["useAddModule","initializedModules","baseUrl","fileName","React","useEffect","path","addModule","then","catch","_err"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAKaA;;;eAAAA;;;;iEALU;8BACG;AAE1B,MAAMC,qBAAqB,CAAC;AAErB,MAAMD,eAAe,CAACE,SAAiBC;IAC5CC,OAAMC,SAAS,CAAC;QACd,MAAMC,OAAO,CAAC,EAAEJ,QAAQ,EAAEC,SAAS,CAAC;QACpC,IAAI,CAACF,kBAAkB,CAACK,KAAK,EAAE;YAC7BC,IAAAA,uBAAAA,EAAUL,SAASC,UAChBK,IAAI,CAAC;gBACJP,kBAAkB,CAACK,KAAK,GAAG;YAC7B,GACCG,KAAK,CAACC,CAAAA;gBACLT,kBAAkB,CAACK,KAAK,GAAG;YAC7B;QACJ;IACF,GAAG;QAACJ;QAASC;KAAS;AACxB"}
+{"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":["useAddModule","initializedModules","targetWindow","baseUrl","fileName","React","useEffect","path","addModule","then","catch","_err"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAKaA;;;eAAAA;;;;iEALU;8BACG;AAE1B,MAAMC,qBAAqB,CAAC;AAErB,MAAMD,eAAe,CAACE,cAAkCC,SAAiBC;IAC9EC,OAAMC,SAAS,CAAC;QACd,MAAMC,OAAO,CAAC,EAAEJ,QAAQ,EAAEC,SAAS,CAAC;QACpC,IAAI,CAACH,kBAAkB,CAACM,KAAK,EAAE;YAC7BC,IAAAA,uBAAAA,EAAUN,cAAcC,SAASC,UAC9BK,IAAI,CAAC;gBACJR,kBAAkB,CAACM,KAAK,GAAG;YAC7B,GACCG,KAAK,CAACC,CAAAA;gBACLV,kBAAkB,CAACM,KAAK,GAAG;YAC7B;QACJ;IACF,GAAG;QAACL;QAAcC;QAASC;KAAS;AACtC"}

package/lib-commonjs/components/hooks/useFallbackRef.js

@@ -10,20 +10,20 @@ Object.defineProperty(exports, "useFallbackRef", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-const ON_COMPLETE_NOOP = ()=>{};
+const ON_COMPLETE_NOOP = ()=>{
+    return;
+};
 const useFallbackRef = (anim)=>{
+    const animControls = _react.useRef();
     const targetRef = _react.useCallback((node)=>{
-        let animControls;
+        if (animControls.current) {
+            animControls.current.stop();
+            animControls.current.cleanup();
+            animControls.current = undefined;
+        }
         if (node) {
-            animControls = anim(node);
-            animControls.play(ON_COMPLETE_NOOP);
-        } else {
-            if (animControls) {
-                animControls.stop();
-                animControls.cleanup();
-                animControls = undefined;
-            }
+            animControls.current = anim(node);
+            animControls.current.play(ON_COMPLETE_NOOP);
         }
     }, [
         anim

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

@@ -1 +1 @@
-{"version":3,"sources":["useFallbackRef.ts"],"sourcesContent":["import * as React from 'react';\nimport type { fallbackPaintAnimation } from '@fluentui-contrib/houdini-utils';\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst ON_COMPLETE_NOOP = () => {};\n\nexport type FallbackAnim = (target: HTMLElement) => ReturnType<typeof fallbackPaintAnimation>;\n\nexport const useFallbackRef = (anim: FallbackAnim) => {\n  const targetRef = React.useCallback(\n    (node: HTMLElement | null) => {\n      let animControls: ReturnType<typeof fallbackPaintAnimation> | undefined;\n\n      if (node) {\n        animControls = anim(node);\n        animControls.play(ON_COMPLETE_NOOP);\n      } else {\n        if (animControls) {\n          animControls.stop();\n          animControls.cleanup();\n          animControls = undefined;\n        }\n      }\n    },\n    [anim],\n  );\n\n  return targetRef;\n};\n"],"names":["useFallbackRef","ON_COMPLETE_NOOP","anim","targetRef","React","useCallback","node","animControls","play","stop","cleanup","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;;iEAPU;AAEvB,gEAAgE;AAChE,MAAMC,mBAAmB,KAAO;AAIzB,MAAMD,iBAAiB,CAACE;IAC7B,MAAMC,YAAYC,OAAMC,WAAW,CACjC,CAACC;QACC,IAAIC;QAEJ,IAAID,MAAM;YACRC,eAAeL,KAAKI;YACpBC,aAAaC,IAAI,CAACP;QACpB,OAAO;YACL,IAAIM,cAAc;gBAChBA,aAAaE,IAAI;gBACjBF,aAAaG,OAAO;gBACpBH,eAAeI;YACjB;QACF;IACF,GACA;QAACT;KAAK;IAGR,OAAOC;AACT"}
+{"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":["useFallbackRef","ON_COMPLETE_NOOP","anim","animControls","React","useRef","targetRef","useCallback","node","current","stop","cleanup","undefined","play"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;AAGvB,MAAMC,mBAAmB;IACvB;AACF;AAIO,MAAMD,iBAAiB,CAACE;IAC7B,MAAMC,eAAeC,OAAMC,MAAM;IACjC,MAAMC,YAAYF,OAAMG,WAAW,CACjC,CAACC;QACC,IAAIL,aAAaM,OAAO,EAAE;YACxBN,aAAaM,OAAO,CAACC,IAAI;YACzBP,aAAaM,OAAO,CAACE,OAAO;YAC5BR,aAAaM,OAAO,GAAGG;QACzB;QAEA,IAAIJ,MAAM;YACRL,aAAaM,OAAO,GAAGP,KAAKM;YAC5BL,aAAaM,OAAO,CAACI,IAAI,CAACZ;QAC5B;IACF,GACA;QAACC;KAAK;IAGR,OAAOI;AACT"}

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

@@ -13,8 +13,14 @@ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _houdiniutils = require("@fluentui-contrib/houdini-utils");
 const _MorseCodeFallback = require("./MorseCodeFallback");
 const _MorseCodeHoudini = require("./MorseCodeHoudini");
-const houdiniAvailable = (0, _houdiniutils.hasHoudini)();
+const _reactcomponents = require("@fluentui/react-components");
 const MorseCode = (props)=>{
+    const { targetDocument } = (0, _reactcomponents.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(()=>(0, _houdiniutils.hasHoudini)(targetWindow), [
+        targetWindow
+    ]);
     if (houdiniAvailable) {
         return /*#__PURE__*/ _react.createElement(_MorseCodeHoudini.MorseCodeHoudini, props);
     }

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

@@ -1 +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';\n\nconst houdiniAvailable = hasHoudini();\n\nexport const MorseCode: React.FC<MorseCodeProps> = props => {\n  if (houdiniAvailable) {\n    return <MorseCodeHoudini {...props} />;\n  }\n\n  return <MorseCodeFallback {...props} />;\n};\n"],"names":["MorseCode","houdiniAvailable","hasHoudini","props","React","createElement","MorseCodeHoudini","MorseCodeFallback"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;8BACI;mCACO;kCACD;AAIjC,MAAMC,mBAAmBC,IAAAA,wBAAAA;AAElB,MAAMF,YAAsCG,CAAAA;IACjD,IAAIF,kBAAkB;QACpB,OAAA,WAAA,GAAOG,OAAAC,aAAA,CAACC,kCAAAA,EAAqBH;IAC/B;IAEA,OAAA,WAAA,GAAOC,OAAAC,aAAA,CAACE,oCAAAA,EAAsBJ;AAChC"}
+{"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":["MorseCode","props","targetDocument","useFluent","targetWindow","defaultView","undefined","houdiniAvailable","React","useMemo","hasHoudini","createElement","MorseCodeHoudini","MorseCodeFallback"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;8BACI;mCACO;kCACD;iCAGP;AAEnB,MAAMA,YAAsCC,CAAAA;IACjD,MAAM,EAAEC,cAAc,EAAE,GAAGC,IAAAA,0BAAAA;QACND;IAArB,MAAME,eAAeF,CAAAA,8BAAAA,mBAAAA,QAAAA,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAgBG,WAAW,AAAXA,MAAW,QAA3BH,gCAAAA,KAAAA,IAAAA,8BAA+BI;IAEpD,MAAMC,mBAAmBC,OAAMC,OAAO,CAAC,IAAMC,IAAAA,wBAAAA,EAAWN,eAAe;QAACA;KAAa;IAErF,IAAIG,kBAAkB;QACpB,OAAA,WAAA,GAAOC,OAAAG,aAAA,CAACC,kCAAAA,EAAqBX;IAC/B;IAEA,OAAA,WAAA,GAAOO,OAAAG,aAAA,CAACE,oCAAAA,EAAsBZ;AAChC"}

package/lib-commonjs/components/large/MorseCodeFallback.js

@@ -16,7 +16,7 @@ const _renderMorseCode = require("../shared/renderMorseCode");
 const MorseCodeFallback = (props)=>{
     const morseCodeStyles = (0, _MorseCodestyles.useMorseCodeStyles)();
     const targetRef = (0, _useFallbackRef.useFallbackRef)(_morsecode.morseCode);
-    const { className, ...restProps } = props;
+    const { className, baseUrl, fileName, ...restProps } = props;
     const wrapperClassName = (0, _reactcomponents.mergeClasses)(morseCodeStyles.wrapper, className);
     const morseCodeClassName = (0, _reactcomponents.mergeClasses)('fai-MorseCode', 'fai-MorseCodeFallback', morseCodeStyles.base);
     return (0, _renderMorseCode.renderMorseCode)(wrapperClassName, restProps, morseCodeClassName, targetRef);

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

@@ -1 +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, ...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":["MorseCodeFallback","props","morseCodeStyles","useMorseCodeStyles","targetRef","useFallbackRef","morseCode","className","restProps","wrapperClassName","mergeClasses","wrapper","morseCodeClassName","base","renderMorseCode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;iCARgB;2BACH;iCACS;gCAGJ;iCACC;AAEzB,MAAMA,oBAA8CC,CAAAA;IACzD,MAAMC,kBAAkBC,IAAAA,mCAAAA;IAExB,MAAMC,YAAYC,IAAAA,8BAAAA,EAAeC,oBAAAA;IAEjC,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAW,GAAGP;IACpC,MAAMQ,mBAAmBC,IAAAA,6BAAAA,EAAaR,gBAAgBS,OAAO,EAAEJ;IAC/D,MAAMK,qBAAqBF,IAAAA,6BAAAA,EAAa,iBAAiB,yBAAyBR,gBAAgBW,IAAI;IAEtG,OAAOC,IAAAA,gCAAAA,EAAgBL,kBAAkBD,WAAWI,oBAAoBR;AAC1E"}
+{"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":["MorseCodeFallback","props","morseCodeStyles","useMorseCodeStyles","targetRef","useFallbackRef","morseCode","className","baseUrl","fileName","restProps","wrapperClassName","mergeClasses","wrapper","morseCodeClassName","base","renderMorseCode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;iCARgB;2BACH;iCACS;gCAGJ;iCACC;AAEzB,MAAMA,oBAA8CC,CAAAA;IACzD,MAAMC,kBAAkBC,IAAAA,mCAAAA;IAExB,MAAMC,YAAYC,IAAAA,8BAAAA,EAAeC,oBAAAA;IAEjC,MAAM,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGC,WAAW,GAAGT;IACvD,MAAMU,mBAAmBC,IAAAA,6BAAAA,EAAaV,gBAAgBW,OAAO,EAAEN;IAC/D,MAAMO,qBAAqBF,IAAAA,6BAAAA,EAAa,iBAAiB,yBAAyBV,gBAAgBa,IAAI;IAEtG,OAAOC,IAAAA,gCAAAA,EAAgBL,kBAAkBD,WAAWI,oBAAoBV;AAC1E"}

package/lib-commonjs/components/large/MorseCodeHoudini.js

@@ -8,15 +8,24 @@ Object.defineProperty(exports, "MorseCodeHoudini", {
         return MorseCodeHoudini;
     }
 });
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactcomponents = require("@fluentui/react-components");
 const _useAddModule = require("../hooks/useAddModule");
 const _MorseCodestyles = require("./MorseCode.styles");
 const _morsecode = require("@fluentui-copilot/morse-code");
 const _renderMorseCode = require("../shared/renderMorseCode");
 const _MorseCodeHoudinistyles = require("./MorseCodeHoudini.styles");
-(0, _morsecode.initializeMorseCodeCustomProperties)();
 const MorseCodeHoudini = ({ baseUrl = _morsecode.DEFAULT_BASE_URL, fileName = _morsecode.DEFAULT_FILE_URL, className, ...restProps })=>{
-    (0, _useAddModule.useAddModule)(baseUrl, fileName);
+    const { targetDocument } = (0, _reactcomponents.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(()=>{
+        (0, _morsecode.initializeMorseCodeCustomProperties)(targetWindow);
+    }, [
+        targetWindow
+    ]);
+    (0, _useAddModule.useAddModule)(targetWindow, baseUrl, fileName);
     const morseCodeStyles = (0, _MorseCodestyles.useMorseCodeStyles)();
     const animationClassName = (0, _MorseCodeHoudinistyles.useMorseCodeAnimationClassName)();
     const wrapperClassName = (0, _reactcomponents.mergeClasses)(morseCodeStyles.wrapper, className);

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

@@ -1 +1 @@
-{"version":3,"sources":["MorseCodeHoudini.tsx"],"sourcesContent":["import { mergeClasses } 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\ninitializeMorseCodeCustomProperties();\n\nexport const MorseCodeHoudini: React.FC<MorseCodeProps> = ({\n  baseUrl = DEFAULT_BASE_URL,\n  fileName = DEFAULT_FILE_URL,\n  className,\n  ...restProps\n}) => {\n  useAddModule(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":["MorseCodeHoudini","initializeMorseCodeCustomProperties","baseUrl","DEFAULT_BASE_URL","fileName","DEFAULT_FILE_URL","className","restProps","useAddModule","morseCodeStyles","useMorseCodeStyles","animationClassName","useMorseCodeAnimationClassName","wrapperClassName","mergeClasses","wrapper","morseCodeClassName","base","renderMorseCode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;iCAZgB;8BACA;iCACM;2BAEqD;iCAGxD;wCACe;AAE/CC,IAAAA,8CAAAA;AAEO,MAAMD,mBAA6C,CAAC,EACzDE,UAAUC,2BAAgB,EAC1BC,WAAWC,2BAAgB,EAC3BC,SAAS,EACT,GAAGC,WACJ;IACCC,IAAAA,0BAAAA,EAAaN,SAASE;IAEtB,MAAMK,kBAAkBC,IAAAA,mCAAAA;IACxB,MAAMC,qBAAqBC,IAAAA,sDAAAA;IAC3B,MAAMC,mBAAmBC,IAAAA,6BAAAA,EAAaL,gBAAgBM,OAAO,EAAET;IAC/D,MAAMU,qBAAqBF,IAAAA,6BAAAA,EACzB,iBACA,wBACAL,gBAAgBQ,IAAI,EACpBN;IAGF,OAAOO,IAAAA,gCAAAA,EAAgBL,kBAAkBN,WAAWS;AACtD"}
+{"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":["MorseCodeHoudini","baseUrl","DEFAULT_BASE_URL","fileName","DEFAULT_FILE_URL","className","restProps","targetDocument","useFluent","targetWindow","defaultView","undefined","React","useEffect","initializeMorseCodeCustomProperties","useAddModule","morseCodeStyles","useMorseCodeStyles","animationClassName","useMorseCodeAnimationClassName","wrapperClassName","mergeClasses","wrapper","morseCodeClassName","base","renderMorseCode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;iCACiB;8BACX;iCACM;2BAEqD;iCAGxD;wCACe;AAExC,MAAMA,mBAA6C,CAAC,EACzDC,UAAUC,2BAAgB,EAC1BC,WAAWC,2BAAgB,EAC3BC,SAAS,EACT,GAAGC,WACJ;IACC,MAAM,EAAEC,cAAc,EAAE,GAAGC,IAAAA,0BAAAA;QACND;IAArB,MAAME,eAAeF,CAAAA,8BAAAA,mBAAAA,QAAAA,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAgBG,WAAW,AAAXA,MAAW,QAA3BH,gCAAAA,KAAAA,IAAAA,8BAA+BI;IAEpDC,OAAMC,SAAS,CAAC;QACdC,IAAAA,8CAAAA,EAAoCL;IACtC,GAAG;QAACA;KAAa;IAEjBM,IAAAA,0BAAAA,EAAaN,cAAcR,SAASE;IAEpC,MAAMa,kBAAkBC,IAAAA,mCAAAA;IACxB,MAAMC,qBAAqBC,IAAAA,sDAAAA;IAC3B,MAAMC,mBAAmBC,IAAAA,6BAAAA,EAAaL,gBAAgBM,OAAO,EAAEjB;IAC/D,MAAMkB,qBAAqBF,IAAAA,6BAAAA,EACzB,iBACA,wBACAL,gBAAgBQ,IAAI,EACpBN;IAGF,OAAOO,IAAAA,gCAAAA,EAAgBL,kBAAkBd,WAAWiB;AACtD"}

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

@@ -1 +1 @@
-{"version":3,"sources":["renderMorseCode.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport const renderMorseCode = (\n  wrapperClassName: string,\n  wrapperProps: React.HTMLAttributes<HTMLDivElement>,\n  morseCodeClassName: string,\n  targetRef?: (node: HTMLElement | null) => void,\n) => {\n  return (\n    <div className={wrapperClassName} {...wrapperProps}>\n      <div ref={targetRef} className={morseCodeClassName} />\n    </div>\n  );\n};\n"],"names":["renderMorseCode","wrapperClassName","wrapperProps","morseCodeClassName","targetRef","React","createElement","div","className","ref"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEaA;;;eAAAA;;;;iEAFU;AAEhB,MAAMA,kBAAkB,CAC7BC,kBACAC,cACAC,oBACAC;IAEA,OAAA,WAAA,GACEC,OAAAC,aAAA,CAACC,OAAAA;QAAIC,WAAWP;QAAmB,GAAGC,YAAY;qBAChDG,OAAAC,aAAA,CAACC,OAAAA;QAAIE,KAAKL;QAAWI,WAAWL;;AAGtC"}
+{"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":["renderMorseCode","wrapperClassName","wrapperProps","morseCodeClassName","targetRef","React","createElement","div","className","ref"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGaA;;;eAAAA;;;;iEAHU;AAGhB,MAAMA,kBAAkB,CAC7BC,kBACAC,cACAC,oBACAC;IAEA,OAAA,WAAA,GACEC,OAAAC,aAAA,CAACC,OAAAA;QAAIC,WAAWP;QAAmB,GAAGC,YAAY;qBAChDG,OAAAC,aAAA,CAACC,OAAAA;QAAIE,KAAKL;QAAWI,WAAWL;;AAGtC"}

package/lib-commonjs/components/small/MorseCodeSmall.js

@@ -13,8 +13,14 @@ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _houdiniutils = require("@fluentui-contrib/houdini-utils");
 const _MorseCodeSmallFallback = require("./MorseCodeSmallFallback");
 const _MorseCodeSmallHoudini = require("./MorseCodeSmallHoudini");
-const houdiniAvailable = (0, _houdiniutils.hasHoudini)();
+const _reactcomponents = require("@fluentui/react-components");
 const MorseCodeSmall = (props)=>{
+    const { targetDocument } = (0, _reactcomponents.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(()=>(0, _houdiniutils.hasHoudini)(targetWindow), [
+        targetWindow
+    ]);
     if (houdiniAvailable) {
         return /*#__PURE__*/ _react.createElement(_MorseCodeSmallHoudini.MorseCodeSmallHoudini, props);
     }

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

@@ -1 +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';\n\nconst houdiniAvailable = hasHoudini();\n\nexport const MorseCodeSmall: React.FC<MorseCodeProps> = props => {\n  if (houdiniAvailable) {\n    return <MorseCodeSmallHoudini {...props} />;\n  }\n\n  return <MorseCodeSmallFallback {...props} />;\n};\n"],"names":["MorseCodeSmall","houdiniAvailable","hasHoudini","props","React","createElement","MorseCodeSmallHoudini","MorseCodeSmallFallback"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;8BACI;wCACY;uCACD;AAItC,MAAMC,mBAAmBC,IAAAA,wBAAAA;AAElB,MAAMF,iBAA2CG,CAAAA;IACtD,IAAIF,kBAAkB;QACpB,OAAA,WAAA,GAAOG,OAAAC,aAAA,CAACC,4CAAAA,EAA0BH;IACpC;IAEA,OAAA,WAAA,GAAOC,OAAAC,aAAA,CAACE,8CAAAA,EAA2BJ;AACrC"}
+{"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":["MorseCodeSmall","props","targetDocument","useFluent","targetWindow","defaultView","undefined","houdiniAvailable","React","useMemo","hasHoudini","createElement","MorseCodeSmallHoudini","MorseCodeSmallFallback"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;8BACI;wCACY;uCACD;iCAGZ;AAEnB,MAAMA,iBAA2CC,CAAAA;IACtD,MAAM,EAAEC,cAAc,EAAE,GAAGC,IAAAA,0BAAAA;QACND;IAArB,MAAME,eAAeF,CAAAA,8BAAAA,mBAAAA,QAAAA,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAgBG,WAAW,AAAXA,MAAW,QAA3BH,gCAAAA,KAAAA,IAAAA,8BAA+BI;IACpD,MAAMC,mBAAmBC,OAAMC,OAAO,CAAC,IAAMC,IAAAA,wBAAAA,EAAWN,eAAe;QAACA;KAAa;IAErF,IAAIG,kBAAkB;QACpB,OAAA,WAAA,GAAOC,OAAAG,aAAA,CAACC,4CAAAA,EAA0BX;IACpC;IAEA,OAAA,WAAA,GAAOO,OAAAG,aAAA,CAACE,8CAAAA,EAA2BZ;AACrC"}

package/lib-commonjs/components/small/MorseCodeSmallFallback.js

@@ -16,7 +16,7 @@ const _renderMorseCode = require("../shared/renderMorseCode");
 const MorseCodeSmallFallback = (props)=>{
     const morseCodeStyles = (0, _MorseCodeSmallstyles.useMorseCodeSmallStyles)();
     const targetRef = (0, _useFallbackRef.useFallbackRef)(_morsecode.morseCodeSmall);
-    const { className, ...restProps } = props;
+    const { className, baseUrl, fileName, ...restProps } = props;
     const wrapperClassName = (0, _reactcomponents.mergeClasses)(morseCodeStyles.wrapper, className);
     const morseCodeClassName = (0, _reactcomponents.mergeClasses)('fai-MorseCodeSmall', 'fai-MorseCodeSmallFallback', morseCodeStyles.base);
     return (0, _renderMorseCode.renderMorseCode)(wrapperClassName, restProps, morseCodeClassName, targetRef);

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

@@ -1 +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, ...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":["MorseCodeSmallFallback","props","morseCodeStyles","useMorseCodeSmallStyles","targetRef","useFallbackRef","morseCodeSmall","className","restProps","wrapperClassName","mergeClasses","wrapper","morseCodeClassName","base","renderMorseCode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;iCARgB;2BACE;sCACS;gCAGT;iCACC;AAEzB,MAAMA,yBAAmDC,CAAAA;IAC9D,MAAMC,kBAAkBC,IAAAA,6CAAAA;IAExB,MAAMC,YAAYC,IAAAA,8BAAAA,EAAeC,yBAAAA;IACjC,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAW,GAAGP;IACpC,MAAMQ,mBAAmBC,IAAAA,6BAAAA,EAAaR,gBAAgBS,OAAO,EAAEJ;IAC/D,MAAMK,qBAAqBF,IAAAA,6BAAAA,EAAa,sBAAsB,8BAA8BR,gBAAgBW,IAAI;IAEhH,OAAOC,IAAAA,gCAAAA,EAAgBL,kBAAkBD,WAAWI,oBAAoBR;AAC1E"}
+{"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":["MorseCodeSmallFallback","props","morseCodeStyles","useMorseCodeSmallStyles","targetRef","useFallbackRef","morseCodeSmall","className","baseUrl","fileName","restProps","wrapperClassName","mergeClasses","wrapper","morseCodeClassName","base","renderMorseCode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;iCARgB;2BACE;sCACS;gCAGT;iCACC;AAEzB,MAAMA,yBAAmDC,CAAAA;IAC9D,MAAMC,kBAAkBC,IAAAA,6CAAAA;IAExB,MAAMC,YAAYC,IAAAA,8BAAAA,EAAeC,yBAAAA;IACjC,MAAM,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGC,WAAW,GAAGT;IACvD,MAAMU,mBAAmBC,IAAAA,6BAAAA,EAAaV,gBAAgBW,OAAO,EAAEN;IAC/D,MAAMO,qBAAqBF,IAAAA,6BAAAA,EAAa,sBAAsB,8BAA8BV,gBAAgBa,IAAI;IAEhH,OAAOC,IAAAA,gCAAAA,EAAgBL,kBAAkBD,WAAWI,oBAAoBV;AAC1E"}

package/lib-commonjs/components/small/MorseCodeSmallHoudini.js

@@ -8,15 +8,24 @@ Object.defineProperty(exports, "MorseCodeSmallHoudini", {
         return MorseCodeSmallHoudini;
     }
 });
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactcomponents = require("@fluentui/react-components");
 const _useAddModule = require("../hooks/useAddModule");
 const _MorseCodeSmallstyles = require("./MorseCodeSmall.styles");
 const _morsecode = require("@fluentui-copilot/morse-code");
 const _renderMorseCode = require("../shared/renderMorseCode");
 const _MorseCodeSmallHoudinistyles = require("./MorseCodeSmallHoudini.styles");
-(0, _morsecode.initializeMorseCodeSmallCustomProperties)();
 const MorseCodeSmallHoudini = ({ baseUrl = _morsecode.DEFAULT_BASE_URL, fileName = _morsecode.DEFAULT_SMALL_FILE_URL, className, ...restProps })=>{
-    (0, _useAddModule.useAddModule)(baseUrl, fileName);
+    const { targetDocument } = (0, _reactcomponents.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(()=>{
+        (0, _morsecode.initializeMorseCodeSmallCustomProperties)(targetWindow);
+    }, [
+        targetWindow
+    ]);
+    (0, _useAddModule.useAddModule)(targetWindow, baseUrl, fileName);
     const morseCodeSmallStyles = (0, _MorseCodeSmallstyles.useMorseCodeSmallStyles)();
     const animationClassName = (0, _MorseCodeSmallHoudinistyles.useMorseCodeAnimationClassName)();
     const wrapperClassName = (0, _reactcomponents.mergeClasses)(morseCodeSmallStyles.wrapper, className);

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

@@ -1 +1 @@
-{"version":3,"sources":["MorseCodeSmallHoudini.tsx"],"sourcesContent":["import { mergeClasses } 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\ninitializeMorseCodeSmallCustomProperties();\n\nexport const MorseCodeSmallHoudini: React.FC<MorseCodeProps> = ({\n  baseUrl = DEFAULT_BASE_URL,\n  fileName = DEFAULT_SMALL_FILE_URL,\n  className,\n  ...restProps\n}) => {\n  useAddModule(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":["MorseCodeSmallHoudini","initializeMorseCodeSmallCustomProperties","baseUrl","DEFAULT_BASE_URL","fileName","DEFAULT_SMALL_FILE_URL","className","restProps","useAddModule","morseCodeSmallStyles","useMorseCodeSmallStyles","animationClassName","useMorseCodeAnimationClassName","wrapperClassName","mergeClasses","wrapper","morseCodeClassName","base","renderMorseCode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBaA;;;eAAAA;;;iCAhBgB;8BACA;sCACW;2BAMjC;iCAGyB;6CACe;AAE/CC,IAAAA,mDAAAA;AAEO,MAAMD,wBAAkD,CAAC,EAC9DE,UAAUC,2BAAgB,EAC1BC,WAAWC,iCAAsB,EACjCC,SAAS,EACT,GAAGC,WACJ;IACCC,IAAAA,0BAAAA,EAAaN,SAASE;IAEtB,MAAMK,uBAAuBC,IAAAA,6CAAAA;IAC7B,MAAMC,qBAAqBC,IAAAA,2DAAAA;IAC3B,MAAMC,mBAAmBC,IAAAA,6BAAAA,EAAaL,qBAAqBM,OAAO,EAAET;IACpE,MAAMU,qBAAqBF,IAAAA,6BAAAA,EACzB,sBACA,6BACAL,qBAAqBQ,IAAI,EACzBN;IAGF,OAAOO,IAAAA,gCAAAA,EAAgBL,kBAAkBN,WAAWS;AACtD"}
+{"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":["MorseCodeSmallHoudini","baseUrl","DEFAULT_BASE_URL","fileName","DEFAULT_SMALL_FILE_URL","className","restProps","targetDocument","useFluent","targetWindow","defaultView","undefined","React","useEffect","initializeMorseCodeSmallCustomProperties","useAddModule","morseCodeSmallStyles","useMorseCodeSmallStyles","animationClassName","useMorseCodeAnimationClassName","wrapperClassName","mergeClasses","wrapper","morseCodeClassName","base","renderMorseCode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAeaA;;;eAAAA;;;;iEAfU;iCACiB;8BACX;sCACW;2BAMjC;iCAGyB;6CACe;AAExC,MAAMA,wBAAkD,CAAC,EAC9DC,UAAUC,2BAAgB,EAC1BC,WAAWC,iCAAsB,EACjCC,SAAS,EACT,GAAGC,WACJ;IACC,MAAM,EAAEC,cAAc,EAAE,GAAGC,IAAAA,0BAAAA;QACND;IAArB,MAAME,eAAeF,CAAAA,8BAAAA,mBAAAA,QAAAA,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAgBG,WAAW,AAAXA,MAAW,QAA3BH,gCAAAA,KAAAA,IAAAA,8BAA+BI;IAEpDC,OAAMC,SAAS,CAAC;QACdC,IAAAA,mDAAAA,EAAyCL;IAC3C,GAAG;QAACA;KAAa;IAEjBM,IAAAA,0BAAAA,EAAaN,cAAcR,SAASE;IAEpC,MAAMa,uBAAuBC,IAAAA,6CAAAA;IAC7B,MAAMC,qBAAqBC,IAAAA,2DAAAA;IAC3B,MAAMC,mBAAmBC,IAAAA,6BAAAA,EAAaL,qBAAqBM,OAAO,EAAEjB;IACpE,MAAMkB,qBAAqBF,IAAAA,6BAAAA,EACzB,sBACA,6BACAL,qBAAqBQ,IAAI,EACzBN;IAGF,OAAOO,IAAAA,gCAAAA,EAAgBL,kBAAkBd,WAAWiB;AACtD"}

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

@@ -10,7 +10,6 @@ Object.defineProperty(exports, "useMorseCodeAnimationClassName", {
 });
 const _reactcomponents = require("@fluentui/react-components");
 const _morsecode = require("@fluentui-copilot/morse-code");
-(0, _morsecode.initializeMorseCodeSmallCustomProperties)();
 const sharedStyles = {
     backgroundImage: _morsecode.morseCodeSmallTokens.backgroundImage,
     animationIterationCount: _morsecode.morseCodeSmallTokens.morseCodeAnimationIterationCount,

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

@@ -1 +1 @@
-{"version":3,"sources":["MorseCodeSmallHoudini.styles.ts"],"sourcesContent":["import { makeResetStyles } from '@fluentui/react-components';\n\nimport {\n  initializeMorseCodeSmallCustomProperties,\n  morseCodeSmallAnimationTokens,\n  morseCodeSmallTokens,\n} from '@fluentui-copilot/morse-code';\n\ninitializeMorseCodeSmallCustomProperties();\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":["useMorseCodeAnimationClassName","initializeMorseCodeSmallCustomProperties","sharedStyles","backgroundImage","morseCodeSmallTokens","animationIterationCount","morseCodeAnimationIterationCount","animationDuration","morseCodeAnimationDuration","animationTimingFunction","morseCodeAnimationTimingFunction","makeResetStyles","animationName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAiBaA;;;eAAAA;;;iCAjBW;2BAMjB;AAEPC,IAAAA,mDAAAA;AAEA,MAAMC,eAAe;qBACnBC,+BAAiBC,CAAAA,eAAqBD;6BACtCE,+BAAyBD,CAAAA,gCAAqBE;uBAC9CC,+BAAmBH,CAAAA,0BAAqBI;6BACxCC,+BAAyBL,CAAAA,gCAAqBM;AAChD;AAEO,MAAMV,iCAAiCW,IAAAA,8BAAAA,EAAAA,YAAgB,WAAA;OAC5D;QAAA;QAAe;QAAA;QAAA;KAAA;OACfC;QAAAA;QAAe;KAAA;4DAA0F"}
+{"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":["useMorseCodeAnimationClassName","sharedStyles","backgroundImage","morseCodeSmallTokens","animationIterationCount","morseCodeAnimationIterationCount","animationDuration","morseCodeAnimationDuration","animationTimingFunction","morseCodeAnimationTimingFunction","makeResetStyles","animationName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;iCAXW;2BAE4C;AAEpE,MAAMC,eAAe;qBACnBC,+BAAiBC,CAAAA,eAAqBD;6BACtCE,+BAAyBD,CAAAA,gCAAqBE;uBAC9CC,+BAAmBH,CAAAA,0BAAqBI;6BACxCC,+BAAyBL,CAAAA,gCAAqBM;AAChD;AAEO,MAAMT,iCAAiCU,IAAAA,8BAAAA,EAAAA,YAAgB,WAAA;OAC5D;QAAA;QAAe;QAAA;QAAA;KAAA;OACfC;QAAAA;QAAe;KAAA;4DAA0F"}

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

@@ -10,7 +10,6 @@ Object.defineProperty(exports, "useMorseCodeAnimationClassName", {
 });
 const _reactcomponents = require("@fluentui/react-components");
 const _morsecode = require("@fluentui-copilot/morse-code");
-(0, _morsecode.initializeMorseCodeSmallCustomProperties)();
 const sharedStyles = {
     backgroundImage: _morsecode.morseCodeSmallTokens.backgroundImage,
     animationIterationCount: _morsecode.morseCodeSmallTokens.morseCodeAnimationIterationCount,

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

@@ -1 +1 @@
-{"version":3,"sources":["MorseCodeSmallHoudini.styles.ts"],"sourcesContent":["import { makeResetStyles } from '@fluentui/react-components';\n\nimport {\n  initializeMorseCodeSmallCustomProperties,\n  morseCodeSmallAnimationTokens,\n  morseCodeSmallTokens,\n} from '@fluentui-copilot/morse-code';\n\ninitializeMorseCodeSmallCustomProperties();\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":["useMorseCodeAnimationClassName","initializeMorseCodeSmallCustomProperties","sharedStyles","backgroundImage","morseCodeSmallTokens","animationIterationCount","morseCodeAnimationIterationCount","animationDuration","morseCodeAnimationDuration","animationTimingFunction","morseCodeAnimationTimingFunction","makeResetStyles","animationName","morseCodeSmallAnimationTokens","colorAnimation","dotsAndDashes","colorHCAnimation"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAiBaA;;;eAAAA;;;iCAjBmB;2BAMzB;AAEPC,IAAAA,mDAAAA;AAEA,MAAMC,eAAe;IACnBC,iBAAiBC,+BAAAA,CAAqBD,eAAe;IACrDE,yBAAyBD,+BAAAA,CAAqBE,gCAAgC;IAC9EC,mBAAmBH,+BAAAA,CAAqBI,0BAA0B;IAClEC,yBAAyBL,+BAAAA,CAAqBM,gCAAgC;AAChF;AAEO,MAAMV,iCAAiCW,IAAAA,gCAAAA,EAAgB;IAC5D,GAAGT,YAAY;IACfU,eAAe;QAACC,wCAAAA,CAA8BC,cAAc;QAAED,wCAAAA,CAA8BE,aAAa;KAAC;IAE1G,kCAAkC;QAChC,GAAGb,YAAY;QACfU,eAAe;YAACC,wCAAAA,CAA8BG,gBAAgB;YAAEH,wCAAAA,CAA8BE,aAAa;SAAC;IAC9G;AACF"}
+{"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":["useMorseCodeAnimationClassName","sharedStyles","backgroundImage","morseCodeSmallTokens","animationIterationCount","morseCodeAnimationIterationCount","animationDuration","morseCodeAnimationDuration","animationTimingFunction","morseCodeAnimationTimingFunction","makeResetStyles","animationName","morseCodeSmallAnimationTokens","colorAnimation","dotsAndDashes","colorHCAnimation"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;iCAXmB;2BAEoC;AAEpE,MAAMC,eAAe;IACnBC,iBAAiBC,+BAAAA,CAAqBD,eAAe;IACrDE,yBAAyBD,+BAAAA,CAAqBE,gCAAgC;IAC9EC,mBAAmBH,+BAAAA,CAAqBI,0BAA0B;IAClEC,yBAAyBL,+BAAAA,CAAqBM,gCAAgC;AAChF;AAEO,MAAMT,iCAAiCU,IAAAA,gCAAAA,EAAgB;IAC5D,GAAGT,YAAY;IACfU,eAAe;QAACC,wCAAAA,CAA8BC,cAAc;QAAED,wCAAAA,CAA8BE,aAAa;KAAC;IAE1G,kCAAkC;QAChC,GAAGb,YAAY;QACfU,eAAe;YAACC,wCAAAA,CAA8BG,gBAAgB;YAAEH,wCAAAA,CAA8BE,aAAa;SAAC;IAC9G;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-morse-code",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "description": "A Fluent AI package",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,17 +12,17 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui-contrib/houdini-utils": "0.3.5",
-    "@fluentui-copilot/morse-code": "^0.0.10",
+    "@fluentui-contrib/houdini-utils": "^0.5.1",
+    "@fluentui-copilot/morse-code": "~0.1.0",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
-    "@fluentui/react-components": ">=9.66.0 <10.0.0",
-    "@fluentui/react-jsx-runtime": ">=9.1.1 <10.0.0",
-    "@types/react": ">=16.14.0 <19.0.0",
-    "@types/react-dom": ">=16.9.8 <19.0.0",
-    "react": ">=16.14.0 <19.0.0",
-    "react-dom": ">=16.14.0 <19.0.0"
+    "@fluentui/react-components": ">=9.70.0 <10.0.0",
+    "@fluentui/react-jsx-runtime": ">=9.2.0 <10.0.0",
+    "@types/react": ">=16.14.0 <20.0.0",
+    "@types/react-dom": ">=16.9.8 <20.0.0",
+    "react": ">=16.14.0 <20.0.0",
+    "react-dom": ">=16.14.0 <20.0.0"
   },
   "beachball": {
     "disallowedChangeTypes": [