npm - @fluentui-copilot/react-morse-code - Versions diffs - 0.0.9 → 0.0.11 - Mend

@fluentui-copilot/react-morse-code 0.0.9 → 0.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (60) hide show

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

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

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

@@ -0,0 +1 @@

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

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

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

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

@@ -0,0 +1 @@

package/lib/index.js CHANGED Viewed

@@ -4,4 +4,3 @@ 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-commonjs/components/MorseCode.types.js CHANGED Viewed

@@ -2,4 +2,3 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
- //# sourceMappingURL=MorseCode.types.js.map

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

@@ -26,4 +26,4 @@ const useAddModule = (baseUrl, fileName)=>{
         baseUrl,
         fileName
     ]);
-}; //# sourceMappingURL=useAddModule.js.map
+};

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["useAddModule.ts"],"sourcesContent":["import * as React from 'react';\nimport { addModule } from '@fluentui-contrib/houdini-utils';\n\nconst initializedModules = {} as Record<string, boolean>;\n\nexport const useAddModule = (baseUrl: string, fileName: string): void => {\n React.useEffect(() => {\n const path = `${baseUrl}${fileName}`;\n if (!initializedModules[path]) {\n addModule(baseUrl, fileName)\n .then(() => {\n initializedModules[path] = true;\n })\n .catch(_err => {\n initializedModules[path] = false;\n });\n }\n }, [baseUrl, fileName]);\n};\n"],"names":["useAddModule","initializedModules","baseUrl","fileName","React","useEffect","path","addModule","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~~"}
1	+ {"version":3,"sources":["useAddModule.ts"],"sourcesContent":["import * as React from 'react';\nimport { addModule } from '@fluentui-contrib/houdini-utils';\n\nconst initializedModules = {} as Record<string, boolean>;\n\nexport const useAddModule = (baseUrl: string, fileName: string): void => {\n React.useEffect(() => {\n const path = `${baseUrl}${fileName}`;\n if (!initializedModules[path]) {\n addModule(baseUrl, fileName)\n .then(() => {\n initializedModules[path] = true;\n })\n .catch(_err => {\n initializedModules[path] = false;\n });\n }\n }, [baseUrl, fileName]);\n};\n"],"names":["useAddModule","initializedModules","baseUrl","fileName","React","useEffect","path","addModule","then","catch","_err"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAKaA;;;eAAAA;;;;iEALU;8BACG;AAE1B,MAAMC,qBAAqB,CAAC;AAErB,MAAMD,eAAe,CAACE,SAAiBC;IAC5CC,OAAMC,SAAS,CAAC;QACd,MAAMC,OAAO,CAAC,EAAEJ,QAAQ,EAAEC,SAAS,CAAC;QACpC,IAAI,CAACF,kBAAkB,CAACK,KAAK,EAAE;YAC7BC,IAAAA,uBAAAA,EAAUL,SAASC,UAChBK,IAAI,CAAC;gBACJP,kBAAkB,CAACK,KAAK,GAAG;YAC7B,GACCG,KAAK,CAACC,CAAAA;gBACLT,kBAAkB,CAACK,KAAK,GAAG;YAC7B;QACJ;IACF,GAAG;QAACJ;QAASC;KAAS;AACxB"}

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

@@ -29,4 +29,4 @@ const useFallbackRef = (anim)=>{
         anim
     ]);
     return targetRef;
-}; //# sourceMappingURL=useFallbackRef.js.map
+};

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

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

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

@@ -19,4 +19,4 @@ const MorseCode = (props)=>{
         return /*#__PURE__*/ _react.createElement(_MorseCodeHoudini.MorseCodeHoudini, props);
     }
     return /*#__PURE__*/ _react.createElement(_MorseCodeFallback.MorseCodeFallback, props);
-}; //# sourceMappingURL=MorseCode.js.map
+};

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["MorseCode.tsx"],"sourcesContent":["import * as React from 'react';\nimport { hasHoudini } from '@fluentui-contrib/houdini-utils';\nimport { MorseCodeFallback } from './MorseCodeFallback';\nimport { MorseCodeHoudini } from './MorseCodeHoudini';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\n\nconst houdiniAvailable = hasHoudini();\n\nexport const MorseCode: React.FC<MorseCodeProps> = props => {\n if (houdiniAvailable) {\n return <MorseCodeHoudini {...props} />;\n }\n\n return <MorseCodeFallback {...props} />;\n};\n"],"names":["MorseCode","houdiniAvailable","hasHoudini","props","React","createElement","MorseCodeHoudini","MorseCodeFallback"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;8BACI;mCACO;kCACD;AAIjC,MAAMC,mBAAmBC,IAAAA,wBAAAA;AAElB,MAAMF,YAAsCG,CAAAA;~~QACjDF~~,~~kBAAIA~~;~~eACF~~,WAAA,~~GAAAG~~,~~OAAOC~~,aAAA,~~CAAAC~~,~~kCAACA~~,~~EAAAA;;WAGV~~,WAAA,~~GAAAF~~,~~OAAOC~~,aAAA,~~CAAAE~~,~~oCAACA~~,~~EAAAA~~;~~AACV~~"}
1	+ {"version":3,"sources":["MorseCode.tsx"],"sourcesContent":["import * as React from 'react';\nimport { hasHoudini } from '@fluentui-contrib/houdini-utils';\nimport { MorseCodeFallback } from './MorseCodeFallback';\nimport { MorseCodeHoudini } from './MorseCodeHoudini';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\n\nconst houdiniAvailable = hasHoudini();\n\nexport const MorseCode: React.FC<MorseCodeProps> = props => {\n if (houdiniAvailable) {\n return <MorseCodeHoudini {...props} />;\n }\n\n return <MorseCodeFallback {...props} />;\n};\n"],"names":["MorseCode","houdiniAvailable","hasHoudini","props","React","createElement","MorseCodeHoudini","MorseCodeFallback"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;8BACI;mCACO;kCACD;AAIjC,MAAMC,mBAAmBC,IAAAA,wBAAAA;AAElB,MAAMF,YAAsCG,CAAAA;IACjD,IAAIF,kBAAkB;QACpB,OAAA,WAAA,GAAOG,OAAAC,aAAA,CAACC,kCAAAA,EAAqBH;IAC/B;IAEA,OAAA,WAAA,GAAOC,OAAAC,aAAA,CAACE,oCAAAA,EAAsBJ;AAChC"}

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

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

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

@@ -0,0 +1 @@

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

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

@@ -20,4 +20,4 @@ const MorseCodeFallback = (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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["MorseCodeFallback.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport { morseCode } from '@fluentui-copilot/morse-code';\nimport { useMorseCodeStyles } from './MorseCode.styles';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\nimport { useFallbackRef } from '../hooks/useFallbackRef';\nimport { renderMorseCode } from '../shared/renderMorseCode';\n\nexport const MorseCodeFallback: React.FC<MorseCodeProps> = props => {\n const morseCodeStyles = useMorseCodeStyles();\n\n const targetRef = useFallbackRef(morseCode);\n\n const { className, ...restProps } = props;\n const wrapperClassName = mergeClasses(morseCodeStyles.wrapper, className);\n const morseCodeClassName = mergeClasses('fai-MorseCode', 'fai-MorseCodeFallback', morseCodeStyles.base);\n\n return renderMorseCode(wrapperClassName, restProps, morseCodeClassName, targetRef);\n};\n"],"names":["MorseCodeFallback","props","morseCodeStyles","useMorseCodeStyles","targetRef","useFallbackRef","morseCode","className","~~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~~"}
1	+ {"version":3,"sources":["MorseCodeFallback.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport { morseCode } from '@fluentui-copilot/morse-code';\nimport { useMorseCodeStyles } from './MorseCode.styles';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\nimport { useFallbackRef } from '../hooks/useFallbackRef';\nimport { renderMorseCode } from '../shared/renderMorseCode';\n\nexport const MorseCodeFallback: React.FC<MorseCodeProps> = props => {\n const morseCodeStyles = useMorseCodeStyles();\n\n const targetRef = useFallbackRef(morseCode);\n\n const { className, ...restProps } = props;\n const wrapperClassName = mergeClasses(morseCodeStyles.wrapper, className);\n const morseCodeClassName = mergeClasses('fai-MorseCode', 'fai-MorseCodeFallback', morseCodeStyles.base);\n\n return renderMorseCode(wrapperClassName, restProps, morseCodeClassName, targetRef);\n};\n"],"names":["MorseCodeFallback","props","morseCodeStyles","useMorseCodeStyles","targetRef","useFallbackRef","morseCode","className","restProps","wrapperClassName","mergeClasses","wrapper","morseCodeClassName","base","renderMorseCode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;iCARgB;2BACH;iCACS;gCAGJ;iCACC;AAEzB,MAAMA,oBAA8CC,CAAAA;IACzD,MAAMC,kBAAkBC,IAAAA,mCAAAA;IAExB,MAAMC,YAAYC,IAAAA,8BAAAA,EAAeC,oBAAAA;IAEjC,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAW,GAAGP;IACpC,MAAMQ,mBAAmBC,IAAAA,6BAAAA,EAAaR,gBAAgBS,OAAO,EAAEJ;IAC/D,MAAMK,qBAAqBF,IAAAA,6BAAAA,EAAa,iBAAiB,yBAAyBR,gBAAgBW,IAAI;IAEtG,OAAOC,IAAAA,gCAAAA,EAAgBL,kBAAkBD,WAAWI,oBAAoBR;AAC1E"}

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

@@ -13,30 +13,13 @@ const _useAddModule = require("../hooks/useAddModule");
 const _MorseCodestyles = require("./MorseCode.styles");
 const _morsecode = require("@fluentui-copilot/morse-code");
 const _renderMorseCode = require("../shared/renderMorseCode");
+const _MorseCodeHoudinistyles = require("./MorseCodeHoudini.styles");
 (0, _morsecode.initializeMorseCodeCustomProperties)();
-const sharedStyles = {
-    backgroundImage: _morsecode.morseCodeTokens.backgroundImage,
-    animationIterationCount: _morsecode.morseCodeTokens.morseCodeAnimationIterationCount,
-    animationDuration: _morsecode.morseCodeTokens.morseCodeAnimationDuration,
-    animationTimingFunction: _morsecode.morseCodeTokens.morseCodeAnimationTimingFunction
-};
-const useMorseCodeAnimationClassName = (0, _reactcomponents.__resetStyles)("r1ms8zpq", "rqpk8qn", {
-    r: [
-        ".r1ms8zpq{background-image:paint(morseCode);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:rarbvpc,r1i9k8jr;}",
-        "@keyframes rarbvpc{0%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode1);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode2);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode3);}20%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode1);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode2);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode3);}33%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode4);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode5);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode6);}50%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode4);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode5);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode6);}66%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode7);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode8);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode9);}80%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode7);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode8);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode9);}100%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode1);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode2);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode3);}}",
-        "@keyframes r1i9k8jr{0%{--fai-morse-code-width-1:20px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:104px;--fai-morse-code-x-position-2:62px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:20px;--fai-morse-code-x-position-3:182px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:60px;--fai-morse-code-x-position-4:218px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:40px;--fai-morse-code-x-position-5:294px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:350px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:386px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:422px;--fai-morse-code-opacity-8:0;}20%{--fai-morse-code-width-1:20px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:104px;--fai-morse-code-x-position-2:62px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:20px;--fai-morse-code-x-position-3:182px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:60px;--fai-morse-code-x-position-4:218px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:40px;--fai-morse-code-x-position-5:294px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:350px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:386px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:422px;--fai-morse-code-opacity-8:0;}33%{--fai-morse-code-width-1:30px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:20px;--fai-morse-code-x-position-2:72px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:60px;--fai-morse-code-x-position-3:108px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:80px;--fai-morse-code-x-position-4:184px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:280px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:316px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:392px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:428px;--fai-morse-code-opacity-8:0;}50%{--fai-morse-code-width-1:30px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:20px;--fai-morse-code-x-position-2:72px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:60px;--fai-morse-code-x-position-3:108px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:80px;--fai-morse-code-x-position-4:184px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:280px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:316px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:392px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:428px;--fai-morse-code-opacity-8:0;}66%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:70px;--fai-morse-code-opacity-2:1;--fai-morse-code-x-position-2:26px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:112px;--fai-morse-code-width-4:40px;--fai-morse-code-x-position-4:148px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:80px;--fai-morse-code-x-position-5:204px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:300px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:336px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:392px;--fai-morse-code-opacity-8:0;}80%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:70px;--fai-morse-code-opacity-2:1;--fai-morse-code-x-position-2:26px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:112px;--fai-morse-code-width-4:40px;--fai-morse-code-x-position-4:148px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:80px;--fai-morse-code-x-position-5:204px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:300px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:336px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:392px;--fai-morse-code-opacity-8:0;}100%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:20px;--fai-morse-code-opacity-2:0;--fai-morse-code-x-position-2:0px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:26px;--fai-morse-code-width-4:104px;--fai-morse-code-x-position-4:62px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:182px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:218px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:294px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:350px;--fai-morse-code-opacity-8:1;}}",
-        ".rqpk8qn{background-image:paint(morseCode);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:rarbvpc,r1i9k8jr;}"
-    ],
-    s: [
-        "@media (forced-colors: active){.r1ms8zpq{background-image:paint(morseCode);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:r9zjrdo,r1i9k8jr;}@keyframes r9zjrdo{0%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode1);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode2);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode3);}20%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode1);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode2);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode3);}33%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode4);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode5);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode6);}50%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode4);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode5);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode6);}66%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode7);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode8);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode9);}80%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode7);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode8);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode9);}100%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode1);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode2);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode3);}}@keyframes r1i9k8jr{0%{--fai-morse-code-width-1:20px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:104px;--fai-morse-code-x-position-2:62px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:20px;--fai-morse-code-x-position-3:182px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:60px;--fai-morse-code-x-position-4:218px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:40px;--fai-morse-code-x-position-5:294px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:350px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:386px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:422px;--fai-morse-code-opacity-8:0;}20%{--fai-morse-code-width-1:20px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:104px;--fai-morse-code-x-position-2:62px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:20px;--fai-morse-code-x-position-3:182px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:60px;--fai-morse-code-x-position-4:218px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:40px;--fai-morse-code-x-position-5:294px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:350px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:386px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:422px;--fai-morse-code-opacity-8:0;}33%{--fai-morse-code-width-1:30px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:20px;--fai-morse-code-x-position-2:72px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:60px;--fai-morse-code-x-position-3:108px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:80px;--fai-morse-code-x-position-4:184px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:280px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:316px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:392px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:428px;--fai-morse-code-opacity-8:0;}50%{--fai-morse-code-width-1:30px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:20px;--fai-morse-code-x-position-2:72px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:60px;--fai-morse-code-x-position-3:108px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:80px;--fai-morse-code-x-position-4:184px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:280px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:316px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:392px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:428px;--fai-morse-code-opacity-8:0;}66%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:70px;--fai-morse-code-opacity-2:1;--fai-morse-code-x-position-2:26px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:112px;--fai-morse-code-width-4:40px;--fai-morse-code-x-position-4:148px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:80px;--fai-morse-code-x-position-5:204px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:300px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:336px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:392px;--fai-morse-code-opacity-8:0;}80%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:70px;--fai-morse-code-opacity-2:1;--fai-morse-code-x-position-2:26px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:112px;--fai-morse-code-width-4:40px;--fai-morse-code-x-position-4:148px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:80px;--fai-morse-code-x-position-5:204px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:300px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:336px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:392px;--fai-morse-code-opacity-8:0;}100%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:20px;--fai-morse-code-opacity-2:0;--fai-morse-code-x-position-2:0px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:26px;--fai-morse-code-width-4:104px;--fai-morse-code-x-position-4:62px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:182px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:218px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:294px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:350px;--fai-morse-code-opacity-8:1;}}}",
-        "@media (forced-colors: active){.rqpk8qn{background-image:paint(morseCode);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:r9zjrdo,r1i9k8jr;}}"
-    ]
-});
 const MorseCodeHoudini = ({ baseUrl = _morsecode.DEFAULT_BASE_URL, fileName = _morsecode.DEFAULT_FILE_URL, className, ...restProps })=>{
     (0, _useAddModule.useAddModule)(baseUrl, fileName);
     const morseCodeStyles = (0, _MorseCodestyles.useMorseCodeStyles)();
-    const animationClassName = useMorseCodeAnimationClassName();
+    const animationClassName = (0, _MorseCodeHoudinistyles.useMorseCodeAnimationClassName)();
     const wrapperClassName = (0, _reactcomponents.mergeClasses)(morseCodeStyles.wrapper, className);
     const morseCodeClassName = (0, _reactcomponents.mergeClasses)('fai-MorseCode', 'fai-MorseCodeHoudini', morseCodeStyles.base, animationClassName);
     return (0, _renderMorseCode.renderMorseCode)(wrapperClassName, restProps, morseCodeClassName);
-}; //# sourceMappingURL=MorseCodeHoudini.js.map
+};

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

	@@ -1 +1 @@
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~~"}
1	+ {"version":3,"sources":["MorseCodeHoudini.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport { useAddModule } from '../hooks/useAddModule';\nimport { useMorseCodeStyles } from './MorseCode.styles';\n\nimport { initializeMorseCodeCustomProperties, DEFAULT_BASE_URL, DEFAULT_FILE_URL } from '@fluentui-copilot/morse-code';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\nimport { renderMorseCode } from '../shared/renderMorseCode';\nimport { useMorseCodeAnimationClassName } from './MorseCodeHoudini.styles';\n\ninitializeMorseCodeCustomProperties();\n\nexport const MorseCodeHoudini: React.FC<MorseCodeProps> = ({\n baseUrl = DEFAULT_BASE_URL,\n fileName = DEFAULT_FILE_URL,\n className,\n ...restProps\n}) => {\n useAddModule(baseUrl, fileName);\n\n const morseCodeStyles = useMorseCodeStyles();\n const animationClassName = useMorseCodeAnimationClassName();\n const wrapperClassName = mergeClasses(morseCodeStyles.wrapper, className);\n const morseCodeClassName = mergeClasses(\n 'fai-MorseCode',\n 'fai-MorseCodeHoudini',\n morseCodeStyles.base,\n animationClassName,\n );\n\n return renderMorseCode(wrapperClassName, restProps, morseCodeClassName);\n};\n"],"names":["MorseCodeHoudini","initializeMorseCodeCustomProperties","baseUrl","DEFAULT_BASE_URL","fileName","DEFAULT_FILE_URL","className","restProps","useAddModule","morseCodeStyles","useMorseCodeStyles","animationClassName","useMorseCodeAnimationClassName","wrapperClassName","mergeClasses","wrapper","morseCodeClassName","base","renderMorseCode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;iCAZgB;8BACA;iCACM;2BAEqD;iCAGxD;wCACe;AAE/CC,IAAAA,8CAAAA;AAEO,MAAMD,mBAA6C,CAAC,EACzDE,UAAUC,2BAAgB,EAC1BC,WAAWC,2BAAgB,EAC3BC,SAAS,EACT,GAAGC,WACJ;IACCC,IAAAA,0BAAAA,EAAaN,SAASE;IAEtB,MAAMK,kBAAkBC,IAAAA,mCAAAA;IACxB,MAAMC,qBAAqBC,IAAAA,sDAAAA;IAC3B,MAAMC,mBAAmBC,IAAAA,6BAAAA,EAAaL,gBAAgBM,OAAO,EAAET;IAC/D,MAAMU,qBAAqBF,IAAAA,6BAAAA,EACzB,iBACA,wBACAL,gBAAgBQ,IAAI,EACpBN;IAGF,OAAOO,IAAAA,gCAAAA,EAAgBL,kBAAkBN,WAAWS;AACtD"}

package/lib-commonjs/components/large/MorseCodeHoudini.styles.js ADDED Viewed

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

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

@@ -0,0 +1 @@

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

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

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

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

@@ -0,0 +1 @@

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

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

@@ -18,4 +18,4 @@ const renderMorseCode = (wrapperClassName, wrapperProps, morseCodeClassName, tar
         ref: targetRef,
         className: morseCodeClassName
     }));
-}; //# sourceMappingURL=renderMorseCode.js.map
+};

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

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

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

@@ -19,4 +19,4 @@ const MorseCodeSmall = (props)=>{
         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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["MorseCodeSmall.tsx"],"sourcesContent":["import * as React from 'react';\nimport { hasHoudini } from '@fluentui-contrib/houdini-utils';\nimport { MorseCodeSmallFallback } from './MorseCodeSmallFallback';\nimport { MorseCodeSmallHoudini } from './MorseCodeSmallHoudini';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\n\nconst houdiniAvailable = hasHoudini();\n\nexport const MorseCodeSmall: React.FC<MorseCodeProps> = props => {\n if (houdiniAvailable) {\n return <MorseCodeSmallHoudini {...props} />;\n }\n\n return <MorseCodeSmallFallback {...props} />;\n};\n"],"names":["MorseCodeSmall","houdiniAvailable","hasHoudini","props","React","createElement","MorseCodeSmallHoudini","MorseCodeSmallFallback"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;8BACI;wCACY;uCACD;AAItC,MAAMC,mBAAmBC,IAAAA,wBAAAA;AAElB,MAAMF,iBAA2CG,CAAAA;~~QACtDF~~,~~kBAAIA~~;~~eACF~~,WAAA,~~GAAAG~~,~~OAAOC~~,aAAA,~~CAAAC~~,~~4CAACA~~,~~EAAAA;;WAGV~~,WAAA,~~GAAAF~~,~~OAAOC~~,aAAA,~~CAAAE~~,~~8CAACA~~,~~EAAAA~~;~~AACV~~"}
1	+ {"version":3,"sources":["MorseCodeSmall.tsx"],"sourcesContent":["import * as React from 'react';\nimport { hasHoudini } from '@fluentui-contrib/houdini-utils';\nimport { MorseCodeSmallFallback } from './MorseCodeSmallFallback';\nimport { MorseCodeSmallHoudini } from './MorseCodeSmallHoudini';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\n\nconst houdiniAvailable = hasHoudini();\n\nexport const MorseCodeSmall: React.FC<MorseCodeProps> = props => {\n if (houdiniAvailable) {\n return <MorseCodeSmallHoudini {...props} />;\n }\n\n return <MorseCodeSmallFallback {...props} />;\n};\n"],"names":["MorseCodeSmall","houdiniAvailable","hasHoudini","props","React","createElement","MorseCodeSmallHoudini","MorseCodeSmallFallback"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;8BACI;wCACY;uCACD;AAItC,MAAMC,mBAAmBC,IAAAA,wBAAAA;AAElB,MAAMF,iBAA2CG,CAAAA;IACtD,IAAIF,kBAAkB;QACpB,OAAA,WAAA,GAAOG,OAAAC,aAAA,CAACC,4CAAAA,EAA0BH;IACpC;IAEA,OAAA,WAAA,GAAOC,OAAAC,aAAA,CAACE,8CAAAA,EAA2BJ;AACrC"}

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

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

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

@@ -0,0 +1 @@

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

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

@@ -20,4 +20,4 @@ const MorseCodeSmallFallback = (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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["MorseCodeSmallFallback.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport { morseCodeSmall } from '@fluentui-copilot/morse-code';\nimport { useMorseCodeSmallStyles } from './MorseCodeSmall.styles';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\nimport { useFallbackRef } from '../hooks/useFallbackRef';\nimport { renderMorseCode } from '../shared/renderMorseCode';\n\nexport const MorseCodeSmallFallback: React.FC<MorseCodeProps> = props => {\n const morseCodeStyles = useMorseCodeSmallStyles();\n\n const targetRef = useFallbackRef(morseCodeSmall);\n const { className, ...restProps } = props;\n const wrapperClassName = mergeClasses(morseCodeStyles.wrapper, className);\n const morseCodeClassName = mergeClasses('fai-MorseCodeSmall', 'fai-MorseCodeSmallFallback', morseCodeStyles.base);\n\n return renderMorseCode(wrapperClassName, restProps, morseCodeClassName, targetRef);\n};\n"],"names":["MorseCodeSmallFallback","props","morseCodeStyles","useMorseCodeSmallStyles","targetRef","useFallbackRef","morseCodeSmall","className","~~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~~"}
1	+ {"version":3,"sources":["MorseCodeSmallFallback.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport { morseCodeSmall } from '@fluentui-copilot/morse-code';\nimport { useMorseCodeSmallStyles } from './MorseCodeSmall.styles';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\nimport { useFallbackRef } from '../hooks/useFallbackRef';\nimport { renderMorseCode } from '../shared/renderMorseCode';\n\nexport const MorseCodeSmallFallback: React.FC<MorseCodeProps> = props => {\n const morseCodeStyles = useMorseCodeSmallStyles();\n\n const targetRef = useFallbackRef(morseCodeSmall);\n const { className, ...restProps } = props;\n const wrapperClassName = mergeClasses(morseCodeStyles.wrapper, className);\n const morseCodeClassName = mergeClasses('fai-MorseCodeSmall', 'fai-MorseCodeSmallFallback', morseCodeStyles.base);\n\n return renderMorseCode(wrapperClassName, restProps, morseCodeClassName, targetRef);\n};\n"],"names":["MorseCodeSmallFallback","props","morseCodeStyles","useMorseCodeSmallStyles","targetRef","useFallbackRef","morseCodeSmall","className","restProps","wrapperClassName","mergeClasses","wrapper","morseCodeClassName","base","renderMorseCode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;iCARgB;2BACE;sCACS;gCAGT;iCACC;AAEzB,MAAMA,yBAAmDC,CAAAA;IAC9D,MAAMC,kBAAkBC,IAAAA,6CAAAA;IAExB,MAAMC,YAAYC,IAAAA,8BAAAA,EAAeC,yBAAAA;IACjC,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAW,GAAGP;IACpC,MAAMQ,mBAAmBC,IAAAA,6BAAAA,EAAaR,gBAAgBS,OAAO,EAAEJ;IAC/D,MAAMK,qBAAqBF,IAAAA,6BAAAA,EAAa,sBAAsB,8BAA8BR,gBAAgBW,IAAI;IAEhH,OAAOC,IAAAA,gCAAAA,EAAgBL,kBAAkBD,WAAWI,oBAAoBR;AAC1E"}

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

@@ -13,30 +13,13 @@ const _useAddModule = require("../hooks/useAddModule");
 const _MorseCodeSmallstyles = require("./MorseCodeSmall.styles");
 const _morsecode = require("@fluentui-copilot/morse-code");
 const _renderMorseCode = require("../shared/renderMorseCode");
+const _MorseCodeSmallHoudinistyles = require("./MorseCodeSmallHoudini.styles");
 (0, _morsecode.initializeMorseCodeSmallCustomProperties)();
-const 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 animationClassName = (0, _MorseCodeSmallHoudinistyles.useMorseCodeAnimationClassName)();
     const wrapperClassName = (0, _reactcomponents.mergeClasses)(morseCodeSmallStyles.wrapper, className);
     const morseCodeClassName = (0, _reactcomponents.mergeClasses)('fai-MorseCodeSmall', 'fai-MorseCodeSmallHoudini', morseCodeSmallStyles.base, animationClassName);
     return (0, _renderMorseCode.renderMorseCode)(wrapperClassName, restProps, morseCodeClassName);
-}; //# sourceMappingURL=MorseCodeSmallHoudini.js.map
+};

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

	@@ -1 +1 @@
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~~"}
1	+ {"version":3,"sources":["MorseCodeSmallHoudini.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport { useAddModule } from '../hooks/useAddModule';\nimport { useMorseCodeSmallStyles } from './MorseCodeSmall.styles';\n\nimport {\n initializeMorseCodeSmallCustomProperties,\n DEFAULT_BASE_URL,\n DEFAULT_SMALL_FILE_URL,\n} from '@fluentui-copilot/morse-code';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\nimport { renderMorseCode } from '../shared/renderMorseCode';\nimport { useMorseCodeAnimationClassName } from './MorseCodeSmallHoudini.styles';\n\ninitializeMorseCodeSmallCustomProperties();\n\nexport const MorseCodeSmallHoudini: React.FC<MorseCodeProps> = ({\n baseUrl = DEFAULT_BASE_URL,\n fileName = DEFAULT_SMALL_FILE_URL,\n className,\n ...restProps\n}) => {\n useAddModule(baseUrl, fileName);\n\n const morseCodeSmallStyles = useMorseCodeSmallStyles();\n const animationClassName = useMorseCodeAnimationClassName();\n const wrapperClassName = mergeClasses(morseCodeSmallStyles.wrapper, className);\n const morseCodeClassName = mergeClasses(\n 'fai-MorseCodeSmall',\n 'fai-MorseCodeSmallHoudini',\n morseCodeSmallStyles.base,\n animationClassName,\n );\n\n return renderMorseCode(wrapperClassName, restProps, morseCodeClassName);\n};\n"],"names":["MorseCodeSmallHoudini","initializeMorseCodeSmallCustomProperties","baseUrl","DEFAULT_BASE_URL","fileName","DEFAULT_SMALL_FILE_URL","className","restProps","useAddModule","morseCodeSmallStyles","useMorseCodeSmallStyles","animationClassName","useMorseCodeAnimationClassName","wrapperClassName","mergeClasses","wrapper","morseCodeClassName","base","renderMorseCode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBaA;;;eAAAA;;;iCAhBgB;8BACA;sCACW;2BAMjC;iCAGyB;6CACe;AAE/CC,IAAAA,mDAAAA;AAEO,MAAMD,wBAAkD,CAAC,EAC9DE,UAAUC,2BAAgB,EAC1BC,WAAWC,iCAAsB,EACjCC,SAAS,EACT,GAAGC,WACJ;IACCC,IAAAA,0BAAAA,EAAaN,SAASE;IAEtB,MAAMK,uBAAuBC,IAAAA,6CAAAA;IAC7B,MAAMC,qBAAqBC,IAAAA,2DAAAA;IAC3B,MAAMC,mBAAmBC,IAAAA,6BAAAA,EAAaL,qBAAqBM,OAAO,EAAET;IACpE,MAAMU,qBAAqBF,IAAAA,6BAAAA,EACzB,sBACA,6BACAL,qBAAqBQ,IAAI,EACzBN;IAGF,OAAOO,IAAAA,gCAAAA,EAAgBL,kBAAkBN,WAAWS;AACtD"}