@fluentui/react-storybook-addon 0.4.1 → 0.4.2

package/CHANGELOG.md

@@ -1,12 +1,29 @@
 # Change Log - @fluentui/react-storybook-addon
 
-This log was last generated on Wed, 13 Aug 2025 12:48:55 GMT and should not be manually modified.
+This log was last generated on Thu, 21 Aug 2025 12:20:43 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.4.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-storybook-addon_v0.4.2)
+
+Thu, 21 Aug 2025 12:20:43 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-storybook-addon_v0.4.1..@fluentui/react-storybook-addon_v0.4.2)
+
+### Patches
+
+- Bump @fluentui/react-aria to v9.16.4 ([PR #35055](https://github.com/microsoft/fluentui/pull/35055) by beachball)
+- Bump @fluentui/react-button to v9.6.5 ([PR #35055](https://github.com/microsoft/fluentui/pull/35055) by beachball)
+- Bump @fluentui/react-menu to v9.19.5 ([PR #35055](https://github.com/microsoft/fluentui/pull/35055) by beachball)
+- Bump @fluentui/react-label to v9.3.4 ([PR #35055](https://github.com/microsoft/fluentui/pull/35055) by beachball)
+- Bump @fluentui/react-switch to v9.4.4 ([PR #35055](https://github.com/microsoft/fluentui/pull/35055) by beachball)
+- Bump @fluentui/react-text to v9.6.4 ([PR #35055](https://github.com/microsoft/fluentui/pull/35055) by beachball)
+- Bump @fluentui/react-link to v9.6.4 ([PR #35055](https://github.com/microsoft/fluentui/pull/35055) by beachball)
+- Bump @fluentui/react-provider to v9.22.4 ([PR #35055](https://github.com/microsoft/fluentui/pull/35055) by beachball)
+- Bump @fluentui/react-utilities to v9.24.0 ([PR #35055](https://github.com/microsoft/fluentui/pull/35055) by beachball)
+
 ## [0.4.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-storybook-addon_v0.4.1)
 
-Wed, 13 Aug 2025 12:48:55 GMT 
+Wed, 13 Aug 2025 12:49:04 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-storybook-addon_v0.4.0..@fluentui/react-storybook-addon_v0.4.1)
 
 ### Patches

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-storybook-addon",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "fluentui react storybook addon",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -16,15 +16,15 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-aria": "^9.16.3",
-    "@fluentui/react-button": "^9.6.4",
-    "@fluentui/react-menu": "^9.19.4",
-    "@fluentui/react-label": "^9.3.3",
-    "@fluentui/react-switch": "^9.4.3",
-    "@fluentui/react-text": "^9.6.3",
-    "@fluentui/react-link": "^9.6.3",
-    "@fluentui/react-provider": "^9.22.3",
-    "@fluentui/react-utilities": "^9.23.2",
+    "@fluentui/react-aria": "^9.16.4",
+    "@fluentui/react-button": "^9.6.5",
+    "@fluentui/react-menu": "^9.19.5",
+    "@fluentui/react-label": "^9.3.4",
+    "@fluentui/react-switch": "^9.4.4",
+    "@fluentui/react-text": "^9.6.4",
+    "@fluentui/react-link": "^9.6.4",
+    "@fluentui/react-provider": "^9.22.4",
+    "@fluentui/react-utilities": "^9.24.0",
     "@fluentui/react-theme": "^9.2.0",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"

package/dist/index.d.ts

@@ -1,86 +0,0 @@
-import { Args } from '@storybook/react';
-import { Parameters as Parameters_2 } from '@storybook/react';
-import { StoryContext } from '@storybook/react';
-
-export declare const DIR_ID: "storybook_fluentui-react-addon_dir";
-
-/**
- * Configuration for docs components
- */
-declare type FluentDocsConfig = boolean | {
-    tableOfContents?: boolean;
-    dirSwitcher?: boolean;
-    themePicker?: boolean;
-    argTable?: boolean | {
-        slotsApi?: boolean;
-        nativePropsApi?: boolean;
-    };
-};
-
-/**
- * Extends the storybook globals object to include fluent specific properties
- */
-export declare interface FluentGlobals extends Args {
-    [DIR_ID]?: 'ltr' | 'rtl';
-    [THEME_ID]?: ThemeIds;
-    [STRICT_MODE_ID]?: boolean;
-}
-
-/**
- * Extends the storybook parameters object to include fluent specific properties
- */
-export declare interface FluentParameters extends Parameters_2 {
-    dir?: 'ltr' | 'rtl';
-    fluentTheme?: ThemeIds;
-    mode?: 'default' | 'vr-test';
-    reactStorybookAddon?: {
-        disabledDecorators?: ['AriaLive' | 'FluentProvider' | 'ReactStrictMode'];
-        docs?: FluentDocsConfig;
-    };
-}
-
-export declare interface FluentStoryContext extends StoryContext {
-    globals: FluentGlobals;
-    parameters: FluentParameters;
-}
-
-export declare function parameters(options?: FluentParameters): {
-    dir: string;
-    fluentTheme: string;
-    mode: string;
-    reactStorybookAddon?: {
-        disabledDecorators?: ["AriaLive" | "FluentProvider" | "ReactStrictMode"];
-        docs?: FluentDocsConfig;
-    };
-};
-
-declare const STRICT_MODE_ID: "storybook_fluentui-react-addon_strict-mode";
-
-export declare const THEME_ID: "storybook_fluentui-react-addon_theme";
-
-export declare type ThemeIds = (typeof themes)[number]['id'];
-
-export declare const themes: readonly [{
-    readonly id: "web-light";
-    readonly label: "Web Light";
-}, {
-    readonly id: "web-dark";
-    readonly label: "Web Dark";
-}, {
-    readonly id: "teams-light";
-    readonly label: "Teams Light";
-}, {
-    readonly id: "teams-dark";
-    readonly label: "Teams Dark";
-}, {
-    readonly id: "teams-light-v21";
-    readonly label: "Teams Light V2.1";
-}, {
-    readonly id: "teams-dark-v21";
-    readonly label: "Teams Dark V2.1";
-}, {
-    readonly id: "teams-high-contrast";
-    readonly label: "Teams High Contrast";
-}];
-
-export { }

package/lib/components/DirectionSwitch.js

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { IconButton } from '@storybook/components';
-import { styled } from '@storybook/theming';
-import { DIR_ID } from '../constants';
-import { useGlobals } from '../hooks';
-const Monospace = styled.span({
-    fontFamily: "'Cascadia Code', Menlo, 'Courier New', Courier, monospace",
-    letterSpacing: '-0.05em'
-});
-export const DirectionSwitch = ()=>{
-    const [globals, updateGlobals] = useGlobals();
-    var _globals_DIR_ID;
-    const direction = (_globals_DIR_ID = globals[DIR_ID]) !== null && _globals_DIR_ID !== void 0 ? _globals_DIR_ID : 'ltr';
-    const isLTR = direction === 'ltr';
-    const toggleDirection = React.useCallback(()=>updateGlobals({
-            [DIR_ID]: isLTR ? 'rtl' : 'ltr'
-        }), [
-        isLTR,
-        updateGlobals
-    ]);
-    return /*#__PURE__*/ React.createElement(IconButton, {
-        key: DIR_ID,
-        title: "Change Direction",
-        onClick: toggleDirection
-    }, /*#__PURE__*/ React.createElement("div", null, "Direction: ", /*#__PURE__*/ React.createElement(Monospace, null, direction.toUpperCase())));
-};

package/lib/components/DirectionSwitch.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/DirectionSwitch.tsx"],"sourcesContent":["import * as React from 'react';\nimport { IconButton } from '@storybook/components';\nimport { styled } from '@storybook/theming';\n\nimport { DIR_ID } from '../constants';\nimport { useGlobals } from '../hooks';\n\nconst Monospace = styled.span({\n  fontFamily: \"'Cascadia Code', Menlo, 'Courier New', Courier, monospace\",\n  letterSpacing: '-0.05em',\n});\n\nexport const DirectionSwitch = () => {\n  const [globals, updateGlobals] = useGlobals();\n\n  const direction = globals[DIR_ID] ?? 'ltr';\n  const isLTR = direction === 'ltr';\n\n  const toggleDirection = React.useCallback(\n    () =>\n      updateGlobals({\n        [DIR_ID]: isLTR ? 'rtl' : 'ltr',\n      }),\n    [isLTR, updateGlobals],\n  );\n\n  return (\n    <IconButton key={DIR_ID} title=\"Change Direction\" onClick={toggleDirection}>\n      <div>\n        Direction: <Monospace>{direction.toUpperCase()}</Monospace>\n      </div>\n    </IconButton>\n  );\n};\n"],"names":["React","IconButton","styled","DIR_ID","useGlobals","Monospace","span","fontFamily","letterSpacing","DirectionSwitch","globals","updateGlobals","direction","isLTR","toggleDirection","useCallback","key","title","onClick","div","toUpperCase"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,wBAAwB;AACnD,SAASC,MAAM,QAAQ,qBAAqB;AAE5C,SAASC,MAAM,QAAQ,eAAe;AACtC,SAASC,UAAU,QAAQ,WAAW;AAEtC,MAAMC,YAAYH,OAAOI,IAAI,CAAC;IAC5BC,YAAY;IACZC,eAAe;AACjB;AAEA,OAAO,MAAMC,kBAAkB;IAC7B,MAAM,CAACC,SAASC,cAAc,GAAGP;QAEfM;IAAlB,MAAME,YAAYF,CAAAA,kBAAAA,OAAO,CAACP,OAAO,cAAfO,6BAAAA,kBAAmB;IACrC,MAAMG,QAAQD,cAAc;IAE5B,MAAME,kBAAkBd,MAAMe,WAAW,CACvC,IACEJ,cAAc;YACZ,CAACR,OAAO,EAAEU,QAAQ,QAAQ;QAC5B,IACF;QAACA;QAAOF;KAAc;IAGxB,qBACE,oBAACV;QAAWe,KAAKb;QAAQc,OAAM;QAAmBC,SAASJ;qBACzD,oBAACK,aAAI,6BACQ,oBAACd,iBAAWO,UAAUQ,WAAW;AAIpD,EAAE"}

package/lib/components/ReactStrictMode.js

@@ -1,23 +0,0 @@
-import * as React from 'react';
-import { IconButton, Icons } from '@storybook/components';
-import { STRICT_MODE_ID } from '../constants';
-import { useGlobals } from '../hooks';
-export const ReactStrictMode = ()=>{
-    const [globals, updateGlobals] = useGlobals();
-    var _globals_STRICT_MODE_ID;
-    const isActive = (_globals_STRICT_MODE_ID = globals[STRICT_MODE_ID]) !== null && _globals_STRICT_MODE_ID !== void 0 ? _globals_STRICT_MODE_ID : false;
-    const toggleStrictMode = React.useCallback(()=>updateGlobals({
-            [STRICT_MODE_ID]: !isActive
-        }), [
-        isActive,
-        updateGlobals
-    ]);
-    return /*#__PURE__*/ React.createElement(IconButton, {
-        key: STRICT_MODE_ID,
-        active: isActive,
-        title: "Toggle React Strict mode",
-        onClick: toggleStrictMode
-    }, /*#__PURE__*/ React.createElement(Icons, {
-        icon: "lock"
-    }));
-};

package/lib/components/ReactStrictMode.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ReactStrictMode.tsx"],"sourcesContent":["import * as React from 'react';\nimport { IconButton, Icons } from '@storybook/components';\n\nimport { STRICT_MODE_ID } from '../constants';\nimport { useGlobals } from '../hooks';\n\nexport const ReactStrictMode = () => {\n  const [globals, updateGlobals] = useGlobals();\n\n  const isActive = globals[STRICT_MODE_ID] ?? false;\n\n  const toggleStrictMode = React.useCallback(\n    () =>\n      updateGlobals({\n        [STRICT_MODE_ID]: !isActive,\n      }),\n    [isActive, updateGlobals],\n  );\n\n  return (\n    <IconButton key={STRICT_MODE_ID} active={isActive} title=\"Toggle React Strict mode\" onClick={toggleStrictMode}>\n      <Icons icon=\"lock\" />\n    </IconButton>\n  );\n};\n"],"names":["React","IconButton","Icons","STRICT_MODE_ID","useGlobals","ReactStrictMode","globals","updateGlobals","isActive","toggleStrictMode","useCallback","key","active","title","onClick","icon"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,KAAK,QAAQ,wBAAwB;AAE1D,SAASC,cAAc,QAAQ,eAAe;AAC9C,SAASC,UAAU,QAAQ,WAAW;AAEtC,OAAO,MAAMC,kBAAkB;IAC7B,MAAM,CAACC,SAASC,cAAc,GAAGH;QAEhBE;IAAjB,MAAME,WAAWF,CAAAA,0BAAAA,OAAO,CAACH,eAAe,cAAvBG,qCAAAA,0BAA2B;IAE5C,MAAMG,mBAAmBT,MAAMU,WAAW,CACxC,IACEH,cAAc;YACZ,CAACJ,eAAe,EAAE,CAACK;QACrB,IACF;QAACA;QAAUD;KAAc;IAG3B,qBACE,oBAACN;QAAWU,KAAKR;QAAgBS,QAAQJ;QAAUK,OAAM;QAA2BC,SAASL;qBAC3F,oBAACP;QAAMa,MAAK;;AAGlB,EAAE"}

package/lib/components/ThemePicker.js

@@ -1,61 +0,0 @@
-import * as React from 'react';
-import { IconButton, Icons, TooltipLinkList, WithTooltip } from '@storybook/components';
-import { useParameter } from '@storybook/manager-api';
-import { themes, defaultTheme } from '../theme';
-import { THEME_ID } from '../constants';
-import { useGlobals } from '../hooks';
-function createThemeItems(value, changeTheme, getCurrentTheme) {
-    return value.map((item)=>{
-        return {
-            id: item.id,
-            title: item.id === defaultTheme.id ? `${item.label} (Default)` : item.label,
-            onClick: ()=>{
-                changeTheme(item.id);
-            },
-            value: item.id,
-            active: getCurrentTheme() === item.id
-        };
-    });
-}
-export const ThemePicker = ()=>{
-    const [globals, updateGlobals] = useGlobals();
-    const fluentTheme = useParameter('fluentTheme');
-    var _globals_THEME_ID;
-    const selectedThemeId = fluentTheme ? fluentTheme : (_globals_THEME_ID = globals[THEME_ID]) !== null && _globals_THEME_ID !== void 0 ? _globals_THEME_ID : defaultTheme.id;
-    const selectedTheme = themes.find((entry)=>entry.id === selectedThemeId);
-    const isActive = selectedThemeId !== defaultTheme.id;
-    const setTheme = React.useCallback((id)=>{
-        updateGlobals({
-            [THEME_ID]: id
-        });
-    }, [
-        updateGlobals
-    ]);
-    const renderTooltip = React.useCallback((props)=>{
-        return /*#__PURE__*/ React.createElement(TooltipLinkList, {
-            links: createThemeItems(themes, (id)=>{
-                setTheme(id);
-                props.onHide();
-            }, ()=>selectedThemeId)
-        });
-    }, [
-        selectedThemeId,
-        setTheme
-    ]);
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(WithTooltip, {
-        placement: "top",
-        trigger: "click",
-        closeOnClick: true,
-        tooltip: renderTooltip
-    }, /*#__PURE__*/ React.createElement(IconButton, {
-        key: THEME_ID,
-        title: "Change Fluent theme",
-        active: isActive
-    }, /*#__PURE__*/ React.createElement(Icons, {
-        icon: "arrowdown"
-    }), /*#__PURE__*/ React.createElement("span", {
-        style: {
-            marginLeft: 5
-        }
-    }, "Theme: ", selectedTheme === null || selectedTheme === void 0 ? void 0 : selectedTheme.label))));
-};

package/lib/components/ThemePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ThemePicker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { IconButton, Icons, TooltipLinkList, WithTooltip } from '@storybook/components';\nimport { useParameter } from '@storybook/manager-api';\n\nimport { ThemeIds, themes, defaultTheme } from '../theme';\nimport { THEME_ID } from '../constants';\nimport { useGlobals, FluentParameters } from '../hooks';\n\nexport interface ThemeSelectorItem {\n  id: string;\n  title: string;\n  onClick: () => void;\n  value: string;\n  active: boolean;\n}\n\nfunction createThemeItems(\n  value: typeof themes,\n  changeTheme: (id: ThemeIds) => void,\n  getCurrentTheme: () => ThemeIds,\n): ThemeSelectorItem[] {\n  return value.map(item => {\n    return {\n      id: item.id,\n      title: item.id === defaultTheme.id ? `${item.label} (Default)` : item.label,\n      onClick: () => {\n        changeTheme(item.id);\n      },\n      value: item.id,\n      active: getCurrentTheme() === item.id,\n    };\n  });\n}\n\nexport const ThemePicker = () => {\n  const [globals, updateGlobals] = useGlobals();\n  const fluentTheme: FluentParameters['fluentTheme'] = useParameter('fluentTheme');\n\n  const selectedThemeId = fluentTheme ? fluentTheme : globals[THEME_ID] ?? defaultTheme.id;\n  const selectedTheme = themes.find(entry => entry.id === selectedThemeId);\n\n  const isActive = selectedThemeId !== defaultTheme.id;\n\n  const setTheme = React.useCallback(\n    (id: ThemeIds) => {\n      updateGlobals({ [THEME_ID]: id });\n    },\n    [updateGlobals],\n  );\n\n  const renderTooltip = React.useCallback(\n    (props: { onHide: () => void }) => {\n      return (\n        <TooltipLinkList\n          links={createThemeItems(\n            themes,\n            id => {\n              setTheme(id);\n              props.onHide();\n            },\n            () => selectedThemeId,\n          )}\n        />\n      );\n    },\n    [selectedThemeId, setTheme],\n  );\n\n  return (\n    <>\n      <WithTooltip placement=\"top\" trigger=\"click\" closeOnClick tooltip={renderTooltip}>\n        <IconButton key={THEME_ID} title=\"Change Fluent theme\" active={isActive}>\n          <Icons icon=\"arrowdown\" />\n          <span style={{ marginLeft: 5 }}>Theme: {selectedTheme?.label}</span>\n        </IconButton>\n      </WithTooltip>\n    </>\n  );\n};\n"],"names":["React","IconButton","Icons","TooltipLinkList","WithTooltip","useParameter","themes","defaultTheme","THEME_ID","useGlobals","createThemeItems","value","changeTheme","getCurrentTheme","map","item","id","title","label","onClick","active","ThemePicker","globals","updateGlobals","fluentTheme","selectedThemeId","selectedTheme","find","entry","isActive","setTheme","useCallback","renderTooltip","props","links","onHide","placement","trigger","closeOnClick","tooltip","key","icon","span","style","marginLeft"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,KAAK,EAAEC,eAAe,EAAEC,WAAW,QAAQ,wBAAwB;AACxF,SAASC,YAAY,QAAQ,yBAAyB;AAEtD,SAAmBC,MAAM,EAAEC,YAAY,QAAQ,WAAW;AAC1D,SAASC,QAAQ,QAAQ,eAAe;AACxC,SAASC,UAAU,QAA0B,WAAW;AAUxD,SAASC,iBACPC,KAAoB,EACpBC,WAAmC,EACnCC,eAA+B;IAE/B,OAAOF,MAAMG,GAAG,CAACC,CAAAA;QACf,OAAO;YACLC,IAAID,KAAKC,EAAE;YACXC,OAAOF,KAAKC,EAAE,KAAKT,aAAaS,EAAE,GAAG,GAAGD,KAAKG,KAAK,CAAC,UAAU,CAAC,GAAGH,KAAKG,KAAK;YAC3EC,SAAS;gBACPP,YAAYG,KAAKC,EAAE;YACrB;YACAL,OAAOI,KAAKC,EAAE;YACdI,QAAQP,sBAAsBE,KAAKC,EAAE;QACvC;IACF;AACF;AAEA,OAAO,MAAMK,cAAc;IACzB,MAAM,CAACC,SAASC,cAAc,GAAGd;IACjC,MAAMe,cAA+CnB,aAAa;QAEdiB;IAApD,MAAMG,kBAAkBD,cAAcA,cAAcF,CAAAA,oBAAAA,OAAO,CAACd,SAAS,cAAjBc,+BAAAA,oBAAqBf,aAAaS,EAAE;IACxF,MAAMU,gBAAgBpB,OAAOqB,IAAI,CAACC,CAAAA,QAASA,MAAMZ,EAAE,KAAKS;IAExD,MAAMI,WAAWJ,oBAAoBlB,aAAaS,EAAE;IAEpD,MAAMc,WAAW9B,MAAM+B,WAAW,CAChC,CAACf;QACCO,cAAc;YAAE,CAACf,SAAS,EAAEQ;QAAG;IACjC,GACA;QAACO;KAAc;IAGjB,MAAMS,gBAAgBhC,MAAM+B,WAAW,CACrC,CAACE;QACC,qBACE,oBAAC9B;YACC+B,OAAOxB,iBACLJ,QACAU,CAAAA;gBACEc,SAASd;gBACTiB,MAAME,MAAM;YACd,GACA,IAAMV;;IAId,GACA;QAACA;QAAiBK;KAAS;IAG7B,qBACE,wDACE,oBAAC1B;QAAYgC,WAAU;QAAMC,SAAQ;QAAQC,cAAAA;QAAaC,SAASP;qBACjE,oBAAC/B;QAAWuC,KAAKhC;QAAUS,OAAM;QAAsBG,QAAQS;qBAC7D,oBAAC3B;QAAMuC,MAAK;sBACZ,oBAACC;QAAKC,OAAO;YAAEC,YAAY;QAAE;OAAG,WAAQlB,0BAAAA,oCAAAA,cAAeR,KAAK;AAKtE,EAAE"}

package/lib/constants.js

@@ -1,4 +0,0 @@
-export const ADDON_ID = 'storybook_fluentui-react-addon';
-export const DIR_ID = `${ADDON_ID}_dir`;
-export const STRICT_MODE_ID = `${ADDON_ID}_strict-mode`;
-export const THEME_ID = `${ADDON_ID}_theme`;

package/lib/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/constants.ts"],"sourcesContent":["export const ADDON_ID = 'storybook_fluentui-react-addon';\n\nexport const DIR_ID = `${ADDON_ID}_dir` as const;\nexport const STRICT_MODE_ID = `${ADDON_ID}_strict-mode` as const;\nexport const THEME_ID = `${ADDON_ID}_theme` as const;\n"],"names":["ADDON_ID","DIR_ID","STRICT_MODE_ID","THEME_ID"],"mappings":"AAAA,OAAO,MAAMA,WAAW,iCAAiC;AAEzD,OAAO,MAAMC,SAAS,GAAGD,SAAS,IAAI,CAAC,CAAU;AACjD,OAAO,MAAME,iBAAiB,GAAGF,SAAS,YAAY,CAAC,CAAU;AACjE,OAAO,MAAMG,WAAW,GAAGH,SAAS,MAAM,CAAC,CAAU"}

package/lib/decorators/withAriaLive.js

@@ -1,18 +0,0 @@
-import { AriaLiveAnnouncer } from '@fluentui/react-aria';
-import * as React from 'react';
-import { isDecoratorDisabled } from '../utils/isDecoratorDisabled';
-export const withAriaLive = (Story, context)=>{
-    if (isDecoratorDisabled(context, 'AriaLive')) {
-        return Story();
-    }
-    return /*#__PURE__*/ React.createElement(AriaLiveWrapper, null, /*#__PURE__*/ React.createElement(Story, null));
-};
-const AriaLiveWrapper = (props)=>{
-    const [mounted, setMounted] = React.useState(false);
-    React.useEffect(()=>{
-        // The AriaLiveAnnouncer appends an element to DOM in an effect
-        // Trigger an extra renderer to make sure that doc examples that need to announce on mount can do so
-        setMounted(true);
-    }, []);
-    return /*#__PURE__*/ React.createElement(AriaLiveAnnouncer, null, mounted && props.children);
-};

package/lib/decorators/withAriaLive.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/decorators/withAriaLive.tsx"],"sourcesContent":["import { AriaLiveAnnouncer } from '@fluentui/react-aria';\nimport * as React from 'react';\n\nimport type { FluentStoryContext } from '../hooks';\nimport { isDecoratorDisabled } from '../utils/isDecoratorDisabled';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nexport const withAriaLive = (Story: () => JSXElement, context: FluentStoryContext) => {\n  if (isDecoratorDisabled(context, 'AriaLive')) {\n    return Story();\n  }\n\n  return (\n    <AriaLiveWrapper>\n      <Story />\n    </AriaLiveWrapper>\n  );\n};\n\nconst AriaLiveWrapper: React.FC<{ children: React.ReactNode }> = props => {\n  const [mounted, setMounted] = React.useState(false);\n\n  React.useEffect(() => {\n    // The AriaLiveAnnouncer appends an element to DOM in an effect\n    // Trigger an extra renderer to make sure that doc examples that need to announce on mount can do so\n    setMounted(true);\n  }, []);\n\n  return <AriaLiveAnnouncer>{mounted && props.children}</AriaLiveAnnouncer>;\n};\n"],"names":["AriaLiveAnnouncer","React","isDecoratorDisabled","withAriaLive","Story","context","AriaLiveWrapper","props","mounted","setMounted","useState","useEffect","children"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,uBAAuB;AACzD,YAAYC,WAAW,QAAQ;AAG/B,SAASC,mBAAmB,QAAQ,+BAA+B;AAGnE,OAAO,MAAMC,eAAe,CAACC,OAAyBC;IACpD,IAAIH,oBAAoBG,SAAS,aAAa;QAC5C,OAAOD;IACT;IAEA,qBACE,oBAACE,qCACC,oBAACF;AAGP,EAAE;AAEF,MAAME,kBAA2DC,CAAAA;IAC/D,MAAM,CAACC,SAASC,WAAW,GAAGR,MAAMS,QAAQ,CAAC;IAE7CT,MAAMU,SAAS,CAAC;QACd,+DAA+D;QAC/D,oGAAoG;QACpGF,WAAW;IACb,GAAG,EAAE;IAEL,qBAAO,oBAACT,yBAAmBQ,WAAWD,MAAMK,QAAQ;AACtD"}

package/lib/decorators/withFluentProvider.js

@@ -1,48 +0,0 @@
-import * as React from 'react';
-import { FluentProvider } from '@fluentui/react-provider';
-import { teamsDarkTheme, teamsDarkV21Theme, teamsHighContrastTheme, teamsLightTheme, teamsLightV21Theme, webDarkTheme, webLightTheme } from '@fluentui/react-theme';
-import { defaultTheme } from '../theme';
-import { DIR_ID, THEME_ID } from '../constants';
-import { isDecoratorDisabled } from '../utils/isDecoratorDisabled';
-const themes = {
-    'web-light': webLightTheme,
-    'web-dark': webDarkTheme,
-    'teams-light': teamsLightTheme,
-    'teams-dark': teamsDarkTheme,
-    'teams-high-contrast': teamsHighContrastTheme,
-    'teams-light-v21': teamsLightV21Theme,
-    'teams-dark-v21': teamsDarkV21Theme
-};
-const findTheme = (themeId)=>{
-    return themeId ? themes[themeId] : null;
-};
-export const withFluentProvider = (StoryFn, context)=>{
-    const { globals, parameters } = context;
-    const { mode } = parameters;
-    if (isDecoratorDisabled(context, 'FluentProvider')) {
-        return StoryFn();
-    }
-    const isVrTest = mode === 'vr-test';
-    var _parameters_dir, _ref;
-    const dir = (_ref = (_parameters_dir = parameters.dir) !== null && _parameters_dir !== void 0 ? _parameters_dir : globals[DIR_ID]) !== null && _ref !== void 0 ? _ref : 'ltr';
-    const globalTheme = findTheme(globals[THEME_ID]);
-    const paramTheme = findTheme(parameters.fluentTheme);
-    var _ref1;
-    const theme = (_ref1 = paramTheme !== null && paramTheme !== void 0 ? paramTheme : globalTheme) !== null && _ref1 !== void 0 ? _ref1 : themes[defaultTheme.id];
-    return /*#__PURE__*/ React.createElement(FluentProvider, {
-        theme: theme,
-        dir: dir
-    }, isVrTest ? StoryFn() : /*#__PURE__*/ React.createElement(FluentExampleContainer, {
-        theme: theme
-    }, StoryFn()));
-};
-const FluentExampleContainer = (props)=>{
-    const { theme } = props;
-    const backgroundColor = theme.colorNeutralBackground2;
-    return /*#__PURE__*/ React.createElement("div", {
-        style: {
-            padding: '48px 24px',
-            backgroundColor
-        }
-    }, props.children);
-};

package/lib/decorators/withFluentProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/decorators/withFluentProvider.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { FluentProvider } from '@fluentui/react-provider';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport {\n  Theme,\n  teamsDarkTheme,\n  teamsDarkV21Theme,\n  teamsHighContrastTheme,\n  teamsLightTheme,\n  teamsLightV21Theme,\n  webDarkTheme,\n  webLightTheme,\n} from '@fluentui/react-theme';\nimport { defaultTheme, ThemeIds } from '../theme';\nimport { DIR_ID, THEME_ID } from '../constants';\nimport { FluentStoryContext } from '../hooks';\nimport { isDecoratorDisabled } from '../utils/isDecoratorDisabled';\n\nconst themes: Record<ThemeIds, Theme> = {\n  'web-light': webLightTheme,\n  'web-dark': webDarkTheme,\n  'teams-light': teamsLightTheme,\n  'teams-dark': teamsDarkTheme,\n  'teams-high-contrast': teamsHighContrastTheme,\n  'teams-light-v21': teamsLightV21Theme,\n  'teams-dark-v21': teamsDarkV21Theme,\n} as const;\n\nconst findTheme = (themeId?: ThemeIds) => {\n  return themeId ? themes[themeId] : null;\n};\n\nexport const withFluentProvider = (StoryFn: () => JSXElement, context: FluentStoryContext) => {\n  const { globals, parameters } = context;\n  const { mode } = parameters;\n\n  if (isDecoratorDisabled(context, 'FluentProvider')) {\n    return StoryFn();\n  }\n\n  const isVrTest = mode === 'vr-test';\n  const dir = parameters.dir ?? globals[DIR_ID] ?? 'ltr';\n  const globalTheme = findTheme(globals[THEME_ID]);\n  const paramTheme = findTheme(parameters.fluentTheme);\n  const theme = paramTheme ?? globalTheme ?? themes[defaultTheme.id];\n\n  return (\n    <FluentProvider theme={theme} dir={dir}>\n      {isVrTest ? StoryFn() : <FluentExampleContainer theme={theme}>{StoryFn()}</FluentExampleContainer>}\n    </FluentProvider>\n  );\n};\n\nconst FluentExampleContainer: React.FC<{ children: React.ReactNode; theme: Theme }> = props => {\n  const { theme } = props;\n\n  const backgroundColor = theme.colorNeutralBackground2;\n  return <div style={{ padding: '48px 24px', backgroundColor }}>{props.children}</div>;\n};\n"],"names":["React","FluentProvider","teamsDarkTheme","teamsDarkV21Theme","teamsHighContrastTheme","teamsLightTheme","teamsLightV21Theme","webDarkTheme","webLightTheme","defaultTheme","DIR_ID","THEME_ID","isDecoratorDisabled","themes","findTheme","themeId","withFluentProvider","StoryFn","context","globals","parameters","mode","isVrTest","dir","globalTheme","paramTheme","fluentTheme","theme","id","FluentExampleContainer","props","backgroundColor","colorNeutralBackground2","div","style","padding","children"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,cAAc,QAAQ,2BAA2B;AAE1D,SAEEC,cAAc,EACdC,iBAAiB,EACjBC,sBAAsB,EACtBC,eAAe,EACfC,kBAAkB,EAClBC,YAAY,EACZC,aAAa,QACR,wBAAwB;AAC/B,SAASC,YAAY,QAAkB,WAAW;AAClD,SAASC,MAAM,EAAEC,QAAQ,QAAQ,eAAe;AAEhD,SAASC,mBAAmB,QAAQ,+BAA+B;AAEnE,MAAMC,SAAkC;IACtC,aAAaL;IACb,YAAYD;IACZ,eAAeF;IACf,cAAcH;IACd,uBAAuBE;IACvB,mBAAmBE;IACnB,kBAAkBH;AACpB;AAEA,MAAMW,YAAY,CAACC;IACjB,OAAOA,UAAUF,MAAM,CAACE,QAAQ,GAAG;AACrC;AAEA,OAAO,MAAMC,qBAAqB,CAACC,SAA2BC;IAC5D,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGF;IAChC,MAAM,EAAEG,IAAI,EAAE,GAAGD;IAEjB,IAAIR,oBAAoBM,SAAS,mBAAmB;QAClD,OAAOD;IACT;IAEA,MAAMK,WAAWD,SAAS;QACdD,iBAAAA;IAAZ,MAAMG,MAAMH,CAAAA,OAAAA,CAAAA,kBAAAA,WAAWG,GAAG,cAAdH,6BAAAA,kBAAkBD,OAAO,CAACT,OAAO,cAAjCU,kBAAAA,OAAqC;IACjD,MAAMI,cAAcV,UAAUK,OAAO,CAACR,SAAS;IAC/C,MAAMc,aAAaX,UAAUM,WAAWM,WAAW;QACrCD;IAAd,MAAME,QAAQF,CAAAA,QAAAA,uBAAAA,wBAAAA,aAAcD,yBAAdC,mBAAAA,QAA6BZ,MAAM,CAACJ,aAAamB,EAAE,CAAC;IAElE,qBACE,oBAAC3B;QAAe0B,OAAOA;QAAOJ,KAAKA;OAChCD,WAAWL,0BAAY,oBAACY;QAAuBF,OAAOA;OAAQV;AAGrE,EAAE;AAEF,MAAMY,yBAAgFC,CAAAA;IACpF,MAAM,EAAEH,KAAK,EAAE,GAAGG;IAElB,MAAMC,kBAAkBJ,MAAMK,uBAAuB;IACrD,qBAAO,oBAACC;QAAIC,OAAO;YAAEC,SAAS;YAAaJ;QAAgB;OAAID,MAAMM,QAAQ;AAC/E"}

package/lib/decorators/withReactStrictMode.js

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { STRICT_MODE_ID } from '../constants';
-import { isDecoratorDisabled } from '../utils/isDecoratorDisabled';
-export const withReactStrictMode = (StoryFn, context)=>{
-    if (isDecoratorDisabled(context, 'ReactStrictMode')) {
-        return StoryFn();
-    }
-    var _context_globals_STRICT_MODE_ID;
-    const isActive = (_context_globals_STRICT_MODE_ID = context.globals[STRICT_MODE_ID]) !== null && _context_globals_STRICT_MODE_ID !== void 0 ? _context_globals_STRICT_MODE_ID : false;
-    return /*#__PURE__*/ React.createElement(StrictModeWrapper, {
-        strictMode: isActive
-    }, StoryFn());
-};
-const StrictModeWrapper = (props)=>{
-    return props.strictMode ? /*#__PURE__*/ React.createElement(React.StrictMode, null, props.children) : props.children;
-};

package/lib/decorators/withReactStrictMode.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/decorators/withReactStrictMode.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport { STRICT_MODE_ID } from '../constants';\nimport { FluentStoryContext } from '../hooks';\nimport { isDecoratorDisabled } from '../utils/isDecoratorDisabled';\n\nexport const withReactStrictMode = (StoryFn: () => JSXElement, context: FluentStoryContext) => {\n  if (isDecoratorDisabled(context, 'ReactStrictMode')) {\n    return StoryFn();\n  }\n\n  const isActive = context.globals[STRICT_MODE_ID] ?? false;\n\n  return <StrictModeWrapper strictMode={isActive}>{StoryFn()}</StrictModeWrapper>;\n};\n\nconst StrictModeWrapper = (props: { strictMode: boolean; children: React.ReactElement }) => {\n  return props.strictMode ? <React.StrictMode>{props.children}</React.StrictMode> : props.children;\n};\n"],"names":["React","STRICT_MODE_ID","isDecoratorDisabled","withReactStrictMode","StoryFn","context","isActive","globals","StrictModeWrapper","strictMode","props","StrictMode","children"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,cAAc,QAAQ,eAAe;AAE9C,SAASC,mBAAmB,QAAQ,+BAA+B;AAEnE,OAAO,MAAMC,sBAAsB,CAACC,SAA2BC;IAC7D,IAAIH,oBAAoBG,SAAS,oBAAoB;QACnD,OAAOD;IACT;QAEiBC;IAAjB,MAAMC,WAAWD,CAAAA,kCAAAA,QAAQE,OAAO,CAACN,eAAe,cAA/BI,6CAAAA,kCAAmC;IAEpD,qBAAO,oBAACG;QAAkBC,YAAYH;OAAWF;AACnD,EAAE;AAEF,MAAMI,oBAAoB,CAACE;IACzB,OAAOA,MAAMD,UAAU,iBAAG,oBAACT,MAAMW,UAAU,QAAED,MAAME,QAAQ,IAAuBF,MAAME,QAAQ;AAClG"}

package/lib/docs/DirSwitch.js

@@ -1,51 +0,0 @@
-import * as React from 'react';
-import { addons } from '@storybook/preview-api';
-import { Label } from '@fluentui/react-label';
-import { Switch } from '@fluentui/react-switch';
-import { useId } from '@fluentui/react-utilities';
-import { typographyStyles } from '@fluentui/react-theme';
-import { makeStyles } from '@griffel/react';
-import { DIR_ID } from '../constants';
-const useStyles = makeStyles({
-    container: {
-        alignItems: 'center',
-        display: 'flex',
-        justifyContent: 'start'
-    },
-    label: {
-        ...typographyStyles.subtitle2
-    }
-});
-/**
- * Dir switch used in the react-components docs header
- */ export const DirSwitch = ({ dir })=>{
-    const switchId = useId('dir-switch');
-    const styles = useStyles();
-    const [currentDir, setCurrentDir] = React.useState(dir);
-    const checked = currentDir === 'rtl';
-    const setGlobalDir = (newDir)=>{
-        addons.getChannel().emit('updateGlobals', {
-            globals: {
-                [DIR_ID]: newDir
-            }
-        });
-    };
-    const onChange = React.useCallback((_, data)=>{
-        const newDir = data.checked ? 'rtl' : 'ltr';
-        setGlobalDir(newDir);
-        setCurrentDir(newDir);
-    }, []);
-    return /*#__PURE__*/ React.createElement("div", {
-        className: styles.container
-    }, /*#__PURE__*/ React.createElement(Label, {
-        className: styles.label,
-        htmlFor: currentDir === 'ltr' ? undefined : switchId
-    }, "LTR"), /*#__PURE__*/ React.createElement(Switch, {
-        checked: checked,
-        id: switchId,
-        onChange: onChange
-    }), /*#__PURE__*/ React.createElement(Label, {
-        className: styles.label,
-        htmlFor: currentDir === 'rtl' ? switchId : undefined
-    }, "RTL"));
-};

package/lib/docs/DirSwitch.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/docs/DirSwitch.tsx"],"sourcesContent":["import * as React from 'react';\nimport { addons } from '@storybook/preview-api';\n\nimport { Label } from '@fluentui/react-label';\nimport { Switch, type SwitchProps } from '@fluentui/react-switch';\nimport { useId } from '@fluentui/react-utilities';\nimport { typographyStyles } from '@fluentui/react-theme';\nimport { makeStyles } from '@griffel/react';\n\nimport { DIR_ID } from '../constants';\n\nconst useStyles = makeStyles({\n  container: {\n    alignItems: 'center',\n    display: 'flex',\n    justifyContent: 'start',\n  },\n  label: {\n    ...typographyStyles.subtitle2,\n  },\n});\n\n/**\n * Dir switch used in the react-components docs header\n */\nexport const DirSwitch: React.FC<{ dir?: 'ltr' | 'rtl' }> = ({ dir }) => {\n  const switchId = useId('dir-switch');\n\n  const styles = useStyles();\n\n  const [currentDir, setCurrentDir] = React.useState(dir);\n  const checked = currentDir === 'rtl';\n\n  const setGlobalDir = (newDir: 'ltr' | 'rtl'): void => {\n    addons.getChannel().emit('updateGlobals', { globals: { [DIR_ID]: newDir } });\n  };\n\n  const onChange = React.useCallback<NonNullable<SwitchProps['onChange']>>((_, data) => {\n    const newDir = data.checked ? 'rtl' : 'ltr';\n    setGlobalDir(newDir);\n    setCurrentDir(newDir);\n  }, []);\n\n  return (\n    <div className={styles.container}>\n      <Label className={styles.label} htmlFor={currentDir === 'ltr' ? undefined : switchId}>\n        LTR\n      </Label>\n      <Switch checked={checked} id={switchId} onChange={onChange} />\n      <Label className={styles.label} htmlFor={currentDir === 'rtl' ? switchId : undefined}>\n        RTL\n      </Label>\n    </div>\n  );\n};\n"],"names":["React","addons","Label","Switch","useId","typographyStyles","makeStyles","DIR_ID","useStyles","container","alignItems","display","justifyContent","label","subtitle2","DirSwitch","dir","switchId","styles","currentDir","setCurrentDir","useState","checked","setGlobalDir","newDir","getChannel","emit","globals","onChange","useCallback","_","data","div","className","htmlFor","undefined","id"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,yBAAyB;AAEhD,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,MAAM,QAA0B,yBAAyB;AAClE,SAASC,KAAK,QAAQ,4BAA4B;AAClD,SAASC,gBAAgB,QAAQ,wBAAwB;AACzD,SAASC,UAAU,QAAQ,iBAAiB;AAE5C,SAASC,MAAM,QAAQ,eAAe;AAEtC,MAAMC,YAAYF,WAAW;IAC3BG,WAAW;QACTC,YAAY;QACZC,SAAS;QACTC,gBAAgB;IAClB;IACAC,OAAO;QACL,GAAGR,iBAAiBS,SAAS;IAC/B;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,YAA+C,CAAC,EAAEC,GAAG,EAAE;IAClE,MAAMC,WAAWb,MAAM;IAEvB,MAAMc,SAASV;IAEf,MAAM,CAACW,YAAYC,cAAc,GAAGpB,MAAMqB,QAAQ,CAACL;IACnD,MAAMM,UAAUH,eAAe;IAE/B,MAAMI,eAAe,CAACC;QACpBvB,OAAOwB,UAAU,GAAGC,IAAI,CAAC,iBAAiB;YAAEC,SAAS;gBAAE,CAACpB,OAAO,EAAEiB;YAAO;QAAE;IAC5E;IAEA,MAAMI,WAAW5B,MAAM6B,WAAW,CAAuC,CAACC,GAAGC;QAC3E,MAAMP,SAASO,KAAKT,OAAO,GAAG,QAAQ;QACtCC,aAAaC;QACbJ,cAAcI;IAChB,GAAG,EAAE;IAEL,qBACE,oBAACQ;QAAIC,WAAWf,OAAOT,SAAS;qBAC9B,oBAACP;QAAM+B,WAAWf,OAAOL,KAAK;QAAEqB,SAASf,eAAe,QAAQgB,YAAYlB;OAAU,sBAGtF,oBAACd;QAAOmB,SAASA;QAASc,IAAInB;QAAUW,UAAUA;sBAClD,oBAAC1B;QAAM+B,WAAWf,OAAOL,KAAK;QAAEqB,SAASf,eAAe,QAAQF,WAAWkB;OAAW;AAK5F,EAAE"}

package/lib/docs/FluentDocsContainer.js

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import { DocsContainer } from '@storybook/addon-docs';
-import { webLightTheme } from '@fluentui/react-theme';
-import { FluentProvider } from '@fluentui/react-provider';
-import { isDocsEnabled } from './utils';
-/**
- * A container that wraps storybook's native docs container to add extra components to the docs experience
- */ export const FluentDocsContainer = ({ children, context })=>{
-    if (isDocsEnabled(context)) {
-        return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(FluentProvider, {
-            className: "sb-unstyled",
-            style: {
-                backgroundColor: 'transparent'
-            },
-            theme: webLightTheme
-        }, /*#__PURE__*/ React.createElement(DocsContainer, {
-            context: context
-        }, children)));
-    }
-    // If docs container is not enabled, fall back to Storybook's default DocsContainer
-    return /*#__PURE__*/ React.createElement(DocsContainer, {
-        context: context
-    }, children);
-};

package/lib/docs/FluentDocsContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/docs/FluentDocsContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { DocsContainer, type DocsContextProps } from '@storybook/addon-docs';\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { FluentProvider } from '@fluentui/react-provider';\n\nimport { isDocsEnabled } from './utils';\n\ninterface FluentDocsContainerProps {\n  context: DocsContextProps;\n  children: React.ReactNode;\n}\n\n/**\n * A container that wraps storybook's native docs container to add extra components to the docs experience\n */\nexport const FluentDocsContainer: React.FC<FluentDocsContainerProps> = ({ children, context }) => {\n  if (isDocsEnabled(context)) {\n    return (\n      <>\n        {/** TODO add table of contents */}\n        <FluentProvider className=\"sb-unstyled\" style={{ backgroundColor: 'transparent' }} theme={webLightTheme}>\n          <DocsContainer context={context}>{children}</DocsContainer>\n        </FluentProvider>\n      </>\n    );\n  }\n\n  // If docs container is not enabled, fall back to Storybook's default DocsContainer\n  return <DocsContainer context={context}>{children}</DocsContainer>;\n};\n"],"names":["React","DocsContainer","webLightTheme","FluentProvider","isDocsEnabled","FluentDocsContainer","children","context","className","style","backgroundColor","theme"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAA+B,wBAAwB;AAC7E,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,cAAc,QAAQ,2BAA2B;AAE1D,SAASC,aAAa,QAAQ,UAAU;AAOxC;;CAEC,GACD,OAAO,MAAMC,sBAA0D,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAE;IAC3F,IAAIH,cAAcG,UAAU;QAC1B,qBACE,wDAEE,oBAACJ;YAAeK,WAAU;YAAcC,OAAO;gBAAEC,iBAAiB;YAAc;YAAGC,OAAOT;yBACxF,oBAACD;YAAcM,SAASA;WAAUD;IAI1C;IAEA,mFAAmF;IACnF,qBAAO,oBAACL;QAAcM,SAASA;OAAUD;AAC3C,EAAE"}