@fluentui-copilot/react-morse-code 0.0.0-nightly-20250523-0405-e9bb09f9.1 → 0.0.0-nightly-20250526-0406-bf4d2990.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui-copilot/react-morse-code",
   "entries": [
     {
-      "date": "Fri, 23 May 2025 04:12:38 GMT",
-      "tag": "@fluentui-copilot/react-morse-code_v0.0.0-nightly-20250523-0405-e9bb09f9.1",
-      "version": "0.0.0-nightly-20250523-0405-e9bb09f9.1",
+      "date": "Mon, 26 May 2025 04:13:36 GMT",
+      "tag": "@fluentui-copilot/react-morse-code_v0.0.0-nightly-20250526-0406-bf4d2990.1",
+      "version": "0.0.0-nightly-20250526-0406-bf4d2990.1",
       "comments": {
         "prerelease": [
           {

package/CHANGELOG.md

@@ -1,13 +1,13 @@
 # Change Log - @fluentui-copilot/react-morse-code
 
-This log was last generated on Fri, 23 May 2025 04:12:38 GMT and should not be manually modified.
+This log was last generated on Mon, 26 May 2025 04:13:36 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20250523-0405-e9bb09f9.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-morse-code_v0.0.0-nightly-20250523-0405-e9bb09f9.1)
+## [0.0.0-nightly-20250526-0406-bf4d2990.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-morse-code_v0.0.0-nightly-20250526-0406-bf4d2990.1)
 
-Fri, 23 May 2025 04:12:38 GMT 
-[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-morse-code_v0.0.7..@fluentui-copilot/react-morse-code_v0.0.0-nightly-20250523-0405-e9bb09f9.1)
+Mon, 26 May 2025 04:13:36 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-morse-code_v0.0.7..@fluentui-copilot/react-morse-code_v0.0.0-nightly-20250526-0406-bf4d2990.1)
 
 ### Changes
 

package/dist/index.d.ts

@@ -1,10 +1,12 @@
+/// <reference types="react" />
+
 import * as React_2 from 'react';
 
 export declare const MorseCode: React_2.FC<MorseCodeProps>;
 
-export declare const MorseCodeFallback: React_2.FC<MorseCodeProps>;
+export declare const MorseCodeFallback: React.FC<MorseCodeProps>;
 
-export declare const MorseCodeHoudini: React_2.FC<MorseCodeProps>;
+export declare const MorseCodeHoudini: React.FC<MorseCodeProps>;
 
 export declare type MorseCodeProps = {
     baseUrl?: string;
@@ -12,4 +14,10 @@ export declare type MorseCodeProps = {
     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 { }

package/lib/components/hooks/useAddModule.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useAddModule.ts"],"sourcesContent":["import * as React from 'react';\nimport { addModule } from '@fluentui-contrib/houdini-utils';\n\nconst initializedModules = {} as Record<string, boolean>;\n\nexport const useAddModule = (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"}

package/lib/components/hooks/useFallbackRef.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useFallbackRef.ts"],"sourcesContent":["import * as React from 'react';\nimport type { fallbackPaintAnimation } from '@fluentui-contrib/houdini-utils';\n// 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"}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCode.tsx"],"sourcesContent":["import * as React from 'react';\nimport { hasHoudini } from '@fluentui-contrib/houdini-utils';\nimport { MorseCodeFallback } from './MorseCodeFallback';\nimport { MorseCodeHoudini } from './MorseCodeHoudini';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\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"}

package/lib/components/large/MorseCodeFallback.js

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

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

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

package/lib/components/{MorseCodeHoudini.js → large/MorseCodeHoudini.js}

@@ -1,10 +1,15 @@
-import * as React from 'react';
 import { __resetStyles, mergeClasses } from '@fluentui/react-components';
-import { addModule } from '@fluentui-contrib/houdini-utils';
+import { useAddModule } from '../hooks/useAddModule';
 import { useMorseCodeStyles } from './MorseCode.styles';
 import { initializeMorseCodeCustomProperties, morseCodeAnimationTokens, morseCodeTokens, DEFAULT_BASE_URL, DEFAULT_FILE_URL } from '@fluentui-copilot/morse-code';
-const initializedModules = {};
+import { renderMorseCode } from '../shared/renderMorseCode';
 initializeMorseCodeCustomProperties();
+const sharedStyles = {
+  backgroundImage: morseCodeTokens.backgroundImage,
+  animationIterationCount: morseCodeTokens.morseCodeAnimationIterationCount,
+  animationDuration: morseCodeTokens.morseCodeAnimationDuration,
+  animationTimingFunction: morseCodeTokens.morseCodeAnimationTimingFunction
+};
 const useMorseCodeAnimationClassName = __resetStyles("r1ms8zpq", "rqpk8qn", {
   r: [".r1ms8zpq{background-image:paint(morseCode);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:rarbvpc,r1i9k8jr;}", "@keyframes rarbvpc{0%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode1);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode2);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode3);}20%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode1);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode2);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode3);}33%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode4);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode5);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode6);}50%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode4);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode5);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode6);}66%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode7);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode8);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode9);}80%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode7);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode8);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode9);}100%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode1);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode2);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode3);}}", "@keyframes r1i9k8jr{0%{--fai-morse-code-width-1:20px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:104px;--fai-morse-code-x-position-2:62px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:20px;--fai-morse-code-x-position-3:182px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:60px;--fai-morse-code-x-position-4:218px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:40px;--fai-morse-code-x-position-5:294px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:350px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:386px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:422px;--fai-morse-code-opacity-8:0;}20%{--fai-morse-code-width-1:20px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:104px;--fai-morse-code-x-position-2:62px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:20px;--fai-morse-code-x-position-3:182px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:60px;--fai-morse-code-x-position-4:218px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:40px;--fai-morse-code-x-position-5:294px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:350px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:386px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:422px;--fai-morse-code-opacity-8:0;}33%{--fai-morse-code-width-1:30px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:20px;--fai-morse-code-x-position-2:72px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:60px;--fai-morse-code-x-position-3:108px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:80px;--fai-morse-code-x-position-4:184px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:280px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:316px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:392px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:428px;--fai-morse-code-opacity-8:0;}50%{--fai-morse-code-width-1:30px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:20px;--fai-morse-code-x-position-2:72px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:60px;--fai-morse-code-x-position-3:108px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:80px;--fai-morse-code-x-position-4:184px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:280px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:316px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:392px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:428px;--fai-morse-code-opacity-8:0;}66%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:70px;--fai-morse-code-opacity-2:1;--fai-morse-code-x-position-2:26px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:112px;--fai-morse-code-width-4:40px;--fai-morse-code-x-position-4:148px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:80px;--fai-morse-code-x-position-5:204px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:300px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:336px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:392px;--fai-morse-code-opacity-8:0;}80%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:70px;--fai-morse-code-opacity-2:1;--fai-morse-code-x-position-2:26px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:112px;--fai-morse-code-width-4:40px;--fai-morse-code-x-position-4:148px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:80px;--fai-morse-code-x-position-5:204px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:300px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:336px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:392px;--fai-morse-code-opacity-8:0;}100%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:20px;--fai-morse-code-opacity-2:0;--fai-morse-code-x-position-2:0px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:26px;--fai-morse-code-width-4:104px;--fai-morse-code-x-position-4:62px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:182px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:218px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:294px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:350px;--fai-morse-code-opacity-8:1;}}", ".rqpk8qn{background-image:paint(morseCode);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:rarbvpc,r1i9k8jr;}"],
   s: ["@media (forced-colors: active){.r1ms8zpq{background-image:paint(morseCode);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:r9zjrdo,r1i9k8jr;}@keyframes r9zjrdo{0%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode1);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode2);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode3);}20%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode1);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode2);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode3);}33%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode4);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode5);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode6);}50%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode4);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode5);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode6);}66%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode7);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode8);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode9);}80%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode7);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode8);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode9);}100%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode1);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode2);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode3);}}@keyframes r1i9k8jr{0%{--fai-morse-code-width-1:20px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:104px;--fai-morse-code-x-position-2:62px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:20px;--fai-morse-code-x-position-3:182px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:60px;--fai-morse-code-x-position-4:218px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:40px;--fai-morse-code-x-position-5:294px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:350px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:386px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:422px;--fai-morse-code-opacity-8:0;}20%{--fai-morse-code-width-1:20px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:104px;--fai-morse-code-x-position-2:62px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:20px;--fai-morse-code-x-position-3:182px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:60px;--fai-morse-code-x-position-4:218px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:40px;--fai-morse-code-x-position-5:294px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:350px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:386px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:422px;--fai-morse-code-opacity-8:0;}33%{--fai-morse-code-width-1:30px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:20px;--fai-morse-code-x-position-2:72px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:60px;--fai-morse-code-x-position-3:108px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:80px;--fai-morse-code-x-position-4:184px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:280px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:316px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:392px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:428px;--fai-morse-code-opacity-8:0;}50%{--fai-morse-code-width-1:30px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:20px;--fai-morse-code-x-position-2:72px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:60px;--fai-morse-code-x-position-3:108px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:80px;--fai-morse-code-x-position-4:184px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:280px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:316px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:392px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:428px;--fai-morse-code-opacity-8:0;}66%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:70px;--fai-morse-code-opacity-2:1;--fai-morse-code-x-position-2:26px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:112px;--fai-morse-code-width-4:40px;--fai-morse-code-x-position-4:148px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:80px;--fai-morse-code-x-position-5:204px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:300px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:336px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:392px;--fai-morse-code-opacity-8:0;}80%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:70px;--fai-morse-code-opacity-2:1;--fai-morse-code-x-position-2:26px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:112px;--fai-morse-code-width-4:40px;--fai-morse-code-x-position-4:148px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:80px;--fai-morse-code-x-position-5:204px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:300px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:336px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:392px;--fai-morse-code-opacity-8:0;}100%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:20px;--fai-morse-code-opacity-2:0;--fai-morse-code-x-position-2:0px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:26px;--fai-morse-code-width-4:104px;--fai-morse-code-x-position-4:62px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:182px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:218px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:294px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:350px;--fai-morse-code-opacity-8:1;}}}", "@media (forced-colors: active){.rqpk8qn{background-image:paint(morseCode);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:r9zjrdo,r1i9k8jr;}}"]
@@ -15,24 +20,11 @@ export const MorseCodeHoudini = ({
   className,
   ...restProps
 }) => {
-  React.useEffect(() => {
-    const path = `${baseUrl}${fileName}`;
-    if (!initializedModules[path]) {
-      addModule(baseUrl, fileName).then(() => {
-        initializedModules[path] = true;
-      }).catch(err => {
-        initializedModules[path] = false;
-      });
-    }
-  }, [baseUrl, fileName]);
+  useAddModule(baseUrl, fileName);
   const morseCodeStyles = useMorseCodeStyles();
   const animationClassName = useMorseCodeAnimationClassName();
-  const cn = mergeClasses(morseCodeStyles.wrapper, className);
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn,
-    ...restProps
-  }, /*#__PURE__*/React.createElement("div", {
-    className: mergeClasses('fai-MorseCode', 'fai-MorseCodeHoudini', morseCodeStyles.base, animationClassName)
-  }));
+  const wrapperClassName = mergeClasses(morseCodeStyles.wrapper, className);
+  const morseCodeClassName = mergeClasses('fai-MorseCode', 'fai-MorseCodeHoudini', morseCodeStyles.base, animationClassName);
+  return renderMorseCode(wrapperClassName, restProps, morseCodeClassName);
 };
 //# sourceMappingURL=MorseCodeHoudini.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeHoudini.tsx"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@fluentui/react-components';\nimport { useAddModule } from '../hooks/useAddModule';\nimport { useMorseCodeStyles } from './MorseCode.styles';\n\nimport {\n  initializeMorseCodeCustomProperties,\n  morseCodeAnimationTokens,\n  morseCodeTokens,\n  DEFAULT_BASE_URL,\n  DEFAULT_FILE_URL,\n} from '@fluentui-copilot/morse-code';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\nimport { renderMorseCode } from '../shared/renderMorseCode';\n\ninitializeMorseCodeCustomProperties();\n\nconst sharedStyles = {\n  backgroundImage: morseCodeTokens.backgroundImage,\n  animationIterationCount: morseCodeTokens.morseCodeAnimationIterationCount,\n  animationDuration: morseCodeTokens.morseCodeAnimationDuration,\n  animationTimingFunction: morseCodeTokens.morseCodeAnimationTimingFunction,\n};\n\nconst 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\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":["makeResetStyles","mergeClasses","useAddModule","useMorseCodeStyles","initializeMorseCodeCustomProperties","morseCodeAnimationTokens","morseCodeTokens","DEFAULT_BASE_URL","DEFAULT_FILE_URL","renderMorseCode","sharedStyles","backgroundImage","animationIterationCount","morseCodeAnimationIterationCount","animationDuration","morseCodeAnimationDuration","animationTimingFunction","morseCodeAnimationTimingFunction","useMorseCodeAnimationClassName","animationName","colorAnimation","dotsAndDashes","colorHCAnimation","MorseCodeHoudini","baseUrl","fileName","className","restProps","morseCodeStyles","animationClassName","wrapperClassName","wrapper","morseCodeClassName","base"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,YAAY,QAAQ,6BAA6B;AAC3E,SAASC,YAAY,QAAQ,wBAAwB;AACrD,SAASC,kBAAkB,QAAQ,qBAAqB;AAExD,SACEC,mCAAmC,EACnCC,wBAAwB,EACxBC,eAAe,EACfC,gBAAgB,EAChBC,gBAAgB,QACX,+BAA+B;AAGtC,SAASC,eAAe,QAAQ,4BAA4B;AAE5DL;AAEA,MAAMM,eAAe;IACnBC,iBAAiBL,gBAAgBK,eAAe;IAChDC,yBAAyBN,gBAAgBO,gCAAgC;IACzEC,mBAAmBR,gBAAgBS,0BAA0B;IAC7DC,yBAAyBV,gBAAgBW,gCAAgC;AAC3E;AAEA,MAAMC,iCAAiClB,gBAAgB;IACrD,GAAGU,YAAY;IACfS,eAAe;QAACd,yBAAyBe,cAAc;QAAEf,yBAAyBgB,aAAa;KAAC;IAEhG,kCAAkC;QAChC,GAAGX,YAAY;QACfS,eAAe;YAACd,yBAAyBiB,gBAAgB;YAAEjB,yBAAyBgB,aAAa;SAAC;IACpG;AACF;AAEA,OAAO,MAAME,mBAA6C,CAAC,EACzDC,UAAUjB,gBAAgB,EAC1BkB,WAAWjB,gBAAgB,EAC3BkB,SAAS,EACT,GAAGC,WACJ;IACCzB,aAAasB,SAASC;IAEtB,MAAMG,kBAAkBzB;IACxB,MAAM0B,qBAAqBX;IAC3B,MAAMY,mBAAmB7B,aAAa2B,gBAAgBG,OAAO,EAAEL;IAC/D,MAAMM,qBAAqB/B,aACzB,iBACA,wBACA2B,gBAAgBK,IAAI,EACpBJ;IAGF,OAAOpB,gBAAgBqB,kBAAkBH,WAAWK;AACtD,EAAE"}

package/lib/components/shared/renderMorseCode.js

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

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

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

package/lib/components/small/MorseCodeSmall.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { hasHoudini } from '@fluentui-contrib/houdini-utils';
+import { MorseCodeSmallFallback } from './MorseCodeSmallFallback';
+import { MorseCodeSmallHoudini } from './MorseCodeSmallHoudini';
+const houdiniAvailable = hasHoudini();
+export const MorseCodeSmall = props => {
+  if (houdiniAvailable) {
+    return /*#__PURE__*/React.createElement(MorseCodeSmallHoudini, props);
+  }
+  return /*#__PURE__*/React.createElement(MorseCodeSmallFallback, props);
+};
+//# sourceMappingURL=MorseCodeSmall.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeSmall.tsx"],"sourcesContent":["import * as React from 'react';\nimport { hasHoudini } from '@fluentui-contrib/houdini-utils';\nimport { MorseCodeSmallFallback } from './MorseCodeSmallFallback';\nimport { MorseCodeSmallHoudini } from './MorseCodeSmallHoudini';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\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"}

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

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

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

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

package/lib/components/small/MorseCodeSmallFallback.js

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

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

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

package/lib/components/small/MorseCodeSmallHoudini.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeSmallHoudini.tsx"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@fluentui/react-components';\nimport { useAddModule } from '../hooks/useAddModule';\nimport { useMorseCodeSmallStyles } from './MorseCodeSmall.styles';\n\nimport {\n  initializeMorseCodeSmallCustomProperties,\n  morseCodeSmallAnimationTokens,\n  morseCodeSmallTokens,\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';\n\ninitializeMorseCodeSmallCustomProperties();\n\nconst sharedStyles = {\n  backgroundImage: morseCodeSmallTokens.backgroundImage,\n  animationIterationCount: morseCodeSmallTokens.morseCodeAnimationIterationCount,\n  animationDuration: morseCodeSmallTokens.morseCodeAnimationDuration,\n  animationTimingFunction: morseCodeSmallTokens.morseCodeAnimationTimingFunction,\n};\n\nconst 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\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":["makeResetStyles","mergeClasses","useAddModule","useMorseCodeSmallStyles","initializeMorseCodeSmallCustomProperties","morseCodeSmallAnimationTokens","morseCodeSmallTokens","DEFAULT_BASE_URL","DEFAULT_SMALL_FILE_URL","renderMorseCode","sharedStyles","backgroundImage","animationIterationCount","morseCodeAnimationIterationCount","animationDuration","morseCodeAnimationDuration","animationTimingFunction","morseCodeAnimationTimingFunction","useMorseCodeAnimationClassName","animationName","colorAnimation","dotsAndDashes","colorHCAnimation","MorseCodeSmallHoudini","baseUrl","fileName","className","restProps","morseCodeSmallStyles","animationClassName","wrapperClassName","wrapper","morseCodeClassName","base"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,YAAY,QAAQ,6BAA6B;AAC3E,SAASC,YAAY,QAAQ,wBAAwB;AACrD,SAASC,uBAAuB,QAAQ,0BAA0B;AAElE,SACEC,wCAAwC,EACxCC,6BAA6B,EAC7BC,oBAAoB,EACpBC,gBAAgB,EAChBC,sBAAsB,QACjB,+BAA+B;AAGtC,SAASC,eAAe,QAAQ,4BAA4B;AAE5DL;AAEA,MAAMM,eAAe;IACnBC,iBAAiBL,qBAAqBK,eAAe;IACrDC,yBAAyBN,qBAAqBO,gCAAgC;IAC9EC,mBAAmBR,qBAAqBS,0BAA0B;IAClEC,yBAAyBV,qBAAqBW,gCAAgC;AAChF;AAEA,MAAMC,iCAAiClB,gBAAgB;IACrD,GAAGU,YAAY;IACfS,eAAe;QAACd,8BAA8Be,cAAc;QAAEf,8BAA8BgB,aAAa;KAAC;IAE1G,kCAAkC;QAChC,GAAGX,YAAY;QACfS,eAAe;YAACd,8BAA8BiB,gBAAgB;YAAEjB,8BAA8BgB,aAAa;SAAC;IAC9G;AACF;AAEA,OAAO,MAAME,wBAAkD,CAAC,EAC9DC,UAAUjB,gBAAgB,EAC1BkB,WAAWjB,sBAAsB,EACjCkB,SAAS,EACT,GAAGC,WACJ;IACCzB,aAAasB,SAASC;IAEtB,MAAMG,uBAAuBzB;IAC7B,MAAM0B,qBAAqBX;IAC3B,MAAMY,mBAAmB7B,aAAa2B,qBAAqBG,OAAO,EAAEL;IACpE,MAAMM,qBAAqB/B,aACzB,sBACA,6BACA2B,qBAAqBK,IAAI,EACzBJ;IAGF,OAAOpB,gBAAgBqB,kBAAkBH,WAAWK;AACtD,EAAE"}

package/lib/index.js

@@ -1,4 +1,7 @@
-export { MorseCode } from './components/MorseCode';
-export { MorseCodeFallback } from './components/MorseCodeFallback';
-export { MorseCodeHoudini } from './components/MorseCodeHoudini';
+export { MorseCode } from './components/large/MorseCode';
+export { MorseCodeFallback } from './components/large/MorseCodeFallback';
+export { MorseCodeHoudini } from './components/large/MorseCodeHoudini';
+export { MorseCodeSmall } from './components/small/MorseCodeSmall';
+export { MorseCodeSmallFallback } from './components/small/MorseCodeSmallFallback';
+export { MorseCodeSmallHoudini } from './components/small/MorseCodeSmallHoudini';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

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

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

@@ -0,0 +1,29 @@
+"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 = (baseUrl, fileName)=>{
+    _react.useEffect(()=>{
+        const path = `${baseUrl}${fileName}`;
+        if (!initializedModules[path]) {
+            (0, _houdiniutils.addModule)(baseUrl, fileName).then(()=>{
+                initializedModules[path] = true;
+            }).catch((_err)=>{
+                initializedModules[path] = false;
+            });
+        }
+    }, [
+        baseUrl,
+        fileName
+    ]);
+}; //# sourceMappingURL=useAddModule.js.map

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 = (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","catch"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAKaA;;;eAAAA;;;;iEALU;8BACG;AAE1B,MAAMC,qBAAqB,CAAC;AAErB,MAAMD,eAAe,CAACE,SAAiBC;WAC5CC,SAAMC,CAAAA;cACJC,OAAMA,CAAAA,EAAAA,QAAUJ,EAAAA,SAAUC,CAAAA;YAC1B,CAAAF,kBAAKA,CAAAA,KAAmBK,EAAAA;uCACtBC,EAAAA,SAAUL,UAASC,IAAAA,CAAAA;kCAEfF,CAAAA,KAAAA,GAAmBK;oBACrB,CACCE,CAAAA;kCACCP,CAAAA,KAAAA,GAAmBK;;;OAG3B;QAAAJ;QAAGC;KAAA;2CAAUA"}

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"));
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+const ON_COMPLETE_NOOP = ()=>{};
+const useFallbackRef = (anim)=>{
+    const targetRef = _react.useCallback((node)=>{
+        let animControls;
+        if (node) {
+            animControls = anim(node);
+            animControls.play(ON_COMPLETE_NOOP);
+        } else {
+            if (animControls) {
+                animControls.stop();
+                animControls.cleanup();
+                animControls = undefined;
+            }
+        }
+    }, [
+        anim
+    ]);
+    return targetRef;
+}; //# sourceMappingURL=useFallbackRef.js.map

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// 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","animControls","node"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;;iEAPU;AAEvB,gEAAgE;AAChE,MAAMC,mBAAmB,KAAO;AAIzB,MAAMD,iBAAiBE,CAAAA;UAC5BC,YAAMA,OAAYC,WAAMC,CAAAA,CAAAA;YAEpBC;YAEAC,MAAIA;2BACFD,KAAAA;yBACAA,IAAAA,CAAAA;eACF;8BACMA;6BACFA,IAAAA;6BACAA,OAAAA;+BACAA;;;OAGN;QAAAJ;KACA;WAACA;6CAGIC"}

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';\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;QACjDF,kBAAIA;eACF,WAAA,GAAAG,OAAOC,aAAA,CAAAC,kCAACA,EAAAA;;WAGV,WAAA,GAAAF,OAAOC,aAAA,CAAAE,oCAACA,EAAAA;AACV"}

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, ...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);
+}; //# sourceMappingURL=MorseCodeFallback.js.map

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, ...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","wrapperClassName","restProps","mergeClasses","wrapper"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;iCARgB;2BACH;iCACS;gCAGJ;iCACC;AAEzB,MAAMA,oBAA8CC,CAAAA;UACzDC,kBAAMA,IAAAA,mCAAkBC;UAExBC,YAAMA,IAAAA,8BAAYC,EAAAA,oBAAeC;UAEjC,EACAC,SAAMC,EACN,GAAAC,cAEAR;IACA,MAAAO,mBAAAE,IAAAA,6BAAA,EAAAR,gBAAAS,OAAA,EAAAJ"}

package/lib-commonjs/components/{MorseCodeHoudini.js → large/MorseCodeHoudini.js}

@@ -8,14 +8,18 @@ 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 _houdiniutils = require("@fluentui-contrib/houdini-utils");
+const _useAddModule = require("../hooks/useAddModule");
 const _MorseCodestyles = require("./MorseCode.styles");
 const _morsecode = require("@fluentui-copilot/morse-code");
-const initializedModules = {};
+const _renderMorseCode = require("../shared/renderMorseCode");
 (0, _morsecode.initializeMorseCodeCustomProperties)();
+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;}",
@@ -29,26 +33,10 @@ const useMorseCodeAnimationClassName = (0, _reactcomponents.__resetStyles)("r1ms
     ]
 });
 const MorseCodeHoudini = ({ baseUrl = _morsecode.DEFAULT_BASE_URL, fileName = _morsecode.DEFAULT_FILE_URL, className, ...restProps })=>{
-    _react.useEffect(()=>{
-        const path = `${baseUrl}${fileName}`;
-        if (!initializedModules[path]) {
-            (0, _houdiniutils.addModule)(baseUrl, fileName).then(()=>{
-                initializedModules[path] = true;
-            }).catch((err)=>{
-                initializedModules[path] = false;
-            });
-        }
-    }, [
-        baseUrl,
-        fileName
-    ]);
+    (0, _useAddModule.useAddModule)(baseUrl, fileName);
     const morseCodeStyles = (0, _MorseCodestyles.useMorseCodeStyles)();
     const animationClassName = useMorseCodeAnimationClassName();
-    const cn = (0, _reactcomponents.mergeClasses)(morseCodeStyles.wrapper, className);
-    return /*#__PURE__*/ _react.createElement("div", {
-        className: cn,
-        ...restProps
-    }, /*#__PURE__*/ _react.createElement("div", {
-        className: (0, _reactcomponents.mergeClasses)('fai-MorseCode', 'fai-MorseCodeHoudini', morseCodeStyles.base, animationClassName)
-    }));
+    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);
 }; //# sourceMappingURL=MorseCodeHoudini.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeHoudini.tsx"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@fluentui/react-components';\nimport { useAddModule } from '../hooks/useAddModule';\nimport { useMorseCodeStyles } from './MorseCode.styles';\n\nimport {\n  initializeMorseCodeCustomProperties,\n  morseCodeAnimationTokens,\n  morseCodeTokens,\n  DEFAULT_BASE_URL,\n  DEFAULT_FILE_URL,\n} from '@fluentui-copilot/morse-code';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\nimport { renderMorseCode } from '../shared/renderMorseCode';\n\ninitializeMorseCodeCustomProperties();\n\nconst sharedStyles = {\n  backgroundImage: morseCodeTokens.backgroundImage,\n  animationIterationCount: morseCodeTokens.morseCodeAnimationIterationCount,\n  animationDuration: morseCodeTokens.morseCodeAnimationDuration,\n  animationTimingFunction: morseCodeTokens.morseCodeAnimationTimingFunction,\n};\n\nconst 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\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":["morseCodeAnimationTokens","initializeMorseCodeCustomProperties","sharedStyles","backgroundImage","morseCodeTokens","animationIterationCount","morseCodeAnimationIterationCount","animationDuration","morseCodeAnimationDuration","animationTimingFunction","morseCodeAnimationTimingFunction","useMorseCodeAnimationClassName","makeResetStyles","animationName","dotsAndDashes","DEFAULT_BASE_URL","DEFAULT_FILE_URL","useMorseCodeStyles","animationClassName","wrapperClassName","mergeClasses","morseCodeStyles","wrapper","className","morseCodeClassName","MorseCodeHoudini","baseUrl","useAddModule","fileName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA0B2DA;;;eAAAA;;;iCA1BrB;8BACT;iCACM;2BAQ5B;iCAGyB;AAEhCC,IAAAA,8CAAAA;AAEA,MAAMC,eAAe;qBACnBC,0BAAiBC,CAAAA,eAAgBD;6BACjCE,0BAAyBD,CAAAA,gCAAgBE;uBACzCC,0BAAmBH,CAAAA,0BAAgBI;6BACnCC,0BAAyBL,CAAAA,gCAAgBM;AAC3C;AAEA,MAAMC,iCAAiCC,IAAAA,8BAAAA,EAAAA,YAAgB,WAAA;OACrD;QAAA;QAAe;QAAA;QAAA;KAAA;OACfC;QAAAA;QAAe;KAAA;;MAA0Cb,mBAAAA,CAAyBc,YAAcC,2BAAA,aAEhGC,2BAAA,WACKd;kCACwDF,EAAAA,SAAAA;4BAAuCiB,IAAAA,mCAAA;UACpGC,qBAAAP;IACF,MAAAQ,mBAAAC,IAAAA,6BAAA,EAAAC,gBAAAC,OAAA,EAAAC;IAEA,MAAOC,qBAAMC,IAAAA,6BACXC,EAAAA,iBAAUX,wBACCC,gBACXO,IACA,EAAAL;WAEAS,IAAAA,gCAAaD,EAAAA,kBAASE,WAAAA;+CAGKjB"}

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
+    }));
+}; //# sourceMappingURL=renderMorseCode.js.map

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

@@ -0,0 +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;WAEA,WAAA,GAAAC,OACEC,aAAA,CAAA,OAACC;mBAAIC;uBAAiCN;4BACpCI,aAAA,CAAA,OAACC;aAAIE;mBAAgBD;;AAG3B"}

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

@@ -0,0 +1,22 @@
+"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 houdiniAvailable = (0, _houdiniutils.hasHoudini)();
+const MorseCodeSmall = (props)=>{
+    if (houdiniAvailable) {
+        return /*#__PURE__*/ _react.createElement(_MorseCodeSmallHoudini.MorseCodeSmallHoudini, props);
+    }
+    return /*#__PURE__*/ _react.createElement(_MorseCodeSmallFallback.MorseCodeSmallFallback, props);
+}; //# sourceMappingURL=MorseCodeSmall.js.map

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';\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;QACtDF,kBAAIA;eACF,WAAA,GAAAG,OAAOC,aAAA,CAAAC,4CAACA,EAAAA;;WAGV,WAAA,GAAAF,OAAOC,aAAA,CAAAE,8CAACA,EAAAA;AACV"}

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/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, ...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);
+}; //# sourceMappingURL=MorseCodeSmallFallback.js.map

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, ...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","wrapperClassName","restProps","mergeClasses","wrapper"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;iCARgB;2BACE;sCACS;gCAGT;iCACC;AAEzB,MAAMA,yBAAmDC,CAAAA;UAC9DC,kBAAMA,IAAAA,6CAAkBC;UAExBC,YAAMA,IAAAA,8BAAYC,EAAAA,yBAAeC;UACjC,EACAC,SAAMC,EACN,GAAAC,cAEAR;IACA,MAAAO,mBAAAE,IAAAA,6BAAA,EAAAR,gBAAAS,OAAA,EAAAJ"}

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

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MorseCodeSmallHoudini", {
+    enumerable: true,
+    get: function() {
+        return MorseCodeSmallHoudini;
+    }
+});
+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");
+(0, _morsecode.initializeMorseCodeSmallCustomProperties)();
+const sharedStyles = {
+    backgroundImage: _morsecode.morseCodeSmallTokens.backgroundImage,
+    animationIterationCount: _morsecode.morseCodeSmallTokens.morseCodeAnimationIterationCount,
+    animationDuration: _morsecode.morseCodeSmallTokens.morseCodeAnimationDuration,
+    animationTimingFunction: _morsecode.morseCodeSmallTokens.morseCodeAnimationTimingFunction
+};
+const useMorseCodeAnimationClassName = (0, _reactcomponents.__resetStyles)("r1qt6fj8", "rfhkifx", {
+    r: [
+        ".r1qt6fj8{background-image:paint(morseCodeSmall);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:rarbvpc,r14jeaho;}",
+        "@keyframes rarbvpc{0%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode1);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode2);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode3);}20%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode1);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode2);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode3);}33%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode4);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode5);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode6);}50%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode4);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode5);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode6);}66%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode7);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode8);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode9);}80%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode7);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode8);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode9);}100%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode1);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode2);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode3);}}",
+        "@keyframes r14jeaho{0%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:60px;--fai-morse-code-small-x-position-2:56px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:132px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:220px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:240px;--fai-morse-code-small-opacity-5:0;}10%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:60px;--fai-morse-code-small-x-position-2:56px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:132px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:220px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:240px;--fai-morse-code-small-opacity-5:0;}25%{--fai-morse-code-small-width-1:40px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:72px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:50px;--fai-morse-code-small-x-position-3:102px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:162px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}35%{--fai-morse-code-small-width-1:40px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:72px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:50px;--fai-morse-code-small-x-position-3:102px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:162px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}50%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:30px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:60px;--fai-morse-code-small-x-position-3:60px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:132px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}60%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:30px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:60px;--fai-morse-code-small-x-position-3:60px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:132px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}75%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:56px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:60px;--fai-morse-code-small-x-position-4:92px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}85%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:56px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:60px;--fai-morse-code-small-x-position-4:92px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}100%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:0px;--fai-morse-code-small-opacity-2:0;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:20px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:60px;--fai-morse-code-small-x-position-4:56px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:132px;--fai-morse-code-small-opacity-5:1;}}",
+        ".rfhkifx{background-image:paint(morseCodeSmall);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:rarbvpc,r14jeaho;}"
+    ],
+    s: [
+        "@media (forced-colors: active){.r1qt6fj8{background-image:paint(morseCodeSmall);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:r9zjrdo,r14jeaho;}@keyframes r9zjrdo{0%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode1);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode2);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode3);}20%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode1);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode2);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode3);}33%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode4);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode5);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode6);}50%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode4);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode5);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode6);}66%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode7);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode8);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode9);}80%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode7);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode8);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode9);}100%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode1);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode2);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode3);}}@keyframes r14jeaho{0%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:60px;--fai-morse-code-small-x-position-2:56px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:132px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:220px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:240px;--fai-morse-code-small-opacity-5:0;}10%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:60px;--fai-morse-code-small-x-position-2:56px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:132px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:220px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:240px;--fai-morse-code-small-opacity-5:0;}25%{--fai-morse-code-small-width-1:40px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:72px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:50px;--fai-morse-code-small-x-position-3:102px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:162px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}35%{--fai-morse-code-small-width-1:40px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:72px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:50px;--fai-morse-code-small-x-position-3:102px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:162px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}50%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:30px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:60px;--fai-morse-code-small-x-position-3:60px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:132px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}60%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:30px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:60px;--fai-morse-code-small-x-position-3:60px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:132px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}75%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:56px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:60px;--fai-morse-code-small-x-position-4:92px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}85%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:56px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:60px;--fai-morse-code-small-x-position-4:92px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}100%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:0px;--fai-morse-code-small-opacity-2:0;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:20px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:60px;--fai-morse-code-small-x-position-4:56px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:132px;--fai-morse-code-small-opacity-5:1;}}}",
+        "@media (forced-colors: active){.rfhkifx{background-image:paint(morseCodeSmall);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:r9zjrdo,r14jeaho;}}"
+    ]
+});
+const MorseCodeSmallHoudini = ({ baseUrl = _morsecode.DEFAULT_BASE_URL, fileName = _morsecode.DEFAULT_SMALL_FILE_URL, className, ...restProps })=>{
+    (0, _useAddModule.useAddModule)(baseUrl, fileName);
+    const morseCodeSmallStyles = (0, _MorseCodeSmallstyles.useMorseCodeSmallStyles)();
+    const animationClassName = 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);
+}; //# sourceMappingURL=MorseCodeSmallHoudini.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeSmallHoudini.tsx"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@fluentui/react-components';\nimport { useAddModule } from '../hooks/useAddModule';\nimport { useMorseCodeSmallStyles } from './MorseCodeSmall.styles';\n\nimport {\n  initializeMorseCodeSmallCustomProperties,\n  morseCodeSmallAnimationTokens,\n  morseCodeSmallTokens,\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';\n\ninitializeMorseCodeSmallCustomProperties();\n\nconst sharedStyles = {\n  backgroundImage: morseCodeSmallTokens.backgroundImage,\n  animationIterationCount: morseCodeSmallTokens.morseCodeAnimationIterationCount,\n  animationDuration: morseCodeSmallTokens.morseCodeAnimationDuration,\n  animationTimingFunction: morseCodeSmallTokens.morseCodeAnimationTimingFunction,\n};\n\nconst 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\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":["morseCodeSmallAnimationTokens","initializeMorseCodeSmallCustomProperties","sharedStyles","backgroundImage","morseCodeSmallTokens","animationIterationCount","morseCodeAnimationIterationCount","animationDuration","morseCodeAnimationDuration","animationTimingFunction","morseCodeAnimationTimingFunction","useMorseCodeAnimationClassName","makeResetStyles","animationName","dotsAndDashes","DEFAULT_BASE_URL","DEFAULT_SMALL_FILE_URL","useMorseCodeSmallStyles","animationClassName","wrapperClassName","mergeClasses","morseCodeSmallStyles","wrapper","className","morseCodeClassName","MorseCodeSmallHoudini","baseUrl","base","restProps","useAddModule","fileName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA0BgEA;;;eAAAA;;;iCA1B1B;8BACT;sCACW;2BAQjC;iCAGyB;AAEhCC,IAAAA,mDAAAA;AAEA,MAAMC,eAAe;qBACnBC,+BAAiBC,CAAAA,eAAqBD;6BACtCE,+BAAyBD,CAAAA,gCAAqBE;uBAC9CC,+BAAmBH,CAAAA,0BAAqBI;6BACxCC,+BAAyBL,CAAAA,gCAAqBM;AAChD;AAEA,MAAMC,iCAAiCC,IAAAA,8BAAAA,EAAAA,YAAgB,WAAA;OACrD;QAAA;QAAe;QAAA;QAAA;KAAA;OACfC;QAAAA;QAAe;KAAA;;MAA+Cb,wBAAAA,CAA8Bc,YAAcC,2BAAA,aAE1GC,iCAAA,WACKd;kCAC6DF,EAAAA,SAAAA;iCAA4CiB,IAAAA,6CAAA;UAC9GC,qBAAAP;IACF,MAAAQ,mBAAAC,IAAAA,6BAAA,EAAAC,qBAAAC,OAAA,EAAAC;IAEA,MAAOC,qBAAMC,IAAAA,6BACXC,EAAAA,sBAAUX,6BACCC,qBAEXW,IAAGC,EAAAA;WAEHC,IAAAA,gCAAaH,EAAAA,kBAASI,WAAAA;oDAGKnB"}

package/lib-commonjs/index.js

@@ -17,9 +17,21 @@ _export(exports, {
     },
     MorseCodeHoudini: function() {
         return _MorseCodeHoudini.MorseCodeHoudini;
+    },
+    MorseCodeSmall: function() {
+        return _MorseCodeSmall.MorseCodeSmall;
+    },
+    MorseCodeSmallFallback: function() {
+        return _MorseCodeSmallFallback.MorseCodeSmallFallback;
+    },
+    MorseCodeSmallHoudini: function() {
+        return _MorseCodeSmallHoudini.MorseCodeSmallHoudini;
     }
 });
-const _MorseCode = require("./components/MorseCode");
-const _MorseCodeFallback = require("./components/MorseCodeFallback");
-const _MorseCodeHoudini = require("./components/MorseCodeHoudini");
+const _MorseCode = require("./components/large/MorseCode");
+const _MorseCodeFallback = require("./components/large/MorseCodeFallback");
+const _MorseCodeHoudini = require("./components/large/MorseCodeHoudini");
+const _MorseCodeSmall = require("./components/small/MorseCodeSmall");
+const _MorseCodeSmallFallback = require("./components/small/MorseCodeSmallFallback");
+const _MorseCodeSmallHoudini = require("./components/small/MorseCodeSmallHoudini");
  //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export { MorseCode } from './components/MorseCode';\nexport { MorseCodeFallback } from './components/MorseCodeFallback';\nexport { MorseCodeHoudini } from './components/MorseCodeHoudini';\n\nexport type { MorseCodeProps } from './components/MorseCode.types';\n"],"names":["MorseCode","MorseCodeFallback","MorseCodeHoudini"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,SAAS;eAATA,oBAAS;;IACTC,iBAAiB;eAAjBA,oCAAiB;;IACjBC,gBAAgB;eAAhBA,kCAAgB;;;2BAFC;mCACQ;kCACD"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { MorseCode } from './components/large/MorseCode';\nexport { MorseCodeFallback } from './components/large/MorseCodeFallback';\nexport { MorseCodeHoudini } from './components/large/MorseCodeHoudini';\n\nexport { MorseCodeSmall } from './components/small/MorseCodeSmall';\nexport { MorseCodeSmallFallback } from './components/small/MorseCodeSmallFallback';\nexport { MorseCodeSmallHoudini } from './components/small/MorseCodeSmallHoudini';\n\nexport type { MorseCodeProps } from './components/MorseCode.types';\n"],"names":["MorseCode","MorseCodeFallback","MorseCodeHoudini","MorseCodeSmall","MorseCodeSmallFallback","MorseCodeSmallHoudini"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,SAAS;eAATA,oBAAS;;IACTC,iBAAiB;eAAjBA,oCAAiB;;IACjBC,gBAAgB;eAAhBA,kCAAgB;;IAEhBC,cAAc;eAAdA,8BAAc;;IACdC,sBAAsB;eAAtBA,8CAAsB;;IACtBC,qBAAqB;eAArBA,4CAAqB;;;2BANJ;mCACQ;kCACD;gCAEF;wCACQ;uCACD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-morse-code",
-  "version": "0.0.0-nightly-20250523-0405-e9bb09f9.1",
+  "version": "0.0.0-nightly-20250526-0406-bf4d2990.1",
   "description": "A Fluent AI package",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -13,7 +13,7 @@
   "license": "MIT",
   "dependencies": {
     "@fluentui-contrib/houdini-utils": "0.3.5",
-    "@fluentui-copilot/morse-code": "^0.0.0-nightly-20250523-0405-e9bb09f9.1",
+    "@fluentui-copilot/morse-code": "^0.0.0-nightly-20250526-0406-bf4d2990.1",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {

package/lib/components/MorseCode.js.map

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

package/lib/components/MorseCodeFallback.js

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import { mergeClasses } from '@fluentui/react-components';
-import { morseCode } from '@fluentui-copilot/morse-code';
-import { useMorseCodeStyles } from './MorseCode.styles';
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-const ON_COMPLETE_NOOP = () => {};
-export const MorseCodeFallback = props => {
-  const morseCodeStyles = useMorseCodeStyles();
-  const targetRef = React.useCallback(node => {
-    let animControls;
-    if (node) {
-      animControls = morseCode(node);
-      animControls.play(ON_COMPLETE_NOOP);
-    } else {
-      if (animControls) {
-        animControls.stop();
-        animControls.cleanup();
-        animControls = undefined;
-      }
-    }
-  }, []);
-  const {
-    className,
-    ...restProps
-  } = props;
-  const cn = mergeClasses(morseCodeStyles.wrapper, className);
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn,
-    ...restProps
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: targetRef,
-    className: mergeClasses('fai-MorseCode', 'fai-MorseCodeFallback', morseCodeStyles.base)
-  }));
-};
-//# sourceMappingURL=MorseCodeFallback.js.map

package/lib/components/MorseCodeFallback.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["MorseCodeFallback.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-components';\nimport { morseCode } from '@fluentui-copilot/morse-code';\nimport { useMorseCodeStyles } from './MorseCode.styles';\n\nimport type { MorseCodeProps } from './MorseCode.types';\n\ntype FallbackAnimation = ReturnType<typeof morseCode>;\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst ON_COMPLETE_NOOP = () => {};\n\nexport const MorseCodeFallback: React.FC<MorseCodeProps> = props => {\n  const morseCodeStyles = useMorseCodeStyles();\n\n  const targetRef = React.useCallback((node: HTMLElement | null) => {\n    let animControls: FallbackAnimation | undefined;\n\n    if (node) {\n      animControls = morseCode(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\n  const { className, ...restProps } = props;\n  const cn = mergeClasses(morseCodeStyles.wrapper, className);\n\n  return (\n    <div className={cn} {...restProps}>\n      <div ref={targetRef} className={mergeClasses('fai-MorseCode', 'fai-MorseCodeFallback', morseCodeStyles.base)} />\n    </div>\n  );\n};\n"],"names":["React","mergeClasses","morseCode","useMorseCodeStyles","ON_COMPLETE_NOOP","MorseCodeFallback","props","morseCodeStyles","targetRef","useCallback","node","animControls","play","stop","cleanup","undefined","className","restProps","cn","wrapper","div","ref","base"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,6BAA6B;AAC1D,SAASC,SAAS,QAAQ,+BAA+B;AACzD,SAASC,kBAAkB,QAAQ,qBAAqB;AAMxD,gEAAgE;AAChE,MAAMC,mBAAmB,KAAO;AAEhC,OAAO,MAAMC,oBAA8CC,CAAAA;IACzD,MAAMC,kBAAkBJ;IAExB,MAAMK,YAAYR,MAAMS,WAAW,CAAC,CAACC;QACnC,IAAIC;QAEJ,IAAID,MAAM;YACRC,eAAeT,UAAUQ;YACzBC,aAAaC,IAAI,CAACR;QACpB,OAAO;YACL,IAAIO,cAAc;gBAChBA,aAAaE,IAAI;gBACjBF,aAAaG,OAAO;gBACpBH,eAAeI;YACjB;QACF;IACF,GAAG,EAAE;IAEL,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAW,GAAGX;IACpC,MAAMY,KAAKjB,aAAaM,gBAAgBY,OAAO,EAAEH;IAEjD,qBACE,oBAACI;QAAIJ,WAAWE;QAAK,GAAGD,SAAS;qBAC/B,oBAACG;QAAIC,KAAKb;QAAWQ,WAAWf,aAAa,iBAAiB,yBAAyBM,gBAAgBe,IAAI;;AAGjH,EAAE"}

package/lib/components/MorseCodeHoudini.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["MorseCodeHoudini.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { makeResetStyles, mergeClasses } from '@fluentui/react-components';\nimport { addModule } from '@fluentui-contrib/houdini-utils';\nimport { useMorseCodeStyles } from './MorseCode.styles';\n\nimport {\n  initializeMorseCodeCustomProperties,\n  morseCodeAnimationTokens,\n  morseCodeTokens,\n  DEFAULT_BASE_URL,\n  DEFAULT_FILE_URL,\n} from '@fluentui-copilot/morse-code';\n\nimport type { MorseCodeProps } from './MorseCode.types';\n\nconst initializedModules = {} as Record<string, boolean>;\n\ninitializeMorseCodeCustomProperties();\n\nconst useMorseCodeAnimationClassName = makeResetStyles({\n  backgroundImage: morseCodeTokens.backgroundImage,\n  animationIterationCount: morseCodeTokens.morseCodeAnimationIterationCount,\n  animationDuration: morseCodeTokens.morseCodeAnimationDuration,\n  animationTimingFunction: morseCodeTokens.morseCodeAnimationTimingFunction,\n  animationName: [morseCodeAnimationTokens.colorAnimation, morseCodeAnimationTokens.dotsAndDashes],\n\n  '@media (forced-colors: active)': {\n    backgroundImage: morseCodeTokens.backgroundImage,\n    animationIterationCount: morseCodeTokens.morseCodeAnimationIterationCount,\n    animationDuration: morseCodeTokens.morseCodeAnimationDuration,\n    animationTimingFunction: morseCodeTokens.morseCodeAnimationTimingFunction,\n    animationName: [morseCodeAnimationTokens.colorHCAnimation, morseCodeAnimationTokens.dotsAndDashes],\n  },\n});\n\nexport const MorseCodeHoudini: React.FC<MorseCodeProps> = ({\n  baseUrl = DEFAULT_BASE_URL,\n  fileName = DEFAULT_FILE_URL,\n  className,\n  ...restProps\n}) => {\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  const morseCodeStyles = useMorseCodeStyles();\n  const animationClassName = useMorseCodeAnimationClassName();\n  const cn = mergeClasses(morseCodeStyles.wrapper, className);\n\n  return (\n    <div className={cn} {...restProps}>\n      <div\n        className={mergeClasses('fai-MorseCode', 'fai-MorseCodeHoudini', morseCodeStyles.base, animationClassName)}\n      />\n    </div>\n  );\n};\n"],"names":["React","makeResetStyles","mergeClasses","addModule","useMorseCodeStyles","initializeMorseCodeCustomProperties","morseCodeAnimationTokens","morseCodeTokens","DEFAULT_BASE_URL","DEFAULT_FILE_URL","initializedModules","useMorseCodeAnimationClassName","backgroundImage","animationIterationCount","morseCodeAnimationIterationCount","animationDuration","morseCodeAnimationDuration","animationTimingFunction","morseCodeAnimationTimingFunction","animationName","colorAnimation","dotsAndDashes","colorHCAnimation","MorseCodeHoudini","baseUrl","fileName","className","restProps","useEffect","path","then","catch","err","morseCodeStyles","animationClassName","cn","wrapper","div","base"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,eAAe,EAAEC,YAAY,QAAQ,6BAA6B;AAC3E,SAASC,SAAS,QAAQ,kCAAkC;AAC5D,SAASC,kBAAkB,QAAQ,qBAAqB;AAExD,SACEC,mCAAmC,EACnCC,wBAAwB,EACxBC,eAAe,EACfC,gBAAgB,EAChBC,gBAAgB,QACX,+BAA+B;AAItC,MAAMC,qBAAqB,CAAC;AAE5BL;AAEA,MAAMM,iCAAiCV,gBAAgB;IACrDW,iBAAiBL,gBAAgBK,eAAe;IAChDC,yBAAyBN,gBAAgBO,gCAAgC;IACzEC,mBAAmBR,gBAAgBS,0BAA0B;IAC7DC,yBAAyBV,gBAAgBW,gCAAgC;IACzEC,eAAe;QAACb,yBAAyBc,cAAc;QAAEd,yBAAyBe,aAAa;KAAC;IAEhG,kCAAkC;QAChCT,iBAAiBL,gBAAgBK,eAAe;QAChDC,yBAAyBN,gBAAgBO,gCAAgC;QACzEC,mBAAmBR,gBAAgBS,0BAA0B;QAC7DC,yBAAyBV,gBAAgBW,gCAAgC;QACzEC,eAAe;YAACb,yBAAyBgB,gBAAgB;YAAEhB,yBAAyBe,aAAa;SAAC;IACpG;AACF;AAEA,OAAO,MAAME,mBAA6C,CAAC,EACzDC,UAAUhB,gBAAgB,EAC1BiB,WAAWhB,gBAAgB,EAC3BiB,SAAS,EACT,GAAGC,WACJ;IACC3B,MAAM4B,SAAS,CAAC;QACd,MAAMC,OAAO,CAAC,EAAEL,QAAQ,EAAEC,SAAS,CAAC;QACpC,IAAI,CAACf,kBAAkB,CAACmB,KAAK,EAAE;YAC7B1B,UAAUqB,SAASC,UAChBK,IAAI,CAAC;gBACJpB,kBAAkB,CAACmB,KAAK,GAAG;YAC7B,GACCE,KAAK,CAACC,CAAAA;gBACLtB,kBAAkB,CAACmB,KAAK,GAAG;YAC7B;QACJ;IACF,GAAG;QAACL;QAASC;KAAS;IAEtB,MAAMQ,kBAAkB7B;IACxB,MAAM8B,qBAAqBvB;IAC3B,MAAMwB,KAAKjC,aAAa+B,gBAAgBG,OAAO,EAAEV;IAEjD,qBACE,oBAACW;QAAIX,WAAWS;QAAK,GAAGR,SAAS;qBAC/B,oBAACU;QACCX,WAAWxB,aAAa,iBAAiB,wBAAwB+B,gBAAgBK,IAAI,EAAEJ;;AAI/F,EAAE"}

package/lib/hooks/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/lib/hooks/types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["types.ts"],"sourcesContent":["export {};\n"],"names":[],"rangeMappings":"","mappings":"AAAA,WAAU"}

package/lib/hooks/useFallbackMorseCode.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=useFallbackMorseCode.js.map

package/lib/hooks/useFallbackMorseCode.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useFallbackMorseCode.ts"],"sourcesContent":["export {};\n"],"names":[],"rangeMappings":"","mappings":"AAAA,WAAU"}

package/lib/hooks/useHoudiniMorseCode.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=useHoudiniMorseCode.js.map

package/lib/hooks/useHoudiniMorseCode.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useHoudiniMorseCode.ts"],"sourcesContent":["export {};\n"],"names":[],"rangeMappings":"","mappings":"AAAA,WAAU"}

package/lib/hooks/useMorseCode.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=useMorseCode.js.map

package/lib/hooks/useMorseCode.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useMorseCode.ts"],"sourcesContent":["export {};\n"],"names":[],"rangeMappings":"","mappings":"AAAA,WAAU"}

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

@@ -1 +0,0 @@
-{"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;QACjDF,kBAAIA;eACF,WAAA,GAAAG,OAAOC,aAAA,CAAAC,kCAACA,EAAAA;;WAGV,WAAA,GAAAF,OAAOC,aAAA,CAAAE,oCAACA,EAAAA;AACV"}

package/lib-commonjs/components/MorseCodeFallback.js

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "MorseCodeFallback", {
-    enumerable: true,
-    get: function() {
-        return MorseCodeFallback;
-    }
-});
-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 _morsecode = require("@fluentui-copilot/morse-code");
-const _MorseCodestyles = require("./MorseCode.styles");
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-const ON_COMPLETE_NOOP = ()=>{};
-const MorseCodeFallback = (props)=>{
-    const morseCodeStyles = (0, _MorseCodestyles.useMorseCodeStyles)();
-    const targetRef = _react.useCallback((node)=>{
-        let animControls;
-        if (node) {
-            animControls = (0, _morsecode.morseCode)(node);
-            animControls.play(ON_COMPLETE_NOOP);
-        } else {
-            if (animControls) {
-                animControls.stop();
-                animControls.cleanup();
-                animControls = undefined;
-            }
-        }
-    }, []);
-    const { className, ...restProps } = props;
-    const cn = (0, _reactcomponents.mergeClasses)(morseCodeStyles.wrapper, className);
-    return /*#__PURE__*/ _react.createElement("div", {
-        className: cn,
-        ...restProps
-    }, /*#__PURE__*/ _react.createElement("div", {
-        ref: targetRef,
-        className: (0, _reactcomponents.mergeClasses)('fai-MorseCode', 'fai-MorseCodeFallback', morseCodeStyles.base)
-    }));
-}; //# sourceMappingURL=MorseCodeFallback.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["MorseCodeFallback.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-components';\nimport { morseCode } from '@fluentui-copilot/morse-code';\nimport { useMorseCodeStyles } from './MorseCode.styles';\n\nimport type { MorseCodeProps } from './MorseCode.types';\n\ntype FallbackAnimation = ReturnType<typeof morseCode>;\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst ON_COMPLETE_NOOP = () => {};\n\nexport const MorseCodeFallback: React.FC<MorseCodeProps> = props => {\n  const morseCodeStyles = useMorseCodeStyles();\n\n  const targetRef = React.useCallback((node: HTMLElement | null) => {\n    let animControls: FallbackAnimation | undefined;\n\n    if (node) {\n      animControls = morseCode(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\n  const { className, ...restProps } = props;\n  const cn = mergeClasses(morseCodeStyles.wrapper, className);\n\n  return (\n    <div className={cn} {...restProps}>\n      <div ref={targetRef} className={mergeClasses('fai-MorseCode', 'fai-MorseCodeFallback', morseCodeStyles.base)} />\n    </div>\n  );\n};\n"],"names":["MorseCodeFallback","ON_COMPLETE_NOOP","props","morseCodeStyles","useMorseCodeStyles","targetRef","React","useCallback","animControls","node","morseCode","className","cn","restProps","wrapper","createElement","div","ref"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;iCACM;2BACH;iCACS;AAMnC,gEAAgE;AAChE,MAAMC,mBAAmB,KAAO;AAEzB,MAAMD,oBAA8CE,CAAAA;UACzDC,kBAAMA,IAAAA,mCAAkBC;UAExBC,YAAMA,OAAYC,WAAMC,CAAAA,CAAAA;YACtBC;YAEAC,MAAIA;2BACFD,IAAAA,oBAAeE,EAAAA;yBACfF,IAAAA,CAAAA;eACF;8BACMA;6BACFA,IAAAA;6BACAA,OAAAA;+BACAA;;;OAGN,EAAG;UAEH,EACAG,SAAMC,EAEN,GAAAC;UACuBD,KAAGC,IAAAA,6BAAS,EAAAV,gBAAAW,OAAA,EAAAH;yBAC/BL,OAAAS,aAACC,CAAAA,OAAAA;mBAASX;oBAAWM;;QAGzBM,KAAAZ"}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["MorseCodeHoudini.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { makeResetStyles, mergeClasses } from '@fluentui/react-components';\nimport { addModule } from '@fluentui-contrib/houdini-utils';\nimport { useMorseCodeStyles } from './MorseCode.styles';\n\nimport {\n  initializeMorseCodeCustomProperties,\n  morseCodeAnimationTokens,\n  morseCodeTokens,\n  DEFAULT_BASE_URL,\n  DEFAULT_FILE_URL,\n} from '@fluentui-copilot/morse-code';\n\nimport type { MorseCodeProps } from './MorseCode.types';\n\nconst initializedModules = {} as Record<string, boolean>;\n\ninitializeMorseCodeCustomProperties();\n\nconst useMorseCodeAnimationClassName = makeResetStyles({\n  backgroundImage: morseCodeTokens.backgroundImage,\n  animationIterationCount: morseCodeTokens.morseCodeAnimationIterationCount,\n  animationDuration: morseCodeTokens.morseCodeAnimationDuration,\n  animationTimingFunction: morseCodeTokens.morseCodeAnimationTimingFunction,\n  animationName: [morseCodeAnimationTokens.colorAnimation, morseCodeAnimationTokens.dotsAndDashes],\n\n  '@media (forced-colors: active)': {\n    backgroundImage: morseCodeTokens.backgroundImage,\n    animationIterationCount: morseCodeTokens.morseCodeAnimationIterationCount,\n    animationDuration: morseCodeTokens.morseCodeAnimationDuration,\n    animationTimingFunction: morseCodeTokens.morseCodeAnimationTimingFunction,\n    animationName: [morseCodeAnimationTokens.colorHCAnimation, morseCodeAnimationTokens.dotsAndDashes],\n  },\n});\n\nexport const MorseCodeHoudini: React.FC<MorseCodeProps> = ({\n  baseUrl = DEFAULT_BASE_URL,\n  fileName = DEFAULT_FILE_URL,\n  className,\n  ...restProps\n}) => {\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  const morseCodeStyles = useMorseCodeStyles();\n  const animationClassName = useMorseCodeAnimationClassName();\n  const cn = mergeClasses(morseCodeStyles.wrapper, className);\n\n  return (\n    <div className={cn} {...restProps}>\n      <div\n        className={mergeClasses('fai-MorseCode', 'fai-MorseCodeHoudini', morseCodeStyles.base, animationClassName)}\n      />\n    </div>\n  );\n};\n"],"names":["animationTimingFunction","initializedModules","initializeMorseCodeCustomProperties","useMorseCodeAnimationClassName","makeResetStyles","backgroundImage","animationIterationCount","morseCodeTokens","animationName","morseCodeAnimationTokens","restProps","animationDuration","path","baseUrl","fileName","morseCodeStyles","MorseCodeHoudini","React","cn","mergeClasses","className","addModule","catch","err","base","animationClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAwBEA;;;eAAAA;;;;iEAxBqB;iCAEe;8BACZ;iCACS;2BAQ5B;AAIP,MAAMC,qBAAqB,CAAC;AAE5BC,IAAAA,8CAAAA;AAEA,MAAMC,iCAAiCC,IAAAA,8BAAAA,EAAAA,YAAgB,WAAA;OACrDC;QAAAA;QAAgD;QAAA;QAAA;KAAA;OAChDC;QAAAA;QAAyE;KAAA;;AAEzEN,MAAAA,mBAAyBO,CAAAA,YACzBC,2BAAe,aAACC,2BAAAA,WAAyCA,KAAuCC;WAG9FL,SAAAA,CAAAA;cACAC,OAAAA,CAAAA,EAAAA,QAAAA,EAAAA,SAAyBC,CAAAA;YACzBI,CAAAA,kBAAmBJ,CAAAA,KAAAA,EAAAA;uCACnBP,EAAAA,SAAAA,UAAyBO,IAAAA,CAAAA;gBACzBC,kBAAe,CAAAI,KAAA,GAAA;oBAACH,CAAAA,CAAAA;kCAA2CA,CAAAA,KAAAA,GAAAA;;QAC7D;IACF,GAAA;QAAAI;QAAAC;KAAA;IAEA,MAAOC,kBAAMC,IAAAA,mCACXH;UAKAI,qBAAgBd;UACde,KAAAC,IAAAA,6BAAgBN,EAAAA,gBAAUC,OAAU,EAAAM;WACpC,WAAKnB,GAAAA,OAAAA,aAA0B,CAAA,OAAA;mBAC7BoB;oBAEIpB;kBAEDqB,GAAAA,OAAMC,aAAAA,CAAAA,OAAAA;oDACLtB,EAAAA,iBAA2B,wBAAAc,gBAAAS,IAAA,EAAAC;;+CAGhC"}

package/lib-commonjs/hooks/types.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
- //# sourceMappingURL=types.js.map

package/lib-commonjs/hooks/types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["types.ts"],"sourcesContent":["export {};\n"],"names":[],"rangeMappings":"","mappings":""}

package/lib-commonjs/hooks/useFallbackMorseCode.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
- //# sourceMappingURL=useFallbackMorseCode.js.map

package/lib-commonjs/hooks/useFallbackMorseCode.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useFallbackMorseCode.ts"],"sourcesContent":["export {};\n"],"names":[],"rangeMappings":"","mappings":""}

package/lib-commonjs/hooks/useHoudiniMorseCode.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
- //# sourceMappingURL=useHoudiniMorseCode.js.map

package/lib-commonjs/hooks/useHoudiniMorseCode.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useHoudiniMorseCode.ts"],"sourcesContent":["export {};\n"],"names":[],"rangeMappings":"","mappings":""}

package/lib-commonjs/hooks/useMorseCode.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
- //# sourceMappingURL=useMorseCode.js.map

package/lib-commonjs/hooks/useMorseCode.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useMorseCode.ts"],"sourcesContent":["export {};\n"],"names":[],"rangeMappings":"","mappings":""}