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

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

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

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useAddModule", {
+    enumerable: true,
+    get: function() {
+        return useAddModule;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _houdiniutils = require("@fluentui-contrib/houdini-utils");
+const initializedModules = {};
+const useAddModule = (targetWindow, baseUrl, fileName)=>{
+    _react.useEffect(()=>{
+        const path = `${baseUrl}${fileName}`;
+        if (!initializedModules[path]) {
+            (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

@@ -0,0 +1 @@
+{"version":3,"sources":["useAddModule.ts"],"sourcesContent":["import * as React from 'react';\nimport { addModule } from '@fluentui-contrib/houdini-utils';\n\nconst initializedModules = {} as Record<string, boolean>;\n\nexport const useAddModule = (targetWindow: Window | undefined, baseUrl: string, fileName: string): void => {\n  React.useEffect(() => {\n    const path = `${baseUrl}${fileName}`;\n    if (!initializedModules[path]) {\n      addModule(targetWindow, baseUrl, fileName)\n        .then(() => {\n          initializedModules[path] = true;\n        })\n        .catch(_err => {\n          initializedModules[path] = false;\n        });\n    }\n  }, [targetWindow, baseUrl, fileName]);\n};\n"],"names":["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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useFallbackRef", {
+    enumerable: true,
+    get: function() {
+        return useFallbackRef;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const ON_COMPLETE_NOOP = ()=>{
+    return;
+};
+const useFallbackRef = (anim)=>{
+    const animControls = _react.useRef();
+    const targetRef = _react.useCallback((node)=>{
+        if (animControls.current) {
+            animControls.current.stop();
+            animControls.current.cleanup();
+            animControls.current = undefined;
+        }
+        if (node) {
+            animControls.current = anim(node);
+            animControls.current.play(ON_COMPLETE_NOOP);
+        }
+    }, [
+        anim
+    ]);
+    return targetRef;
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useFallbackRef.ts"],"sourcesContent":["import * as React from 'react';\nimport type { fallbackPaintAnimation } from '@fluentui-contrib/houdini-utils';\n\nconst ON_COMPLETE_NOOP = () => {\n  return;\n};\n\nexport type FallbackAnim = (target: HTMLElement) => ReturnType<typeof fallbackPaintAnimation>;\n\nexport const useFallbackRef = (anim: FallbackAnim): ((node: HTMLElement | null) => void) => {\n  const animControls = React.useRef<ReturnType<typeof fallbackPaintAnimation> | undefined>();\n  const targetRef = React.useCallback(\n    (node: HTMLElement | null) => {\n      if (animControls.current) {\n        animControls.current.stop();\n        animControls.current.cleanup();\n        animControls.current = undefined;\n      }\n\n      if (node) {\n        animControls.current = anim(node);\n        animControls.current.play(ON_COMPLETE_NOOP);\n      }\n    },\n    [anim],\n  );\n\n  return targetRef;\n};\n"],"names":["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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MorseCode", {
+    enumerable: true,
+    get: function() {
+        return MorseCode;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _houdiniutils = require("@fluentui-contrib/houdini-utils");
+const _MorseCodeFallback = require("./MorseCodeFallback");
+const _MorseCodeHoudini = require("./MorseCodeHoudini");
+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);
+    }
+    return /*#__PURE__*/ _react.createElement(_MorseCodeFallback.MorseCodeFallback, props);
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCode.tsx"],"sourcesContent":["import * as React from 'react';\nimport { hasHoudini } from '@fluentui-contrib/houdini-utils';\nimport { MorseCodeFallback } from './MorseCodeFallback';\nimport { MorseCodeHoudini } from './MorseCodeHoudini';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\nimport { useFluent } from '@fluentui/react-components';\n\nexport const MorseCode: React.FC<MorseCodeProps> = props => {\n  const { targetDocument } = useFluent();\n  const targetWindow = targetDocument?.defaultView ?? undefined;\n\n  const houdiniAvailable = React.useMemo(() => hasHoudini(targetWindow), [targetWindow]);\n\n  if (houdiniAvailable) {\n    return <MorseCodeHoudini {...props} />;\n  }\n\n  return <MorseCodeFallback {...props} />;\n};\n"],"names":["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/MorseCode.styles.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useMorseCodeStyles", {
+    enumerable: true,
+    get: function() {
+        return useMorseCodeStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const useMorseCodeStyles = (0, _reactcomponents.__styles)({
+    base: {
+        Bhx7t8d: "f1fgls1j",
+        p0sd7z: "f7s2a0q",
+        sshi5w: "f1csse87",
+        Bvjb7m6: "fdgv6k0",
+        jekbwv: "f1x4gczw",
+        B20m2qn: "f1mvgrou",
+        It5emp: "f1p87gnb"
+    },
+    wrapper: {
+        a9b677: "fly5x3f",
+        Bqenvij: "f1l02sjl"
+    }
+}, {
+    t: [
+        "@supports (aspect-ratio:  20 / 1){.f1fgls1j{aspect-ratio:20/1;}}",
+        "@supports not (aspect-ratio:  20 / 1){.f7s2a0q{padding-top:5%;}}"
+    ],
+    d: [
+        ".f1csse87{min-height:5px;}",
+        ".fdgv6k0{forced-color-adjust:none;}",
+        ".f1x4gczw{--fai-morse-code-color-stop-1:0%;}",
+        ".f1mvgrou{--fai-morse-code-color-stop-2:50%;}",
+        ".f1p87gnb{--fai-morse-code-color-stop-3:100%;}",
+        ".fly5x3f{width:100%;}",
+        ".f1l02sjl{height:100%;}"
+    ]
+}); //# sourceMappingURL=MorseCode.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCode.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nimport { morseCodeTokens } from '@fluentui-copilot/morse-code';\n\nexport const useMorseCodeStyles = makeStyles({\n  base: {\n    '@supports (aspect-ratio:  20 / 1)': {\n      aspectRatio: morseCodeTokens.morseCodeAspectRatio,\n    },\n    '@supports not (aspect-ratio:  20 / 1)': {\n      paddingTop: morseCodeTokens.morseCodeAspectRatioFallbackPaddingTop,\n    },\n    minHeight: '5px',\n    forcedColorAdjust: 'none',\n    '--fai-morse-code-color-stop-1': morseCodeTokens.morseCodeColorStop1,\n    '--fai-morse-code-color-stop-2': morseCodeTokens.morseCodeColorStop2,\n    '--fai-morse-code-color-stop-3': morseCodeTokens.morseCodeColorStop3,\n  },\n  wrapper: {\n    width: '100%',\n    height: '100%',\n  },\n});\n"],"names":["useMorseCodeStyles","makeStyles","base","aspectRatio","paddingTop","minHeight"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGaA;;;eAAAA;;;iCAHM;AAGZ,MAAMA,qBAAqBC,IAAAA,yBAAAA,EAAAA;UAChCC;iBACE;gBACEC;gBACF;iBACA;gBACEC;iBACF;gBACAC;;aAEA;gBACA;iBACA;;;;;QAGO;KAAA;;;QACC;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAEZ,4CAAG"}

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useMorseCodeStyles", {
+    enumerable: true,
+    get: function() {
+        return useMorseCodeStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _morsecode = require("@fluentui-copilot/morse-code");
+const useMorseCodeStyles = (0, _reactcomponents.makeStyles)({
+    base: {
+        '@supports (aspect-ratio:  20 / 1)': {
+            aspectRatio: _morsecode.morseCodeTokens.morseCodeAspectRatio
+        },
+        '@supports not (aspect-ratio:  20 / 1)': {
+            paddingTop: _morsecode.morseCodeTokens.morseCodeAspectRatioFallbackPaddingTop
+        },
+        minHeight: '5px',
+        forcedColorAdjust: 'none',
+        '--fai-morse-code-color-stop-1': _morsecode.morseCodeTokens.morseCodeColorStop1,
+        '--fai-morse-code-color-stop-2': _morsecode.morseCodeTokens.morseCodeColorStop2,
+        '--fai-morse-code-color-stop-3': _morsecode.morseCodeTokens.morseCodeColorStop3
+    },
+    wrapper: {
+        width: '100%',
+        height: '100%'
+    }
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCode.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nimport { morseCodeTokens } from '@fluentui-copilot/morse-code';\n\nexport const useMorseCodeStyles = makeStyles({\n  base: {\n    '@supports (aspect-ratio:  20 / 1)': {\n      aspectRatio: morseCodeTokens.morseCodeAspectRatio,\n    },\n    '@supports not (aspect-ratio:  20 / 1)': {\n      paddingTop: morseCodeTokens.morseCodeAspectRatioFallbackPaddingTop,\n    },\n    minHeight: '5px',\n    forcedColorAdjust: 'none',\n    '--fai-morse-code-color-stop-1': morseCodeTokens.morseCodeColorStop1,\n    '--fai-morse-code-color-stop-2': morseCodeTokens.morseCodeColorStop2,\n    '--fai-morse-code-color-stop-3': morseCodeTokens.morseCodeColorStop3,\n  },\n  wrapper: {\n    width: '100%',\n    height: '100%',\n  },\n});\n"],"names":["useMorseCodeStyles","makeStyles","base","aspectRatio","morseCodeTokens","morseCodeAspectRatio","paddingTop","morseCodeAspectRatioFallbackPaddingTop","minHeight","forcedColorAdjust","morseCodeColorStop1","morseCodeColorStop2","morseCodeColorStop3","wrapper","width","height"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGaA;;;eAAAA;;;iCAHc;2BACK;AAEzB,MAAMA,qBAAqBC,IAAAA,2BAAAA,EAAW;IAC3CC,MAAM;QACJ,qCAAqC;YACnCC,aAAaC,0BAAAA,CAAgBC,oBAAoB;QACnD;QACA,yCAAyC;YACvCC,YAAYF,0BAAAA,CAAgBG,sCAAsC;QACpE;QACAC,WAAW;QACXC,mBAAmB;QACnB,iCAAiCL,0BAAAA,CAAgBM,mBAAmB;QACpE,iCAAiCN,0BAAAA,CAAgBO,mBAAmB;QACpE,iCAAiCP,0BAAAA,CAAgBQ,mBAAmB;IACtE;IACAC,SAAS;QACPC,OAAO;QACPC,QAAQ;IACV;AACF"}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MorseCodeFallback", {
+    enumerable: true,
+    get: function() {
+        return MorseCodeFallback;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _morsecode = require("@fluentui-copilot/morse-code");
+const _MorseCodestyles = require("./MorseCode.styles");
+const _useFallbackRef = require("../hooks/useFallbackRef");
+const _renderMorseCode = require("../shared/renderMorseCode");
+const MorseCodeFallback = (props)=>{
+    const morseCodeStyles = (0, _MorseCodestyles.useMorseCodeStyles)();
+    const targetRef = (0, _useFallbackRef.useFallbackRef)(_morsecode.morseCode);
+    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

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeFallback.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport { morseCode } from '@fluentui-copilot/morse-code';\nimport { useMorseCodeStyles } from './MorseCode.styles';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\nimport { useFallbackRef } from '../hooks/useFallbackRef';\nimport { renderMorseCode } from '../shared/renderMorseCode';\n\nexport const MorseCodeFallback: React.FC<MorseCodeProps> = props => {\n  const morseCodeStyles = useMorseCodeStyles();\n\n  const targetRef = useFallbackRef(morseCode);\n\n  const { className, baseUrl, fileName, ...restProps } = props;\n  const wrapperClassName = mergeClasses(morseCodeStyles.wrapper, className);\n  const morseCodeClassName = mergeClasses('fai-MorseCode', 'fai-MorseCodeFallback', morseCodeStyles.base);\n\n  return renderMorseCode(wrapperClassName, restProps, morseCodeClassName, targetRef);\n};\n"],"names":["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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MorseCodeHoudini", {
+    enumerable: true,
+    get: function() {
+        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");
+const MorseCodeHoudini = ({ baseUrl = _morsecode.DEFAULT_BASE_URL, fileName = _morsecode.DEFAULT_FILE_URL, className, ...restProps })=>{
+    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);
+    const morseCodeClassName = (0, _reactcomponents.mergeClasses)('fai-MorseCode', 'fai-MorseCodeHoudini', morseCodeStyles.base, animationClassName);
+    return (0, _renderMorseCode.renderMorseCode)(wrapperClassName, restProps, morseCodeClassName);
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeHoudini.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeClasses, useFluent } from '@fluentui/react-components';\nimport { useAddModule } from '../hooks/useAddModule';\nimport { useMorseCodeStyles } from './MorseCode.styles';\n\nimport { initializeMorseCodeCustomProperties, DEFAULT_BASE_URL, DEFAULT_FILE_URL } from '@fluentui-copilot/morse-code';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\nimport { renderMorseCode } from '../shared/renderMorseCode';\nimport { useMorseCodeAnimationClassName } from './MorseCodeHoudini.styles';\n\nexport const MorseCodeHoudini: React.FC<MorseCodeProps> = ({\n  baseUrl = DEFAULT_BASE_URL,\n  fileName = DEFAULT_FILE_URL,\n  className,\n  ...restProps\n}) => {\n  const { targetDocument } = useFluent();\n  const targetWindow = targetDocument?.defaultView ?? undefined;\n\n  React.useEffect(() => {\n    initializeMorseCodeCustomProperties(targetWindow);\n  }, [targetWindow]);\n\n  useAddModule(targetWindow, baseUrl, fileName);\n\n  const morseCodeStyles = useMorseCodeStyles();\n  const animationClassName = useMorseCodeAnimationClassName();\n  const wrapperClassName = mergeClasses(morseCodeStyles.wrapper, className);\n  const morseCodeClassName = mergeClasses(\n    'fai-MorseCode',\n    'fai-MorseCodeHoudini',\n    morseCodeStyles.base,\n    animationClassName,\n  );\n\n  return renderMorseCode(wrapperClassName, restProps, morseCodeClassName);\n};\n"],"names":["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/large/MorseCodeHoudini.styles.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeHoudini.styles.ts"],"sourcesContent":["import { makeResetStyles } from '@fluentui/react-components';\nimport { morseCodeAnimationTokens, morseCodeTokens } from '@fluentui-copilot/morse-code';\n\nconst sharedStyles = {\n  backgroundImage: morseCodeTokens.backgroundImage,\n  animationIterationCount: morseCodeTokens.morseCodeAnimationIterationCount,\n  animationDuration: morseCodeTokens.morseCodeAnimationDuration,\n  animationTimingFunction: morseCodeTokens.morseCodeAnimationTimingFunction,\n};\n\nexport const useMorseCodeAnimationClassName = makeResetStyles({\n  ...sharedStyles,\n  animationName: [morseCodeAnimationTokens.colorAnimation, morseCodeAnimationTokens.dotsAndDashes],\n\n  '@media (forced-colors: active)': {\n    ...sharedStyles,\n    animationName: [morseCodeAnimationTokens.colorHCAnimation, morseCodeAnimationTokens.dotsAndDashes],\n  },\n});\n"],"names":["useMorseCodeAnimationClassName","sharedStyles","backgroundImage","morseCodeTokens","animationIterationCount","morseCodeAnimationIterationCount","animationDuration","morseCodeAnimationDuration","animationTimingFunction","morseCodeAnimationTimingFunction","makeResetStyles","animationName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;iCAVW;2BACkC;AAE1D,MAAMC,eAAe;qBACnBC,0BAAiBC,CAAAA,eAAgBD;6BACjCE,0BAAyBD,CAAAA,gCAAgBE;uBACzCC,0BAAmBH,CAAAA,0BAAgBI;6BACnCC,0BAAyBL,CAAAA,gCAAgBM;AAC3C;AAEO,MAAMT,iCAAiCU,IAAAA,8BAAAA,EAAAA,YAAgB,WAAA;OAC5D;QAAA;QAAe;QAAA;QAAA;KAAA;OACfC;QAAAA;QAAe;KAAA;uDAAgF"}

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useMorseCodeAnimationClassName", {
+    enumerable: true,
+    get: function() {
+        return useMorseCodeAnimationClassName;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _morsecode = require("@fluentui-copilot/morse-code");
+const sharedStyles = {
+    backgroundImage: _morsecode.morseCodeTokens.backgroundImage,
+    animationIterationCount: _morsecode.morseCodeTokens.morseCodeAnimationIterationCount,
+    animationDuration: _morsecode.morseCodeTokens.morseCodeAnimationDuration,
+    animationTimingFunction: _morsecode.morseCodeTokens.morseCodeAnimationTimingFunction
+};
+const useMorseCodeAnimationClassName = (0, _reactcomponents.makeResetStyles)({
+    ...sharedStyles,
+    animationName: [
+        _morsecode.morseCodeAnimationTokens.colorAnimation,
+        _morsecode.morseCodeAnimationTokens.dotsAndDashes
+    ],
+    '@media (forced-colors: active)': {
+        ...sharedStyles,
+        animationName: [
+            _morsecode.morseCodeAnimationTokens.colorHCAnimation,
+            _morsecode.morseCodeAnimationTokens.dotsAndDashes
+        ]
+    }
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeHoudini.styles.ts"],"sourcesContent":["import { makeResetStyles } from '@fluentui/react-components';\nimport { morseCodeAnimationTokens, morseCodeTokens } from '@fluentui-copilot/morse-code';\n\nconst sharedStyles = {\n  backgroundImage: morseCodeTokens.backgroundImage,\n  animationIterationCount: morseCodeTokens.morseCodeAnimationIterationCount,\n  animationDuration: morseCodeTokens.morseCodeAnimationDuration,\n  animationTimingFunction: morseCodeTokens.morseCodeAnimationTimingFunction,\n};\n\nexport const useMorseCodeAnimationClassName = makeResetStyles({\n  ...sharedStyles,\n  animationName: [morseCodeAnimationTokens.colorAnimation, morseCodeAnimationTokens.dotsAndDashes],\n\n  '@media (forced-colors: active)': {\n    ...sharedStyles,\n    animationName: [morseCodeAnimationTokens.colorHCAnimation, morseCodeAnimationTokens.dotsAndDashes],\n  },\n});\n"],"names":["useMorseCodeAnimationClassName","sharedStyles","backgroundImage","morseCodeTokens","animationIterationCount","morseCodeAnimationIterationCount","animationDuration","morseCodeAnimationDuration","animationTimingFunction","morseCodeAnimationTimingFunction","makeResetStyles","animationName","morseCodeAnimationTokens","colorAnimation","dotsAndDashes","colorHCAnimation"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;iCAVmB;2BAC0B;AAE1D,MAAMC,eAAe;IACnBC,iBAAiBC,0BAAAA,CAAgBD,eAAe;IAChDE,yBAAyBD,0BAAAA,CAAgBE,gCAAgC;IACzEC,mBAAmBH,0BAAAA,CAAgBI,0BAA0B;IAC7DC,yBAAyBL,0BAAAA,CAAgBM,gCAAgC;AAC3E;AAEO,MAAMT,iCAAiCU,IAAAA,gCAAAA,EAAgB;IAC5D,GAAGT,YAAY;IACfU,eAAe;QAACC,mCAAAA,CAAyBC,cAAc;QAAED,mCAAAA,CAAyBE,aAAa;KAAC;IAEhG,kCAAkC;QAChC,GAAGb,YAAY;QACfU,eAAe;YAACC,mCAAAA,CAAyBG,gBAAgB;YAAEH,mCAAAA,CAAyBE,aAAa;SAAC;IACpG;AACF"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderMorseCode", {
+    enumerable: true,
+    get: function() {
+        return renderMorseCode;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const renderMorseCode = (wrapperClassName, wrapperProps, morseCodeClassName, targetRef)=>{
+    return /*#__PURE__*/ _react.createElement("div", {
+        className: wrapperClassName,
+        ...wrapperProps
+    }, /*#__PURE__*/ _react.createElement("div", {
+        ref: targetRef,
+        className: morseCodeClassName
+    }));
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["renderMorseCode.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { JSXElement } from '@fluentui/react-components';\n\nexport const renderMorseCode = (\n  wrapperClassName: string,\n  wrapperProps: React.HTMLAttributes<HTMLDivElement>,\n  morseCodeClassName: string,\n  targetRef?: (node: HTMLElement | null) => void,\n): JSXElement => {\n  return (\n    <div className={wrapperClassName} {...wrapperProps}>\n      <div ref={targetRef} className={morseCodeClassName} />\n    </div>\n  );\n};\n"],"names":["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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MorseCodeSmall", {
+    enumerable: true,
+    get: function() {
+        return MorseCodeSmall;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _houdiniutils = require("@fluentui-contrib/houdini-utils");
+const _MorseCodeSmallFallback = require("./MorseCodeSmallFallback");
+const _MorseCodeSmallHoudini = require("./MorseCodeSmallHoudini");
+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);
+    }
+    return /*#__PURE__*/ _react.createElement(_MorseCodeSmallFallback.MorseCodeSmallFallback, props);
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeSmall.tsx"],"sourcesContent":["import * as React from 'react';\nimport { hasHoudini } from '@fluentui-contrib/houdini-utils';\nimport { MorseCodeSmallFallback } from './MorseCodeSmallFallback';\nimport { MorseCodeSmallHoudini } from './MorseCodeSmallHoudini';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\nimport { useFluent } from '@fluentui/react-components';\n\nexport const MorseCodeSmall: React.FC<MorseCodeProps> = props => {\n  const { targetDocument } = useFluent();\n  const targetWindow = targetDocument?.defaultView ?? undefined;\n  const houdiniAvailable = React.useMemo(() => hasHoudini(targetWindow), [targetWindow]);\n\n  if (houdiniAvailable) {\n    return <MorseCodeSmallHoudini {...props} />;\n  }\n\n  return <MorseCodeSmallFallback {...props} />;\n};\n"],"names":["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/MorseCodeSmall.styles.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useMorseCodeSmallStyles", {
+    enumerable: true,
+    get: function() {
+        return useMorseCodeSmallStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const useMorseCodeSmallStyles = (0, _reactcomponents.__styles)({
+    base: {
+        B3jt8gx: "fziq3oc",
+        Bcicc91: "f10hrr0e",
+        sshi5w: "f1csse87",
+        Bvjb7m6: "fdgv6k0",
+        jekbwv: "f1x4gczw",
+        B20m2qn: "f1mvgrou",
+        It5emp: "f1p87gnb"
+    },
+    wrapper: {
+        a9b677: "fly5x3f",
+        Bqenvij: "f1l02sjl"
+    }
+}, {
+    t: [
+        "@supports (aspect-ratio:  10 / 1){.fziq3oc{aspect-ratio:10/1;}}",
+        "@supports not (aspect-ratio:  10 / 1){.f10hrr0e{padding-top:10%;}}"
+    ],
+    d: [
+        ".f1csse87{min-height:5px;}",
+        ".fdgv6k0{forced-color-adjust:none;}",
+        ".f1x4gczw{--fai-morse-code-color-stop-1:0%;}",
+        ".f1mvgrou{--fai-morse-code-color-stop-2:50%;}",
+        ".f1p87gnb{--fai-morse-code-color-stop-3:100%;}",
+        ".fly5x3f{width:100%;}",
+        ".f1l02sjl{height:100%;}"
+    ]
+}); //# sourceMappingURL=MorseCodeSmall.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeSmall.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nimport { morseCodeSmallTokens } from '@fluentui-copilot/morse-code';\n\nexport const useMorseCodeSmallStyles = makeStyles({\n  base: {\n    '@supports (aspect-ratio:  10 / 1)': {\n      aspectRatio: morseCodeSmallTokens.morseCodeAspectRatio,\n    },\n    '@supports not (aspect-ratio:  10 / 1)': {\n      paddingTop: morseCodeSmallTokens.morseCodeAspectRatioFallbackPaddingTop,\n    },\n    minHeight: '5px',\n    forcedColorAdjust: 'none',\n    '--fai-morse-code-color-stop-1': morseCodeSmallTokens.morseCodeColorStop1,\n    '--fai-morse-code-color-stop-2': morseCodeSmallTokens.morseCodeColorStop2,\n    '--fai-morse-code-color-stop-3': morseCodeSmallTokens.morseCodeColorStop3,\n  },\n  wrapper: {\n    width: '100%',\n    height: '100%',\n  },\n});\n"],"names":["useMorseCodeSmallStyles","makeStyles","base","aspectRatio","paddingTop","minHeight"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGaA;;;eAAAA;;;iCAHM;AAGZ,MAAMA,0BAA0BC,IAAAA,yBAAAA,EAAAA;UACrCC;iBACE;iBACEC;gBACF;iBACA;gBACEC;iBACF;gBACAC;;aAEA;gBACA;iBACA;;;;;QAGO;KAAA;;;QACC;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAEZ,iDAAG"}

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useMorseCodeSmallStyles", {
+    enumerable: true,
+    get: function() {
+        return useMorseCodeSmallStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _morsecode = require("@fluentui-copilot/morse-code");
+const useMorseCodeSmallStyles = (0, _reactcomponents.makeStyles)({
+    base: {
+        '@supports (aspect-ratio:  10 / 1)': {
+            aspectRatio: _morsecode.morseCodeSmallTokens.morseCodeAspectRatio
+        },
+        '@supports not (aspect-ratio:  10 / 1)': {
+            paddingTop: _morsecode.morseCodeSmallTokens.morseCodeAspectRatioFallbackPaddingTop
+        },
+        minHeight: '5px',
+        forcedColorAdjust: 'none',
+        '--fai-morse-code-color-stop-1': _morsecode.morseCodeSmallTokens.morseCodeColorStop1,
+        '--fai-morse-code-color-stop-2': _morsecode.morseCodeSmallTokens.morseCodeColorStop2,
+        '--fai-morse-code-color-stop-3': _morsecode.morseCodeSmallTokens.morseCodeColorStop3
+    },
+    wrapper: {
+        width: '100%',
+        height: '100%'
+    }
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeSmall.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nimport { morseCodeSmallTokens } from '@fluentui-copilot/morse-code';\n\nexport const useMorseCodeSmallStyles = makeStyles({\n  base: {\n    '@supports (aspect-ratio:  10 / 1)': {\n      aspectRatio: morseCodeSmallTokens.morseCodeAspectRatio,\n    },\n    '@supports not (aspect-ratio:  10 / 1)': {\n      paddingTop: morseCodeSmallTokens.morseCodeAspectRatioFallbackPaddingTop,\n    },\n    minHeight: '5px',\n    forcedColorAdjust: 'none',\n    '--fai-morse-code-color-stop-1': morseCodeSmallTokens.morseCodeColorStop1,\n    '--fai-morse-code-color-stop-2': morseCodeSmallTokens.morseCodeColorStop2,\n    '--fai-morse-code-color-stop-3': morseCodeSmallTokens.morseCodeColorStop3,\n  },\n  wrapper: {\n    width: '100%',\n    height: '100%',\n  },\n});\n"],"names":["useMorseCodeSmallStyles","makeStyles","base","aspectRatio","morseCodeSmallTokens","morseCodeAspectRatio","paddingTop","morseCodeAspectRatioFallbackPaddingTop","minHeight","forcedColorAdjust","morseCodeColorStop1","morseCodeColorStop2","morseCodeColorStop3","wrapper","width","height"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGaA;;;eAAAA;;;iCAHc;2BACU;AAE9B,MAAMA,0BAA0BC,IAAAA,2BAAAA,EAAW;IAChDC,MAAM;QACJ,qCAAqC;YACnCC,aAAaC,+BAAAA,CAAqBC,oBAAoB;QACxD;QACA,yCAAyC;YACvCC,YAAYF,+BAAAA,CAAqBG,sCAAsC;QACzE;QACAC,WAAW;QACXC,mBAAmB;QACnB,iCAAiCL,+BAAAA,CAAqBM,mBAAmB;QACzE,iCAAiCN,+BAAAA,CAAqBO,mBAAmB;QACzE,iCAAiCP,+BAAAA,CAAqBQ,mBAAmB;IAC3E;IACAC,SAAS;QACPC,OAAO;QACPC,QAAQ;IACV;AACF"}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MorseCodeSmallFallback", {
+    enumerable: true,
+    get: function() {
+        return MorseCodeSmallFallback;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _morsecode = require("@fluentui-copilot/morse-code");
+const _MorseCodeSmallstyles = require("./MorseCodeSmall.styles");
+const _useFallbackRef = require("../hooks/useFallbackRef");
+const _renderMorseCode = require("../shared/renderMorseCode");
+const MorseCodeSmallFallback = (props)=>{
+    const morseCodeStyles = (0, _MorseCodeSmallstyles.useMorseCodeSmallStyles)();
+    const targetRef = (0, _useFallbackRef.useFallbackRef)(_morsecode.morseCodeSmall);
+    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

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeSmallFallback.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport { morseCodeSmall } from '@fluentui-copilot/morse-code';\nimport { useMorseCodeSmallStyles } from './MorseCodeSmall.styles';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\nimport { useFallbackRef } from '../hooks/useFallbackRef';\nimport { renderMorseCode } from '../shared/renderMorseCode';\n\nexport const MorseCodeSmallFallback: React.FC<MorseCodeProps> = props => {\n  const morseCodeStyles = useMorseCodeSmallStyles();\n\n  const targetRef = useFallbackRef(morseCodeSmall);\n  const { className, baseUrl, fileName, ...restProps } = props;\n  const wrapperClassName = mergeClasses(morseCodeStyles.wrapper, className);\n  const morseCodeClassName = mergeClasses('fai-MorseCodeSmall', 'fai-MorseCodeSmallFallback', morseCodeStyles.base);\n\n  return renderMorseCode(wrapperClassName, restProps, morseCodeClassName, targetRef);\n};\n"],"names":["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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MorseCodeSmallHoudini", {
+    enumerable: true,
+    get: function() {
+        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");
+const MorseCodeSmallHoudini = ({ baseUrl = _morsecode.DEFAULT_BASE_URL, fileName = _morsecode.DEFAULT_SMALL_FILE_URL, className, ...restProps })=>{
+    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);
+    const morseCodeClassName = (0, _reactcomponents.mergeClasses)('fai-MorseCodeSmall', 'fai-MorseCodeSmallHoudini', morseCodeSmallStyles.base, animationClassName);
+    return (0, _renderMorseCode.renderMorseCode)(wrapperClassName, restProps, morseCodeClassName);
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeSmallHoudini.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeClasses, useFluent } from '@fluentui/react-components';\nimport { useAddModule } from '../hooks/useAddModule';\nimport { useMorseCodeSmallStyles } from './MorseCodeSmall.styles';\n\nimport {\n  initializeMorseCodeSmallCustomProperties,\n  DEFAULT_BASE_URL,\n  DEFAULT_SMALL_FILE_URL,\n} from '@fluentui-copilot/morse-code';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\nimport { renderMorseCode } from '../shared/renderMorseCode';\nimport { useMorseCodeAnimationClassName } from './MorseCodeSmallHoudini.styles';\n\nexport const MorseCodeSmallHoudini: React.FC<MorseCodeProps> = ({\n  baseUrl = DEFAULT_BASE_URL,\n  fileName = DEFAULT_SMALL_FILE_URL,\n  className,\n  ...restProps\n}) => {\n  const { targetDocument } = useFluent();\n  const targetWindow = targetDocument?.defaultView ?? undefined;\n\n  React.useEffect(() => {\n    initializeMorseCodeSmallCustomProperties(targetWindow);\n  }, [targetWindow]);\n\n  useAddModule(targetWindow, baseUrl, fileName);\n\n  const morseCodeSmallStyles = useMorseCodeSmallStyles();\n  const animationClassName = useMorseCodeAnimationClassName();\n  const wrapperClassName = mergeClasses(morseCodeSmallStyles.wrapper, className);\n  const morseCodeClassName = mergeClasses(\n    'fai-MorseCodeSmall',\n    'fai-MorseCodeSmallHoudini',\n    morseCodeSmallStyles.base,\n    animationClassName,\n  );\n\n  return renderMorseCode(wrapperClassName, restProps, morseCodeClassName);\n};\n"],"names":["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"}